From 7d99e58286b9098debe04f0cd28874d90a3d7564 Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Mon, 17 Aug 2026 10:58:53 +0200
Subject: [PATCH 001/176] =?UTF-8?q?B=C3=BCcher:=20Ordner=20(eine=20Ebene)?=
 =?UTF-8?q?=20+=20"Zuletzt=20gelesen"-Leiste=20(SW=20v36)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ordnername lebt im bereits verschlüsselten meta-Blob (wie Titel/Autor),
daher keine Schema-Änderung nötig — nur ein schlanker Endpoint zum
Aktualisieren von meta_ct/meta_iv ohne die Buchdaten neu hochzuladen.
Die Bücheransicht zeigt jetzt immer oben die letzten 7 gelesenen Titel
als Shortcut-Leiste, darunter Ordner-Kacheln (root) bzw. den Inhalt
eines geöffneten Ordners (kein Verschachteln).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011j4LcoeddwFt6Rw8Wyaknj
---
 books/urls.py      |   1 +
 books/views.py     |  29 +++++++++
 static/css/app.css |  83 ++++++++++++++++++++++++
 static/js/app.js   | 158 ++++++++++++++++++++++++++++++++++++++-------
 static/js/sw.js    |   2 +-
 5 files changed, 250 insertions(+), 23 deletions(-)

diff --git a/books/urls.py b/books/urls.py
index ddcb20a..0d3b782 100644
--- a/books/urls.py
+++ b/books/urls.py
@@ -7,6 +7,7 @@ urlpatterns = [
     path('<int:pk>/data/', views.get_book_data, name='get_book_data'),
     path('<int:pk>/delete/', views.delete_book, name='delete_book'),
     path('<int:pk>/read/', views.set_book_read, name='set_book_read'),
+    path('<int:pk>/meta/', views.update_book_meta, name='update_book_meta'),
     path('<int:pk>/replace-data/', views.replace_book_data, name='replace_book_data'),
     path('<int:pk>/rekey/', views.rekey_book, name='rekey_book'),
     path('<int:pk>/progress/', views.save_progress, name='save_book_progress'),
diff --git a/books/views.py b/books/views.py
index c9e21f2..15d1445 100644
--- a/books/views.py
+++ b/books/views.py
@@ -89,6 +89,35 @@ def set_book_read(request, pk):
     return JsonResponse({'ok': True, 'is_read': book.is_read})
 
 
+@csrf_exempt
+@require_http_methods(['POST'])
+def update_book_meta(request, pk):
+    """Update only the encrypted metadata blob (e.g. to assign a folder) without touching book bytes."""
+    err = _require_auth(request)
+    if err:
+        return err
+
+    try:
+        book = EBook.objects.get(pk=pk, user=request.user)
+    except EBook.DoesNotExist:
+        return JsonResponse({'error': 'not found'}, status=404)
+
+    try:
+        body = json.loads(request.body)
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+
+    meta_ct = body.get('meta_ct', '')
+    meta_iv = body.get('meta_iv', '')
+    if not meta_ct or not meta_iv:
+        return JsonResponse({'error': 'meta_ct, meta_iv required'}, status=400)
+
+    book.meta_ct = meta_ct
+    book.meta_iv = meta_iv
+    book.save(update_fields=['meta_ct', 'meta_iv'])
+    return JsonResponse({'ok': True})
+
+
 @csrf_exempt
 @require_http_methods(['POST'])
 def upload_book(request):
diff --git a/static/css/app.css b/static/css/app.css
index 3f953dc..3ed7abd 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1602,6 +1602,89 @@ body.dnd-mode .timer-display {
   cursor: pointer;
 }
 
+/* --- Recently-read shelf (always pinned atop the books view) --- */
+.book-recent-shelf {
+  margin-bottom: 14px;
+}
+.book-recent-title {
+  font-size: 13px;
+  font-weight: 600;
+  margin: 0 0 6px;
+  color: var(--muted, #888);
+}
+.book-recent-row {
+  display: flex;
+  gap: 8px;
+  overflow-x: auto;
+  padding-bottom: 2px;
+}
+.book-recent-item {
+  flex: 0 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  max-width: 160px;
+  padding: 8px 10px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: none;
+  text-align: left;
+  cursor: pointer;
+}
+.book-recent-item-title {
+  font-size: 13px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.book-recent-item-author {
+  font-size: 11px;
+  color: var(--muted, #888);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* --- Book folders (single level) --- */
+.book-folder-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  gap: 8px;
+  margin-bottom: 10px;
+}
+.book-folder-tile {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding: 12px 8px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: none;
+  cursor: pointer;
+  text-align: center;
+}
+.book-folder-tile-icon {
+  font-size: 22px;
+}
+.book-folder-tile-name {
+  font-size: 13px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+.book-folder-tile-count {
+  font-size: 11px;
+  color: var(--muted, #888);
+}
+.book-folder-header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 8px;
+}
+
 /* --- PDF pages --- */
 .pdf-page-wrapper {
   margin: 0 auto 1rem;
diff --git a/static/js/app.js b/static/js/app.js
index 3ab4dfb..b7157a7 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -3249,11 +3249,11 @@ async function loadBookList() {
       try {
         const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
         const meta = JSON.parse(new TextDecoder().decode(metaBuf));
-        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub'};
-        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || ''};
+        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       } catch (e) {
-        bookMetaCache[b.id] = {title: `Book #${b.id}`, author: '', type: 'epub'};
-        decrypted.push({id: b.id, title: `Book #${b.id}`, author: '', type: 'epub', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        bookMetaCache[b.id] = {title: `Book #${b.id}`, author: '', type: 'epub', filename: '', folder: ''};
+        decrypted.push({id: b.id, title: `Book #${b.id}`, author: '', type: 'epub', folder: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       }
     }
     // If local cache is further ahead than the server, push it and use it for display.
@@ -3292,7 +3292,7 @@ async function loadBookList() {
         if (b.last_read) return 1;
         return (b.uploaded_at || '').localeCompare(a.uploaded_at || '');
       });
-      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub'};
+      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || ''};
       const uploadArea = $('book-upload-area');
       if (uploadArea) uploadArea.style.display = 'none';
       renderBookList(cachedBooks);
@@ -3415,23 +3415,23 @@ async function toggleBookRead(bookId, currentlyRead) {
   }
 }
 
-function renderBookList(books) {
-  const listEl = $('book-list');
-  if (!listEl) return;
-  _lastBookListData = books;
-  const visible = _bookShowRead ? books : books.filter(b => !b.is_read);
-  if (!visible.length) {
-    listEl.innerHTML = books.length
-      ? '<p class="muted">Keine ungelesenen Bücher. „Gelesene Bücher anzeigen“ aktivieren, um alle zu sehen.</p>'
-      : '';
-    return;
-  }
-  let html = '';
-  for (const b of visible) {
-    const pct = Math.round((b.scroll_fraction || 0) * 100);
-    const keyWarning = b.keyOk === false ? '<span title="Wrong encryption key — import the correct key to open this book" style="color:var(--accent,#e63946);margin-left:4px;">⚠ wrong key</span>' : '';
-    const broken = _brokenBooks.has(b.id);
-    html += `<div class="book-item" data-book-id="${b.id}">
+// Folder assigned to a book lives inside its encrypted meta blob (like title/author), so the
+// server never sees plaintext folder names — no schema change needed, and it rides along for
+// free in /api/sync/. One level only: folders don't nest.
+let _currentBookFolder = null; // null = root view (folder tiles + unfiled books)
+
+function _recentlyReadBooks(books) {
+  return books
+    .filter(b => b.last_read)
+    .sort((a, b) => b.last_read.localeCompare(a.last_read))
+    .slice(0, 7);
+}
+
+function _renderBookItemHtml(b) {
+  const pct = Math.round((b.scroll_fraction || 0) * 100);
+  const keyWarning = b.keyOk === false ? '<span title="Wrong encryption key — import the correct key to open this book" style="color:var(--accent,#e63946);margin-left:4px;">⚠ wrong key</span>' : '';
+  const broken = _brokenBooks.has(b.id);
+  return `<div class="book-item" data-book-id="${b.id}">
       <div class="book-item-info">
         <strong class="book-title">${escapeHtml(b.title)}${keyWarning}${b.is_read ? ' <span class="muted book-read-badge">✓ gelesen</span>' : ''}</strong>
         <span class="muted book-author">${escapeHtml(b.author)}</span>
@@ -3440,13 +3440,127 @@ function renderBookList(books) {
       <div class="book-item-actions">
         ${broken ? `<button class="btn btn-sm btn-danger book-broken-btn" title="Buch konnte nicht geöffnet werden — Datei erneut hochladen" onclick="repairBook(${b.id})">!</button>` : ''}
         ${b.has_highlights ? `<button class="btn btn-sm" title="Markierungen &amp; Notizen herunterladen" onclick="downloadBookAnnotationsFromList(${b.id}, this)">⭳</button>` : ''}
+        <button class="btn btn-sm" title="Ordner zuweisen" onclick="assignBookFolder(${b.id})">📁</button>
         <button class="btn btn-sm" title="${b.is_read ? 'Als ungelesen markieren' : 'Als gelesen markieren'}" onclick="toggleBookRead(${b.id}, ${!!b.is_read})">${b.is_read ? '↺' : '✓'}</button>
         <button class="btn btn-sm" onclick="openBook(${b.id})"${b.keyOk === false ? ' disabled title="Import the correct encryption key first"' : ''}>Open</button>
         <button class="btn btn-sm btn-danger" onclick="deleteBook(${b.id})">Delete</button>
       </div>
     </div>`;
+}
+
+function _openBookFolder(name) {
+  _currentBookFolder = name;
+  renderBookList(_lastBookListData);
+}
+
+function renderBookList(books) {
+  const listEl = $('book-list');
+  if (!listEl) return;
+  _lastBookListData = books;
+
+  if (!books.length) {
+    listEl.innerHTML = '';
+    return;
   }
+
+  let html = '';
+
+  // Always-visible "recently read" shelf, independent of folder navigation and the
+  // read/unread filter below — it's a shortcut back into whatever was open last.
+  const recent = _recentlyReadBooks(books);
+  if (recent.length) {
+    html += '<div class="book-recent-shelf">'
+      + '<h3 class="book-recent-title">Zuletzt gelesen</h3>'
+      + '<div class="book-recent-row">'
+      + recent.map(b => `<button class="book-recent-item" onclick="openBook(${b.id})" title="${escapeHtml(b.title)}">
+          <span class="book-recent-item-title">${escapeHtml(b.title)}</span>
+          ${b.author ? `<span class="book-recent-item-author">${escapeHtml(b.author)}</span>` : ''}
+        </button>`).join('')
+      + '</div></div>';
+  }
+
+  const visible = _bookShowRead ? books : books.filter(b => !b.is_read);
+  if (!visible.length) {
+    html += books.length
+      ? '<p class="muted">Keine ungelesenen Bücher. „Gelesene Bücher anzeigen“ aktivieren, um alle zu sehen.</p>'
+      : '';
+    listEl.innerHTML = html;
+    return;
+  }
+
+  const grouped = new Map();
+  for (const b of visible) {
+    const key = b.folder || '';
+    if (!grouped.has(key)) grouped.set(key, []);
+    grouped.get(key).push(b);
+  }
+  // Folder emptied out (last book moved/deleted, or read-filter hid it) — fall back to root.
+  if (_currentBookFolder !== null && !grouped.has(_currentBookFolder)) {
+    _currentBookFolder = null;
+  }
+
+  if (_currentBookFolder === null) {
+    const folderNames = [...grouped.keys()].filter(k => k !== '').sort((a, b) => a.localeCompare(b, 'de'));
+    if (folderNames.length) {
+      html += '<div class="book-folder-grid">'
+        + folderNames.map(name => `<button class="book-folder-tile" data-folder="${escapeHtml(name)}">
+            <span class="book-folder-tile-icon">📁</span>
+            <span class="book-folder-tile-name">${escapeHtml(name)}</span>
+            <span class="book-folder-tile-count">${grouped.get(name).length}</span>
+          </button>`).join('')
+        + '</div>';
+    }
+    html += (grouped.get('') || []).map(_renderBookItemHtml).join('');
+  } else {
+    html += `<div class="book-folder-header">
+        <button class="btn btn-sm" onclick="_openBookFolder(null)">← Alle Ordner</button>
+        <strong>${escapeHtml(_currentBookFolder)}</strong>
+      </div>`;
+    html += grouped.get(_currentBookFolder).map(_renderBookItemHtml).join('');
+  }
+
   listEl.innerHTML = html;
+  listEl.querySelectorAll('.book-folder-tile').forEach(tile => {
+    tile.addEventListener('click', () => _openBookFolder(tile.dataset.folder));
+  });
+}
+
+async function assignBookFolder(bookId) {
+  const book = _lastBookListData.find(b => b.id === bookId);
+  if (!book) return;
+  const folders = [...new Set(_lastBookListData.map(b => b.folder).filter(Boolean))].sort((a, b) => a.localeCompare(b, 'de'));
+  const hint = folders.length ? ` Vorhandene Ordner: ${folders.join(', ')}.` : '';
+  const result = await customPrompt(`Ordner für „${book.title}“ (leer = kein Ordner).${hint}`, book.folder || '');
+  if (result === null) return;
+  const folder = result.trim();
+  if (folder === (book.folder || '')) return;
+
+  try {
+    const key = await getOrCreateEncKey();
+    const cached = bookMetaCache[bookId] || {};
+    const metaJson = new TextEncoder().encode(JSON.stringify({
+      title: cached.title || book.title,
+      author: cached.author || book.author,
+      filename: cached.filename || '',
+      type: cached.type || book.type || 'epub',
+      folder,
+    }));
+    const metaEnc = await encryptBytes(key, metaJson);
+    const res = await fetch(`/books/${bookId}/meta/`, {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+      body: JSON.stringify({meta_ct: metaEnc.ciphertext, meta_iv: metaEnc.iv}),
+    });
+    const data = await res.json();
+    if (!data.ok) throw new Error('Server error');
+    book.folder = folder;
+    bookMetaCache[bookId] = {...cached, folder};
+    _saveBookMeta(_lastBookListData);
+    if (folder) _currentBookFolder = folder;
+    renderBookList(_lastBookListData);
+  } catch (e) {
+    await customAlert('Konnte Ordner nicht ändern: ' + e.message);
+  }
 }
 
 function bookFileSelected(input) {
diff --git a/static/js/sw.js b/static/js/sw.js
index 900716b..31d3d26 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v35';
+const CACHE = 'diora-v36';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',

From 3e301b6f61f00c8770e922a46e6ca9badb915745 Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Mon, 17 Aug 2026 11:27:16 +0200
Subject: [PATCH 002/176] =?UTF-8?q?B=C3=BCcher:=20Regal-Metadaten-Lookup?=
 =?UTF-8?q?=20(DNB=20=E2=86=92=20Open=20Library)=20+=20Drei-Punkte-Men?=
 =?UTF-8?q?=C3=BC=20(SW=20v37)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Manuell per neuem "Metadaten"-Menüpunkt ausgelöst (nie automatisch): der Server
schlägt die aus dem EPUB extrahierte ISBN zuerst bei der DNB (SRU, DDC-Sachgruppe),
dann bei Open Library nach und gibt nur ein kurzes Label zurück, ohne etwas zu
speichern — das Label landet als Badge nur im ohnehin verschlüsselten Meta-Blob des
Clients. Das ist eine bewusste, eng begrenzte Ausnahme vom "Server sieht nie
Buchinhalte"-Prinzip: die Verschlüsselung dient vor allem der Absicherung gegen
Piraterie-Vorwürfe, nicht striktem Zero-Knowledge gegenüber dem eigenen Server.

Da pro Buch jetzt Reparieren/Herunterladen/Ordner/Metadaten/Lesestatus/Löschen
zusammenkommen, wandern alle Aktionen außer "Open" in ein Drei-Punkte-Menü.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011j4LcoeddwFt6Rw8Wyaknj
---
 books/urls.py      |   1 +
 books/views.py     | 131 +++++++++++++++++++++++++++++++++++++++
 diora/settings.py  |   1 +
 static/css/app.css |  56 +++++++++++++++++
 static/js/app.js   | 151 +++++++++++++++++++++++++++++++++++----------
 static/js/sw.js    |   2 +-
 6 files changed, 307 insertions(+), 35 deletions(-)

diff --git a/books/urls.py b/books/urls.py
index 0d3b782..e17e99f 100644
--- a/books/urls.py
+++ b/books/urls.py
@@ -4,6 +4,7 @@ from . import views
 urlpatterns = [
     path('', views.book_list, name='book_list'),
     path('upload/', views.upload_book, name='upload_book'),
+    path('metadata-lookup/', views.lookup_book_metadata, name='lookup_book_metadata'),
     path('<int:pk>/data/', views.get_book_data, name='get_book_data'),
     path('<int:pk>/delete/', views.delete_book, name='delete_book'),
     path('<int:pk>/read/', views.set_book_read, name='set_book_read'),
diff --git a/books/views.py b/books/views.py
index 15d1445..f400531 100644
--- a/books/views.py
+++ b/books/views.py
@@ -1,7 +1,9 @@
 import base64
 import json
 import re
+import xml.etree.ElementTree as ET
 
+import requests
 from django.conf import settings
 from django.http import JsonResponse
 from django.views.decorators.csrf import csrf_exempt
@@ -16,6 +18,135 @@ def _require_auth(request):
     return None
 
 
+# ---------------------------------------------------------------------------
+# Library-shelf metadata lookup (DNB, falling back to Open Library)
+#
+# Only ever called on explicit user request (the "Metadaten" book action), never
+# automatically — the server briefly sees the plaintext ISBN for this one proxied
+# request, which is a deliberate, narrow exception to the "server never sees book
+# content" rule (see CLAUDE.md), made because the encryption's real purpose here is
+# to keep the operator from being able to see what's on the platform (piracy
+# liability), not strict user privacy — an ISBN lookup against public library
+# catalogs doesn't undermine that. Nothing from this lookup is persisted server-side;
+# the resulting label is stored only in the client's encrypted meta blob.
+# ---------------------------------------------------------------------------
+
+# DNB "Sachgruppen der Deutschen Nationalbibliografie" / DDC divisions (hundreds -> tens),
+# used to turn a raw DDC notation like "833.92" into a short shelf label.
+_DDC_DIVISIONS = {
+    '000': 'Allgemeines, Informatik', '010': 'Bibliografien', '020': 'Bibliotheks- und Informationswissenschaft',
+    '030': 'Enzyklopädien', '050': 'Zeitschriften, fortlaufende Sammelwerke', '060': 'Organisationen, Museumswissenschaft',
+    '070': 'Nachrichtenmedien, Journalismus, Verlagswesen', '090': 'Handschriften, seltene Bücher',
+    '100': 'Philosophie', '130': 'Parapsychologie, Okkultismus', '150': 'Psychologie',
+    '200': 'Religion', '230': 'Christentum, Christliche Theologie', '290': 'Andere Religionen',
+    '300': 'Sozialwissenschaften, Soziologie', '310': 'Statistiken', '320': 'Politikwissenschaft',
+    '330': 'Wirtschaft', '340': 'Recht', '350': 'Öffentliche Verwaltung, Militärwissenschaft',
+    '360': 'Soziale Probleme, Sozialdienste, Versicherungen', '370': 'Erziehung, Schul- und Bildungswesen',
+    '380': 'Handel, Kommunikation, Verkehr', '390': 'Gebräuche, Etikette, Folklore',
+    '400': 'Sprache, Linguistik', '420': 'Englisch', '430': 'Deutsch, Germanische Sprachen',
+    '440': 'Französisch, Romanische Sprachen', '450': 'Italienisch, Rumänisch, Rätoromanisch',
+    '460': 'Spanisch, Portugiesisch', '470': 'Latein, Italische Sprachen', '480': 'Griechisch', '490': 'Andere Sprachen',
+    '500': 'Naturwissenschaften', '510': 'Mathematik', '520': 'Astronomie', '530': 'Physik', '540': 'Chemie',
+    '550': 'Geowissenschaften', '560': 'Paläontologie', '570': 'Biowissenschaften, Biologie',
+    '580': 'Pflanzen (Botanik)', '590': 'Tiere (Zoologie)',
+    '600': 'Technik', '610': 'Medizin, Gesundheit', '620': 'Ingenieurwissenschaften', '630': 'Landwirtschaft',
+    '640': 'Hauswirtschaft', '650': 'Management', '660': 'Chemische Technik', '670': 'Industrielle Fertigung',
+    '680': 'Fertigung für spezielle Zwecke', '690': 'Hausbau, Bauhandwerk',
+    '700': 'Künste', '710': 'Landschaftsgestaltung, Raumplanung', '720': 'Architektur',
+    '730': 'Plastik, Keramik, Metallkunst', '740': 'Zeichnung, angewandte Kunst', '750': 'Malerei',
+    '760': 'Grafik, Druckgrafik, Fotografie', '780': 'Musik', '790': 'Freizeit, Darstellende Kunst, Sport',
+    '800': 'Literatur', '810': 'Amerikanische Literatur', '820': 'Englische Literatur',
+    '830': 'Deutsche Literatur', '840': 'Französische Literatur', '850': 'Italienische Literatur',
+    '860': 'Spanische, Portugiesische Literatur', '870': 'Lateinische Literatur', '880': 'Griechische Literatur',
+    '890': 'Literaturen in anderen Sprachen',
+    '900': 'Geschichte', '910': 'Geografie, Reisen', '920': 'Biografie, Genealogie',
+    '930': 'Geschichte des Altertums', '940': 'Geschichte Europas', '950': 'Geschichte Asiens',
+    '960': 'Geschichte Afrikas', '970': 'Geschichte Nordamerikas', '980': 'Geschichte Südamerikas',
+    '990': 'Geschichte der übrigen Welt',
+}
+
+
+def _ddc_label(ddc_raw):
+    """Coarsen a DDC notation ('833.92') down to its nearest known division/class label."""
+    digits = re.sub(r'\D', '', ddc_raw or '')
+    if len(digits) < 3:
+        return None
+    tens = digits[:2] + '0'
+    if tens in _DDC_DIVISIONS:
+        return _DDC_DIVISIONS[tens]
+    return _DDC_DIVISIONS.get(digits[0] + '00')
+
+
+_MARC_NS = '{http://www.loc.gov/MARC21/slim}'
+
+
+def _lookup_dnb_shelf(isbn):
+    url = 'https://services.dnb.de/sru/dnb'
+    params = {
+        'version': '1.1',
+        'operation': 'searchRetrieve',
+        'query': f'dnb.num={isbn}',
+        'recordSchema': 'MARC21-xml',
+        'maximumRecords': '1',
+    }
+    resp = requests.get(url, params=params, timeout=getattr(settings, 'BOOK_METADATA_TIMEOUT', 6))
+    resp.raise_for_status()
+    root = ET.fromstring(resp.content)
+    for datafield in root.iter(f'{_MARC_NS}datafield'):
+        if datafield.get('tag') != '082':
+            continue
+        for subfield in datafield.findall(f'{_MARC_NS}subfield'):
+            if subfield.get('code') == 'a' and subfield.text:
+                label = _ddc_label(subfield.text)
+                if label:
+                    return label
+    return None
+
+
+def _lookup_openlibrary_shelf(isbn):
+    url = 'https://openlibrary.org/api/books'
+    params = {'bibkeys': f'ISBN:{isbn}', 'jscmd': 'data', 'format': 'json'}
+    resp = requests.get(url, params=params, timeout=getattr(settings, 'BOOK_METADATA_TIMEOUT', 6))
+    resp.raise_for_status()
+    data = resp.json().get(f'ISBN:{isbn}', {})
+    ddc = (data.get('classifications') or {}).get('dewey_decimal_class') or []
+    if ddc:
+        label = _ddc_label(ddc[0])
+        if label:
+            return label
+    subjects = data.get('subjects') or []
+    if subjects:
+        return subjects[0].get('name')
+    return None
+
+
+@require_http_methods(['GET'])
+def lookup_book_metadata(request):
+    err = _require_auth(request)
+    if err:
+        return err
+
+    isbn = re.sub(r'[^0-9Xx]', '', request.GET.get('isbn', ''))
+    if len(isbn) not in (10, 13):
+        return JsonResponse({'error': 'invalid ISBN'}, status=400)
+
+    label = None
+    source = None
+    try:
+        label = _lookup_dnb_shelf(isbn)
+        source = 'dnb' if label else None
+    except Exception:
+        pass
+    if not label:
+        try:
+            label = _lookup_openlibrary_shelf(isbn)
+            source = 'openlibrary' if label else None
+        except Exception:
+            pass
+
+    return JsonResponse({'label': label, 'source': source})
+
+
 def _anchor_parts(anchor):
     """Split a position anchor 'blockIndex:innerFraction' into (block, inner).
 
diff --git a/diora/settings.py b/diora/settings.py
index f1d0571..53f6905 100644
--- a/diora/settings.py
+++ b/diora/settings.py
@@ -108,6 +108,7 @@ BOOKMARKS_MAX_BYTES = 100 * 1024        # 100 KB
 
 VOLUME_DEFAULT = 204                    # out of 255
 ITUNES_TIMEOUT = 6                      # seconds
+BOOK_METADATA_TIMEOUT = 6               # seconds (DNB / Open Library shelf lookup)
 PODCAST_INBOX_PAGE_SIZE = 200
 
 DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
diff --git a/static/css/app.css b/static/css/app.css
index 3ed7abd..a2f0264 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1583,8 +1583,14 @@ body.dnd-mode .timer-display {
 .book-progress {
   font-size: 12px;
 }
+.book-item-meta-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
 .book-item-actions {
   display: flex;
+  align-items: center;
   gap: 6px;
   flex-shrink: 0;
 }
@@ -1592,6 +1598,56 @@ body.dnd-mode .timer-display {
   font-size: 12px;
   font-weight: normal;
 }
+.book-shelf-badge {
+  display: inline-block;
+  font-size: 11px;
+  padding: 1px 7px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  color: var(--muted, #888);
+  white-space: nowrap;
+}
+
+/* --- Per-book "⋮" menu (everything except Open) --- */
+.book-item-menu {
+  position: relative;
+}
+.book-item-menu-list {
+  display: none;
+  flex-direction: column;
+  gap: 2px;
+  position: absolute;
+  right: 0;
+  top: calc(100% + 4px);
+  z-index: 20;
+  min-width: 220px;
+  background: var(--surface, #111);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 4px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
+}
+.book-item-menu-list.open {
+  display: flex;
+}
+.book-menu-item {
+  background: none;
+  border: none;
+  color: var(--fg);
+  text-align: left;
+  padding: 8px 10px;
+  border-radius: var(--radius);
+  cursor: pointer;
+  font: inherit;
+  font-size: 13px;
+  white-space: nowrap;
+}
+.book-menu-item:hover {
+  background: var(--bg-row, rgba(255, 255, 255, 0.08));
+}
+.book-menu-item--danger {
+  color: var(--accent, #e63946);
+}
 .book-list-filter {
   display: flex;
   align-items: center;
diff --git a/static/js/app.js b/static/js/app.js
index b7157a7..dacfef4 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -3249,11 +3249,11 @@ async function loadBookList() {
       try {
         const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
         const meta = JSON.parse(new TextDecoder().decode(metaBuf));
-        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || ''};
-        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || ''};
+        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       } catch (e) {
-        bookMetaCache[b.id] = {title: `Book #${b.id}`, author: '', type: 'epub', filename: '', folder: ''};
-        decrypted.push({id: b.id, title: `Book #${b.id}`, author: '', type: 'epub', folder: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        bookMetaCache[b.id] = {title: `Book #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
+        decrypted.push({id: b.id, title: `Book #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       }
     }
     // If local cache is further ahead than the server, push it and use it for display.
@@ -3292,7 +3292,7 @@ async function loadBookList() {
         if (b.last_read) return 1;
         return (b.uploaded_at || '').localeCompare(a.uploaded_at || '');
       });
-      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || ''};
+      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', isbn: b.isbn || '', shelfTag: b.shelfTag || ''};
       const uploadArea = $('book-upload-area');
       if (uploadArea) uploadArea.style.display = 'none';
       renderBookList(cachedBooks);
@@ -3322,6 +3322,15 @@ function markBookBroken(bookId) {
   }
 }
 
+function _extractIsbnFromOpf(opfDoc) {
+  const identifiers = opfDoc.querySelectorAll('metadata > identifier, metadata > *|identifier');
+  for (const el of identifiers) {
+    const digits = (el.textContent || '').replace(/[^0-9Xx]/g, '');
+    if (digits.length === 10 || digits.length === 13) return digits;
+  }
+  return '';
+}
+
 function repairBook(bookId) {
   const input = document.createElement('input');
   input.type = 'file';
@@ -3338,7 +3347,7 @@ function repairBook(bookId) {
       const isPdf = /\.pdf$/i.test(file.name);
       const type = isPdf ? 'pdf' : 'epub';
 
-      let title = file.name.replace(/\.(epub|pdf)$/i, ''), author = '';
+      let title = file.name.replace(/\.(epub|pdf)$/i, ''), author = '', isbn = '';
       try {
         if (isPdf) {
           const pdfDoc = await pdfjsLib.getDocument({data: new Uint8Array(buf.slice(0))}).promise;
@@ -3356,11 +3365,20 @@ function repairBook(bookId) {
               await zip.file(opfPath).async('text'), 'application/xml');
             title  = opfDoc.querySelector('metadata > title, metadata > *|title')?.textContent?.trim() || title;
             author = opfDoc.querySelector('metadata > creator, metadata > *|creator')?.textContent?.trim() || '';
+            isbn   = _extractIsbnFromOpf(opfDoc);
           }
         }
       } catch (e) { /* keep filename as title */ }
 
-      const metaJson = new TextEncoder().encode(JSON.stringify({title, author, filename: file.name, type}));
+      // Preserve folder/shelfTag assigned before this repair — replacing the book's
+      // data shouldn't silently wipe organization the user already set up.
+      const prevMeta = bookMetaCache[bookId] || {};
+      const metaJson = new TextEncoder().encode(JSON.stringify({
+        title, author, filename: file.name, type,
+        isbn: isbn || prevMeta.isbn || '',
+        folder: prevMeta.folder || '',
+        shelfTag: prevMeta.shelfTag || '',
+      }));
       const [metaEnc, dataEnc] = await Promise.all([
         encryptBytes(key, metaJson),
         encryptBytes(key, buf),
@@ -3435,19 +3453,43 @@ function _renderBookItemHtml(b) {
       <div class="book-item-info">
         <strong class="book-title">${escapeHtml(b.title)}${keyWarning}${b.is_read ? ' <span class="muted book-read-badge">✓ gelesen</span>' : ''}</strong>
         <span class="muted book-author">${escapeHtml(b.author)}</span>
-        ${pct > 0 ? `<span class="muted book-progress">${pct}% read</span>` : ''}
+        <span class="book-item-meta-row">
+          ${pct > 0 ? `<span class="muted book-progress">${pct}% read</span>` : ''}
+          ${b.shelfTag ? `<span class="book-shelf-badge" title="Regal-Kategorie">${escapeHtml(b.shelfTag)}</span>` : ''}
+        </span>
       </div>
       <div class="book-item-actions">
-        ${broken ? `<button class="btn btn-sm btn-danger book-broken-btn" title="Buch konnte nicht geöffnet werden — Datei erneut hochladen" onclick="repairBook(${b.id})">!</button>` : ''}
-        ${b.has_highlights ? `<button class="btn btn-sm" title="Markierungen &amp; Notizen herunterladen" onclick="downloadBookAnnotationsFromList(${b.id}, this)">⭳</button>` : ''}
-        <button class="btn btn-sm" title="Ordner zuweisen" onclick="assignBookFolder(${b.id})">📁</button>
-        <button class="btn btn-sm" title="${b.is_read ? 'Als ungelesen markieren' : 'Als gelesen markieren'}" onclick="toggleBookRead(${b.id}, ${!!b.is_read})">${b.is_read ? '↺' : '✓'}</button>
         <button class="btn btn-sm" onclick="openBook(${b.id})"${b.keyOk === false ? ' disabled title="Import the correct encryption key first"' : ''}>Open</button>
-        <button class="btn btn-sm btn-danger" onclick="deleteBook(${b.id})">Delete</button>
+        <div class="book-item-menu">
+          <button class="btn btn-sm book-menu-toggle" title="Weitere Optionen" onclick="toggleBookMenu(${b.id})">⋮</button>
+          <div class="book-item-menu-list" id="book-menu-${b.id}">
+            ${broken ? `<button class="book-menu-item book-menu-item--danger book-broken-btn" onclick="repairBook(${b.id})">🔧 Reparieren (Datei erneut hochladen)</button>` : ''}
+            ${b.has_highlights ? `<button class="book-menu-item" onclick="downloadBookAnnotationsFromList(${b.id}, this)">⭳ Markierungen &amp; Notizen herunterladen</button>` : ''}
+            <button class="book-menu-item" onclick="assignBookFolder(${b.id})">📁 Ordner zuweisen</button>
+            <button class="book-menu-item" onclick="lookupBookMetadata(${b.id})">🏷️ Metadaten abrufen (Regal)</button>
+            <button class="book-menu-item" onclick="toggleBookRead(${b.id}, ${!!b.is_read})">${b.is_read ? '↺ Als ungelesen markieren' : '✓ Als gelesen markieren'}</button>
+            <button class="book-menu-item book-menu-item--danger" onclick="deleteBook(${b.id})">🗑 Löschen</button>
+          </div>
+        </div>
       </div>
     </div>`;
 }
 
+function toggleBookMenu(bookId) {
+  const menu = document.getElementById(`book-menu-${bookId}`);
+  if (!menu) return;
+  const willOpen = !menu.classList.contains('open');
+  document.querySelectorAll('.book-item-menu-list.open').forEach(m => m.classList.remove('open'));
+  if (willOpen) menu.classList.add('open');
+}
+
+// Close any open book menu on an outside click, or right after an item inside it is
+// clicked (the toggle button manages its own open/close state above, so it's excluded).
+document.addEventListener('click', (e) => {
+  if (e.target.closest('.book-menu-toggle')) return;
+  document.querySelectorAll('.book-item-menu-list.open').forEach(m => m.classList.remove('open'));
+});
+
 function _openBookFolder(name) {
   _currentBookFolder = name;
   renderBookList(_lastBookListData);
@@ -3525,6 +3567,38 @@ function renderBookList(books) {
   });
 }
 
+// Shared by assignBookFolder/lookupBookMetadata: re-encrypts the meta blob with the given
+// field overrides applied on top of whatever is already cached, and pushes it to the server.
+async function _updateBookMeta(bookId, overrides) {
+  const book = _lastBookListData.find(b => b.id === bookId);
+  if (!book) return false;
+  const cached = bookMetaCache[bookId] || {};
+  const merged = {
+    title: cached.title || book.title,
+    author: cached.author || book.author,
+    filename: cached.filename || '',
+    type: cached.type || book.type || 'epub',
+    isbn: cached.isbn || book.isbn || '',
+    folder: cached.folder || book.folder || '',
+    shelfTag: cached.shelfTag || book.shelfTag || '',
+    ...overrides,
+  };
+  const key = await getOrCreateEncKey();
+  const metaJson = new TextEncoder().encode(JSON.stringify(merged));
+  const metaEnc = await encryptBytes(key, metaJson);
+  const res = await fetch(`/books/${bookId}/meta/`, {
+    method: 'POST',
+    headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+    body: JSON.stringify({meta_ct: metaEnc.ciphertext, meta_iv: metaEnc.iv}),
+  });
+  const data = await res.json();
+  if (!data.ok) throw new Error('Server error');
+  Object.assign(book, overrides);
+  bookMetaCache[bookId] = merged;
+  _saveBookMeta(_lastBookListData);
+  return true;
+}
+
 async function assignBookFolder(bookId) {
   const book = _lastBookListData.find(b => b.id === bookId);
   if (!book) return;
@@ -3536,26 +3610,7 @@ async function assignBookFolder(bookId) {
   if (folder === (book.folder || '')) return;
 
   try {
-    const key = await getOrCreateEncKey();
-    const cached = bookMetaCache[bookId] || {};
-    const metaJson = new TextEncoder().encode(JSON.stringify({
-      title: cached.title || book.title,
-      author: cached.author || book.author,
-      filename: cached.filename || '',
-      type: cached.type || book.type || 'epub',
-      folder,
-    }));
-    const metaEnc = await encryptBytes(key, metaJson);
-    const res = await fetch(`/books/${bookId}/meta/`, {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({meta_ct: metaEnc.ciphertext, meta_iv: metaEnc.iv}),
-    });
-    const data = await res.json();
-    if (!data.ok) throw new Error('Server error');
-    book.folder = folder;
-    bookMetaCache[bookId] = {...cached, folder};
-    _saveBookMeta(_lastBookListData);
+    await _updateBookMeta(bookId, {folder});
     if (folder) _currentBookFolder = folder;
     renderBookList(_lastBookListData);
   } catch (e) {
@@ -3563,6 +3618,32 @@ async function assignBookFolder(bookId) {
   }
 }
 
+// Manually triggered (never automatic) — looks up which library shelf/DDC category this
+// book falls under via the server-side DNB→Open Library proxy, purely as an organizational
+// hint (shown as a badge). See books/views.py:lookup_book_metadata for why this one call is
+// allowed to briefly touch the server with a plaintext ISBN.
+async function lookupBookMetadata(bookId) {
+  const book = _lastBookListData.find(b => b.id === bookId);
+  if (!book) return;
+  const isbn = (bookMetaCache[bookId] || {}).isbn || book.isbn || '';
+  if (!isbn) {
+    await customAlert('Keine ISBN in den Metadaten dieses Buchs gefunden (nur bei neueren Uploads automatisch erkannt).');
+    return;
+  }
+  try {
+    const res = await fetch(`/books/metadata-lookup/?isbn=${encodeURIComponent(isbn)}`);
+    const data = await res.json();
+    if (!data.label) {
+      await customAlert('Keine Regal-Kategorie gefunden (weder bei der DNB noch bei Open Library).');
+      return;
+    }
+    await _updateBookMeta(bookId, {shelfTag: data.label});
+    renderBookList(_lastBookListData);
+  } catch (e) {
+    await customAlert('Metadaten-Abruf fehlgeschlagen: ' + e.message);
+  }
+}
+
 function bookFileSelected(input) {
   const file = input.files[0];
   if (!file) return;
@@ -3644,6 +3725,7 @@ async function uploadEbook(file) {
 
     let title = file.name.replace(/\.(epub|pdf)$/i, '');
     let author = '';
+    let isbn = '';
     const type = isPdf ? 'pdf' : 'epub';
 
     if (isPdf) {
@@ -3664,12 +3746,13 @@ async function uploadEbook(file) {
           const opfDoc = new DOMParser().parseFromString(opfText, 'application/xml');
           title = opfDoc.querySelector('metadata > title, metadata > *|title')?.textContent?.trim() || title;
           author = opfDoc.querySelector('metadata > creator, metadata > *|creator')?.textContent?.trim() || '';
+          isbn = _extractIsbnFromOpf(opfDoc);
         }
       } catch (e) { /* use filename as title */ }
     }
 
     const key = await getOrCreateEncKey();
-    const metaJson = new TextEncoder().encode(JSON.stringify({title, author, filename: file.name, type}));
+    const metaJson = new TextEncoder().encode(JSON.stringify({title, author, filename: file.name, type, isbn, folder: '', shelfTag: ''}));
     const [metaEnc, dataEnc] = await Promise.all([
       encryptBytes(key, metaJson),
       encryptBytes(key, buf),
diff --git a/static/js/sw.js b/static/js/sw.js
index 31d3d26..5017b17 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v36';
+const CACHE = 'diora-v37';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',

From e6b3ee620ecf850166747939f163cbf55eb384cf Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Mon, 17 Aug 2026 12:12:17 +0200
Subject: [PATCH 003/176] =?UTF-8?q?B=C3=BCcher:=20Titel=20in=20"Zuletzt=20?=
 =?UTF-8?q?gelesen"/Ordner-Kacheln=20unsichtbar=20(Button-Farbvererbung);?=
 =?UTF-8?q?=20Regal-Lookup=20jetzt=20auch=20f=C3=BCr=20Altbestand=20(SW=20?=
 =?UTF-8?q?v38)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<button> erbt in den meisten Browsern nicht automatisch color von der Seite —
.book-recent-item und .book-folder-tile hatten keine explizite Farbe gesetzt,
wodurch der Titeltext (kein separates color wie beim gedimmten Autor-Span)
unsichtbar auf dunklem Grund landete.

Der Metadaten-Button funktionierte bisher nur für Bücher, die nach der letzten
Änderung hochgeladen wurden (ISBN wurde nur dort extrahiert). Fehlt die ISBN im
Meta-Blob, wird sie jetzt bei Bedarf direkt aus der bereits clientseitig
entschlüsselbaren Buchdatei nachgeholt (gleiche OPF-Quelle wie beim Öffnen) und
für künftige Abrufe mitgespeichert — kein erneuter Upload nötig. Nur EPUB, PDFs
liefern über pdf.js keine verlässliche ISBN.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011j4LcoeddwFt6Rw8Wyaknj
---
 static/css/app.css |  4 ++++
 static/js/app.js   | 59 +++++++++++++++++++++++++++++++++++++++-------
 static/js/sw.js    |  2 +-
 3 files changed, 56 insertions(+), 9 deletions(-)

diff --git a/static/css/app.css b/static/css/app.css
index a2f0264..8242c99 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1684,8 +1684,10 @@ body.dnd-mode .timer-display {
   border: 1px solid var(--border);
   border-radius: var(--radius);
   background: none;
+  color: var(--fg);
   text-align: left;
   cursor: pointer;
+  font: inherit;
 }
 .book-recent-item-title {
   font-size: 13px;
@@ -1717,8 +1719,10 @@ body.dnd-mode .timer-display {
   border: 1px solid var(--border);
   border-radius: var(--radius);
   background: none;
+  color: var(--fg);
   cursor: pointer;
   text-align: center;
+  font: inherit;
 }
 .book-folder-tile-icon {
   font-size: 22px;
diff --git a/static/js/app.js b/static/js/app.js
index dacfef4..30c3917 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -3618,6 +3618,35 @@ async function assignBookFolder(bookId) {
   }
 }
 
+// Fallback for books uploaded before ISBN extraction existed (or repaired/re-encrypted
+// without it): pulls the already-accessible encrypted book bytes, decrypts and unzips just
+// far enough to read the OPF identifiers — same source openBook() itself parses — without
+// doing a full reader render. EPUB only; PDFs never carried a reliable ISBN via pdf.js.
+async function _extractIsbnFromBookFile(bookId) {
+  try {
+    const key = await getOrCreateEncKey();
+    let data_ct, data_iv;
+    const cached = await _getCachedBook(bookId);
+    if (cached) {
+      ({data_ct, data_iv} = cached);
+    } else {
+      const res = await fetch(`/books/${bookId}/data/`);
+      ({data_ct, data_iv} = await res.json());
+    }
+    const plain = await decryptBytes(key, data_iv, data_ct);
+    const zip = await JSZip.loadAsync(plain);
+    const containerXml = await zip.file('META-INF/container.xml').async('text');
+    const opfPath = new DOMParser()
+      .parseFromString(containerXml, 'application/xml')
+      .querySelector('rootfile')?.getAttribute('full-path');
+    if (!opfPath) return '';
+    const opfDoc = new DOMParser().parseFromString(await zip.file(opfPath).async('text'), 'application/xml');
+    return _extractIsbnFromOpf(opfDoc);
+  } catch (e) {
+    return '';
+  }
+}
+
 // Manually triggered (never automatic) — looks up which library shelf/DDC category this
 // book falls under via the server-side DNB→Open Library proxy, purely as an organizational
 // hint (shown as a badge). See books/views.py:lookup_book_metadata for why this one call is
@@ -3625,20 +3654,34 @@ async function assignBookFolder(bookId) {
 async function lookupBookMetadata(bookId) {
   const book = _lastBookListData.find(b => b.id === bookId);
   if (!book) return;
-  const isbn = (bookMetaCache[bookId] || {}).isbn || book.isbn || '';
+  const cached = bookMetaCache[bookId] || {};
+  let isbn = cached.isbn || book.isbn || '';
+  const isPdf = (cached.type || book.type) === 'pdf';
+
   if (!isbn) {
-    await customAlert('Keine ISBN in den Metadaten dieses Buchs gefunden (nur bei neueren Uploads automatisch erkannt).');
-    return;
+    if (isPdf) {
+      await customAlert('Keine ISBN gespeichert — bei PDFs wird sie nicht automatisch erkannt.');
+      return;
+    }
+    // Older upload without a stored ISBN — extract it from the book file itself (may take
+    // a moment for large books, since it downloads/decrypts the full file if not cached).
+    isbn = await _extractIsbnFromBookFile(bookId);
+    if (!isbn) {
+      await customAlert('Keine ISBN in diesem Buch gefunden.');
+      return;
+    }
   }
+
   try {
     const res = await fetch(`/books/metadata-lookup/?isbn=${encodeURIComponent(isbn)}`);
     const data = await res.json();
-    if (!data.label) {
-      await customAlert('Keine Regal-Kategorie gefunden (weder bei der DNB noch bei Open Library).');
-      return;
-    }
-    await _updateBookMeta(bookId, {shelfTag: data.label});
+    // Persist the (possibly newly-found) ISBN either way, so a repeat lookup never needs
+    // to re-download/decrypt the book file again.
+    await _updateBookMeta(bookId, data.label ? {isbn, shelfTag: data.label} : {isbn});
     renderBookList(_lastBookListData);
+    if (!data.label) {
+      await customAlert('Keine Regal-Kategorie gefunden (weder bei der DNB noch bei Open Library). Die ISBN wurde für spätere Versuche gespeichert.');
+    }
   } catch (e) {
     await customAlert('Metadaten-Abruf fehlgeschlagen: ' + e.message);
   }
diff --git a/static/js/sw.js b/static/js/sw.js
index 5017b17..a683b55 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v37';
+const CACHE = 'diora-v38';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',

From 635fd7ef1c413657f74320689f8c6c38455dd091 Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Mon, 17 Aug 2026 12:33:54 +0200
Subject: [PATCH 004/176] =?UTF-8?q?B=C3=BCcher:=20Titel/Autor-Fallback=20+?=
 =?UTF-8?q?=20manuelle=20ISBN-Eingabe=20f=C3=BCr=20Regal-Lookup=20(SW=20v3?=
 =?UTF-8?q?9)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bisher scheiterte "Metadaten abrufen" komplett, wenn im EPUB keine ISBN steckte
(oder bei PDFs, die nie eine liefern). Der Server versucht jetzt bei fehlendem/
erfolglosem ISBN-Treffer automatisch eine DNB- bzw. Open-Library-Textsuche nach
Titel+Autor (weniger präzise, daher als "dnb-title"/"openlibrary-title" markiert).
Bleibt auch das ohne Treffer, fragt der Client einmalig nach einer manuell
eingetippten ISBN (z.B. vom Buchrücken) und versucht es damit erneut.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011j4LcoeddwFt6Rw8Wyaknj
---
 books/views.py   | 103 ++++++++++++++++++++++++++++++++++++++++++-----
 static/js/app.js |  60 +++++++++++++++++++--------
 static/js/sw.js  |   2 +-
 3 files changed, 137 insertions(+), 28 deletions(-)

diff --git a/books/views.py b/books/views.py
index f400531..121a604 100644
--- a/books/views.py
+++ b/books/views.py
@@ -120,29 +120,112 @@ def _lookup_openlibrary_shelf(isbn):
     return None
 
 
+def _cql_phrase(value):
+    # CQL string literals are quoted; strip embedded quotes rather than escaping them
+    # (this only feeds a lookup heuristic, not a stored/displayed value).
+    return value.replace('"', ' ').strip()
+
+
+def _lookup_dnb_shelf_by_title(title, author):
+    url = 'https://services.dnb.de/sru/dnb'
+    query = f'dnb.tit="{_cql_phrase(title)}"'
+    if author:
+        query += f' and dnb.per="{_cql_phrase(author)}"'
+    params = {
+        'version': '1.1',
+        'operation': 'searchRetrieve',
+        'query': query,
+        'recordSchema': 'MARC21-xml',
+        'maximumRecords': '1',
+    }
+    resp = requests.get(url, params=params, timeout=getattr(settings, 'BOOK_METADATA_TIMEOUT', 6))
+    resp.raise_for_status()
+    root = ET.fromstring(resp.content)
+    for datafield in root.iter(f'{_MARC_NS}datafield'):
+        if datafield.get('tag') != '082':
+            continue
+        for subfield in datafield.findall(f'{_MARC_NS}subfield'):
+            if subfield.get('code') == 'a' and subfield.text:
+                label = _ddc_label(subfield.text)
+                if label:
+                    return label
+    return None
+
+
+def _lookup_openlibrary_shelf_by_title(title, author):
+    url = 'https://openlibrary.org/search.json'
+    params = {'title': title, 'limit': 1, 'fields': 'ddc,subject'}
+    if author:
+        params['author'] = author
+    resp = requests.get(url, params=params, timeout=getattr(settings, 'BOOK_METADATA_TIMEOUT', 6))
+    resp.raise_for_status()
+    docs = resp.json().get('docs') or []
+    if not docs:
+        return None
+    doc = docs[0]
+    ddc = doc.get('ddc') or []
+    if ddc:
+        label = _ddc_label(ddc[0])
+        if label:
+            return label
+    subjects = doc.get('subject') or []
+    if subjects:
+        return subjects[0]
+    return None
+
+
 @require_http_methods(['GET'])
 def lookup_book_metadata(request):
     err = _require_auth(request)
     if err:
         return err
 
-    isbn = re.sub(r'[^0-9Xx]', '', request.GET.get('isbn', ''))
-    if len(isbn) not in (10, 13):
+    isbn_raw = request.GET.get('isbn', '').strip()
+    title = request.GET.get('title', '').strip()
+    author = request.GET.get('author', '').strip()
+    isbn = re.sub(r'[^0-9Xx]', '', isbn_raw)
+
+    if isbn_raw and len(isbn) not in (10, 13):
         return JsonResponse({'error': 'invalid ISBN'}, status=400)
+    if not isbn and not title:
+        return JsonResponse({'error': 'isbn or title required'}, status=400)
 
     label = None
     source = None
-    try:
-        label = _lookup_dnb_shelf(isbn)
-        source = 'dnb' if label else None
-    except Exception:
-        pass
-    if not label:
+
+    # ISBN is the precise path — try it first when we have one.
+    if isbn:
         try:
-            label = _lookup_openlibrary_shelf(isbn)
-            source = 'openlibrary' if label else None
+            label = _lookup_dnb_shelf(isbn)
+            if label:
+                source = 'dnb'
         except Exception:
             pass
+        if not label:
+            try:
+                label = _lookup_openlibrary_shelf(isbn)
+                if label:
+                    source = 'openlibrary'
+            except Exception:
+                pass
+
+    # No ISBN (or it drew a blank) — fall back to a title/author text search. Less
+    # precise (wrong edition/translation is possible), so the source is tagged
+    # distinctly for the client to hint at that if it wants to.
+    if not label and title:
+        try:
+            label = _lookup_dnb_shelf_by_title(title, author)
+            if label:
+                source = 'dnb-title'
+        except Exception:
+            pass
+        if not label:
+            try:
+                label = _lookup_openlibrary_shelf_by_title(title, author)
+                if label:
+                    source = 'openlibrary-title'
+            except Exception:
+                pass
 
     return JsonResponse({'label': label, 'source': source})
 
diff --git a/static/js/app.js b/static/js/app.js
index 30c3917..1baa782 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -3647,40 +3647,66 @@ async function _extractIsbnFromBookFile(bookId) {
   }
 }
 
+async function _fetchShelfLookup(isbn, title, author) {
+  const params = new URLSearchParams();
+  if (isbn) params.set('isbn', isbn);
+  if (title) params.set('title', title);
+  if (author) params.set('author', author);
+  const res = await fetch(`/books/metadata-lookup/?${params.toString()}`);
+  return res.json();
+}
+
 // Manually triggered (never automatic) — looks up which library shelf/DDC category this
 // book falls under via the server-side DNB→Open Library proxy, purely as an organizational
 // hint (shown as a badge). See books/views.py:lookup_book_metadata for why this one call is
-// allowed to briefly touch the server with a plaintext ISBN.
+// allowed to briefly touch the server with a plaintext ISBN/title/author.
+//
+// Fallback chain when there's no ISBN (older upload, or a book that never had one — e.g.
+// every PDF, since pdf.js doesn't expose one): (1) extract ISBN from the file itself, for
+// EPUBs, (2) server-side title/author text search (less precise — could match the wrong
+// edition/translation), (3) if that also comes up empty, ask the user to type in an ISBN
+// by hand (from the book's cover/an online store) and retry once.
 async function lookupBookMetadata(bookId) {
   const book = _lastBookListData.find(b => b.id === bookId);
   if (!book) return;
   const cached = bookMetaCache[bookId] || {};
   let isbn = cached.isbn || book.isbn || '';
   const isPdf = (cached.type || book.type) === 'pdf';
+  const title = cached.title || book.title || '';
+  const author = cached.author || book.author || '';
 
-  if (!isbn) {
-    if (isPdf) {
-      await customAlert('Keine ISBN gespeichert — bei PDFs wird sie nicht automatisch erkannt.');
-      return;
-    }
+  if (!isbn && !isPdf) {
     // Older upload without a stored ISBN — extract it from the book file itself (may take
     // a moment for large books, since it downloads/decrypts the full file if not cached).
     isbn = await _extractIsbnFromBookFile(bookId);
-    if (!isbn) {
-      await customAlert('Keine ISBN in diesem Buch gefunden.');
-      return;
-    }
   }
 
   try {
-    const res = await fetch(`/books/metadata-lookup/?isbn=${encodeURIComponent(isbn)}`);
-    const data = await res.json();
-    // Persist the (possibly newly-found) ISBN either way, so a repeat lookup never needs
-    // to re-download/decrypt the book file again.
-    await _updateBookMeta(bookId, data.label ? {isbn, shelfTag: data.label} : {isbn});
-    renderBookList(_lastBookListData);
+    let data = await _fetchShelfLookup(isbn, title, author);
+
     if (!data.label) {
-      await customAlert('Keine Regal-Kategorie gefunden (weder bei der DNB noch bei Open Library). Die ISBN wurde für spätere Versuche gespeichert.');
+      const manual = await customPrompt(
+        'Keine Regal-Kategorie per ISBN/Titel/Autor gefunden. ISBN manuell eingeben (z. B. vom Buchrücken oder Online-Shop), oder leer lassen zum Abbrechen:', ''
+      );
+      const manualIsbn = (manual || '').replace(/[^0-9Xx]/g, '');
+      if (manualIsbn) {
+        isbn = manualIsbn;
+        data = await _fetchShelfLookup(isbn, title, author);
+      }
+    }
+
+    // Persist whatever we ended up with either way, so a repeat lookup never needs to
+    // re-extract/re-search from scratch.
+    const overrides = {};
+    if (isbn) overrides.isbn = isbn;
+    if (data.label) overrides.shelfTag = data.label;
+    if (Object.keys(overrides).length) {
+      await _updateBookMeta(bookId, overrides);
+      renderBookList(_lastBookListData);
+    }
+
+    if (!data.label) {
+      await customAlert('Keine Regal-Kategorie gefunden (weder DNB noch Open Library, per ISBN oder Titel/Autor).');
     }
   } catch (e) {
     await customAlert('Metadaten-Abruf fehlgeschlagen: ' + e.message);
diff --git a/static/js/sw.js b/static/js/sw.js
index a683b55..a445d84 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v38';
+const CACHE = 'diora-v39';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',

From 0de6c186fb6c4a55aa98fcd24b6e4b658f3422be Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Mon, 17 Aug 2026 15:37:09 +0200
Subject: [PATCH 005/176] =?UTF-8?q?B=C3=BCcher:=20"Zuletzt=20gelesen"=20wi?=
 =?UTF-8?q?eder=20als=20normale=20Listenansicht=20statt=20Karten-Leiste=20?=
 =?UTF-8?q?(SW=20v40)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bleibt an der gleichen Stelle (fest oben, unabhängig von Ordner-Navigation und
Lesefilter), nutzt jetzt aber dieselben Listeneinträge wie der Rest der Ansicht
(inkl. Drei-Punkte-Menü) statt der horizontal scrollbaren Karten.

Da ein Buch dadurch gleichzeitig oben bei "Zuletzt gelesen" und unten in der
Ordner-/Gesamtliste gerendert werden kann, darf das Drei-Punkte-Menü nicht mehr
über eine (dann doppelt vergebene) id gesucht werden — toggleBookMenu bekommt
jetzt den geklickten Button und findet sein Menü relativ dazu im DOM.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011j4LcoeddwFt6Rw8Wyaknj
---
 static/css/app.css | 45 ++++++++-------------------------------------
 static/js/app.js   | 26 +++++++++++++-------------
 static/js/sw.js    |  2 +-
 3 files changed, 22 insertions(+), 51 deletions(-)

diff --git a/static/css/app.css b/static/css/app.css
index 8242c99..af1ecf6 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1658,50 +1658,21 @@ body.dnd-mode .timer-display {
   cursor: pointer;
 }
 
-/* --- Recently-read shelf (always pinned atop the books view) --- */
-.book-recent-shelf {
+/* --- Recently-read section (always pinned atop the books view, plain list style) --- */
+.book-recent-section {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
   margin-bottom: 14px;
+  padding-bottom: 14px;
+  border-bottom: 1px solid var(--border);
 }
 .book-recent-title {
   font-size: 13px;
   font-weight: 600;
-  margin: 0 0 6px;
+  margin: 0;
   color: var(--muted, #888);
 }
-.book-recent-row {
-  display: flex;
-  gap: 8px;
-  overflow-x: auto;
-  padding-bottom: 2px;
-}
-.book-recent-item {
-  flex: 0 0 auto;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  max-width: 160px;
-  padding: 8px 10px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  background: none;
-  color: var(--fg);
-  text-align: left;
-  cursor: pointer;
-  font: inherit;
-}
-.book-recent-item-title {
-  font-size: 13px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.book-recent-item-author {
-  font-size: 11px;
-  color: var(--muted, #888);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
 
 /* --- Book folders (single level) --- */
 .book-folder-grid {
diff --git a/static/js/app.js b/static/js/app.js
index 1baa782..39f793a 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -3461,8 +3461,8 @@ function _renderBookItemHtml(b) {
       <div class="book-item-actions">
         <button class="btn btn-sm" onclick="openBook(${b.id})"${b.keyOk === false ? ' disabled title="Import the correct encryption key first"' : ''}>Open</button>
         <div class="book-item-menu">
-          <button class="btn btn-sm book-menu-toggle" title="Weitere Optionen" onclick="toggleBookMenu(${b.id})">⋮</button>
-          <div class="book-item-menu-list" id="book-menu-${b.id}">
+          <button class="btn btn-sm book-menu-toggle" title="Weitere Optionen" onclick="toggleBookMenu(this)">⋮</button>
+          <div class="book-item-menu-list">
             ${broken ? `<button class="book-menu-item book-menu-item--danger book-broken-btn" onclick="repairBook(${b.id})">🔧 Reparieren (Datei erneut hochladen)</button>` : ''}
             ${b.has_highlights ? `<button class="book-menu-item" onclick="downloadBookAnnotationsFromList(${b.id}, this)">⭳ Markierungen &amp; Notizen herunterladen</button>` : ''}
             <button class="book-menu-item" onclick="assignBookFolder(${b.id})">📁 Ordner zuweisen</button>
@@ -3475,8 +3475,11 @@ function _renderBookItemHtml(b) {
     </div>`;
 }
 
-function toggleBookMenu(bookId) {
-  const menu = document.getElementById(`book-menu-${bookId}`);
+function toggleBookMenu(toggleBtn) {
+  // Looked up relative to the clicked button (not by id) because the same book — and
+  // thus the same rendered menu — can appear twice at once: once in the "Zuletzt
+  // gelesen" section and again further down in the folder/unfiled list.
+  const menu = toggleBtn.closest('.book-item-menu')?.querySelector('.book-item-menu-list');
   if (!menu) return;
   const willOpen = !menu.classList.contains('open');
   document.querySelectorAll('.book-item-menu-list.open').forEach(m => m.classList.remove('open'));
@@ -3507,18 +3510,15 @@ function renderBookList(books) {
 
   let html = '';
 
-  // Always-visible "recently read" shelf, independent of folder navigation and the
-  // read/unread filter below — it's a shortcut back into whatever was open last.
+  // Always-visible "recently read" section, independent of folder navigation and the
+  // read/unread filter below — it's a shortcut back into whatever was open last. Same
+  // vertical list-item look as the rest of the list (not a card shelf).
   const recent = _recentlyReadBooks(books);
   if (recent.length) {
-    html += '<div class="book-recent-shelf">'
+    html += '<div class="book-recent-section">'
       + '<h3 class="book-recent-title">Zuletzt gelesen</h3>'
-      + '<div class="book-recent-row">'
-      + recent.map(b => `<button class="book-recent-item" onclick="openBook(${b.id})" title="${escapeHtml(b.title)}">
-          <span class="book-recent-item-title">${escapeHtml(b.title)}</span>
-          ${b.author ? `<span class="book-recent-item-author">${escapeHtml(b.author)}</span>` : ''}
-        </button>`).join('')
-      + '</div></div>';
+      + recent.map(_renderBookItemHtml).join('')
+      + '</div>';
   }
 
   const visible = _bookShowRead ? books : books.filter(b => !b.is_read);
diff --git a/static/js/sw.js b/static/js/sw.js
index a445d84..990752a 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v39';
+const CACHE = 'diora-v40';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',

From b205625e21d4f40922c661a747dbe50e3a9b2013 Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Fri, 28 Aug 2026 08:26:22 +0000
Subject: [PATCH 006/176] =?UTF-8?q?B=C3=BCcher:=20Cloud-Import=20aus=20Web?=
 =?UTF-8?q?DAV/Nextcloud=20(SW=20v41)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Verbindungen werden pro Nutzer in den Einstellungen angelegt (Nextcloud,
ownCloud, Synology oder generisches WebDAV) — der Server ist bewusst nicht
auf eine feste Instanz verdrahtet. Im Bücher-Tab lässt sich der entfernte
Ordner durchblättern und eine .epub/.pdf direkt in die Bibliothek ziehen.

Der Download läuft über den Server, weil der WebDAV-Host cross-origin ist
und keine CORS-Header schickt. Verschlüsselt wird trotzdem erst im Browser:
uploadEbook ist in _importEbookBuffer aufgeteilt, das sich lokaler Upload
und Cloud-Import teilen. Gespeichert wird wie bisher nur Geheimtext.

Weil jeder registrierte Nutzer die Ziel-URL bestimmt und diora im Docker-Netz
neben anderen Diensten läuft, ist der Import eine SSRF-Fläche. Dagegen:

  - assert_safe_url weist Hosts ab, die auf nicht-öffentliche Adressen
    auflösen (inkl. NAT64 und IPv4-kompatibler v6-Adressen, die is_global
    durchlässt)
  - _assert_peer_is_safe prüft die tatsächliche Peer-Adresse nach dem
    Verbinden — requests löst den Namen ein zweites Mal auf, sonst wäre der
    Guard per DNS-Rebinding umgehbar
  - Redirects werden abgelehnt statt verfolgt
  - identische Fehlermeldung für "nicht auflösbar" und "privat", ohne die
    IP zu nennen, damit der Endpunkt kein Scanner für interne Dienste wird

Antwort-Bodies laufen durch _read_capped, und DTDs werden vor dem Parsen
abgewiesen: ElementTree expandiert interne Entities, und seit Python 3.12
gibt es XMLParser.parser nicht mehr, um einen Handler zu setzen.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 .env.example                             |   5 +
 accounts/migrations/0005_webdavsource.py |  33 ++
 accounts/models.py                       |  52 +++
 accounts/tests.py                        | 441 ++++++++++++++++++++++-
 accounts/urls.py                         |   3 +
 accounts/views.py                        |  76 +++-
 accounts/webdav.py                       | 380 +++++++++++++++++++
 books/urls.py                            |   5 +-
 books/webdav.py                          |  89 +++++
 diora/settings.py                        |   8 +
 static/css/app.css                       | 155 ++++++++
 static/js/app.js                         | 188 +++++++++-
 static/js/sw.js                          |   2 +-
 templates/accounts/settings.html         |  69 ++++
 templates/radio/player.html              |  10 +
 15 files changed, 1498 insertions(+), 18 deletions(-)
 create mode 100644 accounts/migrations/0005_webdavsource.py
 create mode 100644 accounts/webdav.py
 create mode 100644 books/webdav.py

diff --git a/.env.example b/.env.example
index d869df1..33cc233 100644
--- a/.env.example
+++ b/.env.example
@@ -3,3 +3,8 @@ DEBUG=True
 AMAZON_AFFILIATE_TAG=diora-20
 LASTFM_API_KEY=
 LASTFM_API_SECRET=
+
+# Cloud import (WebDAV/Nextcloud): allow connections to LAN/loopback addresses.
+# Leave False on any instance with open registration — it is what stops a user
+# from probing the internal network through the import proxy.
+WEBDAV_ALLOW_PRIVATE_HOSTS=False
diff --git a/accounts/migrations/0005_webdavsource.py b/accounts/migrations/0005_webdavsource.py
new file mode 100644
index 0000000..910650e
--- /dev/null
+++ b/accounts/migrations/0005_webdavsource.py
@@ -0,0 +1,33 @@
+# Generated by Django 6.1 on 2026-08-28 08:01
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('accounts', '0004_apitoken'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='WebDAVSource',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('label', models.CharField(max_length=100)),
+                ('base_url', models.URLField(max_length=500)),
+                ('username', models.CharField(blank=True, max_length=200)),
+                ('password', models.CharField(blank=True, max_length=500)),
+                ('root_path', models.CharField(blank=True, default='', max_length=500)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('last_used_at', models.DateTimeField(blank=True, null=True)),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='webdav_sources', to=settings.AUTH_USER_MODEL)),
+            ],
+            options={
+                'ordering': ['created_at'],
+            },
+        ),
+    ]
diff --git a/accounts/models.py b/accounts/models.py
index 616a150..38e8229 100644
--- a/accounts/models.py
+++ b/accounts/models.py
@@ -1,4 +1,5 @@
 import secrets
+from urllib.parse import urlsplit
 
 from django.db import models
 from django.contrib.auth.models import User
@@ -37,6 +38,57 @@ def save_user_profile(sender, instance, **kwargs):
         instance.profile.save()
 
 
+class WebDAVSource(models.Model):
+    """A user-supplied WebDAV endpoint that ebooks can be imported from.
+
+    Deliberately generic rather than Nextcloud-specific — any WebDAV server
+    (Nextcloud, ownCloud, Synology, rclone serve, …) works, Nextcloud just gets
+    a URL-shorthand in `normalized_base_url`.
+
+    The password is stored in the clear because the server has to replay it on
+    every PROPFIND/GET (same trade-off as `lastfm_session_key` above). The UI
+    therefore tells users to create a revocable *app password* rather than
+    handing over their account password.
+    """
+    user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='webdav_sources')
+    label = models.CharField(max_length=100)
+    base_url = models.URLField(max_length=500)
+    username = models.CharField(max_length=200, blank=True)
+    password = models.CharField(max_length=500, blank=True)
+    root_path = models.CharField(max_length=500, blank=True, default='')
+    created_at = models.DateTimeField(auto_now_add=True)
+    last_used_at = models.DateTimeField(null=True, blank=True)
+
+    class Meta:
+        ordering = ['created_at']
+
+    def __str__(self):
+        return f"WebDAVSource({self.label}, user={self.user_id})"
+
+    def normalized_base_url(self) -> str:
+        """Collection root to resolve browse paths against, always ending in '/'.
+
+        A bare host ('https://cloud.example.com') is expanded to the Nextcloud
+        files endpoint, since that is the URL users actually have at hand; an
+        URL that already points into a DAV tree is left alone so non-Nextcloud
+        servers stay usable.
+        """
+        url = self.base_url.strip()
+        if not url.endswith('/'):
+            url += '/'
+        # Match against the path only — a host literally named "webdav.…" or
+        # "dav.…" must not be mistaken for a URL that already points into a
+        # DAV tree.
+        path = urlsplit(url).path.lower()
+        is_dav = any(marker in path for marker in ('/remote.php/', '/dav/', '/webdav'))
+        if not is_dav and self.username:
+            url += f'remote.php/dav/files/{self.username}/'
+        root = self.root_path.strip().strip('/')
+        if root:
+            url += root + '/'
+        return url
+
+
 def _generate_token():
     return secrets.token_hex(32)
 
diff --git a/accounts/tests.py b/accounts/tests.py
index 49d830c..4d4e05a 100644
--- a/accounts/tests.py
+++ b/accounts/tests.py
@@ -1,9 +1,13 @@
 import json
+import socket
+from types import SimpleNamespace
+from unittest.mock import patch
 
 from django.contrib.auth.models import User
-from django.test import TestCase
+from django.test import TestCase, override_settings
 
-from .models import ApiToken
+from .models import ApiToken, WebDAVSource
+from .webdav import WebDAVError, assert_safe_url, fetch_file, list_directory, safe_rel_path
 from books.models import EBook, EBookProgress, EBookHighlights
 
 
@@ -89,3 +93,436 @@ class SyncSnapshotTests(TestCase):
 
         # No data_ct/data_iv leaked into the snapshot (book bytes stay lazy-fetched)
         self.assertNotIn('data_ct', data['books'][0])
+
+
+# ---------------------------------------------------------------------------
+# WebDAV cloud import
+# ---------------------------------------------------------------------------
+
+PROPFIND_RESPONSE = b'''<?xml version="1.0"?>
+<d:multistatus xmlns:d="DAV:">
+  <d:response>
+    <d:href>/remote.php/dav/files/alice/Books/</d:href>
+    <d:propstat><d:prop><d:resourcetype><d:collection/></d:resourcetype></d:prop></d:propstat>
+  </d:response>
+  <d:response>
+    <d:href>/remote.php/dav/files/alice/Books/Sci-Fi/</d:href>
+    <d:propstat><d:prop><d:resourcetype><d:collection/></d:resourcetype></d:prop></d:propstat>
+  </d:response>
+  <d:response>
+    <d:href>/remote.php/dav/files/alice/Books/Der%20Steppenwolf.epub</d:href>
+    <d:propstat><d:prop><d:resourcetype/><d:getcontentlength>4096</d:getcontentlength></d:prop></d:propstat>
+  </d:response>
+  <d:response>
+    <d:href>/remote.php/dav/files/alice/Books/notes.txt</d:href>
+    <d:propstat><d:prop><d:resourcetype/><d:getcontentlength>12</d:getcontentlength></d:prop></d:propstat>
+  </d:response>
+</d:multistatus>'''
+
+
+class _FakeSocket:
+    def __init__(self, peer):
+        self._peer = peer
+
+    def getpeername(self):
+        return (self._peer, 443)
+
+
+class _FakeResponse:
+    def __init__(self, status_code=207, content=b'', headers=None, peer=None):
+        self.status_code = status_code
+        self.content = content
+        self.headers = headers or {}
+        self.closed = False
+        # Mirrors requests' response.raw._connection.sock, which is what
+        # _assert_peer_is_safe introspects. None means "nothing to check".
+        if peer is None:
+            self.raw = None
+        else:
+            self.raw = SimpleNamespace(_connection=SimpleNamespace(sock=_FakeSocket(peer)))
+
+    def iter_content(self, chunk_size=None):
+        yield self.content
+
+    def close(self):
+        self.closed = True
+
+
+class NormalizedBaseUrlTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+
+    def _source(self, **kwargs):
+        kwargs.setdefault('label', 'cloud')
+        kwargs.setdefault('username', 'alice')
+        return WebDAVSource(user=self.user, **kwargs)
+
+    def test_bare_host_expands_to_nextcloud_files_endpoint(self):
+        source = self._source(base_url='https://cloud.example.com')
+        self.assertEqual(
+            source.normalized_base_url(),
+            'https://cloud.example.com/remote.php/dav/files/alice/',
+        )
+
+    def test_root_path_is_appended(self):
+        source = self._source(base_url='https://cloud.example.com', root_path='/Buecher/')
+        self.assertEqual(
+            source.normalized_base_url(),
+            'https://cloud.example.com/remote.php/dav/files/alice/Buecher/',
+        )
+
+    def test_explicit_dav_url_is_left_alone(self):
+        source = self._source(base_url='https://dav.example.com/webdav')
+        self.assertEqual(source.normalized_base_url(), 'https://dav.example.com/webdav/')
+
+    def test_generic_server_without_username_is_not_rewritten(self):
+        source = self._source(base_url='https://files.example.com/share', username='')
+        self.assertEqual(source.normalized_base_url(), 'https://files.example.com/share/')
+
+
+class SafeRelPathTests(TestCase):
+    def test_traversal_is_rejected(self):
+        with self.assertRaises(WebDAVError):
+            safe_rel_path('Books/../../etc/passwd')
+
+    def test_leading_slashes_and_dots_are_stripped(self):
+        self.assertEqual(safe_rel_path('/Books/./Sci-Fi/'), 'Books/Sci-Fi')
+
+    def test_empty_path_is_root(self):
+        self.assertEqual(safe_rel_path(''), '')
+        self.assertEqual(safe_rel_path('/'), '')
+
+
+class AssertSafeUrlTests(TestCase):
+    def _resolve_to(self, ip):
+        return [(2, 1, 6, '', (ip, 443))]
+
+    def test_non_http_scheme_rejected(self):
+        with self.assertRaises(WebDAVError):
+            assert_safe_url('file:///etc/passwd')
+
+    def test_private_address_rejected(self):
+        with patch('accounts.webdav.socket.getaddrinfo', return_value=self._resolve_to('172.18.0.4')):
+            with self.assertRaises(WebDAVError):
+                assert_safe_url('https://internal.example.com/dav/')
+
+    def test_loopback_rejected(self):
+        with patch('accounts.webdav.socket.getaddrinfo', return_value=self._resolve_to('127.0.0.1')):
+            with self.assertRaises(WebDAVError):
+                assert_safe_url('http://localhost:11000/remote.php/dav/')
+
+    def test_link_local_metadata_endpoint_rejected(self):
+        with patch('accounts.webdav.socket.getaddrinfo', return_value=self._resolve_to('169.254.169.254')):
+            with self.assertRaises(WebDAVError):
+                assert_safe_url('http://metadata.example.com/')
+
+    def test_public_address_allowed(self):
+        with patch('accounts.webdav.socket.getaddrinfo', return_value=self._resolve_to('85.214.6.118')):
+            assert_safe_url('https://nc.example.com/remote.php/dav/')
+
+    def test_unresolvable_host_rejected(self):
+        with patch('accounts.webdav.socket.getaddrinfo', side_effect=socket.gaierror):
+            with self.assertRaises(WebDAVError):
+                assert_safe_url('https://nope.example.com/')
+
+    @override_settings(WEBDAV_ALLOW_PRIVATE_HOSTS=True)
+    def test_private_allowed_when_opted_in(self):
+        assert_safe_url('http://192.168.1.10/dav/')
+
+
+class ListDirectoryTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.source = WebDAVSource.objects.create(
+            user=self.user, label='cloud', base_url='https://cloud.example.com',
+            username='alice', password='app-pw', root_path='Books',
+        )
+
+    def _list(self, response=None):
+        with patch('accounts.webdav.assert_safe_url'), \
+             patch('accounts.webdav.requests.request',
+                   return_value=response or _FakeResponse(content=PROPFIND_RESPONSE)):
+            return list_directory(self.source)
+
+    def test_entries_are_parsed_and_sorted_dirs_first(self):
+        entries = self._list()
+        self.assertEqual([e['name'] for e in entries],
+                         ['Sci-Fi', 'Der Steppenwolf.epub', 'notes.txt'])
+
+    def test_collection_itself_is_excluded(self):
+        self.assertNotIn('Books', [e['name'] for e in self._list()])
+
+    def test_book_flag_and_size(self):
+        by_name = {e['name']: e for e in self._list()}
+        self.assertTrue(by_name['Der Steppenwolf.epub']['is_book'])
+        self.assertEqual(by_name['Der Steppenwolf.epub']['size'], 4096)
+        self.assertFalse(by_name['notes.txt']['is_book'])
+        self.assertTrue(by_name['Sci-Fi']['is_dir'])
+
+    def test_redirect_is_refused_rather_than_followed(self):
+        redirect_response = _FakeResponse(status_code=302, headers={'Location': 'http://127.0.0.1/'})
+        with self.assertRaises(WebDAVError):
+            self._list(redirect_response)
+
+    def test_bad_credentials_surface_clearly(self):
+        with self.assertRaises(WebDAVError) as ctx:
+            self._list(_FakeResponse(status_code=401))
+        self.assertIn('App-Passwort', str(ctx.exception))
+
+
+class FetchFileTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.source = WebDAVSource.objects.create(
+            user=self.user, label='cloud', base_url='https://cloud.example.com', username='alice',
+        )
+
+    def test_non_book_extension_refused_before_any_request(self):
+        with patch('accounts.webdav.requests.request') as mock_request:
+            with self.assertRaises(WebDAVError):
+                fetch_file(self.source, 'secrets.env', 1024)
+        mock_request.assert_not_called()
+
+    def test_declared_oversize_refused(self):
+        response = _FakeResponse(status_code=200, headers={'Content-Length': '99999'})
+        with patch('accounts.webdav.assert_safe_url'), \
+             patch('accounts.webdav.requests.request', return_value=response):
+            with self.assertRaises(WebDAVError):
+                fetch_file(self.source, 'big.epub', 1024)
+
+    def test_streamed_oversize_refused_even_without_content_length(self):
+        response = _FakeResponse(status_code=200, content=b'x' * 5000)
+        with patch('accounts.webdav.assert_safe_url'), \
+             patch('accounts.webdav.requests.request', return_value=response):
+            with self.assertRaises(WebDAVError):
+                fetch_file(self.source, 'sneaky.epub', 1024)
+
+    def test_successful_fetch_returns_bytes(self):
+        response = _FakeResponse(status_code=200, content=b'EPUB-BYTES')
+        with patch('accounts.webdav.assert_safe_url'), \
+             patch('accounts.webdav.requests.request', return_value=response):
+            self.assertEqual(fetch_file(self.source, 'ok.epub', 1024), b'EPUB-BYTES')
+
+
+class CloudImportViewTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.other = User.objects.create_user(username='bob', password='pw12345678')
+        self.source = WebDAVSource.objects.create(
+            user=self.user, label='cloud', base_url='https://cloud.example.com', username='alice',
+        )
+        self.foreign = WebDAVSource.objects.create(
+            user=self.other, label='bobs', base_url='https://other.example.com', username='bob',
+        )
+
+    def test_endpoints_require_authentication(self):
+        self.assertEqual(self.client.get('/books/cloud/sources/').status_code, 401)
+        self.assertEqual(self.client.get(f'/books/cloud/{self.source.pk}/browse/').status_code, 401)
+        self.assertEqual(self.client.get(f'/books/cloud/{self.source.pk}/fetch/?path=a.epub').status_code, 401)
+
+    def test_sources_are_scoped_to_the_owner(self):
+        self.client.force_login(self.user)
+        labels = [s['label'] for s in self.client.get('/books/cloud/sources/').json()['sources']]
+        self.assertEqual(labels, ['cloud'])
+
+    def test_foreign_source_is_not_browsable(self):
+        self.client.force_login(self.user)
+        resp = self.client.get(f'/books/cloud/{self.foreign.pk}/browse/')
+        self.assertEqual(resp.status_code, 404)
+
+    def test_browse_returns_entries(self):
+        self.client.force_login(self.user)
+        entries = [{'name': 'Dune.epub', 'path': 'Dune.epub', 'is_dir': False,
+                    'size': 10, 'modified': '', 'is_book': True}]
+        with patch('books.webdav.list_directory', return_value=entries):
+            resp = self.client.get(f'/books/cloud/{self.source.pk}/browse/')
+        self.assertEqual(resp.status_code, 200)
+        self.assertEqual(resp.json()['entries'], entries)
+
+    def test_browse_reports_upstream_failure_as_502(self):
+        self.client.force_login(self.user)
+        with patch('books.webdav.list_directory', side_effect=WebDAVError('kaputt')):
+            resp = self.client.get(f'/books/cloud/{self.source.pk}/browse/')
+        self.assertEqual(resp.status_code, 502)
+        self.assertEqual(resp.json()['error'], 'kaputt')
+
+    def test_bad_user_input_is_400_not_502(self):
+        self.client.force_login(self.user)
+        resp = self.client.get(f'/books/cloud/{self.source.pk}/fetch/?path=../../etc/passwd')
+        self.assertEqual(resp.status_code, 400)
+        resp = self.client.get(f'/books/cloud/{self.source.pk}/fetch/?path=notes.txt')
+        self.assertEqual(resp.status_code, 400)
+
+    def test_fetch_streams_bytes_without_storing_them(self):
+        self.client.force_login(self.user)
+        with patch('books.webdav.fetch_file', return_value=b'EPUB-BYTES'):
+            resp = self.client.get(f'/books/cloud/{self.source.pk}/fetch/?path=Dune.epub')
+        self.assertEqual(resp.status_code, 200)
+        self.assertEqual(resp.content, b'EPUB-BYTES')
+        # The proxy is a pass-through: nothing is persisted server-side.
+        self.assertEqual(EBook.objects.count(), 0)
+
+
+BILLION_LAUGHS = b'''<?xml version="1.0"?>
+<!DOCTYPE lolz [
+ <!ENTITY lol "lol">
+ <!ENTITY lol1 "&lol;&lol;&lol;&lol;&lol;&lol;&lol;&lol;&lol;&lol;">
+ <!ENTITY lol2 "&lol1;&lol1;&lol1;&lol1;&lol1;&lol1;&lol1;&lol1;&lol1;&lol1;">
+ <!ENTITY lol3 "&lol2;&lol2;&lol2;&lol2;&lol2;&lol2;&lol2;&lol2;&lol2;&lol2;">
+ <!ENTITY lol4 "&lol3;&lol3;&lol3;&lol3;&lol3;&lol3;&lol3;&lol3;&lol3;&lol3;">
+]>
+<d:multistatus xmlns:d="DAV:"><d:response><d:href>&lol4;</d:href></d:response></d:multistatus>'''
+
+# A server that answers with the 404 propstat first — legal per RFC 4918, and
+# what made directories disappear from the listing before _select_prop existed.
+PROPSTAT_404_FIRST = b'''<?xml version="1.0"?>
+<d:multistatus xmlns:d="DAV:">
+  <d:response>
+    <d:href>/remote.php/dav/files/alice/Books/</d:href>
+    <d:propstat><d:prop><d:resourcetype><d:collection/></d:resourcetype></d:prop>
+      <d:status>HTTP/1.1 200 OK</d:status></d:propstat>
+  </d:response>
+  <d:response>
+    <d:href>/remote.php/dav/files/alice/Books/Sci-Fi/</d:href>
+    <d:propstat><d:prop><d:getcontentlength/></d:prop>
+      <d:status>HTTP/1.1 404 Not Found</d:status></d:propstat>
+    <d:propstat><d:prop><d:resourcetype><d:collection/></d:resourcetype></d:prop>
+      <d:status>HTTP/1.1 200 OK</d:status></d:propstat>
+  </d:response>
+</d:multistatus>'''
+
+RELATIVE_HREF_RESPONSE = b'''<?xml version="1.0"?>
+<d:multistatus xmlns:d="DAV:">
+  <d:response><d:href>Dune.epub</d:href>
+    <d:propstat><d:prop><d:resourcetype/><d:getcontentlength>7</d:getcontentlength></d:prop>
+      <d:status>HTTP/1.1 200 OK</d:status></d:propstat>
+  </d:response>
+</d:multistatus>'''
+
+
+class WebDAVHardeningTests(TestCase):
+    """Regressions for the SSRF / resource-exhaustion review findings."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.source = WebDAVSource.objects.create(
+            user=self.user, label='cloud', base_url='https://cloud.example.com',
+            username='alice', password='app-pw', root_path='Books',
+        )
+
+    def _list(self, response):
+        with patch('accounts.webdav.assert_safe_url'), \
+             patch('accounts.webdav.requests.request', return_value=response):
+            return list_directory(self.source)
+
+    # --- DNS rebinding -----------------------------------------------------
+
+    def test_peer_address_is_rechecked_after_connecting(self):
+        """A resolver that answers public-then-private must not leak a body.
+
+        assert_safe_url passes (it is given a public answer), but the socket
+        actually landed on a Docker-internal address.
+        """
+        response = _FakeResponse(content=PROPFIND_RESPONSE, peer='172.18.0.5')
+        with self.assertRaises(WebDAVError):
+            self._list(response)
+        self.assertTrue(response.closed)
+
+    def test_public_peer_is_accepted(self):
+        response = _FakeResponse(content=PROPFIND_RESPONSE, peer='85.214.6.118')
+        self.assertTrue(self._list(response))
+
+    @override_settings(WEBDAV_ALLOW_PRIVATE_HOSTS=True)
+    def test_peer_check_respects_the_opt_out(self):
+        response = _FakeResponse(content=PROPFIND_RESPONSE, peer='192.168.1.10')
+        self.assertTrue(self._list(response))
+
+    # --- Resource exhaustion ----------------------------------------------
+
+    def test_entity_expansion_is_refused(self):
+        with self.assertRaises(WebDAVError):
+            self._list(_FakeResponse(content=BILLION_LAUGHS))
+
+    def test_oversized_listing_is_refused(self):
+        oversized = _FakeResponse(headers={'Content-Length': str(9 * 1024 * 1024)})
+        with self.assertRaises(WebDAVError):
+            self._list(oversized)
+        self.assertTrue(oversized.closed)
+
+    # --- Information disclosure -------------------------------------------
+
+    def test_rejection_message_leaks_neither_ip_nor_resolvability(self):
+        private = [(2, 1, 6, '', ('172.18.0.5', 443))]
+        with patch('accounts.webdav.socket.getaddrinfo', return_value=private):
+            with self.assertRaises(WebDAVError) as private_ctx:
+                assert_safe_url('http://forgejo-db/')
+        with patch('accounts.webdav.socket.getaddrinfo', side_effect=socket.gaierror):
+            with self.assertRaises(WebDAVError) as missing_ctx:
+                assert_safe_url('http://forgejo-db/')
+
+        self.assertNotIn('172.18.0.5', str(private_ctx.exception))
+        # Same wording either way, so the endpoint cannot be used to tell an
+        # existing internal host from a nonexistent one.
+        self.assertEqual(str(private_ctx.exception), str(missing_ctx.exception))
+
+    # --- Malformed input ---------------------------------------------------
+
+    def test_invalid_port_is_reported_not_crashed(self):
+        with self.assertRaises(WebDAVError):
+            assert_safe_url('https://example.com:99999/dav/')
+
+    def test_ipv6_transition_ranges_are_rejected(self):
+        for address in ('64:ff9b::7f00:1', '::127.0.0.1'):
+            with patch('accounts.webdav.socket.getaddrinfo',
+                       return_value=[(10, 1, 6, '', (address, 443, 0, 0))]):
+                with self.assertRaises(WebDAVError, msg=address):
+                    assert_safe_url('https://nat64.example.com/')
+
+    # --- PROPFIND parsing --------------------------------------------------
+
+    def test_directory_survives_a_404_propstat_listed_first(self):
+        entries = self._list(_FakeResponse(content=PROPSTAT_404_FIRST))
+        by_name = {e['name']: e for e in entries}
+        self.assertTrue(by_name['Sci-Fi']['is_dir'])
+
+    def test_relative_hrefs_are_resolved(self):
+        entries = self._list(_FakeResponse(content=RELATIVE_HREF_RESPONSE))
+        self.assertEqual([e['name'] for e in entries], ['Dune.epub'])
+
+    # --- URL normalisation -------------------------------------------------
+
+    def test_host_named_webdav_still_gets_the_nextcloud_path(self):
+        source = WebDAVSource(user=self.user, label='x',
+                              base_url='https://webdav.example.com', username='alice')
+        self.assertEqual(
+            source.normalized_base_url(),
+            'https://webdav.example.com/remote.php/dav/files/alice/',
+        )
+
+
+class WebDAVSourceLimitTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+
+    @override_settings(WEBDAV_MAX_SOURCES_PER_USER=2)
+    def test_sources_are_capped_per_user(self):
+        with patch('accounts.views._probe_source', return_value=(20, 'ok')):
+            for i in range(3):
+                self.client.post('/accounts/webdav/add/',
+                                 {'label': f'c{i}', 'base_url': 'https://example.com'})
+        self.assertEqual(self.user.webdav_sources.count(), 2)
+
+
+class CloudFetchCachingTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.source = WebDAVSource.objects.create(
+            user=self.user, label='cloud', base_url='https://cloud.example.com', username='alice',
+        )
+
+    def test_plaintext_bytes_are_not_cacheable(self):
+        self.client.force_login(self.user)
+        with patch('books.webdav.fetch_file', return_value=b'EPUB-BYTES'):
+            resp = self.client.get(f'/books/cloud/{self.source.pk}/fetch/?path=Dune.epub')
+        self.assertEqual(resp['Cache-Control'], 'no-store')
diff --git a/accounts/urls.py b/accounts/urls.py
index 82524c1..4bee71f 100644
--- a/accounts/urls.py
+++ b/accounts/urls.py
@@ -16,4 +16,7 @@ urlpatterns = [
     path('check-password/', views.check_password, name='check_password'),
     path('change-password/', views.change_password, name='change_password'),
     path('api-token/regenerate/', views.regenerate_api_token, name='regenerate_api_token'),
+    path('webdav/add/', views.webdav_add, name='webdav_add'),
+    path('webdav/<int:pk>/test/', views.webdav_test, name='webdav_test'),
+    path('webdav/<int:pk>/delete/', views.webdav_delete, name='webdav_delete'),
 ]
diff --git a/accounts/views.py b/accounts/views.py
index 0e71d7a..519c073 100644
--- a/accounts/views.py
+++ b/accounts/views.py
@@ -1,6 +1,7 @@
 import base64
 import json
 from django.conf import settings
+from django.contrib import messages
 from django.contrib.auth import authenticate, login, get_user_model, update_session_auth_hash
 from django.contrib.auth.decorators import login_required
 from django.contrib.auth.forms import UserCreationForm, AuthenticationForm, PasswordChangeForm
@@ -11,7 +12,8 @@ from django.views.decorators.http import require_http_methods
 
 from radio import lastfm as lastfm_module
 
-from .models import ApiToken
+from .models import ApiToken, WebDAVSource
+from .webdav import WebDAVError, list_directory
 
 User = get_user_model()
 
@@ -75,6 +77,7 @@ def settings_view(request):
         'has_lastfm': profile.has_lastfm(),
         'password_form': PasswordChangeForm(request.user),
         'api_token': getattr(request.user, 'api_token', None),
+        'webdav_sources': request.user.webdav_sources.all(),
     }
     return render(request, 'accounts/settings.html', context)
 
@@ -213,6 +216,7 @@ def change_password(request):
         'password_form': form,
         'password_form_open': True,
         'api_token': getattr(request.user, 'api_token', None),
+        'webdav_sources': request.user.webdav_sources.all(),
     })
 
 
@@ -236,3 +240,73 @@ def regenerate_api_token(request):
     token, _ = ApiToken.objects.get_or_create(user=request.user)
     token.regenerate()
     return redirect('settings')
+
+
+# ---------------------------------------------------------------------------
+# WebDAV sources (Nextcloud & friends) — used by the ebook cloud import
+# ---------------------------------------------------------------------------
+
+def _probe_source(source):
+    """Report a source's reachability as a (level, message) pair for messages."""
+    try:
+        entries = list_directory(source)
+    except WebDAVError as exc:
+        return messages.WARNING, f'„{source.label}“ gespeichert, aber nicht erreichbar: {exc}'
+    books = sum(1 for e in entries if e['is_book'])
+    folders = sum(1 for e in entries if e['is_dir'])
+    return messages.SUCCESS, (
+        f'„{source.label}“ verbunden — {books} Buch/Bücher und {folders} Ordner im Startverzeichnis.'
+    )
+
+
+@login_required
+@require_http_methods(['POST'])
+def webdav_add(request):
+    label = request.POST.get('label', '').strip()
+    base_url = request.POST.get('base_url', '').strip()
+
+    if not label or not base_url:
+        messages.error(request, 'Name und Server-URL sind erforderlich.')
+        return redirect('settings')
+
+    # Each source costs a synchronous probe on add and is reachable from the
+    # import endpoints, so cap how many one account can pile up.
+    max_sources = getattr(settings, 'WEBDAV_MAX_SOURCES_PER_USER', 10)
+    if request.user.webdav_sources.count() >= max_sources:
+        messages.error(request, f'Maximal {max_sources} Cloud-Verbindungen pro Konto.')
+        return redirect('settings')
+
+    source = WebDAVSource.objects.create(
+        user=request.user,
+        label=label[:100],
+        base_url=base_url[:500],
+        username=request.POST.get('username', '').strip()[:200],
+        password=request.POST.get('password', '')[:500],
+        root_path=request.POST.get('root_path', '').strip()[:500],
+    )
+
+    level, message = _probe_source(source)
+    messages.add_message(request, level, message)
+    return redirect('settings')
+
+
+@login_required
+@require_http_methods(['POST'])
+def webdav_test(request, pk):
+    source = WebDAVSource.objects.filter(pk=pk, user=request.user).first()
+    if not source:
+        messages.error(request, 'Verbindung nicht gefunden.')
+        return redirect('settings')
+
+    level, message = _probe_source(source)
+    messages.add_message(request, level, message)
+    return redirect('settings')
+
+
+@login_required
+@require_http_methods(['POST'])
+def webdav_delete(request, pk):
+    deleted, _ = WebDAVSource.objects.filter(pk=pk, user=request.user).delete()
+    if deleted:
+        messages.success(request, 'Verbindung entfernt.')
+    return redirect('settings')
diff --git a/accounts/webdav.py b/accounts/webdav.py
new file mode 100644
index 0000000..3c0c5c6
--- /dev/null
+++ b/accounts/webdav.py
@@ -0,0 +1,380 @@
+"""Minimal, hardened WebDAV client behind the ebook cloud import.
+
+Only PROPFIND (Depth 1) and GET are implemented — enough to browse a remote
+folder and pull a single file out of it.
+
+Every request here is made by the server to a URL the *user* supplied, which
+makes this an SSRF surface: registration is open (accounts/views.py:23) and
+diora normally runs in a Docker network next to other services. Three things
+guard it, and all three are load-bearing:
+
+  * `assert_safe_url` refuses hosts that resolve to non-public addresses,
+  * `_assert_peer_is_safe` re-checks the address we *actually* connected to,
+    because requests resolves the hostname a second time and a hostile resolver
+    can answer differently across the two lookups (DNS rebinding),
+  * redirects are refused rather than followed, so a public host cannot bounce
+    us onto a private one.
+
+Residual risk worth knowing about: a rebinding attacker can still cause a
+single request to be *sent* to an internal address; the peer check runs before
+the body is read, so nothing comes back to them. Fully closing that needs
+connect-time DNS pinning, which requests does not expose without reaching into
+urllib3.
+
+Response bodies are read through `_read_capped` and parsed only after any DTD
+is refused — the remote server is attacker-chosen, so an unbounded read or a
+billion-laughs document would otherwise be a cheap way to OOM the container.
+"""
+
+import ipaddress
+import socket
+import xml.etree.ElementTree as ET
+from urllib.parse import quote, unquote, urljoin, urlsplit
+
+import requests
+from django.conf import settings
+
+DAV_NS = '{DAV:}'
+
+BOOK_EXTENSIONS = ('.epub', '.pdf')
+
+# A directory listing is XML; anything this large is not a real one.
+MAX_LISTING_BYTES = 8 * 1024 * 1024
+
+
+class WebDAVError(Exception):
+    """Failure with a message that is safe to show the user directly."""
+
+
+class WebDAVInputError(WebDAVError):
+    """The user's own URL/path/credentials are at fault, not the remote server.
+
+    Separated so views can answer 400 instead of 502 — a rejected traversal
+    attempt is not an upstream outage.
+    """
+
+
+def _timeout():
+    return getattr(settings, 'WEBDAV_TIMEOUT', 15)
+
+
+def _allow_private():
+    return getattr(settings, 'WEBDAV_ALLOW_PRIVATE_HOSTS', False)
+
+
+# ---------------------------------------------------------------------------
+# SSRF guard
+# ---------------------------------------------------------------------------
+
+def _unreachable(host):
+    """One message for every "we won't talk to this" case.
+
+    Deliberately does not say whether the name failed to resolve or resolved to
+    a private address, and never echoes the resolved IP: telling those apart
+    would turn this endpoint into a scanner for the Docker network's service
+    names and addresses.
+    """
+    return WebDAVInputError(
+        f'„{host}“ ist nicht öffentlich erreichbar. Aus Sicherheitsgründen sind nur '
+        'öffentlich auflösbare Server erlaubt.'
+    )
+
+
+def _is_public(raw_address):
+    """True only for addresses we are willing to open a connection to."""
+    try:
+        # Scope IDs ('fe80::1%eth0') are not part of the address itself.
+        ip = ipaddress.ip_address(raw_address.split('%')[0])
+    except ValueError:
+        return False
+    if not ip.is_global:
+        return False
+    # is_global misses two IPv6 transition ranges that can carry an embedded
+    # private IPv4 address: the well-known NAT64 prefix (RFC 6052) and the
+    # deprecated IPv4-compatible range.
+    if ip.version == 6:
+        for unsafe in ('64:ff9b::/96', '::/96'):
+            if ip in ipaddress.ip_network(unsafe):
+                return False
+    return True
+
+
+def assert_safe_url(url):
+    """Reject URLs that don't resolve to a public address.
+
+    Self-hosted setups that legitimately want a LAN target can opt out with
+    WEBDAV_ALLOW_PRIVATE_HOSTS=True, which is why this is a setting and not a
+    hard rule.
+    """
+    parts = urlsplit(url)
+    if parts.scheme not in ('http', 'https'):
+        raise WebDAVInputError('Nur http:// und https:// werden unterstützt.')
+
+    host = parts.hostname
+    if not host:
+        raise WebDAVInputError('Die URL enthält keinen Hostnamen.')
+
+    try:
+        port = parts.port or (443 if parts.scheme == 'https' else 80)
+    except ValueError:
+        # urlsplit validates the port lazily, on attribute access.
+        raise WebDAVInputError('Die URL enthält einen ungültigen Port.')
+
+    if _allow_private():
+        return
+
+    try:
+        infos = socket.getaddrinfo(host, port, proto=socket.IPPROTO_TCP)
+    except socket.gaierror:
+        raise _unreachable(host)
+
+    for info in infos:
+        if not _is_public(info[4][0]):
+            raise _unreachable(host)
+
+
+def _assert_peer_is_safe(response):
+    """Re-check the address the socket actually connected to.
+
+    `assert_safe_url` validates DNS before the request, but requests resolves
+    the name again when it opens the connection. A resolver answering
+    public-then-private across those two lookups would otherwise hand us an
+    internal service's response body.
+    """
+    if _allow_private():
+        return
+    sock = getattr(getattr(response.raw, '_connection', None), 'sock', None)
+    if sock is None:
+        return  # nothing to introspect (mocked, or already released)
+    try:
+        peer = sock.getpeername()[0]
+    except OSError:
+        return
+    if not _is_public(peer):
+        raise WebDAVInputError('Der Server ist nicht öffentlich erreichbar.')
+
+
+# ---------------------------------------------------------------------------
+# Path helpers
+# ---------------------------------------------------------------------------
+
+def safe_rel_path(raw):
+    """Normalise a client-supplied path and keep it inside the source root.
+
+    Whatever survives here is percent-encoded by `_build_url` with `quote()`'s
+    default `safe='/'`, and that is what stops double-encoded traversal
+    ('%252e%252e%252f') and smuggled absolute URLs: '%' and ':' both get
+    escaped, so they land as literal filename characters. Widening that safe
+    set would reopen those paths.
+    """
+    raw = (raw or '').strip().strip('/')
+    if not raw:
+        return ''
+    segments = []
+    for segment in raw.split('/'):
+        if not segment or segment == '.':
+            continue
+        if segment == '..':
+            raise WebDAVInputError('Ungültiger Pfad.')
+        segments.append(segment)
+    return '/'.join(segments)
+
+
+def _build_url(source, rel_path):
+    base = source.normalized_base_url()
+    if not rel_path:
+        return base
+    return base + quote(rel_path)
+
+
+def _request(method, url, source, **kwargs):
+    assert_safe_url(url)
+    auth = (source.username, source.password) if source.username else None
+    try:
+        # Always streamed: it keeps the connection open long enough to inspect
+        # the peer, and stops requests from buffering an unbounded body before
+        # we get the chance to cap it.
+        response = requests.request(
+            method, url, auth=auth, timeout=_timeout(),
+            allow_redirects=False, stream=True, **kwargs
+        )
+    except requests.Timeout:
+        raise WebDAVError('Zeitüberschreitung beim Server.')
+    except requests.RequestException as exc:
+        raise WebDAVError(f'Verbindung fehlgeschlagen: {exc.__class__.__name__}')
+
+    try:
+        _assert_peer_is_safe(response)
+
+        if response.status_code in (301, 302, 303, 307, 308):
+            raise WebDAVError(
+                'Der Server hat eine Weiterleitung geschickt. '
+                'Bitte trage die Ziel-URL direkt ein.'
+            )
+        if response.status_code in (401, 403):
+            raise WebDAVInputError('Anmeldung abgelehnt — Benutzername oder App-Passwort prüfen.')
+        if response.status_code == 404:
+            raise WebDAVError('Pfad auf dem Server nicht gefunden.')
+        if response.status_code >= 400:
+            raise WebDAVError(f'Server antwortete mit HTTP {response.status_code}.')
+    except Exception:
+        response.close()
+        raise
+
+    return response
+
+
+def _read_capped(response, max_bytes, oversize_error):
+    """Read a streamed body, aborting as soon as it exceeds `max_bytes`."""
+    declared = response.headers.get('Content-Length')
+    if declared and declared.isdigit() and int(declared) > max_bytes:
+        response.close()
+        raise oversize_error()
+
+    chunks = []
+    total = 0
+    try:
+        for chunk in response.iter_content(chunk_size=64 * 1024):
+            total += len(chunk)
+            if total > max_bytes:
+                raise oversize_error()
+            chunks.append(chunk)
+    except requests.RequestException:
+        raise WebDAVError('Übertragung abgebrochen.')
+    finally:
+        response.close()
+
+    return b''.join(chunks)
+
+
+# ---------------------------------------------------------------------------
+# PROPFIND / GET
+# ---------------------------------------------------------------------------
+
+_PROPFIND_BODY = (
+    '<?xml version="1.0" encoding="utf-8"?>'
+    '<d:propfind xmlns:d="DAV:"><d:prop>'
+    '<d:resourcetype/><d:getcontentlength/><d:getlastmodified/>'
+    '</d:prop></d:propfind>'
+)
+
+
+def _parse_listing_xml(payload):
+    """Parse a multistatus body, refusing any document that carries a DTD.
+
+    The remote server is chosen by the user, so a billion-laughs document is
+    within an attacker's reach, and ElementTree *does* expand internal entities
+    (verified on 3.12: a 3-level document expands). Installing an expat
+    EntityDeclHandler is not an option either — `XMLParser.parser` no longer
+    exists in 3.12, so setting it silently does nothing.
+
+    That leaves rejecting the DTD before parsing. It costs nothing: a real
+    multistatus never has one, and a filename containing this text would arrive
+    escaped as `&lt;!DOCTYPE`, so these bytes can only ever be markup.
+    """
+    lowered = payload.lower()
+    if b'<!doctype' in lowered or b'<!entity' in lowered:
+        raise WebDAVError('Die Antwort enthält eine DTD und wurde abgelehnt.')
+
+    try:
+        return ET.fromstring(payload)
+    except (ET.ParseError, ValueError):
+        raise WebDAVError('Unerwartete Antwort — ist das wirklich eine WebDAV-URL?')
+
+
+def _select_prop(node):
+    """Return the <prop> block that actually applies.
+
+    RFC 4918 lets a server split its answer across several <propstat> blocks —
+    typically a 200 for the properties it found and a 404 for the ones it did
+    not, in no guaranteed order. Taking the first one blindly mislabels
+    directories (whose getcontentlength is the missing property) as files, and
+    the client then filters them out of the listing entirely.
+    """
+    fallback = None
+    for propstat in node.findall(f'{DAV_NS}propstat'):
+        prop = propstat.find(f'{DAV_NS}prop')
+        if prop is None:
+            continue
+        if ' 200 ' in (propstat.findtext(f'{DAV_NS}status') or ''):
+            return prop
+        if fallback is None:
+            fallback = prop
+    return fallback
+
+
+def list_directory(source, rel_path=''):
+    """PROPFIND Depth 1, returned as entries relative to the source root."""
+    rel_path = safe_rel_path(rel_path)
+    url = _build_url(source, rel_path)
+    if not url.endswith('/'):
+        url += '/'
+
+    response = _request(
+        'PROPFIND', url, source,
+        headers={'Depth': '1', 'Content-Type': 'application/xml; charset=utf-8'},
+        data=_PROPFIND_BODY.encode('utf-8'),
+    )
+    payload = _read_capped(
+        response, MAX_LISTING_BYTES,
+        lambda: WebDAVError('Verzeichnisliste ist unerwartet groß.'),
+    )
+
+    root = _parse_listing_xml(payload)
+    base_path = unquote(urlsplit(url).path)
+    entries = []
+
+    for node in root.findall(f'{DAV_NS}response'):
+        href = node.findtext(f'{DAV_NS}href') or ''
+        # hrefs come as absolute URLs, absolute paths, or relative references.
+        href_path = unquote(urlsplit(urljoin(url, href)).path)
+        if not href_path.startswith(base_path):
+            continue
+        remainder = href_path[len(base_path):].strip('/')
+        if not remainder:
+            continue  # the collection we asked about
+        if '/' in remainder:
+            continue  # Depth 1 should not return these, but be strict anyway
+
+        prop = _select_prop(node)
+        is_dir = (
+            prop is not None
+            and prop.find(f'{DAV_NS}resourcetype/{DAV_NS}collection') is not None
+        )
+        size_text = prop.findtext(f'{DAV_NS}getcontentlength') if prop is not None else None
+        try:
+            size = int(size_text) if size_text else 0
+        except ValueError:
+            size = 0
+
+        entries.append({
+            'name': remainder,
+            'path': f'{rel_path}/{remainder}' if rel_path else remainder,
+            'is_dir': is_dir,
+            'size': size,
+            'modified': (prop.findtext(f'{DAV_NS}getlastmodified') or '') if prop is not None else '',
+            'is_book': (not is_dir) and remainder.lower().endswith(BOOK_EXTENSIONS),
+        })
+
+    entries.sort(key=lambda e: (not e['is_dir'], e['name'].lower()))
+    return entries
+
+
+def fetch_file(source, rel_path, max_bytes):
+    """Download one file, refusing anything larger than `max_bytes`.
+
+    Reads into memory rather than to disk: the caller hands the bytes straight
+    back to the browser, which encrypts them. Nothing readable is persisted
+    server-side.
+    """
+    rel_path = safe_rel_path(rel_path)
+    if not rel_path:
+        raise WebDAVInputError('Kein Pfad angegeben.')
+    if not rel_path.lower().endswith(BOOK_EXTENSIONS):
+        raise WebDAVInputError('Nur .epub- und .pdf-Dateien können importiert werden.')
+
+    response = _request('GET', _build_url(source, rel_path), source)
+    return _read_capped(
+        response, max_bytes,
+        lambda: WebDAVInputError(f'Datei ist zu groß (max. {max_bytes // 1024 // 1024} MB).'),
+    )
diff --git a/books/urls.py b/books/urls.py
index e17e99f..a9d738b 100644
--- a/books/urls.py
+++ b/books/urls.py
@@ -1,9 +1,12 @@
 from django.urls import path
-from . import views
+from . import views, webdav
 
 urlpatterns = [
     path('', views.book_list, name='book_list'),
     path('upload/', views.upload_book, name='upload_book'),
+    path('cloud/sources/', webdav.cloud_sources, name='cloud_sources'),
+    path('cloud/<int:pk>/browse/', webdav.cloud_browse, name='cloud_browse'),
+    path('cloud/<int:pk>/fetch/', webdav.cloud_fetch, name='cloud_fetch'),
     path('metadata-lookup/', views.lookup_book_metadata, name='lookup_book_metadata'),
     path('<int:pk>/data/', views.get_book_data, name='get_book_data'),
     path('<int:pk>/delete/', views.delete_book, name='delete_book'),
diff --git a/books/webdav.py b/books/webdav.py
new file mode 100644
index 0000000..11ed64f
--- /dev/null
+++ b/books/webdav.py
@@ -0,0 +1,89 @@
+"""Cloud import endpoints for the ebook library.
+
+These let the browser browse a user-configured WebDAV server and pull one book
+out of it. The fetch is proxied through the server rather than done in the
+browser because the WebDAV host is a different origin and will not send CORS
+headers for it.
+
+That proxy is a deliberate, narrow relaxation of the same rule the ISBN lookup
+in books/views.py bends: the server sees the file's bytes in memory for the
+duration of one request, but never persists them. The book is encrypted in the
+browser and only then POSTed to /books/upload/ as ciphertext, exactly like a
+local upload — nothing readable is ever stored server-side.
+"""
+
+from django.conf import settings
+from django.http import HttpResponse, JsonResponse
+from django.utils import timezone
+from django.views.decorators.http import require_http_methods
+
+from accounts.models import WebDAVSource
+from accounts.webdav import WebDAVError, WebDAVInputError, list_directory, fetch_file
+from .views import _require_auth
+
+
+def _get_source(request, pk):
+    return WebDAVSource.objects.filter(pk=pk, user=request.user).first()
+
+
+@require_http_methods(['GET'])
+def cloud_sources(request):
+    unauthorized = _require_auth(request)
+    if unauthorized:
+        return unauthorized
+
+    sources = request.user.webdav_sources.all()
+    return JsonResponse({'sources': [
+        {'id': s.id, 'label': s.label, 'host': s.base_url}
+        for s in sources
+    ]})
+
+
+@require_http_methods(['GET'])
+def cloud_browse(request, pk):
+    unauthorized = _require_auth(request)
+    if unauthorized:
+        return unauthorized
+
+    source = _get_source(request, pk)
+    if not source:
+        return JsonResponse({'error': 'unknown source'}, status=404)
+
+    path = request.GET.get('path', '')
+    try:
+        entries = list_directory(source, path)
+    except WebDAVInputError as exc:
+        return JsonResponse({'error': str(exc)}, status=400)
+    except WebDAVError as exc:
+        return JsonResponse({'error': str(exc)}, status=502)
+
+    source.last_used_at = timezone.now()
+    source.save(update_fields=['last_used_at'])
+
+    return JsonResponse({'ok': True, 'path': path, 'entries': entries})
+
+
+@require_http_methods(['GET'])
+def cloud_fetch(request, pk):
+    unauthorized = _require_auth(request)
+    if unauthorized:
+        return unauthorized
+
+    source = _get_source(request, pk)
+    if not source:
+        return JsonResponse({'error': 'unknown source'}, status=404)
+
+    path = request.GET.get('path', '')
+    try:
+        payload = fetch_file(source, path, settings.EBOOK_MAX_BYTES)
+    except WebDAVInputError as exc:
+        return JsonResponse({'error': str(exc)}, status=400)
+    except WebDAVError as exc:
+        return JsonResponse({'error': str(exc)}, status=502)
+
+    response = HttpResponse(payload, content_type='application/octet-stream')
+    # These are the book's plaintext bytes, on their way to be encrypted in the
+    # browser. Keeping them out of the HTTP disk cache (and any reverse proxy
+    # in front) is what makes "nothing readable is stored" true end to end.
+    response['Cache-Control'] = 'no-store'
+    return response
diff --git a/diora/settings.py b/diora/settings.py
index 53f6905..b8c8b21 100644
--- a/diora/settings.py
+++ b/diora/settings.py
@@ -109,6 +109,8 @@ BOOKMARKS_MAX_BYTES = 100 * 1024        # 100 KB
 VOLUME_DEFAULT = 204                    # out of 255
 ITUNES_TIMEOUT = 6                      # seconds
 BOOK_METADATA_TIMEOUT = 6               # seconds (DNB / Open Library shelf lookup)
+WEBDAV_TIMEOUT = 15                     # seconds (cloud import browse/fetch)
+WEBDAV_MAX_SOURCES_PER_USER = 10
 PODCAST_INBOX_PAGE_SIZE = 200
 
 DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
@@ -125,4 +127,10 @@ LASTFM_API_SECRET = os.environ.get('LASTFM_API_SECRET', '')
 AMAZON_AFFILIATE_TAG = os.environ.get('AMAZON_AFFILIATE_TAG', 'diora-20')
 AMAZON_AFFILIATE_ENABLED = os.environ.get('AMAZON_AFFILIATE_ENABLED', 'True') == 'True'
 
+# WebDAV cloud import (ebooks). Users supply the target URL, so by default the
+# server refuses to talk to non-public addresses — otherwise any registered
+# account could probe the internal network through it. Set to True only when
+# every account on this instance is trusted and the WebDAV server is on the LAN.
+WEBDAV_ALLOW_PRIVATE_HOSTS = os.environ.get('WEBDAV_ALLOW_PRIVATE_HOSTS', 'False') == 'True'
+
 BUILD_TIME = os.environ.get('BUILD_TIME', '')
diff --git a/static/css/app.css b/static/css/app.css
index af1ecf6..b451796 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -710,6 +710,161 @@ a:hover {
   padding: 1.5rem 0;
 }
 
+/* --- WebDAV cloud connections (settings) --- */
+
+.webdav-list {
+  list-style: none;
+  margin: 0 0 1rem;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.webdav-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 0.6rem 0.75rem;
+}
+
+.webdav-item-info {
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+  min-width: 0;
+  word-break: break-all;
+}
+
+.webdav-item-actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.webdav-form {
+  display: flex;
+  flex-direction: column;
+  gap: 0.6rem;
+  border-top: 1px solid var(--border);
+  padding-top: 1rem;
+}
+
+.webdav-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  font-size: 0.85rem;
+  color: var(--text-muted);
+}
+
+.webdav-field input {
+  background: var(--bg-alt);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  color: var(--text);
+  font-family: var(--font);
+  font-size: 0.9rem;
+  padding: 0.45rem 0.7rem;
+  outline: none;
+  width: 100%;
+}
+
+.webdav-field input:focus {
+  border-color: var(--accent);
+}
+
+.webdav-form .btn {
+  align-self: flex-start;
+}
+
+/* --- Cloud import browser (books tab) --- */
+
+.cloud-browser {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 0.75rem;
+  margin-bottom: 1rem;
+}
+
+.cloud-browser-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+}
+
+.cloud-browser-head select {
+  background: var(--bg-alt);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  color: var(--text);
+  font-family: var(--font);
+  font-size: 0.85rem;
+  padding: 0.3rem 0.5rem;
+  outline: none;
+}
+
+.cloud-path {
+  font-size: 0.8rem;
+  color: var(--text-muted);
+  word-break: break-all;
+}
+
+.cloud-entries {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  max-height: 320px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.cloud-entry {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  padding: 0.4rem 0.25rem;
+  border-bottom: 1px solid var(--border);
+}
+
+.cloud-entry:last-child {
+  border-bottom: none;
+}
+
+.cloud-entry-name {
+  background: none;
+  border: none;
+  color: inherit;
+  font-family: var(--font);
+  font-size: 0.9rem;
+  text-align: left;
+  padding: 0;
+  cursor: pointer;
+  word-break: break-all;
+  flex: 1;
+  min-width: 0;
+}
+
+.cloud-entry-name:hover {
+  color: var(--accent);
+}
+
+.cloud-entry-size {
+  font-size: 0.75rem;
+  color: var(--text-muted);
+  white-space: nowrap;
+}
+
 /* =========================================================
    RESPONSIVE
    ========================================================= */
diff --git a/static/js/app.js b/static/js/app.js
index 39f793a..263f25f 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -3776,23 +3776,31 @@ async function deriveAndStoreKey() {
 
 async function uploadEbook(file) {
   const statusEl = $('book-upload-status');
-  const isPdf = /\.pdf$/i.test(file.name);
-  const isEpub = /\.epub$/i.test(file.name);
-  if (!isPdf && !isEpub) {
-    if (statusEl) statusEl.textContent = 'Only .epub and .pdf files are supported.';
-    return;
-  }
   if (file.size > DIORA_CONFIG.ebookMaxBytes) {
     if (statusEl) statusEl.textContent = `File too large (max ${DIORA_CONFIG.ebookMaxBytes / 1024 / 1024} MB).`;
-    return;
+    return false;
+  }
+  return _importEbookBuffer(await file.arrayBuffer(), file.name, statusEl);
+}
+
+// Shared tail of every import path (local file, cloud): parse metadata, encrypt
+// with the user's key and POST ciphertext. Plaintext never leaves the browser.
+async function _importEbookBuffer(buf, filename, statusEl) {
+  const isPdf = /\.pdf$/i.test(filename);
+  const isEpub = /\.epub$/i.test(filename);
+  if (!isPdf && !isEpub) {
+    if (statusEl) statusEl.textContent = 'Only .epub and .pdf files are supported.';
+    return false;
+  }
+  if (buf.byteLength > DIORA_CONFIG.ebookMaxBytes) {
+    if (statusEl) statusEl.textContent = `File too large (max ${DIORA_CONFIG.ebookMaxBytes / 1024 / 1024} MB).`;
+    return false;
   }
 
   if (statusEl) statusEl.textContent = 'Encrypting…';
 
   try {
-    const buf = await file.arrayBuffer();
-
-    let title = file.name.replace(/\.(epub|pdf)$/i, '');
+    let title = filename.replace(/\.(epub|pdf)$/i, '');
     let author = '';
     let isbn = '';
     const type = isPdf ? 'pdf' : 'epub';
@@ -3821,7 +3829,7 @@ async function uploadEbook(file) {
     }
 
     const key = await getOrCreateEncKey();
-    const metaJson = new TextEncoder().encode(JSON.stringify({title, author, filename: file.name, type, isbn, folder: '', shelfTag: ''}));
+    const metaJson = new TextEncoder().encode(JSON.stringify({title, author, filename, type, isbn, folder: '', shelfTag: ''}));
     const [metaEnc, dataEnc] = await Promise.all([
       encryptBytes(key, metaJson),
       encryptBytes(key, buf),
@@ -3843,11 +3851,165 @@ async function uploadEbook(file) {
     if (data.ok) {
       if (statusEl) statusEl.textContent = `✓ "${title}" uploaded`;
       loadBookList();
-    } else {
-      if (statusEl) statusEl.textContent = 'Error: ' + (data.error || 'upload failed');
+      return true;
     }
+    if (statusEl) statusEl.textContent = 'Error: ' + (data.error || 'upload failed');
+    return false;
   } catch (e) {
     if (statusEl) statusEl.textContent = 'Upload failed: ' + e.message;
+    return false;
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Cloud import — browse a user-configured WebDAV server and pull a book in.
+//
+// The download is proxied by the server because the remote host is a different
+// origin and sends no CORS headers. It still lands here as raw bytes and goes
+// through _importEbookBuffer like any local file, so what gets stored is
+// ciphertext the server cannot read.
+// ---------------------------------------------------------------------------
+
+let _cloudSources = [];
+let _cloudSourceId = null;
+let _cloudPath = '';
+
+async function toggleCloudImport() {
+  const panel = $('cloud-browser');
+  if (!panel) return;
+  if (panel.style.display !== 'none') { closeCloudImport(); return; }
+
+  try {
+    const res = await fetch('/books/cloud/sources/');
+    _cloudSources = (await res.json()).sources || [];
+  } catch (e) {
+    await customAlert('Cloud-Verbindungen konnten nicht geladen werden: ' + e.message);
+    return;
+  }
+
+  if (!_cloudSources.length) {
+    await customAlert(
+      'Noch keine Cloud-Verbindung eingerichtet. Unter Einstellungen → '
+      + '„Cloud-Verbindungen für Bücher“ kannst du eine hinzufügen.'
+    );
+    return;
+  }
+
+  const select = $('cloud-source-select');
+  if (select) {
+    select.innerHTML = '';
+    for (const source of _cloudSources) {
+      const option = document.createElement('option');
+      option.value = source.id;
+      option.textContent = source.label;
+      select.appendChild(option);
+    }
+    select.style.display = _cloudSources.length > 1 ? '' : 'none';
+  }
+
+  panel.style.display = '';
+  _cloudSourceId = _cloudSources[0].id;
+  _cloudBrowse('');
+}
+
+function closeCloudImport() {
+  const panel = $('cloud-browser');
+  if (panel) panel.style.display = 'none';
+}
+
+function _onCloudSourceChange(value) {
+  _cloudSourceId = parseInt(value, 10);
+  _cloudBrowse('');
+}
+
+function _cloudParentPath(path) {
+  const parts = path.split('/').filter(Boolean);
+  parts.pop();
+  return parts.join('/');
+}
+
+function _formatBytes(n) {
+  if (!n) return '';
+  if (n < 1024) return n + ' B';
+  if (n < 1024 * 1024) return Math.round(n / 1024) + ' KB';
+  return (n / 1024 / 1024).toFixed(1) + ' MB';
+}
+
+function _cloudEntryRow(label, onClick, sizeText) {
+  const li = document.createElement('li');
+  li.className = 'cloud-entry';
+
+  const button = document.createElement('button');
+  button.type = 'button';
+  button.className = 'cloud-entry-name';
+  button.textContent = label;
+  button.addEventListener('click', onClick);
+  li.appendChild(button);
+
+  if (sizeText) {
+    const size = document.createElement('span');
+    size.className = 'cloud-entry-size';
+    size.textContent = sizeText;
+    li.appendChild(size);
+  }
+  return li;
+}
+
+async function _cloudBrowse(path) {
+  const listEl = $('cloud-entries');
+  const pathEl = $('cloud-path');
+  const statusEl = $('cloud-status');
+  if (!listEl) return;
+
+  if (statusEl) statusEl.textContent = 'Lade…';
+  listEl.innerHTML = '';
+
+  let data;
+  try {
+    const res = await fetch(`/books/cloud/${_cloudSourceId}/browse/?path=${encodeURIComponent(path)}`);
+    data = await res.json();
+    if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
+  } catch (e) {
+    if (statusEl) statusEl.textContent = 'Fehler: ' + e.message;
+    return;
+  }
+
+  _cloudPath = data.path || '';
+  if (pathEl) pathEl.textContent = '/' + _cloudPath;
+  if (statusEl) statusEl.textContent = '';
+
+  if (_cloudPath) {
+    listEl.appendChild(_cloudEntryRow('⬑ ..', () => _cloudBrowse(_cloudParentPath(_cloudPath))));
+  }
+
+  const entries = (data.entries || []).filter(e => e.is_dir || e.is_book);
+  if (!entries.length && statusEl) {
+    statusEl.textContent = 'Keine Bücher oder Ordner in diesem Verzeichnis.';
+  }
+
+  for (const entry of entries) {
+    listEl.appendChild(entry.is_dir
+      ? _cloudEntryRow('📁 ' + entry.name, () => _cloudBrowse(entry.path))
+      : _cloudEntryRow('📖 ' + entry.name, () => _cloudImport(entry), _formatBytes(entry.size)));
+  }
+}
+
+async function _cloudImport(entry) {
+  const statusEl = $('cloud-status');
+  if (statusEl) statusEl.textContent = `Lade „${entry.name}“…`;
+
+  try {
+    const res = await fetch(`/books/cloud/${_cloudSourceId}/fetch/?path=${encodeURIComponent(entry.path)}`);
+    if (!res.ok) {
+      const err = await res.json().catch(() => ({}));
+      throw new Error(err.error || `HTTP ${res.status}`);
+    }
+    const buf = await res.arrayBuffer();
+    if (await _importEbookBuffer(buf, entry.name, statusEl) && statusEl) {
+      statusEl.textContent = `✓ „${entry.name}“ importiert`;
+    }
+  } catch (e) {
+    if (statusEl) statusEl.textContent = 'Import fehlgeschlagen: ' + e.message;
   }
 }
 
diff --git a/static/js/sw.js b/static/js/sw.js
index 990752a..fa5dff0 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v40';
+const CACHE = 'diora-v41';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',
diff --git a/templates/accounts/settings.html b/templates/accounts/settings.html
index 2fffad2..69e373a 100644
--- a/templates/accounts/settings.html
+++ b/templates/accounts/settings.html
@@ -125,6 +125,75 @@
       </form>
     {% endif %}
   </section>
+
+  <!-- Cloud connections (WebDAV / Nextcloud) for the ebook import -->
+  <section class="settings-section">
+    <h2>Cloud-Verbindungen für Bücher</h2>
+    <p class="lastfm-description">
+      Verbinde einen WebDAV-Server — Nextcloud, ownCloud, Synology oder was auch immer WebDAV
+      spricht — und importiere <code>.epub</code>- und <code>.pdf</code>-Dateien direkt daraus in
+      deine Bibliothek. Die Datei läuft dabei nur durch den Server hindurch; verschlüsselt wird sie
+      wie immer erst in deinem Browser, gespeichert wird ausschließlich der Geheimtext.
+    </p>
+    <p class="lastfm-description">
+      Lege dafür bitte ein <strong>App-Passwort</strong> an (bei Nextcloud unter
+      Einstellungen → Sicherheit) statt dein Konto-Passwort einzutragen — es wird serverseitig
+      gespeichert und lässt sich jederzeit einzeln widerrufen.
+    </p>
+
+    {% if webdav_sources %}
+      <ul class="webdav-list">
+        {% for source in webdav_sources %}
+          <li class="webdav-item">
+            <div class="webdav-item-info">
+              <strong>{{ source.label }}</strong>
+              <span class="muted">{{ source.base_url }}{% if source.root_path %} · /{{ source.root_path }}{% endif %}</span>
+            </div>
+            <div class="webdav-item-actions">
+              <form method="post" action="{% url 'webdav_test' source.pk %}" class="inline-form">
+                {% csrf_token %}
+                <button type="submit" class="btn">Testen</button>
+              </form>
+              <form method="post" action="{% url 'webdav_delete' source.pk %}" class="inline-form"
+                    onsubmit="return confirm('Verbindung „{{ source.label|escapejs }}“ entfernen?');">
+                {% csrf_token %}
+                <button type="submit" class="btn btn-danger">Entfernen</button>
+              </form>
+            </div>
+          </li>
+        {% endfor %}
+      </ul>
+    {% endif %}
+
+    <form method="post" action="{% url 'webdav_add' %}" class="webdav-form">
+      {% csrf_token %}
+      <label class="webdav-field">
+        <span>Name</span>
+        <input type="text" name="label" required placeholder="Meine Nextcloud">
+      </label>
+      <label class="webdav-field">
+        <span>Server-URL</span>
+        <input type="url" name="base_url" required placeholder="https://cloud.example.com">
+      </label>
+      <label class="webdav-field">
+        <span>Benutzername</span>
+        <input type="text" name="username" autocomplete="off" placeholder="dein-login">
+      </label>
+      <label class="webdav-field">
+        <span>App-Passwort</span>
+        <input type="password" name="password" autocomplete="new-password">
+      </label>
+      <label class="webdav-field">
+        <span>Unterordner <span class="muted">(optional)</span></span>
+        <input type="text" name="root_path" placeholder="Buecher">
+      </label>
+      <p class="lastfm-description" style="margin:0;">
+        Bei Nextcloud/ownCloud genügt die Server-Adresse — der WebDAV-Pfad wird aus dem
+        Benutzernamen ergänzt. Andere Server brauchen die vollständige WebDAV-URL.
+      </p>
+      <button type="submit" class="btn">Verbindung hinzufügen</button>
+    </form>
+  </section>
 </div>
 {% endblock %}
 
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 931db3e..5e0248e 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -319,6 +319,16 @@
       <input type="file" id="book-file-input" accept=".epub,.pdf" style="display:none;" onchange="bookFileSelected(this)">
       <span id="book-upload-status" class="muted"></span>
     </div>
+    <button type="button" class="btn" style="margin:0.5rem 0;" onclick="toggleCloudImport()">☁ Aus Cloud importieren</button>
+    <div id="cloud-browser" class="cloud-browser" style="display:none;">
+      <div class="cloud-browser-head">
+        <select id="cloud-source-select" onchange="_onCloudSourceChange(this.value)"></select>
+        <button type="button" class="btn" onclick="closeCloudImport()">Schließen</button>
+      </div>
+      <div id="cloud-path" class="cloud-path"></div>
+      <ul id="cloud-entries" class="cloud-entries"></ul>
+      <span id="cloud-status" class="muted"></span>
+    </div>
   </div>
   <label class="book-list-filter">
     <input type="checkbox" id="book-show-read-toggle" onchange="_onBookShowReadToggle(this.checked)">

From 0b62fbc0de8ea118d4f68a7061b3bf57196cf8c2 Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Fri, 28 Aug 2026 08:34:27 +0000
Subject: [PATCH 007/176] =?UTF-8?q?Hotfix:=20gunicorn/packaging=20pinnen?=
 =?UTF-8?q?=20=E2=80=94=20gevent-Worker=20startete=20nicht=20mehr?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der erste Rebuild seit dem 17.08. zog gunicorn 26.2.0, dessen ggevent.py
packaging.version importiert, während das Paket selbst überhaupt keine
Dependencies deklariert ("Requires:" ist leer). Damit fehlte packaging im
Image und gunicorn brach beim Start ab:

    Error: class uri 'gevent' invalid or not found
    ModuleNotFoundError: No module named 'packaging'

Beides wandert nach requirements.txt, und das Dockerfile installiert
gunicorn nicht mehr ungepinnt nebenher — sonst kann der nächste Rebuild den
Worker wieder unter uns austauschen.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 Dockerfile       | 2 +-
 requirements.txt | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/Dockerfile b/Dockerfile
index fa1b4f0..a19240d 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -7,7 +7,7 @@ RUN apt-get update && apt-get install -y --no-install-recommends \
     && rm -rf /var/lib/apt/lists/*
 
 COPY requirements.txt .
-RUN pip install --no-cache-dir -r requirements.txt gunicorn
+RUN pip install --no-cache-dir -r requirements.txt
 
 ARG BUILD_TIME
 ENV BUILD_TIME=${BUILD_TIME}
diff --git a/requirements.txt b/requirements.txt
index 38524e9..5841df5 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -5,3 +5,9 @@ python-dotenv>=1.0
 whitenoise>=6.6
 feedparser>=6.0
 gevent>=24.0
+# Pinned: 26.2.0 ships ggevent.py importing packaging.version while declaring
+# no dependencies at all, so the gevent worker dies at boot unless packaging is
+# installed explicitly. Both stay pinned here rather than being pulled in bare
+# by the Dockerfile, so a rebuild cannot silently change the worker again.
+gunicorn==26.2.0
+packaging>=24.0

From 23798cda017fb590309a110d85c823624850b201 Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Fri, 28 Aug 2026 08:50:47 +0000
Subject: [PATCH 008/176] =?UTF-8?q?Alle=20Abh=C3=A4ngigkeiten=20pinnen;=20?=
 =?UTF-8?q?STATICFILES=5FSTORAGE=20auf=20STORAGES=20umstellen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

requirements.txt stand durchgehend auf ">=", die gebaute Version hing also am
Kalendertag statt am Repo. Genau daran ist der letzte Deploy gescheitert.
Jetzt exakt die Versionen, gegen die die Suite grün ist und die produktiv
laufen — Updates werden damit zu einer bewussten Änderung mit CI-Lauf.

Django bleibt auf 6.1: dorthin ist die Instanz ohnehin schon gedriftet, es
läuft, und 4.2 LTS ist seit April 2026 aus dem Support.

Dabei ist aufgefallen, dass Django 5.1 STATICFILES_STORAGE entfernt hat. Die
Einstellung stand noch da und wurde stillschweigend ignoriert, womit
whitenoise auf StaticFilesStorage zurückfiel und Assets unkomprimiert
auslieferte — app.js mit 251 KB statt 62 KB bei jedem kalten Laden.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 diora/settings.py | 18 +++++++++++++++++-
 requirements.txt  | 29 +++++++++++++++++------------
 2 files changed, 34 insertions(+), 13 deletions(-)

diff --git a/diora/settings.py b/diora/settings.py
index b8c8b21..9a4e865 100644
--- a/diora/settings.py
+++ b/diora/settings.py
@@ -97,7 +97,23 @@ STATIC_URL = '/static/'
 STATICFILES_DIRS = [BASE_DIR / 'static']
 STATIC_ROOT = BASE_DIR / 'staticfiles'
 
-STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'
+# Django 5.1 removed STATICFILES_STORAGE in favour of STORAGES. The old setting
+# sat here being silently ignored, so whitenoise fell back to plain
+# StaticFilesStorage and served everything uncompressed — app.js went out at
+# 251 KB instead of 62 KB on every cold load.
+#
+# The hashed filenames this also generates are inert: no template uses
+# {% static %}, they all hardcode /static/… paths. Cache busting comes from the
+# service worker's CACHE version instead (static/js/sw.js), which is why it is
+# bumped on each release.
+STORAGES = {
+    'default': {
+        'BACKEND': 'django.core.files.storage.FileSystemStorage',
+    },
+    'staticfiles': {
+        'BACKEND': 'whitenoise.storage.CompressedManifestStaticFilesStorage',
+    },
+}
 
 MEDIA_URL = '/media/'
 MEDIA_ROOT = BASE_DIR / 'media'
diff --git a/requirements.txt b/requirements.txt
index 5841df5..457e64d 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,13 +1,18 @@
-django>=4.2
-pylast>=5.2
-requests>=2.31
-python-dotenv>=1.0
-whitenoise>=6.6
-feedparser>=6.0
-gevent>=24.0
-# Pinned: 26.2.0 ships ggevent.py importing packaging.version while declaring
-# no dependencies at all, so the gevent worker dies at boot unless packaging is
-# installed explicitly. Both stay pinned here rather than being pulled in bare
-# by the Dockerfile, so a rebuild cannot silently change the worker again.
+# Pinned to exact versions. These are what production runs and what the test
+# suite is green against — with `>=` the image you get depends on the day you
+# build it, which is how a rebuild once swapped in a gunicorn that could not
+# boot the gevent worker at all.
+#
+# Nothing here updates on its own any more, so bump deliberately: change a
+# version, let CI run, then deploy.
+Django==6.1
+pylast==7.1.0
+requests==2.34.2
+python-dotenv==1.2.3
+whitenoise==6.12.0
+feedparser==6.0.14
+gevent==26.8.0
+# gunicorn 26.2.0 imports packaging.version in ggevent.py while declaring no
+# dependencies of its own, so packaging has to be requested explicitly.
 gunicorn==26.2.0
-packaging>=24.0
+packaging==26.3

From 58fad47d90451ffd2f919dd04a1e60f79d7cd851 Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Fri, 28 Aug 2026 08:56:37 +0000
Subject: [PATCH 009/176] CI: auf Python 3.12 heben, damit gegen das getestet
 wird, was ausgeliefert wird
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der Testlauf lief in catthehacker/ubuntu:act-22.04 mit Python 3.10. Django 6.1
verlangt >= 3.12, ließ sich dort also gar nicht installieren — was erst durch
das Pinnen aufgefallen ist: vorher stand "django>=4.2" in requirements.txt und
pip hat in CI still ein 4.x aufgelöst, während das Image auf python:3.12-slim
ein 6.1 bekam. Die Suite hat damit eine andere Django-Version getestet als die
ausgelieferte.

24.04 bringt Python 3.12 mit und markiert sein System-Python als extern
verwaltet (PEP 668), deshalb laufen die Schritte jetzt über ein venv.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 .forgejo/workflows/test.yml | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/.forgejo/workflows/test.yml b/.forgejo/workflows/test.yml
index 5b671bd..a95c9a4 100644
--- a/.forgejo/workflows/test.yml
+++ b/.forgejo/workflows/test.yml
@@ -11,16 +11,25 @@ jobs:
   test:
     runs-on: ubuntu-latest
     container:
-      image: catthehacker/ubuntu:act-22.04
+      # 22.04 ships Python 3.10, which cannot install the pinned Django (it
+      # needs >= 3.12). While requirements.txt still said "django>=4.2" that
+      # went unnoticed and pip quietly resolved a 4.x here — so CI was testing
+      # a different Django than the image actually shipped. 24.04 gives us
+      # 3.12, matching the Dockerfile's python:3.12-slim.
+      image: catthehacker/ubuntu:act-24.04
 
     steps:
       - uses: actions/checkout@v4
 
       - name: Install Python dependencies
-        run: pip install --no-cache-dir -r requirements.txt
+        # 24.04 marks its system Python as externally managed (PEP 668), so a
+        # bare `pip install` is refused. A venv is the sanctioned way in.
+        run: |
+          python -m venv /tmp/venv
+          /tmp/venv/bin/pip install --no-cache-dir -r requirements.txt
 
       - name: Django system check
-        run: python manage.py check
+        run: /tmp/venv/bin/python manage.py check
 
       - name: Run tests
-        run: python manage.py test
+        run: /tmp/venv/bin/python manage.py test

From 05216a8613b12a4d49e98703c5dc113eec0efe1f Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Mon, 31 Aug 2026 22:29:13 +0200
Subject: [PATCH 010/176] Vorlesen-Funktion im Reader: Piper/Thorsten-TTS (SW
 v42)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Serverseitige Sprachsynthese (deutsche Thorsten-Stimme, Piper) für den
EPUB-Reader: /tts/synthesize/ nimmt einen Satz (max. 500 Zeichen) entgegen,
synthetisiert und streamt WAV zurück, ohne zu persistieren, zu loggen oder zu
cachen — eine bewusste, eng begrenzte Ausnahme vom "Server sieht nie
Klartext"-Prinzip (siehe CLAUDE.md). Der neue ▶-Button im Reader-Header liest
ab der aktuellen Position satzweise vor, hebt den gerade gesprochenen Satz
hervor und scrollt mit; eine kleine Leiste bietet Pause/Stop.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Xb6yX2S9aTGepYA9JFba9x
---
 .gitignore                  |   1 +
 Dockerfile                  |  12 ++
 diora/settings.py           |   5 +
 diora/urls.py               |   1 +
 requirements.txt            |   1 +
 static/css/app.css          |   6 +
 static/js/app.js            | 230 +++++++++++++++++++++++++++++++++++-
 static/js/sw.js             |   3 +-
 templates/radio/player.html |   1 +
 tts/__init__.py             |   0
 tts/apps.py                 |   6 +
 tts/piper_engine.py         |  36 ++++++
 tts/tests.py                |  41 +++++++
 tts/urls.py                 |   7 ++
 tts/views.py                |  53 +++++++++
 15 files changed, 401 insertions(+), 2 deletions(-)
 create mode 100644 tts/__init__.py
 create mode 100644 tts/apps.py
 create mode 100644 tts/piper_engine.py
 create mode 100644 tts/tests.py
 create mode 100644 tts/urls.py
 create mode 100644 tts/views.py

diff --git a/.gitignore b/.gitignore
index 319f27a..1f720e9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,6 +19,7 @@ env/
 media/
 staticfiles/
 .env
+tts_models/
 
 # IDE
 .idea/
diff --git a/Dockerfile b/Dockerfile
index a19240d..887fbe0 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -4,11 +4,23 @@ WORKDIR /app
 
 RUN apt-get update && apt-get install -y --no-install-recommends \
     gcc \
+    curl \
     && rm -rf /var/lib/apt/lists/*
 
 COPY requirements.txt .
 RUN pip install --no-cache-dir -r requirements.txt
 
+# Piper voice for the reader's read-aloud feature (see tts/piper_engine.py).
+# Fetched at build time rather than kept in git or bind-mounted — there's no
+# existing volume-mount pattern for extra binary assets in this repo, and
+# baking it into the image keeps the watchtower "just pull the new image"
+# deploy flow working unchanged.
+RUN mkdir -p /app/tts_models && \
+    curl -fsSL -o /app/tts_models/de_DE-thorsten-medium.onnx \
+      https://huggingface.co/rhasspy/piper-voices/resolve/main/de/de_DE/thorsten/medium/de_DE-thorsten-medium.onnx && \
+    curl -fsSL -o /app/tts_models/de_DE-thorsten-medium.onnx.json \
+      https://huggingface.co/rhasspy/piper-voices/resolve/main/de/de_DE/thorsten/medium/de_DE-thorsten-medium.onnx.json
+
 ARG BUILD_TIME
 ENV BUILD_TIME=${BUILD_TIME}
 
diff --git a/diora/settings.py b/diora/settings.py
index 9a4e865..e99c962 100644
--- a/diora/settings.py
+++ b/diora/settings.py
@@ -30,6 +30,7 @@ INSTALLED_APPS = [
     'podcasts',
     'books',
     'gpodder',
+    'tts',
 ]
 
 EBOOK_MAX_BYTES = 50 * 1024 * 1024  # 50 MB
@@ -150,3 +151,7 @@ AMAZON_AFFILIATE_ENABLED = os.environ.get('AMAZON_AFFILIATE_ENABLED', 'True') ==
 WEBDAV_ALLOW_PRIVATE_HOSTS = os.environ.get('WEBDAV_ALLOW_PRIVATE_HOSTS', 'False') == 'True'
 
 BUILD_TIME = os.environ.get('BUILD_TIME', '')
+
+# Piper voice model for the reader's read-aloud feature (see tts/piper_engine.py).
+TTS_MODEL_PATH = os.environ.get(
+    'TTS_MODEL_PATH', str(BASE_DIR / 'tts_models' / 'de_DE-thorsten-medium.onnx'))
diff --git a/diora/urls.py b/diora/urls.py
index 0664906..283cf2c 100644
--- a/diora/urls.py
+++ b/diora/urls.py
@@ -11,6 +11,7 @@ urlpatterns = [
     path('accounts/', include('accounts.urls')),
     path('podcasts/', include('podcasts.urls')),
     path('books/', include('books.urls')),
+    path('tts/', include('tts.urls')),
     path('api/2/', include('gpodder.urls')),
     path('api/sync/', sync_snapshot, name='api_sync'),
     # Served at the root (not /static/js/sw.js) so its default scope covers
diff --git a/requirements.txt b/requirements.txt
index 457e64d..40bc49d 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -16,3 +16,4 @@ gevent==26.8.0
 # dependencies of its own, so packaging has to be requested explicitly.
 gunicorn==26.2.0
 packaging==26.3
+piper-tts==1.7.0
diff --git a/static/css/app.css b/static/css/app.css
index b451796..07098a8 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -2197,6 +2197,12 @@ mark.reader-search-match { background:rgba(241,196,15,.6); color:inherit; border
 mark.reader-search-match.active { background:rgba(230,57,70,.7); }
 #rs-search-count { font-size:12px; min-width:50px; }
 
+/* Read-aloud (TTS) */
+mark.tts-current { background:rgba(230,57,70,.55); color:inherit; border-radius:2px; }
+.tts-bar { position:fixed; bottom:calc(var(--bar-h) + 16px); left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:14px; background:var(--bg-card,#1a1a1a); border:1px solid var(--border); border-radius:var(--radius); padding:8px 16px; box-shadow:0 4px 16px rgba(0,0,0,.5); z-index:600; }
+.tts-bar button { background:none; border:none; color:inherit; font-size:16px; cursor:pointer; padding:2px 4px; line-height:1; }
+.tts-bar button:hover { opacity:0.7; }
+
 /* Bookmarks sidebar */
 .bookmark-entry { display:flex; width:100%; padding:6px 0; font-size:13px; justify-content:space-between; border-bottom:1px solid var(--border); }
 
diff --git a/static/js/app.js b/static/js/app.js
index 263f25f..6bceae7 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -4136,6 +4136,233 @@ async function renderPdf(arrayBuffer, contentEl, scaleOverride, pivotPage) {
   return {title: pdfTitle, author: pdfAuthor, toc, numPages: pdf.numPages};
 }
 
+// ---------------------------------------------------------------------------
+// Read-aloud (TTS) — server-side Piper synthesis, one sentence per request.
+// EPUB only (no block model for PDFs). Highlights the sentence currently
+// playing and scrolls it into view; playback advances sentence-by-sentence,
+// then block-by-block, until stopped or the book ends.
+// ---------------------------------------------------------------------------
+const TTS_MAX_CHARS = 480; // stay under the server's 500-char cap with margin
+
+let ttsActive = false;
+let ttsPaused = false;
+let ttsRunToken = 0;
+let ttsAudio = null;
+let ttsCurrentMark = null;
+let ttsBarEl = null;
+
+function _ttsSplitSentences(text) {
+  const raw = text.split(/(?<=[.!?])\s+/).map(s => s.trim()).filter(Boolean);
+  const pieces = raw.length ? raw : [text];
+  const out = [];
+  for (const piece of pieces) {
+    let rest = piece;
+    while (rest.length > TTS_MAX_CHARS) {
+      let cut = rest.lastIndexOf(' ', TTS_MAX_CHARS);
+      if (cut <= 0) cut = TTS_MAX_CHARS;
+      out.push(rest.slice(0, cut).trim());
+      rest = rest.slice(cut).trim();
+    }
+    if (rest) out.push(rest);
+  }
+  return out;
+}
+
+async function _ttsFetchAudio(sentence) {
+  const resp = await fetch('/tts/synthesize/', {
+    method: 'POST',
+    headers: {'Content-Type': 'application/json'},
+    body: JSON.stringify({text: sentence}),
+  });
+  if (!resp.ok) throw new Error('tts request failed');
+  return await resp.blob();
+}
+
+function _ttsClearHighlight() {
+  if (ttsCurrentMark && ttsCurrentMark.parentNode) {
+    const parent = ttsCurrentMark.parentNode;
+    while (ttsCurrentMark.firstChild) parent.insertBefore(ttsCurrentMark.firstChild, ttsCurrentMark);
+    parent.removeChild(ttsCurrentMark);
+    parent.normalize();
+  }
+  ttsCurrentMark = null;
+}
+
+// Finds `sentence` as a substring of block.textContent starting at fromOffset
+// (so repeated sentence text earlier in the block isn't matched again), turns
+// it into a DOM Range via the same char-offset addressing highlights use, and
+// wraps it in a <mark>. Returns the offset to resume searching from.
+function _ttsHighlightSentence(block, sentence, fromOffset) {
+  _ttsClearHighlight();
+  const full = block.textContent;
+  const idx = full.indexOf(sentence, fromOffset);
+  if (idx === -1) return fromOffset;
+  const start = _nodeAtCharOffset(block, idx);
+  const end = _nodeAtCharOffset(block, idx + sentence.length);
+  if (!start || !end) return idx + sentence.length;
+  try {
+    const range = document.createRange();
+    range.setStart(start.node, start.offset);
+    range.setEnd(end.node, end.offset);
+    const mark = document.createElement('mark');
+    mark.className = 'tts-current';
+    range.surroundContents(mark);
+    ttsCurrentMark = mark;
+    _ttsScrollIntoView(mark);
+  } catch (e) {}
+  return idx + sentence.length;
+}
+
+function _ttsScrollIntoView(el) {
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+  const top = el.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
+  if (top < 40 || top > contentEl.clientHeight - 80) {
+    _suppressScrollJumpDetect();
+    contentEl.scrollBy({top: top - contentEl.clientHeight * 0.3, behavior: 'smooth'});
+  }
+}
+
+function _ttsPlayBlob(blob) {
+  return new Promise((resolve) => {
+    const url = URL.createObjectURL(blob);
+    const audio = new Audio(url);
+    ttsAudio = audio;
+    const done = () => { URL.revokeObjectURL(url); resolve(); };
+    audio.addEventListener('ended', done);
+    audio.addEventListener('error', done);
+    if (!ttsPaused) audio.play().catch(done);
+  });
+}
+
+// Walks blocks/sentences from startBlockIndex onward, fetching one sentence
+// ahead while the current one plays so there's no gap between them.
+async function _ttsPlayLoop(blocks, startBlockIndex, runToken) {
+  function* sentenceStream() {
+    for (let bi = startBlockIndex; bi < blocks.length; bi++) {
+      const block = blocks[bi];
+      const text = (block.textContent || '').trim();
+      if (!text) continue;
+      for (const sentence of _ttsSplitSentences(text)) yield {block, sentence};
+    }
+  }
+
+  const iter = sentenceStream();
+  let cur = iter.next();
+  if (cur.done) { stopReadAloud(); return; }
+  let curFetch = _ttsFetchAudio(cur.value.sentence);
+  let lastBlock = null;
+  let blockSearchOffset = 0;
+
+  while (!cur.done) {
+    if (runToken !== ttsRunToken) return;
+    const {block, sentence} = cur.value;
+    const next = iter.next();
+    const nextFetch = next.done ? null : _ttsFetchAudio(next.value.sentence).catch(() => null);
+
+    let audioBlob;
+    try {
+      audioBlob = await curFetch;
+    } catch (e) {
+      stopReadAloud();
+      return;
+    }
+    if (runToken !== ttsRunToken) return;
+
+    if (block !== lastBlock) { lastBlock = block; blockSearchOffset = 0; }
+    blockSearchOffset = _ttsHighlightSentence(block, sentence, blockSearchOffset);
+
+    await _ttsPlayBlob(audioBlob);
+    if (runToken !== ttsRunToken) return;
+
+    cur = next;
+    curFetch = nextFetch;
+  }
+  if (runToken === ttsRunToken) stopReadAloud();
+}
+
+function _ttsTogglePause() {
+  ttsPaused = !ttsPaused;
+  if (ttsAudio) {
+    if (ttsPaused) ttsAudio.pause();
+    else ttsAudio.play().catch(() => {});
+  }
+  _ttsUpdateBar();
+}
+
+function _ttsUpdateBar() {
+  if (!ttsBarEl) return;
+  const btn = ttsBarEl.querySelector('.tts-pause-btn');
+  if (btn) btn.textContent = ttsPaused ? '▶' : '⏸';
+}
+
+function _ttsShowBar() {
+  _ttsRemoveBar();
+  const bar = document.createElement('div');
+  bar.className = 'tts-bar';
+  bar.innerHTML = `
+    <button type="button" class="tts-pause-btn" title="Pause/Weiter">⏸</button>
+    <button type="button" class="tts-stop-btn" title="Vorlesen beenden">■</button>
+  `;
+  document.body.appendChild(bar);
+  ttsBarEl = bar;
+  bar.querySelector('.tts-pause-btn').addEventListener('click', _ttsTogglePause);
+  bar.querySelector('.tts-stop-btn').addEventListener('click', stopReadAloud);
+}
+
+function _ttsRemoveBar() {
+  if (ttsBarEl) { ttsBarEl.remove(); ttsBarEl = null; }
+}
+
+function toggleReadAloud() {
+  if (ttsActive) stopReadAloud();
+  else startReadAloud();
+}
+
+function startReadAloud() {
+  if (ttsActive) return;
+  if (currentPdfDoc) {
+    const toast = document.createElement('div');
+    toast.className = 'reader-toast';
+    toast.textContent = 'Vorlesen ist aktuell nur für EPUB-Bücher verfügbar.';
+    document.body.appendChild(toast);
+    setTimeout(() => toast.remove(), 2200);
+    return;
+  }
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+  const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
+  if (!blocks.length) return;
+
+  const [anchorBlock] = _anchorParts(getPositionAnchor(contentEl));
+  const startIndex = (anchorBlock >= 0 && anchorBlock < blocks.length) ? anchorBlock : 0;
+
+  ttsActive = true;
+  ttsPaused = false;
+  ttsRunToken++;
+  const runToken = ttsRunToken;
+
+  const btn = $('reader-tts-btn');
+  if (btn) { btn.classList.add('active'); btn.title = 'Vorlesen beenden'; }
+  _ttsShowBar();
+
+  _ttsPlayLoop(blocks, startIndex, runToken);
+}
+
+function stopReadAloud() {
+  ttsRunToken++;
+  ttsActive = false;
+  ttsPaused = false;
+  if (ttsAudio) {
+    try { ttsAudio.pause(); ttsAudio.src = ''; } catch (e) {}
+    ttsAudio = null;
+  }
+  _ttsClearHighlight();
+  _ttsRemoveBar();
+  const btn = $('reader-tts-btn');
+  if (btn) { btn.classList.remove('active'); btn.title = 'Vorlesen'; }
+}
+
 // ---------------------------------------------------------------------------
 // Immersive reader mode — tap centre of screen to toggle bars
 // ---------------------------------------------------------------------------
@@ -4143,7 +4370,7 @@ let _immBarsVisible = true;
 
 function _immHandleTap(e) {
   // Ignore taps on interactive elements (buttons, links, inputs, settings panel, footnote popover)
-  if (e.target.closest('button, a, input, select, label, #reader-settings-panel, .reader-header, .footnote-popover, #reader-margin, #highlight-popover, .note-bottom-sheet')) return;
+  if (e.target.closest('button, a, input, select, label, #reader-settings-panel, .reader-header, .footnote-popover, #reader-margin, #highlight-popover, .note-bottom-sheet, .tts-bar')) return;
   // In marker mode, taps have a dedicated meaning (highlight/create a note) —
   // don't also toggle the immersive bars underneath.
   if (markerModeActive) return;
@@ -4542,6 +4769,7 @@ async function saveReaderProgress(force = false) {
 
 function closeReader() {
   exitReaderImmersiveMode();
+  stopReadAloud();
   // Save progress BEFORE hiding — scrollHeight/clientHeight return 0 once display:none
   saveReaderProgress();
   if (bookmarksDirty) saveBookmarks();
diff --git a/static/js/sw.js b/static/js/sw.js
index fa5dff0..0df9a50 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v41';
+const CACHE = 'diora-v42';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',
@@ -53,6 +53,7 @@ self.addEventListener('fetch', function (event) {
   if (url.pathname.startsWith('/radio/sse/') ||
       url.pathname.startsWith('/radio/record/') ||
       url.pathname.startsWith('/radio/affiliate/') ||
+      url.pathname.startsWith('/tts/') ||
       url.pathname.startsWith('/admin/') ||
       url.pathname.startsWith('/podcasts/progress/') ||
       url.pathname.startsWith('/podcasts/queue/') ||
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 5e0248e..e5e0679 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -354,6 +354,7 @@
       </span>
       <button class="btn-icon" id="reader-search-btn"   onclick="toggleReaderSearch()"        title="Search">⌕</button>
       <button class="btn-icon" id="reader-settings-btn" onclick="toggleSettingsPanel()"        title="Font &amp; layout">⚙</button>
+      <button class="btn-icon" id="reader-tts-btn"      onclick="toggleReadAloud()"           title="Vorlesen">▶</button>
       <button class="btn-icon" id="reader-bookmark-btn" onclick="addBookmark()"               title="Bookmark">★</button>
       <button class="btn-icon" id="reader-bm-list-btn"  onclick="openBookmarksSidebar()"      title="Bookmarks">▤</button>
       <button class="btn-icon" id="reader-toc-btn"      onclick="openTocSidebar()"            title="Table of contents">≡</button>
diff --git a/tts/__init__.py b/tts/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/tts/apps.py b/tts/apps.py
new file mode 100644
index 0000000..f3a37a2
--- /dev/null
+++ b/tts/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class TtsConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'tts'
diff --git a/tts/piper_engine.py b/tts/piper_engine.py
new file mode 100644
index 0000000..f2da467
--- /dev/null
+++ b/tts/piper_engine.py
@@ -0,0 +1,36 @@
+import io
+import threading
+import wave
+
+from django.conf import settings
+
+# Lazy per-process singleton: each gunicorn worker loads its own copy on first
+# use rather than all workers loading the ONNX model at startup (the host runs
+# several other containers with limited spare RAM).
+_voice = None
+_lock = threading.Lock()
+
+
+def _get_voice():
+    global _voice
+    if _voice is None:
+        with _lock:
+            if _voice is None:
+                from piper import PiperVoice
+                _voice = PiperVoice.load(str(settings.TTS_MODEL_PATH))
+    return _voice
+
+
+def synthesize_wav(text):
+    """Synthesize `text` to WAV bytes.
+
+    Never persists or logs `text` — callers must not log it either. The lock
+    also serializes inference, since one onnxruntime session isn't meant to
+    run concurrent calls within a process.
+    """
+    voice = _get_voice()
+    buf = io.BytesIO()
+    with _lock:
+        with wave.open(buf, 'wb') as wav_file:
+            voice.synthesize_wav(text, wav_file)
+    return buf.getvalue()
diff --git a/tts/tests.py b/tts/tests.py
new file mode 100644
index 0000000..69786d5
--- /dev/null
+++ b/tts/tests.py
@@ -0,0 +1,41 @@
+from unittest.mock import patch
+
+from django.contrib.auth.models import User
+from django.test import TestCase
+
+from . import piper_engine
+
+
+class TtsSynthesizeTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+
+    def test_requires_auth(self):
+        resp = self.client.post('/tts/synthesize/', {'text': 'Hallo'}, content_type='application/json')
+        self.assertEqual(resp.status_code, 401)
+
+    def test_rejects_empty_text(self):
+        self.client.force_login(self.user)
+        resp = self.client.post('/tts/synthesize/', {'text': '  '}, content_type='application/json')
+        self.assertEqual(resp.status_code, 400)
+
+    def test_rejects_text_over_limit(self):
+        self.client.force_login(self.user)
+        resp = self.client.post(
+            '/tts/synthesize/', {'text': 'a' * 501}, content_type='application/json')
+        self.assertEqual(resp.status_code, 400)
+
+    def test_rejects_invalid_json(self):
+        self.client.force_login(self.user)
+        resp = self.client.post('/tts/synthesize/', 'not json', content_type='application/json')
+        self.assertEqual(resp.status_code, 400)
+
+    @patch.object(piper_engine, 'synthesize_wav', return_value=b'RIFF....WAVEfmt fake')
+    def test_synthesizes_audio(self, mock_synth):
+        self.client.force_login(self.user)
+        resp = self.client.post(
+            '/tts/synthesize/', {'text': 'Hallo Welt.'}, content_type='application/json')
+        self.assertEqual(resp.status_code, 200)
+        self.assertEqual(resp['Content-Type'], 'audio/wav')
+        self.assertEqual(b''.join(resp.streaming_content), b'RIFF....WAVEfmt fake')
+        mock_synth.assert_called_once_with('Hallo Welt.')
diff --git a/tts/urls.py b/tts/urls.py
new file mode 100644
index 0000000..0d663e2
--- /dev/null
+++ b/tts/urls.py
@@ -0,0 +1,7 @@
+from django.urls import path
+
+from . import views
+
+urlpatterns = [
+    path('synthesize/', views.synthesize, name='tts_synthesize'),
+]
diff --git a/tts/views.py b/tts/views.py
new file mode 100644
index 0000000..f051ef8
--- /dev/null
+++ b/tts/views.py
@@ -0,0 +1,53 @@
+import json
+
+from django.http import JsonResponse, StreamingHttpResponse
+from django.views.decorators.csrf import csrf_exempt
+from django.views.decorators.http import require_http_methods
+from gevent.threadpool import ThreadPool
+
+from . import piper_engine
+
+# One sentence per request, hard-capped — this is the load-bearing part of the
+# "server never holds more than a small, transient snippet of book text"
+# agreement (see CLAUDE.md), not just a client-side convention.
+MAX_TEXT_LENGTH = 500
+
+# Offloads the CPU-bound Piper inference off the gevent hub's event loop, so a
+# synthesis call doesn't stall other concurrent greenlets (radio SSE, other
+# requests) in the same worker the way a plain in-greenlet call would.
+_synth_pool = ThreadPool(1)
+
+
+def _require_auth(request):
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    return None
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def synthesize(request):
+    err = _require_auth(request)
+    if err:
+        return err
+
+    try:
+        body = json.loads(request.body)
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+
+    text = body.get('text', '')
+    if not isinstance(text, str) or not text.strip():
+        return JsonResponse({'error': 'text required'}, status=400)
+    if len(text) > MAX_TEXT_LENGTH:
+        return JsonResponse({'error': f'text exceeds {MAX_TEXT_LENGTH} characters'}, status=400)
+
+    try:
+        audio = _synth_pool.apply(piper_engine.synthesize_wav, (text,))
+    except Exception:
+        return JsonResponse({'error': 'synthesis failed'}, status=500)
+
+    response = StreamingHttpResponse(iter([audio]), content_type='audio/wav')
+    response['Cache-Control'] = 'no-store'
+    response['X-Accel-Buffering'] = 'no'
+    return response

From 0fd5461daa883ccd0ab0db8d9fb2619eac8d945c Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Tue, 1 Sep 2026 07:04:27 +0200
Subject: [PATCH 011/176] Vorlesen: Sprachauswahl DE/EN mit englischer
 Piper-Stimme (SW v43)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reader-Header bekommt ein #reader-tts-lang-Dropdown (Auswahl, keine
Sprach-Erkennung — persistiert in localStorage); /tts/synthesize/ nimmt jetzt
{"lang": "de"|"en"} entgegen. tts/piper_engine.py lädt pro Sprache eine eigene
PiperVoice lazy (settings.TTS_VOICES), Docker-Image lädt zusätzlich
en_US-lessac-medium beim Build.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Xb6yX2S9aTGepYA9JFba9x
---
 Dockerfile                  | 10 +++++++---
 diora/settings.py           | 10 +++++++---
 static/css/app.css          |  6 ++++++
 static/js/app.js            | 12 +++++++++++-
 static/js/sw.js             |  2 +-
 templates/radio/player.html |  4 ++++
 tts/piper_engine.py         | 31 ++++++++++++++++++-------------
 tts/tests.py                | 18 ++++++++++++++++--
 tts/views.py                |  6 +++++-
 9 files changed, 75 insertions(+), 24 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 887fbe0..a3b78d6 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -10,16 +10,20 @@ RUN apt-get update && apt-get install -y --no-install-recommends \
 COPY requirements.txt .
 RUN pip install --no-cache-dir -r requirements.txt
 
-# Piper voice for the reader's read-aloud feature (see tts/piper_engine.py).
+# Piper voices for the reader's read-aloud feature (see tts/piper_engine.py).
 # Fetched at build time rather than kept in git or bind-mounted — there's no
 # existing volume-mount pattern for extra binary assets in this repo, and
-# baking it into the image keeps the watchtower "just pull the new image"
+# baking them into the image keeps the watchtower "just pull the new image"
 # deploy flow working unchanged.
 RUN mkdir -p /app/tts_models && \
     curl -fsSL -o /app/tts_models/de_DE-thorsten-medium.onnx \
       https://huggingface.co/rhasspy/piper-voices/resolve/main/de/de_DE/thorsten/medium/de_DE-thorsten-medium.onnx && \
     curl -fsSL -o /app/tts_models/de_DE-thorsten-medium.onnx.json \
-      https://huggingface.co/rhasspy/piper-voices/resolve/main/de/de_DE/thorsten/medium/de_DE-thorsten-medium.onnx.json
+      https://huggingface.co/rhasspy/piper-voices/resolve/main/de/de_DE/thorsten/medium/de_DE-thorsten-medium.onnx.json && \
+    curl -fsSL -o /app/tts_models/en_US-lessac-medium.onnx \
+      https://huggingface.co/rhasspy/piper-voices/resolve/main/en/en_US/lessac/medium/en_US-lessac-medium.onnx && \
+    curl -fsSL -o /app/tts_models/en_US-lessac-medium.onnx.json \
+      https://huggingface.co/rhasspy/piper-voices/resolve/main/en/en_US/lessac/medium/en_US-lessac-medium.onnx.json
 
 ARG BUILD_TIME
 ENV BUILD_TIME=${BUILD_TIME}
diff --git a/diora/settings.py b/diora/settings.py
index e99c962..c417d52 100644
--- a/diora/settings.py
+++ b/diora/settings.py
@@ -152,6 +152,10 @@ WEBDAV_ALLOW_PRIVATE_HOSTS = os.environ.get('WEBDAV_ALLOW_PRIVATE_HOSTS', 'False
 
 BUILD_TIME = os.environ.get('BUILD_TIME', '')
 
-# Piper voice model for the reader's read-aloud feature (see tts/piper_engine.py).
-TTS_MODEL_PATH = os.environ.get(
-    'TTS_MODEL_PATH', str(BASE_DIR / 'tts_models' / 'de_DE-thorsten-medium.onnx'))
+# Piper voice models for the reader's read-aloud feature (see tts/piper_engine.py).
+TTS_VOICES = {
+    'de': os.environ.get(
+        'TTS_MODEL_PATH_DE', str(BASE_DIR / 'tts_models' / 'de_DE-thorsten-medium.onnx')),
+    'en': os.environ.get(
+        'TTS_MODEL_PATH_EN', str(BASE_DIR / 'tts_models' / 'en_US-lessac-medium.onnx')),
+}
diff --git a/static/css/app.css b/static/css/app.css
index 07098a8..94c8723 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1636,6 +1636,12 @@ body.dnd-mode .timer-display {
   padding: 4px 6px; font-size: 0.82rem; cursor: pointer;
 }
 
+.tts-lang-select {
+  background: var(--surface, #1e1e2e); color: var(--fg, #fff);
+  border: 1px solid var(--border, #444); border-radius: 4px;
+  padding: 2px 4px; font-size: 0.8rem; cursor: pointer;
+}
+
 .reader-marker-btn-mobile { display: none; }
 
 @media (max-width: 600px) {
diff --git a/static/js/app.js b/static/js/app.js
index 6bceae7..aea7906 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -4150,6 +4150,12 @@ let ttsRunToken = 0;
 let ttsAudio = null;
 let ttsCurrentMark = null;
 let ttsBarEl = null;
+let ttsLang = localStorage.getItem('diora_tts_lang') || 'de';
+
+function setTtsLang(lang) {
+  ttsLang = lang;
+  localStorage.setItem('diora_tts_lang', lang);
+}
 
 function _ttsSplitSentences(text) {
   const raw = text.split(/(?<=[.!?])\s+/).map(s => s.trim()).filter(Boolean);
@@ -4172,7 +4178,7 @@ async function _ttsFetchAudio(sentence) {
   const resp = await fetch('/tts/synthesize/', {
     method: 'POST',
     headers: {'Content-Type': 'application/json'},
-    body: JSON.stringify({text: sentence}),
+    body: JSON.stringify({text: sentence, lang: ttsLang}),
   });
   if (!resp.ok) throw new Error('tts request failed');
   return await resp.blob();
@@ -6769,6 +6775,10 @@ function openRadioSidebar() {
     setVolume(vol);
   }
 
+  // Restore persisted read-aloud language
+  const ttsLangSelect = $('reader-tts-lang');
+  if (ttsLangSelect) ttsLangSelect.value = ttsLang;
+
   // Load recommendations on page load
   loadRecommendations();
 
diff --git a/static/js/sw.js b/static/js/sw.js
index 0df9a50..0e6b7b3 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v42';
+const CACHE = 'diora-v43';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',
diff --git a/templates/radio/player.html b/templates/radio/player.html
index e5e0679..727f695 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -354,6 +354,10 @@
       </span>
       <button class="btn-icon" id="reader-search-btn"   onclick="toggleReaderSearch()"        title="Search">⌕</button>
       <button class="btn-icon" id="reader-settings-btn" onclick="toggleSettingsPanel()"        title="Font &amp; layout">⚙</button>
+      <select id="reader-tts-lang" class="tts-lang-select" title="Vorlese-Sprache" onchange="setTtsLang(this.value)">
+        <option value="de">DE</option>
+        <option value="en">EN</option>
+      </select>
       <button class="btn-icon" id="reader-tts-btn"      onclick="toggleReadAloud()"           title="Vorlesen">▶</button>
       <button class="btn-icon" id="reader-bookmark-btn" onclick="addBookmark()"               title="Bookmark">★</button>
       <button class="btn-icon" id="reader-bm-list-btn"  onclick="openBookmarksSidebar()"      title="Bookmarks">▤</button>
diff --git a/tts/piper_engine.py b/tts/piper_engine.py
index f2da467..dc9d6e0 100644
--- a/tts/piper_engine.py
+++ b/tts/piper_engine.py
@@ -4,31 +4,36 @@ import wave
 
 from django.conf import settings
 
-# Lazy per-process singleton: each gunicorn worker loads its own copy on first
-# use rather than all workers loading the ONNX model at startup (the host runs
-# several other containers with limited spare RAM).
-_voice = None
+DEFAULT_LANGUAGE = 'de'
+SUPPORTED_LANGUAGES = tuple(settings.TTS_VOICES.keys())
+
+# Lazy per-process singletons, one per language: each gunicorn worker loads a
+# voice only once it's actually requested, rather than all workers loading
+# every model at startup (the host runs several other containers with limited
+# spare RAM). One lock guards both the lazy-load and the inference call below
+# — a single self-hosted user never needs concurrent synthesis across
+# languages, so there's no reason for a lock per voice.
+_voices = {}
 _lock = threading.Lock()
 
 
-def _get_voice():
-    global _voice
-    if _voice is None:
+def _get_voice(lang):
+    if lang not in _voices:
         with _lock:
-            if _voice is None:
+            if lang not in _voices:
                 from piper import PiperVoice
-                _voice = PiperVoice.load(str(settings.TTS_MODEL_PATH))
-    return _voice
+                _voices[lang] = PiperVoice.load(str(settings.TTS_VOICES[lang]))
+    return _voices[lang]
 
 
-def synthesize_wav(text):
-    """Synthesize `text` to WAV bytes.
+def synthesize_wav(text, lang=DEFAULT_LANGUAGE):
+    """Synthesize `text` (in `lang`) to WAV bytes.
 
     Never persists or logs `text` — callers must not log it either. The lock
     also serializes inference, since one onnxruntime session isn't meant to
     run concurrent calls within a process.
     """
-    voice = _get_voice()
+    voice = _get_voice(lang)
     buf = io.BytesIO()
     with _lock:
         with wave.open(buf, 'wb') as wav_file:
diff --git a/tts/tests.py b/tts/tests.py
index 69786d5..8be81f8 100644
--- a/tts/tests.py
+++ b/tts/tests.py
@@ -31,11 +31,25 @@ class TtsSynthesizeTests(TestCase):
         self.assertEqual(resp.status_code, 400)
 
     @patch.object(piper_engine, 'synthesize_wav', return_value=b'RIFF....WAVEfmt fake')
-    def test_synthesizes_audio(self, mock_synth):
+    def test_synthesizes_audio_default_lang(self, mock_synth):
         self.client.force_login(self.user)
         resp = self.client.post(
             '/tts/synthesize/', {'text': 'Hallo Welt.'}, content_type='application/json')
         self.assertEqual(resp.status_code, 200)
         self.assertEqual(resp['Content-Type'], 'audio/wav')
         self.assertEqual(b''.join(resp.streaming_content), b'RIFF....WAVEfmt fake')
-        mock_synth.assert_called_once_with('Hallo Welt.')
+        mock_synth.assert_called_once_with('Hallo Welt.', 'de')
+
+    @patch.object(piper_engine, 'synthesize_wav', return_value=b'RIFF....WAVEfmt fake')
+    def test_synthesizes_audio_explicit_lang(self, mock_synth):
+        self.client.force_login(self.user)
+        resp = self.client.post(
+            '/tts/synthesize/', {'text': 'Hello world.', 'lang': 'en'}, content_type='application/json')
+        self.assertEqual(resp.status_code, 200)
+        mock_synth.assert_called_once_with('Hello world.', 'en')
+
+    def test_rejects_unsupported_lang(self):
+        self.client.force_login(self.user)
+        resp = self.client.post(
+            '/tts/synthesize/', {'text': 'Hallo', 'lang': 'fr'}, content_type='application/json')
+        self.assertEqual(resp.status_code, 400)
diff --git a/tts/views.py b/tts/views.py
index f051ef8..60b8d8c 100644
--- a/tts/views.py
+++ b/tts/views.py
@@ -42,8 +42,12 @@ def synthesize(request):
     if len(text) > MAX_TEXT_LENGTH:
         return JsonResponse({'error': f'text exceeds {MAX_TEXT_LENGTH} characters'}, status=400)
 
+    lang = body.get('lang', piper_engine.DEFAULT_LANGUAGE)
+    if lang not in piper_engine.SUPPORTED_LANGUAGES:
+        return JsonResponse({'error': 'unsupported lang'}, status=400)
+
     try:
-        audio = _synth_pool.apply(piper_engine.synthesize_wav, (text,))
+        audio = _synth_pool.apply(piper_engine.synthesize_wav, (text, lang))
     except Exception:
         return JsonResponse({'error': 'synthesis failed'}, status=500)
 

From 9228906db81aa013b9ba6ab50871572741f9e7a2 Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Fri, 4 Sep 2026 11:29:52 +0200
Subject: [PATCH 012/176] Add a transparent stream proxy for creamfresh radio

A plain <audio src="https://user:pass@host/..."> doesn't get its
embedded Basic Auth credentials honoured consistently across
browsers (the user hit a native auth prompt on play) -- this instead
holds the credentials server-side and relays the request. Forwards
the client's own Icy-MetaData header and the upstream's icy-* response
headers unchanged, so the existing icy.py-based metadata SSE keeps
working when pointed at this URL instead of the direct one.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Drq8o4HfFmwkXz2AgvaQ4p
---
 radio/urls.py  |  1 +
 radio/views.py | 41 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+)

diff --git a/radio/urls.py b/radio/urls.py
index acd6c77..4e7b1d7 100644
--- a/radio/urls.py
+++ b/radio/urls.py
@@ -19,4 +19,5 @@ urlpatterns = [
     path('radio/focus/record/', views.record_focus_session, name='record_focus_session'),
     path('radio/focus/stats/', views.focus_stats, name='focus_stats'),
     path('radio/stream-player/', views.stream_player, name='stream_player'),
+    path('radio/creamfresh-stream/', views.creamfresh_stream, name='creamfresh_stream'),
 ]
diff --git a/radio/views.py b/radio/views.py
index 669fcf5..dfad8fd 100644
--- a/radio/views.py
+++ b/radio/views.py
@@ -581,6 +581,47 @@ def import_m3u(request):
 # Minimal HTTP stream player (standalone tab for mixed-content streams)
 # ---------------------------------------------------------------------------
 
+# ---------------------------------------------------------------------------
+# creamfresh radio proxy
+# ---------------------------------------------------------------------------
+
+# Held server-side only -- never exposed to the browser this way. The
+# upstream is protected by HTTP Basic Auth; a plain <audio src="user:pass@..">
+# doesn't get credentials honoured consistently across browsers, so this
+# transparently relays the request instead (including the client's own
+# Icy-MetaData header, so the existing icy.py-based metadata SSE keeps
+# working unmodified when pointed at this URL instead of the direct one).
+CREAMFRESH_STREAM_URL = 'https://radio.creamfresh.xyz/stream.mp3'
+CREAMFRESH_AUTH = ('player', 'MJMr58p83zAU5zZaDGU0_BIn')
+
+
+def creamfresh_stream(request):
+    headers = {}
+    if request.META.get('HTTP_ICY_METADATA'):
+        headers['Icy-MetaData'] = request.META['HTTP_ICY_METADATA']
+    try:
+        upstream = requests.get(
+            CREAMFRESH_STREAM_URL,
+            auth=CREAMFRESH_AUTH,
+            headers=headers,
+            stream=True,
+            timeout=15,
+        )
+    except requests.RequestException:
+        return HttpResponse(status=502)
+
+    response = StreamingHttpResponse(
+        upstream.iter_content(chunk_size=4096),
+        content_type=upstream.headers.get('Content-Type', 'audio/mpeg'),
+        status=upstream.status_code,
+    )
+    for h in ('icy-metaint', 'icy-name', 'icy-genre', 'icy-br', 'icy-description', 'icy-url'):
+        if h in upstream.headers:
+            response[h] = upstream.headers[h]
+    response['Cache-Control'] = 'no-cache'
+    return response
+
+
 def stream_player(request):
     url  = request.GET.get('url',  '').strip()
     name = request.GET.get('name', '').strip()

From 171560c71ea8ed7862e61ef90b99568da79a8b71 Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Fri, 4 Sep 2026 11:38:34 +0200
Subject: [PATCH 013/176] Add thumbs up/down for creamfresh radio, hardcoded to
 that station

Relays to the DJ's own /dj/feedback via the same server-side-auth
proxy pattern as the stream itself, so the browser never needs the
station's credentials. Buttons only show when the currently playing
station is creamfresh radio (matched by URL against a hardcoded
constant) -- no other station's backend does anything with a vote,
so no other station gets the buttons yet.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Drq8o4HfFmwkXz2AgvaQ4p
---
 radio/urls.py               |  1 +
 radio/views.py              | 27 ++++++++++++++++++++++++
 static/js/app.js            | 42 +++++++++++++++++++++++++++++++++++++
 templates/radio/player.html |  2 ++
 4 files changed, 72 insertions(+)

diff --git a/radio/urls.py b/radio/urls.py
index 4e7b1d7..518bc9d 100644
--- a/radio/urls.py
+++ b/radio/urls.py
@@ -20,4 +20,5 @@ urlpatterns = [
     path('radio/focus/stats/', views.focus_stats, name='focus_stats'),
     path('radio/stream-player/', views.stream_player, name='stream_player'),
     path('radio/creamfresh-stream/', views.creamfresh_stream, name='creamfresh_stream'),
+    path('radio/creamfresh-feedback/', views.creamfresh_feedback, name='creamfresh_feedback'),
 ]
diff --git a/radio/views.py b/radio/views.py
index dfad8fd..12b26c3 100644
--- a/radio/views.py
+++ b/radio/views.py
@@ -622,6 +622,33 @@ def creamfresh_stream(request):
     return response
 
 
+@csrf_exempt
+@require_http_methods(['POST'])
+def creamfresh_feedback(request):
+    """Relays a thumbs up/down to the creamfresh DJ's own /dj/feedback --
+    same server-side-credentials reasoning as creamfresh_stream above."""
+    try:
+        body = json.loads(request.body)
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+
+    vote = body.get('vote')
+    if vote not in ('up', 'down'):
+        return JsonResponse({'error': "vote must be 'up' or 'down'"}, status=400)
+
+    try:
+        upstream = requests.post(
+            'https://radio.creamfresh.xyz/dj/feedback',
+            auth=CREAMFRESH_AUTH,
+            json={'vote': vote},
+            timeout=15,
+        )
+    except requests.RequestException:
+        return JsonResponse({'error': 'upstream unreachable'}, status=502)
+
+    return JsonResponse(upstream.json(), status=upstream.status_code, safe=False)
+
+
 def stream_player(request):
     url  = request.GET.get('url',  '').strip()
     name = request.GET.get('name', '').strip()
diff --git a/static/js/app.js b/static/js/app.js
index aea7906..fd3cf0f 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -9,6 +9,10 @@
 // State
 // ---------------------------------------------------------------------------
 
+// Hardcoded for now -- only creamfresh radio gets the vote buttons, since
+// only its backend (the DJ) actually does anything with them.
+const CREAMFRESH_RADIO_URL = 'https://diora.creamfresh.xyz/radio/creamfresh-stream/';
+
 let currentStation = null;   // { url, name, id } | null
 let currentTrack = '';
 let sseSource = null;
@@ -176,6 +180,12 @@ function playStation(url, name, stationId) {
   $('play-stop-btn').classList.add('playing');
   $('save-station-btn').style.display = '';
 
+  const isCreamfresh = url === CREAMFRESH_RADIO_URL;
+  $('creamfresh-vote-up-btn').style.display = isCreamfresh ? '' : 'none';
+  $('creamfresh-vote-down-btn').style.display = isCreamfresh ? '' : 'none';
+  $('creamfresh-vote-up-btn').classList.remove('active');
+  $('creamfresh-vote-down-btn').classList.remove('active');
+
   startMetadataSSE(url);
   startPlaySession(name, url);
   maybeShowDonationHint(url, name);
@@ -220,6 +230,8 @@ function stopPlayback(clearStation = true) {
   $('play-stop-btn').textContent = '▶ Play';
   $('play-stop-btn').classList.remove('playing');
   $('save-station-btn').style.display = 'none';
+  $('creamfresh-vote-up-btn').style.display = 'none';
+  $('creamfresh-vote-down-btn').style.display = 'none';
   $('affiliate-section').style.display = 'none';
 
   stopPlaySession();
@@ -604,6 +616,36 @@ async function saveCurrentStation() {
   await saveStation(data);
 }
 
+// ---------------------------------------------------------------------------
+// creamfresh radio: DJ feedback (hardcoded to this one station, see
+// CREAMFRESH_RADIO_URL above)
+// ---------------------------------------------------------------------------
+
+async function creamfreshVote(direction) {
+  const upBtn = $('creamfresh-vote-up-btn');
+  const downBtn = $('creamfresh-vote-down-btn');
+  upBtn.disabled = true;
+  downBtn.disabled = true;
+  try {
+    const res = await fetch('/radio/creamfresh-feedback/', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-CSRFToken': getCsrfToken(),
+      },
+      body: JSON.stringify({ vote: direction }),
+    });
+    if (!res.ok) throw new Error(`feedback returned ${res.status}`);
+    upBtn.classList.toggle('active', direction === 'up');
+    downBtn.classList.toggle('active', direction === 'down');
+  } catch (err) {
+    console.warn('creamfresh vote failed', err);
+  } finally {
+    upBtn.disabled = false;
+    downBtn.disabled = false;
+  }
+}
+
 async function saveStation(station) {
   try {
     const res = await fetch('/radio/save/', {
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 727f695..9681785 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -17,6 +17,8 @@
       <input type="number" id="volume-num" min="0" max="255" value="204" class="volume-num">
     </label>
     <button class="btn btn-save" id="save-station-btn" style="display:none;" onclick="saveCurrentStation()">&#9733; Save</button>
+    <button class="btn-icon" id="creamfresh-vote-up-btn" style="display:none;" onclick="creamfreshVote('up')" title="Gefällt mir">&#128077;</button>
+    <button class="btn-icon" id="creamfresh-vote-down-btn" style="display:none;" onclick="creamfreshVote('down')" title="Gefällt mir nicht">&#128078;</button>
     <button class="btn-icon" id="dnd-btn" onclick="toggleDND()" title="Focus mode (hides UI, press Esc to exit)">⊙</button>
     <button class="btn-icon" id="focus-station-btn" onclick="openRadioSidebar()" title="Radio">◉</button>
   </div>

From 26f983bbaab384ef2864a3c41a132218c51f5056 Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Fri, 4 Sep 2026 12:30:58 +0200
Subject: [PATCH 014/176] =?UTF-8?q?Default-Lautst=C3=A4rke=20auf=2040%=20s?=
 =?UTF-8?q?enken?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Betrifft alle Sender, insbesondere creamfresh radio.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Drq8o4HfFmwkXz2AgvaQ4p
---
 diora/settings.py           | 2 +-
 templates/radio/player.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/diora/settings.py b/diora/settings.py
index c417d52..ffbe165 100644
--- a/diora/settings.py
+++ b/diora/settings.py
@@ -123,7 +123,7 @@ BG_MAX_BYTES = 5 * 1024 * 1024          # 5 MB
 HIGHLIGHTS_MAX_BYTES = 700 * 1024       # 700 KB
 BOOKMARKS_MAX_BYTES = 100 * 1024        # 100 KB
 
-VOLUME_DEFAULT = 204                    # out of 255
+VOLUME_DEFAULT = 102                    # out of 255 (40%)
 ITUNES_TIMEOUT = 6                      # seconds
 BOOK_METADATA_TIMEOUT = 6               # seconds (DNB / Open Library shelf lookup)
 WEBDAV_TIMEOUT = 15                     # seconds (cloud import browse/fetch)
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 9681785..9ac3540 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -13,8 +13,8 @@
     <button class="btn btn-play" id="play-stop-btn" onclick="togglePlayStop()" style="display:none;">&#9654; Play</button>
     <label class="volume-label">
       <span>vol</span>
-      <input type="range" id="volume" min="0" max="255" value="204" class="volume-slider">
-      <input type="number" id="volume-num" min="0" max="255" value="204" class="volume-num">
+      <input type="range" id="volume" min="0" max="255" value="102" class="volume-slider">
+      <input type="number" id="volume-num" min="0" max="255" value="102" class="volume-num">
     </label>
     <button class="btn btn-save" id="save-station-btn" style="display:none;" onclick="saveCurrentStation()">&#9733; Save</button>
     <button class="btn-icon" id="creamfresh-vote-up-btn" style="display:none;" onclick="creamfreshVote('up')" title="Gefällt mir">&#128077;</button>

From 51fb6258b82208f80583ba9b8ad1602fb483130b Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Sat, 12 Sep 2026 15:05:08 +0200
Subject: [PATCH 015/176] Serif-Schriftart im Reader auf Source Serif 4
 umstellen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Selbst gehostet (Latin + Latin Extended, normal/italic, variable
Weight 200-900) statt Google-Fonts-Request, damit der Reader offline
über den Service-Worker-App-Shell-Cache weiter funktioniert. SW-Cache
auf v44 gebumpt, damit bestehende Clients die neuen Font-Dateien
nachladen.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Mxq5zi49Qs9FyQEQAeR8xc
---
 static/css/app.css                            |  38 +++++++++++++++++-
 .../fonts/SourceSerif4-italic-latin-ext.woff2 | Bin 0 -> 110324 bytes
 static/fonts/SourceSerif4-italic-latin.woff2  | Bin 0 -> 130188 bytes
 .../fonts/SourceSerif4-normal-latin-ext.woff2 | Bin 0 -> 100872 bytes
 static/fonts/SourceSerif4-normal-latin.woff2  | Bin 0 -> 122360 bytes
 static/js/app.js                              |   2 +-
 static/js/sw.js                               |   6 ++-
 7 files changed, 43 insertions(+), 3 deletions(-)
 create mode 100644 static/fonts/SourceSerif4-italic-latin-ext.woff2
 create mode 100644 static/fonts/SourceSerif4-italic-latin.woff2
 create mode 100644 static/fonts/SourceSerif4-normal-latin-ext.woff2
 create mode 100644 static/fonts/SourceSerif4-normal-latin.woff2

diff --git a/static/css/app.css b/static/css/app.css
index 94c8723..9418cda 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -2,6 +2,42 @@
    diora — dark radio player theme
    ========================================================= */
 
+/* Self-hosted (no external request, works offline via the service worker's
+   app-shell cache) — variable font covering weight 200-900 in one file per
+   style/subset. Latin + Latin Extended only (covers German/English text). */
+@font-face {
+  font-family: 'Source Serif 4';
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url('/static/fonts/SourceSerif4-normal-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'Source Serif 4';
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url('/static/fonts/SourceSerif4-normal-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+@font-face {
+  font-family: 'Source Serif 4';
+  font-style: italic;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url('/static/fonts/SourceSerif4-italic-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'Source Serif 4';
+  font-style: italic;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url('/static/fonts/SourceSerif4-italic-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
 *, *::before, *::after {
   box-sizing: border-box;
   margin: 0;
@@ -1942,7 +1978,7 @@ body.dnd-mode .timer-display {
   position: relative;
   padding: 24px 16px;
   line-height: 1.8;
-  font-family: Georgia, 'Times New Roman', serif;
+  font-family: 'Source Serif 4', Georgia, 'Times New Roman', serif;
   font-size: 16px;
   font-weight: 400;
 }
diff --git a/static/fonts/SourceSerif4-italic-latin-ext.woff2 b/static/fonts/SourceSerif4-italic-latin-ext.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..61c767d8b6387a02cea67fb8a0abc94afa3f0c36
GIT binary patch
literal 110324
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
Ud<XCs3L5=yVxH@F%U{GC0B6&@bN~PV

literal 0
HcmV?d00001

diff --git a/static/fonts/SourceSerif4-italic-latin.woff2 b/static/fonts/SourceSerif4-italic-latin.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..26f2a43e21c2d52b1a31cca80f3ff7d765334b0a
GIT binary patch
literal 130188
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%0DyHT3b~H5+5Wm
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%0Dr_WV0Pvy(ZtIRE}XJ^K9i@GU)f
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
Z5x_<u4G)Z1%*gTo_nUDjGv+M-001YRRw4iZ

literal 0
HcmV?d00001

diff --git a/static/fonts/SourceSerif4-normal-latin-ext.woff2 b/static/fonts/SourceSerif4-normal-latin-ext.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..fada8d38a5226fcef6c4c34b4fced913ecd8feae
GIT binary patch
literal 100872
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

literal 0
HcmV?d00001

diff --git a/static/fonts/SourceSerif4-normal-latin.woff2 b/static/fonts/SourceSerif4-normal-latin.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..b98e6b594dd7bd3e8e74245456d6c4a1c1308f79
GIT binary patch
literal 122360
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%0DeRj2H1&B
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

literal 0
HcmV?d00001

diff --git a/static/js/app.js b/static/js/app.js
index fd3cf0f..ff4f1d6 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -4993,7 +4993,7 @@ function applyReaderSettings(isPdf) {
     contentEl.style.lineHeight = readerSettings.lineHeight;
     contentEl.style.setProperty('--reader-max-width', readerSettings.maxWidth + 'ch');
     const fontMap = {
-      serif:    "Georgia, 'Times New Roman', serif",
+      serif:    "'Source Serif 4', Georgia, 'Times New Roman', serif",
       sans:     'system-ui, -apple-system, sans-serif',
       humanist: 'Verdana, Geneva, sans-serif',
       mono:     "'Courier New', monospace",
diff --git a/static/js/sw.js b/static/js/sw.js
index 0e6b7b3..72ac2ca 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,12 +2,16 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v43';
+const CACHE = 'diora-v44';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
   '/static/manifest.json',
+  '/static/fonts/SourceSerif4-normal-latin.woff2',
+  '/static/fonts/SourceSerif4-normal-latin-ext.woff2',
+  '/static/fonts/SourceSerif4-italic-latin.woff2',
+  '/static/fonts/SourceSerif4-italic-latin-ext.woff2',
 ];
 
 // Install: pre-cache the app shell

From 149b64b67c9cb5749e0f8b634a27cea6dc0a85eb Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Sat, 12 Sep 2026 15:11:50 +0200
Subject: [PATCH 016/176] Reader: Source Serif 4 etwas leichter (400 -> 380)

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Mxq5zi49Qs9FyQEQAeR8xc
---
 static/css/app.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/css/app.css b/static/css/app.css
index 9418cda..5b200a9 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1980,7 +1980,7 @@ body.dnd-mode .timer-display {
   line-height: 1.8;
   font-family: 'Source Serif 4', Georgia, 'Times New Roman', serif;
   font-size: 16px;
-  font-weight: 400;
+  font-weight: 380;
 }
 .reader-content > * {
   max-width: 65ch;

From 9d097f5fbaa9cc02d362313d3737754c445230dd Mon Sep 17 00:00:00 2001
From: marwin <marwin@creamfresh.xyz>
Date: Thu, 24 Sep 2026 10:49:09 +0000
Subject: [PATCH 017/176] =?UTF-8?q?Reader:=20Notiz-Randspalte=20auf=20dem?=
 =?UTF-8?q?=20Handy=20nicht=20automatisch=20=C3=B6ffnen=20(SW=20v45)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Beim Öffnen eines Buchs mit Markierungen klappte die Randspalte auch auf
schmalen Bildschirmen auf und verdeckte den Text. Auf Mobil (_isMobileReader)
bleibt sie jetzt zu und ist weiter über ✎ erreichbar.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app.js | 3 ++-
 static/js/sw.js  | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/static/js/app.js b/static/js/app.js
index ff4f1d6..751d2b1 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -4552,7 +4552,8 @@ async function openBook(bookId) {
 
     // If this book already has notes/highlights, surface them right away
     // instead of making the reader hide them behind a manual toggle.
-    if (!isPdfBook && currentHighlights.length && !readerAnnotationsMarginOpen) {
+    // Not on phones: there the margin covers the text; it stays one tap away (✎).
+    if (!isPdfBook && currentHighlights.length && !readerAnnotationsMarginOpen && !_isMobileReader()) {
       toggleAnnotationsMargin();
     }
 
diff --git a/static/js/sw.js b/static/js/sw.js
index 72ac2ca..f99fe3a 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v44';
+const CACHE = 'diora-v45';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',

From 09055b98742809b32ed7aeaeef951313f674ce0d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 27 Sep 2026 19:57:10 +0200
Subject: [PATCH 018/176] Reader: Lesefortschritt nach Textanteil statt Pixeln
 (SW v46)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der Fortschritt (Speichern/Sync, Prozentanzeige im Reader-Kopf, Sprung
über das Prozentfeld, "≈ x % im Buch" bei Markierungen) wird jetzt aus
dem Positions-Anker als Anteil des Buchtexts in Zeichen berechnet statt
aus scrollTop/scrollHeight. Das ist unabhängig vom Layout (Schriftgröße,
Breite, welche Kapitel gerendert sind) und damit auf allen Clients gleich
— die Android-App rendert im E-Reader-Modus nur ein Kapitel und kennt die
Pixelhöhe des Buchs nicht. Pixel zählten außerdem Ränder, Überschriften
und Bilder mit. Anker und Server-Logik bleiben unverändert; PDFs weiter
nach Seiten.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app.js | 83 ++++++++++++++++++++++++++++++++++++++++++++----
 static/js/sw.js  |  2 +-
 2 files changed, 78 insertions(+), 7 deletions(-)

diff --git a/static/js/app.js b/static/js/app.js
index 751d2b1..64a27d3 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -2966,6 +2966,59 @@ function getPositionAnchor(contentEl) {
   return `${bestIndex}:${innerFraction.toFixed(6)}`;
 }
 
+// Reading progress as a share of the book's text (characters), from a
+// position anchor. Independent of layout — font size, screen width, which
+// chapters are rendered (the Android app's e-reader mode lays out one chapter
+// at a time) — so every client shows the same percentage for the same place.
+// The pixel share (scrollTop / scrollHeight) used before differed between
+// layouts and counted margins, headings and images as reading.
+let _charIndex = null; // {content, starts[], lens[], total} for the open book
+
+function _bookCharIndex(contentEl) {
+  if (_charIndex && _charIndex.content === contentEl) return _charIndex;
+  const offsets = new Map();
+  let pos = 0;
+  const walker = document.createTreeWalker(contentEl, NodeFilter.SHOW_TEXT);
+  let node;
+  while ((node = walker.nextNode())) {
+    offsets.set(node, pos);
+    pos += node.nodeValue.length;
+  }
+  const blocks = contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR);
+  const starts = new Array(blocks.length);
+  const lens = new Array(blocks.length);
+  for (let i = 0; i < blocks.length; i++) {
+    const first = document.createTreeWalker(blocks[i], NodeFilter.SHOW_TEXT).nextNode();
+    starts[i] = first ? offsets.get(first) : (i ? starts[i - 1] + lens[i - 1] : 0);
+    lens[i] = blocks[i].textContent.length;
+  }
+  _charIndex = {content: contentEl, starts, lens, total: pos || 1};
+  return _charIndex;
+}
+
+// Share of the text before the anchored place (0..1), or null.
+function _fractionFromAnchor(contentEl, anchor) {
+  const [block, inner] = _anchorParts(anchor);
+  if (block < 0) return null;
+  const idx = _bookCharIndex(contentEl);
+  if (block >= idx.starts.length) return null;
+  return Math.max(0, Math.min(1, (idx.starts[block] + inner * idx.lens[block]) / idx.total));
+}
+
+// Anchor of the place where `fraction` of the text has been read.
+function _anchorForFraction(contentEl, fraction) {
+  const idx = _bookCharIndex(contentEl);
+  if (!idx.starts.length) return '';
+  const target = Math.max(0, Math.min(1, fraction)) * idx.total;
+  let lo = 0, hi = idx.starts.length - 1;
+  while (lo < hi) {
+    const mid = (lo + hi + 1) >> 1;
+    if (idx.starts[mid] <= target) lo = mid; else hi = mid - 1;
+  }
+  const inner = idx.lens[lo] ? Math.max(0, Math.min(1, (target - idx.starts[lo]) / idx.lens[lo])) : 0;
+  return `${lo}:${inner.toFixed(6)}`;
+}
+
 function restoreFromAnchor(contentEl, anchor) {
   if (!anchor) return false;
   const parts = anchor.split(':');
@@ -4464,6 +4517,7 @@ async function openBook(bookId) {
 
   try {
     loadReaderSettings(bookId);
+    _charIndex = null;
     const key = await getOrCreateEncKey();
     let data_ct, data_iv;
     const cached = await _getCachedBook(bookId);
@@ -4591,7 +4645,7 @@ async function openBook(bookId) {
         } else {
           const pct = Math.min(100, Math.max(0, _parseLocalePercent(this.value)));
           this.value = _formatBookPercent(pct / 100);
-          contentEl.scrollTop = (pct / 100) * contentEl.scrollHeight;
+          restoreFromAnchor(contentEl, _anchorForFraction(contentEl, pct / 100));
         }
       });
 
@@ -4660,10 +4714,8 @@ async function openBook(bookId) {
           }
         }
         progressInput.value = currentPage;
-      } else {
-        const f = contentEl.scrollTop / (contentEl.scrollHeight - contentEl.clientHeight || 1);
-        progressInput.value = _formatBookPercent(f);
       }
+      // EPUB: shown from the position anchor, see the anchor tracking below.
     });
 
     // Auto-save progress every 10s and on scroll (debounced 2s)
@@ -4684,6 +4736,10 @@ async function openBook(bookId) {
         clearTimeout(_anchorTrackDebounce);
         _anchorTrackDebounce = setTimeout(() => {
           _currentPositionAnchor = getPositionAnchor(contentEl);
+          const f = _fractionFromAnchor(contentEl, _currentPositionAnchor);
+          if (progressInput && f !== null && document.activeElement !== progressInput) {
+            progressInput.value = _formatBookPercent(f);
+          }
         }, 150);
       }, {passive: true});
     }
@@ -4787,13 +4843,16 @@ async function saveReaderProgress(force = false) {
   } else {
     fraction = contentEl.scrollTop / (contentEl.scrollHeight - contentEl.clientHeight || 1);
   }
-  fraction = Math.min(1.0, Math.max(0.0, fraction));
 
   let anchor = '';
   if (!currentPdfDoc) {
     anchor = getPositionAnchor(contentEl);
     _currentPositionAnchor = anchor;
+    // EPUB: share of the text, the same on every device and layout.
+    const textFraction = _fractionFromAnchor(contentEl, anchor);
+    if (textFraction !== null) fraction = textFraction;
   }
+  fraction = Math.min(1.0, Math.max(0.0, fraction));
 
   _updateCachedBookProgress(currentBookId, fraction, anchor, force);
 
@@ -6556,7 +6615,19 @@ function _tocTitleForChapterSrc(chapterSrc) {
 // relocate a highlight/note later.
 function _percentFromRange(range) {
   const contentEl = $('reader-content');
-  if (!contentEl || !range || !contentEl.scrollHeight) return null;
+  if (!contentEl || !range) return null;
+  // Share of the text before the range, like the reading progress.
+  const block = _blockAncestor(range.startContainer);
+  if (block && contentEl.contains(block)) {
+    const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
+    const i = blocks.indexOf(block);
+    if (i >= 0) {
+      const idx = _bookCharIndex(contentEl);
+      const at = idx.starts[i] + _charOffsetInBlock(block, range.startContainer, range.startOffset);
+      return Math.max(0, Math.min(100, (at / idx.total) * 100));
+    }
+  }
+  if (!contentEl.scrollHeight) return null;
   const contentRect = contentEl.getBoundingClientRect();
   const rangeRect = range.getBoundingClientRect();
   if (!rangeRect.width && !rangeRect.height) return null;
diff --git a/static/js/sw.js b/static/js/sw.js
index f99fe3a..24a7b9c 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v45';
+const CACHE = 'diora-v46';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',

From 7ee44622ee2de09e7720ac8f85409be41c8c93f0 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 28 Sep 2026 20:25:59 +0200
Subject: [PATCH 019/176] Reader: Schriftgewicht einstellbar (SW v47)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Neuer Regler im Einstellungs-Panel, 200-800: bei Source Serif 4 (variabel) in
25er-Schritten, bei Systemschriften in 100ern. null behält das Gewicht aus dem
Stylesheet. --reader-weight erlaubt alten WebViews ohne variable Schriften,
einen statischen Schnitt zu wählen. "Kein Fett" erbt jetzt das eingestellte
Gewicht statt fest normal.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/css/app.css |  2 +-
 static/js/app.js   | 52 ++++++++++++++++++++++++++++++++++++++++++++--
 static/js/sw.js    |  2 +-
 3 files changed, 52 insertions(+), 4 deletions(-)

diff --git a/static/css/app.css b/static/css/app.css
index 5b200a9..fd2bcc6 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -2130,7 +2130,7 @@ body.reader-immersive.reader-show-bottom .reader-overlay  { bottom: var(--bar-h)
 .footnote-popover-close { position:absolute; top:4px; right:6px; background:none; border:none; color:inherit; opacity:0.5; cursor:pointer; font-size:14px; padding:2px 4px; line-height:1; }
 
 /* Highlight marks */
-.reader-no-bold * { font-weight: normal !important; }
+.reader-no-bold * { font-weight: inherit !important; }
 .reader-content img { max-width: 100%; height: auto; display: block; }
 /* color:inherit overrides the browser's UA-default `mark { color: black }` —
    without it, highlighted text abruptly flips to black regardless of the
diff --git a/static/js/app.js b/static/js/app.js
index 64a27d3..cf513db 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -3254,7 +3254,7 @@ async function _syncPendingAnnotations() {
 
 // Reader settings
 let readerSettings = { fontSize: 16, lineHeight: 1.8, maxWidth: 65, theme: 'dark',
-                        fontFamily: 'serif', noBold: false,
+                        fontFamily: 'serif', noBold: false, fontWeight: null,
                         pdfZoom: 100, pdfInverted: false, pdfPaginated: false, pdfSpread: false };
 let readerSettingsPanelOpen = false;
 let currentPdfDoc = null;
@@ -5026,7 +5026,7 @@ function jumpToTocEntry(href) {
 function loadReaderSettings(bookId) {
   // Reset to defaults, then apply per-book overrides
   Object.assign(readerSettings, { fontSize: 16, lineHeight: 1.8, maxWidth: 65, theme: 'dark',
-                                   fontFamily: 'serif', noBold: false,
+                                   fontFamily: 'serif', noBold: false, fontWeight: null,
                                    pdfZoom: 100, pdfInverted: false, pdfPaginated: false, pdfSpread: false });
   try {
     const saved = JSON.parse(localStorage.getItem(`diora_reader_settings_${bookId}`) || '{}');
@@ -5060,6 +5060,16 @@ function applyReaderSettings(isPdf) {
     };
     contentEl.style.fontFamily = fontMap[readerSettings.fontFamily] || fontMap.serif;
     contentEl.classList.toggle('reader-no-bold', !!readerSettings.noBold);
+    // Weight: null keeps the stylesheet's. --reader-weight lets old WebViews
+    // without variable-font support (which drop weights like 425) pick a
+    // static cut instead.
+    contentEl.style.fontWeight = '';
+    if (readerSettings.fontWeight) {
+      contentEl.style.fontWeight = String(readerSettings.fontWeight);
+      contentEl.style.setProperty('--reader-weight', String(readerSettings.fontWeight));
+    } else {
+      contentEl.style.removeProperty('--reader-weight');
+    }
     if (_currentPositionAnchor && currentBookId) {
       _suppressScrollJumpDetect();
       requestAnimationFrame(() => restoreFromAnchor($('reader-content'), _currentPositionAnchor));
@@ -5083,6 +5093,19 @@ function applyReaderSettings(isPdf) {
   if (isPdf && markerModeActive) toggleMarkerMode();
 }
 
+// Font weight slider: the variable Source Serif 4 takes any weight, the
+// system fonts only their fixed cuts (multiples of 100).
+function _readerWeightStep() {
+  return readerSettings.fontFamily === 'serif' ? 25 : 100;
+}
+
+function _readerWeight() {
+  const step = _readerWeightStep();
+  const w = readerSettings.fontWeight
+    || parseInt(getComputedStyle($('reader-content')).fontWeight, 10) || 400;
+  return Math.round(w / step) * step;
+}
+
 function toggleSettingsPanel() {
   const overlay = $('reader-overlay');
   const contentEl = $('reader-content');
@@ -5108,6 +5131,7 @@ function toggleSettingsPanel() {
       <label>Line <button class="btn btn-sm" id="rs-line-minus">−</button> <input type="range" id="rs-line" min="12" max="30" step="1" value="${Math.round(readerSettings.lineHeight * 10)}"> <button class="btn btn-sm" id="rs-line-plus">+</button> <span id="rs-line-val">${readerSettings.lineHeight}</span></label>
       <label>Width <button class="btn btn-sm" id="rs-width-minus">−</button> <input type="range" id="rs-width" min="40" max="90" step="5" value="${readerSettings.maxWidth}"> <button class="btn btn-sm" id="rs-width-plus">+</button> <span id="rs-width-val">${readerSettings.maxWidth}ch</span></label>
       <button class="btn btn-sm" id="rs-width-full">Full</button>
+      <label>Weight <button class="btn btn-sm" id="rs-weight-minus">−</button> <input type="range" id="rs-weight" min="200" max="800" step="${_readerWeightStep()}" value="${_readerWeight()}"> <button class="btn btn-sm" id="rs-weight-plus">+</button> <span id="rs-weight-val">${_readerWeight()}</span></label>
       <button class="btn btn-sm ${readerSettings.fontFamily === 'serif'    ? 'active' : ''}" data-rs-font="serif">Serif</button>
       <button class="btn btn-sm ${readerSettings.fontFamily === 'sans'     ? 'active' : ''}" data-rs-font="sans">Sans</button>
       <button class="btn btn-sm ${readerSettings.fontFamily === 'humanist' ? 'active' : ''}" data-rs-font="humanist">Verdana</button>
@@ -5187,12 +5211,36 @@ function toggleSettingsPanel() {
       saveReaderSettings();
     });
 
+    const weightRange = panel.querySelector('#rs-weight');
+    const weightVal   = panel.querySelector('#rs-weight-val');
+    weightRange.addEventListener('input', () => {
+      readerSettings.fontWeight = parseInt(weightRange.value, 10);
+      weightVal.textContent = readerSettings.fontWeight;
+      applyReaderSettings(false);
+      saveReaderSettings();
+    });
+    panel.querySelector('#rs-weight-minus').addEventListener('click', () => {
+      weightRange.value = Math.max(+weightRange.min, parseInt(weightRange.value, 10) - +weightRange.step);
+      weightRange.dispatchEvent(new Event('input'));
+    });
+    panel.querySelector('#rs-weight-plus').addEventListener('click', () => {
+      weightRange.value = Math.min(+weightRange.max, parseInt(weightRange.value, 10) + +weightRange.step);
+      weightRange.dispatchEvent(new Event('input'));
+    });
+
     panel.querySelectorAll('[data-rs-font]').forEach(btn => {
       btn.addEventListener('click', () => {
         readerSettings.fontFamily = btn.dataset.rsFont;
         panel.querySelectorAll('[data-rs-font]').forEach(b => b.classList.toggle('active', b === btn));
+        // The system fonts only have cuts at multiples of 100.
+        weightRange.step = _readerWeightStep();
+        if (readerSettings.fontWeight) {
+          readerSettings.fontWeight = Math.round(readerSettings.fontWeight / weightRange.step) * weightRange.step;
+        }
         applyReaderSettings(false);
         saveReaderSettings();
+        weightRange.value = _readerWeight();
+        weightVal.textContent = _readerWeight();
       });
     });
 
diff --git a/static/js/sw.js b/static/js/sw.js
index 24a7b9c..2b72b57 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v46';
+const CACHE = 'diora-v47';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',

From 086ce29020022d39c8fe01b8729cf909dee66b30 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 28 Sep 2026 21:19:05 +0200
Subject: [PATCH 020/176] =?UTF-8?q?Reader:=20Buch=20nie=20doppelt=20=C3=B6?=
 =?UTF-8?q?ffnen;=20ung=C3=BCltige=20Anker=20selbst=20reparieren=20(SW=20v?=
 =?UTF-8?q?48)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

openBook leert #reader-content und hängt die Kapitel über mehrere awaits
an. Ein zweiter Aufruf dazwischen (zweites Tippen, während ein langsamer
E-Reader noch entschlüsselt) hing das Buch doppelt an. Daraus gespeicherte
Anker lagen hinter dem echten Buchende (tolino: Block 1491 bei 1206
Blöcken) und schlugen beim Server-Vergleich "weitester Stand gewinnt"
jede echte Position: Fortschritt wurde nicht mehr gespeichert.

- openBook läuft nur einmal gleichzeitig (gleiches Buch: auf den laufenden
  Aufruf warten; anderes Buch: danach öffnen).
- Aus einem doppelt gerenderten Dokument wird kein Fortschritt gespeichert.
- Ein gespeicherter Anker, der nicht zum Buch passt, führt zum Textanteil
  (scroll_fraction) statt an den Anfang, und die nächste Speicherung
  überschreibt ihn (force), damit der Fortschritt wieder läuft.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app.js | 45 ++++++++++++++++++++++++++++++++++++++++++---
 static/js/sw.js  |  2 +-
 2 files changed, 43 insertions(+), 4 deletions(-)

diff --git a/static/js/app.js b/static/js/app.js
index cf513db..21376a4 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -4505,7 +4505,30 @@ function exitReaderImmersiveMode() {
   document.removeEventListener('click', _immHandleTap);
 }
 
+// Serializes openBook: it empties #reader-content, then appends the chapters
+// across several awaits. A second call in between (a second tap while a slow
+// e-reader is still decrypting) appended the whole book a second time — and
+// progress saved from that doubled DOM had block indices beyond the real book,
+// which then out-ranked every real position on the server.
+let _openBookInFlight = null;
+let _repairProgressAnchor = false; // stored anchor didn't fit this book
+
 async function openBook(bookId) {
+  if (_openBookInFlight) {
+    if (_openBookInFlight.bookId === bookId) return _openBookInFlight.promise;
+    await _openBookInFlight.promise.catch(() => {});
+  }
+  const promise = _openBookOnce(bookId);
+  _openBookInFlight = {bookId, promise};
+  try {
+    return await promise;
+  } finally {
+    if (_openBookInFlight && _openBookInFlight.promise === promise) _openBookInFlight = null;
+  }
+}
+
+async function _openBookOnce(bookId) {
+  _repairProgressAnchor = false;
   const overlay = $('reader-overlay');
   const contentEl = $('reader-content');
   const titleEl = $('reader-title');
@@ -4690,7 +4713,14 @@ async function openBook(bookId) {
         }
         await new Promise(r => requestAnimationFrame(r));
         if (!restoreFromAnchor(contentEl, anchor) && fraction > 0) {
-          contentEl.scrollTop = fraction * (contentEl.scrollHeight - contentEl.clientHeight);
+          restoreFromAnchor(contentEl, _anchorForFraction(contentEl, fraction));
+        }
+        // An anchor past the end of this book can only come from a broken
+        // render. The server keeps the furthest block index, so it would block
+        // every real position from now on: overwrite it with the next save.
+        const [storedBlock] = _anchorParts(anchor);
+        if (storedBlock >= contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR).length) {
+          _repairProgressAnchor = true;
         }
       }
     } catch (e) {}
@@ -4844,6 +4874,13 @@ async function saveReaderProgress(force = false) {
     fraction = contentEl.scrollTop / (contentEl.scrollHeight - contentEl.clientHeight || 1);
   }
 
+  // Chapter wrappers carry unique ids; seeing one twice means the book was
+  // rendered twice. Positions from that DOM are wrong — don't store them.
+  if (!currentPdfDoc && contentEl.querySelectorAll('#epub-chapter-0').length > 1) {
+    console.warn('Book rendered twice, progress not saved');
+    return;
+  }
+
   let anchor = '';
   if (!currentPdfDoc) {
     anchor = getPositionAnchor(contentEl);
@@ -4854,9 +4891,11 @@ async function saveReaderProgress(force = false) {
   }
   fraction = Math.min(1.0, Math.max(0.0, fraction));
 
-  _updateCachedBookProgress(currentBookId, fraction, anchor, force);
+  _updateCachedBookProgress(currentBookId, fraction, anchor, force || (_repairProgressAnchor && !!anchor));
 
-  const body = JSON.stringify({scroll_fraction: fraction, position_anchor: anchor, ...(force && {force: true})});
+  const repair = _repairProgressAnchor && !!anchor;
+  if (repair) _repairProgressAnchor = false;
+  const body = JSON.stringify({scroll_fraction: fraction, position_anchor: anchor, ...((force || repair) && {force: true})});
   _lastProgressBeacon = {url: `/books/${currentBookId}/progress/`, body};
 
   try {
diff --git a/static/js/sw.js b/static/js/sw.js
index 2b72b57..c36b133 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v47';
+const CACHE = 'diora-v48';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',

From 77d662a9cbdb326af24cc445d6c3eff20bcccf39 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Tue, 29 Sep 2026 19:33:18 +0200
Subject: [PATCH 021/176] API-Token: Anfragen mit Bearer-Token brauchen kein
 CSRF-Token
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Native Clients (diora desktop) haben kein CSRF-Cookie; ein Browser hängt den
Authorization-Header nie von selbst an, daher ist das sicher. Nötig z. B. für
den M3U-Import, der nicht csrf_exempt ist.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 accounts/middleware.py |  5 +++++
 accounts/tests.py      | 14 ++++++++++++++
 2 files changed, 19 insertions(+)

diff --git a/accounts/middleware.py b/accounts/middleware.py
index 3ceb447..addb990 100644
--- a/accounts/middleware.py
+++ b/accounts/middleware.py
@@ -22,4 +22,9 @@ class ApiTokenAuthMiddleware:
                     api_token = ApiToken.objects.select_related('user').filter(token=token).first()
                     if api_token is not None:
                         request.user = api_token.user
+                        # Browsers never attach this header on their own, so a
+                        # token request can't be a cross-site forgery; native
+                        # clients have no CSRF cookie to send. (CsrfViewMiddleware
+                        # checks this flag in process_view, which runs after us.)
+                        request._dont_enforce_csrf_checks = True
         return self.get_response(request)
diff --git a/accounts/tests.py b/accounts/tests.py
index 4d4e05a..638ec51 100644
--- a/accounts/tests.py
+++ b/accounts/tests.py
@@ -42,6 +42,20 @@ class ApiTokenAuthMiddlewareTests(TestCase):
         resp = self.client.get('/books/', HTTP_AUTHORIZATION=f'Bearer {self.token.token}')
         self.assertEqual(resp.status_code, 200)
 
+    def test_bearer_token_needs_no_csrf_token(self):
+        # import_m3u is not csrf_exempt: without a token it must still be protected.
+        from django.test import Client
+        client = Client(enforce_csrf_checks=True)
+        m3u = '#EXTM3U\n#EXTINF:-1,Test FM\nhttps://example.com/stream\n'
+        resp = client.post('/radio/import/', data=m3u, content_type='text/plain')
+        self.assertIn(resp.status_code, (302, 401, 403))
+        resp = client.post('/radio/import/', data=m3u, content_type='text/plain',
+                           HTTP_AUTHORIZATION=f'Bearer {self.token.token}')
+        self.assertNotEqual(resp.status_code, 403)
+        resp = client.post('/radio/import/', data=m3u, content_type='text/plain',
+                           HTTP_AUTHORIZATION='Bearer not-a-real-token')
+        self.assertIn(resp.status_code, (302, 401, 403))
+
     def test_regenerate_view_requires_login_and_rotates_token(self):
         resp = self.client.post('/accounts/api-token/regenerate/')
         self.assertEqual(resp.status_code, 302)

From bca9d6b5e90d9ad8292a6eb694b5ed31d919099d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Tue, 29 Sep 2026 20:00:42 +0200
Subject: [PATCH 022/176] =?UTF-8?q?Radio:=20http-Streams=20in=20nativen=20?=
 =?UTF-8?q?H=C3=BCllen=20abspielen=20lassen;=20Play-Session=20nicht=20mehr?=
 =?UTF-8?q?=20verlieren=20(SW=20v49)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

playStation() öffnet http-Sender auf einer https-Seite in einem neuen
Fenster. Native Hüllen (diora Android, diora desktop), die den Stream
selbst abspielen, setzen window.DIORA_PLAYS_HTTP_STREAMS und überspringen
das.

stopPlaySession() wurde von playStation() ohne await aufgerufen und
setzte currentPlayId erst nach dem fetch auf null – beim Senderwechsel
also die frisch gesetzte ID der neuen Session. Die ID wird jetzt vor dem
await übernommen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app.js | 13 +++++++++----
 static/js/sw.js  |  2 +-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/static/js/app.js b/static/js/app.js
index 21376a4..804775c 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -157,7 +157,9 @@ function customPrompt(message, defaultValue = '') {
 function playStation(url, name, stationId) {
   stopPlayback(false);
 
-  if (location.protocol === 'https:' && url.startsWith('http://')) {
+  // A secure page can't load plain-http streams (mixed content). Native shells
+  // that play the stream themselves set window.DIORA_PLAYS_HTTP_STREAMS.
+  if (location.protocol === 'https:' && url.startsWith('http://') && !window.DIORA_PLAYS_HTTP_STREAMS) {
     window.open(url, '_blank');
     return;
   }
@@ -280,15 +282,18 @@ async function startPlaySession(stationName, stationUrl) {
 }
 
 async function stopPlaySession() {
-  if (!currentPlayId) return;
+  // Take the id before awaiting: playStation() calls this without waiting and
+  // starts the next session right away, whose id must not be cleared here.
+  const playId = currentPlayId;
+  if (!playId) return;
+  currentPlayId = null;
   try {
     await fetch('/radio/play/stop/', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({play_id: currentPlayId})
+      body: JSON.stringify({play_id: playId})
     });
   } catch (e) {}
-  currentPlayId = null;
 }
 
 window.addEventListener('beforeunload', () => {
diff --git a/static/js/sw.js b/static/js/sw.js
index c36b133..e20bf19 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v48';
+const CACHE = 'diora-v49';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',

From 3717640a4e4d9f21701b27e7ae5724e45ab1e579 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Tue, 29 Sep 2026 20:33:34 +0200
Subject: [PATCH 023/176] =?UTF-8?q?Radio:=20Stream-Adresse=20ins=20Suchfel?=
 =?UTF-8?q?d=20einf=C3=BCgen;=20Favoriten-Stern=20reparieren=20(SW=20v50)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Eine http(s)-Adresse im Suchfeld wird nicht gesucht, sondern als Treffer
  mit Play und Save (Name wählbar) angeboten. Der Query-String (oft ein
  Zugangstoken) wird nicht angezeigt, aber mitgespeichert.
- toggleFav gab es zweimal; die zweite Fassung verdeckte die erste und
  brauchte den Button als Argument, den die serverseitig gerenderten Zeilen
  nicht übergeben. Folge: Favorit auf dem Server gesetzt, Stern blieb leer,
  der nächste Klick nahm ihn wieder weg. Jetzt eine Fassung für beide Fälle,
  inklusive Umsortieren (Favoriten zuerst, wie der Server).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app.js            | 101 ++++++++++++++++++++++++++----------
 static/js/sw.js             |   2 +-
 templates/radio/player.html |   2 +-
 3 files changed, 76 insertions(+), 29 deletions(-)

diff --git a/static/js/app.js b/static/js/app.js
index 804775c..3982b5d 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -541,10 +541,17 @@ async function doSearch() {
   const tableEl = $('search-results-table');
   const tbody = $('search-results-body');
 
-  statusEl.textContent = 'Searching…';
   tableEl.style.display = 'none';
   tbody.innerHTML = '';
 
+  // A stream address instead of a name: offer to play or save it directly.
+  if (/^https?:\/\/\S+$/i.test(query)) {
+    showStreamAddressResult(query);
+    return;
+  }
+
+  statusEl.textContent = 'Searching…';
+
   try {
     const url = `https://de1.api.radio-browser.info/json/stations/search?name=${encodeURIComponent(query)}&limit=50&hidebroken=true&order=clickcount&reverse=true`;
     const res = await fetch(url);
@@ -595,6 +602,65 @@ async function doSearch() {
   }
 }
 
+// A name to start from for a pasted address: "klassik.mp3" on radio.example.org
+// -> "Klassik (radio.example.org)". The query string is left out on purpose —
+// it often carries an access token, which shouldn't end up on screen.
+function _streamAddressName(url) {
+  try {
+    const u = new URL(url);
+    const file = decodeURIComponent(u.pathname.split('/').filter(Boolean).pop() || '');
+    const base = file.replace(/\.(mp3|aac|aacp|ogg|opus|m3u8?|pls|flac)$/i, '').replace(/[-_]+/g, ' ').trim();
+    const nice = base ? base.charAt(0).toUpperCase() + base.slice(1) : '';
+    return nice ? `${nice} (${u.host})` : u.host;
+  } catch (e) {
+    return url;
+  }
+}
+
+function showStreamAddressResult(url) {
+  const statusEl = $('search-status');
+  const tableEl = $('search-results-table');
+  const tbody = $('search-results-body');
+  const name = _streamAddressName(url);
+  const shown = url.split('?')[0];
+  const data = {name, url, bitrate: '', country: '', tags: '', favicon_url: ''};
+
+  statusEl.textContent = 'Stream address';
+  const curated = document.getElementById('curated-lists');
+  if (curated) curated.style.display = 'none';
+
+  // Same five columns as a radio-browser result: name, bitrate, country, tags, actions.
+  const tr = document.createElement('tr');
+  tr.className = 'stream-address-row';
+  for (let i = 0; i < 4; i++) tr.appendChild(document.createElement('td'));
+  tr.children[0].textContent = name;
+  tr.children[0].title = shown;
+  tr.children[3].textContent = shown;
+  tr.children[3].title = shown;
+
+  const actions = document.createElement('td');
+  const play = document.createElement('button');
+  play.className = 'btn btn-sm btn-play';
+  play.innerHTML = '&#9654; Play';
+  play.addEventListener('click', () => searchPlay(url, name, data));
+  const save = document.createElement('button');
+  save.className = 'btn btn-sm';
+  save.innerHTML = '&#9733; Save';
+  save.style.marginLeft = '4px';
+  save.addEventListener('click', async e => {
+    e.stopPropagation();
+    const chosen = await customPrompt('Name for this station', name);
+    if (chosen == null) return;
+    const finalName = chosen.trim() || name;
+    await saveStation({...data, name: finalName});
+    statusEl.textContent = `Saved as "${finalName}".`;
+  });
+  actions.append(play, save);
+  tr.appendChild(actions);
+  tbody.appendChild(tr);
+  tableEl.style.display = '';
+}
+
 function searchPlay(url, name, stationData) {
   // Store station data on the window so saveCurrentStation() can use it
   window._pendingStationData = stationData;
@@ -729,7 +795,11 @@ function addSavedRow(station) {
 // Remove station
 // ---------------------------------------------------------------------------
 
-async function toggleFav(pk) {
+// The only toggleFav: a second definition further down (expecting the button
+// as an argument) used to shadow this one, so the server-rendered rows — which
+// pass no button — toggled the favourite on the server without the star ever
+// changing, and a second click silently took it back.
+async function toggleFav(pk, btnEl) {
   try {
     const res = await fetch(`/radio/favorite/${pk}/`, {
       method: 'POST',
@@ -739,8 +809,8 @@ async function toggleFav(pk) {
     const data = await res.json();
 
     // Flip the star button state
-    const btn = document.querySelector(`#saved-row-${pk} .fav-btn`);
-    if (btn) btn.classList.toggle('active', data.is_favorite);
+    const btn = btnEl || document.querySelector(`#saved-row-${pk} .fav-btn`);
+    if (btn) btn.classList.toggle('active', !!data.is_favorite);
 
     // Re-sort rows in the DOM: favorites first, then alphabetically
     const tbody = $('saved-tbody');
@@ -781,29 +851,6 @@ async function removeStation(pk) {
   }
 }
 
-// ---------------------------------------------------------------------------
-// Toggle favorite
-// ---------------------------------------------------------------------------
-
-async function toggleFav(pk, btnEl) {
-  try {
-    const res = await fetch(`/radio/favorite/${pk}/`, {
-      method: 'POST',
-      headers: { 'X-CSRFToken': getCsrfToken() },
-    });
-    if (res.ok) {
-      const data = await res.json();
-      if (data.is_favorite) {
-        btnEl.classList.add('active');
-      } else {
-        btnEl.classList.remove('active');
-      }
-    }
-  } catch (err) {
-    console.error('toggleFav error:', err);
-  }
-}
-
 // ---------------------------------------------------------------------------
 // Focus Timer
 // ---------------------------------------------------------------------------
diff --git a/static/js/sw.js b/static/js/sw.js
index e20bf19..0068104 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v49';
+const CACHE = 'diora-v50';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 9ac3540..b8dbc5c 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -81,7 +81,7 @@
   <!-- ===== SEARCH SUB-PANEL ===== -->
   <div class="sub-tab-panel" id="tab-search" style="display:none;">
     <div class="search-bar">
-      <input type="text" id="search-input" class="search-input" placeholder="Search radio-browser.info…" onkeydown="if(event.key==='Enter') doSearch()">
+      <input type="text" id="search-input" class="search-input" placeholder="Search radio-browser.info… or paste a stream address" onkeydown="if(event.key==='Enter') doSearch()">
       <button class="btn" onclick="doSearch()">Search</button>
     </div>
     <div class="mood-chips" id="mood-chips"></div>

From 176771a407074bafd2ab10dff1b9d7d7d76567c7 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 07:26:16 +0200
Subject: [PATCH 024/176] Podcasts: Position in der Warteschlange einstellbar;
 Feeds nur noch auf dem Server holen (SW v51)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Warteschlange
- PodcastSettings: wohin neue Folgen kommen, getrennt für Hinzufügen von
  Hand (auch beim Abspielen einer Folge außerhalb der Warteschlange) und
  für automatisch eingereihte neue Folgen: ans Ende, an den Anfang oder
  nach die laufende Folge. Voreinstellung wie bisher (Hand: Ende,
  automatisch: Anfang). GET/POST /podcasts/settings/.
- queue/add nimmt auch mehrere Folgen (episode_ids), eine Position
  (where) und die laufende Folge (current_episode_id); ohne Angabe gilt
  die zuletzt angehörte, nicht fertige Folge als laufende.
- Positionen werden lückenlos neu durchnummeriert.

Feeds
- POST /podcasts/feeds/refresh-all/ aktualisiert alle Feeds des Nutzers
  auf dem Server: Downloads parallel, jede Feed-Adresse nur einmal (auch
  über Nutzer hinweg), mit Timeout; kürzlich aktualisierte werden
  übersprungen. Der stündliche Cron-Job nutzt dasselbe.
- GET /podcasts/state/ liefert Abos, Warteschlange, Inbox und
  Einstellungen in einer Antwort (für die Apps).
- Web: „↻ All“ ist eine Anfrage statt einer pro Feed; die stündliche
  Schleife im Browser lädt nur noch die Listen neu, statt jeden Feed
  selbst anzustoßen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/management/commands/refresh_feeds.py |  11 +-
 podcasts/migrations/0004_podcastsettings.py   |  27 ++
 podcasts/models.py                            |  26 ++
 podcasts/tests.py                             | 196 ++++++++++++
 podcasts/urls.py                              |   3 +
 podcasts/views.py                             | 297 +++++++++++++++---
 static/js/app.js                              |  47 ++-
 static/js/sw.js                               |   2 +-
 8 files changed, 533 insertions(+), 76 deletions(-)
 create mode 100644 podcasts/migrations/0004_podcastsettings.py
 create mode 100644 podcasts/tests.py

diff --git a/podcasts/management/commands/refresh_feeds.py b/podcasts/management/commands/refresh_feeds.py
index 1934a26..1c6f601 100644
--- a/podcasts/management/commands/refresh_feeds.py
+++ b/podcasts/management/commands/refresh_feeds.py
@@ -3,7 +3,7 @@ import sys
 from django.core.management.base import BaseCommand
 
 from podcasts.models import PodcastFeed
-from podcasts.views import _refresh_feed
+from podcasts.views import _refresh_feeds
 
 
 class Command(BaseCommand):
@@ -26,9 +26,6 @@ class Command(BaseCommand):
             self.stdout.write('No feeds to refresh.')
             return
 
-        for feed in qs:
-            try:
-                new_ep = _refresh_feed(feed)
-                self.stdout.write(f'{feed.title}: +{new_ep} episodes')
-            except Exception as e:
-                self.stderr.write(f'ERROR refreshing "{feed.title}" ({feed.rss_url}): {e}')
+        # Parallel downloads, one per distinct feed URL (see _refresh_feeds).
+        refreshed, failed, new = _refresh_feeds(qs)
+        self.stdout.write(f'{refreshed} feeds refreshed, {failed} failed, +{new} episodes')
diff --git a/podcasts/migrations/0004_podcastsettings.py b/podcasts/migrations/0004_podcastsettings.py
new file mode 100644
index 0000000..e93b2eb
--- /dev/null
+++ b/podcasts/migrations/0004_podcastsettings.py
@@ -0,0 +1,27 @@
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ('podcasts', '0003_episodeprogress_dismissed'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+    operations = [
+        migrations.CreateModel(
+            name='PodcastSettings',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('enqueue_position', models.CharField(
+                    choices=[('back', 'Ans Ende'), ('front', 'An den Anfang'), ('after_current', 'Nach der laufenden Folge')],
+                    default='back', max_length=20)),
+                ('auto_queue_position', models.CharField(
+                    choices=[('back', 'Ans Ende'), ('front', 'An den Anfang'), ('after_current', 'Nach der laufenden Folge')],
+                    default='front', max_length=20)),
+                ('user', models.OneToOneField(
+                    on_delete=django.db.models.deletion.CASCADE, related_name='podcast_settings',
+                    to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index e12a3af..a80f060 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -71,3 +71,29 @@ class PodcastQueue(models.Model):
 
     def __str__(self):
         return f'{self.user} queue pos {self.position}: {self.episode}'
+
+class PodcastSettings(models.Model):
+    """A user's podcast preferences. Where episodes go in the queue: when added
+    by hand (also when played from outside the queue), and when a feed with
+    auto_queue brings new ones."""
+    BACK = 'back'
+    FRONT = 'front'
+    AFTER_CURRENT = 'after_current'
+    POSITIONS = [
+        (BACK, 'Ans Ende'),
+        (FRONT, 'An den Anfang'),
+        (AFTER_CURRENT, 'Nach der laufenden Folge'),
+    ]
+
+    user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='podcast_settings')
+    enqueue_position = models.CharField(max_length=20, choices=POSITIONS, default=BACK)
+    # front = how auto-queue always worked before this setting existed
+    auto_queue_position = models.CharField(max_length=20, choices=POSITIONS, default=FRONT)
+
+    @classmethod
+    def for_user(cls, user):
+        obj, _ = cls.objects.get_or_create(user=user)
+        return obj
+
+    def __str__(self):
+        return f'Podcast settings of {self.user}'
diff --git a/podcasts/tests.py b/podcasts/tests.py
new file mode 100644
index 0000000..2828a4c
--- /dev/null
+++ b/podcasts/tests.py
@@ -0,0 +1,196 @@
+import json
+from datetime import datetime, timedelta, timezone
+from unittest.mock import patch
+
+import feedparser
+from django.contrib.auth.models import User
+from django.test import TestCase
+
+from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings
+from .views import _refresh_feed
+
+_parse = feedparser.parse
+
+
+def _rss(items):
+    entries = ''.join(
+        f'<item><guid>{guid}</guid><title>{guid}</title><pubDate>{date}</pubDate>'
+        f'<enclosure url="https://example.org/{guid}.mp3" type="audio/mpeg" length="1"/></item>'
+        for guid, date in items
+    )
+    return f'<?xml version="1.0"?><rss version="2.0"><channel><title>Feed</title>{entries}</channel></rss>'
+
+
+class QueuePositionTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed', title='Feed')
+        base = datetime(2026, 1, 1, tzinfo=timezone.utc)
+        self.eps = [
+            PodcastEpisode.objects.create(
+                feed=self.feed, guid=f'e{i}', title=f'E{i}',
+                audio_url=f'https://example.org/e{i}.mp3', pub_date=base + timedelta(days=i),
+            )
+            for i in range(6)
+        ]
+
+    def queue(self):
+        return list(PodcastQueue.objects.filter(user=self.user).order_by('position').values_list('episode_id', flat=True))
+
+    def add(self, *episodes, **extra):
+        body = {'episode_ids': [e.id for e in episodes], **extra}
+        return self.client.post('/podcasts/queue/add/', json.dumps(body), content_type='application/json')
+
+    def test_default_adds_to_the_back(self):
+        self.add(self.eps[0])
+        self.add(self.eps[1])
+        self.assertEqual(self.queue(), [self.eps[0].id, self.eps[1].id])
+
+    def test_front_from_setting(self):
+        self.add(self.eps[0], self.eps[1])
+        PodcastSettings.objects.update_or_create(user=self.user, defaults={'enqueue_position': 'front'})
+        self.add(self.eps[2])
+        self.assertEqual(self.queue(), [self.eps[2].id, self.eps[0].id, self.eps[1].id])
+
+    def test_after_current_uses_client_hint(self):
+        self.add(self.eps[0], self.eps[1], self.eps[2])
+        self.add(self.eps[3], where='after_current', current_episode_id=self.eps[1].id)
+        self.assertEqual(self.queue(), [e.id for e in (self.eps[0], self.eps[1], self.eps[3], self.eps[2])])
+
+    def test_after_current_falls_back_to_last_listened(self):
+        self.add(self.eps[0], self.eps[1], self.eps[2])
+        EpisodeProgress.objects.create(user=self.user, episode=self.eps[2], position_seconds=30)
+        self.add(self.eps[3], where='after_current')
+        self.assertEqual(self.queue(), [e.id for e in (self.eps[0], self.eps[1], self.eps[2], self.eps[3])])
+
+    def test_after_current_without_current_goes_to_front(self):
+        self.add(self.eps[0])
+        self.add(self.eps[1], where='after_current')
+        self.assertEqual(self.queue(), [self.eps[1].id, self.eps[0].id])
+
+    def test_already_queued_stays_where_it_is(self):
+        self.add(self.eps[0], self.eps[1])
+        r = self.add(self.eps[0], where='front')
+        self.assertFalse(r.json()['created'])
+        self.assertEqual(self.queue(), [self.eps[0].id, self.eps[1].id])
+
+    def test_single_episode_id_still_works(self):
+        r = self.client.post('/podcasts/queue/add/', json.dumps({'episode_id': self.eps[4].id}),
+                             content_type='application/json')
+        self.assertTrue(r.json()['created'])
+        self.assertEqual(self.queue(), [self.eps[4].id])
+
+    def test_other_users_episode_is_not_found(self):
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        feed = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/b', title='B')
+        ep = PodcastEpisode.objects.create(feed=feed, guid='x', title='X', audio_url='https://example.org/x.mp3')
+        r = self.add(ep)
+        self.assertEqual(r.status_code, 404)
+
+    def test_unknown_position_is_rejected(self):
+        self.assertEqual(self.add(self.eps[0], where='middle').status_code, 400)
+
+    def test_settings_roundtrip(self):
+        r = self.client.get('/podcasts/settings/')
+        self.assertEqual(r.json()['enqueue_position'], 'back')
+        self.assertEqual(r.json()['auto_queue_position'], 'front')
+        r = self.client.post('/podcasts/settings/', json.dumps({'auto_queue_position': 'after_current'}),
+                             content_type='application/json')
+        self.assertEqual(r.json()['auto_queue_position'], 'after_current')
+        self.assertEqual(PodcastSettings.objects.get(user=self.user).auto_queue_position, 'after_current')
+        bad = self.client.post('/podcasts/settings/', json.dumps({'enqueue_position': 'nowhere'}),
+                               content_type='application/json')
+        self.assertEqual(bad.status_code, 400)
+
+
+class AutoQueueTests(TestCase):
+    """New episodes of an auto_queue feed land where the user's setting says."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.feed = PodcastFeed.objects.create(
+            user=self.user, rss_url='https://example.org/feed', title='Feed', auto_queue=True,
+        )
+        other = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/o', title='O')
+        self.old = [
+            PodcastEpisode.objects.create(feed=other, guid=f'o{i}', title=f'O{i}', audio_url=f'https://example.org/o{i}.mp3')
+            for i in range(3)
+        ]
+        for i, ep in enumerate(self.old):
+            PodcastQueue.objects.create(user=self.user, episode=ep, position=i)
+        self.rss = _rss([
+            ('new1', 'Mon, 05 Jan 2026 10:00:00 GMT'),
+            ('new2', 'Tue, 06 Jan 2026 10:00:00 GMT'),
+        ])
+
+    def refresh(self):
+        with patch('podcasts.views._fetch_feed', lambda url: _parse(self.rss)):
+            _refresh_feed(self.feed)
+        order = PodcastQueue.objects.filter(user=self.user).order_by('position')
+        return [q.episode.guid for q in order]
+
+    def test_front_is_the_default(self):
+        self.assertEqual(self.refresh(), ['new2', 'new1', 'o0', 'o1', 'o2'])
+
+    def test_back_appends_oldest_first(self):
+        PodcastSettings.objects.create(user=self.user, auto_queue_position='back')
+        self.assertEqual(self.refresh(), ['o0', 'o1', 'o2', 'new1', 'new2'])
+
+    def test_after_current(self):
+        PodcastSettings.objects.create(user=self.user, auto_queue_position='after_current')
+        EpisodeProgress.objects.create(user=self.user, episode=self.old[1], position_seconds=12)
+        self.assertEqual(self.refresh(), ['o0', 'o1', 'new2', 'new1', 'o2'])
+
+    def test_feed_without_auto_queue_queues_nothing(self):
+        self.feed.auto_queue = False
+        self.feed.save()
+        self.assertEqual(self.refresh(), ['o0', 'o1', 'o2'])
+
+
+class RefreshAllTests(TestCase):
+    """One request refreshes all feeds on the server; one request returns the state."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.a = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/a', title='A')
+        self.b = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/b', title='B')
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        self.bobs = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/a', title='A')
+        self.fetched = []
+
+    def fake_fetch(self, url):
+        self.fetched.append(url)
+        if url.endswith('/b'):
+            raise ValueError('broken feed')
+        return _parse(_rss([(url[-1] + '1', 'Mon, 05 Jan 2026 10:00:00 GMT')]))
+
+    def test_refresh_all_reports_counts_and_skips_recent(self):
+        with patch('podcasts.views._fetch_feed', self.fake_fetch):
+            r = self.client.post('/podcasts/feeds/refresh-all/', '{}', content_type='application/json')
+        self.assertEqual(r.json(), {'ok': True, 'refreshed': 1, 'failed': 1, 'new_episodes': 1})
+        self.assertEqual(sorted(self.fetched), ['https://example.org/a', 'https://example.org/b'])
+        # A was just refreshed: a second call within max_age only retries B.
+        self.fetched.clear()
+        with patch('podcasts.views._fetch_feed', self.fake_fetch):
+            self.client.post('/podcasts/feeds/refresh-all/', '{}', content_type='application/json')
+        self.assertEqual(self.fetched, ['https://example.org/b'])
+
+    def test_a_shared_feed_url_is_fetched_once(self):
+        from .views import _refresh_feeds
+        with patch('podcasts.views._fetch_feed', self.fake_fetch):
+            refreshed, failed, new = _refresh_feeds([self.a, self.bobs])
+        self.assertEqual(self.fetched, ['https://example.org/a'])
+        self.assertEqual((refreshed, failed, new), (2, 0, 2))
+
+    def test_state_in_one_response(self):
+        ep = PodcastEpisode.objects.create(feed=self.a, guid='x', title='X', audio_url='https://example.org/x.mp3')
+        PodcastQueue.objects.create(user=self.user, episode=ep, position=0)
+        r = self.client.get('/podcasts/state/')
+        data = r.json()
+        self.assertEqual({f['title'] for f in data['feeds']}, {'A', 'B'})
+        self.assertEqual([q['episode__id'] for q in data['queue']], [ep.id])
+        self.assertEqual([e['id'] for e in data['inbox']], [ep.id])
+        self.assertTrue(data['inbox'][0]['in_queue'])
+        self.assertEqual(data['settings'], {'enqueue_position': 'back', 'auto_queue_position': 'front'})
diff --git a/podcasts/urls.py b/podcasts/urls.py
index 4d7db04..4f65147 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -7,6 +7,8 @@ urlpatterns = [
     path('feeds/add/', views.add_feed, name='podcast_add_feed'),
     path('feeds/import/', views.import_opml, name='podcast_import_opml'),
     path('feeds/refresh/', views.refresh_feed_now, name='podcast_refresh_feed'),
+    path('feeds/refresh-all/', views.refresh_all_feeds, name='podcast_refresh_all_feeds'),
+    path('state/', views.podcast_state, name='podcast_state'),
     path('feeds/<int:pk>/remove/', views.remove_feed, name='podcast_remove_feed'),
     path('feeds/<int:pk>/set-auto-queue/', views.set_auto_queue, name='podcast_set_auto_queue'),
     path('feeds/<int:pk>/episodes/', views.feed_episodes, name='podcast_feed_episodes'),
@@ -14,6 +16,7 @@ urlpatterns = [
     path('queue/add/', views.queue_add, name='podcast_queue_add'),
     path('queue/remove/', views.queue_remove, name='podcast_queue_remove'),
     path('queue/reorder/', views.queue_reorder, name='podcast_queue_reorder'),
+    path('settings/', views.podcast_settings, name='podcast_settings'),
     path('progress/save/', views.save_progress, name='podcast_save_progress'),
     path('progress/mark-played/', views.mark_played, name='podcast_mark_played'),
     path('progress/dismiss/', views.dismiss_episodes, name='podcast_dismiss_episodes'),
diff --git a/podcasts/views.py b/podcasts/views.py
index 299f0e8..5a89f4d 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -1,17 +1,96 @@
 import json
+import logging
 import urllib.parse
+from concurrent.futures import ThreadPoolExecutor
+from datetime import timedelta
 import xml.etree.ElementTree as ET
 
 import feedparser
 import requests
 from django.conf import settings
-from django.db.models import Count, F, Max, Q
+from django.db.models import Max, Q
 from django.http import JsonResponse
 from django.utils import timezone
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
-from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue
+from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings
+
+log = logging.getLogger(__name__)
+
+FEED_TIMEOUT = 20      # seconds per feed download
+FEED_WORKERS = 8       # feeds downloaded at the same time
+
+
+# ---------------------------------------------------------------------------
+# Queue positions
+# ---------------------------------------------------------------------------
+
+QUEUE_POSITIONS = {key for key, _ in PodcastSettings.POSITIONS}
+
+
+def _queue_order(user):
+    """Episode ids in the user's queue, first to last."""
+    return list(
+        PodcastQueue.objects.filter(user=user)
+        .order_by('position', 'added_at', 'id')
+        .values_list('episode_id', flat=True)
+    )
+
+
+def _write_queue_order(user, order):
+    """Renumber the queue 0..n-1 in the given order."""
+    rows = {q.episode_id: q for q in PodcastQueue.objects.filter(user=user)}
+    changed = []
+    for pos, ep_id in enumerate(order):
+        row = rows.get(ep_id)
+        if row is not None and row.position != pos:
+            row.position = pos
+            changed.append(row)
+    if changed:
+        PodcastQueue.objects.bulk_update(changed, ['position'])
+
+
+def _current_episode_id(user, queued, hint=None):
+    """The episode being listened to: the client's word for it, else the
+    queued episode most recently listened to and not finished."""
+    if hint in queued:
+        return hint
+    p = (
+        EpisodeProgress.objects
+        .filter(user=user, episode_id__in=queued, played=False, position_seconds__gt=0)
+        .order_by('-updated_at')
+        .values_list('episode_id', flat=True)
+        .first()
+    )
+    return p
+
+
+def _enqueue(user, episode_ids, where, current_hint=None):
+    """Put episodes that aren't queued yet into the queue at `where`
+    (back, front or after_current), keeping their given order.
+    Returns the ids that were added."""
+    queued = _queue_order(user)
+    present = set(queued)
+    new = []
+    for ep_id in episode_ids:
+        if ep_id not in present and ep_id not in new:
+            new.append(ep_id)
+    if not new:
+        return []
+    if where == PodcastSettings.FRONT:
+        at = 0
+    elif where == PodcastSettings.AFTER_CURRENT:
+        current = _current_episode_id(user, queued, current_hint)
+        at = queued.index(current) + 1 if current in queued else 0
+    else:
+        at = len(queued)
+    PodcastQueue.objects.bulk_create(
+        [PodcastQueue(user=user, episode_id=ep_id, position=len(queued) + i) for i, ep_id in enumerate(new)],
+        ignore_conflicts=True,
+    )
+    _write_queue_order(user, queued[:at] + new + queued[at:])
+    return new
 
 
 # ---------------------------------------------------------------------------
@@ -40,9 +119,53 @@ def _parse_duration(raw):
 # Shared feed refresh helper
 # ---------------------------------------------------------------------------
 
-def _refresh_feed(feed_obj):
+def _fetch_feed(url):
+    """Download and parse a feed (with a timeout, unlike feedparser's own fetch)."""
+    r = requests.get(url, timeout=FEED_TIMEOUT, headers={'User-Agent': 'diora podcast refresh'})
+    r.raise_for_status()
+    return feedparser.parse(r.content, response_headers={'content-location': r.url, **r.headers})
+
+
+def _refresh_feeds(feeds, chunk=32):
+    """Refresh many feeds at once: the downloads run in parallel and each
+    feed URL is fetched once, even when several users subscribed to it; the
+    database writes then happen one by one. Returns (refreshed, failed, new)."""
+    feeds = list(feeds)
+    refreshed = failed = new = 0
+    for start in range(0, len(feeds), chunk):
+        part = feeds[start:start + chunk]
+        urls = sorted({f.rss_url for f in part})
+        results = {}
+
+        def fetch(url):
+            try:
+                return url, _fetch_feed(url), None
+            except Exception as e:  # network, HTTP or parser trouble: report and go on
+                return url, None, e
+
+        with ThreadPoolExecutor(max_workers=min(FEED_WORKERS, len(urls) or 1)) as pool:
+            for url, parsed, err in pool.map(fetch, urls):
+                results[url] = (parsed, err)
+
+        for feed in part:
+            parsed, err = results[feed.rss_url]
+            if err is not None:
+                failed += 1
+                log.warning('refreshing %s failed: %s', feed.rss_url, err)
+                continue
+            try:
+                new += _refresh_feed(feed, parsed)
+                refreshed += 1
+            except Exception as e:
+                failed += 1
+                log.warning('updating %s failed: %s', feed.rss_url, e)
+    return refreshed, failed, new
+
+
+def _refresh_feed(feed_obj, parsed=None):
     """Parse rss_url and upsert episodes. Returns count of new episodes."""
-    parsed = feedparser.parse(feed_obj.rss_url)
+    if parsed is None:
+        parsed = _fetch_feed(feed_obj.rss_url)
     channel = parsed.feed
 
     feed_obj.title = channel.get('title', feed_obj.title or feed_obj.rss_url)[:300]
@@ -123,13 +246,16 @@ def _refresh_feed(feed_obj):
             new_episodes_list.append(episode_obj)
 
     if feed_obj.auto_queue and new_episodes_list:
-        count = len(new_episodes_list)
-        PodcastQueue.objects.filter(user=feed_obj.user).update(position=F('position') + count)
-        for idx, ep_obj in enumerate(new_episodes_list):
-            PodcastQueue.objects.get_or_create(
-                user=feed_obj.user, episode=ep_obj,
-                defaults={'position': idx},
-            )
+        where = PodcastSettings.for_user(feed_obj.user).auto_queue_position
+        # Newest first in front of what's there; oldest first when appended,
+        # so the end of the queue plays in the order the episodes came out.
+        newest_first = sorted(
+            new_episodes_list,
+            key=lambda e: e.pub_date or e.discovered_at,
+            reverse=True,
+        )
+        ordered = newest_first if where != PodcastSettings.BACK else newest_first[::-1]
+        _enqueue(feed_obj.user, [e.id for e in ordered], where)
 
     return new_count
 
@@ -174,8 +300,12 @@ def feed_list(request):
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
 
+    return JsonResponse({'feeds': _feeds_data(request.user)})
+
+
+def _feeds_data(user):
     feeds = list(
-        request.user.podcast_feeds
+        user.podcast_feeds
         .annotate(latest_episode_at=Max('episodes__pub_date'))
         .values('id', 'title', 'artwork_url', 'rss_url', 'last_refreshed_at', 'author', 'added_at', 'auto_queue', 'latest_episode_at')
     )
@@ -187,8 +317,7 @@ def feed_list(request):
             f['added_at'] = f['added_at'].isoformat()
         if f['latest_episode_at']:
             f['latest_episode_at'] = f['latest_episode_at'].isoformat()
-
-    return JsonResponse({'feeds': feeds})
+    return feeds
 
 
 # ---------------------------------------------------------------------------
@@ -404,6 +533,48 @@ def refresh_feed_now(request):
     return JsonResponse({'ok': True, 'new_episodes': new_episodes})
 
 
+@csrf_exempt
+@require_http_methods(['POST'])
+def refresh_all_feeds(request):
+    """Refresh all of the user's feeds on the server in one go. Feeds the
+    hourly job (or an earlier call) refreshed within `max_age` seconds are
+    skipped. Clients then fetch the result once (state/, inbox/ …)."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        body = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    try:
+        max_age = max(int(body.get('max_age', 300)), 0)
+    except (TypeError, ValueError):
+        return JsonResponse({'error': 'max_age must be a number'}, status=400)
+    cutoff = timezone.now() - timedelta(seconds=max_age)
+    feeds = request.user.podcast_feeds.filter(Q(last_refreshed_at__isnull=True) | Q(last_refreshed_at__lt=cutoff))
+    refreshed, failed, new = _refresh_feeds(feeds)
+    return JsonResponse({'ok': True, 'refreshed': refreshed, 'failed': failed, 'new_episodes': new})
+
+
+@csrf_exempt
+def podcast_state(request):
+    """Everything a client shows first, in one response: feeds, queue, the
+    first page of the inbox and the settings."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        limit = min(max(int(request.GET.get('inbox_limit', 100)), 0), 1000)
+    except ValueError:
+        return JsonResponse({'error': 'inbox_limit must be a number'}, status=400)
+    s = PodcastSettings.for_user(request.user)
+    return JsonResponse({
+        'feeds': _feeds_data(request.user),
+        'queue': _queue_data(request.user),
+        'inbox': _inbox_data(request.user, 0, limit),
+        'settings': {'enqueue_position': s.enqueue_position, 'auto_queue_position': s.auto_queue_position},
+        'server_time': timezone.now().isoformat(),
+    })
+
+
 # ---------------------------------------------------------------------------
 # Queue
 # ---------------------------------------------------------------------------
@@ -413,15 +584,21 @@ def queue_get(request):
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
 
+    return JsonResponse({'queue': _queue_data(request.user)})
+
+
+def _queue_data(user):
     items = list(
         PodcastQueue.objects
-        .filter(user=request.user)
+        .filter(user=user)
+        .order_by('position', 'added_at', 'id')
         .select_related('episode__feed')
         .values(
             'id', 'position',
             'episode__id', 'episode__title', 'episode__audio_url',
             'episode__duration_seconds', 'episode__artwork_url',
-            'episode__feed__id', 'episode__feed__title',
+            'episode__feed__id', 'episode__feed__title', 'episode__feed__artwork_url',
+            'episode__pub_date',
         )
     )
 
@@ -429,13 +606,14 @@ def queue_get(request):
     progress_map = {
         p['episode_id']: p['position_seconds']
         for p in EpisodeProgress.objects.filter(
-            user=request.user, episode_id__in=ep_ids,
+            user=user, episode_id__in=ep_ids,
         ).values('episode_id', 'position_seconds')
     }
     for item in items:
         item['position_seconds'] = progress_map.get(item['episode__id'], 0)
-
-    return JsonResponse({'queue': items})
+        if item['episode__pub_date']:
+            item['episode__pub_date'] = item['episode__pub_date'].isoformat()
+    return items
 
 
 @csrf_exempt
@@ -449,19 +627,29 @@ def queue_add(request):
     except (json.JSONDecodeError, ValueError):
         return JsonResponse({'error': 'invalid JSON'}, status=400)
 
-    episode_id = body.get('episode_id')
-    try:
-        episode = PodcastEpisode.objects.get(pk=episode_id, feed__user=request.user)
-    except PodcastEpisode.DoesNotExist:
-        return JsonResponse({'error': 'not found'}, status=404)
+    # One episode (episode_id) or several in order (episode_ids). Where they
+    # go: `where` if given, else the user's setting. `current_episode_id` is
+    # what the client is playing, for after_current.
+    ids = body.get('episode_ids')
+    if ids is None:
+        ids = [body.get('episode_id')]
+    if not isinstance(ids, list):
+        return JsonResponse({'error': 'episode_ids must be a list'}, status=400)
+    where = body.get('where') or PodcastSettings.for_user(request.user).enqueue_position
+    if where not in QUEUE_POSITIONS:
+        return JsonResponse({'error': 'unknown position'}, status=400)
 
-    max_pos = PodcastQueue.objects.filter(user=request.user).count()
-    _, created = PodcastQueue.objects.get_or_create(
-        user=request.user,
-        episode=episode,
-        defaults={'position': max_pos},
+    found = set(
+        PodcastEpisode.objects.filter(pk__in=[i for i in ids if isinstance(i, int)], feed__user=request.user)
+        .values_list('id', flat=True)
     )
-    return JsonResponse({'ok': True, 'created': created})
+    if not found:
+        return JsonResponse({'error': 'not found'}, status=404)
+    added = _enqueue(
+        request.user, [i for i in ids if i in found], where,
+        current_hint=body.get('current_episode_id'),
+    )
+    return JsonResponse({'ok': True, 'created': bool(added), 'added': added})
 
 
 @csrf_exempt
@@ -498,6 +686,35 @@ def queue_reorder(request):
     return JsonResponse({'ok': True})
 
 
+@csrf_exempt
+def podcast_settings(request):
+    """GET the user's podcast settings; POST changes some of them."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    s = PodcastSettings.for_user(request.user)
+    if request.method == 'POST':
+        try:
+            body = json.loads(request.body)
+        except (json.JSONDecodeError, ValueError):
+            return JsonResponse({'error': 'invalid JSON'}, status=400)
+        fields = []
+        for name in ('enqueue_position', 'auto_queue_position'):
+            if name in body:
+                if body[name] not in QUEUE_POSITIONS:
+                    return JsonResponse({'error': f'unknown {name}'}, status=400)
+                setattr(s, name, body[name])
+                fields.append(name)
+        if fields:
+            s.save(update_fields=fields)
+    elif request.method != 'GET':
+        return JsonResponse({'error': 'method not allowed'}, status=405)
+    return JsonResponse({
+        'enqueue_position': s.enqueue_position,
+        'auto_queue_position': s.auto_queue_position,
+        'positions': [{'value': k, 'label': v} for k, v in PodcastSettings.POSITIONS],
+    })
+
+
 # ---------------------------------------------------------------------------
 # Progress
 # ---------------------------------------------------------------------------
@@ -612,19 +829,22 @@ def inbox(request):
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
 
+    limit = min(int(request.GET.get('limit', getattr(settings, 'PODCAST_INBOX_PAGE_SIZE', 200))), 1000)
+    offset = max(int(request.GET.get('offset', 0)), 0)
+    return JsonResponse({'episodes': _inbox_data(request.user, offset, limit), 'offset': offset, 'limit': limit})
+
+
+def _inbox_data(user, offset, limit):
     hidden_ids = set(
         EpisodeProgress.objects.filter(
-            user=request.user,
+            user=user,
         ).filter(
             Q(played=True) | Q(dismissed=True)
         ).values_list('episode_id', flat=True)
     )
 
-    limit = min(int(request.GET.get('limit', getattr(settings, 'PODCAST_INBOX_PAGE_SIZE', 200))), 1000)
-    offset = max(int(request.GET.get('offset', 0)), 0)
-
     episodes = list(
-        PodcastEpisode.objects.filter(feed__user=request.user)
+        PodcastEpisode.objects.filter(feed__user=user)
         .exclude(id__in=hidden_ids)
         .select_related('feed')
         .order_by('-pub_date')
@@ -638,13 +858,13 @@ def inbox(request):
     progress_map = {
         ep['episode_id']: ep
         for ep in EpisodeProgress.objects.filter(
-            user=request.user,
+            user=user,
             episode_id__in=[e['id'] for e in episodes],
         ).values('episode_id', 'position_seconds')
     }
     queued_ids = set(
         PodcastQueue.objects.filter(
-            user=request.user,
+            user=user,
             episode_id__in=[e['id'] for e in episodes],
         ).values_list('episode_id', flat=True)
     )
@@ -654,5 +874,4 @@ def inbox(request):
         prog = progress_map.get(ep['id'], {})
         ep['position_seconds'] = prog.get('position_seconds', 0)
         ep['in_queue'] = ep['id'] in queued_ids
-
-    return JsonResponse({'episodes': episodes, 'offset': offset, 'limit': limit})
+    return episodes
diff --git a/static/js/app.js b/static/js/app.js
index 3982b5d..6d05415 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -2181,44 +2181,33 @@ async function refreshOpenFeed(btn) {
 }
 
 async function refreshAllFeedsBtn(btn) {
-  if (btn) { btn.disabled = true; btn.textContent = '↻ 0/' + podcastFeeds.length; }
-  let done = 0;
-  for (const feed of podcastFeeds) {
-    try {
-      await fetch('/podcasts/feeds/refresh/', {
-        method: 'POST',
-        headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-        body: JSON.stringify({feed_id: feed.id}),
-      });
-    } catch (e) {}
-    done++;
-    if (btn) btn.textContent = `↻ ${done}/${podcastFeeds.length}`;
-  }
-  await loadFeedList();
-  if (podcastCurrentView === 'feeds') renderFeedList();
-  if (podcastCurrentView === 'inbox') loadAndRenderInbox();
-  if (podcastCurrentView === 'episodes' && podcastCurrentFeedId) openFeed(podcastCurrentFeedId);
+  // One request: the server fetches every feed itself (in parallel, each
+  // feed address once) and the lists are then loaded once.
+  if (btn) { btn.disabled = true; btn.textContent = '↻ …'; }
+  try {
+    await fetch('/podcasts/feeds/refresh-all/', {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+      body: JSON.stringify({max_age: 60}),
+    });
+  } catch (e) {}
+  await reloadPodcastViews();
   if (btn) { btn.disabled = false; btn.textContent = '↻ All'; }
 }
 
-async function refreshAllFeeds() {
-  if (!IS_AUTHENTICATED || !podcastFeeds.length) return;
-  for (const feed of podcastFeeds) {
-    try {
-      await fetch('/podcasts/feeds/refresh/', {
-        method: 'POST',
-        headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-        body: JSON.stringify({feed_id: feed.id}),
-      });
-    } catch (e) {}
-  }
-  // Reload feed metadata and refresh the currently open view
+async function reloadPodcastViews() {
   await loadFeedList();
   if (podcastCurrentView === 'feeds') renderFeedList();
   if (podcastCurrentView === 'inbox') loadAndRenderInbox();
   if (podcastCurrentView === 'episodes' && podcastCurrentFeedId) openFeed(podcastCurrentFeedId);
 }
 
+async function refreshAllFeeds() {
+  // The server refreshes all feeds every hour; just pick up what it found.
+  if (!IS_AUTHENTICATED || !podcastFeeds.length) return;
+  await reloadPodcastViews();
+}
+
 async function removeFeed(feedId) {
   if (!await customConfirm('Remove this podcast?', { danger: true })) return;
   try {
diff --git a/static/js/sw.js b/static/js/sw.js
index 0068104..b43fd39 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v50';
+const CACHE = 'diora-v51';
 const PODCAST_CACHE = 'diora-podcast-v1';
 const SHELL = [
   '/static/css/app.css',

From a1e17081c5603c207b6ed047474c07ed5819b62b Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 07:48:45 +0200
Subject: [PATCH 025/176] Podcasts: neues Abo bringt nur die neueste Folge in
 die Inbox
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Beim ersten Abruf eines Feeds (Abonnieren, OPML-Import, gpodder) kam der
ganze Rückkatalog als „neu“ in die Inbox (bei Lage der Nation 200
Folgen). Jetzt zählt nur die neueste; die älteren sind ausgeblendet,
nicht gehört, und stehen weiter in der Folgenliste des Podcasts. Auch
automatisches Einreihen nimmt beim ersten Abruf nur diese eine.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/tests.py | 34 ++++++++++++++++++++++++++++++++++
 podcasts/views.py | 14 ++++++++++++++
 2 files changed, 48 insertions(+)

diff --git a/podcasts/tests.py b/podcasts/tests.py
index 2828a4c..4a0f420 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -111,6 +111,7 @@ class AutoQueueTests(TestCase):
         self.user = User.objects.create_user(username='alice', password='pw12345678')
         self.feed = PodcastFeed.objects.create(
             user=self.user, rss_url='https://example.org/feed', title='Feed', auto_queue=True,
+            last_refreshed_at=datetime(2026, 1, 1, tzinfo=timezone.utc),  # not the first fetch
         )
         other = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/o', title='O')
         self.old = [
@@ -148,6 +149,39 @@ class AutoQueueTests(TestCase):
         self.assertEqual(self.refresh(), ['o0', 'o1', 'o2'])
 
 
+class FirstFetchTests(TestCase):
+    """A new subscription doesn't flood the inbox with its back catalogue."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.rss = _rss([(f'e{i}', f'Mon, {i + 1:02d} Jan 2026 10:00:00 GMT') for i in range(5)])
+
+    def subscribe(self):
+        with patch('podcasts.views._fetch_feed', lambda url: _parse(self.rss)):
+            return self.client.post('/podcasts/feeds/add/', json.dumps({'rss_url': 'https://example.org/f'}),
+                                    content_type='application/json')
+
+    def test_only_the_newest_is_new(self):
+        self.assertEqual(self.subscribe().json()['new_episodes'], 5)
+        inbox = self.client.get('/podcasts/inbox/').json()['episodes']
+        self.assertEqual([e['title'] for e in inbox], ['e4'])
+        # The others are still listed for the podcast, not marked played.
+        feed = PodcastFeed.objects.get(user=self.user)
+        eps = self.client.get(f'/podcasts/feeds/{feed.id}/episodes/').json()['episodes']
+        self.assertEqual(len(eps), 5)
+        self.assertFalse(any(e['played'] for e in eps))
+
+    def test_later_fetches_keep_every_new_episode(self):
+        self.subscribe()
+        feed = PodcastFeed.objects.get(user=self.user)
+        self.rss = _rss([(f'e{i}', f'Mon, {i + 1:02d} Jan 2026 10:00:00 GMT') for i in range(8)])
+        with patch('podcasts.views._fetch_feed', lambda url: _parse(self.rss)):
+            _refresh_feed(feed)
+        inbox = self.client.get('/podcasts/inbox/').json()['episodes']
+        self.assertEqual([e['title'] for e in inbox], ['e7', 'e6', 'e5', 'e4'])
+
+
 class RefreshAllTests(TestCase):
     """One request refreshes all feeds on the server; one request returns the state."""
 
diff --git a/podcasts/views.py b/podcasts/views.py
index 5a89f4d..a651052 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -19,6 +19,7 @@ from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue,
 log = logging.getLogger(__name__)
 
 FEED_TIMEOUT = 20      # seconds per feed download
+NEW_ON_SUBSCRIBE = 1   # episodes of a new subscription that count as new
 FEED_WORKERS = 8       # feeds downloaded at the same time
 
 
@@ -167,6 +168,8 @@ def _refresh_feed(feed_obj, parsed=None):
     if parsed is None:
         parsed = _fetch_feed(feed_obj.rss_url)
     channel = parsed.feed
+    # The first fetch of a new subscription brings the whole back catalogue.
+    first_fetch = feed_obj.last_refreshed_at is None
 
     feed_obj.title = channel.get('title', feed_obj.title or feed_obj.rss_url)[:300]
     feed_obj.description = channel.get('subtitle', channel.get('description', ''))[:2000]
@@ -245,6 +248,17 @@ def _refresh_feed(feed_obj, parsed=None):
             new_count += 1
             new_episodes_list.append(episode_obj)
 
+    if first_fetch and len(new_episodes_list) > NEW_ON_SUBSCRIBE:
+        # Only the newest episodes count as new; the rest stay in the
+        # podcast's episode list, out of the inbox (dismissed, not played).
+        newest_first = sorted(new_episodes_list, key=lambda e: e.pub_date or e.discovered_at, reverse=True)
+        older = newest_first[NEW_ON_SUBSCRIBE:]
+        EpisodeProgress.objects.bulk_create(
+            [EpisodeProgress(user=feed_obj.user, episode=e, dismissed=True) for e in older],
+            ignore_conflicts=True,
+        )
+        new_episodes_list = newest_first[:NEW_ON_SUBSCRIBE]
+
     if feed_obj.auto_queue and new_episodes_list:
         where = PodcastSettings.for_user(feed_obj.user).auto_queue_position
         # Newest first in front of what's there; oldest first when appended,

From f4b8bcc8910c09df759fe61566c9b18ebbce919c Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 07:56:44 +0200
Subject: [PATCH 026/176] =?UTF-8?q?Podcasts:=20Kapitel,=20Shownotes=20und?=
 =?UTF-8?q?=20Transkripte=20f=C3=BCr=20die=20Apps?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Feeds liefern jetzt Podlove-Kapitel (psc:chapters), Podcasting-2.0-Kapitel
  (podcast:chapters, JSON-URL) und Transkripte (podcast:transcript, auch
  mehrere); als Beschreibung wird content:encoded bevorzugt.
- Bekannte Folgen werden beim Aktualisieren nachgezogen, aber nur die Zeilen,
  die sich wirklich geändert haben.
- Neuer Endpunkt GET /podcasts/episodes/<id>/ mit bereinigten Shownotes,
  Zeitmarken, Kapiteln, Transkripten und Fortschritt. JSON-Kapitel werden
  einmal serverseitig geholt (nur öffentliche Adressen, max. 1 MB) und an
  der Folge gespeichert.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/chapters.py                          | 166 ++++++++++
 podcasts/feedext.py                           |  43 +++
 .../0005_episode_chapters_transcripts.py      |  33 ++
 podcasts/models.py                            |   9 +
 podcasts/shownotes.py                         | 209 ++++++++++++
 podcasts/tests.py                             | 305 ++++++++++++++++++
 podcasts/urls.py                              |   1 +
 podcasts/views.py                             | 174 +++++++++-
 8 files changed, 938 insertions(+), 2 deletions(-)
 create mode 100644 podcasts/chapters.py
 create mode 100644 podcasts/feedext.py
 create mode 100644 podcasts/migrations/0005_episode_chapters_transcripts.py
 create mode 100644 podcasts/shownotes.py

diff --git a/podcasts/chapters.py b/podcasts/chapters.py
new file mode 100644
index 0000000..3888489
--- /dev/null
+++ b/podcasts/chapters.py
@@ -0,0 +1,166 @@
+"""Podcast chapters: Podlove Simple Chapters from the feed, and Podcasting 2.0
+JSON chapters fetched from the URL a feed points to.
+
+Both end up in one shape, a list sorted by start time:
+    [{"start": 62.5, "title": "…", "url": "https://…", "img": "https://…"}]
+url and img only when present.
+
+The JSON file lives on a server the feed's author chose, so fetching it is an
+SSRF surface like the WebDAV import, and it reuses that module's guards:
+public addresses only (checked before connecting and again on the connected
+socket), redirects followed by hand with each hop re-checked, and a size cap.
+"""
+
+import json
+import re
+from urllib.parse import urljoin
+
+import requests
+
+from accounts.webdav import WebDAVError, WebDAVInputError, _assert_peer_is_safe, _read_capped, assert_safe_url
+
+MAX_CHAPTERS = 500
+MAX_TITLE = 500
+MAX_URL = 1000
+CHAPTERS_TIMEOUT = 10          # seconds
+CHAPTERS_MAX_BYTES = 1024 * 1024
+CHAPTERS_MAX_REDIRECTS = 3
+
+_SCHEMES = ('http://', 'https://')
+
+
+def _clean_url(value):
+    value = (value or '').strip() if isinstance(value, str) else ''
+    if value.lower().startswith(_SCHEMES) and len(value) <= MAX_URL:
+        return value
+    return ''
+
+
+def _chapter(start, title, url='', img=''):
+    """One normalised chapter, or None if the start isn't a usable time."""
+    try:
+        start = float(start)
+    except (TypeError, ValueError):
+        return None
+    if start != start or start < 0 or start == float('inf'):  # NaN, negative, inf
+        return None
+    ch = {'start': round(start, 3), 'title': ' '.join(str(title or '').split())[:MAX_TITLE]}
+    url, img = _clean_url(url), _clean_url(img)
+    if url:
+        ch['url'] = url
+    if img:
+        ch['img'] = img
+    return ch
+
+
+def _finish(chapters):
+    chapters = [c for c in chapters if c is not None]
+    chapters.sort(key=lambda c: c['start'])
+    return chapters[:MAX_CHAPTERS]
+
+
+# ---------------------------------------------------------------------------
+# Podlove Simple Chapters (inline in the feed)
+# ---------------------------------------------------------------------------
+
+# "1:02:03.500", "01:02:03", "02:03", "123.5" (normal play time, as PSC uses)
+_NPT = re.compile(r'^\s*(?:(?:(\d+):)?(\d{1,2}):)?(\d+(?:\.\d+)?)\s*$')
+
+
+def parse_npt(value):
+    """Seconds (float) from a PSC start time, or None."""
+    m = _NPT.match(str(value or ''))
+    if not m:
+        return None
+    hours, minutes, seconds = m.groups()
+    return int(hours or 0) * 3600 + int(minutes or 0) * 60 + float(seconds)
+
+
+def from_psc(entry):
+    """Chapters from feedparser's entry["psc_chapters"], [] if there are none."""
+    raw = (entry.get('psc_chapters') or {}).get('chapters') or []
+    return _finish(
+        _chapter(parse_npt(c.get('start')), c.get('title'), c.get('href'), c.get('image'))
+        for c in raw
+    )
+
+
+# ---------------------------------------------------------------------------
+# Podcasting 2.0 JSON chapters (fetched)
+# ---------------------------------------------------------------------------
+
+def from_json(data):
+    """Normalise a JSON chapters document (https://github.com/Podcastindex-org/
+    podcast-namespace/blob/main/chapters/jsonChapters.md)."""
+    raw = data.get('chapters') if isinstance(data, dict) else None
+    if not isinstance(raw, list):
+        raise ValueError('no chapters list')
+    chapters = []
+    for c in raw:
+        if not isinstance(c, dict):
+            continue
+        # toc: false = "don't show this one to the user" (e.g. art changes).
+        if c.get('toc') is False:
+            continue
+        chapters.append(_chapter(c.get('startTime'), c.get('title'), c.get('url'), c.get('img')))
+    return _finish(chapters)
+
+
+class ChaptersUnavailable(Exception):
+    """The chapters can't be loaded right now; worth trying again later."""
+
+
+class ChaptersInvalid(Exception):
+    """The chapters URL is unusable for good (blocked, missing, not chapters)."""
+
+
+def fetch_json(url):
+    """Download and parse the JSON at `url`.
+
+    Raises ChaptersInvalid for permanent problems and ChaptersUnavailable for
+    ones that may go away (network trouble, server errors).
+    """
+    for _ in range(CHAPTERS_MAX_REDIRECTS + 1):
+        try:
+            assert_safe_url(url)
+        except WebDAVInputError as e:
+            raise ChaptersInvalid(str(e))
+        try:
+            r = requests.get(
+                url, timeout=CHAPTERS_TIMEOUT, allow_redirects=False, stream=True,
+                headers={'User-Agent': 'diora podcast chapters', 'Accept': 'application/json'},
+            )
+        except requests.RequestException as e:
+            raise ChaptersUnavailable(e.__class__.__name__)
+        try:
+            _assert_peer_is_safe(r)
+            if r.status_code in (301, 302, 303, 307, 308):
+                location = r.headers.get('Location')
+                if not location:
+                    raise ChaptersInvalid('redirect without a location')
+                url = urljoin(url, location)
+                continue
+            if r.status_code >= 500 or r.status_code == 429:
+                raise ChaptersUnavailable(f'HTTP {r.status_code}')
+            if r.status_code >= 400:
+                raise ChaptersInvalid(f'HTTP {r.status_code}')
+            body = _read_capped(r, CHAPTERS_MAX_BYTES, lambda: ChaptersInvalid('too large'))
+        except WebDAVInputError as e:
+            raise ChaptersInvalid(str(e))
+        except WebDAVError as e:  # transfer broke off in _read_capped
+            raise ChaptersUnavailable(str(e))
+        finally:
+            r.close()
+        try:
+            return json.loads(body)
+        except ValueError:
+            raise ChaptersInvalid('not JSON')
+    raise ChaptersInvalid('too many redirects')
+
+
+def fetch(url):
+    """Normalised chapters from a Podcasting 2.0 chapters URL."""
+    try:
+        return from_json(fetch_json(url))
+    except ValueError:
+        raise ChaptersInvalid('not a chapters document')
diff --git a/podcasts/feedext.py b/podcasts/feedext.py
new file mode 100644
index 0000000..33061a1
--- /dev/null
+++ b/podcasts/feedext.py
@@ -0,0 +1,43 @@
+"""Teach feedparser the Podcasting 2.0 tags we read.
+
+feedparser 6 doesn't know the podcast namespace. Unknown tags still come
+through, but only under whatever prefix the feed happened to declare, and an
+unknown tag with attributes is stored as a single dict, so a second
+<podcast:transcript> overwrites the first. Registering the namespace fixes the
+prefix ("podcast_…" for every feed); the handler below keeps every
+transcript in a list, entry["podcast_transcripts"].
+
+podcast:chapters is left to feedparser's default handling, which gives
+entry["podcast_chapters"] = {"url": …, "type": …} (one per item, as the spec
+says).
+"""
+
+from feedparser.mixin import _FeedParserMixin as FeedParserMixin
+from feedparser.util import FeedParserDict
+
+PODCAST_NAMESPACES = (
+    'https://podcastindex.org/namespace/1.0',
+    # The URL the namespace was announced under; some early feeds still use it.
+    'https://github.com/podcastindex-org/podcast-namespace/blob/main/docs/1.0.md',
+)
+
+
+def _start_podcast_transcript(self, attrs_d):
+    context = self._get_context()
+    context.setdefault('podcast_transcripts', []).append(FeedParserDict(attrs_d))
+
+
+def _end_podcast_transcript(self):
+    pass
+
+
+def install():
+    """Idempotent; called when podcasts.views is imported."""
+    for uri in PODCAST_NAMESPACES:
+        FeedParserMixin.namespaces.setdefault(uri, 'podcast')
+        # Filled lazily from `namespaces` by the first parser; once it has
+        # been, later additions have to go in here directly.
+        if FeedParserMixin._matchnamespaces:
+            FeedParserMixin._matchnamespaces.setdefault(uri.lower(), 'podcast')
+    FeedParserMixin._start_podcast_transcript = _start_podcast_transcript
+    FeedParserMixin._end_podcast_transcript = _end_podcast_transcript
diff --git a/podcasts/migrations/0005_episode_chapters_transcripts.py b/podcasts/migrations/0005_episode_chapters_transcripts.py
new file mode 100644
index 0000000..426d83d
--- /dev/null
+++ b/podcasts/migrations/0005_episode_chapters_transcripts.py
@@ -0,0 +1,33 @@
+# Generated by Django 6.1 on 2026-10-02 05:53
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0004_podcastsettings'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastepisode',
+            name='chapters',
+            field=models.JSONField(blank=True, default=list),
+        ),
+        migrations.AddField(
+            model_name='podcastepisode',
+            name='chapters_fetched_at',
+            field=models.DateTimeField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name='podcastepisode',
+            name='chapters_url',
+            field=models.URLField(blank=True, max_length=1000),
+        ),
+        migrations.AddField(
+            model_name='podcastepisode',
+            name='transcripts',
+            field=models.JSONField(blank=True, default=list),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index a80f060..d63e427 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -34,6 +34,15 @@ class PodcastEpisode(models.Model):
     season_number = models.IntegerField(null=True, blank=True)
     artwork_url = models.URLField(max_length=1000, blank=True)
     discovered_at = models.DateTimeField(auto_now_add=True)
+    # Podcasting 2.0 <podcast:chapters url=…>: a JSON file, loaded on demand.
+    chapters_url = models.URLField(max_length=1000, blank=True)
+    # [{start: seconds, title, url?, img?}], from Podlove Simple Chapters in
+    # the feed, or the JSON at chapters_url once it has been fetched.
+    chapters = models.JSONField(default=list, blank=True)
+    # When chapters_url was fetched into `chapters`; null = not yet.
+    chapters_fetched_at = models.DateTimeField(null=True, blank=True)
+    # [{url, type, language}] from <podcast:transcript>.
+    transcripts = models.JSONField(default=list, blank=True)
 
     class Meta:
         unique_together = ('feed', 'guid')
diff --git a/podcasts/shownotes.py b/podcasts/shownotes.py
new file mode 100644
index 0000000..3740e3d
--- /dev/null
+++ b/podcasts/shownotes.py
@@ -0,0 +1,209 @@
+"""Shownotes HTML: an allowlist sanitizer and timestamp extraction.
+
+Feed HTML is written by whoever runs the podcast, so it is untrusted. feedparser
+already cleans it once while parsing, but the apps render what this server hands
+out in web views, so we clean it again on the way out with a deliberately small
+allowlist: unknown tags are dropped (their text kept), script-like tags are
+dropped with their content, and only a handful of attributes survive, with
+links limited to http(s)/mailto.
+"""
+
+import html
+import re
+from html.parser import HTMLParser
+
+ALLOWED_TAGS = {
+    'a', 'abbr', 'b', 'blockquote', 'br', 'cite', 'code', 'dd', 'del', 'div', 'dl', 'dt',
+    'em', 'figcaption', 'figure', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'hr', 'i', 'img',
+    'ins', 'li', 'mark', 'ol', 'p', 'pre', 'q', 's', 'small', 'span', 'strong', 'sub',
+    'sup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'time', 'tr', 'u', 'ul',
+}
+VOID_TAGS = {'br', 'hr', 'img'}
+# Dropped together with everything inside them.
+DROP_CONTENT_TAGS = {
+    'script', 'style', 'iframe', 'object', 'embed', 'noscript', 'template', 'svg',
+    'math', 'head', 'title', 'frameset', 'frame', 'applet', 'audio', 'video', 'canvas',
+    'select', 'textarea', 'button',
+}
+ALLOWED_ATTRS = {
+    'a': {'href', 'title'},
+    'img': {'src', 'alt', 'title', 'width', 'height'},
+    'td': {'colspan', 'rowspan'},
+    'th': {'colspan', 'rowspan'},
+    'abbr': {'title'},
+    'time': {'datetime'},
+    'ol': {'start'},
+}
+URL_ATTRS = {'href', 'src'}
+LINK_SCHEMES = {'http', 'https', 'mailto'}
+IMAGE_SCHEMES = {'http', 'https'}
+
+_CONTROL_AND_SPACE = re.compile(r'[\x00-\x20\x7f]+')
+_SCHEME = re.compile(r'^([a-z][a-z0-9+.\-]*):')
+
+
+def _safe_url(value, schemes):
+    """The URL if it is absolute with an allowed scheme, else None.
+
+    Browsers ignore whitespace and control characters inside a scheme
+    ("java\\tscript:"), so those are removed before looking at it.
+    """
+    compact = _CONTROL_AND_SPACE.sub('', value or '')
+    m = _SCHEME.match(compact.lower())
+    if not m or m.group(1) not in schemes:
+        return None
+    return value.strip()
+
+
+class _Sanitizer(HTMLParser):
+    def __init__(self):
+        super().__init__(convert_charrefs=True)
+        self.out = []
+        self.open = []     # allowed tags currently open, outermost first
+        self.dropping = 0  # depth inside DROP_CONTENT_TAGS
+
+    def handle_starttag(self, tag, attrs):
+        self._start(tag, attrs, closed=False)
+
+    def handle_startendtag(self, tag, attrs):
+        self._start(tag, attrs, closed=True)
+
+    def _start(self, tag, attrs, closed):
+        if tag in DROP_CONTENT_TAGS:
+            if not closed:
+                self.dropping += 1
+            return
+        if self.dropping or tag not in ALLOWED_TAGS:
+            return
+        kept = []
+        allowed = ALLOWED_ATTRS.get(tag, set())
+        for name, value in attrs:
+            name = name.lower()
+            if name not in allowed or value is None:
+                continue
+            if name in URL_ATTRS:
+                value = _safe_url(value, IMAGE_SCHEMES if tag == 'img' else LINK_SCHEMES)
+                if value is None:
+                    continue
+            kept.append((name, value))
+        if tag == 'img' and not any(n == 'src' for n, _ in kept):
+            return
+        if tag == 'a':
+            kept.append(('rel', 'nofollow noopener noreferrer'))
+        attr_text = ''.join(f' {n}="{html.escape(v, quote=True)}"' for n, v in kept)
+        self.out.append(f'<{tag}{attr_text}>')
+        if tag not in VOID_TAGS and not closed:
+            self.open.append(tag)
+
+    def handle_endtag(self, tag):
+        if tag in DROP_CONTENT_TAGS:
+            if self.dropping:
+                self.dropping -= 1
+            return
+        if self.dropping or tag not in self.open:
+            return
+        # Close everything opened inside it too, so the output stays nested.
+        while self.open:
+            t = self.open.pop()
+            self.out.append(f'</{t}>')
+            if t == tag:
+                break
+
+    def handle_data(self, data):
+        if not self.dropping:
+            self.out.append(html.escape(data, quote=False))
+
+    def result(self):
+        self.close()
+        while self.open:
+            self.out.append(f'</{self.open.pop()}>')
+        return ''.join(self.out)
+
+
+def sanitize_html(text):
+    """Return `text` reduced to the allowlist above."""
+    if not text:
+        return ''
+    s = _Sanitizer()
+    s.feed(text)
+    return s.result()
+
+
+# ---------------------------------------------------------------------------
+# Plain text and timestamps
+# ---------------------------------------------------------------------------
+
+_BLOCK_TAGS = {
+    'br', 'p', 'div', 'li', 'tr', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'blockquote',
+    'pre', 'dd', 'dt', 'hr', 'table', 'ul', 'ol', 'figure', 'figcaption',
+}
+
+
+class _TextExtractor(HTMLParser):
+    def __init__(self):
+        super().__init__(convert_charrefs=True)
+        self.out = []
+        self.dropping = 0
+
+    def handle_starttag(self, tag, attrs):
+        if tag in DROP_CONTENT_TAGS:
+            self.dropping += 1
+        elif tag in _BLOCK_TAGS:
+            self.out.append('\n')
+
+    def handle_startendtag(self, tag, attrs):
+        if tag in _BLOCK_TAGS:
+            self.out.append('\n')
+
+    def handle_endtag(self, tag):
+        if tag in DROP_CONTENT_TAGS:
+            self.dropping = max(self.dropping - 1, 0)
+        elif tag in _BLOCK_TAGS:
+            self.out.append('\n')
+
+    def handle_data(self, data):
+        if not self.dropping:
+            self.out.append(data)
+
+
+def html_to_text(text):
+    """Shownotes as plain text, one line per block/line break."""
+    if not text:
+        return ''
+    p = _TextExtractor()
+    p.feed(text)
+    p.close()
+    return ''.join(p.out)
+
+
+# A time at the start of a line, optionally in brackets, then the label:
+# "12:34 Intro", "(1:02:03) - Fragen", "[00:05] Begrüßung".
+_TIMESTAMP_LINE = re.compile(
+    r'^[\s\-*•·]*[(\[]?(?:(\d{1,2}):)?(\d{1,2}):(\d{2})(?:\.\d+)?[)\]]?(?=\s|$|[-–—:|])'
+    r'\s*[-–—:|]?\s*(.*)$'
+)
+MAX_TIMESTAMPS = 300
+
+
+def extract_timestamps(text, duration_seconds=0):
+    """[{seconds, label}] for lines of the shownotes that start with a time.
+
+    Only line starts are looked at: a time in the middle of a sentence is just
+    as likely to be a time of day.
+    """
+    result = []
+    for line in html_to_text(text).splitlines():
+        m = _TIMESTAMP_LINE.match(line)
+        if not m:
+            continue
+        hours, minutes, seconds, label = m.groups()
+        minutes, seconds = int(minutes), int(seconds)
+        if seconds >= 60 or (hours is not None and minutes >= 60):
+            continue
+        total = int(hours or 0) * 3600 + minutes * 60 + seconds
+        if duration_seconds and total > duration_seconds:
+            continue
+        result.append({'seconds': total, 'label': ' '.join(label.split())[:300]})
+        if len(result) >= MAX_TIMESTAMPS:
+            break
+    return result
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 4a0f420..65e03ce 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -228,3 +228,308 @@ class RefreshAllTests(TestCase):
         self.assertEqual([e['id'] for e in data['inbox']], [ep.id])
         self.assertTrue(data['inbox'][0]['in_queue'])
         self.assertEqual(data['settings'], {'enqueue_position': 'back', 'auto_queue_position': 'front'})
+
+
+# ---------------------------------------------------------------------------
+# Shownotes, chapters, transcripts
+# ---------------------------------------------------------------------------
+
+NS = (
+    'xmlns:podcast="https://podcastindex.org/namespace/1.0" '
+    'xmlns:psc="http://podlove.org/simple-chapters" '
+    'xmlns:content="http://purl.org/rss/1.0/modules/content/" '
+    'xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"'
+)
+
+
+def _rich_rss(items, ns=NS):
+    """Like _rss, but each item is (guid, extra XML inside the <item>)."""
+    entries = ''.join(
+        f'<item><guid>{guid}</guid><title>{guid}</title><pubDate>Mon, 05 Jan 2026 10:00:00 GMT</pubDate>'
+        f'<enclosure url="https://example.org/{guid}.mp3" type="audio/mpeg" length="1"/>{extra}</item>'
+        for guid, extra in items
+    )
+    return f'<?xml version="1.0"?><rss version="2.0" {ns}><channel><title>Feed</title>{entries}</channel></rss>'
+
+
+PSC = (
+    '<psc:chapters version="1.2">'
+    '<psc:chapter start="00:00:00" title="Intro"/>'
+    '<psc:chapter start="00:01:02.500" title="Teil &amp; zwei" href="https://x.org/2" image="https://x.org/2.jpg"/>'
+    '<psc:chapter start="1:02:03" title="Drei"/>'
+    '<psc:chapter start="12:05" title="Kurz"/>'
+    '</psc:chapters>'
+)
+TRANSCRIPTS = (
+    '<podcast:transcript url="https://example.org/a.vtt" type="text/vtt" language="de"/>'
+    '<podcast:transcript url="https://example.org/a.srt" type="application/srt" rel="captions"/>'
+    '<podcast:transcript url="javascript:alert(1)" type="text/html"/>'
+)
+CHAPTERS_JSON = {
+    'version': '1.2.0',
+    'chapters': [
+        {'startTime': 95.5, 'title': 'Zweites', 'url': 'https://x.org/b', 'img': 'https://x.org/b.jpg'},
+        {'startTime': 0, 'title': 'Erstes'},
+        {'startTime': 50, 'title': 'Nur Bild', 'toc': False},
+        {'startTime': 'kaputt', 'title': 'Ungültig'},
+        {'startTime': 120, 'title': 'Link', 'url': 'javascript:alert(1)'},
+    ],
+}
+
+
+class FeedExtrasParsingTests(TestCase):
+    """What feedparser (6.0.x) hands us for these tags, and what we store."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed', title='Feed')
+
+    def refresh(self, rss):
+        with patch('podcasts.views._fetch_feed', lambda url: _parse(rss)):
+            _refresh_feed(self.feed)
+
+    def test_feedparser_keys(self):
+        import podcasts.views  # noqa: F401 -- installs the feedparser extension
+        rss = _rich_rss([('a', PSC + TRANSCRIPTS + '<podcast:chapters url="https://x.org/c.json" '
+                                'type="application/json+chapters"/>')])
+        entry = _parse(rss).entries[0]
+        self.assertEqual(entry['podcast_chapters']['url'], 'https://x.org/c.json')
+        self.assertEqual([t['url'] for t in entry['podcast_transcripts']],
+                         ['https://example.org/a.vtt', 'https://example.org/a.srt', 'javascript:alert(1)'])
+        self.assertEqual(entry['psc_chapters']['chapters'][1]['start'], '00:01:02.500')
+
+    def test_other_prefix_for_the_podcast_namespace(self):
+        ns = NS.replace('xmlns:podcast=', 'xmlns:pc=')
+        rss = _rich_rss([('a', '<pc:transcript url="https://example.org/a.vtt" type="text/vtt"/>'
+                               '<pc:chapters url="https://x.org/c.json" type="application/json+chapters"/>')], ns)
+        self.refresh(rss)
+        ep = PodcastEpisode.objects.get()
+        self.assertEqual(ep.chapters_url, 'https://x.org/c.json')
+        self.assertEqual(ep.transcripts, [{'url': 'https://example.org/a.vtt', 'type': 'text/vtt', 'language': ''}])
+
+    def test_psc_chapters(self):
+        self.refresh(_rich_rss([('a', PSC)]))
+        ep = PodcastEpisode.objects.get()
+        self.assertEqual(ep.chapters, [
+            {'start': 0.0, 'title': 'Intro'},
+            {'start': 62.5, 'title': 'Teil & zwei', 'url': 'https://x.org/2', 'img': 'https://x.org/2.jpg'},
+            {'start': 725.0, 'title': 'Kurz'},
+            {'start': 3723.0, 'title': 'Drei'},
+        ])
+        self.assertEqual(ep.chapters_url, '')
+
+    def test_transcripts_and_chapters_url(self):
+        self.refresh(_rich_rss([('a', TRANSCRIPTS + '<podcast:chapters url="https://x.org/c.json" '
+                                      'type="application/json+chapters"/>')]))
+        ep = PodcastEpisode.objects.get()
+        self.assertEqual(ep.transcripts, [
+            {'url': 'https://example.org/a.vtt', 'type': 'text/vtt', 'language': 'de'},
+            {'url': 'https://example.org/a.srt', 'type': 'application/srt', 'language': ''},
+        ])
+        self.assertEqual(ep.chapters_url, 'https://x.org/c.json')
+        self.assertEqual(ep.chapters, [])
+        self.assertIsNone(ep.chapters_fetched_at)
+
+    def test_content_encoded_is_preferred(self):
+        self.refresh(_rich_rss([
+            ('a', '<description>Kurz</description>'
+                  '<content:encoded><![CDATA[<p>Lang <a href="https://x.org">Link</a></p>]]></content:encoded>'),
+            ('b', '<description>Nur kurz</description>'),
+        ]))
+        self.assertIn('Lang', PodcastEpisode.objects.get(guid='a').description)
+        self.assertEqual(PodcastEpisode.objects.get(guid='b').description, 'Nur kurz')
+
+    def test_existing_episodes_are_updated(self):
+        self.refresh(_rich_rss([('a', '<description>Alt</description>'), ('b', '<description>Gleich</description>')]))
+        a, b = PodcastEpisode.objects.get(guid='a'), PodcastEpisode.objects.get(guid='b')
+        rss = _rich_rss([
+            ('a', '<description>Neu</description>' + PSC + TRANSCRIPTS),
+            ('b', '<description>Gleich</description>'),
+        ])
+        with patch('podcasts.views.PodcastEpisode.objects.bulk_update',
+                   wraps=PodcastEpisode.objects.bulk_update) as bulk:
+            self.refresh(rss)
+        # Only the episode that changed is written.
+        self.assertEqual([e.guid for e in bulk.call_args.args[0]], ['a'])
+        a.refresh_from_db()
+        self.assertEqual(a.description, 'Neu')
+        self.assertEqual(len(a.chapters), 4)
+        self.assertEqual(len(a.transcripts), 2)
+        self.assertEqual(PodcastEpisode.objects.count(), 2)
+        # Nothing changed: nothing written.
+        with patch('podcasts.views.PodcastEpisode.objects.bulk_update') as bulk:
+            self.refresh(rss)
+        bulk.assert_not_called()
+
+    def test_fetched_chapters_survive_a_refresh_until_the_url_changes(self):
+        tag = '<podcast:chapters url="https://x.org/{}.json" type="application/json+chapters"/>'
+        self.refresh(_rich_rss([('a', tag.format('c1'))]))
+        fetched = datetime(2026, 1, 2, tzinfo=timezone.utc)
+        PodcastEpisode.objects.update(chapters=[{'start': 0.0, 'title': 'X'}], chapters_fetched_at=fetched)
+        self.refresh(_rich_rss([('a', tag.format('c1'))]))
+        ep = PodcastEpisode.objects.get()
+        self.assertEqual(ep.chapters, [{'start': 0.0, 'title': 'X'}])
+        self.assertEqual(ep.chapters_fetched_at, fetched)
+        self.refresh(_rich_rss([('a', tag.format('c2'))]))
+        ep.refresh_from_db()
+        self.assertEqual((ep.chapters_url, ep.chapters, ep.chapters_fetched_at), ('https://x.org/c2.json', [], None))
+
+
+class ShownotesTests(TestCase):
+    def test_sanitizer(self):
+        from .shownotes import sanitize_html
+        dirty = (
+            '<p onclick="steal()">Hallo <a href="https://x.org/a?b=1&amp;c=2" onmouseover="x()" target="_top">Link</a>'
+            '<script>alert(1)</script><style>p{}</style><iframe src="https://evil.org">drin</iframe>'
+            '<a href="javascript:alert(1)">böse</a><a href=" JaVa\tScript:alert(1)">auch</a>'
+            '<img src="data:image/png;base64,AAA"><img src="https://x.org/i.png" onerror="x()">'
+            '<unknown>Text bleibt</unknown><b>offen'
+        )
+        self.assertEqual(
+            sanitize_html(dirty),
+            '<p>Hallo <a href="https://x.org/a?b=1&amp;c=2" rel="nofollow noopener noreferrer">Link</a>'
+            '<a rel="nofollow noopener noreferrer">böse</a><a rel="nofollow noopener noreferrer">auch</a>'
+            '<img src="https://x.org/i.png">Text bleibt<b>offen</b></p>',
+        )
+        self.assertEqual(sanitize_html('1 &lt; 2 &amp;&amp; <i>3</i>'), '1 &lt; 2 &amp;&amp; <i>3</i>')
+        self.assertEqual(sanitize_html('<a href="mailto:a@b.org">Mail</a>'),
+                         '<a href="mailto:a@b.org" rel="nofollow noopener noreferrer">Mail</a>')
+
+    def test_timestamps(self):
+        from .shownotes import extract_timestamps
+        notes = (
+            '<p>Kapitel:<br>00:00 Intro<br>(12:34) - Thema eins<br>1:02:03 Zum Schluss</p>'
+            '<ul><li>[05:07] Liste</li><li>Um 20:15 geht es los</li><li>99:99 kaputt</li></ul>'
+        )
+        self.assertEqual(extract_timestamps(notes), [
+            {'seconds': 0, 'label': 'Intro'},
+            {'seconds': 754, 'label': 'Thema eins'},
+            {'seconds': 3723, 'label': 'Zum Schluss'},
+            {'seconds': 307, 'label': 'Liste'},
+        ])
+        self.assertEqual(len(extract_timestamps(notes, duration_seconds=1000)), 3)
+
+
+class _FakeResponse:
+    def __init__(self, body=b'', status=200, headers=None):
+        self.body, self.status_code, self.headers = body, status, headers or {}
+        self.raw = None
+
+    def iter_content(self, chunk_size=1):
+        yield self.body
+
+    def close(self):
+        pass
+
+
+class EpisodeDetailTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed', title='Feed',
+                                               artwork_url='https://example.org/art.jpg')
+        self.ep = PodcastEpisode.objects.create(
+            feed=self.feed, guid='a', title='A', audio_url='https://example.org/a.mp3', duration_seconds=3600,
+            pub_date=datetime(2026, 1, 5, 10, tzinfo=timezone.utc),
+            description='<p>Hallo<script>alert(1)</script><br>01:02 Thema <a href="https://x.org">x</a></p>',
+            transcripts=[{'url': 'https://example.org/a.vtt', 'type': 'text/vtt', 'language': 'de'}],
+            chapters_url='https://x.org/c.json',
+        )
+        self.requests = []
+
+    def fake_get(self, url, **kwargs):
+        self.requests.append(url)
+        return _FakeResponse(json.dumps(CHAPTERS_JSON).encode())
+
+    def get(self, ep=None):
+        with patch('podcasts.chapters.assert_safe_url'), patch('podcasts.chapters.requests.get', self.fake_get):
+            return self.client.get(f'/podcasts/episodes/{(ep or self.ep).id}/')
+
+    def test_detail(self):
+        EpisodeProgress.objects.create(user=self.user, episode=self.ep, position_seconds=42)
+        r = self.get()
+        self.assertEqual(r.status_code, 200)
+        data = r.json()
+        self.assertEqual(data['description'], '<p>Hallo<br>01:02 Thema <a href="https://x.org" '
+                                              'rel="nofollow noopener noreferrer">x</a></p>')
+        self.assertEqual(data['timestamps'], [{'seconds': 62, 'label': 'Thema x'}])
+        self.assertEqual(data['transcripts'], self.ep.transcripts)
+        self.assertEqual(data['feed'], {'id': self.feed.id, 'title': 'Feed',
+                                        'artwork_url': 'https://example.org/art.jpg'})
+        self.assertEqual((data['position_seconds'], data['played'], data['in_queue']), (42, False, False))
+        self.assertEqual(data['pub_date'], '2026-01-05T10:00:00+00:00')
+        self.assertEqual(data['chapters'], [
+            {'start': 0.0, 'title': 'Erstes'},
+            {'start': 95.5, 'title': 'Zweites', 'url': 'https://x.org/b', 'img': 'https://x.org/b.jpg'},
+            {'start': 120.0, 'title': 'Link'},
+        ])
+
+    def test_chapters_are_fetched_once(self):
+        self.get()
+        self.get()
+        self.assertEqual(self.requests, ['https://x.org/c.json'])
+        self.ep.refresh_from_db()
+        self.assertEqual(len(self.ep.chapters), 3)
+        self.assertIsNotNone(self.ep.chapters_fetched_at)
+
+    def test_inline_chapters_need_no_fetch(self):
+        self.ep.chapters = [{'start': 0.0, 'title': 'Inline'}]
+        self.ep.save()
+        self.assertEqual(self.get().json()['chapters'], [{'start': 0.0, 'title': 'Inline'}])
+        self.assertEqual(self.requests, [])
+
+    def test_redirect_is_followed_and_rechecked(self):
+        def fake_get(url, **kwargs):
+            self.requests.append(url)
+            if url.endswith('c.json'):
+                return _FakeResponse(status=302, headers={'Location': '/real.json'})
+            return _FakeResponse(json.dumps(CHAPTERS_JSON).encode())
+        with patch('podcasts.chapters.assert_safe_url') as check, patch('podcasts.chapters.requests.get', fake_get):
+            r = self.client.get(f'/podcasts/episodes/{self.ep.id}/')
+        self.assertEqual(len(r.json()['chapters']), 3)
+        self.assertEqual([c.args[0] for c in check.call_args_list], ['https://x.org/c.json', 'https://x.org/real.json'])
+
+    def test_private_chapters_url_is_refused_and_remembered(self):
+        self.ep.chapters_url = 'http://127.0.0.1/c.json'
+        self.ep.save()
+        with patch('podcasts.chapters.requests.get', self.fake_get):
+            r = self.client.get(f'/podcasts/episodes/{self.ep.id}/')
+        self.assertEqual(r.json()['chapters'], [])
+        self.assertEqual(self.requests, [])
+        self.ep.refresh_from_db()
+        self.assertIsNotNone(self.ep.chapters_fetched_at)
+
+    def test_oversized_or_broken_chapters(self):
+        from . import chapters
+        with patch('podcasts.chapters.assert_safe_url'), patch(
+            'podcasts.chapters.requests.get',
+            lambda url, **kw: _FakeResponse(b'x' * (chapters.CHAPTERS_MAX_BYTES + 1)),
+        ):
+            with self.assertRaises(chapters.ChaptersInvalid):
+                chapters.fetch('https://x.org/big.json')
+        with patch('podcasts.chapters.assert_safe_url'), patch(
+            'podcasts.chapters.requests.get', lambda url, **kw: _FakeResponse(b'{"chapters": 3}'),
+        ):
+            with self.assertRaises(chapters.ChaptersInvalid):
+                chapters.fetch('https://x.org/odd.json')
+
+    def test_server_error_is_retried_later(self):
+        with patch('podcasts.chapters.assert_safe_url'), patch(
+            'podcasts.chapters.requests.get', lambda url, **kw: _FakeResponse(status=503),
+        ):
+            r = self.client.get(f'/podcasts/episodes/{self.ep.id}/')
+        self.assertEqual(r.json()['chapters'], [])
+        self.ep.refresh_from_db()
+        self.assertIsNone(self.ep.chapters_fetched_at)
+
+    def test_other_users_episode_is_not_found(self):
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        feed = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/b', title='B')
+        ep = PodcastEpisode.objects.create(feed=feed, guid='x', title='X', audio_url='https://example.org/x.mp3',
+                                           chapters_url='https://x.org/c.json')
+        self.assertEqual(self.get(ep).status_code, 404)
+        self.assertEqual(self.requests, [])
+
+    def test_login_required(self):
+        self.client.logout()
+        self.assertEqual(self.get().status_code, 401)
diff --git a/podcasts/urls.py b/podcasts/urls.py
index 4f65147..1f67788 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -12,6 +12,7 @@ urlpatterns = [
     path('feeds/<int:pk>/remove/', views.remove_feed, name='podcast_remove_feed'),
     path('feeds/<int:pk>/set-auto-queue/', views.set_auto_queue, name='podcast_set_auto_queue'),
     path('feeds/<int:pk>/episodes/', views.feed_episodes, name='podcast_feed_episodes'),
+    path('episodes/<int:pk>/', views.episode_detail, name='podcast_episode_detail'),
     path('queue/', views.queue_get, name='podcast_queue_get'),
     path('queue/add/', views.queue_add, name='podcast_queue_add'),
     path('queue/remove/', views.queue_remove, name='podcast_queue_remove'),
diff --git a/podcasts/views.py b/podcasts/views.py
index a651052..566c624 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -14,13 +14,20 @@ from django.utils import timezone
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
+from . import chapters as chapters_mod
+from . import feedext
 from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings
+from .shownotes import extract_timestamps, sanitize_html
+
+feedext.install()
 
 log = logging.getLogger(__name__)
 
 FEED_TIMEOUT = 20      # seconds per feed download
 NEW_ON_SUBSCRIBE = 1   # episodes of a new subscription that count as new
 FEED_WORKERS = 8       # feeds downloaded at the same time
+MAX_DESCRIPTION = 50_000  # characters of shownotes HTML kept per episode
+MAX_TRANSCRIPTS = 10
 
 
 # ---------------------------------------------------------------------------
@@ -116,6 +123,78 @@ def _parse_duration(raw):
         return 0
 
 
+# ---------------------------------------------------------------------------
+# Shownotes, chapters and transcripts of a feed entry
+# ---------------------------------------------------------------------------
+
+def _entry_description(entry):
+    """Shownotes HTML: content:encoded when the feed has it (that's where the
+    full notes usually are), else the description/summary."""
+    for c in entry.get('content') or []:
+        value = (c.get('value') or '').strip()
+        if value:
+            return value[:MAX_DESCRIPTION]
+    return (entry.get('summary') or entry.get('description') or '')[:MAX_DESCRIPTION]
+
+
+def _entry_chapters_url(entry):
+    url = ((entry.get('podcast_chapters') or {}).get('url') or '').strip()
+    return url[:1000] if url.lower().startswith(('http://', 'https://')) else ''
+
+
+def _entry_transcripts(entry):
+    raw = entry.get('podcast_transcripts')
+    if raw is None and entry.get('podcast_transcript'):
+        raw = [entry['podcast_transcript']]  # feedparser without feedext
+    transcripts = []
+    for t in raw or []:
+        url = (t.get('url') or '').strip()
+        if not url.lower().startswith(('http://', 'https://')) or len(url) > 1000:
+            continue
+        transcripts.append({
+            'url': url,
+            'type': (t.get('type') or '')[:100],
+            'language': (t.get('language') or '')[:35],
+        })
+        if len(transcripts) >= MAX_TRANSCRIPTS:
+            break
+    return transcripts
+
+
+def _apply_extras(episode, description, chapters_url, psc_chapters, transcripts):
+    """Copy what the feed says now onto `episode`; True if anything changed.
+
+    Inline (Podlove) chapters win. Without them, chapters fetched from
+    chapters_url stay cached for as long as the URL stays the same.
+    """
+    changed = []
+    if episode.description != description:
+        episode.description = description
+        changed.append('description')
+    if episode.transcripts != transcripts:
+        episode.transcripts = transcripts
+        changed.append('transcripts')
+    if psc_chapters:
+        chapters, fetched_at = psc_chapters, episode.chapters_fetched_at
+    elif chapters_url and chapters_url == episode.chapters_url and episode.chapters_fetched_at:
+        chapters, fetched_at = episode.chapters, episode.chapters_fetched_at
+    else:
+        chapters, fetched_at = [], None
+    if episode.chapters_url != chapters_url:
+        episode.chapters_url = chapters_url
+        changed.append('chapters_url')
+    if episode.chapters != chapters:
+        episode.chapters = chapters
+        changed.append('chapters')
+    if episode.chapters_fetched_at != fetched_at:
+        episode.chapters_fetched_at = fetched_at
+        changed.append('chapters_fetched_at')
+    return bool(changed)
+
+
+EXTRA_FIELDS = ['description', 'transcripts', 'chapters_url', 'chapters', 'chapters_fetched_at']
+
+
 # ---------------------------------------------------------------------------
 # Shared feed refresh helper
 # ---------------------------------------------------------------------------
@@ -190,8 +269,18 @@ def _refresh_feed(feed_obj, parsed=None):
     max_ep = getattr(settings, 'PODCAST_MAX_EPISODES_PER_FEED', 200)
     new_count = 0
     new_episodes_list = []
+    entries = parsed.entries[:max_ep]
 
-    for entry in parsed.entries[:max_ep]:
+    # Episodes we already have, in one query, so shownotes/chapters/transcripts
+    # that changed in the feed can be brought up to date (only those rows).
+    guids = [str(e.get('id') or e.get('guid') or '')[:1000] for e in entries]
+    existing = {
+        ep.guid: ep
+        for ep in feed_obj.episodes.filter(guid__in=[g for g in guids if g]).only('id', 'guid', *EXTRA_FIELDS)
+    }
+    changed_episodes = {}
+
+    for entry in entries:
         # Find audio enclosure
         audio_url = ''
         for enc in entry.get('enclosures', []):
@@ -205,7 +294,16 @@ def _refresh_feed(feed_obj, parsed=None):
         guid = entry.get('id') or entry.get('guid') or audio_url
         guid = str(guid)[:1000]
         title = entry.get('title', 'Untitled')[:500]
-        description = entry.get('summary', entry.get('description', ''))
+        description = _entry_description(entry)
+        chapters_url = _entry_chapters_url(entry)
+        psc_chapters = chapters_mod.from_psc(entry)
+        transcripts = _entry_transcripts(entry)
+
+        known = existing.get(guid)
+        if known is not None:
+            if _apply_extras(known, description, chapters_url, psc_chapters, transcripts):
+                changed_episodes[known.id] = known
+            continue
 
         duration_raw = entry.get('itunes_duration', 0)
         duration_seconds = _parse_duration(duration_raw)
@@ -242,11 +340,20 @@ def _refresh_feed(feed_obj, parsed=None):
                 'episode_number': ep_number,
                 'season_number': season_number,
                 'artwork_url': artwork_url,
+                'chapters_url': chapters_url,
+                'chapters': psc_chapters,
+                'transcripts': transcripts,
             },
         )
+        existing[guid] = episode_obj  # the same guid twice in one feed
         if created:
             new_count += 1
             new_episodes_list.append(episode_obj)
+        elif _apply_extras(episode_obj, description, chapters_url, psc_chapters, transcripts):
+            changed_episodes[episode_obj.id] = episode_obj
+
+    if changed_episodes:
+        PodcastEpisode.objects.bulk_update(list(changed_episodes.values()), EXTRA_FIELDS, batch_size=100)
 
     if first_fetch and len(new_episodes_list) > NEW_ON_SUBSCRIBE:
         # Only the newest episodes count as new; the rest stay in the
@@ -475,6 +582,69 @@ def feed_episodes(request, pk):
     })
 
 
+# ---------------------------------------------------------------------------
+# One episode in detail: shownotes, chapters, transcripts
+# ---------------------------------------------------------------------------
+
+def _load_chapters(episode):
+    """Fetch the JSON chapters of `episode` once and cache them on it.
+
+    Problems that may go away (timeouts, server errors) aren't cached, so the
+    next request tries again; anything else is remembered as "no chapters".
+    """
+    url = episode.chapters_url
+    try:
+        chapters = chapters_mod.fetch(url)
+    except chapters_mod.ChaptersUnavailable as e:
+        log.info('chapters of episode %s not available: %s', episode.id, e)
+        return []
+    except chapters_mod.ChaptersInvalid as e:
+        log.info('chapters of episode %s unusable: %s', episode.id, e)
+        chapters = []
+    now = timezone.now()
+    # Only if a refresh hasn't changed the URL in the meantime.
+    PodcastEpisode.objects.filter(pk=episode.pk, chapters_url=url).update(
+        chapters=chapters, chapters_fetched_at=now,
+    )
+    episode.chapters, episode.chapters_fetched_at = chapters, now
+    return chapters
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def episode_detail(request, pk):
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        ep = PodcastEpisode.objects.select_related('feed').get(pk=pk, feed__user=request.user)
+    except PodcastEpisode.DoesNotExist:
+        return JsonResponse({'error': 'not found'}, status=404)
+
+    chapters = ep.chapters
+    if not chapters and ep.chapters_url and ep.chapters_fetched_at is None:
+        chapters = _load_chapters(ep)
+
+    progress = EpisodeProgress.objects.filter(user=request.user, episode=ep).first()
+    return JsonResponse({
+        'id': ep.id,
+        'title': ep.title,
+        'description': sanitize_html(ep.description),
+        'timestamps': extract_timestamps(ep.description, ep.duration_seconds),
+        'chapters': chapters,
+        'transcripts': ep.transcripts,
+        'feed': {'id': ep.feed.id, 'title': ep.feed.title, 'artwork_url': ep.feed.artwork_url},
+        'audio_url': ep.audio_url,
+        'artwork_url': ep.artwork_url,
+        'duration_seconds': ep.duration_seconds,
+        'pub_date': ep.pub_date.isoformat() if ep.pub_date else None,
+        'episode_number': ep.episode_number,
+        'season_number': ep.season_number,
+        'position_seconds': progress.position_seconds if progress else 0,
+        'played': progress.played if progress else False,
+        'in_queue': PodcastQueue.objects.filter(user=request.user, episode=ep).exists(),
+    })
+
+
 # ---------------------------------------------------------------------------
 # Import OPML
 # ---------------------------------------------------------------------------

From fd0a103fb245ab6909b48138e2e25725019fd5ec Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 08:01:34 +0200
Subject: [PATCH 027/176] Podcasts: state/ ohne Shownotes in der Inbox
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Seit die Shownotes content:encoded nehmen (bis 50 KB pro Folge), würde
die eine Anfrage der Apps mit 200 Inbox-Folgen sehr groß. state/ lässt
sie weg; die Apps holen sie pro Folge über episodes/<id>/. inbox/ für
das Web liefert sie weiter.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/tests.py |  2 ++
 podcasts/views.py | 16 +++++++++-------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/podcasts/tests.py b/podcasts/tests.py
index 65e03ce..5e42d6c 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -227,6 +227,8 @@ class RefreshAllTests(TestCase):
         self.assertEqual([q['episode__id'] for q in data['queue']], [ep.id])
         self.assertEqual([e['id'] for e in data['inbox']], [ep.id])
         self.assertTrue(data['inbox'][0]['in_queue'])
+        # Shownotes stay out of the one-request state (they can be large).
+        self.assertNotIn('description', data['inbox'][0])
         self.assertEqual(data['settings'], {'enqueue_position': 'back', 'auto_queue_position': 'front'})
 
 
diff --git a/podcasts/views.py b/podcasts/views.py
index 566c624..3892dc6 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -753,7 +753,7 @@ def podcast_state(request):
     return JsonResponse({
         'feeds': _feeds_data(request.user),
         'queue': _queue_data(request.user),
-        'inbox': _inbox_data(request.user, 0, limit),
+        'inbox': _inbox_data(request.user, 0, limit, with_description=False),
         'settings': {'enqueue_position': s.enqueue_position, 'auto_queue_position': s.auto_queue_position},
         'server_time': timezone.now().isoformat(),
     })
@@ -1018,7 +1018,13 @@ def inbox(request):
     return JsonResponse({'episodes': _inbox_data(request.user, offset, limit), 'offset': offset, 'limit': limit})
 
 
-def _inbox_data(user, offset, limit):
+def _inbox_data(user, offset, limit, with_description=True):
+    """Inbox episodes. Shownotes can be large (up to 50 KB each); the apps'
+    state/ leaves them out and loads one episode's at a time."""
+    fields = ['id', 'title', 'audio_url', 'duration_seconds', 'pub_date', 'artwork_url',
+              'feed__id', 'feed__title', 'feed__artwork_url']
+    if with_description:
+        fields.insert(2, 'description')
     hidden_ids = set(
         EpisodeProgress.objects.filter(
             user=user,
@@ -1032,11 +1038,7 @@ def _inbox_data(user, offset, limit):
         .exclude(id__in=hidden_ids)
         .select_related('feed')
         .order_by('-pub_date')
-        .values(
-            'id', 'title', 'description', 'audio_url', 'duration_seconds',
-            'pub_date', 'artwork_url',
-            'feed__id', 'feed__title', 'feed__artwork_url',
-        )[offset:offset + limit]
+        .values(*fields)[offset:offset + limit]
     )
 
     progress_map = {

From f30bf2fcdc0d87ca5d9362c3731b90db83e899a4 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 08:12:27 +0200
Subject: [PATCH 028/176] =?UTF-8?q?Podcasts:=20Favoriten,=20Folgenliste=20?=
 =?UTF-8?q?mit=20Filtern=20und=20Verlauf,=20H=C3=B6rstatistik,=20OPML-Expo?=
 =?UTF-8?q?rt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- EpisodeProgress.favorite (Migration 0006) und POST episodes/<id>/favorite/
  (setzen oder umschalten; ändert updated_at nicht, damit Verlauf und
  Statistik nicht verfälscht werden)
- GET episodes/: alle Folgen aller Abos, Filter all/unplayed/in_progress/
  played/favorites/history, feed_id, q, offset/limit/total; zwei Abfragen
  pro Seite, ohne Shownotes
- Folgendetails liefern zusätzlich favorite und last_played_at
- GET stats/: Hörzeit gesamt und pro Podcast, optional nur die letzten N Tage
- GET feeds/export.opml: Abos als OPML 2.0 (lässt sich wieder importieren)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../0006_episodeprogress_favorite.py          |  18 +
 podcasts/models.py                            |   1 +
 podcasts/tests.py                             | 328 ++++++++++++++++++
 podcasts/urls.py                              |   4 +
 podcasts/views.py                             | 227 +++++++++++-
 5 files changed, 576 insertions(+), 2 deletions(-)
 create mode 100644 podcasts/migrations/0006_episodeprogress_favorite.py

diff --git a/podcasts/migrations/0006_episodeprogress_favorite.py b/podcasts/migrations/0006_episodeprogress_favorite.py
new file mode 100644
index 0000000..3c66309
--- /dev/null
+++ b/podcasts/migrations/0006_episodeprogress_favorite.py
@@ -0,0 +1,18 @@
+# Generated by Django 6.1 on 2026-10-02 12:00
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0005_episode_chapters_transcripts'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='episodeprogress',
+            name='favorite',
+            field=models.BooleanField(default=False),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index d63e427..b349b7b 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -58,6 +58,7 @@ class EpisodeProgress(models.Model):
     position_seconds = models.IntegerField(default=0)
     played = models.BooleanField(default=False)
     dismissed = models.BooleanField(default=False)
+    favorite = models.BooleanField(default=False)
     updated_at = models.DateTimeField(auto_now=True)
 
     class Meta:
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 5e42d6c..1e1ba9c 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -535,3 +535,331 @@ class EpisodeDetailTests(TestCase):
     def test_login_required(self):
         self.client.logout()
         self.assertEqual(self.get().status_code, 401)
+
+    def test_favorite_and_last_played_at(self):
+        r = self.get().json()
+        self.assertEqual((r['favorite'], r['last_played_at']), (False, None))
+        p = EpisodeProgress.objects.create(user=self.user, episode=self.ep, position_seconds=5, favorite=True)
+        EpisodeProgress.objects.filter(pk=p.pk).update(updated_at=datetime(2026, 2, 3, 8, tzinfo=timezone.utc))
+        r = self.get().json()
+        self.assertEqual((r['favorite'], r['last_played_at']), (True, '2026-02-03T08:00:00+00:00'))
+
+
+# ---------------------------------------------------------------------------
+# Favorites, episode list, statistics, OPML export
+# ---------------------------------------------------------------------------
+
+def _at(month, day):
+    return datetime(2026, month, day, 9, tzinfo=timezone.utc)
+
+
+def _progress(user, episode, updated_at, **fields):
+    p = EpisodeProgress.objects.create(user=user, episode=episode, **fields)
+    # auto_now would overwrite updated_at on save(); update() doesn't.
+    EpisodeProgress.objects.filter(pk=p.pk).update(updated_at=updated_at)
+    return p
+
+
+class FavoriteTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed', title='Feed')
+        self.ep = PodcastEpisode.objects.create(feed=feed, guid='a', title='A', audio_url='https://example.org/a.mp3')
+
+    def post(self, body=None, ep=None):
+        return self.client.post(f'/podcasts/episodes/{(ep or self.ep).id}/favorite/',
+                                '' if body is None else json.dumps(body), content_type='application/json')
+
+    def test_toggle_creates_the_progress_row(self):
+        self.assertFalse(EpisodeProgress.objects.exists())
+        self.assertEqual(self.post().json(), {'ok': True, 'favorite': True})
+        p = EpisodeProgress.objects.get(user=self.user, episode=self.ep)
+        self.assertTrue(p.favorite)
+        self.assertEqual((p.played, p.dismissed, p.position_seconds), (False, False, 0))
+        self.assertEqual(self.post({}).json(), {'ok': True, 'favorite': False})
+        self.assertFalse(EpisodeProgress.objects.get(pk=p.pk).favorite)
+
+    def test_set_explicitly(self):
+        self.assertEqual(self.post({'favorite': True}).json()['favorite'], True)
+        self.assertEqual(self.post({'favorite': True}).json()['favorite'], True)
+        self.assertTrue(EpisodeProgress.objects.get().favorite)
+        self.assertEqual(self.post({'favorite': False}).json()['favorite'], False)
+        self.assertEqual(self.post({'favorite': False}).json()['favorite'], False)
+        self.assertFalse(EpisodeProgress.objects.get().favorite)
+
+    def test_starring_keeps_the_listening_time(self):
+        p = _progress(self.user, self.ep, _at(2, 1), position_seconds=30)
+        self.post({'favorite': True})
+        p.refresh_from_db()
+        self.assertTrue(p.favorite)
+        self.assertEqual((p.position_seconds, p.updated_at), (30, _at(2, 1)))
+
+    def test_owner_only(self):
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        feed = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/b', title='B')
+        ep = PodcastEpisode.objects.create(feed=feed, guid='x', title='X', audio_url='https://example.org/x.mp3')
+        self.assertEqual(self.post({'favorite': True}, ep).status_code, 404)
+        self.assertFalse(EpisodeProgress.objects.exists())
+        self.assertEqual(self.client.post('/podcasts/episodes/999999/favorite/', '{}',
+                                          content_type='application/json').status_code, 404)
+
+    def test_login_and_post_required(self):
+        self.assertEqual(self.client.get(f'/podcasts/episodes/{self.ep.id}/favorite/').status_code, 405)
+        self.client.logout()
+        self.assertEqual(self.post({'favorite': True}).status_code, 401)
+
+
+class EpisodeListTests(TestCase):
+    """GET /podcasts/episodes/: all feeds, filters, history, search, pages."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.fa = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/a', title='Alpha',
+                                             artwork_url='https://example.org/a.jpg')
+        self.fb = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/b', title='Beta')
+
+        def ep(feed, guid, title, pub_date, **kw):
+            return PodcastEpisode.objects.create(feed=feed, guid=guid, title=title, pub_date=pub_date,
+                                                 audio_url=f'https://example.org/{guid}.mp3',
+                                                 description='x' * 1000, **kw)
+
+        self.a1 = ep(self.fa, 'a1', 'A1', _at(1, 1), duration_seconds=600)
+        self.a2 = ep(self.fa, 'a2', 'A2', _at(1, 2))
+        self.a3 = ep(self.fa, 'a3', 'A3', _at(1, 3))
+        self.a4 = ep(self.fa, 'a4', 'A4 ohne Datum', None)
+        self.b1 = ep(self.fb, 'b1', 'Bonus Talk', _at(1, 4))
+        self.b2 = ep(self.fb, 'b2', 'B2', _at(1, 5))
+        _progress(self.user, self.a1, _at(2, 1), played=True)
+        _progress(self.user, self.a2, _at(2, 3), position_seconds=100)
+        _progress(self.user, self.b1, _at(2, 2), position_seconds=50)
+        _progress(self.user, self.a3, _at(2, 5), favorite=True)
+        _progress(self.user, self.b2, _at(2, 4), dismissed=True)  # e.g. back catalogue of a new subscription
+        PodcastQueue.objects.create(user=self.user, episode=self.a2, position=0)
+        # Someone else's listening must not show up.
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        fbob = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/a', title='Alpha')
+        xb = PodcastEpisode.objects.create(feed=fbob, guid='a1', title='A1', audio_url='https://example.org/a1.mp3',
+                                           pub_date=_at(1, 9))
+        _progress(bob, xb, _at(3, 1), played=True, favorite=True)
+        _progress(bob, self.a3, _at(3, 1), played=True, position_seconds=10)  # can't happen, but must not leak
+
+    def get(self, **params):
+        r = self.client.get('/podcasts/episodes/', params)
+        self.assertEqual(r.status_code, 200)
+        return r.json()
+
+    def ids(self, **params):
+        return [e['id'] for e in self.get(**params)['episodes']]
+
+    def test_all_newest_first_without_date_last(self):
+        data = self.get()
+        self.assertEqual([e['id'] for e in data['episodes']],
+                         [e.id for e in (self.b2, self.b1, self.a3, self.a2, self.a1, self.a4)])
+        self.assertEqual((data['offset'], data['limit'], data['total']), (0, 100, 6))
+        self.assertEqual(self.ids(filter='all'), [e['id'] for e in data['episodes']])
+
+    def test_episode_fields(self):
+        eps = {e['id']: e for e in self.get()['episodes']}
+        self.assertEqual(eps[self.a2.id], {
+            'id': self.a2.id, 'title': 'A2', 'audio_url': 'https://example.org/a2.mp3', 'duration_seconds': 0,
+            'pub_date': '2026-01-02T09:00:00+00:00', 'artwork_url': '',
+            'feed__id': self.fa.id, 'feed__title': 'Alpha', 'feed__artwork_url': 'https://example.org/a.jpg',
+            'position_seconds': 100, 'played': False, 'favorite': False, 'in_queue': True,
+            'last_played_at': '2026-02-03T09:00:00+00:00',
+        })
+        a4 = eps[self.a4.id]
+        self.assertEqual((a4['pub_date'], a4['last_played_at'], a4['position_seconds'], a4['played'],
+                          a4['favorite'], a4['in_queue']), (None, None, 0, False, False, False))
+        self.assertEqual(eps[self.a3.id]['favorite'], True)
+        self.assertEqual(eps[self.a3.id]['played'], False)  # bob's row doesn't count
+        self.assertEqual(eps[self.a1.id]['played'], True)
+
+    def test_unplayed(self):
+        # Dismissed episodes (b2) are still listed.
+        self.assertEqual(self.ids(filter='unplayed'), [e.id for e in (self.b2, self.b1, self.a3, self.a2, self.a4)])
+
+    def test_in_progress_by_publication_date(self):
+        self.assertEqual(self.ids(filter='in_progress'), [self.b1.id, self.a2.id])
+
+    def test_played(self):
+        self.assertEqual(self.ids(filter='played'), [self.a1.id])
+
+    def test_favorites(self):
+        self.assertEqual(self.ids(filter='favorites'), [self.a3.id])
+
+    def test_history_last_listened_first(self):
+        data = self.get(filter='history')
+        self.assertEqual([e['id'] for e in data['episodes']], [self.a2.id, self.b1.id, self.a1.id])
+        self.assertEqual([e['last_played_at'] for e in data['episodes']],
+                         ['2026-02-03T09:00:00+00:00', '2026-02-02T09:00:00+00:00', '2026-02-01T09:00:00+00:00'])
+        self.assertEqual(data['total'], 3)
+        # Listening again moves an episode to the top.
+        self.client.post('/podcasts/progress/save/', json.dumps({'episode_id': self.a1.id, 'position_seconds': 20}),
+                         content_type='application/json')
+        self.assertEqual(self.ids(filter='history'), [self.a1.id, self.a2.id, self.b1.id])
+
+    def test_feed_id_and_q(self):
+        self.assertEqual(self.ids(feed_id=self.fb.id), [self.b2.id, self.b1.id])
+        self.assertEqual(self.ids(q='BONUS'), [self.b1.id])
+        self.assertEqual(self.ids(q='ohne dat'), [self.a4.id])
+        self.assertEqual(self.ids(filter='history', feed_id=self.fa.id), [self.a2.id, self.a1.id])
+        self.assertEqual(self.ids(filter='in_progress', q='a2'), [self.a2.id])
+        data = self.get(feed_id=self.fb.id, q='nothing')
+        self.assertEqual((data['episodes'], data['total']), ([], 0))
+        bobs_feed = PodcastFeed.objects.get(user__username='bob')
+        self.assertEqual(self.ids(feed_id=bobs_feed.id), [])
+
+    def test_pages(self):
+        data = self.get(offset=1, limit=2)
+        self.assertEqual([e['id'] for e in data['episodes']], [self.b1.id, self.a3.id])
+        self.assertEqual((data['offset'], data['limit'], data['total']), (1, 2, 6))
+        data = self.get(offset=5, limit=2)
+        self.assertEqual(([e['id'] for e in data['episodes']], data['total']), ([self.a4.id], 6))
+        data = self.get(offset=10)
+        self.assertEqual((data['episodes'], data['total']), ([], 6))
+        self.assertEqual(self.get(limit=10000)['limit'], 500)
+        self.assertEqual(self.get(offset=-3)['offset'], 0)
+        data = self.get(filter='history', limit=1, offset=1)
+        self.assertEqual(([e['id'] for e in data['episodes']], data['total']), ([self.b1.id], 3))
+
+    def test_query_count_does_not_grow_with_the_page(self):
+        from .views import _episode_list_data
+        for i in range(20):
+            e = PodcastEpisode.objects.create(feed=self.fb, guid=f'n{i}', title=f'N{i}',
+                                              audio_url=f'https://example.org/n{i}.mp3', pub_date=_at(1, 10))
+            _progress(self.user, e, _at(2, 10), position_seconds=i + 1)
+            PodcastQueue.objects.create(user=self.user, episode=e, position=i + 1)
+        with self.assertNumQueries(2):
+            episodes, total = _episode_list_data(self.user, 'history')
+        self.assertEqual((len(episodes), total), (23, 23))
+
+    def test_bad_parameters(self):
+        self.assertEqual(self.client.get('/podcasts/episodes/', {'filter': 'new'}).status_code, 400)
+        self.assertEqual(self.client.get('/podcasts/episodes/', {'limit': 'ten'}).status_code, 400)
+        self.assertEqual(self.client.get('/podcasts/episodes/', {'feed_id': 'x'}).status_code, 400)
+
+    def test_login_required(self):
+        self.client.logout()
+        self.assertEqual(self.client.get('/podcasts/episodes/').status_code, 401)
+
+
+class StatsTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.fa = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/a', title='Alpha',
+                                             artwork_url='https://example.org/a.jpg')
+        self.fb = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/b', title='Beta')
+        self.fc = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/c', title='Gamma')
+
+        def ep(feed, guid, duration):
+            return PodcastEpisode.objects.create(feed=feed, guid=guid, title=guid, duration_seconds=duration,
+                                                 audio_url=f'https://example.org/{guid}.mp3')
+
+        now = datetime.now(timezone.utc)
+        _progress(self.user, ep(self.fa, 'a1', 3600), now, played=True, position_seconds=50)  # 3600
+        _progress(self.user, ep(self.fa, 'a2', 1000), now, position_seconds=300)  # 300, started
+        _progress(self.user, ep(self.fa, 'a3', 0), now, played=True, position_seconds=120)  # 120: no length
+        _progress(self.user, ep(self.fb, 'b1', 900), now - timedelta(days=30), position_seconds=200)  # 200, started
+        _progress(self.user, ep(self.fc, 'c1', 500), now, dismissed=True, favorite=True)  # 0
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        fbob = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/a', title='Alpha')
+        _progress(bob, ep(fbob, 'x', 999), now, played=True)
+
+    def test_all_time(self):
+        r = self.client.get('/podcasts/stats/')
+        self.assertEqual(r.status_code, 200)
+        self.assertEqual(r.json(), {
+            'total_seconds': 4220,
+            'episodes_played': 2,
+            'episodes_started': 2,
+            'since': None,
+            'feeds': [
+                {'feed_id': self.fa.id, 'title': 'Alpha', 'artwork_url': 'https://example.org/a.jpg',
+                 'seconds': 4020, 'episodes_played': 2},
+                {'feed_id': self.fb.id, 'title': 'Beta', 'artwork_url': '', 'seconds': 200, 'episodes_played': 0},
+            ],
+        })
+
+    def test_last_days(self):
+        before = datetime.now(timezone.utc)
+        data = self.client.get('/podcasts/stats/', {'days': 7}).json()
+        self.assertEqual((data['total_seconds'], data['episodes_played'], data['episodes_started']), (4020, 2, 1))
+        self.assertEqual([f['feed_id'] for f in data['feeds']], [self.fa.id])
+        since = datetime.fromisoformat(data['since'])
+        self.assertAlmostEqual((before - since).total_seconds(), 7 * 86400, delta=60)
+        data = self.client.get('/podcasts/stats/', {'days': 60}).json()
+        self.assertEqual(data['total_seconds'], 4220)
+        self.assertEqual([f['feed_id'] for f in data['feeds']], [self.fa.id, self.fb.id])
+
+    def test_empty(self):
+        EpisodeProgress.objects.filter(user=self.user).delete()
+        self.assertEqual(self.client.get('/podcasts/stats/').json(), {
+            'total_seconds': 0, 'episodes_played': 0, 'episodes_started': 0, 'since': None, 'feeds': [],
+        })
+
+    def test_bad_days_and_login(self):
+        self.assertEqual(self.client.get('/podcasts/stats/', {'days': 'week'}).status_code, 400)
+        self.assertEqual(self.client.get('/podcasts/stats/', {'days': -1}).status_code, 400)
+        self.client.logout()
+        self.assertEqual(self.client.get('/podcasts/stats/').status_code, 401)
+
+
+class OpmlExportTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed?a=1&b=2',
+                                   title='Tom & Jerry "Live" <Folge>', link='https://example.org/?x=1&y=2')
+        PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/plain', title="Bob's Podcast")
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        PodcastFeed.objects.create(user=bob, rss_url='https://example.org/secret', title='Secret')
+
+    def test_export(self):
+        import xml.etree.ElementTree as ET
+        r = self.client.get('/podcasts/feeds/export.opml')
+        self.assertEqual(r.status_code, 200)
+        self.assertEqual(r['Content-Type'], 'text/x-opml; charset=utf-8')
+        self.assertEqual(r['Content-Disposition'], 'attachment; filename="diora-podcasts.opml"')
+        raw = r.content.decode('utf-8')
+        self.assertIn('Tom &amp; Jerry &quot;Live&quot; &lt;Folge&gt;', raw)
+        self.assertIn('xmlUrl="https://example.org/feed?a=1&amp;b=2"', raw)
+        self.assertNotIn('Secret', raw)
+        root = ET.fromstring(r.content)
+        self.assertEqual(root.tag, 'opml')
+        self.assertEqual(root.get('version'), '2.0')
+        self.assertEqual(root.findtext('head/title'), 'diora Podcasts')
+        outlines = [o.attrib for o in root.iter('outline')]
+        self.assertEqual(outlines, [
+            {'type': 'rss', 'text': "Bob's Podcast", 'title': "Bob's Podcast",
+             'xmlUrl': 'https://example.org/plain', 'htmlUrl': ''},
+            {'type': 'rss', 'text': 'Tom & Jerry "Live" <Folge>', 'title': 'Tom & Jerry "Live" <Folge>',
+             'xmlUrl': 'https://example.org/feed?a=1&b=2', 'htmlUrl': 'https://example.org/?x=1&y=2'},
+        ])
+
+    def test_round_trip_through_import(self):
+        from django.core.files.uploadedfile import SimpleUploadedFile
+        opml = self.client.get('/podcasts/feeds/export.opml').content
+        carol = User.objects.create_user(username='carol', password='pw12345678')
+        self.client.force_login(carol)
+        r = self.client.post('/podcasts/feeds/import/',
+                             {'file': SimpleUploadedFile('diora-podcasts.opml', opml, 'text/x-opml')})
+        self.assertEqual(r.json(), {'ok': True, 'added': 2, 'skipped': 0})
+        mine = lambda u: set(PodcastFeed.objects.filter(user=u).values_list('title', 'rss_url'))
+        self.assertEqual(mine(carol), mine(self.user))
+        # Importing the same file again adds nothing.
+        r = self.client.post('/podcasts/feeds/import/',
+                             {'file': SimpleUploadedFile('diora-podcasts.opml', opml, 'text/x-opml')})
+        self.assertEqual(r.json(), {'ok': True, 'added': 0, 'skipped': 2})
+
+    def test_no_feeds(self):
+        import xml.etree.ElementTree as ET
+        PodcastFeed.objects.filter(user=self.user).delete()
+        root = ET.fromstring(self.client.get('/podcasts/feeds/export.opml').content)
+        self.assertEqual(list(root.iter('outline')), [])
+
+    def test_login_required(self):
+        self.client.logout()
+        self.assertEqual(self.client.get('/podcasts/feeds/export.opml').status_code, 401)
diff --git a/podcasts/urls.py b/podcasts/urls.py
index 1f67788..d0948f0 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -6,13 +6,17 @@ urlpatterns = [
     path('feeds/', views.feed_list, name='podcast_feed_list'),
     path('feeds/add/', views.add_feed, name='podcast_add_feed'),
     path('feeds/import/', views.import_opml, name='podcast_import_opml'),
+    path('feeds/export.opml', views.export_opml, name='podcast_export_opml'),
     path('feeds/refresh/', views.refresh_feed_now, name='podcast_refresh_feed'),
     path('feeds/refresh-all/', views.refresh_all_feeds, name='podcast_refresh_all_feeds'),
     path('state/', views.podcast_state, name='podcast_state'),
     path('feeds/<int:pk>/remove/', views.remove_feed, name='podcast_remove_feed'),
     path('feeds/<int:pk>/set-auto-queue/', views.set_auto_queue, name='podcast_set_auto_queue'),
     path('feeds/<int:pk>/episodes/', views.feed_episodes, name='podcast_feed_episodes'),
+    path('episodes/', views.episode_list, name='podcast_episode_list'),
     path('episodes/<int:pk>/', views.episode_detail, name='podcast_episode_detail'),
+    path('episodes/<int:pk>/favorite/', views.set_favorite, name='podcast_set_favorite'),
+    path('stats/', views.podcast_stats, name='podcast_stats'),
     path('queue/', views.queue_get, name='podcast_queue_get'),
     path('queue/add/', views.queue_add, name='podcast_queue_add'),
     path('queue/remove/', views.queue_remove, name='podcast_queue_remove'),
diff --git a/podcasts/views.py b/podcasts/views.py
index 3892dc6..90b1a80 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -8,8 +8,11 @@ import xml.etree.ElementTree as ET
 import feedparser
 import requests
 from django.conf import settings
-from django.db.models import Max, Q
-from django.http import JsonResponse
+from django.db.models import (
+    Case, Count, Exists, F, FilteredRelation, IntegerField, Max, OuterRef, Q, Sum, Value, When,
+)
+from django.db.models.functions import Coalesce
+from django.http import HttpResponse, JsonResponse
 from django.utils import timezone
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
@@ -641,10 +644,192 @@ def episode_detail(request, pk):
         'season_number': ep.season_number,
         'position_seconds': progress.position_seconds if progress else 0,
         'played': progress.played if progress else False,
+        'favorite': progress.favorite if progress else False,
+        'last_played_at': progress.updated_at.isoformat() if progress else None,
         'in_queue': PodcastQueue.objects.filter(user=request.user, episode=ep).exists(),
     })
 
 
+# ---------------------------------------------------------------------------
+# Favorites
+# ---------------------------------------------------------------------------
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def set_favorite(request, pk):
+    """Star or unstar an episode: {"favorite": true|false}, no value toggles."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        body = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    if not isinstance(body, dict):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    try:
+        episode = PodcastEpisode.objects.get(pk=pk, feed__user=request.user)
+    except PodcastEpisode.DoesNotExist:
+        return JsonResponse({'error': 'not found'}, status=404)
+
+    progress, _ = EpisodeProgress.objects.get_or_create(user=request.user, episode=episode)
+    wanted = body.get('favorite')
+    favorite = (not progress.favorite) if wanted is None else bool(wanted)
+    if favorite != progress.favorite:
+        # update() leaves updated_at alone: a star isn't listening, and the
+        # history and the statistics go by updated_at.
+        EpisodeProgress.objects.filter(pk=progress.pk).update(favorite=favorite)
+    return JsonResponse({'ok': True, 'favorite': favorite})
+
+
+# ---------------------------------------------------------------------------
+# Episodes of all feeds: filters, history, search
+# ---------------------------------------------------------------------------
+
+EPISODE_FILTERS = {
+    'all': Q(),
+    'unplayed': Q(played=False),
+    'in_progress': Q(position_seconds__gt=0, played=False),
+    'played': Q(played=True),
+    'favorites': Q(favorite=True),
+    'history': Q(played=True) | Q(position_seconds__gt=0),
+}
+EPISODE_LIST_LIMIT = 100
+EPISODE_LIST_MAX = 500
+EPISODE_LIST_FIELDS = (
+    'id', 'title', 'audio_url', 'duration_seconds', 'pub_date', 'artwork_url',
+    'feed__id', 'feed__title', 'feed__artwork_url',
+    'position_seconds', 'played', 'favorite', 'in_queue', 'last_played_at',
+)
+
+
+def _int_param(request, name, default):
+    raw = request.GET.get(name, '').strip()
+    return default if raw == '' else int(raw)
+
+
+def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, limit=EPISODE_LIST_LIMIT):
+    """(episodes, total) for the episode list. Two queries, whatever the
+    page size: the count and the page. The user's progress row comes in by
+    a join, queue membership by a subquery. No shownotes (up to 50 KB each)."""
+    qs = (
+        PodcastEpisode.objects.filter(feed__user=user)
+        .annotate(mine=FilteredRelation('progress', condition=Q(progress__user=user)))
+        .annotate(
+            position_seconds=Coalesce('mine__position_seconds', Value(0)),
+            played=Coalesce('mine__played', Value(False)),
+            favorite=Coalesce('mine__favorite', Value(False)),
+            last_played_at=F('mine__updated_at'),
+            in_queue=Exists(PodcastQueue.objects.filter(user=user, episode=OuterRef('pk'))),
+        )
+        .filter(EPISODE_FILTERS[filter_name])
+    )
+    if feed_id is not None:
+        qs = qs.filter(feed_id=feed_id)
+    if q:
+        qs = qs.filter(title__icontains=q)
+    if filter_name == 'history':
+        qs = qs.order_by(F('last_played_at').desc(nulls_last=True), '-id')
+    else:
+        qs = qs.order_by(F('pub_date').desc(nulls_last=True), '-id')
+
+    total = qs.count()
+    episodes = list(qs.values(*EPISODE_LIST_FIELDS)[offset:offset + limit]) if limit else []
+    for ep in episodes:
+        ep['pub_date'] = ep['pub_date'].isoformat() if ep['pub_date'] else None
+        ep['last_played_at'] = ep['last_played_at'].isoformat() if ep['last_played_at'] else None
+        ep['played'] = bool(ep['played'])
+        ep['favorite'] = bool(ep['favorite'])
+        ep['in_queue'] = bool(ep['in_queue'])
+    return episodes, total
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def episode_list(request):
+    """Episodes of all the user's feeds, filtered (all, unplayed, in_progress,
+    played, favorites, history), optionally of one feed or matching `q`."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    filter_name = request.GET.get('filter', '').strip() or 'all'
+    if filter_name not in EPISODE_FILTERS:
+        return JsonResponse({'error': 'unknown filter'}, status=400)
+    try:
+        offset = max(_int_param(request, 'offset', 0), 0)
+        limit = min(max(_int_param(request, 'limit', EPISODE_LIST_LIMIT), 0), EPISODE_LIST_MAX)
+        feed_id = _int_param(request, 'feed_id', None)
+    except ValueError:
+        return JsonResponse({'error': 'offset, limit and feed_id must be numbers'}, status=400)
+    episodes, total = _episode_list_data(
+        request.user, filter_name, feed_id, request.GET.get('q', '').strip(), offset, limit,
+    )
+    return JsonResponse({'episodes': episodes, 'offset': offset, 'limit': limit, 'total': total})
+
+
+# ---------------------------------------------------------------------------
+# Listening statistics
+# ---------------------------------------------------------------------------
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def podcast_stats(request):
+    """How much the user listened, in total and per feed; `days` limits it to
+    progress rows updated within the last N days."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    rows = EpisodeProgress.objects.filter(user=request.user, episode__feed__user=request.user)
+    since = None
+    raw_days = request.GET.get('days', '').strip()
+    if raw_days:
+        try:
+            days = int(raw_days)
+        except ValueError:
+            return JsonResponse({'error': 'days must be a number'}, status=400)
+        if days < 0:
+            return JsonResponse({'error': 'days must not be negative'}, status=400)
+        since = timezone.now() - timedelta(days=days)
+        rows = rows.filter(updated_at__gte=since)
+
+    # A played episode counts with its full length (or as far as it got, if
+    # the feed gave no length); anything else as far as it got.
+    listened = Case(
+        When(played=True, episode__duration_seconds__gt=0, then=F('episode__duration_seconds')),
+        default=F('position_seconds'),
+        output_field=IntegerField(),
+    )
+    per_feed = (
+        rows.order_by()
+        .values('episode__feed_id', 'episode__feed__title', 'episode__feed__artwork_url')
+        .annotate(
+            seconds=Sum(listened),
+            played_count=Count('id', filter=Q(played=True)),
+            started_count=Count('id', filter=Q(played=False, position_seconds__gt=0)),
+        )
+    )
+    total_seconds = episodes_played = episodes_started = 0
+    feeds = []
+    for row in per_feed:
+        seconds = row['seconds'] or 0
+        total_seconds += seconds
+        episodes_played += row['played_count']
+        episodes_started += row['started_count']
+        if seconds > 0:
+            feeds.append({
+                'feed_id': row['episode__feed_id'],
+                'title': row['episode__feed__title'],
+                'artwork_url': row['episode__feed__artwork_url'],
+                'seconds': seconds,
+                'episodes_played': row['played_count'],
+            })
+    feeds.sort(key=lambda f: (-f['seconds'], f['title'].lower(), f['feed_id']))
+    return JsonResponse({
+        'total_seconds': total_seconds,
+        'episodes_played': episodes_played,
+        'episodes_started': episodes_started,
+        'since': since.isoformat() if since else None,
+        'feeds': feeds,
+    })
+
+
 # ---------------------------------------------------------------------------
 # Import OPML
 # ---------------------------------------------------------------------------
@@ -685,6 +870,44 @@ def import_opml(request):
     return JsonResponse({'ok': True, 'added': added, 'skipped': skipped})
 
 
+# ---------------------------------------------------------------------------
+# Export OPML
+# ---------------------------------------------------------------------------
+
+def _xml_text(s):
+    """Drop characters XML 1.0 can't carry at all (escaping is ElementTree's job)."""
+    return ''.join(c for c in s if c in '\t\n\r' or (' ' <= c <= '퟿') or ('' <= c <= '�')
+                   or ord(c) >= 0x10000)
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def export_opml(request):
+    """The user's subscriptions as an OPML 2.0 file, for other podcast apps
+    (and for import_opml)."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+
+    root = ET.Element('opml', version='2.0')
+    head = ET.SubElement(root, 'head')
+    ET.SubElement(head, 'title').text = 'diora Podcasts'
+    body = ET.SubElement(root, 'body')
+    for feed in request.user.podcast_feeds.order_by('title', 'id').only('title', 'rss_url', 'link'):
+        title = _xml_text(feed.title or feed.rss_url)
+        ET.SubElement(body, 'outline', {
+            'type': 'rss',
+            'text': title,
+            'title': title,
+            'xmlUrl': _xml_text(feed.rss_url),
+            'htmlUrl': _xml_text(feed.link),
+        })
+    ET.indent(root)
+    xml = '<?xml version="1.0" encoding="UTF-8"?>\n' + ET.tostring(root, encoding='unicode') + '\n'
+    response = HttpResponse(xml.encode('utf-8'), content_type='text/x-opml; charset=utf-8')
+    response['Content-Disposition'] = 'attachment; filename="diora-podcasts.opml"'
+    return response
+
+
 # ---------------------------------------------------------------------------
 # Refresh feed now
 # ---------------------------------------------------------------------------

From c335ab4094bffd20ccce573b695e1c7de60a02bf Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 08:18:23 +0200
Subject: [PATCH 029/176] =?UTF-8?q?gPodder-Sync:=20H=C3=B6rstelle=20auf=20?=
 =?UTF-8?q?die=20eigene=20Folge=20schreiben?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die Folge wurde nur über die Audio-Adresse gesucht, über alle Nutzer
hinweg. Haben zwei Nutzer denselben Podcast, landete die Stelle bei der
Folgen-Zeile des anderen (der eigene Fortschritt, aber an der falschen
Folge) und kam beim eigenen Abo nie an. Jetzt nur unter den eigenen
Abos gesucht; mit Test.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 gpodder/tests.py | 36 ++++++++++++++++++++++++++++++++++++
 gpodder/views.py |  3 ++-
 2 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 gpodder/tests.py

diff --git a/gpodder/tests.py b/gpodder/tests.py
new file mode 100644
index 0000000..2080c1c
--- /dev/null
+++ b/gpodder/tests.py
@@ -0,0 +1,36 @@
+import base64
+import json
+
+from django.contrib.auth.models import User
+from django.test import TestCase
+
+from podcasts.models import EpisodeProgress, PodcastEpisode, PodcastFeed
+
+
+class EpisodeActionTests(TestCase):
+    """Play positions from a gPodder client (AntennaPod sync) land on the user's own episode."""
+
+    def setUp(self):
+        self.alice = User.objects.create_user(username='alice', password='pw12345678')
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        url = 'https://example.org/feed'
+        audio = 'https://example.org/e1.mp3'
+        # Bob subscribed first: his copy of the episode has the lower id.
+        bobs_feed = PodcastFeed.objects.create(user=bob, rss_url=url, title='Feed')
+        self.bobs_ep = PodcastEpisode.objects.create(feed=bobs_feed, guid='e1', title='E1', audio_url=audio,
+                                                     duration_seconds=1000)
+        alices_feed = PodcastFeed.objects.create(user=self.alice, rss_url=url, title='Feed')
+        self.alices_ep = PodcastEpisode.objects.create(feed=alices_feed, guid='e1', title='E1', audio_url=audio,
+                                                       duration_seconds=1000)
+        self.auth = 'Basic ' + base64.b64encode(b'alice:pw12345678').decode()
+
+    def test_position_goes_to_own_episode(self):
+        actions = [{'podcast': 'https://example.org/feed', 'episode': 'https://example.org/e1.mp3',
+                    'action': 'play', 'position': 300, 'total': 1000}]
+        r = self.client.post('/api/2/episodes/alice.json', json.dumps(actions), content_type='application/json',
+                             HTTP_AUTHORIZATION=self.auth)
+        self.assertEqual(r.status_code, 200, r.content)
+        progress = EpisodeProgress.objects.get(user=self.alice)
+        self.assertEqual(progress.episode, self.alices_ep)
+        self.assertEqual(progress.position_seconds, 300)
+        self.assertFalse(EpisodeProgress.objects.filter(episode=self.bobs_ep).exists())
diff --git a/gpodder/views.py b/gpodder/views.py
index a4e3b79..913d64b 100644
--- a/gpodder/views.py
+++ b/gpodder/views.py
@@ -230,7 +230,8 @@ def episode_actions(request, username):
             # Sync playback position to EpisodeProgress
             if action == 'play' and a.get('position') is not None:
                 try:
-                    ep = PodcastEpisode.objects.filter(audio_url=episode_url).first()
+                    # Only this user's subscriptions: several users can have the same feed.
+                    ep = PodcastEpisode.objects.filter(audio_url=episode_url, feed__user=request.user).first()
                     if ep:
                         pos = int(a['position'])
                         dur = ep.duration_seconds or 0

From f9b3a0ce04355015d23c4d6e2dbb3ae9a6af2518 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 08:26:28 +0200
Subject: [PATCH 030/176] =?UTF-8?q?Podcasts:=20Inbox=20und=20Geh=C3=B6rt?=
 =?UTF-8?q?=20wie=20in=20AntennaPod?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Eingereihte und angefangene Folgen verlassen die Inbox (ausgeblendet,
  nicht gehört), statt dort neben der Warteschlange zu stehen.
- Gehört heißt: höchstens 30 s vor dem Ende, wie in den Apps, statt bei
  90 % (bei 2 h waren das 12 Minuten vor Schluss). Gilt auch für den
  gPodder-Sync.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 gpodder/views.py   |  4 ++--
 podcasts/models.py | 10 ++++++++++
 podcasts/tests.py  | 33 ++++++++++++++++++++++++++++++++-
 podcasts/views.py  | 25 +++++++++++++++++++------
 4 files changed, 63 insertions(+), 9 deletions(-)

diff --git a/gpodder/views.py b/gpodder/views.py
index 913d64b..a16eacb 100644
--- a/gpodder/views.py
+++ b/gpodder/views.py
@@ -8,7 +8,7 @@ from django.http import JsonResponse
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
-from podcasts.models import PodcastFeed, PodcastEpisode, EpisodeProgress
+from podcasts.models import PodcastFeed, PodcastEpisode, EpisodeProgress, counts_as_played
 from podcasts.views import _refresh_feed
 from .models import GpodderDevice, GpodderSubscriptionChange, GpodderEpisodeAction
 
@@ -235,7 +235,7 @@ def episode_actions(request, username):
                     if ep:
                         pos = int(a['position'])
                         dur = ep.duration_seconds or 0
-                        played = dur > 0 and pos >= dur * 0.9
+                        played = counts_as_played(pos, dur)
                         EpisodeProgress.objects.update_or_create(
                             user=request.user, episode=ep,
                             defaults={'position_seconds': pos, 'played': played}
diff --git a/podcasts/models.py b/podcasts/models.py
index b349b7b..24499b9 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -52,6 +52,16 @@ class PodcastEpisode(models.Model):
         return self.title
 
 
+# An episode counts as played this close to its end (AntennaPod's default),
+# the same rule as the apps' "als gehört zählen".
+PLAYED_BEFORE_END_SECONDS = 30
+
+
+def counts_as_played(position_seconds, duration_seconds):
+    return bool(duration_seconds) and duration_seconds > 0 and \
+        position_seconds >= max(duration_seconds - PLAYED_BEFORE_END_SECONDS, 1)
+
+
 class EpisodeProgress(models.Model):
     user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='episode_progress')
     episode = models.ForeignKey(PodcastEpisode, on_delete=models.CASCADE, related_name='progress')
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 1e1ba9c..142630d 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -60,7 +60,7 @@ class QueuePositionTests(TestCase):
 
     def test_after_current_falls_back_to_last_listened(self):
         self.add(self.eps[0], self.eps[1], self.eps[2])
-        EpisodeProgress.objects.create(user=self.user, episode=self.eps[2], position_seconds=30)
+        EpisodeProgress.objects.update_or_create(user=self.user, episode=self.eps[2], defaults={'position_seconds': 30})
         self.add(self.eps[3], where='after_current')
         self.assertEqual(self.queue(), [e.id for e in (self.eps[0], self.eps[1], self.eps[2], self.eps[3])])
 
@@ -104,6 +104,37 @@ class QueuePositionTests(TestCase):
         self.assertEqual(bad.status_code, 400)
 
 
+class InboxRuleTests(TestCase):
+    """Queued or started episodes leave the inbox; played means the last 30 s."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/f', title='F')
+        self.eps = [PodcastEpisode.objects.create(feed=feed, guid=f'g{i}', title=f'E{i}', duration_seconds=3600,
+                                                  audio_url=f'https://example.org/{i}.mp3') for i in range(3)]
+
+    def inbox(self):
+        return {e['id'] for e in self.client.get('/podcasts/inbox/').json()['episodes']}
+
+    def post(self, url, body):
+        return self.client.post(url, json.dumps(body), content_type='application/json')
+
+    def test_queued_and_started_leave_the_inbox(self):
+        self.assertEqual(self.inbox(), {e.id for e in self.eps})
+        self.post('/podcasts/queue/add/', {'episode_ids': [self.eps[0].id]})
+        self.post('/podcasts/progress/save/', {'episode_id': self.eps[1].id, 'position_seconds': 12})
+        self.assertEqual(self.inbox(), {self.eps[2].id})
+        p = EpisodeProgress.objects.get(user=self.user, episode=self.eps[0])
+        self.assertFalse(p.played)
+
+    def test_played_within_the_last_30_seconds(self):
+        r = self.post('/podcasts/progress/save/', {'episode_id': self.eps[0].id, 'position_seconds': 3500})
+        self.assertFalse(r.json()['played'])   # 90 % but 100 s left: not yet
+        r = self.post('/podcasts/progress/save/', {'episode_id': self.eps[0].id, 'position_seconds': 3575})
+        self.assertTrue(r.json()['played'])
+
+
 class AutoQueueTests(TestCase):
     """New episodes of an auto_queue feed land where the user's setting says."""
 
diff --git a/podcasts/views.py b/podcasts/views.py
index 90b1a80..f38f967 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -19,7 +19,7 @@ from django.views.decorators.http import require_http_methods
 
 from . import chapters as chapters_mod
 from . import feedext
-from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings
+from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings, counts_as_played
 from .shownotes import extract_timestamps, sanitize_html
 
 feedext.install()
@@ -101,9 +101,21 @@ def _enqueue(user, episode_ids, where, current_hint=None):
         ignore_conflicts=True,
     )
     _write_queue_order(user, queued[:at] + new + queued[at:])
+    _leave_inbox(user, new)
     return new
 
 
+def _leave_inbox(user, episode_ids):
+    """Queued or started episodes are no longer new (AntennaPod's rule): out
+    of the inbox, without counting as played."""
+    EpisodeProgress.objects.filter(user=user, episode_id__in=episode_ids, dismissed=False).update(dismissed=True)
+    have = set(EpisodeProgress.objects.filter(user=user, episode_id__in=episode_ids).values_list('episode_id', flat=True))
+    EpisodeProgress.objects.bulk_create(
+        [EpisodeProgress(user=user, episode_id=ep_id, dismissed=True) for ep_id in episode_ids if ep_id not in have],
+        ignore_conflicts=True,
+    )
+
+
 # ---------------------------------------------------------------------------
 # Duration helper
 # ---------------------------------------------------------------------------
@@ -1150,11 +1162,12 @@ def save_progress(request):
         episode=episode,
     )
     progress.position_seconds = position
-
-    # Auto-mark played at 90%
-    if episode.duration_seconds and episode.duration_seconds > 0:
-        if position >= episode.duration_seconds * 0.9:
-            progress.played = True
+    # Started: no longer new.
+    if position > 0:
+        progress.dismissed = True
+    # Within the last seconds: played (same rule as the apps).
+    if counts_as_played(position, episode.duration_seconds):
+        progress.played = True
 
     progress.save()
     return JsonResponse({'ok': True, 'played': progress.played})

From bbe5f6c5c2c7f9bb3a76cdec85f168d2ffa8ab30 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 09:45:38 +0200
Subject: [PATCH 031/176] =?UTF-8?q?Podcasts:=20Feeds=20bedingt=20abrufen,?=
 =?UTF-8?q?=20Fehler=20speichern,=20Umz=C3=BCge=20folgen,=20Backoff?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Bedingter Abruf: ETag/Last-Modified werden nach einer 200 gespeichert und
  als If-None-Match/If-Modified-Since mitgeschickt. Bei 304 wird nichts
  geparst und keine Folge geschrieben, nur last_refreshed_at aktualisiert und
  der Fehler gelöscht. Teilen sich mehrere Abos eine URL, gehen die Validatoren
  nur mit, wenn alle schon einmal abgerufen wurden und dieselben haben.
- Fehler (Netz, HTTP >= 400, kein Feed) landen in last_error, last_error_at
  und error_count; ein erfolgreicher Abruf setzt sie zurück. Feed-Liste und
  /podcasts/state/ liefern die drei Felder mit.
- Dauerhafte Weiterleitungen (301/308 am Anfang der Kette) ändern rss_url,
  außer der Nutzer hat die neue URL schon abonniert; 302/307 ändern nichts.
- Backoff im stündlichen Job: ab 3 Fehlern in Folge nur alle 2, 4, 8, 16,
  höchstens 24 Stunden. „Alle aktualisieren“ und --feed-id versuchen es
  trotzdem (max_age gilt weiter).
- _fetch_feed liefert jetzt ein FeedFetch-Objekt bzw. wirft FeedFetchError.
- Migration 0007_feed_http_cache.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/management/commands/refresh_feeds.py |  11 +-
 podcasts/migrations/0007_feed_http_cache.py   |  38 ++
 podcasts/models.py                            |   9 +
 podcasts/tests.py                             | 345 +++++++++++++++++-
 podcasts/views.py                             | 222 ++++++++++-
 5 files changed, 596 insertions(+), 29 deletions(-)
 create mode 100644 podcasts/migrations/0007_feed_http_cache.py

diff --git a/podcasts/management/commands/refresh_feeds.py b/podcasts/management/commands/refresh_feeds.py
index 1c6f601..9a37afb 100644
--- a/podcasts/management/commands/refresh_feeds.py
+++ b/podcasts/management/commands/refresh_feeds.py
@@ -1,16 +1,15 @@
-import sys
-
 from django.core.management.base import BaseCommand
+from django.utils import timezone
 
 from podcasts.models import PodcastFeed
-from podcasts.views import _refresh_feeds
+from podcasts.views import _in_backoff_q, _refresh_feeds
 
 
 class Command(BaseCommand):
     help = 'Refresh podcast feeds (fetch new episodes from RSS)'
 
     def add_arguments(self, parser):
-        parser.add_argument('--feed-id', type=int, help='Refresh only this feed ID')
+        parser.add_argument('--feed-id', type=int, help='Refresh only this feed ID (even when backing off)')
         parser.add_argument('--limit', type=int, default=0, help='Max number of feeds to refresh')
 
     def handle(self, *args, **options):
@@ -18,6 +17,10 @@ class Command(BaseCommand):
 
         if options['feed_id']:
             qs = qs.filter(pk=options['feed_id'])
+        else:
+            # A feed failing 3+ times in a row is tried every 2, 4, 8, 16,
+            # at most 24 hours instead of every hour.
+            qs = qs.exclude(_in_backoff_q(timezone.now()))
 
         if options['limit']:
             qs = qs[: options['limit']]
diff --git a/podcasts/migrations/0007_feed_http_cache.py b/podcasts/migrations/0007_feed_http_cache.py
new file mode 100644
index 0000000..0042231
--- /dev/null
+++ b/podcasts/migrations/0007_feed_http_cache.py
@@ -0,0 +1,38 @@
+# Generated by Django 6.1 on 2026-10-02 12:00
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0006_episodeprogress_favorite'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='http_etag',
+            field=models.CharField(blank=True, max_length=500),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='http_last_modified',
+            field=models.CharField(blank=True, max_length=100),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='last_error',
+            field=models.CharField(blank=True, max_length=500),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='last_error_at',
+            field=models.DateTimeField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='error_count',
+            field=models.PositiveIntegerField(default=0),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 24499b9..27b8e08 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -13,6 +13,15 @@ class PodcastFeed(models.Model):
     last_refreshed_at = models.DateTimeField(null=True, blank=True)
     added_at = models.DateTimeField(auto_now_add=True)
     auto_queue = models.BooleanField(default=False)
+    # HTTP validators of the last full (200) response, sent back as
+    # If-None-Match / If-Modified-Since so an unchanged feed costs a 304.
+    http_etag = models.CharField(max_length=500, blank=True)
+    http_last_modified = models.CharField(max_length=100, blank=True)
+    # The last failed refresh (network, HTTP status, not a feed); cleared on
+    # success. error_count counts failures in a row and drives the backoff.
+    last_error = models.CharField(max_length=500, blank=True)
+    last_error_at = models.DateTimeField(null=True, blank=True)
+    error_count = models.PositiveIntegerField(default=0)
 
     class Meta:
         unique_together = ('user', 'rss_url')
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 142630d..8922cfb 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -7,11 +7,16 @@ from django.contrib.auth.models import User
 from django.test import TestCase
 
 from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings
-from .views import _refresh_feed
+from .views import FeedFetch, _refresh_feed
 
 _parse = feedparser.parse
 
 
+def _ok(rss, **kw):
+    """What _fetch_feed returns for a 200 with this RSS."""
+    return FeedFetch(200, _parse(rss), **kw)
+
+
 def _rss(items):
     entries = ''.join(
         f'<item><guid>{guid}</guid><title>{guid}</title><pubDate>{date}</pubDate>'
@@ -157,7 +162,7 @@ class AutoQueueTests(TestCase):
         ])
 
     def refresh(self):
-        with patch('podcasts.views._fetch_feed', lambda url: _parse(self.rss)):
+        with patch('podcasts.views._fetch_feed', lambda url, **kw: _ok(self.rss)):
             _refresh_feed(self.feed)
         order = PodcastQueue.objects.filter(user=self.user).order_by('position')
         return [q.episode.guid for q in order]
@@ -189,7 +194,7 @@ class FirstFetchTests(TestCase):
         self.rss = _rss([(f'e{i}', f'Mon, {i + 1:02d} Jan 2026 10:00:00 GMT') for i in range(5)])
 
     def subscribe(self):
-        with patch('podcasts.views._fetch_feed', lambda url: _parse(self.rss)):
+        with patch('podcasts.views._fetch_feed', lambda url, **kw: _ok(self.rss)):
             return self.client.post('/podcasts/feeds/add/', json.dumps({'rss_url': 'https://example.org/f'}),
                                     content_type='application/json')
 
@@ -207,7 +212,7 @@ class FirstFetchTests(TestCase):
         self.subscribe()
         feed = PodcastFeed.objects.get(user=self.user)
         self.rss = _rss([(f'e{i}', f'Mon, {i + 1:02d} Jan 2026 10:00:00 GMT') for i in range(8)])
-        with patch('podcasts.views._fetch_feed', lambda url: _parse(self.rss)):
+        with patch('podcasts.views._fetch_feed', lambda url, **kw: _ok(self.rss)):
             _refresh_feed(feed)
         inbox = self.client.get('/podcasts/inbox/').json()['episodes']
         self.assertEqual([e['title'] for e in inbox], ['e7', 'e6', 'e5', 'e4'])
@@ -225,11 +230,11 @@ class RefreshAllTests(TestCase):
         self.bobs = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/a', title='A')
         self.fetched = []
 
-    def fake_fetch(self, url):
+    def fake_fetch(self, url, **kw):
         self.fetched.append(url)
         if url.endswith('/b'):
             raise ValueError('broken feed')
-        return _parse(_rss([(url[-1] + '1', 'Mon, 05 Jan 2026 10:00:00 GMT')]))
+        return _ok(_rss([(url[-1] + '1', 'Mon, 05 Jan 2026 10:00:00 GMT')]))
 
     def test_refresh_all_reports_counts_and_skips_recent(self):
         with patch('podcasts.views._fetch_feed', self.fake_fetch):
@@ -318,7 +323,7 @@ class FeedExtrasParsingTests(TestCase):
         self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed', title='Feed')
 
     def refresh(self, rss):
-        with patch('podcasts.views._fetch_feed', lambda url: _parse(rss)):
+        with patch('podcasts.views._fetch_feed', lambda url, **kw: _ok(rss)):
             _refresh_feed(self.feed)
 
     def test_feedparser_keys(self):
@@ -894,3 +899,329 @@ class OpmlExportTests(TestCase):
     def test_login_required(self):
         self.client.logout()
         self.assertEqual(self.client.get('/podcasts/feeds/export.opml').status_code, 401)
+
+
+# ---------------------------------------------------------------------------
+# Feed refresh: conditional GET, errors, permanent redirects, backoff
+# ---------------------------------------------------------------------------
+
+class _Hop:
+    def __init__(self, url, status):
+        self.url, self.status_code = url, status
+
+
+class _HttpResponse:
+    """Just enough of a requests.Response for _fetch_feed."""
+
+    def __init__(self, url, status=200, content=b'', headers=None, history=()):
+        self.url, self.status_code, self.content = url, status, content
+        self.headers = headers or {}
+        self.history = list(history)
+
+
+class FetchFeedTests(TestCase):
+    """_fetch_feed itself, with requests.get faked."""
+
+    RSS = _rss([('a', 'Mon, 05 Jan 2026 10:00:00 GMT')]).encode()
+
+    def fetch(self, response, url='https://example.org/feed', **kw):
+        calls = []
+
+        def fake_get(u, **kwargs):
+            calls.append(kwargs['headers'])
+            if isinstance(response, Exception):
+                raise response
+            return response
+
+        from .views import _fetch_feed
+        with patch('podcasts.views.requests.get', fake_get):
+            result = _fetch_feed(url, **kw)
+        return result, calls[0]
+
+    def error(self, response):
+        from .views import FeedFetchError
+        with self.assertRaises(FeedFetchError) as cm:
+            self.fetch(response)
+        return str(cm.exception)
+
+    def test_200_returns_parsed_feed_and_validators(self):
+        r, headers = self.fetch(_HttpResponse('https://example.org/feed', content=self.RSS, headers={
+            'ETag': '"v1"', 'Last-Modified': 'Mon, 05 Jan 2026 10:00:00 GMT'}))
+        self.assertEqual(r.status, 200)
+        self.assertEqual([e.title for e in r.parsed.entries], ['a'])
+        self.assertEqual((r.etag, r.last_modified), ('"v1"', 'Mon, 05 Jan 2026 10:00:00 GMT'))
+        self.assertEqual(r.permanent_url, 'https://example.org/feed')
+        self.assertNotIn('If-None-Match', headers)
+        self.assertNotIn('If-Modified-Since', headers)
+
+    def test_conditional_request_and_304(self):
+        r, headers = self.fetch(_HttpResponse('https://example.org/feed', status=304),
+                                etag='"v1"', last_modified='Mon, 05 Jan 2026 10:00:00 GMT')
+        self.assertEqual(headers['If-None-Match'], '"v1"')
+        self.assertEqual(headers['If-Modified-Since'], 'Mon, 05 Jan 2026 10:00:00 GMT')
+        self.assertEqual(r.status, 304)
+        self.assertIsNone(r.parsed)
+
+    def test_304_without_validators_is_an_error(self):
+        self.assertEqual(self.error(_HttpResponse('https://example.org/feed', status=304)), 'HTTP 304')
+
+    def test_errors(self):
+        import requests
+        self.assertEqual(self.error(_HttpResponse('https://example.org/feed', status=404)), 'HTTP 404')
+        self.assertEqual(self.error(_HttpResponse('https://example.org/feed', status=503)), 'HTTP 503')
+        self.assertEqual(self.error(requests.Timeout()), 'timeout')
+        self.assertEqual(self.error(requests.ConnectionError()), 'connection failed')
+        self.assertEqual(self.error(requests.TooManyRedirects()), 'too many redirects')
+        self.assertEqual(self.error(_HttpResponse('https://example.org/feed', content=b'<html><body><p>Hi')),
+                         'not a feed')
+        self.assertEqual(self.error(_HttpResponse('https://example.org/feed', content=b'\x00\xff garbage')),
+                         'not a feed')
+
+    def test_permanent_redirect_chain(self):
+        r, _ = self.fetch(_HttpResponse('https://c.org/feed', content=self.RSS, history=[
+            _Hop('https://example.org/feed', 301), _Hop('https://b.org/feed', 308)]))
+        self.assertEqual(r.permanent_url, 'https://c.org/feed')
+        self.assertEqual(r.final_url, 'https://c.org/feed')
+
+    def test_temporary_hop_ends_the_permanent_part(self):
+        r, _ = self.fetch(_HttpResponse('https://c.org/feed', content=self.RSS, history=[
+            _Hop('https://example.org/feed', 301), _Hop('https://b.org/feed', 302)]))
+        self.assertEqual(r.permanent_url, 'https://b.org/feed')
+        for status in (302, 307):
+            r, _ = self.fetch(_HttpResponse('https://c.org/feed', content=self.RSS, history=[
+                _Hop('https://example.org/feed', status), _Hop('https://b.org/feed', 301)]))
+            self.assertEqual(r.permanent_url, 'https://example.org/feed')
+
+
+class FeedRefreshTests(TestCase):
+    """What a refresh stores: validators, 304s, errors, moved feeds."""
+
+    V = {'etag': '"v1"', 'last_modified': 'Mon, 05 Jan 2026 10:00:00 GMT'}
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(
+            user=self.user, rss_url='https://example.org/feed', title='Feed',
+            last_refreshed_at=datetime(2026, 1, 1, tzinfo=timezone.utc),
+            http_etag=self.V['etag'], http_last_modified=self.V['last_modified'],
+        )
+        PodcastEpisode.objects.create(feed=self.feed, guid='old', title='Old', audio_url='https://example.org/old.mp3')
+        self.calls = []
+        self.answer = None
+
+    def fake_fetch(self, url, **kw):
+        self.calls.append((url, kw))
+        if isinstance(self.answer, Exception):
+            raise self.answer
+        return self.answer
+
+    def refresh(self, feeds=None):
+        from .views import _refresh_feeds
+        with patch('podcasts.views._fetch_feed', self.fake_fetch):
+            return _refresh_feeds(feeds or [self.feed])
+
+    def test_304_touches_no_episodes(self):
+        from .views import FeedFetch
+        self.feed.error_count, self.feed.last_error = 2, 'timeout'
+        self.feed.last_error_at = datetime(2026, 1, 2, tzinfo=timezone.utc)
+        self.feed.save()
+        self.answer = FeedFetch(304, None, **self.V)
+        with patch('podcasts.views.PodcastEpisode.objects.get_or_create') as create, \
+                patch('podcasts.views.PodcastEpisode.objects.bulk_update') as update:
+            self.assertEqual(self.refresh(), (1, 0, 0))
+        create.assert_not_called()
+        update.assert_not_called()
+        self.assertEqual(self.calls, [('https://example.org/feed', self.V)])
+        self.feed.refresh_from_db()
+        self.assertGreater(self.feed.last_refreshed_at, datetime(2026, 1, 1, tzinfo=timezone.utc))
+        self.assertEqual((self.feed.error_count, self.feed.last_error, self.feed.last_error_at), (0, '', None))
+        self.assertEqual((self.feed.http_etag, self.feed.http_last_modified), (self.V['etag'], self.V['last_modified']))
+        self.assertEqual(self.feed.episodes.count(), 1)
+
+    def test_200_stores_new_validators(self):
+        self.answer = _ok(_rss([('new', 'Mon, 05 Jan 2026 10:00:00 GMT')]), etag='"v2"', last_modified='')
+        self.assertEqual(self.refresh(), (1, 0, 1))
+        self.feed.refresh_from_db()
+        self.assertEqual((self.feed.http_etag, self.feed.http_last_modified), ('"v2"', ''))
+
+    def test_first_fetch_is_never_conditional(self):
+        self.feed.last_refreshed_at = None
+        self.feed.save()
+        self.answer = _ok(_rss([]))
+        self.refresh()
+        self.assertEqual(self.calls, [('https://example.org/feed', {})])
+        # Nothing stored yet either: unconditional.
+        self.calls.clear()
+        new = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/n', title='N')
+        self.refresh([new])
+        self.assertEqual(self.calls, [('https://example.org/n', {})])
+
+    def test_shared_url_validators_only_when_all_agree(self):
+        from .views import FeedFetch
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        bobs = PodcastFeed.objects.create(
+            user=bob, rss_url='https://example.org/feed', title='Feed',
+            last_refreshed_at=datetime(2026, 1, 1, tzinfo=timezone.utc),
+            http_etag=self.V['etag'], http_last_modified=self.V['last_modified'],
+        )
+        self.answer = FeedFetch(304, None, **self.V)
+        self.assertEqual(self.refresh([self.feed, bobs]), (2, 0, 0))
+        self.assertEqual(self.calls, [('https://example.org/feed', self.V)])
+
+        # Bob's copy has other validators: one full download for both.
+        bobs.http_etag = '"v0"'
+        bobs.save()
+        self.calls.clear()
+        self.answer = _ok(_rss([('new', 'Mon, 05 Jan 2026 10:00:00 GMT')]), etag='"v2"')
+        self.assertEqual(self.refresh([self.feed, bobs]), (2, 0, 2))
+        self.assertEqual(self.calls, [('https://example.org/feed', {})])
+        self.assertEqual(set(PodcastFeed.objects.values_list('http_etag', flat=True)), {'"v2"'})
+
+        # Carol just subscribed (never fetched): a full download as well.
+        carol = User.objects.create_user(username='carol', password='pw12345678')
+        carols = PodcastFeed.objects.create(user=carol, rss_url='https://example.org/feed', title='Feed',
+                                            http_etag='"v2"')
+        self.calls.clear()
+        self.refresh([self.feed, PodcastFeed.objects.get(pk=bobs.pk), carols])
+        self.assertEqual(self.calls, [('https://example.org/feed', {})])
+        self.assertEqual(PodcastEpisode.objects.filter(feed=carols).count(), 1)
+
+    def test_errors_are_counted_and_cleared(self):
+        from .views import FeedFetchError
+        self.answer = FeedFetchError('HTTP 404')
+        self.assertEqual(self.refresh(), (0, 1, 0))
+        self.feed.refresh_from_db()
+        self.assertEqual(self.refresh([self.feed]), (0, 1, 0))
+        self.feed.refresh_from_db()
+        self.assertEqual((self.feed.last_error, self.feed.error_count), ('HTTP 404', 2))
+        self.assertIsNotNone(self.feed.last_error_at)
+        # Unchanged otherwise: still the last good refresh.
+        self.assertEqual(self.feed.last_refreshed_at, datetime(2026, 1, 1, tzinfo=timezone.utc))
+
+        feeds = self.client.get('/podcasts/feeds/').json()['feeds']
+        self.assertEqual(feeds[0]['last_error'], 'HTTP 404')
+        self.assertEqual(feeds[0]['error_count'], 2)
+        self.assertEqual(feeds[0]['last_error_at'], self.feed.last_error_at.isoformat())
+        state = self.client.get('/podcasts/state/').json()['feeds']
+        self.assertEqual(state[0]['error_count'], 2)
+
+        self.answer = _ok(_rss([('new', 'Mon, 05 Jan 2026 10:00:00 GMT')]))
+        self.assertEqual(self.refresh([self.feed]), (1, 0, 1))
+        feeds = self.client.get('/podcasts/feeds/').json()['feeds']
+        self.assertEqual((feeds[0]['last_error'], feeds[0]['last_error_at'], feeds[0]['error_count']), ('', None, 0))
+
+    def test_refresh_now_reports_and_stores_the_error(self):
+        from .views import FeedFetchError
+        self.answer = FeedFetchError('not a feed')
+        with patch('podcasts.views._fetch_feed', self.fake_fetch):
+            r = self.client.post('/podcasts/feeds/refresh/', json.dumps({'feed_id': self.feed.id}),
+                                 content_type='application/json')
+        self.assertEqual(r.status_code, 502)
+        self.assertEqual(r.json()['error'], 'not a feed')
+        self.assertEqual(self.calls, [('https://example.org/feed', self.V)])
+        self.feed.refresh_from_db()
+        self.assertEqual((self.feed.last_error, self.feed.error_count), ('not a feed', 1))
+
+    def test_failed_subscription_is_not_kept(self):
+        from .views import FeedFetchError
+        self.answer = FeedFetchError('HTTP 404')
+        with patch('podcasts.views._fetch_feed', self.fake_fetch):
+            r = self.client.post('/podcasts/feeds/add/', json.dumps({'rss_url': 'https://example.org/gone'}),
+                                 content_type='application/json')
+        self.assertEqual(r.status_code, 400)
+        self.assertIn('HTTP 404', r.json()['error'])
+        self.assertEqual(self.calls, [('https://example.org/gone', {})])
+        self.assertFalse(PodcastFeed.objects.filter(rss_url='https://example.org/gone').exists())
+
+    def test_permanent_redirect_moves_the_subscription(self):
+        self.answer = _ok(_rss([('new', 'Mon, 05 Jan 2026 10:00:00 GMT')]),
+                          final_url='https://new.org/feed', permanent_url='https://new.org/feed')
+        self.assertEqual(self.refresh(), (1, 0, 1))
+        self.feed.refresh_from_db()
+        self.assertEqual(self.feed.rss_url, 'https://new.org/feed')
+        self.assertEqual(self.feed.episodes.count(), 2)
+
+    def test_permanent_redirect_to_a_url_the_user_has_already(self):
+        other = PodcastFeed.objects.create(user=self.user, rss_url='https://new.org/feed', title='Other')
+        self.answer = _ok(_rss([('new', 'Mon, 05 Jan 2026 10:00:00 GMT')]), etag='"v2"',
+                          final_url='https://new.org/feed', permanent_url='https://new.org/feed')
+        self.assertEqual(self.refresh(), (1, 0, 1))
+        self.feed.refresh_from_db()
+        self.assertEqual(self.feed.rss_url, 'https://example.org/feed')
+        self.assertEqual((self.feed.error_count, self.feed.http_etag), (0, '"v2"'))
+        self.assertEqual(PodcastFeed.objects.get(pk=other.pk).rss_url, 'https://new.org/feed')
+
+    def test_temporary_redirect_keeps_the_url(self):
+        self.answer = _ok(_rss([]), final_url='https://tmp.org/feed', permanent_url='https://example.org/feed')
+        self.refresh()
+        self.feed.refresh_from_db()
+        self.assertEqual(self.feed.rss_url, 'https://example.org/feed')
+
+
+class FeedBackoffTests(TestCase):
+    """The hourly job tries a feed failing 3+ times in a row less often."""
+
+    def setUp(self):
+        from django.utils import timezone as dj_tz
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        now = dj_tz.now()
+        long_ago = datetime(2026, 1, 1, tzinfo=timezone.utc)
+        # (name, error_count, hours since the last error) -> due in the hourly job?
+        self.cases = {
+            'ok': (0, None, True),
+            'two': (2, 0.2, True),
+            'three-early': (3, 1, False),   # waits 2 h
+            'three-due': (3, 2.5, True),
+            'four-early': (4, 3, False),    # waits 4 h
+            'four-due': (4, 4.5, True),
+            'six-early': (6, 15, False),    # waits 16 h
+            'six-due': (6, 17, True),
+            'ten-early': (10, 23, False),   # capped at 24 h
+            'ten-due': (10, 25, True),
+        }
+        self.feeds = {}
+        for name, (count, hours, _) in self.cases.items():
+            self.feeds[name] = PodcastFeed.objects.create(
+                user=self.user, rss_url=f'https://example.org/{name}', title=name,
+                last_refreshed_at=long_ago, error_count=count, last_error='timeout' if count else '',
+                last_error_at=now - timedelta(hours=hours) if hours is not None else None,
+            )
+        self.fetched = []
+
+    def fake_fetch(self, url, **kw):
+        self.fetched.append(url.rsplit('/', 1)[1])
+        return _ok(_rss([]))
+
+    def run_command(self, *args):
+        from io import StringIO
+        from django.core.management import call_command
+        out = StringIO()
+        with patch('podcasts.views._fetch_feed', self.fake_fetch):
+            call_command('refresh_feeds', *args, stdout=out)
+        return out.getvalue()
+
+    def test_hourly_job_skips_feeds_in_backoff(self):
+        out = self.run_command()
+        due = {name for name, (_, _, is_due) in self.cases.items() if is_due}
+        self.assertEqual(set(self.fetched), due)
+        self.assertIn(f'{len(due)} feeds refreshed, 0 failed', out)
+
+    def test_explicit_feed_id_ignores_backoff(self):
+        self.run_command('--feed-id', str(self.feeds['ten-early'].id))
+        self.assertEqual(self.fetched, ['ten-early'])
+
+    def test_user_refresh_all_tries_them_but_respects_max_age(self):
+        from django.utils import timezone as dj_tz
+        recent = self.feeds['three-early']
+        recent.last_refreshed_at = dj_tz.now() - timedelta(seconds=60)
+        recent.save()
+        with patch('podcasts.views._fetch_feed', self.fake_fetch):
+            r = self.client.post('/podcasts/feeds/refresh-all/', '{}', content_type='application/json')
+        self.assertEqual(set(self.fetched), set(self.cases) - {'three-early'})
+        self.assertEqual(r.json()['refreshed'], len(self.cases) - 1)
+
+    def test_backoff_hours(self):
+        from .views import _backoff_hours
+        self.assertEqual([_backoff_hours(n) for n in range(0, 9)], [0, 0, 0, 2, 4, 8, 16, 24, 24])
diff --git a/podcasts/views.py b/podcasts/views.py
index f38f967..d12a521 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -2,12 +2,14 @@ import json
 import logging
 import urllib.parse
 from concurrent.futures import ThreadPoolExecutor
+from dataclasses import dataclass
 from datetime import timedelta
 import xml.etree.ElementTree as ET
 
 import feedparser
 import requests
 from django.conf import settings
+from django.db import IntegrityError, transaction
 from django.db.models import (
     Case, Count, Exists, F, FilteredRelation, IntegerField, Max, OuterRef, Q, Sum, Value, When,
 )
@@ -214,11 +216,141 @@ EXTRA_FIELDS = ['description', 'transcripts', 'chapters_url', 'chapters', 'chapt
 # Shared feed refresh helper
 # ---------------------------------------------------------------------------
 
-def _fetch_feed(url):
-    """Download and parse a feed (with a timeout, unlike feedparser's own fetch)."""
-    r = requests.get(url, timeout=FEED_TIMEOUT, headers={'User-Agent': 'diora podcast refresh'})
-    r.raise_for_status()
-    return feedparser.parse(r.content, response_headers={'content-location': r.url, **r.headers})
+class FeedFetchError(Exception):
+    """A feed that could not be fetched or is not a feed; str() is the short
+    message stored in PodcastFeed.last_error ("HTTP 404", "timeout", …)."""
+
+
+@dataclass
+class FeedFetch:
+    """What _fetch_feed got. status 200: `parsed` is the feedparser result and
+    etag/last_modified are the new validators ('' when the server sent none).
+    status 304: unchanged since the validators that were sent, parsed is None.
+    final_url is where the content came from after all redirects;
+    permanent_url is the requested URL after following only the 301/308 hops
+    at the start of the redirect chain (== the requested URL without one)."""
+    status: int
+    parsed: object = None
+    etag: str = ''
+    last_modified: str = ''
+    final_url: str = ''
+    permanent_url: str = ''
+
+
+PERMANENT_REDIRECTS = (301, 308)
+
+
+def _fetch_feed(url, etag='', last_modified=''):
+    """Download and parse a feed (with a timeout, unlike feedparser's own
+    fetch). With etag/last_modified it is a conditional GET. Returns a
+    FeedFetch; raises FeedFetchError when there is nothing usable."""
+    headers = {'User-Agent': 'diora podcast refresh'}
+    if etag:
+        headers['If-None-Match'] = etag
+    if last_modified:
+        headers['If-Modified-Since'] = last_modified
+    try:
+        r = requests.get(url, timeout=FEED_TIMEOUT, headers=headers)
+    except requests.Timeout:
+        raise FeedFetchError('timeout')
+    except requests.TooManyRedirects:
+        raise FeedFetchError('too many redirects')
+    except requests.ConnectionError:
+        raise FeedFetchError('connection failed')
+    except requests.RequestException as e:
+        raise FeedFetchError(f'request failed ({type(e).__name__})')
+
+    # Each hop's target is the next hop's URL (the last one's is r.url).
+    permanent_url = url
+    targets = [h.url for h in r.history[1:]] + [r.url]
+    for hop, target in zip(r.history, targets):
+        if hop.status_code not in PERMANENT_REDIRECTS:
+            break
+        permanent_url = target
+
+    if r.status_code == 304:
+        if not (etag or last_modified):
+            raise FeedFetchError('HTTP 304')  # nothing to be unchanged from
+        return FeedFetch(304, None, etag, last_modified, r.url, permanent_url)
+    if r.status_code >= 400:
+        raise FeedFetchError(f'HTTP {r.status_code}')
+
+    parsed = feedparser.parse(r.content, response_headers={'content-location': r.url, **r.headers})
+    if parsed.get('bozo') and not parsed.entries and not parsed.feed.get('title'):
+        raise FeedFetchError('not a feed')
+    new_etag = r.headers.get('ETag', '')
+    new_modified = r.headers.get('Last-Modified', '')
+    return FeedFetch(
+        r.status_code, parsed,
+        # A validator too long to store is dropped (a truncated one never matches).
+        new_etag if len(new_etag) <= 500 else '',
+        new_modified if len(new_modified) <= 100 else '',
+        r.url, permanent_url,
+    )
+
+
+def _validators(feeds):
+    """If-None-Match / If-Modified-Since for one download that serves all
+    `feeds` (several users' subscriptions of the same URL): only when every
+    one of them was fetched before and stored the same validators, because a
+    304 then skips all of them. Otherwise {} (a full response)."""
+    pairs = {(f.http_etag, f.http_last_modified) for f in feeds}
+    if len(pairs) != 1 or any(f.last_refreshed_at is None for f in feeds):
+        return {}
+    etag, last_modified = pairs.pop()
+    if not (etag or last_modified):
+        return {}
+    return {'etag': etag, 'last_modified': last_modified}
+
+
+def _error_text(e):
+    if isinstance(e, FeedFetchError):
+        return str(e)[:500]
+    return (str(e) or type(e).__name__)[:500]
+
+
+def _record_error(feed_obj, e):
+    feed_obj.last_error = _error_text(e)
+    feed_obj.last_error_at = timezone.now()
+    feed_obj.error_count += 1
+    try:
+        feed_obj.save(update_fields=['last_error', 'last_error_at', 'error_count'])
+    except Exception:
+        log.exception('could not store the refresh error of feed %s', feed_obj.pk)
+
+
+ERROR_FIELDS = ['last_error', 'last_error_at', 'error_count']
+
+
+def _clear_error(feed_obj):
+    feed_obj.last_error = ''
+    feed_obj.last_error_at = None
+    feed_obj.error_count = 0
+
+
+BACKOFF_AFTER = 3        # failures in a row before the hourly job backs off
+BACKOFF_MAX_HOURS = 24
+
+
+def _backoff_hours(error_count):
+    """Hours between hourly-job attempts for a feed failing error_count
+    times in a row: 2, 4, 8, 16, 24 … from the third failure on."""
+    if error_count < BACKOFF_AFTER:
+        return 0
+    return min(2 ** (error_count - 2), BACKOFF_MAX_HOURS)
+
+
+def _in_backoff_q(now=None):
+    """Q for feeds that failed too often to be tried again yet."""
+    now = now or timezone.now()
+    n = BACKOFF_AFTER
+    while _backoff_hours(n) < BACKOFF_MAX_HOURS:
+        n += 1
+    # From n failures on the wait is capped; below, one term per count.
+    q = Q(error_count__gte=n, last_error_at__gt=now - timedelta(hours=BACKOFF_MAX_HOURS))
+    for count in range(BACKOFF_AFTER, n):
+        q |= Q(error_count=count, last_error_at__gt=now - timedelta(hours=_backoff_hours(count)))
+    return q
 
 
 def _refresh_feeds(feeds, chunk=32):
@@ -229,27 +361,31 @@ def _refresh_feeds(feeds, chunk=32):
     refreshed = failed = new = 0
     for start in range(0, len(feeds), chunk):
         part = feeds[start:start + chunk]
-        urls = sorted({f.rss_url for f in part})
+        by_url = {}
+        for f in part:
+            by_url.setdefault(f.rss_url, []).append(f)
         results = {}
 
         def fetch(url):
             try:
-                return url, _fetch_feed(url), None
+                return url, _fetch_feed(url, **_validators(by_url[url])), None
             except Exception as e:  # network, HTTP or parser trouble: report and go on
                 return url, None, e
 
+        urls = sorted(by_url)
         with ThreadPoolExecutor(max_workers=min(FEED_WORKERS, len(urls) or 1)) as pool:
-            for url, parsed, err in pool.map(fetch, urls):
-                results[url] = (parsed, err)
+            for url, fetched, err in pool.map(fetch, urls):
+                results[url] = (fetched, err)
 
         for feed in part:
-            parsed, err = results[feed.rss_url]
+            fetched, err = results[feed.rss_url]
             if err is not None:
                 failed += 1
                 log.warning('refreshing %s failed: %s', feed.rss_url, err)
+                _record_error(feed, err)
                 continue
             try:
-                new += _refresh_feed(feed, parsed)
+                new += _refresh_feed(feed, fetched)
                 refreshed += 1
             except Exception as e:
                 failed += 1
@@ -257,10 +393,47 @@ def _refresh_feeds(feeds, chunk=32):
     return refreshed, failed, new
 
 
-def _refresh_feed(feed_obj, parsed=None):
-    """Parse rss_url and upsert episodes. Returns count of new episodes."""
-    if parsed is None:
-        parsed = _fetch_feed(feed_obj.rss_url)
+def _refresh_feed(feed_obj, fetched=None):
+    """Fetch rss_url (unless `fetched`, a FeedFetch, is given) and upsert
+    episodes. Returns count of new episodes. A failure is stored on the feed
+    (last_error, error_count) and raised again."""
+    if fetched is None:
+        try:
+            fetched = _fetch_feed(feed_obj.rss_url, **_validators([feed_obj]))
+        except Exception as e:
+            _record_error(feed_obj, e)
+            raise
+    try:
+        return _apply_feed(feed_obj, fetched)
+    except Exception as e:
+        _record_error(feed_obj, e)
+        raise
+
+
+def _move_to_permanent_url(feed_obj, new_url):
+    """The feed answered with a permanent redirect: subscribe to the new URL,
+    unless the user already has that one too (then nothing changes)."""
+    if not new_url or new_url == feed_obj.rss_url or len(new_url) > 1000:
+        return
+    try:
+        with transaction.atomic():
+            PodcastFeed.objects.filter(pk=feed_obj.pk).update(rss_url=new_url)
+    except IntegrityError:  # the user's other subscription has it
+        return
+    log.info('feed %s moved permanently: %s -> %s', feed_obj.pk, feed_obj.rss_url, new_url)
+    feed_obj.rss_url = new_url
+
+
+def _apply_feed(feed_obj, fetched):
+    now = timezone.now()
+    if fetched.status == 304:
+        # Unchanged since the last full download: nothing to parse or write.
+        feed_obj.last_refreshed_at = now
+        _clear_error(feed_obj)
+        feed_obj.save(update_fields=['last_refreshed_at', *ERROR_FIELDS])
+        return 0
+
+    parsed = fetched.parsed
     channel = parsed.feed
     # The first fetch of a new subscription brings the whole back catalogue.
     first_fetch = feed_obj.last_refreshed_at is None
@@ -278,7 +451,7 @@ def _refresh_feed(feed_obj, parsed=None):
         or image.get('url', '')
     )[:1000]
 
-    feed_obj.last_refreshed_at = timezone.now()
+    feed_obj.last_refreshed_at = now
     feed_obj.save()
 
     max_ep = getattr(settings, 'PODCAST_MAX_EPISODES_PER_FEED', 200)
@@ -393,6 +566,13 @@ def _refresh_feed(feed_obj, parsed=None):
         ordered = newest_first if where != PodcastSettings.BACK else newest_first[::-1]
         _enqueue(feed_obj.user, [e.id for e in ordered], where)
 
+    # Only now, with every episode written: the validators (a 304 next time
+    # skips all of the above) and a clean error state.
+    feed_obj.http_etag = fetched.etag
+    feed_obj.http_last_modified = fetched.last_modified
+    _clear_error(feed_obj)
+    feed_obj.save(update_fields=['http_etag', 'http_last_modified', *ERROR_FIELDS])
+    _move_to_permanent_url(feed_obj, fetched.permanent_url)
     return new_count
 
 
@@ -443,12 +623,17 @@ def _feeds_data(user):
     feeds = list(
         user.podcast_feeds
         .annotate(latest_episode_at=Max('episodes__pub_date'))
-        .values('id', 'title', 'artwork_url', 'rss_url', 'last_refreshed_at', 'author', 'added_at', 'auto_queue', 'latest_episode_at')
+        .values(
+            'id', 'title', 'artwork_url', 'rss_url', 'last_refreshed_at', 'author', 'added_at', 'auto_queue',
+            'latest_episode_at', 'last_error', 'last_error_at', 'error_count',
+        )
     )
 
     for f in feeds:
         if f['last_refreshed_at']:
             f['last_refreshed_at'] = f['last_refreshed_at'].isoformat()
+        if f['last_error_at']:
+            f['last_error_at'] = f['last_error_at'].isoformat()
         if f['added_at']:
             f['added_at'] = f['added_at'].isoformat()
         if f['latest_episode_at']:
@@ -957,7 +1142,8 @@ def refresh_feed_now(request):
 def refresh_all_feeds(request):
     """Refresh all of the user's feeds on the server in one go. Feeds the
     hourly job (or an earlier call) refreshed within `max_age` seconds are
-    skipped. Clients then fetch the result once (state/, inbox/ …)."""
+    skipped. Clients then fetch the result once (state/, inbox/ …).
+    The user asked, so feeds the hourly job backs off from are tried too."""
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
     try:

From 7fdcbb4a3d9607a864348473ad9f5c5bfbfe770c Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 09:47:49 +0200
Subject: [PATCH 032/176] =?UTF-8?q?Podcasts:=20Einstellungen=20pro=20Podca?=
 =?UTF-8?q?st=20auf=20dem=20Server,=20Regeln=20f=C3=BCr=20neue=20Folgen,?=
 =?UTF-8?q?=20Warteschlange=20sortiert=20halten?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- PodcastFeed (Migration 0007_feed_settings): playback_speed (null = Tempo
  des Geräts), skip_intro, skip_outro, volume (0.2/0.5/1.0/1.5/2.0/2.5),
  new_episodes (inbox/queue/ignore), include_words, exclude_words,
  min_duration. Abos mit auto_queue bekommen new_episodes='queue';
  auto_queue bleibt gleich (new_episodes == 'queue'), auch über
  set-auto-queue/ und beim Speichern im Code.
- POST feeds/<id>/settings/: beliebige Teilmenge, prüft jeden Wert (400 mit
  Feldname, dann wird nichts geändert), nur eigene Abos (sonst 404);
  Antwort sind alle Einstellungen des Abos. feeds/ und state/ liefern sie
  für jedes Abo mit.
- Neue Folgen beim Aktualisieren: was am Filter scheitert (keins der
  Wörter, ein Ausschlusswort im Titel, kürzer als die Mindestlänge) und
  bei 'ignore' alles verlässt sofort „Neu“ (nicht gehört); 'queue' reiht
  an der auto_queue_position ein; 'inbox' wie bisher. Beim ersten Abruf
  zählt weiter nur die neueste Folge.
- PodcastSettings.keep_sorted ('', new, old, short, long, feed): danach
  wird die ganze Warteschlange nach jedem Einreihen, jedem Umsortieren und
  beim Einschalten neu sortiert; settings/ und state/ liefern den Wert.
- Tests für alles davon.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/migrations/0007_feed_settings.py |  74 +++++
 podcasts/models.py                        |  94 +++++-
 podcasts/tests.py                         | 369 +++++++++++++++++++++-
 podcasts/urls.py                          |   1 +
 podcasts/views.py                         | 180 ++++++++++-
 5 files changed, 709 insertions(+), 9 deletions(-)
 create mode 100644 podcasts/migrations/0007_feed_settings.py

diff --git a/podcasts/migrations/0007_feed_settings.py b/podcasts/migrations/0007_feed_settings.py
new file mode 100644
index 0000000..5f61cd8
--- /dev/null
+++ b/podcasts/migrations/0007_feed_settings.py
@@ -0,0 +1,74 @@
+from django.db import migrations, models
+
+
+def auto_queue_to_new_episodes(apps, schema_editor):
+    """Feeds that queued their new episodes keep doing so."""
+    PodcastFeed = apps.get_model('podcasts', 'PodcastFeed')
+    PodcastFeed.objects.filter(auto_queue=True).update(new_episodes='queue')
+
+
+def new_episodes_to_auto_queue(apps, schema_editor):
+    PodcastFeed = apps.get_model('podcasts', 'PodcastFeed')
+    PodcastFeed.objects.filter(new_episodes='queue').update(auto_queue=True)
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0006_episodeprogress_favorite'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='exclude_words',
+            field=models.CharField(blank=True, max_length=500),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='include_words',
+            field=models.CharField(blank=True, max_length=500),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='min_duration',
+            field=models.PositiveIntegerField(default=0),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='new_episodes',
+            field=models.CharField(
+                choices=[('inbox', 'In „Neu“'), ('queue', 'In die Warteschlange'), ('ignore', 'Nicht anzeigen')],
+                default='inbox', max_length=10),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='playback_speed',
+            field=models.FloatField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='skip_intro',
+            field=models.PositiveIntegerField(default=0),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='skip_outro',
+            field=models.PositiveIntegerField(default=0),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='volume',
+            field=models.FloatField(default=1.0),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='keep_sorted',
+            field=models.CharField(
+                blank=True,
+                choices=[('', 'Aus'), ('new', 'Neueste zuerst'), ('old', 'Älteste zuerst'),
+                         ('short', 'Kürzeste zuerst'), ('long', 'Längste zuerst'), ('feed', 'Nach Podcast')],
+                default='', max_length=10),
+        ),
+        migrations.RunPython(auto_queue_to_new_episodes, new_episodes_to_auto_queue),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 24499b9..ff19425 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -3,6 +3,18 @@ from django.db import models
 
 
 class PodcastFeed(models.Model):
+    # What happens to a new episode of this feed (one that passed the filter).
+    NEW_INBOX = 'inbox'
+    NEW_QUEUE = 'queue'
+    NEW_IGNORE = 'ignore'
+    NEW_EPISODE_ACTIONS = [
+        (NEW_INBOX, 'In „Neu“'),
+        (NEW_QUEUE, 'In die Warteschlange'),
+        (NEW_IGNORE, 'Nicht anzeigen'),
+    ]
+    # Volume factors: below 1 quieter, above 1 louder (the apps boost those).
+    VOLUMES = (0.2, 0.5, 1.0, 1.5, 2.0, 2.5)
+
     user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='podcast_feeds')
     rss_url = models.URLField(max_length=1000)
     title = models.CharField(max_length=300)
@@ -12,8 +24,22 @@ class PodcastFeed(models.Model):
     link = models.URLField(max_length=1000, blank=True)
     last_refreshed_at = models.DateTimeField(null=True, blank=True)
     added_at = models.DateTimeField(auto_now_add=True)
+    # Always the same as new_episodes == 'queue' (see save()); kept for the
+    # web UI's toggle and older clients.
     auto_queue = models.BooleanField(default=False)
 
+    # Playback, for every device: null = the device's own speed.
+    playback_speed = models.FloatField(null=True, blank=True)
+    skip_intro = models.PositiveIntegerField(default=0)   # seconds
+    skip_outro = models.PositiveIntegerField(default=0)   # seconds
+    volume = models.FloatField(default=1.0)               # one of VOLUMES
+    # New episodes: what happens to them, and which ones count at all.
+    new_episodes = models.CharField(max_length=10, choices=NEW_EPISODE_ACTIONS, default=NEW_INBOX)
+    # Comma-separated words, case-insensitive, matched against the title.
+    include_words = models.CharField(max_length=500, blank=True)
+    exclude_words = models.CharField(max_length=500, blank=True)
+    min_duration = models.PositiveIntegerField(default=0)  # minutes, 0 = any
+
     class Meta:
         unique_together = ('user', 'rss_url')
         ordering = ['title']
@@ -21,6 +47,58 @@ class PodcastFeed(models.Model):
     def __str__(self):
         return self.title
 
+    @classmethod
+    def from_db(cls, *args, **kwargs):
+        obj = super().from_db(*args, **kwargs)
+        obj._remember_sync()
+        return obj
+
+    def refresh_from_db(self, *args, **kwargs):
+        super().refresh_from_db(*args, **kwargs)
+        self._remember_sync()
+
+    def _remember_sync(self):
+        self._synced = (self.__dict__.get('auto_queue'), self.__dict__.get('new_episodes'))
+
+    def _sync_auto_queue(self):
+        """Keep auto_queue == (new_episodes == 'queue'). Whichever of the two
+        was changed since loading (or, for a new feed, set away from its
+        default) wins; new_episodes if both were."""
+        auto_before, new_before = getattr(self, '_synced', (False, self.NEW_INBOX))
+        if self.new_episodes != new_before or self.auto_queue == auto_before:
+            self.auto_queue = self.new_episodes == self.NEW_QUEUE
+        elif self.auto_queue:
+            self.new_episodes = self.NEW_QUEUE
+        elif self.new_episodes == self.NEW_QUEUE:
+            self.new_episodes = self.NEW_INBOX
+
+    def save(self, *args, **kwargs):
+        update_fields = kwargs.get('update_fields')
+        if update_fields is not None and not {'auto_queue', 'new_episodes'} & set(update_fields):
+            return super().save(*args, **kwargs)
+        self._sync_auto_queue()
+        if update_fields is not None:
+            kwargs['update_fields'] = set(update_fields) | {'auto_queue', 'new_episodes'}
+        super().save(*args, **kwargs)
+        self._remember_sync()
+
+    def matches_filter(self, title, duration_seconds):
+        """Whether a new episode passes this feed's filter: an include word
+        (if any are given), no exclude word, and long enough (if known)."""
+        title = (title or '').casefold()
+        include = _words(self.include_words)
+        if include and not any(w in title for w in include):
+            return False
+        if any(w in title for w in _words(self.exclude_words)):
+            return False
+        if self.min_duration and duration_seconds and duration_seconds < self.min_duration * 60:
+            return False
+        return True
+
+
+def _words(raw):
+    return [w.strip().casefold() for w in (raw or '').split(',') if w.strip()]
+
 
 class PodcastEpisode(models.Model):
     feed = models.ForeignKey(PodcastFeed, on_delete=models.CASCADE, related_name='episodes')
@@ -94,8 +172,8 @@ class PodcastQueue(models.Model):
 
 class PodcastSettings(models.Model):
     """A user's podcast preferences. Where episodes go in the queue: when added
-    by hand (also when played from outside the queue), and when a feed with
-    auto_queue brings new ones."""
+    by hand (also when played from outside the queue), and when a feed that
+    queues its new episodes brings some; and whether the queue stays sorted."""
     BACK = 'back'
     FRONT = 'front'
     AFTER_CURRENT = 'after_current'
@@ -105,10 +183,22 @@ class PodcastSettings(models.Model):
         (AFTER_CURRENT, 'Nach der laufenden Folge'),
     ]
 
+    # Keep the queue sorted: after every change the whole queue is sorted
+    # again by this rule ('' = off, the user's own order).
+    SORT_ORDERS = [
+        ('', 'Aus'),
+        ('new', 'Neueste zuerst'),
+        ('old', 'Älteste zuerst'),
+        ('short', 'Kürzeste zuerst'),
+        ('long', 'Längste zuerst'),
+        ('feed', 'Nach Podcast'),
+    ]
+
     user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='podcast_settings')
     enqueue_position = models.CharField(max_length=20, choices=POSITIONS, default=BACK)
     # front = how auto-queue always worked before this setting existed
     auto_queue_position = models.CharField(max_length=20, choices=POSITIONS, default=FRONT)
+    keep_sorted = models.CharField(max_length=10, choices=SORT_ORDERS, default='', blank=True)
 
     @classmethod
     def for_user(cls, user):
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 142630d..8ed25df 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -13,12 +13,16 @@ _parse = feedparser.parse
 
 
 def _rss(items):
+    """Items are (guid, date) or (guid, date, extra XML inside the <item>);
+    the guid is the title too."""
     entries = ''.join(
         f'<item><guid>{guid}</guid><title>{guid}</title><pubDate>{date}</pubDate>'
-        f'<enclosure url="https://example.org/{guid}.mp3" type="audio/mpeg" length="1"/></item>'
-        for guid, date in items
+        f'<enclosure url="https://example.org/{guid}.mp3" type="audio/mpeg" length="1"/>{extra[0] if extra else ""}'
+        f'</item>'
+        for guid, date, *extra in items
     )
-    return f'<?xml version="1.0"?><rss version="2.0"><channel><title>Feed</title>{entries}</channel></rss>'
+    return ('<?xml version="1.0"?><rss version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd">'
+            f'<channel><title>Feed</title>{entries}</channel></rss>')
 
 
 class QueuePositionTests(TestCase):
@@ -260,7 +264,8 @@ class RefreshAllTests(TestCase):
         self.assertTrue(data['inbox'][0]['in_queue'])
         # Shownotes stay out of the one-request state (they can be large).
         self.assertNotIn('description', data['inbox'][0])
-        self.assertEqual(data['settings'], {'enqueue_position': 'back', 'auto_queue_position': 'front'})
+        self.assertEqual(data['settings'], {'enqueue_position': 'back', 'auto_queue_position': 'front',
+                                            'keep_sorted': ''})
 
 
 # ---------------------------------------------------------------------------
@@ -894,3 +899,359 @@ class OpmlExportTests(TestCase):
     def test_login_required(self):
         self.client.logout()
         self.assertEqual(self.client.get('/podcasts/feeds/export.opml').status_code, 401)
+
+
+# ---------------------------------------------------------------------------
+# Per-feed settings, new-episode rules, keep the queue sorted
+# ---------------------------------------------------------------------------
+
+FEED_DEFAULTS = {
+    'playback_speed': None, 'skip_intro': 0, 'skip_outro': 0, 'volume': 1.0, 'new_episodes': 'inbox',
+    'include_words': '', 'exclude_words': '', 'min_duration': 0, 'auto_queue': False,
+}
+
+
+class FeedSettingsTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed', title='Feed')
+
+    def post(self, body, feed=None):
+        return self.client.post(f'/podcasts/feeds/{(feed or self.feed).id}/settings/', json.dumps(body),
+                                content_type='application/json')
+
+    def test_defaults(self):
+        r = self.post({})
+        self.assertEqual(r.status_code, 200)
+        self.assertEqual(r.json(), {'feed_id': self.feed.id, **FEED_DEFAULTS})
+
+    def test_change_some(self):
+        r = self.post({'playback_speed': 1.5, 'skip_intro': 30, 'skip_outro': 600, 'volume': 2,
+                       'include_words': ' News, Talk ', 'exclude_words': 'Teaser', 'min_duration': 10,
+                       'unknown': 'ignored'})
+        self.assertEqual(r.json(), {
+            'feed_id': self.feed.id, 'playback_speed': 1.5, 'skip_intro': 30, 'skip_outro': 600, 'volume': 2.0,
+            'new_episodes': 'inbox', 'include_words': 'News, Talk', 'exclude_words': 'Teaser', 'min_duration': 10,
+            'auto_queue': False,
+        })
+        self.feed.refresh_from_db()
+        self.assertEqual((self.feed.playback_speed, self.feed.skip_intro, self.feed.volume, self.feed.min_duration),
+                         (1.5, 30, 2.0, 10))
+        # Only what is sent changes; null clears the speed.
+        r = self.post({'playback_speed': None, 'include_words': ''})
+        self.assertEqual((r.json()['playback_speed'], r.json()['include_words'], r.json()['skip_intro']), (None, '', 30))
+        self.feed.refresh_from_db()
+        self.assertIsNone(self.feed.playback_speed)
+
+    def test_every_allowed_volume_and_the_speed_limits(self):
+        for v in (0.2, 0.5, 1.0, 1.5, 2.0, 2.5):
+            self.assertEqual(self.post({'volume': v}).json()['volume'], v)
+        for s in (0.5, 3, 3.0):
+            self.assertEqual(self.post({'playback_speed': s}).json()['playback_speed'], s)
+
+    def test_invalid_values_name_the_field_and_change_nothing(self):
+        bad = [
+            ('playback_speed', 0.4), ('playback_speed', 3.5), ('playback_speed', 'fast'), ('playback_speed', True),
+            ('skip_intro', -1), ('skip_intro', 601), ('skip_intro', 1.5), ('skip_intro', '10'), ('skip_intro', None),
+            ('skip_outro', 601), ('volume', 0.7), ('volume', '1.0'), ('volume', None),
+            ('new_episodes', 'later'), ('new_episodes', None),
+            ('include_words', 'x' * 501), ('include_words', 5), ('exclude_words', ['a']),
+            ('min_duration', -1), ('min_duration', 601),
+        ]
+        for name, value in bad:
+            with self.subTest(name=name, value=value):
+                r = self.post({'skip_intro': 10, name: value} if name != 'skip_intro' else {name: value})
+                self.assertEqual(r.status_code, 400)
+                self.assertIn(name, r.json()['error'])
+                self.assertEqual(r.json()['field'], name)
+        self.feed.refresh_from_db()
+        self.assertEqual({k: getattr(self.feed, k) for k in FEED_DEFAULTS}, FEED_DEFAULTS)
+        self.assertEqual(self.client.post(f'/podcasts/feeds/{self.feed.id}/settings/', '[1]',
+                                          content_type='application/json').status_code, 400)
+
+    def test_owner_only(self):
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        bobs = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/feed', title='Feed')
+        self.assertEqual(self.post({'skip_intro': 10}, bobs).status_code, 404)
+        bobs.refresh_from_db()
+        self.assertEqual(bobs.skip_intro, 0)
+        self.assertEqual(self.client.post('/podcasts/feeds/999999/settings/', '{}',
+                                          content_type='application/json').status_code, 404)
+        self.assertEqual(self.client.get(f'/podcasts/feeds/{self.feed.id}/settings/').status_code, 405)
+        self.client.logout()
+        self.assertEqual(self.post({'skip_intro': 10}).status_code, 401)
+
+    def test_new_episodes_and_auto_queue_stay_in_step(self):
+        self.assertEqual(self.post({'new_episodes': 'queue'}).json()['auto_queue'], True)
+        self.feed.refresh_from_db()
+        self.assertTrue(self.feed.auto_queue)
+        self.assertEqual(self.post({'new_episodes': 'ignore'}).json()['auto_queue'], False)
+        self.assertEqual(self.post({'new_episodes': 'inbox'}).json()['auto_queue'], False)
+
+        def toggle(value=None):
+            body = {} if value is None else {'auto_queue': value}
+            r = self.client.post(f'/podcasts/feeds/{self.feed.id}/set-auto-queue/', json.dumps(body),
+                                 content_type='application/json')
+            self.feed.refresh_from_db()
+            return r.json()['auto_queue'], self.feed.auto_queue, self.feed.new_episodes
+
+        self.assertEqual(toggle(), (True, True, 'queue'))
+        self.assertEqual(toggle(), (False, False, 'inbox'))
+        self.post({'new_episodes': 'ignore'})
+        self.assertEqual(toggle(False), (False, False, 'ignore'))
+        self.assertEqual(toggle(True), (True, True, 'queue'))
+        # Also when a feed is created or saved in code.
+        f = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/2', title='2', auto_queue=True)
+        self.assertEqual(PodcastFeed.objects.get(pk=f.pk).new_episodes, 'queue')
+        f.new_episodes = 'inbox'
+        f.save()
+        self.assertFalse(PodcastFeed.objects.get(pk=f.pk).auto_queue)
+
+    def test_feeds_and_state_carry_the_settings(self):
+        self.post({'playback_speed': 1.25, 'skip_outro': 20, 'volume': 0.5, 'new_episodes': 'queue',
+                   'exclude_words': 'Trailer', 'min_duration': 5})
+        PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/2', title='Zweiter')
+        expected = {
+            self.feed.id: {'feed_id': self.feed.id, **FEED_DEFAULTS, 'playback_speed': 1.25, 'skip_outro': 20,
+                           'volume': 0.5, 'new_episodes': 'queue', 'exclude_words': 'Trailer', 'min_duration': 5,
+                           'auto_queue': True},
+        }
+        for url in ('/podcasts/feeds/', '/podcasts/state/'):
+            with self.subTest(url=url):
+                feeds = {f['id']: f for f in self.client.get(url).json()['feeds']}
+                self.assertEqual(len(feeds), 2)
+                mine = feeds[self.feed.id]
+                self.assertEqual({k: mine[k] for k in expected[self.feed.id]}, expected[self.feed.id])
+                other = next(f for f in feeds.values() if f['id'] != self.feed.id)
+                self.assertEqual({k: other[k] for k in FEED_DEFAULTS}, FEED_DEFAULTS)
+                self.assertEqual(other['feed_id'], other['id'])
+
+    def test_migration_maps_auto_queue_to_new_episodes(self):
+        import importlib
+        from django.apps import apps
+        migration = importlib.import_module('podcasts.migrations.0007_feed_settings')
+        on = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/on', title='On')
+        off = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/off', title='Off')
+        # As the rows look right after the new columns are added.
+        PodcastFeed.objects.filter(pk=on.pk).update(auto_queue=True, new_episodes='inbox')
+        PodcastFeed.objects.filter(pk=off.pk).update(auto_queue=False, new_episodes='inbox')
+        migration.auto_queue_to_new_episodes(apps, None)
+        self.assertEqual(PodcastFeed.objects.get(pk=on.pk).new_episodes, 'queue')
+        self.assertEqual(PodcastFeed.objects.get(pk=off.pk).new_episodes, 'inbox')
+        self.assertEqual([op.__class__.__name__ for op in migration.Migration.operations][-1], 'RunPython')
+        self.assertEqual(migration.Migration.dependencies, [('podcasts', '0006_episodeprogress_favorite')])
+
+
+class NewEpisodeRuleTests(TestCase):
+    """What happens to a feed's new episodes on a refresh: its filter, then
+    inbox / queue / ignore."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(
+            user=self.user, rss_url='https://example.org/feed', title='Feed',
+            last_refreshed_at=datetime(2026, 1, 1, tzinfo=timezone.utc),  # not the first fetch
+        )
+        other = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/o', title='O')
+        self.old = PodcastEpisode.objects.create(feed=other, guid='o0', title='O0', audio_url='https://example.org/o0.mp3')
+        PodcastQueue.objects.create(user=self.user, episode=self.old, position=0)
+        dur = '<itunes:duration>{}</itunes:duration>'
+        self.rss = _rss([
+            ('Talk-Folge', 'Mon, 05 Jan 2026 10:00:00 GMT', dur.format('15:00')),
+            ('News-Teaser', 'Tue, 06 Jan 2026 10:00:00 GMT', dur.format('2:00')),
+            ('Kurzer-Talk', 'Wed, 07 Jan 2026 10:00:00 GMT', dur.format('300')),
+            ('Ohne-Laenge', 'Thu, 08 Jan 2026 10:00:00 GMT'),
+        ])
+
+    def configure(self, **settings):
+        PodcastFeed.objects.filter(pk=self.feed.pk).update(**settings)
+        self.feed.refresh_from_db()
+
+    def refresh(self):
+        with patch('podcasts.views._fetch_feed', lambda url: _parse(self.rss)):
+            return _refresh_feed(self.feed)
+
+    def inbox(self):
+        return [e['title'] for e in self.client.get('/podcasts/inbox/').json()['episodes'] if e['feed__id'] == self.feed.id]
+
+    def queue(self):
+        return [q.episode.guid for q in PodcastQueue.objects.filter(user=self.user).order_by('position')]
+
+    def dismissed(self):
+        return set(EpisodeProgress.objects.filter(user=self.user, dismissed=True, played=False)
+                   .values_list('episode__guid', flat=True))
+
+    def test_inbox_is_the_default(self):
+        self.assertEqual(self.refresh(), 4)
+        self.assertEqual(self.inbox(), ['Ohne-Laenge', 'Kurzer-Talk', 'News-Teaser', 'Talk-Folge'])
+        self.assertEqual(self.queue(), ['o0'])
+        self.assertEqual(self.dismissed(), set())
+
+    def test_queue(self):
+        self.configure(new_episodes='queue', auto_queue=True)
+        self.refresh()
+        self.assertEqual(self.queue(), ['Ohne-Laenge', 'Kurzer-Talk', 'News-Teaser', 'Talk-Folge', 'o0'])
+        self.assertEqual(self.inbox(), [])
+
+    def test_queue_at_the_auto_queue_position(self):
+        self.configure(new_episodes='queue', auto_queue=True)
+        PodcastSettings.objects.create(user=self.user, auto_queue_position='back')
+        self.refresh()
+        self.assertEqual(self.queue(), ['o0', 'Talk-Folge', 'News-Teaser', 'Kurzer-Talk', 'Ohne-Laenge'])
+
+    def test_ignore(self):
+        self.configure(new_episodes='ignore')
+        self.assertEqual(self.refresh(), 4)
+        self.assertEqual(self.inbox(), [])
+        self.assertEqual(self.queue(), ['o0'])
+        self.assertEqual(self.dismissed(), {'Talk-Folge', 'News-Teaser', 'Kurzer-Talk', 'Ohne-Laenge'})
+        # Still listed for the podcast, not played.
+        eps = self.client.get(f'/podcasts/feeds/{self.feed.id}/episodes/').json()['episodes']
+        self.assertEqual(len(eps), 4)
+        self.assertFalse(any(e['played'] for e in eps))
+
+    def test_include_words(self):
+        self.configure(include_words='talk, nothing ,')
+        self.refresh()
+        self.assertEqual(self.inbox(), ['Kurzer-Talk', 'Talk-Folge'])
+        self.assertEqual(self.dismissed(), {'News-Teaser', 'Ohne-Laenge'})
+
+    def test_exclude_words(self):
+        self.configure(exclude_words='TEASER,laenge')
+        self.refresh()
+        self.assertEqual(self.inbox(), ['Kurzer-Talk', 'Talk-Folge'])
+        self.assertEqual(self.dismissed(), {'News-Teaser', 'Ohne-Laenge'})
+
+    def test_exclude_beats_include(self):
+        self.configure(include_words='talk', exclude_words='kurz')
+        self.refresh()
+        self.assertEqual(self.inbox(), ['Talk-Folge'])
+
+    def test_min_duration_keeps_unknown_lengths(self):
+        self.configure(min_duration=5)  # 300 s is just long enough, 120 s is not
+        self.refresh()
+        self.assertEqual(self.inbox(), ['Ohne-Laenge', 'Kurzer-Talk', 'Talk-Folge'])
+        self.assertEqual(self.dismissed(), {'News-Teaser'})
+        PodcastEpisode.objects.filter(feed=self.feed).delete()
+        self.configure(min_duration=6)
+        self.refresh()
+        self.assertEqual(self.inbox(), ['Ohne-Laenge', 'Talk-Folge'])
+
+    def test_filtered_episodes_are_not_queued(self):
+        self.configure(new_episodes='queue', auto_queue=True, exclude_words='teaser', min_duration=10)
+        self.refresh()
+        self.assertEqual(self.queue(), ['Ohne-Laenge', 'Talk-Folge', 'o0'])
+        self.assertEqual(self.inbox(), [])
+        self.assertFalse(EpisodeProgress.objects.filter(played=True).exists())
+
+    def test_only_new_episodes_are_affected(self):
+        self.refresh()  # all four in the inbox
+        self.configure(new_episodes='ignore', exclude_words='talk')
+        self.rss = _rss([('Talk-Neu', 'Fri, 09 Jan 2026 10:00:00 GMT')] + [
+            ('Talk-Folge', 'Mon, 05 Jan 2026 10:00:00 GMT')])
+        self.assertEqual(self.refresh(), 1)
+        self.assertEqual(self.inbox(), ['Ohne-Laenge', 'Kurzer-Talk', 'News-Teaser', 'Talk-Folge'])
+
+    def test_first_fetch_keeps_only_the_newest(self):
+        # E.g. imported by OPML and set to queue before its first refresh.
+        self.configure(last_refreshed_at=None, new_episodes='queue', auto_queue=True)
+        self.refresh()
+        self.assertEqual(self.queue(), ['Ohne-Laenge', 'o0'])
+        self.assertEqual(self.inbox(), [])
+        self.assertEqual(self.dismissed(), {'Talk-Folge', 'News-Teaser', 'Kurzer-Talk', 'Ohne-Laenge'})
+
+
+class KeepSortedTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        beta = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/b', title='Beta')
+        alpha = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/a', title='alpha')
+
+        def ep(feed, guid, day, duration):
+            return PodcastEpisode.objects.create(feed=feed, guid=guid, title=guid, duration_seconds=duration,
+                                                 audio_url=f'https://example.org/{guid}.mp3', pub_date=_at(1, day))
+
+        # remaining: e0 3000, e1 1000, e2 500 (2000 - 1500 heard), e3 600
+        self.e0 = ep(beta, 'e0', 1, 3000)
+        self.e1 = ep(alpha, 'e1', 3, 1000)
+        self.e2 = ep(beta, 'e2', 2, 2000)
+        self.e3 = ep(alpha, 'e3', 4, 600)
+        EpisodeProgress.objects.create(user=self.user, episode=self.e2, position_seconds=1500)
+        for i, e in enumerate((self.e0, self.e1, self.e2)):
+            PodcastQueue.objects.create(user=self.user, episode=e, position=i)
+
+    def post(self, url, body):
+        return self.client.post(url, json.dumps(body), content_type='application/json')
+
+    def queue(self):
+        return [q['episode__title'] for q in self.client.get('/podcasts/queue/').json()['queue']]
+
+    def keep(self, rule):
+        return self.post('/podcasts/settings/', {'keep_sorted': rule})
+
+    def test_setting_sorts_right_away(self):
+        expected = {
+            'new': ['e1', 'e2', 'e0'],
+            'old': ['e0', 'e2', 'e1'],
+            'short': ['e2', 'e1', 'e0'],
+            'long': ['e0', 'e1', 'e2'],
+            'feed': ['e1', 'e2', 'e0'],
+        }
+        for rule, order in expected.items():
+            with self.subTest(rule=rule):
+                r = self.keep(rule)
+                self.assertEqual(r.status_code, 200)
+                self.assertEqual(r.json()['keep_sorted'], rule)
+                self.assertEqual(self.queue(), order)
+        self.assertEqual(self.client.get('/podcasts/settings/').json()['keep_sorted'], 'feed')
+        self.assertEqual(self.client.get('/podcasts/state/').json()['settings']['keep_sorted'], 'feed')
+
+    def test_default_off_and_invalid(self):
+        self.assertEqual(self.client.get('/podcasts/settings/').json()['keep_sorted'], '')
+        self.assertEqual(self.keep('random').status_code, 400)
+        self.assertEqual(self.keep(None).status_code, 400)
+        self.assertEqual(PodcastSettings.for_user(self.user).keep_sorted, '')
+        self.assertEqual(self.queue(), ['e0', 'e1', 'e2'])
+
+    def test_off_keeps_the_users_order(self):
+        self.keep('new')
+        self.keep('')
+        self.post('/podcasts/queue/reorder/', {'order': [self.e0.id, self.e2.id, self.e1.id]})
+        self.assertEqual(self.queue(), ['e0', 'e2', 'e1'])
+        self.post('/podcasts/queue/add/', {'episode_ids': [self.e3.id], 'where': 'front'})
+        self.assertEqual(self.queue(), ['e3', 'e0', 'e2', 'e1'])
+
+    def test_enqueue_is_sorted(self):
+        self.keep('old')
+        self.post('/podcasts/queue/add/', {'episode_ids': [self.e3.id], 'where': 'front'})
+        self.assertEqual(self.queue(), ['e0', 'e2', 'e1', 'e3'])
+        PodcastQueue.objects.filter(episode=self.e3).delete()
+        self.keep('short')
+        self.post('/podcasts/queue/add/', {'episode_ids': [self.e3.id]})
+        self.assertEqual(self.queue(), ['e2', 'e3', 'e1', 'e0'])
+
+    def test_feed_rule_newest_first_within_a_podcast(self):
+        self.keep('feed')
+        self.post('/podcasts/queue/add/', {'episode_ids': [self.e3.id]})
+        self.assertEqual(self.queue(), ['e3', 'e1', 'e2', 'e0'])
+
+    def test_reorder_is_undone(self):
+        self.keep('long')
+        self.post('/podcasts/queue/reorder/', {'order': [self.e2.id, self.e1.id, self.e0.id]})
+        self.assertEqual(self.queue(), ['e0', 'e1', 'e2'])
+        # Listening changes what is left: e0 now has the least left.
+        EpisodeProgress.objects.create(user=self.user, episode=self.e0, position_seconds=2900)
+        self.post('/podcasts/queue/reorder/', {'order': [self.e0.id, self.e1.id, self.e2.id]})
+        self.assertEqual(self.queue(), ['e1', 'e2', 'e0'])
+
+    def test_auto_queued_episodes_are_sorted_too(self):
+        self.keep('old')
+        feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/n', title='N',
+                                          new_episodes='queue', last_refreshed_at=_at(1, 1))
+        with patch('podcasts.views._fetch_feed',
+                   lambda url: _parse(_rss([('n1', 'Fri, 02 Jan 2026 12:00:00 GMT')]))):
+            _refresh_feed(feed)
+        self.assertEqual(self.queue(), ['e0', 'e2', 'n1', 'e1'])
diff --git a/podcasts/urls.py b/podcasts/urls.py
index d0948f0..f0941de 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -12,6 +12,7 @@ urlpatterns = [
     path('state/', views.podcast_state, name='podcast_state'),
     path('feeds/<int:pk>/remove/', views.remove_feed, name='podcast_remove_feed'),
     path('feeds/<int:pk>/set-auto-queue/', views.set_auto_queue, name='podcast_set_auto_queue'),
+    path('feeds/<int:pk>/settings/', views.feed_settings, name='podcast_feed_settings'),
     path('feeds/<int:pk>/episodes/', views.feed_episodes, name='podcast_feed_episodes'),
     path('episodes/', views.episode_list, name='podcast_episode_list'),
     path('episodes/<int:pk>/', views.episode_detail, name='podcast_episode_detail'),
diff --git a/podcasts/views.py b/podcasts/views.py
index f38f967..952ca6e 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -38,6 +38,7 @@ MAX_TRANSCRIPTS = 10
 # ---------------------------------------------------------------------------
 
 QUEUE_POSITIONS = {key for key, _ in PodcastSettings.POSITIONS}
+KEEP_SORTED = {key for key, _ in PodcastSettings.SORT_ORDERS}
 
 
 def _queue_order(user):
@@ -102,9 +103,58 @@ def _enqueue(user, episode_ids, where, current_hint=None):
     )
     _write_queue_order(user, queued[:at] + new + queued[at:])
     _leave_inbox(user, new)
+    _keep_sorted(user)
     return new
 
 
+def _sort_key(rule):
+    """Sort key for one queue row ({pub_date, duration, position, feed_title})
+    by a PodcastSettings.SORT_ORDERS rule. Ties keep their current order
+    (the sort is stable)."""
+    def ts(row):
+        return row['pub_date'].timestamp() if row['pub_date'] else None
+
+    def remaining(row):
+        return max((row['duration'] or 0) - (row['position'] or 0), 0)
+
+    if rule == 'new':  # no date: last
+        return lambda r: (ts(r) is None, -(ts(r) or 0))
+    if rule == 'old':  # no date: last as well
+        return lambda r: (ts(r) is None, ts(r) or 0)
+    if rule == 'short':
+        return remaining
+    if rule == 'long':
+        return lambda r: -remaining(r)
+    if rule == 'feed':  # by podcast title, then newest first
+        return lambda r: ((r['feed_title'] or '').casefold(), ts(r) is None, -(ts(r) or 0))
+    return None
+
+
+def _keep_sorted(user, rule=None):
+    """Sort the user's whole queue by their keep_sorted rule (or `rule`), if
+    there is one. Returns True if it is kept sorted."""
+    if rule is None:
+        rule = PodcastSettings.objects.filter(user=user).values_list('keep_sorted', flat=True).first() or ''
+    key = _sort_key(rule)
+    if key is None:
+        return False
+    rows = list(
+        PodcastQueue.objects.filter(user=user)
+        .order_by('position', 'added_at', 'id')
+        .values('episode_id', pub_date=F('episode__pub_date'), duration=F('episode__duration_seconds'),
+                feed_title=F('episode__feed__title'))
+    )
+    positions = dict(
+        EpisodeProgress.objects.filter(user=user, episode_id__in=[r['episode_id'] for r in rows])
+        .values_list('episode_id', 'position_seconds')
+    )
+    for r in rows:
+        r['position'] = positions.get(r['episode_id'], 0)
+    rows.sort(key=key)
+    _write_queue_order(user, [r['episode_id'] for r in rows])
+    return True
+
+
 def _leave_inbox(user, episode_ids):
     """Queued or started episodes are no longer new (AntennaPod's rule): out
     of the inbox, without counting as played."""
@@ -381,7 +431,20 @@ def _refresh_feed(feed_obj, parsed=None):
         )
         new_episodes_list = newest_first[:NEW_ON_SUBSCRIBE]
 
-    if feed_obj.auto_queue and new_episodes_list:
+    # The feed's own rules for its new episodes: those its filter turns down,
+    # and all of them for 'ignore', go straight out of the inbox (not played);
+    # 'queue' puts them in the queue (which also takes them out of the inbox);
+    # 'inbox' leaves them there.
+    if new_episodes_list:
+        unwanted = [e for e in new_episodes_list if not feed_obj.matches_filter(e.title, e.duration_seconds)]
+        if feed_obj.new_episodes == PodcastFeed.NEW_IGNORE:
+            unwanted = new_episodes_list
+        if unwanted:
+            gone = {e.id for e in unwanted}
+            _leave_inbox(feed_obj.user, list(gone))
+            new_episodes_list = [e for e in new_episodes_list if e.id not in gone]
+
+    if feed_obj.new_episodes == PodcastFeed.NEW_QUEUE and new_episodes_list:
         where = PodcastSettings.for_user(feed_obj.user).auto_queue_position
         # Newest first in front of what's there; oldest first when appended,
         # so the end of the queue plays in the order the episodes came out.
@@ -439,14 +502,26 @@ def feed_list(request):
     return JsonResponse({'feeds': _feeds_data(request.user)})
 
 
+FEED_SETTING_FIELDS = (
+    'playback_speed', 'skip_intro', 'skip_outro', 'volume',
+    'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_queue',
+)
+
+
+def _feed_settings(feed):
+    return {'feed_id': feed.id, **{name: getattr(feed, name) for name in FEED_SETTING_FIELDS}}
+
+
 def _feeds_data(user):
     feeds = list(
         user.podcast_feeds
         .annotate(latest_episode_at=Max('episodes__pub_date'))
-        .values('id', 'title', 'artwork_url', 'rss_url', 'last_refreshed_at', 'author', 'added_at', 'auto_queue', 'latest_episode_at')
+        .values('id', 'title', 'artwork_url', 'rss_url', 'last_refreshed_at', 'author', 'added_at',
+                'latest_episode_at', *FEED_SETTING_FIELDS)
     )
 
     for f in feeds:
+        f['feed_id'] = f['id']  # as in feeds/<id>/settings/
         if f['last_refreshed_at']:
             f['last_refreshed_at'] = f['last_refreshed_at'].isoformat()
         if f['added_at']:
@@ -534,11 +609,99 @@ def set_auto_queue(request, pk):
         feed = PodcastFeed.objects.get(pk=pk, user=request.user)
     except PodcastFeed.DoesNotExist:
         return JsonResponse({'error': 'not found'}, status=404)
+    # On: new episodes go to the queue; off: back to the inbox (a feed set
+    # to 'ignore' stays so). PodcastFeed.save() sets new_episodes to match.
     feed.auto_queue = bool(body.get('auto_queue', not feed.auto_queue))
     feed.save(update_fields=['auto_queue'])
     return JsonResponse({'ok': True, 'auto_queue': feed.auto_queue})
 
 
+# ---------------------------------------------------------------------------
+# Per-feed settings
+# ---------------------------------------------------------------------------
+
+def _number(value):
+    return isinstance(value, (int, float)) and not isinstance(value, bool)
+
+
+def _whole(value, low, high):
+    if not _number(value) or value != int(value) or not low <= value <= high:
+        raise ValueError
+    return int(value)
+
+
+def _speed(value):
+    if value is None:
+        return None
+    if not _number(value) or not 0.5 <= value <= 3.0:
+        raise ValueError
+    return float(value)
+
+
+def _volume(value):
+    if not _number(value) or float(value) not in PodcastFeed.VOLUMES:
+        raise ValueError
+    return float(value)
+
+
+def _new_episodes(value):
+    if value not in {key for key, _ in PodcastFeed.NEW_EPISODE_ACTIONS}:
+        raise ValueError
+    return value
+
+
+def _word_list(value):
+    if value is None:
+        return ''
+    if not isinstance(value, str) or len(value.strip()) > 500:
+        raise ValueError
+    return value.strip()
+
+
+FEED_SETTING_PARSERS = {
+    'playback_speed': _speed,
+    'skip_intro': lambda v: _whole(v, 0, 600),
+    'skip_outro': lambda v: _whole(v, 0, 600),
+    'volume': _volume,
+    'new_episodes': _new_episodes,
+    'include_words': _word_list,
+    'exclude_words': _word_list,
+    'min_duration': lambda v: _whole(v, 0, 600),
+}
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def feed_settings(request, pk):
+    """Change some of one feed's settings (any of FEED_SETTING_PARSERS);
+    returns all of them. Nothing is changed if one value is invalid."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        body = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    if not isinstance(body, dict):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    try:
+        feed = PodcastFeed.objects.get(pk=pk, user=request.user)
+    except PodcastFeed.DoesNotExist:
+        return JsonResponse({'error': 'not found'}, status=404)
+
+    changes = {}
+    for name, parse in FEED_SETTING_PARSERS.items():
+        if name in body:
+            try:
+                changes[name] = parse(body[name])
+            except (ValueError, TypeError, OverflowError):
+                return JsonResponse({'error': f'invalid {name}', 'field': name}, status=400)
+    if changes:
+        for name, value in changes.items():
+            setattr(feed, name, value)
+        feed.save(update_fields=list(changes))
+    return JsonResponse(_feed_settings(feed))
+
+
 # ---------------------------------------------------------------------------
 # Feed episodes
 # ---------------------------------------------------------------------------
@@ -989,7 +1152,8 @@ def podcast_state(request):
         'feeds': _feeds_data(request.user),
         'queue': _queue_data(request.user),
         'inbox': _inbox_data(request.user, 0, limit, with_description=False),
-        'settings': {'enqueue_position': s.enqueue_position, 'auto_queue_position': s.auto_queue_position},
+        'settings': {'enqueue_position': s.enqueue_position, 'auto_queue_position': s.auto_queue_position,
+                     'keep_sorted': s.keep_sorted},
         'server_time': timezone.now().isoformat(),
     })
 
@@ -1101,6 +1265,8 @@ def queue_reorder(request):
     order = body.get('order', [])  # list of episode ids
     for pos, ep_id in enumerate(order):
         PodcastQueue.objects.filter(user=request.user, episode_id=ep_id).update(position=pos)
+    # A queue that is kept sorted goes straight back into its order.
+    _keep_sorted(request.user)
 
     return JsonResponse({'ok': True})
 
@@ -1123,13 +1289,21 @@ def podcast_settings(request):
                     return JsonResponse({'error': f'unknown {name}'}, status=400)
                 setattr(s, name, body[name])
                 fields.append(name)
+        if 'keep_sorted' in body:
+            if body['keep_sorted'] not in KEEP_SORTED:
+                return JsonResponse({'error': 'unknown keep_sorted'}, status=400)
+            s.keep_sorted = body['keep_sorted']
+            fields.append('keep_sorted')
         if fields:
             s.save(update_fields=fields)
+        if 'keep_sorted' in fields:
+            _keep_sorted(request.user, s.keep_sorted)  # sorted right away
     elif request.method != 'GET':
         return JsonResponse({'error': 'method not allowed'}, status=405)
     return JsonResponse({
         'enqueue_position': s.enqueue_position,
         'auto_queue_position': s.auto_queue_position,
+        'keep_sorted': s.keep_sorted,
         'positions': [{'value': k, 'label': v} for k, v in PodcastSettings.POSITIONS],
     })
 

From 38d7f6c6432a23ceb6dd107daa9bb18560dbbbcc Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 09:54:03 +0200
Subject: [PATCH 033/176] Podcasts: Kapitel aus dem ID3-Tag der Audiodatei,
 Transkripte
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ohne Kapitel im Feed (kein PSC, keine chapters_url oder dort nichts)
  liest die Folgen-Detailansicht einmalig den ID3v2-Tag am Anfang der
  Audiodatei (Range-Anfrage, höchstens 4 MB, Weiterleitungen mit
  SSRF-Prüfung) und übernimmt dessen CHAP-Frames (v2.3/v2.4,
  Unsynchronisation, erweiterter Header, Synchsafe-Größen, CTOC-Reihenfolge).
  Eigener Parser nach der ID3-Spezifikation; Ergebnis wird wie die
  JSON-Kapitel zwischengespeichert, vorübergehende Fehler nicht.
- Neu: GET /podcasts/episodes/<id>/transcript/ holt das beste Transkript
  (JSON vor VTT vor SRT, Deutsch bzw. ohne Sprachangabe vor Englisch),
  zerlegt es in Abschnitte {start, end, speaker, text}, fasst kurze
  Schnipsel desselben Sprechers bis zum Satzende bzw. ~30 s zusammen und
  speichert das Ergebnis (eigene Tabelle EpisodeTranscript). HTML: 404
  {"error": "unsupported"}.
- Folgen-Detail liefert zusätzlich has_transcript.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/chapters.py                          | 120 ++++-
 podcasts/id3.py                               | 281 +++++++++++
 .../0007_episode_transcript_cache.py          |  25 +
 podcasts/models.py                            |  27 +-
 podcasts/tests.py                             | 472 ++++++++++++++++++
 podcasts/transcripts.py                       | 282 +++++++++++
 podcasts/urls.py                              |   1 +
 podcasts/views.py                             |  96 +++-
 8 files changed, 1270 insertions(+), 34 deletions(-)
 create mode 100644 podcasts/id3.py
 create mode 100644 podcasts/migrations/0007_episode_transcript_cache.py
 create mode 100644 podcasts/transcripts.py

diff --git a/podcasts/chapters.py b/podcasts/chapters.py
index 3888489..d0632c5 100644
--- a/podcasts/chapters.py
+++ b/podcasts/chapters.py
@@ -1,30 +1,39 @@
-"""Podcast chapters: Podlove Simple Chapters from the feed, and Podcasting 2.0
-JSON chapters fetched from the URL a feed points to.
+"""Podcast chapters: Podlove Simple Chapters from the feed, Podcasting 2.0
+JSON chapters fetched from the URL a feed points to, and the CHAP frames of
+the ID3v2 tag at the start of the audio file.
 
 Both end up in one shape, a list sorted by start time:
     [{"start": 62.5, "title": "…", "url": "https://…", "img": "https://…"}]
 url and img only when present.
 
-The JSON file lives on a server the feed's author chose, so fetching it is an
-SSRF surface like the WebDAV import, and it reuses that module's guards:
-public addresses only (checked before connecting and again on the connected
-socket), redirects followed by hand with each hop re-checked, and a size cap.
+The JSON file and the audio file live on servers the feed's author chose, so
+fetching them is an SSRF surface like the WebDAV import, and it reuses that
+module's guards: public addresses only (checked before connecting and again
+on the connected socket), redirects followed by hand with each hop
+re-checked, and a size cap. Transcripts (transcripts.py) are fetched the same
+way, through `fetch_bytes`.
 """
 
 import json
 import re
+import time
 from urllib.parse import urljoin
 
 import requests
 
 from accounts.webdav import WebDAVError, WebDAVInputError, _assert_peer_is_safe, _read_capped, assert_safe_url
 
+from . import id3
+
 MAX_CHAPTERS = 500
 MAX_TITLE = 500
 MAX_URL = 1000
 CHAPTERS_TIMEOUT = 10          # seconds
 CHAPTERS_MAX_BYTES = 1024 * 1024
 CHAPTERS_MAX_REDIRECTS = 3
+ID3_MAX_BYTES = 4 * 1024 * 1024  # of the audio file's start; a larger tag is read this far
+ID3_DEADLINE = 30              # seconds for reading it, however slowly it trickles in
+ID3_CHUNK = 64 * 1024
 
 _SCHEMES = ('http://', 'https://')
 
@@ -114,8 +123,14 @@ class ChaptersInvalid(Exception):
     """The chapters URL is unusable for good (blocked, missing, not chapters)."""
 
 
-def fetch_json(url):
-    """Download and parse the JSON at `url`.
+# Generic names for the two kinds of failure, for other fetches (transcripts).
+FetchUnavailable = ChaptersUnavailable
+FetchInvalid = ChaptersInvalid
+
+
+def _open(url, headers):
+    """GET `url` with every redirect hop checked; the streamed response of
+    the final hop, which the caller has to close.
 
     Raises ChaptersInvalid for permanent problems and ChaptersUnavailable for
     ones that may go away (network trouble, server errors).
@@ -126,10 +141,7 @@ def fetch_json(url):
         except WebDAVInputError as e:
             raise ChaptersInvalid(str(e))
         try:
-            r = requests.get(
-                url, timeout=CHAPTERS_TIMEOUT, allow_redirects=False, stream=True,
-                headers={'User-Agent': 'diora podcast chapters', 'Accept': 'application/json'},
-            )
+            r = requests.get(url, timeout=CHAPTERS_TIMEOUT, allow_redirects=False, stream=True, headers=headers)
         except requests.RequestException as e:
             raise ChaptersUnavailable(e.__class__.__name__)
         try:
@@ -139,28 +151,94 @@ def fetch_json(url):
                 if not location:
                     raise ChaptersInvalid('redirect without a location')
                 url = urljoin(url, location)
+                r.close()
                 continue
             if r.status_code >= 500 or r.status_code == 429:
                 raise ChaptersUnavailable(f'HTTP {r.status_code}')
             if r.status_code >= 400:
                 raise ChaptersInvalid(f'HTTP {r.status_code}')
-            body = _read_capped(r, CHAPTERS_MAX_BYTES, lambda: ChaptersInvalid('too large'))
         except WebDAVInputError as e:
-            raise ChaptersInvalid(str(e))
-        except WebDAVError as e:  # transfer broke off in _read_capped
-            raise ChaptersUnavailable(str(e))
-        finally:
             r.close()
-        try:
-            return json.loads(body)
-        except ValueError:
-            raise ChaptersInvalid('not JSON')
+            raise ChaptersInvalid(str(e))
+        except Exception:
+            r.close()
+            raise
+        return r
     raise ChaptersInvalid('too many redirects')
 
 
+def fetch_bytes(url, max_bytes, accept='*/*', agent='diora podcast chapters'):
+    """The body at `url`, at most `max_bytes` of it (more is ChaptersInvalid)."""
+    r = _open(url, {'User-Agent': agent, 'Accept': accept})
+    try:
+        return _read_capped(r, max_bytes, lambda: ChaptersInvalid('too large'))
+    except WebDAVError as e:  # transfer broke off in _read_capped
+        raise ChaptersUnavailable(str(e))
+    finally:
+        r.close()
+
+
+def fetch_json(url):
+    """Download and parse the JSON at `url`."""
+    body = fetch_bytes(url, CHAPTERS_MAX_BYTES, accept='application/json')
+    try:
+        return json.loads(body)
+    except ValueError:
+        raise ChaptersInvalid('not JSON')
+
+
 def fetch(url):
     """Normalised chapters from a Podcasting 2.0 chapters URL."""
     try:
         return from_json(fetch_json(url))
     except ValueError:
         raise ChaptersInvalid('not a chapters document')
+
+
+# ---------------------------------------------------------------------------
+# ID3v2 chapters (CHAP frames at the start of the audio file)
+# ---------------------------------------------------------------------------
+
+def read_id3_tag(url):
+    """The ID3v2 tag at the start of the file at `url` (at most ID3_MAX_BYTES
+    of it), or b'' if the file doesn't start with one.
+
+    Asks for just that part with a Range request. Servers that ignore Range
+    and send the whole file are read only as far as needed, then dropped.
+    """
+    r = _open(url, {
+        'User-Agent': 'diora podcast chapters',
+        'Range': f'bytes=0-{ID3_MAX_BYTES - 1}',
+        'Accept-Encoding': 'identity',
+    })
+    data = bytearray()
+    need = None  # bytes of the tag, known once its header is in
+    deadline = time.monotonic() + ID3_DEADLINE
+    try:
+        for chunk in r.iter_content(chunk_size=ID3_CHUNK):
+            data += chunk
+            if need is None and len(data) >= id3.HEADER_SIZE:
+                size = id3.tag_size(bytes(data[:id3.HEADER_SIZE]))
+                if size is None:
+                    return b''
+                need = min(size, ID3_MAX_BYTES)
+            if need is not None and len(data) >= need:
+                break
+            if time.monotonic() > deadline:
+                raise ChaptersUnavailable('too slow')
+    except requests.RequestException as e:
+        raise ChaptersUnavailable(e.__class__.__name__)
+    finally:
+        r.close()
+    if need is None:
+        return b''  # shorter than a tag header
+    return bytes(data[:need])  # may be less if the file ended early
+
+
+def fetch_id3(url):
+    """Normalised chapters from the ID3v2 tag of the audio file at `url`;
+    [] if it has none."""
+    return _finish(
+        _chapter(start_ms / 1000, title, link)
+        for start_ms, _end_ms, title, link in id3.chapters(read_id3_tag(url))
+    )
diff --git a/podcasts/id3.py b/podcasts/id3.py
new file mode 100644
index 0000000..641c8c6
--- /dev/null
+++ b/podcasts/id3.py
@@ -0,0 +1,281 @@
+"""Chapters embedded in the ID3v2 tag at the start of an MP3 file.
+
+Written from the ID3v2.3.0 and ID3v2.4.0 specifications and the ID3v2
+Chapter Frame Addendum (CHAP and CTOC frames). Only what chapters need is
+read: the tag header, an optional extended header (skipped), and the frames.
+Of those, CHAP frames give the chapters, with the title from an embedded TIT2
+frame and a link from WXXX or another W*** frame; CTOC frames, when there
+are any, give the order (which matters only for chapters starting at the
+same time, as callers sort by start). Pictures (APIC) and everything else are
+skipped.
+
+Pure parsing, no I/O: the caller hands over the first bytes of the file
+(`tag_size` says how many are needed).
+"""
+
+import re
+import struct
+import zlib
+
+HEADER_SIZE = 10
+MAX_FRAME_BYTES = 4 * 1024 * 1024   # a decompressed frame can't grow past this
+
+_FRAME_ID = re.compile(rb'[A-Z0-9]{4}\Z')
+
+# Header flags
+_UNSYNC = 0x80
+_EXTENDED = 0x40
+_FOOTER = 0x10
+
+
+def _synchsafe(raw):
+    """Integer from bytes that carry 7 bits each (the high bit is always 0)."""
+    value = 0
+    for b in raw:
+        value = (value << 7) | (b & 0x7F)
+    return value
+
+
+def tag_size(header):
+    """Bytes the ID3v2 tag at the start of a file takes up, header and footer
+    included, from the file's first 10 bytes; None if there's no such tag."""
+    if len(header) < HEADER_SIZE or header[:3] != b'ID3':
+        return None
+    major, revision, flags = header[3], header[4], header[5]
+    if major == 0xFF or revision == 0xFF or any(b & 0x80 for b in header[6:10]):
+        return None
+    size = HEADER_SIZE + _synchsafe(header[6:10])
+    if major >= 4 and flags & _FOOTER:
+        size += HEADER_SIZE
+    return size
+
+
+def _deunsync(data):
+    """Undo unsynchronisation: every $FF $00 was an $FF before."""
+    return data.replace(b'\xff\x00', b'\xff')
+
+
+# ---------------------------------------------------------------------------
+# Frames
+# ---------------------------------------------------------------------------
+
+def _plausible_frame_start(buf, at):
+    """True if a frame (or padding, or the end of `buf`) can begin at `at`."""
+    if at == len(buf):
+        return True
+    if at > len(buf):
+        return False
+    head = buf[at:at + 4]
+    return bool(_FRAME_ID.match(head)) or not head.strip(b'\x00')
+
+
+def _v24_frame_size(buf, pos, raw):
+    """Size of a v2.4 frame. The spec says synchsafe; some writers (older
+    iTunes among them) store a plain integer, so where the two differ, take
+    the one after which the next frame starts."""
+    plain = int.from_bytes(raw, 'big')
+    if any(b & 0x80 for b in raw):
+        return plain  # can't be synchsafe
+    safe = _synchsafe(raw)
+    if safe == plain or _plausible_frame_start(buf, pos + HEADER_SIZE + safe):
+        return safe
+    if _plausible_frame_start(buf, pos + HEADER_SIZE + plain):
+        return plain
+    return safe
+
+
+def _frame_payload(data, fmt, major, unsync_all):
+    """The frame's content after its format flags are dealt with, or None if
+    it can't be read (encrypted, broken compression)."""
+    if major == 3:
+        compressed, encrypted = fmt & 0x80, fmt & 0x40
+        # Added after the frame header, in flag order: decompressed size (4),
+        # encryption method (1), group id (1).
+        skip = (4 if compressed else 0) + (1 if encrypted else 0) + (1 if fmt & 0x20 else 0)
+        unsync = False  # v2.3 unsynchronises the whole tag, undone already
+    else:
+        compressed, encrypted = fmt & 0x08, fmt & 0x04
+        # Group id (1), encryption method (1), data length indicator (4).
+        skip = (1 if fmt & 0x40 else 0) + (1 if encrypted else 0) + (4 if fmt & 0x01 else 0)
+        unsync = unsync_all or fmt & 0x02
+    if encrypted:
+        return None
+    data = data[skip:]
+    if unsync:
+        data = _deunsync(data)
+    if compressed:
+        try:
+            data = zlib.decompressobj().decompress(data, MAX_FRAME_BYTES)
+        except zlib.error:
+            return None
+    return data
+
+
+def _frames(buf, pos, major, unsync_all=False):
+    """(frame id, content) for each complete frame in buf[pos:]."""
+    while pos + HEADER_SIZE <= len(buf):
+        frame_id = buf[pos:pos + 4]
+        if not _FRAME_ID.match(frame_id):
+            return  # padding, or something we can't make sense of
+        raw_size = buf[pos + 4:pos + 8]
+        size = _v24_frame_size(buf, pos, raw_size) if major >= 4 else int.from_bytes(raw_size, 'big')
+        fmt = buf[pos + 9]
+        start = pos + HEADER_SIZE
+        if start + size > len(buf):
+            return  # cut off (the caller read only part of a large tag)
+        payload = _frame_payload(buf[start:start + size], fmt, major, unsync_all)
+        if payload is not None:
+            yield frame_id.decode('ascii'), payload
+        pos = start + size
+
+
+# ---------------------------------------------------------------------------
+# Frame contents
+# ---------------------------------------------------------------------------
+
+_CODECS = {0: 'latin-1', 1: 'utf-16', 2: 'utf-16-be', 3: 'utf-8'}
+
+
+def _decode(raw, encoding):
+    codec = _CODECS.get(encoding)
+    if codec is None:
+        return ''
+    if encoding in (1, 2) and len(raw) % 2:
+        raw = raw[:-1]
+    return raw.decode(codec, errors='replace')
+
+
+def _text_frame(data):
+    """The (first) string of a T*** frame."""
+    if not data:
+        return ''
+    text = _decode(data[1:], data[0])
+    # v2.4 allows several strings, separated by NUL; the first is the title.
+    return text.split('\x00')[0].replace('', '').strip()
+
+
+def _wxxx_frame(data):
+    """The URL of a WXXX frame: encoding, description, NUL, URL (latin-1)."""
+    if not data:
+        return ''
+    encoding, rest = data[0], data[1:]
+    if encoding in (1, 2):  # the description ends with a two-byte NUL
+        i = 0
+        while i + 1 < len(rest) and not (rest[i] == 0 and rest[i + 1] == 0):
+            i += 2
+        url = rest[i + 2:]
+    else:
+        i = rest.find(b'\x00')
+        url = rest[i + 1:] if i >= 0 else b''
+    return url.split(b'\x00')[0].decode('latin-1').strip()
+
+
+def _url_frame(data):
+    """The URL of any other W*** frame, which is nothing but the URL."""
+    return data.split(b'\x00')[0].decode('latin-1').strip()
+
+
+def _chap(data, major):
+    """(element id, start ms, end ms, title, url) of a CHAP frame, or None."""
+    nul = data.find(b'\x00')
+    if nul < 0 or len(data) < nul + 17:
+        return None
+    element_id = data[:nul]
+    start_ms, end_ms, _start_offset, _end_offset = struct.unpack('>IIII', data[nul + 1:nul + 17])
+    title = url = ''
+    # Embedded frames, in the same format as the tag's own. Unsynchronisation
+    # of the whole tag has already been undone on `data`.
+    for frame_id, payload in _frames(data, nul + 17, major):
+        if frame_id == 'TIT2' and not title:
+            title = _text_frame(payload)
+        elif frame_id == 'WXXX' and not url:
+            url = _wxxx_frame(payload)
+        elif frame_id.startswith('W') and not url:
+            url = _url_frame(payload)
+    return element_id, start_ms, end_ms, title, url
+
+
+def _ctoc(data):
+    """(element id, top level?, child element ids) of a CTOC frame, or None."""
+    nul = data.find(b'\x00')
+    if nul < 0 or len(data) < nul + 3:
+        return None
+    element_id, flags, count = data[:nul], data[nul + 1], data[nul + 2]
+    children, pos = [], nul + 3
+    for _ in range(count):
+        end = data.find(b'\x00', pos)
+        if end < 0:
+            break
+        children.append(data[pos:end])
+        pos = end + 1
+    return element_id, bool(flags & 0x02), children
+
+
+def _toc_order(chaps, tocs):
+    """Element ids of the chapters the table of contents lists, in its order
+    (top-level CTOCs first, nested ones walked depth first); [] if there's no
+    usable table of contents."""
+    if not tocs:
+        return []
+    nested = {child for _, _, children in tocs for child in children}
+    roots = [t for t in tocs if t[1]] or [t for t in tocs if t[0] not in nested]
+    by_id = {t[0]: t for t in tocs}
+    order, seen = [], set()
+
+    def walk(toc):
+        if toc[0] in seen:
+            return  # a loop
+        seen.add(toc[0])
+        for child in toc[2]:
+            if child in chaps:
+                if child not in order:
+                    order.append(child)
+            elif child in by_id:
+                walk(by_id[child])
+
+    for root in roots:
+        walk(root)
+    return order
+
+
+def chapters(data):
+    """[(start ms, end ms, title, url)] of the chapters in the ID3v2 tag at
+    the start of `data`, in table-of-contents order where there is one, else
+    in tag order.
+    [] if there is no tag or it has no chapters; a tag cut short yields the
+    chapters in the part that's there."""
+    size = tag_size(data)
+    if size is None:
+        return []
+    major, flags = data[3], data[5]
+    if major not in (3, 4):
+        return []  # v2.2 has no chapter frames
+    body = data[HEADER_SIZE:min(len(data), size)]
+    unsync = bool(flags & _UNSYNC)
+    if major == 3 and unsync:
+        body = _deunsync(body)
+    pos = 0
+    if flags & _EXTENDED and len(body) >= 4:
+        if major == 3:  # size of what follows the size field
+            pos = 4 + int.from_bytes(body[:4], 'big')
+        else:  # synchsafe size of the whole extended header
+            pos = _synchsafe(body[:4])
+
+    chaps, order, tocs = {}, [], []
+    for frame_id, payload in _frames(body, pos, major, unsync_all=(major == 4 and unsync)):
+        if frame_id == 'CHAP':
+            chap = _chap(payload, major)
+            if chap and chap[0] not in chaps:
+                chaps[chap[0]] = chap
+                order.append(chap[0])
+        elif frame_id == 'CTOC':
+            toc = _ctoc(payload)
+            if toc:
+                tocs.append(toc)
+
+    # The table of contents' order first; chapters it doesn't list are kept
+    # (after it) rather than dropped, since writers don't always list all.
+    toc = _toc_order(chaps, tocs)
+    listed = set(toc)
+    order = toc + [e for e in order if e not in listed]
+    return [chaps[e][1:] for e in order]
diff --git a/podcasts/migrations/0007_episode_transcript_cache.py b/podcasts/migrations/0007_episode_transcript_cache.py
new file mode 100644
index 0000000..a7f881b
--- /dev/null
+++ b/podcasts/migrations/0007_episode_transcript_cache.py
@@ -0,0 +1,25 @@
+# Generated by Django 6.1 on 2026-10-02 07:44
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0006_episodeprogress_favorite'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='EpisodeTranscript',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('sources', models.JSONField(default=list)),
+                ('data', models.JSONField(blank=True, null=True)),
+                ('error', models.CharField(blank=True, max_length=20)),
+                ('fetched_at', models.DateTimeField(auto_now=True)),
+                ('episode', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, related_name='transcript_cache', to='podcasts.podcastepisode')),
+            ],
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 24499b9..d8a69a0 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -37,9 +37,11 @@ class PodcastEpisode(models.Model):
     # Podcasting 2.0 <podcast:chapters url=…>: a JSON file, loaded on demand.
     chapters_url = models.URLField(max_length=1000, blank=True)
     # [{start: seconds, title, url?, img?}], from Podlove Simple Chapters in
-    # the feed, or the JSON at chapters_url once it has been fetched.
+    # the feed, or once fetched: the JSON at chapters_url, else (or if that
+    # has none) the CHAP frames of the audio file's ID3v2 tag.
     chapters = models.JSONField(default=list, blank=True)
-    # When chapters_url was fetched into `chapters`; null = not yet.
+    # When chapters were fetched into `chapters` (from chapters_url or the
+    # audio file); null = not yet.
     chapters_fetched_at = models.DateTimeField(null=True, blank=True)
     # [{url, type, language}] from <podcast:transcript>.
     transcripts = models.JSONField(default=list, blank=True)
@@ -52,6 +54,27 @@ class PodcastEpisode(models.Model):
         return self.title
 
 
+class EpisodeTranscript(models.Model):
+    """An episode's transcript, fetched and parsed once (transcripts.py).
+
+    A table of its own rather than fields on PodcastEpisode: a parsed
+    transcript runs to hundreds of KB, and episode lists load whole rows.
+    """
+    episode = models.OneToOneField(PodcastEpisode, on_delete=models.CASCADE, related_name='transcript_cache')
+    # URLs of the transcripts it was made from, best first. When the feed
+    # offers different ones, the cache is stale.
+    sources = models.JSONField(default=list)
+    # {"segments": [...], "source": {...}}, or null with an error.
+    data = models.JSONField(null=True, blank=True)
+    # '' when data is there; else why there's none for good: 'unsupported'
+    # (no format with timing), 'invalid' (missing, broken, too large).
+    error = models.CharField(max_length=20, blank=True)
+    fetched_at = models.DateTimeField(auto_now=True)
+
+    def __str__(self):
+        return f'Transcript of {self.episode}'
+
+
 # An episode counts as played this close to its end (AntennaPod's default),
 # the same rule as the apps' "als gehört zählen".
 PLAYED_BEFORE_END_SECONDS = 30
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 142630d..af3eab5 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -487,6 +487,7 @@ class EpisodeDetailTests(TestCase):
                                               'rel="nofollow noopener noreferrer">x</a></p>')
         self.assertEqual(data['timestamps'], [{'seconds': 62, 'label': 'Thema x'}])
         self.assertEqual(data['transcripts'], self.ep.transcripts)
+        self.assertIs(data['has_transcript'], True)
         self.assertEqual(data['feed'], {'id': self.feed.id, 'title': 'Feed',
                                         'artwork_url': 'https://example.org/art.jpg'})
         self.assertEqual((data['position_seconds'], data['played'], data['in_queue']), (42, False, False))
@@ -524,6 +525,7 @@ class EpisodeDetailTests(TestCase):
 
     def test_private_chapters_url_is_refused_and_remembered(self):
         self.ep.chapters_url = 'http://127.0.0.1/c.json'
+        self.ep.audio_url = 'http://127.0.0.1/a.mp3'  # the ID3 fallback is refused too
         self.ep.save()
         with patch('podcasts.chapters.requests.get', self.fake_get):
             r = self.client.get(f'/podcasts/episodes/{self.ep.id}/')
@@ -894,3 +896,473 @@ class OpmlExportTests(TestCase):
     def test_login_required(self):
         self.client.logout()
         self.assertEqual(self.client.get('/podcasts/feeds/export.opml').status_code, 401)
+
+
+# ---------------------------------------------------------------------------
+# ID3v2 chapters (CHAP frames in the audio file)
+# ---------------------------------------------------------------------------
+
+def _ss(n):
+    """Synchsafe 4-byte integer."""
+    return bytes([(n >> 21) & 0x7F, (n >> 14) & 0x7F, (n >> 7) & 0x7F, n & 0x7F])
+
+
+def _frame(frame_id, data, v=3, fmt=0, plain_size=False):
+    size = _ss(len(data)) if v == 4 and not plain_size else len(data).to_bytes(4, 'big')
+    return frame_id.encode() + size + bytes([0, fmt]) + data
+
+
+def _text(s, enc=3):
+    codec = {0: 'latin-1', 1: 'utf-16', 3: 'utf-8'}[enc]
+    return bytes([enc]) + s.encode(codec) + (b'\0\0' if enc == 1 else b'\0')
+
+
+def _chap(element_id, start_ms, end_ms, subframes=b''):
+    import struct
+    return element_id + b'\0' + struct.pack('>IIII', start_ms, end_ms, 0xFFFFFFFF, 0xFFFFFFFF) + subframes
+
+
+def _ctoc(element_id, children, top=True):
+    return element_id + b'\0' + bytes([0x03 if top else 0x01, len(children)]) + b''.join(c + b'\0' for c in children)
+
+
+def _unsync(data):
+    """ID3 unsynchronisation: a $00 after every $FF followed by %111xxxxx or $00 (or at the end)."""
+    out = bytearray()
+    for i, b in enumerate(data):
+        out.append(b)
+        if b == 0xFF and (i + 1 == len(data) or data[i + 1] == 0 or data[i + 1] >= 0xE0):
+            out.append(0)
+    return bytes(out)
+
+
+def _tag(body, v=3, flags=0, padding=64):
+    body = body + b'\0' * padding
+    return b'ID3' + bytes([v, 0, flags]) + _ss(len(body)) + body
+
+
+_APIC = b'\0image/jpeg\0\x03\0' + b'\xff\xd8\xff\xe0' + b'p' * 300
+
+# A v2.3 tag as podcast tools write it: title, cover, table of contents, chapters.
+ID3V23 = _tag(
+    _frame('TIT2', _text('Folge 1'))
+    + _frame('APIC', _APIC * 10)
+    + _frame('CTOC', _ctoc(b'toc', [b'ch1', b'ch2', b'ch3']))
+    + _frame('CHAP', _chap(b'ch1', 0, 60000, _frame('TIT2', _text('Intro', 0))))
+    + _frame('CHAP', _chap(b'ch2', 60000, 125500,
+                           _frame('TIT2', _text('Zweiter Teil – ü', 1))
+                           + _frame('WXXX', b'\x00Link\x00https://x.org/2')
+                           + _frame('APIC', _APIC)))
+    + _frame('CHAP', _chap(b'ch3', 125500, 200000))
+)
+ID3V23_CHAPTERS = [
+    {'start': 0.0, 'title': 'Intro'},
+    {'start': 60.0, 'title': 'Zweiter Teil – ü', 'url': 'https://x.org/2'},
+    {'start': 125.5, 'title': ''},
+]
+
+
+class ID3ParserTests(TestCase):
+    def chapters(self, data):
+        from .chapters import _chapter, _finish
+        from .id3 import chapters
+        return _finish(_chapter(s / 1000, t, u) for s, _e, t, u in chapters(data))
+
+    def test_v23(self):
+        self.assertEqual(self.chapters(ID3V23), ID3V23_CHAPTERS)
+
+    def test_v23_unsynchronised_with_extended_header(self):
+        ext = (6).to_bytes(4, 'big') + b'\0\0' + b'\0\0\0\0'
+        frames = (
+            _frame('CHAP', _chap(b'a', 0xFFE0, 70000, _frame('TIT2', _text('Ünsynchron', 1))))
+            + _frame('CHAP', _chap(b'b', 70000, 80000, _frame('TIT2', _text('Zwei')) + _frame('WOAF', b'https://x.org/w')))
+        )
+        body = _unsync(ext + frames + b'\0' * 16)
+        self.assertNotEqual(body, ext + frames + b'\0' * 16)  # there really was something to unsynchronise
+        tag = b'ID3' + bytes([3, 0, 0xC0]) + _ss(len(body)) + body
+        self.assertEqual(self.chapters(tag), [
+            {'start': 65.504, 'title': 'Ünsynchron'},
+            {'start': 70.0, 'title': 'Zwei', 'url': 'https://x.org/w'},
+        ])
+
+    def test_v24_synchsafe_sizes_toc_and_frame_flags(self):
+        # The cover makes the CHAP frame longer than 127 bytes, where synchsafe
+        # and plain sizes differ.
+        long_chap = _chap(b'c2', 30000, 60000, _frame('APIC', _APIC, v=4) + _frame('TIT2', _text('Mit Bild'), v=4))
+        self.assertGreater(len(long_chap), 127)
+        # Unsynchronised frame with a data length indicator (flags %00000011).
+        raw = _chap(b'c3', 0x0001FFE0, 200000, _frame('TIT2', _text('ÿÿ Flags', 0), v=4))
+        flagged = b'CHAP' + _ss(4 + len(_unsync(raw))) + bytes([0, 0x03]) + _ss(len(raw)) + _unsync(raw)
+        tag = _tag(
+            _frame('CTOC', _ctoc(b'top', [b'sub', b'c3']), v=4)
+            + _frame('CTOC', _ctoc(b'sub', [b'c2', b'c1'], top=False), v=4)
+            + _frame('CHAP', _chap(b'c1', 0, 30000, _frame('TIT2', _text('Eins'), v=4)), v=4)
+            + _frame('CHAP', long_chap, v=4)
+            + flagged
+            + _frame('CHAP', _chap(b'extra', 0, 1000, _frame('TIT2', _text('Nicht im TOC'), v=4)), v=4),
+            v=4,
+        )
+        from .id3 import chapters
+        # Table-of-contents order (nested first), then what it doesn't list.
+        self.assertEqual([c[2] for c in chapters(tag)], ['Mit Bild', 'Eins', 'ÿÿ Flags', 'Nicht im TOC'])
+        self.assertEqual(self.chapters(tag), [
+            {'start': 0.0, 'title': 'Eins'},
+            {'start': 0.0, 'title': 'Nicht im TOC'},
+            {'start': 30.0, 'title': 'Mit Bild'},
+            {'start': 131.04, 'title': 'ÿÿ Flags'},
+        ])
+
+    def test_v24_with_plain_frame_sizes(self):
+        # Some writers put v2.3-style sizes into v2.4 tags.
+        long_chap = _chap(b'c1', 5000, 60000, _frame('APIC', _APIC, v=4, plain_size=True)
+                          + _frame('TIT2', _text('Plain'), v=4, plain_size=True))
+        tag = _tag(_frame('CHAP', long_chap, v=4, plain_size=True)
+                   + _frame('CHAP', _chap(b'c2', 60000, 70000, _frame('TIT2', _text('Danach'), v=4)), v=4), v=4)
+        self.assertEqual(self.chapters(tag), [{'start': 5.0, 'title': 'Plain'}, {'start': 60.0, 'title': 'Danach'}])
+
+    def test_no_tag_or_no_chapters(self):
+        from .id3 import chapters, tag_size
+        self.assertEqual(chapters(b'\xff\xfb\x90\x00' * 100), [])
+        self.assertEqual(chapters(_tag(_frame('TIT2', _text('Nur Titel')))), [])
+        self.assertIsNone(tag_size(b'ID3\x03\x00\x00\x80\x00\x00\x00'))  # not synchsafe
+        self.assertEqual(tag_size(_tag(b'', padding=300)), 310)
+
+
+class _StreamResponse(_FakeResponse):
+    """Hands out the body in the chunks asked for, counting what was taken."""
+
+    def __init__(self, body=b'', status=200, headers=None):
+        super().__init__(body, status, headers)
+        self.sent = 0
+
+    def iter_content(self, chunk_size=1):
+        for i in range(0, len(self.body), chunk_size):
+            chunk = self.body[i:i + chunk_size]
+            self.sent += len(chunk)
+            yield chunk
+
+
+class ID3ChapterFetchTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed', title='Feed')
+        self.ep = PodcastEpisode.objects.create(feed=self.feed, guid='a', title='A',
+                                                audio_url='https://example.org/a.mp3')
+        self.calls = []
+        self.responses = {}
+
+    def fake_get(self, url, **kwargs):
+        self.calls.append((url, kwargs.get('headers') or {}))
+        r = self.responses[url]
+        return r() if callable(r) else r
+
+    def get(self):
+        with patch('podcasts.chapters.assert_safe_url'), patch('podcasts.chapters.requests.get', self.fake_get):
+            return self.client.get(f'/podcasts/episodes/{self.ep.id}/')
+
+    def test_range_request_answered_with_206(self):
+        from .chapters import ID3_MAX_BYTES
+        self.responses['https://example.org/a.mp3'] = lambda: _StreamResponse(ID3V23 + b'\xff\xfb' * 100, status=206)
+        self.assertEqual(self.get().json()['chapters'], ID3V23_CHAPTERS)
+        self.assertEqual(self.calls[0][1]['Range'], f'bytes=0-{ID3_MAX_BYTES - 1}')
+        # Cached: the second detail doesn't touch the file again.
+        self.assertEqual(self.get().json()['chapters'], ID3V23_CHAPTERS)
+        self.assertEqual(len(self.calls), 1)
+        self.ep.refresh_from_db()
+        self.assertEqual(self.ep.chapters, ID3V23_CHAPTERS)
+        self.assertIsNotNone(self.ep.chapters_fetched_at)
+
+    def test_server_ignoring_range_is_read_only_as_far_as_the_tag(self):
+        from .chapters import ID3_CHUNK
+        whole_file = _StreamResponse(ID3V23 + b'\xff\xfb' * (3 * 1024 * 1024), status=200)
+        self.responses['https://example.org/a.mp3'] = whole_file
+        self.assertEqual(self.get().json()['chapters'], ID3V23_CHAPTERS)
+        self.assertLessEqual(whole_file.sent, ID3_CHUNK)
+
+    def test_tag_larger_than_the_cap(self):
+        from .chapters import ID3_CHUNK, ID3_MAX_BYTES
+        tag = _tag(
+            _frame('CHAP', _chap(b'ch1', 0, 1000, _frame('TIT2', _text('Vorne'))))
+            + _frame('APIC', b'\0image/png\0\x03\0' + b'p' * (ID3_MAX_BYTES + 1024))
+            + _frame('CHAP', _chap(b'ch2', 1000, 2000, _frame('TIT2', _text('Hinter der Grenze')))),
+        )
+        response = _StreamResponse(tag + b'\xff\xfb' * 1024, status=206)
+        self.responses['https://example.org/a.mp3'] = response
+        self.assertEqual(self.get().json()['chapters'], [{'start': 0.0, 'title': 'Vorne'}])
+        self.assertLessEqual(response.sent, ID3_MAX_BYTES + ID3_CHUNK)
+
+    def test_file_without_tag_is_remembered(self):
+        self.responses['https://example.org/a.mp3'] = lambda: _StreamResponse(b'\0\0\0\x20ftypM4A ' + b'x' * 5000)
+        self.assertEqual(self.get().json()['chapters'], [])
+        self.assertEqual(self.get().json()['chapters'], [])
+        self.assertEqual(len(self.calls), 1)
+        self.ep.refresh_from_db()
+        self.assertIsNotNone(self.ep.chapters_fetched_at)
+
+    def test_empty_json_chapters_fall_back_to_the_file(self):
+        self.ep.chapters_url = 'https://x.org/c.json'
+        self.ep.save()
+        self.responses['https://x.org/c.json'] = _FakeResponse(b'{"chapters": []}')
+        self.responses['https://example.org/a.mp3'] = _StreamResponse(ID3V23, status=206)
+        self.assertEqual(self.get().json()['chapters'], ID3V23_CHAPTERS)
+        self.assertEqual([c[0] for c in self.calls], ['https://x.org/c.json', 'https://example.org/a.mp3'])
+
+    def test_json_chapters_win(self):
+        self.ep.chapters_url = 'https://x.org/c.json'
+        self.ep.save()
+        self.responses['https://x.org/c.json'] = _FakeResponse(json.dumps(CHAPTERS_JSON).encode())
+        self.assertEqual(len(self.get().json()['chapters']), 3)
+        self.assertEqual([c[0] for c in self.calls], ['https://x.org/c.json'])
+
+    def test_redirect_is_followed_and_rechecked(self):
+        self.responses['https://example.org/a.mp3'] = _FakeResponse(
+            status=302, headers={'Location': 'https://cdn.example.org/a.mp3'})
+        self.responses['https://cdn.example.org/a.mp3'] = _StreamResponse(ID3V23, status=206)
+        with patch('podcasts.chapters.assert_safe_url') as check, patch('podcasts.chapters.requests.get', self.fake_get):
+            r = self.client.get(f'/podcasts/episodes/{self.ep.id}/')
+        self.assertEqual(r.json()['chapters'], ID3V23_CHAPTERS)
+        self.assertEqual([c.args[0] for c in check.call_args_list],
+                         ['https://example.org/a.mp3', 'https://cdn.example.org/a.mp3'])
+        self.assertEqual(self.calls[1][1]['Range'], self.calls[0][1]['Range'])
+
+    def test_temporary_failure_is_not_cached(self):
+        self.responses['https://example.org/a.mp3'] = _FakeResponse(status=503)
+        self.assertEqual(self.get().json()['chapters'], [])
+        self.ep.refresh_from_db()
+        self.assertIsNone(self.ep.chapters_fetched_at)
+        self.responses['https://example.org/a.mp3'] = _StreamResponse(ID3V23, status=206)
+        self.assertEqual(self.get().json()['chapters'], ID3V23_CHAPTERS)
+
+    def test_inline_chapters_need_no_fetch(self):
+        self.ep.chapters = [{'start': 0.0, 'title': 'Inline'}]
+        self.ep.save()
+        self.assertEqual(self.get().json()['chapters'], [{'start': 0.0, 'title': 'Inline'}])
+        self.assertEqual(self.calls, [])
+
+
+class ChapterCacheRefreshTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed', title='Feed')
+
+    def refresh(self, rss):
+        with patch('podcasts.views._fetch_feed', lambda url: _parse(rss)):
+            _refresh_feed(self.feed)
+
+    def test_chapters_from_the_file_survive_a_refresh(self):
+        self.refresh(_rich_rss([('a', '')]))
+        fetched = datetime(2026, 1, 2, tzinfo=timezone.utc)
+        PodcastEpisode.objects.update(chapters=[{'start': 0.0, 'title': 'ID3'}], chapters_fetched_at=fetched)
+        self.refresh(_rich_rss([('a', '')]))
+        ep = PodcastEpisode.objects.get()
+        self.assertEqual((ep.chapters, ep.chapters_fetched_at), ([{'start': 0.0, 'title': 'ID3'}], fetched))
+        # A chapters URL turning up means fetching that.
+        self.refresh(_rich_rss([('a', '<podcast:chapters url="https://x.org/c.json" type="application/json+chapters"/>')]))
+        ep.refresh_from_db()
+        self.assertEqual((ep.chapters, ep.chapters_fetched_at), ([], None))
+
+    def test_inline_chapters_going_away_means_a_fetch(self):
+        self.refresh(_rich_rss([('a', PSC)]))
+        self.assertEqual(len(PodcastEpisode.objects.get().chapters), 4)
+        self.refresh(_rich_rss([('a', '')]))
+        ep = PodcastEpisode.objects.get()
+        self.assertEqual((ep.chapters, ep.chapters_fetched_at), ([], None))
+
+
+# ---------------------------------------------------------------------------
+# Transcripts
+# ---------------------------------------------------------------------------
+
+VTT = (
+    'WEBVTT\r\nKind: captions\r\n\r\n'
+    'NOTE Ein Kommentar\r\nüber zwei Zeilen\r\n\r\n'
+    'STYLE\r\n::cue { color: red }\r\n\r\n'
+    '1\r\n00:00.000 --> 00:02.000\r\n<v Anna>Hallo und</v>\r\n\r\n'
+    'intro-2\r\n00:02.000 --> 00:04.500 align:start position:10%\r\n<v Anna>willkommen &amp; so.</v>\r\n\r\n'
+    '00:00:04.500 --> 00:00:06.000\r\n<v.loud Ben>Danke!\r\n<v Anna>Gern.\r\n\r\n'
+    '01:00:00.000 --> 01:00:02.000\r\n<i>Ende</i> <00:00:01.000><c>gut</c>\r\n'
+)
+
+SRT = (
+    '1\n00:00:01,000 --> 00:00:03,500\nErste Zeile\nzweite Zeile\n\n'
+    '2\n00:00:03,500 --> 00:00:05,000\n<i>weiter.</i>\n\n'
+    '3\n00:00:40,000 --> 00:00:42,000\nNach der Pause\n'
+    '4\n00:00:42,000 --> 00:00:43,000\nohne Leerzeile davor\n'
+)
+
+TRANSCRIPT_JSON = {
+    'version': '1.0.0',
+    'segments': [
+        {'speaker': 'Anna', 'startTime': 0, 'endTime': 0.5, 'body': 'Hallo'},
+        {'speaker': 'Anna', 'startTime': 0.5, 'endTime': 1.2, 'body': 'zusammen.'},
+        {'speaker': 'Ben', 'startTime': 1.3, 'endTime': 2, 'body': 'Hi'},
+        {'speaker': '', 'startTime': 2.5, 'body': 'ohne Ende'},
+        {'startTime': 3, 'endTime': 4, 'body': 'und &amp; weiter'},
+        {'startTime': 'kaputt', 'body': 'weg'},
+        'kein Objekt',
+    ],
+}
+
+
+class TranscriptParsingTests(TestCase):
+    def test_vtt(self):
+        from .transcripts import merge, parse
+        self.assertEqual(merge(parse(VTT.encode(), 'vtt')), [
+            {'start': 0.0, 'end': 4.5, 'speaker': 'Anna', 'text': 'Hallo und willkommen & so.'},
+            {'start': 4.5, 'end': 6.0, 'speaker': 'Ben', 'text': 'Danke!'},
+            {'start': 4.5, 'end': 6.0, 'speaker': 'Anna', 'text': 'Gern.'},
+            {'start': 3600.0, 'end': 3602.0, 'speaker': None, 'text': 'Ende gut'},
+        ])
+
+    def test_srt(self):
+        from .transcripts import merge, parse
+        self.assertEqual(merge(parse(SRT.encode('cp1252'), 'srt')), [
+            {'start': 1.0, 'end': 5.0, 'speaker': None, 'text': 'Erste Zeile zweite Zeile weiter.'},
+            {'start': 40.0, 'end': 43.0, 'speaker': None, 'text': 'Nach der Pause ohne Leerzeile davor'},
+        ])
+
+    def test_json(self):
+        from .transcripts import merge, parse
+        self.assertEqual(merge(parse(json.dumps(TRANSCRIPT_JSON).encode(), 'json')), [
+            {'start': 0.0, 'end': 1.2, 'speaker': 'Anna', 'text': 'Hallo zusammen.'},
+            {'start': 1.3, 'end': 2.0, 'speaker': 'Ben', 'text': 'Hi'},
+            {'start': 2.5, 'end': 4.0, 'speaker': None, 'text': 'ohne Ende und & weiter'},
+        ])
+
+    def test_merging(self):
+        from .transcripts import merge
+        # One-second fragments without a sentence end: cut at 30 s.
+        words = [(float(i), i + 1.0, 'A', f'w{i}') for i in range(40)]
+        self.assertEqual([(s['start'], s['end']) for s in merge(words)], [(0.0, 30.0), (30.0, 40.0)])
+        # A sentence end closes a segment once it's 5 s long, not before.
+        frags = [(0.0, 1.0, None, 'Ja.'), (1.0, 6.0, None, 'Genau, so ist es.'), (6.0, 7.0, None, 'Weiter')]
+        self.assertEqual([s['text'] for s in merge(frags)], ['Ja. Genau, so ist es.', 'Weiter'])
+
+    def test_html_is_unsupported(self):
+        from .transcripts import Unsupported, parse
+        with self.assertRaises(Unsupported):
+            parse(b'<!DOCTYPE html><html><body><p>Hallo</p></body></html>', 'vtt')
+
+    def test_choice(self):
+        from .transcripts import candidates
+        ts = [
+            {'url': 'https://x.org/a.srt', 'type': 'application/x-subrip', 'language': 'de'},
+            {'url': 'https://x.org/a.html', 'type': 'text/html', 'language': 'de'},
+            {'url': 'https://x.org/en.json', 'type': 'application/json', 'language': 'en'},
+            {'url': 'https://x.org/a.vtt', 'type': 'text/vtt', 'language': 'de-DE'},
+            {'url': 'https://x.org/fr.json', 'type': 'application/json', 'language': 'fr'},
+            {'url': 'https://x.org/b.vtt', 'type': '', 'language': ''},
+        ]
+        self.assertEqual([t['url'] for t in candidates(ts)], [
+            'https://x.org/a.vtt', 'https://x.org/b.vtt', 'https://x.org/a.srt',
+            'https://x.org/en.json', 'https://x.org/fr.json',
+        ])
+
+
+class TranscriptEndpointTests(TestCase):
+    VTT_T = {'url': 'https://example.org/a.vtt', 'type': 'text/vtt', 'language': 'de'}
+    JSON_T = {'url': 'https://example.org/a.json', 'type': 'application/json', 'language': 'de'}
+    HTML_T = {'url': 'https://example.org/a.html', 'type': 'text/html', 'language': 'de'}
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed', title='Feed')
+        self.ep = PodcastEpisode.objects.create(
+            feed=self.feed, guid='a', title='A', audio_url='https://example.org/a.mp3',
+            chapters=[{'start': 0.0, 'title': 'Inline'}],  # no chapter fetch in these tests
+            transcripts=[self.VTT_T, self.JSON_T, self.HTML_T],
+        )
+        self.requests = []
+        self.responses = {
+            self.VTT_T['url']: lambda: _FakeResponse(VTT.encode()),
+            self.JSON_T['url']: lambda: _FakeResponse(json.dumps(TRANSCRIPT_JSON).encode()),
+        }
+
+    def fake_get(self, url, **kwargs):
+        self.requests.append(url)
+        return self.responses[url]()
+
+    def get(self, ep=None, what='transcript/'):
+        with patch('podcasts.chapters.assert_safe_url'), patch('podcasts.chapters.requests.get', self.fake_get):
+            return self.client.get(f'/podcasts/episodes/{(ep or self.ep).id}/{what}')
+
+    def test_best_transcript_is_fetched_once(self):
+        r = self.get()
+        self.assertEqual(r.status_code, 200)
+        data = r.json()
+        self.assertEqual(data['source'], self.JSON_T)
+        self.assertEqual(data['segments'][0], {'start': 0.0, 'end': 1.2, 'speaker': 'Anna', 'text': 'Hallo zusammen.'})
+        self.assertEqual(self.get().json(), data)
+        self.assertEqual(self.requests, [self.JSON_T['url']])
+        self.assertTrue(self.get(what='').json()['has_transcript'])
+
+    def test_falls_back_to_the_next_one(self):
+        self.responses[self.JSON_T['url']] = lambda: _FakeResponse(status=404)
+        data = self.get().json()
+        self.assertEqual(data['source'], self.VTT_T)
+        self.assertEqual(data['segments'][1]['speaker'], 'Ben')
+        self.get()
+        self.assertEqual(self.requests, [self.JSON_T['url'], self.VTT_T['url']])
+
+    def test_temporary_failure_is_not_cached(self):
+        self.responses[self.JSON_T['url']] = lambda: _FakeResponse(status=503)
+        self.responses[self.VTT_T['url']] = lambda: _FakeResponse(status=503)
+        r = self.get()
+        self.assertEqual((r.status_code, r.json()), (502, {'error': 'unavailable'}))
+        # The better one failing for now: the other one is shown, but not kept.
+        self.responses[self.VTT_T['url']] = lambda: _FakeResponse(VTT.encode())
+        self.assertEqual(self.get().json()['source'], self.VTT_T)
+        self.responses[self.JSON_T['url']] = lambda: _FakeResponse(json.dumps(TRANSCRIPT_JSON).encode())
+        self.assertEqual(self.get().json()['source'], self.JSON_T)
+        self.get()
+        self.assertEqual(self.requests.count(self.JSON_T['url']), 3)
+
+    def test_html_only_is_unsupported(self):
+        self.ep.transcripts = [self.HTML_T]
+        self.ep.save()
+        r = self.get()
+        self.assertEqual((r.status_code, r.json()), (404, {'error': 'unsupported'}))
+        self.assertEqual(self.requests, [])
+        self.assertFalse(self.get(what='').json()['has_transcript'])
+
+    def test_html_served_under_another_type(self):
+        self.ep.transcripts = [self.VTT_T]
+        self.ep.save()
+        self.responses[self.VTT_T['url']] = lambda: _FakeResponse(b'<html><body>Hallo</body></html>')
+        self.assertTrue(self.get(what='').json()['has_transcript'])
+        r = self.get()
+        self.assertEqual((r.status_code, r.json()), (404, {'error': 'unsupported'}))
+        self.assertEqual(self.get().status_code, 404)
+        self.assertEqual(self.requests, [self.VTT_T['url']])
+        self.assertFalse(self.get(what='').json()['has_transcript'])
+
+    def test_no_transcript(self):
+        self.ep.transcripts = []
+        self.ep.save()
+        r = self.get()
+        self.assertEqual((r.status_code, r.json()), (404, {'error': 'no transcript'}))
+        self.assertFalse(self.get(what='').json()['has_transcript'])
+
+    def test_new_transcripts_in_the_feed_replace_the_cache(self):
+        self.ep.transcripts = [self.VTT_T]
+        self.ep.save()
+        self.assertEqual(self.get().json()['source'], self.VTT_T)
+        self.ep.transcripts = [self.VTT_T, self.JSON_T]
+        self.ep.save()
+        self.assertEqual(self.get().json()['source'], self.JSON_T)
+        self.assertEqual(self.requests, [self.VTT_T['url'], self.JSON_T['url']])
+
+    def test_other_users_episode_is_not_found(self):
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        feed = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/b', title='B')
+        ep = PodcastEpisode.objects.create(feed=feed, guid='x', title='X', audio_url='https://example.org/x.mp3',
+                                           transcripts=[self.VTT_T])
+        r = self.get(ep)
+        self.assertEqual((r.status_code, r.json()), (404, {'error': 'not found'}))
+        self.assertEqual(self.requests, [])
+
+    def test_login_required(self):
+        self.client.logout()
+        self.assertEqual(self.get().status_code, 401)
diff --git a/podcasts/transcripts.py b/podcasts/transcripts.py
new file mode 100644
index 0000000..d7dc368
--- /dev/null
+++ b/podcasts/transcripts.py
@@ -0,0 +1,282 @@
+"""Podcast transcripts (<podcast:transcript>): pick the best one an episode
+offers, fetch it with the same guards as the chapters, and turn it into
+readable segments:
+
+    {"segments": [{"start": 1.5, "end": 9.25, "speaker": "Anna" | None, "text": "…"}],
+     "source": {"url": "…", "type": "text/vtt", "language": "de"}}
+
+Formats: Podcasting 2.0 JSON, WebVTT and SubRip (SRT). HTML transcripts have
+no timing and aren't supported. Cues are often a few words each; consecutive
+ones of the same speaker are merged up to a sentence end or about 30 s.
+"""
+
+import html
+import json
+import re
+
+from . import chapters as fetching
+
+MAX_BYTES = 2 * 1024 * 1024
+MAX_SEGMENTS = 20_000
+MAX_TEXT = 5_000       # characters of one segment
+MAX_SPEAKER = 200
+
+# Merging
+MERGE_MAX_SECONDS = 30   # a segment never spans more than this
+MERGE_MIN_SECONDS = 5    # ... and ends at a sentence end once it's this long
+MERGE_MAX_GAP = 5        # silence that always starts a new segment
+
+JSON, VTT, SRT, HTML = 'json', 'vtt', 'srt', 'html'
+_KIND_RANK = {JSON: 0, VTT: 1, SRT: 2}
+_ACCEPT = {JSON: 'application/json', VTT: 'text/vtt', SRT: 'application/x-subrip'}
+
+
+class Unsupported(Exception):
+    """The transcript is in a format without timing (HTML) or an unknown one."""
+
+
+def kind(transcript):
+    """json, vtt, srt, html or '' (unknown) from the type, else the URL."""
+    t = (transcript.get('type') or '').lower().split(';')[0].strip()
+    if 'json' in t:
+        return JSON
+    if 'vtt' in t:
+        return VTT
+    if 'srt' in t or 'subrip' in t:
+        return SRT
+    if 'html' in t:
+        return HTML
+    path = (transcript.get('url') or '').lower().split('?')[0].split('#')[0]
+    for ext, k in (('.json', JSON), ('.vtt', VTT), ('.srt', SRT), ('.html', HTML), ('.htm', HTML)):
+        if path.endswith(ext):
+            return k
+    return ''
+
+
+def _language_rank(language):
+    lang = (language or '').lower().split('-')[0].split('_')[0]
+    if lang in ('de', ''):  # no language given: most likely the episode's own
+        return 0
+    if lang == 'en':
+        return 1
+    return 2
+
+
+def candidates(transcripts):
+    """The episode's transcripts in a format we read, best first: German (or
+    no language given) before English before others, then JSON before VTT
+    before SRT."""
+    usable = [(i, t) for i, t in enumerate(transcripts or []) if kind(t) in _KIND_RANK]
+    usable.sort(key=lambda it: (_language_rank(it[1].get('language')), _KIND_RANK[kind(it[1])], it[0]))
+    return [t for _, t in usable]
+
+
+# ---------------------------------------------------------------------------
+# Parsers: each returns fragments [(start, end, speaker, text)]
+# ---------------------------------------------------------------------------
+
+def _decode(body):
+    if body.startswith((b'\xff\xfe', b'\xfe\xff')):
+        return body.decode('utf-16', errors='replace')
+    try:
+        return body.decode('utf-8-sig')
+    except UnicodeDecodeError:
+        return body.decode('cp1252', errors='replace')
+
+
+def _clean(text):
+    text = re.sub(r'<[^>]*>', ' ', text)
+    return ' '.join(html.unescape(text).split())
+
+
+def _seconds(value):
+    try:
+        value = float(value)
+    except (TypeError, ValueError):
+        return None
+    if value != value or value < 0 or value == float('inf'):
+        return None
+    return value
+
+
+def parse_json(text):
+    """Podcasting 2.0 JSON: {"segments": [{"startTime", "endTime", "speaker", "body"}]}."""
+    try:
+        data = json.loads(text)
+    except ValueError:
+        raise fetching.FetchInvalid('not JSON')
+    segments = data.get('segments') if isinstance(data, dict) else None
+    if not isinstance(segments, list):
+        raise fetching.FetchInvalid('no segments list')
+    out = []
+    for s in segments:
+        if not isinstance(s, dict):
+            continue
+        start = _seconds(s.get('startTime'))
+        if start is None:
+            continue
+        end = _seconds(s.get('endTime'))
+        speaker = s.get('speaker')
+        speaker = ' '.join(speaker.split()) if isinstance(speaker, str) else None
+        body = s.get('body')
+        out.append((start, end, speaker or None, _clean(body) if isinstance(body, str) else ''))
+    return out
+
+
+# 00:01:02.500 / 01:02.500 (VTT), 00:01:02,500 (SRT)
+_TIME = r'(?:(\d+):)?(\d{1,2}):(\d{1,2})(?:[.,](\d{1,3}))?'
+_TIMING = re.compile(r'^\s*' + _TIME + r'\s*-->\s*' + _TIME + r'(?:\s|$)')
+_VOICE = re.compile(r'<v(?:\.[^\s>]*)?(?:\s+([^>]*))?>', re.IGNORECASE)
+
+
+def _time(hours, minutes, seconds, fraction):
+    return int(hours or 0) * 3600 + int(minutes) * 60 + int(seconds) + (int(fraction.ljust(3, '0')) / 1000 if fraction else 0)
+
+
+def _cue_fragments(start, end, lines):
+    """Split a cue's text at its voice tags (<v Anna>…) into fragments."""
+    text = '\n'.join(lines)
+    out = []
+    speaker, pos = None, 0
+    for m in _VOICE.finditer(text):
+        out.append((start, end, speaker, _clean(text[pos:m.start()])))
+        speaker = ' '.join((m.group(1) or '').split())[:MAX_SPEAKER] or None
+        pos = m.end()
+    out.append((start, end, speaker, _clean(text[pos:])))
+    return [f for f in out if f[3]]
+
+
+def parse_cues(text):
+    """WebVTT or SRT. Lines before a cue's timing line (VTT cue ids, SRT
+    numbers) are dropped, as is everything outside cues (the WEBVTT header,
+    NOTE, STYLE and REGION blocks)."""
+    cues, current = [], None
+    for line in text.replace('\r\n', '\n').replace('\r', '\n').split('\n'):
+        m = _TIMING.match(line)
+        if m:
+            if current is not None and current[2] and current[2][-1].strip().isdigit():
+                current[2].pop()  # an SRT number with no blank line before it
+            g = m.groups()
+            current = (_time(*g[:4]), _time(*g[4:]), [])
+            cues.append(current)
+        elif not line.strip():
+            current = None
+        elif current is not None:
+            current[2].append(line)
+    out = []
+    for start, end, lines in cues:
+        out.extend(_cue_fragments(start, end, lines))
+    return out
+
+
+def parse(body, declared_kind):
+    """Fragments from a downloaded transcript; the content decides the format
+    when it's obvious, the declared type otherwise."""
+    text = _decode(body)
+    head = text.lstrip()[:200].lower()
+    if head.startswith(('<!doctype', '<html', '<?xml', '<body', '<p', '<div')):
+        raise Unsupported('HTML')
+    if head.startswith(('{', '[')):
+        return parse_json(text)
+    if head.startswith('webvtt') or declared_kind in (VTT, SRT):
+        return parse_cues(text)
+    if declared_kind == JSON:
+        return parse_json(text)
+    raise Unsupported('unknown format')
+
+
+# ---------------------------------------------------------------------------
+# Merging
+# ---------------------------------------------------------------------------
+
+_SENTENCE_END = re.compile(r'[.!?…]["\'”’»)\]]*$')
+
+
+def merge(fragments):
+    """Readable segments from cue fragments: consecutive ones of the same
+    speaker are joined until a sentence ends (once the segment is at least
+    MERGE_MIN_SECONDS long), MERGE_MAX_SECONDS are reached, or there's a
+    pause of more than MERGE_MAX_GAP."""
+    frags = sorted((f for f in fragments if f[3]), key=lambda f: f[0])[:MAX_SEGMENTS * 10]
+    # Fragments without a usable end run until the next one starts.
+    fixed = []
+    for i, (start, end, speaker, text) in enumerate(frags):
+        if end is None or end <= start:
+            nxt = frags[i + 1][0] if i + 1 < len(frags) else start
+            end = max(nxt, start)
+        fixed.append((start, end, speaker, text))
+
+    segments = []
+    for start, end, speaker, text in fixed:
+        last = segments[-1] if segments else None
+        if (
+            last is not None
+            and last['speaker'] == speaker
+            and start - last['end'] <= MERGE_MAX_GAP
+            and end - last['start'] <= MERGE_MAX_SECONDS
+            and len(last['text']) + len(text) < MAX_TEXT
+            and not (_SENTENCE_END.search(last['text']) and last['end'] - last['start'] >= MERGE_MIN_SECONDS)
+        ):
+            last['text'] += ' ' + text
+            last['end'] = max(last['end'], end)
+            continue
+        if len(segments) >= MAX_SEGMENTS:
+            break
+        segments.append({'start': start, 'end': end, 'speaker': speaker, 'text': text[:MAX_TEXT]})
+    for s in segments:
+        s['start'], s['end'] = round(s['start'], 3), round(s['end'], 3)
+    return segments
+
+
+# ---------------------------------------------------------------------------
+# Fetching
+# ---------------------------------------------------------------------------
+
+def fetch(transcript):
+    """The parsed transcript {"segments", "source"} from one of the episode's
+    <podcast:transcript> entries. Raises Unsupported, FetchInvalid or
+    FetchUnavailable."""
+    k = kind(transcript)
+    if k not in _KIND_RANK:
+        raise Unsupported(transcript.get('type') or 'unknown type')
+    body = fetching.fetch_bytes(
+        transcript['url'], MAX_BYTES, accept=f'{_ACCEPT[k]}, */*;q=0.1', agent='diora podcast transcripts',
+    )
+    segments = merge(parse(body, k))
+    if not segments:
+        raise fetching.FetchInvalid('no segments')
+    return {
+        'segments': segments,
+        'source': {
+            'url': transcript['url'],
+            'type': transcript.get('type') or '',
+            'language': transcript.get('language') or '',
+        },
+    }
+
+
+def load(transcripts):
+    """(parsed transcript, final) from the best candidate that works.
+
+    final is False when a better candidate failed for now only, so the
+    result shouldn't be kept for good. Raises FetchUnavailable when nothing
+    worked and something may work later, Unsupported when no candidate is in
+    a usable format, FetchInvalid otherwise.
+    """
+    retry_later = False
+    unsupported_only = True
+    for t in candidates(transcripts):
+        try:
+            return fetch(t), not retry_later
+        except fetching.FetchUnavailable:
+            retry_later = True
+            unsupported_only = False
+        except Unsupported:
+            pass
+        except fetching.FetchInvalid:
+            unsupported_only = False
+    if retry_later:
+        raise fetching.FetchUnavailable('try again later')
+    if unsupported_only:
+        raise Unsupported('no usable transcript')
+    raise fetching.FetchInvalid('no usable transcript')
diff --git a/podcasts/urls.py b/podcasts/urls.py
index d0948f0..8ae243a 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -15,6 +15,7 @@ urlpatterns = [
     path('feeds/<int:pk>/episodes/', views.feed_episodes, name='podcast_feed_episodes'),
     path('episodes/', views.episode_list, name='podcast_episode_list'),
     path('episodes/<int:pk>/', views.episode_detail, name='podcast_episode_detail'),
+    path('episodes/<int:pk>/transcript/', views.episode_transcript, name='podcast_episode_transcript'),
     path('episodes/<int:pk>/favorite/', views.set_favorite, name='podcast_set_favorite'),
     path('stats/', views.podcast_stats, name='podcast_stats'),
     path('queue/', views.queue_get, name='podcast_queue_get'),
diff --git a/podcasts/views.py b/podcasts/views.py
index f38f967..c73bf0f 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -19,7 +19,10 @@ from django.views.decorators.http import require_http_methods
 
 from . import chapters as chapters_mod
 from . import feedext
-from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings, counts_as_played
+from . import transcripts as transcripts_mod
+from .models import (
+    EpisodeProgress, EpisodeTranscript, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings, counts_as_played,
+)
 from .shownotes import extract_timestamps, sanitize_html
 
 feedext.install()
@@ -179,8 +182,10 @@ def _entry_transcripts(entry):
 def _apply_extras(episode, description, chapters_url, psc_chapters, transcripts):
     """Copy what the feed says now onto `episode`; True if anything changed.
 
-    Inline (Podlove) chapters win. Without them, chapters fetched from
-    chapters_url stay cached for as long as the URL stays the same.
+    Inline (Podlove) chapters win. Without them, fetched chapters (from
+    chapters_url, or from the audio file when there's no URL) stay cached for
+    as long as the URL stays the same; inline chapters going away means a
+    fresh fetch.
     """
     changed = []
     if episode.description != description:
@@ -190,8 +195,8 @@ def _apply_extras(episode, description, chapters_url, psc_chapters, transcripts)
         episode.transcripts = transcripts
         changed.append('transcripts')
     if psc_chapters:
-        chapters, fetched_at = psc_chapters, episode.chapters_fetched_at
-    elif chapters_url and chapters_url == episode.chapters_url and episode.chapters_fetched_at:
+        chapters, fetched_at = psc_chapters, None
+    elif chapters_url == episode.chapters_url and episode.chapters_fetched_at:
         chapters, fetched_at = episode.chapters, episode.chapters_fetched_at
     else:
         chapters, fetched_at = [], None
@@ -602,20 +607,29 @@ def feed_episodes(request, pk):
 # ---------------------------------------------------------------------------
 
 def _load_chapters(episode):
-    """Fetch the JSON chapters of `episode` once and cache them on it.
+    """Fetch the chapters the feed doesn't carry inline, once, and cache them
+    on `episode`: the JSON at chapters_url, else (no URL, or nothing there)
+    the CHAP frames in the ID3v2 tag at the start of the audio file.
 
     Problems that may go away (timeouts, server errors) aren't cached, so the
     next request tries again; anything else is remembered as "no chapters".
     """
     url = episode.chapters_url
+    chapters = []
     try:
-        chapters = chapters_mod.fetch(url)
+        if url:
+            try:
+                chapters = chapters_mod.fetch(url)
+            except chapters_mod.ChaptersInvalid as e:
+                log.info('chapters of episode %s unusable: %s', episode.id, e)
+        if not chapters and episode.audio_url:
+            try:
+                chapters = chapters_mod.fetch_id3(episode.audio_url)
+            except chapters_mod.ChaptersInvalid as e:
+                log.info('ID3 chapters of episode %s unusable: %s', episode.id, e)
     except chapters_mod.ChaptersUnavailable as e:
         log.info('chapters of episode %s not available: %s', episode.id, e)
         return []
-    except chapters_mod.ChaptersInvalid as e:
-        log.info('chapters of episode %s unusable: %s', episode.id, e)
-        chapters = []
     now = timezone.now()
     # Only if a refresh hasn't changed the URL in the meantime.
     PodcastEpisode.objects.filter(pk=episode.pk, chapters_url=url).update(
@@ -636,7 +650,7 @@ def episode_detail(request, pk):
         return JsonResponse({'error': 'not found'}, status=404)
 
     chapters = ep.chapters
-    if not chapters and ep.chapters_url and ep.chapters_fetched_at is None:
+    if not chapters and ep.chapters_fetched_at is None:
         chapters = _load_chapters(ep)
 
     progress = EpisodeProgress.objects.filter(user=request.user, episode=ep).first()
@@ -647,6 +661,7 @@ def episode_detail(request, pk):
         'timestamps': extract_timestamps(ep.description, ep.duration_seconds),
         'chapters': chapters,
         'transcripts': ep.transcripts,
+        'has_transcript': _has_transcript(ep),
         'feed': {'id': ep.feed.id, 'title': ep.feed.title, 'artwork_url': ep.feed.artwork_url},
         'audio_url': ep.audio_url,
         'artwork_url': ep.artwork_url,
@@ -662,6 +677,65 @@ def episode_detail(request, pk):
     })
 
 
+def _transcript_sources(ep):
+    return [t['url'] for t in transcripts_mod.candidates(ep.transcripts)]
+
+
+def _has_transcript(ep):
+    """True if the episode offers a transcript we can read, and it hasn't
+    turned out to be unusable."""
+    sources = _transcript_sources(ep)
+    if not sources:
+        return False
+    cached = EpisodeTranscript.objects.filter(episode=ep).values_list('sources', 'error').first()
+    return not (cached and cached[0] == sources and cached[1])
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def episode_transcript(request, pk):
+    """The episode's transcript as {"segments": [{start, end, speaker, text}],
+    "source": {url, type, language}}, fetched and parsed on first use, then
+    kept. 404 {"error": "no transcript" | "unsupported" | "invalid"} when
+    there's none to show; 502 {"error": "unavailable"} when it couldn't be
+    loaded right now."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        ep = PodcastEpisode.objects.get(pk=pk, feed__user=request.user)
+    except PodcastEpisode.DoesNotExist:
+        return JsonResponse({'error': 'not found'}, status=404)
+    if not ep.transcripts:
+        return JsonResponse({'error': 'no transcript'}, status=404)
+    sources = _transcript_sources(ep)
+    if not sources:
+        return JsonResponse({'error': 'unsupported'}, status=404)
+
+    cached = EpisodeTranscript.objects.filter(episode=ep).first()
+    if cached is not None and cached.sources == sources:
+        data, error = cached.data, cached.error
+    else:
+        try:
+            data, final = transcripts_mod.load(ep.transcripts)
+            error = ''
+        except chapters_mod.FetchUnavailable as e:
+            log.info('transcript of episode %s not available: %s', ep.id, e)
+            return JsonResponse({'error': 'unavailable'}, status=502)
+        except transcripts_mod.Unsupported as e:
+            log.info('transcript of episode %s unsupported: %s', ep.id, e)
+            data, error, final = None, 'unsupported', True
+        except chapters_mod.FetchInvalid as e:
+            log.info('transcript of episode %s unusable: %s', ep.id, e)
+            data, error, final = None, 'invalid', True
+        if final:
+            EpisodeTranscript.objects.update_or_create(
+                episode=ep, defaults={'sources': sources, 'data': data, 'error': error},
+            )
+    if error:
+        return JsonResponse({'error': error}, status=404)
+    return JsonResponse(data)
+
+
 # ---------------------------------------------------------------------------
 # Favorites
 # ---------------------------------------------------------------------------

From 5f7d4066c77c238a2fb697cac1e1f99e44c93afd Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 10:11:38 +0200
Subject: [PATCH 034/176] =?UTF-8?q?CI:=20data/=20anlegen,=20bevor=20manage?=
 =?UTF-8?q?.py=20check=20l=C3=A4uft?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Seit die Podcast-Modelle JSON-Felder haben, öffnet die Systemprüfung die
Datenbank (unterstützt SQLite JSON?). Im CI fehlt data/ – die Prüfung
brach mit „unable to open database file“ ab, die Tests liefen gar
nicht. In Produktion ist data/ ein Volume, dort war nichts betroffen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .forgejo/workflows/test.yml | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/.forgejo/workflows/test.yml b/.forgejo/workflows/test.yml
index a95c9a4..4d5abdb 100644
--- a/.forgejo/workflows/test.yml
+++ b/.forgejo/workflows/test.yml
@@ -29,7 +29,12 @@ jobs:
           /tmp/venv/bin/pip install --no-cache-dir -r requirements.txt
 
       - name: Django system check
-        run: /tmp/venv/bin/python manage.py check
+        # The SQLite file lives in data/ (a volume in production, git-ignored).
+        # Since the podcast models have JSON fields, the check opens the
+        # database to ask whether it supports them — so the folder must exist.
+        run: |
+          mkdir -p data
+          /tmp/venv/bin/python manage.py check
 
       - name: Run tests
         run: /tmp/venv/bin/python manage.py test

From 76a164709d3effe10f30fcd3574d4737b4a08b3a Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 10:26:32 +0200
Subject: [PATCH 035/176] Podcasts im Browser: die Podcast-Seite der App statt
 des alten Podcast-Tabs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der Podcast-Tab der Web-App zeigt jetzt dieselbe Oberfläche wie die
Android-App: native-podcast.js aus diora-android, unverändert kopiert nach
static/podcasts/ (tools/sync_podcast_ui.py, mit Quell-Commit im Kopf),
dazu die Podcast-Teile von native.css.

static/js/podcasts-web.js spielt im Browser die Rolle der App
(window.DioraPodcastHost statt DioraNative):
- Zustand aus /podcasts/state/, in localStorage für einen schnellen Start;
  Änderungen sofort lokal und der Reihe nach an den Server (Outbox, übersteht
  Neuladen und Offline), wie Podcasts.kt, inkl. „immer sortiert halten“
- eigener Player (nicht das Radio-Audio-Element), Warteschlange = Playlist,
  wie RadioService.EpisodeTracker: Stelle fortsetzen, Intro/Outro, Fortschritt
  alle 10 s und bei Pause, „gehört“ kurz vor Schluss (auch bei „nächste“),
  automatisch weiter, nach Pause etwas zurück (0,8/3/10/20 s), Tempo und
  Lautstärke (bis 1) pro Podcast, Sleep-Timer nur während des Abspielens mit
  Ausblenden
- Sperrbildschirm und Medientasten über navigator.mediaSession
- Abspiel-Einstellungen dieses Geräts in localStorage (wie PlaybackPrefs)
- keine Downloads (die Oberfläche blendet sie aus)
- Radio und Podcast nie gleichzeitig: eine Folge stoppt das Radio, ein Sender
  legt die Folge weg
- Bottom-Sheet und Mini-Player-Dock über der Radio-Leiste; auf breiten
  Bildschirmen eine mittige Spalte (760 px)

In der App und der Desktop-App (window.DioraNative vorhanden) tut
podcasts-web.js nichts.

Entfernt: der alte Podcast-Tab (Markup, ~1000 Zeilen in app.js, CSS), die
Podcast-Leiste im Player, INITIAL_PODCAST_FEEDS und das Herunterladen von
Folgen in den Browser-Cache (der Service Worker räumt diora-podcast-v1 ab).
Service-Worker-Cache auf v52, neue Dateien im App-Shell.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 radio/tests.py                    |   40 +
 radio/views.py                    |    8 -
 static/css/app.css                |  324 -----
 static/js/app.js                  | 1073 ----------------
 static/js/podcasts-web.js         | 1069 ++++++++++++++++
 static/js/sw.js                   |   27 +-
 static/podcasts/native-podcast.js | 1901 +++++++++++++++++++++++++++++
 static/podcasts/podcast-ui.css    |  529 ++++++++
 static/podcasts/podcasts-web.css  |  189 +++
 templates/radio/player.html       |   97 +-
 tools/sync_podcast_ui.py          |   78 ++
 11 files changed, 3817 insertions(+), 1518 deletions(-)
 create mode 100644 radio/tests.py
 create mode 100644 static/js/podcasts-web.js
 create mode 100644 static/podcasts/native-podcast.js
 create mode 100644 static/podcasts/podcast-ui.css
 create mode 100644 static/podcasts/podcasts-web.css
 create mode 100644 tools/sync_podcast_ui.py

diff --git a/radio/tests.py b/radio/tests.py
new file mode 100644
index 0000000..e8c52fd
--- /dev/null
+++ b/radio/tests.py
@@ -0,0 +1,40 @@
+from pathlib import Path
+
+from django.conf import settings
+from django.contrib.auth.models import User
+from django.test import TestCase
+
+
+class PlayerPagePodcastsTests(TestCase):
+    """The podcast tab is the app's podcast page (static/podcasts/, copied from
+    diora-android) on a browser host (static/js/podcasts-web.js)."""
+
+    def test_logged_in_page_loads_the_podcast_host(self):
+        user = User.objects.create_user('pod', password='pw-for-tests-only')
+        self.client.force_login(user)
+        html = self.client.get('/').content.decode()
+        self.assertIn('id="tab-podcasts"', html)
+        self.assertIn('<script src="/static/js/podcasts-web.js"></script>', html)
+        self.assertIn('dpw-loading', html)
+        # The old podcast tab and its player bar are gone.
+        self.assertNotIn('podcast-toolbar', html)
+        self.assertNotIn('podcast-seek-bar', html)
+        self.assertNotIn('INITIAL_PODCAST_FEEDS', html)
+
+    def test_logged_out_page_asks_to_log_in(self):
+        html = self.client.get('/').content.decode()
+        self.assertIn('to subscribe to podcasts.', html)
+        self.assertNotIn('dpw-loading', html)
+
+    def test_podcast_ui_files_are_there(self):
+        static = Path(settings.BASE_DIR) / 'static'
+        host = (static / 'js' / 'podcasts-web.js').read_text(encoding='utf-8')
+        for name in ('native-podcast.js', 'podcast-ui.css', 'podcasts-web.css'):
+            path = static / 'podcasts' / name
+            self.assertTrue(path.exists(), name)
+            if name != 'podcasts-web.css':
+                self.assertIn('Copied from diora-android', path.read_text(encoding='utf-8')[:300])
+            self.assertIn('/static/podcasts/' + name, host)
+        sw = (static / 'js' / 'sw.js').read_text(encoding='utf-8')
+        for path in ('/static/js/podcasts-web.js', '/static/podcasts/native-podcast.js'):
+            self.assertIn(path, sw)
diff --git a/radio/views.py b/radio/views.py
index 12b26c3..408297e 100644
--- a/radio/views.py
+++ b/radio/views.py
@@ -63,13 +63,6 @@ def index(request):
         )
     )
 
-    initial_podcast_feeds = []
-    if request.user.is_authenticated:
-        from podcasts.models import PodcastFeed
-        initial_podcast_feeds = list(
-            request.user.podcast_feeds.values('id', 'title', 'artwork_url', 'rss_url')
-        )
-
     focus_station = None  # null in JS means "never configured, use default"
     encrypted_bg = {}
     if request.user.is_authenticated:
@@ -91,7 +84,6 @@ def index(request):
         'amazon_enabled': settings.AMAZON_AFFILIATE_ENABLED,
         'featured_stations': featured,
         'featured_stations_json': json.dumps(featured, cls=DjangoJSONEncoder),
-        'initial_podcast_feeds': json.dumps(initial_podcast_feeds, cls=DjangoJSONEncoder),
         'focus_station': focus_station,
         'focus_station_json': json.dumps(focus_station, cls=DjangoJSONEncoder),
         'encrypted_bg': encrypted_bg,
diff --git a/static/css/app.css b/static/css/app.css
index fd2bcc6..050ed16 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1251,241 +1251,6 @@ body.dnd-mode .timer-display {
 .volume-num::-webkit-outer-spin-button { display: none; }
 .volume-num { -moz-appearance: textfield; }
 
-/* ===== PODCAST COMPONENTS ===== */
-
-.podcast-seek-bar {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 0 12px;
-  flex: 1;
-  min-width: 0;
-  position: relative;
-}
-
-.skip-btn {
-  font-size: 0.72rem;
-  opacity: 0.8;
-  white-space: nowrap;
-  padding: 2px 4px;
-}
-.skip-btn:hover { opacity: 1; }
-
-.speed-btns {
-  display: flex;
-  gap: 2px;
-  margin-left: 4px;
-  flex-shrink: 0;
-}
-
-.speed-btn {
-  background: none;
-  border: 1px solid var(--border, #444);
-  color: var(--fg, #fff);
-  border-radius: 3px;
-  font-size: 0.68rem;
-  padding: 1px 4px;
-  cursor: pointer;
-  opacity: 0.6;
-  white-space: nowrap;
-}
-.speed-btn:hover { opacity: 1; }
-.speed-btn.active {
-  opacity: 1;
-  border-color: var(--accent, #e63946);
-  color: var(--accent, #e63946);
-}
-
-.seek-slider {
-  flex: 1;
-  accent-color: var(--accent, #e63946);
-  cursor: pointer;
-  height: 4px;
-}
-
-.seek-time {
-  font-size: 0.75rem;
-  color: var(--text-muted, #888);
-  white-space: nowrap;
-  font-variant-numeric: tabular-nums;
-}
-
-.podcast-toolbar {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  padding: 8px 0 12px;
-  border-bottom: 1px solid var(--border, #333);
-  margin-bottom: 10px;
-  align-items: center;
-}
-
-.podcast-pane { }
-
-.podcast-feed-list {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.podcast-feed-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 6px 0;
-  border-bottom: 1px solid var(--border, #222);
-}
-
-.podcast-feed-info {
-  flex: 1;
-  min-width: 0;
-}
-
-.podcast-feed-title {
-  font-weight: bold;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.podcast-feed-actions {
-  display: flex;
-  gap: 4px;
-  flex-shrink: 0;
-}
-
-.podcast-thumb {
-  width: 48px;
-  height: 48px;
-  object-fit: cover;
-  border-radius: 4px;
-  flex-shrink: 0;
-}
-
-.podcast-thumb-lg {
-  width: 80px;
-  height: 80px;
-  object-fit: cover;
-  border-radius: 6px;
-  flex-shrink: 0;
-}
-
-.podcast-thumb-placeholder {
-  width: 48px;
-  height: 48px;
-  background: var(--surface, #1e1e2e);
-  border-radius: 4px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.podcast-unplayed-badge {
-  background: var(--accent, #e63946);
-  color: #fff;
-  border-radius: 99px;
-  padding: 1px 7px;
-  font-size: 0.7rem;
-  margin-left: 6px;
-}
-
-.episode-list {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.episode-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 7px 0;
-  border-bottom: 1px solid var(--border, #222);
-}
-
-.episode-item.episode-played {
-  opacity: 0.5;
-}
-
-.episode-info {
-  flex: 1;
-  min-width: 0;
-}
-
-.episode-title {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 0.9rem;
-}
-
-.episode-actions {
-  display: flex;
-  gap: 4px;
-  flex-shrink: 0;
-}
-
-.podcast-search-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-top: 10px;
-}
-
-.podcast-search-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 6px 0;
-  border-bottom: 1px solid var(--border, #222);
-}
-
-.podcast-search-info {
-  flex: 1;
-  min-width: 0;
-}
-
-.podcast-queue-ol {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.podcast-feed-header {
-  margin-bottom: 12px;
-}
-
-.podcast-feed-header-inner {
-  display: flex;
-  align-items: center;
-  gap: 14px;
-}
-.feed-refresh-btn { margin-left: auto; flex-shrink: 0; }
-
-/* Clickable episode title (episode list) */
-.ep-clickable {
-  cursor: pointer;
-}
-.ep-clickable:hover {
-  color: var(--accent, #e63946);
-  text-decoration: underline;
-}
-
-/* Clickable episode title / feed name in the now-playing bar */
-.podcast-track-link,
-.podcast-station-link {
-  cursor: pointer;
-}
-.podcast-track-link:hover,
-.podcast-station-link:hover {
-  color: var(--accent, #e63946);
-  text-decoration: underline;
-}
-
 /* ===== SIDEBAR ===== */
 
 .sidebar-overlay {
@@ -1588,90 +1353,6 @@ body.dnd-mode .timer-display {
   margin: 12px 0 4px;
 }
 
-/* Inbox toolbar + checkboxes */
-.inbox-toolbar {
-  display: flex; align-items: center; gap: 8px;
-  padding: 0 0 8px; flex-wrap: wrap; min-height: 32px;
-}
-.inbox-select-all-label {
-  display: flex; align-items: center; gap: 4px;
-  font-size: 0.82rem; color: var(--text-muted, #888); cursor: pointer;
-  white-space: nowrap;
-}
-.inbox-bulk-actions {
-  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
-}
-.inbox-load-more {
-  display: flex; align-items: center; gap: 6px; margin-left: auto;
-}
-.inbox-checkbox-label {
-  display: flex; align-items: center; flex-shrink: 0;
-  padding-right: 4px; cursor: pointer;
-}
-.inbox-checkbox-label input[type="checkbox"] {
-  width: 15px; height: 15px; cursor: pointer; accent-color: var(--accent, #e63946);
-}
-.episode-item.inbox-selected { background: var(--surface-alt, #2a2a3e); }
-
-/* Sleep timer */
-.sleep-timer-btn {
-  font-size: 0.68rem; padding: 1px 5px; white-space: nowrap;
-  border: 1px solid var(--border, #444); border-radius: 3px; opacity: 0.7;
-}
-.sleep-timer-btn:hover { opacity: 1; }
-.sleep-timer-menu {
-  position: absolute; background: var(--surface, #1e1e2e);
-  border: 1px solid var(--border, #444); border-radius: 6px; padding: 4px;
-  display: flex; flex-direction: column; gap: 2px; z-index: 200;
-  bottom: calc(100% + 4px); right: 0;
-}
-.sleep-timer-option {
-  background: none; border: none; color: var(--fg, #fff);
-  padding: 5px 12px; text-align: left; cursor: pointer;
-  font-size: 0.85rem; border-radius: 4px;
-}
-.sleep-timer-option:hover { background: var(--accent, #e63946); color: #fff; }
-
-/* Episode filter */
-.episode-search-bar { padding: 6px 0 8px; }
-.episode-search-bar .search-input { width: 100%; box-sizing: border-box; }
-
-/* Episode meta line */
-.episode-meta {
-  display: flex; gap: 8px; font-size: 0.78rem;
-  color: var(--text-muted, #888); margin-top: 2px; flex-wrap: wrap;
-}
-.episode-date { font-weight: 500; color: var(--fg, #ccc); }
-.episode-feed-link { cursor: pointer; }
-.episode-feed-link:hover { text-decoration: underline; color: var(--accent, #e63946); }
-.episode-dur  { color: var(--text-muted, #888); }
-
-/* Episode progress bar */
-.episode-progress-bar {
-  height: 3px; background: var(--border, #333);
-  border-radius: 2px; margin-top: 5px; overflow: hidden;
-}
-.episode-progress-fill {
-  height: 100%; background: var(--accent, #e63946); border-radius: 2px;
-}
-
-/* Queue drag-and-drop */
-.drag-handle { cursor: grab; color: var(--text-muted, #666); padding: 0 6px; user-select: none; }
-.drag-handle:active { cursor: grabbing; }
-#podcast-queue-ol li.dragging { opacity: 0.4; border: 1px dashed var(--accent, #e63946); }
-
-/* Feed list toolbar */
-.feed-list-toolbar {
-  display: flex; gap: 8px; align-items: center;
-  padding: 0 0 10px; flex-wrap: wrap;
-}
-.feed-list-toolbar .search-input { flex: 1; min-width: 140px; }
-.feed-sort-select {
-  background: var(--surface, #1e1e2e); color: var(--fg, #fff);
-  border: 1px solid var(--border, #444); border-radius: 4px;
-  padding: 4px 6px; font-size: 0.82rem; cursor: pointer;
-}
-
 .tts-lang-select {
   background: var(--surface, #1e1e2e); color: var(--fg, #fff);
   border: 1px solid var(--border, #444); border-radius: 4px;
@@ -1682,11 +1363,6 @@ body.dnd-mode .timer-display {
 
 @media (max-width: 600px) {
   .sidebar { width: 100vw; }
-  .podcast-seek-bar { padding: 0 6px; }
-  .podcast-thumb { width: 40px; height: 40px; }
-  .podcast-thumb-lg { width: 60px; height: 60px; }
-  .podcast-feed-actions { flex-direction: column; }
-  .episode-actions { flex-direction: column; }
 
   /* Reader auf Mobile: Header kompakter, Fortschrittsfeld versteckt */
   .reader-header { padding: 6px 8px; gap: 4px; }
diff --git a/static/js/app.js b/static/js/app.js
index 6d05415..15b2139 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -19,22 +19,6 @@ let sseSource = null;
 let isPlaying = false;
 let currentPlayId = null;
 
-// Podcast state
-let podcastMode = false;
-let currentEpisode = null;   // {id, title, audioUrl, durationSeconds, feedId}
-let seekSaveTimer = null;
-let podcastFeeds = [];
-let podcastQueue = [];
-let podcastCurrentView = 'feeds';
-let podcastCurrentFeedId = null;
-const podcastEpCache = {};   // id → episode data, avoids encoding strings in onclick attrs
-
-let sleepTimerInterval = null;
-let sleepTimerEndSecs = 0;
-let sleepTimerEndOfEp = false;
-let _dragSrcEl = null;
-let feedSortOrder = 'alpha';
-
 const audio = new Audio();
 
 // Reconnect audio when the output device changes (e.g. Bluetooth, USB DAC)
@@ -206,24 +190,11 @@ function playStation(url, name, stationId) {
 }
 
 function stopPlayback(clearStation = true) {
-  // Save podcast progress before stopping
-  if (podcastMode && currentEpisode) {
-    savePodcastProgress();
-  }
-  if (seekSaveTimer) { clearInterval(seekSaveTimer); seekSaveTimer = null; }
-
   audio.pause();
   audio.src = '';
-  audio.ontimeupdate = null;
-  audio.onended = null;
-  audio.onerror = null;
   isPlaying = false;
-  podcastMode = false;
   if ('mediaSession' in navigator) navigator.mediaSession.playbackState = 'none';
 
-  const seekBar = $('podcast-seek-bar');
-  if (seekBar) seekBar.style.display = 'none';
-
   if (sseSource) {
     sseSource.close();
     sseSource = null;
@@ -239,12 +210,7 @@ function stopPlayback(clearStation = true) {
   stopPlaySession();
 
   const stationEl = $('now-playing-station');
-  stationEl.classList.remove('podcast-station-link');
-  stationEl.onclick = null;
-
   const trackEl = $('now-playing-track');
-  trackEl.classList.remove('podcast-track-link');
-  trackEl.onclick = null;
 
   if (clearStation) {
     currentStation = null;
@@ -300,12 +266,6 @@ window.addEventListener('beforeunload', () => {
   if (currentPlayId) {
     navigator.sendBeacon('/radio/play/stop/', JSON.stringify({play_id: currentPlayId}));
   }
-  if (podcastMode && currentEpisode) {
-    navigator.sendBeacon('/podcasts/progress/save/', JSON.stringify({
-      episode_id: currentEpisode.id,
-      position_seconds: Math.floor(audio.currentTime),
-    }));
-  }
   // Flush cached encrypted payloads for reader data (encryption is async so we
   // use pre-computed blobs stored by the debounced savers)
   if (_lastProgressBeacon) navigator.sendBeacon(_lastProgressBeacon.url, _lastProgressBeacon.body);
@@ -1201,7 +1161,6 @@ async function editNotes(pk, current) {
 
 const TOP_TABS = ['radio', 'focus', 'podcasts', 'books'];
 const RADIO_SUB_TABS = ['search', 'saved', 'history'];
-const PODCAST_ROUTABLE_VIEWS = ['search', 'feeds', 'inbox', 'queue'];
 
 // ---------------------------------------------------------------------------
 // URL hash routing — makes tabs deep-linkable/shareable and lets the browser
@@ -1217,8 +1176,6 @@ function _syncHash() {
   let hash = _currentTopTab;
   if (_currentTopTab === 'radio') {
     hash += '/' + (localStorage.getItem('diora_active_radio_tab') || 'saved');
-  } else if (_currentTopTab === 'podcasts') {
-    hash += '/' + (podcastCurrentView || 'feeds');
   }
   if (location.hash.slice(1) !== hash) history.pushState(null, '', '#' + hash);
 }
@@ -1228,9 +1185,6 @@ function _routeFromHash() {
   if (!TOP_TABS.includes(tab)) return;
   _routingFromHash = true;
   try {
-    if (tab === 'podcasts' && PODCAST_ROUTABLE_VIEWS.includes(sub)) {
-      podcastCurrentView = sub;
-    }
     showTab(tab);
     if (tab === 'radio' && RADIO_SUB_TABS.includes(sub)) showRadioTab(sub);
   } finally {
@@ -1261,7 +1215,6 @@ function showTab(name) {
   _currentTopTab = name;
   _syncHash();
 
-  if (name === 'podcasts') loadPodcastTab();
   if (name === 'books') loadBookList();
 }
 
@@ -1281,997 +1234,6 @@ function showRadioTab(name) {
   if (name === 'saved') loadRecommendations();
 }
 
-// ---------------------------------------------------------------------------
-// Podcasts
-// ---------------------------------------------------------------------------
-
-function loadPodcastTab() {
-  loadFeedList().then(() => {
-    showPodcastView(podcastCurrentView);
-  });
-}
-
-function showPodcastView(view) {
-  podcastCurrentView = view;
-  const panes = ['search', 'feeds', 'inbox', 'episodes', 'queue'];
-  panes.forEach(p => {
-    const el = document.getElementById(`podcast-${p}-pane`);
-    if (el) el.style.display = (p === view) ? '' : 'none';
-  });
-
-  if (PODCAST_ROUTABLE_VIEWS.includes(view)) _syncHash();
-
-  if (view === 'feeds') renderFeedList();
-  if (view === 'inbox') loadAndRenderInbox();
-  if (view === 'queue') loadAndRenderQueue();
-}
-
-async function doPodcastSearch() {
-  const q = $('podcast-search-input').value.trim();
-  if (!q) return;
-  const statusEl = $('podcast-search-status');
-  const listEl = $('podcast-search-list');
-  statusEl.textContent = 'Searching…';
-  listEl.innerHTML = '';
-
-  try {
-    const res = await fetch('/podcasts/search/?q=' + encodeURIComponent(q));
-    const data = await res.json();
-    if (data.error) { statusEl.textContent = 'Error: ' + data.error; return; }
-    const results = data.results || [];
-    statusEl.textContent = results.length ? `${results.length} result(s)` : 'No results.';
-
-    results.forEach(r => {
-      const div = document.createElement('div');
-      div.className = 'podcast-search-item';
-      div.innerHTML = `
-        ${r.artwork_url ? `<img class="podcast-thumb" src="${escapeHtml(r.artwork_url)}" alt="">` : '<div class="podcast-thumb-placeholder"></div>'}
-        <div class="podcast-search-info">
-          <div class="podcast-feed-title">${escapeHtml(r.title)}</div>
-          <div class="muted">${escapeHtml(r.author)}</div>
-        </div>
-        <button class="btn btn-sm podcast-subscribe-btn">Subscribe</button>
-      `;
-      // Attach via addEventListener to avoid encoding strings in onclick attribute
-      div.querySelector('.podcast-subscribe-btn').addEventListener('click', () => {
-        subscribeFeed(r.rss_url, r.title);
-      });
-      listEl.appendChild(div);
-    });
-  } catch (e) {
-    statusEl.textContent = 'Search failed.';
-  }
-}
-
-function podcastSearchOpen() {
-  showPodcastView('search');
-}
-
-async function addFeedByUrl() {
-  const url = await customPrompt('RSS feed URL:');
-  if (url) subscribeFeed(url.trim(), '');
-}
-
-async function subscribeFeed(rssUrl, title) {
-  if (!rssUrl) return;
-  const statusEl = $('podcast-search-status') || $('opml-status');
-  try {
-    const res = await fetch('/podcasts/feeds/add/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({rss_url: rssUrl, title: title || rssUrl}),
-    });
-    const data = await res.json();
-    if (data.ok) {
-      await loadFeedList();
-      showPodcastView('feeds');
-    } else if (statusEl) {
-      statusEl.textContent = 'Error: ' + (data.error || 'unknown');
-    }
-  } catch (e) {
-    if (statusEl) statusEl.textContent = 'Failed to subscribe.';
-  }
-}
-
-async function loadFeedList() {
-  try {
-    const res = await fetch('/podcasts/feeds/');
-    const data = await res.json();
-    podcastFeeds = data.feeds || [];
-  } catch (e) {
-    podcastFeeds = [];
-  }
-}
-
-function renderFeedList() {
-  const container = $('podcast-feed-list');
-  if (!container) return;
-
-  if (!podcastFeeds.length) {
-    container.innerHTML = '<p class="muted">No subscriptions yet. Search or import OPML to add feeds.</p>';
-    return;
-  }
-
-  container.innerHTML = '';
-  podcastFeeds.forEach(feed => {
-    const div = document.createElement('div');
-    div.className = 'podcast-feed-item';
-    div.innerHTML = `
-      ${feed.artwork_url
-        ? `<img class="podcast-thumb" src="${escapeHtml(feed.artwork_url)}" alt="">`
-        : '<div class="podcast-thumb-placeholder"></div>'}
-      <div class="podcast-feed-info">
-        <div class="podcast-feed-title">${escapeHtml(feed.title)}</div>
-        ${feed.author ? `<div class="muted">${escapeHtml(feed.author)}</div>` : ''}
-      </div>
-      <div class="podcast-feed-actions">
-        <button class="btn btn-sm" onclick="openFeed(${feed.id})">Episodes</button>
-        <button class="btn btn-sm" onclick="refreshFeed(${feed.id})" title="Refresh feed">↻</button>
-        <button class="btn btn-sm ${feed.auto_queue ? 'active' : ''}" onclick="toggleFeedAutoQueue(${feed.id}, this)" title="${feed.auto_queue ? 'Auto-queue ON' : 'Auto-queue new episodes'}">Auto</button>
-        <button class="btn btn-sm btn-danger" onclick="removeFeed(${feed.id})">Remove</button>
-      </div>
-    `;
-    container.appendChild(div);
-  });
-
-  const filterVal = ($('feed-filter-input') || {}).value || '';
-  if (filterVal) filterFeeds(filterVal);
-}
-
-function filterFeeds(query) {
-  const container = $('podcast-feed-list');
-  if (!container) return;
-  const q = query.toLowerCase().trim();
-  container.querySelectorAll('.podcast-feed-item').forEach(item => {
-    const title = (item.querySelector('.podcast-feed-title') || {}).textContent?.toLowerCase() || '';
-    const author = (item.querySelector('.muted') || {}).textContent?.toLowerCase() || '';
-    item.style.display = (!q || title.includes(q) || author.includes(q)) ? '' : 'none';
-  });
-}
-
-function sortFeeds(order) {
-  feedSortOrder = order;
-  if (order === 'alpha')      podcastFeeds.sort((a, b) => a.title.localeCompare(b.title));
-  if (order === 'alpha-desc') podcastFeeds.sort((a, b) => b.title.localeCompare(a.title));
-  if (order === 'added')      podcastFeeds.sort((a, b) => (b.added_at || '').localeCompare(a.added_at || ''));
-  if (order === 'latest_episode') podcastFeeds.sort((a, b) => (b.latest_episode_at || '').localeCompare(a.latest_episode_at || ''));
-  renderFeedList();
-}
-
-async function toggleFeedAutoQueue(feedId, btn) {
-  try {
-    const res = await fetch(`/podcasts/feeds/${feedId}/set-auto-queue/`, {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({}),
-    });
-    const data = await res.json();
-    if (data.ok) {
-      const feed = podcastFeeds.find(f => f.id === feedId);
-      if (feed) feed.auto_queue = data.auto_queue;
-      btn.classList.toggle('active', data.auto_queue);
-      btn.title = data.auto_queue ? 'Auto-queue ON' : 'Auto-queue new episodes';
-    }
-  } catch (e) {}
-}
-
-async function openFeed(feedId) {
-  podcastCurrentFeedId = feedId;
-  showPodcastView('episodes');
-  const headerEl = $('podcast-feed-header');
-  const listEl = $('podcast-episode-list');
-  if (headerEl) headerEl.innerHTML = '<p class="muted">Loading…</p>';
-  if (listEl) listEl.innerHTML = '';
-
-  try {
-    const res = await fetch(`/podcasts/feeds/${feedId}/episodes/`);
-    const data = await res.json();
-    const feed = data.feed;
-    const episodes = data.episodes || [];
-
-    if (headerEl) {
-      headerEl.innerHTML = `
-        <div class="podcast-feed-header-inner">
-          ${feed.artwork_url ? `<img class="podcast-thumb-lg" src="${escapeHtml(feed.artwork_url)}" alt="">` : ''}
-          <div>
-            <div class="podcast-feed-title">${escapeHtml(feed.title)}</div>
-            ${feed.author ? `<div class="muted">${escapeHtml(feed.author)}</div>` : ''}
-          </div>
-          <button class="btn btn-sm feed-refresh-btn" id="feed-refresh-btn" onclick="refreshOpenFeed(this)" title="Refresh feed">↻ Refresh</button>
-        </div>
-      `;
-    }
-
-    renderEpisodeList(episodes, feedId, listEl);
-    const filterBar = $('episode-search-bar');
-    if (filterBar) { filterBar.style.display = ''; $('episode-filter-input').value = ''; }
-  } catch (e) {
-    if (headerEl) headerEl.innerHTML = '<p class="muted">Failed to load episodes.</p>';
-  }
-}
-
-function filterEpisodes(query) {
-  const listEl = $('podcast-episode-list');
-  if (!listEl) return;
-  const q = query.toLowerCase().trim();
-  listEl.querySelectorAll('.episode-item').forEach(item => {
-    const text = (item.querySelector('.episode-title') || {}).textContent?.toLowerCase() || '';
-    item.style.display = (!q || text.includes(q)) ? '' : 'none';
-  });
-}
-
-function renderEpisodeList(episodes, feedId, container) {
-  if (!container) return;
-  if (!episodes.length) {
-    container.innerHTML = '<p class="muted">No episodes found.</p>';
-    return;
-  }
-
-  container.innerHTML = '';
-  episodes.forEach(ep => {
-    // Cache episode data by id so onclick attrs only need the id (avoids encoding
-    // strings with quotes inside HTML attributes which breaks the attribute parser)
-    podcastEpCache[ep.id] = {
-      id: ep.id,
-      title: ep.title,
-      description: ep.description || '',
-      audioUrl: ep.audio_url,
-      durationSeconds: ep.duration_seconds,
-      positionSeconds: ep.position_seconds || 0,
-      feedId: feedId || 0,
-      played: ep.played,
-    };
-
-    const div = document.createElement('div');
-    div.className = 'episode-item' + (ep.played ? ' episode-played' : '');
-    div.id = `episode-item-${ep.id}`;
-
-    const artSrc = ep.artwork_url || (feedId ? (podcastFeeds.find(f => f.id === feedId) || {}).artwork_url || '' : '');
-    const dur = formatDuration(ep.duration_seconds);
-    const dateStr = ep.pub_date ? ep.pub_date.slice(0, 10) : '';
-    const posStr = ep.position_seconds > 0 ? formatDuration(ep.position_seconds) + ' played' : '';
-    const progressPct = (ep.duration_seconds > 0 && ep.position_seconds > 0)
-      ? Math.min(100, (ep.position_seconds / ep.duration_seconds) * 100) : 0;
-
-    div.innerHTML = `
-      ${artSrc ? `<img class="podcast-thumb" src="${escapeHtml(artSrc)}" alt="">` : '<div class="podcast-thumb-placeholder"></div>'}
-      <div class="episode-info">
-        <div class="episode-title ep-clickable" onclick="openEpisodeSidebar(${ep.id})" title="Show notes">${escapeHtml(ep.title)}</div>
-        <div class="episode-meta">
-          ${dateStr ? `<span class="episode-date">${escapeHtml(dateStr)}</span>` : ''}
-          ${dur !== '0:00' ? `<span class="episode-dur">${escapeHtml(dur)}</span>` : ''}
-          ${posStr ? `<span class="episode-pos muted">${escapeHtml(posStr)}</span>` : ''}
-        </div>
-        ${progressPct > 0 ? `<div class="episode-progress-bar"><div class="episode-progress-fill" style="width:${progressPct.toFixed(1)}%"></div></div>` : ''}
-      </div>
-      <div class="episode-actions">
-        <button class="btn btn-sm btn-play" onclick="playEpisodeById(${ep.id})">▶</button>
-        <button class="btn btn-sm" onclick="openEpisodeSidebar(${ep.id})" title="Show notes">Notes</button>
-        <button class="btn btn-sm" onclick="queueAddEpisode(${ep.id})" title="${ep.in_queue ? 'In queue' : 'Add to queue'}">${ep.in_queue ? '✓Q' : '+Q'}</button>
-        <button class="btn btn-sm" onclick="toggleMarkPlayed(${ep.id}, this)" title="Mark played">${ep.played ? '✓' : '○'}</button>
-        <button class="btn btn-sm" onclick="downloadEpisodeById(${ep.id}, this)" title="Download">⬇</button>
-      </div>
-    `;
-    container.appendChild(div);
-  });
-}
-
-function playEpisodeById(id) {
-  const ep = podcastEpCache[id];
-  if (!ep) return;
-  playEpisode(ep.id, ep.title, ep.audioUrl, ep.durationSeconds, ep.positionSeconds, ep.feedId);
-}
-
-function downloadEpisodeById(id, btn) {
-  const ep = podcastEpCache[id];
-  if (!ep) return;
-  downloadEpisode(ep.audioUrl, ep.title, btn);
-}
-
-function playEpisode(id, title, url, durationSeconds, positionSeconds, feedId) {
-  // Auto-enqueue if not already in queue
-  const inQueue = podcastQueue.some(q => q['episode__id'] === id);
-  if (!inQueue) {
-    fetch('/podcasts/queue/add/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({episode_id: id}),
-    }).then(() => {
-      // update local queue state and any visible +Q buttons
-      if (podcastCurrentView === 'queue') loadAndRenderQueue();
-      const qBtn = document.querySelector(`#episode-item-${id} .episode-actions .btn-sm:nth-child(3)`);
-      if (qBtn && (qBtn.textContent === '+Q' || qBtn.textContent.includes('Q'))) {
-        qBtn.textContent = '✓Q'; qBtn.title = 'In queue';
-      }
-    }).catch(() => {});
-  }
-
-  stopPlayback(false);
-
-  podcastMode = true;
-  isPlaying = true;  // fix: was missing, causing stop button to do nothing
-  currentEpisode = {id, title, audioUrl: url, durationSeconds, feedId};
-
-  audio.src = url;
-  const volSlider = $('volume');
-  if (volSlider) audio.volume = volSlider.value / 255;
-
-  if (positionSeconds > 0) {
-    audio.addEventListener('loadedmetadata', function onMeta() {
-      audio.currentTime = positionSeconds;
-      audio.removeEventListener('loadedmetadata', onMeta);
-    });
-  }
-
-  audio.play().catch(e => console.warn('Podcast play blocked:', e));
-
-  const feedTitle = (podcastFeeds.find(f => f.id === feedId) || {}).title || 'Podcast';
-  const stationEl = $('now-playing-station');
-  stationEl.textContent = feedTitle;
-  stationEl.classList.add('podcast-station-link');
-  stationEl.onclick = () => { showTab('podcasts'); openFeed(feedId); };
-
-  const trackEl = $('now-playing-track');
-  trackEl.textContent = title;
-  trackEl.classList.add('podcast-track-link');
-  trackEl.onclick = () => openEpisodeSidebar(id);
-  $('play-stop-btn').style.display = '';
-  $('play-stop-btn').textContent = '⏹ Stop';
-  $('play-stop-btn').classList.add('playing');
-
-  const seekBar = $('podcast-seek-bar');
-  if (seekBar) seekBar.style.display = '';
-
-  const slider = $('seek-slider');
-  if (slider && durationSeconds > 0) slider.max = durationSeconds;
-
-  // Reset speed to 1× for each new episode
-  setPlaybackRate(1);
-
-  audio.ontimeupdate = podcastTimeUpdate;
-  audio.onended = podcastOnEnded;
-
-  // Media Session API — maps hardware media keys, lock-screen controls, and
-  // Windows taskbar thumbnail buttons (play/pause, previous, next)
-  if ('mediaSession' in navigator) {
-    const feedTitle = (podcastFeeds.find(f => f.id === feedId) || {}).title || '';
-    const artSrc = (podcastFeeds.find(f => f.id === feedId) || {}).artwork_url || '';
-    navigator.mediaSession.metadata = new MediaMetadata({
-      title,
-      artist: feedTitle,
-      artwork: artSrc ? [{src: artSrc, sizes: '512x512', type: 'image/jpeg'}] : [],
-    });
-    navigator.mediaSession.setActionHandler('play',         () => { audio.play(); isPlaying = true; });
-    navigator.mediaSession.setActionHandler('pause',        () => { audio.pause(); isPlaying = false; });
-    navigator.mediaSession.setActionHandler('stop',         () => stopPlayback(true));
-    navigator.mediaSession.setActionHandler('seekbackward', () => skipBack());
-    navigator.mediaSession.setActionHandler('seekforward',  () => skipForward());
-    navigator.mediaSession.setActionHandler('nexttrack',    () => podcastOnEnded());
-    try { navigator.mediaSession.setActionHandler('previoustrack', () => skipBack()); } catch (_) {}
-    navigator.mediaSession.playbackState = 'playing';
-  }
-
-  if (seekSaveTimer) clearInterval(seekSaveTimer);
-  seekSaveTimer = setInterval(savePodcastProgress, 15000);
-}
-
-function podcastTimeUpdate() {
-  const pos = Math.floor(audio.currentTime);
-  const dur = currentEpisode ? currentEpisode.durationSeconds : 0;
-
-  const curEl = $('seek-current');
-  if (curEl) curEl.textContent = formatDuration(pos);
-
-  const durEl = $('seek-duration');
-  if (durEl) durEl.textContent = formatDuration(dur || Math.floor(audio.duration) || 0);
-
-  const slider = $('seek-slider');
-  if (slider) {
-    if (dur > 0) {
-      slider.max = dur;
-    } else if (audio.duration && isFinite(audio.duration)) {
-      slider.max = Math.floor(audio.duration);
-    }
-    slider.value = pos;
-  }
-}
-
-function skipBack() {
-  audio.currentTime = Math.max(0, audio.currentTime - 15);
-}
-
-function skipForward() {
-  const dur = audio.duration;
-  audio.currentTime = dur && isFinite(dur)
-    ? Math.min(dur, audio.currentTime + 30)
-    : audio.currentTime + 30;
-}
-
-function setPlaybackRate(rate) {
-  audio.playbackRate = rate;
-  // Keep pitch natural at non-1× speeds (supported in all modern browsers)
-  audio.preservesPitch = true;
-
-  document.querySelectorAll('.speed-btn').forEach(btn => {
-    btn.classList.toggle('active', parseFloat(btn.textContent) === rate
-      || (rate === 0.75 && btn.textContent.startsWith('¾'))
-      || (rate === 1.25 && btn.textContent.startsWith('1¼'))
-      || (rate === 1.5  && btn.textContent.startsWith('1½'))
-      || (rate === 1.75 && btn.textContent.startsWith('1¾'))
-      || (rate === 2.5  && btn.textContent.startsWith('2½')));
-  });
-}
-
-async function podcastOnEnded() {
-  if (!podcastMode || !currentEpisode) return;
-
-  await fetch('/podcasts/progress/mark-played/', {
-    method: 'POST',
-    headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-    body: JSON.stringify({episode_id: currentEpisode.id, played: true}),
-  }).catch(() => {});
-
-  if (sleepTimerEndOfEp) { clearSleepTimer(); audio.pause(); return; }
-
-  const finishedId = currentEpisode.id;
-  try {
-    const res = await fetch('/podcasts/queue/');
-    const data = await res.json();
-    const items = data.queue || [];
-    const currentIdx = items.findIndex(item => item['episode__id'] === finishedId);
-    const nextItem = currentIdx >= 0 ? items[currentIdx + 1] : null;
-
-    await fetch('/podcasts/queue/remove/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({episode_id: finishedId}),
-    }).catch(() => {});
-
-    if (nextItem) {
-      const nextEpId = nextItem['episode__id'];
-      const cached = podcastEpCache[nextEpId] || {};
-      playEpisode(nextEpId, nextItem['episode__title'], nextItem['episode__audio_url'],
-        nextItem['episode__duration_seconds'], cached.positionSeconds || 0, nextItem['episode__feed__id']);
-    } else {
-      stopPlayback(false);
-    }
-    if (podcastCurrentView === 'queue') loadAndRenderQueue();
-  } catch (e) {
-    stopPlayback(false);
-  }
-}
-
-function openSleepTimerMenu() {
-  const existing = document.getElementById('sleep-timer-menu');
-  if (existing) { existing.remove(); return; }
-  const options = [
-    {label: 'Off', value: 0}, {label: '5m', value: 5}, {label: '10m', value: 10},
-    {label: '15m', value: 15}, {label: '30m', value: 30}, {label: '45m', value: 45},
-    {label: '60m', value: 60}, {label: 'End of episode', value: -1},
-  ];
-  const menu = document.createElement('div');
-  menu.id = 'sleep-timer-menu';
-  menu.className = 'sleep-timer-menu';
-  options.forEach(opt => {
-    const btn = document.createElement('button');
-    btn.className = 'sleep-timer-option';
-    btn.textContent = opt.label;
-    btn.onclick = () => { setSleepTimer(opt.value); menu.remove(); };
-    menu.appendChild(btn);
-  });
-  document.getElementById('sleep-timer-btn').insertAdjacentElement('afterend', menu);
-}
-
-function setSleepTimer(minutes) {
-  clearSleepTimer();
-  const btn = document.getElementById('sleep-timer-btn');
-  if (minutes === 0) { if (btn) btn.textContent = 'Sleep'; return; }
-  if (minutes === -1) {
-    sleepTimerEndOfEp = true;
-    if (btn) btn.textContent = 'Sleep:EoE';
-    return;
-  }
-  sleepTimerEndOfEp = false;
-  sleepTimerEndSecs = Math.floor(Date.now() / 1000) + minutes * 60;
-  sleepTimerInterval = setInterval(() => {
-    const remaining = sleepTimerEndSecs - Math.floor(Date.now() / 1000);
-    if (remaining <= 0) { clearSleepTimer(); audio.pause(); isPlaying = false; return; }
-    const m = Math.floor(remaining / 60);
-    const s = remaining % 60;
-    if (btn) btn.textContent = `${m}:${String(s).padStart(2, '0')}`;
-  }, 1000);
-}
-
-function clearSleepTimer() {
-  if (sleepTimerInterval) { clearInterval(sleepTimerInterval); sleepTimerInterval = null; }
-  sleepTimerEndOfEp = false;
-  sleepTimerEndSecs = 0;
-  const btn = document.getElementById('sleep-timer-btn');
-  if (btn) btn.textContent = 'Sleep';
-}
-
-async function savePodcastProgress() {
-  if (!currentEpisode) return;
-  const pos = Math.floor(audio.currentTime);
-  try {
-    await fetch('/podcasts/progress/save/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({episode_id: currentEpisode.id, position_seconds: pos}),
-    });
-  } catch (e) {}
-}
-
-let _inboxOffset = 0;
-const _inboxPageSize = DIORA_CONFIG.podcastInboxPageSize;
-
-async function loadAndRenderInbox(append = false) {
-  const listEl = $('podcast-inbox-list');
-  if (!listEl) return;
-
-  if (!append) {
-    _inboxOffset = 0;
-    listEl.innerHTML = '<p class="muted">Loading…</p>';
-    inboxUpdateBulkBar();
-  }
-
-  try {
-    const res = await fetch(`/podcasts/inbox/?limit=${_inboxPageSize}&offset=${_inboxOffset}`);
-    const data = await res.json();
-    const episodes = data.episodes || [];
-
-    if (!append) listEl.innerHTML = '';
-
-    if (!episodes.length && !append) {
-      listEl.innerHTML = '<p class="muted">Inbox empty — all caught up!</p>';
-      $('inbox-load-more-bar').style.display = 'none';
-      return;
-    }
-
-    episodes.forEach(ep => {
-      podcastEpCache[ep.id] = {
-        id: ep.id,
-        title: ep.title,
-        description: ep.description || '',
-        audioUrl: ep.audio_url,
-        durationSeconds: ep.duration_seconds,
-        positionSeconds: ep.position_seconds || 0,
-        feedId: ep['feed__id'],
-        played: false,
-      };
-
-      const progressPct = (ep.duration_seconds > 0 && ep.position_seconds > 0)
-        ? Math.min(100, (ep.position_seconds / ep.duration_seconds) * 100) : 0;
-      const dur = formatDuration(ep.duration_seconds);
-      const dateStr = ep.pub_date ? ep.pub_date.slice(0, 10) : '';
-      const inQueue = ep.in_queue;
-
-      const div = document.createElement('div');
-      div.className = 'episode-item';
-      div.dataset.epId = ep.id;
-      div.innerHTML = `
-        <label class="inbox-checkbox-label">
-          <input type="checkbox" class="inbox-cb" data-ep-id="${ep.id}" onchange="inboxOnCheck()">
-        </label>
-        ${ep['feed__artwork_url'] ? `<img class="podcast-thumb" src="${escapeHtml(ep['feed__artwork_url'])}" alt="">` : '<div class="podcast-thumb-placeholder"></div>'}
-        <div class="episode-info">
-          <div class="episode-title ep-clickable" onclick="openEpisodeSidebar(${ep.id})" title="Show notes">${escapeHtml(ep.title)}</div>
-          <div class="episode-meta">
-            <span class="episode-date episode-feed-link" onclick="openFeed(${ep['feed__id']})" title="Open feed">${escapeHtml(ep['feed__title'])}</span>
-            ${dateStr ? `<span class="episode-dur">${escapeHtml(dateStr)}</span>` : ''}
-            ${dur !== '0:00' ? `<span class="episode-dur">${escapeHtml(dur)}</span>` : ''}
-          </div>
-          ${progressPct > 0 ? `<div class="episode-progress-bar"><div class="episode-progress-fill" style="width:${progressPct.toFixed(1)}%"></div></div>` : ''}
-        </div>
-        <div class="episode-actions">
-          <button class="btn btn-sm btn-play" onclick="playEpisodeById(${ep.id})">▶</button>
-          <button class="btn btn-sm" onclick="queueAddEpisode(${ep.id})" title="${inQueue ? 'In queue' : 'Add to queue'}">${inQueue ? '✓Q' : '+Q'}</button>
-          <button class="btn btn-sm" onclick="downloadEpisodeById(${ep.id}, this)" title="Download">⬇</button>
-          <button class="btn btn-sm btn-danger" onclick="inboxDismissOne(${ep.id}, this)" title="Dismiss">✕</button>
-        </div>
-      `;
-      listEl.appendChild(div);
-    });
-
-    _inboxOffset += episodes.length;
-    const moreBar = $('inbox-load-more-bar');
-    const countLabel = $('inbox-count-label');
-    if (episodes.length === _inboxPageSize) {
-      moreBar.style.display = '';
-      if (countLabel) countLabel.textContent = `${_inboxOffset} loaded`;
-    } else {
-      moreBar.style.display = 'none';
-      if (countLabel) countLabel.textContent = '';
-    }
-  } catch (e) {
-    if (!append) listEl.innerHTML = '<p class="muted">Failed to load inbox.</p>';
-  }
-}
-
-function inboxLoadMore() {
-  loadAndRenderInbox(true);
-}
-
-function inboxGetSelectedIds() {
-  return Array.from(document.querySelectorAll('.inbox-cb:checked'))
-    .map(cb => parseInt(cb.dataset.epId, 10));
-}
-
-function inboxOnCheck() {
-  inboxUpdateBulkBar();
-  // sync select-all state
-  const all = document.querySelectorAll('.inbox-cb');
-  const checked = document.querySelectorAll('.inbox-cb:checked');
-  const selectAll = $('inbox-select-all');
-  if (selectAll) {
-    selectAll.indeterminate = checked.length > 0 && checked.length < all.length;
-    selectAll.checked = all.length > 0 && checked.length === all.length;
-  }
-}
-
-function inboxSelectAll(checked) {
-  document.querySelectorAll('.inbox-cb').forEach(cb => { cb.checked = checked; });
-  inboxUpdateBulkBar();
-}
-
-function inboxUpdateBulkBar() {
-  const ids = inboxGetSelectedIds();
-  const bar = $('inbox-bulk-actions');
-  const countEl = $('inbox-selection-count');
-  if (!bar) return;
-  if (ids.length > 0) {
-    bar.style.display = '';
-    if (countEl) countEl.textContent = `${ids.length} selected`;
-  } else {
-    bar.style.display = 'none';
-  }
-}
-
-async function inboxBulkDismiss() {
-  const ids = inboxGetSelectedIds();
-  if (!ids.length) return;
-  try {
-    await fetch('/podcasts/progress/dismiss/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({episode_ids: ids, dismissed: true}),
-    });
-    ids.forEach(id => {
-      const div = document.querySelector(`.episode-item[data-ep-id="${id}"]`);
-      if (div) div.remove();
-    });
-    inboxUpdateBulkBar();
-    const selectAll = $('inbox-select-all');
-    if (selectAll) { selectAll.checked = false; selectAll.indeterminate = false; }
-    if (!document.querySelector('.inbox-cb')) {
-      const listEl = $('podcast-inbox-list');
-      if (listEl && !listEl.querySelector('.episode-item')) {
-        listEl.innerHTML = '<p class="muted">Inbox empty — all caught up!</p>';
-      }
-    }
-  } catch (e) {}
-}
-
-async function inboxDismissOne(epId, btn) {
-  try {
-    await fetch('/podcasts/progress/dismiss/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({episode_ids: [epId], dismissed: true}),
-    });
-    const div = document.querySelector(`.episode-item[data-ep-id="${epId}"]`);
-    if (div) div.remove();
-    if (!document.querySelector('.inbox-cb')) {
-      const listEl = $('podcast-inbox-list');
-      if (listEl && !listEl.querySelector('.episode-item')) {
-        listEl.innerHTML = '<p class="muted">Inbox empty — all caught up!</p>';
-      }
-    }
-  } catch (e) {}
-}
-
-async function inboxBulkQueueAdd() {
-  const ids = inboxGetSelectedIds();
-  for (const id of ids) {
-    await queueAddEpisode(id);
-  }
-  // Update queue button states
-  ids.forEach(id => {
-    const div = document.querySelector(`.episode-item[data-ep-id="${id}"]`);
-    if (div) {
-      const qBtn = div.querySelector('.episode-actions .btn-sm:nth-child(2)');
-      if (qBtn) { qBtn.textContent = '✓Q'; qBtn.title = 'In queue'; }
-    }
-  });
-}
-
-async function inboxBulkMarkPlayed() {
-  const ids = inboxGetSelectedIds();
-  try {
-    for (const id of ids) {
-      await fetch('/podcasts/progress/mark-played/', {
-        method: 'POST',
-        headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-        body: JSON.stringify({episode_id: id, played: true}),
-      });
-    }
-    ids.forEach(id => {
-      const div = document.querySelector(`.episode-item[data-ep-id="${id}"]`);
-      if (div) div.remove();
-    });
-    inboxUpdateBulkBar();
-    const selectAll = $('inbox-select-all');
-    if (selectAll) { selectAll.checked = false; selectAll.indeterminate = false; }
-  } catch (e) {}
-}
-
-async function inboxBulkDownload() {
-  const ids = inboxGetSelectedIds();
-  for (const id of ids) {
-    const ep = podcastEpCache[id];
-    if (ep) await downloadEpisode(ep.audioUrl, ep.title, null);
-  }
-}
-
-async function loadAndRenderQueue() {
-  const ol = $('podcast-queue-ol');
-  if (!ol) return;
-  ol.innerHTML = '<li class="muted">Loading…</li>';
-
-  try {
-    const res = await fetch('/podcasts/queue/');
-    const data = await res.json();
-    const items = data.queue || [];
-    podcastQueue = items;
-
-    ol.innerHTML = '';
-    if (!items.length) {
-      ol.innerHTML = '<li class="muted">Queue is empty.</li>';
-      return;
-    }
-
-    items.forEach(item => {
-      const epId = item['episode__id'];
-      podcastEpCache[epId] = {
-        id: epId,
-        title: item['episode__title'],
-        audioUrl: item['episode__audio_url'],
-        durationSeconds: item['episode__duration_seconds'],
-        positionSeconds: item['position_seconds'] || 0,
-        feedId: item['episode__feed__id'],
-        played: false,
-      };
-
-      const progressPct = (item['episode__duration_seconds'] > 0 && item['position_seconds'] > 0)
-        ? Math.min(100, (item['position_seconds'] / item['episode__duration_seconds']) * 100) : 0;
-      const dur = formatDuration(item['episode__duration_seconds']);
-
-      const li = document.createElement('li');
-      li.className = 'episode-item';
-      li.draggable = true;
-      li.dataset.epId = epId;
-      li.innerHTML = `
-        <span class="drag-handle">⠿</span>
-        <div class="episode-info">
-          <div class="episode-title">${escapeHtml(item['episode__title'])}</div>
-          <div class="episode-meta">
-            <span class="episode-date episode-feed-link" onclick="openFeed(${item['episode__feed__id']})" title="Open feed">${escapeHtml(item['episode__feed__title'])}</span>
-            ${dur !== '0:00' ? `<span class="episode-dur">${escapeHtml(dur)}</span>` : ''}
-          </div>
-          ${progressPct > 0 ? `<div class="episode-progress-bar"><div class="episode-progress-fill" style="width:${progressPct.toFixed(1)}%"></div></div>` : ''}
-        </div>
-        <div class="episode-actions">
-          <button class="btn btn-sm btn-play" onclick="playEpisodeById(${epId})">▶</button>
-          <button class="btn btn-sm" onclick="downloadEpisodeById(${epId}, this)" title="Download">⬇</button>
-          <button class="btn btn-sm btn-danger" onclick="queueRemoveEpisode(${epId})">✕</button>
-        </div>
-      `;
-      li.addEventListener('dragstart', queueDragStart);
-      li.addEventListener('dragover', queueDragOver);
-      li.addEventListener('drop', queueDrop);
-      li.addEventListener('dragend', queueDragEnd);
-      ol.appendChild(li);
-    });
-  } catch (e) {
-    ol.innerHTML = '<li class="muted">Failed to load queue.</li>';
-  }
-}
-
-function queueDragStart(e) {
-  _dragSrcEl = this;
-  e.dataTransfer.effectAllowed = 'move';
-  this.classList.add('dragging');
-}
-
-function queueDragOver(e) {
-  e.preventDefault();
-  const ol = document.getElementById('podcast-queue-ol');
-  const dragging = ol.querySelector('.dragging');
-  if (!dragging || dragging === this) return;
-  const rect = this.getBoundingClientRect();
-  ol.insertBefore(dragging, e.clientY < rect.top + rect.height / 2 ? this : this.nextSibling);
-}
-
-function queueDrop(e) { e.preventDefault(); }
-
-function queueDragEnd() {
-  this.classList.remove('dragging');
-  _dragSrcEl = null;
-  const ol = document.getElementById('podcast-queue-ol');
-  const newOrder = Array.from(ol.querySelectorAll('li[data-ep-id]'))
-    .map(li => parseInt(li.dataset.epId, 10));
-  fetch('/podcasts/queue/reorder/', {
-    method: 'POST',
-    headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-    body: JSON.stringify({order: newOrder}),
-  }).catch(() => {});
-}
-
-async function queueAddEpisode(id) {
-  try {
-    await fetch('/podcasts/queue/add/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({episode_id: id}),
-    });
-  } catch (e) {}
-}
-
-async function queueRemoveEpisode(id) {
-  try {
-    await fetch('/podcasts/queue/remove/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({episode_id: id}),
-    });
-    if (podcastCurrentView === 'queue') loadAndRenderQueue();
-  } catch (e) {}
-}
-
-async function toggleMarkPlayed(id, btn) {
-  const ep = podcastEpCache[id];
-  const current = ep ? ep.played : btn.textContent === '✓';
-  const newPlayed = !current;
-  try {
-    const res = await fetch('/podcasts/progress/mark-played/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({episode_id: id, played: newPlayed}),
-    });
-    if (res.ok) {
-      if (ep) ep.played = newPlayed;
-      btn.textContent = newPlayed ? '✓' : '○';
-      const item = document.getElementById(`episode-item-${id}`);
-      if (item) item.classList.toggle('episode-played', newPlayed);
-    }
-  } catch (e) {}
-}
-
-async function refreshFeed(feedId) {
-  try {
-    const res = await fetch('/podcasts/feeds/refresh/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({feed_id: feedId}),
-    });
-    const data = await res.json();
-    if (data.ok && podcastCurrentFeedId === feedId) {
-      openFeed(feedId);
-    }
-  } catch (e) {}
-}
-
-async function refreshOpenFeed(btn) {
-  if (!podcastCurrentFeedId) return;
-  if (btn) { btn.disabled = true; btn.textContent = '↻ …'; }
-  try {
-    const res = await fetch('/podcasts/feeds/refresh/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({feed_id: podcastCurrentFeedId}),
-    });
-    const data = await res.json();
-    if (data.ok) {
-      await openFeed(podcastCurrentFeedId);
-      // openFeed re-renders the header, btn reference is stale — nothing to restore
-      return;
-    }
-  } catch (e) {}
-  if (btn) { btn.disabled = false; btn.textContent = '↻ Refresh'; }
-}
-
-async function refreshAllFeedsBtn(btn) {
-  // One request: the server fetches every feed itself (in parallel, each
-  // feed address once) and the lists are then loaded once.
-  if (btn) { btn.disabled = true; btn.textContent = '↻ …'; }
-  try {
-    await fetch('/podcasts/feeds/refresh-all/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({max_age: 60}),
-    });
-  } catch (e) {}
-  await reloadPodcastViews();
-  if (btn) { btn.disabled = false; btn.textContent = '↻ All'; }
-}
-
-async function reloadPodcastViews() {
-  await loadFeedList();
-  if (podcastCurrentView === 'feeds') renderFeedList();
-  if (podcastCurrentView === 'inbox') loadAndRenderInbox();
-  if (podcastCurrentView === 'episodes' && podcastCurrentFeedId) openFeed(podcastCurrentFeedId);
-}
-
-async function refreshAllFeeds() {
-  // The server refreshes all feeds every hour; just pick up what it found.
-  if (!IS_AUTHENTICATED || !podcastFeeds.length) return;
-  await reloadPodcastViews();
-}
-
-async function removeFeed(feedId) {
-  if (!await customConfirm('Remove this podcast?', { danger: true })) return;
-  try {
-    await fetch(`/podcasts/feeds/${feedId}/remove/`, {
-      method: 'POST',
-      headers: {'X-CSRFToken': getCsrfToken()},
-    });
-    podcastFeeds = podcastFeeds.filter(f => f.id !== feedId);
-    renderFeedList();
-  } catch (e) {}
-}
-
-async function importOPML(input) {
-  const file = input.files[0];
-  if (!file) return;
-  const statusEl = $('opml-status');
-  if (statusEl) statusEl.textContent = 'Importing…';
-
-  const form = new FormData();
-  form.append('file', file);
-  form.append('csrfmiddlewaretoken', getCsrfToken());
-
-  try {
-    const res = await fetch('/podcasts/feeds/import/', {method: 'POST', body: form});
-    const data = await res.json();
-    if (data.ok) {
-      if (statusEl) statusEl.textContent = `✓ ${data.added} added, ${data.skipped} already subscribed`;
-      await loadFeedList();
-      renderFeedList();
-    } else {
-      if (statusEl) statusEl.textContent = 'Error: ' + (data.error || 'unknown');
-    }
-  } catch (e) {
-    if (statusEl) statusEl.textContent = 'Import failed.';
-  }
-  input.value = '';
-}
-
-async function downloadEpisode(url, title, btn) {
-  if (!('caches' in window)) {
-    await customAlert('Cache API not supported in this browser.');
-    return;
-  }
-
-  const origText = btn ? btn.textContent : '⬇';
-  if (btn) { btn.textContent = '…'; btn.disabled = true; }
-
-  try {
-    const cache = await caches.open('diora-podcast-v1');
-    const existing = await cache.match(url);
-    if (existing) {
-      if (btn) { btn.textContent = '✓'; btn.disabled = false; }
-      return;
-    }
-    // Use no-cors so cross-origin audio URLs don't block the fetch
-    const resp = await fetch(url, {mode: 'no-cors'});
-    await cache.put(url, resp);
-    if (btn) { btn.textContent = '✓'; btn.disabled = false; }
-  } catch (e) {
-    if (btn) { btn.textContent = origText; btn.disabled = false; }
-    await customAlert('Download failed: ' + e.message);
-  }
-}
-
 // ---------------------------------------------------------------------------
 // Sidebar
 // ---------------------------------------------------------------------------
@@ -2369,23 +1331,6 @@ function sanitizeSidebarHtml(html) {
   return div.innerHTML;
 }
 
-function openEpisodeSidebar(id) {
-  const ep = podcastEpCache[id];
-  if (!ep) return;
-  openSidebar(ep.title, ep.description || '');
-}
-
-function formatDuration(seconds) {
-  if (!seconds || seconds <= 0) return '0:00';
-  const h = Math.floor(seconds / 3600);
-  const m = Math.floor((seconds % 3600) / 60);
-  const s = seconds % 60;
-  if (h > 0) {
-    return `${h}:${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`;
-  }
-  return `${m}:${String(s).padStart(2, '0')}`;
-}
-
 // ---------------------------------------------------------------------------
 // Service Worker
 // ---------------------------------------------------------------------------
@@ -6996,19 +5941,6 @@ function openRadioSidebar() {
     // But if JS-rendered saved tab were needed we'd call addSavedRow here.
   }
 
-  // Seed podcast feeds from server context
-  if (typeof INITIAL_PODCAST_FEEDS !== 'undefined' && Array.isArray(INITIAL_PODCAST_FEEDS)) {
-    podcastFeeds = INITIAL_PODCAST_FEEDS;
-  }
-
-  // Wire seek slider
-  const seekSlider = $('seek-slider');
-  if (seekSlider) {
-    seekSlider.addEventListener('input', function () {
-      if (podcastMode) audio.currentTime = parseInt(this.value, 10);
-    });
-  }
-
   // Restore persisted volume, fall back to slider default
   const volSlider = $('volume');
   if (volSlider) {
@@ -7083,11 +6015,6 @@ function openRadioSidebar() {
   // Show banner immediately if already offline at startup
   if (!navigator.onLine) showOfflineBanner(true);
 
-  // Hourly background feed refresh (only when authenticated)
-  if (IS_AUTHENTICATED) {
-    setInterval(refreshAllFeeds, 60 * 60 * 1000);
-  }
-
   // Footnote hover (desktop) + tap (mobile) via event delegation
   const _readerContentEl = $('reader-content');
   if (_readerContentEl) {
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
new file mode 100644
index 0000000..491ce27
--- /dev/null
+++ b/static/js/podcasts-web.js
@@ -0,0 +1,1069 @@
+/**
+ * Podcasts in the browser: the phone app's podcast page on top of a browser
+ * version of what the app does in Kotlin.
+ *
+ * The page itself is diora-android's web-native/static/native-podcast.js,
+ * copied unchanged to /static/podcasts/ by tools/sync_podcast_ui.py. It talks
+ * to its host only through a small API (window.DioraNative in the app,
+ * window.DioraPodcastHost here) and hears back through window.__dioraPodcasts,
+ * __dioraPodcastsRefreshed and __dioraPlayer. This file is that host:
+ *
+ *   - the state (feeds, queue, inbox, settings) from GET /podcasts/state/,
+ *     kept in localStorage for a fast, offline-capable start (Podcasts.kt);
+ *   - every change applied to that copy at once and sent to the server in
+ *     order through an outbox that survives reloads and going offline;
+ *   - a player of its own (not app.js's radio element) whose playlist is the
+ *     queue, with the app's bookkeeping (RadioService.EpisodeTracker): resume,
+ *     intro/outro, progress every 10 s and on pause, "played" near the end,
+ *     moving on by itself, rewinding a little after a pause, per-podcast
+ *     speed and volume, and the sleep timer (SleepTimer.kt);
+ *   - lock-screen and media-key controls through navigator.mediaSession;
+ *   - this device's playback settings in localStorage (PlaybackPrefs.kt).
+ *
+ * Radio and podcasts never play at the same time: starting an episode stops
+ * the radio (app.js stopPlayback), starting a station puts the episode away.
+ *
+ * In the app (and the desktop app) window.DioraNative exists and this file
+ * does nothing. Written without ?. and ?? so old WebViews can still parse it.
+ */
+(function () {
+  'use strict';
+  if (window.DioraNative) return;
+  if (typeof IS_AUTHENTICATED === 'undefined' || !IS_AUTHENTICATED) return;
+  if (!document.getElementById('tab-podcasts')) return;
+
+  const UI_SCRIPT = '/static/podcasts/native-podcast.js';
+  const UI_STYLES = ['/static/podcasts/podcast-ui.css', '/static/podcasts/podcasts-web.css'];
+
+  // ---- storage ------------------------------------------------------------------
+
+  const USER = String(window.USER_ID || '');
+
+  function load(name, fallback) {
+    try {
+      const v = localStorage.getItem('dpw_' + name + '_' + USER);
+      return v ? JSON.parse(v) : fallback;
+    } catch (e) {
+      return fallback;
+    }
+  }
+
+  function store(name, value) {
+    try { localStorage.setItem('dpw_' + name + '_' + USER, JSON.stringify(value)); } catch (e) {}
+  }
+
+  function parse(s, fallback) {
+    try { return typeof s === 'string' ? JSON.parse(s) : s; } catch (e) { return fallback; }
+  }
+
+  function csrf() {
+    return typeof getCsrfToken === 'function' ? getCsrfToken() : '';
+  }
+
+  // ---- state and outbox (Podcasts.kt) ----------------------------------------------
+
+  const POSITIONS = ['back', 'front', 'after_current'];
+  const SORT_RULES = ['', 'new', 'old', 'short', 'long', 'feed'];
+  const FEED_SETTINGS = ['playback_speed', 'skip_intro', 'skip_outro', 'volume',
+    'new_episodes', 'include_words', 'exclude_words', 'min_duration'];
+
+  function empty() {
+    return {feeds: [], queue: [], inbox: [], settings: {enqueue_position: 'back', auto_queue_position: 'front'}};
+  }
+
+  let state = load('state', null) || empty();
+  let outbox = load('outbox', []);
+  let lastRefresh = 0;
+
+  function save() {
+    store('state', state);
+    store('outbox', outbox);
+  }
+
+  function changed() {
+    if (window.__dioraPodcasts) window.__dioraPodcasts(JSON.stringify(state));
+  }
+
+  function edit(block) {
+    block(state);
+    save();
+    changed();
+  }
+
+  function queueOp(path, body, key) {
+    if (key) outbox = outbox.filter(op => op.key !== key);
+    const op = {path, body};
+    if (key) op.key = key;
+    outbox.push(op);
+  }
+
+  let flushing = null;
+
+  // Send queued changes in order. False when the server can't be reached.
+  function flush() {
+    if (flushing) return flushing;
+    flushing = sendAll().then(ok => { flushing = null; return ok; }, () => { flushing = null; return false; });
+    return flushing;
+  }
+
+  async function sendAll() {
+    while (outbox.length) {
+      const op = outbox[0];
+      let r;
+      try {
+        r = await fetch(op.path, {
+          method: 'POST',
+          credentials: 'same-origin',
+          headers: {'Content-Type': 'application/json', 'X-CSRFToken': csrf()},
+          body: JSON.stringify(op.body),
+        });
+      } catch (e) {
+        return false;
+      }
+      if (r.status === 401 || r.status >= 500) return false;
+      // Another 4xx: the server refuses this change (episode gone …); drop it
+      // rather than block everything behind it.
+      const i = outbox.indexOf(op);
+      if (i >= 0) outbox.splice(i, 1);
+      save();
+    }
+    return true;
+  }
+
+  // Fetch the state in one request (with fetchFeeds the server fetches all
+  // feeds first). Changes not sent yet go first; while some are still
+  // pending, the local copy stays.
+  async function refresh(fetchFeeds) {
+    try {
+      if (fetchFeeds) {
+        if (!(await flush())) return false;
+        await fetch('/podcasts/feeds/refresh-all/', {
+          method: 'POST', credentials: 'same-origin',
+          headers: {'Content-Type': 'application/json', 'X-CSRFToken': csrf()},
+          body: '{"max_age":60}',
+        });
+      }
+      // Progress is saved every few seconds while an episode plays; try again
+      // when it slipped in while the state was on its way.
+      for (let attempt = 0; attempt < 3; attempt++) {
+        if (!(await flush())) return false;
+        const r = await fetch('/podcasts/state/?inbox_limit=200', {credentials: 'same-origin', cache: 'no-store'});
+        if (r.status !== 200) return false;
+        const fresh = await r.json();
+        if (outbox.length) continue;
+        state = fresh;
+        lastRefresh = Date.now();
+        save();
+        changed();
+        return true;
+      }
+      return false;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  const queueOf = s => s.queue || (s.queue = []);
+  const queueIds = s => queueOf(s).map(q => q.episode__id);
+
+  function entry(id) {
+    return queueOf(state).find(q => q.episode__id === id) || null;
+  }
+
+  function feed(id) {
+    return (state.feeds || []).find(f => f.id === id) || null;
+  }
+
+  // The queue order a "keep sorted" rule gives (Podcasts.keepSortedOrder; the server sorts the same way).
+  function keepSortedOrder(entries, rule) {
+    const date = o => (o.episode__pub_date ? String(o.episode__pub_date) : null);
+    const left = o => (o.episode__duration_seconds || 0) - (o.position_seconds || 0);
+    const cmpStr = (a, b) => (a < b ? -1 : a > b ? 1 : 0);
+    const byDate = desc => (a, b) => {
+      const da = date(a), db = date(b);
+      if (da == null && db == null) return 0;
+      if (da == null) return 1;
+      if (db == null) return -1;
+      return desc ? cmpStr(db, da) : cmpStr(da, db);
+    };
+    let cmp;
+    if (rule === 'new') cmp = byDate(true);
+    else if (rule === 'old') cmp = byDate(false);
+    else if (rule === 'short') cmp = (a, b) => left(a) - left(b);
+    else if (rule === 'long') cmp = (a, b) => left(b) - left(a);
+    else if (rule === 'feed') {
+      cmp = (a, b) => cmpStr(String(a.episode__feed__title || '').toLowerCase(), String(b.episode__feed__title || '').toLowerCase())
+        || byDate(true)(a, b);
+    } else return entries.map(o => o.episode__id);
+    return entries.slice().sort(cmp).map(o => o.episode__id);   // Array.sort is stable
+  }
+
+  function setQueueOrder(s, order) {
+    const byId = new Map(queueOf(s).map(q => [q.episode__id, q]));
+    const rule = (s.settings && s.settings.keep_sorted) || '';
+    const final = rule ? keepSortedOrder(order.map(id => byId.get(id)).filter(Boolean), rule) : order;
+    s.queue = final.map(id => byId.get(id)).filter(Boolean);
+    s.queue.forEach((q, i) => { q.position = i; });
+  }
+
+  // An inbox/feed episode as a queue entry (the server's queue/ field names).
+  function asQueueEntry(ep) {
+    if (ep.episode__id != null) return ep;
+    return {
+      episode__id: ep.id,
+      episode__title: ep.title || '',
+      episode__audio_url: ep.audio_url || '',
+      episode__duration_seconds: ep.duration_seconds || 0,
+      episode__artwork_url: ep.artwork_url || '',
+      episode__pub_date: ep.pub_date || null,
+      episode__feed__id: ep.feed__id != null ? ep.feed__id : ep.feed_id,
+      episode__feed__title: ep.feed__title || ep.feed_title || '',
+      episode__feed__artwork_url: ep.feed__artwork_url || '',
+      position_seconds: ep.position_seconds || 0,
+    };
+  }
+
+  function removeFromInbox(s, ids) {
+    s.inbox = (s.inbox || []).filter(o => !ids.has(o.id));
+  }
+
+  function markInQueue(s, ids, inQueue) {
+    for (const o of s.inbox || []) if (ids.has(o.id)) o.in_queue = inQueue;
+  }
+
+  function forEpisode(s, id, block) {
+    for (const o of queueOf(s)) if (o.episode__id === id) block(o);
+    for (const o of s.inbox || []) if (o.id === id) block(o);
+  }
+
+  function enqueue(episodes, where, currentId) {
+    if (!episodes.length) return;
+    const pos = POSITIONS.indexOf(where) >= 0 ? where : (state.settings && state.settings.enqueue_position) || 'back';
+    edit(s => {
+      const order = queueIds(s);
+      const seen = new Set(order);
+      const fresh = [];
+      for (const e of episodes.map(asQueueEntry)) {
+        if (!seen.has(e.episode__id)) { seen.add(e.episode__id); fresh.push(e); }
+      }
+      if (!fresh.length) return;
+      for (const e of fresh) queueOf(s).push(e);
+      let at = order.length;
+      if (pos === 'front') at = 0;
+      else if (pos === 'after_current') {
+        const i = currentId ? order.indexOf(currentId) : -1;
+        at = i >= 0 ? i + 1 : 0;
+      }
+      const ids = fresh.map(e => e.episode__id);
+      setQueueOrder(s, order.slice(0, at).concat(ids, order.slice(at)));
+      removeFromInbox(s, new Set(ids));   // queued means no longer new
+      const body = {episode_ids: ids, where: pos};
+      if (currentId) body.current_episode_id = currentId;
+      queueOp('/podcasts/queue/add/', body);
+    });
+  }
+
+  function dequeueAll(ids) {
+    edit(s => {
+      const gone = new Set(ids);
+      setQueueOrder(s, queueIds(s).filter(id => !gone.has(id)));
+      markInQueue(s, gone, false);
+      for (const id of ids) queueOp('/podcasts/queue/remove/', {episode_id: id});
+    });
+  }
+
+  function reorder(order) {
+    edit(s => {
+      const now = queueIds(s);
+      const wanted = [];
+      for (const id of order) if (now.indexOf(id) >= 0 && wanted.indexOf(id) < 0) wanted.push(id);
+      const final = wanted.concat(now.filter(id => wanted.indexOf(id) < 0));
+      if (final.join() === now.join()) return;
+      setQueueOrder(s, final);
+      queueOp('/podcasts/queue/reorder/', {order: queueIds(s)});
+    });
+  }
+
+  function move(id, index) {
+    edit(s => {
+      const order = queueIds(s);
+      const at = order.indexOf(id);
+      if (at < 0) return;
+      order.splice(at, 1);
+      order.splice(Math.max(0, Math.min(index, order.length)), 0, id);
+      setQueueOrder(s, order);
+      queueOp('/podcasts/queue/reorder/', {order});
+    });
+  }
+
+  function saveProgress(id, seconds) {
+    forEpisode(state, id, o => { o.position_seconds = seconds; });
+    if (seconds > 0) removeFromInbox(state, new Set([id]));   // started: no longer new
+    queueOp('/podcasts/progress/save/', {episode_id: id, position_seconds: seconds}, 'progress:' + id);
+    save();
+    // No re-render: progress changes every few seconds while playing.
+  }
+
+  // Finished or marked by hand: played and out of the inbox; out of the queue
+  // too unless leaveQueue is false (the user's setting).
+  function markPlayedAll(ids, played, leaveQueue) {
+    edit(s => {
+      for (const id of ids) queueOp('/podcasts/progress/mark-played/', {episode_id: id, played});
+      if (!played) return;
+      const set = new Set(ids);
+      removeFromInbox(s, set);
+      for (const id of ids) forEpisode(s, id, o => { o.position_seconds = 0; });
+      if (leaveQueue) {
+        const inQueue = queueIds(s).filter(id => set.has(id));
+        if (inQueue.length) {
+          setQueueOrder(s, queueIds(s).filter(id => !set.has(id)));
+          for (const id of inQueue) queueOp('/podcasts/queue/remove/', {episode_id: id});
+        }
+      }
+    });
+  }
+
+  function dismiss(ids) {
+    edit(s => {
+      removeFromInbox(s, new Set(ids));
+      queueOp('/podcasts/progress/dismiss/', {episode_ids: ids});
+    });
+  }
+
+  function setSettings(changes) {
+    edit(s => {
+      const settings = s.settings || (s.settings = {});
+      const body = {};
+      for (const name of ['enqueue_position', 'auto_queue_position']) {
+        if (POSITIONS.indexOf(changes[name]) >= 0) settings[name] = body[name] = changes[name];
+      }
+      if ('keep_sorted' in changes && SORT_RULES.indexOf(changes.keep_sorted) >= 0) {
+        settings.keep_sorted = body.keep_sorted = changes.keep_sorted;
+        if (changes.keep_sorted) setQueueOrder(s, queueIds(s));   // sorts at once
+      }
+      if (Object.keys(body).length) queueOp('/podcasts/settings/', body);
+    });
+  }
+
+  // A podcast's own settings, kept on the server so every device has them.
+  function setFeedSettings(feedId, changes) {
+    edit(s => {
+      const f = (s.feeds || []).find(x => x.id === feedId);
+      if (!f) return;
+      const body = {};
+      for (const key of Object.keys(changes)) {
+        if (FEED_SETTINGS.indexOf(key) < 0) continue;
+        f[key] = body[key] = changes[key];
+      }
+      if ('new_episodes' in body) f.auto_queue = body.new_episodes === 'queue';
+      if (Object.keys(body).length) queueOp('/podcasts/feeds/' + feedId + '/settings/', body);
+    });
+    if (cur && cur.episode__feed__id === feedId) { applyKind(); report(); }
+  }
+
+  function setAutoQueue(feedId, on) {
+    edit(s => {
+      const f = (s.feeds || []).find(x => x.id === feedId);
+      if (f) f.auto_queue = on;
+      queueOp('/podcasts/feeds/' + feedId + '/set-auto-queue/', {auto_queue: on});
+    });
+  }
+
+  // ---- this device's playback settings (PlaybackPrefs.kt) --------------------------
+
+  const CHOICES = {
+    skip_back: [5, 10, 15, 30],
+    skip_forward: [10, 15, 30, 45, 60],
+    smart_played: [0, 15, 30, 60, 120, 300, 600],
+  };
+  const prefs = Object.assign({speed: 1, skip_back: 15, skip_forward: 30, remove_played: true, smart_played: 30,
+    sleep_last: 15, sleep_auto: false}, load('prefs', {}));
+
+  function setPref(name, value) {
+    if (name === 'speed') {
+      if (!(value >= 0.5 && value <= 3)) return;
+      prefs.speed = value;
+    } else if (CHOICES[name]) {
+      if (CHOICES[name].indexOf(Math.round(value)) < 0) return;
+      prefs[name] = Math.round(value);
+    } else if (name === 'remove_played') {
+      prefs.remove_played = !!value;
+    } else {
+      return;   // skip_silence, headset_next: nothing a browser can do
+    }
+    store('prefs', prefs);
+  }
+
+  // What the page shows as settings. No skip_silence / headset_next: the page leaves those out.
+  function prefsJson() {
+    return {speed: prefs.speed, skip_back: prefs.skip_back, skip_forward: prefs.skip_forward,
+      remove_played: prefs.remove_played, smart_played: prefs.smart_played, feeds: {}};
+  }
+
+  function speedFor(feedId) {
+    const f = feed(feedId);
+    return f && f.playback_speed > 0 ? f.playback_speed : prefs.speed;
+  }
+
+  const hasOwnSpeed = feedId => { const f = feed(feedId); return !!(f && f.playback_speed > 0); };
+  const introMs = feedId => { const f = feed(feedId); return ((f && f.skip_intro) || 0) * 1000; };
+  const outroMs = feedId => { const f = feed(feedId); return ((f && f.skip_outro) || 0) * 1000; };
+  const volumeFor = feedId => { const f = feed(feedId); return f && f.volume > 0 ? f.volume : 1; };
+
+  // The page's per-podcast chips speak the app's local format: {speed, intro, outro, volume}.
+  function feedPrefs(feedId, changes) {
+    const body = {};
+    if ('speed' in changes) body.playback_speed = changes.speed > 0 ? changes.speed : null;
+    if ('intro' in changes) body.skip_intro = Math.round(changes.intro || 0);
+    if ('outro' in changes) body.skip_outro = Math.round(changes.outro || 0);
+    if ('volume' in changes) body.volume = changes.volume > 0 ? changes.volume : 1;
+    setFeedSettings(feedId, body);
+  }
+
+  // ---- sleep timer (SleepTimer.kt): minutes count only while playing ----------------
+
+  const FADE_MS = 10000;
+  const MAX_GAP_MS = 10000;
+
+  const sleep = {
+    leftMs: 0,
+    episodes: 0,
+    lastTick: 0,
+    get active() { return this.leftMs > 0 || this.episodes > 0; },
+    set(minutes, episodes) {
+      this.leftMs = minutes * 60000;
+      this.episodes = minutes > 0 ? 0 : episodes;
+      this.lastTick = 0;
+      if (minutes > 0) { prefs.sleep_last = minutes; store('prefs', prefs); }
+      setFade(1);
+    },
+    extend(minutes) {
+      if (this.leftMs <= 0) { this.set(minutes, 0); return; }
+      this.leftMs += minutes * 60000;
+      setFade(1);
+    },
+    tick(playing) {
+      const now = Date.now();
+      const delta = this.lastTick ? now - this.lastTick : 0;
+      this.lastTick = now;
+      if (this.leftMs <= 0 || !playing) return;
+      // A gap means nothing was ticking (paused, tab asleep): not playing time.
+      if (delta > 0 && delta <= MAX_GAP_MS) this.leftMs -= delta;
+      if (this.leftMs <= 0) {
+        this.leftMs = 0;
+        setFade(1);
+        pause();
+        return;
+      }
+      if (this.leftMs < FADE_MS) setFade(Math.max(this.leftMs / FADE_MS, 0.1));
+    },
+    // An episode finished: true when playing should stop here.
+    episodeFinished() {
+      if (this.episodes <= 0) return false;
+      this.episodes--;
+      return this.episodes === 0;
+    },
+    queueEnded() { this.episodes = 0; },
+    // An episode starts playing: at night, the timer may switch itself on.
+    maybeAutoEnable() {
+      if (this.active || !prefs.sleep_auto) return;
+      const hour = new Date().getHours();
+      if (hour >= 22 || hour < 6) this.set(prefs.sleep_last || 15, 0);
+    },
+    json() {
+      return {leftMs: Math.max(0, Math.round(this.leftMs)), episodes: this.episodes, auto: !!prefs.sleep_auto, last: prefs.sleep_last || 15};
+    },
+  };
+
+  // ---- the player (RadioService.EpisodeTracker) ---------------------------------------
+
+  const audio = new Audio();   // the radio keeps app.js's own element
+  audio.preload = 'auto';
+
+  let cur = null;         // queue entry (a copy) of the episode in the player
+  let loaded = false;     // its address is set on the audio element
+  let wantPlay = false;   // play when ready (what the page shows as playing)
+  let startAt = null;     // ms to start from when it gets loaded
+  let lastPos = 0;        // ms
+  let lastDur = 0;        // ms
+  let lastSaved = 0;
+  let pausedAt = 0;
+  let outroDone = null;   // episode whose outro was skipped already
+  let fade = 1;           // the sleep timer's fade-out
+  let buffering = false;
+  let error = null;
+  let sessionFor = null;  // episode the media session shows
+  let mustReach = null;   // ms the first seek after loading should have reached
+
+  const curId = () => (cur ? cur.episode__id : null);
+  const curFeed = () => (cur ? cur.episode__feed__id : null);
+
+  function durMs() {
+    if (loaded && isFinite(audio.duration) && audio.duration > 0) return audio.duration * 1000;
+    return lastDur || ((cur && cur.episode__duration_seconds) || 0) * 1000;
+  }
+
+  function posMs() {
+    if (mustReach != null) return mustReach;   // the start place, until it's confirmed
+    if (loaded && audio.readyState > 0) return audio.currentTime * 1000;
+    return startAt != null ? startAt : lastPos;
+  }
+
+  // Where this episode picks up: its place (the queue knows it best), past the podcast's intro.
+  function resumeMs() {
+    const q = cur ? entry(cur.episode__id) : null;
+    const resume = ((q || cur || {}).position_seconds || 0) * 1000;
+    return Math.max(resume > 5000 ? resume : 0, introMs(curFeed()));
+  }
+
+  // Within the last seconds (setting, AntennaPod: 30 s) an episode counts as finished.
+  function almostEnded() {
+    const dur = durMs();
+    return dur > 0 && posMs() >= dur - Math.max(prefs.smart_played * 1000, 1000);
+  }
+
+  function nextEntry() {
+    const q = queueOf(state);
+    const at = q.findIndex(e => e.episode__id === curId());
+    if (at >= 0) return q[at + 1] || null;
+    return q.length && q[0].episode__id !== curId() ? q[0] : null;
+  }
+
+  function saveNow(id, send) {
+    lastSaved = Date.now();
+    saveProgress(id, Math.floor(posMs() / 1000));
+    if (send) flush();
+  }
+
+  // An episode is done: played, out of the queue (setting). True when the sleep timer says stop.
+  function finished(id) {
+    markPlayedAll([id], true, prefs.remove_played);
+    flush();
+    return sleep.episodeFinished();
+  }
+
+  function setFade(f) {
+    fade = f;
+    applyVolume();
+  }
+
+  function applyVolume() {
+    // Louder than 1 needs an audio graph, which episodes from other servers can't feed: 1 at most.
+    audio.volume = Math.max(0, Math.min(1, Math.min(volumeFor(curFeed()), 1) * fade));
+  }
+
+  function applyKind() {
+    const rate = speedFor(curFeed());
+    audio.defaultPlaybackRate = rate;
+    if (audio.playbackRate !== rate) audio.playbackRate = rate;
+    audio.preservesPitch = true;
+    applyVolume();
+  }
+
+  function storePlayer() {
+    store('player', cur ? {entry: cur} : null);
+  }
+
+  // Load the episode's audio, starting where it should.
+  // (startAt is applied once the metadata is there, see 'loadedmetadata'.)
+  function prepare() {
+    startAt = startAt != null ? startAt : resumeMs();
+    lastPos = startAt;
+    loaded = true;
+    error = null;
+    buffering = true;
+    audio.src = cur.episode__audio_url;
+    applyKind();
+  }
+
+  function unload() {
+    loaded = false;
+    mustReach = null;
+    audio.pause();
+    audio.removeAttribute('src');
+    try { audio.load(); } catch (e) {}
+  }
+
+  // Move to another episode (onMediaItemTransition): the one we leave counts as
+  // finished when it ended (auto) or is left within its last seconds; else it keeps its place.
+  function goTo(e, auto, play) {
+    const prev = curId();
+    let stop = false;
+    if (prev != null && prev !== outroDone && (auto || e.episode__id !== prev)) {
+      if (auto || almostEnded()) stop = finished(prev);
+      else saveNow(prev, true);
+    }
+    unload();
+    cur = Object.assign({}, e);
+    startAt = null;
+    pausedAt = 0;
+    buffering = false;
+    error = null;
+    lastDur = 0;
+    lastPos = resumeMs();
+    storePlayer();
+    if (play && !stop) resume();
+    else { wantPlay = false; report(); }
+  }
+
+  // A pause rewinds a little on the way back in, to find the thread again.
+  function catchUp() {
+    if (!pausedAt) return;
+    const paused = Date.now() - pausedAt;
+    pausedAt = 0;
+    mustReach = null;
+    const back = paused > 24 * 3600000 ? 20000 : paused > 3600000 ? 10000 : paused > 60000 ? 3000 : 800;
+    try { audio.currentTime = Math.max(0, audio.currentTime - back / 1000); } catch (e) {}
+  }
+
+  function resume() {
+    if (!cur) return;
+    stopRadio();
+    if (!loaded) prepare();
+    else catchUp();
+    wantPlay = true;
+    applyKind();
+    setSession();
+    const p = audio.play();
+    if (p && p.catch) {
+      p.catch(err => {
+        if (err && err.name === 'AbortError') return;   // a newer load or pause came first
+        wantPlay = false;
+        buffering = false;
+        if (err && err.name === 'NotAllowedError') toast('Der Browser hat das Abspielen blockiert – bitte nochmal tippen');
+        report();
+      });
+    }
+    report();
+  }
+
+  function pause() {
+    wantPlay = false;
+    if (!audio.paused) audio.pause();
+    pausedAt = pausedAt || Date.now();
+    report();
+  }
+
+  function seek(ms) {
+    if (!cur) return;
+    ms = Math.max(0, ms);
+    mustReach = null;
+    if (loaded && audio.readyState > 0) {
+      try { audio.currentTime = ms / 1000; } catch (e) {}
+    } else {
+      startAt = ms;
+    }
+    lastPos = ms;
+    report();
+  }
+
+  function skip(forward) {
+    const pos = posMs();
+    if (!forward) { seek(pos - prefs.skip_back * 1000); return; }
+    const to = pos + prefs.skip_forward * 1000;
+    const dur = durMs();
+    seek(dur > 0 ? Math.min(to, dur - 1000) : to);
+  }
+
+  function next() {
+    const n = nextEntry();
+    if (n) goTo(n, false, wantPlay);
+  }
+
+  function playEpisode(id) {
+    if (curId() === id) { resume(); return; }
+    const e = entry(id);
+    if (e) goTo(e, false, true);
+  }
+
+  // The podcast's outro is skipped: the episode counts as finished there.
+  function skipOutro(id) {
+    if (outroDone === id) return;
+    const outro = outroMs(curFeed());
+    const dur = durMs();
+    if (outro <= 0 || dur <= 0 || dur - posMs() > outro) return;
+    outroDone = id;
+    const n = nextEntry();   // before finished() takes this one out of the queue
+    if (finished(id) || !n) pause();
+    else goTo(n, false, true);
+  }
+
+  function onEnded() {
+    const id = curId();
+    if (id == null) return;
+    const n = nextEntry();
+    if (n) { goTo(n, true, true); return; }
+    if (id !== outroDone) finished(id);
+    outroDone = id;
+    sleep.queueEnded();
+    wantPlay = false;
+    report();
+  }
+
+  // A browser that pauses the element while it loads (power saving) may drop
+  // that first seek: check it once the audio can play.
+  const reached = () => {
+    if (mustReach == null || audio.seeking) return;
+    if (Math.abs(audio.currentTime * 1000 - mustReach) > 3000) {
+      try { audio.currentTime = mustReach / 1000; } catch (e) {}
+    }
+    mustReach = null;
+  };
+  audio.addEventListener('canplay', reached);
+
+  audio.addEventListener('playing', () => {
+    reached();
+    buffering = false;
+    if (!wantPlay) wantPlay = true;
+    sleep.maybeAutoEnable();
+    report();
+  });
+  audio.addEventListener('waiting', () => { buffering = true; report(); });
+  audio.addEventListener('canplay', () => { if (buffering && audio.paused) { buffering = false; report(); } });
+  audio.addEventListener('pause', () => {
+    if (!loaded || audio.ended) return;
+    // Paused here, by the lock screen, or by the system (headphones out …).
+    wantPlay = false;
+    pausedAt = pausedAt || Date.now();
+    if (cur) saveNow(cur.episode__id, true);
+    report();
+  });
+  audio.addEventListener('ended', onEnded);
+  audio.addEventListener('loadedmetadata', () => {
+    if (startAt != null) {
+      const at = startAt;
+      startAt = null;
+      if (at > 0) { try { audio.currentTime = at / 1000; } catch (e) {} mustReach = at; }
+    }
+    if (isFinite(audio.duration) && audio.duration > 0) lastDur = audio.duration * 1000;
+    applyKind();
+    report();
+  });
+  audio.addEventListener('error', () => {
+    if (!loaded || !audio.getAttribute('src')) return;
+    error = 'MEDIA_ERR_' + (audio.error ? audio.error.code : 0);
+    wantPlay = false;
+    buffering = false;
+    toast('Diese Folge lässt sich gerade nicht abspielen');
+    report();
+  });
+
+  // Once a second: keep the place, save it every 10 s, skip the outro, run the sleep timer.
+  setInterval(() => {
+    const id = curId();
+    const playing = loaded && !audio.paused && !audio.ended && audio.readyState > 2;
+    if (id != null && loaded && audio.readyState > 0) {
+      lastPos = audio.currentTime * 1000;
+      if (isFinite(audio.duration) && audio.duration > 0) lastDur = audio.duration * 1000;
+      if (playing && Date.now() - lastSaved > 10000) saveNow(id, true);
+      if (playing) skipOutro(id);
+    }
+    sleep.tick(playing);
+    if (playing || sleep.leftMs > 0) report();
+  }, 1000);
+
+  // ---- radio and podcasts take turns ---------------------------------------------------
+
+  function stopRadio() {
+    try {
+      if (typeof isPlaying !== 'undefined' && isPlaying && typeof stopPlayback === 'function') stopPlayback(false);
+    } catch (e) {}
+  }
+
+  // A station starts: the episode keeps its place and leaves the player (the app does the same).
+  function putAway() {
+    if (!cur) return;
+    if (loaded && audio.readyState > 0) saveNow(cur.episode__id, true);
+    wantPlay = false;
+    unload();
+    cur = null;
+    storePlayer();
+    report();
+    if (sessionFor != null && 'mediaSession' in navigator) {
+      // The station sets its own handlers; these two it doesn't know about.
+      try { navigator.mediaSession.setActionHandler('seekto', null); } catch (e) {}
+      try { if (navigator.mediaSession.setPositionState) navigator.mediaSession.setPositionState(); } catch (e) {}
+      sessionFor = null;
+    }
+  }
+
+  if (typeof window.playStation === 'function') {
+    const playStation = window.playStation;
+    window.playStation = function () {
+      putAway();
+      return playStation.apply(this, arguments);
+    };
+  }
+
+  // ---- what the page and the lock screen see ---------------------------------------------
+
+  const decoder = document.createElement('textarea');
+  function plain(s) {
+    if (!s || String(s).indexOf('&') < 0) return s || '';
+    decoder.innerHTML = s;
+    return decoder.value;
+  }
+
+  function playerJson() {
+    const fid = curFeed();
+    const o = {speed: speedFor(fid), podcastSpeed: hasOwnSpeed(fid), sleep: sleep.json()};
+    if (!cur) { o.kind = null; return o; }
+    o.kind = 'podcast';
+    o.episodeId = cur.episode__id;
+    o.feedId = fid || 0;
+    o.title = cur.episode__title || '';
+    o.feed = cur.episode__feed__title || '';
+    o.artwork = cur.episode__artwork_url || cur.episode__feed__artwork_url || '';
+    o.pos = Math.round(posMs());
+    o.dur = Math.round(durMs());
+    o.playing = wantPlay;
+    o.buffering = buffering && wantPlay;
+    if (error) o.error = error;
+    return o;
+  }
+
+  function report() {
+    if (window.__dioraPlayer) window.__dioraPlayer(playerJson());
+    if (!('mediaSession' in navigator) || !cur || sessionFor !== cur.episode__id) return;
+    const ms = navigator.mediaSession;
+    ms.playbackState = wantPlay ? 'playing' : 'paused';
+    const dur = durMs() / 1000;
+    if (dur > 0 && ms.setPositionState) {
+      try {
+        ms.setPositionState({duration: dur, playbackRate: audio.playbackRate || 1, position: Math.min(posMs() / 1000, dur)});
+      } catch (e) {}
+    }
+  }
+
+  // Lock screen, notification and media keys: this episode, skip back and forward, next.
+  function setSession() {
+    if (!('mediaSession' in navigator) || !cur) return;
+    const ms = navigator.mediaSession;
+    const art = (cur.episode__artwork_url || cur.episode__feed__artwork_url || '').replace(/^http:/, 'https:');
+    try {
+      ms.metadata = new MediaMetadata({
+        title: plain(cur.episode__title),
+        artist: plain(cur.episode__feed__title),
+        album: plain(cur.episode__feed__title),
+        artwork: art ? [{src: art}] : [],
+      });
+    } catch (e) {}
+    const on = (name, fn) => { try { ms.setActionHandler(name, fn); } catch (e) {} };
+    on('play', () => resume());
+    on('pause', () => pause());
+    on('stop', () => pause());
+    on('seekbackward', () => skip(false));
+    on('seekforward', () => skip(true));
+    on('seekto', d => { if (d && d.seekTime != null) seek(d.seekTime * 1000); });
+    on('nexttrack', () => next());
+    on('previoustrack', null);
+    sessionFor = cur.episode__id;
+  }
+
+  let toastTimer = 0;
+  function toast(text) {
+    let t = document.getElementById('nui-radio-toast');
+    if (!t) {
+      t = document.createElement('div');
+      t.id = 'nui-radio-toast';
+      document.body.appendChild(t);
+    }
+    t.textContent = text;
+    t.classList.add('nui-show');
+    clearTimeout(toastTimer);
+    toastTimer = setTimeout(() => t.classList.remove('nui-show'), 2600);
+  }
+
+  // ---- the host API (Bridge.kt's podcast part) -------------------------------------------
+
+  const ids = json => (parse(json, []) || []).map(Number);
+  const sent = fn => function () { fn.apply(null, arguments); flush(); };
+
+  window.DioraPodcastHost = {
+    podcastState: () => JSON.stringify(state),
+    podcastRefresh(fetchFeeds) {
+      refresh(!!fetchFeeds).then(ok => { if (window.__dioraPodcastsRefreshed) window.__dioraPodcastsRefreshed(ok); });
+    },
+    podcastFeedRemoved() {
+      refresh(false).then(ok => { if (window.__dioraPodcastsRefreshed) window.__dioraPodcastsRefreshed(ok); });
+    },
+    podcastFavoriteChanged() {},
+    podcastEnqueue: sent((json, where, currentId) => enqueue(parse(json, []) || [], where || null, currentId > 0 ? currentId : null)),
+    podcastDequeue: sent(id => dequeueAll([id])),
+    podcastDequeueAll: sent(json => dequeueAll(ids(json))),
+    podcastMove: sent((id, index) => move(id, index)),
+    podcastReorder: sent(json => reorder(ids(json))),
+    podcastMarkPlayed(id, played) {
+      markPlayedAll([id], !!played, prefs.remove_played);
+      // "Unplayed" brings it back into Neu on the server; fetch that.
+      if (played) flush(); else refresh(false);
+    },
+    podcastMarkPlayedAll: sent((json, played) => markPlayedAll(ids(json), !!played, prefs.remove_played)),
+    podcastDismiss: sent(json => dismiss(ids(json))),
+    podcastSettings: sent(json => setSettings(parse(json, {}) || {})),
+    podcastAutoQueue: sent((feedId, on) => setAutoQueue(feedId, !!on)),
+    podcastFeedSettings: sent((feedId, json) => setFeedSettings(feedId, parse(json, {}) || {})),
+    podcastFeedPrefs: sent((feedId, json) => feedPrefs(feedId, parse(json, {}) || {})),
+    podcastPrefs: () => JSON.stringify(prefsJson()),
+    podcastSetPref: (name, value) => setPref(name, value ? 1 : 0),
+    podcastSetPrefValue: (name, value) => setPref(name, Number(value)),
+
+    podcastPlay: id => playEpisode(id),
+    // Play an episode; one that isn't queued yet is queued first (where the setting says).
+    podcastPlayEpisode(json, currentId) {
+      const ep = parse(json, {}) || {};
+      const id = ep.episode__id != null ? ep.episode__id : ep.id;
+      if (!entry(id)) enqueue([ep], null, currentId > 0 ? currentId : null);
+      playEpisode(id);
+      flush();
+    },
+    podcastNext: () => next(),
+    podcastToggle: () => (wantPlay ? pause() : resume()),
+    podcastSeek: ms => seek(Number(ms)),
+    podcastSkip: forward => skip(!!forward),
+    podcastSpeed(speed) {
+      setPref('speed', Number(speed));
+      applyKind();
+      setTimeout(report, 100);
+    },
+    podcastSpeedForPodcast(speed) {
+      const fid = curFeed();
+      if (fid) { setFeedSettings(fid, {playback_speed: speed > 0 ? Number(speed) : null}); flush(); }
+      applyKind();
+      setTimeout(report, 100);
+    },
+    playerState: () => JSON.stringify(playerJson()),
+    podcastSleep(minutes) {
+      if (minutes > 0) sleep.set(minutes, 0);
+      else if (minutes < 0) sleep.set(0, -minutes);
+      else sleep.set(0, 0);
+      report();
+    },
+    podcastSleepExtend(minutes) { sleep.extend(minutes); report(); },
+    podcastSleepAuto(on) { prefs.sleep_auto = !!on; store('prefs', prefs); },
+    isEinkDevice: () => false,
+    // No podcastDownloads: the browser streams; the page hides everything about downloads.
+  };
+
+  // ---- the bottom sheet (native-ui.js's openSheet) ------------------------------------------
+
+  if (!window.DioraUI) {
+    let sheetEl = null;
+    const closeSheet = () => {
+      if (!sheetEl) return false;
+      sheetEl.remove();
+      sheetEl = null;
+      return true;
+    };
+    // items: {icon, label, hint, action, danger, active} | {custom: el} | falsy (skipped)
+    const openSheet = (title, items) => {
+      closeSheet();
+      const wrap = document.createElement('div');
+      wrap.id = 'nui-sheet';
+      wrap.innerHTML = '<div class="nui-backdrop"></div><div class="nui-panel" role="menu"></div>';
+      const panel = wrap.querySelector('.nui-panel');
+      if (title) {
+        const t = document.createElement('div');
+        t.className = 'nui-sheet-title';
+        t.textContent = title;
+        panel.appendChild(t);
+      }
+      for (const it of items) {
+        if (!it) continue;
+        if (it.custom) { panel.appendChild(it.custom); continue; }
+        const b = document.createElement('button');
+        b.type = 'button';
+        b.className = 'nui-row' + (it.danger ? ' nui-danger' : '') + (it.active ? ' nui-active' : '');
+        b.innerHTML = '<span class="nui-row-icon"></span><span class="nui-row-text"><span class="nui-row-label"></span></span>';
+        b.querySelector('.nui-row-icon').textContent = it.icon || '';
+        b.querySelector('.nui-row-label').textContent = it.label;
+        if (it.hint) {
+          const h = document.createElement('span');
+          h.className = 'nui-row-hint';
+          h.textContent = it.hint;
+          b.querySelector('.nui-row-text').appendChild(h);
+        }
+        b.addEventListener('click', () => { closeSheet(); it.action(); });
+        panel.appendChild(b);
+      }
+      wrap.addEventListener('click', e => {
+        e.stopPropagation();
+        if (e.target.classList.contains('nui-backdrop')) closeSheet();
+      });
+      document.body.appendChild(wrap);
+      sheetEl = wrap;
+      const first = panel.querySelector('button');
+      if (first) first.focus({preventScroll: true});
+    };
+    window.DioraUI = {openSheet, closeSheet};
+  }
+
+  // ---- page set-up -------------------------------------------------------------------------
+
+  document.documentElement.classList.add('dpw');
+
+  for (const href of UI_STYLES) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = href;
+    document.head.appendChild(link);
+  }
+
+  // The bottom dock the page puts its mini player in (native-radio.js builds it in the app).
+  const dock = document.createElement('div');
+  dock.id = 'nui-dock';
+  document.body.appendChild(dock);
+
+  // The dock sits right above the radio bar, whose height changes with the screen.
+  const bar = document.getElementById('now-playing-bar');
+  const placeDock = () => {
+    const h = bar ? bar.getBoundingClientRect().height : 0;
+    document.documentElement.style.setProperty('--dpw-bar-h', Math.round(h) + 'px');
+  };
+  placeDock();
+  if (bar && window.ResizeObserver) new ResizeObserver(placeDock).observe(bar);
+  window.addEventListener('resize', placeDock);
+
+  // Escape closes what the podcast page has open: a sheet, the player, notes,
+  // a podcast, choosing several (its back handler) — never the tab itself.
+  document.addEventListener('keydown', e => {
+    if (e.key !== 'Escape' || e.defaultPrevented) return;
+    if (window.DioraUI.closeSheet && window.DioraUI.closeSheet()) return;
+    const podTab = typeof _currentTopTab !== 'undefined' && _currentTopTab === 'podcasts';
+    const open = document.getElementById('nui-pod-player') ||
+      (podTab && document.querySelector('#nui-pod .nui-pod-feedhead, #nui-pod .nui-pod-selbar'));
+    if (open && window.__dioraBack) window.__dioraBack();
+  });
+
+  // The episode that was in the player before the page was left (not loaded until played).
+  const was = load('player', null);
+  if (was && was.entry && was.entry.episode__id != null) {
+    cur = entry(was.entry.episode__id) || was.entry;
+    lastPos = resumeMs();
+  }
+
+  // Keep the place when the page goes away; send what's pending when the connection is back.
+  const leaving = () => {
+    if (cur && loaded && audio.readyState > 0) {
+      saveProgress(cur.episode__id, Math.floor(posMs() / 1000));
+      if (navigator.sendBeacon) {
+        navigator.sendBeacon('/podcasts/progress/save/', JSON.stringify(
+          {episode_id: cur.episode__id, position_seconds: Math.floor(posMs() / 1000)}));
+      }
+    }
+  };
+  window.addEventListener('pagehide', leaving);
+  document.addEventListener('visibilitychange', () => {
+    if (document.visibilityState === 'hidden') {
+      if (cur && loaded && audio.readyState > 0) saveNow(cur.episode__id, true);
+    } else if (Date.now() - lastRefresh > 5 * 60000) {
+      refresh(false);
+    }
+  });
+  window.addEventListener('online', () => { flush(); });
+
+  // The page (copied from the app) comes last, once all of the above is in place.
+  const script = document.createElement('script');
+  script.src = UI_SCRIPT;
+  document.body.appendChild(script);
+})();
diff --git a/static/js/sw.js b/static/js/sw.js
index b43fd39..641b099 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,11 +2,14 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v51';
-const PODCAST_CACHE = 'diora-podcast-v1';
+const CACHE = 'diora-v52';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
+  '/static/js/podcasts-web.js',
+  '/static/podcasts/native-podcast.js',
+  '/static/podcasts/podcast-ui.css',
+  '/static/podcasts/podcasts-web.css',
   '/static/manifest.json',
   '/static/fonts/SourceSerif4-normal-latin.woff2',
   '/static/fonts/SourceSerif4-normal-latin-ext.woff2',
@@ -25,12 +28,13 @@ self.addEventListener('install', function (event) {
   self.skipWaiting();
 });
 
-// Activate: remove stale caches from previous versions
+// Activate: remove stale caches from previous versions (also the old
+// 'diora-podcast-v1' of episodes the web app used to download)
 self.addEventListener('activate', function (event) {
   event.waitUntil(
     caches.keys().then(function (keys) {
       return Promise.all(
-        keys.filter(function (key) { return key !== CACHE && key !== PODCAST_CACHE; })
+        keys.filter(function (key) { return key !== CACHE; })
             .map(function (key) { return caches.delete(key); })
       );
     }).then(function () {
@@ -68,21 +72,6 @@ self.addEventListener('fetch', function (event) {
     return;
   }
 
-  // Podcast audio: serve from podcast cache first, then network
-  if (event.request.destination === 'audio') {
-    event.respondWith(
-      caches.open(PODCAST_CACHE).then(function (cache) {
-        return cache.match(event.request).then(function (cached) {
-          if (cached) return cached;
-          return fetch(event.request).then(function (response) {
-            return response;
-          });
-        });
-      })
-    );
-    return;
-  }
-
   // Cache-first for pre-defined shell assets
   const isShell = SHELL.some(function (s) { return url.pathname === s; });
   if (isShell) {
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
new file mode 100644
index 0000000..29553b7
--- /dev/null
+++ b/static/podcasts/native-podcast.js
@@ -0,0 +1,1901 @@
+// Copied from diora-android 302c300 2026-10-02: web-native/static/native-podcast.js
+// by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
+// and copy again. The browser host is static/js/podcasts-web.js.
+
+// Podcasts for the phone, the AntennaPod way: the queue comes first.
+//
+// The app keeps the podcast state (Podcasts.kt: feeds, queue, inbox and
+// settings, fetched from the server in one request and kept for offline use)
+// and plays it (RadioService: the queue is the playlist, it keeps the place
+// and moves on by itself). This page only shows that state and hands what
+// the user does to DioraNative.podcast*. The web app's own podcast tab stays
+// hidden; its endpoints are the server side of all this.
+//
+// The browser runs this same file (diora-web copies it, tools/sync_podcast_ui.py):
+// there window.DioraPodcastHost (diora-web static/js/podcasts-web.js) plays the
+// part of the app, with the same calls.
+(function () {
+  'use strict';
+  const N = window.DioraPodcastHost || window.DioraNative;
+  if (!N || !N.podcastState) return;
+  // E-readers have no speaker; they stay a pure book app.
+  if (N.isEinkDevice && N.isEinkDevice()) return;
+
+  document.documentElement.classList.add('nui-podcasts');
+
+  const $id = id => document.getElementById(id);
+  const VIEWS = [
+    {id: 'queue', label: 'Warteschlange'},
+    {id: 'inbox', label: 'Neu'},
+    {id: 'episodes', label: 'Folgen'},
+    {id: 'feeds', label: 'Abos'},
+    {id: 'search', label: 'Suche'},
+  ];
+  const POSITIONS = [
+    {value: 'back', label: 'Ans Ende'},
+    {value: 'front', label: 'An den Anfang'},
+    {value: 'after_current', label: 'Nach der laufenden Folge'},
+  ];
+  const SPEEDS = [0.8, 0.9, 1, 1.1, 1.2, 1.3, 1.5, 1.75, 2];
+
+  function parse(s, fallback) {
+    try { return JSON.parse(s); } catch (e) { return fallback; }
+  }
+
+  let state = parse(N.podcastState(), {});
+  let player = {kind: null};
+  let view = 'queue';
+  let feedView = null;      // {feed, episodes} while one podcast is open
+  let searchResults = null;
+  let refreshing = false;
+  let selected = null;      // Set of episode ids while choosing several (queue or inbox)
+  let locked = false;       // queue locked: no dragging
+  try { locked = localStorage.getItem('nui_pod_locked') === '1'; } catch (e) {}
+  try { view = localStorage.getItem('nui_pod_view') || 'queue'; } catch (e) {}
+  if (!VIEWS.some(v => v.id === view)) view = 'queue';
+
+  const queue = () => state.queue || [];
+  const inbox = () => state.inbox || [];
+  const feeds = () => state.feeds || [];
+  const settings = () => state.settings || {};
+  const currentId = () => (player.kind === 'podcast' ? player.episodeId : 0);
+
+  // ---- small helpers ---------------------------------------------------------------
+
+  function el(tag, cls, text) {
+    const e = document.createElement(tag);
+    if (cls) e.className = cls;
+    if (text != null) e.textContent = text;
+    return e;
+  }
+
+  function button(label, title, onClick, cls) {
+    const b = el('button', 'btn-icon nui-icon' + (cls ? ' ' + cls : ''), label);
+    b.type = 'button';
+    b.title = title;
+    b.setAttribute('aria-label', title);
+    b.addEventListener('click', e => { e.stopPropagation(); onClick(e); });
+    return b;
+  }
+
+  function openSheet(title, items) {
+    if (window.DioraUI && DioraUI.openSheet) DioraUI.openSheet(title, items);
+  }
+
+  function clock(seconds) {
+    seconds = Math.max(0, Math.round(seconds || 0));
+    const h = Math.floor(seconds / 3600);
+    const m = Math.floor((seconds % 3600) / 60);
+    const s = seconds % 60;
+    return h ? `${h}:${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}` : `${m}:${String(s).padStart(2, '0')}`;
+  }
+
+  function minutes(seconds) {
+    const m = Math.round((seconds || 0) / 60);
+    if (m < 60) return `${m} min`;
+    return `${Math.floor(m / 60)} h ${String(m % 60).padStart(2, '0')} min`;
+  }
+
+  function day(iso) {
+    if (!iso) return '';
+    const d = new Date(iso);
+    if (isNaN(d)) return '';
+    const diff = Math.floor((Date.now() - d) / 86400000);
+    if (diff <= 0) return 'heute';
+    if (diff === 1) return 'gestern';
+    if (diff < 7) return `vor ${diff} Tagen`;
+    return d.toLocaleDateString('de-DE', {day: 'numeric', month: 'short', year: diff > 300 ? 'numeric' : undefined});
+  }
+
+  let toastTimer = 0;
+  function toast(text) {
+    let t = $id('nui-radio-toast');
+    if (!t) {
+      t = el('div');
+      t.id = 'nui-radio-toast';
+      document.body.appendChild(t);
+    }
+    t.textContent = text;
+    t.classList.add('nui-show');
+    clearTimeout(toastTimer);
+    toastTimer = setTimeout(() => t.classList.remove('nui-show'), 2600);
+  }
+
+  // Feed titles sometimes arrive with HTML entities still in them (&amp;).
+  const decoder = document.createElement('textarea');
+  function plain(s) {
+    if (!s || s.indexOf('&') < 0) return s || '';
+    decoder.innerHTML = s;
+    return decoder.value;
+  }
+
+  // Episodes come in two shapes: queue entries (episode__*) and inbox/feed
+  // episodes. One view of both:
+  function ep(o) {
+    const e = shape(o);
+    e.title = plain(e.title);
+    e.feed = plain(e.feed);
+    return e;
+  }
+
+  function shape(o) {
+    if (o.episode__id != null) {
+      return {
+        id: o.episode__id, title: o.episode__title, feed: o.episode__feed__title, feedId: o.episode__feed__id,
+        art: o.episode__artwork_url || o.episode__feed__artwork_url, duration: o.episode__duration_seconds,
+        pos: o.position_seconds, date: o.episode__pub_date, raw: o,
+      };
+    }
+    return {
+      id: o.id, title: o.title, feed: o.feed__title || (feedView && feedView.feed.title), feedId: o.feed__id,
+      art: o.artwork_url || o.feed__artwork_url || (feedView && feedView.feed.artwork_url), duration: o.duration_seconds,
+      pos: o.position_seconds, date: o.pub_date, played: o.played, inQueue: o.in_queue, raw: o,
+    };
+  }
+
+  function art(src, size) {
+    const box = el('div', 'nui-pod-art' + (size ? ' nui-pod-art-' + size : ''));
+    if (src) {
+      const img = el('img');
+      img.loading = 'lazy';
+      img.alt = '';
+      img.src = src.replace(/^http:/, 'https:');
+      img.addEventListener('error', () => img.remove());
+      box.append(img);
+    }
+    return box;
+  }
+
+  function inQueue(id) {
+    return queue().some(q => q.episode__id === id);
+  }
+
+  // ---- actions ---------------------------------------------------------------------------
+
+  function play(e) {
+    if (currentId() === e.id) { openPlayer(); return; }
+    N.podcastPlayEpisode(JSON.stringify(e.raw), currentId());
+  }
+
+  function enqueue(e, where) {
+    N.podcastEnqueue(JSON.stringify([e.raw]), where || '', currentId());
+    const label = POSITIONS.find(p => p.value === (where || settings().enqueue_position));
+    toast('In der Warteschlange' + (label ? ': ' + label.label.toLowerCase() : ''));
+  }
+
+  // Move within the queue: "next" is right after the episode that plays.
+  function moveTo(e, where) {
+    const ids = queue().map(q => q.episode__id).filter(id => id !== e.id);
+    let index = where === 'top' ? 0 : ids.length;
+    if (where === 'next') {
+      const at = ids.indexOf(currentId());
+      index = at >= 0 ? at + 1 : 0;
+    }
+    N.podcastMove(e.id, index);
+  }
+
+  function markPlayed(e) {
+    N.podcastMarkPlayed(e.id, true);
+    toast('Als gehört markiert');
+  }
+
+  function queueMenu(e) {
+    const playing = currentId() === e.id;
+    openSheet(e.title, [
+      {icon: '▶', label: playing ? 'Player öffnen' : 'Abspielen', action: () => play(e)},
+      !playing && {icon: '☰', label: 'Shownotes und Kapitel', action: () => openNotes(e)},
+      favoriteItem(e),
+      !playing && {icon: '⤴', label: 'Als Nächstes', hint: 'direkt nach der laufenden Folge', action: () => moveTo(e, 'next')},
+      {icon: '⇈', label: 'Ganz nach oben', action: () => moveTo(e, 'top')},
+      {icon: '⇊', label: 'Ganz nach unten', action: () => moveTo(e, 'bottom')},
+      {icon: '✓', label: 'Als gehört markieren', hint: 'verlässt die Warteschlange', action: () => markPlayed(e)},
+      ...dlMenuItems(e),
+      {icon: '✕', label: 'Aus der Warteschlange nehmen', danger: true, action: () => N.podcastDequeue(e.id)},
+    ]);
+  }
+
+  function episodeMenu(e) {
+    const queued = inQueue(e.id);
+    openSheet(e.title, [
+      {icon: '▶', label: 'Abspielen', hint: queued ? null : 'kommt dafür in die Warteschlange', action: () => play(e)},
+      {icon: '☰', label: 'Shownotes und Kapitel', action: () => openNotes(e)},
+      favoriteItem(e),
+      !queued && {icon: '⤴', label: 'Als Nächstes', action: () => enqueue(e, 'after_current')},
+      !queued && {icon: '⇈', label: 'An den Anfang der Warteschlange', action: () => enqueue(e, 'front')},
+      !queued && {icon: '⇊', label: 'Ans Ende der Warteschlange', action: () => enqueue(e, 'back')},
+      queued && {icon: '✕', label: 'Aus der Warteschlange nehmen', action: () => N.podcastDequeue(e.id)},
+      !e.played && {icon: '✓', label: 'Als gehört markieren', action: () => markPlayed(e)},
+      e.played && {icon: '↺', label: 'Als ungehört markieren', action: () => N.podcastMarkPlayed(e.id, false)},
+      ...dlMenuItems(e),
+      {icon: '⊘', label: 'Ausblenden', hint: 'aus „Neu“ entfernen, ohne es als gehört zu zählen',
+       action: () => N.podcastDismiss(JSON.stringify([e.id]))},
+    ]);
+  }
+
+  function settingsMenu() {
+    const s = settings();
+    const choose = (name, title) => openSheet(title, POSITIONS.map(p => ({
+      icon: s[name] === p.value ? '●' : '○',
+      label: p.label,
+      active: s[name] === p.value,
+      action: () => N.podcastSettings(JSON.stringify({[name]: p.value})),
+    })));
+    const label = v => (POSITIONS.find(p => p.value === v) || POSITIONS[0]).label;
+    const prefs = devicePrefs();
+    // Grouped like AntennaPod's settings; each group opens its own list.
+    const group = (icon, title, hint, items) => ({icon, label: title, hint, action: () => openSheet(title, items())});
+    openSheet('Podcasts', [
+      {icon: '⟳', label: 'Alle Feeds jetzt abrufen', hint: 'der Server holt sie, die App lädt das Ergebnis',
+       action: () => refresh(true)},
+      group('≡', 'Warteschlange', 'wohin neue Folgen kommen, gehörte entfernen', () => [
+        {icon: '+', label: 'Neue Folgen von Hand einreihen', hint: label(s.enqueue_position),
+         action: () => choose('enqueue_position', 'Von Hand eingereihte Folgen kommen …')},
+        {icon: '↻', label: 'Automatisch eingereihte Folgen', hint: label(s.auto_queue_position),
+         action: () => choose('auto_queue_position', 'Neue Folgen von Podcasts mit „Automatisch einreihen“ kommen …')},
+        removePlayedItem(),
+      ]),
+      group('▶', 'Abspielen', ['Sprungweiten', 'skip_silence' in prefs && 'Stille', '„gehört“',
+        'headset_next' in prefs && 'Kopfhörer'].filter(Boolean).join(', '), () => [
+        skipItem('skip_back', 'Zurückspringen', [5, 10, 15, 30]),
+        skipItem('skip_forward', 'Vorspringen', [10, 15, 30, 45, 60]),
+        silenceItem(),
+        playedItem(),
+        headsetItem(),
+      ]),
+      DL && group('↓', 'Downloads', 'automatisch, Limit, aufräumen', () => dlSettingsItems()),
+      group('⇅', 'Abos umziehen', 'OPML exportieren und importieren', () => [
+        {icon: '⇩', label: 'Abos exportieren (OPML)', hint: 'zum Umziehen in eine andere App', action: exportOpml},
+        {icon: '⇧', label: 'Abos importieren (OPML)', action: importOpml},
+      ]),
+      {icon: '▤', label: 'Hörstatistik', action: openStats},
+    ]);
+  }
+
+  function skipItem(name, label, choices) {
+    if (!N.podcastSetPrefValue) return null;
+    const now = devicePrefs()[name];
+    return {icon: name === 'skip_back' ? '↺' : '↻', label, hint: `${now} Sekunden`,
+            action: () => openSheet(label, choices.map(c => ({
+              icon: c === now ? '●' : '○', label: `${c} Sekunden`, action: () => N.podcastSetPrefValue(name, c),
+            })))};
+  }
+
+  function playedItem() {
+    if (!N.podcastSetPrefValue) return null;
+    const now = devicePrefs().smart_played;
+    if (now == null) return null;
+    const label = v => (v ? `${v >= 60 ? v / 60 + ' min' : v + ' s'} vor dem Ende` : 'erst ganz am Ende');
+    return {icon: '✓', label: 'Als gehört zählen', hint: label(now),
+            action: () => openSheet('Eine Folge zählt als gehört …', [0, 15, 30, 60, 120, 300, 600].map(v => ({
+              icon: v === now ? '●' : '○', label: label(v), action: () => N.podcastSetPrefValue('smart_played', v),
+            })))};
+  }
+
+  // A host without headset buttons or silence skipping (the browser) leaves them out of its prefs.
+  function headsetItem() {
+    if (!N.podcastSetPref || !('headset_next' in devicePrefs())) return null;
+    const next = !!devicePrefs().headset_next;
+    return {icon: '🎧', label: 'Kopfhörer: zweimal tippen', hint: next ? 'nächste Folge' : 'vorspulen (dreimal: zurück)',
+            action: () => openSheet('Kopfhörer zweimal tippen …', [
+              {icon: !next ? '●' : '○', label: 'Vorspulen', hint: 'dreimal tippen springt zurück', action: () => N.podcastSetPref('headset_next', false)},
+              {icon: next ? '●' : '○', label: 'Nächste Folge', action: () => N.podcastSetPref('headset_next', true)},
+            ])};
+  }
+
+  function silenceItem() {
+    if (!N.podcastSetPref || !('skip_silence' in devicePrefs())) return null;
+    const on = !!devicePrefs().skip_silence;
+    return {icon: on ? '☑' : '☐', label: 'Stille überspringen',
+            hint: on ? 'an: Pausen in Folgen werden übersprungen' : 'aus',
+            action: () => N.podcastSetPref('skip_silence', !on)};
+  }
+
+  function devicePrefs() {
+    return parse(N.podcastPrefs ? N.podcastPrefs() : '{}', {});
+  }
+
+  function removePlayedItem() {
+    if (!N.podcastSetPref) return null;
+    const on = devicePrefs().remove_played !== false;
+    return {icon: on ? '☑' : '☐', label: 'Gehörte Folgen aus der Warteschlange nehmen',
+            hint: on ? 'an: fertige Folgen verlassen die Warteschlange' : 'aus: fertige Folgen bleiben stehen',
+            action: () => { N.podcastSetPref('remove_played', !on); toast(on ? 'Gehörte Folgen bleiben jetzt stehen' : 'Gehörte Folgen verlassen jetzt die Warteschlange'); }};
+  }
+
+  // ---- sorting, locking, choosing several ----------------------------------------------
+
+  const SORTS = [
+    {id: 'new', label: 'Neueste zuerst', key: e => -(Date.parse(e.date) || 0)},
+    {id: 'old', label: 'Älteste zuerst', key: e => Date.parse(e.date) || 0},
+    {id: 'short', label: 'Kürzeste zuerst', key: e => Math.max(0, (e.duration || 0) - (e.pos || 0))},
+    {id: 'long', label: 'Längste zuerst', key: e => -Math.max(0, (e.duration || 0) - (e.pos || 0))},
+    {id: 'feed', label: 'Nach Podcast', key: e => (e.feed || '').toLowerCase() + ' ' + String(9e15 - (Date.parse(e.date) || 0))},
+  ];
+
+  // The episode that plays stays on top; everything else is sorted.
+  function sortQueue(sort) {
+    const items = queue().map(ep);
+    const now = items.filter(e => e.id === currentId());
+    const rest = items.filter(e => e.id !== currentId());
+    if (sort === 'shuffle') {
+      for (let i = rest.length - 1; i > 0; i--) {
+        const j = Math.floor(Math.random() * (i + 1));
+        [rest[i], rest[j]] = [rest[j], rest[i]];
+      }
+    } else {
+      const s = SORTS.find(x => x.id === sort);
+      rest.sort((a, b) => {
+        const ka = s.key(a), kb = s.key(b);
+        return ka < kb ? -1 : ka > kb ? 1 : 0;
+      });
+    }
+    N.podcastReorder(JSON.stringify(now.concat(rest).map(e => e.id)));
+  }
+
+  const keepSorted = () => settings().keep_sorted || '';
+
+  function sortMenu() {
+    const kept = keepSorted();
+    const keptLabel = kept ? (SORTS.find(x => x.id === kept) || {}).label : '';
+    openSheet('Warteschlange sortieren', SORTS.map(x => ({icon: '⇅', label: x.label, action: () => sortQueue(x.id)}))
+      .concat([{icon: '⤨', label: 'Mischen', action: () => sortQueue('shuffle')}])
+      .concat('keep_sorted' in settings() ? [{icon: kept ? '☑' : '☐', label: 'Immer sortiert halten',
+        hint: kept ? `an: ${keptLabel}` : 'aus: Reihenfolge bestimmst du',
+        action: () => openSheet('Immer sortiert halten', [{id: '', label: 'Aus'}].concat(SORTS).map(x => ({
+          icon: kept === x.id ? '●' : '○', label: x.label, hint: x.id ? 'auch neu eingereihte Folgen' : null,
+          action: () => N.podcastSettings(JSON.stringify({keep_sorted: x.id})),
+        })))}] : []));
+  }
+
+  function toggleLock() {
+    locked = !locked;
+    try { localStorage.setItem('nui_pod_locked', locked ? '1' : '0'); } catch (e) {}
+    toast(locked ? 'Warteschlange gesperrt' : 'Warteschlange entsperrt');
+    render();
+  }
+
+  function startSelecting(id) {
+    selected = new Set(id ? [id] : []);
+    render();
+  }
+
+  function stopSelecting() {
+    if (!selected) return false;
+    selected = null;
+    render();
+    return true;
+  }
+
+  function toggleSelected(id) {
+    if (selected.has(id)) selected.delete(id); else selected.add(id);
+    render();
+  }
+
+  // The bar while choosing: count, all/none, and what to do with the chosen ones.
+  function selectionBar(items, actions) {
+    const bar = el('div', 'nui-pod-selbar');
+    const all = items.length > 0 && items.every(e => selected.has(e.id));
+    bar.append(
+      button('✕', 'Auswahl beenden', stopSelecting),
+      el('span', 'nui-pod-selcount', selected.size ? `${selected.size} ausgewählt` : 'Folgen antippen'),
+      button(all ? '☑' : '☐', all ? 'Keine auswählen' : 'Alle auswählen', () => {
+        selected = new Set(all ? [] : items.map(e => e.id));
+        render();
+      }),
+    );
+    const acts = el('div', 'nui-pod-selactions');
+    for (const a of actions) {
+      const b = el('button', 'btn btn-sm' + (a.danger ? ' btn-danger' : ''), a.label);
+      b.type = 'button';
+      b.disabled = !selected.size;
+      b.addEventListener('click', () => {
+        const ids = items.filter(e => selected.has(e.id)).map(e => e.id);
+        if (ids.length) a.run(ids);
+      });
+      acts.append(b);
+    }
+    bar.append(acts);
+    return bar;
+  }
+
+  function listTools(buttons) {
+    const t = el('div', 'nui-pod-tools');
+    for (const b of buttons) if (b) t.append(b);
+    return t;
+  }
+
+  function refresh(fetchFeeds) {
+    refreshing = true;
+    render();
+    N.podcastRefresh(!!fetchFeeds);
+  }
+
+  // ---- rendering ---------------------------------------------------------------------------
+
+  let root = null;
+
+  // The page scrolls inside .main-content (app.css), not the window.
+  function scroller() {
+    for (let e = root && root.parentElement; e && e !== document.body; e = e.parentElement) {
+      const o = getComputedStyle(e).overflowY;
+      if (o === 'auto' || o === 'scroll') return e;
+    }
+    return document.scrollingElement || document.documentElement;
+  }
+
+  function scrollTop(y) {
+    const s = scroller();
+    if (y == null) return s.scrollTop;
+    s.scrollTop = y;
+    return y;
+  }
+
+  function build() {
+    const tab = $id('tab-podcasts');
+    if (!tab || $id('nui-pod')) return false;
+    root = el('div');
+    root.id = 'nui-pod';
+    tab.prepend(root);
+    return true;
+  }
+
+  function render() {
+    if (!root) return;
+    const scroll = scrollTop();
+    root.textContent = '';
+
+    const bar = el('div', 'nui-tab-bar');
+    bar.id = 'nui-pod-bar';
+    const text = el('div', 'nui-bar-text');
+    text.append(el('span', 'native-brand', 'Podcasts'));
+    if (refreshing) text.append(el('span', 'muted nui-pod-status', 'Wird abgerufen …'));
+    else if (state.server_time) text.append(el('span', 'muted nui-pod-status', 'Stand ' + day(state.server_time) + ', ' +
+      new Date(state.server_time).toLocaleTimeString('de-DE', {hour: '2-digit', minute: '2-digit'})));
+    bar.append(text, button('⟳', 'Alle Feeds abrufen', () => refresh(true)), button('⋮', 'Einstellungen', settingsMenu));
+    root.append(bar);
+
+    if (feedView) {
+      renderFeed();
+    } else {
+      const tabs = el('div', 'nui-pod-tabs');
+      for (const v of VIEWS) {
+        const b = el('button', 'nui-pod-tab' + (v.id === view ? ' active' : ''));
+        b.type = 'button';
+        b.append(el('span', null, v.label));
+        const count = v.id === 'queue' ? queue().length : v.id === 'inbox' ? inbox().length : 0;
+        if (count) b.append(el('span', 'nui-pod-count', String(count)));
+        b.addEventListener('click', () => {
+          selected = null;
+          view = v.id;
+          try { localStorage.setItem('nui_pod_view', view); } catch (e) {}
+          render();
+          scrollTop(0);
+        });
+        tabs.append(b);
+      }
+      root.append(tabs);
+      if (view === 'queue') renderQueue();
+      else if (view === 'inbox') renderInbox();
+      else if (view === 'episodes') renderEpisodes();
+      else if (view === 'feeds') renderFeeds();
+      else renderSearch();
+    }
+    scrollTop(scroll);
+  }
+
+  function empty(text) {
+    root.append(el('div', 'nui-pod-empty', text));
+  }
+
+  function progressBar(pos, duration) {
+    if (!pos || !duration) return null;
+    const b = el('div', 'nui-pod-progress');
+    const f = el('span');
+    f.style.width = Math.min(100, Math.round(pos / duration * 100)) + '%';
+    b.append(f);
+    return b;
+  }
+
+  function episodeRow(e, opts) {
+    const row = el('div', 'nui-pod-row' + (currentId() === e.id ? ' nui-pod-current' : '') + (e.played ? ' nui-pod-played' : ''));
+    row.dataset.id = e.id;
+    row.append(art(e.art));
+    const main = el('div', 'nui-pod-main');
+    main.append(el('div', 'nui-pod-title', e.title));
+    // Length first: podcast names are long and get cut off.
+    const meta = [];
+    // A played episode, or a place past the feed's (often wrong) length: just the length.
+    const started = e.pos > 30 && !e.played && e.pos < e.duration - 30;
+    if (e.duration) meta.push(started ? minutes(e.duration - e.pos) + ' übrig' : minutes(e.duration));
+    if (opts.showDate && e.date) meta.push(day(e.date));
+    if (opts.showFeed && e.feed) meta.push(e.feed);
+    main.append(el('div', 'nui-pod-meta', meta.join(' · ')));
+    const p = e.played ? null : progressBar(e.pos, e.duration);
+    if (p) main.append(p);
+    row.append(main);
+    if (selected) {
+      row.classList.add('nui-pod-selecting');
+      const box = el('span', 'nui-pod-check' + (selected.has(e.id) ? ' on' : ''), selected.has(e.id) ? '☑' : '☐');
+      row.prepend(box);
+      row.addEventListener('click', () => toggleSelected(e.id));
+    } else {
+      dlAppend(row, e);
+      row.addEventListener('click', () => play(e));
+    }
+    if (!selected && !opts.noSelect) {
+      // Long press starts choosing several, like in AntennaPod.
+      let timer = 0;
+      row.addEventListener('pointerdown', ev => {
+        if (ev.target.closest('button, .nui-pod-handle')) return;
+        timer = setTimeout(() => { timer = 0; startSelecting(e.id); }, 550);
+      });
+      const cancel = () => { if (timer) clearTimeout(timer); timer = 0; };
+      row.addEventListener('pointerup', cancel);
+      row.addEventListener('pointerleave', cancel);
+      row.addEventListener('pointercancel', cancel);
+      row.addEventListener('contextmenu', ev => ev.preventDefault());
+    }
+    return row;
+  }
+
+  function renderQueue() {
+    const items = queue().map(ep);
+    if (!items.length) {
+      empty('Die Warteschlange ist leer. Unter „Neu“ oder bei einem Abo tippst du auf „+“, um Folgen einzureihen.');
+      return;
+    }
+    const total = items.reduce((n, e) => n + Math.max(0, (e.duration || 0) - (e.pos || 0)), 0);
+    if (selected) {
+      root.append(selectionBar(items, [
+        {label: 'Nach oben', run: ids => N.podcastReorder(JSON.stringify(ids.concat(queue().map(q => q.episode__id).filter(id => !ids.includes(id)))))},
+        {label: 'Nach unten', run: ids => N.podcastReorder(JSON.stringify(queue().map(q => q.episode__id).filter(id => !ids.includes(id)).concat(ids)))},
+        {label: 'Gehört', run: ids => { N.podcastMarkPlayedAll(JSON.stringify(ids), true); stopSelecting(); }},
+        {label: 'Entfernen', danger: true, run: ids => { N.podcastDequeueAll(JSON.stringify(ids)); stopSelecting(); }},
+      ]));
+    } else {
+      const head = el('div', 'nui-pod-head');
+      const kept = keepSorted() ? ' · ' + ((SORTS.find(x => x.id === keepSorted()) || {}).label || '').toLowerCase() : '';
+      head.append(el('div', 'nui-pod-summary', `${items.length} ${items.length === 1 ? 'Folge' : 'Folgen'} · ${minutes(total)}${kept}`),
+        listTools([
+          button('⇅', 'Sortieren oder mischen', sortMenu),
+          button('☐', 'Mehrere auswählen', () => startSelecting()),
+          button(locked ? '🔒' : '🔓', locked ? 'Warteschlange entsperren' : 'Warteschlange sperren', toggleLock,
+            locked ? 'nui-pod-lock on' : 'nui-pod-lock'),
+        ]));
+      root.append(head);
+    }
+    const list = el('div', 'nui-pod-list nui-pod-queue');
+    for (const e of items) {
+      const row = episodeRow(e, {showFeed: true});
+      if (!selected) {
+        row.append(button('⋯', 'Mehr', () => queueMenu(e)));
+        if (!locked && !keepSorted()) {
+          const handle = el('div', 'nui-pod-handle', '≡');
+          handle.title = 'Ziehen zum Umsortieren';
+          handle.addEventListener('click', ev => ev.stopPropagation());
+          dragSort(handle, row, list);
+          row.append(handle);
+        }
+      }
+      list.append(row);
+    }
+    root.append(list);
+  }
+
+  function renderInbox() {
+    const items = inbox().map(ep);
+    if (!items.length) {
+      empty(feeds().length
+        ? 'Keine neuen Folgen. Neue Folgen deiner Abos erscheinen hier, sobald der Server sie gefunden hat.'
+        : 'Noch keine Abos. Unter „Suche“ findest du Podcasts.');
+      return;
+    }
+    if (selected) {
+      const chosen = ids => items.filter(e => ids.includes(e.id));
+      const add = (ids, where) => {
+        N.podcastEnqueue(JSON.stringify(chosen(ids).map(e => e.raw)), where, currentId());
+        toast(`${ids.length} ${ids.length === 1 ? 'Folge' : 'Folgen'} eingereiht`);
+        stopSelecting();
+      };
+      root.append(selectionBar(items, [
+        {label: 'Einreihen', run: ids => openSheet(`${ids.length} ${ids.length === 1 ? 'Folge' : 'Folgen'} einreihen`, [
+          {icon: '+', label: 'Wie eingestellt', hint: (POSITIONS.find(p => p.value === settings().enqueue_position) || POSITIONS[0]).label,
+           action: () => add(ids, '')},
+          {icon: '⤴', label: 'Als Nächstes', action: () => add(ids, 'after_current')},
+          {icon: '⇈', label: 'An den Anfang', action: () => add(ids, 'front')},
+          {icon: '⇊', label: 'Ans Ende', action: () => add(ids, 'back')},
+        ])},
+        {label: 'Gehört', run: ids => { N.podcastMarkPlayedAll(JSON.stringify(ids), true); stopSelecting(); }},
+        {label: 'Ausblenden', run: ids => { N.podcastDismiss(JSON.stringify(ids)); stopSelecting(); }},
+      ]));
+    } else {
+      const head = el('div', 'nui-pod-head');
+      head.append(el('div', 'nui-pod-summary', `${items.length} neue ${items.length === 1 ? 'Folge' : 'Folgen'}`),
+        listTools([button('☐', 'Mehrere auswählen', () => startSelecting())]));
+      root.append(head);
+    }
+    const list = el('div', 'nui-pod-list');
+    for (const e of items) {
+      const row = episodeRow(e, {showFeed: true, showDate: true});
+      if (!selected) {
+        row.append(
+          e.inQueue || inQueue(e.id)
+            ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
+            : button('+', 'Einreihen', () => enqueue(e)),
+          button('⋯', 'Mehr', () => episodeMenu(e)));
+      }
+      list.append(row);
+    }
+    root.append(list);
+  }
+
+  function renderFeeds() {
+    const items = feeds().slice().sort((a, b) => String(b.latest_episode_at || '').localeCompare(String(a.latest_episode_at || '')));
+    if (!items.length) {
+      empty('Noch keine Abos. Unter „Suche“ findest du Podcasts.');
+      return;
+    }
+    const list = el('div', 'nui-pod-list');
+    for (const f of items) {
+      const row = el('div', 'nui-pod-row');
+      row.append(art(f.artwork_url));
+      const main = el('div', 'nui-pod-main');
+      main.append(el('div', 'nui-pod-title', plain(f.title)));
+      const meta = [];
+      if (f.author) meta.push(f.author);
+      if (f.latest_episode_at) meta.push('neueste ' + day(f.latest_episode_at));
+      main.append(el('div', 'nui-pod-meta', meta.join(' · ')));
+      if (f.last_error) main.append(el('div', 'nui-pod-feederr', '⚠ lädt nicht: ' + f.last_error));
+      row.append(main);
+      if (f.new_episodes === 'ignore') row.append(el('span', 'nui-pod-badge', 'still'));
+      else if (f.auto_queue || f.new_episodes === 'queue') row.append(el('span', 'nui-pod-badge', 'auto'));
+      row.addEventListener('click', () => openFeed(f));
+      list.append(row);
+    }
+    root.append(list);
+  }
+
+  async function openFeed(f) {
+    feedView = {feed: f, episodes: null};
+    render();
+    scrollTop(0);
+    try {
+      const r = await fetch(`/podcasts/feeds/${f.id}/episodes/`);
+      if (!r.ok) throw new Error(r.status);
+      const data = await r.json();
+      if (feedView && feedView.feed.id === f.id) {
+        feedView = {feed: Object.assign({}, f, data.feed), episodes: data.episodes};
+        render();
+      }
+    } catch (e) {
+      if (feedView && feedView.feed.id === f.id) {
+        feedView.episodes = [];
+        feedView.error = true;
+        render();
+      }
+    }
+  }
+
+  function renderFeed() {
+    const f = feedView.feed;
+    const head = el('div', 'nui-pod-feedhead');
+    head.append(button('‹', 'Zurück zu den Abos', () => { feedView = null; render(); }), art(f.artwork_url, 'big'));
+    const info = el('div', 'nui-pod-main');
+    info.append(el('div', 'nui-pod-title', f.title));
+    if (f.author) info.append(el('div', 'nui-pod-meta', f.author));
+    head.append(info);
+    root.append(head);
+
+    const live = feeds().find(x => x.id === f.id) || f;
+    if (live.last_error) {
+      root.append(el('div', 'nui-pod-feederr nui-pod-feederr-box',
+        `⚠ Der Feed ließ sich zuletzt nicht laden (${live.last_error}${live.last_error_at ? ', ' + day(live.last_error_at) : ''}). ` +
+        'Der Server versucht es weiter, bei wiederholten Fehlern seltener.'));
+    }
+    if ('new_episodes' in live && N.podcastFeedSettings) {
+      root.append(newEpisodesRow(live));
+      if (N.podcastFeedPrefs) root.append(feedSettings(f));
+      root.append(unsubscribeBox(f));
+      return renderFeedEpisodes(f);
+    }
+    const auto = live.auto_queue;
+    const toggle = el('label', 'nui-pod-switch');
+    const box = el('input');
+    box.type = 'checkbox';
+    box.checked = !!auto;
+    box.addEventListener('change', () => N.podcastAutoQueue(f.id, box.checked));
+    const pos = (POSITIONS.find(p => p.value === settings().auto_queue_position) || POSITIONS[1]).label.toLowerCase();
+    toggle.append(box, el('span', null, 'Neue Folgen automatisch einreihen'), el('span', 'nui-pod-meta', pos));
+    root.append(toggle);
+    if (N.podcastFeedPrefs) root.append(feedSettings(f));
+    root.append(unsubscribeBox(f));
+    renderFeedEpisodes(f);
+  }
+
+  // Where this podcast's new episodes go, and which ones count at all.
+  function newEpisodesRow(live) {
+    const row = el('div', 'nui-pod-feedprefs');
+    const chip = (label, value, on, onClick) => {
+      const b = el('button', 'nui-pod-chip' + (on ? ' on' : ''));
+      b.type = 'button';
+      b.append(el('span', null, label), el('strong', null, value));
+      b.addEventListener('click', onClick);
+      return b;
+    };
+    const save = changes => { N.podcastFeedSettings(live.id, JSON.stringify(changes)); };
+    const where = {inbox: 'in „Neu“', queue: 'in die Warteschlange', ignore: 'nirgends'};
+    const pos = (POSITIONS.find(p => p.value === settings().auto_queue_position) || POSITIONS[1]).label.toLowerCase();
+    row.append(chip('Neue Folgen', where[live.new_episodes] || where.inbox, live.new_episodes !== 'inbox', () =>
+      openSheet(`Neue Folgen von „${plain(live.title)}“ …`, [
+        {icon: live.new_episodes === 'inbox' ? '●' : '○', label: 'In „Neu“', hint: 'du entscheidest selbst', action: () => save({new_episodes: 'inbox'})},
+        {icon: live.new_episodes === 'queue' ? '●' : '○', label: 'Gleich in die Warteschlange', hint: pos, action: () => save({new_episodes: 'queue'})},
+        {icon: live.new_episodes === 'ignore' ? '●' : '○', label: 'Nirgends anzeigen', hint: 'nur in der Folgenliste des Podcasts', action: () => save({new_episodes: 'ignore'})},
+      ])));
+    const words = [live.include_words && `nur „${live.include_words}“`, live.exclude_words && `ohne „${live.exclude_words}“`,
+      live.min_duration && `ab ${live.min_duration} min`].filter(Boolean).join(', ');
+    const ask = async (key, title, now) => {
+      const v = typeof customPrompt === 'function' ? await customPrompt(title, now || '') : null;
+      if (v != null) save({[key]: v.trim()});
+    };
+    row.append(chip('Filter', words || 'aus', !!words, () => openSheet('Welche neuen Folgen zählen?', [
+      {icon: '+', label: 'Nur mit diesen Wörtern im Titel', hint: live.include_words || 'alle',
+       action: () => ask('include_words', 'Nur Folgen, deren Titel eines dieser Wörter enthält (mit Komma getrennt):', live.include_words)},
+      {icon: '−', label: 'Ohne diese Wörter im Titel', hint: live.exclude_words || 'keine',
+       action: () => ask('exclude_words', 'Folgen mit einem dieser Wörter im Titel weglassen (mit Komma getrennt):', live.exclude_words)},
+      {icon: '⏱', label: 'Mindestlänge', hint: live.min_duration ? `${live.min_duration} Minuten` : 'keine',
+       action: () => openSheet('Kürzere Folgen weglassen', [0, 5, 10, 15, 20, 30, 45, 60].map(m => ({
+         icon: (live.min_duration || 0) === m ? '●' : '○', label: m ? `unter ${m} Minuten weglassen` : 'Keine Mindestlänge',
+         action: () => save({min_duration: m}),
+       })))},
+    ])));
+    return row;
+  }
+
+  function renderFeedEpisodes(f) {
+    if (feedView.episodes == null) { empty('Folgen werden geladen …'); return; }
+    if (feedView.error) { empty('Die Folgen lassen sich gerade nicht laden. Das braucht eine Verbindung.'); return; }
+    const list = el('div', 'nui-pod-list');
+    for (const o of feedView.episodes) {
+      // Feed episodes don't name their podcast; queue entries need it.
+      o.feed__id = f.id;
+      o.feed__title = f.title;
+      o.feed__artwork_url = f.artwork_url;
+      const e = ep(o);
+      const row = episodeRow(e, {showDate: true, noSelect: true});
+      row.append(
+        inQueue(e.id) ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
+          : button('+', 'Einreihen', () => { enqueue(e); o.in_queue = true; }),
+        button('⋯', 'Mehr', () => episodeMenu(e)));
+      list.append(row);
+    }
+    root.append(list);
+  }
+
+  function volumeLabel(v) {
+    if (!v || v === 1) return '';
+    return {0.2: 'viel leiser', 0.5: 'leiser', 1.5: '+5 dB', 2: '+10 dB', 2.5: '+15 dB'}[v] || '';
+  }
+
+  // This podcast's own playback: speed, intro and outro to skip.
+  function feedSettings(f) {
+    const live = feeds().find(x => x.id === f.id) || f;
+    const own = 'skip_intro' in live
+      ? {speed: live.playback_speed || 0, intro: live.skip_intro || 0, outro: live.skip_outro || 0, volume: live.volume || 1}
+      : (devicePrefs().feeds || {})[String(f.id)] || {};
+    const row = el('div', 'nui-pod-feedprefs');
+    const chip = (label, value, onClick) => {
+      const b = el('button', 'nui-pod-chip' + (value ? ' on' : ''));
+      b.type = 'button';
+      b.append(el('span', null, label), el('strong', null, value || 'aus'));
+      b.addEventListener('click', onClick);
+      return b;
+    };
+    const set = (key, v) => { N.podcastFeedPrefs(f.id, JSON.stringify({[key]: v})); setTimeout(render, 50); };
+    const seconds = (key, title) => openSheet(title, [0, 10, 15, 20, 30, 45, 60, 90, 120].map(v => ({
+      icon: (own[key] || 0) === v ? '●' : '○', label: v ? `${v} Sekunden` : 'Nichts überspringen', action: () => set(key, v),
+    })));
+    row.append(
+      chip('Tempo', own.speed ? speedLabel(own.speed) : '', () => openSheet(`Geschwindigkeit für „${plain(f.title)}“`,
+        SPEEDS.map(v => ({icon: own.speed === v ? '●' : '○', label: speedLabel(v), action: () => set('speed', v)}))
+          .concat([{icon: '↺', label: 'Wie alle anderen Podcasts', action: () => set('speed', 0)}]))),
+      chip('Intro', own.intro ? `${own.intro} s` : '', () => seconds('intro', 'Am Anfang jeder Folge überspringen')),
+      chip('Outro', own.outro ? `${own.outro} s` : '', () => seconds('outro', 'Am Ende jeder Folge überspringen')),
+      chip('Lautstärke', volumeLabel(own.volume), () => openSheet(`Lautstärke für „${plain(f.title)}“`,
+        [[0.2, 'Viel leiser'], [0.5, 'Leiser'], [1, 'Normal'], [1.5, 'Lauter (+5 dB)'], [2, 'Viel lauter (+10 dB)'], [2.5, 'Sehr viel lauter (+15 dB)']]
+          .map(([v, label]) => ({icon: (own.volume || 1) === v ? '●' : '○', label, action: () => set('volume', v)})))),
+    );
+    return row;
+  }
+
+  // Unsubscribing (server: POST /podcasts/feeds/<id>/remove/). Asked once more
+  // right here; then the server forgets the podcast with its episodes, and the
+  // app deletes their downloads (not those of favourites).
+  function unsubscribeBox(f) {
+    const box = el('div', 'nui-pod-unsub');
+    if (!feedView.confirmRemove) {
+      const b = el('button', 'nui-pod-unsub-btn', 'Abo beenden');
+      b.type = 'button';
+      b.addEventListener('click', () => {
+        if (!navigator.onLine) { toast('Abo beenden braucht eine Verbindung.'); return; }
+        feedView.confirmRemove = true;
+        render();
+      });
+      box.append(b);
+      return box;
+    }
+    box.classList.add('nui-pod-unsub-ask');
+    box.append(el('div', 'nui-pod-title', `„${plain(f.title)}“ nicht mehr abonnieren?`),
+      el('div', 'nui-pod-meta', 'Die Folgen verschwinden aus Warteschlange und Listen, mit Fortschritt und Favoriten, ' +
+        'auch auf dem Server.' + (DL ? ' Die Downloads dieses Podcasts werden gelöscht.' : '')));
+    const actions = el('div', 'nui-pod-unsub-actions');
+    const yes = el('button', 'btn nui-pod-unsub-yes', feedView.removing ? 'Wird beendet …' : 'Abo beenden');
+    yes.type = 'button';
+    yes.disabled = !!feedView.removing;
+    yes.addEventListener('click', () => unsubscribe(f));
+    const no = el('button', 'btn', 'Abbrechen');
+    no.type = 'button';
+    no.disabled = !!feedView.removing;
+    no.addEventListener('click', () => { feedView.confirmRemove = false; render(); });
+    actions.append(yes, no);
+    box.append(actions);
+    return box;
+  }
+
+  async function unsubscribe(f) {
+    if (!navigator.onLine) { toast('Abo beenden braucht eine Verbindung.'); return; }
+    feedView.removing = true;
+    render();
+    try {
+      const r = await fetch(`/podcasts/feeds/${f.id}/remove/`, {
+        method: 'POST', headers: {'Content-Type': 'application/json'}, body: '{}',
+      });
+      // 404: gone already (removed elsewhere) — the same result.
+      if (!r.ok && r.status !== 404) throw new Error(r.status);
+    } catch (e) {
+      if (feedView && feedView.feed.id === f.id) { feedView.removing = false; render(); }
+      toast(navigator.onLine ? 'Abo beenden hat nicht geklappt.' : 'Abo beenden braucht eine Verbindung.');
+      return;
+    }
+    // The episodes the page knows of it: downloads from before the app kept their podcast match by id.
+    const ids = ((feedView && feedView.feed.id === f.id && feedView.episodes) || []).map(o => o.id)
+      .concat(queue().filter(q => q.episode__feed__id === f.id).map(q => q.episode__id))
+      .concat(inbox().filter(o => o.feed__id === f.id).map(o => o.id));
+    state.feeds = feeds().filter(x => x.id !== f.id);
+    if (feedView && feedView.feed.id === f.id) feedView = null;
+    refreshing = true;
+    render();
+    toast(`„${plain(f.title)}“ abbestellt`);
+    // The app deletes the downloads and fetches the state again.
+    if (N.podcastFeedRemoved) N.podcastFeedRemoved(f.id, JSON.stringify(ids));
+    else N.podcastRefresh(false);
+  }
+
+  // ---- all episodes, filtered (server: GET /podcasts/episodes/) ----------------------
+
+  const FILTERS = [
+    {id: 'unplayed', label: 'Ungehört'},
+    {id: 'in_progress', label: 'Angefangen'},
+    {id: 'favorites', label: 'Favoriten'},
+    {id: 'history', label: 'Verlauf'},
+    {id: 'played', label: 'Gehört'},
+    {id: 'all', label: 'Alle'},
+  ];
+  let epFilter = 'unplayed';
+  try { epFilter = localStorage.getItem('nui_pod_filter') || 'unplayed'; } catch (e) {}
+  let epList = null;   // {filter, items, total, loading, error}
+
+  async function loadEpisodes(filter, append) {
+    const offset = append && epList && epList.filter === filter ? epList.items.length : 0;
+    if (!append) epList = {filter, items: [], total: 0, loading: true};
+    else epList.loading = true;
+    render();
+    try {
+      const r = await fetch(`/podcasts/episodes/?filter=${filter}&limit=100&offset=${offset}`);
+      if (!r.ok) throw new Error(r.status);
+      const d = await r.json();
+      if (!epList || epList.filter !== filter) return;
+      epList = {filter, items: (append ? epList.items : []).concat(d.episodes || []), total: d.total || 0};
+    } catch (e) {
+      if (!epList || epList.filter !== filter) return;
+      epList.loading = false;
+      epList.error = 'Die Folgenliste braucht eine Verbindung.';
+    }
+    render();
+  }
+
+  function renderEpisodes() {
+    const chips = el('div', 'nui-pod-filters');
+    for (const f of FILTERS) {
+      const b = el('button', 'nui-pod-chip' + (f.id === epFilter ? ' on' : ''), f.label);
+      b.type = 'button';
+      b.addEventListener('click', () => {
+        epFilter = f.id;
+        try { localStorage.setItem('nui_pod_filter', epFilter); } catch (e) {}
+        loadEpisodes(epFilter, false);
+      });
+      chips.append(b);
+    }
+    root.append(chips);
+    if (!epList || epList.filter !== epFilter) { loadEpisodes(epFilter, false); empty('Wird geladen …'); return; }
+    if (epList.error && !epList.items.length) { empty(epList.error); return; }
+    if (!epList.items.length) {
+      empty(epList.loading ? 'Wird geladen …' : {
+        unplayed: 'Keine ungehörten Folgen.',
+        in_progress: 'Keine angefangenen Folgen.',
+        favorites: 'Noch keine Favoriten. Im ⋯-Menü einer Folge markierst du sie mit ★.',
+        history: 'Noch nichts gehört.',
+        played: 'Noch keine gehörten Folgen.',
+        all: 'Keine Folgen.',
+      }[epFilter]);
+      return;
+    }
+    root.append(el('div', 'nui-pod-summary', `${epList.total} ${epList.total === 1 ? 'Folge' : 'Folgen'}`));
+    const list = el('div', 'nui-pod-list');
+    for (const o of epList.items) {
+      const e = ep(o);
+      const row = episodeRow(e, {showFeed: true, showDate: epFilter !== 'history', noSelect: true});
+      if (epFilter === 'history' && o.last_played_at) {
+        row.querySelector('.nui-pod-meta').textContent = 'gehört ' + day(o.last_played_at) + ' · ' + (e.feed || '');
+      }
+      if (o.favorite) row.querySelector('.nui-pod-title').prepend(el('span', 'nui-pod-star', '★ '));
+      row.append(
+        inQueue(e.id) ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
+          : button('+', 'Einreihen', () => enqueue(e)),
+        button('⋯', 'Mehr', () => episodeMenu(e)));
+      list.append(row);
+    }
+    root.append(list);
+    if (epList.items.length < epList.total) {
+      const more = el('button', 'btn nui-pod-more', epList.loading ? 'Wird geladen …' : 'Weitere laden');
+      more.type = 'button';
+      more.disabled = !!epList.loading;
+      more.addEventListener('click', () => loadEpisodes(epFilter, true));
+      root.append(more);
+    }
+  }
+
+  // ---- favourites -------------------------------------------------------------------------
+
+  function favoriteItem(e) {
+    const o = e.raw || {};
+    const known = typeof o.favorite === 'boolean';
+    return {icon: o.favorite ? '★' : '☆', label: known ? (o.favorite ? 'Kein Favorit mehr' : 'Als Favorit markieren') : 'Favorit an/aus',
+            action: () => toggleFavorite(e, star => { if (e.raw) e.raw.favorite = star; })};
+  }
+
+  async function toggleFavorite(e, done) {
+    const o = e.raw || {};
+    const body = typeof o.favorite === 'boolean' ? {favorite: !o.favorite} : {};
+    try {
+      const r = await fetch(`/podcasts/episodes/${e.id}/favorite/`, {
+        method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(body),
+      });
+      if (!r.ok) throw new Error(r.status);
+      const d = await r.json();
+      toast(d.favorite ? '★ Als Favorit markiert' : 'Kein Favorit mehr');
+      // Favourites keep their download (Downloads.kt).
+      if (N.podcastFavoriteChanged) N.podcastFavoriteChanged(e.id, !!d.favorite);
+      const cached = storedDetails(e.id);
+      if (cached) keepDetails(e.id, Object.assign({}, cached, {favorite: d.favorite}));
+      if (done) done(d.favorite);
+      if (view === 'episodes' && epList) {
+        const item = epList.items.find(x => x.id === e.id);
+        if (item) item.favorite = d.favorite;
+        render();
+      }
+    } catch (err) {
+      toast(navigator.onLine ? 'Favorit ließ sich nicht setzen' : 'Favoriten brauchen eine Verbindung');
+    }
+  }
+
+  // ---- listening statistics (server: GET /podcasts/stats/) -----------------------------
+
+  let statsSheet = null;
+
+  function closeStats() {
+    if (!statsSheet) return false;
+    statsSheet.remove();
+    statsSheet = null;
+    return true;
+  }
+
+  function hours(seconds) {
+    const h = Math.floor(seconds / 3600);
+    const m = Math.round((seconds % 3600) / 60);
+    return h ? `${h} h ${String(m).padStart(2, '0')} min` : `${m} min`;
+  }
+
+  function openStats() {
+    closeStats();
+    statsSheet = el('div');
+    statsSheet.id = 'nui-pod-player';
+    statsSheet.className = 'nui-pod-notes-sheet';
+    const panel = el('div', 'nui-pod-player-panel');
+    const top = el('div', 'nui-pod-player-top');
+    top.append(button('⌄', 'Schließen', closeStats));
+    const tabs = el('div', 'nui-pod-subtabs');
+    const body = el('div', 'nui-pod-stats');
+    panel.append(top, el('div', 'nui-pod-player-title', 'Hörstatistik'), tabs, body);
+    statsSheet.append(panel);
+    statsSheet.addEventListener('click', ev => { if (ev.target === statsSheet) closeStats(); });
+    document.body.append(statsSheet);
+    const ranges = [{days: 30, label: '30 Tage'}, {days: 365, label: 'Jahr'}, {days: 0, label: 'Gesamt'}];
+    const show = async range => {
+      tabs.querySelectorAll('button').forEach(b => b.classList.toggle('active', b.dataset.days === String(range.days)));
+      body.textContent = '';
+      body.append(el('div', 'nui-pod-meta', 'Wird geladen …'));
+      let d = null;
+      try {
+        const r = await fetch('/podcasts/stats/' + (range.days ? `?days=${range.days}` : ''));
+        if (!r.ok) throw new Error(r.status);
+        d = await r.json();
+      } catch (e) {
+        body.textContent = '';
+        body.append(el('div', 'nui-pod-meta', 'Die Statistik braucht eine Verbindung.'));
+        return;
+      }
+      body.textContent = '';
+      const big = el('div', 'nui-pod-stat-total');
+      big.append(el('strong', null, hours(d.total_seconds || 0)), el('span', null,
+        `${d.episodes_played || 0} Folgen gehört · ${d.episodes_started || 0} angefangen`));
+      body.append(big);
+      const feedsList = d.feeds || [];
+      if (!feedsList.length) { body.append(el('div', 'nui-pod-meta', 'In diesem Zeitraum nichts gehört.')); return; }
+      const max = Math.max(...feedsList.map(f => f.seconds || 0), 1);
+      for (const f of feedsList) {
+        const row = el('div', 'nui-pod-stat-row');
+        row.append(art(f.artwork_url));
+        const main = el('div', 'nui-pod-main');
+        main.append(el('div', 'nui-pod-title', plain(f.title)),
+          el('div', 'nui-pod-meta', `${hours(f.seconds || 0)} · ${f.episodes_played || 0} Folgen`));
+        const bar = el('div', 'nui-pod-progress nui-pod-stat-bar');
+        const fill = el('span');
+        fill.style.width = Math.max(2, Math.round((f.seconds || 0) / max * 100)) + '%';
+        bar.append(fill);
+        main.append(bar);
+        row.append(main);
+        body.append(row);
+      }
+    };
+    for (const r of ranges) {
+      const b = el('button', 'nui-pod-subtab', r.label);
+      b.type = 'button';
+      b.dataset.days = String(r.days);
+      b.addEventListener('click', () => show(r));
+      tabs.append(b);
+    }
+    show(ranges[0]);
+  }
+
+  // ---- OPML: take the subscriptions to another app, or bring them in -------------------
+
+  async function exportOpml() {
+    try {
+      const r = await fetch('/podcasts/feeds/export.opml');
+      if (!r.ok) throw new Error(r.status);
+      const blob = new Blob([await r.text()], {type: 'text/x-opml'});
+      const a = document.createElement('a');
+      a.href = URL.createObjectURL(blob);
+      a.download = 'diora-podcasts.opml';
+      a.click();   // the app offers to share or save it (native.js)
+      setTimeout(() => URL.revokeObjectURL(a.href), 60000);
+    } catch (e) {
+      toast(navigator.onLine ? 'Export hat nicht geklappt' : 'Der Export braucht eine Verbindung');
+    }
+  }
+
+  function importOpml() {
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.accept = '.opml,.xml,text/x-opml,text/xml,application/xml';
+    input.addEventListener('change', async () => {
+      const file = input.files && input.files[0];
+      if (!file) return;
+      const form = new FormData();
+      form.append('file', file);
+      toast('Abos werden importiert …');
+      try {
+        const r = await fetch('/podcasts/feeds/import/', {method: 'POST', body: form});
+        const d = await r.json();
+        if (!r.ok || !d.ok) throw new Error(d.error || r.status);
+        toast(`${d.added} neue Abos${d.skipped ? `, ${d.skipped} schon vorhanden` : ''}`);
+        refresh(true);
+      } catch (e) {
+        toast('Diese Datei ließ sich nicht importieren');
+      }
+    });
+    input.click();
+  }
+
+  function renderSearch() {
+    const form = el('form', 'nui-pod-search');
+    const input = el('input', 'search-input');
+    input.type = 'search';
+    input.id = 'nui-pod-q';
+    input.placeholder = 'Podcast suchen oder Feed-Adresse einfügen …';
+    input.setAttribute('enterkeyhint', 'search');
+    input.value = searchResults ? searchResults.q : '';
+    const go = el('button', 'btn', 'Suchen');
+    go.type = 'submit';
+    form.append(input, go);
+    form.addEventListener('submit', ev => {
+      ev.preventDefault();
+      search(input.value.trim());
+    });
+    root.append(form);
+    if (!searchResults) {
+      empty('Sucht im Podcast-Verzeichnis von Apple. Eine Feed-Adresse (https://…) abonnierst du direkt.');
+      return;
+    }
+    if (searchResults.loading) { empty('Suche läuft …'); return; }
+    if (searchResults.error) { empty(searchResults.error); return; }
+    if (!searchResults.items.length) { empty('Nichts gefunden.'); return; }
+    const subscribed = new Set(feeds().map(f => f.rss_url));
+    const list = el('div', 'nui-pod-list');
+    for (const r of searchResults.items) {
+      const row = el('div', 'nui-pod-row');
+      row.append(art(r.artwork_url));
+      const main = el('div', 'nui-pod-main');
+      main.append(el('div', 'nui-pod-title', r.title), el('div', 'nui-pod-meta', [r.author, r.genre].filter(Boolean).join(' · ')));
+      row.append(main);
+      if (!r.rss_url) row.append(el('span', 'nui-pod-meta', 'kein Feed'));
+      else if (subscribed.has(r.rss_url)) row.append(el('span', 'nui-pod-badge', 'abonniert'));
+      else row.append(button('+', 'Abonnieren', () => subscribe(r.rss_url, r.title)));
+      list.append(row);
+    }
+    root.append(list);
+  }
+
+  async function search(q) {
+    if (!q) return;
+    if (/^https?:\/\//i.test(q)) { subscribe(q, q); return; }
+    searchResults = {q, loading: true};
+    render();
+    try {
+      const r = await fetch('/podcasts/search/?q=' + encodeURIComponent(q));
+      const data = await r.json();
+      searchResults = {q, items: data.results || [], error: data.error ? 'Die Suche ist gerade nicht erreichbar.' : null};
+    } catch (e) {
+      searchResults = {q, items: [], error: 'Die Suche braucht eine Verbindung.'};
+    }
+    render();
+  }
+
+  async function subscribe(rssUrl, title) {
+    toast('Wird abonniert …');
+    try {
+      const r = await fetch('/podcasts/feeds/add/', {
+        method: 'POST',
+        headers: {'Content-Type': 'application/json'},
+        body: JSON.stringify({rss_url: rssUrl, title}),
+      });
+      const data = await r.json();
+      if (!r.ok || !data.ok) throw new Error(data.error || r.status);
+      toast(`„${data.title || title}“ abonniert`);
+      refresh(false);
+    } catch (e) {
+      toast(navigator.onLine ? 'Dieser Feed lässt sich nicht abonnieren.' : 'Abonnieren braucht eine Verbindung.');
+    }
+  }
+
+  // ---- drag to reorder (touch) -----------------------------------------------------------
+
+  function dragSort(handle, row, list) {
+    handle.addEventListener('pointerdown', ev => {
+      ev.preventDefault();
+      ev.stopPropagation();
+      handle.setPointerCapture(ev.pointerId);
+      const rows = [...list.children];
+      const from = rows.indexOf(row);
+      const rects = rows.map(r => r.getBoundingClientRect());
+      const startY = ev.clientY;
+      let to = from;
+      row.classList.add('nui-pod-dragging');
+      const move = e => {
+        const dy = e.clientY - startY;
+        row.style.transform = `translateY(${dy}px)`;
+        const mid = rects[from].top + rects[from].height / 2 + dy;
+        to = rects.findIndex(r => mid < r.top + r.height / 2);
+        if (to < 0) to = rects.length - 1;
+        rows.forEach((r, i) => {
+          if (r === row) return;
+          let shift = 0;
+          if (from < to && i > from && i <= to) shift = -rects[from].height;
+          if (from > to && i >= to && i < from) shift = rects[from].height;
+          r.style.transform = shift ? `translateY(${shift}px)` : '';
+        });
+      };
+      const end = () => {
+        handle.removeEventListener('pointermove', move);
+        handle.removeEventListener('pointerup', end);
+        handle.removeEventListener('pointercancel', end);
+        rows.forEach(r => { r.style.transform = ''; });
+        row.classList.remove('nui-pod-dragging');
+        if (to !== from) {
+          // Show the new order at once; the app's state follows right after.
+          list.insertBefore(row, to > from ? rows[to].nextSibling : rows[to]);
+          N.podcastMove(parseInt(row.dataset.id, 10), to);
+        }
+      };
+      handle.addEventListener('pointermove', move);
+      handle.addEventListener('pointerup', end);
+      handle.addEventListener('pointercancel', end);
+    });
+  }
+
+  // ---- mini player and full player -----------------------------------------------------------
+
+  let mini = null;
+
+  function buildMini() {
+    const dock = $id('nui-dock');
+    if (!dock || $id('nui-pod-mini')) return;
+    mini = el('div');
+    mini.id = 'nui-pod-mini';
+    mini.hidden = true;
+    mini.innerHTML = '<div class="nui-pod-mini-bar"><span></span></div>';
+    const text = el('button', 'nui-mini-text');
+    text.type = 'button';
+    text.append(el('span', 'nui-mini-station'), el('span', 'nui-mini-track'));
+    text.addEventListener('click', openPlayer);
+    mini.append(art('', 'mini'), text,
+      button('↺', '15 s zurück', () => N.podcastSkip(false), 'nui-pod-skip'),
+      button('▶', 'Abspielen', () => N.podcastToggle(), 'nui-mini-toggle'));
+    dock.prepend(mini);
+
+    // A "Podcasts" button in the bottom bar, between books and radio.
+    const tabbar = $id('nui-tabbar');
+    if (tabbar && !tabbar.querySelector('[data-tab="podcasts"]')) {
+      const b = el('button');
+      b.type = 'button';
+      b.dataset.tab = 'podcasts';
+      b.append(el('span', 'nui-tab-icon', '◎'), document.createTextNode('Podcasts'));
+      b.addEventListener('click', () => { showTab('podcasts'); scrollTop(0); });
+      tabbar.insertBefore(b, tabbar.querySelector('[data-tab="radio"]'));
+    }
+  }
+
+  function renderMini() {
+    const isPod = player.kind === 'podcast';
+    document.documentElement.classList.toggle('nui-pod-playing', isPod);
+    if (!mini) return;
+    mini.hidden = !isPod;
+    document.documentElement.classList.toggle('nui-pod-mini-open', isPod);
+    if (!isPod) return;
+    mini.querySelector('.nui-mini-station').textContent = player.title || '';
+    // The back button names the set skip length (checked now and then, it rarely changes).
+    if (!mini.skipChecked || Date.now() - mini.skipChecked > 5000) {
+      mini.skipChecked = Date.now();
+      const sk = mini.querySelector('.nui-pod-skip');
+      sk.title = `${devicePrefs().skip_back || 15} s zurück`;
+      sk.setAttribute('aria-label', sk.title);
+    }
+    mini.querySelector('.nui-mini-track').textContent = player.buffering && player.playing ? 'Lädt …'
+      : (player.feed || '') + (player.dur ? ' · ' + clock((player.dur - player.pos) / 1000) + ' übrig' : '');
+    const t = mini.querySelector('.nui-mini-toggle');
+    t.textContent = player.playing ? '❚❚' : '▶';
+    t.title = player.playing ? 'Pause' : 'Abspielen';
+    const a = mini.querySelector('.nui-pod-art img');
+    const box = mini.querySelector('.nui-pod-art');
+    const src = (player.artwork || '').replace(/^http:/, 'https:');
+    if (!a && src) { const img = el('img'); img.alt = ''; img.src = src; box.append(img); }
+    else if (a && a.getAttribute('src') !== src) { if (src) a.src = src; else a.remove(); }
+    mini.querySelector('.nui-pod-mini-bar span').style.width = player.dur ? Math.min(100, player.pos / player.dur * 100) + '%' : '0';
+  }
+
+  let sheet = null;
+  let sheetEpisode = 0;
+  let seeking = false;
+
+  // ---- chapters and shownotes (server: /podcasts/episodes/<id>/) ------------------------
+  // Fetched per episode when wanted and kept for offline use (the last 40).
+
+  const details = new Map();
+
+  function storedDetails(id) {
+    if (details.has(id)) return details.get(id);
+    try {
+      const d = JSON.parse(localStorage.getItem('nui_pod_ep_' + id) || 'null');
+      if (d) details.set(id, d);
+      return d;
+    } catch (e) {
+      return null;
+    }
+  }
+
+  function keepDetails(id, d) {
+    details.set(id, d);
+    try {
+      const ids = JSON.parse(localStorage.getItem('nui_pod_ep_ids') || '[]').filter(x => x !== id);
+      ids.push(id);
+      while (ids.length > 40) localStorage.removeItem('nui_pod_ep_' + ids.shift());
+      localStorage.setItem('nui_pod_ep_' + id, JSON.stringify(d));
+      localStorage.setItem('nui_pod_ep_ids', JSON.stringify(ids));
+    } catch (e) {}
+  }
+
+  async function loadDetails(id) {
+    try {
+      const r = await fetch(`/podcasts/episodes/${id}/`);
+      if (!r.ok) throw new Error(r.status);
+      const d = await r.json();
+      keepDetails(id, d);
+      return d;
+    } catch (e) {
+      return storedDetails(id);
+    }
+  }
+
+  // Timestamps in shownotes ("12:34", "1:02:03") become links that jump there.
+  const STAMP = /\b(?:(\d{1,2}):)?(\d{1,2}):(\d{2})\b/g;
+
+  function linkStamps(root) {
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+    const nodes = [];
+    while (walker.nextNode()) {
+      const n = walker.currentNode;
+      if (!n.parentElement.closest('a') && STAMP.test(n.nodeValue)) nodes.push(n);
+      STAMP.lastIndex = 0;
+    }
+    for (const n of nodes) {
+      const frag = document.createDocumentFragment();
+      let last = 0;
+      n.nodeValue.replace(STAMP, (m, h, mi, se, at) => {
+        const secs = (parseInt(h || '0', 10) * 3600) + parseInt(mi, 10) * 60 + parseInt(se, 10);
+        if (parseInt(se, 10) > 59) return m;
+        frag.append(document.createTextNode(n.nodeValue.slice(last, at)));
+        const a = el('a', 'nui-pod-stamp', m);
+        a.href = '#';
+        a.dataset.t = String(secs);
+        frag.append(a);
+        last = at + m.length;
+        return m;
+      });
+      frag.append(document.createTextNode(n.nodeValue.slice(last)));
+      n.replaceWith(frag);
+    }
+  }
+
+  // Chapters and shownotes into a box; with `live`, taps jump in the playing episode.
+  async function showDetails(box, id, live) {
+    box.textContent = '';
+    box.dataset.episode = String(id);
+    let d = storedDetails(id);
+    if (!d) box.append(el('div', 'nui-pod-meta', 'Shownotes werden geladen …'));
+    const fresh = await loadDetails(id);
+    if (box.dataset.episode !== String(id)) return;
+    d = fresh || d;
+    box.textContent = '';
+    if (!d) {
+      box.append(el('div', 'nui-pod-meta', 'Shownotes brauchen beim ersten Mal eine Verbindung.'));
+      return;
+    }
+    if (live && sheet) {
+      const fav = sheet.querySelector('.nui-pod-fav');
+      if (fav) { fav.textContent = d.favorite ? '★' : '☆'; fav.classList.toggle('on', !!d.favorite); }
+    }
+    const chapters = d.chapters || [];
+    if (live && chapters.length > 1) {
+      // Previous / next chapter, like AntennaPod's chapter buttons.
+      const nav = el('div', 'nui-pod-chapnav');
+      const jump = dir => {
+        const t = (player.pos || 0) / 1000;
+        let i = chapters.length - 1;
+        while (i > 0 && chapters[i].start > t + 0.5) i--;
+        // "Back" within the first seconds of a chapter goes to the one before.
+        const target = dir > 0 ? i + 1 : (t - chapters[i].start < 3 ? i - 1 : i);
+        if (target < 0 || target >= chapters.length) return;
+        N.podcastSeek(Math.round(chapters[target].start * 1000));
+      };
+      nav.append(button('⏮', 'Voriges Kapitel', () => jump(-1)), el('span', 'nui-pod-chapnow'), button('⏭', 'Nächstes Kapitel', () => jump(1)));
+      box.append(nav);
+    }
+    const tabs = el('div', 'nui-pod-subtabs');
+    const body = el('div', 'nui-pod-notesbody');
+    const show = which => {
+      tabs.querySelectorAll('button').forEach(b => b.classList.toggle('active', b.dataset.which === which));
+      body.textContent = '';
+      if (which === 'chapters') {
+        const ol = el('ol', 'nui-pod-chapters');
+        chapters.forEach((c, i) => {
+          const li = el('li', 'nui-pod-chapter');
+          li.dataset.start = String(c.start || 0);
+          li.dataset.index = String(i);
+          li.append(el('span', 'nui-pod-chapter-t', clock(c.start || 0)), el('span', 'nui-pod-chapter-title', plain(c.title || `Kapitel ${i + 1}`)));
+          if (live) li.addEventListener('click', () => N.podcastSeek(Math.round((c.start || 0) * 1000)));
+          ol.append(li);
+        });
+        body.append(ol);
+        markChapter(box, (player.pos || 0) / 1000);
+      } else if (which === 'transcript') {
+        showTranscript(body, id, live);
+      } else {
+        const notes = el('div', 'nui-pod-notes');
+        notes.innerHTML = d.description || '<p>Keine Shownotes.</p>';
+        notes.querySelectorAll('a[href]').forEach(a => a.setAttribute('target', '_blank'));
+        if (live) {
+          linkStamps(notes);
+          notes.addEventListener('click', ev => {
+            const a = ev.target.closest('a.nui-pod-stamp');
+            if (!a) return;
+            ev.preventDefault();
+            N.podcastSeek(parseInt(a.dataset.t, 10) * 1000);
+          });
+        }
+        body.append(notes);
+      }
+    };
+    const tab = (which, label) => {
+      const b = el('button', 'nui-pod-subtab', label);
+      b.type = 'button';
+      b.dataset.which = which;
+      b.addEventListener('click', () => show(which));
+      tabs.append(b);
+    };
+    if (chapters.length) tab('chapters', `Kapitel (${chapters.length})`);
+    tab('notes', 'Shownotes');
+    if (d.has_transcript) tab('transcript', 'Transkript');
+    box.append(tabs, body);
+    show(chapters.length ? 'chapters' : 'notes');
+  }
+
+  function markChapter(scope, seconds) {
+    const items = scope.querySelectorAll('.nui-pod-chapter');
+    let current = -1;
+    items.forEach((li, i) => { if (parseFloat(li.dataset.start) <= seconds + 0.5) current = i; });
+    items.forEach((li, i) => li.classList.toggle('current', i === current));
+    const now = scope.querySelector('.nui-pod-chapnow');
+    if (now) {
+      const d = storedDetails(parseInt((scope.querySelector('.nui-pod-notesbox') || scope).dataset.episode, 10));
+      const ch = d && d.chapters ? d.chapters.filter(c => c.start <= seconds + 0.5).pop() : null;
+      now.textContent = ch ? plain(ch.title || '') : '';
+    }
+    markTranscript(scope, seconds);
+  }
+
+  // ---- transcript: follows the playback, a tap jumps there --------------------------------
+
+  const transcripts = new Map();
+  let transcriptTouched = 0;   // the user scrolled the transcript: don't pull it along for a while
+
+  async function showTranscript(body, id, live) {
+    body.append(el('div', 'nui-pod-meta', 'Transkript wird geladen …'));
+    let t = transcripts.get(id);
+    if (!t) {
+      try {
+        const r = await fetch(`/podcasts/episodes/${id}/transcript/`);
+        if (!r.ok) throw new Error(r.status);
+        t = await r.json();
+        transcripts.set(id, t);
+      } catch (e) {
+        body.textContent = '';
+        body.append(el('div', 'nui-pod-meta', navigator.onLine ? 'Für diese Folge gibt es kein lesbares Transkript.' : 'Das Transkript braucht eine Verbindung.'));
+        return;
+      }
+    }
+    body.textContent = '';
+    const list = el('div', 'nui-pod-transcript');
+    for (const seg of t.segments || []) {
+      const p = el('p', 'nui-pod-seg');
+      p.dataset.start = String(seg.start || 0);
+      if (seg.speaker) p.append(el('strong', 'nui-pod-speaker', seg.speaker + ': '));
+      p.append(document.createTextNode(seg.text || ''));
+      if (live) p.addEventListener('click', () => N.podcastSeek(Math.round((seg.start || 0) * 1000)));
+      list.append(p);
+    }
+    list.addEventListener('touchstart', () => { transcriptTouched = Date.now(); }, {passive: true});
+    body.append(list);
+    markTranscript(body, (player.pos || 0) / 1000);
+  }
+
+  function markTranscript(scope, seconds) {
+    const segs = scope.querySelectorAll('.nui-pod-seg');
+    if (!segs.length) return;
+    let current = null;
+    segs.forEach(p => { if (parseFloat(p.dataset.start) <= seconds + 0.3) current = p; });
+    segs.forEach(p => p.classList.toggle('current', p === current));
+    if (current && current.dataset.shown !== '1' && Date.now() - transcriptTouched > 8000) {
+      segs.forEach(p => { p.dataset.shown = ''; });
+      current.dataset.shown = '1';
+      current.scrollIntoView({block: 'center', behavior: 'smooth'});
+    }
+  }
+
+  // Shownotes of an episode that isn't playing: its own sheet.
+  let notesSheet = null;
+
+  function openNotes(e) {
+    closeNotes();
+    notesSheet = el('div');
+    notesSheet.id = 'nui-pod-player';
+    notesSheet.className = 'nui-pod-notes-sheet';
+    const panel = el('div', 'nui-pod-player-panel');
+    const top = el('div', 'nui-pod-player-top');
+    top.append(button('⌄', 'Schließen', closeNotes));
+    panel.append(top, el('div', 'nui-pod-player-title', e.title), el('div', 'nui-pod-player-feed', e.feed || ''));
+    const play1 = el('button', 'btn nui-pod-notes-play', '▶ Abspielen');
+    play1.type = 'button';
+    play1.addEventListener('click', () => { closeNotes(); play(e); });
+    panel.append(play1);
+    const box = el('div', 'nui-pod-notesbox');
+    panel.append(box);
+    notesSheet.append(panel);
+    notesSheet.addEventListener('click', ev => { if (ev.target === notesSheet) closeNotes(); });
+    document.body.append(notesSheet);
+    showDetails(box, e.id, false);
+  }
+
+  function closeNotes() {
+    if (!notesSheet) return false;
+    notesSheet.remove();
+    notesSheet = null;
+    return true;
+  }
+
+  function openPlayer() {
+    if (player.kind !== 'podcast') return;
+    closePlayer();
+    sheet = el('div');
+    sheet.id = 'nui-pod-player';
+    sheet.innerHTML = '<div class="nui-pod-player-panel" role="dialog" aria-label="Player"></div>';
+    const panel = sheet.firstChild;
+    const top = el('div', 'nui-pod-player-top');
+    top.append(button('⌄', 'Player schließen', closePlayer));
+    panel.append(top, art(player.artwork, 'player'));
+    panel.append(el('div', 'nui-pod-player-title'), el('div', 'nui-pod-player-feed'));
+    const range = el('input', 'nui-pod-seek');
+    range.type = 'range';
+    range.min = 0;
+    range.step = 1;
+    range.id = 'nui-pod-seek';
+    range.addEventListener('input', () => {
+      seeking = true;
+      sheet.querySelector('.nui-pod-time-pos').textContent = clock(range.value);
+    });
+    range.addEventListener('change', () => {
+      N.podcastSeek(range.value * 1000);
+      seeking = false;
+    });
+    const times = el('div', 'nui-pod-times');
+    times.append(el('span', 'nui-pod-time-pos'), el('span', 'nui-pod-time-left'));
+    panel.append(range, times);
+    const prefs = devicePrefs();
+    const back = prefs.skip_back || 15;
+    const fwd = prefs.skip_forward || 30;
+    const controls = el('div', 'nui-pod-controls');
+    controls.append(
+      button(String(back), `${back} Sekunden zurück`, () => N.podcastSkip(false), 'nui-pod-back'),
+      button('▶', 'Abspielen', () => N.podcastToggle(), 'nui-pod-play'),
+      button(String(fwd), `${fwd} Sekunden vor`, () => N.podcastSkip(true), 'nui-pod-fwd'),
+    );
+    panel.append(controls);
+    const extra = el('div', 'nui-pod-extra');
+    extra.append(
+      button('1×', 'Geschwindigkeit', speedMenu, 'nui-pod-speed'),
+      button('☾', 'Sleep-Timer', sleepMenu, 'nui-pod-sleep'),
+      button('☆', 'Favorit', () => toggleFavorite({id: player.episodeId}, star => {
+        const b = sheet && sheet.querySelector('.nui-pod-fav');
+        if (b) { b.textContent = star ? '★' : '☆'; b.classList.toggle('on', star); }
+      }), 'nui-pod-fav'),
+      button('⏭', 'Folge abschließen, nächste spielen', finishAndNext, 'nui-pod-next'),
+      button('≡', 'Warteschlange', () => { closePlayer(); view = 'queue'; feedView = null; showTab('podcasts'); render(); }),
+    );
+    panel.append(extra);
+    const notes = el('div', 'nui-pod-notesbox');
+    panel.append(notes);
+    sheet.addEventListener('click', e => { if (e.target === sheet) closePlayer(); });
+    document.body.append(sheet);
+    sheetEpisode = player.episodeId;
+    showDetails(notes, player.episodeId, true);
+    renderPlayer();
+  }
+
+  function closePlayer() {
+    if (!sheet) return false;
+    sheet.remove();
+    sheet = null;
+    return true;
+  }
+
+  function renderPlayer() {
+    if (!sheet) return;
+    if (player.kind !== 'podcast') { closePlayer(); return; }
+    if (sheetEpisode !== player.episodeId) {
+      // The next episode started while the player was open.
+      sheetEpisode = player.episodeId;
+      showDetails(sheet.querySelector('.nui-pod-notesbox'), player.episodeId, true);
+    }
+    markChapter(sheet, (player.pos || 0) / 1000);
+    sheet.querySelector('.nui-pod-player-title').textContent = player.title || '';
+    sheet.querySelector('.nui-pod-player-feed').textContent = player.feed || '';
+    const range = sheet.querySelector('.nui-pod-seek');
+    const dur = Math.round((player.dur || 0) / 1000);
+    const pos = Math.round((player.pos || 0) / 1000);
+    range.max = dur || 1;
+    if (!seeking) {
+      range.value = pos;
+      sheet.querySelector('.nui-pod-time-pos').textContent = clock(pos);
+    }
+    sheet.querySelector('.nui-pod-time-left').textContent = dur ? '−' + clock(dur - pos) : '';
+    const p = sheet.querySelector('.nui-pod-play');
+    p.textContent = player.playing ? '❚❚' : '▶';
+    p.title = player.playing ? 'Pause' : 'Abspielen';
+    const sp = sheet.querySelector('.nui-pod-speed');
+    sp.textContent = speedLabel(player.speed || 1) + (player.podcastSpeed ? '•' : '');
+    sp.title = player.podcastSpeed ? 'Geschwindigkeit (eigene für diesen Podcast)' : 'Geschwindigkeit';
+    const sl = sheet.querySelector('.nui-pod-sleep');
+    sl.textContent = sleepLabel() || '☾';
+    sl.classList.toggle('on', !!sleepLabel());
+    const img = sheet.querySelector('.nui-pod-art-player img');
+    const src = (player.artwork || '').replace(/^http:/, 'https:');
+    if (img && src && img.getAttribute('src') !== src) img.src = src;
+  }
+
+  function speedLabel(s) {
+    return String(Math.round(s * 100) / 100).replace('.', ',') + '×';
+  }
+
+  // Speed: for all podcasts, or (AntennaPod-like) remembered for this podcast.
+  function speedMenu() {
+    const own = !!player.podcastSpeed;
+    const pick = forPodcast => openSheet(forPodcast ? `Geschwindigkeit für „${plain(player.feed)}“` : 'Geschwindigkeit für alle Podcasts',
+      SPEEDS.map(s => ({
+        icon: Math.abs((player.speed || 1) - s) < 0.01 && own === forPodcast ? '●' : '○',
+        label: speedLabel(s),
+        action: () => (forPodcast ? N.podcastSpeedForPodcast(s) : N.podcastSpeed(s)),
+      })).concat(forPodcast && own ? [{icon: '↺', label: 'Wie alle anderen Podcasts', action: () => N.podcastSpeedForPodcast(0)}] : []));
+    if (!N.podcastSpeedForPodcast || !player.feedId) { pick(false); return; }
+    openSheet('Geschwindigkeit', [
+      {icon: '◎', label: 'Für alle Podcasts', hint: own ? null : speedLabel(player.speed || 1), action: () => pick(false)},
+      {icon: '◉', label: `Nur für „${plain(player.feed)}“`, hint: own ? speedLabel(player.speed || 1) : 'noch keine eigene',
+       action: () => pick(true)},
+    ]);
+  }
+
+  // ---- sleep timer (runs in the app, also with the screen off) ----
+
+  function sleepLabel() {
+    const t = player.sleep || {};
+    if (t.episodes > 0) return t.episodes === 1 ? '☾ Folgenende' : `☾ ${t.episodes} Folgen`;
+    if (t.leftMs > 0) return `☾ ${Math.max(1, Math.ceil(t.leftMs / 60000))} min`;
+    return '';
+  }
+
+  // Minutes count only while playing; shaking the phone starts them over.
+  function sleepMenu() {
+    if (!N.podcastSleep) return;
+    const t = player.sleep || {};
+    const on = !!sleepLabel();
+    const items = [];
+    if (on) {
+      items.push({icon: '✕', label: 'Ausschalten', hint: sleepLabel().replace('☾ ', 'läuft: '), action: () => N.podcastSleep(0)});
+      if (t.leftMs > 0 && N.podcastSleepExtend) {
+        items.push({icon: '+', label: '5 Minuten länger', action: () => N.podcastSleepExtend(5)});
+        items.push({icon: '+', label: '10 Minuten länger', action: () => N.podcastSleepExtend(10)});
+      }
+    }
+    for (const m of [5, 10, 15, 30, 45, 60, 90]) {
+      items.push({icon: '☾', label: `${m} Minuten`, hint: m === t.last && !on ? 'zuletzt' : null, action: () => N.podcastSleep(m)});
+    }
+    items.push({icon: '⏹', label: 'Am Ende der Folge', action: () => N.podcastSleep(-1)});
+    items.push({icon: '⏹', label: 'Nach 2 Folgen', action: () => N.podcastSleep(-2)});
+    items.push({icon: '⏹', label: 'Nach 3 Folgen', action: () => N.podcastSleep(-3)});
+    if (N.podcastSleepAuto) {
+      items.push({icon: t.auto ? '☑' : '☐', label: 'Nachts von selbst (22–6 Uhr)',
+                  hint: t.auto ? `an: ${t.last || 15} Minuten, wenn eine Folge startet` : 'aus',
+                  action: () => { N.podcastSleepAuto(!t.auto); t.auto = !t.auto; }});
+    }
+    openSheet('Sleep-Timer', items);
+  }
+
+  function finishAndNext() {
+    const id = currentId();
+    if (!id) return;
+    N.podcastNext();
+    N.podcastMarkPlayed(id, true);
+  }
+
+  // ---- downloads (Downloads.kt) ------------------------------------------------------------
+  // Episodes kept on the phone to play without a connection. Each episode row
+  // gets a mark (↓ fetch it, a ring while it loads, ✓ when it's here), the ⋯
+  // menus and the settings sheet get their entries. The app downloads the
+  // first episodes of the queue by itself and tells us via __dioraDownloads.
+
+  const DL = !!N.podcastDownloads;
+  let downloads = DL ? parse(N.podcastDownloads(), {}) : {};
+  let dlSettings = DL ? parse(N.podcastDownloadSettings(), {}) : {};
+  const DL_COUNTS = [1, 2, 3, 5, 10];
+  // The limit and the clean-up the AntennaPod way (Downloads.kt, DownloadPlan.toClean).
+  const DL_LIMITS = [5, 10, 25, 50, 100, 500, 0];
+  const DL_CLEANUPS = [
+    {value: 'queue', label: 'Wenn nicht mehr in der Warteschlange',
+     hint: 'automatische Downloads, sobald ihre Folge dort fehlt; beim Limit auch gehörte'},
+    {value: 'never', label: 'Nie', hint: 'beim Limit lädt die App nichts mehr von selbst'},
+  ];
+  const dlLimitLabel = n => (n ? n + ' Folgen' : 'Unbegrenzt');
+
+  function size(bytes) {
+    if (bytes >= 1073741824) return (bytes / 1073741824).toFixed(1).replace('.', ',') + ' GB';
+    return Math.max(1, Math.round((bytes || 0) / 1048576)) + ' MB';
+  }
+
+  function dlStart(e) {
+    N.podcastDownload(JSON.stringify(e.raw));
+    window.__dioraDownloads(Object.assign({}, downloads, {[e.id]: {state: 'queued', progress: 0, bytes: 0, total: 0}}));
+    toast('Wird heruntergeladen');
+  }
+
+  function dlDelete(e, running) {
+    N.podcastDeleteDownload(e.id);
+    toast(running ? 'Download abgebrochen' : 'Download gelöscht');
+  }
+
+  function dlAppend(row, e) {
+    if (!DL || !(e.raw.episode__audio_url || e.raw.audio_url)) return;
+    const d = downloads[e.id];
+    const state = d ? d.state : null;
+    let b;
+    if (state === 'done') {
+      b = button('✓', 'Heruntergeladen', () => openSheet(e.title, dlMenuItems(e)), 'nui-pod-dl nui-pod-dl-done');
+    } else if (state === 'queued' || state === 'downloading') {
+      b = button('', state === 'queued' ? 'Wartet auf den Download' : 'Wird heruntergeladen',
+        () => openSheet(e.title, dlMenuItems(e)), 'nui-pod-dl nui-pod-dl-ring');
+      b.append(el('span'));
+    } else {
+      b = button('↓', state === 'failed' ? 'Download hat nicht geklappt — nochmal' : 'Herunterladen', () => dlStart(e),
+        'nui-pod-dl' + (state === 'failed' ? ' nui-pod-dl-failed' : ''));
+    }
+    b.dataset.dl = e.id;
+    dlRing(b);
+    row.append(b);
+  }
+
+  function dlRing(b) {
+    const d = downloads[b.dataset.dl];
+    if (!d || (d.state !== 'queued' && d.state !== 'downloading')) return;
+    b.style.setProperty('--p', (d.progress || 0) + '%');
+    b.firstChild.textContent = d.state === 'queued' ? '…' : d.progress + '';
+  }
+
+  function dlMenuItems(e) {
+    if (!DL || !(e.raw.episode__audio_url || e.raw.audio_url)) return [];
+    const d = downloads[e.id];
+    if (!d || d.state === 'failed') {
+      return [{icon: '↓', label: 'Herunterladen', hint: d ? 'hat eben nicht geklappt (' + (d.error || '?') + ')' : 'zum Hören ohne Verbindung',
+        action: () => dlStart(e)}];
+    }
+    if (d.state === 'done') return [{icon: '✕', label: 'Download löschen', hint: size(d.bytes), action: () => dlDelete(e)}];
+    return [{icon: '✕', label: 'Download abbrechen', hint: d.state === 'queued' ? 'wartet noch' : d.progress + ' %',
+      action: () => dlDelete(e, true)}];
+  }
+
+  function dlSet(changes) {
+    Object.assign(dlSettings, changes);
+    N.podcastSetDownloadSettings(JSON.stringify(changes));
+    settingsMenu();
+  }
+
+  function dlSettingsItems() {
+    if (!DL) return [];
+    const s = dlSettings = parse(N.podcastDownloadSettings(), dlSettings);
+    const done = Object.values(downloads).filter(d => d.state === 'done');
+    const bytes = done.reduce((n, d) => n + (d.bytes || 0), 0);
+    return [
+      {icon: s.auto ? '☑' : '☐', label: 'Automatisch herunterladen',
+       hint: s.auto ? `die ersten ${s.count} Folgen der Warteschlange` : 'aus', action: () => dlSet({auto: !s.auto})},
+      s.auto && {icon: '#', label: 'Wie viele Folgen', hint: String(s.count), action: () => openSheet('Automatisch herunterladen',
+        DL_COUNTS.map(n => ({icon: s.count === n ? '●' : '○', label: n === 1 ? '1 Folge' : n + ' Folgen', active: s.count === n,
+          action: () => dlSet({count: n})})))},
+      s.auto && {icon: s.mobile ? '☑' : '☐', label: 'Auch über mobile Daten', hint: s.mobile ? 'nicht nur im WLAN' : 'sonst nur im WLAN',
+       action: () => dlSet({mobile: !s.mobile})},
+      {icon: s.deletePlayed ? '☑' : '☐', label: 'Gehörte Folgen löschen',
+       hint: 'sobald die Folge zu Ende ist – nicht bei Favoriten',
+       action: () => dlSet({deletePlayed: !s.deletePlayed})},
+      s.limit != null && {icon: '▦', label: 'Höchstens behalten',
+       hint: dlLimitLabel(s.limit) + ` · jetzt ${Object.values(downloads).filter(d => d.state !== 'failed').length}`,
+       action: () => openSheet('Höchstens so viele Folgen auf dem Telefon', DL_LIMITS.map(n => ({
+         icon: s.limit === n ? '●' : '○', label: dlLimitLabel(n), active: s.limit === n,
+         hint: n === 25 ? 'Standard' : null, action: () => dlSet({limit: n})})))},
+      s.cleanup && {icon: '♻', label: 'Aufräumen', hint: (DL_CLEANUPS.find(c => c.value === s.cleanup) || DL_CLEANUPS[0]).label,
+       action: () => openSheet('Downloads aufräumen', DL_CLEANUPS.map(c => ({
+         icon: s.cleanup === c.value ? '●' : '○', label: c.label, hint: c.hint, active: s.cleanup === c.value,
+         action: () => dlSet({cleanup: c.value})})))},
+      done.length > 0 && {icon: '✕', label: `Downloads löschen (${size(bytes)})`, danger: true,
+        hint: done.length === 1 ? '1 Folge' : done.length + ' Folgen',
+        action: () => openSheet(`Alle ${done.length} Downloads löschen?`, [
+          {icon: '✕', label: 'Löschen', hint: size(bytes), danger: true,
+           action: () => { N.podcastDeleteAllDownloads(); toast('Downloads gelöscht'); }},
+          {icon: '‹', label: 'Abbrechen', action: () => {}},
+        ])},
+    ];
+  }
+
+  window.__dioraDownloads = function (map) {
+    const before = downloads;
+    downloads = (typeof map === 'string' ? parse(map, downloads) : map) || {};
+    const keys = Object.keys(downloads);
+    const same = keys.length === Object.keys(before).length &&
+      keys.every(id => before[id] && before[id].state === downloads[id].state);
+    // Only the numbers moved: turn the rings, no new list (keeps a drag or a scroll going).
+    if (same) document.querySelectorAll('#nui-pod [data-dl]').forEach(dlRing);
+    else render();
+  };
+
+  // ---- hooks from the app ---------------------------------------------------------------
+
+  window.__dioraPodcasts = function (json) {
+    state = typeof json === 'string' ? parse(json, state) : json;
+    render();
+  };
+
+  window.__dioraPodcastsRefreshed = function (ok) {
+    refreshing = false;
+    if (!ok) toast(navigator.onLine ? 'Abrufen hat nicht geklappt' : 'Offline — es gilt der letzte Stand');
+    render();
+  };
+
+  window.__dioraPlayer = function (p) {
+    const before = player;
+    player = p || {kind: null};
+    renderMini();
+    renderPlayer();
+    // The current episode changed: the queue view marks it.
+    if (before.episodeId !== player.episodeId || before.kind !== player.kind) render();
+  };
+
+  // The app loads this in <head>; the browser may load it after the page is parsed.
+  function start(fn) {
+    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', fn);
+    else fn();
+  }
+
+  start(() => {
+    if (typeof showTab !== 'function') return;
+    // The web's podcast tab loads its own lists; the app has them already.
+    window.loadPodcastTab = function () {};
+    window.refreshAllFeeds = async function () {};
+    build();
+    buildMini();
+    player = parse(N.playerState(), {kind: null});
+    render();
+    renderMini();
+
+    const back = window.__dioraBack;
+    window.__dioraBack = function () {
+      if (closeStats()) return true;
+      if (closeNotes()) return true;
+      if (closePlayer()) return true;
+      if (typeof _currentTopTab !== 'undefined' && _currentTopTab === 'podcasts' && stopSelecting()) return true;
+      if (back && back()) return true;
+      if (typeof _currentTopTab !== 'undefined' && _currentTopTab === 'podcasts') {
+        if (feedView) { feedView = null; render(); return true; }
+        showTab('books');
+        return true;
+      }
+      return false;
+    };
+
+    // Pull the latest state once per start; the server has done the fetching.
+    N.podcastRefresh(false);
+  });
+})();
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
new file mode 100644
index 0000000..1d49122
--- /dev/null
+++ b/static/podcasts/podcast-ui.css
@@ -0,0 +1,529 @@
+/* Copied from diora-android 62f3a69 2026-10-02: the podcast parts of web-native/static/native.css
+   (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
+   The web's own additions are in podcasts-web.css. */
+
+/* ---- bottom sheet ---------------------------------------------------------------- */
+
+#nui-sheet {
+  position: fixed;
+  inset: 0;
+  z-index: 900;
+}
+
+.nui-backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.6);
+}
+
+.nui-panel {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  max-height: 80vh;
+  overflow-y: auto;
+  background: var(--nui-panel);
+  border-top: 1px solid var(--border);
+  border-radius: 12px 12px 0 0;
+  padding: 8px 0 12px;
+  animation: nui-up 0.18s ease-out;
+}
+
+@keyframes nui-up {
+  from { transform: translateY(40px); opacity: 0; }
+  to { transform: none; opacity: 1; }
+}
+
+.nui-sheet-title {
+  padding: 10px 20px 8px;
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--nui-muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.nui-row,
+.nui-row-main {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  width: 100%;
+  min-height: 52px;
+  padding: 6px 20px;
+  background: none;
+  border: none;
+  color: var(--fg);
+  font: inherit;
+  font-size: 15px;
+  text-align: left;
+  cursor: pointer;
+}
+
+.nui-row:active,
+.nui-row-main:active {
+  background: #1d1d1d;
+}
+
+.nui-row-icon {
+  width: 24px;
+  text-align: center;
+  flex-shrink: 0;
+  font-size: 18px;
+}
+
+.nui-row-text {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.nui-row-hint {
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--nui-muted);
+}
+
+.nui-danger { color: var(--accent); }
+.nui-active .nui-row-label { color: var(--accent); }
+
+.nui-row-split {
+  padding: 0 16px 0 0;
+}
+.nui-row-split .nui-row-main {
+  flex: 1;
+  width: auto;
+}
+
+.nui-seg {
+  display: inline-flex;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  overflow: hidden;
+}
+.nui-seg button {
+  min-width: 44px;
+  min-height: 34px;
+  background: none;
+  border: none;
+  color: var(--nui-muted);
+  font: inherit;
+}
+.nui-seg button.nui-seg-on {
+  background: var(--fg);
+  color: var(--bg);
+}
+
+/* ---- podcasts (phones only: html.nui-podcasts, see native-podcast.js) ------------ */
+
+html.nui-podcasts #tab-podcasts > :not(#nui-pod) { display: none !important; }
+html.nui-pod-playing #nui-mini { display: none !important; }
+html.nui-radio.nui-pod-mini-open body {
+  padding-bottom: calc(124px + env(safe-area-inset-bottom, 0px));
+}
+
+#nui-pod-bar {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  margin: 0 -4px 8px 0;
+}
+#nui-pod-bar .native-brand { font-size: 22px; font-weight: 700; letter-spacing: 0.04em; }
+.nui-pod-status { font-size: 12px; font-weight: 400; color: var(--nui-muted); }
+
+.nui-pod-tabs {
+  display: flex;
+  margin: 0 0 8px;
+  border-bottom: 1px solid var(--border);
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+.nui-pod-tab {
+  flex: 1 0 auto;
+  min-height: var(--nui-tap);
+  padding: 0 10px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  border: none;
+  border-bottom: 2px solid transparent;
+  background: none;
+  color: var(--nui-muted);
+  font: inherit;
+  font-size: 14px;
+  white-space: nowrap;
+}
+.nui-pod-tab.active { color: inherit; font-weight: 700; border-bottom-color: var(--accent); }
+.nui-pod-count {
+  min-width: 20px;
+  padding: 1px 6px;
+  border-radius: 10px;
+  background: #2a2a2a;
+  font-size: 11px;
+  font-weight: 700;
+  text-align: center;
+}
+.nui-pod-tab.active .nui-pod-count { background: var(--accent); color: #fff; }
+
+.nui-pod-summary { padding: 6px 2px 10px; font-size: 12px; color: var(--nui-muted); }
+.nui-pod-empty { padding: 32px 12px; color: var(--nui-muted); text-align: center; line-height: 1.5; }
+
+.nui-pod-list { display: flex; flex-direction: column; }
+.nui-pod-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-height: 72px;
+  padding: 8px 0;
+  border-bottom: 1px solid var(--border);
+  background: var(--bg);
+  -webkit-tap-highlight-color: transparent;
+}
+.nui-pod-row:active { background: #141414; }
+.nui-pod-row.nui-pod-played .nui-pod-title { color: var(--nui-muted); font-weight: 400; }
+.nui-pod-row.nui-pod-current .nui-pod-title { color: var(--accent); }
+.nui-pod-row.nui-pod-current .nui-pod-title::before { content: '▶ '; }
+
+.nui-pod-art {
+  flex: none;
+  width: 52px;
+  height: 52px;
+  border-radius: 4px;
+  overflow: hidden;
+  background: #1c1c1c;
+}
+.nui-pod-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.nui-pod-art-big { width: 72px; height: 72px; }
+.nui-pod-art-mini { width: 44px; height: 44px; margin-left: 10px; }
+.nui-pod-art-player { width: min(72vw, 320px); height: min(72vw, 320px); border-radius: 8px; align-self: center; }
+
+.nui-pod-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
+.nui-pod-title {
+  font-size: 15px;
+  font-weight: 700;
+  line-height: 1.3;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.nui-pod-meta {
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--nui-muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.nui-pod-progress { height: 3px; margin-top: 4px; border-radius: 2px; background: #2a2a2a; overflow: hidden; max-width: 160px; }
+.nui-pod-progress > span { display: block; height: 100%; background: var(--accent); }
+.nui-pod-badge {
+  flex: none;
+  padding: 3px 7px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  font-size: 11px;
+  color: var(--nui-muted);
+}
+.nui-pod-queued { color: var(--green); }
+
+.nui-pod-handle {
+  flex: none;
+  width: var(--nui-tap);
+  height: var(--nui-tap);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 22px;
+  color: var(--nui-muted);
+  touch-action: none;
+  cursor: grab;
+}
+.nui-pod-queue .nui-pod-row { transition: transform 0.15s ease; }
+.nui-pod-queue .nui-pod-row.nui-pod-dragging {
+  transition: none;
+  position: relative;
+  z-index: 2;
+  background: #1a1a1a;
+  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.6);
+}
+
+.nui-pod-feedhead { display: flex; align-items: center; gap: 10px; margin: 4px 0 10px; }
+.nui-pod-switch {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  column-gap: 10px;
+  align-items: center;
+  padding: 10px 0;
+  border-bottom: 1px solid var(--border);
+  font-size: 14px;
+}
+.nui-pod-switch input { width: 20px; height: 20px; accent-color: var(--accent); }
+.nui-pod-switch .nui-pod-meta { grid-column: 2; }
+
+.nui-pod-search { display: flex; gap: 8px; margin: 4px 0 10px; }
+.nui-pod-search input { flex: 1; min-width: 0; min-height: var(--nui-tap); font-size: 16px; }
+.nui-pod-search .btn { min-height: var(--nui-tap); }
+
+/* mini player in the bottom bar */
+#nui-pod-mini {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  height: 64px;
+  padding: 0 4px 0 0;
+  border-bottom: 1px solid var(--border);
+}
+#nui-pod-mini[hidden] { display: none; }
+.nui-pod-mini-bar { position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: #2a2a2a; }
+.nui-pod-mini-bar span { display: block; height: 100%; background: var(--accent); }
+.nui-pod-skip { font-size: 20px; }
+
+/* full player */
+#nui-pod-player {
+  position: fixed;
+  inset: 0;
+  z-index: 880;
+  background: rgba(0, 0, 0, 0.6);
+  display: flex;
+  align-items: flex-end;
+}
+.nui-pod-player-panel {
+  width: 100%;
+  max-height: 100%;
+  overflow-y: auto;
+  background: #0b0b0b;
+  border-top: 1px solid var(--border);
+  border-radius: 14px 14px 0 0;
+  padding: 8px 20px calc(24px + env(safe-area-inset-bottom, 0px));
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.nui-pod-player-top { display: flex; justify-content: center; }
+.nui-pod-player-top .nui-icon { font-size: 26px; color: var(--nui-muted); }
+.nui-pod-player-title { font-size: 18px; font-weight: 700; line-height: 1.3; text-align: center; }
+.nui-pod-player-feed { margin-top: -6px; font-size: 13px; color: var(--nui-muted); text-align: center; }
+.nui-pod-seek { width: 100%; accent-color: var(--accent); height: 28px; }
+.nui-pod-times { display: flex; justify-content: space-between; margin-top: -8px; font-size: 12px; color: var(--nui-muted); font-variant-numeric: tabular-nums; }
+.nui-pod-controls { display: flex; align-items: center; justify-content: center; gap: 28px; }
+.nui-pod-controls .nui-icon { font-size: 18px; font-weight: 700; }
+.nui-pod-back::before { content: '↺'; font-size: 26px; margin-right: 2px; }
+.nui-pod-fwd::after { content: '↻'; font-size: 26px; margin-left: 2px; }
+.nui-pod-play {
+  width: 72px;
+  height: 72px;
+  border-radius: 50%;
+  background: var(--accent) !important;
+  color: #fff !important;
+  font-size: 26px !important;
+}
+.nui-pod-extra { display: flex; justify-content: space-around; }
+.nui-pod-speed { font-size: 15px !important; font-weight: 700; min-width: 64px; }
+
+/* e-reader mode on a phone: black on white */
+body.eink .nui-pod-row { background: #fff; }
+body.eink .nui-pod-row:active { background: #ddd; }
+body.eink .nui-pod-count { background: #ddd; color: #000; }
+body.eink .nui-pod-tab.active { border-bottom-color: #000; color: #000; }
+body.eink .nui-pod-tab.active .nui-pod-count { background: #000; color: #fff; }
+body.eink .nui-pod-progress { background: #ccc; }
+body.eink .nui-pod-progress > span,
+body.eink .nui-pod-mini-bar span { background: #000; }
+body.eink .nui-pod-row.nui-pod-current .nui-pod-title { color: #000; }
+body.eink .nui-pod-player-panel { background: #fff; border-top: 2px solid #000; }
+body.eink .nui-pod-play { background: #000 !important; }
+body.eink .nui-pod-art { background: #eee; }
+
+/* podcast queue tools: sort, choose several, lock */
+.nui-pod-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
+.nui-pod-head .nui-pod-summary { padding: 6px 2px; }
+.nui-pod-tools { display: flex; align-items: center; margin-right: -6px; }
+.nui-pod-tools .nui-icon { font-size: 18px; color: var(--nui-muted); }
+.nui-pod-lock.on { color: var(--accent) !important; }
+.nui-pod-selbar {
+  position: sticky;
+  top: 0;
+  z-index: 5;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px 6px;
+  margin: 0 -12px 4px;
+  padding: 6px 12px 8px;
+  background: var(--bg);
+  border-bottom: 1px solid var(--border);
+}
+.nui-pod-selcount { flex: 1; min-width: 0; font-size: 14px; font-weight: 700; }
+.nui-pod-selactions { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
+.nui-pod-selactions .btn { min-height: 38px; flex: 1 0 auto; }
+.nui-pod-selactions .btn:disabled { opacity: 0.4; }
+.nui-pod-check { flex: none; width: 28px; font-size: 22px; color: var(--nui-muted); text-align: center; }
+.nui-pod-check.on { color: var(--accent); }
+.nui-pod-row.nui-pod-selecting { user-select: none; -webkit-user-select: none; }
+body.eink .nui-pod-check.on,
+body.eink .nui-pod-lock.on { color: #000 !important; }
+body.eink .nui-pod-selbar { background: #fff; }
+
+/* podcast playback: per-podcast chips, sleep timer */
+.nui-pod-feedprefs { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--border); }
+.nui-pod-chip {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 6px;
+  min-height: 36px;
+  padding: 6px 12px;
+  border: 1px solid var(--border);
+  border-radius: 18px;
+  background: none;
+  color: var(--nui-muted);
+  font: inherit;
+  font-size: 13px;
+}
+.nui-pod-chip strong { color: inherit; font-weight: 700; }
+.nui-pod-chip.on { border-color: var(--accent); color: inherit; }
+.nui-pod-chip.on strong { color: var(--accent); }
+.nui-pod-sleep { font-size: 15px !important; white-space: nowrap; }
+.nui-pod-sleep.on { color: var(--accent) !important; font-weight: 700; }
+/* unsubscribing: a quiet link, asked once more in place */
+.nui-pod-unsub { display: flex; justify-content: flex-end; padding: 6px 0; border-bottom: 1px solid var(--border); }
+.nui-pod-unsub-btn {
+  min-height: var(--nui-tap, 44px);
+  padding: 0 4px;
+  border: none;
+  background: none;
+  color: var(--nui-muted);
+  font: inherit;
+  font-size: 13px;
+}
+.nui-pod-unsub-ask { display: block; padding: 12px 0; }
+.nui-pod-unsub-ask .nui-pod-title { display: block; overflow: visible; }
+.nui-pod-unsub-ask .nui-pod-meta { margin-top: 4px; line-height: 1.4; white-space: normal; overflow: visible; }
+.nui-pod-unsub-actions { display: flex; gap: 8px; margin-top: 10px; }
+.nui-pod-unsub-actions .btn { min-height: var(--nui-tap, 44px); }
+.nui-pod-unsub-yes { color: var(--accent); border-color: var(--accent); font-weight: 700; }
+body.eink .nui-pod-unsub-yes { color: #000; border-color: #000; }
+body.eink .nui-pod-chip.on { border-color: #000; }
+body.eink .nui-pod-chip.on strong,
+body.eink .nui-pod-sleep.on { color: #000 !important; }
+
+/* podcast chapters and shownotes */
+.nui-pod-notesbox { margin-top: 6px; border-top: 1px solid var(--border); padding-top: 6px; min-height: 40px; }
+.nui-pod-subtabs { display: flex; gap: 4px; margin-bottom: 6px; }
+.nui-pod-subtab {
+  min-height: 36px;
+  padding: 0 12px;
+  border: none;
+  border-bottom: 2px solid transparent;
+  background: none;
+  color: var(--nui-muted);
+  font: inherit;
+  font-size: 14px;
+}
+.nui-pod-subtab.active { color: inherit; font-weight: 700; border-bottom-color: var(--accent); }
+.nui-pod-chapters { list-style: none; margin: 0; padding: 0; }
+.nui-pod-chapter {
+  display: grid;
+  grid-template-columns: 4.5em 1fr;
+  gap: 10px;
+  align-items: baseline;
+  padding: 10px 4px;
+  border-bottom: 1px solid var(--border);
+  font-size: 14px;
+  cursor: pointer;
+}
+.nui-pod-chapter-t { color: var(--nui-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
+.nui-pod-chapter.current { color: var(--accent); font-weight: 700; }
+.nui-pod-chapter.current .nui-pod-chapter-t { color: var(--accent); }
+.nui-pod-notes { font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
+.nui-pod-notes img { max-width: 100%; height: auto; }
+.nui-pod-notes a { color: var(--accent); }
+.nui-pod-notes .nui-pod-stamp { font-weight: 700; text-decoration: none; border-bottom: 1px dotted currentColor; }
+.nui-pod-notes table { display: block; overflow-x: auto; }
+.nui-pod-notes-sheet .nui-pod-player-panel { max-height: 88%; }
+.nui-pod-notes-play { align-self: center; min-height: var(--nui-tap); }
+body.eink .nui-pod-chapter.current,
+body.eink .nui-pod-chapter.current .nui-pod-chapter-t,
+body.eink .nui-pod-notes a { color: #000; }
+body.eink .nui-pod-subtab.active { border-bottom-color: #000; color: #000; }
+
+/* ---- podcast downloads (Downloads.kt; the "downloads" block of native-podcast.js) ---- */
+.nui-pod-dl { min-width: 36px !important; margin-left: -6px; font-size: 22px; color: var(--nui-muted); }
+.nui-pod-dl-failed { color: var(--yellow); }
+/* ✓ in a ring: set apart from the plain green ✓ of "in der Warteschlange" */
+.nui-pod-dl.nui-pod-dl-done {
+  position: relative;
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--green);
+}
+.nui-pod-dl-done::after {
+  content: '';
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  left: 50%;
+  top: 50%;
+  margin: -11px 0 0 -11px;
+  border: 1px solid var(--green);
+  border-radius: 50%;
+}
+.nui-pod-dl-ring > span {
+  width: 26px;
+  height: 26px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 9px;
+  font-weight: 700;
+  color: var(--nui-muted);
+  background:
+    radial-gradient(closest-side, var(--bg) 78%, transparent 80% 100%),
+    conic-gradient(var(--accent) var(--p, 0%), #2a2a2a 0);
+}
+body.eink .nui-pod-dl-done { color: #000; }
+body.eink .nui-pod-dl-done::after { border-color: #000; }
+body.eink .nui-pod-dl-ring > span {
+  color: #000;
+  background:
+    radial-gradient(closest-side, #fff 78%, transparent 80% 100%),
+    conic-gradient(#000 var(--p, 0%), #ccc 0);
+}
+
+/* tab row scrolls sideways without a visible bar; the lock emoji in the app's greys */
+.nui-pod-tabs::-webkit-scrollbar { display: none; }
+.nui-pod-lock { filter: grayscale(1); opacity: 0.6; }
+.nui-pod-lock.on { opacity: 1; filter: grayscale(1) brightness(1.4); }
+
+/* episode filters: one row that scrolls sideways */
+.nui-pod-filters { display: flex; gap: 6px; overflow-x: auto; padding: 6px 0 10px; scrollbar-width: none; }
+.nui-pod-filters::-webkit-scrollbar { display: none; }
+.nui-pod-filters .nui-pod-chip { flex: none; }
+.nui-pod-more { display: block; margin: 12px auto; min-height: var(--nui-tap); }
+.nui-pod-star { color: var(--yellow); }
+.nui-pod-fav.on { color: var(--yellow) !important; }
+.nui-pod-stat-total { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 0 18px; }
+.nui-pod-stat-total strong { font-size: 30px; }
+.nui-pod-stat-total span { font-size: 13px; color: var(--nui-muted); }
+.nui-pod-stat-row { display: flex; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--border); }
+.nui-pod-stat-bar { max-width: none; height: 5px; }
+body.eink .nui-pod-star, body.eink .nui-pod-fav.on { color: #000 !important; }
+
+/* feed errors, chapter navigation, transcript */
+.nui-pod-feederr { font-size: 12px; color: var(--yellow); }
+.nui-pod-feederr-box { padding: 8px 10px; margin: 4px 0 8px; border: 1px solid var(--yellow); border-radius: 6px; line-height: 1.4; }
+.nui-pod-chapnav { display: flex; align-items: center; gap: 4px; margin-bottom: 4px; }
+.nui-pod-chapnow { flex: 1; min-width: 0; text-align: center; font-size: 13px; color: var(--nui-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.nui-pod-transcript { max-height: 60vh; overflow-y: auto; padding-right: 4px; }
+.nui-pod-seg { margin: 0; padding: 6px 4px; font-size: 14px; line-height: 1.5; color: var(--nui-muted); border-radius: 4px; cursor: pointer; }
+.nui-pod-seg.current { color: inherit; background: #1a1a1a; }
+.nui-pod-speaker { color: inherit; }
+body.eink .nui-pod-feederr { color: #000; }
+body.eink .nui-pod-feederr-box { border-color: #000; }
+body.eink .nui-pod-seg { color: #444; }
+body.eink .nui-pod-seg.current { color: #000; background: #e6e6e6; }
diff --git a/static/podcasts/podcasts-web.css b/static/podcasts/podcasts-web.css
new file mode 100644
index 0000000..de7c0cc
--- /dev/null
+++ b/static/podcasts/podcasts-web.css
@@ -0,0 +1,189 @@
+/* Podcasts in the browser (static/js/podcasts-web.js): the app's podcast page
+   — its styles are podcast-ui.css, copied from diora-android's native.css by
+   tools/sync_podcast_ui.py — set into the web layout. The app's look stays
+   (black, monospace, red accent); on wide screens the podcast page, its mini
+   player and its sheets keep to one centred column. Only loaded in browsers;
+   everything is scoped to html.dpw. */
+
+html.dpw {
+  --nui-tap: 44px;
+  --nui-muted: #9a9a9a;
+  --nui-panel: #111;
+  --dpw-surface: #0b0b0b;
+  --dpw-hover: #111;
+  --dpw-col: 760px;
+}
+
+/* The placeholder shown until the page is there. */
+html.nui-podcasts #tab-podcasts > :not(#nui-pod) { display: none !important; }
+.dpw-loading { padding: 2rem 0; text-align: center; }
+
+html.dpw #nui-pod {
+  max-width: var(--dpw-col);
+  margin: 0 auto;
+}
+
+/* ---- what the app has in its other native styles ---------------------------------- */
+
+html.dpw .nui-icon {
+  min-width: var(--nui-tap);
+  min-height: var(--nui-tap);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  padding: 0;
+}
+html.dpw .nui-icon:hover { color: var(--fg); }
+
+html.dpw .nui-bar-text {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+/* ---- the dock: mini player right above the radio bar ----------------------------- */
+
+html.dpw #nui-dock {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: var(--dpw-bar-h, 72px);
+  z-index: 190; /* under the reader (200), the sidebar and the sheets */
+  max-width: var(--dpw-col);
+  margin: 0 auto;
+}
+html.dpw body.dnd-mode #nui-dock { display: none; }
+html.dpw #nui-pod-mini {
+  background: var(--dpw-surface);
+  border: 1px solid var(--border);
+  border-bottom: none;
+  border-radius: 10px 10px 0 0;
+  overflow: hidden;
+  box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.5);
+}
+html.dpw .nui-pod-mini-bar { top: 0; }
+html.dpw.nui-pod-mini-open .main-content {
+  padding-bottom: calc(var(--dpw-bar-h, 72px) + 64px + 2rem);
+}
+
+html.dpw .nui-mini-text {
+  flex: 1;
+  min-width: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 2px;
+  padding: 0 14px;
+  background: none;
+  border: none;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+html.dpw .nui-mini-station,
+html.dpw .nui-mini-track {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+html.dpw .nui-mini-station { font-size: 15px; font-weight: 700; }
+html.dpw .nui-mini-track { font-size: 12px; font-weight: 400; color: var(--nui-muted); }
+html.dpw .nui-mini-track:empty { display: none; }
+html.dpw .nui-mini-toggle { font-size: 22px; color: var(--accent); }
+
+#nui-radio-toast {
+  position: fixed;
+  left: 50%;
+  bottom: calc(var(--dpw-bar-h, 72px) + 80px);
+  transform: translateX(-50%);
+  z-index: 950;
+  max-width: calc(100% - 32px);
+  padding: 10px 16px;
+  border-radius: 6px;
+  background: #222;
+  color: #fff;
+  font-size: 14px;
+  text-shadow: none;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s;
+}
+#nui-radio-toast.nui-show { opacity: 1; }
+
+/* ---- a mouse: hover states the phone doesn't need --------------------------------- */
+
+@media (hover: hover) {
+  html.dpw #nui-pod .nui-pod-row { cursor: pointer; }
+  html.dpw #nui-pod .nui-pod-row:hover { background: var(--dpw-hover); }
+  html.dpw .nui-row:hover { background: #1a1a1a; }
+  html.dpw .nui-pod-chip:hover,
+  html.dpw .nui-pod-tab:hover,
+  html.dpw .nui-pod-subtab:hover { color: var(--fg); }
+  html.dpw .nui-pod-chapter:hover,
+  html.dpw .nui-pod-seg:hover { background: #141414; }
+}
+html.dpw .nui-row,
+html.dpw .nui-pod-tab,
+html.dpw .nui-pod-chip,
+html.dpw .nui-pod-subtab { cursor: pointer; }
+
+/* ---- wide screens: sheets and the player in the column ------------------------------ */
+
+@media (min-width: 761px) {
+  html.dpw .nui-panel {
+    margin: 0 auto;
+    max-width: 560px;
+    border: 1px solid var(--border);
+    border-bottom: none;
+  }
+  html.dpw #nui-pod-player { justify-content: center; }
+  html.dpw .nui-pod-player-panel {
+    max-width: var(--dpw-col);
+    max-height: 92vh;
+    border: 1px solid var(--border);
+    border-bottom: none;
+  }
+  html.dpw .nui-pod-art-player { width: 240px; height: 240px; }
+  html.dpw .nui-pod-selbar { margin: 0 0 4px; padding: 6px 0 8px; }
+}
+
+/* Phones: the dock spans the screen like in the app. */
+@media (max-width: 760px) {
+  html.dpw #nui-pod-mini { border-left: none; border-right: none; border-radius: 0; box-shadow: none; }
+  html.dpw .nui-pod-selbar { margin: 0 -0.75rem 4px; padding: 6px 0.75rem 8px; }
+}
+
+/* ---- the web's light scheme (◑, body.bright-bg) ------------------------------------- */
+
+html.dpw body.bright-bg {
+  --nui-muted: #555;
+  --nui-panel: #f4f4f4;
+  --dpw-surface: #f7f7f7;
+  --dpw-hover: #f0f0f0;
+}
+/* app.css resolves --text-muted (the colour of .btn-icon) on :root, so it stays
+   white under body.bright-bg; inside the podcast parts it follows --fg. */
+html.dpw body.bright-bg #nui-pod,
+html.dpw body.bright-bg #nui-dock,
+html.dpw body.bright-bg #nui-sheet,
+html.dpw body.bright-bg #nui-pod-player { --text-muted: var(--fg); --text: var(--fg); }
+html.dpw body.bright-bg .nui-pod-player-panel { background: var(--dpw-surface); }
+html.dpw body.bright-bg .nui-pod-row:active,
+html.dpw body.bright-bg .nui-row:active,
+html.dpw body.bright-bg .nui-row:hover,
+html.dpw body.bright-bg .nui-pod-chapter:hover,
+html.dpw body.bright-bg .nui-pod-seg:hover,
+html.dpw body.bright-bg .nui-pod-seg.current,
+html.dpw body.bright-bg .nui-pod-queue .nui-pod-row.nui-pod-dragging { background: #e8e8e8; }
+html.dpw body.bright-bg .nui-pod-art { background: #e4e4e4; }
+html.dpw body.bright-bg .nui-pod-count,
+html.dpw body.bright-bg .nui-pod-progress,
+html.dpw body.bright-bg .nui-pod-mini-bar { background: #d4d4d4; }
+html.dpw body.bright-bg .nui-pod-tab.active .nui-pod-count { background: var(--accent); color: #fff; }
+html.dpw body.bright-bg #nui-pod-mini { box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.12); }
diff --git a/templates/radio/player.html b/templates/radio/player.html
index b8dbc5c..e80683d 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -22,23 +22,6 @@
     <button class="btn-icon" id="dnd-btn" onclick="toggleDND()" title="Focus mode (hides UI, press Esc to exit)">⊙</button>
     <button class="btn-icon" id="focus-station-btn" onclick="openRadioSidebar()" title="Radio">◉</button>
   </div>
-  <div class="podcast-seek-bar" id="podcast-seek-bar" style="display:none;">
-    <button class="btn-icon skip-btn" onclick="skipBack()" title="Back 15s">«&thinsp;15</button>
-    <span class="seek-time" id="seek-current">0:00</span>
-    <input type="range" id="seek-slider" class="seek-slider" min="0" max="100" value="0">
-    <span class="seek-time" id="seek-duration">0:00</span>
-    <button class="btn-icon skip-btn" onclick="skipForward()" title="Forward 30s">30&thinsp;»</button>
-    <div class="speed-btns" id="speed-btns">
-      <button class="speed-btn" onclick="setPlaybackRate(0.75)">¾×</button>
-      <button class="speed-btn active" onclick="setPlaybackRate(1)">1×</button>
-      <button class="speed-btn" onclick="setPlaybackRate(1.25)">1¼×</button>
-      <button class="speed-btn" onclick="setPlaybackRate(1.5)">1½×</button>
-      <button class="speed-btn" onclick="setPlaybackRate(1.75)">1¾×</button>
-      <button class="speed-btn" onclick="setPlaybackRate(2)">2×</button>
-      <button class="speed-btn" onclick="setPlaybackRate(2.5)">2½×</button>
-    </div>
-    <button class="btn-icon sleep-timer-btn" id="sleep-timer-btn" onclick="openSleepTimerMenu()" title="Sleep timer">Sleep</button>
-  </div>
   <div class="timer-widget" id="timer-widget">
     <span class="timer-phase" id="timer-phase-label">focus</span>
     <span class="timer-display" id="timer-display">25:00</span>
@@ -228,82 +211,8 @@
 <!-- ===== PODCASTS TAB ===== -->
 <section class="tab-panel" id="tab-podcasts" style="display:none;">
   {% if user.is_authenticated %}
-  <div class="podcast-toolbar">
-    <button class="btn btn-sm" onclick="showPodcastView('feeds')">Feeds</button>
-    <button class="btn btn-sm" onclick="showPodcastView('inbox')">Inbox</button>
-    <button class="btn btn-sm" onclick="showPodcastView('queue')">Queue</button>
-    <button class="btn btn-sm" onclick="podcastSearchOpen()">+ Search</button>
-    <button class="btn btn-sm" id="refresh-all-btn" onclick="refreshAllFeedsBtn(this)" title="Refresh all feeds">↻ All</button>
-    <label class="btn btn-sm" for="opml-file-input">Import OPML</label>
-    <input type="file" id="opml-file-input" accept=".opml,.xml" style="display:none;" onchange="importOPML(this)">
-    <span id="opml-status" class="muted"></span>
-  </div>
-
-  <!-- Search pane -->
-  <div class="podcast-pane" id="podcast-search-pane" style="display:none;">
-    <div class="search-bar">
-      <input type="text" id="podcast-search-input" class="search-input" placeholder="Search podcasts…"
-             onkeydown="if(event.key==='Enter') doPodcastSearch()">
-      <button class="btn" onclick="doPodcastSearch()">Search</button>
-    </div>
-    <div id="podcast-search-status" class="status-msg"></div>
-    <div id="podcast-search-list" class="podcast-search-list"></div>
-  </div>
-
-  <!-- Feeds pane -->
-  <div class="podcast-pane" id="podcast-feeds-pane">
-    <div class="feed-list-toolbar">
-      <input type="text" id="feed-filter-input" class="search-input" placeholder="Search subscriptions…"
-             oninput="filterFeeds(this.value)">
-      <select id="feed-sort-select" onchange="sortFeeds(this.value)" class="feed-sort-select">
-        <option value="alpha">A–Z</option>
-        <option value="alpha-desc">Z–A</option>
-        <option value="added">Recently added</option>
-        <option value="latest_episode">Most recent episode</option>
-      </select>
-    </div>
-    <div id="podcast-feed-list" class="podcast-feed-list">
-      <p class="muted">Loading…</p>
-    </div>
-  </div>
-
-  <!-- Inbox pane -->
-  <div class="podcast-pane" id="podcast-inbox-pane" style="display:none;">
-    <div class="inbox-toolbar">
-      <label class="inbox-select-all-label">
-        <input type="checkbox" id="inbox-select-all" onchange="inboxSelectAll(this.checked)">
-        <span>All</span>
-      </label>
-      <div class="inbox-bulk-actions" id="inbox-bulk-actions" style="display:none;">
-        <span id="inbox-selection-count" class="muted"></span>
-        <button class="btn btn-sm" onclick="inboxBulkQueueAdd()">+Queue</button>
-        <button class="btn btn-sm" onclick="inboxBulkMarkPlayed()">✓ Played</button>
-        <button class="btn btn-sm" onclick="inboxBulkDownload()">⬇ Download</button>
-        <button class="btn btn-sm btn-danger" onclick="inboxBulkDismiss()">✕ Dismiss</button>
-      </div>
-    </div>
-    <div id="podcast-inbox-list" class="episode-list"></div>
-    <div class="inbox-load-more" id="inbox-load-more-bar" style="display:none;">
-      <button class="btn btn-sm" onclick="inboxLoadMore()">Load more</button>
-      <span id="inbox-count-label" class="muted"></span>
-    </div>
-  </div>
-
-  <!-- Episodes pane -->
-  <div class="podcast-pane" id="podcast-episodes-pane" style="display:none;">
-    <div class="episode-search-bar" id="episode-search-bar" style="display:none;">
-      <input type="text" id="episode-filter-input" class="search-input"
-             placeholder="Filter episodes…" oninput="filterEpisodes(this.value)">
-    </div>
-    <div id="podcast-feed-header" class="podcast-feed-header"></div>
-    <div id="podcast-episode-list" class="episode-list"></div>
-  </div>
-
-  <!-- Queue pane -->
-  <div class="podcast-pane" id="podcast-queue-pane" style="display:none;">
-    <ol id="podcast-queue-ol" class="podcast-queue-ol"></ol>
-  </div>
-
+  {# Filled by static/js/podcasts-web.js with the app's podcast page (static/podcasts/). #}
+  <p class="muted dpw-loading">Podcasts werden geladen …</p>
   {% else %}
   <p class="auth-prompt">
     <a href="{% url 'login' %}">Log in</a> or <a href="{% url 'register' %}">register</a>
@@ -415,9 +324,9 @@
   const INITIAL_SAVED = {{ saved_stations_json|safe }};
   const INITIAL_FEATURED = {{ featured_stations_json|safe }};
   const IS_AUTHENTICATED = {{ user.is_authenticated|yesno:"true,false" }};
-  const INITIAL_PODCAST_FEEDS = {{ initial_podcast_feeds|safe }};
   window.USER_ID = {{ user.id|default:"null" }};
   let USER_FOCUS_STATION = {{ focus_station_json|safe }};
 </script>
 <script src="/static/js/app.js"></script>
+<script src="/static/js/podcasts-web.js"></script>
 {% endblock %}
diff --git a/tools/sync_podcast_ui.py b/tools/sync_podcast_ui.py
new file mode 100644
index 0000000..89df03b
--- /dev/null
+++ b/tools/sync_podcast_ui.py
@@ -0,0 +1,78 @@
+"""Copy the phone app's podcast page into the web app.
+
+The browser shows the same podcast UI as the Android app: diora-android's
+web-native/static/native-podcast.js, unchanged, on top of a browser host
+(static/js/podcasts-web.js). This copies that file and the podcast parts of
+native.css (the bottom sheet and everything from the podcast section on) to
+static/podcasts/, with the source commit in a header comment.
+
+Usage: python tools/sync_podcast_ui.py [path/to/diora-android]
+       (default: ../diora-android next to this checkout)
+
+Afterwards bump CACHE in static/js/sw.js so browsers fetch the new files.
+"""
+import subprocess
+import sys
+from pathlib import Path
+
+ROOT = Path(__file__).resolve().parent.parent
+DEST = ROOT / 'static' / 'podcasts'
+
+# Sections of native.css the podcast page needs: (start marker, end marker or None = to the end).
+CSS_SECTIONS = [
+    ('/* ---- bottom sheet', '/* ---- reader'),
+    ('/* ---- podcasts (phones only', None),
+]
+
+
+def source_line(android, rel):
+    """'diora-android <commit> <date>' of the file, plus a note if it has uncommitted changes."""
+    def git(*args):
+        return subprocess.run(['git', '-C', str(android), *args], capture_output=True, text=True).stdout.strip()
+    line = 'diora-android ' + (git('log', '-1', '--format=%h %cs', '--', rel) or 'unknown commit')
+    if git('status', '--short', '--', rel):
+        line += ' + uncommitted changes'
+    return line
+
+
+def cut(text, start, end):
+    i = text.find(start)
+    if i < 0:
+        sys.exit(f'sync_podcast_ui: {start!r} not found in native.css')
+    j = text.find(end, i) if end else len(text)
+    if j < 0:
+        sys.exit(f'sync_podcast_ui: {end!r} not found after {start!r} in native.css')
+    return text[i:j].rstrip() + '\n'
+
+
+def main():
+    android = Path(sys.argv[1]) if len(sys.argv) > 1 else ROOT.parent / 'diora-android'
+    static = android / 'web-native' / 'static'
+    if not (static / 'native-podcast.js').exists():
+        sys.exit(f'sync_podcast_ui: no diora-android checkout at {android}')
+    DEST.mkdir(parents=True, exist_ok=True)
+
+    js_src = source_line(android, 'web-native/static/native-podcast.js')
+    js = (static / 'native-podcast.js').read_text(encoding='utf-8')
+    (DEST / 'native-podcast.js').write_text(
+        f'// Copied from {js_src}: web-native/static/native-podcast.js\n'
+        '// by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android\n'
+        '// and copy again. The browser host is static/js/podcasts-web.js.\n\n' + js,
+        encoding='utf-8', newline='\n')
+
+    css_src = source_line(android, 'web-native/static/native.css')
+    css = (static / 'native.css').read_text(encoding='utf-8')
+    parts = [cut(css, start, end) for start, end in CSS_SECTIONS]
+    (DEST / 'podcast-ui.css').write_text(
+        f'/* Copied from {css_src}: the podcast parts of web-native/static/native.css\n'
+        '   (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.\n'
+        '   The web\'s own additions are in podcasts-web.css. */\n\n' + '\n'.join(parts),
+        encoding='utf-8', newline='\n')
+
+    print(f'native-podcast.js: {js_src}')
+    print(f'podcast-ui.css:    {css_src}')
+    print('Now bump CACHE in static/js/sw.js.')
+
+
+if __name__ == '__main__':
+    main()

From ae0785d5ef5cc5504a2d71cf1712642f6ba543b1 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 10:30:00 +0200
Subject: [PATCH 036/176] =?UTF-8?q?Podcast-Oberfl=C3=A4che=20neu=20aus=20d?=
 =?UTF-8?q?iora-android=20=C3=BCbernommen=20(Hinweistext=20ohne=20?=
 =?UTF-8?q?=E2=80=9EApp=E2=80=9C)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/podcasts/native-podcast.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 29553b7..add74ee 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 302c300 2026-10-02: web-native/static/native-podcast.js
+// Copied from diora-android 3600b15 2026-10-02: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -245,7 +245,7 @@
     // Grouped like AntennaPod's settings; each group opens its own list.
     const group = (icon, title, hint, items) => ({icon, label: title, hint, action: () => openSheet(title, items())});
     openSheet('Podcasts', [
-      {icon: '⟳', label: 'Alle Feeds jetzt abrufen', hint: 'der Server holt sie, die App lädt das Ergebnis',
+      {icon: '⟳', label: 'Alle Feeds jetzt abrufen', hint: 'der Server holt sie, hier kommt nur das Ergebnis an',
        action: () => refresh(true)},
       group('≡', 'Warteschlange', 'wohin neue Folgen kommen, gehörte entfernen', () => [
         {icon: '+', label: 'Neue Folgen von Hand einreihen', hint: label(s.enqueue_position),

From 5a2841e7a6c811408169e92ccf4ea4b48fbe56d3 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 11:41:04 +0200
Subject: [PATCH 037/176] AntennaPod-Import und automatischer Download pro
 Podcast
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Neuer Befehl `manage.py import_antennapod <backup.db> --user <name> [--dry-run]
  [--global-auto-download on|off] [--backup-date ...]`: übernimmt aus einer
  AntennaPod-Datenbanksicherung die Abos (Abgleich über normalisierte URL,
  fehlende werden angelegt, lokale übersprungen), die Podcast-Einstellungen
  (Tempo, Intro/Outro, Lautstärke, Filter mit Phrasen in Anführungszeichen,
  Mindestlänge, neue Folgen, „nicht aktualisieren“ -> ignorieren, automatischer
  Download), den Zustand jeder Folge mit Zustand (gehört, neu, Position,
  Favorit, Zeitpunkt), die Warteschlange (AntennaPods Reihenfolge zuerst) und
  nimmt bekannte, dort nicht neue Folgen aus „Neu“. Neuere Änderungen in diora
  bleiben, Favoriten werden vereinigt. Alles in einer Transaktion; ein zweiter
  Lauf ändert nichts mehr.
- PodcastFeed.auto_download (Einstellung pro Podcast, in feeds/, state/ und
  feeds/<id>/settings/) und PodcastSettings.auto_download_default (in settings/
  und state/), mit dem neue Abos (Hinzufügen, OPML, gpodder, Import) starten.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 gpodder/views.py                              |   5 +-
 podcasts/antennapod.py                        | 679 ++++++++++++++++++
 .../management/commands/import_antennapod.py  |  56 ++
 .../migrations/0010_feed_auto_download.py     |  21 +
 podcasts/models.py                            |  11 +
 podcasts/test_antennapod.py                   | 501 +++++++++++++
 podcasts/tests.py                             |  86 ++-
 podcasts/views.py                             |  24 +-
 8 files changed, 1371 insertions(+), 12 deletions(-)
 create mode 100644 podcasts/antennapod.py
 create mode 100644 podcasts/management/commands/import_antennapod.py
 create mode 100644 podcasts/migrations/0010_feed_auto_download.py
 create mode 100644 podcasts/test_antennapod.py

diff --git a/gpodder/views.py b/gpodder/views.py
index a16eacb..2e05015 100644
--- a/gpodder/views.py
+++ b/gpodder/views.py
@@ -8,7 +8,7 @@ from django.http import JsonResponse
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
-from podcasts.models import PodcastFeed, PodcastEpisode, EpisodeProgress, counts_as_played
+from podcasts.models import PodcastFeed, PodcastEpisode, EpisodeProgress, PodcastSettings, counts_as_played
 from podcasts.views import _refresh_feed
 from .models import GpodderDevice, GpodderSubscriptionChange, GpodderEpisodeAction
 
@@ -151,12 +151,13 @@ def subscriptions_by_device(request, username, deviceid):
         except (json.JSONDecodeError, ValueError):
             return JsonResponse({'error': 'invalid JSON'}, status=400)
 
+        new_feed = PodcastSettings.new_feed_defaults(request.user)
         for url in body.get('add', []):
             if not url:
                 continue
             PodcastFeed.objects.get_or_create(
                 user=request.user, rss_url=url,
-                defaults={'title': url}
+                defaults={'title': url, **new_feed}
             )
             GpodderSubscriptionChange.objects.create(user=request.user, url=url, action='add')
 
diff --git a/podcasts/antennapod.py b/podcasts/antennapod.py
new file mode 100644
index 0000000..de2839d
--- /dev/null
+++ b/podcasts/antennapod.py
@@ -0,0 +1,679 @@
+"""Import an AntennaPod database backup into one user's podcasts.
+
+AntennaPod's "Datenbank exportieren" writes its whole SQLite database. From
+it come the subscriptions with their settings, the state of every episode
+that has one (played, new, started, queued, favourite) and the queue. See
+the import_antennapod command for how to run it.
+
+The backup is only read. Episodes without any state are not imported: the
+feed's current episodes come with its next refresh anyway. Those that diora
+already has, though, are taken out of the inbox (AntennaPod: not new).
+"""
+
+import re
+import sqlite3
+import time
+from contextlib import contextmanager
+from dataclasses import dataclass, field
+from datetime import datetime, timezone as dt_timezone
+from itertools import groupby
+from pathlib import Path
+from urllib.parse import urlsplit
+
+from django.db import transaction
+from django.db.models import Q
+
+from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings
+from .views import MAX_DESCRIPTION, _keep_sorted, _leave_inbox, _queue_order, _write_queue_order
+
+CHUNK = 500  # ids per IN (...) query and rows per bulk write
+
+# Feeds.feed_volume_adaption -> diora volume factor (0 = off = 1.0)
+VOLUME_CODES = {1: 0.5, 2: 0.2, 3: 1.5, 4: 2.0, 5: 2.5}
+# Feeds.new_episodes_action; 0 = the global setting (not in the backup)
+NEW_EPISODE_ACTIONS = {1: PodcastFeed.NEW_INBOX, 2: PodcastFeed.NEW_IGNORE, 3: PodcastFeed.NEW_QUEUE}
+# Feeds.auto_download; 1 = the global setting (not in the backup)
+AUTO_DOWNLOAD_OFF, AUTO_DOWNLOAD_GLOBAL, AUTO_DOWNLOAD_ON = 0, 1, 2
+# FeedItems.read
+NEW, UNPLAYED, PLAYED = -1, 0, 1
+SUBSCRIBED = 0  # Feeds.state
+
+SETTING_FIELDS = ('playback_speed', 'skip_intro', 'skip_outro', 'volume', 'include_words',
+                  'exclude_words', 'min_duration', 'new_episodes', 'auto_download')
+
+# Columns read from the backup, with the value to assume if an older
+# AntennaPod didn't have the column yet.
+FEED_COLUMNS = {
+    'id': None, 'title': '', 'custom_title': None, 'download_url': '', 'link': '', 'author': '',
+    'image_url': '', 'keep_updated': 1, 'include_filter': '', 'exclude_filter': '',
+    'minimal_duration_filter': -1, 'new_episodes_action': 0, 'feed_playback_speed': -1,
+    'feed_skip_intro': 0, 'feed_skip_ending': 0, 'feed_volume_adaption': 0, 'auto_download': 1,
+    'state': SUBSCRIBED,
+}
+
+
+class AntennaPodImportError(Exception):
+    """The file isn't an AntennaPod backup (or the user doesn't exist)."""
+
+
+# ---------------------------------------------------------------------------
+# Small helpers
+# ---------------------------------------------------------------------------
+
+def normalize_url(url):
+    """A URL reduced to what identifies it: no scheme (http = https), host in
+    lower case without a leading www., no default port, no trailing slash, no
+    fragment. None for anything but http(s)."""
+    url = (url or '').strip()
+    try:
+        parts = urlsplit(url)
+        port = parts.port
+    except ValueError:
+        return None
+    if parts.scheme.lower() not in ('http', 'https') or not parts.hostname:
+        return None
+    host = parts.hostname.lower()
+    if host.startswith('www.'):
+        host = host[4:]
+    if port and port not in (80, 443):
+        host = f'{host}:{port}'
+    path = parts.path.rstrip('/')
+    return host + path + (f'?{parts.query}' if parts.query else '')
+
+
+def _web_url(url, max_length=1000):
+    """url if it is a usable http(s) URL for a URLField, else ''."""
+    url = (url or '').strip()
+    if normalize_url(url) is None or len(url) > max_length:
+        return ''
+    return url
+
+
+# AntennaPod's filter syntax: words separated by spaces, "quoted phrases".
+_TERM = re.compile(r'([^"]\S*|".+?")\s*')
+
+
+def parse_filter_terms(raw):
+    """AntennaPod filter text -> its terms, e.g. 'a "b c"' -> ['a', 'b c']."""
+    terms = []
+    for m in _TERM.finditer(raw or ''):
+        # diora separates its words by commas, so a comma can't be in one.
+        term = ' '.join(m.group(1).replace('"', '').replace(',', ' ').split())
+        if term and term.casefold() not in {t.casefold() for t in terms}:
+            terms.append(term)
+    return terms
+
+
+def filter_words(raw, max_length=500):
+    """AntennaPod filter text -> diora's comma-separated words ('' if none);
+    as many whole terms as fit into the field."""
+    out = ''
+    for term in parse_filter_terms(raw):
+        candidate = f'{out}, {term}' if out else term
+        if len(candidate) > max_length:
+            break
+        out = candidate
+    return out
+
+
+def _ms(value):
+    """A millisecond timestamp -> aware datetime; None for 0/empty/absurd."""
+    try:
+        value = int(value or 0)
+    except (TypeError, ValueError):
+        return None
+    if value <= 0:
+        return None
+    try:
+        return datetime.fromtimestamp(value / 1000, tz=dt_timezone.utc)
+    except (OverflowError, OSError, ValueError):
+        return None
+
+
+def _chunks(seq, size=CHUNK):
+    seq = list(seq)
+    for i in range(0, len(seq), size):
+        yield seq[i:i + size]
+
+
+@contextmanager
+def _given_updated_at():
+    """Let bulk_create keep the EpisodeProgress.updated_at we set (auto_now
+    would put now everywhere, and the history and the statistics go by it)."""
+    f = EpisodeProgress._meta.get_field('updated_at')
+    f.auto_now = False
+    try:
+        yield
+    finally:
+        f.auto_now = True
+
+
+# ---------------------------------------------------------------------------
+# Feed settings
+# ---------------------------------------------------------------------------
+
+def feed_settings(ap, global_auto_download=False):
+    """diora settings for one AntennaPod feed row: only those AntennaPod sets
+    to something other than its default. Returns (settings, not_kept_updated)."""
+    s = {}
+    speed = ap['feed_playback_speed']
+    if speed is not None and speed > 0:  # -1 = the global speed
+        s['playback_speed'] = min(max(round(float(speed), 2), 0.5), 3.0)
+    for src, dst in (('feed_skip_intro', 'skip_intro'), ('feed_skip_ending', 'skip_outro')):
+        seconds = int(ap[src] or 0)
+        if seconds > 0:
+            s[dst] = min(seconds, 600)
+    volume = VOLUME_CODES.get(ap['feed_volume_adaption'] or 0)
+    if volume:
+        s['volume'] = volume
+    for src, dst in (('include_filter', 'include_words'), ('exclude_filter', 'exclude_words')):
+        words = filter_words(ap[src])
+        if words:
+            s[dst] = words
+    minutes = int(ap['minimal_duration_filter'] or 0) // 60  # seconds, -1 = none
+    if minutes > 0:
+        s['min_duration'] = min(minutes, 600)
+    action = NEW_EPISODE_ACTIONS.get(ap['new_episodes_action'] or 0)
+    # "Don't update this podcast": AntennaPod never shows anything new of it.
+    not_kept_updated = not ap['keep_updated'] and action != PodcastFeed.NEW_QUEUE
+    if not_kept_updated:
+        action = PodcastFeed.NEW_IGNORE
+    if action:
+        s['new_episodes'] = action
+    code = ap['auto_download']
+    if code == AUTO_DOWNLOAD_ON:
+        s['auto_download'] = True
+    elif code == AUTO_DOWNLOAD_GLOBAL:
+        s['auto_download'] = bool(global_auto_download)
+    elif code == AUTO_DOWNLOAD_OFF:
+        s['auto_download'] = False
+    return s, not_kept_updated
+
+
+# ---------------------------------------------------------------------------
+# The import
+# ---------------------------------------------------------------------------
+
+@dataclass
+class ItemState:
+    """What one AntennaPod episode says about its diora episode."""
+    played: bool
+    dismissed: bool
+    position: int          # seconds
+    favorite: bool
+    activity: datetime | None  # last played or finished, if known
+    when: datetime         # what updated_at becomes: activity, else pub date, else the backup date
+
+    def merge(self, other):
+        """Two AntennaPod episodes (duplicate feeds) for one diora episode:
+        the one listened to last, a star from either."""
+        a = self if self.when >= other.when else other
+        return ItemState(a.played, a.dismissed, a.position, self.favorite or other.favorite, a.activity, a.when)
+
+
+@dataclass
+class Stats:
+    backup_feeds: int = 0
+    not_subscribed: int = 0
+    matched: int = 0
+    created: int = 0
+    duplicates: int = 0
+    created_titles: list = field(default_factory=list)
+    skipped_feeds: list = field(default_factory=list)  # (title, url)
+    settings: dict = field(default_factory=lambda: {name: 0 for name in SETTING_FIELDS})
+    not_kept_updated: int = 0
+    auto_download_on: int = 0
+    auto_download_explicit: int = 0
+    auto_download_global: int = 0
+    auto_download_default: bool = False
+    auto_download_default_changed: bool = False
+    stateful: int = 0
+    by_guid: int = 0
+    by_url: int = 0
+    episodes_created: int = 0
+    no_audio: int = 0
+    in_skipped_feeds: int = 0
+    stateless_matched: int = 0
+    progress_new: int = 0
+    progress_updated: int = 0
+    progress_unchanged: int = 0
+    progress_kept: int = 0
+    left_inbox: int = 0
+    favorites_backup: int = 0
+    favorites_before: int = 0
+    favorites_after: int = 0
+    queue_backup: int = 0
+    queue_missing: int = 0
+    queue_before: int = 0
+    queue_after: int = 0
+    queue_appended: int = 0
+    keep_sorted: str = ''
+    inbox_before: int = 0
+    inbox_after: int = 0
+    backup_date: datetime | None = None
+    seconds: float = 0.0
+
+
+def _inbox_count(user):
+    hidden = EpisodeProgress.objects.filter(user=user).filter(Q(played=True) | Q(dismissed=True))
+    return PodcastEpisode.objects.filter(feed__user=user).exclude(id__in=hidden.values('episode_id')).count()
+
+
+def _open_backup(path):
+    uri = Path(path).resolve().as_uri() + '?mode=ro'
+    db = None
+    try:
+        db = sqlite3.connect(uri, uri=True)
+        tables = {r[0] for r in db.execute("SELECT name FROM sqlite_master WHERE type='table'")}
+    except sqlite3.DatabaseError as e:
+        if db is not None:
+            db.close()
+        raise AntennaPodImportError(f'{path} is not an SQLite database: {e}')
+    missing = {'Feeds', 'FeedItems', 'FeedMedia', 'Queue', 'Favorites'} - tables
+    if missing:
+        db.close()
+        raise AntennaPodImportError(
+            f'{path} is not an AntennaPod backup (missing tables: {", ".join(sorted(missing))})')
+    return db
+
+
+def _columns(db, table):
+    return {r[1] for r in db.execute(f'PRAGMA table_info({table})')}
+
+
+class AntennaPodImport:
+    def __init__(self, user, path, backup_date, global_auto_download=False):
+        self.user = user
+        self.path = path
+        self.backup_date = backup_date
+        self.global_auto_download = global_auto_download
+        self.stats = Stats(backup_date=backup_date)
+
+    def run(self, dry_run=False):
+        started = time.monotonic()
+        db = _open_backup(self.path)
+        try:
+            with transaction.atomic():
+                self._run(db)
+                if dry_run:
+                    transaction.set_rollback(True)
+        finally:
+            db.close()
+        self.stats.seconds = time.monotonic() - started
+        return self.stats
+
+    def _run(self, db):
+        st = self.stats
+        user = self.user
+        st.queue_before = len(_queue_order(user))
+        st.inbox_before = _inbox_count(user)
+        st.favorites_before = EpisodeProgress.objects.filter(user=user, favorite=True).count()
+
+        # AntennaPod downloads new episodes of every podcast by default: so
+        # do diora's future subscriptions.
+        settings = PodcastSettings.for_user(user)
+        if self.global_auto_download and not settings.auto_download_default:
+            settings.auto_download_default = True
+            settings.save(update_fields=['auto_download_default'])
+            st.auto_download_default_changed = True
+        st.auto_download_default = settings.auto_download_default
+        self.new_feed = PodcastSettings.new_feed_defaults(user)
+
+        feed_map = self._import_feeds(db)                # AntennaPod feed id -> diora feed id
+        queue_items = [r[0] for r in db.execute('SELECT feeditem FROM Queue ORDER BY id')]
+        favorite_items = {r[0] for r in db.execute('SELECT feeditem FROM Favorites')}
+        st.queue_backup = len(queue_items)
+        st.favorites_backup = len(favorite_items)
+
+        states, not_new, item_episode = self._import_episodes(db, feed_map, set(queue_items), favorite_items)
+        self._import_progress(states, not_new)
+        self._import_queue(queue_items, item_episode)
+
+        st.queue_after = len(_queue_order(user))
+        st.inbox_after = _inbox_count(user)
+        st.favorites_after = EpisodeProgress.objects.filter(user=user, favorite=True).count()
+
+    # -- feeds --------------------------------------------------------------
+
+    def _import_feeds(self, db):
+        st = self.stats
+        have = _columns(db, 'Feeds')
+        select = ', '.join(c if c in have else f'{default!r} AS {c}' if default is not None else f'NULL AS {c}'
+                           for c, default in FEED_COLUMNS.items())
+        db.row_factory = sqlite3.Row
+        try:
+            rows = db.execute(f'SELECT {select} FROM Feeds ORDER BY id').fetchall()
+        finally:
+            db.row_factory = None
+        st.backup_feeds = len(rows)
+
+        mine = {}
+        for f in PodcastFeed.objects.filter(user=self.user).order_by('id'):
+            mine.setdefault(normalize_url(f.rss_url) or f.rss_url, f)
+
+        feed_map = {}       # AntennaPod id -> PodcastFeed (saved or still to create)
+        to_create = {}      # normalised URL -> new PodcastFeed
+        changed = {}        # diora id -> PodcastFeed with changed settings
+        for ap in rows:
+            if ap['state'] != SUBSCRIBED:
+                st.not_subscribed += 1
+                continue
+            url = (ap['download_url'] or '').strip()
+            title = (ap['custom_title'] or ap['title'] or url).strip()
+            key = normalize_url(url)
+            if key is None or len(url) > 1000:
+                st.skipped_feeds.append((title, url))
+                continue
+            feed = mine.get(key) or to_create.get(key)
+            if feed is None:
+                feed = PodcastFeed(
+                    user=self.user, rss_url=url, title=title[:300], author=(ap['author'] or '')[:300],
+                    link=_web_url(ap['link']), artwork_url=_web_url(ap['image_url']), **self.new_feed,
+                )
+                to_create[key] = feed
+                st.created += 1
+                st.created_titles.append(feed.title)
+            elif any(f is feed for f in feed_map.values()):
+                st.duplicates += 1
+            elif feed.pk:
+                st.matched += 1
+            feed_map[ap['id']] = feed
+
+            settings, not_kept_updated = feed_settings(ap, self.global_auto_download)
+            st.not_kept_updated += not_kept_updated
+            st.auto_download_explicit += ap['auto_download'] == AUTO_DOWNLOAD_ON
+            st.auto_download_global += ap['auto_download'] == AUTO_DOWNLOAD_GLOBAL
+            for name, value in settings.items():
+                if getattr(feed, name) != value:
+                    setattr(feed, name, value)
+                    st.settings[name] += 1
+                    if feed.pk:
+                        changed[feed.pk] = feed
+            feed.auto_queue = feed.new_episodes == PodcastFeed.NEW_QUEUE
+
+        if changed:
+            PodcastFeed.objects.bulk_update(list(changed.values()), [*SETTING_FIELDS, 'auto_queue'],
+                                            batch_size=CHUNK)
+        if to_create:
+            # last_refreshed_at stays empty: the next refresh fetches them,
+            # with the first-fetch rule (only the newest episode is new).
+            PodcastFeed.objects.bulk_create(list(to_create.values()), batch_size=CHUNK)
+            ids = {}
+            for urls in _chunks(f.rss_url for f in to_create.values()):
+                ids.update(PodcastFeed.objects.filter(user=self.user, rss_url__in=urls).values_list('rss_url', 'id'))
+            for f in to_create.values():
+                f.pk = ids[f.rss_url]
+        st.auto_download_on = sum(1 for f in {id(f): f for f in feed_map.values()}.values() if f.auto_download)
+        return {ap_id: f.pk for ap_id, f in feed_map.items()}
+
+    # -- episodes -----------------------------------------------------------
+
+    def _import_episodes(self, db, feed_map, queued, favorites):
+        """Match AntennaPod's episodes to diora's, create the missing ones
+        that have a state. Returns ({episode id: ItemState} for those with a
+        state, {episode ids} of matched ones without (not new), {AntennaPod
+        item id: episode id})."""
+        st = self.stats
+        backup = self.backup_date
+        states = {}
+        not_new = set()
+        item_episode = {}
+        to_create = {}  # (diora feed id, guid) -> [ItemState, AntennaPod item id, audio url, duration, pub_date]
+
+        cur = db.execute(
+            'SELECT i.feed, i.id, i.item_identifier, i.read, i.pubDate, m.download_url, m.duration, '
+            'm.position, m.last_played_time, m.playback_completion_date '
+            'FROM FeedItems i LEFT JOIN FeedMedia m ON m.feeditem = i.id ORDER BY i.feed, i.id'
+        )
+
+        def rows():
+            while True:
+                batch = cur.fetchmany(5000)
+                if not batch:
+                    return
+                yield from batch
+
+        for ap_feed, items in groupby(rows(), key=lambda r: r[0]):
+            feed_id = feed_map.get(ap_feed)
+            by_guid = by_url = None
+            for (_, item_id, ident, read, pub_ms, audio, duration, position, last_played, completed) in items:
+                position = max(int(position or 0), 0) // 1000
+                activity = max(filter(None, (_ms(last_played), _ms(completed))), default=None)
+                in_queue = item_id in queued
+                favorite = item_id in favorites
+                stateful = read in (NEW, PLAYED) or position > 0 or activity is not None or in_queue or favorite
+                if feed_id is None:
+                    st.in_skipped_feeds += stateful
+                    continue
+                if by_guid is None:
+                    by_guid, by_url = {}, {}
+                    for ep_id, guid, url in (PodcastEpisode.objects.filter(feed_id=feed_id)
+                                             .order_by('id').values_list('id', 'guid', 'audio_url')):
+                        by_guid.setdefault(guid, ep_id)
+                        by_url.setdefault(normalize_url(url), ep_id)
+                ident = (ident or '').strip()
+                audio = (audio or '').strip()
+                guid = (ident or audio)[:1000]
+                ep_id = by_guid.get(guid) if guid else None
+                how = 'guid'
+                if ep_id is None and audio:
+                    ep_id = by_url.get(normalize_url(audio))
+                    how = 'url'
+                if not stateful:
+                    if ep_id is not None:
+                        not_new.add(ep_id)
+                        item_episode[item_id] = ep_id
+                    continue
+
+                st.stateful += 1
+                played = read == PLAYED
+                pub_date = _ms(pub_ms)
+                state = ItemState(
+                    played=played,
+                    # Only AntennaPod's "new" stays in the inbox; queued is never new.
+                    dismissed=read != NEW or in_queue,
+                    position=0 if played else position,
+                    favorite=favorite,
+                    activity=activity,
+                    when=activity or (min(pub_date, backup) if pub_date else backup),
+                )
+                if ep_id is not None:
+                    st.by_guid += how == 'guid'
+                    st.by_url += how == 'url'
+                    states[ep_id] = state.merge(states[ep_id]) if ep_id in states else state
+                    item_episode[item_id] = ep_id
+                    continue
+                if normalize_url(audio) is None or len(audio) > 1000:
+                    st.no_audio += 1
+                    continue
+                key = (feed_id, guid)
+                if key in to_create:
+                    pending = to_create[key]
+                    pending[0] = state.merge(pending[0])
+                    pending[1].append(item_id)
+                else:
+                    to_create[key] = [state, [item_id], audio, max(int(duration or 0), 0) // 1000, pub_date]
+
+        if to_create:
+            self._create_episodes(db, to_create, states, item_episode)
+        not_new -= states.keys()
+        st.stateless_matched = len(not_new)
+        return states, not_new, item_episode
+
+    def _create_episodes(self, db, to_create, states, item_episode):
+        st = self.stats
+        # A few at a time: shownotes can be large.
+        for keys in _chunks(to_create, 200):
+            first_item = {to_create[key][1][0]: key for key in keys}
+            marks = ','.join('?' * len(first_item))
+            details = {
+                first_item[item_id]: (title, description, image)
+                for item_id, title, description, image in db.execute(
+                    f'SELECT id, title, description, image_url FROM FeedItems WHERE id IN ({marks})',
+                    list(first_item))
+            }
+            batch = []
+            for key in keys:
+                _, _, audio, duration, pub_date = to_create[key]
+                title, description, image = details.get(key, ('', '', ''))
+                batch.append(PodcastEpisode(
+                    feed_id=key[0], guid=key[1], title=(title or 'Untitled')[:500],
+                    description=(description or '')[:MAX_DESCRIPTION], audio_url=audio,
+                    duration_seconds=duration, pub_date=pub_date, artwork_url=_web_url(image),
+                ))
+            PodcastEpisode.objects.bulk_create(batch)
+        st.episodes_created = len(to_create)
+
+        by_feed = {}
+        for feed_id, guid in to_create:
+            by_feed.setdefault(feed_id, []).append(guid)
+        for feed_id, guids in by_feed.items():
+            for chunk in _chunks(guids):
+                created = PodcastEpisode.objects.filter(feed_id=feed_id, guid__in=chunk).values_list('guid', 'id')
+                for guid, ep_id in created:
+                    state, item_ids = to_create[(feed_id, guid)][:2]
+                    states[ep_id] = state
+                    for item_id in item_ids:
+                        item_episode[item_id] = ep_id
+
+    # -- progress -----------------------------------------------------------
+
+    def _import_progress(self, states, not_new):
+        st = self.stats
+        user = self.user
+        backup = self.backup_date
+        existing = {}
+        for ids in _chunks([*states, *not_new]):
+            for p in EpisodeProgress.objects.filter(user=user, episode_id__in=ids):
+                existing[p.episode_id] = p
+
+        def diora_newer(p, activity):
+            # Changed in diora after the backup was made (and after the
+            # episode was last played in AntennaPod): diora's state stays.
+            return p.updated_at > backup and (activity is None or p.updated_at > activity)
+
+        new_rows, changed, favorite_only, dismiss_only = [], [], [], []
+        for ep_id, s in states.items():
+            p = existing.get(ep_id)
+            if p is None:
+                new_rows.append(EpisodeProgress(
+                    user=user, episode_id=ep_id, position_seconds=s.position, played=s.played,
+                    dismissed=s.dismissed, favorite=s.favorite, updated_at=s.when,
+                ))
+                st.progress_new += 1
+                continue
+            favorite = p.favorite or s.favorite  # stars from both
+            if diora_newer(p, s.activity):
+                st.progress_kept += 1
+                if favorite != p.favorite:
+                    favorite_only.append(p.pk)
+                continue
+            wanted = (s.position, s.played, s.dismissed, favorite, s.when)
+            if (p.position_seconds, p.played, p.dismissed, p.favorite, p.updated_at) == wanted:
+                st.progress_unchanged += 1
+                continue
+            p.position_seconds, p.played, p.dismissed, p.favorite, p.updated_at = wanted
+            changed.append(p)
+            st.progress_updated += 1
+
+        # Known to AntennaPod, but not new there: out of the inbox.
+        for ep_id in not_new:
+            p = existing.get(ep_id)
+            if p is None:
+                new_rows.append(EpisodeProgress(user=user, episode_id=ep_id, dismissed=True, updated_at=backup))
+                st.left_inbox += 1
+            elif not p.played and not p.dismissed and not diora_newer(p, None):
+                dismiss_only.append(p.pk)
+                st.left_inbox += 1
+
+        with _given_updated_at():
+            EpisodeProgress.objects.bulk_create(new_rows, batch_size=CHUNK)
+        # bulk_update writes updated_at as given (no auto_now there).
+        EpisodeProgress.objects.bulk_update(
+            changed, ['position_seconds', 'played', 'dismissed', 'favorite', 'updated_at'], batch_size=CHUNK)
+        # A star or leaving the inbox isn't listening: updated_at stays.
+        for ids in _chunks(favorite_only):
+            EpisodeProgress.objects.filter(pk__in=ids).update(favorite=True)
+        for ids in _chunks(dismiss_only):
+            EpisodeProgress.objects.filter(pk__in=ids).update(dismissed=True)
+
+    # -- queue --------------------------------------------------------------
+
+    def _import_queue(self, queue_items, item_episode):
+        """AntennaPod's queue first, then what else was in diora's."""
+        st = self.stats
+        user = self.user
+        before = _queue_order(user)
+        front = []
+        for item_id in queue_items:
+            ep_id = item_episode.get(item_id)
+            if ep_id is None:
+                st.queue_missing += 1
+            elif ep_id not in front:
+                front.append(ep_id)
+        if not front:
+            return
+        in_front = set(front)
+        rest = [ep_id for ep_id in before if ep_id not in in_front]
+        st.queue_appended = len(rest)
+        present = set(before)
+        PodcastQueue.objects.bulk_create(
+            [PodcastQueue(user=user, episode_id=ep_id, position=len(before) + i)
+             for i, ep_id in enumerate(e for e in front if e not in present)],
+            batch_size=CHUNK,
+        )
+        _write_queue_order(user, front + rest)
+        _leave_inbox(user, front)  # queued = not new
+        if _keep_sorted(user):
+            st.keep_sorted = PodcastSettings.objects.get(user=user).keep_sorted
+
+
+# ---------------------------------------------------------------------------
+# Summary
+# ---------------------------------------------------------------------------
+
+SETTING_LABELS = {
+    'playback_speed': 'speed', 'skip_intro': 'skip intro', 'skip_outro': 'skip outro', 'volume': 'volume',
+    'include_words': 'include words', 'exclude_words': 'exclude words', 'min_duration': 'min duration',
+    'new_episodes': 'new episodes', 'auto_download': 'auto-download',
+}
+
+
+def _on(flag):
+    return 'on' if flag else 'off'
+
+
+def summary_lines(st, username, path, dry_run, global_auto_download):
+    when = st.backup_date.strftime('%Y-%m-%d %H:%M UTC') if st.backup_date else '?'
+    subscribed = st.backup_feeds - st.not_subscribed
+    settings = ', '.join(f'{SETTING_LABELS[k]} {v}' for k, v in st.settings.items())
+    lines = [
+        f"AntennaPod import for user '{username}' from {Path(path).name} (backup date {when})"
+        + (' -- DRY RUN, nothing was written' if dry_run else ''),
+        f'Feeds:      {st.backup_feeds} in backup, {subscribed} subscribed ({st.not_subscribed} not subscribed '
+        f'ignored); {st.matched} matched, {st.created} created, {len(st.skipped_feeds)} skipped (not http/https), '
+        f'{st.duplicates} duplicates',
+        f'Settings:   changed: {settings}',
+        f'            {st.not_kept_updated} feeds not kept updated in AntennaPod -> new episodes "ignore"',
+        f'Auto-download: on for {st.auto_download_on} feeds ({st.auto_download_explicit} on in AntennaPod, '
+        f"{st.auto_download_global} use AntennaPod's global setting -> {_on(global_auto_download)} "
+        f'by --global-auto-download); default for new subscriptions: {_on(st.auto_download_default)}'
+        + (' (set by this import)' if st.auto_download_default_changed else ''),
+        f'Episodes:   {st.stateful} with a state: {st.by_guid} matched by guid, {st.by_url} by URL, '
+        f'{st.episodes_created} created, {st.no_audio} skipped (no audio URL), {st.in_skipped_feeds} in skipped feeds',
+        f'            {st.stateless_matched} without a state matched to diora episodes (not new in AntennaPod)',
+        f'Progress:   {st.progress_new} new, {st.progress_updated} updated, '
+        f'{st.progress_unchanged} unchanged, {st.progress_kept} kept (diora newer); '
+        f'{st.left_inbox} taken out of the inbox (not new in AntennaPod)',
+        f'Favourites: {st.favorites_backup} in backup; {st.favorites_before} before, {st.favorites_after} after',
+        f'Queue:      {st.queue_backup} in backup ({st.queue_missing} not found); {st.queue_before} before, '
+        f'{st.queue_after} after ({st.queue_appended} diora entries after AntennaPod\'s)'
+        + (f'; kept sorted by "{st.keep_sorted}"' if st.keep_sorted else ''),
+        f'Inbox:      {st.inbox_before} before, {st.inbox_after} after',
+        f'Created feeds ({len(st.created_titles)}):',
+        *(f'  - {t}' for t in st.created_titles),
+        f'Skipped feeds ({len(st.skipped_feeds)}):',
+        *(f'  - {t} ({u})' for t, u in st.skipped_feeds),
+        f'Done in {st.seconds:.1f} s.',
+    ]
+    return lines
diff --git a/podcasts/management/commands/import_antennapod.py b/podcasts/management/commands/import_antennapod.py
new file mode 100644
index 0000000..1c14216
--- /dev/null
+++ b/podcasts/management/commands/import_antennapod.py
@@ -0,0 +1,56 @@
+import os
+from datetime import datetime, timezone as dt_timezone
+
+from django.contrib.auth.models import User
+from django.core.management.base import BaseCommand, CommandError
+from django.utils.dateparse import parse_datetime
+
+from podcasts.antennapod import AntennaPodImport, AntennaPodImportError, summary_lines
+
+
+class Command(BaseCommand):
+    help = (
+        "Import an AntennaPod database backup (Settings > Database > Export) into one user's podcasts: "
+        'subscriptions with their settings, played/new/started episodes, favourites and the queue. '
+        'Feeds it creates are fetched by the next refresh; running the import once more after that '
+        'also takes their older episodes that were not new in AntennaPod out of the inbox. '
+        'Running it twice changes nothing more.'
+    )
+
+    def add_arguments(self, parser):
+        parser.add_argument('path', help='AntennaPod backup (.db)')
+        parser.add_argument('--user', required=True, help='diora username')
+        parser.add_argument('--dry-run', action='store_true',
+                            help='Do everything inside a transaction that is rolled back, print the summary')
+        parser.add_argument('--global-auto-download', choices=('on', 'off'), default='off',
+                            help="Auto-download for feeds that use AntennaPod's global setting (default off)")
+        parser.add_argument('--backup-date',
+                            help='When the backup was made (ISO date/time, UTC if no zone); default: the file date. '
+                                 'diora changes after it win over the backup.')
+
+    def handle(self, *args, **options):
+        path = options['path']
+        if not os.path.isfile(path):
+            raise CommandError(f'No such file: {path}')
+        try:
+            user = User.objects.get(username=options['user'])
+        except User.DoesNotExist:
+            raise CommandError(f"No such user: {options['user']}")
+
+        if options['backup_date']:
+            raw = options['backup_date']
+            backup_date = parse_datetime(raw) or parse_datetime(f'{raw}T00:00')
+            if backup_date is None:
+                raise CommandError(f'Invalid --backup-date: {raw}')
+            if backup_date.tzinfo is None:
+                backup_date = backup_date.replace(tzinfo=dt_timezone.utc)
+        else:
+            backup_date = datetime.fromtimestamp(os.path.getmtime(path), tz=dt_timezone.utc)
+
+        global_auto_download = options['global_auto_download'] == 'on'
+        try:
+            stats = AntennaPodImport(user, path, backup_date, global_auto_download).run(dry_run=options['dry_run'])
+        except AntennaPodImportError as e:
+            raise CommandError(str(e))
+        for line in summary_lines(stats, user.username, path, options['dry_run'], global_auto_download):
+            self.stdout.write(line)
diff --git a/podcasts/migrations/0010_feed_auto_download.py b/podcasts/migrations/0010_feed_auto_download.py
new file mode 100644
index 0000000..f71d566
--- /dev/null
+++ b/podcasts/migrations/0010_feed_auto_download.py
@@ -0,0 +1,21 @@
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0009_episode_transcript_cache'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='auto_download',
+            field=models.BooleanField(default=False),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='auto_download_default',
+            field=models.BooleanField(default=False),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 90eb0c5..b248e20 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -48,6 +48,9 @@ class PodcastFeed(models.Model):
     include_words = models.CharField(max_length=500, blank=True)
     exclude_words = models.CharField(max_length=500, blank=True)
     min_duration = models.PositiveIntegerField(default=0)  # minutes, 0 = any
+    # Devices download this feed's new episodes (those in the inbox) on
+    # their own, for listening offline.
+    auto_download = models.BooleanField(default=False)
 
     class Meta:
         unique_together = ('user', 'rss_url')
@@ -231,11 +234,19 @@ class PodcastSettings(models.Model):
     # front = how auto-queue always worked before this setting existed
     auto_queue_position = models.CharField(max_length=20, choices=POSITIONS, default=FRONT)
     keep_sorted = models.CharField(max_length=10, choices=SORT_ORDERS, default='', blank=True)
+    # What PodcastFeed.auto_download starts as for a new subscription.
+    auto_download_default = models.BooleanField(default=False)
 
     @classmethod
     def for_user(cls, user):
         obj, _ = cls.objects.get_or_create(user=user)
         return obj
 
+    @classmethod
+    def new_feed_defaults(cls, user):
+        """Field values a new PodcastFeed of the user starts with."""
+        auto_download = cls.objects.filter(user=user).values_list('auto_download_default', flat=True).first()
+        return {'auto_download': bool(auto_download)}
+
     def __str__(self):
         return f'Podcast settings of {self.user}'
diff --git a/podcasts/test_antennapod.py b/podcasts/test_antennapod.py
new file mode 100644
index 0000000..953644a
--- /dev/null
+++ b/podcasts/test_antennapod.py
@@ -0,0 +1,501 @@
+import os
+import sqlite3
+import tempfile
+from datetime import datetime, timedelta, timezone
+from io import StringIO
+from unittest.mock import patch
+
+from django.contrib.auth.models import User
+from django.core.management import call_command
+from django.core.management.base import CommandError
+from django.test import TestCase
+
+from .antennapod import filter_words, normalize_url, parse_filter_terms
+from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings
+
+BACKUP_DATE = datetime(2026, 9, 1, 12, 0, tzinfo=timezone.utc)
+T0 = datetime(2026, 8, 1, tzinfo=timezone.utc)
+
+
+def ms(dt):
+    return int(dt.timestamp() * 1000)
+
+
+class Backup:
+    """A small AntennaPod database: the tables and columns the import reads."""
+
+    SCHEMA = """
+        CREATE TABLE Feeds (id INTEGER PRIMARY KEY AUTOINCREMENT, title TEXT, custom_title TEXT,
+            download_url TEXT, link TEXT, author TEXT, image_url TEXT, keep_updated INTEGER DEFAULT 1,
+            include_filter TEXT DEFAULT '', exclude_filter TEXT DEFAULT '',
+            minimal_duration_filter INTEGER DEFAULT -1, new_episodes_action INTEGER DEFAULT 0,
+            feed_playback_speed REAL DEFAULT -1, feed_skip_intro INTEGER DEFAULT 0,
+            feed_skip_ending INTEGER DEFAULT 0, feed_volume_adaption INTEGER DEFAULT 0,
+            auto_download INTEGER DEFAULT 0, state INTEGER DEFAULT 0, tags TEXT);
+        CREATE TABLE FeedItems (id INTEGER PRIMARY KEY AUTOINCREMENT, title TEXT, pubDate INTEGER,
+            read INTEGER, link TEXT, description TEXT, media INTEGER, feed INTEGER,
+            item_identifier TEXT, image_url TEXT);
+        CREATE TABLE FeedMedia (id INTEGER PRIMARY KEY AUTOINCREMENT, duration INTEGER, download_url TEXT,
+            position INTEGER, playback_completion_date INTEGER, feeditem INTEGER, played_duration INTEGER,
+            last_played_time INTEGER);
+        CREATE TABLE Queue (id INTEGER PRIMARY KEY AUTOINCREMENT, feeditem INTEGER, feed INTEGER);
+        CREATE TABLE Favorites (id INTEGER PRIMARY KEY AUTOINCREMENT, feeditem INTEGER, feed INTEGER);
+    """
+
+    def __init__(self, path):
+        self.path = path
+        self.db = sqlite3.connect(path)
+        self.db.executescript(self.SCHEMA)
+
+    def feed(self, url, title='Feed', **cols):
+        cols = {'download_url': url, 'title': title, **cols}
+        cur = self.db.execute(f'INSERT INTO Feeds ({",".join(cols)}) VALUES ({",".join("?" * len(cols))})',
+                              list(cols.values()))
+        self.db.commit()
+        return cur.lastrowid
+
+    def item(self, feed, guid, read=0, audio=None, pub=T0, duration=1800, position=0, completed=None,
+             last_played=None, title=None, description='', image_url=None, media=True):
+        cur = self.db.execute(
+            'INSERT INTO FeedItems (title, pubDate, read, description, feed, item_identifier, image_url) '
+            'VALUES (?,?,?,?,?,?,?)',
+            (title or f'Episode {guid}', ms(pub) if pub else 0, read, description, feed, guid, image_url))
+        item_id = cur.lastrowid
+        if media:
+            self.db.execute(
+                'INSERT INTO FeedMedia (duration, download_url, position, playback_completion_date, feeditem, '
+                'played_duration, last_played_time) VALUES (?,?,?,?,?,?,?)',
+                (duration * 1000, audio or f'https://cdn.example.org/{guid}.mp3', position * 1000,
+                 ms(completed) if completed else 0, item_id, 0, ms(last_played) if last_played else 0))
+        self.db.commit()
+        return item_id
+
+    def queue(self, *items):
+        for i in items:
+            self.db.execute('INSERT INTO Queue (feeditem, feed) SELECT id, feed FROM FeedItems WHERE id=?', (i,))
+        self.db.commit()
+
+    def favorite(self, *items):
+        for i in items:
+            self.db.execute('INSERT INTO Favorites (feeditem, feed) SELECT id, feed FROM FeedItems WHERE id=?', (i,))
+        self.db.commit()
+
+    def close(self):
+        self.db.close()
+
+
+class ImportTestCase(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.tmp = tempfile.TemporaryDirectory()
+        self.ap = Backup(os.path.join(self.tmp.name, 'AntennaPodBackup.db'))
+
+    def tearDown(self):
+        self.ap.close()
+        self.tmp.cleanup()
+
+    def run_import(self, *args, user='alice'):
+        out = StringIO()
+        call_command('import_antennapod', self.ap.path, '--user', user,
+                     '--backup-date', BACKUP_DATE.isoformat(), *args, stdout=out)
+        return out.getvalue()
+
+    def diora_feed(self, url='https://example.org/feed', **kw):
+        return PodcastFeed.objects.create(user=self.user, rss_url=url, title=kw.pop('title', 'Diora'), **kw)
+
+    def episode(self, feed, guid, audio=None, **kw):
+        return PodcastEpisode.objects.create(feed=feed, guid=guid, title=guid,
+                                             audio_url=audio or f'https://cdn.example.org/{guid}.mp3', **kw)
+
+    def progress(self, episode):
+        return EpisodeProgress.objects.filter(user=self.user, episode=episode).first()
+
+    def snapshot(self):
+        return (
+            list(PodcastFeed.objects.order_by('id').values()),
+            list(PodcastEpisode.objects.order_by('id').values()),
+            list(EpisodeProgress.objects.order_by('id').values()),
+            list(PodcastQueue.objects.order_by('id').values('id', 'user_id', 'episode_id', 'position')),
+        )
+
+    def queue(self):
+        return list(PodcastQueue.objects.filter(user=self.user).order_by('position')
+                    .values_list('episode_id', flat=True))
+
+
+class HelperTests(TestCase):
+    def test_normalize_url(self):
+        same = ['https://www.Example.org/feed/', 'http://example.org/feed', 'HTTPS://EXAMPLE.ORG/feed',
+                'https://example.org:443/feed#x', 'http://example.org:80/feed//']
+        self.assertEqual({normalize_url(u) for u in same}, {'example.org/feed'})
+        self.assertNotEqual(normalize_url('https://example.org/Feed'), normalize_url('https://example.org/feed'))
+        self.assertEqual(normalize_url('https://example.org:8080/f?a=1'), 'example.org:8080/f?a=1')
+        for bad in ('antennapod_local:content://x', '', None, 'ftp://example.org/f', 'https://'):
+            self.assertIsNone(normalize_url(bad))
+
+    def test_filter_terms(self):
+        self.assertEqual(parse_filter_terms('news "long talk" Teaser'), ['news', 'long talk', 'Teaser'])
+        self.assertEqual(parse_filter_terms('"news headlines" '), ['news headlines'])
+        self.assertEqual(parse_filter_terms('  a   b '), ['a', 'b'])
+        self.assertEqual(parse_filter_terms('"open quote'), ['open', 'quote'])
+        self.assertEqual(parse_filter_terms('a,b A'), ['a b', 'A'])
+        self.assertEqual(parse_filter_terms('x X'), ['x'])
+        self.assertEqual(parse_filter_terms(''), [])
+        self.assertEqual(filter_words('news "long talk"'), 'news, long talk')
+        self.assertEqual(len(filter_words(' '.join(['word%03d' % i for i in range(100)]))), 493)
+
+
+class FeedImportTests(ImportTestCase):
+    def test_feeds_match_by_normalised_url_and_missing_ones_are_created(self):
+        mine = self.diora_feed('https://www.Example.org/feed/')
+        only_diora = self.diora_feed('https://example.org/only-in-diora')
+        self.ap.feed('http://example.org/feed', title='Same')
+        self.ap.feed('https://new.example.org/rss', title='Original', custom_title='Renamed', author='Ann',
+                     link='https://new.example.org/', image_url='https://new.example.org/art.jpg')
+        self.ap.feed('antennapod_local:content://folder', title='Local')
+        self.ap.feed('https://gone.example.org/rss', title='Not subscribed', state=1)
+
+        out = self.run_import()
+
+        self.assertEqual(PodcastFeed.objects.filter(user=self.user).count(), 3)
+        mine.refresh_from_db()
+        self.assertEqual(mine.title, 'Diora')  # matched, not renamed
+        self.assertTrue(PodcastFeed.objects.filter(pk=only_diora.pk).exists())
+        new = PodcastFeed.objects.get(user=self.user, rss_url='https://new.example.org/rss')
+        self.assertEqual((new.title, new.author, new.link, new.artwork_url, new.last_refreshed_at),
+                         ('Renamed', 'Ann', 'https://new.example.org/', 'https://new.example.org/art.jpg', None))
+        self.assertIn('Feeds:      4 in backup, 3 subscribed (1 not subscribed ignored); 1 matched, 1 created, '
+                      '1 skipped (not http/https), 0 duplicates', out)
+        self.assertIn('Created feeds (1):\n  - Renamed\n', out)
+        self.assertIn('Skipped feeds (1):\n  - Local (antennapod_local:content://folder)\n', out)
+
+    def test_two_backup_feeds_for_one_url(self):
+        self.ap.feed('https://example.org/feed')
+        self.ap.feed('http://www.example.org/feed/')
+        out = self.run_import()
+        self.assertEqual(PodcastFeed.objects.filter(user=self.user).count(), 1)
+        self.assertIn('0 matched, 1 created, 0 skipped (not http/https), 1 duplicates', out)
+
+    def test_settings(self):
+        keep = self.diora_feed('https://example.org/keep', playback_speed=1.5, skip_intro=10, volume=2.0,
+                               new_episodes='queue', include_words='x', min_duration=5, auto_download=True)
+        changed = self.diora_feed('https://example.org/changed', playback_speed=1.5)
+        self.ap.feed('https://example.org/keep', auto_download=1)  # all AntennaPod defaults
+        self.ap.feed('https://example.org/changed', feed_playback_speed=1.2000000476837158, feed_skip_intro=30,
+                     feed_skip_ending=700, feed_volume_adaption=2, include_filter='news "long talk" ',
+                     exclude_filter='"Trailer"', minimal_duration_filter=1500, new_episodes_action=2,
+                     auto_download=2)
+        self.ap.feed('https://example.org/fast', feed_playback_speed=3.5, feed_volume_adaption=5,
+                     minimal_duration_filter=59, new_episodes_action=3)
+        self.ap.feed('https://example.org/slow', feed_playback_speed=0.25, feed_volume_adaption=3,
+                     new_episodes_action=1)
+        self.ap.feed('https://example.org/loud', feed_volume_adaption=4)
+        self.ap.feed('https://example.org/quiet', feed_volume_adaption=1)
+
+        out = self.run_import()
+
+        keep.refresh_from_db()
+        self.assertEqual(
+            (keep.playback_speed, keep.skip_intro, keep.volume, keep.new_episodes, keep.auto_queue,
+             keep.include_words, keep.min_duration, keep.auto_download),
+            (1.5, 10, 2.0, 'queue', True, 'x', 5, False),  # auto_download "global", --global-auto-download off
+        )
+        changed.refresh_from_db()
+        self.assertEqual(
+            (changed.playback_speed, changed.skip_intro, changed.skip_outro, changed.volume, changed.include_words,
+             changed.exclude_words, changed.min_duration, changed.new_episodes, changed.auto_download),
+            (1.2, 30, 600, 0.2, 'news, long talk', 'Trailer', 25, 'ignore', True),
+        )
+        feeds = {f.rss_url.rsplit('/', 1)[1]: f for f in PodcastFeed.objects.filter(user=self.user)}
+        fast, slow = feeds['fast'], feeds['slow']
+        self.assertEqual((fast.playback_speed, fast.volume, fast.min_duration, fast.new_episodes, fast.auto_queue),
+                         (3.0, 2.5, 0, 'queue', True))
+        self.assertEqual((slow.playback_speed, slow.volume, slow.new_episodes, slow.auto_queue),
+                         (0.5, 1.5, 'inbox', False))
+        self.assertEqual((feeds['loud'].volume, feeds['quiet'].volume), (2.0, 0.5))
+        self.assertIn('Settings:   changed: speed 3, skip intro 1, skip outro 1, volume 5, include words 1, '
+                      'exclude words 1, min duration 1, new episodes 2, auto-download 2', out)
+
+    def test_not_kept_updated_feeds_bring_nothing_new(self):
+        self.ap.feed('https://example.org/a', keep_updated=0)
+        self.ap.feed('https://example.org/b', keep_updated=0, new_episodes_action=1)
+        self.ap.feed('https://example.org/c', keep_updated=0, new_episodes_action=3)
+        self.ap.feed('https://example.org/d', keep_updated=1)
+        out = self.run_import()
+        new = dict(PodcastFeed.objects.filter(user=self.user).values_list('rss_url', 'new_episodes'))
+        self.assertEqual(new, {'https://example.org/a': 'ignore', 'https://example.org/b': 'ignore',
+                               'https://example.org/c': 'queue', 'https://example.org/d': 'inbox'})
+        self.assertIn('2 feeds not kept updated in AntennaPod -> new episodes "ignore"', out)
+
+    def test_auto_download(self):
+        self.diora_feed('https://example.org/off', auto_download=True)
+        for name, code in (('off', 0), ('global', 1), ('on', 2), ('global2', 1)):
+            self.ap.feed(f'https://example.org/{name}', auto_download=code)
+
+        def values():
+            return dict(PodcastFeed.objects.filter(user=self.user).values_list('rss_url', 'auto_download'))
+
+        out = self.run_import()
+        self.assertEqual(values(), {'https://example.org/off': False, 'https://example.org/global': False,
+                                    'https://example.org/on': True, 'https://example.org/global2': False})
+        self.assertIn("Auto-download: on for 1 feeds (1 on in AntennaPod, 2 use AntennaPod's global setting -> off "
+                      'by --global-auto-download); default for new subscriptions: off\n', out)
+        self.assertFalse(PodcastSettings.for_user(self.user).auto_download_default)
+
+        out = self.run_import('--global-auto-download', 'on')
+        self.assertEqual(values(), {'https://example.org/off': False, 'https://example.org/global': True,
+                                    'https://example.org/on': True, 'https://example.org/global2': True})
+        self.assertIn("Auto-download: on for 3 feeds (1 on in AntennaPod, 2 use AntennaPod's global setting -> on "
+                      'by --global-auto-download); default for new subscriptions: on (set by this import)\n', out)
+        self.assertTrue(PodcastSettings.for_user(self.user).auto_download_default)
+        # Once more: nothing to set any more; "off" leaves the default alone.
+        self.assertIn('default for new subscriptions: on\n', self.run_import('--global-auto-download', 'on'))
+        self.assertIn('default for new subscriptions: on\n', self.run_import())
+
+    def test_created_feeds_start_with_the_users_default(self):
+        PodcastSettings.objects.create(user=self.user, auto_download_default=True)
+        self.ap.feed('https://example.org/explicit-off', auto_download=0)
+        self.ap.feed('https://example.org/on', auto_download=2)
+        self.run_import()
+        values = dict(PodcastFeed.objects.filter(user=self.user).values_list('rss_url', 'auto_download'))
+        self.assertEqual(values, {'https://example.org/explicit-off': False, 'https://example.org/on': True})
+
+
+class EpisodeImportTests(ImportTestCase):
+    def setUp(self):
+        super().setUp()
+        self.feed = self.diora_feed()
+        self.ap_feed = self.ap.feed('https://example.org/feed')
+
+    def test_matching_and_creating_episodes(self):
+        by_guid = self.episode(self.feed, 'g1')
+        by_url = self.episode(self.feed, 'other-guid', audio='http://www.cdn.example.org/g2.mp3')
+        stateless = self.episode(self.feed, 'g4')
+        untouched = self.episode(self.feed, 'g6')
+        self.ap.item(self.ap_feed, 'g1', read=1)
+        self.ap.item(self.ap_feed, 'g2', read=1, audio='https://cdn.example.org/g2.mp3')
+        self.ap.item(self.ap_feed, 'g3', read=1, title='Created', description='<p>Notes</p>', duration=3600,
+                     pub=T0 + timedelta(days=3), image_url='https://example.org/g3.jpg')
+        self.ap.item(self.ap_feed, 'g4', read=0)
+        self.ap.item(self.ap_feed, 'g5', read=0)  # no state, not in diora: not imported
+        self.ap.item(self.ap_feed, None, read=-1, audio='https://cdn.example.org/noguid.mp3')
+        self.ap.item(self.ap_feed, 'g7', read=1, media=False)
+
+        out = self.run_import()
+
+        self.assertTrue(self.progress(by_guid).played)
+        self.assertTrue(self.progress(by_url).played)
+        created = PodcastEpisode.objects.get(feed=self.feed, guid='g3')
+        self.assertEqual(
+            (created.title, created.description, created.audio_url, created.duration_seconds, created.pub_date,
+             created.artwork_url),
+            ('Created', '<p>Notes</p>', 'https://cdn.example.org/g3.mp3', 3600, T0 + timedelta(days=3),
+             'https://example.org/g3.jpg'),
+        )
+        self.assertTrue(self.progress(created).played)
+        # Without a guid, the audio URL is the guid (as when diora reads the feed).
+        noguid = PodcastEpisode.objects.get(feed=self.feed, guid='https://cdn.example.org/noguid.mp3')
+        self.assertFalse(self.progress(noguid).dismissed)
+        self.assertFalse(PodcastEpisode.objects.filter(guid__in=['g5', 'g7']).exists())
+        # Known to AntennaPod and not new there: out of the inbox, not played.
+        p = self.progress(stateless)
+        self.assertEqual((p.dismissed, p.played), (True, False))
+        self.assertIsNone(self.progress(untouched))
+        self.assertIn('Episodes:   5 with a state: 1 matched by guid, 1 by URL, 2 created, '
+                      '1 skipped (no audio URL), 0 in skipped feeds', out)
+        self.assertIn('1 without a state matched to diora episodes', out)
+        self.assertIn('Inbox:      4 before, 2 after', out)  # g6 and noguid
+
+    def test_states(self):
+        played_at = T0 + timedelta(days=10)
+        self.ap.item(self.ap_feed, 'played', read=1, position=0, completed=played_at, last_played=played_at)
+        self.ap.item(self.ap_feed, 'marked', read=1, pub=T0 + timedelta(days=2))
+        self.ap.item(self.ap_feed, 'started', read=0, position=600, last_played=played_at - timedelta(hours=1))
+        self.ap.item(self.ap_feed, 'new', read=-1, pub=T0 + timedelta(days=5))
+        self.ap.item(self.ap_feed, 'nodate', read=1, pub=None)
+        self.ap.item(self.ap_feed, 'future', read=1, pub=BACKUP_DATE + timedelta(days=30))
+        self.run_import()
+
+        def state(guid):
+            p = self.progress(PodcastEpisode.objects.get(guid=guid))
+            return p.played, p.dismissed, p.position_seconds, p.updated_at
+
+        self.assertEqual(state('played'), (True, True, 0, played_at))
+        self.assertEqual(state('marked'), (True, True, 0, T0 + timedelta(days=2)))  # no activity: pub date
+        self.assertEqual(state('started'), (False, True, 600, played_at - timedelta(hours=1)))
+        self.assertEqual(state('new'), (False, False, 0, T0 + timedelta(days=5)))
+        self.assertEqual(state('nodate'), (True, True, 0, BACKUP_DATE))
+        self.assertEqual(state('future'), (True, True, 0, BACKUP_DATE))
+
+    def test_favourites_are_a_union(self):
+        diora_star = self.episode(self.feed, 'a')
+        p = EpisodeProgress.objects.create(user=self.user, episode=diora_star, favorite=True)
+        EpisodeProgress.objects.filter(pk=p.pk).update(updated_at=BACKUP_DATE - timedelta(days=5))
+        both = self.episode(self.feed, 'b')
+        self.ap.item(self.ap_feed, 'a', read=1)  # AntennaPod wins, but diora's star stays
+        b = self.ap.item(self.ap_feed, 'b', read=0)
+        c = self.ap.item(self.ap_feed, 'c', read=0)
+        self.ap.favorite(b, c)
+        out = self.run_import()
+        p = self.progress(diora_star)
+        self.assertEqual((p.favorite, p.played), (True, True))
+        self.assertTrue(self.progress(both).favorite)
+        self.assertTrue(self.progress(PodcastEpisode.objects.get(guid='c')).favorite)
+        self.assertIn('Favourites: 2 in backup; 1 before, 3 after', out)
+
+    def test_merge_rule(self):
+        newer = self.episode(self.feed, 'newer')
+        older = self.episode(self.feed, 'older')
+        dismissed = self.episode(self.feed, 'dismissed')
+        after_backup = BACKUP_DATE + timedelta(days=1)
+        for ep, values in ((newer, dict(position_seconds=100)), (older, dict(position_seconds=100)),
+                           (dismissed, dict(dismissed=True))):
+            p = EpisodeProgress.objects.create(user=self.user, episode=ep, **values)
+            EpisodeProgress.objects.filter(pk=p.pk).update(
+                updated_at=after_backup if ep is not older else BACKUP_DATE - timedelta(days=1))
+        self.ap.item(self.ap_feed, 'newer', read=1, completed=BACKUP_DATE - timedelta(days=2))
+        self.ap.item(self.ap_feed, 'older', read=1, completed=BACKUP_DATE - timedelta(days=2))
+        n = self.ap.item(self.ap_feed, 'dismissed', read=-1)
+        self.ap.favorite(n)
+        out = self.run_import()
+        p = self.progress(newer)
+        self.assertEqual((p.played, p.position_seconds, p.updated_at), (False, 100, after_backup))
+        p = self.progress(older)
+        self.assertEqual((p.played, p.position_seconds, p.updated_at), (True, 0, BACKUP_DATE - timedelta(days=2)))
+        # diora's newer "not new" stays; the star comes over anyway, without
+        # touching updated_at.
+        p = self.progress(dismissed)
+        self.assertEqual((p.dismissed, p.favorite, p.updated_at), (True, True, after_backup))
+        self.assertIn('Progress:   0 new, 1 updated, 0 unchanged, 2 kept (diora newer)', out)
+
+    def test_activity_after_diora_change_wins(self):
+        ep = self.episode(self.feed, 'e')
+        p = EpisodeProgress.objects.create(user=self.user, episode=ep, position_seconds=50)
+        EpisodeProgress.objects.filter(pk=p.pk).update(updated_at=BACKUP_DATE + timedelta(hours=1))
+        self.ap.item(self.ap_feed, 'e', read=0, position=300, last_played=BACKUP_DATE + timedelta(hours=2))
+        self.run_import()
+        self.assertEqual(self.progress(ep).position_seconds, 300)
+
+    def test_queue(self):
+        x = self.episode(self.feed, 'x')
+        y = self.episode(self.feed, 'y')
+        PodcastQueue.objects.create(user=self.user, episode=x, position=0)
+        PodcastQueue.objects.create(user=self.user, episode=y, position=1)
+        a = self.ap.item(self.ap_feed, 'a', read=-1)
+        b = self.ap.item(self.ap_feed, 'b', read=0)
+        y_ap = self.ap.item(self.ap_feed, 'y', read=0)
+        local = self.ap.feed('antennapod_local:x')
+        lost = self.ap.item(local, 'l', read=0)
+        self.ap.queue(b, y_ap, lost, a)
+        out = self.run_import()
+        ids = {e.guid: e.id for e in PodcastEpisode.objects.filter(feed=self.feed)}
+        self.assertEqual(self.queue(), [ids['b'], y.id, ids['a'], x.id])
+        self.assertEqual(list(PodcastQueue.objects.filter(user=self.user).order_by('position')
+                              .values_list('position', flat=True)), [0, 1, 2, 3])
+        # Queued is not new, even if AntennaPod still had it as new.
+        self.assertTrue(self.progress(PodcastEpisode.objects.get(guid='a')).dismissed)
+        self.assertIn('Queue:      4 in backup (1 not found); 2 before, 4 after (1 diora entries after', out)
+
+    def test_queue_kept_sorted(self):
+        PodcastSettings.objects.create(user=self.user, keep_sorted='old')
+        a = self.ap.item(self.ap_feed, 'a', read=0, pub=T0 + timedelta(days=2))
+        b = self.ap.item(self.ap_feed, 'b', read=0, pub=T0 + timedelta(days=1))
+        self.ap.queue(a, b)
+        out = self.run_import()
+        self.assertEqual([PodcastEpisode.objects.get(pk=i).guid for i in self.queue()], ['b', 'a'])
+        self.assertIn('kept sorted by "old"', out)
+
+    def test_dry_run_writes_nothing(self):
+        self.episode(self.feed, 'g1')
+        PodcastQueue.objects.create(user=self.user, episode=self.episode(self.feed, 'q'), position=0)
+        g = self.ap.item(self.ap_feed, 'g1', read=1)
+        self.ap.item(self.ap_feed, 'g2', read=-1)
+        self.ap.feed('https://new.example.org/rss', feed_playback_speed=2.0)
+        self.ap.queue(g)
+        before = self.snapshot()
+        out = self.run_import('--dry-run')
+        self.assertEqual(self.snapshot(), before)
+        self.assertIn('DRY RUN', out)
+        self.assertIn('1 created', out)
+        self.assertIn('Queue:      1 in backup (0 not found); 1 before, 2 after', out)
+        self.assertNotIn('DRY RUN', self.run_import())
+        self.assertNotEqual(self.snapshot(), before)
+
+    def test_running_twice_changes_nothing_more(self):
+        self.episode(self.feed, 'g1')
+        self.episode(self.feed, 'stateless')
+        PodcastQueue.objects.create(user=self.user, episode=self.episode(self.feed, 'q'), position=0)
+        g1 = self.ap.item(self.ap_feed, 'g1', read=0, position=60, last_played=T0)
+        self.ap.item(self.ap_feed, 'stateless', read=0)
+        g2 = self.ap.item(self.ap_feed, 'g2', read=-1)
+        self.ap.item(self.ap_feed, 'g3', read=1)
+        self.ap.item(self.ap_feed, 'g4', read=1, pub=None)
+        self.ap.feed('https://new.example.org/rss', feed_playback_speed=2.0, keep_updated=0)
+        self.ap.queue(g2, g1)
+        self.ap.favorite(g1)
+        self.run_import()
+        first = self.snapshot()
+        out = self.run_import()
+        self.assertEqual(self.snapshot(), first)
+        self.assertIn('2 matched, 0 created', out)
+        self.assertIn('Settings:   changed: speed 0, skip intro 0, skip outro 0, volume 0, include words 0, '
+                      'exclude words 0, min duration 0, new episodes 0, auto-download 0', out)
+        self.assertIn('0 created, 0 skipped', out)
+        self.assertIn('Progress:   0 new, 0 updated, 4 unchanged, 0 kept (diora newer); 0 taken out', out)
+
+
+class AfterFirstRefreshTests(ImportTestCase):
+    """The way to move: import, let the new feeds be fetched, import again."""
+
+    def test_second_import_after_the_first_fetch(self):
+        import feedparser
+
+        from .views import FeedFetch, _refresh_feed
+
+        ap_feed = self.ap.feed('https://new.example.org/rss')
+        days = {'old1': 1, 'old2': 2, 'new': 3, 'newest': 4}
+        for guid, read in (('old1', 0), ('old2', 1), ('new', -1), ('newest', 0)):
+            self.ap.item(ap_feed, guid, read=read, pub=T0 + timedelta(days=days[guid]))
+        self.run_import()
+        feed = PodcastFeed.objects.get(user=self.user)
+        self.assertEqual(sorted(feed.episodes.values_list('guid', flat=True)), ['new', 'old2'])
+
+        def date(d):
+            return (T0 + timedelta(days=d)).strftime('%a, %d %b %Y %H:%M:%S GMT')
+
+        items = ''.join(
+            f'<item><guid>{g}</guid><title>{g}</title><pubDate>{date(d)}</pubDate><enclosure url="https://cdn.example.org/{g}.mp3" type="audio/mpeg" length="1"/></item>'
+            for g, d in days.items())
+        rss = f'<?xml version="1.0"?><rss version="2.0"><channel><title>New</title>{items}</channel></rss>'
+        with patch('podcasts.views._fetch_feed', lambda url, **kw: FeedFetch(200, feedparser.parse(rss))):
+            _refresh_feed(feed)
+        self.assertEqual(feed.episodes.count(), 4)  # nothing twice
+
+        def inbox():
+            hidden = EpisodeProgress.objects.filter(user=self.user, dismissed=True).values('episode_id')
+            return sorted(feed.episodes.exclude(id__in=hidden).values_list('guid', flat=True))
+
+        self.assertEqual(inbox(), ['new', 'newest'])  # the first-fetch rule leaves the newest
+        out = self.run_import()
+        self.assertEqual(inbox(), ['new'])
+        self.assertIn('2 without a state matched to diora episodes', out)
+        self.assertIn('1 taken out of the inbox', out)
+
+
+class CommandErrorTests(ImportTestCase):
+    def test_unknown_user_and_bad_files(self):
+        with self.assertRaisesMessage(CommandError, 'No such user'):
+            self.run_import(user='nobody')
+        with self.assertRaisesMessage(CommandError, 'No such file'):
+            call_command('import_antennapod', os.path.join(self.tmp.name, 'missing.db'), '--user', 'alice')
+        other = os.path.join(self.tmp.name, 'other.db')
+        sqlite3.connect(other).close()
+        with self.assertRaisesMessage(CommandError, 'not an AntennaPod backup'):
+            call_command('import_antennapod', other, '--user', 'alice')
+        text = os.path.join(self.tmp.name, 'text.db')
+        with open(text, 'w') as f:
+            f.write('not a database at all, just text' * 10)
+        with self.assertRaisesMessage(CommandError, 'not'):
+            call_command('import_antennapod', text, '--user', 'alice')
+        with self.assertRaisesMessage(CommandError, 'Invalid --backup-date'):
+            call_command('import_antennapod', self.ap.path, '--user', 'alice', '--backup-date', 'gestern')
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 836e2e5..f83c54b 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -1,3 +1,4 @@
+import base64
 import json
 from datetime import datetime, timedelta, timezone
 from unittest.mock import patch
@@ -270,7 +271,7 @@ class RefreshAllTests(TestCase):
         # Shownotes stay out of the one-request state (they can be large).
         self.assertNotIn('description', data['inbox'][0])
         self.assertEqual(data['settings'], {'enqueue_position': 'back', 'auto_queue_position': 'front',
-                                            'keep_sorted': ''})
+                                            'keep_sorted': '', 'auto_download_default': False})
 
 
 # ---------------------------------------------------------------------------
@@ -914,7 +915,7 @@ class OpmlExportTests(TestCase):
 
 FEED_DEFAULTS = {
     'playback_speed': None, 'skip_intro': 0, 'skip_outro': 0, 'volume': 1.0, 'new_episodes': 'inbox',
-    'include_words': '', 'exclude_words': '', 'min_duration': 0, 'auto_queue': False,
+    'include_words': '', 'exclude_words': '', 'min_duration': 0, 'auto_queue': False, 'auto_download': False,
 }
 
 
@@ -940,7 +941,7 @@ class FeedSettingsTests(TestCase):
         self.assertEqual(r.json(), {
             'feed_id': self.feed.id, 'playback_speed': 1.5, 'skip_intro': 30, 'skip_outro': 600, 'volume': 2.0,
             'new_episodes': 'inbox', 'include_words': 'News, Talk', 'exclude_words': 'Teaser', 'min_duration': 10,
-            'auto_queue': False,
+            'auto_queue': False, 'auto_download': False,
         })
         self.feed.refresh_from_db()
         self.assertEqual((self.feed.playback_speed, self.feed.skip_intro, self.feed.volume, self.feed.min_duration),
@@ -965,6 +966,7 @@ class FeedSettingsTests(TestCase):
             ('new_episodes', 'later'), ('new_episodes', None),
             ('include_words', 'x' * 501), ('include_words', 5), ('exclude_words', ['a']),
             ('min_duration', -1), ('min_duration', 601),
+            ('auto_download', 1), ('auto_download', 'true'), ('auto_download', None),
         ]
         for name, value in bad:
             with self.subTest(name=name, value=value):
@@ -989,6 +991,16 @@ class FeedSettingsTests(TestCase):
         self.client.logout()
         self.assertEqual(self.post({'skip_intro': 10}).status_code, 401)
 
+    def test_auto_download_on_and_off(self):
+        self.assertIs(self.post({'auto_download': True}).json()['auto_download'], True)
+        self.feed.refresh_from_db()
+        self.assertTrue(self.feed.auto_download)
+        # Other settings leave it alone.
+        self.assertIs(self.post({'skip_intro': 5}).json()['auto_download'], True)
+        self.assertIs(self.post({'auto_download': False}).json()['auto_download'], False)
+        self.feed.refresh_from_db()
+        self.assertFalse(self.feed.auto_download)
+
     def test_new_episodes_and_auto_queue_stay_in_step(self):
         self.assertEqual(self.post({'new_episodes': 'queue'}).json()['auto_queue'], True)
         self.feed.refresh_from_db()
@@ -1017,12 +1029,12 @@ class FeedSettingsTests(TestCase):
 
     def test_feeds_and_state_carry_the_settings(self):
         self.post({'playback_speed': 1.25, 'skip_outro': 20, 'volume': 0.5, 'new_episodes': 'queue',
-                   'exclude_words': 'Trailer', 'min_duration': 5})
+                   'exclude_words': 'Trailer', 'min_duration': 5, 'auto_download': True})
         PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/2', title='Zweiter')
         expected = {
             self.feed.id: {'feed_id': self.feed.id, **FEED_DEFAULTS, 'playback_speed': 1.25, 'skip_outro': 20,
                            'volume': 0.5, 'new_episodes': 'queue', 'exclude_words': 'Trailer', 'min_duration': 5,
-                           'auto_queue': True},
+                           'auto_queue': True, 'auto_download': True},
         }
         for url in ('/podcasts/feeds/', '/podcasts/state/'):
             with self.subTest(url=url):
@@ -2058,3 +2070,67 @@ class TranscriptEndpointTests(TestCase):
     def test_login_required(self):
         self.client.logout()
         self.assertEqual(self.get().status_code, 401)
+
+
+class AutoDownloadDefaultTests(TestCase):
+    """The account-wide default that new subscriptions start with."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+
+    def set_default(self, value):
+        return self.client.post('/podcasts/settings/', json.dumps({'auto_download_default': value}),
+                                content_type='application/json')
+
+    def test_setting(self):
+        self.assertIs(self.client.get('/podcasts/settings/').json()['auto_download_default'], False)
+        self.assertIs(self.set_default(True).json()['auto_download_default'], True)
+        self.assertTrue(PodcastSettings.objects.get(user=self.user).auto_download_default)
+        self.assertIs(self.client.get('/podcasts/state/').json()['settings']['auto_download_default'], True)
+        for bad in (1, 'true', None):
+            with self.subTest(value=bad):
+                r = self.set_default(bad)
+                self.assertEqual(r.status_code, 400)
+                self.assertIn('auto_download_default', r.json()['error'])
+        self.assertTrue(PodcastSettings.objects.get(user=self.user).auto_download_default)
+        self.assertIs(self.set_default(False).json()['auto_download_default'], False)
+
+    def test_new_subscriptions_start_with_it(self):
+        from django.core.files.uploadedfile import SimpleUploadedFile
+        rss = _rss([('e1', 'Mon, 05 Jan 2026 10:00:00 GMT')])
+
+        def add(url):
+            with patch('podcasts.views._fetch_feed', lambda u, **kw: _ok(rss)):
+                self.client.post('/podcasts/feeds/add/', json.dumps({'rss_url': url}),
+                                 content_type='application/json')
+
+        def opml(url):
+            body = f'<opml version="2.0"><body><outline type="rss" text="F" xmlUrl="{url}"/></body></opml>'
+            self.client.post('/podcasts/feeds/import/',
+                             {'file': SimpleUploadedFile('f.opml', body.encode(), 'text/x-opml')})
+
+        def gpodder(url):
+            auth = 'Basic ' + base64.b64encode(b'alice:pw12345678').decode()
+            r = self.client.post('/api/2/subscriptions/alice/phone.json', json.dumps({'add': [url]}),
+                                 content_type='application/json', HTTP_AUTHORIZATION=auth)
+            self.assertEqual(r.status_code, 200, r.content)
+
+        def auto_download(url):
+            return PodcastFeed.objects.get(user=self.user, rss_url=url).auto_download
+
+        add('https://example.org/a1')
+        opml('https://example.org/o1')
+        gpodder('https://example.org/g1')
+        self.set_default(True)
+        add('https://example.org/a2')
+        opml('https://example.org/o2')
+        gpodder('https://example.org/g2')
+        self.assertEqual(
+            [auto_download(f'https://example.org/{n}') for n in ('a1', 'o1', 'g1', 'a2', 'o2', 'g2')],
+            [False, False, False, True, True, True],
+        )
+        # Existing feeds keep theirs.
+        self.set_default(False)
+        opml('https://example.org/a2')
+        self.assertTrue(auto_download('https://example.org/a2'))
diff --git a/podcasts/views.py b/podcasts/views.py
index 39d890a..d63b1d2 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -689,7 +689,7 @@ def feed_list(request):
 
 FEED_SETTING_FIELDS = (
     'playback_speed', 'skip_intro', 'skip_outro', 'volume',
-    'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_queue',
+    'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_queue', 'auto_download',
 )
 
 
@@ -740,7 +740,7 @@ def add_feed(request):
     feed, created = PodcastFeed.objects.get_or_create(
         user=request.user,
         rss_url=rss_url,
-        defaults={'title': body.get('title', rss_url)[:300]},
+        defaults={'title': body.get('title', rss_url)[:300], **PodcastSettings.new_feed_defaults(request.user)},
     )
 
     new_episodes = 0
@@ -837,6 +837,12 @@ def _new_episodes(value):
     return value
 
 
+def _boolean(value):
+    if not isinstance(value, bool):
+        raise ValueError
+    return value
+
+
 def _word_list(value):
     if value is None:
         return ''
@@ -854,6 +860,7 @@ FEED_SETTING_PARSERS = {
     'include_words': _word_list,
     'exclude_words': _word_list,
     'min_duration': lambda v: _whole(v, 0, 600),
+    'auto_download': _boolean,
 }
 
 
@@ -1283,6 +1290,7 @@ def import_opml(request):
 
     added = 0
     skipped = 0
+    new_feed = PodcastSettings.new_feed_defaults(request.user)
     for outline in root.iter('outline'):
         rss_url = outline.get('xmlUrl', '').strip()
         if not rss_url:
@@ -1291,7 +1299,7 @@ def import_opml(request):
         _, created = PodcastFeed.objects.get_or_create(
             user=request.user,
             rss_url=rss_url,
-            defaults={'title': title},
+            defaults={'title': title, **new_feed},
         )
         if created:
             added += 1
@@ -1410,7 +1418,7 @@ def podcast_state(request):
         'queue': _queue_data(request.user),
         'inbox': _inbox_data(request.user, 0, limit, with_description=False),
         'settings': {'enqueue_position': s.enqueue_position, 'auto_queue_position': s.auto_queue_position,
-                     'keep_sorted': s.keep_sorted},
+                     'keep_sorted': s.keep_sorted, 'auto_download_default': s.auto_download_default},
         'server_time': timezone.now().isoformat(),
     })
 
@@ -1551,6 +1559,11 @@ def podcast_settings(request):
                 return JsonResponse({'error': 'unknown keep_sorted'}, status=400)
             s.keep_sorted = body['keep_sorted']
             fields.append('keep_sorted')
+        if 'auto_download_default' in body:
+            if not isinstance(body['auto_download_default'], bool):
+                return JsonResponse({'error': 'invalid auto_download_default'}, status=400)
+            s.auto_download_default = body['auto_download_default']
+            fields.append('auto_download_default')
         if fields:
             s.save(update_fields=fields)
         if 'keep_sorted' in fields:
@@ -1561,7 +1574,8 @@ def podcast_settings(request):
         'enqueue_position': s.enqueue_position,
         'auto_queue_position': s.auto_queue_position,
         'keep_sorted': s.keep_sorted,
-        'positions': [{'value': k, 'label': v} for k, v in PodcastSettings.POSITIONS],
+        'auto_download_default': s.auto_download_default,
+        'positions':[{'value': k, 'label': v} for k, v in PodcastSettings.POSITIONS],
     })
 
 

From 35ea42b6c2974984f63d4a5006d18e19ff0a080f Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 11:46:37 +0200
Subject: [PATCH 038/176] =?UTF-8?q?Podcast-Oberfl=C3=A4che=20aus=20diora-a?=
 =?UTF-8?q?ndroid=20f94c501=20(Downloads=20einreihen),=20sw=20v53?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sw.js                   |  2 +-
 static/podcasts/native-podcast.js | 26 ++++++++++++++++++++++----
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/static/js/sw.js b/static/js/sw.js
index 641b099..753418d 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v52';
+const CACHE = 'diora-v53';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index add74ee..d9ceb97 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 3600b15 2026-10-02: web-native/static/native-podcast.js
+// Copied from diora-android f94c501 2026-10-02: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -262,7 +262,13 @@
         playedItem(),
         headsetItem(),
       ]),
-      DL && group('↓', 'Downloads', 'automatisch, Limit, aufräumen', () => dlSettingsItems()),
+      DL && group('↓', 'Downloads', 'automatisch, Limit, aufräumen', () => [
+        // Account-wide (server): new subscriptions start with auto-download on or off.
+        'auto_download_default' in s && {icon: s.auto_download_default ? '☑' : '☐', label: 'Neue Abos laden von selbst',
+          hint: s.auto_download_default ? 'an: neue Folgen neuer Abos werden geladen' : 'aus: pro Podcast einschaltbar',
+          action: () => N.podcastSettings(JSON.stringify({auto_download_default: !s.auto_download_default}))},
+        ...dlSettingsItems(),
+      ]),
       group('⇅', 'Abos umziehen', 'OPML exportieren und importieren', () => [
         {icon: '⇩', label: 'Abos exportieren (OPML)', hint: 'zum Umziehen in eine andere App', action: exportOpml},
         {icon: '⇧', label: 'Abos importieren (OPML)', action: importOpml},
@@ -757,6 +763,15 @@
       const v = typeof customPrompt === 'function' ? await customPrompt(title, now || '') : null;
       if (v != null) save({[key]: v.trim()});
     };
+    // AntennaPod's per-podcast auto-download: new episodes land on the phone by themselves.
+    if ('auto_download' in live && N.podcastDownloads) {
+      row.append(chip('Auto-Download', live.auto_download ? 'an' : 'aus', !!live.auto_download, () =>
+        openSheet(`Neue Folgen von „${plain(live.title)}“ herunterladen?`, [
+          {icon: live.auto_download ? '●' : '○', label: 'Ja, von selbst', hint: 'im WLAN, innerhalb des Download-Limits',
+           action: () => save({auto_download: true})},
+          {icon: !live.auto_download ? '●' : '○', label: 'Nein', hint: 'nur die Warteschlange wird geladen', action: () => save({auto_download: false})},
+        ])));
+    }
     row.append(chip('Filter', words || 'aus', !!words, () => openSheet('Welche neuen Folgen zählen?', [
       {icon: '+', label: 'Nur mit diesen Wörtern im Titel', hint: live.include_words || 'alle',
        action: () => ask('include_words', 'Nur Folgen, deren Titel eines dieser Wörter enthält (mit Komma getrennt):', live.include_words)},
@@ -1728,8 +1743,8 @@
   // The limit and the clean-up the AntennaPod way (Downloads.kt, DownloadPlan.toClean).
   const DL_LIMITS = [5, 10, 25, 50, 100, 500, 0];
   const DL_CLEANUPS = [
-    {value: 'queue', label: 'Wenn nicht mehr in der Warteschlange',
-     hint: 'automatische Downloads, sobald ihre Folge dort fehlt; beim Limit auch gehörte'},
+    {value: 'queue', label: 'Wenn Platz gebraucht wird',
+     hint: 'beim Limit gehen Folgen, die nicht in der Warteschlange stehen: gehörte zuerst'},
     {value: 'never', label: 'Nie', hint: 'beim Limit lädt die App nichts mehr von selbst'},
   ];
   const dlLimitLabel = n => (n ? n + ' Folgen' : 'Unbegrenzt');
@@ -1816,6 +1831,9 @@
        action: () => openSheet('Höchstens so viele Folgen auf dem Telefon', DL_LIMITS.map(n => ({
          icon: s.limit === n ? '●' : '○', label: dlLimitLabel(n), active: s.limit === n,
          hint: n === 25 ? 'Standard' : null, action: () => dlSet({limit: n})})))},
+      'enqueue' in s && {icon: s.enqueue ? '☑' : '☐', label: 'Heruntergeladene Folgen einreihen',
+        hint: s.enqueue ? 'an: was geladen wird, kommt in die Warteschlange' : 'aus',
+        action: () => dlSet({enqueue: !s.enqueue})},
       s.cleanup && {icon: '♻', label: 'Aufräumen', hint: (DL_CLEANUPS.find(c => c.value === s.cleanup) || DL_CLEANUPS[0]).label,
        action: () => openSheet('Downloads aufräumen', DL_CLEANUPS.map(c => ({
          icon: s.cleanup === c.value ? '●' : '○', label: c.label, hint: c.hint, active: s.cleanup === c.value,

From 5b2d25e2b2fb77c86d2ac253a57dcad4930153e3 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 11:58:24 +0200
Subject: [PATCH 039/176] Video-Podcasts: Folgen mit Video-Enclosure werden
 aufgenommen (abgespielt wird der Ton)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Audio bleibt bevorzugt, wenn eine Folge beides hat; Endungen werden am
Pfad erkannt (Query-Strings stören nicht mehr). refresh_feeds --full
liest alle Feeds ohne ETag neu ein; dabei gefundene Folgen, die vor dem
letzten Abruf erschienen sind, kommen in die Liste, nicht nach „Neu“.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/management/commands/refresh_feeds.py |  7 ++-
 podcasts/tests.py                             | 56 ++++++++++++++++++
 podcasts/views.py                             | 59 ++++++++++++++-----
 3 files changed, 107 insertions(+), 15 deletions(-)

diff --git a/podcasts/management/commands/refresh_feeds.py b/podcasts/management/commands/refresh_feeds.py
index 9a37afb..b3b6502 100644
--- a/podcasts/management/commands/refresh_feeds.py
+++ b/podcasts/management/commands/refresh_feeds.py
@@ -11,6 +11,11 @@ class Command(BaseCommand):
     def add_arguments(self, parser):
         parser.add_argument('--feed-id', type=int, help='Refresh only this feed ID (even when backing off)')
         parser.add_argument('--limit', type=int, default=0, help='Max number of feeds to refresh')
+        parser.add_argument(
+            '--full', action='store_true',
+            help='Download every feed in full (ignore ETag/Last-Modified) and take in episodes skipped before '
+                 '(e.g. video ones); those out before the last refresh go into the list, not into "Neu"',
+        )
 
     def handle(self, *args, **options):
         qs = PodcastFeed.objects.all().order_by('last_refreshed_at')
@@ -30,5 +35,5 @@ class Command(BaseCommand):
             return
 
         # Parallel downloads, one per distinct feed URL (see _refresh_feeds).
-        refreshed, failed, new = _refresh_feeds(qs)
+        refreshed, failed, new = _refresh_feeds(qs, full=options['full'])
         self.stdout.write(f'{refreshed} feeds refreshed, {failed} failed, +{new} episodes')
diff --git a/podcasts/tests.py b/podcasts/tests.py
index f83c54b..d6186ad 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -223,6 +223,62 @@ class FirstFetchTests(TestCase):
         self.assertEqual([e['title'] for e in inbox], ['e7', 'e6', 'e5', 'e4'])
 
 
+class VideoEnclosureTests(TestCase):
+    """Video podcasts are taken in (the players play their sound only)."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/f', title='Feed')
+
+    @staticmethod
+    def rss(*items):
+        entries = ''.join(
+            f'<item><guid>{guid}</guid><title>{guid}</title><pubDate>{date}</pubDate>{enclosures}</item>'
+            for guid, date, enclosures in items
+        )
+        return f'<?xml version="1.0"?><rss version="2.0"><channel><title>Feed</title>{entries}</channel></rss>'
+
+    def refresh(self, rss, **kw):
+        with patch('podcasts.views._fetch_feed', lambda url, **_: _ok(rss)):
+            return _refresh_feed(self.feed, **kw)
+
+    def test_video_only_and_audio_preferred(self):
+        self.refresh(self.rss(
+            ('v', 'Mon, 05 Jan 2026 10:00:00 GMT', '<enclosure url="https://example.org/v.mp4" type="video/mp4" length="1"/>'),
+            ('both', 'Tue, 06 Jan 2026 10:00:00 GMT',
+             '<enclosure url="https://example.org/b.mp4" type="video/mp4" length="1"/>'
+             '<enclosure url="https://example.org/b.m4a" type="audio/mp4" length="1"/>'),
+            ('untyped', 'Wed, 07 Jan 2026 10:00:00 GMT', '<enclosure url="https://example.org/u.m4v?x=1" length="1"/>'),
+            ('none', 'Thu, 08 Jan 2026 10:00:00 GMT', '<enclosure url="https://example.org/n.pdf" type="application/pdf"/>'),
+        ))
+        urls = dict(PodcastEpisode.objects.filter(feed=self.feed).values_list('guid', 'audio_url'))
+        self.assertEqual(urls, {
+            'v': 'https://example.org/v.mp4',
+            'both': 'https://example.org/b.m4a',
+            'untyped': 'https://example.org/u.m4v?x=1',
+        })
+
+    def test_full_reread_keeps_old_found_episodes_out_of_the_inbox(self):
+        audio = '<enclosure url="https://example.org/a.mp3" type="audio/mpeg" length="1"/>'
+        video = '<enclosure url="https://example.org/{}.mp4" type="video/mp4" length="1"/>'
+        self.refresh(self.rss(('a', 'Mon, 05 Jan 2026 10:00:00 GMT', audio)))
+        self.feed.refresh_from_db()
+        later = (self.feed.last_refreshed_at + timedelta(days=1)).strftime('%a, %d %b %Y %H:%M:%S GMT')
+        self.refresh(self.rss(
+            ('a', 'Mon, 05 Jan 2026 10:00:00 GMT', audio),
+            ('old-video', 'Tue, 06 Jan 2026 10:00:00 GMT', video.format('o')),
+            ('new-video', later, video.format('n')),
+        ), full=True)
+        inbox = [e['title'] for e in self.client.get('/podcasts/inbox/').json()['episodes']]
+        self.assertIn('new-video', inbox)
+        self.assertNotIn('old-video', inbox)
+        old = PodcastEpisode.objects.get(feed=self.feed, guid='old-video')
+        progress = EpisodeProgress.objects.get(user=self.user, episode=old)
+        self.assertTrue(progress.dismissed)
+        self.assertFalse(progress.played)
+
+
 class RefreshAllTests(TestCase):
     """One request refreshes all feeds on the server; one request returns the state."""
 
diff --git a/podcasts/views.py b/podcasts/views.py
index d63b1d2..de0b8bc 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -408,10 +408,17 @@ def _in_backoff_q(now=None):
     return q
 
 
-def _refresh_feeds(feeds, chunk=32):
+# File endings of an enclosure without a usable type.
+AUDIO_EXTENSIONS = ('.mp3', '.m4a', '.m4b', '.ogg', '.oga', '.opus', '.aac', '.flac', '.wav')
+VIDEO_EXTENSIONS = ('.mp4', '.m4v', '.mov', '.webm')
+
+
+def _refresh_feeds(feeds, chunk=32, full=False):
     """Refresh many feeds at once: the downloads run in parallel and each
     feed URL is fetched once, even when several users subscribed to it; the
-    database writes then happen one by one. Returns (refreshed, failed, new)."""
+    database writes then happen one by one. Returns (refreshed, failed, new).
+    `full`: download every feed again (no 304) and take in episodes the
+    reader skipped before (see _apply_feed)."""
     feeds = list(feeds)
     refreshed = failed = new = 0
     for start in range(0, len(feeds), chunk):
@@ -423,7 +430,7 @@ def _refresh_feeds(feeds, chunk=32):
 
         def fetch(url):
             try:
-                return url, _fetch_feed(url, **_validators(by_url[url])), None
+                return url, _fetch_feed(url, **({} if full else _validators(by_url[url]))), None
             except Exception as e:  # network, HTTP or parser trouble: report and go on
                 return url, None, e
 
@@ -440,7 +447,7 @@ def _refresh_feeds(feeds, chunk=32):
                 _record_error(feed, err)
                 continue
             try:
-                new += _refresh_feed(feed, fetched)
+                new += _refresh_feed(feed, fetched, full=full)
                 refreshed += 1
             except Exception as e:
                 failed += 1
@@ -448,7 +455,7 @@ def _refresh_feeds(feeds, chunk=32):
     return refreshed, failed, new
 
 
-def _refresh_feed(feed_obj, fetched=None):
+def _refresh_feed(feed_obj, fetched=None, full=False):
     """Fetch rss_url (unless `fetched`, a FeedFetch, is given) and upsert
     episodes. Returns count of new episodes. A failure is stored on the feed
     (last_error, error_count) and raised again."""
@@ -459,7 +466,7 @@ def _refresh_feed(feed_obj, fetched=None):
             _record_error(feed_obj, e)
             raise
     try:
-        return _apply_feed(feed_obj, fetched)
+        return _apply_feed(feed_obj, fetched, full=full)
     except Exception as e:
         _record_error(feed_obj, e)
         raise
@@ -479,8 +486,27 @@ def _move_to_permanent_url(feed_obj, new_url):
     feed_obj.rss_url = new_url
 
 
-def _apply_feed(feed_obj, fetched):
+def _entry_media_url(entry):
+    """The episode's file: its audio enclosure, else a video one (the players
+    play only its sound). '' when there is neither."""
+    video = ''
+    for enc in entry.get('enclosures', []):
+        url = enc.get('url', '')
+        mime = (enc.get('type') or '').lower()
+        path = urllib.parse.urlsplit(url).path.lower()
+        if mime.startswith('audio/') or path.endswith(AUDIO_EXTENSIONS):
+            return url
+        if not video and (mime.startswith('video/') or path.endswith(VIDEO_EXTENSIONS)):
+            video = url
+    return video
+
+
+def _apply_feed(feed_obj, fetched, full=False):
+    """Store a fetched feed. `full` (a re-read after the reader learned to
+    take more episodes, e.g. video ones): episodes it finds that came out
+    before the last refresh go into the podcast's list, not into "Neu"."""
     now = timezone.now()
+    previous_refresh = feed_obj.last_refreshed_at
     if fetched.status == 304:
         # Unchanged since the last full download: nothing to parse or write.
         feed_obj.last_refreshed_at = now
@@ -524,13 +550,7 @@ def _apply_feed(feed_obj, fetched):
     changed_episodes = {}
 
     for entry in entries:
-        # Find audio enclosure
-        audio_url = ''
-        for enc in entry.get('enclosures', []):
-            mime = enc.get('type', '')
-            if mime.startswith('audio/') or enc.get('url', '').endswith(('.mp3', '.m4a', '.ogg', '.opus', '.aac')):
-                audio_url = enc.get('url', '')
-                break
+        audio_url = _entry_media_url(entry)
         if not audio_url:
             continue
 
@@ -598,6 +618,17 @@ def _apply_feed(feed_obj, fetched):
     if changed_episodes:
         PodcastEpisode.objects.bulk_update(list(changed_episodes.values()), EXTRA_FIELDS, batch_size=100)
 
+    if full and not first_fetch and new_episodes_list:
+        # Found only now, but out before the last refresh: not news.
+        late = [e for e in new_episodes_list if e.pub_date is None or e.pub_date < previous_refresh]
+        if late:
+            EpisodeProgress.objects.bulk_create(
+                [EpisodeProgress(user=feed_obj.user, episode=e, dismissed=True) for e in late],
+                ignore_conflicts=True,
+            )
+            gone = {e.id for e in late}
+            new_episodes_list = [e for e in new_episodes_list if e.id not in gone]
+
     if first_fetch and len(new_episodes_list) > NEW_ON_SUBSCRIBE:
         # Only the newest episodes count as new; the rest stay in the
         # podcast's episode list, out of the inbox (dismissed, not played).

From fdea47baef01758eaca9f80a995bee52a6dab78e Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 12:01:42 +0200
Subject: [PATCH 040/176] AntennaPod-Import: geladene Folgen der App zum
 Herunterladen anbieten
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Folgen, die in AntennaPod auf dem Handy lagen (FeedMedia.downloaded > 0:
Download-Zeitpunkt, bei älteren Versionen 1), merkt sich der Import in
PodcastSettings.import_downloads (episode_id + Größe, neueste zuerst).
Fehlen sie in diora noch, werden sie angelegt (nicht neu). Ein echter Lauf
ersetzt die Liste, der Probelauf schreibt nichts; die Zusammenfassung hat
eine Zeile „Downloads“.

GET /podcasts/import-downloads/ liefert die Folgen wie Einträge von „Neu“
plus size, POST …/clear/ leert die Liste, state/ meldet Anzahl und Bytes.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/antennapod.py                        |  90 +++++++++---
 .../management/commands/import_antennapod.py  |   3 +-
 .../0011_settings_import_downloads.py         |  18 +++
 podcasts/models.py                            |   4 +
 podcasts/test_antennapod.py                   | 131 +++++++++++++++++-
 podcasts/urls.py                              |   2 +
 podcasts/views.py                             |  92 +++++++++---
 7 files changed, 300 insertions(+), 40 deletions(-)
 create mode 100644 podcasts/migrations/0011_settings_import_downloads.py

diff --git a/podcasts/antennapod.py b/podcasts/antennapod.py
index de2839d..faf4b7f 100644
--- a/podcasts/antennapod.py
+++ b/podcasts/antennapod.py
@@ -2,12 +2,14 @@
 
 AntennaPod's "Datenbank exportieren" writes its whole SQLite database. From
 it come the subscriptions with their settings, the state of every episode
-that has one (played, new, started, queued, favourite) and the queue. See
+that has one (played, new, started, queued, favourite), the queue and which
+episodes were on the phone (the app offers to download those again). See
 the import_antennapod command for how to run it.
 
-The backup is only read. Episodes without any state are not imported: the
-feed's current episodes come with its next refresh anyway. Those that diora
-already has, though, are taken out of the inbox (AntennaPod: not new).
+The backup is only read. Episodes without any state (and not on the phone)
+are not imported: the feed's current episodes come with its next refresh
+anyway. Those that diora already has, though, are taken out of the inbox
+(AntennaPod: not new).
 """
 
 import re
@@ -37,6 +39,8 @@ AUTO_DOWNLOAD_OFF, AUTO_DOWNLOAD_GLOBAL, AUTO_DOWNLOAD_ON = 0, 1, 2
 # FeedItems.read
 NEW, UNPLAYED, PLAYED = -1, 0, 1
 SUBSCRIBED = 0  # Feeds.state
+# FeedMedia.filesize above this is garbage (seen: 10^13); taken as unknown.
+MAX_FILESIZE = 4_000_000_000
 
 SETTING_FIELDS = ('playback_speed', 'skip_intro', 'skip_outro', 'volume', 'include_words',
                   'exclude_words', 'min_duration', 'new_episodes', 'auto_download')
@@ -250,6 +254,11 @@ class Stats:
     keep_sorted: str = ''
     inbox_before: int = 0
     inbox_after: int = 0
+    downloads_backup: int = 0
+    downloads: int = 0
+    downloads_bytes: int = 0
+    downloads_created: int = 0
+    downloads_missing: int = 0
     backup_date: datetime | None = None
     seconds: float = 0.0
 
@@ -325,9 +334,11 @@ class AntennaPodImport:
         st.queue_backup = len(queue_items)
         st.favorites_backup = len(favorite_items)
 
-        states, not_new, item_episode = self._import_episodes(db, feed_map, set(queue_items), favorite_items)
+        states, not_new, item_episode, downloads = self._import_episodes(
+            db, feed_map, set(queue_items), favorite_items)
         self._import_progress(states, not_new)
         self._import_queue(queue_items, item_episode)
+        self._import_downloads(settings, downloads, item_episode)
 
         st.queue_after = len(_queue_order(user))
         st.inbox_after = _inbox_count(user)
@@ -410,20 +421,25 @@ class AntennaPodImport:
 
     def _import_episodes(self, db, feed_map, queued, favorites):
         """Match AntennaPod's episodes to diora's, create the missing ones
-        that have a state. Returns ({episode id: ItemState} for those with a
-        state, {episode ids} of matched ones without (not new), {AntennaPod
-        item id: episode id})."""
+        that have a state (or were downloaded). Returns ({episode id: ItemState}
+        for those with a state, {episode ids} of matched ones without (not new),
+        {AntennaPod item id: episode id}, [(pub date ms, AntennaPod item id,
+        size)] of the downloaded ones)."""
         st = self.stats
         backup = self.backup_date
         states = {}
         not_new = set()
         item_episode = {}
+        downloads = []
         to_create = {}  # (diora feed id, guid) -> [ItemState, AntennaPod item id, audio url, duration, pub_date]
 
+        media = _columns(db, 'FeedMedia')
         cur = db.execute(
             'SELECT i.feed, i.id, i.item_identifier, i.read, i.pubDate, m.download_url, m.duration, '
-            'm.position, m.last_played_time, m.playback_completion_date '
-            'FROM FeedItems i LEFT JOIN FeedMedia m ON m.feeditem = i.id ORDER BY i.feed, i.id'
+            'm.position, m.last_played_time, m.playback_completion_date, '
+            + ('m.downloaded, ' if 'downloaded' in media else '0, ')
+            + ('m.filesize ' if 'filesize' in media else '0 ')
+            + 'FROM FeedItems i LEFT JOIN FeedMedia m ON m.feeditem = i.id ORDER BY i.feed, i.id'
         )
 
         def rows():
@@ -436,12 +452,19 @@ class AntennaPodImport:
         for ap_feed, items in groupby(rows(), key=lambda r: r[0]):
             feed_id = feed_map.get(ap_feed)
             by_guid = by_url = None
-            for (_, item_id, ident, read, pub_ms, audio, duration, position, last_played, completed) in items:
+            for (_, item_id, ident, read, pub_ms, audio, duration, position, last_played, completed,
+                 downloaded, size) in items:
                 position = max(int(position or 0), 0) // 1000
                 activity = max(filter(None, (_ms(last_played), _ms(completed))), default=None)
                 in_queue = item_id in queued
                 favorite = item_id in favorites
                 stateful = read in (NEW, PLAYED) or position > 0 or activity is not None or in_queue or favorite
+                # FeedMedia.downloaded: when the file was downloaded (ms; 1 from
+                # older versions), 0 = not on the phone.
+                downloaded = (downloaded or 0) > 0
+                if downloaded:
+                    size = int(size or 0)
+                    downloads.append((int(pub_ms or 0), item_id, size if 0 < size <= MAX_FILESIZE else 0))
                 if feed_id is None:
                     st.in_skipped_feeds += stateful
                     continue
@@ -463,9 +486,14 @@ class AntennaPodImport:
                     if ep_id is not None:
                         not_new.add(ep_id)
                         item_episode[item_id] = ep_id
-                    continue
-
-                st.stateful += 1
+                        continue
+                    if not downloaded:
+                        continue
+                    # On the phone in AntennaPod but not in diora yet (a feed
+                    # not fetched so far): created as not new, so the app can
+                    # offer to download it again.
+                else:
+                    st.stateful += 1
                 played = read == PLAYED
                 pub_date = _ms(pub_ms)
                 state = ItemState(
@@ -484,7 +512,7 @@ class AntennaPodImport:
                     item_episode[item_id] = ep_id
                     continue
                 if normalize_url(audio) is None or len(audio) > 1000:
-                    st.no_audio += 1
+                    st.no_audio += stateful
                     continue
                 key = (feed_id, guid)
                 if key in to_create:
@@ -493,12 +521,13 @@ class AntennaPodImport:
                     pending[1].append(item_id)
                 else:
                     to_create[key] = [state, [item_id], audio, max(int(duration or 0), 0) // 1000, pub_date]
+                    st.downloads_created += not stateful
 
         if to_create:
             self._create_episodes(db, to_create, states, item_episode)
         not_new -= states.keys()
         st.stateless_matched = len(not_new)
-        return states, not_new, item_episode
+        return states, not_new, item_episode, downloads
 
     def _create_episodes(self, db, to_create, states, item_episode):
         st = self.stats
@@ -522,7 +551,7 @@ class AntennaPodImport:
                     duration_seconds=duration, pub_date=pub_date, artwork_url=_web_url(image),
                 ))
             PodcastEpisode.objects.bulk_create(batch)
-        st.episodes_created = len(to_create)
+        st.episodes_created = len(to_create) - st.downloads_created
 
         by_feed = {}
         for feed_id, guid in to_create:
@@ -627,6 +656,29 @@ class AntennaPodImport:
         if _keep_sorted(user):
             st.keep_sorted = PodcastSettings.objects.get(user=user).keep_sorted
 
+    # -- downloads ----------------------------------------------------------
+
+    def _import_downloads(self, settings, downloads, item_episode):
+        """The episodes AntennaPod had on the phone, newest first: the app
+        can't take its files over, so it offers to download them again.
+        Replaces what an earlier import left."""
+        st = self.stats
+        st.downloads_backup = len(downloads)
+        entries, seen = [], set()
+        for _, item_id, size in sorted(downloads, key=lambda d: (-d[0], -d[1])):
+            ep_id = item_episode.get(item_id)
+            if ep_id is None:
+                st.downloads_missing += 1
+                continue
+            if ep_id in seen:
+                continue
+            seen.add(ep_id)
+            entries.append({'episode_id': ep_id, 'size': size})
+        st.downloads = len(entries)
+        st.downloads_bytes = sum(e['size'] for e in entries)
+        settings.import_downloads = entries
+        settings.save(update_fields=['import_downloads'])
+
 
 # ---------------------------------------------------------------------------
 # Summary
@@ -670,6 +722,10 @@ def summary_lines(st, username, path, dry_run, global_auto_download):
         f'{st.queue_after} after ({st.queue_appended} diora entries after AntennaPod\'s)'
         + (f'; kept sorted by "{st.keep_sorted}"' if st.keep_sorted else ''),
         f'Inbox:      {st.inbox_before} before, {st.inbox_after} after',
+        f'Downloads:  {st.downloads} on the phone in AntennaPod ({st.downloads_bytes / 1_000_000:.0f} MB) '
+        f'-> offered to the app for download'
+        + (f' ({st.downloads_created} episodes created for them)' if st.downloads_created else '')
+        + (f'; {st.downloads_missing} not found (feeds not imported, no audio URL)' if st.downloads_missing else ''),
         f'Created feeds ({len(st.created_titles)}):',
         *(f'  - {t}' for t in st.created_titles),
         f'Skipped feeds ({len(st.skipped_feeds)}):',
diff --git a/podcasts/management/commands/import_antennapod.py b/podcasts/management/commands/import_antennapod.py
index 1c14216..8579391 100644
--- a/podcasts/management/commands/import_antennapod.py
+++ b/podcasts/management/commands/import_antennapod.py
@@ -11,7 +11,8 @@ from podcasts.antennapod import AntennaPodImport, AntennaPodImportError, summary
 class Command(BaseCommand):
     help = (
         "Import an AntennaPod database backup (Settings > Database > Export) into one user's podcasts: "
-        'subscriptions with their settings, played/new/started episodes, favourites and the queue. '
+        'subscriptions with their settings, played/new/started episodes, favourites and the queue; '
+        'the episodes downloaded in AntennaPod are offered to the app for download. '
         'Feeds it creates are fetched by the next refresh; running the import once more after that '
         'also takes their older episodes that were not new in AntennaPod out of the inbox. '
         'Running it twice changes nothing more.'
diff --git a/podcasts/migrations/0011_settings_import_downloads.py b/podcasts/migrations/0011_settings_import_downloads.py
new file mode 100644
index 0000000..433de7f
--- /dev/null
+++ b/podcasts/migrations/0011_settings_import_downloads.py
@@ -0,0 +1,18 @@
+# Generated by Django 6.1 on 2026-10-02 09:51
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0010_feed_auto_download'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='import_downloads',
+            field=models.JSONField(blank=True, default=list),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index b248e20..57a10af 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -236,6 +236,10 @@ class PodcastSettings(models.Model):
     keep_sorted = models.CharField(max_length=10, choices=SORT_ORDERS, default='', blank=True)
     # What PodcastFeed.auto_download starts as for a new subscription.
     auto_download_default = models.BooleanField(default=False)
+    # Episodes that were downloaded in AntennaPod when its backup was
+    # imported: [{episode_id, size (bytes, 0 = unknown)}]. The app offers once
+    # to download them again, then clears the list.
+    import_downloads = models.JSONField(default=list, blank=True)
 
     @classmethod
     def for_user(cls, user):
diff --git a/podcasts/test_antennapod.py b/podcasts/test_antennapod.py
index 953644a..124870b 100644
--- a/podcasts/test_antennapod.py
+++ b/podcasts/test_antennapod.py
@@ -37,7 +37,7 @@ class Backup:
             item_identifier TEXT, image_url TEXT);
         CREATE TABLE FeedMedia (id INTEGER PRIMARY KEY AUTOINCREMENT, duration INTEGER, download_url TEXT,
             position INTEGER, playback_completion_date INTEGER, feeditem INTEGER, played_duration INTEGER,
-            last_played_time INTEGER);
+            last_played_time INTEGER, downloaded INTEGER DEFAULT 0, filesize INTEGER DEFAULT 0);
         CREATE TABLE Queue (id INTEGER PRIMARY KEY AUTOINCREMENT, feeditem INTEGER, feed INTEGER);
         CREATE TABLE Favorites (id INTEGER PRIMARY KEY AUTOINCREMENT, feeditem INTEGER, feed INTEGER);
     """
@@ -55,7 +55,7 @@ class Backup:
         return cur.lastrowid
 
     def item(self, feed, guid, read=0, audio=None, pub=T0, duration=1800, position=0, completed=None,
-             last_played=None, title=None, description='', image_url=None, media=True):
+             last_played=None, title=None, description='', image_url=None, media=True, downloaded=0, size=0):
         cur = self.db.execute(
             'INSERT INTO FeedItems (title, pubDate, read, description, feed, item_identifier, image_url) '
             'VALUES (?,?,?,?,?,?,?)',
@@ -64,9 +64,10 @@ class Backup:
         if media:
             self.db.execute(
                 'INSERT INTO FeedMedia (duration, download_url, position, playback_completion_date, feeditem, '
-                'played_duration, last_played_time) VALUES (?,?,?,?,?,?,?)',
+                'played_duration, last_played_time, downloaded, filesize) VALUES (?,?,?,?,?,?,?,?,?)',
                 (duration * 1000, audio or f'https://cdn.example.org/{guid}.mp3', position * 1000,
-                 ms(completed) if completed else 0, item_id, 0, ms(last_played) if last_played else 0))
+                 ms(completed) if completed else 0, item_id, 0, ms(last_played) if last_played else 0,
+                 downloaded, size))
         self.db.commit()
         return item_id
 
@@ -444,6 +445,128 @@ class EpisodeImportTests(ImportTestCase):
         self.assertIn('Progress:   0 new, 0 updated, 4 unchanged, 0 kept (diora newer); 0 taken out', out)
 
 
+class DownloadImportTests(ImportTestCase):
+    """Episodes on the phone in AntennaPod: offered to the app for download."""
+
+    def setUp(self):
+        super().setUp()
+        self.feed = self.diora_feed()
+        self.ap_feed = self.ap.feed('https://example.org/feed')
+
+    def offered(self):
+        return PodcastSettings.for_user(self.user).import_downloads
+
+    def test_downloads_are_offered(self):
+        played = self.episode(self.feed, 'played')
+        known = self.episode(self.feed, 'known')
+        self.ap.item(self.ap_feed, 'played', read=1, pub=T0 + timedelta(days=1), downloaded=1, size=30_000_000)
+        self.ap.item(self.ap_feed, 'known', read=0, pub=T0 + timedelta(days=3), downloaded=ms(T0), size=20_400_000)
+        self.ap.item(self.ap_feed, 'on-phone', read=0, pub=T0 + timedelta(days=2), downloaded=1,
+                     size=27_634_898_567_168)  # garbage: unknown
+        self.ap.item(self.ap_feed, 'not-downloaded', read=0)
+        self.ap.item(self.ap_feed, 'local', read=0, audio='antennapod_local:x', downloaded=1, size=5)
+        self.ap.item(self.ap.feed('antennapod_local:folder'), 'file', read=0, downloaded=1, size=7)
+
+        before = self.snapshot()
+        out = self.run_import('--dry-run')
+        self.assertEqual(self.snapshot(), before)
+        self.assertFalse(PodcastSettings.objects.filter(user=self.user).exists())
+        self.assertIn('Downloads:  3 on the phone in AntennaPod (50 MB) -> offered to the app for download '
+                      '(1 episodes created for them); 2 not found (feeds not imported, no audio URL)\n', out)
+
+        out = self.run_import()
+        created = PodcastEpisode.objects.get(feed=self.feed, guid='on-phone')
+        self.assertEqual(self.offered(), [  # newest first
+            {'episode_id': known.id, 'size': 20_400_000}, {'episode_id': created.id, 'size': 0},
+            {'episode_id': played.id, 'size': 30_000_000}])
+        # Created only to be downloaded; not new in AntennaPod, so not in the inbox.
+        p = self.progress(created)
+        self.assertEqual((p.played, p.dismissed), (False, True))
+        self.assertFalse(PodcastEpisode.objects.filter(guid__in=['not-downloaded', 'local', 'file']).exists())
+        self.assertIn('Episodes:   1 with a state: 1 matched by guid, 0 by URL, 0 created, '
+                      '0 skipped (no audio URL), 0 in skipped feeds', out)
+
+        # Another backup later: its downloads replace the list.
+        self.ap.db.execute('UPDATE FeedMedia SET downloaded = 0 WHERE filesize != 30000000')
+        self.ap.db.commit()
+        out = self.run_import()
+        self.assertEqual(self.offered(), [{'episode_id': played.id, 'size': 30_000_000}])
+        self.assertIn('Downloads:  1 on the phone in AntennaPod (30 MB) -> offered to the app for download\n', out)
+        self.ap.db.execute('UPDATE FeedMedia SET downloaded = 0')
+        self.ap.db.commit()
+        out = self.run_import()
+        self.assertEqual(self.offered(), [])
+        self.assertIn('Downloads:  0 on the phone in AntennaPod (0 MB)', out)
+
+    def test_one_entry_per_episode(self):
+        ep = self.episode(self.feed, 'g')
+        self.ap.item(self.ap_feed, 'g', read=1, downloaded=1, size=10)
+        self.ap.item(self.ap.feed('http://www.example.org/feed/'), 'g', read=1, downloaded=1, size=10)
+        self.run_import()
+        self.assertEqual(self.offered(), [{'episode_id': ep.id, 'size': 10}])
+
+    def test_backup_without_download_columns(self):
+        self.ap.db.executescript('ALTER TABLE FeedMedia DROP COLUMN downloaded; '
+                                 'ALTER TABLE FeedMedia DROP COLUMN filesize;')
+        self.ap.db.execute('INSERT INTO FeedItems (title, read, feed, item_identifier) VALUES (?,?,?,?)',
+                           ('G', 1, self.ap_feed, 'g'))
+        self.ap.db.commit()
+        PodcastSettings.objects.create(user=self.user, import_downloads=[{'episode_id': 1, 'size': 1}])
+        out = self.run_import()
+        self.assertEqual(self.offered(), [])
+        self.assertIn('Downloads:  0 on the phone', out)
+
+
+class ImportDownloadsViewTests(TestCase):
+    """GET import-downloads/, its clear/, and the count in state/."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/a', title='A')
+        self.ep = PodcastEpisode.objects.create(feed=feed, guid='e', title='E', audio_url='https://example.org/e.mp3',
+                                                duration_seconds=1800, pub_date=T0)
+        EpisodeProgress.objects.create(user=self.user, episode=self.ep, position_seconds=120)
+        no_audio = PodcastEpisode.objects.create(feed=feed, guid='n', title='N', audio_url='')
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        bobs_feed = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/a', title='A')
+        bobs = PodcastEpisode.objects.create(feed=bobs_feed, guid='b', title='B', audio_url='https://example.org/b.mp3')
+        gone_feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/gone', title='Gone')
+        gone = PodcastEpisode.objects.create(feed=gone_feed, guid='g', title='G', audio_url='https://example.org/g.mp3')
+        gone_feed.delete()  # unsubscribed since the import
+        PodcastSettings.objects.create(user=self.user, import_downloads=[
+            {'episode_id': i, 'size': 1000 + n} for n, i in enumerate((bobs.id, self.ep.id, no_audio.id, gone.id))])
+
+    def test_offered_episodes(self):
+        data = self.client.get('/podcasts/import-downloads/').json()
+        self.assertEqual(data['bytes'], 1001)
+        [e] = data['episodes']
+        self.assertEqual((e['id'], e['title'], e['feed__title'], e['duration_seconds'], e['pub_date'],
+                          e['position_seconds'], e['in_queue'], e['size']),
+                         (self.ep.id, 'E', 'A', 1800, T0.isoformat(), 120, False, 1001))
+        # The same keys as an inbox entry of state/, plus the size.
+        state = self.client.get('/podcasts/state/').json()
+        self.assertEqual(set(e), set(state['inbox'][0]) | {'size'})
+        self.assertEqual(state['import_downloads'], {'count': 1, 'bytes': 1001})
+
+    def test_clear(self):
+        self.assertEqual(self.client.get('/podcasts/import-downloads/clear/').status_code, 405)
+        r = self.client.post('/podcasts/import-downloads/clear/', '{}', content_type='application/json')
+        self.assertEqual(r.json(), {'ok': True})
+        self.assertEqual(PodcastSettings.objects.get(user=self.user).import_downloads, [])
+        self.assertEqual(self.client.get('/podcasts/import-downloads/').json(), {'episodes': [], 'bytes': 0})
+        self.assertEqual(self.client.get('/podcasts/state/').json()['import_downloads'], {'count': 0, 'bytes': 0})
+
+    def test_other_user_and_login(self):
+        self.client.force_login(User.objects.get(username='bob'))
+        self.assertEqual(self.client.get('/podcasts/import-downloads/').json(), {'episodes': [], 'bytes': 0})
+        self.assertEqual(self.client.get('/podcasts/state/').json()['import_downloads'], {'count': 0, 'bytes': 0})
+        self.client.logout()
+        self.assertEqual(self.client.get('/podcasts/import-downloads/').status_code, 401)
+        self.assertEqual(self.client.post('/podcasts/import-downloads/clear/').status_code, 401)
+        self.assertEqual(len(PodcastSettings.objects.get(user=self.user).import_downloads), 4)
+
+
 class AfterFirstRefreshTests(ImportTestCase):
     """The way to move: import, let the new feeds be fetched, import again."""
 
diff --git a/podcasts/urls.py b/podcasts/urls.py
index ededb88..b56d675 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -28,4 +28,6 @@ urlpatterns = [
     path('progress/mark-played/', views.mark_played, name='podcast_mark_played'),
     path('progress/dismiss/', views.dismiss_episodes, name='podcast_dismiss_episodes'),
     path('inbox/', views.inbox, name='podcast_inbox'),
+    path('import-downloads/', views.import_downloads, name='podcast_import_downloads'),
+    path('import-downloads/clear/', views.clear_import_downloads, name='podcast_clear_import_downloads'),
 ]
diff --git a/podcasts/views.py b/podcasts/views.py
index d63b1d2..9ce283a 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -1405,7 +1405,8 @@ def refresh_all_feeds(request):
 @csrf_exempt
 def podcast_state(request):
     """Everything a client shows first, in one response: feeds, queue, the
-    first page of the inbox and the settings."""
+    first page of the inbox, the settings and how many AntennaPod downloads
+    wait to be offered (import-downloads/)."""
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
     try:
@@ -1413,12 +1414,14 @@ def podcast_state(request):
     except ValueError:
         return JsonResponse({'error': 'inbox_limit must be a number'}, status=400)
     s = PodcastSettings.for_user(request.user)
+    downloads = _import_downloads(request.user, s.import_downloads)
     return JsonResponse({
         'feeds': _feeds_data(request.user),
         'queue': _queue_data(request.user),
         'inbox': _inbox_data(request.user, 0, limit, with_description=False),
         'settings': {'enqueue_position': s.enqueue_position, 'auto_queue_position': s.auto_queue_position,
                      'keep_sorted': s.keep_sorted, 'auto_download_default': s.auto_download_default},
+        'import_downloads': {'count': len(downloads), 'bytes': sum(e['size'] for e in downloads)},
         'server_time': timezone.now().isoformat(),
     })
 
@@ -1699,29 +1702,17 @@ def inbox(request):
     return JsonResponse({'episodes': _inbox_data(request.user, offset, limit), 'offset': offset, 'limit': limit})
 
 
-def _inbox_data(user, offset, limit, with_description=True):
-    """Inbox episodes. Shownotes can be large (up to 50 KB each); the apps'
-    state/ leaves them out and loads one episode's at a time."""
+def _inbox_fields(with_description=True):
     fields = ['id', 'title', 'audio_url', 'duration_seconds', 'pub_date', 'artwork_url',
               'feed__id', 'feed__title', 'feed__artwork_url']
     if with_description:
         fields.insert(2, 'description')
-    hidden_ids = set(
-        EpisodeProgress.objects.filter(
-            user=user,
-        ).filter(
-            Q(played=True) | Q(dismissed=True)
-        ).values_list('episode_id', flat=True)
-    )
+    return fields
 
-    episodes = list(
-        PodcastEpisode.objects.filter(feed__user=user)
-        .exclude(id__in=hidden_ids)
-        .select_related('feed')
-        .order_by('-pub_date')
-        .values(*fields)[offset:offset + limit]
-    )
 
+def _add_user_state(user, episodes):
+    """Complete inbox-style episode dicts (_inbox_fields) with the user's
+    position and whether they are queued."""
     progress_map = {
         ep['episode_id']: ep
         for ep in EpisodeProgress.objects.filter(
@@ -1742,3 +1733,68 @@ def _inbox_data(user, offset, limit, with_description=True):
         ep['position_seconds'] = prog.get('position_seconds', 0)
         ep['in_queue'] = ep['id'] in queued_ids
     return episodes
+
+
+def _inbox_data(user, offset, limit, with_description=True):
+    """Inbox episodes. Shownotes can be large (up to 50 KB each); the apps'
+    state/ leaves them out and loads one episode's at a time."""
+    hidden_ids = set(
+        EpisodeProgress.objects.filter(
+            user=user,
+        ).filter(
+            Q(played=True) | Q(dismissed=True)
+        ).values_list('episode_id', flat=True)
+    )
+
+    episodes = list(
+        PodcastEpisode.objects.filter(feed__user=user)
+        .exclude(id__in=hidden_ids)
+        .select_related('feed')
+        .order_by('-pub_date')
+        .values(*_inbox_fields(with_description))[offset:offset + limit]
+    )
+    return _add_user_state(user, episodes)
+
+
+# ---------------------------------------------------------------------------
+# Episodes downloaded in AntennaPod (antennapod.py): offered once for download
+# ---------------------------------------------------------------------------
+
+def _import_downloads(user, entries, fields=('id',)):
+    """The entries of PodcastSettings.import_downloads still worth offering
+    (the episode is still there, the user's, with an audio URL), in their
+    order: dicts of `fields` plus 'size' (bytes, 0 = unknown)."""
+    sizes = {}
+    for e in entries or []:
+        if isinstance(e, dict) and isinstance(e.get('episode_id'), int):
+            size = e.get('size')
+            sizes.setdefault(e['episode_id'], size if isinstance(size, int) and size > 0 else 0)
+    ids = list(sizes)
+    found = {}
+    for i in range(0, len(ids), 500):
+        for ep in (PodcastEpisode.objects.filter(id__in=ids[i:i + 500], feed__user=user)
+                   .exclude(audio_url='').values(*fields)):
+            found[ep['id']] = ep
+    return [{**found[ep_id], 'size': sizes[ep_id]} for ep_id in ids if ep_id in found]
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def import_downloads(request):
+    """The episodes that were on the phone in AntennaPod, inbox-style plus
+    their size; the app offers once to download them again."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    entries = PodcastSettings.objects.filter(user=request.user).values_list('import_downloads', flat=True).first()
+    episodes = _add_user_state(request.user, _import_downloads(request.user, entries, _inbox_fields(False)))
+    return JsonResponse({'episodes': episodes, 'bytes': sum(e['size'] for e in episodes)})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def clear_import_downloads(request):
+    """Offered (downloaded or declined): the list is done with."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    PodcastSettings.objects.filter(user=request.user).update(import_downloads=[])
+    return JsonResponse({'ok': True})

From 561776556f63c6581ee0f94eaa98136ad0fdfdf9 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 12:14:03 +0200
Subject: [PATCH 041/176] AntennaPod-Import: --no-downloads bietet die
 geladenen Folgen nicht an

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/antennapod.py                            | 10 +++++++---
 podcasts/management/commands/import_antennapod.py |  5 ++++-
 podcasts/test_antennapod.py                       |  9 +++++++++
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/podcasts/antennapod.py b/podcasts/antennapod.py
index faf4b7f..e44b127 100644
--- a/podcasts/antennapod.py
+++ b/podcasts/antennapod.py
@@ -259,6 +259,7 @@ class Stats:
     downloads_bytes: int = 0
     downloads_created: int = 0
     downloads_missing: int = 0
+    downloads_offered: bool = True
     backup_date: datetime | None = None
     seconds: float = 0.0
 
@@ -291,11 +292,13 @@ def _columns(db, table):
 
 
 class AntennaPodImport:
-    def __init__(self, user, path, backup_date, global_auto_download=False):
+    def __init__(self, user, path, backup_date, global_auto_download=False, offer_downloads=True):
         self.user = user
         self.path = path
         self.backup_date = backup_date
         self.global_auto_download = global_auto_download
+        # False: the app doesn't offer AntennaPod's downloads (they stay in AntennaPod).
+        self.offer_downloads = offer_downloads
         self.stats = Stats(backup_date=backup_date)
 
     def run(self, dry_run=False):
@@ -676,7 +679,8 @@ class AntennaPodImport:
             entries.append({'episode_id': ep_id, 'size': size})
         st.downloads = len(entries)
         st.downloads_bytes = sum(e['size'] for e in entries)
-        settings.import_downloads = entries
+        st.downloads_offered = self.offer_downloads
+        settings.import_downloads = entries if self.offer_downloads else []
         settings.save(update_fields=['import_downloads'])
 
 
@@ -723,7 +727,7 @@ def summary_lines(st, username, path, dry_run, global_auto_download):
         + (f'; kept sorted by "{st.keep_sorted}"' if st.keep_sorted else ''),
         f'Inbox:      {st.inbox_before} before, {st.inbox_after} after',
         f'Downloads:  {st.downloads} on the phone in AntennaPod ({st.downloads_bytes / 1_000_000:.0f} MB) '
-        f'-> offered to the app for download'
+        + ('-> offered to the app for download' if st.downloads_offered else '-> not offered (--no-downloads)')
         + (f' ({st.downloads_created} episodes created for them)' if st.downloads_created else '')
         + (f'; {st.downloads_missing} not found (feeds not imported, no audio URL)' if st.downloads_missing else ''),
         f'Created feeds ({len(st.created_titles)}):',
diff --git a/podcasts/management/commands/import_antennapod.py b/podcasts/management/commands/import_antennapod.py
index 8579391..4d61207 100644
--- a/podcasts/management/commands/import_antennapod.py
+++ b/podcasts/management/commands/import_antennapod.py
@@ -25,6 +25,8 @@ class Command(BaseCommand):
                             help='Do everything inside a transaction that is rolled back, print the summary')
         parser.add_argument('--global-auto-download', choices=('on', 'off'), default='off',
                             help="Auto-download for feeds that use AntennaPod's global setting (default off)")
+        parser.add_argument('--no-downloads', action='store_true',
+                            help="Don't offer AntennaPod's downloaded episodes to the app (they stay in AntennaPod)")
         parser.add_argument('--backup-date',
                             help='When the backup was made (ISO date/time, UTC if no zone); default: the file date. '
                                  'diora changes after it win over the backup.')
@@ -50,7 +52,8 @@ class Command(BaseCommand):
 
         global_auto_download = options['global_auto_download'] == 'on'
         try:
-            stats = AntennaPodImport(user, path, backup_date, global_auto_download).run(dry_run=options['dry_run'])
+            stats = AntennaPodImport(user, path, backup_date, global_auto_download,
+                                     offer_downloads=not options['no_downloads']).run(dry_run=options['dry_run'])
         except AntennaPodImportError as e:
             raise CommandError(str(e))
         for line in summary_lines(stats, user.username, path, options['dry_run'], global_auto_download):
diff --git a/podcasts/test_antennapod.py b/podcasts/test_antennapod.py
index 124870b..9df20b8 100644
--- a/podcasts/test_antennapod.py
+++ b/podcasts/test_antennapod.py
@@ -498,6 +498,15 @@ class DownloadImportTests(ImportTestCase):
         self.assertEqual(self.offered(), [])
         self.assertIn('Downloads:  0 on the phone in AntennaPod (0 MB)', out)
 
+    def test_no_downloads_offers_nothing(self):
+        self.episode(self.feed, 'known')
+        self.ap.item(self.ap_feed, 'known', read=0, downloaded=1, size=20_400_000)
+        self.run_import()
+        self.assertEqual(len(self.offered()), 1)
+        out = self.run_import('--no-downloads')
+        self.assertEqual(self.offered(), [])
+        self.assertIn('Downloads:  1 on the phone in AntennaPod (20 MB) -> not offered (--no-downloads)\n', out)
+
     def test_one_entry_per_episode(self):
         ep = self.episode(self.feed, 'g')
         self.ap.item(self.ap_feed, 'g', read=1, downloaded=1, size=10)

From 07aed268646e0c409fef27cee0cc257c65209dd7 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 12:38:41 +0200
Subject: [PATCH 042/176] =?UTF-8?q?AntennaPod-Import:=20=E2=80=9ENeu?=
 =?UTF-8?q?=E2=80=9C=20wie=20in=20AntennaPod?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Folgen archivierter Podcasts (neue Folgen ignorieren), die AntennaPod nie
abgerufen hat, verlassen „Neu“, sofern sie vor dem Backup erschienen
sind; --quiet-diora-only macht das auch für Abos, die nur diora hat.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/antennapod.py                        | 62 ++++++++++++++++++-
 .../management/commands/import_antennapod.py  |  6 +-
 podcasts/test_antennapod.py                   | 43 +++++++++++++
 3 files changed, 108 insertions(+), 3 deletions(-)

diff --git a/podcasts/antennapod.py b/podcasts/antennapod.py
index e44b127..2302dc6 100644
--- a/podcasts/antennapod.py
+++ b/podcasts/antennapod.py
@@ -260,6 +260,8 @@ class Stats:
     downloads_created: int = 0
     downloads_missing: int = 0
     downloads_offered: bool = True
+    ignored_left_inbox: int = 0
+    diora_only_left_inbox: int = 0
     backup_date: datetime | None = None
     seconds: float = 0.0
 
@@ -292,13 +294,17 @@ def _columns(db, table):
 
 
 class AntennaPodImport:
-    def __init__(self, user, path, backup_date, global_auto_download=False, offer_downloads=True):
+    def __init__(self, user, path, backup_date, global_auto_download=False, offer_downloads=True,
+                 quiet_diora_only=False):
         self.user = user
         self.path = path
         self.backup_date = backup_date
         self.global_auto_download = global_auto_download
         # False: the app doesn't offer AntennaPod's downloads (they stay in AntennaPod).
         self.offer_downloads = offer_downloads
+        # True: subscriptions only diora has keep their episodes, but the
+        # ones out before the backup leave the inbox.
+        self.quiet_diora_only = quiet_diora_only
         self.stats = Stats(backup_date=backup_date)
 
     def run(self, dry_run=False):
@@ -340,6 +346,7 @@ class AntennaPodImport:
         states, not_new, item_episode, downloads = self._import_episodes(
             db, feed_map, set(queue_items), favorite_items)
         self._import_progress(states, not_new)
+        self._quiet_inbox(feed_map, states)
         self._import_queue(queue_items, item_episode)
         self._import_downloads(settings, downloads, item_episode)
 
@@ -629,6 +636,55 @@ class AntennaPodImport:
         for ids in _chunks(dismiss_only):
             EpisodeProgress.objects.filter(pk__in=ids).update(dismissed=True)
 
+    def _quiet_inbox(self, feed_map, states):
+        """Episodes AntennaPod never showed as new, though diora has them in
+        the inbox: those of podcasts whose new episodes are ignored (AntennaPod
+        stopped fetching archived ones, so it never saw them), and with
+        quiet_diora_only those of podcasts AntennaPod doesn't have. Only ones
+        out before the backup; AntennaPod's own new ones stay."""
+        st = self.stats
+        user = self.user
+        backup = self.backup_date
+        imported = set(feed_map.values())
+        feeds = set(PodcastFeed.objects.filter(pk__in=imported, new_episodes=PodcastFeed.NEW_IGNORE)
+                    .values_list('pk', flat=True))
+        diora_only = set()
+        if self.quiet_diora_only:
+            diora_only = set(PodcastFeed.objects.filter(user=user).exclude(pk__in=imported).values_list('pk', flat=True))
+        if not feeds and not diora_only:
+            return
+        keep = {ep_id for ep_id, s in states.items() if not s.dismissed}
+        hidden = EpisodeProgress.objects.filter(user=user).filter(Q(played=True) | Q(dismissed=True))
+        rows = (PodcastEpisode.objects.filter(feed_id__in=feeds | diora_only)
+                .filter(Q(pub_date__lte=backup) | Q(pub_date__isnull=True))
+                .exclude(id__in=hidden.values('episode_id'))
+                .values_list('id', 'feed_id'))
+        ids = []
+        for ep_id, feed_id in rows:
+            if ep_id in keep:
+                continue
+            ids.append(ep_id)
+            if feed_id in feeds:
+                st.ignored_left_inbox += 1
+            else:
+                st.diora_only_left_inbox += 1
+        # Changed in diora after the backup: diora's state stays.
+        newer = set()
+        for chunk in _chunks(ids):
+            newer.update(EpisodeProgress.objects.filter(user=user, episode_id__in=chunk, updated_at__gt=backup)
+                         .values_list('episode_id', flat=True))
+        ids = [i for i in ids if i not in newer]
+        for chunk in _chunks(ids):
+            EpisodeProgress.objects.filter(user=user, episode_id__in=chunk, dismissed=False).update(dismissed=True)
+            have = set(EpisodeProgress.objects.filter(user=user, episode_id__in=chunk)
+                       .values_list('episode_id', flat=True))
+            with _given_updated_at():
+                EpisodeProgress.objects.bulk_create(
+                    [EpisodeProgress(user=user, episode_id=i, dismissed=True, updated_at=backup)
+                     for i in chunk if i not in have],
+                    ignore_conflicts=True,
+                )
+
     # -- queue --------------------------------------------------------------
 
     def _import_queue(self, queue_items, item_episode):
@@ -725,7 +781,9 @@ def summary_lines(st, username, path, dry_run, global_auto_download):
         f'Queue:      {st.queue_backup} in backup ({st.queue_missing} not found); {st.queue_before} before, '
         f'{st.queue_after} after ({st.queue_appended} diora entries after AntennaPod\'s)'
         + (f'; kept sorted by "{st.keep_sorted}"' if st.keep_sorted else ''),
-        f'Inbox:      {st.inbox_before} before, {st.inbox_after} after',
+        f'Inbox:      {st.inbox_before} before, {st.inbox_after} after; out of it: {st.ignored_left_inbox} of podcasts '
+        f'whose new episodes are ignored (AntennaPod never showed them)'
+        + (f', {st.diora_only_left_inbox} of podcasts only diora has' if st.diora_only_left_inbox else ''),
         f'Downloads:  {st.downloads} on the phone in AntennaPod ({st.downloads_bytes / 1_000_000:.0f} MB) '
         + ('-> offered to the app for download' if st.downloads_offered else '-> not offered (--no-downloads)')
         + (f' ({st.downloads_created} episodes created for them)' if st.downloads_created else '')
diff --git a/podcasts/management/commands/import_antennapod.py b/podcasts/management/commands/import_antennapod.py
index 4d61207..461968d 100644
--- a/podcasts/management/commands/import_antennapod.py
+++ b/podcasts/management/commands/import_antennapod.py
@@ -25,6 +25,9 @@ class Command(BaseCommand):
                             help='Do everything inside a transaction that is rolled back, print the summary')
         parser.add_argument('--global-auto-download', choices=('on', 'off'), default='off',
                             help="Auto-download for feeds that use AntennaPod's global setting (default off)")
+        parser.add_argument('--quiet-diora-only', action='store_true',
+                            help='Podcasts only diora has (not in the backup): their episodes out before the backup '
+                                 'leave the inbox (the subscriptions stay)')
         parser.add_argument('--no-downloads', action='store_true',
                             help="Don't offer AntennaPod's downloaded episodes to the app (they stay in AntennaPod)")
         parser.add_argument('--backup-date',
@@ -53,7 +56,8 @@ class Command(BaseCommand):
         global_auto_download = options['global_auto_download'] == 'on'
         try:
             stats = AntennaPodImport(user, path, backup_date, global_auto_download,
-                                     offer_downloads=not options['no_downloads']).run(dry_run=options['dry_run'])
+                                     offer_downloads=not options['no_downloads'],
+                                     quiet_diora_only=options['quiet_diora_only']).run(dry_run=options['dry_run'])
         except AntennaPodImportError as e:
             raise CommandError(str(e))
         for line in summary_lines(stats, user.username, path, options['dry_run'], global_auto_download):
diff --git a/podcasts/test_antennapod.py b/podcasts/test_antennapod.py
index 9df20b8..3d39dbd 100644
--- a/podcasts/test_antennapod.py
+++ b/podcasts/test_antennapod.py
@@ -576,6 +576,49 @@ class ImportDownloadsViewTests(TestCase):
         self.assertEqual(len(PodcastSettings.objects.get(user=self.user).import_downloads), 4)
 
 
+class QuietInboxTests(ImportTestCase):
+    """What AntennaPod never showed as new leaves diora's inbox too."""
+
+    def inbox(self):
+        hidden = EpisodeProgress.objects.filter(user=self.user, dismissed=True).values('episode_id')
+        return sorted(PodcastEpisode.objects.filter(feed__user=self.user).exclude(id__in=hidden)
+                      .values_list('guid', flat=True))
+
+    def setUp(self):
+        super().setUp()
+        archived = self.diora_feed('https://example.org/archived')
+        self.ap_feed = self.ap.feed('https://example.org/archived', keep_updated=0)
+        self.ap.item(self.ap_feed, 'ap-new', read=-1)
+        self.episode(archived, 'ap-new', pub_date=T0)
+        self.episode(archived, 'unknown-old', pub_date=T0 + timedelta(days=3))   # AntennaPod never fetched it
+        self.episode(archived, 'unknown-late', pub_date=BACKUP_DATE + timedelta(days=1))
+        self.episode(archived, 'undated')
+        self.ap.feed('https://example.org/kept')
+        kept = self.diora_feed('https://example.org/kept')
+        self.episode(kept, 'kept-unknown', pub_date=T0)      # not archived: stays
+        only = self.diora_feed('https://example.org/only-diora')
+        self.episode(only, 'only-old', pub_date=T0)
+        self.episode(only, 'only-late', pub_date=BACKUP_DATE + timedelta(days=1))
+
+    def test_archived_podcasts(self):
+        out = self.run_import()
+        self.assertEqual(self.inbox(), ['ap-new', 'kept-unknown', 'only-late', 'only-old', 'unknown-late'])
+        self.assertIn('out of it: 2 of podcasts whose new episodes are ignored (AntennaPod never showed them)\n', out)
+        p = self.progress(PodcastEpisode.objects.get(guid='unknown-old'))
+        self.assertEqual((p.played, p.dismissed, p.updated_at), (False, True, BACKUP_DATE))
+
+    def test_quiet_diora_only(self):
+        out = self.run_import('--quiet-diora-only')
+        self.assertEqual(self.inbox(), ['ap-new', 'kept-unknown', 'only-late', 'unknown-late'])
+        self.assertIn(', 1 of podcasts only diora has', out)
+
+    def test_diora_newer_stays(self):
+        ep = PodcastEpisode.objects.get(guid='unknown-old')
+        EpisodeProgress.objects.create(user=self.user, episode=ep, position_seconds=30)  # updated now
+        self.run_import()
+        self.assertIn('unknown-old', self.inbox())
+
+
 class AfterFirstRefreshTests(ImportTestCase):
     """The way to move: import, let the new feeds be fetched, import again."""
 

From 649cf0f3407a8fad229994ba939ddbcb79e0786b Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 12:44:49 +0200
Subject: [PATCH 043/176] =?UTF-8?q?AntennaPod-Import:=20--replace=20f?=
 =?UTF-8?q?=C3=BCr=20einen=20Neuanfang;=20Podcast-Oberfl=C3=A4che=20aus=20?=
 =?UTF-8?q?diora-android=206c2b071?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--replace bestellt Podcasts ab, die das Backup nicht hat, behält nur
AntennaPods Warteschlange und lässt AntennaPod auch über spätere
Änderungen in diora gewinnen. Die Oberfläche bringt den gemeinsamen
Player und die Download-Übersicht (nur in der App sichtbar). sw v54.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/antennapod.py                        |  36 +-
 .../management/commands/import_antennapod.py  |   6 +-
 podcasts/test_antennapod.py                   |  22 +
 static/js/sw.js                               |   2 +-
 static/podcasts/native-podcast.js             | 412 +++++++++++++++++-
 static/podcasts/podcast-ui.css                |  37 +-
 6 files changed, 483 insertions(+), 32 deletions(-)

diff --git a/podcasts/antennapod.py b/podcasts/antennapod.py
index 2302dc6..456a92e 100644
--- a/podcasts/antennapod.py
+++ b/podcasts/antennapod.py
@@ -261,6 +261,8 @@ class Stats:
     downloads_missing: int = 0
     downloads_offered: bool = True
     ignored_left_inbox: int = 0
+    queue_removed: int = 0
+    removed_titles: list = field(default_factory=list)
     diora_only_left_inbox: int = 0
     backup_date: datetime | None = None
     seconds: float = 0.0
@@ -295,7 +297,7 @@ def _columns(db, table):
 
 class AntennaPodImport:
     def __init__(self, user, path, backup_date, global_auto_download=False, offer_downloads=True,
-                 quiet_diora_only=False):
+                 quiet_diora_only=False, replace=False):
         self.user = user
         self.path = path
         self.backup_date = backup_date
@@ -305,6 +307,10 @@ class AntennaPodImport:
         # True: subscriptions only diora has keep their episodes, but the
         # ones out before the backup leave the inbox.
         self.quiet_diora_only = quiet_diora_only
+        # A clean slate: AntennaPod's state is the new start. Podcasts only
+        # diora has are unsubscribed, the queue is AntennaPod's alone, and
+        # AntennaPod wins also over later changes in diora.
+        self.replace = replace
         self.stats = Stats(backup_date=backup_date)
 
     def run(self, dry_run=False):
@@ -338,6 +344,8 @@ class AntennaPodImport:
         self.new_feed = PodcastSettings.new_feed_defaults(user)
 
         feed_map = self._import_feeds(db)                # AntennaPod feed id -> diora feed id
+        if self.replace:
+            self._remove_diora_only(feed_map)
         queue_items = [r[0] for r in db.execute('SELECT feeditem FROM Queue ORDER BY id')]
         favorite_items = {r[0] for r in db.execute('SELECT feeditem FROM Favorites')}
         st.queue_backup = len(queue_items)
@@ -589,7 +597,7 @@ class AntennaPodImport:
         def diora_newer(p, activity):
             # Changed in diora after the backup was made (and after the
             # episode was last played in AntennaPod): diora's state stays.
-            return p.updated_at > backup and (activity is None or p.updated_at > activity)
+            return not self.replace and p.updated_at > backup and (activity is None or p.updated_at > activity)
 
         new_rows, changed, favorite_only, dismiss_only = [], [], [], []
         for ep_id, s in states.items():
@@ -670,7 +678,7 @@ class AntennaPodImport:
                 st.diora_only_left_inbox += 1
         # Changed in diora after the backup: diora's state stays.
         newer = set()
-        for chunk in _chunks(ids):
+        for chunk in ([] if self.replace else _chunks(ids)):
             newer.update(EpisodeProgress.objects.filter(user=user, episode_id__in=chunk, updated_at__gt=backup)
                          .values_list('episode_id', flat=True))
         ids = [i for i in ids if i not in newer]
@@ -685,6 +693,14 @@ class AntennaPodImport:
                     ignore_conflicts=True,
                 )
 
+    def _remove_diora_only(self, feed_map):
+        """Unsubscribe the podcasts the backup doesn't have (their episodes,
+        states and queue entries go with them)."""
+        st = self.stats
+        gone = PodcastFeed.objects.filter(user=self.user).exclude(pk__in=set(feed_map.values()))
+        st.removed_titles = sorted(gone.values_list('title', flat=True))
+        gone.delete()
+
     # -- queue --------------------------------------------------------------
 
     def _import_queue(self, queue_items, item_episode):
@@ -703,6 +719,12 @@ class AntennaPodImport:
             return
         in_front = set(front)
         rest = [ep_id for ep_id in before if ep_id not in in_front]
+        if self.replace and rest:
+            for chunk in _chunks(rest):
+                PodcastQueue.objects.filter(user=user, episode_id__in=chunk).delete()
+            st.queue_removed = len(rest)
+            before = [ep_id for ep_id in before if ep_id in in_front]
+            rest = []
         st.queue_appended = len(rest)
         present = set(before)
         PodcastQueue.objects.bulk_create(
@@ -764,7 +786,8 @@ def summary_lines(st, username, path, dry_run, global_auto_download):
         + (' -- DRY RUN, nothing was written' if dry_run else ''),
         f'Feeds:      {st.backup_feeds} in backup, {subscribed} subscribed ({st.not_subscribed} not subscribed '
         f'ignored); {st.matched} matched, {st.created} created, {len(st.skipped_feeds)} skipped (not http/https), '
-        f'{st.duplicates} duplicates',
+        f'{st.duplicates} duplicates'
+        + (f', {len(st.removed_titles)} only in diora unsubscribed (--replace)' if st.removed_titles else ''),
         f'Settings:   changed: {settings}',
         f'            {st.not_kept_updated} feeds not kept updated in AntennaPod -> new episodes "ignore"',
         f'Auto-download: on for {st.auto_download_on} feeds ({st.auto_download_explicit} on in AntennaPod, '
@@ -779,7 +802,8 @@ def summary_lines(st, username, path, dry_run, global_auto_download):
         f'{st.left_inbox} taken out of the inbox (not new in AntennaPod)',
         f'Favourites: {st.favorites_backup} in backup; {st.favorites_before} before, {st.favorites_after} after',
         f'Queue:      {st.queue_backup} in backup ({st.queue_missing} not found); {st.queue_before} before, '
-        f'{st.queue_after} after ({st.queue_appended} diora entries after AntennaPod\'s)'
+        f'{st.queue_after} after ({st.queue_appended} diora entries after AntennaPod\'s'
+        + (f', {st.queue_removed} removed (--replace)' if st.queue_removed else '') + ')'
         + (f'; kept sorted by "{st.keep_sorted}"' if st.keep_sorted else ''),
         f'Inbox:      {st.inbox_before} before, {st.inbox_after} after; out of it: {st.ignored_left_inbox} of podcasts '
         f'whose new episodes are ignored (AntennaPod never showed them)'
@@ -790,6 +814,8 @@ def summary_lines(st, username, path, dry_run, global_auto_download):
         + (f'; {st.downloads_missing} not found (feeds not imported, no audio URL)' if st.downloads_missing else ''),
         f'Created feeds ({len(st.created_titles)}):',
         *(f'  - {t}' for t in st.created_titles),
+        *([f'Unsubscribed feeds ({len(st.removed_titles)}):'] if st.removed_titles else []),
+        *(f'  - {t}' for t in st.removed_titles),
         f'Skipped feeds ({len(st.skipped_feeds)}):',
         *(f'  - {t} ({u})' for t, u in st.skipped_feeds),
         f'Done in {st.seconds:.1f} s.',
diff --git a/podcasts/management/commands/import_antennapod.py b/podcasts/management/commands/import_antennapod.py
index 461968d..bb0e8ca 100644
--- a/podcasts/management/commands/import_antennapod.py
+++ b/podcasts/management/commands/import_antennapod.py
@@ -25,6 +25,9 @@ class Command(BaseCommand):
                             help='Do everything inside a transaction that is rolled back, print the summary')
         parser.add_argument('--global-auto-download', choices=('on', 'off'), default='off',
                             help="Auto-download for feeds that use AntennaPod's global setting (default off)")
+        parser.add_argument('--replace', action='store_true',
+                            help="A clean slate: unsubscribe podcasts the backup doesn't have, keep only "
+                                 "AntennaPod's queue, AntennaPod wins over later changes in diora")
         parser.add_argument('--quiet-diora-only', action='store_true',
                             help='Podcasts only diora has (not in the backup): their episodes out before the backup '
                                  'leave the inbox (the subscriptions stay)')
@@ -57,7 +60,8 @@ class Command(BaseCommand):
         try:
             stats = AntennaPodImport(user, path, backup_date, global_auto_download,
                                      offer_downloads=not options['no_downloads'],
-                                     quiet_diora_only=options['quiet_diora_only']).run(dry_run=options['dry_run'])
+                                     quiet_diora_only=options['quiet_diora_only'],
+                                     replace=options['replace']).run(dry_run=options['dry_run'])
         except AntennaPodImportError as e:
             raise CommandError(str(e))
         for line in summary_lines(stats, user.username, path, options['dry_run'], global_auto_download):
diff --git a/podcasts/test_antennapod.py b/podcasts/test_antennapod.py
index 3d39dbd..91207c1 100644
--- a/podcasts/test_antennapod.py
+++ b/podcasts/test_antennapod.py
@@ -612,6 +612,28 @@ class QuietInboxTests(ImportTestCase):
         self.assertEqual(self.inbox(), ['ap-new', 'kept-unknown', 'only-late', 'unknown-late'])
         self.assertIn(', 1 of podcasts only diora has', out)
 
+    def test_replace_is_a_clean_slate(self):
+        archived = PodcastFeed.objects.get(rss_url='https://example.org/archived')
+        ap_new = PodcastEpisode.objects.get(guid='ap-new')
+        old = PodcastEpisode.objects.get(guid='unknown-old')
+        late = PodcastEpisode.objects.get(guid='unknown-late')
+        PodcastQueue.objects.create(user=self.user, episode=late, position=0)
+        other = PodcastEpisode.objects.get(guid='kept-unknown')
+        PodcastQueue.objects.create(user=self.user, episode=other, position=1)
+        EpisodeProgress.objects.create(user=self.user, episode=old, position_seconds=30)  # changed in diora now
+        queued = self.ap.item(self.ap_feed, 'unknown-late', read=0, pub=None)
+        self.ap.queue(queued)
+        out = self.run_import('--replace')
+        self.assertFalse(PodcastFeed.objects.filter(rss_url='https://example.org/only-diora').exists())
+        self.assertFalse(PodcastEpisode.objects.filter(guid__startswith='only-').exists())
+        self.assertEqual(self.queue(), [late.id])
+        self.assertTrue(self.progress(old).dismissed)  # AntennaPod wins
+        self.assertIn('ap-new', self.inbox())
+        self.assertTrue(archived.episodes.filter(id=ap_new.id).exists())
+        self.assertIn(', 1 only in diora unsubscribed (--replace)', out)
+        self.assertIn(', 1 removed (--replace))', out)
+        self.assertIn('Unsubscribed feeds (1):\n  - Diora\n', out)
+
     def test_diora_newer_stays(self):
         ep = PodcastEpisode.objects.get(guid='unknown-old')
         EpisodeProgress.objects.create(user=self.user, episode=ep, position_seconds=30)  # updated now
diff --git a/static/js/sw.js b/static/js/sw.js
index 753418d..94ffcac 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v53';
+const CACHE = 'diora-v54';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index d9ceb97..c9e7919 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android f94c501 2026-10-02: web-native/static/native-podcast.js
+// Copied from diora-android 6c2b071 2026-10-02: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -262,7 +262,8 @@
         playedItem(),
         headsetItem(),
       ]),
-      DL && group('↓', 'Downloads', 'automatisch, Limit, aufräumen', () => [
+      DL && {icon: '↓', label: 'Downloads', hint: dlSummary(), action: openDownloads},
+      DL && group('⚙︎', 'Download-Einstellungen', 'automatisch, gleichzeitig, Limit, aufräumen', () => [
         // Account-wide (server): new subscriptions start with auto-download on or off.
         'auto_download_default' in s && {icon: s.auto_download_default ? '☑' : '☐', label: 'Neue Abos laden von selbst',
           hint: s.auto_download_default ? 'an: neue Folgen neuer Abos werden geladen' : 'aus: pro Podcast einschaltbar',
@@ -477,7 +478,8 @@
     if (refreshing) text.append(el('span', 'muted nui-pod-status', 'Wird abgerufen …'));
     else if (state.server_time) text.append(el('span', 'muted nui-pod-status', 'Stand ' + day(state.server_time) + ', ' +
       new Date(state.server_time).toLocaleTimeString('de-DE', {hour: '2-digit', minute: '2-digit'})));
-    bar.append(text, button('⟳', 'Alle Feeds abrufen', () => refresh(true)), button('⋮', 'Einstellungen', settingsMenu));
+    bar.append(...[text, dlIndicator(), button('⟳', 'Alle Feeds abrufen', () => refresh(true)),
+      button('⋮', 'Einstellungen', settingsMenu)].filter(Boolean));
     root.append(bar);
 
     if (feedView) {
@@ -500,6 +502,8 @@
         tabs.append(b);
       }
       root.append(tabs);
+      const offer = importOffer();
+      if (offer) root.append(offer);
       if (view === 'queue') renderQueue();
       else if (view === 'inbox') renderInbox();
       else if (view === 'episodes') renderEpisodes();
@@ -509,6 +513,31 @@
     scrollTop(scroll);
   }
 
+  // AntennaPod had episodes on the phone: offered once to fetch them again (Wi-Fi only).
+  function importOffer() {
+    const o = state.import_downloads;
+    if (!o || !o.count || !N.podcastImportDownloads || !N.podcastDownloadSettings) return null;
+    const box = el('div', 'nui-pod-offer');
+    const s = parse(N.podcastDownloadSettings(), {});
+    const needed = (Object.keys(downloads).length || 0) + o.count + (s.auto ? s.count || 0 : 0);
+    const raise = s.limit > 0 && needed > s.limit
+      ? ` „Höchstens behalten“ geht dafür von ${s.limit} auf ${[5, 10, 25, 50, 100, 500].find(n => n >= needed) || 'unbegrenzt'}.` : '';
+    box.append(el('div', null, `${o.count} ${o.count === 1 ? 'Folge war' : 'Folgen waren'} in AntennaPod heruntergeladen` +
+      (o.bytes ? ` (${size(o.bytes)})` : '') + '. Hier noch einmal laden? Nur im WLAN; sie kommen nicht in die Warteschlange.' + raise));
+    const row = el('div', 'nui-pod-offer-row');
+    row.append(button('Laden', 'Im WLAN herunterladen', () => { N.podcastImportDownloads(true); box.remove(); }, 'btn'),
+      button('Nein danke', 'Nicht laden', () => { N.podcastImportDownloads(false); box.remove(); }, 'btn'));
+    box.append(row);
+    return box;
+  }
+
+  window.__dioraImportDownloads = function (r) {
+    if (!r || !r.ok) toast('Die Liste aus AntennaPod kam nicht an — später noch einmal');
+    else if (r.count) toast(`${r.count} ${r.count === 1 ? 'Folge wird' : 'Folgen werden'} im WLAN geladen` +
+      (r.limit != null ? ` · Höchstens behalten: ${r.limit || 'unbegrenzt'}` : ''));
+    render();
+  };
+
   function empty(text) {
     root.append(el('div', 'nui-pod-empty', text));
   }
@@ -1272,11 +1301,15 @@
     const text = el('button', 'nui-mini-text');
     text.type = 'button';
     text.append(el('span', 'nui-mini-station'), el('span', 'nui-mini-track'));
-    text.addEventListener('click', openPlayer);
+    text.addEventListener('click', () => (miniKind === 'radio' ? openRadioPlayer() : openPlayer()));
     mini.append(art('', 'mini'), text,
       button('↺', '15 s zurück', () => N.podcastSkip(false), 'nui-pod-skip'),
-      button('▶', 'Abspielen', () => N.podcastToggle(), 'nui-mini-toggle'));
+      button('☆', 'Sender speichern', () => window.__dioraRadioSave && window.__dioraRadioSave(), 'nui-mini-save'),
+      button('▶', 'Abspielen', () => (miniKind === 'radio'
+        ? window.__dioraRadioToggle && window.__dioraRadioToggle() : N.podcastToggle()), 'nui-mini-toggle'));
     dock.prepend(mini);
+    // One player for podcasts and radio: the radio's own bar steps aside.
+    document.documentElement.classList.add('nui-one-player');
 
     // A "Podcasts" button in the bottom bar, between books and radio.
     const tabbar = $id('nui-tabbar');
@@ -1290,12 +1323,49 @@
     }
   }
 
+  // What the bar shows: 'podcast', 'radio' (a station is chosen) or ''.
+  let miniKind = '';
+
+  function radioNow() {
+    return typeof window.__dioraRadioNow === 'function' ? window.__dioraRadioNow() : null;
+  }
+
+  function setArt(box, src) {
+    const img = box.querySelector('img');
+    src = (src || '').replace(/^http:/, 'https:');
+    if (!img && src) {
+      const i = el('img');
+      i.alt = '';
+      i.src = src;
+      i.addEventListener('error', () => i.remove());
+      box.append(i);
+    } else if (img && img.getAttribute('src') !== src) {
+      if (src) img.src = src; else img.remove();
+    }
+  }
+
   function renderMini() {
     const isPod = player.kind === 'podcast';
     document.documentElement.classList.toggle('nui-pod-playing', isPod);
     if (!mini) return;
-    mini.hidden = !isPod;
-    document.documentElement.classList.toggle('nui-pod-mini-open', isPod);
+    const radio = isPod ? null : radioNow();
+    miniKind = isPod ? 'podcast' : radio ? 'radio' : '';
+    mini.hidden = !miniKind;
+    mini.classList.toggle('nui-mini-radio', miniKind === 'radio');
+    document.documentElement.classList.toggle('nui-pod-mini-open', !!miniKind);
+    mini.querySelector('.nui-pod-skip').hidden = miniKind !== 'podcast';
+    mini.querySelector('.nui-mini-save').hidden = miniKind !== 'radio' || radio.saved;
+    if (miniKind === 'radio') {
+      mini.querySelector('.nui-mini-station').textContent = radio.name;
+      mini.querySelector('.nui-mini-track').textContent = radio.buffering ? 'Verbinde …'
+        : radio.playing ? (radio.track || '● Live') : 'Angehalten';
+      const t = mini.querySelector('.nui-mini-toggle');
+      t.textContent = radio.playing ? '■' : '▶';
+      t.title = radio.playing ? 'Stopp' : 'Abspielen';
+      setArt(mini.querySelector('.nui-pod-art'), radio.logo);
+      mini.querySelector('.nui-pod-mini-bar span').style.width = radio.playing ? '100%' : '0';
+      return;
+    }
     if (!isPod) return;
     mini.querySelector('.nui-mini-station').textContent = player.title || '';
     // The back button names the set skip length (checked now and then, it rarely changes).
@@ -1310,11 +1380,7 @@
     const t = mini.querySelector('.nui-mini-toggle');
     t.textContent = player.playing ? '❚❚' : '▶';
     t.title = player.playing ? 'Pause' : 'Abspielen';
-    const a = mini.querySelector('.nui-pod-art img');
-    const box = mini.querySelector('.nui-pod-art');
-    const src = (player.artwork || '').replace(/^http:/, 'https:');
-    if (!a && src) { const img = el('img'); img.alt = ''; img.src = src; box.append(img); }
-    else if (a && a.getAttribute('src') !== src) { if (src) a.src = src; else a.remove(); }
+    setArt(mini.querySelector('.nui-pod-art'), player.artwork);
     mini.querySelector('.nui-pod-mini-bar span').style.width = player.dur ? Math.min(100, player.pos / player.dur * 100) + '%' : '0';
   }
 
@@ -1567,9 +1633,13 @@
     return true;
   }
 
+  // The full player: one for both. Which one it shows now.
+  let sheetKind = '';
+
   function openPlayer() {
     if (player.kind !== 'podcast') return;
     closePlayer();
+    sheetKind = 'podcast';
     sheet = el('div');
     sheet.id = 'nui-pod-player';
     sheet.innerHTML = '<div class="nui-pod-player-panel" role="dialog" aria-label="Player"></div>';
@@ -1632,8 +1702,75 @@
     return true;
   }
 
+  // The radio in the same player: the station instead of the episode, "Live"
+  // instead of the seek bar, save / stop / sleep timer as the buttons.
+  function openRadioPlayer() {
+    const r = radioNow();
+    if (!r) return;
+    closePlayer();
+    sheetKind = 'radio';
+    sheet = el('div');
+    sheet.id = 'nui-pod-player';
+    sheet.innerHTML = '<div class="nui-pod-player-panel" role="dialog" aria-label="Radio"></div>';
+    const panel = sheet.firstChild;
+    const top = el('div', 'nui-pod-player-top');
+    top.append(button('⌄', 'Player schließen', closePlayer));
+    const cover = art(r.logo, 'player');
+    cover.classList.add('nui-radio-art');
+    panel.append(top, cover, el('div', 'nui-pod-player-title'), el('div', 'nui-pod-player-feed'),
+      el('div', 'nui-radio-live'));
+    const controls = el('div', 'nui-pod-controls');
+    controls.append(
+      button('☆', 'Sender speichern', () => window.__dioraRadioSave && window.__dioraRadioSave(), 'nui-pod-fav nui-radio-save'),
+      button('▶', 'Abspielen', () => window.__dioraRadioToggle && window.__dioraRadioToggle(), 'nui-pod-play'),
+      button('☾', 'Sleep-Timer', () => sleepMenu(true), 'nui-pod-sleep'),
+    );
+    const extra = el('div', 'nui-pod-extra');
+    const stations = el('button', 'btn nui-radio-stations', 'Sender wechseln');
+    stations.type = 'button';
+    stations.addEventListener('click', () => { closePlayer(); showTab('radio'); });
+    extra.append(stations);
+    panel.append(controls, extra);
+    sheet.addEventListener('click', e => { if (e.target === sheet) closePlayer(); });
+    document.body.append(sheet);
+    renderRadioPlayer();
+  }
+
+  function renderRadioPlayer() {
+    const r = radioNow();
+    if (!r) { closePlayer(); return; }
+    sheet.querySelector('.nui-pod-player-title').textContent = r.name;
+    sheet.querySelector('.nui-pod-player-feed').textContent = r.track || '';
+    const live = sheet.querySelector('.nui-radio-live');
+    live.textContent = r.buffering ? 'Verbinde …' : r.playing ? '● Live' : 'Angehalten';
+    live.classList.toggle('on', r.playing && !r.buffering);
+    const p = sheet.querySelector('.nui-pod-play');
+    p.textContent = r.playing ? '■' : '▶';
+    p.title = r.playing ? 'Stopp' : 'Abspielen';
+    const s = sheet.querySelector('.nui-radio-save');
+    s.textContent = r.saved ? '★' : '☆';
+    s.classList.toggle('on', r.saved);
+    s.disabled = r.saved;
+    s.title = r.saved ? 'Gespeichert' : 'Sender speichern';
+    const sl = sheet.querySelector('.nui-pod-sleep');
+    sl.textContent = sleepLabel() || '☾';
+    sl.classList.toggle('on', !!sleepLabel());
+    setArt(sheet.querySelector('.nui-pod-art-player'), r.logo);
+  }
+
+  // native-radio.js: the station, its track or its state changed.
+  window.__dioraRadioChanged = function () {
+    renderMini();
+    if (sheet && sheetKind === 'radio') renderRadioPlayer();
+  };
+  window.__dioraOpenPlayer = kind => (kind === 'radio' ? openRadioPlayer() : openPlayer());
+
   function renderPlayer() {
     if (!sheet) return;
+    if (sheetKind === 'radio') {
+      if (player.kind === 'podcast') closePlayer(); else renderRadioPlayer();
+      return;
+    }
     if (player.kind !== 'podcast') { closePlayer(); return; }
     if (sheetEpisode !== player.episodeId) {
       // The next episode started while the player was open.
@@ -1697,7 +1834,7 @@
   }
 
   // Minutes count only while playing; shaking the phone starts them over.
-  function sleepMenu() {
+  function sleepMenu(radio) {
     if (!N.podcastSleep) return;
     const t = player.sleep || {};
     const on = !!sleepLabel();
@@ -1712,9 +1849,11 @@
     for (const m of [5, 10, 15, 30, 45, 60, 90]) {
       items.push({icon: '☾', label: `${m} Minuten`, hint: m === t.last && !on ? 'zuletzt' : null, action: () => N.podcastSleep(m)});
     }
-    items.push({icon: '⏹', label: 'Am Ende der Folge', action: () => N.podcastSleep(-1)});
-    items.push({icon: '⏹', label: 'Nach 2 Folgen', action: () => N.podcastSleep(-2)});
-    items.push({icon: '⏹', label: 'Nach 3 Folgen', action: () => N.podcastSleep(-3)});
+    if (radio !== true) {
+      items.push({icon: '⏹', label: 'Am Ende der Folge', action: () => N.podcastSleep(-1)});
+      items.push({icon: '⏹', label: 'Nach 2 Folgen', action: () => N.podcastSleep(-2)});
+      items.push({icon: '⏹', label: 'Nach 3 Folgen', action: () => N.podcastSleep(-3)});
+    }
     if (N.podcastSleepAuto) {
       items.push({icon: t.auto ? '☑' : '☐', label: 'Nachts von selbst (22–6 Uhr)',
                   hint: t.auto ? `an: ${t.last || 15} Minuten, wenn eine Folge startet` : 'aus',
@@ -1739,7 +1878,15 @@
   const DL = !!N.podcastDownloads;
   let downloads = DL ? parse(N.podcastDownloads(), {}) : {};
   let dlSettings = DL ? parse(N.podcastDownloadSettings(), {}) : {};
+  // All at a glance (Downloads.infoJson): paused, how many run and wait, done of all in this round.
+  let dlInfo = DL && N.podcastDownloadsInfo ? parse(N.podcastDownloadsInfo(), {}) : {};
   const DL_COUNTS = [1, 2, 3, 5, 10];
+  const DL_PARALLEL = [1, 2, 3, 4];
+  // Why a download waits (DownloadPlan.waitReason).
+  const DL_REASONS = {
+    paused: 'pausiert', wifi: 'wartet auf WLAN', offline: 'wartet auf eine Verbindung', queue: 'in der Reihe',
+    retry: 'neuer Versuch',
+  };
   // The limit and the clean-up the AntennaPod way (Downloads.kt, DownloadPlan.toClean).
   const DL_LIMITS = [5, 10, 25, 50, 100, 500, 0];
   const DL_CLEANUPS = [
@@ -1756,7 +1903,8 @@
 
   function dlStart(e) {
     N.podcastDownload(JSON.stringify(e.raw));
-    window.__dioraDownloads(Object.assign({}, downloads, {[e.id]: {state: 'queued', progress: 0, bytes: 0, total: 0}}));
+    window.__dioraDownloads(Object.assign({}, downloads,
+      {[e.id]: {state: 'queued', progress: 0, bytes: 0, total: 0, title: e.title, reason: 'queue'}}));
     toast('Wird heruntergeladen');
   }
 
@@ -1789,7 +1937,15 @@
     const d = downloads[b.dataset.dl];
     if (!d || (d.state !== 'queued' && d.state !== 'downloading')) return;
     b.style.setProperty('--p', (d.progress || 0) + '%');
-    b.firstChild.textContent = d.state === 'queued' ? '…' : d.progress + '';
+    b.firstChild.textContent = d.state === 'queued' ? (d.reason === 'paused' ? '‖' : '…') : d.progress + '';
+  }
+
+  // "wartet auf WLAN", "neuer Versuch um 14:05" …
+  function dlReason(d) {
+    if (d.reason === 'retry' && d.retryAt) {
+      return 'neuer Versuch um ' + new Date(d.retryAt).toLocaleTimeString('de-DE', {hour: '2-digit', minute: '2-digit'});
+    }
+    return DL_REASONS[d.reason] || 'wartet';
   }
 
   function dlMenuItems(e) {
@@ -1800,8 +1956,12 @@
         action: () => dlStart(e)}];
     }
     if (d.state === 'done') return [{icon: '✕', label: 'Download löschen', hint: size(d.bytes), action: () => dlDelete(e)}];
-    return [{icon: '✕', label: 'Download abbrechen', hint: d.state === 'queued' ? 'wartet noch' : d.progress + ' %',
-      action: () => dlDelete(e, true)}];
+    return [
+      d.state === 'queued' && d.order > 0 && N.podcastDownloadFirst &&
+        {icon: '⇈', label: 'Zuerst laden', hint: 'vor die anderen wartenden', action: () => N.podcastDownloadFirst(e.id)},
+      {icon: '✕', label: 'Download abbrechen', hint: d.state === 'queued' ? dlReason(d) : d.progress + ' %',
+       action: () => dlDelete(e, true)},
+    ];
   }
 
   function dlSet(changes) {
@@ -1823,6 +1983,10 @@
           action: () => dlSet({count: n})})))},
       s.auto && {icon: s.mobile ? '☑' : '☐', label: 'Auch über mobile Daten', hint: s.mobile ? 'nicht nur im WLAN' : 'sonst nur im WLAN',
        action: () => dlSet({mobile: !s.mobile})},
+      s.parallel != null && {icon: '⇉', label: 'Gleichzeitig laden', hint: s.parallel === 1 ? '1 Folge' : s.parallel + ' Folgen',
+       action: () => openSheet('Gleichzeitig laden', DL_PARALLEL.map(n => ({
+         icon: s.parallel === n ? '●' : '○', label: n === 1 ? '1 Folge' : n + ' Folgen', active: s.parallel === n,
+         hint: n === 3 ? 'Standard' : null, action: () => dlSet({parallel: n})})))},
       {icon: s.deletePlayed ? '☑' : '☐', label: 'Gehörte Folgen löschen',
        hint: 'sobald die Folge zu Ende ist – nicht bei Favoriten',
        action: () => dlSet({deletePlayed: !s.deletePlayed})},
@@ -1848,17 +2012,216 @@
     ];
   }
 
-  window.__dioraDownloads = function (map) {
+  window.__dioraDownloads = function (map, info) {
     const before = downloads;
     downloads = (typeof map === 'string' ? parse(map, downloads) : map) || {};
+    if (info) dlInfo = typeof info === 'string' ? parse(info, dlInfo) : info;
     const keys = Object.keys(downloads);
     const same = keys.length === Object.keys(before).length &&
-      keys.every(id => before[id] && before[id].state === downloads[id].state);
+      keys.every(id => before[id] && before[id].state === downloads[id].state && before[id].reason === downloads[id].reason);
     // Only the numbers moved: turn the rings, no new list (keeps a drag or a scroll going).
-    if (same) document.querySelectorAll('#nui-pod [data-dl]').forEach(dlRing);
-    else render();
+    if (same) {
+      document.querySelectorAll('#nui-pod [data-dl]').forEach(dlRing);
+      dlIndicatorText();
+    } else {
+      render();
+    }
+    renderDownloads();
   };
 
+  function dlCounts() {
+    const c = {running: 0, waiting: 0, failed: 0, done: 0, bytes: 0};
+    for (const d of Object.values(downloads)) {
+      if (d.state === 'downloading') c.running++;
+      else if (d.state === 'queued') c.waiting++;
+      else if (d.state === 'failed') c.failed++;
+      else if (d.state === 'done') { c.done++; c.bytes += d.bytes || 0; }
+    }
+    return c;
+  }
+
+  function dlSummary() {
+    const c = dlCounts();
+    const parts = [];
+    if (c.running) parts.push(c.running + (c.running === 1 ? ' läuft' : ' laufen'));
+    if (c.waiting) parts.push(c.waiting + (c.waiting === 1 ? ' wartet' : ' warten') + (dlInfo.paused ? ' (pausiert)' : ''));
+    if (c.failed) parts.push(c.failed + ' fehlgeschlagen');
+    if (c.done) parts.push(c.done + ' fertig');
+    return parts.join(' · ') || 'keine';
+  }
+
+  // The top bar's sign while downloads run or wait: "↓ 3/68" (the one loading of all in this round,
+  // like the notification), "‖ 68" while paused. Opens the overview.
+  function dlIndicator() {
+    if (!DL || !N.podcastDownloadsInfo) return null;
+    const b = button('', 'Downloads', openDownloads, 'nui-pod-dlind');
+    b.id = 'nui-pod-dlind';
+    dlIndicatorText(b);
+    return b;
+  }
+
+  function dlIndicatorText(b) {
+    b = b || $id('nui-pod-dlind');
+    if (!b) return;
+    const c = dlCounts();
+    const busy = c.running + c.waiting;
+    b.hidden = !busy;
+    if (!busy) return;
+    const total = Math.max(dlInfo.total || 0, busy);
+    const done = Math.min(dlInfo.done || 0, total);
+    b.textContent = dlInfo.paused ? '‖ ' + busy : c.running ? `↓ ${Math.min(done + 1, total)}/${total}` : '↓ ' + busy;
+    b.title = 'Downloads: ' + dlSummary();
+    b.setAttribute('aria-label', b.title);
+  }
+
+  // ---- the downloads overview: what runs, waits, failed, is done ---------------------------
+
+  let dlSheet = null;
+  let dlBody = null;
+
+  function closeDownloads() {
+    if (!dlSheet) return false;
+    dlSheet.remove();
+    dlSheet = dlBody = null;
+    return true;
+  }
+
+  function openDownloads() {
+    if (!DL) return;
+    closeDownloads();
+    dlSheet = el('div');
+    dlSheet.id = 'nui-pod-player';
+    dlSheet.className = 'nui-pod-notes-sheet nui-pod-dls';
+    const panel = el('div', 'nui-pod-player-panel');
+    const top = el('div', 'nui-pod-player-top');
+    top.append(button('⌄', 'Schließen', closeDownloads));
+    dlBody = el('div', 'nui-pod-dls-body');
+    panel.append(top, el('div', 'nui-pod-player-title', 'Downloads'), dlBody);
+    dlSheet.append(panel);
+    dlSheet.addEventListener('click', ev => { if (ev.target === dlSheet) closeDownloads(); });
+    document.body.append(dlSheet);
+    renderDownloads(true);
+  }
+
+  function dlTitle(d) {
+    return plain(d.title) || 'Folge ' + d.id;
+  }
+
+  // The line under the title: how far, why it waits, what went wrong.
+  function dlStatus(d) {
+    const of = d.total ? `${size(d.bytes)} von ${size(d.total)}` : size(d.bytes);
+    if (d.state === 'downloading') return (d.total ? d.progress + ' % · ' : '') + of;
+    if (d.state === 'failed') return d.error || 'hat nicht geklappt';
+    const parts = [dlReason(d)];
+    if (d.bytes) parts.push(of + ' geladen');
+    if (d.reason === 'retry' && d.error) parts.push(d.error);
+    return parts.join(' · ');
+  }
+
+  function dlActions(d) {
+    const items = [];
+    if (d.state === 'queued' && d.order > 0 && N.podcastDownloadFirst) {
+      items.push({icon: '⇈', label: 'Zuerst laden', hint: 'vor die anderen wartenden', action: () => N.podcastDownloadFirst(d.id)});
+    }
+    if ((d.state === 'failed' || (d.state === 'queued' && d.error)) && N.podcastRetryDownload) {
+      items.push({icon: '↻', label: 'Erneut versuchen', hint: d.error || null, action: () => N.podcastRetryDownload(d.id)});
+    }
+    items.push(d.state === 'failed'
+      ? {icon: '✕', label: 'Löschen', danger: true, action: () => N.podcastDeleteDownload(d.id)}
+      : {icon: '✕', label: 'Abbrechen', hint: d.bytes ? 'was schon geladen ist, geht mit' : null, danger: true,
+         action: () => N.podcastDeleteDownload(d.id)});
+    return items;
+  }
+
+  function dlRow(d) {
+    const row = el('div', 'nui-pod-dlrow' + (d.state === 'failed' ? ' nui-pod-dlrow-failed' : ''));
+    row.dataset.dlrow = d.id;
+    const main = el('div', 'nui-pod-main');
+    main.append(el('div', 'nui-pod-title', dlTitle(d)));
+    const f = d.feedId && feeds().find(x => x.id === d.feedId);
+    const meta = el('div', 'nui-pod-meta nui-pod-dlstatus');
+    main.append(meta);
+    if (f) main.append(el('div', 'nui-pod-meta', plain(f.title)));
+    if (d.state === 'downloading' || (d.state === 'queued' && d.bytes)) {
+      const bar = el('div', 'nui-pod-progress nui-pod-stat-bar');
+      bar.append(el('span'));
+      main.append(bar);
+    }
+    row.append(main);
+    // The likely tap right there; all of them in the row's sheet.
+    if (d.state === 'queued' && d.order > 0 && N.podcastDownloadFirst) {
+      row.append(button('⇈', 'Zuerst laden', () => N.podcastDownloadFirst(d.id)));
+    }
+    if (d.state === 'failed' && N.podcastRetryDownload) {
+      row.append(button('↻', 'Erneut versuchen', () => N.podcastRetryDownload(d.id)));
+    }
+    row.append(button('✕', d.state === 'failed' ? 'Löschen' : 'Abbrechen', () => N.podcastDeleteDownload(d.id)));
+    row.addEventListener('click', () => openSheet(dlTitle(d), dlActions(d)));
+    dlRowNumbers(row, d);
+    return row;
+  }
+
+  function dlRowNumbers(row, d) {
+    row.querySelector('.nui-pod-dlstatus').textContent = dlStatus(d);
+    const fill = row.querySelector('.nui-pod-progress > span');
+    if (fill) fill.style.width = (d.total ? Math.round(d.bytes / d.total * 100) : 0) + '%';
+  }
+
+  function renderDownloads(force) {
+    if (!dlBody) return;
+    const all = Object.keys(downloads).map(id => Object.assign({id: +id}, downloads[id]));
+    const running = all.filter(d => d.state === 'downloading');
+    const waiting = all.filter(d => d.state === 'queued').sort((a, b) => (a.order || 0) - (b.order || 0));
+    const failed = all.filter(d => d.state === 'failed');
+    const done = all.filter(d => d.state === 'done');
+    // The same rows as before: only the numbers move (keeps a tap or the scroll going).
+    const sig = [running, waiting, failed].map(l => l.map(d => `${d.id}:${d.reason || ''}:${d.error || ''}`).join(','))
+      .join('|') + `|${done.length}|${!!dlInfo.paused}`;
+    if (!force && sig === dlBody.dataset.sig) {
+      for (const d of running.concat(waiting)) {
+        const row = dlBody.querySelector(`[data-dlrow="${d.id}"]`);
+        if (row) dlRowNumbers(row, d);
+      }
+      return;
+    }
+    dlBody.dataset.sig = sig;
+    const panel = dlBody.parentElement;
+    const scroll = panel.scrollTop;
+    dlBody.textContent = '';
+
+    const head = el('div', 'nui-pod-dls-head');
+    head.append(el('div', 'nui-pod-summary', dlSummary()));
+    const tools = el('div', 'nui-pod-offer-row');
+    if (N.podcastPauseDownloads && (running.length || waiting.length || dlInfo.paused)) {
+      const paused = !!dlInfo.paused;
+      tools.append(button(paused ? '▶ Fortsetzen' : '‖ Alle pausieren', paused ? 'Downloads fortsetzen' : 'Alle Downloads pausieren',
+        () => { dlInfo.paused = !paused; N.podcastPauseDownloads(!paused); renderDownloads(true); }, 'btn'));
+    }
+    if (failed.length > 1 && N.podcastRetryDownload) {
+      tools.append(button('↻ Alle erneut', 'Alle fehlgeschlagenen erneut versuchen', () => N.podcastRetryDownload(0), 'btn'));
+    }
+    if (tools.childNodes.length) head.append(tools);
+    dlBody.append(head);
+
+    const section = (title, list) => {
+      if (!list.length) return;
+      dlBody.append(el('div', 'nui-pod-dls-sec', `${title} (${list.length})`));
+      const box = el('div', 'nui-pod-list');
+      for (const d of list) box.append(dlRow(d));
+      dlBody.append(box);
+    };
+    section('Läuft', running);
+    section('Wartet', waiting);
+    section('Fehlgeschlagen', failed);
+    if (done.length) {
+      dlBody.append(el('div', 'nui-pod-dls-sec', 'Fertig'));
+      dlBody.append(el('div', 'nui-pod-meta nui-pod-dls-done',
+        `${done.length} ${done.length === 1 ? 'Folge' : 'Folgen'} auf dem Telefon · ${size(done.reduce((n, d) => n + (d.bytes || 0), 0))}`));
+    }
+    if (!all.length) dlBody.append(el('div', 'nui-pod-empty', 'Keine Downloads. Beim ↓ einer Folge lädst du sie aufs Telefon.'));
+    panel.scrollTop = scroll;
+  }
+
   // ---- hooks from the app ---------------------------------------------------------------
 
   window.__dioraPodcasts = function (json) {
@@ -1901,6 +2264,7 @@
     const back = window.__dioraBack;
     window.__dioraBack = function () {
       if (closeStats()) return true;
+      if (closeDownloads()) return true;
       if (closeNotes()) return true;
       if (closePlayer()) return true;
       if (typeof _currentTopTab !== 'undefined' && _currentTopTab === 'podcasts' && stopSelecting()) return true;
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 1d49122..b3367d6 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 62f3a69 2026-10-02: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 6c2b071 2026-10-02: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -120,6 +120,18 @@
 
 html.nui-podcasts #tab-podcasts > :not(#nui-pod) { display: none !important; }
 html.nui-pod-playing #nui-mini { display: none !important; }
+/* One player for both: the podcast bar shows the radio too. */
+html.nui-one-player #nui-mini { display: none !important; }
+.nui-mini-radio .nui-pod-art,
+.nui-radio-art { display: flex; align-items: center; justify-content: center; }
+.nui-mini-radio .nui-pod-art:empty::after,
+.nui-radio-art:empty::after { content: '◉'; color: var(--accent); font-size: 22px; }
+.nui-radio-art:empty::after { font-size: 96px; }
+.nui-mini-radio .nui-pod-art img,
+.nui-radio-art img { object-fit: contain; background: #fff; }
+.nui-radio-live { text-align: center; font-size: 13px; color: var(--nui-muted); letter-spacing: 0.04em; }
+.nui-radio-live.on { color: var(--accent); font-weight: 700; }
+.nui-radio-stations { align-self: center; }
 html.nui-radio.nui-pod-mini-open body {
   padding-bottom: calc(124px + env(safe-area-inset-bottom, 0px));
 }
@@ -495,6 +507,26 @@ body.eink .nui-pod-dl-ring > span {
     conic-gradient(#000 var(--p, 0%), #ccc 0);
 }
 
+/* the top bar's "↓ 3/68" and the downloads overview (openDownloads) */
+.nui-pod-dlind { min-width: 0 !important; padding: 0 8px; font-size: 13px !important; font-weight: 700; color: var(--accent); white-space: nowrap; font-variant-numeric: tabular-nums; }
+.nui-pod-dlind[hidden] { display: none !important; }
+.nui-pod-dls .nui-pod-player-panel { min-height: 50%; }
+.nui-pod-dls-head { display: flex; flex-direction: column; gap: 2px; }
+.nui-pod-dls-head .nui-pod-summary { padding: 0 2px; text-align: center; }
+.nui-pod-dls-head .nui-pod-offer-row { justify-content: center; }
+.nui-pod-dls-head .btn { min-width: 0 !important; padding: 0 14px; font-size: 15px !important; }
+.nui-pod-dls-sec { margin-top: 10px; padding: 4px 2px; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--nui-muted); border-bottom: 1px solid var(--border); }
+.nui-pod-dlrow { display: flex; align-items: center; gap: 4px; min-height: 56px; padding: 6px 0; border-bottom: 1px solid var(--border); -webkit-tap-highlight-color: transparent; }
+.nui-pod-dlrow:active { background: #141414; }
+.nui-pod-dlrow .nui-pod-title { font-size: 14px; -webkit-line-clamp: 1; }
+.nui-pod-dlrow .nui-icon { font-size: 18px; color: var(--nui-muted); }
+.nui-pod-dlrow-failed .nui-pod-dlstatus { color: var(--yellow); }
+.nui-pod-dls-done { padding: 8px 2px; white-space: normal; }
+body.eink .nui-pod-dlind { color: #000; }
+body.eink .nui-pod-dlrow:active { background: #ddd; }
+body.eink .nui-pod-dlrow-failed .nui-pod-dlstatus { color: #000; font-weight: 700; }
+body.eink .nui-pod-dls-sec { color: #000; border-bottom-color: #000; }
+
 /* tab row scrolls sideways without a visible bar; the lock emoji in the app's greys */
 .nui-pod-tabs::-webkit-scrollbar { display: none; }
 .nui-pod-lock { filter: grayscale(1); opacity: 0.6; }
@@ -516,6 +548,8 @@ body.eink .nui-pod-star, body.eink .nui-pod-fav.on { color: #000 !important; }
 
 /* feed errors, chapter navigation, transcript */
 .nui-pod-feederr { font-size: 12px; color: var(--yellow); }
+.nui-pod-offer { padding: 10px 12px; margin: 8px 0; border: 1px solid var(--nui-muted); border-radius: 6px; line-height: 1.45; font-size: 14px; }
+.nui-pod-offer-row { display: flex; gap: 8px; margin-top: 8px; }
 .nui-pod-feederr-box { padding: 8px 10px; margin: 4px 0 8px; border: 1px solid var(--yellow); border-radius: 6px; line-height: 1.4; }
 .nui-pod-chapnav { display: flex; align-items: center; gap: 4px; margin-bottom: 4px; }
 .nui-pod-chapnow { flex: 1; min-width: 0; text-align: center; font-size: 13px; color: var(--nui-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@@ -525,5 +559,6 @@ body.eink .nui-pod-star, body.eink .nui-pod-fav.on { color: #000 !important; }
 .nui-pod-speaker { color: inherit; }
 body.eink .nui-pod-feederr { color: #000; }
 body.eink .nui-pod-feederr-box { border-color: #000; }
+body.eink .nui-pod-offer { border-color: #000; }
 body.eink .nui-pod-seg { color: #444; }
 body.eink .nui-pod-seg.current { color: #000; background: #e6e6e6; }

From 7c87343e66f58fad0d8869850b961e94ed48dc51 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 13:12:59 +0200
Subject: [PATCH 044/176] =?UTF-8?q?Web:=20ein=20Player=20f=C3=BCr=20Radio?=
 =?UTF-8?q?=20und=20Podcasts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die Podcast-Leiste und der Vollbild-Player zeigen auch den Sender (Logo,
„● Live“, Stopp behält den Sender, speichern, Sleep-Timer, Sender
wechseln); die Radio-Leiste behält nur Lautstärke, Votes, Fokusmodus und
Timer. Podcast-Oberfläche aus diora-android e6761d0, sw v55.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/podcasts-web.js        | 54 +++++++++++++++++++++++++++++++-
 static/js/sw.js                  |  2 +-
 static/podcasts/podcast-ui.css   |  3 +-
 static/podcasts/podcasts-web.css |  5 +++
 4 files changed, 61 insertions(+), 3 deletions(-)

diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 491ce27..075b08c 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -791,10 +791,62 @@
     const playStation = window.playStation;
     window.playStation = function () {
       putAway();
-      return playStation.apply(this, arguments);
+      const r = playStation.apply(this, arguments);
+      radioChanged();
+      return r;
     };
   }
 
+  // ---- the radio in the same player (in the app native-radio.js does this) ----------
+  // The podcast page's bar and full player show the station too; app.js keeps
+  // playing it, its own bar keeps only volume, votes, focus mode and timer.
+
+  function radioChanged() {
+    if (window.__dioraRadioChanged) window.__dioraRadioChanged();
+  }
+
+  function radioSaved(url) {
+    return [...document.querySelectorAll('#saved-tbody tr[data-url]')].some(r => r.dataset.url === url);
+  }
+
+  function radioLogo(st) {
+    const all = [].concat(typeof INITIAL_SAVED !== 'undefined' ? INITIAL_SAVED : [],
+      typeof INITIAL_FEATURED !== 'undefined' ? INITIAL_FEATURED : []);
+    const s = all.find(x => x && x.url === st.url);
+    return (s && s.favicon_url) || '';
+  }
+
+  const radioPlaying = () => typeof isPlaying !== 'undefined' && !!isPlaying;
+
+  window.__dioraRadioNow = function () {
+    const st = typeof currentStation !== 'undefined' ? currentStation : null;
+    if (!st) return null;
+    return {
+      name: st.name || '',
+      logo: radioLogo(st),
+      track: typeof currentTrack !== 'undefined' ? currentTrack : '',
+      playing: radioPlaying(),
+      buffering: false,
+      saved: radioSaved(st.url),
+    };
+  };
+  // Stop keeps the station (like a paused episode): the bar stays with ▶.
+  window.__dioraRadioToggle = () => (radioPlaying() ? stopPlayback(false) : togglePlayStop());
+  window.__dioraRadioSave = () => saveCurrentStation();
+
+  for (const name of ['stopPlayback', 'updateNowPlayingUI', 'saveCurrentStation']) {
+    const fn = window[name];
+    if (typeof fn !== 'function') continue;
+    window[name] = function () {
+      const r = fn.apply(this, arguments);
+      if (r && typeof r.then === 'function') r.then(radioChanged, radioChanged);
+      else radioChanged();
+      return r;
+    };
+  }
+  const savedRows = document.getElementById('saved-tbody');
+  if (savedRows) new MutationObserver(radioChanged).observe(savedRows, {childList: true});
+
   // ---- what the page and the lock screen see ---------------------------------------------
 
   const decoder = document.createElement('textarea');
diff --git a/static/js/sw.js b/static/js/sw.js
index 94ffcac..0f42750 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v54';
+const CACHE = 'diora-v55';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index b3367d6..57ae8df 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 6c2b071 2026-10-02: the podcast parts of web-native/static/native.css
+/* Copied from diora-android e6761d0 2026-10-02: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -291,6 +291,7 @@ html.nui-radio.nui-pod-mini-open body {
   border-bottom: 1px solid var(--border);
 }
 #nui-pod-mini[hidden] { display: none; }
+#nui-pod-mini [hidden] { display: none !important; }
 .nui-pod-mini-bar { position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: #2a2a2a; }
 .nui-pod-mini-bar span { display: block; height: 100%; background: var(--accent); }
 .nui-pod-skip { font-size: 20px; }
diff --git a/static/podcasts/podcasts-web.css b/static/podcasts/podcasts-web.css
index de7c0cc..612a73f 100644
--- a/static/podcasts/podcasts-web.css
+++ b/static/podcasts/podcasts-web.css
@@ -55,6 +55,11 @@ html.dpw #nui-dock {
   margin: 0 auto;
 }
 html.dpw body.dnd-mode #nui-dock { display: none; }
+/* One player for both: what plays (and play / stop / save) is in the bar
+   above; the radio bar keeps volume, votes, focus mode and the timer. */
+html.dpw.nui-one-player #now-playing-bar .now-playing-info,
+html.dpw.nui-one-player #play-stop-btn,
+html.dpw.nui-one-player #save-station-btn { display: none !important; }
 html.dpw #nui-pod-mini {
   background: var(--dpw-surface);
   border: 1px solid var(--border);

From 1533497409feae1e1b487693a795dba8081c1594 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 13:16:24 +0200
Subject: [PATCH 045/176] =?UTF-8?q?Web:=20der=20Sleep-Timer=20z=C3=A4hlt?=
 =?UTF-8?q?=20und=20stoppt=20auch=20beim=20Radio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/podcasts-web.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 075b08c..a6b2df1 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -453,6 +453,7 @@
         this.leftMs = 0;
         setFade(1);
         pause();
+        stopRadio();   // the radio sleeps too (it plays in app.js's element)
         return;
       }
       if (this.leftMs < FADE_MS) setFade(Math.max(this.leftMs / FADE_MS, 0.1));
@@ -758,7 +759,8 @@
       if (playing && Date.now() - lastSaved > 10000) saveNow(id, true);
       if (playing) skipOutro(id);
     }
-    sleep.tick(playing);
+    // The sleep timer counts while either plays (radio and podcasts share the player).
+    sleep.tick(playing || radioPlaying());
     if (playing || sleep.leftMs > 0) report();
   }, 1000);
 

From cd0547c2f00308b37981e2dd00ff724ae899a825 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 14:18:09 +0200
Subject: [PATCH 046/176] Web: Player und Radio-Leiste sind eine Leiste unten
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die Player-Leiste sitzt in der Radio-Leiste an der Stelle von „läuft
gerade“: am Desktop eine Zeile (Player, Lautstärke, Fokusmodus, Timer),
am Handy zwei; die Fortschritts- bzw. Live-Linie läuft über die ganze
Leiste. Der Fokusmodus zeigt den Sender weiter groß. sw v56.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/podcasts-web.js        | 15 +++++++---
 static/js/sw.js                  |  2 +-
 static/podcasts/podcasts-web.css | 48 ++++++++++++++++++++++++++++----
 3 files changed, 55 insertions(+), 10 deletions(-)

diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index a6b2df1..80d107c 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -1063,13 +1063,20 @@
     document.head.appendChild(link);
   }
 
-  // The bottom dock the page puts its mini player in (native-radio.js builds it in the app).
+  // The dock the page puts its player bar in (native-radio.js builds it in the app):
+  // here it is part of the radio bar at the bottom, in place of its "now playing",
+  // so radio and podcasts share one bar.
   const dock = document.createElement('div');
   dock.id = 'nui-dock';
-  document.body.appendChild(dock);
-
-  // The dock sits right above the radio bar, whose height changes with the screen.
   const bar = document.getElementById('now-playing-bar');
+  if (bar) {
+    bar.insertBefore(dock, bar.firstChild);
+    document.documentElement.classList.add('dpw-in-bar');
+  } else {
+    document.body.appendChild(dock);
+  }
+
+  // The page keeps clear of the bar, whose height changes with the screen.
   const placeDock = () => {
     const h = bar ? bar.getBoundingClientRect().height : 0;
     document.documentElement.style.setProperty('--dpw-bar-h', Math.round(h) + 'px');
diff --git a/static/js/sw.js b/static/js/sw.js
index 0f42750..0b88e38 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v55';
+const CACHE = 'diora-v56';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/podcasts-web.css b/static/podcasts/podcasts-web.css
index 612a73f..af89c70 100644
--- a/static/podcasts/podcasts-web.css
+++ b/static/podcasts/podcasts-web.css
@@ -55,11 +55,49 @@ html.dpw #nui-dock {
   margin: 0 auto;
 }
 html.dpw body.dnd-mode #nui-dock { display: none; }
-/* One player for both: what plays (and play / stop / save) is in the bar
-   above; the radio bar keeps volume, votes, focus mode and the timer. */
-html.dpw.nui-one-player #now-playing-bar .now-playing-info,
-html.dpw.nui-one-player #play-stop-btn,
-html.dpw.nui-one-player #save-station-btn { display: none !important; }
+
+/* One bar for both: the player (podcast or station, with play / stop / save)
+   sits in the radio bar in place of its "now playing"; volume, votes, focus
+   mode and the timer stay on the right. Focus mode shows the station big as
+   before. */
+html.dpw.nui-one-player body:not(.dnd-mode) #now-playing-bar .now-playing-info,
+html.dpw.nui-one-player body:not(.dnd-mode) #play-stop-btn,
+html.dpw.nui-one-player body:not(.dnd-mode) #save-station-btn { display: none !important; }
+html.dpw.dpw-in-bar #now-playing-bar > #nui-dock {
+  position: static;
+  flex: 1;
+  min-width: 0;
+  max-width: none;
+  margin: 0 0 0 -1.5rem;   /* the cover starts at the edge, like the bar's line */
+  align-self: stretch;
+  z-index: auto;
+}
+html.dpw.dpw-in-bar #now-playing-bar #nui-pod-mini {
+  height: 100%;
+  min-height: 56px;
+  background: none;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+  overflow: visible;
+}
+/* The progress (or live) line runs along the whole bar's top edge. */
+html.dpw.dpw-in-bar #now-playing-bar #nui-pod-mini { position: static; }
+html.dpw.dpw-in-bar #now-playing-bar .nui-pod-mini-bar { top: -1px; }
+html.dpw.dpw-in-bar #now-playing-bar .nui-pod-art-mini { width: 40px; height: 40px; margin-left: 1.5rem; }
+html.dpw.dpw-in-bar.nui-pod-mini-open .main-content {
+  padding-bottom: calc(var(--dpw-bar-h, 72px) + 2rem);
+}
+@media (max-width: 600px) {
+  /* The bar is two rows on phones: the player, then the radio's tools. */
+  html.dpw.dpw-in-bar #now-playing-bar > #nui-dock { width: 100%; margin: -0.5rem 0 0; flex: none; }
+  html.dpw.dpw-in-bar #now-playing-bar .nui-pod-art-mini { margin-left: 0; }
+  html.dpw.dpw-in-bar #now-playing-bar #nui-pod-mini { min-height: 52px; }
+  /* Below the player one row: focus mode and stations left, the timer right. */
+  html.dpw.dpw-in-bar body:not(.dnd-mode) #now-playing-bar { flex-direction: row; flex-wrap: wrap; row-gap: 0.25rem; }
+  html.dpw.dpw-in-bar body:not(.dnd-mode) #now-playing-bar .now-playing-controls { width: auto; flex: none; gap: 0.5rem; }
+  html.dpw.dpw-in-bar body:not(.dnd-mode) #now-playing-bar .timer-widget { margin-left: auto; }
+}
 html.dpw #nui-pod-mini {
   background: var(--dpw-surface);
   border: 1px solid var(--border);

From 713b25f36a09b18998c74c89d0e06f6337e8169d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 14:39:15 +0200
Subject: [PATCH 047/176] =?UTF-8?q?Web:=20der=20Lautst=C3=A4rkeregler=20gi?=
 =?UTF-8?q?lt=20auch=20f=C3=BCr=20Podcasts,=20sw=20v57?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/podcasts-web.js | 18 +++++++++++++++++-
 static/js/sw.js           |  2 +-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 80d107c..9f529cf 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -548,9 +548,25 @@
     applyVolume();
   }
 
+  // The bar's volume slider (app.js setVolume, 0-255): one level for radio and podcasts.
+  function barVolume() {
+    const s = document.getElementById('volume');
+    const v = s ? parseInt(s.value, 10) : NaN;
+    return isFinite(v) ? Math.max(0, Math.min(255, v)) / 255 : 1;
+  }
+
   function applyVolume() {
     // Louder than 1 needs an audio graph, which episodes from other servers can't feed: 1 at most.
-    audio.volume = Math.max(0, Math.min(1, Math.min(volumeFor(curFeed()), 1) * fade));
+    audio.volume = Math.max(0, Math.min(1, Math.min(volumeFor(curFeed()), 1) * fade * barVolume()));
+  }
+
+  if (typeof window.setVolume === 'function') {
+    const setVolume = window.setVolume;
+    window.setVolume = function () {
+      const r = setVolume.apply(this, arguments);
+      applyVolume();
+      return r;
+    };
   }
 
   function applyKind() {
diff --git a/static/js/sw.js b/static/js/sw.js
index 0b88e38..cd373e2 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v56';
+const CACHE = 'diora-v57';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 8015f4eecc9a5fedd69bc03a3f096a608e0b7af3 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 15:17:29 +0200
Subject: [PATCH 048/176] =?UTF-8?q?Web:=20Abstand=20unten=20immer=20nach?=
 =?UTF-8?q?=20der=20echten=20H=C3=B6he=20der=20Leiste,=20sw=20v58?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sw.js                  | 2 +-
 static/podcasts/podcasts-web.css | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/static/js/sw.js b/static/js/sw.js
index cd373e2..3fe5859 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v57';
+const CACHE = 'diora-v58';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/podcasts-web.css b/static/podcasts/podcasts-web.css
index af89c70..384160e 100644
--- a/static/podcasts/podcasts-web.css
+++ b/static/podcasts/podcasts-web.css
@@ -85,6 +85,9 @@ html.dpw.dpw-in-bar #now-playing-bar #nui-pod-mini {
 html.dpw.dpw-in-bar #now-playing-bar #nui-pod-mini { position: static; }
 html.dpw.dpw-in-bar #now-playing-bar .nui-pod-mini-bar { top: -1px; }
 html.dpw.dpw-in-bar #now-playing-bar .nui-pod-art-mini { width: 40px; height: 40px; margin-left: 1.5rem; }
+/* The page keeps clear of the bar by its real height (two rows on phones,
+   the player in it or not). */
+html.dpw.dpw-in-bar .main-content,
 html.dpw.dpw-in-bar.nui-pod-mini-open .main-content {
   padding-bottom: calc(var(--dpw-bar-h, 72px) + 2rem);
 }

From 3eb6a27ec347a92820e0462583cd030c83226de7 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 15:18:38 +0200
Subject: [PATCH 049/176] =?UTF-8?q?Player-Sync:=20ein=20Player=20f=C3=BCr?=
 =?UTF-8?q?=20alle=20Ger=C3=A4te=20(wie=20Spotify=20Connect)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Server: PlayerState und PlayerDevice (Migration 0012), /podcasts/player/
(Stand), report/ (das Gerät, das zu spielen anfängt, wird das aktive und
bleibt es auch pausiert, solange es online ist), command/ (Fernbedienung,
transfer auf ein anderes Gerät) und stream/ (Server-Sent Events, zugleich
die Anwesenheit der Geräte). seq steigt in einem UPDATE und nie zurück.

Browser: podcasts-web.js meldet Abspielen, Pause, Springen, Folgen- und
Senderwechsel (alle 10 s beim Spielen), hört den Stream, hört auf, wenn ein
anderes Gerät startet, führt Befehle aus, zeigt das andere Gerät als remote
und übernimmt, was ein verschwundenes Gerät zuletzt hatte. Eine pausierte
Folge folgt einem neueren Stand von anderswo; im Vordergrund wird nach
15 s neu geholt. Podcast-Seite neu kopiert, sw v58.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/migrations/0012_player_state.py |  51 +++
 podcasts/models.py                       |  62 +++
 podcasts/test_player.py                  | 365 ++++++++++++++++
 podcasts/urls.py                         |   4 +
 podcasts/views.py                        | 330 ++++++++++++++-
 static/js/podcasts-web.js                | 516 ++++++++++++++++++++++-
 static/js/sw.js                          |   3 +-
 static/podcasts/native-podcast.js        | 235 ++++++++++-
 static/podcasts/podcast-ui.css           |  14 +-
 9 files changed, 1553 insertions(+), 27 deletions(-)
 create mode 100644 podcasts/migrations/0012_player_state.py
 create mode 100644 podcasts/test_player.py

diff --git a/podcasts/migrations/0012_player_state.py b/podcasts/migrations/0012_player_state.py
new file mode 100644
index 0000000..11190cf
--- /dev/null
+++ b/podcasts/migrations/0012_player_state.py
@@ -0,0 +1,51 @@
+# Generated by Django 6.1 on 2026-10-02 12:50
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0011_settings_import_downloads'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='PlayerState',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('kind', models.CharField(blank=True, choices=[('', 'Nichts'), ('podcast', 'Podcast'), ('radio', 'Radio')], default='', max_length=10)),
+                ('station_url', models.CharField(blank=True, max_length=1000)),
+                ('station_name', models.CharField(blank=True, max_length=300)),
+                ('station_id', models.IntegerField(blank=True, null=True)),
+                ('position_ms', models.PositiveBigIntegerField(default=0)),
+                ('playing', models.BooleanField(default=False)),
+                ('speed', models.FloatField(default=1.0)),
+                ('device_id', models.CharField(blank=True, max_length=64)),
+                ('device_name', models.CharField(blank=True, max_length=100)),
+                ('updated_at', models.DateTimeField(blank=True, null=True)),
+                ('seq', models.BigIntegerField(default=0)),
+                ('command', models.JSONField(blank=True, null=True)),
+                ('online_devices', models.JSONField(blank=True, default=list)),
+                ('episode', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='podcasts.podcastepisode')),
+                ('user', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, related_name='player_state', to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='PlayerDevice',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('device_id', models.CharField(max_length=64)),
+                ('device_name', models.CharField(blank=True, max_length=100)),
+                ('kind', models.CharField(blank=True, choices=[('', 'Unbekannt'), ('app', 'App'), ('web', 'Browser')], default='', max_length=10)),
+                ('last_seen', models.DateTimeField()),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='player_devices', to=settings.AUTH_USER_MODEL)),
+            ],
+            options={
+                'unique_together': {('user', 'device_id')},
+            },
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 57a10af..54c8a38 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -254,3 +254,65 @@ class PodcastSettings(models.Model):
 
     def __str__(self):
         return f'Podcast settings of {self.user}'
+
+
+class PlayerState(models.Model):
+    """What a user's player plays, shared by all their devices (player sync,
+    like Spotify Connect): the device that starts playing becomes the active
+    one and stays it, also while paused, as long as it is online; the others
+    stop and show it as playing (or paused) there, with remote controls.
+
+    position_ms is the place at updated_at, the time of the last accepted
+    report; while playing, clients extrapolate from there. seq counts every
+    change (report, command, command done, a device coming or going) so the
+    stream can tell what's new.
+    """
+    PODCAST = 'podcast'
+    RADIO = 'radio'
+    KINDS = [('', 'Nichts'), (PODCAST, 'Podcast'), (RADIO, 'Radio')]
+
+    user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='player_state')
+    kind = models.CharField(max_length=10, choices=KINDS, default='', blank=True)
+    episode = models.ForeignKey(PodcastEpisode, null=True, blank=True, on_delete=models.SET_NULL, related_name='+')
+    station_url = models.CharField(max_length=1000, blank=True)
+    station_name = models.CharField(max_length=300, blank=True)
+    station_id = models.IntegerField(null=True, blank=True)
+    position_ms = models.PositiveBigIntegerField(default=0)
+    playing = models.BooleanField(default=False)
+    speed = models.FloatField(default=1.0)
+    device_id = models.CharField(max_length=64, blank=True)
+    device_name = models.CharField(max_length=100, blank=True)
+    updated_at = models.DateTimeField(null=True, blank=True)
+    seq = models.BigIntegerField(default=0)
+    # A remote command for the active device, until it reports it done:
+    # {id, action, value, from_device_id, from_device_name, at}.
+    command = models.JSONField(null=True, blank=True)
+    # The ids of the devices online at the last change, sorted: when the set
+    # differs, seq goes up so every device sees others come and go.
+    online_devices = models.JSONField(default=list, blank=True)
+
+    @classmethod
+    def for_user(cls, user):
+        obj, _ = cls.objects.get_or_create(user=user)
+        return obj
+
+    def __str__(self):
+        return f'Player of {self.user}'
+
+
+class PlayerDevice(models.Model):
+    """A device that has the player sync open (its stream, its reports): online
+    while last seen at most PLAYER_ONLINE_SECONDS ago (podcasts/views.py)."""
+    KINDS = [('', 'Unbekannt'), ('app', 'App'), ('web', 'Browser')]
+
+    user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='player_devices')
+    device_id = models.CharField(max_length=64)
+    device_name = models.CharField(max_length=100, blank=True)
+    kind = models.CharField(max_length=10, choices=KINDS, default='', blank=True)
+    last_seen = models.DateTimeField()
+
+    class Meta:
+        unique_together = ('user', 'device_id')
+
+    def __str__(self):
+        return f'{self.device_name or self.device_id} of {self.user}'
diff --git a/podcasts/test_player.py b/podcasts/test_player.py
new file mode 100644
index 0000000..65ed1bb
--- /dev/null
+++ b/podcasts/test_player.py
@@ -0,0 +1,365 @@
+import json
+from datetime import datetime, timedelta, timezone
+from unittest.mock import patch
+
+from django.contrib.auth.models import User
+from django.test import TestCase
+from django.utils import timezone as dj_timezone
+
+from accounts.models import ApiToken
+
+from . import views
+from .models import PlayerDevice, PlayerState, PodcastEpisode, PodcastFeed, PodcastQueue
+
+STATION = {'url': 'https://example.org/stream', 'name': 'Example FM', 'id': 7}
+
+
+class PlayerSyncTests(TestCase):
+    """The shared player (podcasts/views.py, "Player sync"): reports, commands,
+    presence and the stream."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed', title='Feed')
+        self.ep = PodcastEpisode.objects.create(
+            feed=self.feed, guid='e1', title='E1', audio_url='https://example.org/e1.mp3', duration_seconds=3600,
+            pub_date=datetime(2026, 1, 1, tzinfo=timezone.utc),
+        )
+        self.ep2 = PodcastEpisode.objects.create(
+            feed=self.feed, guid='e2', title='E2', audio_url='https://example.org/e2.mp3',
+        )
+
+    def post(self, path, body):
+        return self.client.post(f'/podcasts/player/{path}/', json.dumps(body), content_type='application/json')
+
+    def report(self, device, playing, kind='podcast', episode=None, pos=0, **extra):
+        body = {'device_id': device, 'device_name': device.upper(), 'kind': kind, 'position_ms': pos,
+                'playing': playing, **extra}
+        if kind == 'podcast':
+            body['episode_id'] = (episode or self.ep).id
+        elif kind == 'radio':
+            body['station'] = STATION
+        return self.post('report', body)
+
+    def command(self, device, action, value=None, to=None):
+        body = {'device_id': device, 'device_name': device.upper(), 'action': action}
+        if value is not None:
+            body['value'] = value
+        if to is not None:
+            body['to_device_id'] = to
+        return self.post('command', body)
+
+    def state(self):
+        return PlayerState.objects.get(user=self.user)
+
+    def go_offline(self, device, seconds=60):
+        PlayerDevice.objects.filter(user=self.user, device_id=device).update(
+            last_seen=dj_timezone.now() - timedelta(seconds=seconds))
+
+    def test_logged_out(self):
+        self.client.logout()
+        for r in (self.client.get('/podcasts/player/'), self.client.get('/podcasts/player/stream/'),
+                  self.report('a', True), self.command('a', 'pause')):
+            self.assertEqual(r.status_code, 401)
+            self.assertEqual(r.json(), {'error': 'authentication required'})
+
+    def test_bearer_token(self):
+        self.client.logout()
+        token = ApiToken.objects.create(user=self.user)
+        r = self.client.get('/podcasts/player/', HTTP_AUTHORIZATION=f'Bearer {token.token}')
+        self.assertEqual(r.status_code, 200)
+        self.assertEqual(r.json()['kind'], '')
+
+    def test_empty_state(self):
+        d = self.client.get('/podcasts/player/').json()
+        self.assertEqual(d['seq'], 0)
+        self.assertEqual(d['kind'], '')
+        self.assertIsNone(d['episode'])
+        self.assertIsNone(d['station'])
+        self.assertIs(d['playing'], False)
+        self.assertIsNone(d['command'])
+        self.assertEqual(d['devices'], [])
+        self.assertIs(d['active_online'], False)
+        self.assertRegex(d['server_time'], r'^\d{4}-\d\d-\d\dT\d\d:\d\d:\d\d\.\d{3}Z$')
+
+    def test_play_makes_the_device_active(self):
+        PodcastQueue.objects.create(user=self.user, episode=self.ep, position=0)
+        d = self.report('a', True, pos=12345, speed=1.5).json()
+        self.assertEqual(d['seq'], 2)   # the report, and device a coming online
+        self.assertEqual((d['kind'], d['playing'], d['position_ms'], d['speed']), ('podcast', True, 12345, 1.5))
+        self.assertEqual((d['device_id'], d['device_name']), ('a', 'A'))
+        self.assertEqual(set(d['episode']), {'id', 'title', 'audio_url', 'duration_seconds', 'pub_date', 'artwork_url',
+                                             'feed__id', 'feed__title', 'feed__artwork_url', 'position_seconds',
+                                             'in_queue'})
+        self.assertEqual((d['episode']['id'], d['episode']['in_queue']), (self.ep.id, True))
+        self.assertRegex(d['updated_at'], r'Z$')
+        self.assertEqual(d['devices'], [{'id': 'a', 'name': 'A', 'online': True, 'active': True}])
+        self.assertIs(d['active_online'], True)
+        self.assertEqual(self.client.get('/podcasts/player/').json()['seq'], 2)
+
+    def test_play_on_another_device_takes_over(self):
+        self.report('a', True)
+        self.command('b', 'pause')
+        d = self.report('b', True, kind='radio', start=True).json()
+        self.assertEqual((d['device_id'], d['kind'], d['playing']), ('b', 'radio', True))
+        self.assertEqual(d['station'], STATION)
+        self.assertIsNone(d['episode'])
+        self.assertIsNone(d['command'])   # it was for device a
+        self.assertEqual([(x['id'], x['active']) for x in d['devices']], [('a', False), ('b', True)])
+
+    def test_late_periodic_report_of_the_old_device_is_ignored(self):
+        # b takes over; a's 10 s "playing" report, already on its way, comes after.
+        self.report('a', True, pos=1000)
+        self.report('b', True, pos=1500, start=True)
+        seq = self.state().seq
+        d = self.report('a', True, pos=11000).json()
+        self.assertEqual((d['seq'], d['device_id'], d['position_ms'], d['playing']), (seq, 'b', 1500, True))
+        # The user starts playback on a again: then a is the active device.
+        d = self.report('a', True, pos=12000, start=True).json()
+        self.assertEqual((d['device_id'], d['position_ms']), ('a', 12000))
+
+    def test_playing_without_start_wins_only_without_an_online_active_device(self):
+        self.report('a', False, pos=1000)        # a is the active device, paused
+        self.assertEqual(self.report('b', True, pos=7).json()['device_id'], 'a')
+        self.go_offline('a')
+        self.assertEqual(self.report('b', True, pos=7).json()['device_id'], 'b')
+
+    def test_seq_only_goes_up(self):
+        seqs = [self.client.get('/podcasts/player/').json()['seq']]
+        seqs.append(self.report('a', True, start=True).json()['seq'])
+        seqs.append(self.report('b', True).json()['seq'])            # ignored, b came online
+        seqs.append(self.command('b', 'pause').json()['seq'])
+        seqs.append(self.report('b', False).json()['seq'])           # ignored
+        seqs.append(self.report('a', False).json()['seq'])
+        self.go_offline('a')
+        views._check_online(self.user)
+        seqs.append(self.client.get('/podcasts/player/').json()['seq'])
+        self.assertEqual(seqs, sorted(seqs))
+        self.assertEqual(seqs, [0, 2, 3, 4, 4, 5, 6])
+
+    def test_active_device_updates_and_stays_active_while_paused(self):
+        self.report('a', True, pos=1000)
+        d = self.report('a', False, episode=self.ep2, pos=5000).json()
+        self.assertEqual((d['device_id'], d['playing'], d['episode']['id'], d['position_ms']), ('a', False, self.ep2.id, 5000))
+        # Paused, but online: device b's paused choice doesn't count.
+        seq = d['seq']
+        d = self.report('b', False, episode=self.ep, pos=99).json()
+        self.assertEqual((d['seq'], d['device_id'], d['episode']['id'], d['position_ms']), (seq + 1, 'a', self.ep2.id, 5000))
+        # (seq + 1: b came online; the report itself changed nothing.)
+        self.assertIs(d['active_online'], True)
+        self.assertEqual(self.state().device_id, 'a')
+
+    def test_paused_report_ignored_while_the_active_device_plays(self):
+        self.report('a', True, pos=1000)
+        self.report('b', True, start=True)
+        self.report('a', True, pos=2000, start=True)    # a plays again: a is active
+        seq = self.state().seq
+        d = self.report('b', False, kind='').json()
+        self.assertEqual((d['seq'], d['device_id'], d['playing'], d['kind']), (seq, 'a', True, 'podcast'))
+
+    def test_active_device_offline_newest_report_wins(self):
+        self.report('a', True, pos=1000)
+        self.report('b', False, pos=1)          # b online too
+        self.go_offline('a')
+        d = self.report('b', False, kind='radio').json()
+        self.assertEqual((d['device_id'], d['kind'], d['playing']), ('b', 'radio', False))
+        self.assertIs(d['active_online'], True)
+        self.assertEqual([(x['id'], x['online']) for x in d['devices']], [('b', True), ('a', False)])
+
+    def test_online_is_presence_not_the_last_report(self):
+        # Rule 4: playing with the last report a minute old, but the device is
+        # still online (its stream pings): still active.
+        self.report('a', True, pos=1000)
+        PlayerState.objects.filter(user=self.user).update(updated_at=dj_timezone.now() - timedelta(seconds=60))
+        d = self.report('b', False, kind='radio').json()
+        self.assertEqual(d['device_id'], 'a')
+        # 45 s without a sign of life: gone.
+        self.go_offline('a', 44)
+        self.assertEqual(self.report('b', False, kind='radio').json()['device_id'], 'a')
+        self.go_offline('a', 46)
+        self.assertEqual(self.report('b', False, kind='radio').json()['device_id'], 'b')
+
+    def test_no_active_device_newest_report_wins(self):
+        d = self.report('a', False, pos=4000).json()
+        self.assertEqual((d['device_id'], d['position_ms'], d['playing']), ('a', 4000, False))
+
+    def test_empty_kind_clears_the_item(self):
+        self.report('a', True, kind='radio')
+        d = self.report('a', True, kind='').json()
+        self.assertEqual((d['kind'], d['station'], d['episode'], d['playing']), ('', None, None, False))
+
+    def test_invalid_reports(self):
+        other = User.objects.create_user(username='bob', password='pw12345678')
+        feed = PodcastFeed.objects.create(user=other, rss_url='https://example.org/feed', title='Bob')
+        theirs = PodcastEpisode.objects.create(feed=feed, guid='x', title='X', audio_url='https://example.org/x.mp3')
+        r = self.report('a', True, episode=theirs)
+        self.assertEqual(r.status_code, 400)
+        self.assertEqual(r.json()['error'], 'unknown episode')
+        for body in ({'kind': 'podcast', 'playing': True},                        # no device
+                     {'device_id': 'a', 'kind': 'tv', 'playing': True},
+                     {'device_id': 'a', 'kind': 'podcast', 'playing': True},      # no episode
+                     {'device_id': 'a', 'kind': 'radio', 'playing': True, 'station': {'name': 'x'}},
+                     {'device_id': 'a', 'kind': '', 'playing': 'yes'},
+                     {'device_id': 'a', 'kind': '', 'playing': True, 'position_ms': 'x'}):
+            with self.subTest(body=body):
+                self.assertEqual(self.post('report', body).status_code, 400)
+        self.assertFalse(PlayerState.objects.filter(user=self.user, seq__gt=0).exists())
+
+    def test_command_is_stored_and_cleared_by_done_command(self):
+        self.report('a', True, pos=1000)
+        r = self.command('b', 'seek', 61000)
+        self.assertEqual(r.status_code, 200)
+        d = r.json()
+        cmd = d['command']
+        self.assertEqual((cmd['action'], cmd['value'], cmd['from_device_id'], cmd['from_device_name'], cmd['to_device_id']),
+                         ('seek', 61000, 'b', 'B', 'a'))
+        self.assertRegex(cmd['id'], r'^[0-9a-f]{32}$')
+        self.assertRegex(cmd['at'], r'Z$')
+        seq = d['seq']
+        # A report without it (the 10 s one) leaves it.
+        d = self.report('a', True, pos=2000).json()
+        self.assertEqual((d['seq'], d['command']), (seq + 1, cmd))
+        d = self.report('a', True, pos=61000, done_command='nope').json()
+        self.assertEqual(d['command'], cmd)
+        d = self.report('a', True, pos=61000, done_command=cmd['id']).json()
+        self.assertIsNone(d['command'])
+        self.assertEqual(d['seq'], seq + 3)
+        self.assertEqual(self.command('b', 'skip', -15).json()['command']['value'], -15)
+
+    def test_commands_to_a_paused_active_device(self):
+        # Device 1 plays, device 2 pauses it; "play" on device 2 resumes on device 1.
+        self.report('d1', True, pos=1000)
+        pause = self.command('d2', 'pause').json()['command']
+        self.report('d1', False, pos=3000, done_command=pause['id'])
+        d = self.command('d2', 'play').json()
+        self.assertEqual((d['command']['action'], d['command']['to_device_id']), ('play', 'd1'))
+        self.assertEqual((d['device_id'], d['playing'], d['position_ms']), ('d1', False, 3000))
+        self.assertIs(d['active_online'], True)
+
+    def test_command_needs_an_online_device(self):
+        r = self.command('b', 'pause')
+        self.assertEqual(r.status_code, 409)       # nothing active
+        self.report('a', True)
+        self.go_offline('a')
+        self.assertEqual(self.command('b', 'pause').status_code, 409)
+        self.assertEqual(self.command('b', 'transfer', to='zzz').status_code, 409)
+        # Device a gone: device b's play wins (even without start).
+        d = self.report('b', True, pos=5).json()
+        self.assertEqual((d['device_id'], d['playing']), ('b', True))
+
+    def test_invalid_commands(self):
+        self.report('a', True)
+        for body in ({'device_id': 'b', 'action': 'louder'},
+                     {'device_id': 'b', 'action': 'seek'},
+                     {'device_id': 'b', 'action': 'skip', 'value': 'x'},
+                     {'action': 'pause'}):
+            with self.subTest(body=body):
+                self.assertEqual(self.post('command', body).status_code, 400)
+
+    def test_transfer_to_another_device(self):
+        self.report('a', True, pos=1000)
+        self.report('c', False, pos=0)              # c is online (paused report: ignored)
+        d = self.command('b', 'transfer', to='c').json()
+        cmd = d['command']
+        self.assertEqual((cmd['action'], cmd['to_device_id'], cmd['from_device_id']), ('transfer', 'c', 'b'))
+        self.assertEqual(d['device_id'], 'a')
+        # a keeps reporting meanwhile: the command stays for c.
+        self.assertEqual(self.report('a', True, pos=2000).json()['command'], cmd)
+        # c plays it from the place: c is the active device, the command is done.
+        d = self.report('c', True, pos=2100, done_command=cmd['id'], start=True).json()
+        self.assertEqual((d['device_id'], d['playing'], d['command']), ('c', True, None))
+
+    def test_transfer_done_in_the_report_that_takes_over(self):
+        self.report('a', True, pos=1000)
+        self.report('c', False)
+        cmd = self.command('b', 'transfer', to='c').json()['command']
+        d = self.report('c', True, pos=1100, start=True, done_command=cmd['id']).json()
+        self.assertEqual((d['device_id'], d['command']), ('c', None))
+        # a's periodic report, sent before it heard of the transfer: ignored.
+        self.assertEqual(self.report('a', True, pos=11000).json()['device_id'], 'c')
+
+    def test_transfer_that_could_not_play_is_done_too(self):
+        self.report('a', True)
+        self.report('c', False)
+        cmd = self.command('b', 'transfer', to='c').json()['command']
+        d = self.report('c', False, done_command=cmd['id']).json()
+        self.assertEqual((d['device_id'], d['command']), ('a', None))
+
+    def test_devices_coming_and_going_change_seq(self):
+        self.report('a', True)
+        seq = self.state().seq
+        views._check_online(self.user)
+        self.assertEqual(self.state().seq, seq)              # nothing changed
+        self.report('a', True)
+        self.assertEqual(self.state().seq, seq + 1)          # a report, no new device
+        self.go_offline('a')
+        views._check_online(self.user)
+        self.assertEqual(self.state().seq, seq + 2)          # a went away
+        self.assertIs(self.client.get('/podcasts/player/').json()['active_online'], False)
+
+    def test_device_list(self):
+        now = dj_timezone.now()
+        for i in range(12):
+            PlayerDevice.objects.create(user=self.user, device_id=f'old{i}', device_name=f'Old {i}',
+                                        last_seen=now - timedelta(hours=i + 1))
+        PlayerDevice.objects.create(user=self.user, device_id='ancient', last_seen=now - timedelta(days=8))
+        self.report('z', True)
+        self.report('m', False)
+        devices = self.client.get('/podcasts/player/').json()['devices']
+        self.assertEqual(len(devices), 10)
+        self.assertEqual([d['id'] for d in devices[:3]], ['m', 'z', 'old0'])
+        self.assertNotIn('ancient', [d['id'] for d in devices])
+
+    def stream(self, since=None, **params):
+        if since is not None:
+            params['since'] = since
+        r = self.client.get('/podcasts/player/stream/', params)
+        self.assertEqual(r['Content-Type'], 'text/event-stream')
+        self.assertEqual(r['Cache-Control'], 'no-cache')
+        self.assertEqual(r['X-Accel-Buffering'], 'no')
+        events = []
+        for chunk in r.streaming_content:
+            text = chunk.decode()
+            if text.startswith('data: '):
+                events.append(json.loads(text[len('data: '):]))
+            else:
+                self.assertEqual(text, ': ping\n\n')
+        return events
+
+    @patch.object(views, 'STREAM_SECONDS', 0.05)
+    @patch.object(views, 'STREAM_POLL_SECONDS', 0.01)
+    def test_stream_sends_newer_state_and_ends(self):
+        self.report('a', True, pos=777)
+        seq = self.state().seq
+        events = self.stream(seq - 1)
+        self.assertEqual(len(events), 1)
+        self.assertEqual((events[0]['seq'], events[0]['position_ms'], events[0]['device_id']), (seq, 777, 'a'))
+        self.assertEqual(self.stream(seq), [])     # nothing newer: pings only
+
+    @patch.object(views, 'STREAM_SECONDS', 0.05)
+    @patch.object(views, 'STREAM_POLL_SECONDS', 0.01)
+    def test_stream_sends_changes(self):
+        self.report('a', True)
+        seq = self.state().seq
+        sleep = views.time.sleep
+        changes = []
+
+        def change_once(seconds):
+            if not changes:
+                changes.append(1)
+                self.report('a', False, pos=42)
+            sleep(seconds)
+
+        with patch.object(views.time, 'sleep', change_once):
+            events = self.stream(seq)
+        self.assertEqual([(e['playing'], e['position_ms']) for e in events], [(False, 42)])
+
+    @patch.object(views, 'STREAM_SECONDS', 0.05)
+    @patch.object(views, 'STREAM_POLL_SECONDS', 0.01)
+    def test_stream_counts_as_presence(self):
+        events = self.stream(0, device_id='web1', device_name='Browser (Firefox/Linux)', device_kind='web')
+        self.assertEqual(len(events), 1)          # web1 came online: seq 1
+        self.assertEqual(events[0]['devices'], [{'id': 'web1', 'name': 'Browser (Firefox/Linux)', 'online': True,
+                                                 'active': False}])
+        self.assertEqual(PlayerDevice.objects.get(device_id='web1').kind, 'web')
diff --git a/podcasts/urls.py b/podcasts/urls.py
index b56d675..72c9f86 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -30,4 +30,8 @@ urlpatterns = [
     path('inbox/', views.inbox, name='podcast_inbox'),
     path('import-downloads/', views.import_downloads, name='podcast_import_downloads'),
     path('import-downloads/clear/', views.clear_import_downloads, name='podcast_clear_import_downloads'),
+    path('player/', views.player_state, name='podcast_player_state'),
+    path('player/report/', views.player_report, name='podcast_player_report'),
+    path('player/command/', views.player_command, name='podcast_player_command'),
+    path('player/stream/', views.player_stream, name='podcast_player_stream'),
 ]
diff --git a/podcasts/views.py b/podcasts/views.py
index e167e70..eb2f932 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -1,9 +1,12 @@
 import json
 import logging
+import math
+import time
 import urllib.parse
+import uuid
 from concurrent.futures import ThreadPoolExecutor
 from dataclasses import dataclass
-from datetime import timedelta
+from datetime import timedelta, timezone as dt_timezone
 import xml.etree.ElementTree as ET
 
 import feedparser
@@ -14,7 +17,7 @@ from django.db.models import (
     Case, Count, Exists, F, FilteredRelation, IntegerField, Max, OuterRef, Q, Sum, Value, When,
 )
 from django.db.models.functions import Coalesce
-from django.http import HttpResponse, JsonResponse
+from django.http import HttpResponse, JsonResponse, StreamingHttpResponse
 from django.utils import timezone
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
@@ -23,7 +26,8 @@ from . import chapters as chapters_mod
 from . import feedext
 from . import transcripts as transcripts_mod
 from .models import (
-    EpisodeProgress, EpisodeTranscript, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings, counts_as_played,
+    EpisodeProgress, EpisodeTranscript, PlayerDevice, PlayerState, PodcastEpisode, PodcastFeed, PodcastQueue,
+    PodcastSettings, counts_as_played,
 )
 from .shownotes import extract_timestamps, sanitize_html
 
@@ -1829,3 +1833,323 @@ def clear_import_downloads(request):
         return JsonResponse({'error': 'authentication required'}, status=401)
     PodcastSettings.objects.filter(user=request.user).update(import_downloads=[])
     return JsonResponse({'ok': True})
+
+
+# ---------------------------------------------------------------------------
+# Player sync (like Spotify Connect): one player state per user. The device
+# that starts playing becomes the active one and stays it, also while paused,
+# as long as it is online. The others hear it through the stream, stop their
+# own playback and show it as playing (or paused) there, with remote controls
+# (command/), "play here" (a report of their own) and moving it to another
+# device (command transfer). Presence: the stream and every report or command
+# keep the device's last_seen fresh.
+# ---------------------------------------------------------------------------
+
+PLAYER_ONLINE_SECONDS = 45  # not seen for longer: the device is gone
+PLAYER_ACTIONS = ('play', 'pause', 'seek', 'skip', 'next', 'stop', 'transfer')
+PLAYER_DEVICES_SHOWN = 10   # online ones, then the last ones seen in DEVICES_DAYS
+PLAYER_DEVICES_DAYS = 7
+STREAM_SECONDS = 300        # one stream connection; clients reconnect with their seq
+STREAM_POLL_SECONDS = 1     # how often the stream looks for a new seq
+STREAM_PING_SECONDS = 15    # a comment to keep the connection, and the device's presence
+STREAM_PRESENCE_SECONDS = 5  # how often the stream looks for devices that went away
+
+
+def _iso_ms(dt):
+    """2026-10-02T12:00:00.123Z"""
+    if dt is None:
+        return None
+    dt = dt.astimezone(dt_timezone.utc)
+    return dt.strftime('%Y-%m-%dT%H:%M:%S.') + f'{dt.microsecond // 1000:03d}Z'
+
+
+def _finite(value):
+    return _number(value) and math.isfinite(value)
+
+
+def _online_since(now):
+    return now - timedelta(seconds=PLAYER_ONLINE_SECONDS)
+
+
+def _online_ids(user, now):
+    return sorted(PlayerDevice.objects.filter(user=user, last_seen__gte=_online_since(now))
+                  .values_list('device_id', flat=True))
+
+
+def _seen(user, device_id, device_name='', kind=None, now=None):
+    """The device is here (stream, ping, report, command)."""
+    if not device_id:
+        return
+    now = now or timezone.now()
+    fields = {'last_seen': now}
+    if device_name:
+        fields['device_name'] = device_name[:100]
+    if kind in {k for k, _ in PlayerDevice.KINDS if k}:
+        fields['kind'] = kind
+    # Single statements, no read-then-write transaction (update_or_create):
+    # under SQLite two of those at the same time end in "database is locked".
+    rows = PlayerDevice.objects.filter(user=user, device_id=device_id[:64])
+    if not rows.update(**fields):
+        PlayerDevice.objects.bulk_create([PlayerDevice(user=user, device_id=device_id[:64], **fields)],
+                                         ignore_conflicts=True)
+        rows.update(**fields)   # someone else was quicker
+
+
+def _check_online(user, now=None):
+    """A device came or went: seq + 1, so the others see it. Returns the state."""
+    now = now or timezone.now()
+    online = _online_ids(user, now)
+    p = PlayerState.for_user(user)
+    if p.online_devices == online:
+        return p
+    return _change(p, online_devices=online)
+
+
+def _change(p, **fields):
+    """Write fields of the state and count the change: seq + 1 in the same
+    UPDATE, so that it only ever goes up, also with requests at the same
+    time. Returns the state as it is now."""
+    PlayerState.objects.filter(pk=p.pk).update(seq=F('seq') + 1, **fields)
+    p.refresh_from_db()
+    return p
+
+
+def _is_online(user, device_id, now):
+    return bool(device_id) and PlayerDevice.objects.filter(
+        user=user, device_id=device_id, last_seen__gte=_online_since(now)).exists()
+
+
+def _devices_json(user, p, now):
+    """Online devices first (by name), then the last ones seen lately."""
+    since = _online_since(now)
+    rows = list(PlayerDevice.objects.filter(user=user, last_seen__gte=now - timedelta(days=PLAYER_DEVICES_DAYS))
+                .order_by('-last_seen').values('device_id', 'device_name', 'last_seen'))
+    online = sorted((r for r in rows if r['last_seen'] >= since), key=lambda r: (r['device_name'].casefold(), r['device_id']))
+    offline = [r for r in rows if r['last_seen'] < since]
+    return [
+        {'id': r['device_id'], 'name': r['device_name'], 'online': r['last_seen'] >= since,
+         'active': r['device_id'] == p.device_id}
+        for r in (online + offline)[:PLAYER_DEVICES_SHOWN]
+    ]
+
+
+def _player_json(user, p, now=None):
+    now = now or timezone.now()
+    episode = None
+    if p.kind == PlayerState.PODCAST and p.episode_id:
+        rows = list(PodcastEpisode.objects.filter(pk=p.episode_id).values(*_inbox_fields(False)))
+        episode = _add_user_state(user, rows)[0] if rows else None
+    station = None
+    if p.kind == PlayerState.RADIO:
+        station = {'url': p.station_url, 'name': p.station_name, 'id': p.station_id}
+    devices = _devices_json(user, p, now)
+    return {
+        'seq': p.seq,
+        'kind': p.kind,
+        'episode': episode,
+        'station': station,
+        'position_ms': p.position_ms,
+        'playing': p.playing,
+        'speed': p.speed,
+        'device_id': p.device_id,
+        'device_name': p.device_name,
+        'updated_at': _iso_ms(p.updated_at),
+        'server_time': _iso_ms(now),
+        'command': p.command,
+        'devices': devices,
+        'active_online': _is_online(user, p.device_id, now),
+    }
+
+
+def _player_body(request):
+    """The JSON body and the sending device, or an error response."""
+    try:
+        body = json.loads(request.body)
+    except (json.JSONDecodeError, ValueError):
+        return None, JsonResponse({'error': 'invalid JSON'}, status=400)
+    if not isinstance(body, dict):
+        return None, JsonResponse({'error': 'invalid JSON'}, status=400)
+    device_id = body.get('device_id')
+    if not isinstance(device_id, str) or not device_id.strip() or len(device_id) > 64:
+        return None, JsonResponse({'error': 'device_id required'}, status=400)
+    body['device_name'] = str(body.get('device_name') or '')[:100]
+    return body, None
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def player_state(request):
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    return JsonResponse(_player_json(request.user, PlayerState.for_user(request.user)))
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def player_report(request):
+    """A device says what it plays. Accepted from the active device; from
+    another one when playback was just started there (start: by the user, a
+    command, a transfer — it becomes the active device), or when the active
+    device is gone (offline, or there is none): then the newest report wins.
+    Otherwise ignored, such as a periodic "playing" report of a device that
+    was just taken over. The answer is the state either way."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    body, error = _player_body(request)
+    if error:
+        return error
+
+    kind = body.get('kind') or ''
+    if kind not in {k for k, _ in PlayerState.KINDS}:
+        return JsonResponse({'error': 'unknown kind'}, status=400)
+    playing = body.get('playing')
+    if not isinstance(playing, bool):
+        return JsonResponse({'error': 'playing must be true or false'}, status=400)
+    position = body.get('position_ms', 0)
+    if not _finite(position):
+        return JsonResponse({'error': 'position_ms must be a number'}, status=400)
+    speed = body.get('speed')
+    if speed is None:
+        speed = 1
+    if not _finite(speed) or not 0.1 <= speed <= 10:
+        return JsonResponse({'error': 'invalid speed'}, status=400)
+
+    episode_id = None
+    station = ('', '', None)
+    if kind == PlayerState.PODCAST:
+        episode_id = body.get('episode_id')
+        if not _number(episode_id) or episode_id != int(episode_id) or not \
+                PodcastEpisode.objects.filter(pk=int(episode_id), feed__user=request.user).exists():
+            return JsonResponse({'error': 'unknown episode'}, status=400)
+        episode_id = int(episode_id)
+    elif kind == PlayerState.RADIO:
+        st = body.get('station')
+        if not isinstance(st, dict) or not isinstance(st.get('url'), str) or not st['url'].strip():
+            return JsonResponse({'error': 'station.url required'}, status=400)
+        sid = st.get('id')
+        station = (st['url'].strip()[:1000], str(st.get('name') or '')[:300],
+                   int(sid) if _number(sid) and sid == int(sid) else None)
+
+    device_id = body['device_id']
+    done = body.get('done_command')
+    start = body.get('start') is True
+    now = timezone.now()
+    _seen(request.user, device_id, body['device_name'], now=now)
+    p = PlayerState.for_user(request.user)
+    done = bool(done) and bool(p.command) and done == p.command.get('id')
+    if device_id == p.device_id or (playing and start) or not _is_online(request.user, p.device_id, now):
+        p = _change(
+            p,
+            kind=kind,
+            episode_id=episode_id,
+            station_url=station[0], station_name=station[1], station_id=station[2],
+            position_ms=max(int(position), 0) if kind == PlayerState.PODCAST else 0,
+            playing=playing and bool(kind),
+            speed=float(speed),
+            device_id=device_id,
+            device_name=body['device_name'],
+            updated_at=now,
+            # Done (also a transfer, done in the report that makes its target
+            # the active device), or meant for the device before.
+            command=None if done or device_id != p.device_id else p.command,
+        )
+    elif done:
+        # A device that isn't the active one did its command (a transfer
+        # that couldn't play): done all the same.
+        p = _change(p, command=None)
+    p = _check_online(request.user, now)
+    return JsonResponse(_player_json(request.user, p, now))
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def player_command(request):
+    """Remote control: a command for a device (to_device_id, else the active
+    one), which carries it out and reports it done (done_command). Only to a
+    device that is online. transfer: the device plays the shared item from
+    its place and so becomes the active one."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    body, error = _player_body(request)
+    if error:
+        return error
+    action = body.get('action')
+    if action not in PLAYER_ACTIONS:
+        return JsonResponse({'error': 'unknown action'}, status=400)
+    value = None
+    if action in ('seek', 'skip'):
+        value = body.get('value')
+        if not _finite(value):
+            return JsonResponse({'error': 'value must be a number'}, status=400)
+        value = max(int(value), 0) if action == 'seek' else int(value)
+    to = body.get('to_device_id')
+    if to is not None and (not isinstance(to, str) or len(to) > 64):
+        return JsonResponse({'error': 'invalid to_device_id'}, status=400)
+
+    now = timezone.now()
+    _seen(request.user, body['device_id'], body['device_name'], now=now)
+    p = _check_online(request.user, now)
+    to = to or p.device_id
+    if not to or not _is_online(request.user, to, now):
+        return JsonResponse({'error': 'device not online'}, status=409)
+    if action == 'transfer' and not p.kind:
+        return JsonResponse({'error': 'nothing to transfer'}, status=409)
+    p = _change(p, command={
+        'id': uuid.uuid4().hex,
+        'action': action,
+        'value': value,
+        'from_device_id': body['device_id'],
+        'from_device_name': body['device_name'],
+        'to_device_id': to,
+        'at': _iso_ms(now),
+    })
+    return JsonResponse(_player_json(request.user, p, now))
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def player_stream(request):
+    """Server-sent events: the state at once if it is newer than ?since=<seq>,
+    then on every change; a ping every 15 s, and the end after a few minutes
+    (the client reconnects with the last seq it has). With device_id (and
+    device_name, device_kind app|web) the device counts as online meanwhile."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        since = int(request.GET.get('since', -1))
+    except ValueError:
+        return JsonResponse({'error': 'since must be a number'}, status=400)
+    user = request.user
+    device_id = request.GET.get('device_id', '')[:64]
+    _seen(user, device_id, request.GET.get('device_name', ''), request.GET.get('device_kind'))
+    _check_online(user)
+
+    def events():
+        last = since
+        first = True
+        start = pinged = checked = time.monotonic()
+        while True:
+            seq = PlayerState.objects.filter(user=user).values_list('seq', flat=True).first()
+            if seq is not None and (seq > last if first else seq != last):
+                p = PlayerState.objects.filter(user=user).first()
+                last = p.seq
+                yield f'data: {json.dumps(_player_json(user, p))}\n\n'
+            elif first:
+                yield ': ping\n\n'   # the headers go out now: the client knows it's connected
+            first = False
+            now = time.monotonic()
+            if now - start >= STREAM_SECONDS:
+                return
+            if now - pinged >= STREAM_PING_SECONDS:
+                pinged = now
+                _seen(user, device_id)
+                yield ': ping\n\n'
+            if now - checked >= STREAM_PRESENCE_SECONDS:
+                checked = now
+                _check_online(user)
+            time.sleep(STREAM_POLL_SECONDS)
+
+    response = StreamingHttpResponse(events(), content_type='text/event-stream')
+    response['Cache-Control'] = 'no-cache'
+    response['X-Accel-Buffering'] = 'no'
+    return response
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 9f529cf..6ce2a64 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -73,7 +73,6 @@
 
   let state = load('state', null) || empty();
   let outbox = load('outbox', []);
-  let lastRefresh = 0;
 
   function save() {
     store('state', state);
@@ -152,9 +151,9 @@
         const fresh = await r.json();
         if (outbox.length) continue;
         state = fresh;
-        lastRefresh = Date.now();
         save();
         changed();
+        followSavedPlace();
         return true;
       }
       return false;
@@ -620,7 +619,7 @@
     lastPos = resumeMs();
     storePlayer();
     if (play && !stop) resume();
-    else { wantPlay = false; report(); }
+    else { wantPlay = false; report(); syncSoon(); }
   }
 
   // A pause rewinds a little on the way back in, to find the thread again.
@@ -639,6 +638,7 @@
     if (!loaded) prepare();
     else catchUp();
     wantPlay = true;
+    sync.start = true;
     applyKind();
     setSession();
     const p = audio.play();
@@ -649,9 +649,11 @@
         buffering = false;
         if (err && err.name === 'NotAllowedError') toast('Der Browser hat das Abspielen blockiert – bitte nochmal tippen');
         report();
+        syncSoon();
       });
     }
     report();
+    syncSoon();
   }
 
   function pause() {
@@ -659,6 +661,7 @@
     if (!audio.paused) audio.pause();
     pausedAt = pausedAt || Date.now();
     report();
+    syncSoon();
   }
 
   function seek(ms) {
@@ -671,7 +674,10 @@
       startAt = ms;
     }
     lastPos = ms;
+    // A place chosen while paused is kept at once (playing, it's saved every 10 s).
+    if (!wantPlay) saveNow(cur.episode__id, true);
     report();
+    syncSoon();
   }
 
   function skip(forward) {
@@ -715,6 +721,7 @@
     sleep.queueEnded();
     wantPlay = false;
     report();
+    syncSoon();
   }
 
   // A browser that pauses the element while it loads (power saving) may drop
@@ -740,10 +747,12 @@
   audio.addEventListener('pause', () => {
     if (!loaded || audio.ended) return;
     // Paused here, by the lock screen, or by the system (headphones out …).
+    const was = wantPlay;
     wantPlay = false;
     pausedAt = pausedAt || Date.now();
     if (cur) saveNow(cur.episode__id, true);
     report();
+    if (was) syncSoon();
   });
   audio.addEventListener('ended', onEnded);
   audio.addEventListener('loadedmetadata', () => {
@@ -763,6 +772,7 @@
     buffering = false;
     toast('Diese Folge lässt sich gerade nicht abspielen');
     report();
+    syncSoon();
   });
 
   // Once a second: keep the place, save it every 10 s, skip the outro, run the sleep timer.
@@ -777,7 +787,10 @@
     }
     // The sleep timer counts while either plays (radio and podcasts share the player).
     sleep.tick(playing || radioPlaying());
-    if (playing || sleep.leftMs > 0) report();
+    // While playing, the shared player hears from us every 10 s (its place, and that we're alive).
+    if ((playing || radioPlaying()) && Date.now() - sync.lastSent >= REPORT_EVERY_MS && !busy()) syncReport();
+    // Another device's place moves on in the bar too.
+    if (playing || sleep.leftMs > 0 || otherActive(sync.state)) report();
   }, 1000);
 
   // ---- radio and podcasts take turns ---------------------------------------------------
@@ -811,6 +824,8 @@
       putAway();
       const r = playStation.apply(this, arguments);
       radioChanged();
+      sync.start = true;
+      syncSoon();
       return r;
     };
   }
@@ -862,9 +877,479 @@
       return r;
     };
   }
+  // The radio stopping is news for the shared player too.
+  if (typeof window.stopPlayback === 'function') {
+    const stopPlayback = window.stopPlayback;
+    window.stopPlayback = function () {
+      const was = radioPlaying();
+      const r = stopPlayback.apply(this, arguments);
+      if (was) syncSoon();
+      return r;
+    };
+  }
   const savedRows = document.getElementById('saved-tbody');
   if (savedRows) new MutationObserver(radioChanged).observe(savedRows, {childList: true});
 
+  // Player sync: the station another device played last becomes the current
+  // one here, without playing (the bar shows it with ▶).
+  window.__dioraAdoptStation = function (st) {
+    if (!st || !st.url || radioPlaying() || typeof currentStation === 'undefined') return;
+    currentStation = {url: st.url, name: st.name || '', id: st.id || null};
+    currentTrack = '';
+    const name = document.getElementById('now-playing-station');
+    if (name) name.textContent = currentStation.name;
+    const track = document.getElementById('now-playing-track');
+    if (track) track.textContent = '';
+    const b = document.getElementById('play-stop-btn');
+    if (b) {
+      b.style.display = '';
+      b.textContent = '▶ Play';
+      b.classList.remove('playing');
+    }
+    radioChanged();
+  };
+
+  // ---- player sync: one player for all devices (like Spotify Connect) ------------------
+  // The server keeps what plays (/podcasts/player/, see podcasts/views.py). The
+  // device that starts playing becomes the active one and stays it while it is
+  // online, also paused. Every other device stops its own playback and shows
+  // the active one's as "remote" (playerJson): its buttons send commands
+  // there, "Hier abspielen" plays it here from its place, the device sheet
+  // moves it anywhere (transfer). When the active device is gone, what it
+  // played last is loaded here, paused. In the app PlayerSync.kt does this.
+
+  const REPORT_EVERY_MS = 10000;
+  const OLD_COMMAND_MS = 60000;   // a command this old (the page was away) is only acknowledged
+
+  function deviceId() {
+    let id = '';
+    try { id = localStorage.getItem('diora_device_id') || ''; } catch (e) {}
+    if (!id) {
+      id = 'web-' + Array.from(crypto.getRandomValues(new Uint8Array(12)), b => b.toString(16).padStart(2, '0')).join('');
+      try { localStorage.setItem('diora_device_id', id); } catch (e) {}
+    }
+    return id;
+  }
+
+  function browserName() {
+    const ua = navigator.userAgent;
+    const browser = /Edg\//.test(ua) ? 'Edge' : /OPR\//.test(ua) ? 'Opera' : /Firefox\//.test(ua) ? 'Firefox'
+      : /Chrome\//.test(ua) ? 'Chrome' : /Safari\//.test(ua) ? 'Safari' : 'Web';
+    const os = /Android/.test(ua) ? 'Android' : /iPhone|iPad|iPod/.test(ua) ? 'iOS' : /Windows/.test(ua) ? 'Windows'
+      : /Macintosh|Mac OS X/.test(ua) ? 'macOS' : /CrOS/.test(ua) ? 'ChromeOS' : /Linux/.test(ua) ? 'Linux' : '';
+    return os ? browser + '/' + os : browser;
+  }
+
+  const DEVICE_ID = deviceId();
+  const DEVICE_NAME = 'Browser (' + browserName() + ')';
+
+  const sync = {
+    state: null,        // the server's state, as last taken in
+    heardAt: 0,         // when it came (this clock only measures the time since)
+    later: null,        // the newest state that came while a report of ours was on its way
+    ownAt: load('sync_at', ''),   // server time of our last report: what the others did before is old
+    sending: 0,         // reports on their way
+    timer: 0,           // a report about to go
+    lastSent: 0,
+    quiet: false,       // playback changes the sync makes itself: no reports of their own
+    doneCmd: null,      // the command the next report says is done
+    start: false,       // playback was just started here (by the user, a command): we take over
+    executed: new Set(),
+    hint: null,         // what a command of ours will change, shown until the device reports
+  };
+
+  const busy = () => sync.sending > 0 || !!sync.timer;
+
+  function isoMs(iso) {
+    const t = Date.parse(iso || '');
+    return isFinite(t) ? t : 0;
+  }
+
+  // The server's clock now: its time when the state came plus what has passed since.
+  function serverNow(st) {
+    return isoMs(st.server_time) + (Date.now() - sync.heardAt);
+  }
+
+  // Where the state's item is now: while it plays, its last place plus the time since.
+  function placeOf(st) {
+    let pos = st.position_ms || 0;
+    if (st.playing && st.active_online && st.updated_at) {
+      pos += Math.max(0, serverNow(st) - isoMs(st.updated_at)) * (st.speed || 1);
+    }
+    const dur = st.episode ? (st.episode.duration_seconds || 0) * 1000 : 0;
+    return Math.round(dur > 0 ? Math.min(pos, dur) : pos);
+  }
+
+  // Another device is the active one, it is online and has something.
+  function otherActive(st) {
+    return !!(st && st.device_id && st.device_id !== DEVICE_ID && st.active_online &&
+      ((st.kind === 'podcast' && st.episode) || (st.kind === 'radio' && st.station)));
+  }
+
+  // The page's player.remote: what the other device plays.
+  function remoteJson() {
+    const st = sync.state;
+    if (!otherActive(st)) return null;
+    const o = {device: st.device_name || '', kind: st.kind, playing: !!st.playing, station: null, pos: 0, dur: 0};
+    const radio = st.kind === 'radio';
+    if (radio) {
+      o.station = {name: st.station.name || '', url: st.station.url, logo: radioLogo(st.station)};
+      o.title = o.station.name;
+    } else {
+      const e = st.episode;
+      o.episodeId = e.id;
+      o.feedId = e.feed__id || 0;
+      o.title = plain(e.title);
+      o.feed = plain(e.feed__title);
+      o.artwork = e.artwork_url || e.feed__artwork_url || '';
+      o.dur = (e.duration_seconds || 0) * 1000;
+      o.pos = placeOf(st);
+    }
+    // A command of ours shows at once, until the device reports back.
+    const h = sync.hint;
+    if (h && h.updatedAt === st.updated_at && Date.now() < h.until) {
+      o.playing = h.playing;
+      if (!radio) {
+        o.pos = Math.round(h.pos + (o.playing ? (Date.now() - h.at) * (st.speed || 1) : 0));
+        o.pos = Math.max(0, o.dur > 0 ? Math.min(o.pos, o.dur) : o.pos);
+      }
+    }
+    return o;
+  }
+
+  // The page's player.devices: the server's list, with this browser marked (and in it).
+  function devicesJson() {
+    const st = sync.state;
+    const list = ((st && st.devices) || []).map(d =>
+      (d.id === DEVICE_ID ? Object.assign({}, d, {me: true, online: true}) : Object.assign({}, d)));
+    if (!list.some(d => d.me)) {
+      list.unshift({id: DEVICE_ID, name: DEVICE_NAME, online: true, active: !!st && st.device_id === DEVICE_ID, me: true});
+    }
+    return list;
+  }
+
+  // What this device plays, as a report has it.
+  function mine() {
+    const st = typeof currentStation !== 'undefined' ? currentStation : null;
+    if (st && (radioPlaying() || !cur)) {
+      return {kind: 'radio', station: {url: st.url, name: st.name || '', id: Number(st.id) || null},
+        position_ms: 0, playing: radioPlaying()};
+    }
+    if (cur) {
+      return {kind: 'podcast', episode_id: cur.episode__id, position_ms: Math.max(0, Math.round(posMs())),
+        playing: wantPlay, speed: speedFor(curFeed())};
+    }
+    return {kind: '', position_ms: 0, playing: false};
+  }
+
+  function post(path, body) {
+    return fetch(path, {
+      method: 'POST',
+      credentials: 'same-origin',
+      headers: {'Content-Type': 'application/json', 'X-CSRFToken': csrf()},
+      body: JSON.stringify(body),
+    });
+  }
+
+  // This device plays: it is the active one now (the server's answer will say so too).
+  function claim() {
+    const st = sync.state;
+    if (st && st.device_id !== DEVICE_ID) {
+      sync.state = Object.assign({}, st, {device_id: DEVICE_ID, device_name: DEVICE_NAME, playing: true, command: null});
+    }
+    sync.hint = null;
+  }
+
+  // Something changed here: tell the server, a moment later so that a burst
+  // (switching stations, several skips) goes as one report.
+  function syncSoon() {
+    if (sync.quiet) return;
+    if (sync.start && mine().playing) claim();
+    if (!sync.timer) sync.timer = setTimeout(syncReport, 300);
+  }
+
+  function syncReport() {
+    clearTimeout(sync.timer);
+    sync.timer = 0;
+    const body = Object.assign({device_id: DEVICE_ID, device_name: DEVICE_NAME}, mine());
+    const done = sync.doneCmd;
+    if (done) body.done_command = done;
+    // Only a start makes us the active device; a late 10 s report after
+    // another device took over doesn't take it back.
+    if (body.playing && sync.start) {
+      body.start = true;
+      claim();
+    }
+    sync.start = false;
+    sync.lastSent = Date.now();
+    sync.sending++;
+    return post('/podcasts/player/report/', body)
+      .then(r => (r.ok ? r.json() : null))
+      .catch(() => null)
+      .then(st => {
+        sync.sending--;
+        if (st) {
+          if (done && sync.doneCmd === done) sync.doneCmd = null;
+          sync.ownAt = st.server_time;
+          store('sync_at', sync.ownAt);
+        }
+        heard(st);
+        return st;
+      });
+  }
+
+  // A state from the server (the stream, or the answer to a report or command).
+  // While a report of ours is on its way, states wait for its answer: they may
+  // be from before it, and would stop what we just started.
+  function heard(st) {
+    if (st && typeof st.seq === 'number' && (!sync.later || st.seq >= sync.later.seq)) sync.later = st;
+    if (busy() || !sync.later) return;
+    st = sync.later;
+    sync.later = null;
+    if (sync.state && st.seq < sync.state.seq) return;
+    sync.state = st;
+    sync.heardAt = Date.now();
+    act(st);
+    report();
+  }
+
+  // What a state means for this device.
+  function act(st) {
+    const cmd = st.command;
+    if (cmd && cmd.id && !sync.executed.has(cmd.id) && (cmd.to_device_id || st.device_id) === DEVICE_ID) {
+      sync.executed.add(cmd.id);
+      if (serverNow(st) - isoMs(cmd.at) > OLD_COMMAND_MS) {
+        sync.doneCmd = cmd.id;
+        syncReport();
+      } else {
+        execute(cmd, st);
+      }
+      return;
+    }
+    if (st.device_id === DEVICE_ID) {
+      // The server thinks we play, but we don't (this page was reloaded): say so.
+      if (st.playing && !mine().playing) syncSoon();
+      return;
+    }
+    if (!st.device_id) return;
+    const newer = isoMs(st.updated_at) > isoMs(sync.ownAt);
+    if (st.active_online) {
+      if (st.playing) handOver(st);
+      // Paused there on the episode that waits here too: ours goes to its place.
+      else if (newer && st.kind === 'podcast' && st.episode) movePausedTo(st.episode.id, st.position_ms);
+      return;
+    }
+    // The active device is gone: what it had last comes here, if it's newer than our own last change.
+    if (newer) adopt(st);
+  }
+
+  // A command for this device: carry it out, then one report that says it's done.
+  function execute(cmd, st) {
+    const kind = mine().kind;
+    const a = cmd.action;
+    sync.doneCmd = cmd.id;
+    sync.quiet = true;
+    try {
+      if (a === 'transfer') {
+        takeOver(st);
+      } else if (kind === 'radio') {
+        if (a === 'play' && !radioPlaying()) togglePlayStop();
+        else if ((a === 'pause' || a === 'stop') && radioPlaying()) stopPlayback(false);
+      } else if (kind === 'podcast') {
+        if (a === 'play') resume();
+        else if (a === 'pause' || a === 'stop') pause();
+        else if (a === 'seek') seek(Number(cmd.value) || 0);
+        else if (a === 'skip') {
+          const to = posMs() + (Number(cmd.value) || 0) * 1000;
+          const dur = durMs();
+          seek(dur > 0 ? Math.min(to, dur - 1000) : to);
+        } else if (a === 'next') next();
+      }
+    } finally {
+      sync.quiet = false;
+    }
+    syncReport();
+  }
+
+  // Another device started playing: this one stops (the episode keeps its place).
+  function handOver(st) {
+    if (!wantPlay && !radioPlaying()) return;
+    sync.quiet = true;
+    try {
+      if (wantPlay) pause();
+      if (radioPlaying()) stopPlayback(false);
+    } finally {
+      sync.quiet = false;
+    }
+    toast('Läuft jetzt auf ' + (st.device_name || 'einem anderen Gerät'));
+  }
+
+  // Load an episode paused at a place (adopting, or before playing it here).
+  function loadAt(ep, at) {
+    at = Math.max(0, Math.round(at || 0));
+    if (curId() === ep.id) {
+      if (loaded && audio.readyState > 0) {
+        try { audio.currentTime = at / 1000; } catch (e) {}
+      } else {
+        startAt = at;
+      }
+    } else {
+      if (cur && loaded && audio.readyState > 0) saveNow(cur.episode__id, true);
+      unload();
+      cur = Object.assign({}, entry(ep.id) || asQueueEntry(ep));
+      startAt = at;
+      wantPlay = false;
+      buffering = false;
+      error = null;
+      lastDur = 0;
+      storePlayer();
+    }
+    mustReach = null;
+    pausedAt = 0;
+    lastPos = at;
+    cur.position_seconds = Math.floor(at / 1000);
+    forEpisode(state, ep.id, o => { o.position_seconds = Math.floor(at / 1000); });
+    save();
+    report();
+  }
+
+  // The episode that waits here, paused, follows a newer place from elsewhere
+  // (another device played on): never while it plays here, never over a place
+  // of ours that isn't saved yet, not for a few seconds' difference.
+  function movePausedTo(id, at) {
+    if (curId() !== id || wantPlay) return false;
+    if (outbox.some(op => op.key === 'progress:' + id)) return false;
+    if (Math.abs(at - posMs()) <= 5000) return false;
+    loadAt({id}, at);
+    return true;
+  }
+
+  // After fetching the podcast state: the saved place of that episode may be newer.
+  function followSavedPlace() {
+    if (!cur) return;
+    let secs = null;
+    forEpisode(state, cur.episode__id, o => { if (secs == null && o.position_seconds != null) secs = o.position_seconds; });
+    if (secs == null) return;
+    // Where resuming would start (resumeMs): from 5 s on, past the podcast's intro.
+    movePausedTo(cur.episode__id, Math.max(secs > 5 ? secs * 1000 : 0, introMs(curFeed())));
+  }
+
+  // Play what the shared player has, here, from its place ("Hier abspielen", a transfer).
+  function takeOver(st) {
+    st = st || sync.state;
+    if (st && st.kind === 'radio' && st.station) {
+      playStation(st.station.url, st.station.name || '', st.station.id || null);
+    } else if (st && st.kind === 'podcast' && st.episode) {
+      loadAt(st.episode, placeOf(st));
+      resume();
+    } else if (cur) {
+      resume();
+    }
+  }
+
+  // The active device is gone and we play nothing: its item becomes ours, paused.
+  function adopt(st) {
+    if (wantPlay || radioPlaying()) return;
+    if (st.kind === 'podcast' && st.episode) {
+      if (curId() === st.episode.id) movePausedTo(st.episode.id, st.position_ms);
+      else loadAt(st.episode, st.position_ms);
+    } else if (st.kind === 'radio' && st.station) {
+      const now = typeof currentStation !== 'undefined' ? currentStation : null;
+      if (cur || !now || now.url !== st.station.url) {
+        sync.quiet = true;
+        try { putAway(); } finally { sync.quiet = false; }
+        window.__dioraAdoptStation(st.station);
+      }
+    }
+    sync.ownAt = st.server_time;
+    store('sync_at', sync.ownAt);
+  }
+
+  // What a command of ours will do shows at once (the device reports within a second or so).
+  function hintFor(action, value) {
+    const st = sync.state;
+    const r = remoteJson();
+    if (!r) return;
+    const h = {updatedAt: st.updated_at, until: Date.now() + 5000, at: Date.now(), pos: r.pos, playing: r.playing};
+    if (action === 'play') h.playing = true;
+    else if (action === 'pause' || action === 'stop') h.playing = false;
+    else if (action === 'seek') h.pos = value;
+    else if (action === 'skip') h.pos = Math.max(0, r.pos + value * 1000);
+    else return;
+    sync.hint = h;
+    report();
+  }
+
+  // Remote control: a command for the active device (or `to`).
+  function command(action, value, to) {
+    const body = {device_id: DEVICE_ID, device_name: DEVICE_NAME, action};
+    if (action === 'seek' || action === 'skip') body.value = Math.round(Number(value) || 0);
+    if (to) body.to_device_id = to;
+    else hintFor(action, body.value);
+    return post('/podcasts/player/command/', body)
+      .then(r => {
+        if (r.ok) return r.json();
+        return r.json().catch(() => ({})).then(d => {
+          toast(d && d.error === 'nothing to transfer' ? 'Hier läuft nichts, das sich verschieben ließe'
+            : 'Das Gerät ist gerade nicht erreichbar');
+          return null;
+        });
+      })
+      .catch(() => { toast('Keine Verbindung zum Server'); return null; })
+      .then(st => {
+        if (!st) { sync.hint = null; report(); }
+        heard(st);
+      });
+  }
+
+  // Move the playback to a device: here (take over), or there (it plays from the place, we stop).
+  function transfer(id) {
+    if (id === DEVICE_ID) { takeOver(); return; }
+    // What we have isn't shared yet (we're the active device, or there is none): first say what it is.
+    (otherActive(sync.state) ? Promise.resolve() : syncReport()).then(() => command('transfer', 0, id));
+  }
+
+  // The stream: every change, as it happens. The server ends it every few minutes
+  // (and the network may drop it): then again, with the last seq we know.
+  let source = null;
+  let retryMs = 1000;
+  let retryTimer = 0;
+
+  function listen() {
+    clearTimeout(retryTimer);
+    if (source) source.close();
+    const seen = Math.max(sync.state ? sync.state.seq : -1, sync.later ? sync.later.seq : -1);
+    const q = new URLSearchParams({since: String(seen), device_id: DEVICE_ID, device_name: DEVICE_NAME, device_kind: 'web'});
+    source = new EventSource('/podcasts/player/stream/?' + q);
+    source.onopen = () => { retryMs = 1000; };
+    source.onmessage = e => heard(parse(e.data, null));
+    source.onerror = () => {
+      if (source) source.close();
+      source = null;
+      retryTimer = setTimeout(listen, retryMs);
+      retryMs = Math.min(retryMs * 2, 30000);
+    };
+  }
+
+  function fetchPlayer() {
+    return fetch('/podcasts/player/', {credentials: 'same-origin', cache: 'no-store'})
+      .then(r => (r.ok ? r.json() : null))
+      .catch(() => null)
+      .then(heard);
+  }
+
+  function startSync() {
+    fetchPlayer().then(listen);
+  }
+
+  // Leaving while playing: the others shouldn't show us as playing until we count as gone.
+  function syncLeaving() {
+    const m = mine();
+    if (!m.playing || !sync.state || sync.state.device_id !== DEVICE_ID || !navigator.sendBeacon) return;
+    m.playing = false;
+    navigator.sendBeacon('/podcasts/player/report/', JSON.stringify(Object.assign({device_id: DEVICE_ID, device_name: DEVICE_NAME}, m)));
+  }
+
   // ---- what the page and the lock screen see ---------------------------------------------
 
   const decoder = document.createElement('textarea');
@@ -876,7 +1361,8 @@
 
   function playerJson() {
     const fid = curFeed();
-    const o = {speed: speedFor(fid), podcastSpeed: hasOwnSpeed(fid), sleep: sleep.json()};
+    const o = {speed: speedFor(fid), podcastSpeed: hasOwnSpeed(fid), sleep: sleep.json(),
+      remote: remoteJson(), devices: devicesJson()};
     if (!cur) { o.kind = null; return o; }
     o.kind = 'podcast';
     o.episodeId = cur.episode__id;
@@ -1011,6 +1497,10 @@
     },
     podcastSleepExtend(minutes) { sleep.extend(minutes); report(); },
     podcastSleepAuto(on) { prefs.sleep_auto = !!on; store('prefs', prefs); },
+    // Player sync: control the device that plays, play it here, move it to a device.
+    playerRemote: (action, value) => { command(String(action), Number(value)); },
+    playerTakeOver: () => takeOver(),
+    playerTransfer: id => transfer(String(id)),
     isEinkDevice: () => false,
     // No podcastDownloads: the browser streams; the page hides everything about downloads.
   };
@@ -1130,14 +1620,26 @@
     }
   };
   window.addEventListener('pagehide', leaving);
+  window.addEventListener('pagehide', syncLeaving);
+  // Back in the foreground: another device may have played meanwhile (its place, what plays).
+  let lastVisible = 0;
   document.addEventListener('visibilitychange', () => {
     if (document.visibilityState === 'hidden') {
       if (cur && loaded && audio.readyState > 0) saveNow(cur.episode__id, true);
-    } else if (Date.now() - lastRefresh > 5 * 60000) {
+    } else if (Date.now() - lastVisible > 15000) {
+      lastVisible = Date.now();
       refresh(false);
+      fetchPlayer();
+      if (!source) listen();
     }
   });
-  window.addEventListener('online', () => { flush(); });
+  window.addEventListener('online', () => {
+    flush();
+    if (!source) listen();
+  });
+
+  // The shared player: what plays on the other devices, and from now on every change.
+  startSync();
 
   // The page (copied from the app) comes last, once all of the above is in place.
   const script = document.createElement('script');
diff --git a/static/js/sw.js b/static/js/sw.js
index cd373e2..c19c090 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v57';
+const CACHE = 'diora-v58';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
@@ -65,6 +65,7 @@ self.addEventListener('fetch', function (event) {
       url.pathname.startsWith('/admin/') ||
       url.pathname.startsWith('/podcasts/progress/') ||
       url.pathname.startsWith('/podcasts/queue/') ||
+      url.pathname.startsWith('/podcasts/player/') ||
       url.pathname === '/podcasts/feeds/add' ||
       url.pathname.startsWith('/podcasts/feeds/add') ||
       url.pathname.includes('/remove') ||
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index c9e7919..bbade4e 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 6c2b071 2026-10-02: web-native/static/native-podcast.js
+// Copied from diora-android 38d03c6 2026-10-02: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -173,7 +173,8 @@
   // ---- actions ---------------------------------------------------------------------------
 
   function play(e) {
-    if (currentId() === e.id) { openPlayer(); return; }
+    const r = remote();
+    if (r ? r.kind === 'podcast' && r.episodeId === e.id : currentId() === e.id) { openPlayer(); return; }
     N.podcastPlayEpisode(JSON.stringify(e.raw), currentId());
   }
 
@@ -1302,11 +1303,16 @@
     text.type = 'button';
     text.append(el('span', 'nui-mini-station'), el('span', 'nui-mini-track'));
     text.addEventListener('click', () => (miniKind === 'radio' ? openRadioPlayer() : openPlayer()));
+    const devices = button('⇄', 'Wiedergabe auf …', deviceMenu, 'nui-mini-devices');
+    const here = button('⇩', 'Hier abspielen', takeOver, 'nui-mini-here');
+    devices.hidden = here.hidden = true;
     mini.append(art('', 'mini'), text,
-      button('↺', '15 s zurück', () => N.podcastSkip(false), 'nui-pod-skip'),
+      button('↺', '15 s zurück', () => (miniKind === 'remote'
+        ? remoteCmd('skip', -(devicePrefs().skip_back || 15)) : N.podcastSkip(false)), 'nui-pod-skip'),
       button('☆', 'Sender speichern', () => window.__dioraRadioSave && window.__dioraRadioSave(), 'nui-mini-save'),
-      button('▶', 'Abspielen', () => (miniKind === 'radio'
-        ? window.__dioraRadioToggle && window.__dioraRadioToggle() : N.podcastToggle()), 'nui-mini-toggle'));
+      devices, here,
+      button('▶', 'Abspielen', () => (miniKind === 'remote' ? remoteToggle()
+        : miniKind === 'radio' ? window.__dioraRadioToggle && window.__dioraRadioToggle() : N.podcastToggle()), 'nui-mini-toggle'));
     dock.prepend(mini);
     // One player for podcasts and radio: the radio's own bar steps aside.
     document.documentElement.classList.add('nui-one-player');
@@ -1323,7 +1329,8 @@
     }
   }
 
-  // What the bar shows: 'podcast', 'radio' (a station is chosen) or ''.
+  // What the bar shows: 'podcast', 'radio' (a station is chosen), 'remote'
+  // (another device is the active one) or ''.
   let miniKind = '';
 
   function radioNow() {
@@ -1345,16 +1352,32 @@
   }
 
   function renderMini() {
+    const r = remote();
     const isPod = player.kind === 'podcast';
-    document.documentElement.classList.toggle('nui-pod-playing', isPod);
+    document.documentElement.classList.toggle('nui-pod-playing', isPod || !!r);
     if (!mini) return;
-    const radio = isPod ? null : radioNow();
-    miniKind = isPod ? 'podcast' : radio ? 'radio' : '';
+    const radio = isPod || r ? null : radioNow();
+    miniKind = r ? 'remote' : isPod ? 'podcast' : radio ? 'radio' : '';
     mini.hidden = !miniKind;
-    mini.classList.toggle('nui-mini-radio', miniKind === 'radio');
+    mini.classList.toggle('nui-mini-radio', miniKind === 'radio' || (!!r && r.kind === 'radio'));
+    mini.classList.toggle('nui-mini-remote', !!r);
     document.documentElement.classList.toggle('nui-pod-mini-open', !!miniKind);
-    mini.querySelector('.nui-pod-skip').hidden = miniKind !== 'podcast';
+    mini.querySelector('.nui-pod-skip').hidden = !(isPod || r) || (!!r && r.kind !== 'podcast');
     mini.querySelector('.nui-mini-save').hidden = miniKind !== 'radio' || radio.saved;
+    mini.querySelector('.nui-mini-devices').hidden = !r || !N.playerTransfer;
+    mini.querySelector('.nui-mini-here').hidden = !r || !N.playerTakeOver;
+    if (r) {
+      const onRadio = r.kind === 'radio';
+      mini.querySelector('.nui-mini-station').textContent = (onRadio ? r.station && r.station.name : r.title) || '';
+      mini.querySelector('.nui-mini-track').textContent = remoteLine(r);
+      const t = mini.querySelector('.nui-mini-toggle');
+      t.textContent = r.playing ? (onRadio ? '■' : '❚❚') : '▶';
+      t.title = r.playing ? (onRadio ? 'Stopp' : 'Pause') + ' auf ' + remoteName(r) : 'Abspielen auf ' + remoteName(r);
+      setArt(mini.querySelector('.nui-pod-art'), onRadio ? r.station && r.station.logo : r.artwork);
+      mini.querySelector('.nui-pod-mini-bar span').style.width = onRadio ? (r.playing ? '100%' : '0')
+        : r.dur ? Math.min(100, r.pos / r.dur * 100) + '%' : '0';
+      return;
+    }
     if (miniKind === 'radio') {
       mini.querySelector('.nui-mini-station').textContent = radio.name;
       mini.querySelector('.nui-mini-track').textContent = radio.buffering ? 'Verbinde …'
@@ -1637,6 +1660,7 @@
   let sheetKind = '';
 
   function openPlayer() {
+    if (remote()) { openRemotePlayer(); return; }
     if (player.kind !== 'podcast') return;
     closePlayer();
     sheetKind = 'podcast';
@@ -1675,7 +1699,7 @@
     );
     panel.append(controls);
     const extra = el('div', 'nui-pod-extra');
-    extra.append(
+    extra.append(...[
       button('1×', 'Geschwindigkeit', speedMenu, 'nui-pod-speed'),
       button('☾', 'Sleep-Timer', sleepMenu, 'nui-pod-sleep'),
       button('☆', 'Favorit', () => toggleFavorite({id: player.episodeId}, star => {
@@ -1683,8 +1707,9 @@
         if (b) { b.textContent = star ? '★' : '☆'; b.classList.toggle('on', star); }
       }), 'nui-pod-fav'),
       button('⏭', 'Folge abschließen, nächste spielen', finishAndNext, 'nui-pod-next'),
-      button('≡', 'Warteschlange', () => { closePlayer(); view = 'queue'; feedView = null; showTab('podcasts'); render(); }),
-    );
+      N.playerTransfer && button('⇄', 'Wiedergabe auf …', deviceMenu, 'nui-pod-devices'),
+      button('≡', 'Warteschlange', showQueue),
+    ].filter(Boolean));
     panel.append(extra);
     const notes = el('div', 'nui-pod-notesbox');
     panel.append(notes);
@@ -1730,6 +1755,7 @@
     stations.type = 'button';
     stations.addEventListener('click', () => { closePlayer(); showTab('radio'); });
     extra.append(stations);
+    if (N.playerTransfer) extra.append(devicesButton());
     panel.append(controls, extra);
     sheet.addEventListener('click', e => { if (e.target === sheet) closePlayer(); });
     document.body.append(sheet);
@@ -1763,10 +1789,24 @@
     renderMini();
     if (sheet && sheetKind === 'radio') renderRadioPlayer();
   };
-  window.__dioraOpenPlayer = kind => (kind === 'radio' ? openRadioPlayer() : openPlayer());
+  window.__dioraOpenPlayer = kind => (kind === 'radio' && !remote() ? openRadioPlayer() : openPlayer());
 
   function renderPlayer() {
     if (!sheet) return;
+    const r = remote();
+    if (sheetKind === 'remote') {
+      // Back here (taken over) or the other device went away: this device's player.
+      if (!r) {
+        closePlayer();
+        if (player.kind === 'podcast') openPlayer(); else if (radioNow()) openRadioPlayer();
+      } else if (sheet.dataset.remote !== remoteKey(r)) {
+        openRemotePlayer();
+      } else {
+        renderRemotePlayer();
+      }
+      return;
+    }
+    if (r) { openRemotePlayer(); return; }
     if (sheetKind === 'radio') {
       if (player.kind === 'podcast') closePlayer(); else renderRadioPlayer();
       return;
@@ -1869,6 +1909,171 @@
     N.podcastMarkPlayed(id, true);
   }
 
+  function showQueue() {
+    closePlayer();
+    view = 'queue';
+    feedView = null;
+    showTab('podcasts');
+    render();
+  }
+
+  // ---- another device plays (player sync, like Spotify Connect) ------------------------------
+  // The host (Bridge.kt / podcasts-web.js) shares one player among the user's
+  // devices. While another device is the active one (online, playing or
+  // paused), player.remote is what it plays: the bar and the player show it,
+  // their buttons control it (N.playerRemote), "Hier abspielen" plays it here
+  // from its place, and the device sheet moves it to any device that is online.
+
+  function remote() {
+    return player.remote && N.playerRemote ? player.remote : null;
+  }
+
+  function remoteName(r) {
+    return r.device || 'einem anderen Gerät';
+  }
+
+  function remoteKey(r) {
+    return r.kind + ':' + (r.kind === 'radio' ? (r.station && r.station.url) || '' : r.episodeId);
+  }
+
+  function remoteLine(r) {
+    return (r.playing ? '▸ läuft auf ' : '‖ pausiert auf ') + remoteName(r);
+  }
+
+  function remoteCmd(action, value) {
+    if (N.playerRemote) N.playerRemote(action, Math.round(value || 0));
+  }
+
+  function remoteToggle() {
+    const r = remote();
+    if (r) remoteCmd(r.playing ? 'pause' : 'play');
+  }
+
+  function takeOver() {
+    if (N.playerTakeOver) N.playerTakeOver();
+  }
+
+  // Which device plays: the ones online, this one first; choosing one moves the playback there.
+  function deviceMenu() {
+    if (!N.playerTransfer) return;
+    const all = (player.devices || []).filter(d => d.online || d.me);
+    const devices = all.filter(d => d.me).concat(all.filter(d => !d.me));
+    const r = remote();
+    const radio = r ? null : radioNow();
+    const activePlays = r ? r.playing : player.kind === 'podcast' ? !!player.playing : !!(radio && radio.playing);
+    const items = devices.map(d => ({
+      icon: d.active ? '◉' : '○',
+      label: d.me ? 'Dieses Gerät' : d.name || 'Unbekanntes Gerät',
+      hint: d.active ? (activePlays ? 'spielt gerade' : 'pausiert') : d.me ? null : 'hierhin verschieben',
+      active: !!d.active,
+      action: () => N.playerTransfer(d.id),
+    }));
+    if (devices.length < 2) {
+      items.push({custom: el('div', 'nui-pod-meta nui-pod-devnote',
+        'Keine anderen Geräte online. Sobald diora auf einem anderen Gerät offen ist, erscheint es hier.')});
+    }
+    openSheet('Wiedergabe auf …', items);
+  }
+
+  function devicesButton() {
+    const b = el('button', 'btn nui-pod-devbtn', '⇄ Wiedergabe auf …');
+    b.type = 'button';
+    b.addEventListener('click', deviceMenu);
+    return b;
+  }
+
+  // The full player for what another device plays: the same layout, remote buttons.
+  function openRemotePlayer() {
+    const r = remote();
+    if (!r) return;
+    closePlayer();
+    sheetKind = 'remote';
+    const onRadio = r.kind === 'radio';
+    sheet = el('div');
+    sheet.id = 'nui-pod-player';
+    sheet.className = 'nui-pod-remote';
+    sheet.dataset.remote = remoteKey(r);
+    sheet.innerHTML = '<div class="nui-pod-player-panel" role="dialog" aria-label="Player"></div>';
+    const panel = sheet.firstChild;
+    const top = el('div', 'nui-pod-player-top');
+    top.append(button('⌄', 'Player schließen', closePlayer));
+    const cover = art(onRadio ? r.station && r.station.logo : r.artwork, 'player');
+    if (onRadio) cover.classList.add('nui-radio-art');
+    panel.append(top, cover, el('div', 'nui-pod-player-title'), el('div', 'nui-pod-player-feed nui-pod-remote-line'));
+    const controls = el('div', 'nui-pod-controls');
+    if (onRadio) {
+      controls.append(button('▶', 'Abspielen', remoteToggle, 'nui-pod-play'));
+    } else {
+      panel.append(el('div', 'nui-pod-player-feed nui-pod-remote-feed'));
+      const range = el('input', 'nui-pod-seek');
+      range.type = 'range';
+      range.min = 0;
+      range.step = 1;
+      range.addEventListener('input', () => {
+        seeking = true;
+        sheet.querySelector('.nui-pod-time-pos').textContent = clock(range.value);
+      });
+      range.addEventListener('change', () => {
+        remoteCmd('seek', range.value * 1000);
+        seeking = false;
+      });
+      const times = el('div', 'nui-pod-times');
+      times.append(el('span', 'nui-pod-time-pos'), el('span', 'nui-pod-time-left'));
+      panel.append(range, times);
+      const prefs = devicePrefs();
+      const back = prefs.skip_back || 15;
+      const fwd = prefs.skip_forward || 30;
+      controls.append(
+        button(String(back), `${back} Sekunden zurück`, () => remoteCmd('skip', -back), 'nui-pod-back'),
+        button('▶', 'Abspielen', remoteToggle, 'nui-pod-play'),
+        button(String(fwd), `${fwd} Sekunden vor`, () => remoteCmd('skip', fwd), 'nui-pod-fwd'),
+      );
+    }
+    panel.append(controls);
+    if (N.playerTakeOver) {
+      const here = el('button', 'btn nui-pod-here', '⇩ Hier abspielen');
+      here.type = 'button';
+      here.addEventListener('click', takeOver);
+      panel.append(here);
+    }
+    const extra = el('div', 'nui-pod-extra');
+    if (!onRadio) extra.append(button('⏭', 'Nächste Folge', () => remoteCmd('next'), 'nui-pod-next'));
+    if (N.playerTransfer) extra.append(onRadio ? devicesButton() : button('⇄', 'Wiedergabe auf …', deviceMenu, 'nui-pod-devices'));
+    if (!onRadio) extra.append(button('≡', 'Warteschlange', showQueue));
+    panel.append(extra);
+    if (!onRadio && r.episodeId) {
+      const notes = el('div', 'nui-pod-notesbox');
+      panel.append(notes);
+      showDetails(notes, r.episodeId, false);
+    }
+    sheet.addEventListener('click', e => { if (e.target === sheet) closePlayer(); });
+    document.body.append(sheet);
+    renderRemotePlayer();
+  }
+
+  function renderRemotePlayer() {
+    const r = remote();
+    if (!r || !sheet) return;
+    const onRadio = r.kind === 'radio';
+    sheet.querySelector('.nui-pod-player-title').textContent = (onRadio ? r.station && r.station.name : r.title) || '';
+    sheet.querySelector('.nui-pod-remote-line').textContent = remoteLine(r);
+    const p = sheet.querySelector('.nui-pod-play');
+    p.textContent = r.playing ? (onRadio ? '■' : '❚❚') : '▶';
+    p.title = (r.playing ? (onRadio ? 'Stopp' : 'Pause') : 'Abspielen') + ' auf ' + remoteName(r);
+    if (onRadio) return;
+    sheet.querySelector('.nui-pod-remote-feed').textContent = r.feed || '';
+    const range = sheet.querySelector('.nui-pod-seek');
+    const dur = Math.round((r.dur || 0) / 1000);
+    const pos = Math.round((r.pos || 0) / 1000);
+    range.max = dur || 1;
+    if (!seeking) {
+      range.value = pos;
+      sheet.querySelector('.nui-pod-time-pos').textContent = clock(pos);
+    }
+    sheet.querySelector('.nui-pod-time-left').textContent = dur ? '−' + clock(dur - pos) : '';
+    markChapter(sheet, pos);
+  }
+
   // ---- downloads (Downloads.kt) ------------------------------------------------------------
   // Episodes kept on the phone to play without a connection. Each episode row
   // gets a mark (↓ fetch it, a ring while it loads, ✓ when it's here), the ⋯
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 57ae8df..2d24ff5 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android e6761d0 2026-10-02: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 38d03c6 2026-10-02: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -338,6 +338,18 @@ html.nui-radio.nui-pod-mini-open body {
 .nui-pod-extra { display: flex; justify-content: space-around; }
 .nui-pod-speed { font-size: 15px !important; font-weight: 700; min-width: 64px; }
 
+/* Another device plays (player sync): the bar and the player show it and control it there. */
+.nui-mini-remote .nui-mini-track,
+.nui-pod-remote-line { color: var(--accent); }
+.nui-pod-remote-line { font-weight: 700; }
+.nui-mini-devices,
+.nui-mini-here { font-size: 20px; }
+.nui-pod-here,
+.nui-pod-devbtn { align-self: center; min-height: var(--nui-tap); }
+.nui-pod-devnote { padding: 8px 16px 4px; }
+body.eink .nui-mini-remote .nui-mini-track,
+body.eink .nui-pod-remote-line { color: #000; }
+
 /* e-reader mode on a phone: black on white */
 body.eink .nui-pod-row { background: #fff; }
 body.eink .nui-pod-row:active { background: #ddd; }

From 21c314dbd7d40cba4a1b1f4c40cafb0778c7be2d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 15:24:07 +0200
Subject: [PATCH 050/176] =?UTF-8?q?Podcast-Oberfl=C3=A4che=20aus=20diora-a?=
 =?UTF-8?q?ndroid=20(Player-Sync=20+=20Abst=C3=A4nde),=20sw=20v59?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sw.js                | 2 +-
 static/podcasts/podcast-ui.css | 5 +----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/static/js/sw.js b/static/js/sw.js
index c19c090..efd7235 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v58';
+const CACHE = 'diora-v59';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 2d24ff5..76b2c1c 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 38d03c6 2026-10-02: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 57fc424 2026-10-02: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -132,9 +132,6 @@ html.nui-one-player #nui-mini { display: none !important; }
 .nui-radio-live { text-align: center; font-size: 13px; color: var(--nui-muted); letter-spacing: 0.04em; }
 .nui-radio-live.on { color: var(--accent); font-weight: 700; }
 .nui-radio-stations { align-self: center; }
-html.nui-radio.nui-pod-mini-open body {
-  padding-bottom: calc(124px + env(safe-area-inset-bottom, 0px));
-}
 
 #nui-pod-bar {
   display: flex;

From 262dd0d207a78322761c098a3ec340299f33af42 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 15:30:06 +0200
Subject: [PATCH 051/176] =?UTF-8?q?Player-Sync=20im=20Web:=20nur=20angenom?=
 =?UTF-8?q?mene=20eigene=20Berichte=20z=C3=A4hlen=20als=20letzter=20Stand,?=
 =?UTF-8?q?=20sw=20v60?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/podcasts-web.js | 7 +++++--
 static/js/sw.js           | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 6ce2a64..559192c 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -1090,8 +1090,11 @@
         sync.sending--;
         if (st) {
           if (done && sync.doneCmd === done) sync.doneCmd = null;
-          sync.ownAt = st.server_time;
-          store('sync_at', sync.ownAt);
+          // Only a report the server took is our last change (an ignored one isn't).
+          if (st.device_id === DEVICE_ID) {
+            sync.ownAt = st.server_time;
+            store('sync_at', sync.ownAt);
+          }
         }
         heard(st);
         return st;
diff --git a/static/js/sw.js b/static/js/sw.js
index efd7235..4fb34d3 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v59';
+const CACHE = 'diora-v60';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 779b54623e65903ffec4ea5c9ba455474d156650 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 15:37:38 +0200
Subject: [PATCH 052/176] =?UTF-8?q?Web:=20neue=20Version=20l=C3=A4dt=20ers?=
 =?UTF-8?q?t,=20wenn=20nichts=20spielt;=20kurze=20Ger=C3=A4tenamen,=20sw?=
 =?UTF-8?q?=20v61?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bisher lud die Seite bei einer neuen Version sofort neu – auch mitten im
Radio oder Podcast. Jetzt erst, wenn nichts spielt, kein Buch offen ist
und kein Textfeld den Fokus hat. Der Browser heißt im Player-Sync kurz
„Chrome · Windows“.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app.js          | 22 +++++++++++++++++++---
 static/js/podcasts-web.js |  5 +++--
 static/js/sw.js           |  2 +-
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/static/js/app.js b/static/js/app.js
index 15b2139..5ca46fc 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -1352,10 +1352,26 @@ if ('serviceWorker' in navigator) {
     });
   });
   // When a new SW activates it sends SW_ACTIVATED — reload to get fresh assets,
-  // but only if the reader isn't open (would interrupt reading).
+  // but never in the middle of something: not while a book is open, radio or a
+  // podcast plays, or a text field has the focus — then as soon as that's over.
+  let reloadPending = false;
+  const busy = () => {
+    if (currentBookId || isPlaying) return true;
+    const host = window.DioraPodcastHost;
+    if (host && host.playerState) {
+      try { if (JSON.parse(host.playerState()).playing) return true; } catch (_) {}
+    }
+    const el = document.activeElement;
+    return !!el && (el.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(el.tagName));
+  };
+  const reloadWhenIdle = () => {
+    if (busy()) setTimeout(reloadWhenIdle, 5000);
+    else window.location.reload();
+  };
   navigator.serviceWorker.addEventListener('message', e => {
-    if (e.data?.type === 'SW_ACTIVATED' && !currentBookId) {
-      window.location.reload();
+    if (e.data?.type === 'SW_ACTIVATED' && !reloadPending) {
+      reloadPending = true;
+      reloadWhenIdle();
     }
   });
 }
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 559192c..e9091b1 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -937,11 +937,12 @@
       : /Chrome\//.test(ua) ? 'Chrome' : /Safari\//.test(ua) ? 'Safari' : 'Web';
     const os = /Android/.test(ua) ? 'Android' : /iPhone|iPad|iPod/.test(ua) ? 'iOS' : /Windows/.test(ua) ? 'Windows'
       : /Macintosh|Mac OS X/.test(ua) ? 'macOS' : /CrOS/.test(ua) ? 'ChromeOS' : /Linux/.test(ua) ? 'Linux' : '';
-    return os ? browser + '/' + os : browser;
+    return os ? browser + ' · ' + os : browser;
   }
 
   const DEVICE_ID = deviceId();
-  const DEVICE_NAME = 'Browser (' + browserName() + ')';
+  // Short, it stands in the bar ("läuft auf Chrome · Windows").
+  const DEVICE_NAME = browserName();
 
   const sync = {
     state: null,        // the server's state, as last taken in
diff --git a/static/js/sw.js b/static/js/sw.js
index 4fb34d3..7c776ea 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v60';
+const CACHE = 'diora-v61';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 371c9b9222bcc1c2084707186f79145ef9580b5a Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 15:45:51 +0200
Subject: [PATCH 053/176] =?UTF-8?q?Podcast-Einstellung=20"notify":=20?=
 =?UTF-8?q?=C3=BCber=20neue=20Folgen=20benachrichtigen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

PodcastFeed.notify (Standard aus) wie auto_download: in feeds/ und
state/, änderbar über feeds/<id>/settings/ (nur true/false). Die Geräte
melden damit neue Folgen dieses Podcasts. Der AntennaPod-Import übernimmt
Feeds.episode_notification (an -> notify an; aus, AntennaPods Standard,
lässt dioras Einstellung stehen; ältere Backups ohne die Spalte: aus).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/antennapod.py                  | 10 +++++++---
 podcasts/migrations/0013_feed_notify.py | 16 ++++++++++++++++
 podcasts/models.py                      |  3 +++
 podcasts/test_antennapod.py             | 23 ++++++++++++++++++++++-
 podcasts/tests.py                       | 19 ++++++++++++++++---
 podcasts/views.py                       |  2 ++
 6 files changed, 66 insertions(+), 7 deletions(-)
 create mode 100644 podcasts/migrations/0013_feed_notify.py

diff --git a/podcasts/antennapod.py b/podcasts/antennapod.py
index 456a92e..357d631 100644
--- a/podcasts/antennapod.py
+++ b/podcasts/antennapod.py
@@ -43,7 +43,7 @@ SUBSCRIBED = 0  # Feeds.state
 MAX_FILESIZE = 4_000_000_000
 
 SETTING_FIELDS = ('playback_speed', 'skip_intro', 'skip_outro', 'volume', 'include_words',
-                  'exclude_words', 'min_duration', 'new_episodes', 'auto_download')
+                  'exclude_words', 'min_duration', 'new_episodes', 'auto_download', 'notify')
 
 # Columns read from the backup, with the value to assume if an older
 # AntennaPod didn't have the column yet.
@@ -52,7 +52,7 @@ FEED_COLUMNS = {
     'image_url': '', 'keep_updated': 1, 'include_filter': '', 'exclude_filter': '',
     'minimal_duration_filter': -1, 'new_episodes_action': 0, 'feed_playback_speed': -1,
     'feed_skip_intro': 0, 'feed_skip_ending': 0, 'feed_volume_adaption': 0, 'auto_download': 1,
-    'state': SUBSCRIBED,
+    'episode_notification': 0, 'state': SUBSCRIBED,
 }
 
 
@@ -191,6 +191,10 @@ def feed_settings(ap, global_auto_download=False):
         s['auto_download'] = bool(global_auto_download)
     elif code == AUTO_DOWNLOAD_OFF:
         s['auto_download'] = False
+    # Feeds.episode_notification: 1 = a notification for each new episode
+    # (0, AntennaPod's default, leaves diora's setting alone).
+    if ap['episode_notification']:
+        s['notify'] = True
     return s, not_kept_updated
 
 
@@ -769,7 +773,7 @@ class AntennaPodImport:
 SETTING_LABELS = {
     'playback_speed': 'speed', 'skip_intro': 'skip intro', 'skip_outro': 'skip outro', 'volume': 'volume',
     'include_words': 'include words', 'exclude_words': 'exclude words', 'min_duration': 'min duration',
-    'new_episodes': 'new episodes', 'auto_download': 'auto-download',
+    'new_episodes': 'new episodes', 'auto_download': 'auto-download', 'notify': 'notifications',
 }
 
 
diff --git a/podcasts/migrations/0013_feed_notify.py b/podcasts/migrations/0013_feed_notify.py
new file mode 100644
index 0000000..b1df205
--- /dev/null
+++ b/podcasts/migrations/0013_feed_notify.py
@@ -0,0 +1,16 @@
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0012_player_state'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='notify',
+            field=models.BooleanField(default=False),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 54c8a38..30f4c85 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -51,6 +51,9 @@ class PodcastFeed(models.Model):
     # Devices download this feed's new episodes (those in the inbox) on
     # their own, for listening offline.
     auto_download = models.BooleanField(default=False)
+    # Devices tell about this feed's new episodes (a notification, like
+    # AntennaPod's per-podcast "episode notifications").
+    notify = models.BooleanField(default=False)
 
     class Meta:
         unique_together = ('user', 'rss_url')
diff --git a/podcasts/test_antennapod.py b/podcasts/test_antennapod.py
index 91207c1..2fe86b6 100644
--- a/podcasts/test_antennapod.py
+++ b/podcasts/test_antennapod.py
@@ -31,7 +31,8 @@ class Backup:
             minimal_duration_filter INTEGER DEFAULT -1, new_episodes_action INTEGER DEFAULT 0,
             feed_playback_speed REAL DEFAULT -1, feed_skip_intro INTEGER DEFAULT 0,
             feed_skip_ending INTEGER DEFAULT 0, feed_volume_adaption INTEGER DEFAULT 0,
-            auto_download INTEGER DEFAULT 0, state INTEGER DEFAULT 0, tags TEXT);
+            auto_download INTEGER DEFAULT 0, episode_notification INTEGER DEFAULT 0, state INTEGER DEFAULT 0,
+            tags TEXT);
         CREATE TABLE FeedItems (id INTEGER PRIMARY KEY AUTOINCREMENT, title TEXT, pubDate INTEGER,
             read INTEGER, link TEXT, description TEXT, media INTEGER, feed INTEGER,
             item_identifier TEXT, image_url TEXT);
@@ -253,6 +254,26 @@ class FeedImportTests(ImportTestCase):
         self.assertIn('default for new subscriptions: on\n', self.run_import('--global-auto-download', 'on'))
         self.assertIn('default for new subscriptions: on\n', self.run_import())
 
+    def test_episode_notifications(self):
+        self.diora_feed('https://example.org/diora-on', notify=True)
+        self.diora_feed('https://example.org/on-both', notify=True)
+        self.ap.feed('https://example.org/diora-on', episode_notification=0)
+        self.ap.feed('https://example.org/on-both', episode_notification=1)
+        self.ap.feed('https://example.org/on', episode_notification=1)
+        self.ap.feed('https://example.org/off')
+        out = self.run_import()
+        values = dict(PodcastFeed.objects.filter(user=self.user).values_list('rss_url', 'notify'))
+        # AntennaPod's "off" is its default: diora's own setting stays.
+        self.assertEqual(values, {'https://example.org/diora-on': True, 'https://example.org/on-both': True,
+                                  'https://example.org/on': True, 'https://example.org/off': False})
+        self.assertIn('notifications 1', out)
+
+    def test_backup_without_episode_notification_column(self):
+        self.ap.db.execute('ALTER TABLE Feeds DROP COLUMN episode_notification')
+        self.ap.feed('https://example.org/old')
+        self.run_import()
+        self.assertFalse(PodcastFeed.objects.get(user=self.user, rss_url='https://example.org/old').notify)
+
     def test_created_feeds_start_with_the_users_default(self):
         PodcastSettings.objects.create(user=self.user, auto_download_default=True)
         self.ap.feed('https://example.org/explicit-off', auto_download=0)
diff --git a/podcasts/tests.py b/podcasts/tests.py
index d6186ad..22aea29 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -972,6 +972,7 @@ class OpmlExportTests(TestCase):
 FEED_DEFAULTS = {
     'playback_speed': None, 'skip_intro': 0, 'skip_outro': 0, 'volume': 1.0, 'new_episodes': 'inbox',
     'include_words': '', 'exclude_words': '', 'min_duration': 0, 'auto_queue': False, 'auto_download': False,
+    'notify': False,
 }
 
 
@@ -997,7 +998,7 @@ class FeedSettingsTests(TestCase):
         self.assertEqual(r.json(), {
             'feed_id': self.feed.id, 'playback_speed': 1.5, 'skip_intro': 30, 'skip_outro': 600, 'volume': 2.0,
             'new_episodes': 'inbox', 'include_words': 'News, Talk', 'exclude_words': 'Teaser', 'min_duration': 10,
-            'auto_queue': False, 'auto_download': False,
+            'auto_queue': False, 'auto_download': False, 'notify': False,
         })
         self.feed.refresh_from_db()
         self.assertEqual((self.feed.playback_speed, self.feed.skip_intro, self.feed.volume, self.feed.min_duration),
@@ -1023,6 +1024,7 @@ class FeedSettingsTests(TestCase):
             ('include_words', 'x' * 501), ('include_words', 5), ('exclude_words', ['a']),
             ('min_duration', -1), ('min_duration', 601),
             ('auto_download', 1), ('auto_download', 'true'), ('auto_download', None),
+            ('notify', 1), ('notify', 'false'), ('notify', None),
         ]
         for name, value in bad:
             with self.subTest(name=name, value=value):
@@ -1057,6 +1059,17 @@ class FeedSettingsTests(TestCase):
         self.feed.refresh_from_db()
         self.assertFalse(self.feed.auto_download)
 
+    def test_notify_on_and_off(self):
+        self.assertIs(self.post({'notify': True}).json()['notify'], True)
+        self.feed.refresh_from_db()
+        self.assertTrue(self.feed.notify)
+        # Other settings (auto_download too) leave it alone.
+        self.assertIs(self.post({'auto_download': True}).json()['notify'], True)
+        self.assertIs(self.post({'notify': False}).json()['notify'], False)
+        self.feed.refresh_from_db()
+        self.assertFalse(self.feed.notify)
+        self.assertTrue(self.feed.auto_download)
+
     def test_new_episodes_and_auto_queue_stay_in_step(self):
         self.assertEqual(self.post({'new_episodes': 'queue'}).json()['auto_queue'], True)
         self.feed.refresh_from_db()
@@ -1085,12 +1098,12 @@ class FeedSettingsTests(TestCase):
 
     def test_feeds_and_state_carry_the_settings(self):
         self.post({'playback_speed': 1.25, 'skip_outro': 20, 'volume': 0.5, 'new_episodes': 'queue',
-                   'exclude_words': 'Trailer', 'min_duration': 5, 'auto_download': True})
+                   'exclude_words': 'Trailer', 'min_duration': 5, 'auto_download': True, 'notify': True})
         PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/2', title='Zweiter')
         expected = {
             self.feed.id: {'feed_id': self.feed.id, **FEED_DEFAULTS, 'playback_speed': 1.25, 'skip_outro': 20,
                            'volume': 0.5, 'new_episodes': 'queue', 'exclude_words': 'Trailer', 'min_duration': 5,
-                           'auto_queue': True, 'auto_download': True},
+                           'auto_queue': True, 'auto_download': True, 'notify': True},
         }
         for url in ('/podcasts/feeds/', '/podcasts/state/'):
             with self.subTest(url=url):
diff --git a/podcasts/views.py b/podcasts/views.py
index eb2f932..4f3ea6d 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -725,6 +725,7 @@ def feed_list(request):
 FEED_SETTING_FIELDS = (
     'playback_speed', 'skip_intro', 'skip_outro', 'volume',
     'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_queue', 'auto_download',
+    'notify',
 )
 
 
@@ -896,6 +897,7 @@ FEED_SETTING_PARSERS = {
     'exclude_words': _word_list,
     'min_duration': lambda v: _whole(v, 0, 600),
     'auto_download': _boolean,
+    'notify': _boolean,
 }
 
 

From 69b22cf2e38f16b0eca1c0b5050725d111e245de Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 16:23:00 +0200
Subject: [PATCH 054/176] =?UTF-8?q?Podcast-Listen:=20Z=C3=A4hler=20pro=20A?=
 =?UTF-8?q?bo,=20kombinierbare=20Folgen-Filter,=20Suche=20in=20Shownotes,?=
 =?UTF-8?q?=20mehrere=20Favoriten;=20Oberfl=C3=A4che=20aus=20diora-android?=
 =?UTF-8?q?,=20sw=20v62?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- feeds/ und state/: pro Abo episode_count, unplayed_count, new_count (wie
  „Neu“), last_played_at und link – zwei Abfragen, egal wie viele Abos.
- feeds/<id>/episodes/: favorite pro Folge; description, link, rss_url und
  last_refreshed_at des Podcasts für die Infoseite.
- episodes/: filter mit Komma kombinierbar (alle müssen passen), neuer Filter
  queued, ids= (die auf einem Gerät geladenen), sort= (new, old, long, short,
  title, played), notes=1 sucht q auch in den Shownotes (Titeltreffer zuerst).
- POST episodes/favorite/: mehrere Folgen auf einmal (ent)favorisieren.
- Tests dafür; Podcast-Oberfläche aus diora-android übernommen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/tests.py                 | 181 ++++++++
 podcasts/urls.py                  |   1 +
 podcasts/views.py                 | 137 +++++-
 static/js/sw.js                   |   2 +-
 static/podcasts/native-podcast.js | 717 ++++++++++++++++++++++++++----
 static/podcasts/podcast-ui.css    |  19 +-
 6 files changed, 939 insertions(+), 118 deletions(-)

diff --git a/podcasts/tests.py b/podcasts/tests.py
index d6186ad..096dc13 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -837,8 +837,67 @@ class EpisodeListTests(TestCase):
 
     def test_bad_parameters(self):
         self.assertEqual(self.client.get('/podcasts/episodes/', {'filter': 'new'}).status_code, 400)
+        self.assertEqual(self.client.get('/podcasts/episodes/', {'filter': 'unplayed,new'}).status_code, 400)
         self.assertEqual(self.client.get('/podcasts/episodes/', {'limit': 'ten'}).status_code, 400)
         self.assertEqual(self.client.get('/podcasts/episodes/', {'feed_id': 'x'}).status_code, 400)
+        self.assertEqual(self.client.get('/podcasts/episodes/', {'ids': '1,x'}).status_code, 400)
+        self.assertEqual(self.client.get('/podcasts/episodes/', {'sort': 'random'}).status_code, 400)
+
+    def test_queued(self):
+        self.assertEqual(self.ids(filter='queued'), [self.a2.id])
+
+    def test_filters_combine(self):
+        # Several filters, joined by commas, all have to match.
+        self.assertEqual(self.ids(filter='unplayed,queued'), [self.a2.id])
+        self.assertEqual(self.ids(filter='in_progress,queued'), [self.a2.id])
+        self.assertEqual(self.ids(filter='unplayed,favorites'), [self.a3.id])
+        self.assertEqual(self.ids(filter='played,favorites'), [])
+        self.assertEqual(self.ids(filter='history,in_progress'), [self.a2.id, self.b1.id])
+        self.assertEqual(self.ids(filter='all,favorites'), [self.a3.id])
+        self.assertEqual(self.ids(filter='unplayed,'), self.ids(filter='unplayed'))
+        self.assertEqual(self.get(filter='unplayed,queued')['total'], 1)
+
+    def test_sorting(self):
+        newest = [e.id for e in (self.b2, self.b1, self.a3, self.a2, self.a1, self.a4)]
+        self.assertEqual(self.ids(sort='new'), newest)
+        # Oldest first; without a date still last.
+        self.assertEqual(self.ids(sort='old'), [e.id for e in (self.a1, self.a2, self.a3, self.b1, self.b2, self.a4)])
+        PodcastEpisode.objects.filter(pk=self.a2.pk).update(duration_seconds=1200)
+        PodcastEpisode.objects.filter(pk=self.b1.pk).update(duration_seconds=300)
+        # By length; unknown lengths (0) last, newest first among them.
+        self.assertEqual(self.ids(sort='long')[:3], [self.a2.id, self.a1.id, self.b1.id])
+        self.assertEqual(self.ids(sort='short')[:3], [self.b1.id, self.a1.id, self.a2.id])
+        self.assertEqual(self.ids(sort='short')[3:], [self.b2.id, self.a3.id, self.a4.id])
+        self.assertEqual(self.ids(sort='title'), [e.id for e in (self.a1, self.a2, self.a3, self.a4, self.b2, self.b1)])
+        # The history sorts by date too when asked; by default by the last listening.
+        self.assertEqual(self.ids(filter='history', sort='new'), [self.b1.id, self.a2.id, self.a1.id])
+        self.assertEqual(self.ids(filter='unplayed', sort='played'), [e.id for e in (self.a3, self.b2, self.a2, self.b1, self.a4)])
+
+    def test_ids(self):
+        # The episodes downloaded on a device; someone else's stay out.
+        bobs = PodcastEpisode.objects.get(feed__user__username='bob')
+        ids = f'{self.a1.id},{self.b1.id},{bobs.id}'
+        self.assertEqual(self.ids(ids=ids), [self.b1.id, self.a1.id])
+        self.assertEqual(self.ids(ids=ids, filter='unplayed'), [self.b1.id])
+        self.assertEqual(self.ids(ids=''), [])
+
+    def test_search_in_shownotes(self):
+        PodcastEpisode.objects.filter(pk=self.a1.pk).update(description='<p>Heute mit dem Gast Bonusmaterial</p>')
+        # By title only unless asked; with notes=1 title matches first.
+        self.assertEqual(self.ids(q='bonus'), [self.b1.id])
+        self.assertEqual(self.ids(q='bonus', notes='1'), [self.b1.id, self.a1.id])
+        self.assertEqual(self.ids(q='gast', notes='1'), [self.a1.id])
+        self.assertEqual(self.ids(q='gast', notes='1', filter='unplayed'), [])
+        self.assertEqual(self.get(q='bonus', notes='1')['total'], 2)
+        # The notes never come along in the list.
+        self.assertNotIn('description', self.get(q='gast', notes='1')['episodes'][0])
+
+    def test_combined_query_count(self):
+        from .views import _episode_list_data
+        with self.assertNumQueries(2):
+            episodes, total = _episode_list_data(self.user, ['unplayed', 'queued'], q='a', notes=True,
+                                                 sort='short', ids=[self.a2.id, self.a3.id])
+        self.assertEqual(([e['id'] for e in episodes], total), ([self.a2.id], 1))
 
     def test_login_required(self):
         self.client.logout()
@@ -2190,3 +2249,125 @@ class AutoDownloadDefaultTests(TestCase):
         self.set_default(False)
         opml('https://example.org/a2')
         self.assertTrue(auto_download('https://example.org/a2'))
+
+
+class FeedCountsTests(TestCase):
+    """Per feed in feeds/ and state/: episodes, unplayed, new, last listened;
+    and what a podcast's own page needs (feeds/<id>/episodes/)."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.fa = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/a', title='Alpha',
+                                             link='https://example.org/', description='Ein Podcast über A.')
+        self.fb = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/b', title='Beta')
+        self.empty = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/c', title='Leer')
+        eps = [PodcastEpisode.objects.create(feed=self.fa, guid=f'a{i}', title=f'A{i}', pub_date=_at(1, i + 1),
+                                             audio_url=f'https://example.org/a{i}.mp3') for i in range(5)]
+        self.b1 = PodcastEpisode.objects.create(feed=self.fb, guid='b1', title='B1', audio_url='https://example.org/b1.mp3')
+        _progress(self.user, eps[0], _at(2, 1), played=True)
+        _progress(self.user, eps[1], _at(2, 3), position_seconds=40)
+        _progress(self.user, eps[2], _at(2, 5), dismissed=True)
+        _progress(self.user, eps[3], _at(2, 9), favorite=True)  # a star isn't listening
+        self.eps = eps
+        # Bob's progress on alice's episode (can't happen) and his own feed don't count.
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        _progress(bob, eps[4], _at(3, 1), played=True)
+        fbob = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/a', title='Alpha')
+        xb = PodcastEpisode.objects.create(feed=fbob, guid='x', title='X', audio_url='https://example.org/x.mp3')
+        _progress(bob, xb, _at(3, 1), played=True)
+
+    def test_counts_in_feeds_and_state(self):
+        for url in ('/podcasts/feeds/', '/podcasts/state/'):
+            with self.subTest(url=url):
+                feeds = {f['id']: f for f in self.client.get(url).json()['feeds']}
+                a, b, c = feeds[self.fa.id], feeds[self.fb.id], feeds[self.empty.id]
+                self.assertEqual((a['episode_count'], a['unplayed_count'], a['new_count']), (5, 4, 3))
+                self.assertEqual(a['last_played_at'], '2026-02-03T09:00:00+00:00')
+                self.assertEqual(a['link'], 'https://example.org/')
+                self.assertEqual((b['episode_count'], b['unplayed_count'], b['new_count'], b['last_played_at']),
+                                 (1, 1, 1, None))
+                self.assertEqual((c['episode_count'], c['unplayed_count'], c['new_count'], c['last_played_at']),
+                                 (0, 0, 0, None))
+                # The shownotes-sized description stays out of the state.
+                self.assertNotIn('description', a)
+
+    def test_new_count_matches_the_inbox(self):
+        inbox = self.client.get('/podcasts/state/').json()['inbox']
+        feeds = {f['id']: f for f in self.client.get('/podcasts/state/').json()['feeds']}
+        for feed in (self.fa, self.fb):
+            self.assertEqual(feeds[feed.id]['new_count'], sum(1 for e in inbox if e['feed__id'] == feed.id))
+
+    def test_two_queries_however_many_feeds(self):
+        from .views import _feeds_data
+        for i in range(10):
+            f = PodcastFeed.objects.create(user=self.user, rss_url=f'https://example.org/n{i}', title=f'N{i}')
+            e = PodcastEpisode.objects.create(feed=f, guid='e', title='E', audio_url='https://example.org/e.mp3')
+            _progress(self.user, e, _at(2, 2), played=True)
+        with self.assertNumQueries(2):
+            feeds = _feeds_data(self.user)
+        self.assertEqual(len(feeds), 13)
+        self.assertEqual({f['unplayed_count'] for f in feeds if f['title'].startswith('N')}, {0})
+
+    def test_feed_page_has_favorites_and_info(self):
+        data = self.client.get(f'/podcasts/feeds/{self.fa.id}/episodes/').json()
+        favs = {e['id']: e['favorite'] for e in data['episodes']}
+        self.assertEqual(favs[self.eps[3].id], True)
+        self.assertEqual(favs[self.eps[0].id], False)
+        self.assertEqual(favs[self.eps[4].id], False)  # bob's row isn't alice's
+        self.assertEqual({k: data['feed'][k] for k in ('description', 'link', 'rss_url', 'last_refreshed_at')}, {
+            'description': 'Ein Podcast über A.', 'link': 'https://example.org/', 'rss_url': 'https://example.org/a',
+            'last_refreshed_at': None,
+        })
+
+
+class BulkFavoriteTests(TestCase):
+    """POST /podcasts/episodes/favorite/: star or unstar several at once."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed', title='Feed')
+        self.a, self.b, self.c = (
+            PodcastEpisode.objects.create(feed=feed, guid=g, title=g, audio_url=f'https://example.org/{g}.mp3')
+            for g in 'abc'
+        )
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        fbob = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/feed', title='Feed')
+        self.bobs = PodcastEpisode.objects.create(feed=fbob, guid='x', title='X', audio_url='https://example.org/x.mp3')
+
+    def post(self, body):
+        return self.client.post('/podcasts/episodes/favorite/', json.dumps(body), content_type='application/json')
+
+    def test_star_and_unstar(self):
+        p = _progress(self.user, self.a, _at(2, 1), position_seconds=30)
+        r = self.post({'episode_ids': [self.a.id, self.b.id, self.bobs.id, 999999], 'favorite': True})
+        self.assertEqual(r.json(), {'ok': True, 'favorite': True, 'count': 2})
+        self.assertEqual(set(EpisodeProgress.objects.filter(user=self.user, favorite=True)
+                             .values_list('episode_id', flat=True)), {self.a.id, self.b.id})
+        # The listening time of an existing row stays (history, statistics).
+        p.refresh_from_db()
+        self.assertEqual((p.position_seconds, p.updated_at), (30, _at(2, 1)))
+        self.assertFalse(EpisodeProgress.objects.filter(episode=self.bobs).exists())
+        # Again: nothing doubles.
+        self.post({'episode_ids': [self.a.id, self.b.id], 'favorite': True})
+        self.assertEqual(EpisodeProgress.objects.filter(user=self.user).count(), 2)
+        r = self.post({'episode_ids': [self.a.id, self.b.id, self.c.id], 'favorite': False})
+        self.assertEqual(r.json(), {'ok': True, 'favorite': False, 'count': 3})
+        self.assertFalse(EpisodeProgress.objects.filter(favorite=True).exists())
+        # Unstarring doesn't make rows for episodes that had none.
+        self.assertFalse(EpisodeProgress.objects.filter(episode=self.c).exists())
+        # The list shows it.
+        self.post({'episode_ids': [self.c.id], 'favorite': True})
+        favs = self.client.get('/podcasts/episodes/', {'filter': 'favorites'}).json()['episodes']
+        self.assertEqual([e['id'] for e in favs], [self.c.id])
+
+    def test_bad_requests(self):
+        for body in ({}, {'episode_ids': [self.a.id]}, {'episode_ids': [], 'favorite': True},
+                     {'episode_ids': self.a.id, 'favorite': True}, {'episode_ids': ['x'], 'favorite': True},
+                     {'episode_ids': [self.a.id], 'favorite': 'yes'}, [1, 2]):
+            with self.subTest(body=body):
+                self.assertEqual(self.post(body).status_code, 400)
+        self.assertEqual(self.client.get('/podcasts/episodes/favorite/').status_code, 405)
+        self.client.logout()
+        self.assertEqual(self.post({'episode_ids': [self.a.id], 'favorite': True}).status_code, 401)
diff --git a/podcasts/urls.py b/podcasts/urls.py
index 72c9f86..d739850 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -15,6 +15,7 @@ urlpatterns = [
     path('feeds/<int:pk>/settings/', views.feed_settings, name='podcast_feed_settings'),
     path('feeds/<int:pk>/episodes/', views.feed_episodes, name='podcast_feed_episodes'),
     path('episodes/', views.episode_list, name='podcast_episode_list'),
+    path('episodes/favorite/', views.set_favorites, name='podcast_set_favorites'),
     path('episodes/<int:pk>/', views.episode_detail, name='podcast_episode_detail'),
     path('episodes/<int:pk>/transcript/', views.episode_transcript, name='podcast_episode_transcript'),
     path('episodes/<int:pk>/favorite/', views.set_favorite, name='podcast_set_favorite'),
diff --git a/podcasts/views.py b/podcasts/views.py
index eb2f932..1bfbc90 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -16,7 +16,7 @@ from django.db import IntegrityError, transaction
 from django.db.models import (
     Case, Count, Exists, F, FilteredRelation, IntegerField, Max, OuterRef, Q, Sum, Value, When,
 )
-from django.db.models.functions import Coalesce
+from django.db.models.functions import Coalesce, Lower
 from django.http import HttpResponse, JsonResponse, StreamingHttpResponse
 from django.utils import timezone
 from django.views.decorators.csrf import csrf_exempt
@@ -733,15 +733,37 @@ def _feed_settings(feed):
 
 
 def _feeds_data(user):
+    """The user's feeds with their settings and, per feed, how many episodes
+    it has, how many of them are unplayed and how many new (as in the inbox:
+    neither played nor dismissed), and when the user last listened to one.
+    Two queries, however many feeds: the feeds with their episode count, and
+    the user's progress rows counted per feed."""
     feeds = list(
         user.podcast_feeds
-        .annotate(latest_episode_at=Max('episodes__pub_date'))
-        .values('id', 'title', 'artwork_url', 'rss_url', 'last_refreshed_at', 'author', 'added_at',
-                'latest_episode_at', 'last_error', 'last_error_at', 'error_count', *FEED_SETTING_FIELDS)
+        .annotate(latest_episode_at=Max('episodes__pub_date'), episode_count=Count('episodes'))
+        .values('id', 'title', 'artwork_url', 'rss_url', 'link', 'last_refreshed_at', 'author', 'added_at',
+                'latest_episode_at', 'episode_count', 'last_error', 'last_error_at', 'error_count',
+                *FEED_SETTING_FIELDS)
     )
+    listened = {
+        row['episode__feed_id']: row
+        for row in EpisodeProgress.objects.filter(user=user, episode__feed__user=user)
+        .order_by()
+        .values('episode__feed_id')
+        .annotate(
+            played_count=Count('id', filter=Q(played=True)),
+            hidden_count=Count('id', filter=Q(played=True) | Q(dismissed=True)),
+            last_played_at=Max('updated_at', filter=Q(played=True) | Q(position_seconds__gt=0)),
+        )
+    }
 
     for f in feeds:
         f['feed_id'] = f['id']  # as in feeds/<id>/settings/
+        mine = listened.get(f['id'], {})
+        f['unplayed_count'] = max(f['episode_count'] - mine.get('played_count', 0), 0)
+        f['new_count'] = max(f['episode_count'] - mine.get('hidden_count', 0), 0)
+        last = mine.get('last_played_at')
+        f['last_played_at'] = last.isoformat() if last else None
         if f['last_refreshed_at']:
             f['last_refreshed_at'] = f['last_refreshed_at'].isoformat()
         if f['last_error_at']:
@@ -958,7 +980,7 @@ def feed_episodes(request, pk):
         for ep in EpisodeProgress.objects.filter(
             user=request.user,
             episode__feed=feed,
-        ).values('episode_id', 'position_seconds', 'played')
+        ).values('episode_id', 'position_seconds', 'played', 'favorite')
     }
 
     # Batch-fetch queue membership
@@ -975,6 +997,7 @@ def feed_episodes(request, pk):
         prog = progress_map.get(ep['id'], {})
         ep['position_seconds'] = prog.get('position_seconds', 0)
         ep['played'] = prog.get('played', False)
+        ep['favorite'] = prog.get('favorite', False)
         ep['in_queue'] = ep['id'] in queued_ids
 
     return JsonResponse({
@@ -984,6 +1007,11 @@ def feed_episodes(request, pk):
             'artwork_url': feed.artwork_url,
             'author': feed.author,
             'auto_queue': feed.auto_queue,
+            # For the podcast's info page.
+            'description': feed.description,
+            'link': feed.link,
+            'rss_url': feed.rss_url,
+            'last_refreshed_at': feed.last_refreshed_at.isoformat() if feed.last_refreshed_at else None,
         },
         'episodes': episodes,
     })
@@ -1154,6 +1182,43 @@ def set_favorite(request, pk):
     return JsonResponse({'ok': True, 'favorite': favorite})
 
 
+@csrf_exempt
+@require_http_methods(['POST'])
+def set_favorites(request):
+    """Star or unstar several episodes at once (choosing several in a list):
+    {"episode_ids": [...], "favorite": true}. Like set_favorite, it leaves
+    the listening time (updated_at) of existing rows alone."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        body = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    if not isinstance(body, dict):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    episode_ids = body.get('episode_ids')
+    favorite = body.get('favorite')
+    if not isinstance(episode_ids, list) or not episode_ids or not isinstance(favorite, bool):
+        return JsonResponse({'error': 'episode_ids (a list) and favorite (true/false) required'}, status=400)
+    try:
+        wanted = {int(i) for i in episode_ids[:EPISODE_IDS_MAX]}
+    except (TypeError, ValueError):
+        return JsonResponse({'error': 'episode_ids must be numbers'}, status=400)
+    valid = set(
+        PodcastEpisode.objects.filter(id__in=wanted, feed__user=request.user).values_list('id', flat=True)
+    )
+    with transaction.atomic():
+        rows = EpisodeProgress.objects.filter(user=request.user, episode_id__in=valid)
+        rows.exclude(favorite=favorite).update(favorite=favorite)
+        if favorite:
+            have = set(rows.values_list('episode_id', flat=True))
+            EpisodeProgress.objects.bulk_create(
+                [EpisodeProgress(user=request.user, episode_id=i, favorite=True) for i in sorted(valid - have)],
+                ignore_conflicts=True,
+            )
+    return JsonResponse({'ok': True, 'favorite': favorite, 'count': len(valid)})
+
+
 # ---------------------------------------------------------------------------
 # Episodes of all feeds: filters, history, search
 # ---------------------------------------------------------------------------
@@ -1165,7 +1230,19 @@ EPISODE_FILTERS = {
     'played': Q(played=True),
     'favorites': Q(favorite=True),
     'history': Q(played=True) | Q(position_seconds__gt=0),
+    'queued': Q(in_queue=True),
 }
+# Episodes of unknown length (0) come last when sorting by length.
+_UNKNOWN_LENGTH_LAST = Case(When(duration_seconds__gt=0, then=Value(0)), default=Value(1), output_field=IntegerField())
+EPISODE_SORTS = {
+    'new': (F('pub_date').desc(nulls_last=True), '-id'),
+    'old': (F('pub_date').asc(nulls_last=True), 'id'),
+    'long': (_UNKNOWN_LENGTH_LAST, '-duration_seconds', F('pub_date').desc(nulls_last=True), '-id'),
+    'short': (_UNKNOWN_LENGTH_LAST, 'duration_seconds', F('pub_date').desc(nulls_last=True), '-id'),
+    'title': (Lower('title'), 'id'),
+    'played': (F('last_played_at').desc(nulls_last=True), '-id'),
+}
+EPISODE_IDS_MAX = 1000
 EPISODE_LIST_LIMIT = 100
 EPISODE_LIST_MAX = 500
 EPISODE_LIST_FIELDS = (
@@ -1180,10 +1257,19 @@ def _int_param(request, name, default):
     return default if raw == '' else int(raw)
 
 
-def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, limit=EPISODE_LIST_LIMIT):
+def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, limit=EPISODE_LIST_LIMIT,
+                       sort=None, ids=None, notes=False):
     """(episodes, total) for the episode list. Two queries, whatever the
     page size: the count and the page. The user's progress row comes in by
-    a join, queue membership by a subquery. No shownotes (up to 50 KB each)."""
+    a join, queue membership by a subquery. No shownotes (up to 50 KB each).
+
+    filter_name: one of EPISODE_FILTERS, or several (a list, or joined by
+    commas), which all have to match. sort: one of EPISODE_SORTS; by default
+    the newest first, in the history the last listened first. ids: only these
+    episodes (the ones downloaded on a device). notes: `q` also matches the
+    shownotes; title matches come first."""
+    names = filter_name.split(',') if isinstance(filter_name, str) else list(filter_name)
+    names = [n for n in names if n and n != 'all']
     qs = (
         PodcastEpisode.objects.filter(feed__user=user)
         .annotate(mine=FilteredRelation('progress', condition=Q(progress__user=user)))
@@ -1194,16 +1280,22 @@ def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, li
             last_played_at=F('mine__updated_at'),
             in_queue=Exists(PodcastQueue.objects.filter(user=user, episode=OuterRef('pk'))),
         )
-        .filter(EPISODE_FILTERS[filter_name])
     )
+    for name in names:
+        qs = qs.filter(EPISODE_FILTERS[name])
     if feed_id is not None:
         qs = qs.filter(feed_id=feed_id)
-    if q:
+    if ids is not None:
+        qs = qs.filter(id__in=ids)
+    order = EPISODE_SORTS[sort or ('played' if 'history' in names else 'new')]
+    if q and notes:
+        qs = qs.filter(Q(title__icontains=q) | Q(description__icontains=q)).annotate(
+            title_hit=Case(When(title__icontains=q, then=Value(0)), default=Value(1), output_field=IntegerField()),
+        )
+        order = ('title_hit', *order)
+    elif q:
         qs = qs.filter(title__icontains=q)
-    if filter_name == 'history':
-        qs = qs.order_by(F('last_played_at').desc(nulls_last=True), '-id')
-    else:
-        qs = qs.order_by(F('pub_date').desc(nulls_last=True), '-id')
+    qs = qs.order_by(*order)
 
     total = qs.count()
     episodes = list(qs.values(*EPISODE_LIST_FIELDS)[offset:offset + limit]) if limit else []
@@ -1220,20 +1312,29 @@ def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, li
 @require_http_methods(['GET'])
 def episode_list(request):
     """Episodes of all the user's feeds, filtered (all, unplayed, in_progress,
-    played, favorites, history), optionally of one feed or matching `q`."""
+    played, favorites, history, queued; several joined by commas all have to
+    match), optionally of one feed, of some episodes (`ids`, comma-separated)
+    or matching `q` (in the title; with notes=1 also in the shownotes), sorted
+    by `sort` (new, old, long, short, title, played)."""
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
-    filter_name = request.GET.get('filter', '').strip() or 'all'
-    if filter_name not in EPISODE_FILTERS:
+    names = [n.strip() for n in request.GET.get('filter', '').split(',') if n.strip()]
+    if any(n not in EPISODE_FILTERS for n in names):
         return JsonResponse({'error': 'unknown filter'}, status=400)
+    sort = request.GET.get('sort', '').strip() or None
+    if sort is not None and sort not in EPISODE_SORTS:
+        return JsonResponse({'error': 'unknown sort'}, status=400)
     try:
         offset = max(_int_param(request, 'offset', 0), 0)
         limit = min(max(_int_param(request, 'limit', EPISODE_LIST_LIMIT), 0), EPISODE_LIST_MAX)
         feed_id = _int_param(request, 'feed_id', None)
+        raw_ids = request.GET.get('ids')
+        ids = None if raw_ids is None else [int(i) for i in raw_ids.split(',') if i.strip()][:EPISODE_IDS_MAX]
     except ValueError:
-        return JsonResponse({'error': 'offset, limit and feed_id must be numbers'}, status=400)
+        return JsonResponse({'error': 'offset, limit, feed_id and ids must be numbers'}, status=400)
     episodes, total = _episode_list_data(
-        request.user, filter_name, feed_id, request.GET.get('q', '').strip(), offset, limit,
+        request.user, names, feed_id, request.GET.get('q', '').strip(), offset, limit,
+        sort=sort, ids=ids, notes=request.GET.get('notes') == '1',
     )
     return JsonResponse({'episodes': episodes, 'offset': offset, 'limit': limit, 'total': total})
 
diff --git a/static/js/sw.js b/static/js/sw.js
index 7c776ea..ebee697 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v61';
+const CACHE = 'diora-v62';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index bbade4e..52a5cf1 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 38d03c6 2026-10-02: web-native/static/native-podcast.js
+// Copied from diora-android 99528f2 2026-10-02: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -412,7 +412,7 @@
       }),
     );
     const acts = el('div', 'nui-pod-selactions');
-    for (const a of actions) {
+    for (const a of actions.filter(Boolean)) {
       const b = el('button', 'btn btn-sm' + (a.danger ? ' btn-danger' : ''), a.label);
       b.type = 'button';
       b.disabled = !selected.size;
@@ -432,6 +432,179 @@
     return t;
   }
 
+  const nEpisodes = n => `${n} ${n === 1 ? 'Folge' : 'Folgen'}`;
+
+  // Choosing several in a list of episodes (Folgen, one podcast): what to do with them.
+  function episodeSelection(items) {
+    const pick = ids => items.filter(e => ids.includes(e.id));
+    const fresh = new Set(inbox().map(o => o.id));
+    return selectionBar(items, [
+      {label: 'Einreihen', run: ids => enqueueMany(pick(ids))},
+      {label: 'Gehört', run: ids => markMany(pick(ids), true)},
+      {label: 'Ungehört', run: ids => markMany(pick(ids), false)},
+      DL && {label: 'Laden', run: ids => downloadMany(pick(ids))},
+      {label: 'Favorit', run: ids => openSheet(nEpisodes(ids.length), [
+        {icon: '★', label: 'Als Favorit markieren', action: () => favoriteMany(pick(ids), true)},
+        {icon: '☆', label: 'Kein Favorit mehr', action: () => favoriteMany(pick(ids), false)},
+      ])},
+      // Only where some of them are new.
+      items.some(e => fresh.has(e.id)) && {label: 'Aus „Neu“', run: ids => {
+        const gone = ids.filter(id => fresh.has(id));
+        if (gone.length) N.podcastDismiss(JSON.stringify(gone));
+        toast(gone.length ? `${nEpisodes(gone.length)} aus „Neu“ entfernt` : 'Keine davon ist in „Neu“');
+        stopSelecting();
+      }},
+    ].filter(Boolean));
+  }
+
+  function enqueueMany(list) {
+    const todo = list.filter(e => !inQueue(e.id));
+    if (!todo.length) { toast('Schon alle in der Warteschlange'); stopSelecting(); return; }
+    const add = where => {
+      N.podcastEnqueue(JSON.stringify(todo.map(e => e.raw)), where, currentId());
+      for (const e of todo) e.raw.in_queue = true;
+      toast(`${nEpisodes(todo.length)} eingereiht`);
+      stopSelecting();
+    };
+    openSheet(`${nEpisodes(todo.length)} einreihen`, [
+      {icon: '+', label: 'Wie eingestellt', hint: (POSITIONS.find(p => p.value === settings().enqueue_position) || POSITIONS[0]).label,
+       action: () => add('')},
+      {icon: '⤴', label: 'Als Nächstes', action: () => add('after_current')},
+      {icon: '⇈', label: 'An den Anfang', action: () => add('front')},
+      {icon: '⇊', label: 'Ans Ende', action: () => add('back')},
+    ]);
+  }
+
+  function markMany(list, played) {
+    const ids = list.map(e => e.id);
+    if (played) {
+      N.podcastMarkPlayedAll(JSON.stringify(ids), true);
+    } else {
+      // "Ungehört" one by one fetches the state again each time: all but the
+      // last in one go; downloaded ones singly, the app has to know of them.
+      const single = ids.filter(id => DL && downloads[id]);
+      const rest = ids.filter(id => !(DL && downloads[id]));
+      if (!single.length) single.push(rest.pop());
+      if (rest.length) N.podcastMarkPlayedAll(JSON.stringify(rest), false);
+      for (const id of single) N.podcastMarkPlayed(id, false);
+    }
+    for (const e of list) {
+      e.raw.played = played;
+      if (played) e.raw.position_seconds = 0;
+    }
+    toast(`${nEpisodes(ids.length)} als ${played ? 'gehört' : 'ungehört'} markiert`);
+    stopSelecting();
+  }
+
+  function downloadMany(list) {
+    const todo = list.filter(e => (e.raw.audio_url || e.raw.episode__audio_url) &&
+      !(downloads[e.id] && downloads[e.id].state !== 'failed'));
+    const waiting = {};
+    for (const e of todo) {
+      N.podcastDownload(JSON.stringify(e.raw));
+      waiting[e.id] = {state: 'queued', progress: 0, bytes: 0, total: 0, title: e.title, reason: 'queue'};
+    }
+    toast(todo.length ? `${nEpisodes(todo.length)} ${todo.length === 1 ? 'wird' : 'werden'} geladen` : 'Schon alle geladen');
+    selected = null;
+    window.__dioraDownloads(Object.assign({}, downloads, waiting));
+    render();
+  }
+
+  async function favoriteMany(list, star) {
+    stopSelecting();
+    try {
+      const r = await fetch('/podcasts/episodes/favorite/', {
+        method: 'POST', headers: {'Content-Type': 'application/json'},
+        body: JSON.stringify({episode_ids: list.map(e => e.id), favorite: star}),
+      });
+      if (!r.ok) throw new Error(r.status);
+      for (const e of list) {
+        e.raw.favorite = star;
+        if (N.podcastFavoriteChanged) N.podcastFavoriteChanged(e.id, star);
+        const cached = storedDetails(e.id);
+        if (cached) keepDetails(e.id, Object.assign({}, cached, {favorite: star}));
+      }
+      toast(star ? `★ ${nEpisodes(list.length)} als Favorit markiert` : `${nEpisodes(list.length)}: kein Favorit mehr`);
+    } catch (err) {
+      toast(navigator.onLine ? 'Favoriten ließen sich nicht setzen' : 'Favoriten brauchen eine Verbindung');
+    }
+    render();
+  }
+
+  // ---- filters and order of episode lists (Folgen, one podcast) -------------------------
+
+  const FILTERS = [
+    {id: 'unplayed', label: 'Ungehört', test: o => !o.played, none: 'Keine ungehörten Folgen.'},
+    {id: 'in_progress', label: 'Angefangen', test: o => !o.played && (o.position_seconds || 0) > 0,
+     none: 'Keine angefangenen Folgen.'},
+    {id: 'favorites', label: 'Favoriten', test: o => !!o.favorite,
+     none: 'Noch keine Favoriten. Im ⋯-Menü einer Folge markierst du sie mit ★.'},
+    {id: 'queued', label: 'Warteschlange', test: o => inQueue(o.id), none: 'Keine davon steht in der Warteschlange.'},
+    {id: 'downloaded', label: 'Geladen', app: true, test: o => dlDone(o.id), none: 'Keine Folgen auf dem Gerät.'},
+    {id: 'history', label: 'Verlauf', all: true, test: o => !!o.played || (o.position_seconds || 0) > 0,
+     none: 'Noch nichts gehört.'},
+    {id: 'played', label: 'Gehört', test: o => !!o.played, none: 'Noch keine gehörten Folgen.'},
+  ];
+  // Filters that can't both be on: choosing one takes the others off.
+  const EXCLUDES = {unplayed: ['played'], in_progress: ['played'], played: ['unplayed', 'in_progress']};
+  const EP_SORTS = [
+    {id: 'new', label: 'Neueste zuerst', key: o => -(Date.parse(o.pub_date) || -Infinity)},
+    {id: 'old', label: 'Älteste zuerst', key: o => Date.parse(o.pub_date) || Infinity},
+    {id: 'long', label: 'Längste zuerst', key: o => (o.duration_seconds ? -o.duration_seconds : Infinity)},
+    {id: 'short', label: 'Kürzeste zuerst', key: o => o.duration_seconds || Infinity},
+    {id: 'title', label: 'Nach Titel', key: o => plain(o.title).toLocaleLowerCase('de')},
+    {id: 'played', label: 'Zuletzt gehört', all: true},
+  ];
+  const sortLabel = id => (EP_SORTS.find(s => s.id === id) || EP_SORTS[0]).label;
+
+  function dlDone(id) {
+    return DL && !!downloads[id] && downloads[id].state === 'done';
+  }
+
+  function matchesAll(o, filters) {
+    return filters.every(id => { const f = FILTERS.find(x => x.id === id); return !f || f.test(o); });
+  }
+
+  function sortEpisodes(list, sort) {
+    const s = EP_SORTS.find(x => x.id === sort);
+    if (!s || !s.key) return list;
+    const keyed = list.map((o, i) => [s.key(o), i, o]);
+    keyed.sort((a, b) => (typeof a[0] === 'string' ? a[0].localeCompare(b[0], 'de') : a[0] < b[0] ? -1 : a[0] > b[0] ? 1 : 0) ||
+      a[1] - b[1]);
+    return keyed.map(k => k[2]);
+  }
+
+  // One row of chips: "Alle" and the filters, combinable.
+  function filterRow(active, onChange, allEpisodes) {
+    const chips = el('div', 'nui-pod-filters');
+    const chip = (label, on, onClick) => {
+      const b = el('button', 'nui-pod-chip' + (on ? ' on' : ''), label);
+      b.type = 'button';
+      b.setAttribute('aria-pressed', on ? 'true' : 'false');
+      b.addEventListener('click', onClick);
+      chips.append(b);
+    };
+    chip('Alle', !active.length, () => onChange([]));
+    for (const f of FILTERS) {
+      if ((f.app && !DL) || (f.all && !allEpisodes)) continue;
+      const on = active.includes(f.id);
+      chip(f.label, on, () => onChange(on ? active.filter(x => x !== f.id)
+        : active.filter(x => !(EXCLUDES[f.id] || []).includes(x)).concat(f.id)));
+    }
+    return chips;
+  }
+
+  function sortMenuFor(current, allEpisodes, onPick) {
+    openSheet('Folgen sortieren', EP_SORTS.filter(s => allEpisodes || !s.all).map(s => ({
+      icon: s.id === current ? '●' : '○', label: s.label, active: s.id === current, action: () => onPick(s.id),
+    })));
+  }
+
+  function noneText(filters) {
+    const f = filters.length === 1 && FILTERS.find(x => x.id === filters[0]);
+    return f ? f.none : filters.length ? 'Keine Folgen mit diesen Filtern.' : 'Keine Folgen.';
+  }
+
   function refresh(fetchFeeds) {
     refreshing = true;
     render();
@@ -470,6 +643,9 @@
   function render() {
     if (!root) return;
     const scroll = scrollTop();
+    // Search results arriving while typing: the field keeps its text and the cursor.
+    const q = $id('nui-pod-q');
+    const typing = q && document.activeElement === q ? [q.selectionStart, q.selectionEnd] : null;
     root.textContent = '';
 
     const bar = el('div', 'nui-tab-bar');
@@ -512,6 +688,11 @@
       else renderSearch();
     }
     scrollTop(scroll);
+    const q2 = typing && $id('nui-pod-q');
+    if (q2) {
+      q2.focus();
+      try { q2.setSelectionRange(typing[0], typing[1]); } catch (e) {}
+    }
   }
 
   // AntennaPod had episodes on the phone: offered once to fetch them again (Wi-Fi only).
@@ -663,6 +844,7 @@
         ])},
         {label: 'Gehört', run: ids => { N.podcastMarkPlayedAll(JSON.stringify(ids), true); stopSelecting(); }},
         {label: 'Ausblenden', run: ids => { N.podcastDismiss(JSON.stringify(ids)); stopSelecting(); }},
+        DL && {label: 'Laden', run: ids => downloadMany(chosen(ids))},
       ]));
     } else {
       const head = el('div', 'nui-pod-head');
@@ -685,34 +867,100 @@
     root.append(list);
   }
 
+  // The subscriptions: sorted, each with a number (new, unplayed or downloaded
+  // episodes), both remembered on this device.
+  const byDate = key => (a, b) => String(b[key] || '').localeCompare(String(a[key] || ''));
+  const byTitle = (a, b) => plain(a.title).localeCompare(plain(b.title), 'de', {sensitivity: 'base'});
+  const FEED_SORTS = [
+    {id: 'latest', label: 'Neueste Folge zuerst', cmp: byDate('latest_episode_at')},
+    {id: 'title', label: 'Nach Titel', cmp: byTitle},
+    {id: 'count', label: 'Nach Zähler', hint: 'die meisten zuerst',
+     cmp: (a, b) => (feedCount(b) || 0) - (feedCount(a) || 0) || byTitle(a, b)},
+    {id: 'played', label: 'Zuletzt gehört', cmp: (a, b) => byDate('last_played_at')(a, b) || byDate('latest_episode_at')(a, b)},
+    {id: 'added', label: 'Zuletzt abonniert', cmp: byDate('added_at')},
+  ];
+  const COUNTERS = [
+    {id: 'new', label: 'Neue Folgen', hint: 'wie in „Neu“', value: f => f.new_count},
+    {id: 'unplayed', label: 'Ungehörte Folgen', value: f => f.unplayed_count},
+    {id: 'downloaded', label: 'Geladene Folgen', app: true,
+     value: f => Object.values(downloads).filter(d => d.state === 'done' && d.feedId === f.id).length},
+    {id: 'none', label: 'Keine Zahl', value: () => null},
+  ];
+  let feedSort = 'latest';
+  let feedCounter = 'new';
+  try {
+    feedSort = localStorage.getItem('nui_pod_feedsort') || feedSort;
+    feedCounter = localStorage.getItem('nui_pod_counter') || feedCounter;
+  } catch (e) {}
+
+  function counter() {
+    return COUNTERS.find(c => c.id === feedCounter && (!c.app || DL)) || COUNTERS[0];
+  }
+
+  function feedCount(f) {
+    const c = counter();
+    return c.id === 'none' ? COUNTERS[1].value(f) : c.value(f);
+  }
+
+  function feedSortMenu() {
+    const pick = (key, value) => {
+      if (key === 'sort') feedSort = value; else feedCounter = value;
+      try { localStorage.setItem(key === 'sort' ? 'nui_pod_feedsort' : 'nui_pod_counter', value); } catch (e) {}
+      render();
+    };
+    openSheet('Abos sortieren', FEED_SORTS.map(s => ({
+      icon: s.id === feedSort ? '●' : '○', label: s.label, hint: s.hint || null, active: s.id === feedSort,
+      action: () => pick('sort', s.id),
+    })).concat([{icon: '#', label: 'Zahl am Podcast', hint: counter().label, action: () => openSheet('Zahl am Podcast',
+      COUNTERS.filter(c => !c.app || DL).map(c => ({
+        icon: c.id === counter().id ? '●' : '○', label: c.label, hint: c.hint || null, active: c.id === counter().id,
+        action: () => pick('counter', c.id),
+      })))}]));
+  }
+
+  function feedRow(f) {
+    const row = el('div', 'nui-pod-row');
+    row.append(art(f.artwork_url));
+    const main = el('div', 'nui-pod-main');
+    main.append(el('div', 'nui-pod-title', plain(f.title)));
+    const meta = [];
+    if (f.author) meta.push(plain(f.author));
+    if (feedSort === 'played' && f.last_played_at) meta.push('gehört ' + day(f.last_played_at));
+    else if (f.latest_episode_at) meta.push('neueste ' + day(f.latest_episode_at));
+    main.append(el('div', 'nui-pod-meta', meta.join(' · ')));
+    if (f.last_error) main.append(el('div', 'nui-pod-feederr', '⚠ lädt nicht: ' + f.last_error));
+    row.append(main);
+    if (f.new_episodes === 'ignore') row.append(el('span', 'nui-pod-badge', 'still'));
+    else if (f.auto_queue || f.new_episodes === 'queue') row.append(el('span', 'nui-pod-badge', 'auto'));
+    const n = counter().value(f);
+    if (n) {
+      const c = el('span', 'nui-pod-count nui-pod-feedcount', String(n));
+      c.title = `${n} ${counter().label.replace(' Folgen', '').toLowerCase()}`;
+      row.append(c);
+    }
+    row.addEventListener('click', () => openFeed(f));
+    return row;
+  }
+
   function renderFeeds() {
-    const items = feeds().slice().sort((a, b) => String(b.latest_episode_at || '').localeCompare(String(a.latest_episode_at || '')));
+    const sort = FEED_SORTS.find(s => s.id === feedSort) || FEED_SORTS[0];
+    const items = feeds().slice().sort((a, b) => sort.cmp(a, b) || byTitle(a, b));
     if (!items.length) {
       empty('Noch keine Abos. Unter „Suche“ findest du Podcasts.');
       return;
     }
+    const head = el('div', 'nui-pod-head');
+    head.append(el('div', 'nui-pod-summary', `${items.length} ${items.length === 1 ? 'Abo' : 'Abos'} · ${sort.label.toLowerCase()}`),
+      listTools([button('⇅', 'Sortieren und Zahl wählen', feedSortMenu)]));
+    root.append(head);
     const list = el('div', 'nui-pod-list');
-    for (const f of items) {
-      const row = el('div', 'nui-pod-row');
-      row.append(art(f.artwork_url));
-      const main = el('div', 'nui-pod-main');
-      main.append(el('div', 'nui-pod-title', plain(f.title)));
-      const meta = [];
-      if (f.author) meta.push(f.author);
-      if (f.latest_episode_at) meta.push('neueste ' + day(f.latest_episode_at));
-      main.append(el('div', 'nui-pod-meta', meta.join(' · ')));
-      if (f.last_error) main.append(el('div', 'nui-pod-feederr', '⚠ lädt nicht: ' + f.last_error));
-      row.append(main);
-      if (f.new_episodes === 'ignore') row.append(el('span', 'nui-pod-badge', 'still'));
-      else if (f.auto_queue || f.new_episodes === 'queue') row.append(el('span', 'nui-pod-badge', 'auto'));
-      row.addEventListener('click', () => openFeed(f));
-      list.append(row);
-    }
+    for (const f of items) list.append(feedRow(f));
     root.append(list);
   }
 
   async function openFeed(f) {
     feedView = {feed: f, episodes: null};
+    selected = null;
     render();
     scrollTop(0);
     try {
@@ -735,11 +983,11 @@
   function renderFeed() {
     const f = feedView.feed;
     const head = el('div', 'nui-pod-feedhead');
-    head.append(button('‹', 'Zurück zu den Abos', () => { feedView = null; render(); }), art(f.artwork_url, 'big'));
+    head.append(button('‹', 'Zurück zu den Abos', () => { feedView = null; selected = null; render(); }), art(f.artwork_url, 'big'));
     const info = el('div', 'nui-pod-main');
     info.append(el('div', 'nui-pod-title', f.title));
     if (f.author) info.append(el('div', 'nui-pod-meta', f.author));
-    head.append(info);
+    head.append(info, button('ⓘ', 'Über diesen Podcast', () => openFeedInfo(f), 'nui-pod-infobtn'));
     root.append(head);
 
     const live = feeds().find(x => x.id === f.id) || f;
@@ -819,23 +1067,152 @@
   function renderFeedEpisodes(f) {
     if (feedView.episodes == null) { empty('Folgen werden geladen …'); return; }
     if (feedView.error) { empty('Die Folgen lassen sich gerade nicht laden. Das braucht eine Verbindung.'); return; }
-    const list = el('div', 'nui-pod-list');
     for (const o of feedView.episodes) {
       // Feed episodes don't name their podcast; queue entries need it.
       o.feed__id = f.id;
       o.feed__title = f.title;
       o.feed__artwork_url = f.artwork_url;
-      const e = ep(o);
-      const row = episodeRow(e, {showDate: true, noSelect: true});
-      row.append(
-        inQueue(e.id) ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
-          : button('+', 'Einreihen', () => { enqueue(e); o.in_queue = true; }),
-        button('⋯', 'Mehr', () => episodeMenu(e)));
+    }
+    const prefs = feedListPrefs(f.id);
+    const filters = (prefs.filters || []).filter(id => FILTERS.some(x => x.id === id && !x.all && (!x.app || DL)));
+    const sort = EP_SORTS.some(s => s.id === prefs.sort && !s.all) ? prefs.sort : 'new';
+    const all = feedView.episodes;
+    const items = sortEpisodes(all.filter(o => matchesAll(o, filters)), sort).map(ep);
+    if (selected) {
+      root.append(episodeSelection(items));
+    } else {
+      const save = changes => { saveFeedListPrefs(f.id, Object.assign({filters, sort}, changes)); render(); };
+      root.append(filterRow(filters, next => save({filters: next}), false));
+      const head = el('div', 'nui-pod-head');
+      head.append(el('div', 'nui-pod-summary', (items.length === all.length ? nEpisodes(all.length)
+        : `${items.length} von ${nEpisodes(all.length)}`) + ' · ' + sortLabel(sort).toLowerCase()),
+        listTools([
+          button('⇅', 'Sortieren', () => sortMenuFor(sort, false, id => save({sort: id}))),
+          items.length > 0 && button('☐', 'Mehrere auswählen', () => startSelecting()),
+        ]));
+      root.append(head);
+    }
+    if (!items.length) { empty(all.length ? noneText(filters) : 'Dieser Podcast hat noch keine Folgen.'); return; }
+    const list = el('div', 'nui-pod-list');
+    for (const e of items) {
+      const o = e.raw;
+      const row = episodeRow(e, {showDate: true});
+      if (o.favorite) row.querySelector('.nui-pod-title').prepend(el('span', 'nui-pod-star', '★ '));
+      if (!selected) {
+        row.append(
+          inQueue(e.id) ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
+            : button('+', 'Einreihen', () => { enqueue(e); o.in_queue = true; }),
+          button('⋯', 'Mehr', () => episodeMenu(e)));
+      }
       list.append(row);
     }
     root.append(list);
   }
 
+  // A podcast's list: its filters and order, remembered per podcast on this device.
+  function feedListPrefs(id) {
+    try { return JSON.parse(localStorage.getItem('nui_pod_feedlists') || '{}')[id] || {}; } catch (e) { return {}; }
+  }
+
+  function saveFeedListPrefs(id, prefs) {
+    try {
+      const all = JSON.parse(localStorage.getItem('nui_pod_feedlists') || '{}');
+      if (!prefs.filters.length && prefs.sort === 'new') delete all[id]; else all[id] = prefs;
+      localStorage.setItem('nui_pod_feedlists', JSON.stringify(all));
+    } catch (e) {}
+  }
+
+  // ---- a podcast's info page: description, website, feed address, numbers ----------------
+  // In the shownotes' sheet (closeNotes closes it, also with the back button).
+
+  function openFeedInfo(f) {
+    const live = Object.assign({}, f, feedView && feedView.feed.id === f.id ? feedView.feed : {},
+      feeds().find(x => x.id === f.id) || {});
+    closeNotes();
+    notesSheet = el('div');
+    notesSheet.id = 'nui-pod-player';
+    notesSheet.className = 'nui-pod-notes-sheet nui-pod-info';
+    const panel = el('div', 'nui-pod-player-panel');
+    const top = el('div', 'nui-pod-player-top');
+    top.append(button('⌄', 'Schließen', closeNotes));
+    const head = el('div', 'nui-pod-feedhead');
+    const title = el('div', 'nui-pod-main');
+    title.append(el('div', 'nui-pod-title', plain(live.title)));
+    if (live.author) title.append(el('div', 'nui-pod-meta', plain(live.author)));
+    head.append(art(live.artwork_url, 'big'), title);
+    panel.append(top, head);
+
+    // Feed descriptions may carry HTML: only its text.
+    const text = live.description ? (new DOMParser().parseFromString(live.description, 'text/html').body.textContent || '').trim() : '';
+    if (text) panel.append(el('div', 'nui-pod-info-desc', text));
+    else if (feedView && feedView.feed.id === f.id && feedView.episodes == null) {
+      panel.append(el('div', 'nui-pod-meta', 'Beschreibung wird geladen …'));
+    }
+
+    const facts = el('dl', 'nui-pod-facts');
+    const fact = (label, ...value) => {
+      if (!value.length || value[0] == null || value[0] === '') return;
+      const dd = el('dd');
+      dd.append(...value.map(v => (typeof v === 'string' ? document.createTextNode(v) : v)));
+      facts.append(el('dt', null, label), dd);
+    };
+    const when = iso => (iso ? day(iso) + ', ' + new Date(iso).toLocaleTimeString('de-DE', {hour: '2-digit', minute: '2-digit'}) : null);
+    if (live.link && /^https?:\/\//i.test(live.link)) {
+      const a = el('a', null, live.link.replace(/^https?:\/\/(www\.)?/i, '').replace(/\/$/, ''));
+      a.href = live.link;
+      a.target = '_blank';
+      a.rel = 'noopener';
+      fact('Website', a);
+    }
+    if (live.rss_url) {
+      const row = el('div', 'nui-pod-info-actions');
+      const action = (label, onClick) => {
+        const b = el('button', 'btn', label);
+        b.type = 'button';
+        b.addEventListener('click', onClick);
+        row.append(b);
+      };
+      action('Kopieren', () => copyText(live.rss_url));
+      if (navigator.share) action('Teilen', () => navigator.share({title: plain(live.title), url: live.rss_url}).catch(() => {}));
+      fact('Feed', el('span', 'nui-pod-info-url', live.rss_url), row);
+    }
+    const count = live.episode_count != null ? live.episode_count : feedView && feedView.feed.id === f.id && feedView.episodes
+      ? feedView.episodes.length : null;
+    if (count != null) {
+      fact('Folgen', [String(count), live.unplayed_count != null && `${live.unplayed_count} ungehört`,
+        live.new_count && `${live.new_count} neu`].filter(Boolean).join(' · '));
+    }
+    if (live.latest_episode_at) fact('Neueste Folge', day(live.latest_episode_at));
+    if (live.last_played_at) fact('Zuletzt gehört', day(live.last_played_at));
+    if (live.added_at) fact('Abonniert', new Date(live.added_at).toLocaleDateString('de-DE', {day: 'numeric', month: 'long', year: 'numeric'}));
+    fact('Abgerufen', when(live.last_refreshed_at) || 'noch nie');
+    if (live.last_error) {
+      fact('Fehler', el('span', 'nui-pod-feederr', `⚠ ${live.last_error}${live.last_error_at ? ' (' + day(live.last_error_at) + ')' : ''}` +
+        (live.error_count > 1 ? ` · ${live.error_count}× nacheinander` : '')));
+    }
+    panel.append(facts);
+    notesSheet.append(panel);
+    notesSheet.addEventListener('click', ev => { if (ev.target === notesSheet) closeNotes(); });
+    document.body.append(notesSheet);
+  }
+
+  async function copyText(text) {
+    try {
+      await navigator.clipboard.writeText(text);
+      toast('Kopiert');
+      return;
+    } catch (e) {}
+    const t = el('textarea');
+    t.value = text;
+    t.style.cssText = 'position:fixed;top:0;left:0;opacity:0';
+    document.body.append(t);
+    t.select();
+    let ok = false;
+    try { ok = document.execCommand('copy'); } catch (e) {}
+    t.remove();
+    toast(ok ? 'Kopiert' : 'Kopieren ging nicht');
+  }
+
   function volumeLabel(v) {
     if (!v || v === 1) return '';
     return {0.2: 'viel leiser', 0.5: 'leiser', 1.5: '+5 dB', 2: '+10 dB', 2.5: '+15 dB'}[v] || '';
@@ -936,77 +1313,109 @@
   }
 
   // ---- all episodes, filtered (server: GET /podcasts/episodes/) ----------------------
+  // Filters combine (all have to match); "Geladen" asks for the episodes downloaded here.
 
-  const FILTERS = [
-    {id: 'unplayed', label: 'Ungehört'},
-    {id: 'in_progress', label: 'Angefangen'},
-    {id: 'favorites', label: 'Favoriten'},
-    {id: 'history', label: 'Verlauf'},
-    {id: 'played', label: 'Gehört'},
-    {id: 'all', label: 'Alle'},
-  ];
-  let epFilter = 'unplayed';
-  try { epFilter = localStorage.getItem('nui_pod_filter') || 'unplayed'; } catch (e) {}
-  let epList = null;   // {filter, items, total, loading, error}
+  let epFilters = [];
+  let epSort = 'new';
+  try {
+    const kept = localStorage.getItem('nui_pod_filters');
+    if (kept != null) epFilters = JSON.parse(kept);
+    else {
+      // Before filters combined: one of them.
+      const old = localStorage.getItem('nui_pod_filter');
+      epFilters = old == null ? ['unplayed'] : old === 'all' ? [] : [old];
+      if (old === 'history') epSort = 'played';
+    }
+    epSort = localStorage.getItem('nui_pod_epsort') || epSort;
+  } catch (e) {}
+  if (!Array.isArray(epFilters)) epFilters = [];
+  epFilters = epFilters.filter(id => FILTERS.some(f => f.id === id && (!f.app || !!N.podcastDownloads)));
+  if (!EP_SORTS.some(s => s.id === epSort)) epSort = 'new';
+  let epList = null;   // {key, items, total, loading, error}
 
-  async function loadEpisodes(filter, append) {
-    const offset = append && epList && epList.filter === filter ? epList.items.length : 0;
-    if (!append) epList = {filter, items: [], total: 0, loading: true};
-    else epList.loading = true;
-    render();
+  const epKey = () => epFilters.slice().sort().join(',') + '|' + epSort;
+
+  function setEpisodeList(filters, sort) {
+    // The history goes by the last listening; leaving it, by date again.
+    if (sort == null) {
+      sort = epSort;
+      if (filters.includes('history') && !epFilters.includes('history') && sort === 'new') sort = 'played';
+      if (!filters.includes('history') && epFilters.includes('history') && sort === 'played') sort = 'new';
+    }
+    epFilters = filters;
+    epSort = sort;
     try {
-      const r = await fetch(`/podcasts/episodes/?filter=${filter}&limit=100&offset=${offset}`);
+      localStorage.setItem('nui_pod_filters', JSON.stringify(epFilters));
+      localStorage.setItem('nui_pod_epsort', epSort);
+    } catch (e) {}
+    loadEpisodes(false);
+  }
+
+  async function loadEpisodes(append, quiet) {
+    const key = epKey();
+    const offset = append && epList && epList.key === key ? epList.items.length : 0;
+    if (!append) epList = {key, items: [], total: 0, loading: true};
+    else epList.loading = true;
+    if (!quiet) render();
+    const params = new URLSearchParams({
+      filter: epFilters.filter(id => id !== 'downloaded').join(','), sort: epSort, limit: '100', offset: String(offset),
+    });
+    if (epFilters.includes('downloaded')) {
+      const ids = Object.keys(downloads).filter(id => downloads[id].state === 'done');
+      if (!ids.length) { epList = {key, items: [], total: 0}; render(); return; }
+      params.set('ids', ids.join(','));
+    }
+    try {
+      const r = await fetch(`/podcasts/episodes/?${params}`);
+      if (r.status === 400) throw new Error('old');
       if (!r.ok) throw new Error(r.status);
       const d = await r.json();
-      if (!epList || epList.filter !== filter) return;
-      epList = {filter, items: (append ? epList.items : []).concat(d.episodes || []), total: d.total || 0};
+      if (!epList || epList.key !== key) return;
+      epList = {key, items: (append ? epList.items : []).concat(d.episodes || []), total: d.total || 0};
     } catch (e) {
-      if (!epList || epList.filter !== filter) return;
+      if (!epList || epList.key !== key) return;
       epList.loading = false;
-      epList.error = 'Die Folgenliste braucht eine Verbindung.';
+      epList.error = e.message === 'old' ? 'Der Server kennt diese Filter noch nicht.' : 'Die Folgenliste braucht eine Verbindung.';
     }
     render();
   }
 
   function renderEpisodes() {
-    const chips = el('div', 'nui-pod-filters');
-    for (const f of FILTERS) {
-      const b = el('button', 'nui-pod-chip' + (f.id === epFilter ? ' on' : ''), f.label);
-      b.type = 'button';
-      b.addEventListener('click', () => {
-        epFilter = f.id;
-        try { localStorage.setItem('nui_pod_filter', epFilter); } catch (e) {}
-        loadEpisodes(epFilter, false);
-      });
-      chips.append(b);
-    }
-    root.append(chips);
-    if (!epList || epList.filter !== epFilter) { loadEpisodes(epFilter, false); empty('Wird geladen …'); return; }
+    if (!selected) root.append(filterRow(epFilters, next => setEpisodeList(next), true));
+    if (!epList || epList.key !== epKey()) { loadEpisodes(false, true); empty('Wird geladen …'); return; }
     if (epList.error && !epList.items.length) { empty(epList.error); return; }
-    if (!epList.items.length) {
-      empty(epList.loading ? 'Wird geladen …' : {
-        unplayed: 'Keine ungehörten Folgen.',
-        in_progress: 'Keine angefangenen Folgen.',
-        favorites: 'Noch keine Favoriten. Im ⋯-Menü einer Folge markierst du sie mit ★.',
-        history: 'Noch nichts gehört.',
-        played: 'Noch keine gehörten Folgen.',
-        all: 'Keine Folgen.',
-      }[epFilter]);
+    // What changed here since (marked, starred, queued) shows at once.
+    const items = epList.items.filter(o => matchesAll(o, epFilters)).map(ep);
+    const total = Math.max(items.length, epList.total - (epList.items.length - items.length));
+    if (!items.length) {
+      empty(epList.loading ? 'Wird geladen …' : noneText(epFilters));
       return;
     }
-    root.append(el('div', 'nui-pod-summary', `${epList.total} ${epList.total === 1 ? 'Folge' : 'Folgen'}`));
+    if (selected) {
+      root.append(episodeSelection(items));
+    } else {
+      const head = el('div', 'nui-pod-head');
+      head.append(el('div', 'nui-pod-summary', `${nEpisodes(total)} · ${sortLabel(epSort).toLowerCase()}`),
+        listTools([
+          button('⇅', 'Sortieren', () => sortMenuFor(epSort, true, id => setEpisodeList(epFilters, id))),
+          button('☐', 'Mehrere auswählen', () => startSelecting()),
+        ]));
+      root.append(head);
+    }
     const list = el('div', 'nui-pod-list');
-    for (const o of epList.items) {
-      const e = ep(o);
-      const row = episodeRow(e, {showFeed: true, showDate: epFilter !== 'history', noSelect: true});
-      if (epFilter === 'history' && o.last_played_at) {
+    for (const e of items) {
+      const o = e.raw;
+      const row = episodeRow(e, {showFeed: true, showDate: epSort !== 'played'});
+      if (epSort === 'played' && o.last_played_at) {
         row.querySelector('.nui-pod-meta').textContent = 'gehört ' + day(o.last_played_at) + ' · ' + (e.feed || '');
       }
       if (o.favorite) row.querySelector('.nui-pod-title').prepend(el('span', 'nui-pod-star', '★ '));
-      row.append(
-        inQueue(e.id) ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
-          : button('+', 'Einreihen', () => enqueue(e)),
-        button('⋯', 'Mehr', () => episodeMenu(e)));
+      if (!selected) {
+        row.append(
+          inQueue(e.id) ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
+            : button('+', 'Einreihen', () => enqueue(e)),
+          button('⋯', 'Mehr', () => episodeMenu(e)));
+      }
       list.append(row);
     }
     root.append(list);
@@ -1014,7 +1423,7 @@
       const more = el('button', 'btn nui-pod-more', epList.loading ? 'Wird geladen …' : 'Weitere laden');
       more.type = 'button';
       more.disabled = !!epList.loading;
-      more.addEventListener('click', () => loadEpisodes(epFilter, true));
+      more.addEventListener('click', () => loadEpisodes(true));
       root.append(more);
     }
   }
@@ -1043,11 +1452,12 @@
       const cached = storedDetails(e.id);
       if (cached) keepDetails(e.id, Object.assign({}, cached, {favorite: d.favorite}));
       if (done) done(d.favorite);
-      if (view === 'episodes' && epList) {
+      if (epList) {
         const item = epList.items.find(x => x.id === e.id);
         if (item) item.favorite = d.favorite;
-        render();
       }
+      // The ★ in the lists (Folgen, one podcast, search) and their filters.
+      render();
     } catch (err) {
       toast(navigator.onLine ? 'Favorit ließ sich nicht setzen' : 'Favoriten brauchen eine Verbindung');
     }
@@ -1172,14 +1582,52 @@
     input.click();
   }
 
+  // ---- search: own podcasts, their episodes (also in the shownotes), the directory ----
+  // searchResults: {q, feeds, eps: {items, total, loading, local}, dir: {items, loading, error}}.
+  // Without a connection the episodes come from what this device knows (queue,
+  // "Neu", lists seen), the podcasts from the kept state.
+
+  let searchDraft = null;
+
+  function fold(s) {
+    return plain(s || '').toLocaleLowerCase('de').normalize('NFD').replace(/[̀-ͯ]/g, '');
+  }
+
+  // All words of the query, anywhere in the text.
+  function matcher(q) {
+    const words = fold(q).split(/\s+/).filter(Boolean);
+    return text => words.every(w => text.includes(w));
+  }
+
+  function knownEpisodes() {
+    const seen = new Map();
+    const add = o => { if (o && !seen.has(shape(o).id)) seen.set(shape(o).id, o); };
+    queue().forEach(add);
+    inbox().forEach(add);
+    if (epList) epList.items.forEach(add);
+    if (feedView && feedView.episodes) feedView.episodes.forEach(add);
+    return [...seen.values()];
+  }
+
+  function searchText(o) {
+    const e = shape(o);
+    const notes = o.description ? o.description.replace(/<[^>]*>/g, ' ') : '';
+    return fold(e.title + ' ' + notes);
+  }
+
+  function searchNote(text) {
+    root.append(el('div', 'nui-pod-sec-note', text));
+  }
+
   function renderSearch() {
     const form = el('form', 'nui-pod-search');
     const input = el('input', 'search-input');
     input.type = 'search';
     input.id = 'nui-pod-q';
-    input.placeholder = 'Podcast suchen oder Feed-Adresse einfügen …';
+    input.placeholder = 'Abos, Folgen, Verzeichnis – oder Feed-Adresse …';
     input.setAttribute('enterkeyhint', 'search');
-    input.value = searchResults ? searchResults.q : '';
+    input.value = searchDraft != null ? searchDraft : searchResults ? searchResults.q : '';
+    input.addEventListener('input', () => { searchDraft = input.value; });
     const go = el('button', 'btn', 'Suchen');
     go.type = 'submit';
     form.append(input, go);
@@ -1188,16 +1636,55 @@
       search(input.value.trim());
     });
     root.append(form);
-    if (!searchResults) {
-      empty('Sucht im Podcast-Verzeichnis von Apple. Eine Feed-Adresse (https://…) abonnierst du direkt.');
+    const s = searchResults;
+    if (!s) {
+      empty('Sucht in deinen Abos und ihren Folgen (auch in den Shownotes) und im Podcast-Verzeichnis von Apple. ' +
+        'Eine Feed-Adresse (https://…) abonnierst du direkt.');
       return;
     }
-    if (searchResults.loading) { empty('Suche läuft …'); return; }
-    if (searchResults.error) { empty(searchResults.error); return; }
-    if (!searchResults.items.length) { empty('Nichts gefunden.'); return; }
+
+    if (s.feeds.length) {
+      root.append(el('div', 'nui-pod-sec', `Deine Podcasts (${s.feeds.length})`));
+      const list = el('div', 'nui-pod-list');
+      for (const f of s.feeds) list.append(feedRow(f));
+      root.append(list);
+    }
+
+    const eps = s.eps;
+    root.append(el('div', 'nui-pod-sec', 'Folgen' + (eps.items.length ? ` (${eps.total})` : '')));
+    if (eps.local) searchNote('Ohne Verbindung: nur Folgen, die dieses Gerät kennt.');
+    if (!eps.items.length) {
+      searchNote(eps.loading ? 'Wird gesucht …' : 'Keine Folgen gefunden.');
+    } else {
+      const list = el('div', 'nui-pod-list');
+      for (const o of eps.items) {
+        const e = ep(o);
+        const row = episodeRow(e, {showFeed: true, showDate: true, noSelect: true});
+        if (o.favorite) row.querySelector('.nui-pod-title').prepend(el('span', 'nui-pod-star', '★ '));
+        row.append(
+          inQueue(e.id) ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
+            : button('+', 'Einreihen', () => enqueue(e)),
+          button('⋯', 'Mehr', () => episodeMenu(e)));
+        list.append(row);
+      }
+      root.append(list);
+      if (!eps.local && eps.items.length < eps.total) {
+        const more = el('button', 'btn nui-pod-more', eps.loading ? 'Wird geladen …' : 'Weitere Folgen');
+        more.type = 'button';
+        more.disabled = !!eps.loading;
+        more.addEventListener('click', () => searchEpisodes(s, true));
+        root.append(more);
+      }
+    }
+
+    const dir = s.dir;
+    root.append(el('div', 'nui-pod-sec', 'Im Podcast-Verzeichnis'));
+    if (dir.loading) { searchNote('Wird gesucht …'); return; }
+    if (dir.error) { searchNote(dir.error); return; }
+    if (!dir.items.length) { searchNote('Nichts gefunden.'); return; }
     const subscribed = new Set(feeds().map(f => f.rss_url));
     const list = el('div', 'nui-pod-list');
-    for (const r of searchResults.items) {
+    for (const r of dir.items) {
       const row = el('div', 'nui-pod-row');
       row.append(art(r.artwork_url));
       const main = el('div', 'nui-pod-main');
@@ -1211,19 +1698,53 @@
     root.append(list);
   }
 
-  async function search(q) {
+  function search(q) {
     if (!q) return;
     if (/^https?:\/\//i.test(q)) { subscribe(q, q); return; }
-    searchResults = {q, loading: true};
+    searchDraft = null;
+    const test = matcher(q);
+    const s = searchResults = {
+      q,
+      feeds: feeds().filter(f => test(fold(f.title) + ' ' + fold(f.author))),
+      eps: {items: [], total: 0, loading: true},
+      dir: {items: [], loading: true},
+    };
     render();
+    searchEpisodes(s, false);
+    searchDirectory(s);
+  }
+
+  async function searchEpisodes(s, more) {
+    const offset = more ? s.eps.items.length : 0;
+    s.eps.loading = true;
+    if (more) render();
     try {
-      const r = await fetch('/podcasts/search/?q=' + encodeURIComponent(q));
-      const data = await r.json();
-      searchResults = {q, items: data.results || [], error: data.error ? 'Die Suche ist gerade nicht erreichbar.' : null};
+      const r = await fetch(`/podcasts/episodes/?q=${encodeURIComponent(s.q)}&notes=1&limit=30&offset=${offset}`);
+      if (!r.ok) throw new Error(r.status);
+      const d = await r.json();
+      s.eps = {items: (more ? s.eps.items : []).concat(d.episodes || []), total: d.total || 0};
     } catch (e) {
-      searchResults = {q, items: [], error: 'Die Suche braucht eine Verbindung.'};
+      if (more) {
+        s.eps.loading = false;
+        toast('Weitere Folgen brauchen eine Verbindung.');
+      } else {
+        const test = matcher(s.q);
+        const items = knownEpisodes().filter(o => test(searchText(o)));
+        s.eps = {items, total: items.length, local: true};
+      }
     }
-    render();
+    if (searchResults === s) render();
+  }
+
+  async function searchDirectory(s) {
+    try {
+      const r = await fetch('/podcasts/search/?q=' + encodeURIComponent(s.q));
+      const data = await r.json();
+      s.dir = {items: data.results || [], error: data.error ? 'Das Verzeichnis ist gerade nicht erreichbar.' : null};
+    } catch (e) {
+      s.dir = {items: [], error: 'Das Verzeichnis braucht eine Verbindung.'};
+    }
+    if (searchResults === s) render();
   }
 
   async function subscribe(rssUrl, title) {
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 76b2c1c..8e02e97 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 57fc424 2026-10-02: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 99528f2 2026-10-02: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -572,3 +572,20 @@ body.eink .nui-pod-feederr-box { border-color: #000; }
 body.eink .nui-pod-offer { border-color: #000; }
 body.eink .nui-pod-seg { color: #444; }
 body.eink .nui-pod-seg.current { color: #000; background: #e6e6e6; }
+
+/* lists: search sections, the number at a podcast, its info page */
+.nui-pod-sec { margin-top: 14px; padding: 4px 2px; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--nui-muted); border-bottom: 1px solid var(--border); }
+.nui-pod-search + .nui-pod-sec { margin-top: 4px; }
+.nui-pod-sec-note { padding: 10px 2px; font-size: 13px; color: var(--nui-muted); }
+.nui-pod-feedcount { flex: none; }
+.nui-pod-infobtn { flex: none; font-size: 20px; color: var(--nui-muted); }
+.nui-pod-info-desc { font-size: 14px; font-weight: 400; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; padding: 4px 0 10px; border-bottom: 1px solid var(--border); }
+.nui-pod-facts { font-weight: 400; display: grid; grid-template-columns: max-content 1fr; gap: 8px 14px; margin: 10px 0 4px; font-size: 14px; }
+.nui-pod-facts dt { color: var(--nui-muted); }
+.nui-pod-facts dd { margin: 0; min-width: 0; font-weight: 400; overflow-wrap: anywhere; }
+.nui-pod-facts a { color: var(--accent); }
+.nui-pod-info-url { display: block; font-size: 12px; color: var(--nui-muted); }
+.nui-pod-info-actions { display: flex; gap: 8px; margin-top: 6px; }
+.nui-pod-info-actions .btn { min-height: 36px; padding: 0 14px; font-size: 14px; }
+body.eink .nui-pod-sec { color: #000; border-bottom-color: #000; }
+body.eink .nui-pod-facts a { color: #000; text-decoration: underline; }

From d3e432e165e6021255e2a045474dbf18b655522d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 16:29:15 +0200
Subject: [PATCH 055/176] =?UTF-8?q?Podcast-Oberfl=C3=A4che=20aus=20diora-a?=
 =?UTF-8?q?ndroid=203d1281c=20(Listen=20+=20Abonnieren-Vorschau),=20sw=20v?=
 =?UTF-8?q?63?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sw.js                   |   2 +-
 static/podcasts/native-podcast.js | 156 +++++++++++++++++++++++++++++-
 2 files changed, 153 insertions(+), 5 deletions(-)

diff --git a/static/js/sw.js b/static/js/sw.js
index ebee697..1160419 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v62';
+const CACHE = 'diora-v63';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 52a5cf1..d76d0cf 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 99528f2 2026-10-02: web-native/static/native-podcast.js
+// Copied from diora-android 3d1281c 2026-10-02: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -47,6 +47,8 @@
   let view = 'queue';
   let feedView = null;      // {feed, episodes} while one podcast is open
   let searchResults = null;
+  let preview = null;       // {id, url, data | choices | error} while a feed is looked at before subscribing
+  let previewSeq = 0;
   let refreshing = false;
   let selected = null;      // Set of episode ids while choosing several (queue or inbox)
   let locked = false;       // queue locked: no dragging
@@ -256,12 +258,13 @@
         removePlayedItem(),
       ]),
       group('▶', 'Abspielen', ['Sprungweiten', 'skip_silence' in prefs && 'Stille', '„gehört“',
-        'headset_next' in prefs && 'Kopfhörer'].filter(Boolean).join(', '), () => [
+        'headset_next' in prefs && 'Kopfhörer', 'notify_buttons' in prefs && 'Benachrichtigung'].filter(Boolean).join(', '), () => [
         skipItem('skip_back', 'Zurückspringen', [5, 10, 15, 30]),
         skipItem('skip_forward', 'Vorspringen', [10, 15, 30, 45, 60]),
         silenceItem(),
         playedItem(),
         headsetItem(),
+        notifyItem(),
       ]),
       DL && {icon: '↓', label: 'Downloads', hint: dlSummary(), action: openDownloads},
       DL && group('⚙︎', 'Download-Einstellungen', 'automatisch, gleichzeitig, Limit, aufräumen', () => [
@@ -310,6 +313,29 @@
             ])};
   }
 
+  // The notification's two extra buttons (app only: NotifyButtons.kt), like AntennaPod's.
+  const NOTIFY = [
+    {key: 'next', label: 'Folge überspringen', hint: 'zählt als gehört, die nächste spielt'},
+    {key: 'chapter', label: 'Nächstes Kapitel', hint: 'wenn die Folge Kapitel hat'},
+    {key: 'speed', label: 'Tempo', hint: '1× · 1,2× · 1,5× · 1,75× · 2×'},
+    {key: 'sleep', label: 'Sleep-Timer', hint: '15 Minuten an / aus'},
+  ];
+  function notifyItem() {
+    if (!N.podcastSetNotifyButtons || !Array.isArray(devicePrefs().notify_buttons)) return null;
+    const now = devicePrefs().notify_buttons;
+    const names = keys => keys.map(k => (NOTIFY.find(n => n.key === k) || {}).label).filter(Boolean).join(', ') || 'keine';
+    const sheet = chosen => openSheet('Zwei Knöpfe in der Benachrichtigung', NOTIFY.map(n => ({
+      icon: chosen.includes(n.key) ? '☑' : '☐', label: n.label, hint: n.hint,
+      // A third one replaces the one chosen first.
+      action: () => {
+        const next = chosen.includes(n.key) ? chosen.filter(k => k !== n.key) : chosen.concat(n.key).slice(-2);
+        N.podcastSetNotifyButtons(next.join(','));
+        toast('Benachrichtigung: ' + names(next));
+      },
+    })));
+    return {icon: '⊞', label: 'Knöpfe in der Benachrichtigung', hint: names(now), action: () => sheet(now)};
+  }
+
   function silenceItem() {
     if (!N.podcastSetPref || !('skip_silence' in devicePrefs())) return null;
     const on = !!devicePrefs().skip_silence;
@@ -659,7 +685,9 @@
       button('⋮', 'Einstellungen', settingsMenu)].filter(Boolean));
     root.append(bar);
 
-    if (feedView) {
+    if (preview) {
+      renderPreview();
+    } else if (feedView) {
       renderFeed();
     } else {
       const tabs = el('div', 'nui-pod-tabs');
@@ -1700,7 +1728,7 @@
 
   function search(q) {
     if (!q) return;
-    if (/^https?:\/\//i.test(q)) { subscribe(q, q); return; }
+    if (/^https?:\/\//i.test(q)) { if (N.podcastPreview) openPreview(q); else subscribe(q, q); return; }
     searchDraft = null;
     const test = matcher(q);
     const s = searchResults = {
@@ -1759,11 +1787,115 @@
       if (!r.ok || !data.ok) throw new Error(data.error || r.status);
       toast(`„${data.title || title}“ abonniert`);
       refresh(false);
+      return true;
     } catch (e) {
       toast(navigator.onLine ? 'Dieser Feed lässt sich nicht abonnieren.' : 'Abonnieren braucht eine Verbindung.');
+      return false;
     }
   }
 
+  // A feed from another app (shared link, pcast:// …) or a pasted address:
+  // the app fetches it (N.podcastPreview, FeedPreview.kt) and the page shows
+  // title, cover, description and the newest episodes before subscribing.
+  function openPreview(url) {
+    if (!N.podcastPreview) { subscribe(url, url); return; }
+    closePlayer();
+    feedView = null;
+    selected = null;
+    preview = {id: ++previewSeq, url};
+    if (typeof showTab === 'function') showTab('podcasts');
+    render();
+    scrollTop(0);
+    N.podcastPreview(preview.id, url);
+  }
+
+  function closePreview() {
+    if (!preview) return false;
+    preview = null;
+    render();
+    return true;
+  }
+
+  function renderPreview() {
+    const p = preview;
+    const d = p.data || {};
+    const head = el('div', 'nui-pod-feedhead');
+    head.append(button('‹', 'Zurück', closePreview), art(d.artwork, 'big'));
+    const info = el('div', 'nui-pod-main');
+    info.append(el('div', 'nui-pod-title', plain(d.title) || 'Podcast'),
+      el('div', 'nui-pod-meta', plain(d.author) || p.url));
+    head.append(info);
+    root.append(head);
+    if (p.choices) {
+      root.append(el('div', 'nui-pod-empty', 'Diese Seite verlinkt mehrere Feeds. Welcher ist es?'));
+      const list = el('div', 'nui-pod-list');
+      for (const c of p.choices) {
+        const row = el('div', 'nui-pod-row');
+        const main = el('div', 'nui-pod-main');
+        main.append(el('div', 'nui-pod-title', plain(c.title) || c.url), el('div', 'nui-pod-meta', c.url));
+        row.append(main);
+        row.addEventListener('click', () => openPreview(c.url));
+        list.append(row);
+      }
+      root.append(list);
+      return;
+    }
+    if (p.error) {
+      // The server may still manage (it fetches the feed itself).
+      const box = el('div', 'nui-pod-offer', p.error);
+      const actions = el('div', 'nui-pod-offer-row');
+      const anyway = el('button', 'btn', 'Trotzdem abonnieren');
+      anyway.type = 'button';
+      anyway.addEventListener('click', () => subscribeFromPreview(p.url, p.url, anyway));
+      actions.append(anyway);
+      box.append(actions);
+      root.append(box);
+      return;
+    }
+    if (!p.data) { empty('Feed wird geladen …'); return; }
+    const known = feeds().find(f => f.rss_url === d.url || f.rss_url === p.url);
+    const actions = el('div', 'nui-pod-offer-row');
+    const go = el('button', 'btn', known ? 'Abonniert – öffnen' : 'Abonnieren');
+    go.type = 'button';
+    go.addEventListener('click', () => {
+      if (known) { preview = null; openFeed(known); return; }
+      subscribeFromPreview(d.url, d.title, go);
+    });
+    actions.append(go);
+    root.append(actions);
+    if (d.description) {
+      const desc = el('div', 'nui-pod-offer', plain(d.description));
+      desc.style.whiteSpace = 'pre-line';
+      root.append(desc);
+    }
+    const eps = d.episodes || [];
+    if (eps.length) {
+      const list = el('div', 'nui-pod-list');
+      for (const e of eps) {
+        const row = el('div', 'nui-pod-row');
+        row.append(art(e.artwork || d.artwork));
+        const main = el('div', 'nui-pod-main');
+        main.append(el('div', 'nui-pod-title', plain(e.title)),
+          el('div', 'nui-pod-meta', [e.duration && minutes(e.duration), day(e.date)].filter(Boolean).join(' · ')));
+        row.append(main);
+        list.append(row);
+      }
+      root.append(list);
+    }
+  }
+
+  async function subscribeFromPreview(url, title, btn) {
+    btn.disabled = true;
+    const ok = await subscribe(url, title);
+    btn.disabled = false;
+    if (!ok) return;
+    preview = null;
+    view = 'feeds';
+    try { localStorage.setItem('nui_pod_view', view); } catch (e) {}
+    render();
+    scrollTop(0);
+  }
+
   // ---- drag to reorder (touch) -----------------------------------------------------------
 
   function dragSort(handle, row, list) {
@@ -2950,6 +3082,20 @@
 
   // ---- hooks from the app ---------------------------------------------------------------
 
+  // A podcast address from another app is waiting (MainActivity): show its preview.
+  window.__dioraSubscribe = function () {
+    const url = N.podcastTakeSubscribe ? N.podcastTakeSubscribe() : '';
+    if (url) openPreview(url);
+  };
+
+  window.__dioraPreview = function (id, d) {
+    if (!preview || preview.id !== id) return;
+    if (d && d.ok) preview = {id, url: d.url, data: d};
+    else if (d && d.choices && d.choices.length) preview = {id, url: preview.url, choices: d.choices};
+    else preview = {id, url: preview.url, error: (d && d.error) || 'Dieser Feed ließ sich nicht laden.'};
+    render();
+  };
+
   window.__dioraPodcasts = function (json) {
     state = typeof json === 'string' ? parse(json, state) : json;
     render();
@@ -2996,6 +3142,7 @@
       if (typeof _currentTopTab !== 'undefined' && _currentTopTab === 'podcasts' && stopSelecting()) return true;
       if (back && back()) return true;
       if (typeof _currentTopTab !== 'undefined' && _currentTopTab === 'podcasts') {
+        if (closePreview()) return true;
         if (feedView) { feedView = null; render(); return true; }
         showTab('books');
         return true;
@@ -3005,5 +3152,6 @@
 
     // Pull the latest state once per start; the server has done the fetching.
     N.podcastRefresh(false);
+    window.__dioraSubscribe();
   });
 })();

From da60198bbb593d4969c494e81b78912828477663 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 16:36:00 +0200
Subject: [PATCH 056/176] =?UTF-8?q?Podcast-Oberfl=C3=A4che=20aus=20diora-a?=
 =?UTF-8?q?ndroid=20(Benachrichtigen),=20sw=20v61?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der Chip "Benachrichtigen" auf der Podcast-Seite setzt notify auch im
Browser (die Mitteilungen kommen von den Telefonen). Die Einstellung
"Im Hintergrund abgleichen" gibt es nur in der App.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sw.js                   |  2 +-
 static/podcasts/native-podcast.js | 51 ++++++++++++++++++++++++++++++-
 2 files changed, 51 insertions(+), 2 deletions(-)

diff --git a/static/js/sw.js b/static/js/sw.js
index 4fb34d3..7c776ea 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v60';
+const CACHE = 'diora-v61';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index bbade4e..b65c32a 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 38d03c6 2026-10-02: web-native/static/native-podcast.js
+// Copied from diora-android dff015e 2026-10-02: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -271,6 +271,7 @@
           action: () => N.podcastSettings(JSON.stringify({auto_download_default: !s.auto_download_default}))},
         ...dlSettingsItems(),
       ]),
+      backgroundSyncItem(),
       group('⇅', 'Abos umziehen', 'OPML exportieren und importieren', () => [
         {icon: '⇩', label: 'Abos exportieren (OPML)', hint: 'zum Umziehen in eine andere App', action: exportOpml},
         {icon: '⇧', label: 'Abos importieren (OPML)', action: importOpml},
@@ -279,6 +280,25 @@
     ]);
   }
 
+  // The app's background job (BackgroundSync.kt): new episodes, their notifications and downloads with the app closed.
+  const BG_SYNC = [
+    {value: 0, label: 'Aus', hint: 'nur wenn die App offen ist'},
+    {value: 15, label: 'Alle 15 Minuten'},
+    {value: 60, label: 'Jede Stunde', hint: 'Standard'},
+    {value: 240, label: 'Alle 4 Stunden'},
+  ];
+
+  function backgroundSyncItem() {
+    if (!N.podcastBackgroundSync || !N.podcastSetBackgroundSync) return null;
+    const now = N.podcastBackgroundSync();
+    const label = (BG_SYNC.find(c => c.value === now) || BG_SYNC[2]).label;
+    return {icon: '⟲', label: 'Im Hintergrund abgleichen', hint: label + ' · neue Folgen, Mitteilungen, Downloads',
+            action: () => openSheet('Im Hintergrund abgleichen', BG_SYNC.map(c => ({
+              icon: c.value === now ? '●' : '○', label: c.label, hint: c.hint, active: c.value === now,
+              action: () => { N.podcastSetBackgroundSync(c.value); settingsMenu(); },
+            })))};
+  }
+
   function skipItem(name, label, choices) {
     if (!N.podcastSetPrefValue) return null;
     const now = devicePrefs()[name];
@@ -802,6 +822,15 @@
           {icon: !live.auto_download ? '●' : '○', label: 'Nein', hint: 'nur die Warteschlange wird geladen', action: () => save({auto_download: false})},
         ])));
     }
+    // AntennaPod's episode notifications: the phone tells when a new episode is in „Neu“.
+    if ('notify' in live) {
+      row.append(chip('Benachrichtigen', live.notify ? 'an' : 'aus', !!live.notify, () =>
+        openSheet(`Bei neuen Folgen von „${plain(live.title)}“ benachrichtigen?`, [
+          {icon: live.notify ? '●' : '○', label: 'Ja', hint: 'eine Mitteilung auf dem Telefon, sobald eine neue Folge in „Neu“ ist',
+           action: () => save({notify: true})},
+          {icon: !live.notify ? '●' : '○', label: 'Nein', action: () => save({notify: false})},
+        ])));
+    }
     row.append(chip('Filter', words || 'aus', !!words, () => openSheet('Welche neuen Folgen zählen?', [
       {icon: '+', label: 'Nur mit diesen Wörtern im Titel', hint: live.include_words || 'alle',
        action: () => ask('include_words', 'Nur Folgen, deren Titel eines dieser Wörter enthält (mit Komma getrennt):', live.include_words)},
@@ -2434,6 +2463,26 @@
     render();
   };
 
+  // A new-episode notification was tapped: that podcast's page (gone meanwhile: „Neu“).
+  window.__dioraOpenFeed = function (feedId) {
+    if (typeof showTab !== 'function') return;
+    closeStats();
+    closeDownloads();
+    closeNotes();
+    closePlayer();
+    selected = null;
+    showTab('podcasts');
+    const f = feeds().find(x => x.id === feedId);
+    if (f) {
+      openFeed(f);
+    } else {
+      feedView = null;
+      view = 'inbox';
+      render();
+      scrollTop(0);
+    }
+  };
+
   window.__dioraPodcastsRefreshed = function (ok) {
     refreshing = false;
     if (!ok) toast(navigator.onLine ? 'Abrufen hat nicht geklappt' : 'Offline — es gilt der letzte Stand');

From 54fbd58293b6248689d78731a0ac5aed415d0b1e Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 18:46:55 +0200
Subject: [PATCH 057/176] =?UTF-8?q?Podcast-Routine=20aus=20AntennaPod:=20A?=
 =?UTF-8?q?bspiel-Einstellungen=20f=C3=BCrs=20Konto,=20Listen=20und=20Stil?=
 =?UTF-8?q?le=20pro=20Podcast;=20Oberfl=C3=A4che=20aus=20diora-android=203?=
 =?UTF-8?q?04abf0,=20sw=20v65?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- PodcastSettings (Migration 0014): skip_back / skip_forward (5–60 s),
  smart_played, speed_presets (0,5–3,5×), keep_skipped, delete_dequeue,
  mobile_downloads, mobile_streaming (allow/ask/never), times_by_speed;
  die ersten vier sind anfangs leer (null) und werden mit POST
  settings/ {"initial": {...}} nur dort gesetzt, wo noch nichts steht
- GET/POST /podcasts/settings/ und state.settings mit allen Feldern,
  geprüft, nichts ändert sich bei einem ungültigen Wert
- PodcastFeed: episode_sort, episode_filter, skip_silence in
  feeds/<id>/settings/ und den Feeds des States
- Tempo pro Podcast bis 3,5× (Server und AntennaPod-Import)
- AntennaPod-Import: Sortierung, Filter und Stille pro Podcast, soweit
  diora sie zeigen kann; nicht darstellbare werden gezählt
- Browser-Host: Sprungweiten, "gehört" und keep_skipped aus dem Konto,
  Tempo bis 3,5×, neue Einstellungen werden gespeichert

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/antennapod.py                       |  59 +++-
 podcasts/migrations/0014_playback_routine.py |  72 +++++
 podcasts/models.py                           |  50 +++
 podcasts/test_antennapod.py                  |  49 ++-
 podcasts/tests.py                            | 125 +++++++-
 podcasts/views.py                            | 173 ++++++++--
 static/js/podcasts-web.js                    |  65 +++-
 static/js/sw.js                              |   2 +-
 static/podcasts/native-podcast.js            | 316 +++++++++++++++++--
 9 files changed, 821 insertions(+), 90 deletions(-)
 create mode 100644 podcasts/migrations/0014_playback_routine.py

diff --git a/podcasts/antennapod.py b/podcasts/antennapod.py
index 357d631..f20dc32 100644
--- a/podcasts/antennapod.py
+++ b/podcasts/antennapod.py
@@ -25,7 +25,7 @@ from urllib.parse import urlsplit
 from django.db import transaction
 from django.db.models import Q
 
-from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings
+from .models import MAX_SPEED, MIN_SPEED, EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings
 from .views import MAX_DESCRIPTION, _keep_sorted, _leave_inbox, _queue_order, _write_queue_order
 
 CHUNK = 500  # ids per IN (...) query and rows per bulk write
@@ -43,7 +43,18 @@ SUBSCRIBED = 0  # Feeds.state
 MAX_FILESIZE = 4_000_000_000
 
 SETTING_FIELDS = ('playback_speed', 'skip_intro', 'skip_outro', 'volume', 'include_words',
-                  'exclude_words', 'min_duration', 'new_episodes', 'auto_download', 'notify')
+                  'exclude_words', 'min_duration', 'new_episodes', 'auto_download', 'notify',
+                  'episode_sort', 'episode_filter', 'skip_silence')
+
+# Feeds.sort_order (SortOrder codes) -> episode_sort; 11 = the global order
+# (not in the backup). The others (title Z-A, file name, size) diora can't show.
+SORT_ORDERS = {1: 'old', 2: 'new', 3: 'title', 5: 'short', 6: 'long'}
+GLOBAL_SORT = 11
+# Feeds.hide (FeedItemFilter, comma-separated) -> episode_filter
+FILTERS = {'unplayed': 'unplayed', 'played': 'played', 'paused': 'in_progress', 'is_favorite': 'favorites',
+           'queued': 'queued', 'downloaded': 'downloaded'}
+# Feeds.feed_skip_silence (SkipSilence codes); 1 = the global setting
+SKIP_SILENCE = {0: False, 2: True}
 
 # Columns read from the backup, with the value to assume if an older
 # AntennaPod didn't have the column yet.
@@ -52,7 +63,7 @@ FEED_COLUMNS = {
     'image_url': '', 'keep_updated': 1, 'include_filter': '', 'exclude_filter': '',
     'minimal_duration_filter': -1, 'new_episodes_action': 0, 'feed_playback_speed': -1,
     'feed_skip_intro': 0, 'feed_skip_ending': 0, 'feed_volume_adaption': 0, 'auto_download': 1,
-    'episode_notification': 0, 'state': SUBSCRIBED,
+    'episode_notification': 0, 'state': SUBSCRIBED, 'sort_order': None, 'hide': '', 'feed_skip_silence': 1,
 }
 
 
@@ -156,13 +167,36 @@ def _given_updated_at():
 # Feed settings
 # ---------------------------------------------------------------------------
 
+def episode_sort(code):
+    """Feeds.sort_order -> (episode_sort or None, representable). None and
+    the global order are no setting of the feed (representable, nothing to set)."""
+    try:
+        code = int(code) if code not in (None, '') else None
+    except (TypeError, ValueError):
+        return None, False
+    if code is None or code == GLOBAL_SORT:
+        return None, True
+    return SORT_ORDERS.get(code), code in SORT_ORDERS
+
+
+def episode_filter(raw):
+    """Feeds.hide -> (episode_filter or None, representable): the filter only
+    if diora can show all of its terms (a part of it would be another list)."""
+    terms = [t.strip() for t in (raw or '').split(',') if t.strip()]
+    if not terms:
+        return None, True
+    if any(t not in FILTERS for t in terms):
+        return None, False
+    return list(dict.fromkeys(FILTERS[t] for t in terms)), True
+
+
 def feed_settings(ap, global_auto_download=False):
     """diora settings for one AntennaPod feed row: only those AntennaPod sets
     to something other than its default. Returns (settings, not_kept_updated)."""
     s = {}
     speed = ap['feed_playback_speed']
     if speed is not None and speed > 0:  # -1 = the global speed
-        s['playback_speed'] = min(max(round(float(speed), 2), 0.5), 3.0)
+        s['playback_speed'] = min(max(round(float(speed), 2), MIN_SPEED), MAX_SPEED)
     for src, dst in (('feed_skip_intro', 'skip_intro'), ('feed_skip_ending', 'skip_outro')):
         seconds = int(ap[src] or 0)
         if seconds > 0:
@@ -195,6 +229,16 @@ def feed_settings(ap, global_auto_download=False):
     # (0, AntennaPod's default, leaves diora's setting alone).
     if ap['episode_notification']:
         s['notify'] = True
+    # The podcast's episode list: its order and filter, where diora has them.
+    sort, _ = episode_sort(ap['sort_order'])
+    if sort:
+        s['episode_sort'] = sort
+    filters, _ = episode_filter(ap['hide'])
+    if filters:
+        s['episode_filter'] = filters
+    # Skip silence: off or on for this podcast (the global setting: diora's stays).
+    if ap['feed_skip_silence'] in SKIP_SILENCE:
+        s['skip_silence'] = SKIP_SILENCE[ap['feed_skip_silence']]
     return s, not_kept_updated
 
 
@@ -230,6 +274,8 @@ class Stats:
     skipped_feeds: list = field(default_factory=list)  # (title, url)
     settings: dict = field(default_factory=lambda: {name: 0 for name in SETTING_FIELDS})
     not_kept_updated: int = 0
+    sort_unshown: int = 0      # per-feed orders / filters diora has no equivalent of
+    filter_unshown: int = 0
     auto_download_on: int = 0
     auto_download_explicit: int = 0
     auto_download_global: int = 0
@@ -414,6 +460,8 @@ class AntennaPodImport:
 
             settings, not_kept_updated = feed_settings(ap, self.global_auto_download)
             st.not_kept_updated += not_kept_updated
+            st.sort_unshown += not episode_sort(ap['sort_order'])[1]
+            st.filter_unshown += not episode_filter(ap['hide'])[1]
             st.auto_download_explicit += ap['auto_download'] == AUTO_DOWNLOAD_ON
             st.auto_download_global += ap['auto_download'] == AUTO_DOWNLOAD_GLOBAL
             for name, value in settings.items():
@@ -774,6 +822,7 @@ SETTING_LABELS = {
     'playback_speed': 'speed', 'skip_intro': 'skip intro', 'skip_outro': 'skip outro', 'volume': 'volume',
     'include_words': 'include words', 'exclude_words': 'exclude words', 'min_duration': 'min duration',
     'new_episodes': 'new episodes', 'auto_download': 'auto-download', 'notify': 'notifications',
+    'episode_sort': 'episode order', 'episode_filter': 'episode filter', 'skip_silence': 'skip silence',
 }
 
 
@@ -794,6 +843,8 @@ def summary_lines(st, username, path, dry_run, global_auto_download):
         + (f', {len(st.removed_titles)} only in diora unsubscribed (--replace)' if st.removed_titles else ''),
         f'Settings:   changed: {settings}',
         f'            {st.not_kept_updated} feeds not kept updated in AntennaPod -> new episodes "ignore"',
+        f'            episode lists diora can\'t show that way (left as they are): {st.sort_unshown} orders, '
+        f'{st.filter_unshown} filters',
         f'Auto-download: on for {st.auto_download_on} feeds ({st.auto_download_explicit} on in AntennaPod, '
         f"{st.auto_download_global} use AntennaPod's global setting -> {_on(global_auto_download)} "
         f'by --global-auto-download); default for new subscriptions: {_on(st.auto_download_default)}'
diff --git a/podcasts/migrations/0014_playback_routine.py b/podcasts/migrations/0014_playback_routine.py
new file mode 100644
index 0000000..63d004e
--- /dev/null
+++ b/podcasts/migrations/0014_playback_routine.py
@@ -0,0 +1,72 @@
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0013_feed_notify'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='episode_sort',
+            field=models.CharField(blank=True, max_length=10),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='episode_filter',
+            field=models.JSONField(blank=True, default=list),
+        ),
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='skip_silence',
+            field=models.BooleanField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='skip_back',
+            field=models.PositiveSmallIntegerField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='skip_forward',
+            field=models.PositiveSmallIntegerField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='smart_played',
+            field=models.PositiveIntegerField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='speed_presets',
+            field=models.JSONField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='keep_skipped',
+            field=models.BooleanField(default=True),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='delete_dequeue',
+            field=models.BooleanField(default=True),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='mobile_downloads',
+            field=models.BooleanField(default=True),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='mobile_streaming',
+            field=models.CharField(choices=[('allow', 'Erlauben'), ('ask', 'Nachfragen'), ('never', 'Nie')],
+                                   default='allow', max_length=10),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='times_by_speed',
+            field=models.BooleanField(default=False),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 30f4c85..acf81a4 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -1,6 +1,11 @@
 from django.contrib.auth.models import User
 from django.db import models
 
+# Playback speeds everywhere (the apps, a podcast's own speed, the presets):
+# AntennaPod goes up to 3.5x.
+MIN_SPEED = 0.5
+MAX_SPEED = 3.5
+
 
 class PodcastFeed(models.Model):
     # What happens to a new episode of this feed (one that passed the filter).
@@ -54,6 +59,17 @@ class PodcastFeed(models.Model):
     # Devices tell about this feed's new episodes (a notification, like
     # AntennaPod's per-podcast "episode notifications").
     notify = models.BooleanField(default=False)
+    # The podcast's episode list as the user left it on any device: its
+    # order ('' = newest first) and the filters that are on (all must match).
+    episode_sort = models.CharField(max_length=10, blank=True)
+    episode_filter = models.JSONField(default=list, blank=True)
+    # Skip silence in this podcast's episodes: null = as the device is set.
+    skip_silence = models.BooleanField(null=True, blank=True)
+
+    # The vocabulary of episode_sort and episode_filter: the podcast page's
+    # sort menu and filter chips (native-podcast.js EP_SORTS and FILTERS).
+    EPISODE_SORTS = ('new', 'old', 'long', 'short', 'title')
+    EPISODE_FILTERS = ('unplayed', 'in_progress', 'favorites', 'queued', 'downloaded', 'played')
 
     class Meta:
         unique_together = ('user', 'rss_url')
@@ -244,6 +260,40 @@ class PodcastSettings(models.Model):
     # to download them again, then clears the list.
     import_downloads = models.JSONField(default=list, blank=True)
 
+    # Playback, the same on every device (AntennaPod's playback settings).
+    # Null = not set yet: each device keeps its own value; the first app that
+    # finds one unset sends its own ("initial" in POST settings/), so nobody's
+    # setting changes when it moves to the account.
+    SKIP_CHOICES = (5, 10, 15, 20, 30, 45, 60)
+    skip_back = models.PositiveSmallIntegerField(null=True, blank=True)       # seconds
+    skip_forward = models.PositiveSmallIntegerField(null=True, blank=True)    # seconds
+    # An episode counts as played this many seconds before its end.
+    smart_played = models.PositiveIntegerField(null=True, blank=True)
+    # The speeds the speed menu offers and the notification's speed button
+    # goes through, ascending; null = the apps' default list.
+    speed_presets = models.JSONField(null=True, blank=True)
+    MAX_PRESETS = 12
+    # Skipping to the next episode (player, notification, headset, car)
+    # leaves the skipped one unplayed and in the queue.
+    keep_skipped = models.BooleanField(default=True)
+    # Deleting a download takes its episode out of the queue too.
+    delete_dequeue = models.BooleanField(default=True)
+    # Downloads asked for by hand may use mobile data (else they wait for
+    # Wi-Fi, like automatic ones).
+    mobile_downloads = models.BooleanField(default=True)
+    # Streaming an episode over mobile data: allowed, asked once per episode,
+    # or never (radio streams aren't affected).
+    STREAMING = [('allow', 'Erlauben'), ('ask', 'Nachfragen'), ('never', 'Nie')]
+    mobile_streaming = models.CharField(max_length=10, choices=STREAMING, default='allow')
+    # Remaining times and lengths are shown at the playback speed.
+    times_by_speed = models.BooleanField(default=False)
+
+    # The playback settings above, as the API names them; the first four
+    # start out unset.
+    PLAYBACK_FIELDS = ('skip_back', 'skip_forward', 'smart_played', 'speed_presets', 'keep_skipped',
+                       'delete_dequeue', 'mobile_downloads', 'mobile_streaming', 'times_by_speed')
+    UNSET_FIELDS = ('skip_back', 'skip_forward', 'smart_played', 'speed_presets')
+
     @classmethod
     def for_user(cls, user):
         obj, _ = cls.objects.get_or_create(user=user)
diff --git a/podcasts/test_antennapod.py b/podcasts/test_antennapod.py
index 2fe86b6..a5676db 100644
--- a/podcasts/test_antennapod.py
+++ b/podcasts/test_antennapod.py
@@ -32,7 +32,7 @@ class Backup:
             feed_playback_speed REAL DEFAULT -1, feed_skip_intro INTEGER DEFAULT 0,
             feed_skip_ending INTEGER DEFAULT 0, feed_volume_adaption INTEGER DEFAULT 0,
             auto_download INTEGER DEFAULT 0, episode_notification INTEGER DEFAULT 0, state INTEGER DEFAULT 0,
-            tags TEXT);
+            tags TEXT, sort_order TEXT, hide TEXT, feed_skip_silence INTEGER DEFAULT 1);
         CREATE TABLE FeedItems (id INTEGER PRIMARY KEY AUTOINCREMENT, title TEXT, pubDate INTEGER,
             read INTEGER, link TEXT, description TEXT, media INTEGER, feed INTEGER,
             item_identifier TEXT, image_url TEXT);
@@ -211,7 +211,7 @@ class FeedImportTests(ImportTestCase):
         feeds = {f.rss_url.rsplit('/', 1)[1]: f for f in PodcastFeed.objects.filter(user=self.user)}
         fast, slow = feeds['fast'], feeds['slow']
         self.assertEqual((fast.playback_speed, fast.volume, fast.min_duration, fast.new_episodes, fast.auto_queue),
-                         (3.0, 2.5, 0, 'queue', True))
+                         (3.5, 2.5, 0, 'queue', True))
         self.assertEqual((slow.playback_speed, slow.volume, slow.new_episodes, slow.auto_queue),
                          (0.5, 1.5, 'inbox', False))
         self.assertEqual((feeds['loud'].volume, feeds['quiet'].volume), (2.0, 0.5))
@@ -268,6 +268,51 @@ class FeedImportTests(ImportTestCase):
                                   'https://example.org/on': True, 'https://example.org/off': False})
         self.assertIn('notifications 1', out)
 
+    def test_episode_lists_and_skip_silence(self):
+        """Per podcast: its episode order and filter (where diora has them) and skipping silence."""
+        self.diora_feed('https://example.org/mine', episode_sort='long', episode_filter=['favorites'],
+                        skip_silence=True)
+        self.ap.feed('https://example.org/mine')   # nothing set in AntennaPod: diora's own stay
+        self.ap.feed('https://example.org/series', sort_order='1', hide='unplayed', feed_skip_silence=0)
+        self.ap.feed('https://example.org/new', sort_order='2', hide='paused,is_favorite,downloaded,queued')
+        self.ap.feed('https://example.org/title', sort_order='3', hide='played', feed_skip_silence=2)
+        self.ap.feed('https://example.org/short', sort_order='5')
+        self.ap.feed('https://example.org/long', sort_order='6', feed_skip_silence=1)
+        self.ap.feed('https://example.org/global', sort_order='11', hide='')
+        self.ap.feed('https://example.org/z-a', sort_order='4', hide='unplayed,not_downloaded')
+        self.ap.feed('https://example.org/size', sort_order='10', hide='new')
+
+        out = self.run_import()
+
+        got = {f.rss_url.rsplit('/', 1)[1]: (f.episode_sort, f.episode_filter, f.skip_silence)
+               for f in PodcastFeed.objects.filter(user=self.user)}
+        self.assertEqual(got, {
+            'mine': ('long', ['favorites'], True),
+            'series': ('old', ['unplayed'], False),
+            'new': ('new', ['in_progress', 'favorites', 'downloaded', 'queued'], None),
+            'title': ('title', ['played'], True),
+            'short': ('short', [], None),
+            'long': ('long', [], None),
+            'global': ('', [], None),
+            'z-a': ('', [], None),     # title Z-A, "not downloaded": nothing diora can show
+            'size': ('', [], None),
+        })
+        self.assertIn('episode order 5, episode filter 3, skip silence 2', out)
+        self.assertIn("episode lists diora can't show that way (left as they are): 2 orders, 2 filters", out)
+        # Through the API as the apps see it.
+        self.client.force_login(self.user)
+        feeds = {f['rss_url'].rsplit('/', 1)[1]: f for f in self.client.get('/podcasts/state/').json()['feeds']}
+        self.assertEqual((feeds['series']['episode_sort'], feeds['series']['episode_filter'],
+                          feeds['series']['skip_silence']), ('old', ['unplayed'], False))
+
+    def test_backup_without_list_and_silence_columns(self):
+        for column in ('sort_order', 'hide', 'feed_skip_silence'):
+            self.ap.db.execute(f'ALTER TABLE Feeds DROP COLUMN {column}')
+        self.ap.feed('https://example.org/old')
+        self.run_import()
+        f = PodcastFeed.objects.get(user=self.user, rss_url='https://example.org/old')
+        self.assertEqual((f.episode_sort, f.episode_filter, f.skip_silence), ('', [], None))
+
     def test_backup_without_episode_notification_column(self):
         self.ap.db.execute('ALTER TABLE Feeds DROP COLUMN episode_notification')
         self.ap.feed('https://example.org/old')
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 05d215f..732d347 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -12,6 +12,13 @@ from .views import FeedFetch, _refresh_feed
 
 _parse = feedparser.parse
 
+# The account's playback settings as a new user has them.
+PLAYBACK_DEFAULTS = {
+    'skip_back': None, 'skip_forward': None, 'smart_played': None, 'speed_presets': None,
+    'keep_skipped': True, 'delete_dequeue': True, 'mobile_downloads': True, 'mobile_streaming': 'allow',
+    'times_by_speed': False,
+}
+
 
 def _ok(rss, **kw):
     """What _fetch_feed returns for a 200 with this RSS."""
@@ -327,7 +334,8 @@ class RefreshAllTests(TestCase):
         # Shownotes stay out of the one-request state (they can be large).
         self.assertNotIn('description', data['inbox'][0])
         self.assertEqual(data['settings'], {'enqueue_position': 'back', 'auto_queue_position': 'front',
-                                            'keep_sorted': '', 'auto_download_default': False})
+                                            'keep_sorted': '', 'auto_download_default': False,
+                                            **PLAYBACK_DEFAULTS})
 
 
 # ---------------------------------------------------------------------------
@@ -1031,7 +1039,7 @@ class OpmlExportTests(TestCase):
 FEED_DEFAULTS = {
     'playback_speed': None, 'skip_intro': 0, 'skip_outro': 0, 'volume': 1.0, 'new_episodes': 'inbox',
     'include_words': '', 'exclude_words': '', 'min_duration': 0, 'auto_queue': False, 'auto_download': False,
-    'notify': False,
+    'notify': False, 'episode_sort': '', 'episode_filter': [], 'skip_silence': None,
 }
 
 
@@ -1058,6 +1066,7 @@ class FeedSettingsTests(TestCase):
             'feed_id': self.feed.id, 'playback_speed': 1.5, 'skip_intro': 30, 'skip_outro': 600, 'volume': 2.0,
             'new_episodes': 'inbox', 'include_words': 'News, Talk', 'exclude_words': 'Teaser', 'min_duration': 10,
             'auto_queue': False, 'auto_download': False, 'notify': False,
+            'episode_sort': '', 'episode_filter': [], 'skip_silence': None,
         })
         self.feed.refresh_from_db()
         self.assertEqual((self.feed.playback_speed, self.feed.skip_intro, self.feed.volume, self.feed.min_duration),
@@ -1071,12 +1080,34 @@ class FeedSettingsTests(TestCase):
     def test_every_allowed_volume_and_the_speed_limits(self):
         for v in (0.2, 0.5, 1.0, 1.5, 2.0, 2.5):
             self.assertEqual(self.post({'volume': v}).json()['volume'], v)
-        for s in (0.5, 3, 3.0):
+        for s in (0.5, 3, 3.0, 3.5):
             self.assertEqual(self.post({'playback_speed': s}).json()['playback_speed'], s)
 
+    def test_episode_list_and_skip_silence(self):
+        r = self.post({'episode_sort': 'old', 'episode_filter': ['unplayed', 'favorites', 'unplayed'],
+                       'skip_silence': False})
+        self.assertEqual((r.json()['episode_sort'], r.json()['episode_filter'], r.json()['skip_silence']),
+                         ('old', ['unplayed', 'favorites'], False))
+        self.feed.refresh_from_db()
+        self.assertEqual((self.feed.episode_sort, self.feed.episode_filter, self.feed.skip_silence),
+                         ('old', ['unplayed', 'favorites'], False))
+        for sort in PodcastFeed.EPISODE_SORTS:
+            self.assertEqual(self.post({'episode_sort': sort}).json()['episode_sort'], sort)
+        # Back to the defaults: newest first, all episodes, as the device is set.
+        r = self.post({'episode_sort': '', 'episode_filter': [], 'skip_silence': None})
+        self.assertEqual((r.json()['episode_sort'], r.json()['episode_filter'], r.json()['skip_silence']), ('', [], None))
+        self.assertTrue(self.post({'skip_silence': True}).json()['skip_silence'])
+        self.assertEqual(self.post({'episode_filter': list(PodcastFeed.EPISODE_FILTERS)}).json()['episode_filter'],
+                         list(PodcastFeed.EPISODE_FILTERS))
+        state = {f['id']: f for f in self.client.get('/podcasts/state/').json()['feeds']}[self.feed.id]
+        self.assertEqual((state['episode_sort'], state['episode_filter'], state['skip_silence']),
+                         ('', list(PodcastFeed.EPISODE_FILTERS), True))
+
     def test_invalid_values_name_the_field_and_change_nothing(self):
         bad = [
-            ('playback_speed', 0.4), ('playback_speed', 3.5), ('playback_speed', 'fast'), ('playback_speed', True),
+            ('playback_speed', 0.4), ('playback_speed', 3.6), ('playback_speed', 'fast'), ('playback_speed', True),
+            ('episode_sort', 'played'), ('episode_sort', 1), ('episode_filter', 'unplayed'),
+            ('episode_filter', ['history']), ('episode_filter', [1]), ('skip_silence', 1), ('skip_silence', 'true'),
             ('skip_intro', -1), ('skip_intro', 601), ('skip_intro', 1.5), ('skip_intro', '10'), ('skip_intro', None),
             ('skip_outro', 601), ('volume', 0.7), ('volume', '1.0'), ('volume', None),
             ('new_episodes', 'later'), ('new_episodes', None),
@@ -2384,3 +2415,89 @@ class BulkFavoriteTests(TestCase):
         self.assertEqual(self.client.get('/podcasts/episodes/favorite/').status_code, 405)
         self.client.logout()
         self.assertEqual(self.post({'episode_ids': [self.a.id], 'favorite': True}).status_code, 401)
+
+
+class PlaybackSettingsTests(TestCase):
+    """The account's playback settings: skip lengths, speed presets, what
+    skipping and deleting do, mobile data, times at the speed."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+
+    def post(self, body):
+        return self.client.post('/podcasts/settings/', json.dumps(body), content_type='application/json')
+
+    def settings(self):
+        return {k: getattr(PodcastSettings.for_user(self.user), k) for k in PLAYBACK_DEFAULTS}
+
+    def test_defaults(self):
+        r = self.client.get('/podcasts/settings/').json()
+        self.assertEqual({k: r[k] for k in PLAYBACK_DEFAULTS}, PLAYBACK_DEFAULTS)
+        self.assertEqual(r['skip_choices'], [5, 10, 15, 20, 30, 45, 60])
+        self.assertEqual(r['speed_range'], [0.5, 3.5])
+
+    def test_change_all(self):
+        body = {'skip_back': 10, 'skip_forward': 30, 'smart_played': 30, 'speed_presets': [3, 1, 2.5, 2, 2.0],
+                'keep_skipped': False, 'delete_dequeue': False, 'mobile_downloads': False,
+                'mobile_streaming': 'ask', 'times_by_speed': True}
+        r = self.post(body)
+        self.assertEqual(r.status_code, 200, r.content)
+        expected = {**body, 'speed_presets': [1.0, 2.0, 2.5, 3.0]}
+        self.assertEqual({k: r.json()[k] for k in PLAYBACK_DEFAULTS}, expected)
+        self.assertEqual(self.settings(), expected)
+        self.assertEqual({k: self.client.get('/podcasts/state/').json()['settings'][k] for k in PLAYBACK_DEFAULTS},
+                         expected)
+        # Only what is sent changes; null unsets again.
+        r = self.post({'mobile_streaming': 'never', 'speed_presets': None, 'skip_back': None})
+        self.assertEqual({k: r.json()[k] for k in ('mobile_streaming', 'speed_presets', 'skip_back', 'skip_forward')},
+                         {'mobile_streaming': 'never', 'speed_presets': None, 'skip_back': None, 'skip_forward': 30})
+
+    def test_presets_up_to_three_and_a_half(self):
+        self.assertEqual(self.post({'speed_presets': [0.5, 3.5, 1.234]}).json()['speed_presets'], [0.5, 1.23, 3.5])
+        self.assertEqual(self.post({'speed_presets': [1.0] * 5}).json()['speed_presets'], [1.0])
+
+    def test_invalid_values_change_nothing(self):
+        self.post({'skip_back': 15})
+        bad = [
+            ('skip_back', 7), ('skip_back', 0), ('skip_back', '10'), ('skip_back', 10.5), ('skip_back', True),
+            ('skip_forward', 90), ('smart_played', -1), ('smart_played', 3601), ('smart_played', 'x'),
+            ('speed_presets', []), ('speed_presets', [0.4]), ('speed_presets', [3.6]), ('speed_presets', ['1']),
+            ('speed_presets', 1.5), ('speed_presets', [0.5 + 0.25 * i for i in range(13)]),
+            ('keep_skipped', 1), ('delete_dequeue', None), ('mobile_downloads', 'false'), ('times_by_speed', 0),
+            ('mobile_streaming', 'sometimes'), ('mobile_streaming', None), ('enqueue_position', 'middle'),
+        ]
+        for name, value in bad:
+            with self.subTest(name=name, value=value):
+                r = self.post({'keep_skipped': False, name: value} if name != 'keep_skipped' else {name: value})
+                self.assertEqual(r.status_code, 400)
+                self.assertIn(name, r.json()['error'])
+                self.assertEqual(r.json()['field'], name)
+        self.assertEqual(self.settings(), {**PLAYBACK_DEFAULTS, 'skip_back': 15})
+        self.assertEqual(self.post([1]).status_code, 400)
+        self.assertEqual(self.post({'initial': [1]}).status_code, 400)
+
+    def test_initial_sets_only_what_is_unset(self):
+        """An app hands over its own values once: they only fill what the account doesn't have yet."""
+        self.post({'skip_forward': 45})
+        r = self.post({'initial': {'skip_back': 10, 'skip_forward': 30, 'smart_played': 60,
+                                   'keep_skipped': False}})  # keep_skipped isn't one that starts unset
+        self.assertEqual(r.status_code, 200, r.content)
+        self.assertEqual({k: r.json()[k] for k in ('skip_back', 'skip_forward', 'smart_played', 'keep_skipped')},
+                         {'skip_back': 10, 'skip_forward': 45, 'smart_played': 60, 'keep_skipped': True})
+        # A second device comes too late: nothing changes.
+        r = self.post({'initial': {'skip_back': 5, 'smart_played': 0, 'speed_presets': [1, 2]}})
+        self.assertEqual({k: r.json()[k] for k in ('skip_back', 'smart_played', 'speed_presets')},
+                         {'skip_back': 10, 'smart_played': 60, 'speed_presets': [1.0, 2.0]})
+        # Invalid initial values are refused like any other.
+        r = self.post({'initial': {'skip_back': 7}})
+        self.assertEqual((r.status_code, r.json()['field']), (400, 'skip_back'))
+        # Initial and a change at once: the change wins.
+        PodcastSettings.objects.filter(user=self.user).update(smart_played=None)
+        r = self.post({'smart_played': 120, 'initial': {'smart_played': 30}})
+        self.assertEqual(r.json()['smart_played'], 120)
+
+    def test_login(self):
+        self.client.logout()
+        self.assertEqual(self.post({'skip_back': 10}).status_code, 401)
+        self.assertEqual(self.client.get('/podcasts/settings/').status_code, 401)
diff --git a/podcasts/views.py b/podcasts/views.py
index e94602c..d075d4f 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -27,7 +27,7 @@ from . import feedext
 from . import transcripts as transcripts_mod
 from .models import (
     EpisodeProgress, EpisodeTranscript, PlayerDevice, PlayerState, PodcastEpisode, PodcastFeed, PodcastQueue,
-    PodcastSettings, counts_as_played,
+    MAX_SPEED, MIN_SPEED, PodcastSettings, counts_as_played,
 )
 from .shownotes import extract_timestamps, sanitize_html
 
@@ -725,7 +725,7 @@ def feed_list(request):
 FEED_SETTING_FIELDS = (
     'playback_speed', 'skip_intro', 'skip_outro', 'volume',
     'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_queue', 'auto_download',
-    'notify',
+    'notify', 'episode_sort', 'episode_filter', 'skip_silence',
 )
 
 
@@ -878,11 +878,34 @@ def _whole(value, low, high):
 def _speed(value):
     if value is None:
         return None
-    if not _number(value) or not 0.5 <= value <= 3.0:
+    if not _number(value) or not MIN_SPEED <= value <= MAX_SPEED:
         raise ValueError
     return float(value)
 
 
+def _episode_sort(value):
+    if value in (None, ''):
+        return ''
+    if value not in PodcastFeed.EPISODE_SORTS:
+        raise ValueError
+    return value
+
+
+def _episode_filter(value):
+    """A list of filter ids (each once, in the given order); [] = all episodes."""
+    if value is None:
+        return []
+    if not isinstance(value, list) or any(v not in PodcastFeed.EPISODE_FILTERS for v in value):
+        raise ValueError
+    return list(dict.fromkeys(value))
+
+
+def _optional_boolean(value):
+    if value is not None and not isinstance(value, bool):
+        raise ValueError
+    return value
+
+
 def _volume(value):
     if not _number(value) or float(value) not in PodcastFeed.VOLUMES:
         raise ValueError
@@ -920,6 +943,9 @@ FEED_SETTING_PARSERS = {
     'min_duration': lambda v: _whole(v, 0, 600),
     'auto_download': _boolean,
     'notify': _boolean,
+    'episode_sort': _episode_sort,
+    'episode_filter': _episode_filter,
+    'skip_silence': _optional_boolean,
 }
 
 
@@ -1557,8 +1583,7 @@ def podcast_state(request):
         'feeds': _feeds_data(request.user),
         'queue': _queue_data(request.user),
         'inbox': _inbox_data(request.user, 0, limit, with_description=False),
-        'settings': {'enqueue_position': s.enqueue_position, 'auto_queue_position': s.auto_queue_position,
-                     'keep_sorted': s.keep_sorted, 'auto_download_default': s.auto_download_default},
+        'settings': _settings_data(s),
         'import_downloads': {'count': len(downloads), 'bytes': sum(e['size'] for e in downloads)},
         'server_time': timezone.now().isoformat(),
     })
@@ -1677,9 +1702,90 @@ def queue_reorder(request):
     return JsonResponse({'ok': True})
 
 
+def _choice(choices, what):
+    def parse(value):
+        if value not in choices:
+            raise LookupError(f'unknown {what}')
+        return value
+    return parse
+
+
+def _skip_seconds(value):
+    if value is None:
+        return None
+    if not _number(value) or value != int(value) or int(value) not in PodcastSettings.SKIP_CHOICES:
+        raise ValueError
+    return int(value)
+
+
+def _smart_played(value):
+    return None if value is None else _whole(value, 0, 3600)
+
+
+def _speed_presets(value):
+    """Up to MAX_PRESETS speeds (MIN_SPEED to MAX_SPEED), rounded to two
+    places, each once, ascending; null = the apps' default list."""
+    if value is None:
+        return None
+    if not isinstance(value, list) or not 1 <= len(value) <= PodcastSettings.MAX_PRESETS:
+        raise ValueError
+    out = set()
+    for v in value:
+        if not _number(v) or not math.isfinite(v) or not MIN_SPEED <= v <= MAX_SPEED:
+            raise ValueError
+        out.add(round(float(v), 2))
+    return sorted(out)
+
+
+# POST settings/: each field's parser; a LookupError's text is the error.
+SETTING_PARSERS = {
+    'enqueue_position': _choice(QUEUE_POSITIONS, 'enqueue_position'),
+    'auto_queue_position': _choice(QUEUE_POSITIONS, 'auto_queue_position'),
+    'keep_sorted': _choice(KEEP_SORTED, 'keep_sorted'),
+    'auto_download_default': _boolean,
+    'skip_back': _skip_seconds,
+    'skip_forward': _skip_seconds,
+    'smart_played': _smart_played,
+    'speed_presets': _speed_presets,
+    'keep_skipped': _boolean,
+    'delete_dequeue': _boolean,
+    'mobile_downloads': _boolean,
+    'mobile_streaming': _choice({key for key, _ in PodcastSettings.STREAMING}, 'mobile_streaming'),
+    'times_by_speed': _boolean,
+}
+
+
+def _settings_data(s):
+    return {
+        'enqueue_position': s.enqueue_position, 'auto_queue_position': s.auto_queue_position,
+        'keep_sorted': s.keep_sorted, 'auto_download_default': s.auto_download_default,
+        **{name: getattr(s, name) for name in PodcastSettings.PLAYBACK_FIELDS},
+    }
+
+
+def _parse_settings(body, names):
+    """{field: value} for those of `names` in body; raises (field, error text)."""
+    out = {}
+    for name in names:
+        if name not in body:
+            continue
+        try:
+            out[name] = SETTING_PARSERS[name](body[name])
+        except LookupError as e:
+            raise ValueError(name, str(e))
+        except (ValueError, TypeError, OverflowError):
+            raise ValueError(name, f'invalid {name}')
+    return out
+
+
 @csrf_exempt
 def podcast_settings(request):
-    """GET the user's podcast settings; POST changes some of them."""
+    """GET the user's podcast settings; POST changes some of them (any of
+    SETTING_PARSERS; nothing changes if one value is invalid).
+
+    POST {"initial": {...}} sets the playback settings that are still unset
+    (null) and leaves the others: how an app hands over its own values once,
+    the first time it finds the account without them."""
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
     s = PodcastSettings.for_user(request.user)
@@ -1688,35 +1794,40 @@ def podcast_settings(request):
             body = json.loads(request.body)
         except (json.JSONDecodeError, ValueError):
             return JsonResponse({'error': 'invalid JSON'}, status=400)
-        fields = []
-        for name in ('enqueue_position', 'auto_queue_position'):
-            if name in body:
-                if body[name] not in QUEUE_POSITIONS:
-                    return JsonResponse({'error': f'unknown {name}'}, status=400)
-                setattr(s, name, body[name])
-                fields.append(name)
-        if 'keep_sorted' in body:
-            if body['keep_sorted'] not in KEEP_SORTED:
-                return JsonResponse({'error': 'unknown keep_sorted'}, status=400)
-            s.keep_sorted = body['keep_sorted']
-            fields.append('keep_sorted')
-        if 'auto_download_default' in body:
-            if not isinstance(body['auto_download_default'], bool):
-                return JsonResponse({'error': 'invalid auto_download_default'}, status=400)
-            s.auto_download_default = body['auto_download_default']
-            fields.append('auto_download_default')
-        if fields:
-            s.save(update_fields=fields)
-        if 'keep_sorted' in fields:
+        if not isinstance(body, dict):
+            return JsonResponse({'error': 'invalid JSON'}, status=400)
+        initial = body.get('initial') or {}
+        if not isinstance(initial, dict):
+            return JsonResponse({'error': 'invalid initial', 'field': 'initial'}, status=400)
+        try:
+            changes = _parse_settings(body, SETTING_PARSERS)
+            first = _parse_settings(initial, PodcastSettings.UNSET_FIELDS)
+        except ValueError as e:
+            name, text = e.args
+            return JsonResponse({'error': text, 'field': name}, status=400)
+        if first:
+            # Only where nothing is set yet, decided by the database (two
+            # devices handing theirs over at once: the first one wins).
+            with transaction.atomic():
+                s = PodcastSettings.objects.select_for_update().get(pk=s.pk)
+                fields = [name for name, value in first.items() if getattr(s, name) is None and value is not None]
+                for name in fields:
+                    setattr(s, name, first[name])
+                if fields:
+                    s.save(update_fields=fields)
+        if changes:
+            for name, value in changes.items():
+                setattr(s, name, value)
+            s.save(update_fields=list(changes))
+        if 'keep_sorted' in changes:
             _keep_sorted(request.user, s.keep_sorted)  # sorted right away
     elif request.method != 'GET':
         return JsonResponse({'error': 'method not allowed'}, status=405)
     return JsonResponse({
-        'enqueue_position': s.enqueue_position,
-        'auto_queue_position': s.auto_queue_position,
-        'keep_sorted': s.keep_sorted,
-        'auto_download_default': s.auto_download_default,
-        'positions':[{'value': k, 'label': v} for k, v in PodcastSettings.POSITIONS],
+        **_settings_data(s),
+        'positions': [{'value': k, 'label': v} for k, v in PodcastSettings.POSITIONS],
+        'skip_choices': list(PodcastSettings.SKIP_CHOICES),
+        'speed_range': [MIN_SPEED, MAX_SPEED],
     })
 
 
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index e9091b1..cb7bac2 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -65,7 +65,25 @@
   const POSITIONS = ['back', 'front', 'after_current'];
   const SORT_RULES = ['', 'new', 'old', 'short', 'long', 'feed'];
   const FEED_SETTINGS = ['playback_speed', 'skip_intro', 'skip_outro', 'volume',
-    'new_episodes', 'include_words', 'exclude_words', 'min_duration'];
+    'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_download', 'notify',
+    'episode_sort', 'episode_filter', 'skip_silence'];
+  // The account's playback settings (diora-web PodcastSettings) and what each may be.
+  const SKIPS = [5, 10, 15, 20, 30, 45, 60];
+  const MIN_SPEED = 0.5;
+  const MAX_SPEED = 3.5;
+  const ACCOUNT_SETTINGS = {
+    skip_back: v => v === null || SKIPS.indexOf(v) >= 0,
+    skip_forward: v => v === null || SKIPS.indexOf(v) >= 0,
+    smart_played: v => v === null || (v === Math.round(v) && v >= 0 && v <= 3600),
+    speed_presets: v => v === null || (Array.isArray(v) && v.length > 0 && v.length <= 12 &&
+      v.every(x => typeof x === 'number' && x >= MIN_SPEED && x <= MAX_SPEED)),
+    keep_skipped: v => typeof v === 'boolean',
+    delete_dequeue: v => typeof v === 'boolean',
+    mobile_downloads: v => typeof v === 'boolean',
+    mobile_streaming: v => ['allow', 'ask', 'never'].indexOf(v) >= 0,
+    times_by_speed: v => typeof v === 'boolean',
+    auto_download_default: v => typeof v === 'boolean',
+  };
 
   function empty() {
     return {feeds: [], queue: [], inbox: [], settings: {enqueue_position: 'back', auto_queue_position: 'front'}};
@@ -340,6 +358,14 @@
         settings.keep_sorted = body.keep_sorted = changes.keep_sorted;
         if (changes.keep_sorted) setQueueOrder(s, queueIds(s));   // sorts at once
       }
+      for (const name of Object.keys(ACCOUNT_SETTINGS)) {
+        if (!(name in changes)) continue;
+        let v = changes[name];
+        if (name === 'speed_presets' && Array.isArray(v)) {
+          v = v.map(x => Math.round(x * 100) / 100).filter((x, i, a) => a.indexOf(x) === i).sort((a, b) => a - b);
+        }
+        if (ACCOUNT_SETTINGS[name](v)) settings[name] = body[name] = v;
+      }
       if (Object.keys(body).length) queueOp('/podcasts/settings/', body);
     });
   }
@@ -371,20 +397,29 @@
   // ---- this device's playback settings (PlaybackPrefs.kt) --------------------------
 
   const CHOICES = {
-    skip_back: [5, 10, 15, 30],
-    skip_forward: [10, 15, 30, 45, 60],
-    smart_played: [0, 15, 30, 60, 120, 300, 600],
+    skip_back: SKIPS,
+    skip_forward: SKIPS,
+    smart_played: [0, 15, 30, 45, 60, 120, 300, 600],
   };
   const prefs = Object.assign({speed: 1, skip_back: 15, skip_forward: 30, remove_played: true, smart_played: 30,
     sleep_last: 15, sleep_auto: false}, load('prefs', {}));
 
+  // Skip lengths and "counts as played": the account's where it has them, else this browser's.
+  function eff(name) {
+    const v = (state.settings || {})[name];
+    return v != null ? v : prefs[name];
+  }
+  const keepSkipped = () => (state.settings || {}).keep_skipped !== false;
+
   function setPref(name, value) {
     if (name === 'speed') {
-      if (!(value >= 0.5 && value <= 3)) return;
+      if (!(value >= MIN_SPEED && value <= MAX_SPEED)) return;
       prefs.speed = value;
     } else if (CHOICES[name]) {
       if (CHOICES[name].indexOf(Math.round(value)) < 0) return;
       prefs[name] = Math.round(value);
+      // The account's setting, where the server has it: the same on every device.
+      if (name in (state.settings || {})) { setSettings({[name]: Math.round(value)}); flush(); }
     } else if (name === 'remove_played') {
       prefs.remove_played = !!value;
     } else {
@@ -395,8 +430,8 @@
 
   // What the page shows as settings. No skip_silence / headset_next: the page leaves those out.
   function prefsJson() {
-    return {speed: prefs.speed, skip_back: prefs.skip_back, skip_forward: prefs.skip_forward,
-      remove_played: prefs.remove_played, smart_played: prefs.smart_played, feeds: {}};
+    return {speed: prefs.speed, skip_back: eff('skip_back'), skip_forward: eff('skip_forward'),
+      remove_played: prefs.remove_played, smart_played: eff('smart_played'), feeds: {}};
   }
 
   function speedFor(feedId) {
@@ -519,7 +554,7 @@
   // Within the last seconds (setting, AntennaPod: 30 s) an episode counts as finished.
   function almostEnded() {
     const dur = durMs();
-    return dur > 0 && posMs() >= dur - Math.max(prefs.smart_played * 1000, 1000);
+    return dur > 0 && posMs() >= dur - Math.max(eff('smart_played') * 1000, 1000);
   }
 
   function nextEntry() {
@@ -601,12 +636,15 @@
   }
 
   // Move to another episode (onMediaItemTransition): the one we leave counts as
-  // finished when it ended (auto) or is left within its last seconds; else it keeps its place.
-  function goTo(e, auto, play) {
+  // finished when it ended (auto) or is left within its last seconds; one skipped
+  // to the next (⏭, media keys) counts as played when skipped ones aren't kept
+  // (the account's keep_skipped); else it keeps its place.
+  function goTo(e, auto, play, skipped) {
     const prev = curId();
     let stop = false;
     if (prev != null && prev !== outroDone && (auto || e.episode__id !== prev)) {
       if (auto || almostEnded()) stop = finished(prev);
+      else if (skipped && !keepSkipped()) { markPlayedAll([prev], true, prefs.remove_played); flush(); }
       else saveNow(prev, true);
     }
     unload();
@@ -682,15 +720,16 @@
 
   function skip(forward) {
     const pos = posMs();
-    if (!forward) { seek(pos - prefs.skip_back * 1000); return; }
-    const to = pos + prefs.skip_forward * 1000;
+    if (!forward) { seek(pos - eff('skip_back') * 1000); return; }
+    const to = pos + eff('skip_forward') * 1000;
     const dur = durMs();
     seek(dur > 0 ? Math.min(to, dur - 1000) : to);
   }
 
+  // To the next episode: the one left is skipped (see goTo).
   function next() {
     const n = nextEntry();
-    if (n) goTo(n, false, wantPlay);
+    if (n) goTo(n, false, wantPlay, true);
   }
 
   function playEpisode(id) {
diff --git a/static/js/sw.js b/static/js/sw.js
index 9398b7e..c8f2fd2 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v64';
+const CACHE = 'diora-v65';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 965897d..96eadb6 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 6b0855e 2026-10-02: web-native/static/native-podcast.js
+// Copied from diora-android 304abf0 2026-10-02: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -36,7 +36,13 @@
     {value: 'front', label: 'An den Anfang'},
     {value: 'after_current', label: 'Nach der laufenden Folge'},
   ];
+  // The speed menu's choices while the account has no presets of its own (settings().speed_presets).
   const SPEEDS = [0.8, 0.9, 1, 1.1, 1.2, 1.3, 1.5, 1.75, 2];
+  const MIN_SPEED = 0.5;
+  const MAX_SPEED = 3.5;
+  const MAX_PRESETS = 12;
+  // Skip lengths back and forward (seconds), as AntennaPod offers them.
+  const SKIPS = [5, 10, 15, 20, 30, 45, 60];
 
   function parse(s, fallback) {
     try { return JSON.parse(s); } catch (e) { return fallback; }
@@ -61,6 +67,29 @@
   const feeds = () => state.feeds || [];
   const settings = () => state.settings || {};
   const currentId = () => (player.kind === 'podcast' ? player.episodeId : 0);
+  // The account's speed presets (null there: the default list).
+  const presets = () => {
+    const p = settings().speed_presets;
+    return Array.isArray(p) && p.length ? p.slice().sort((a, b) => a - b) : SPEEDS;
+  };
+  // Skipping to the next episode keeps the skipped one (AntennaPod's "keep skipped episodes").
+  const keepSkipped = () => settings().keep_skipped !== false;
+
+  // "Zeiten an das Tempo anpassen": lengths and remaining times as long as they take at the speed.
+  const bySpeed = () => !!settings().times_by_speed;
+  let prefsSeen = null;
+  let prefsAt = 0;
+  function speedOf(feedId) {
+    if (!prefsSeen || Date.now() - prefsAt > 2000) { prefsSeen = devicePrefs(); prefsAt = Date.now(); }
+    const f = feedId ? feeds().find(x => x.id === feedId) : null;
+    return f && f.playback_speed > 0 ? f.playback_speed : prefsSeen.speed > 0 ? prefsSeen.speed : 1;
+  }
+  // Seconds as shown: at the podcast's speed (or `speed`), when so set.
+  function shown(seconds, feedId, speed) {
+    if (!bySpeed()) return seconds;
+    const s = speed > 0 ? speed : speedOf(feedId);
+    return s > 0 ? seconds / s : seconds;
+  }
 
   // ---- small helpers ---------------------------------------------------------------
 
@@ -256,16 +285,23 @@
         {icon: '↻', label: 'Automatisch eingereihte Folgen', hint: label(s.auto_queue_position),
          action: () => choose('auto_queue_position', 'Neue Folgen von Podcasts mit „Automatisch einreihen“ kommen …')},
         removePlayedItem(),
+        keepSkippedItem(),
+        deleteDequeueItem(),
       ]),
-      group('▶', 'Abspielen', ['Sprungweiten', 'skip_silence' in prefs && 'Stille', '„gehört“',
-        'headset_next' in prefs && 'Kopfhörer', 'notify_buttons' in prefs && 'Benachrichtigung'].filter(Boolean).join(', '), () => [
-        skipItem('skip_back', 'Zurückspringen', [5, 10, 15, 30]),
-        skipItem('skip_forward', 'Vorspringen', [10, 15, 30, 45, 60]),
+      group('▶', 'Abspielen', ['Sprungweiten', 'speed_presets' in s && 'Tempo', 'skip_silence' in prefs && 'Stille', '„gehört“',
+        'times_by_speed' in s && 'Zeiten', 'headset_next' in prefs && 'Kopfhörer',
+        'notify_buttons' in prefs && 'Benachrichtigung'].filter(Boolean).join(', '), () => [
+        skipItem('skip_back', 'Zurückspringen', SKIPS),
+        skipItem('skip_forward', 'Vorspringen', SKIPS),
+        'speed_presets' in s && {icon: '»', label: 'Tempo-Voreinstellungen', hint: presets().map(speedLabel).join(' · '),
+          action: () => presetsEditor()},
         silenceItem(),
         playedItem(),
+        timesItem(),
         headsetItem(),
         notifyItem(),
       ]),
+      mobileGroup(),
       DL && {icon: '↓', label: 'Downloads', hint: dlSummary(), action: openDownloads},
       DL && group('⚙︎', 'Download-Einstellungen', 'automatisch, gleichzeitig, Limit, aufräumen', () => [
         // Account-wide (server): new subscriptions start with auto-download on or off.
@@ -302,12 +338,17 @@
             })))};
   }
 
+  // Skip lengths and "counts as played" belong to the account where the server knows them
+  // (the host sends them there, PlaybackPrefs.set); else to this device.
+  const where = name => (name in settings() ? 'für alle Geräte' : 'auf diesem Gerät');
+
   function skipItem(name, label, choices) {
     if (!N.podcastSetPrefValue) return null;
     const now = devicePrefs()[name];
     return {icon: name === 'skip_back' ? '↺' : '↻', label, hint: `${now} Sekunden`,
-            action: () => openSheet(label, choices.map(c => ({
-              icon: c === now ? '●' : '○', label: `${c} Sekunden`, action: () => N.podcastSetPrefValue(name, c),
+            action: () => openSheet(`${label} (${where(name)})`, choices.map(c => ({
+              icon: c === now ? '●' : '○', label: `${c} Sekunden`, active: c === now,
+              action: () => { N.podcastSetPrefValue(name, c); toast(`${label}: ${c} Sekunden`); },
             })))};
   }
 
@@ -317,9 +358,116 @@
     if (now == null) return null;
     const label = v => (v ? `${v >= 60 ? v / 60 + ' min' : v + ' s'} vor dem Ende` : 'erst ganz am Ende');
     return {icon: '✓', label: 'Als gehört zählen', hint: label(now),
-            action: () => openSheet('Eine Folge zählt als gehört …', [0, 15, 30, 60, 120, 300, 600].map(v => ({
-              icon: v === now ? '●' : '○', label: label(v), action: () => N.podcastSetPrefValue('smart_played', v),
-            })))};
+            action: () => openSheet(`Eine Folge zählt als gehört … (${where('smart_played')})`,
+              [0, 15, 30, 45, 60, 120, 300, 600].map(v => ({
+                icon: v === now ? '●' : '○', label: label(v), active: v === now,
+                action: () => N.podcastSetPrefValue('smart_played', v),
+              })))};
+  }
+
+  // An account setting (server: POST /podcasts/settings/), through the host.
+  function setAccount(name, value, text) {
+    if (!N.podcastSettings) return;
+    N.podcastSettings(JSON.stringify({[name]: value}));
+    if (text) toast(text);
+  }
+
+  function accountSwitch(name, label, onHint, offHint, def) {
+    const s = settings();
+    if (!(name in s)) return null;
+    const on = s[name] == null ? def : !!s[name];
+    return {icon: on ? '☑' : '☐', label, hint: on ? onHint : offHint,
+            action: () => setAccount(name, !on, `${label}: ${on ? 'aus' : 'an'}`)};
+  }
+
+  // AntennaPod's "keep skipped episodes": ⏭, "Folge überspringen", headset and car go on without marking.
+  function keepSkippedItem() {
+    return accountSwitch('keep_skipped', 'Übersprungene Folgen behalten',
+      'an: wer zur nächsten springt, lässt die Folge ungehört in der Warteschlange',
+      'aus: übersprungene Folgen zählen als gehört', true);
+  }
+
+  // AntennaPod's "delete removes from queue".
+  function deleteDequeueItem() {
+    if (!DL) return null;
+    return accountSwitch('delete_dequeue', 'Löschen nimmt aus der Warteschlange',
+      'an: wer einen Download löscht, nimmt die Folge auch aus der Warteschlange', 'aus: die Folge bleibt eingereiht', true);
+  }
+
+  // AntennaPod's "adjust media info to playback speed".
+  function timesItem() {
+    return accountSwitch('times_by_speed', 'Zeiten an das Tempo anpassen',
+      'an: Längen und Restzeiten so, wie lange sie beim eingestellten Tempo dauern', 'aus: Längen wie bei 1×', false);
+  }
+
+  // What may use mobile data: downloads by hand (account), automatic ones (this device), streaming (account).
+  const STREAMING = [
+    {value: 'allow', label: 'Erlauben'},
+    {value: 'ask', label: 'Nachfragen', hint: 'einmal pro Folge'},
+    {value: 'never', label: 'Nie', hint: 'nur WLAN oder heruntergeladene Folgen'},
+  ];
+
+  function mobileGroup() {
+    const s = settings();
+    const items = () => {
+      const now = settings();
+      const dls = DL ? parse(N.podcastDownloadSettings(), dlSettings) : {};
+      const streaming = STREAMING.find(c => c.value === now.mobile_streaming) || STREAMING[0];
+      return [
+        DL && accountSwitch('mobile_downloads', 'Downloads per Hand über mobile Daten',
+          'an: was du von Hand lädst, lädt auch unterwegs', 'aus: wartet aufs WLAN, wie automatische Downloads', true),
+        DL && {icon: dls.mobile ? '☑' : '☐', label: 'Automatische Downloads über mobile Daten',
+          hint: (dls.mobile ? 'an' : 'aus: nur im WLAN') + ' · dieses Gerät', action: () => dlSet({mobile: !dls.mobile})},
+        N.podcastAllowStream && 'mobile_streaming' in now && {icon: '⇵', label: 'Streamen über mobile Daten',
+          hint: streaming.label + ' · Radio ist davon nicht betroffen',
+          action: () => openSheet('Folgen über mobile Daten streamen', STREAMING.map(c => ({
+            icon: c.value === streaming.value ? '●' : '○', label: c.label, hint: c.hint || null, active: c.value === streaming.value,
+            action: () => setAccount('mobile_streaming', c.value, `Streamen über mobile Daten: ${c.label}`),
+          })))},
+      ].filter(Boolean);
+    };
+    if (!('mobile_downloads' in s || 'mobile_streaming' in s) || !items().length) return null;
+    return {icon: '📶', label: 'Mobile Daten', hint: 'Downloads und Streamen unterwegs', action: () => openSheet('Mobile Daten', items())};
+  }
+
+  // ---- speed presets (the account's; AntennaPod's speed presets, up to 3.5×) ----
+
+  const roundSpeed = v => Math.round(v * 100) / 100;
+
+  function savePresets(list) {
+    setAccount('speed_presets', list);
+    setTimeout(() => presetsEditor(list || SPEEDS), 60);
+  }
+
+  function presetsEditor(list) {
+    const now = (list || presets()).slice().sort((a, b) => a - b);
+    const own = Array.isArray(settings().speed_presets) || !!list;
+    openSheet('Tempo-Voreinstellungen', now.map(v => ({
+      icon: '✕', label: speedLabel(v), hint: now.length > 1 ? 'antippen zum Entfernen' : 'eine bleibt immer',
+      action: () => { if (now.length > 1) savePresets(now.filter(x => x !== v)); else toast('Eine Voreinstellung bleibt immer'); },
+    })).concat([
+      {icon: '+', label: 'Tempo hinzufügen', hint: `${speedLabel(MIN_SPEED)} bis ${speedLabel(MAX_SPEED)}`,
+       action: () => addPreset(now)},
+      own && {icon: '↺', label: 'Standardliste', hint: SPEEDS.map(speedLabel).join(' · '), action: () => savePresets(null)},
+    ].filter(Boolean)));
+  }
+
+  function addPreset(now) {
+    if (now.length >= MAX_PRESETS) { toast(`Höchstens ${MAX_PRESETS} Voreinstellungen`); return; }
+    const add = v => savePresets(now.concat(roundSpeed(v)).sort((a, b) => a - b));
+    const choices = [];
+    for (let v = MIN_SPEED; v <= MAX_SPEED + 0.001; v += 0.25) {
+      if (!now.some(x => Math.abs(x - v) < 0.001)) choices.push(roundSpeed(v));
+    }
+    openSheet('Tempo hinzufügen', choices.map(v => ({icon: '+', label: speedLabel(v), action: () => add(v)}))
+      .concat(typeof customPrompt === 'function' ? [{icon: '✎', label: 'Eigener Wert …', hint: 'z. B. 1,65', action: async () => {
+        const t = await customPrompt(`Tempo (${speedLabel(MIN_SPEED)} bis ${speedLabel(MAX_SPEED)}):`, '');
+        if (t == null) return;
+        const v = roundSpeed(parseFloat(String(t).replace(',', '.').replace(/[×x]/g, '')));
+        if (!(v >= MIN_SPEED && v <= MAX_SPEED)) { toast(`Bitte eine Zahl von ${speedLabel(MIN_SPEED)} bis ${speedLabel(MAX_SPEED)}`); return; }
+        if (now.some(x => Math.abs(x - v) < 0.001)) { toast(`${speedLabel(v)} ist schon dabei`); return; }
+        add(v);
+      }}] : []));
   }
 
   // A host without headset buttons or silence skipping (the browser) leaves them out of its prefs.
@@ -335,17 +483,20 @@
 
   // The notification's two extra buttons (app only: NotifyButtons.kt), like AntennaPod's.
   const NOTIFY = [
-    {key: 'next', label: 'Folge überspringen', hint: 'zählt als gehört, die nächste spielt'},
-    {key: 'chapter', label: 'Nächstes Kapitel', hint: 'wenn die Folge Kapitel hat'},
-    {key: 'speed', label: 'Tempo', hint: '1× · 1,2× · 1,5× · 1,75× · 2×'},
-    {key: 'sleep', label: 'Sleep-Timer', hint: '15 Minuten an / aus'},
+    {key: 'next', label: 'Folge überspringen',
+     hint: () => (keepSkipped() ? 'die nächste spielt, diese bleibt ungehört eingereiht' : 'zählt als gehört, die nächste spielt')},
+    {key: 'chapter', label: 'Nächstes Kapitel', hint: () => 'wenn die Folge Kapitel hat'},
+    // The account's presets; without any, the app's own list.
+    {key: 'speed', label: 'Tempo', hint: () => (Array.isArray(settings().speed_presets) && settings().speed_presets.length
+      ? presets() : [1, 1.2, 1.5, 1.75, 2]).map(speedLabel).join(' · ')},
+    {key: 'sleep', label: 'Sleep-Timer', hint: () => '15 Minuten an / aus'},
   ];
   function notifyItem() {
     if (!N.podcastSetNotifyButtons || !Array.isArray(devicePrefs().notify_buttons)) return null;
     const now = devicePrefs().notify_buttons;
     const names = keys => keys.map(k => (NOTIFY.find(n => n.key === k) || {}).label).filter(Boolean).join(', ') || 'keine';
     const sheet = chosen => openSheet('Zwei Knöpfe in der Benachrichtigung', NOTIFY.map(n => ({
-      icon: chosen.includes(n.key) ? '☑' : '☐', label: n.label, hint: n.hint,
+      icon: chosen.includes(n.key) ? '☑' : '☐', label: n.label, hint: n.hint(),
       // A third one replaces the one chosen first.
       action: () => {
         const next = chosen.includes(n.key) ? chosen.filter(k => k !== n.key) : chosen.concat(n.key).slice(-2);
@@ -749,7 +900,7 @@
     if (!o || !o.count || !N.podcastImportDownloads || !N.podcastDownloadSettings) return null;
     const box = el('div', 'nui-pod-offer');
     const s = parse(N.podcastDownloadSettings(), {});
-    const needed = (Object.keys(downloads).length || 0) + o.count + (s.auto ? s.count || 0 : 0);
+    const needed = (Object.keys(downloads).length || 0) + o.count + (s.auto ? (s.count === 0 ? queue().length : s.count || 0) : 0);
     const raise = s.limit > 0 && needed > s.limit
       ? ` „Höchstens behalten“ geht dafür von ${s.limit} auf ${[5, 10, 25, 50, 100, 500].find(n => n >= needed) || 'unbegrenzt'}.` : '';
     box.append(el('div', null, `${o.count} ${o.count === 1 ? 'Folge war' : 'Folgen waren'} in AntennaPod heruntergeladen` +
@@ -791,7 +942,7 @@
     const meta = [];
     // A played episode, or a place past the feed's (often wrong) length: just the length.
     const started = e.pos > 30 && !e.played && e.pos < e.duration - 30;
-    if (e.duration) meta.push(started ? minutes(e.duration - e.pos) + ' übrig' : minutes(e.duration));
+    if (e.duration) meta.push(started ? minutes(shown(e.duration - e.pos, e.feedId)) + ' übrig' : minutes(shown(e.duration, e.feedId)));
     if (opts.showDate && e.date) meta.push(day(e.date));
     if (opts.showFeed && e.feed) meta.push(e.feed);
     main.append(el('div', 'nui-pod-meta', meta.join(' · ')));
@@ -829,7 +980,7 @@
       empty('Die Warteschlange ist leer. Unter „Neu“ oder bei einem Abo tippst du auf „+“, um Folgen einzureihen.');
       return;
     }
-    const total = items.reduce((n, e) => n + Math.max(0, (e.duration || 0) - (e.pos || 0)), 0);
+    const total = items.reduce((n, e) => n + shown(Math.max(0, (e.duration || 0) - (e.pos || 0)), e.feedId), 0);
     if (selected) {
       root.append(selectionBar(items, [
         {label: 'Nach oben', run: ids => N.podcastReorder(JSON.stringify(ids.concat(queue().map(q => q.episode__id).filter(id => !ids.includes(id)))))},
@@ -1166,12 +1317,28 @@
     root.append(list);
   }
 
-  // A podcast's list: its filters and order, remembered per podcast on this device.
+  // A podcast's list: its filters and order, per podcast. On the server (episode_sort,
+  // episode_filter: the same on every device) where it knows them; else on this device.
+  const serverLists = live => !!live && 'episode_sort' in live && !!N.podcastFeedSettings;
+
   function feedListPrefs(id) {
+    const live = feeds().find(x => x.id === id);
+    if (serverLists(live)) {
+      return {sort: live.episode_sort || 'new', filters: Array.isArray(live.episode_filter) ? live.episode_filter : []};
+    }
     try { return JSON.parse(localStorage.getItem('nui_pod_feedlists') || '{}')[id] || {}; } catch (e) { return {}; }
   }
 
   function saveFeedListPrefs(id, prefs) {
+    const live = feeds().find(x => x.id === id);
+    if (serverLists(live)) {
+      const sort = prefs.sort === 'new' ? '' : prefs.sort;
+      // Shows at once; the host sends it on.
+      live.episode_sort = sort;
+      live.episode_filter = prefs.filters.slice();
+      N.podcastFeedSettings(id, JSON.stringify({episode_sort: sort, episode_filter: prefs.filters}));
+      return;
+    }
     try {
       const all = JSON.parse(localStorage.getItem('nui_pod_feedlists') || '{}');
       if (!prefs.filters.length && prefs.sort === 'new') delete all[id]; else all[id] = prefs;
@@ -1179,6 +1346,26 @@
     } catch (e) {}
   }
 
+  // Once the server keeps the lists: what this device remembered goes there (where the
+  // server has nothing set for that podcast yet), then the device forgets it.
+  function moveFeedListsToServer() {
+    if (!N.podcastFeedSettings) return;
+    let all = null;
+    try { all = JSON.parse(localStorage.getItem('nui_pod_feedlists') || 'null'); } catch (e) { all = null; }
+    if (!all) return;
+    const list = feeds();
+    if (!list.length || !list.some(f => 'episode_sort' in f)) return;
+    try { localStorage.removeItem('nui_pod_feedlists'); } catch (e) { return; }
+    for (const id of Object.keys(all)) {
+      const live = list.find(f => String(f.id) === id);
+      const p = all[id] || {};
+      if (!serverLists(live) || live.episode_sort || (live.episode_filter || []).length) continue;
+      const filters = (Array.isArray(p.filters) ? p.filters : []).filter(x => FILTERS.some(y => y.id === x && !y.all));
+      const sort = EP_SORTS.some(s => s.id === p.sort && !s.all) ? p.sort : 'new';
+      if (filters.length || sort !== 'new') saveFeedListPrefs(live.id, {filters, sort});
+    }
+  }
+
   // ---- a podcast's info page: description, website, feed address, numbers ----------------
   // In the shownotes' sheet (closeNotes closes it, also with the back button).
 
@@ -1295,14 +1482,33 @@
     })));
     row.append(
       chip('Tempo', own.speed ? speedLabel(own.speed) : '', () => openSheet(`Geschwindigkeit für „${plain(f.title)}“`,
-        SPEEDS.map(v => ({icon: own.speed === v ? '●' : '○', label: speedLabel(v), action: () => set('speed', v)}))
-          .concat([{icon: '↺', label: 'Wie alle anderen Podcasts', action: () => set('speed', 0)}]))),
+        speedChoices(own.speed).map(v => ({icon: Math.abs((own.speed || 0) - v) < 0.01 ? '●' : '○', label: speedLabel(v),
+          action: () => set('speed', v)}))
+          .concat([{icon: '↺', label: 'Wie alle anderen Podcasts', action: () => set('speed', 0)}])
+          .concat(presetsEditItem()))),
       chip('Intro', own.intro ? `${own.intro} s` : '', () => seconds('intro', 'Am Anfang jeder Folge überspringen')),
       chip('Outro', own.outro ? `${own.outro} s` : '', () => seconds('outro', 'Am Ende jeder Folge überspringen')),
       chip('Lautstärke', volumeLabel(own.volume), () => openSheet(`Lautstärke für „${plain(f.title)}“`,
         [[0.2, 'Viel leiser'], [0.5, 'Leiser'], [1, 'Normal'], [1.5, 'Lauter (+5 dB)'], [2, 'Viel lauter (+10 dB)'], [2.5, 'Sehr viel lauter (+15 dB)']]
           .map(([v, label]) => ({icon: (own.volume || 1) === v ? '●' : '○', label, action: () => set('volume', v)})))),
     );
+    // Skip silence for this podcast (server), where this player can skip silence at all.
+    if ('skip_silence' in live && 'skip_silence' in devicePrefs() && N.podcastFeedSettings) {
+      const mine = live.skip_silence;
+      const device = !!devicePrefs().skip_silence;
+      const b = el('button', 'nui-pod-chip' + (mine != null ? ' on' : ''));
+      b.type = 'button';
+      b.append(el('span', null, 'Stille'), el('strong', null, mine === true ? 'überspringen' : mine === false ? 'nie überspringen'
+        : 'wie eingestellt'));
+      const save = v => { N.podcastFeedSettings(f.id, JSON.stringify({skip_silence: v})); setTimeout(render, 50); };
+      b.addEventListener('click', () => openSheet(`Stille in „${plain(f.title)}“ …`, [
+        {icon: mine == null ? '●' : '○', label: 'Wie eingestellt', hint: device ? 'überspringen (alle Podcasts)' : 'nicht überspringen (alle Podcasts)',
+         action: () => save(null)},
+        {icon: mine === true ? '●' : '○', label: 'Überspringen', hint: 'Pausen werden ausgelassen', action: () => save(true)},
+        {icon: mine === false ? '●' : '○', label: 'Nie überspringen', action: () => save(false)},
+      ]));
+      row.append(b);
+    }
     return row;
   }
 
@@ -2081,7 +2287,7 @@
       sk.setAttribute('aria-label', sk.title);
     }
     mini.querySelector('.nui-mini-track').textContent = player.buffering && player.playing ? 'Lädt …'
-      : (player.feed || '') + (player.dur ? ' · ' + clock((player.dur - player.pos) / 1000) + ' übrig' : '');
+      : (player.feed || '') + (player.dur ? ' · ' + clock(shown((player.dur - player.pos) / 1000, 0, player.speed || 1)) + ' übrig' : '');
     const t = mini.querySelector('.nui-mini-toggle');
     t.textContent = player.playing ? '❚❚' : '▶';
     t.title = player.playing ? 'Pause' : 'Abspielen';
@@ -2361,7 +2567,7 @@
     range.id = 'nui-pod-seek';
     range.addEventListener('input', () => {
       seeking = true;
-      sheet.querySelector('.nui-pod-time-pos').textContent = clock(range.value);
+      sheet.querySelector('.nui-pod-time-pos').textContent = clock(shown(range.value, 0, player.speed || 1));
     });
     range.addEventListener('change', () => {
       N.podcastSeek(range.value * 1000);
@@ -2388,7 +2594,8 @@
         const b = sheet && sheet.querySelector('.nui-pod-fav');
         if (b) { b.textContent = star ? '★' : '☆'; b.classList.toggle('on', star); }
       }), 'nui-pod-fav'),
-      button('⏭', 'Folge abschließen, nächste spielen', finishAndNext, 'nui-pod-next'),
+      button('⏭', keepSkipped() ? 'Nächste Folge (diese bleibt in der Warteschlange)' : 'Folge abschließen, nächste spielen',
+        finishAndNext, 'nui-pod-next'),
       N.playerTransfer && button('⇄', 'Wiedergabe auf …', deviceMenu, 'nui-pod-devices'),
       button('≡', 'Warteschlange', showQueue),
     ].filter(Boolean));
@@ -2506,11 +2713,13 @@
     const dur = Math.round((player.dur || 0) / 1000);
     const pos = Math.round((player.pos || 0) / 1000);
     range.max = dur || 1;
+    // At the speed, when so set: the place and what's left as long as they take.
+    const at = s => shown(s, 0, player.speed || 1);
     if (!seeking) {
       range.value = pos;
-      sheet.querySelector('.nui-pod-time-pos').textContent = clock(pos);
+      sheet.querySelector('.nui-pod-time-pos').textContent = clock(at(pos));
     }
-    sheet.querySelector('.nui-pod-time-left').textContent = dur ? '−' + clock(dur - pos) : '';
+    sheet.querySelector('.nui-pod-time-left').textContent = dur ? '−' + clock(at(dur - pos)) : '';
     const p = sheet.querySelector('.nui-pod-play');
     p.textContent = player.playing ? '❚❚' : '▶';
     p.title = player.playing ? 'Pause' : 'Abspielen';
@@ -2530,20 +2739,33 @@
   }
 
   // Speed: for all podcasts, or (AntennaPod-like) remembered for this podcast.
+  // The presets, and the speed now if it isn't one of them (a podcast's own 3,5× …).
+  function speedChoices(now) {
+    const list = presets().slice();
+    if (now > 0 && !list.some(s => Math.abs(s - now) < 0.01)) list.push(now);
+    return list.sort((a, b) => a - b);
+  }
+
+  function presetsEditItem() {
+    return 'speed_presets' in settings() ? [{icon: '✎', label: 'Voreinstellungen bearbeiten', hint: 'hinzufügen, entfernen',
+      action: () => presetsEditor()}] : [];
+  }
+
   function speedMenu() {
     const own = !!player.podcastSpeed;
     const pick = forPodcast => openSheet(forPodcast ? `Geschwindigkeit für „${plain(player.feed)}“` : 'Geschwindigkeit für alle Podcasts',
-      SPEEDS.map(s => ({
+      speedChoices(own === forPodcast ? player.speed || 1 : 0).map(s => ({
         icon: Math.abs((player.speed || 1) - s) < 0.01 && own === forPodcast ? '●' : '○',
         label: speedLabel(s),
         action: () => (forPodcast ? N.podcastSpeedForPodcast(s) : N.podcastSpeed(s)),
-      })).concat(forPodcast && own ? [{icon: '↺', label: 'Wie alle anderen Podcasts', action: () => N.podcastSpeedForPodcast(0)}] : []));
+      })).concat(forPodcast && own ? [{icon: '↺', label: 'Wie alle anderen Podcasts', action: () => N.podcastSpeedForPodcast(0)}] : [])
+        .concat(presetsEditItem()));
     if (!N.podcastSpeedForPodcast || !player.feedId) { pick(false); return; }
     openSheet('Geschwindigkeit', [
       {icon: '◎', label: 'Für alle Podcasts', hint: own ? null : speedLabel(player.speed || 1), action: () => pick(false)},
       {icon: '◉', label: `Nur für „${plain(player.feed)}“`, hint: own ? speedLabel(player.speed || 1) : 'noch keine eigene',
        action: () => pick(true)},
-    ]);
+    ].concat(presetsEditItem()));
   }
 
   // ---- sleep timer (runs in the app, also with the screen off) ----
@@ -2584,11 +2806,18 @@
     openSheet('Sleep-Timer', items);
   }
 
+  // ⏭: the next episode plays. The host decides about this one ("keep skipped"): kept
+  // unplayed in the queue, or played. With nothing after it, it only counts as played
+  // when skipped episodes aren't kept.
   function finishAndNext() {
     const id = currentId();
     if (!id) return;
+    const ids = queue().map(q => q.episode__id);
+    const at = ids.indexOf(id);
+    const last = at < 0 ? !ids.length : at === ids.length - 1;
     N.podcastNext();
-    N.podcastMarkPlayed(id, true);
+    if (last && !keepSkipped()) N.podcastMarkPlayed(id, true);
+    else if (last) toast('Das ist die letzte Folge der Warteschlange');
   }
 
   function showQueue() {
@@ -2767,7 +2996,9 @@
   let dlSettings = DL ? parse(N.podcastDownloadSettings(), {}) : {};
   // All at a glance (Downloads.infoJson): paused, how many run and wait, done of all in this round.
   let dlInfo = DL && N.podcastDownloadsInfo ? parse(N.podcastDownloadsInfo(), {}) : {};
-  const DL_COUNTS = [1, 2, 3, 5, 10];
+  // How many of the queue's first episodes load by themselves; 0 = all of them.
+  const DL_COUNTS = [1, 2, 3, 5, 10, 0];
+  const dlCountLabel = n => (n === 0 ? 'Alle' : n === 1 ? '1 Folge' : n + ' Folgen');
   const DL_PARALLEL = [1, 2, 3, 4];
   // Why a download waits (DownloadPlan.waitReason).
   const DL_REASONS = {
@@ -2797,7 +3028,9 @@
 
   function dlDelete(e, running) {
     N.podcastDeleteDownload(e.id);
-    toast(running ? 'Download abgebrochen' : 'Download gelöscht');
+    // "Löschen nimmt aus der Warteschlange" (account): the app takes it out too.
+    const out = !running && settings().delete_dequeue !== false && 'delete_dequeue' in settings() && inQueue(e.id);
+    toast(running ? 'Download abgebrochen' : out ? 'Download gelöscht, aus der Warteschlange genommen' : 'Download gelöscht');
   }
 
   function dlAppend(row, e) {
@@ -2864,9 +3097,11 @@
     const bytes = done.reduce((n, d) => n + (d.bytes || 0), 0);
     return [
       {icon: s.auto ? '☑' : '☐', label: 'Automatisch herunterladen',
-       hint: s.auto ? `die ersten ${s.count} Folgen der Warteschlange` : 'aus', action: () => dlSet({auto: !s.auto})},
-      s.auto && {icon: '#', label: 'Wie viele Folgen', hint: String(s.count), action: () => openSheet('Automatisch herunterladen',
-        DL_COUNTS.map(n => ({icon: s.count === n ? '●' : '○', label: n === 1 ? '1 Folge' : n + ' Folgen', active: s.count === n,
+       hint: s.auto ? (s.count === 0 ? 'die ganze Warteschlange' : `die ersten ${s.count} Folgen der Warteschlange`) : 'aus',
+       action: () => dlSet({auto: !s.auto})},
+      s.auto && {icon: '#', label: 'Wie viele Folgen', hint: dlCountLabel(s.count), action: () => openSheet('Automatisch herunterladen',
+        DL_COUNTS.map(n => ({icon: s.count === n ? '●' : '○', label: dlCountLabel(n), hint: n === 0 ? 'die ganze Warteschlange' : null,
+          active: s.count === n,
           action: () => dlSet({count: n})})))},
       s.auto && {icon: s.mobile ? '☑' : '☐', label: 'Auch über mobile Daten', hint: s.mobile ? 'nicht nur im WLAN' : 'sonst nur im WLAN',
        action: () => dlSet({mobile: !s.mobile})},
@@ -3127,9 +3362,19 @@
 
   window.__dioraPodcasts = function (json) {
     state = typeof json === 'string' ? parse(json, state) : json;
+    moveFeedListsToServer();
     render();
   };
 
+  // The app won't stream this episode over mobile data without a yes ("Nachfragen", RadioService.mayStream).
+  window.__dioraAskStream = function (id, title) {
+    if (!N.podcastAllowStream) return;
+    openSheet('Über mobile Daten streamen?', [
+      {icon: '▶', label: 'Ja, diese Folge streamen', hint: plain(title) || null, action: () => N.podcastAllowStream(id)},
+      {icon: '✕', label: 'Nein', hint: 'im WLAN oder heruntergeladen hören', action: () => {}},
+    ]);
+  };
+
   // A new-episode notification was tapped: that podcast's page (gone meanwhile: „Neu“).
   window.__dioraOpenFeed = function (feedId) {
     if (typeof showTab !== 'function') return;
@@ -3179,6 +3424,7 @@
     build();
     buildMini();
     player = parse(N.playerState(), {kind: null});
+    moveFeedListsToServer();
     render();
     renderMini();
 

From e097e13a1127021151a7815a8b8481f9e086fde6 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 19:30:03 +0200
Subject: [PATCH 058/176] =?UTF-8?q?Podcast-Oberfl=C3=A4che=20aus=20diora-a?=
 =?UTF-8?q?ndroid=20339de8f=20(Podcast-Seite=20mit=20=E2=9A=99,=20Wischges?=
 =?UTF-8?q?ten,=20Schrift,=20Farben,=20Startseite);=20=E2=80=9ENeu?=
 =?UTF-8?q?=E2=80=9C=20z=C3=A4hlt=20alle=20neuen=20Folgen,=20sw=20v66?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- state/ liefert inbox_total (alle neuen Folgen) und inbox_limit neben der
  gekürzten Liste; Test dazu.
- Browser: Startseite (nui_start_page) beim Öffnen, „Rückgängig“-Leiste über
  der Radioleiste, helle Ansicht für die neuen Teile.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/tests.py                 |   13 +
 podcasts/views.py                 |   26 +-
 static/js/podcasts-web.js         |   12 +
 static/js/sw.js                   |    2 +-
 static/podcasts/native-podcast.js | 1093 +++++++++++++++++++++--------
 static/podcasts/podcast-ui.css    |  301 ++++++--
 static/podcasts/podcasts-web.css  |   11 +-
 7 files changed, 1083 insertions(+), 375 deletions(-)

diff --git a/podcasts/tests.py b/podcasts/tests.py
index 732d347..9dae24c 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -337,6 +337,19 @@ class RefreshAllTests(TestCase):
                                             'keep_sorted': '', 'auto_download_default': False,
                                             **PLAYBACK_DEFAULTS})
 
+    def test_state_counts_the_whole_inbox(self):
+        # The list is capped (inbox_limit); inbox_total counts every new episode of this user.
+        eps = [PodcastEpisode.objects.create(feed=self.a, guid=f'n{i}', title=f'N{i}', audio_url=f'https://example.org/{i}.mp3',
+                                             pub_date=datetime.now(timezone.utc) - timedelta(days=i)) for i in range(5)]
+        EpisodeProgress.objects.create(user=self.user, episode=eps[0], played=True)
+        EpisodeProgress.objects.create(user=self.user, episode=eps[1], dismissed=True)
+        EpisodeProgress.objects.create(user=self.user, episode=eps[2], position_seconds=30)
+        PodcastEpisode.objects.create(feed=self.bobs, guid='b', title='Bobs', audio_url='https://example.org/b.mp3')
+        data = self.client.get('/podcasts/state/?inbox_limit=2').json()
+        self.assertEqual([e['id'] for e in data['inbox']], [eps[2].id, eps[3].id])
+        self.assertEqual((data['inbox_total'], data['inbox_limit']), (3, 2))
+        self.assertEqual(self.client.get('/podcasts/state/').json()['inbox_total'], 3)
+
 
 # ---------------------------------------------------------------------------
 # Shownotes, chapters, transcripts
diff --git a/podcasts/views.py b/podcasts/views.py
index d075d4f..21825b3 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -1569,8 +1569,9 @@ def refresh_all_feeds(request):
 @csrf_exempt
 def podcast_state(request):
     """Everything a client shows first, in one response: feeds, queue, the
-    first page of the inbox, the settings and how many AntennaPod downloads
-    wait to be offered (import-downloads/)."""
+    first page of the inbox (inbox_limit of inbox_total new episodes), the
+    settings and how many AntennaPod downloads wait to be offered
+    (import-downloads/)."""
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
     try:
@@ -1583,6 +1584,8 @@ def podcast_state(request):
         'feeds': _feeds_data(request.user),
         'queue': _queue_data(request.user),
         'inbox': _inbox_data(request.user, 0, limit, with_description=False),
+        'inbox_total': _inbox_episodes(request.user).count(),
+        'inbox_limit': limit,
         'settings': _settings_data(s),
         'import_downloads': {'count': len(downloads), 'bytes': sum(e['size'] for e in downloads)},
         'server_time': timezone.now().isoformat(),
@@ -1984,20 +1987,19 @@ def _add_user_state(user, episodes):
     return episodes
 
 
+def _inbox_episodes(user):
+    """The inbox: the user's episodes neither played nor dismissed."""
+    hidden = EpisodeProgress.objects.filter(user=user).filter(
+        Q(played=True) | Q(dismissed=True)
+    ).values('episode_id')
+    return PodcastEpisode.objects.filter(feed__user=user).exclude(id__in=hidden)
+
+
 def _inbox_data(user, offset, limit, with_description=True):
     """Inbox episodes. Shownotes can be large (up to 50 KB each); the apps'
     state/ leaves them out and loads one episode's at a time."""
-    hidden_ids = set(
-        EpisodeProgress.objects.filter(
-            user=user,
-        ).filter(
-            Q(played=True) | Q(dismissed=True)
-        ).values_list('episode_id', flat=True)
-    )
-
     episodes = list(
-        PodcastEpisode.objects.filter(feed__user=user)
-        .exclude(id__in=hidden_ids)
+        _inbox_episodes(user)
         .select_related('feed')
         .order_by('-pub_date')
         .values(*_inbox_fields(with_description))[offset:offset + limit]
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index cb7bac2..03f5add 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -1684,6 +1684,18 @@
   // The shared player: what plays on the other devices, and from now on every change.
   startSync();
 
+  // The start page chosen in the podcasts' settings (nui_start_page, this browser; none: the
+  // last used tab, the web's way). Opening diora shows it; reloading and back/forward keep the tab.
+  (function openStartPage() {
+    let start = '';
+    try { start = localStorage.getItem('nui_start_page') || ''; } catch (e) {}
+    if (!start || typeof showTab !== 'function') return;
+    const nav = performance.getEntriesByType ? performance.getEntriesByType('navigation')[0] : null;
+    if (nav && nav.type !== 'navigate') return;
+    const tab = start === 'queue' || start === 'inbox' ? 'podcasts' : start === 'radio' ? 'radio' : 'books';
+    if (typeof _currentTopTab === 'undefined' || _currentTopTab !== tab) showTab(tab);
+  })();
+
   // The page (copied from the app) comes last, once all of the above is in place.
   const script = document.createElement('script');
   script.src = UI_SCRIPT;
diff --git a/static/js/sw.js b/static/js/sw.js
index c8f2fd2..07514dd 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v65';
+const CACHE = 'diora-v66';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 96eadb6..66495c6 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 304abf0 2026-10-02: web-native/static/native-podcast.js
+// Copied from diora-android 339de8f 2026-10-02: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -24,13 +24,28 @@
   document.documentElement.classList.add('nui-podcasts');
 
   const $id = id => document.getElementById(id);
+  // The tabs; the search is a view of its own, opened from the top bar.
   const VIEWS = [
     {id: 'queue', label: 'Warteschlange'},
     {id: 'inbox', label: 'Neu'},
     {id: 'episodes', label: 'Folgen'},
     {id: 'feeds', label: 'Abos'},
-    {id: 'search', label: 'Suche'},
   ];
+  const VIEW_IDS = VIEWS.map(v => v.id).concat('search');
+  // The app's start page (this device; native.js opens it, the browser host too).
+  const IN_APP = !window.DioraPodcastHost;
+  const START_PAGES = [
+    !IN_APP && {id: '', label: 'Zuletzt benutzt', hint: 'Standard im Browser'},
+    {id: 'books', label: 'Bücher', hint: IN_APP ? 'Standard' : null},
+    {id: 'queue', label: 'Podcasts: Warteschlange'},
+    {id: 'inbox', label: 'Podcasts: Neu'},
+    {id: 'radio', label: 'Radio'},
+  ].filter(Boolean);
+  function startPage() {
+    let v = null;
+    try { v = localStorage.getItem('nui_start_page'); } catch (e) {}
+    return START_PAGES.some(p => p.id === v) ? v : START_PAGES[0].id;
+  }
   const POSITIONS = [
     {value: 'back', label: 'Ans Ende'},
     {value: 'front', label: 'An den Anfang'},
@@ -60,10 +75,21 @@
   let locked = false;       // queue locked: no dragging
   try { locked = localStorage.getItem('nui_pod_locked') === '1'; } catch (e) {}
   try { view = localStorage.getItem('nui_pod_view') || 'queue'; } catch (e) {}
-  if (!VIEWS.some(v => v.id === view)) view = 'queue';
+  // Opening into the podcasts (start page): that list.
+  if (startPage() === 'queue' || startPage() === 'inbox') view = startPage();
+  if (!VIEW_IDS.includes(view)) view = 'queue';
 
   const queue = () => state.queue || [];
   const inbox = () => state.inbox || [];
+  // All new episodes: the server sends the first ones (inbox_limit) and how many there are
+  // (inbox_total); what left „Neu“ here since then counts off.
+  function inboxTotal() {
+    const n = inbox().length;
+    const total = state.inbox_total;
+    if (typeof total !== 'number') return n;
+    const sent = typeof state.inbox_limit === 'number' ? Math.min(total, state.inbox_limit) : n;
+    return Math.max(n, total - Math.max(0, sent - n));
+  }
   const feeds = () => state.feeds || [];
   const settings = () => state.settings || {};
   const currentId = () => (player.kind === 'podcast' ? player.episodeId : 0);
@@ -127,15 +153,19 @@
     return `${Math.floor(m / 60)} h ${String(m % 60).padStart(2, '0')} min`;
   }
 
+  // Short dates: heute, gestern, vor 3 Tagen (up to 6), then 8.7. this year, 8.7.22 before.
   function day(iso) {
     if (!iso) return '';
     const d = new Date(iso);
     if (isNaN(d)) return '';
-    const diff = Math.floor((Date.now() - d) / 86400000);
+    const now = new Date();
+    const midnight = x => new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime();
+    const diff = Math.round((midnight(now) - midnight(d)) / 86400000);
     if (diff <= 0) return 'heute';
     if (diff === 1) return 'gestern';
     if (diff < 7) return `vor ${diff} Tagen`;
-    return d.toLocaleDateString('de-DE', {day: 'numeric', month: 'short', year: diff > 300 ? 'numeric' : undefined});
+    const dm = `${d.getDate()}.${d.getMonth() + 1}.`;
+    return d.getFullYear() === now.getFullYear() ? dm : dm + String(d.getFullYear() % 100).padStart(2, '0');
   }
 
   let toastTimer = 0;
@@ -173,27 +203,43 @@
     if (o.episode__id != null) {
       return {
         id: o.episode__id, title: o.episode__title, feed: o.episode__feed__title, feedId: o.episode__feed__id,
-        art: o.episode__artwork_url || o.episode__feed__artwork_url, duration: o.episode__duration_seconds,
-        pos: o.position_seconds, date: o.episode__pub_date, raw: o,
+        art: o.episode__artwork_url, feedArt: o.episode__feed__artwork_url || feedArtOf(o.episode__feed__id),
+        duration: o.episode__duration_seconds, pos: o.position_seconds, date: o.episode__pub_date, raw: o,
       };
     }
     return {
       id: o.id, title: o.title, feed: o.feed__title || (feedView && feedView.feed.title), feedId: o.feed__id,
-      art: o.artwork_url || o.feed__artwork_url || (feedView && feedView.feed.artwork_url), duration: o.duration_seconds,
-      pos: o.position_seconds, date: o.pub_date, played: o.played, inQueue: o.in_queue, raw: o,
+      art: o.artwork_url, feedArt: o.feed__artwork_url || feedArtOf(o.feed__id) || (feedView && feedView.feed.artwork_url),
+      duration: o.duration_seconds, pos: o.position_seconds, date: o.pub_date, played: o.played, inQueue: o.in_queue, raw: o,
     };
   }
 
-  function art(src, size) {
+  function feedArtOf(id) {
+    const f = id ? feeds().find(x => x.id === id) : null;
+    return f ? f.artwork_url : '';
+  }
+
+  // A cover: the episode's own, else its podcast's, else a tile with the podcast's initial.
+  function art(src, size, fallback, name) {
     const box = el('div', 'nui-pod-art' + (size ? ' nui-pod-art-' + size : ''));
-    if (src) {
+    const srcs = [src, fallback].filter(Boolean).map(s => s.replace(/^http:/, 'https:'))
+      .filter((s, i, all) => all.indexOf(s) === i);
+    const initial = () => {
+      if (box.querySelector('img') || box.firstChild) return;
+      const letter = (plain(name || '').replace(/^(the|der|die|das)\s+/i, '').match(/[0-9A-Za-zÀ-ÿ]/) || [''])[0];
+      if (letter) box.append(el('span', 'nui-pod-initial', letter.toUpperCase()));
+    };
+    const next = () => {
+      const s = srcs.shift();
+      if (!s) { initial(); return; }
       const img = el('img');
       img.loading = 'lazy';
       img.alt = '';
-      img.src = src.replace(/^http:/, 'https:');
-      img.addEventListener('error', () => img.remove());
+      img.src = s;
+      img.addEventListener('error', () => { img.remove(); next(); });
       box.append(img);
-    }
+    };
+    next();
     return box;
   }
 
@@ -231,7 +277,11 @@
     toast('Als gehört markiert');
   }
 
-  function queueMenu(e) {
+  // Choosing several, from a row's menu (long press or ⋯).
+  const selectItem = (e, opts) => opts && opts.select &&
+    {icon: '☐', label: 'Mehrere auswählen', hint: 'diese und weitere Folgen auf einmal', action: () => startSelecting(e.id)};
+
+  function queueMenu(e, opts) {
     const playing = currentId() === e.id;
     openSheet(e.title, [
       {icon: '▶', label: playing ? 'Player öffnen' : 'Abspielen', action: () => play(e)},
@@ -242,11 +292,12 @@
       {icon: '⇊', label: 'Ganz nach unten', action: () => moveTo(e, 'bottom')},
       {icon: '✓', label: 'Als gehört markieren', hint: 'verlässt die Warteschlange', action: () => markPlayed(e)},
       ...dlMenuItems(e),
-      {icon: '✕', label: 'Aus der Warteschlange nehmen', danger: true, action: () => N.podcastDequeue(e.id)},
+      {icon: '✕', label: 'Aus der Warteschlange nehmen', action: () => N.podcastDequeue(e.id)},
+      selectItem(e, opts),
     ]);
   }
 
-  function episodeMenu(e) {
+  function episodeMenu(e, opts) {
     const queued = inQueue(e.id);
     openSheet(e.title, [
       {icon: '▶', label: 'Abspielen', hint: queued ? null : 'kommt dafür in die Warteschlange', action: () => play(e)},
@@ -261,6 +312,7 @@
       ...dlMenuItems(e),
       {icon: '⊘', label: 'Ausblenden', hint: 'aus „Neu“ entfernen, ohne es als gehört zu zählen',
        action: () => N.podcastDismiss(JSON.stringify([e.id]))},
+      selectItem(e, opts),
     ]);
   }
 
@@ -311,6 +363,8 @@
         ...dlSettingsItems(),
       ]),
       backgroundSyncItem(),
+      {icon: '⇆', label: 'Wischgesten', hint: 'was Wischen nach links und rechts in jeder Liste tut', action: swipeSettings},
+      startPageItem(),
       group('⇅', 'Abos umziehen', 'OPML exportieren und importieren', () => [
         {icon: '⇩', label: 'Abos exportieren (OPML)', hint: 'zum Umziehen in eine andere App', action: exportOpml},
         {icon: '⇧', label: 'Abos importieren (OPML)', action: importOpml},
@@ -427,7 +481,22 @@
       ].filter(Boolean);
     };
     if (!('mobile_downloads' in s || 'mobile_streaming' in s) || !items().length) return null;
-    return {icon: '📶', label: 'Mobile Daten', hint: 'Downloads und Streamen unterwegs', action: () => openSheet('Mobile Daten', items())};
+    return {icon: '◢', label: 'Mobile Daten', hint: 'Downloads und Streamen unterwegs', action: () => openSheet('Mobile Daten', items())};
+  }
+
+  // Which page the app opens with (this device).
+  function startPageItem() {
+    const now = startPage();
+    const label = id => (START_PAGES.find(p => p.id === id) || START_PAGES[0]).label;
+    return {icon: '⌂', label: 'Startseite', hint: label(now) + (IN_APP ? ' · beim Öffnen der App' : ' · beim Öffnen von diora'),
+            action: () => openSheet('Beim Öffnen zeigen …', START_PAGES.filter(p => p.id !== 'radio' || !IN_APP ||
+              document.documentElement.classList.contains('nui-radio')).map(p => ({
+              icon: p.id === now ? '●' : '○', label: p.label, hint: p.hint || null, active: p.id === now,
+              action: () => {
+                try { localStorage.setItem('nui_start_page', p.id); } catch (e) {}
+                toast('Startseite: ' + p.label);
+              },
+            })))};
   }
 
   // ---- speed presets (the account's; AntennaPod's speed presets, up to 3.5×) ----
@@ -580,6 +649,7 @@
   }
 
   function startSelecting(id) {
+    commitSwipe();
     selected = new Set(id ? [id] : []);
     render();
   }
@@ -788,6 +858,11 @@
       chip(f.label, on, () => onChange(on ? active.filter(x => x !== f.id)
         : active.filter(x => !(EXCLUDES[f.id] || []).includes(x)).concat(f.id)));
     }
+    // An active filter further right shows (the row scrolls sideways).
+    requestAnimationFrame(() => {
+      const on = chips.querySelector('.nui-pod-chip.on');
+      if (on && on.offsetLeft + on.offsetWidth > chips.scrollLeft + chips.clientWidth) chips.scrollLeft = on.offsetLeft - 8;
+    });
     return chips;
   }
 
@@ -852,7 +927,7 @@
     if (refreshing) text.append(el('span', 'muted nui-pod-status', 'Wird abgerufen …'));
     else if (state.server_time) text.append(el('span', 'muted nui-pod-status', 'Stand ' + day(state.server_time) + ', ' +
       new Date(state.server_time).toLocaleTimeString('de-DE', {hour: '2-digit', minute: '2-digit'})));
-    bar.append(...[text, dlIndicator(), button('⟳', 'Alle Feeds abrufen', () => refresh(true)),
+    bar.append(...[text, dlIndicator(), searchButton(), button('⟳', 'Alle Feeds abrufen', () => refresh(true)),
       button('⋮', 'Einstellungen', settingsMenu)].filter(Boolean));
     root.append(bar);
 
@@ -866,8 +941,8 @@
         const b = el('button', 'nui-pod-tab' + (v.id === view ? ' active' : ''));
         b.type = 'button';
         b.append(el('span', null, v.label));
-        const count = v.id === 'queue' ? queue().length : v.id === 'inbox' ? inbox().length : 0;
-        if (count) b.append(el('span', 'nui-pod-count', String(count)));
+        const count = v.id === 'queue' ? queue().length : v.id === 'inbox' ? inboxTotal() : 0;
+        if (count) b.append(el('span', 'nui-pod-count' + (v.id === 'queue' ? ' nui-pod-count-queue' : ''), count > 999 ? '999+' : String(count)));
         b.addEventListener('click', () => {
           selected = null;
           view = v.id;
@@ -894,6 +969,23 @@
     }
   }
 
+  // The search: a magnifier in the top bar (an SVG: the text glyphs for it differ from font to font).
+  function searchButton() {
+    const b = button('', 'Suchen', () => {
+      selected = null;
+      feedView = null;
+      preview = null;
+      view = 'search';
+      render();
+      scrollTop(0);
+      const q = $id('nui-pod-q');
+      if (q && !(searchResults && searchResults.q)) q.focus();
+    }, 'nui-pod-searchbtn' + (view === 'search' && !feedView && !preview ? ' on' : ''));
+    b.innerHTML = '<svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" fill="none" stroke="currentColor" ' +
+      'stroke-width="2" stroke-linecap="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.5 15.5 21 21"/></svg>';
+    return b;
+  }
+
   // AntennaPod had episodes on the phone: offered once to fetch them again (Wi-Fi only).
   function importOffer() {
     const o = state.import_downloads;
@@ -932,10 +1024,15 @@
     return b;
   }
 
+  // One episode in a list. opts.list names the list (queue, inbox, episodes, feed, downloads):
+  // it decides the one action at hand and the swipes; everything else is in the row's menu
+  // (⋯ or a long press). opts.filters: the list's filters (what a swipe takes out of it).
   function episodeRow(e, opts) {
+    const list = opts.list || '';
     const row = el('div', 'nui-pod-row' + (currentId() === e.id ? ' nui-pod-current' : '') + (e.played ? ' nui-pod-played' : ''));
     row.dataset.id = e.id;
-    row.append(art(e.art));
+    if (swipeGone(e.id)) row.classList.add('nui-pod-gone');
+    row.append(art(e.art, null, e.feedArt, e.feed));
     const main = el('div', 'nui-pod-main');
     main.append(el('div', 'nui-pod-title', e.title));
     // Length first: podcast names are long and get cut off.
@@ -945,7 +1042,11 @@
     if (e.duration) meta.push(started ? minutes(shown(e.duration - e.pos, e.feedId)) + ' übrig' : minutes(shown(e.duration, e.feedId)));
     if (opts.showDate && e.date) meta.push(day(e.date));
     if (opts.showFeed && e.feed) meta.push(e.feed);
-    main.append(el('div', 'nui-pod-meta', meta.join(' · ')));
+    const metaEl = el('div', 'nui-pod-meta', meta.join(' · '));
+    // Where the row's button isn't the download: its state as a small mark.
+    const mark = selected || dlPrimary(e, list) ? null : dlMark(e);
+    if (mark) metaEl.prepend(mark);
+    main.append(metaEl);
     const p = e.played ? null : progressBar(e.pos, e.duration);
     if (p) main.append(p);
     row.append(main);
@@ -954,26 +1055,381 @@
       const box = el('span', 'nui-pod-check' + (selected.has(e.id) ? ' on' : ''), selected.has(e.id) ? '☑' : '☐');
       row.prepend(box);
       row.addEventListener('click', () => toggleSelected(e.id));
-    } else {
-      dlAppend(row, e);
-      row.addEventListener('click', () => play(e));
-    }
-    if (!selected && !opts.noSelect) {
-      // Long press starts choosing several, like in AntennaPod.
-      let timer = 0;
-      row.addEventListener('pointerdown', ev => {
-        if (ev.target.closest('button, .nui-pod-handle')) return;
-        timer = setTimeout(() => { timer = 0; startSelecting(e.id); }, 550);
-      });
-      const cancel = () => { if (timer) clearTimeout(timer); timer = 0; };
-      row.addEventListener('pointerup', cancel);
-      row.addEventListener('pointerleave', cancel);
-      row.addEventListener('pointercancel', cancel);
-      row.addEventListener('contextmenu', ev => ev.preventDefault());
+      return row;
     }
+    const menu = () => (list === 'queue' ? queueMenu(e, {select: !opts.noSelect}) : episodeMenu(e, {select: !opts.noSelect}));
+    row.append(primaryButton(e, list), button('⋯', 'Mehr', menu, 'nui-pod-menu'));
+    row.addEventListener('click', () => play(e));
+    // Swipes: touch only, not while the queue is locked.
+    const swipes = list && SWIPE_LISTS[list] && !(list === 'queue' && locked) ? list : '';
+    rowGestures(row, menu, swipes && ((act, dir) => swipeDone(e, swipes, act, opts.filters || [], dir)), swipes);
     return row;
   }
 
+  // The one action at hand: the queue and the downloads play, „Neu“ queues,
+  // the episode lists download (or queue, where nothing downloads).
+  function dlPrimary(e, list) {
+    return (list === 'episodes' || list === 'feed') && DL && !!(e.raw.audio_url || e.raw.episode__audio_url);
+  }
+
+  function primaryButton(e, list) {
+    if (list === 'queue' || list === 'downloads') {
+      const now = currentId() === e.id;
+      const b = button(now && player.playing ? '❚❚' : '▶', now && player.playing ? 'Pause' : 'Abspielen',
+        () => (currentId() === e.id ? N.podcastToggle() : play(e)), 'nui-pod-playbtn');
+      b.dataset.play = e.id;
+      return b;
+    }
+    if (dlPrimary(e, list)) return dlButton(e);
+    const queued = inQueue(e.id) || (list === 'inbox' && e.inQueue);
+    return queued ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
+      : button('+', 'Einreihen', () => { enqueue(e); e.raw.in_queue = true; render(); });
+  }
+
+  // ▶ / ❚❚ in the rows follow the player without drawing the lists again.
+  function playButtons() {
+    document.querySelectorAll('#nui-pod [data-play]').forEach(b => {
+      const now = currentId() === Number(b.dataset.play) && player.playing;
+      b.textContent = now ? '❚❚' : '▶';
+      b.title = now ? 'Pause' : 'Abspielen';
+      b.setAttribute('aria-label', b.title);
+    });
+  }
+
+  // ---- long press and swipes on a row ---------------------------------------------------
+  // Long press opens the row's menu. Swiping (a finger, not a mouse) left or right does what
+  // the list's swipe settings say, with 4 s to undo. Vertical moves stay the page's scrolling;
+  // the queue's drag handle and the sideways chip rows aren't rows, so nothing competes.
+
+  function rowGestures(row, onLong, onSwipe, list) {
+    let start = null;
+    let timer = 0;
+    let mode = '';
+    let dx = 0;
+    let vx = 0;
+    let last = null;
+    let bg = null;
+    let swallow = false;
+    const stopTimer = () => { if (timer) clearTimeout(timer); timer = 0; };
+    const actionFor = d => swipeAction(list, d);
+    const limit = () => Math.min(140, Math.max(72, row.offsetWidth * 0.3));
+    const armed = () => {
+      const act = actionFor(dx < 0 ? 'left' : 'right');
+      if (act === 'none') return false;
+      const fling = Math.abs(dx) > 40 && Math.abs(vx) > 0.6 && Math.sign(vx) === Math.sign(dx);
+      return Math.abs(dx) >= limit() || fling;
+    };
+    const paint = () => {
+      const d = dx < 0 ? 'left' : 'right';
+      const act = actionFor(d);
+      const shownDx = act === 'none' ? dx * 0.25 : dx;
+      row.style.transform = `translateX(${shownDx}px)`;
+      const a = SWIPE_ACTIONS.find(x => x.id === act) || SWIPE_ACTIONS[0];
+      bg.dataset.dir = d;
+      bg.classList.toggle('armed', armed());
+      const label = bg.querySelector(d === 'right' ? '.nui-pod-swipe-l' : '.nui-pod-swipe-r');
+      label.textContent = act === 'none' ? '' : (d === 'right' ? `${a.icon}  ${swipeLabel(a, row)}` : `${swipeLabel(a, row)}  ${a.icon}`);
+      bg.querySelector(d === 'right' ? '.nui-pod-swipe-r' : '.nui-pod-swipe-l').textContent = '';
+    };
+    const finish = done => {
+      row.classList.remove('nui-pod-swiping');
+      const gone = bg;
+      bg = null;
+      if (!done) {
+        row.style.transition = 'transform 0.18s ease';
+        row.style.transform = '';
+        setTimeout(() => { row.style.transition = ''; if (gone) gone.remove(); }, 200);
+      } else if (gone) {
+        setTimeout(() => gone.remove(), 220);
+      }
+    };
+    row.addEventListener('pointerdown', ev => {
+      if (ev.target.closest('.nui-pod-handle') || (ev.pointerType === 'mouse' && ev.button !== 0)) return;
+      start = {x: ev.clientX, y: ev.clientY, id: ev.pointerId, touch: ev.pointerType === 'touch'};
+      mode = '';
+      dx = vx = 0;
+      last = {x: ev.clientX, t: ev.timeStamp};
+      swallow = false;
+      stopTimer();
+      if (!ev.target.closest('button')) {
+        timer = setTimeout(() => {
+          timer = 0;
+          if (mode || !start) return;
+          mode = 'long';
+          swallow = true;
+          onLong();
+        }, 550);
+      }
+    });
+    row.addEventListener('pointermove', ev => {
+      if (!start || ev.pointerId !== start.id) return;
+      const mx = ev.clientX - start.x;
+      const my = ev.clientY - start.y;
+      if (!mode) {
+        if (Math.abs(mx) > 8 || Math.abs(my) > 8) { stopTimer(); start.moved = true; }
+        if (onSwipe && start.touch && Math.abs(mx) > 12 && Math.abs(mx) > Math.abs(my) * 1.5) {
+          mode = 'swipe';
+          commitSwipe();
+          try { row.setPointerCapture(ev.pointerId); } catch (e) {}
+          bg = el('div', 'nui-pod-swipebg');
+          bg.append(el('span', 'nui-pod-swipe-l'), el('span', 'nui-pod-swipe-r'));
+          bg.style.top = row.offsetTop + 'px';
+          bg.style.height = row.offsetHeight + 'px';
+          row.parentElement.insertBefore(bg, row);
+          row.classList.add('nui-pod-swiping');
+        } else if (Math.abs(my) > 12) {
+          start = null;
+          return;
+        }
+      }
+      if (mode !== 'swipe') return;
+      ev.preventDefault();
+      const dt = ev.timeStamp - last.t;
+      if (dt > 0) vx = 0.7 * vx + 0.3 * ((ev.clientX - last.x) / dt);
+      last = {x: ev.clientX, t: ev.timeStamp};
+      dx = mx;
+      paint();
+    });
+    const end = ev => {
+      if (!start || (ev && ev.pointerId !== start.id)) return;
+      stopTimer();
+      const moved = start.moved;
+      start = null;
+      // A drag (a mouse's too) isn't a tap: no playing by accident.
+      if (mode !== 'swipe') { if (moved && mode !== 'long') swallow = true; return; }
+      swallow = true;
+      const d = dx < 0 ? 'left' : 'right';
+      const act = actionFor(d);
+      if (ev.type === 'pointerup' && armed() && act !== 'none') {
+        row.style.transition = 'transform 0.16s ease-out';
+        row.style.transform = `translateX(${d === 'left' ? -row.offsetWidth : row.offsetWidth}px)`;
+        finish(true);
+        setTimeout(() => {
+          const kept = onSwipe(act, d);
+          // The row stays in the list: back in its place.
+          if (kept !== false && row.isConnected) {
+            row.style.transition = 'transform 0.18s ease';
+            row.style.transform = '';
+            setTimeout(() => { row.style.transition = ''; }, 200);
+          }
+        }, 160);
+      } else {
+        finish(false);
+      }
+    };
+    row.addEventListener('pointerup', end);
+    row.addEventListener('pointercancel', end);
+    row.addEventListener('pointerleave', ev => { if (mode !== 'swipe') { stopTimer(); } else if (ev.pointerType !== 'touch') end(ev); });
+    // The tap that ends a long press or a swipe isn't a tap on the row.
+    row.addEventListener('click', ev => {
+      if (!swallow) return;
+      swallow = false;
+      ev.stopPropagation();
+      ev.preventDefault();
+    }, true);
+    row.addEventListener('contextmenu', ev => ev.preventDefault());
+  }
+
+  // What swiping does, per list (this device). The defaults are an AntennaPod setup.
+  const SWIPE_LISTS = {
+    queue: {label: 'Warteschlange', left: 'delete', right: 'dequeue'},
+    inbox: {label: 'Neu', left: 'dismiss', right: 'queue'},
+    episodes: {label: 'Folgen', left: 'download', right: 'favorite'},
+    feed: {label: 'Podcast-Seite', hint: 'die Folgen eines Abos', left: 'delete', right: 'download'},
+    downloads: {label: 'Downloads', hint: 'Folgen mit dem Filter „Geladen“', left: 'delete', right: 'delete'},
+  };
+  const SWIPE_ACTIONS = [
+    {id: 'none', label: 'Nichts', icon: ''},
+    {id: 'queue', label: 'Einreihen', icon: '+'},
+    {id: 'dequeue', label: 'Aus der Warteschlange', icon: '✕'},
+    {id: 'download', label: 'Herunterladen', icon: '↓', dl: true},
+    {id: 'delete', label: 'Download löschen', icon: '✕', dl: true},
+    {id: 'played', label: 'Gehört / ungehört', icon: '✓'},
+    {id: 'favorite', label: 'Favorit an / aus', icon: '★'},
+    {id: 'dismiss', label: 'Aus „Neu“ entfernen', icon: '⊘'},
+  ];
+
+  function swipePrefs() {
+    let all = {};
+    try { all = JSON.parse(localStorage.getItem('nui_pod_swipes') || '{}') || {}; } catch (e) {}
+    return all;
+  }
+
+  function swipeAction(list, dir) {
+    const l = SWIPE_LISTS[list];
+    if (!l) return 'none';
+    const own = (swipePrefs()[list] || {})[dir];
+    const id = own || l[dir];
+    const a = SWIPE_ACTIONS.find(x => x.id === id);
+    return a && (!a.dl || DL) ? id : 'none';
+  }
+
+  function swipeLabel(a) {
+    return {played: 'Gehört', favorite: 'Favorit', dequeue: 'Entfernen', delete: 'Löschen', dismiss: 'Aus „Neu“'}[a.id] || a.label;
+  }
+
+  function swipeSettings() {
+    openSheet('Wischgesten', Object.keys(SWIPE_LISTS).filter(id => id !== 'downloads' || DL).map(id => {
+      const l = SWIPE_LISTS[id];
+      const name = d => (SWIPE_ACTIONS.find(a => a.id === swipeAction(id, d)) || SWIPE_ACTIONS[0]).label;
+      return {icon: '⇆', label: l.label, hint: `← ${name('left')} · → ${name('right')}`, action: () => swipeListSheet(id)};
+    }).concat([{custom: el('div', 'nui-pod-meta nui-pod-sheetnote',
+      'Nur mit dem Finger. In der gesperrten Warteschlange ist Wischen aus. Nach jedem Wischen 4 Sekunden „Rückgängig“.')}]));
+  }
+
+  function swipeListSheet(list) {
+    const l = SWIPE_LISTS[list];
+    const pick = dir => openSheet(`${l.label}: nach ${dir === 'left' ? 'links' : 'rechts'} wischen`,
+      SWIPE_ACTIONS.filter(a => !a.dl || DL).map(a => ({
+        icon: swipeAction(list, dir) === a.id ? '●' : '○', label: a.label, active: swipeAction(list, dir) === a.id,
+        hint: a.id === l[dir] ? 'Standard' : null,
+        action: () => {
+          const all = swipePrefs();
+          all[list] = Object.assign({}, all[list], {[dir]: a.id});
+          try { localStorage.setItem('nui_pod_swipes', JSON.stringify(all)); } catch (e) {}
+          swipeListSheet(list);
+        },
+      })));
+    const name = d => (SWIPE_ACTIONS.find(a => a.id === swipeAction(list, d)) || SWIPE_ACTIONS[0]).label;
+    openSheet(`Wischen in „${l.label}“` + (l.hint ? ` (${l.hint})` : ''), [
+      {icon: '←', label: 'Nach links', hint: name('left'), action: () => pick('left')},
+      {icon: '→', label: 'Nach rechts', hint: name('right'), action: () => pick('right')},
+      {icon: '‹', label: 'Alle Listen', action: swipeSettings},
+    ]);
+  }
+
+  // A swipe's change waits 4 s for „Rückgängig“ where it can't simply be undone
+  // (queued or dismissed: out of „Neu“ for good; out of the queue; played; a download
+  // deleted): a row that leaves its list is gone at once, the change is sent then.
+  // Downloading and starring happen at once; undoing them is their opposite.
+  let pendingSwipe = null;     // {id, hide, run, undo, timer}
+  const recentlyGone = new Map();
+
+  function swipeGone(id) {
+    if (pendingSwipe && pendingSwipe.hide && pendingSwipe.id === id) return true;
+    const t = recentlyGone.get(id);
+    return !!t && Date.now() - t < 4000;
+  }
+
+  function commitSwipe() {
+    const p = pendingSwipe;
+    if (!p) return;
+    pendingSwipe = null;
+    clearTimeout(p.timer);
+    undoBar(null);
+    if (p.hide) recentlyGone.set(p.id, Date.now());
+    if (p.run) p.run();
+  }
+
+  function undoSwipe() {
+    const p = pendingSwipe;
+    if (!p) return;
+    pendingSwipe = null;
+    clearTimeout(p.timer);
+    undoBar(null);
+    if (p.undo) p.undo();
+    render();
+  }
+
+  // The bar with „Rückgängig“ (the toast can't be tapped).
+  function undoBar(text) {
+    let bar = $id('nui-pod-undo');
+    if (!text) { if (bar) bar.classList.remove('nui-show'); return; }
+    if (!bar) {
+      bar = el('div');
+      bar.id = 'nui-pod-undo';
+      bar.append(el('span', 'nui-pod-undo-text'));
+      const b = el('button', 'nui-pod-undo-btn', 'Rückgängig');
+      b.type = 'button';
+      b.addEventListener('click', ev => { ev.stopPropagation(); undoSwipe(); });
+      bar.append(b);
+      document.body.append(bar);
+    }
+    const t = $id('nui-radio-toast');
+    if (t) t.classList.remove('nui-show');
+    bar.querySelector('.nui-pod-undo-text').textContent = text;
+    bar.classList.add('nui-show');
+  }
+
+  function offerUndo(e, text, change) {
+    commitSwipe();
+    pendingSwipe = Object.assign({id: e.id}, change);
+    pendingSwipe.timer = setTimeout(commitSwipe, 4000);
+    undoBar(text);
+    if (change.hide) render();
+  }
+
+  // A swipe on an episode of `list` asks for `act`. Returns false when the row leaves the list.
+  function swipeDone(e, list, act, filters) {
+    const o = e.raw || {};
+    const has = d => DL && downloads[e.id] && downloads[e.id].state === d;
+    if (act === 'queue') {
+      if (inQueue(e.id)) { toast('Schon in der Warteschlange'); return true; }
+      // Queued episodes leave „Neu“ for good (AntennaPod's rule): sent only after the 4 s.
+      const hide = list === 'inbox';
+      offerUndo(e, 'Eingereiht', {hide, run: () => {
+        N.podcastEnqueue(JSON.stringify([o]), '', currentId());
+        o.in_queue = true;
+        if (!hide) render();
+      }});
+      return !hide;
+    }
+    if (act === 'dequeue') {
+      if (!inQueue(e.id)) { toast('Nicht in der Warteschlange'); return true; }
+      const hide = list === 'queue';
+      offerUndo(e, 'Aus der Warteschlange genommen', {hide, run: () => { N.podcastDequeue(e.id); o.in_queue = false; }});
+      return !hide;
+    }
+    if (act === 'download') {
+      if (!(o.audio_url || o.episode__audio_url)) { toast('Diese Folge lässt sich nicht laden'); return true; }
+      if (downloads[e.id] && downloads[e.id].state !== 'failed') {
+        toast(has('done') ? 'Schon heruntergeladen' : 'Wird schon geladen');
+        return true;
+      }
+      dlStart(e);
+      offerUndo(e, 'Wird heruntergeladen', {undo: () => N.podcastDeleteDownload(e.id)});
+      return true;
+    }
+    if (act === 'delete') {
+      if (!downloads[e.id]) { toast('Nicht heruntergeladen'); return true; }
+      const running = !has('done') && !has('failed');
+      // "Löschen nimmt aus der Warteschlange" (account): then it leaves the queue too.
+      const out = !running && 'delete_dequeue' in settings() && settings().delete_dequeue !== false && inQueue(e.id);
+      const hide = list === 'downloads' || filters.includes('downloaded') || (list === 'queue' && out);
+      offerUndo(e, running ? 'Download abgebrochen' : 'Download gelöscht', {hide, run: () => dlDelete(e, running, true)});
+      return !hide;
+    }
+    if (act === 'played') {
+      const played = !(o.played || e.played);
+      const hide = played
+        ? list === 'inbox' || (list === 'queue' && devicePrefs().remove_played !== false) ||
+          filters.includes('unplayed') || filters.includes('in_progress')
+        : filters.includes('played');
+      offerUndo(e, played ? 'Als gehört markiert' : 'Als ungehört markiert', {hide, run: () => {
+        N.podcastMarkPlayed(e.id, played);
+        o.played = played;
+        if (played) o.position_seconds = 0;
+        if (!hide) render();
+      }});
+      return !hide;
+    }
+    if (act === 'favorite') {
+      toggleFavorite(e, star => {
+        o.favorite = star;
+        offerUndo(e, star ? '★ Favorit' : 'Kein Favorit mehr', {undo: () => toggleFavorite(e, s => { o.favorite = s; }, true)});
+      }, true);
+      return true;
+    }
+    if (act === 'dismiss') {
+      // „Neu“ is every unplayed episode not taken out (the page knows only the first ones).
+      if (o.played || e.played) { toast('Gehört – nicht in „Neu“'); return true; }
+      const hide = list === 'inbox';
+      offerUndo(e, 'Aus „Neu“ entfernt', {hide, run: () => N.podcastDismiss(JSON.stringify([e.id]))});
+      return !hide;
+    }
+    return true;
+  }
+
   function renderQueue() {
     const items = queue().map(ep);
     if (!items.length) {
@@ -986,7 +1442,7 @@
         {label: 'Nach oben', run: ids => N.podcastReorder(JSON.stringify(ids.concat(queue().map(q => q.episode__id).filter(id => !ids.includes(id)))))},
         {label: 'Nach unten', run: ids => N.podcastReorder(JSON.stringify(queue().map(q => q.episode__id).filter(id => !ids.includes(id)).concat(ids)))},
         {label: 'Gehört', run: ids => { N.podcastMarkPlayedAll(JSON.stringify(ids), true); stopSelecting(); }},
-        {label: 'Entfernen', danger: true, run: ids => { N.podcastDequeueAll(JSON.stringify(ids)); stopSelecting(); }},
+        {label: 'Entfernen', run: ids => { N.podcastDequeueAll(JSON.stringify(ids)); stopSelecting(); }},
       ]));
     } else {
       const head = el('div', 'nui-pod-head');
@@ -1002,9 +1458,8 @@
     }
     const list = el('div', 'nui-pod-list nui-pod-queue');
     for (const e of items) {
-      const row = episodeRow(e, {showFeed: true});
+      const row = episodeRow(e, {showFeed: true, list: 'queue'});
       if (!selected) {
-        row.append(button('⋯', 'Mehr', () => queueMenu(e)));
         if (!locked && !keepSorted()) {
           const handle = el('div', 'nui-pod-handle', '≡');
           handle.title = 'Ziehen zum Umsortieren';
@@ -1047,22 +1502,14 @@
       ]));
     } else {
       const head = el('div', 'nui-pod-head');
-      head.append(el('div', 'nui-pod-summary', `${items.length} neue ${items.length === 1 ? 'Folge' : 'Folgen'}`),
+      const total = inboxTotal();
+      head.append(el('div', 'nui-pod-summary', `${total} neue ${total === 1 ? 'Folge' : 'Folgen'}` +
+        (total > items.length ? ` · die ${items.length} neuesten` : '')),
         listTools([button('☐', 'Mehrere auswählen', () => startSelecting())]));
       root.append(head);
     }
     const list = el('div', 'nui-pod-list');
-    for (const e of items) {
-      const row = episodeRow(e, {showFeed: true, showDate: true});
-      if (!selected) {
-        row.append(
-          e.inQueue || inQueue(e.id)
-            ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
-            : button('+', 'Einreihen', () => enqueue(e)),
-          button('⋯', 'Mehr', () => episodeMenu(e)));
-      }
-      list.append(row);
-    }
+    for (const e of items) list.append(episodeRow(e, {showFeed: true, showDate: true, list: 'inbox'}));
     root.append(list);
   }
 
@@ -1119,7 +1566,7 @@
 
   function feedRow(f) {
     const row = el('div', 'nui-pod-row');
-    row.append(art(f.artwork_url));
+    row.append(art(f.artwork_url, null, null, f.title));
     const main = el('div', 'nui-pod-main');
     main.append(el('div', 'nui-pod-title', plain(f.title)));
     const meta = [];
@@ -1179,97 +1626,188 @@
     }
   }
 
+  // One podcast: cover, title, author, ⓘ and ⚙, one quiet line with what is set
+  // differently from the defaults, then its episodes. All its settings are in the ⚙ sheet.
   function renderFeed() {
     const f = feedView.feed;
-    const head = el('div', 'nui-pod-feedhead');
-    head.append(button('‹', 'Zurück zu den Abos', () => { feedView = null; selected = null; render(); }), art(f.artwork_url, 'big'));
-    const info = el('div', 'nui-pod-main');
-    info.append(el('div', 'nui-pod-title', f.title));
-    if (f.author) info.append(el('div', 'nui-pod-meta', f.author));
-    head.append(info, button('ⓘ', 'Über diesen Podcast', () => openFeedInfo(f), 'nui-pod-infobtn'));
-    root.append(head);
-
     const live = feeds().find(x => x.id === f.id) || f;
+    const head = el('div', 'nui-pod-feedhead');
+    head.append(button('‹', 'Zurück zu den Abos', () => { feedView = null; selected = null; render(); }, 'nui-pod-back-btn'),
+      art(f.artwork_url, 'big', null, f.title));
+    const info = el('div', 'nui-pod-main');
+    info.append(el('div', 'nui-pod-title', plain(f.title)));
+    if (f.author) info.append(el('div', 'nui-pod-meta', plain(f.author)));
+    head.append(info, button('ⓘ', 'Über diesen Podcast', () => openFeedInfo(f), 'nui-pod-infobtn'));
+    if (feedHasSettings(live)) head.append(button('⚙︎', 'Einstellungen für diesen Podcast', () => feedSettingsSheet(f), 'nui-pod-infobtn nui-pod-gear'));
+    root.append(head);
+    const line = feedHasSettings(live) ? feedSummary(f, live) : '';
+    if (line) {
+      const s = el('button', 'nui-pod-feedsum', line);
+      s.type = 'button';
+      s.title = 'Einstellungen für diesen Podcast';
+      s.addEventListener('click', () => feedSettingsSheet(f));
+      root.append(s);
+    }
     if (live.last_error) {
       root.append(el('div', 'nui-pod-feederr nui-pod-feederr-box',
         `⚠ Der Feed ließ sich zuletzt nicht laden (${live.last_error}${live.last_error_at ? ', ' + day(live.last_error_at) : ''}). ` +
         'Der Server versucht es weiter, bei wiederholten Fehlern seltener.'));
     }
-    if ('new_episodes' in live && N.podcastFeedSettings) {
-      root.append(newEpisodesRow(live));
-      if (N.podcastFeedPrefs) root.append(feedSettings(f));
-      root.append(unsubscribeBox(f));
-      return renderFeedEpisodes(f);
-    }
-    const auto = live.auto_queue;
-    const toggle = el('label', 'nui-pod-switch');
-    const box = el('input');
-    box.type = 'checkbox';
-    box.checked = !!auto;
-    box.addEventListener('change', () => N.podcastAutoQueue(f.id, box.checked));
-    const pos = (POSITIONS.find(p => p.value === settings().auto_queue_position) || POSITIONS[1]).label.toLowerCase();
-    toggle.append(box, el('span', null, 'Neue Folgen automatisch einreihen'), el('span', 'nui-pod-meta', pos));
-    root.append(toggle);
-    if (N.podcastFeedPrefs) root.append(feedSettings(f));
-    root.append(unsubscribeBox(f));
     renderFeedEpisodes(f);
   }
 
-  // Where this podcast's new episodes go, and which ones count at all.
-  function newEpisodesRow(live) {
-    const row = el('div', 'nui-pod-feedprefs');
-    const chip = (label, value, on, onClick) => {
-      const b = el('button', 'nui-pod-chip' + (on ? ' on' : ''));
-      b.type = 'button';
-      b.append(el('span', null, label), el('strong', null, value));
-      b.addEventListener('click', onClick);
-      return b;
-    };
-    const save = changes => { N.podcastFeedSettings(live.id, JSON.stringify(changes)); };
-    const where = {inbox: 'in „Neu“', queue: 'in die Warteschlange', ignore: 'nirgends'};
-    const pos = (POSITIONS.find(p => p.value === settings().auto_queue_position) || POSITIONS[1]).label.toLowerCase();
-    row.append(chip('Neue Folgen', where[live.new_episodes] || where.inbox, live.new_episodes !== 'inbox', () =>
-      openSheet(`Neue Folgen von „${plain(live.title)}“ …`, [
-        {icon: live.new_episodes === 'inbox' ? '●' : '○', label: 'In „Neu“', hint: 'du entscheidest selbst', action: () => save({new_episodes: 'inbox'})},
-        {icon: live.new_episodes === 'queue' ? '●' : '○', label: 'Gleich in die Warteschlange', hint: pos, action: () => save({new_episodes: 'queue'})},
-        {icon: live.new_episodes === 'ignore' ? '●' : '○', label: 'Nirgends anzeigen', hint: 'nur in der Folgenliste des Podcasts', action: () => save({new_episodes: 'ignore'})},
-      ])));
-    const words = [live.include_words && `nur „${live.include_words}“`, live.exclude_words && `ohne „${live.exclude_words}“`,
+  function feedHasSettings(live) {
+    return !!N.podcastFeedSettings || !!N.podcastAutoQueue || !!N.podcastFeedPrefs;
+  }
+
+  function volumeLabel(v) {
+    if (!v || v === 1) return '';
+    return {0.2: 'viel leiser', 0.5: 'leiser', 1.5: '+5 dB', 2: '+10 dB', 2.5: '+15 dB'}[v] || '';
+  }
+
+  // This podcast's own playback (speed, intro, outro, volume): the server's where it keeps them, else this device's.
+  function feedOwn(f) {
+    const live = feeds().find(x => x.id === f.id) || f;
+    return 'skip_intro' in live
+      ? {speed: live.playback_speed || 0, intro: live.skip_intro || 0, outro: live.skip_outro || 0, volume: live.volume || 1}
+      : (devicePrefs().feeds || {})[String(f.id)] || {};
+  }
+
+  const NEW_WHERE = {inbox: 'in „Neu“', queue: 'in die Warteschlange', ignore: 'nirgends'};
+
+  function filterWords(live) {
+    return [live.include_words && `nur „${live.include_words}“`, live.exclude_words && `ohne „${live.exclude_words}“`,
       live.min_duration && `ab ${live.min_duration} min`].filter(Boolean).join(', ');
-    const ask = async (key, title, now) => {
-      const v = typeof customPrompt === 'function' ? await customPrompt(title, now || '') : null;
-      if (v != null) save({[key]: v.trim()});
-    };
-    // AntennaPod's per-podcast auto-download: new episodes land on the phone by themselves.
-    if ('auto_download' in live && N.podcastDownloads) {
-      row.append(chip('Auto-Download', live.auto_download ? 'an' : 'aus', !!live.auto_download, () =>
-        openSheet(`Neue Folgen von „${plain(live.title)}“ herunterladen?`, [
-          {icon: live.auto_download ? '●' : '○', label: 'Ja, von selbst', hint: 'im WLAN, innerhalb des Download-Limits',
-           action: () => save({auto_download: true})},
-          {icon: !live.auto_download ? '●' : '○', label: 'Nein', hint: 'nur die Warteschlange wird geladen', action: () => save({auto_download: false})},
-        ])));
+  }
+
+  // "1,3× · Intro 20 s · ohne „Trailer“ · neue Folgen → Warteschlange": only what differs from the defaults.
+  function feedSummary(f, live) {
+    const own = N.podcastFeedPrefs ? feedOwn(f) : {};
+    const parts = [];
+    if (own.speed) parts.push(speedLabel(own.speed));
+    if (own.intro) parts.push(`Intro ${own.intro} s`);
+    if (own.outro) parts.push(`Outro ${own.outro} s`);
+    if (volumeLabel(own.volume)) parts.push('Lautstärke ' + volumeLabel(own.volume));
+    if ('skip_silence' in live && live.skip_silence != null) parts.push(live.skip_silence ? 'Stille überspringen' : 'Stille nie überspringen');
+    const words = filterWords(live);
+    if (words) parts.push(words);
+    if (live.new_episodes === 'queue' || (!('new_episodes' in live) && live.auto_queue)) parts.push('neue Folgen → Warteschlange');
+    else if (live.new_episodes === 'ignore') parts.push('neue Folgen: nirgends');
+    if (live.auto_download && N.podcastDownloads) parts.push('Auto-Download');
+    if (live.notify) parts.push('Benachrichtigen');
+    return parts.join(' · ');
+  }
+
+  // All of a podcast's settings in one sheet; after a change it opens again with the new values.
+  function feedSettingsSheet(f) {
+    const live = feeds().find(x => x.id === f.id) || f;
+    const title = plain(live.title || f.title);
+    const again = () => setTimeout(() => { if (feedView && feedView.feed.id === f.id && !preview) feedSettingsSheet(f); }, 180);
+    const save = changes => { N.podcastFeedSettings(live.id, JSON.stringify(changes)); setTimeout(render, 50); again(); };
+    const choose = (head, choices) => () => openSheet(head, choices);
+    const items = [];
+    const pos = (POSITIONS.find(p => p.value === settings().auto_queue_position) || POSITIONS[1]).label.toLowerCase();
+    if ('new_episodes' in live && N.podcastFeedSettings) {
+      const ne = live.new_episodes || 'inbox';
+      items.push({icon: '◇', label: 'Neue Folgen', hint: NEW_WHERE[ne] || NEW_WHERE.inbox, active: ne !== 'inbox',
+        action: choose(`Neue Folgen von „${title}“ …`, [
+          {icon: ne === 'inbox' ? '●' : '○', label: 'In „Neu“', hint: 'du entscheidest selbst', active: ne === 'inbox', action: () => save({new_episodes: 'inbox'})},
+          {icon: ne === 'queue' ? '●' : '○', label: 'Gleich in die Warteschlange', hint: pos, active: ne === 'queue', action: () => save({new_episodes: 'queue'})},
+          {icon: ne === 'ignore' ? '●' : '○', label: 'Nirgends anzeigen', hint: 'nur in der Folgenliste des Podcasts', active: ne === 'ignore',
+           action: () => save({new_episodes: 'ignore'})},
+        ])});
+      // AntennaPod's per-podcast auto-download: new episodes land on the phone by themselves.
+      if ('auto_download' in live && N.podcastDownloads) {
+        items.push({icon: '↓', label: 'Automatisch herunterladen', hint: live.auto_download ? 'an: neue Folgen im WLAN, im Download-Limit' : 'aus',
+          active: !!live.auto_download, action: () => save({auto_download: !live.auto_download})});
+      }
+      // AntennaPod's episode notifications: the phone tells when a new episode is in „Neu“.
+      if ('notify' in live) {
+        items.push({icon: '◔', label: 'Benachrichtigen', hint: live.notify ? 'an: eine Mitteilung bei jeder neuen Folge' : 'aus',
+          active: !!live.notify, action: () => save({notify: !live.notify})});
+      }
+      const words = filterWords(live);
+      const ask = async (key, head, now) => {
+        const v = typeof customPrompt === 'function' ? await customPrompt(head, now || '') : null;
+        if (v != null) save({[key]: v.trim()}); else again();
+      };
+      items.push({icon: '⊻', label: 'Filter für neue Folgen', hint: words || 'keiner', active: !!words,
+        action: choose('Welche neuen Folgen zählen?', [
+          {icon: '+', label: 'Nur mit diesen Wörtern im Titel', hint: live.include_words || 'alle',
+           action: () => ask('include_words', 'Nur Folgen, deren Titel eines dieser Wörter enthält (mit Komma getrennt):', live.include_words)},
+          {icon: '−', label: 'Ohne diese Wörter im Titel', hint: live.exclude_words || 'keine',
+           action: () => ask('exclude_words', 'Folgen mit einem dieser Wörter im Titel weglassen (mit Komma getrennt):', live.exclude_words)},
+          {icon: '⏱︎', label: 'Mindestlänge', hint: live.min_duration ? `${live.min_duration} Minuten` : 'keine',
+           action: choose('Kürzere Folgen weglassen', [0, 5, 10, 15, 20, 30, 45, 60].map(m => ({
+             icon: (live.min_duration || 0) === m ? '●' : '○', label: m ? `unter ${m} Minuten weglassen` : 'Keine Mindestlänge',
+             active: (live.min_duration || 0) === m, action: () => save({min_duration: m}),
+           })))},
+        ])});
+    } else if (N.podcastAutoQueue) {
+      items.push({icon: live.auto_queue ? '☑' : '☐', label: 'Neue Folgen automatisch einreihen', hint: pos, active: !!live.auto_queue,
+        action: () => { N.podcastAutoQueue(f.id, !live.auto_queue); again(); }});
     }
-    // AntennaPod's episode notifications: the phone tells when a new episode is in „Neu“.
-    if ('notify' in live) {
-      row.append(chip('Benachrichtigen', live.notify ? 'an' : 'aus', !!live.notify, () =>
-        openSheet(`Bei neuen Folgen von „${plain(live.title)}“ benachrichtigen?`, [
-          {icon: live.notify ? '●' : '○', label: 'Ja', hint: 'eine Mitteilung auf dem Telefon, sobald eine neue Folge in „Neu“ ist',
-           action: () => save({notify: true})},
-          {icon: !live.notify ? '●' : '○', label: 'Nein', action: () => save({notify: false})},
-        ])));
+    if (N.podcastFeedPrefs) {
+      const own = feedOwn(f);
+      const set = (key, v) => { N.podcastFeedPrefs(f.id, JSON.stringify({[key]: v})); setTimeout(render, 50); again(); };
+      const seconds = (key, head) => choose(head, [0, 10, 15, 20, 30, 45, 60, 90, 120].map(v => ({
+        icon: (own[key] || 0) === v ? '●' : '○', label: v ? `${v} Sekunden` : 'Nichts überspringen', active: (own[key] || 0) === v,
+        action: () => set(key, v),
+      })));
+      items.push(
+        {icon: '»', label: 'Tempo', hint: own.speed ? speedLabel(own.speed) : 'wie alle Podcasts', active: !!own.speed,
+         action: choose(`Geschwindigkeit für „${title}“`, speedChoices(own.speed).map(v => ({
+           icon: Math.abs((own.speed || 0) - v) < 0.01 ? '●' : '○', label: speedLabel(v), active: Math.abs((own.speed || 0) - v) < 0.01,
+           action: () => set('speed', v)}))
+           .concat([{icon: '↺', label: 'Wie alle anderen Podcasts', action: () => set('speed', 0)}])
+           .concat(presetsEditItem()))},
+        {icon: '⇥', label: 'Intro überspringen', hint: own.intro ? `${own.intro} Sekunden` : 'aus', active: !!own.intro,
+         action: seconds('intro', 'Am Anfang jeder Folge überspringen')},
+        {icon: '⇤', label: 'Outro überspringen', hint: own.outro ? `${own.outro} Sekunden` : 'aus', active: !!own.outro,
+         action: seconds('outro', 'Am Ende jeder Folge überspringen')},
+        {icon: '◖', label: 'Lautstärke', hint: volumeLabel(own.volume) || 'normal', active: !!volumeLabel(own.volume),
+         action: choose(`Lautstärke für „${title}“`,
+           [[0.2, 'Viel leiser'], [0.5, 'Leiser'], [1, 'Normal'], [1.5, 'Lauter (+5 dB)'], [2, 'Viel lauter (+10 dB)'], [2.5, 'Sehr viel lauter (+15 dB)']]
+             .map(([v, label]) => ({icon: (own.volume || 1) === v ? '●' : '○', label, active: (own.volume || 1) === v, action: () => set('volume', v)})))},
+      );
     }
-    row.append(chip('Filter', words || 'aus', !!words, () => openSheet('Welche neuen Folgen zählen?', [
-      {icon: '+', label: 'Nur mit diesen Wörtern im Titel', hint: live.include_words || 'alle',
-       action: () => ask('include_words', 'Nur Folgen, deren Titel eines dieser Wörter enthält (mit Komma getrennt):', live.include_words)},
-      {icon: '−', label: 'Ohne diese Wörter im Titel', hint: live.exclude_words || 'keine',
-       action: () => ask('exclude_words', 'Folgen mit einem dieser Wörter im Titel weglassen (mit Komma getrennt):', live.exclude_words)},
-      {icon: '⏱', label: 'Mindestlänge', hint: live.min_duration ? `${live.min_duration} Minuten` : 'keine',
-       action: () => openSheet('Kürzere Folgen weglassen', [0, 5, 10, 15, 20, 30, 45, 60].map(m => ({
-         icon: (live.min_duration || 0) === m ? '●' : '○', label: m ? `unter ${m} Minuten weglassen` : 'Keine Mindestlänge',
-         action: () => save({min_duration: m}),
-       })))},
-    ])));
-    return row;
+    // Skip silence for this podcast (server), where this player can skip silence at all.
+    if ('skip_silence' in live && 'skip_silence' in devicePrefs() && N.podcastFeedSettings) {
+      const mine = live.skip_silence;
+      const device = !!devicePrefs().skip_silence;
+      items.push({icon: '∿', label: 'Stille', hint: mine === true ? 'überspringen' : mine === false ? 'nie überspringen' : 'wie eingestellt',
+        active: mine != null, action: choose(`Stille in „${title}“ …`, [
+          {icon: mine == null ? '●' : '○', label: 'Wie eingestellt', hint: device ? 'überspringen (alle Podcasts)' : 'nicht überspringen (alle Podcasts)',
+           active: mine == null, action: () => save({skip_silence: null})},
+          {icon: mine === true ? '●' : '○', label: 'Überspringen', hint: 'Pausen werden ausgelassen', active: mine === true, action: () => save({skip_silence: true})},
+          {icon: mine === false ? '●' : '○', label: 'Nie überspringen', active: mine === false, action: () => save({skip_silence: false})},
+        ])});
+    }
+    // The list's order (its filters are the chips above the episodes).
+    const prefs = feedListPrefs(f.id);
+    const sort = EP_SORTS.some(s => s.id === prefs.sort && !s.all) ? prefs.sort : 'new';
+    items.push({icon: '⇅', label: 'Folgen sortieren', hint: sortLabel(sort), active: sort !== 'new',
+      action: () => sortMenuFor(sort, false, id => {
+        saveFeedListPrefs(f.id, {filters: (prefs.filters || []).slice(), sort: id});
+        render();
+        again();
+      })});
+    items.push({custom: el('div', 'nui-pod-sheetsep')});
+    items.push({icon: '✕', label: 'Abo beenden', hint: 'fragt noch einmal nach', action: () => confirmUnsubscribe(f)});
+    openSheet(`Einstellungen für „${title}“`, items);
+  }
+
+  // Unsubscribing (server: POST /podcasts/feeds/<id>/remove/). Asked once more; then the
+  // server forgets the podcast with its episodes, and the app deletes their downloads
+  // (not those of favourites).
+  function confirmUnsubscribe(f) {
+    if (!navigator.onLine) { toast('Abo beenden braucht eine Verbindung.'); return; }
+    openSheet(`„${plain(f.title)}“ nicht mehr abonnieren?`, [
+      {custom: el('div', 'nui-pod-meta nui-pod-sheetnote', 'Die Folgen verschwinden aus Warteschlange und Listen, mit Fortschritt ' +
+        'und Favoriten, auch auf dem Server.' + (DL ? ' Die Downloads dieses Podcasts werden gelöscht.' : ''))},
+      {icon: '✕', label: 'Abo beenden', danger: true, action: () => unsubscribe(f)},
+      {icon: '‹', label: 'Abbrechen', action: () => feedSettingsSheet(f)},
+    ]);
   }
 
   function renderFeedEpisodes(f) {
@@ -1304,14 +1842,8 @@
     const list = el('div', 'nui-pod-list');
     for (const e of items) {
       const o = e.raw;
-      const row = episodeRow(e, {showDate: true});
+      const row = episodeRow(e, {showDate: true, list: downloadsOnly(filters) ? 'downloads' : 'feed', filters});
       if (o.favorite) row.querySelector('.nui-pod-title').prepend(el('span', 'nui-pod-star', '★ '));
-      if (!selected) {
-        row.append(
-          inQueue(e.id) ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
-            : button('+', 'Einreihen', () => { enqueue(e); o.in_queue = true; }),
-          button('⋯', 'Mehr', () => episodeMenu(e)));
-      }
       list.append(row);
     }
     root.append(list);
@@ -1383,7 +1915,7 @@
     const title = el('div', 'nui-pod-main');
     title.append(el('div', 'nui-pod-title', plain(live.title)));
     if (live.author) title.append(el('div', 'nui-pod-meta', plain(live.author)));
-    head.append(art(live.artwork_url, 'big'), title);
+    head.append(art(live.artwork_url, 'big', null, live.title), title);
     panel.append(top, head);
 
     // Feed descriptions may carry HTML: only its text.
@@ -1457,99 +1989,9 @@
     toast(ok ? 'Kopiert' : 'Kopieren ging nicht');
   }
 
-  function volumeLabel(v) {
-    if (!v || v === 1) return '';
-    return {0.2: 'viel leiser', 0.5: 'leiser', 1.5: '+5 dB', 2: '+10 dB', 2.5: '+15 dB'}[v] || '';
-  }
-
-  // This podcast's own playback: speed, intro and outro to skip.
-  function feedSettings(f) {
-    const live = feeds().find(x => x.id === f.id) || f;
-    const own = 'skip_intro' in live
-      ? {speed: live.playback_speed || 0, intro: live.skip_intro || 0, outro: live.skip_outro || 0, volume: live.volume || 1}
-      : (devicePrefs().feeds || {})[String(f.id)] || {};
-    const row = el('div', 'nui-pod-feedprefs');
-    const chip = (label, value, onClick) => {
-      const b = el('button', 'nui-pod-chip' + (value ? ' on' : ''));
-      b.type = 'button';
-      b.append(el('span', null, label), el('strong', null, value || 'aus'));
-      b.addEventListener('click', onClick);
-      return b;
-    };
-    const set = (key, v) => { N.podcastFeedPrefs(f.id, JSON.stringify({[key]: v})); setTimeout(render, 50); };
-    const seconds = (key, title) => openSheet(title, [0, 10, 15, 20, 30, 45, 60, 90, 120].map(v => ({
-      icon: (own[key] || 0) === v ? '●' : '○', label: v ? `${v} Sekunden` : 'Nichts überspringen', action: () => set(key, v),
-    })));
-    row.append(
-      chip('Tempo', own.speed ? speedLabel(own.speed) : '', () => openSheet(`Geschwindigkeit für „${plain(f.title)}“`,
-        speedChoices(own.speed).map(v => ({icon: Math.abs((own.speed || 0) - v) < 0.01 ? '●' : '○', label: speedLabel(v),
-          action: () => set('speed', v)}))
-          .concat([{icon: '↺', label: 'Wie alle anderen Podcasts', action: () => set('speed', 0)}])
-          .concat(presetsEditItem()))),
-      chip('Intro', own.intro ? `${own.intro} s` : '', () => seconds('intro', 'Am Anfang jeder Folge überspringen')),
-      chip('Outro', own.outro ? `${own.outro} s` : '', () => seconds('outro', 'Am Ende jeder Folge überspringen')),
-      chip('Lautstärke', volumeLabel(own.volume), () => openSheet(`Lautstärke für „${plain(f.title)}“`,
-        [[0.2, 'Viel leiser'], [0.5, 'Leiser'], [1, 'Normal'], [1.5, 'Lauter (+5 dB)'], [2, 'Viel lauter (+10 dB)'], [2.5, 'Sehr viel lauter (+15 dB)']]
-          .map(([v, label]) => ({icon: (own.volume || 1) === v ? '●' : '○', label, action: () => set('volume', v)})))),
-    );
-    // Skip silence for this podcast (server), where this player can skip silence at all.
-    if ('skip_silence' in live && 'skip_silence' in devicePrefs() && N.podcastFeedSettings) {
-      const mine = live.skip_silence;
-      const device = !!devicePrefs().skip_silence;
-      const b = el('button', 'nui-pod-chip' + (mine != null ? ' on' : ''));
-      b.type = 'button';
-      b.append(el('span', null, 'Stille'), el('strong', null, mine === true ? 'überspringen' : mine === false ? 'nie überspringen'
-        : 'wie eingestellt'));
-      const save = v => { N.podcastFeedSettings(f.id, JSON.stringify({skip_silence: v})); setTimeout(render, 50); };
-      b.addEventListener('click', () => openSheet(`Stille in „${plain(f.title)}“ …`, [
-        {icon: mine == null ? '●' : '○', label: 'Wie eingestellt', hint: device ? 'überspringen (alle Podcasts)' : 'nicht überspringen (alle Podcasts)',
-         action: () => save(null)},
-        {icon: mine === true ? '●' : '○', label: 'Überspringen', hint: 'Pausen werden ausgelassen', action: () => save(true)},
-        {icon: mine === false ? '●' : '○', label: 'Nie überspringen', action: () => save(false)},
-      ]));
-      row.append(b);
-    }
-    return row;
-  }
-
-  // Unsubscribing (server: POST /podcasts/feeds/<id>/remove/). Asked once more
-  // right here; then the server forgets the podcast with its episodes, and the
-  // app deletes their downloads (not those of favourites).
-  function unsubscribeBox(f) {
-    const box = el('div', 'nui-pod-unsub');
-    if (!feedView.confirmRemove) {
-      const b = el('button', 'nui-pod-unsub-btn', 'Abo beenden');
-      b.type = 'button';
-      b.addEventListener('click', () => {
-        if (!navigator.onLine) { toast('Abo beenden braucht eine Verbindung.'); return; }
-        feedView.confirmRemove = true;
-        render();
-      });
-      box.append(b);
-      return box;
-    }
-    box.classList.add('nui-pod-unsub-ask');
-    box.append(el('div', 'nui-pod-title', `„${plain(f.title)}“ nicht mehr abonnieren?`),
-      el('div', 'nui-pod-meta', 'Die Folgen verschwinden aus Warteschlange und Listen, mit Fortschritt und Favoriten, ' +
-        'auch auf dem Server.' + (DL ? ' Die Downloads dieses Podcasts werden gelöscht.' : '')));
-    const actions = el('div', 'nui-pod-unsub-actions');
-    const yes = el('button', 'btn nui-pod-unsub-yes', feedView.removing ? 'Wird beendet …' : 'Abo beenden');
-    yes.type = 'button';
-    yes.disabled = !!feedView.removing;
-    yes.addEventListener('click', () => unsubscribe(f));
-    const no = el('button', 'btn', 'Abbrechen');
-    no.type = 'button';
-    no.disabled = !!feedView.removing;
-    no.addEventListener('click', () => { feedView.confirmRemove = false; render(); });
-    actions.append(yes, no);
-    box.append(actions);
-    return box;
-  }
-
   async function unsubscribe(f) {
     if (!navigator.onLine) { toast('Abo beenden braucht eine Verbindung.'); return; }
-    feedView.removing = true;
-    render();
+    toast('Abo wird beendet …');
     try {
       const r = await fetch(`/podcasts/feeds/${f.id}/remove/`, {
         method: 'POST', headers: {'Content-Type': 'application/json'}, body: '{}',
@@ -1557,7 +1999,6 @@
       // 404: gone already (removed elsewhere) — the same result.
       if (!r.ok && r.status !== 404) throw new Error(r.status);
     } catch (e) {
-      if (feedView && feedView.feed.id === f.id) { feedView.removing = false; render(); }
       toast(navigator.onLine ? 'Abo beenden hat nicht geklappt.' : 'Abo beenden braucht eine Verbindung.');
       return;
     }
@@ -1575,6 +2016,9 @@
     else N.podcastRefresh(false);
   }
 
+  // The downloads list: an episode list with just the filter „Geladen“ (its button plays, its swipes delete).
+  const downloadsOnly = filters => DL && filters.length === 1 && filters[0] === 'downloaded';
+
   // ---- all episodes, filtered (server: GET /podcasts/episodes/) ----------------------
   // Filters combine (all have to match); "Geladen" asks for the episodes downloaded here.
 
@@ -1668,17 +2112,15 @@
     const list = el('div', 'nui-pod-list');
     for (const e of items) {
       const o = e.raw;
-      const row = episodeRow(e, {showFeed: true, showDate: epSort !== 'played'});
+      const row = episodeRow(e, {showFeed: true, showDate: epSort !== 'played', list: downloadsOnly(epFilters) ? 'downloads' : 'episodes',
+        filters: epFilters});
       if (epSort === 'played' && o.last_played_at) {
-        row.querySelector('.nui-pod-meta').textContent = 'gehört ' + day(o.last_played_at) + ' · ' + (e.feed || '');
+        const m = row.querySelector('.nui-pod-meta');
+        const mark = m.querySelector('.nui-pod-dlmark');
+        m.textContent = 'gehört ' + day(o.last_played_at) + ' · ' + (e.feed || '');
+        if (mark) m.prepend(mark);
       }
       if (o.favorite) row.querySelector('.nui-pod-title').prepend(el('span', 'nui-pod-star', '★ '));
-      if (!selected) {
-        row.append(
-          inQueue(e.id) ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
-            : button('+', 'Einreihen', () => enqueue(e)),
-          button('⋯', 'Mehr', () => episodeMenu(e)));
-      }
       list.append(row);
     }
     root.append(list);
@@ -1700,7 +2142,7 @@
             action: () => toggleFavorite(e, star => { if (e.raw) e.raw.favorite = star; })};
   }
 
-  async function toggleFavorite(e, done) {
+  async function toggleFavorite(e, done, quiet) {
     const o = e.raw || {};
     const body = typeof o.favorite === 'boolean' ? {favorite: !o.favorite} : {};
     try {
@@ -1709,7 +2151,7 @@
       });
       if (!r.ok) throw new Error(r.status);
       const d = await r.json();
-      toast(d.favorite ? '★ Als Favorit markiert' : 'Kein Favorit mehr');
+      if (!quiet) toast(d.favorite ? '★ Als Favorit markiert' : 'Kein Favorit mehr');
       // Favourites keep their download (Downloads.kt).
       if (N.podcastFavoriteChanged) N.podcastFavoriteChanged(e.id, !!d.favorite);
       const cached = storedDetails(e.id);
@@ -1782,7 +2224,7 @@
       const max = Math.max(...feedsList.map(f => f.seconds || 0), 1);
       for (const f of feedsList) {
         const row = el('div', 'nui-pod-stat-row');
-        row.append(art(f.artwork_url));
+        row.append(art(f.artwork_url, null, null, f.title));
         const main = el('div', 'nui-pod-main');
         main.append(el('div', 'nui-pod-title', plain(f.title)),
           el('div', 'nui-pod-meta', `${hours(f.seconds || 0)} · ${f.episodes_played || 0} Folgen`));
@@ -1924,10 +2366,6 @@
         const e = ep(o);
         const row = episodeRow(e, {showFeed: true, showDate: true, noSelect: true});
         if (o.favorite) row.querySelector('.nui-pod-title').prepend(el('span', 'nui-pod-star', '★ '));
-        row.append(
-          inQueue(e.id) ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
-            : button('+', 'Einreihen', () => enqueue(e)),
-          button('⋯', 'Mehr', () => episodeMenu(e)));
         list.append(row);
       }
       root.append(list);
@@ -1949,7 +2387,7 @@
     const list = el('div', 'nui-pod-list');
     for (const r of dir.items) {
       const row = el('div', 'nui-pod-row');
-      row.append(art(r.artwork_url));
+      row.append(art(r.artwork_url, null, null, r.title));
       const main = el('div', 'nui-pod-main');
       main.append(el('div', 'nui-pod-title', r.title), el('div', 'nui-pod-meta', [r.author, r.genre].filter(Boolean).join(' · ')));
       row.append(main);
@@ -2055,7 +2493,7 @@
     const p = preview;
     const d = p.data || {};
     const head = el('div', 'nui-pod-feedhead');
-    head.append(button('‹', 'Zurück', closePreview), art(d.artwork, 'big'));
+    head.append(button('‹', 'Zurück', closePreview), art(d.artwork, 'big', null, d.title));
     const info = el('div', 'nui-pod-main');
     info.append(el('div', 'nui-pod-title', plain(d.title) || 'Podcast'),
       el('div', 'nui-pod-meta', plain(d.author) || p.url));
@@ -2108,7 +2546,7 @@
       const list = el('div', 'nui-pod-list');
       for (const e of eps) {
         const row = el('div', 'nui-pod-row');
-        row.append(art(e.artwork || d.artwork));
+        row.append(art(e.artwork, null, d.artwork, d.title));
         const main = el('div', 'nui-pod-main');
         main.append(el('div', 'nui-pod-title', plain(e.title)),
           el('div', 'nui-pod-meta', [e.duration && minutes(e.duration), day(e.date)].filter(Boolean).join(' · ')));
@@ -2387,21 +2825,9 @@
       if (fav) { fav.textContent = d.favorite ? '★' : '☆'; fav.classList.toggle('on', !!d.favorite); }
     }
     const chapters = d.chapters || [];
-    if (live && chapters.length > 1) {
-      // Previous / next chapter, like AntennaPod's chapter buttons.
-      const nav = el('div', 'nui-pod-chapnav');
-      const jump = dir => {
-        const t = (player.pos || 0) / 1000;
-        let i = chapters.length - 1;
-        while (i > 0 && chapters[i].start > t + 0.5) i--;
-        // "Back" within the first seconds of a chapter goes to the one before.
-        const target = dir > 0 ? i + 1 : (t - chapters[i].start < 3 ? i - 1 : i);
-        if (target < 0 || target >= chapters.length) return;
-        N.podcastSeek(Math.round(chapters[target].start * 1000));
-      };
-      nav.append(button('⏮', 'Voriges Kapitel', () => jump(-1)), el('span', 'nui-pod-chapnow'), button('⏭', 'Nächstes Kapitel', () => jump(1)));
-      box.append(nav);
-    }
+    // The full player lists the chapters right under the title (chapterBox); here only the notes.
+    const chapBox = live && sheet ? sheet.querySelector('.nui-pod-chapbox') : null;
+    if (chapBox) chapterBox(chapBox, chapters, id);
     const tabs = el('div', 'nui-pod-subtabs');
     const body = el('div', 'nui-pod-notesbody');
     const show = which => {
@@ -2444,11 +2870,48 @@
       b.addEventListener('click', () => show(which));
       tabs.append(b);
     };
-    if (chapters.length) tab('chapters', `Kapitel (${chapters.length})`);
+    if (chapters.length && !chapBox) tab('chapters', `Kapitel (${chapters.length})`);
     tab('notes', 'Shownotes');
     if (d.has_transcript) tab('transcript', 'Transkript');
     box.append(tabs, body);
-    show(chapters.length ? 'chapters' : 'notes');
+    show(chapters.length && !chapBox ? 'chapters' : 'notes');
+  }
+
+  // The chapters in the full player: which one plays, previous / next (like AntennaPod's
+  // chapter buttons), and the list to tap; it keeps the playing chapter in view.
+  function chapterBox(box, chapters, id) {
+    box.textContent = '';
+    box.dataset.episode = String(id);
+    box.hidden = !chapters.length;
+    // A smaller cover makes room for them.
+    if (box.parentElement) box.parentElement.classList.toggle('nui-pod-withchapters', !!chapters.length);
+    if (!chapters.length) return;
+    const jump = dir => {
+      const t = (player.pos || 0) / 1000;
+      let i = chapters.length - 1;
+      while (i > 0 && chapters[i].start > t + 0.5) i--;
+      // "Back" within the first seconds of a chapter goes to the one before.
+      const target = dir > 0 ? i + 1 : (t - chapters[i].start < 3 ? i - 1 : i);
+      if (target < 0 || target >= chapters.length) return;
+      N.podcastSeek(Math.round(chapters[target].start * 1000));
+    };
+    const head = el('div', 'nui-pod-chaphead');
+    head.append(el('span', 'nui-pod-chapcount', `${chapters.length} Kapitel`));
+    if (chapters.length > 1) {
+      head.append(button('⏮︎', 'Voriges Kapitel', () => jump(-1), 'nui-pod-chapbtn'),
+        button('⏭︎', 'Nächstes Kapitel', () => jump(1), 'nui-pod-chapbtn'));
+    }
+    const ol = el('ol', 'nui-pod-chapters nui-pod-chaplist');
+    chapters.forEach((c, i) => {
+      const li = el('li', 'nui-pod-chapter');
+      li.dataset.start = String(c.start || 0);
+      li.dataset.index = String(i);
+      li.append(el('span', 'nui-pod-chapter-t', clock(c.start || 0)), el('span', 'nui-pod-chapter-title', plain(c.title || `Kapitel ${i + 1}`)));
+      li.addEventListener('click', () => N.podcastSeek(Math.round((c.start || 0) * 1000)));
+      ol.append(li);
+    });
+    box.append(head, ol);
+    markChapter(box, (player.pos || 0) / 1000);
   }
 
   function markChapter(scope, seconds) {
@@ -2456,11 +2919,22 @@
     let current = -1;
     items.forEach((li, i) => { if (parseFloat(li.dataset.start) <= seconds + 0.5) current = i; });
     items.forEach((li, i) => li.classList.toggle('current', i === current));
-    const now = scope.querySelector('.nui-pod-chapnow');
-    if (now) {
-      const d = storedDetails(parseInt((scope.querySelector('.nui-pod-notesbox') || scope).dataset.episode, 10));
-      const ch = d && d.chapters ? d.chapters.filter(c => c.start <= seconds + 0.5).pop() : null;
-      now.textContent = ch ? plain(ch.title || '') : '';
+    const count = scope.querySelector('.nui-pod-chapcount');
+    const list = scope.querySelector('.nui-pod-chaplist');
+    if (count && list) {
+      const n = list.children.length;
+      count.textContent = current >= 0 ? `Kapitel ${current + 1} von ${n}` : `${n} Kapitel`;
+      // The playing chapter stays in view in the short list (unless it was just scrolled by hand).
+      if (current >= 0 && list.dataset.shown !== String(current) && Date.now() - (list.touched || 0) > 6000) {
+        list.dataset.shown = String(current);
+        const li = list.children[current];
+        list.scrollTop = Math.max(0, li.offsetTop - list.offsetTop - li.offsetHeight);
+      }
+      if (!list.watched) {
+        list.watched = true;
+        list.addEventListener('touchstart', () => { list.touched = Date.now(); }, {passive: true});
+        list.addEventListener('wheel', () => { list.touched = Date.now(); }, {passive: true});
+      }
     }
     markTranscript(scope, seconds);
   }
@@ -2558,8 +3032,10 @@
     const panel = sheet.firstChild;
     const top = el('div', 'nui-pod-player-top');
     top.append(button('⌄', 'Player schließen', closePlayer));
-    panel.append(top, art(player.artwork, 'player'));
-    panel.append(el('div', 'nui-pod-player-title'), el('div', 'nui-pod-player-feed'));
+    panel.append(top, art(player.artwork, 'player', null, player.feed));
+    const chapBox = el('div', 'nui-pod-chapbox');
+    chapBox.hidden = true;
+    panel.append(el('div', 'nui-pod-player-title'), el('div', 'nui-pod-player-feed'), chapBox);
     const range = el('input', 'nui-pod-seek');
     range.type = 'range';
     range.min = 0;
@@ -3026,15 +3502,15 @@
     toast('Wird heruntergeladen');
   }
 
-  function dlDelete(e, running) {
+  function dlDelete(e, running, quiet) {
     N.podcastDeleteDownload(e.id);
     // "Löschen nimmt aus der Warteschlange" (account): the app takes it out too.
     const out = !running && settings().delete_dequeue !== false && 'delete_dequeue' in settings() && inQueue(e.id);
-    toast(running ? 'Download abgebrochen' : out ? 'Download gelöscht, aus der Warteschlange genommen' : 'Download gelöscht');
+    if (!quiet) toast(running ? 'Download abgebrochen' : out ? 'Download gelöscht, aus der Warteschlange genommen' : 'Download gelöscht');
   }
 
-  function dlAppend(row, e) {
-    if (!DL || !(e.raw.episode__audio_url || e.raw.audio_url)) return;
+  // The row's download button (the episode lists): ↓, a ring while it loads, ✓ when it's here.
+  function dlButton(e) {
     const d = downloads[e.id];
     const state = d ? d.state : null;
     let b;
@@ -3050,14 +3526,28 @@
     }
     b.dataset.dl = e.id;
     dlRing(b);
-    row.append(b);
+    return b;
+  }
+
+  // Elsewhere a small mark in front of the length: an arrow in a circle when it's here,
+  // a filling ring while it loads, ! when it failed.
+  function dlMark(e) {
+    if (!DL) return null;
+    const d = downloads[e.id];
+    if (!d) return null;
+    const m = el('span', 'nui-pod-dlmark nui-pod-dlmark-' + d.state);
+    m.dataset.dlmark = e.id;
+    m.title = d.state === 'done' ? 'Heruntergeladen' : d.state === 'failed' ? 'Download hat nicht geklappt' : 'Wird heruntergeladen';
+    m.textContent = d.state === 'done' ? '↓' : d.state === 'failed' ? '!' : '';
+    dlRing(m);
+    return m;
   }
 
   function dlRing(b) {
-    const d = downloads[b.dataset.dl];
+    const d = downloads[b.dataset.dl || b.dataset.dlmark];
     if (!d || (d.state !== 'queued' && d.state !== 'downloading')) return;
     b.style.setProperty('--p', (d.progress || 0) + '%');
-    b.firstChild.textContent = d.state === 'queued' ? (d.reason === 'paused' ? '‖' : '…') : d.progress + '';
+    if (b.dataset.dl) b.firstChild.textContent = d.state === 'queued' ? (d.reason === 'paused' ? '‖' : '…') : d.progress + '';
   }
 
   // "wartet auf WLAN", "neuer Versuch um 14:05" …
@@ -3124,7 +3614,7 @@
        action: () => openSheet('Downloads aufräumen', DL_CLEANUPS.map(c => ({
          icon: s.cleanup === c.value ? '●' : '○', label: c.label, hint: c.hint, active: s.cleanup === c.value,
          action: () => dlSet({cleanup: c.value})})))},
-      done.length > 0 && {icon: '✕', label: `Downloads löschen (${size(bytes)})`, danger: true,
+      done.length > 0 && {icon: '✕', label: `Downloads löschen (${size(bytes)})`,
         hint: done.length === 1 ? '1 Folge' : done.length + ' Folgen',
         action: () => openSheet(`Alle ${done.length} Downloads löschen?`, [
           {icon: '✕', label: 'Löschen', hint: size(bytes), danger: true,
@@ -3143,7 +3633,7 @@
       keys.every(id => before[id] && before[id].state === downloads[id].state && before[id].reason === downloads[id].reason);
     // Only the numbers moved: turn the rings, no new list (keeps a drag or a scroll going).
     if (same) {
-      document.querySelectorAll('#nui-pod [data-dl]').forEach(dlRing);
+      document.querySelectorAll('#nui-pod [data-dl], #nui-pod [data-dlmark]').forEach(dlRing);
       dlIndicatorText();
     } else {
       render();
@@ -3225,6 +3715,20 @@
     renderDownloads(true);
   }
 
+  // The finished downloads: the episode list with the filter „Geladen“ (▶ plays, swipes delete).
+  function showDownloaded() {
+    closeDownloads();
+    closePlayer();
+    selected = null;
+    feedView = null;
+    preview = null;
+    view = 'episodes';
+    try { localStorage.setItem('nui_pod_view', view); } catch (e) {}
+    if (typeof showTab === 'function') showTab('podcasts');
+    setEpisodeList(['downloaded'], 'new');
+    scrollTop(0);
+  }
+
   function dlTitle(d) {
     return plain(d.title) || 'Folge ' + d.id;
   }
@@ -3249,8 +3753,8 @@
       items.push({icon: '↻', label: 'Erneut versuchen', hint: d.error || null, action: () => N.podcastRetryDownload(d.id)});
     }
     items.push(d.state === 'failed'
-      ? {icon: '✕', label: 'Löschen', danger: true, action: () => N.podcastDeleteDownload(d.id)}
-      : {icon: '✕', label: 'Abbrechen', hint: d.bytes ? 'was schon geladen ist, geht mit' : null, danger: true,
+      ? {icon: '✕', label: 'Löschen', action: () => N.podcastDeleteDownload(d.id)}
+      : {icon: '✕', label: 'Abbrechen', hint: d.bytes ? 'was schon geladen ist, geht mit' : null,
          action: () => N.podcastDeleteDownload(d.id)});
     return items;
   }
@@ -3337,8 +3841,11 @@
     section('Fehlgeschlagen', failed);
     if (done.length) {
       dlBody.append(el('div', 'nui-pod-dls-sec', 'Fertig'));
-      dlBody.append(el('div', 'nui-pod-meta nui-pod-dls-done',
-        `${done.length} ${done.length === 1 ? 'Folge' : 'Folgen'} auf dem Telefon · ${size(done.reduce((n, d) => n + (d.bytes || 0), 0))}`));
+      const row = el('div', 'nui-pod-dls-donerow');
+      row.append(el('div', 'nui-pod-meta nui-pod-dls-done',
+        `${done.length} ${done.length === 1 ? 'Folge' : 'Folgen'} auf dem Telefon · ${size(done.reduce((n, d) => n + (d.bytes || 0), 0))}`),
+      button('Anzeigen ›', 'Die geladenen Folgen als Liste', showDownloaded, 'btn nui-pod-dls-show'));
+      dlBody.append(row);
     }
     if (!all.length) dlBody.append(el('div', 'nui-pod-empty', 'Keine Downloads. Beim ↓ einer Folge lädst du sie aufs Telefon.'));
     panel.scrollTop = scroll;
@@ -3408,6 +3915,7 @@
     renderPlayer();
     // The current episode changed: the queue view marks it.
     if (before.episodeId !== player.episodeId || before.kind !== player.kind) render();
+    else if (!!before.playing !== !!player.playing) playButtons();
   };
 
   // The app loads this in <head>; the browser may load it after the page is parsed.
@@ -3439,12 +3947,23 @@
       if (typeof _currentTopTab !== 'undefined' && _currentTopTab === 'podcasts') {
         if (closePreview()) return true;
         if (feedView) { feedView = null; render(); return true; }
+        // From the search back to the list it was opened from.
+        if (view === 'search') {
+          try { view = localStorage.getItem('nui_pod_view') || 'queue'; } catch (e) { view = 'queue'; }
+          if (!VIEWS.some(v => v.id === view)) view = 'queue';
+          render();
+          return true;
+        }
         showTab('books');
         return true;
       }
       return false;
     };
 
+    // A swipe waiting for „Rückgängig“ is done when the page goes away.
+    document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'hidden') commitSwipe(); });
+    window.addEventListener('pagehide', commitSwipe);
+
     // Pull the latest state once per start; the server has done the fetching.
     N.podcastRefresh(false);
     window.__dioraSubscribe();
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 8e02e97..0c103dc 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,9 +1,15 @@
-/* Copied from diora-android 99528f2 2026-10-02: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 339de8f 2026-10-02: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
 /* ---- bottom sheet ---------------------------------------------------------------- */
 
+/* Monospace stays the brand's (headings, tabs, numbers); reading text — titles, episode
+   lines, show notes, descriptions, hints — is the system's sans (no font download). */
+:root {
+  --nui-sans: system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
+}
+
 #nui-sheet {
   position: fixed;
   inset: 0;
@@ -81,13 +87,18 @@
 }
 
 .nui-row-hint {
-  font-size: 12px;
+  font-family: var(--nui-sans);
+  font-size: 13px;
   font-weight: 400;
+  letter-spacing: normal;
+  line-height: 1.35;
   color: var(--nui-muted);
 }
 
+/* Red only where it's meant: the destructive choice in a confirmation. What is set is bright and bold. */
 .nui-danger { color: var(--accent); }
-.nui-active .nui-row-label { color: var(--accent); }
+.nui-active .nui-row-label { color: var(--fg, #fff); font-weight: 700; }
+.nui-active .nui-row-hint { color: var(--fg, #fff); }
 
 .nui-row-split {
   padding: 0 16px 0 0;
@@ -150,84 +161,103 @@ html.nui-one-player #nui-mini { display: none !important; }
   scrollbar-width: none;
 }
 .nui-pod-tab {
-  flex: 1 0 auto;
+  flex: 1 1 auto;
+  min-width: 0;
   min-height: var(--nui-tap);
-  padding: 0 10px;
+  padding: 0 5px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: 6px;
+  gap: 4px;
   border: none;
   border-bottom: 2px solid transparent;
   background: none;
   color: var(--nui-muted);
   font: inherit;
-  font-size: 14px;
+  font-size: 13px;
+  letter-spacing: 0;
   white-space: nowrap;
 }
-.nui-pod-tab.active { color: inherit; font-weight: 700; border-bottom-color: var(--accent); }
+.nui-pod-tab.active { color: var(--fg, #fff); font-weight: 700; border-bottom-color: var(--fg, #fff); }
 .nui-pod-count {
-  min-width: 20px;
-  padding: 1px 6px;
-  border-radius: 10px;
+  min-width: 18px;
+  padding: 1px 5px;
+  border-radius: 9px;
   background: #2a2a2a;
-  font-size: 11px;
+  color: #ddd;
+  font-size: 10.5px;
   font-weight: 700;
+  letter-spacing: 0;
   text-align: center;
+  font-variant-numeric: tabular-nums;
 }
-.nui-pod-tab.active .nui-pod-count { background: var(--accent); color: #fff; }
+.nui-pod-count-queue { background: var(--accent); color: #fff; }
 
 .nui-pod-summary { padding: 6px 2px 10px; font-size: 12px; color: var(--nui-muted); }
-.nui-pod-empty { padding: 32px 12px; color: var(--nui-muted); text-align: center; line-height: 1.5; }
+.nui-pod-empty { padding: 32px 12px; color: var(--nui-muted); text-align: center; line-height: 1.5; font-family: var(--nui-sans); letter-spacing: normal; font-weight: 400; font-size: 14px; }
 
 .nui-pod-list { display: flex; flex-direction: column; }
 .nui-pod-row {
   display: flex;
   align-items: center;
-  gap: 12px;
-  min-height: 72px;
-  padding: 8px 0;
+  gap: 10px;
+  min-height: 58px;
+  padding: 5px 0;
   border-bottom: 1px solid var(--border);
   background: var(--bg);
   -webkit-tap-highlight-color: transparent;
 }
 .nui-pod-row:active { background: #141414; }
 .nui-pod-row.nui-pod-played .nui-pod-title { color: var(--nui-muted); font-weight: 400; }
+.nui-pod-row.nui-pod-gone { display: none; }
 .nui-pod-row.nui-pod-current .nui-pod-title { color: var(--accent); }
 .nui-pod-row.nui-pod-current .nui-pod-title::before { content: '▶ '; }
 
 .nui-pod-art {
   flex: none;
-  width: 52px;
-  height: 52px;
+  width: 46px;
+  height: 46px;
   border-radius: 4px;
   overflow: hidden;
   background: #1c1c1c;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
+/* No cover anywhere: the podcast's initial on a neutral tile. */
+.nui-pod-initial { font-size: 20px; font-weight: 700; color: #6a6a6a; line-height: 1; }
+.nui-pod-art-big .nui-pod-initial { font-size: 30px; }
+.nui-pod-art-player .nui-pod-initial { font-size: 96px; }
 .nui-pod-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
-.nui-pod-art-big { width: 72px; height: 72px; }
+.nui-pod-art-big { width: 64px; height: 64px; }
 .nui-pod-art-mini { width: 44px; height: 44px; margin-left: 10px; }
 .nui-pod-art-player { width: min(72vw, 320px); height: min(72vw, 320px); border-radius: 8px; align-self: center; }
 
-.nui-pod-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
+.nui-pod-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
 .nui-pod-title {
-  font-size: 15px;
-  font-weight: 700;
-  line-height: 1.3;
+  font-family: var(--nui-sans);
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: normal;
+  line-height: 1.22;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
+  overflow-wrap: anywhere;
 }
 .nui-pod-meta {
+  font-family: var(--nui-sans);
   font-size: 12px;
   font-weight: 400;
+  letter-spacing: normal;
+  font-variant-numeric: tabular-nums;
   color: var(--nui-muted);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.nui-pod-progress { height: 3px; margin-top: 4px; border-radius: 2px; background: #2a2a2a; overflow: hidden; max-width: 160px; }
+.nui-pod-progress { height: 3px; margin-top: 2px; border-radius: 2px; background: #2a2a2a; overflow: hidden; max-width: 160px; }
 .nui-pod-progress > span { display: block; height: 100%; background: var(--accent); }
 .nui-pod-badge {
   flex: none;
@@ -260,18 +290,10 @@ html.nui-one-player #nui-mini { display: none !important; }
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.6);
 }
 
-.nui-pod-feedhead { display: flex; align-items: center; gap: 10px; margin: 4px 0 10px; }
-.nui-pod-switch {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  column-gap: 10px;
-  align-items: center;
-  padding: 10px 0;
-  border-bottom: 1px solid var(--border);
-  font-size: 14px;
-}
-.nui-pod-switch input { width: 20px; height: 20px; accent-color: var(--accent); }
-.nui-pod-switch .nui-pod-meta { grid-column: 2; }
+.nui-pod-feedhead { display: flex; align-items: center; gap: 10px; margin: 2px 0 6px; }
+.nui-pod-feedhead > .nui-icon:first-child { min-width: 32px; margin-left: -6px; }
+.nui-pod-feedhead .nui-pod-title { font-size: 16px; }
+.nui-pod-feedhead .nui-pod-infobtn { min-width: 38px; }
 
 .nui-pod-search { display: flex; gap: 8px; margin: 4px 0 10px; }
 .nui-pod-search input { flex: 1; min-width: 0; min-height: var(--nui-tap); font-size: 16px; }
@@ -316,8 +338,8 @@ html.nui-one-player #nui-mini { display: none !important; }
 }
 .nui-pod-player-top { display: flex; justify-content: center; }
 .nui-pod-player-top .nui-icon { font-size: 26px; color: var(--nui-muted); }
-.nui-pod-player-title { font-size: 18px; font-weight: 700; line-height: 1.3; text-align: center; }
-.nui-pod-player-feed { margin-top: -6px; font-size: 13px; color: var(--nui-muted); text-align: center; }
+.nui-pod-player-title { font-family: var(--nui-sans); font-size: 18px; font-weight: 600; letter-spacing: normal; line-height: 1.3; text-align: center; }
+.nui-pod-player-feed { margin-top: -6px; font-family: var(--nui-sans); font-size: 13.5px; font-weight: 400; letter-spacing: normal; color: var(--nui-muted); text-align: center; }
 .nui-pod-seek { width: 100%; accent-color: var(--accent); height: 28px; }
 .nui-pod-times { display: flex; justify-content: space-between; margin-top: -8px; font-size: 12px; color: var(--nui-muted); font-variant-numeric: tabular-nums; }
 .nui-pod-controls { display: flex; align-items: center; justify-content: center; gap: 28px; }
@@ -366,7 +388,7 @@ body.eink .nui-pod-art { background: #eee; }
 .nui-pod-head .nui-pod-summary { padding: 6px 2px; }
 .nui-pod-tools { display: flex; align-items: center; margin-right: -6px; }
 .nui-pod-tools .nui-icon { font-size: 18px; color: var(--nui-muted); }
-.nui-pod-lock.on { color: var(--accent) !important; }
+.nui-pod-lock.on { color: var(--fg, #fff) !important; }
 .nui-pod-selbar {
   position: sticky;
   top: 0;
@@ -385,14 +407,13 @@ body.eink .nui-pod-art { background: #eee; }
 .nui-pod-selactions .btn { min-height: 38px; flex: 1 0 auto; }
 .nui-pod-selactions .btn:disabled { opacity: 0.4; }
 .nui-pod-check { flex: none; width: 28px; font-size: 22px; color: var(--nui-muted); text-align: center; }
-.nui-pod-check.on { color: var(--accent); }
+.nui-pod-check.on { color: var(--fg, #fff); }
 .nui-pod-row.nui-pod-selecting { user-select: none; -webkit-user-select: none; }
 body.eink .nui-pod-check.on,
 body.eink .nui-pod-lock.on { color: #000 !important; }
 body.eink .nui-pod-selbar { background: #fff; }
 
-/* podcast playback: per-podcast chips, sleep timer */
-.nui-pod-feedprefs { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--border); }
+/* podcast chips (the list filters), sleep timer */
 .nui-pod-chip {
   display: inline-flex;
   align-items: baseline;
@@ -407,28 +428,9 @@ body.eink .nui-pod-selbar { background: #fff; }
   font-size: 13px;
 }
 .nui-pod-chip strong { color: inherit; font-weight: 700; }
-.nui-pod-chip.on { border-color: var(--accent); color: inherit; }
-.nui-pod-chip.on strong { color: var(--accent); }
+.nui-pod-chip.on { border-color: #8a8a8a; color: var(--fg, #fff); font-weight: 700; }
 .nui-pod-sleep { font-size: 15px !important; white-space: nowrap; }
 .nui-pod-sleep.on { color: var(--accent) !important; font-weight: 700; }
-/* unsubscribing: a quiet link, asked once more in place */
-.nui-pod-unsub { display: flex; justify-content: flex-end; padding: 6px 0; border-bottom: 1px solid var(--border); }
-.nui-pod-unsub-btn {
-  min-height: var(--nui-tap, 44px);
-  padding: 0 4px;
-  border: none;
-  background: none;
-  color: var(--nui-muted);
-  font: inherit;
-  font-size: 13px;
-}
-.nui-pod-unsub-ask { display: block; padding: 12px 0; }
-.nui-pod-unsub-ask .nui-pod-title { display: block; overflow: visible; }
-.nui-pod-unsub-ask .nui-pod-meta { margin-top: 4px; line-height: 1.4; white-space: normal; overflow: visible; }
-.nui-pod-unsub-actions { display: flex; gap: 8px; margin-top: 10px; }
-.nui-pod-unsub-actions .btn { min-height: var(--nui-tap, 44px); }
-.nui-pod-unsub-yes { color: var(--accent); border-color: var(--accent); font-weight: 700; }
-body.eink .nui-pod-unsub-yes { color: #000; border-color: #000; }
 body.eink .nui-pod-chip.on { border-color: #000; }
 body.eink .nui-pod-chip.on strong,
 body.eink .nui-pod-sleep.on { color: #000 !important; }
@@ -446,7 +448,7 @@ body.eink .nui-pod-sleep.on { color: #000 !important; }
   font: inherit;
   font-size: 14px;
 }
-.nui-pod-subtab.active { color: inherit; font-weight: 700; border-bottom-color: var(--accent); }
+.nui-pod-subtab.active { color: inherit; font-weight: 700; border-bottom-color: var(--fg, #fff); }
 .nui-pod-chapters { list-style: none; margin: 0; padding: 0; }
 .nui-pod-chapter {
   display: grid;
@@ -458,12 +460,14 @@ body.eink .nui-pod-sleep.on { color: #000 !important; }
   font-size: 14px;
   cursor: pointer;
 }
+.nui-pod-chapter-title { font-family: var(--nui-sans); letter-spacing: normal; font-weight: 400; font-size: 14.5px; }
+.nui-pod-chapter.current .nui-pod-chapter-title { font-weight: 600; }
 .nui-pod-chapter-t { color: var(--nui-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
 .nui-pod-chapter.current { color: var(--accent); font-weight: 700; }
 .nui-pod-chapter.current .nui-pod-chapter-t { color: var(--accent); }
-.nui-pod-notes { font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
+.nui-pod-notes { font-family: var(--nui-sans); font-size: 14.5px; font-weight: 400; letter-spacing: normal; line-height: 1.55; overflow-wrap: anywhere; }
 .nui-pod-notes img { max-width: 100%; height: auto; }
-.nui-pod-notes a { color: var(--accent); }
+.nui-pod-notes a { color: inherit; text-decoration: underline; text-decoration-color: #777; }
 .nui-pod-notes .nui-pod-stamp { font-weight: 700; text-decoration: none; border-bottom: 1px dotted currentColor; }
 .nui-pod-notes table { display: block; overflow-x: auto; }
 .nui-pod-notes-sheet .nui-pod-player-panel { max-height: 88%; }
@@ -506,7 +510,7 @@ body.eink .nui-pod-subtab.active { border-bottom-color: #000; color: #000; }
   color: var(--nui-muted);
   background:
     radial-gradient(closest-side, var(--bg) 78%, transparent 80% 100%),
-    conic-gradient(var(--accent) var(--p, 0%), #2a2a2a 0);
+    conic-gradient(#d0d0d0 var(--p, 0%), #2a2a2a 0);
 }
 body.eink .nui-pod-dl-done { color: #000; }
 body.eink .nui-pod-dl-done::after { border-color: #000; }
@@ -518,7 +522,7 @@ body.eink .nui-pod-dl-ring > span {
 }
 
 /* the top bar's "↓ 3/68" and the downloads overview (openDownloads) */
-.nui-pod-dlind { min-width: 0 !important; padding: 0 8px; font-size: 13px !important; font-weight: 700; color: var(--accent); white-space: nowrap; font-variant-numeric: tabular-nums; }
+.nui-pod-dlind { min-width: 0 !important; padding: 0 8px; font-size: 13px !important; font-weight: 700; color: var(--fg, #fff); white-space: nowrap; font-variant-numeric: tabular-nums; }
 .nui-pod-dlind[hidden] { display: none !important; }
 .nui-pod-dls .nui-pod-player-panel { min-height: 50%; }
 .nui-pod-dls-head { display: flex; flex-direction: column; gap: 2px; }
@@ -558,13 +562,11 @@ body.eink .nui-pod-star, body.eink .nui-pod-fav.on { color: #000 !important; }
 
 /* feed errors, chapter navigation, transcript */
 .nui-pod-feederr { font-size: 12px; color: var(--yellow); }
-.nui-pod-offer { padding: 10px 12px; margin: 8px 0; border: 1px solid var(--nui-muted); border-radius: 6px; line-height: 1.45; font-size: 14px; }
+.nui-pod-offer { padding: 10px 12px; margin: 8px 0; border: 1px solid var(--nui-muted); border-radius: 6px; line-height: 1.45; font-size: 14px; font-family: var(--nui-sans); letter-spacing: normal; font-weight: 400; }
 .nui-pod-offer-row { display: flex; gap: 8px; margin-top: 8px; }
 .nui-pod-feederr-box { padding: 8px 10px; margin: 4px 0 8px; border: 1px solid var(--yellow); border-radius: 6px; line-height: 1.4; }
-.nui-pod-chapnav { display: flex; align-items: center; gap: 4px; margin-bottom: 4px; }
-.nui-pod-chapnow { flex: 1; min-width: 0; text-align: center; font-size: 13px; color: var(--nui-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .nui-pod-transcript { max-height: 60vh; overflow-y: auto; padding-right: 4px; }
-.nui-pod-seg { margin: 0; padding: 6px 4px; font-size: 14px; line-height: 1.5; color: var(--nui-muted); border-radius: 4px; cursor: pointer; }
+.nui-pod-seg { margin: 0; padding: 6px 4px; font-family: var(--nui-sans); letter-spacing: normal; font-weight: 400; font-size: 14.5px; line-height: 1.5; color: var(--nui-muted); border-radius: 4px; cursor: pointer; }
 .nui-pod-seg.current { color: inherit; background: #1a1a1a; }
 .nui-pod-speaker { color: inherit; }
 body.eink .nui-pod-feederr { color: #000; }
@@ -579,13 +581,164 @@ body.eink .nui-pod-seg.current { color: #000; background: #e6e6e6; }
 .nui-pod-sec-note { padding: 10px 2px; font-size: 13px; color: var(--nui-muted); }
 .nui-pod-feedcount { flex: none; }
 .nui-pod-infobtn { flex: none; font-size: 20px; color: var(--nui-muted); }
-.nui-pod-info-desc { font-size: 14px; font-weight: 400; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; padding: 4px 0 10px; border-bottom: 1px solid var(--border); }
+.nui-pod-info-desc { font-family: var(--nui-sans); letter-spacing: normal; font-size: 14.5px; font-weight: 400; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; padding: 4px 0 10px; border-bottom: 1px solid var(--border); }
 .nui-pod-facts { font-weight: 400; display: grid; grid-template-columns: max-content 1fr; gap: 8px 14px; margin: 10px 0 4px; font-size: 14px; }
 .nui-pod-facts dt { color: var(--nui-muted); }
 .nui-pod-facts dd { margin: 0; min-width: 0; font-weight: 400; overflow-wrap: anywhere; }
-.nui-pod-facts a { color: var(--accent); }
+.nui-pod-facts a { color: inherit; text-decoration: underline; text-decoration-color: #777; }
 .nui-pod-info-url { display: block; font-size: 12px; color: var(--nui-muted); }
 .nui-pod-info-actions { display: flex; gap: 8px; margin-top: 6px; }
 .nui-pod-info-actions .btn { min-height: 36px; padding: 0 14px; font-size: 14px; }
 body.eink .nui-pod-sec { color: #000; border-bottom-color: #000; }
 body.eink .nui-pod-facts a { color: #000; text-decoration: underline; }
+
+/* ---- UI round: rows, swipes, the feed page's line, the player's chapters ------------------ */
+
+/* the row's one action, its menu, the download mark */
+.nui-pod-row > .nui-icon { min-width: 40px; }
+.nui-pod-row > .nui-pod-menu { min-width: 34px; font-size: 18px; color: var(--nui-muted); margin-right: -4px; }
+.nui-pod-playbtn { font-size: 17px !important; color: var(--accent); }
+.nui-pod-row > .nui-pod-dl { min-width: 40px !important; margin-left: 0; }
+.nui-pod-dlmark {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  margin-right: 5px;
+  vertical-align: -2px;
+  border-radius: 50%;
+  border: 1px solid #8a8a8a;
+  font-size: 9px;
+  font-weight: 700;
+  line-height: 1;
+  color: #cfcfcf;
+}
+.nui-pod-dlmark-done { background: #3a3a3a; border-color: #3a3a3a; color: #fff; }
+.nui-pod-dlmark-failed { border-color: var(--yellow); color: var(--yellow); }
+.nui-pod-dlmark-queued,
+.nui-pod-dlmark-downloading {
+  border: none;
+  background:
+    radial-gradient(closest-side, var(--bg) 62%, transparent 66% 100%),
+    conic-gradient(#d0d0d0 var(--p, 0%), #3a3a3a 0);
+}
+.nui-pod-queued { font-size: 18px !important; }
+
+/* swiping a row: it moves, what the swipe does shows underneath */
+.nui-pod-list { position: relative; }
+.nui-pod-list > .nui-pod-row { touch-action: pan-y; }
+.nui-pod-row.nui-pod-swiping { position: relative; z-index: 1; will-change: transform; }
+.nui-pod-swipebg {
+  position: absolute;
+  left: 0;
+  right: 0;
+  z-index: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 18px;
+  background: #161616;
+  color: var(--nui-muted);
+  font-size: 14px;
+  white-space: nowrap;
+  pointer-events: none;
+}
+.nui-pod-swipebg.armed { background: #2c2c2c; color: var(--fg, #fff); font-weight: 700; }
+#nui-pod-undo {
+  position: fixed;
+  left: 50%;
+  bottom: calc(var(--nui-dock-h, 124px) + 12px + env(safe-area-inset-bottom, 0px));
+  transform: translateX(-50%);
+  z-index: 950;
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  max-width: calc(100% - 24px);
+  padding: 4px 6px 4px 16px;
+  border-radius: 8px;
+  background: #262626;
+  color: #fff;
+  font-size: 14px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.18s;
+}
+#nui-pod-undo.nui-show { opacity: 1; pointer-events: auto; }
+.nui-pod-undo-text { font-family: var(--nui-sans); letter-spacing: normal; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.nui-pod-undo-btn {
+  min-height: 40px;
+  padding: 0 10px;
+  border: none;
+  background: none;
+  color: #fff;
+  font: inherit;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  cursor: pointer;
+}
+
+/* the top bar's search */
+.nui-pod-searchbtn svg { display: block; }
+.nui-pod-searchbtn.on { color: var(--fg, #fff); }
+
+/* the feed page: one quiet line instead of the settings, the ⚙ sheet's parts */
+.nui-pod-feedsum {
+  display: block;
+  width: 100%;
+  margin: -2px 0 6px;
+  padding: 2px 0 8px;
+  border: none;
+  border-bottom: 1px solid var(--border);
+  background: none;
+  color: var(--nui-muted);
+  font-family: var(--nui-sans);
+  font-size: 13px;
+  font-weight: 400;
+  letter-spacing: normal;
+  line-height: 1.4;
+  text-align: left;
+  cursor: pointer;
+}
+.nui-pod-gear { font-size: 22px !important; }
+.nui-pod-sheetsep { height: 1px; margin: 6px 20px; background: var(--border); }
+.nui-pod-sheetnote { padding: 2px 20px 10px; white-space: normal; line-height: 1.45; font-size: 13px; }
+
+/* the player's chapters, right under the title */
+.nui-pod-chapbox { margin-top: -4px; border: 1px solid var(--border); border-radius: 8px; padding: 2px 4px 2px 10px; }
+.nui-pod-chapbox[hidden] { display: none; }
+.nui-pod-chaphead { display: flex; align-items: center; gap: 2px; min-height: 40px; }
+.nui-pod-chapcount { flex: 1; min-width: 0; font-size: 12px; color: var(--nui-muted); font-variant-numeric: tabular-nums; }
+.nui-pod-chapbtn { min-width: 40px !important; min-height: 40px !important; font-size: 16px !important; }
+.nui-pod-chaplist { position: relative; max-height: 168px; overflow-y: auto; margin: 0 -4px 4px -10px; padding: 0 4px 0 10px; border-top: 1px solid var(--border); }
+.nui-pod-chaplist .nui-pod-chapter { padding: 8px 4px; }
+.nui-pod-chaplist .nui-pod-chapter:last-child { border-bottom: none; }
+.nui-pod-art-player { width: min(64vw, 300px); height: min(64vw, 300px); }
+.nui-pod-withchapters .nui-pod-art-player { width: min(46vw, 220px); height: min(46vw, 220px); }
+
+/* the downloads overview: the finished ones as a list */
+.nui-pod-dls-donerow { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
+.nui-pod-dls-show { min-height: 36px; padding: 0 12px; font-size: 14px !important; }
+
+body.eink .nui-pod-count-queue { background: #000; color: #fff; }
+body.eink .nui-pod-tab.active .nui-pod-count { background: #000; color: #fff; }
+body.eink .nui-pod-playbtn { color: #000; }
+body.eink .nui-pod-dlmark { border-color: #000; color: #000; }
+body.eink .nui-pod-dlmark-done { background: #000; color: #fff; }
+body.eink .nui-pod-dlmark-queued,
+body.eink .nui-pod-dlmark-downloading {
+  background:
+    radial-gradient(closest-side, #fff 62%, transparent 66% 100%),
+    conic-gradient(#000 var(--p, 0%), #ccc 0);
+}
+body.eink .nui-pod-swipebg { background: #eee; color: #444; }
+body.eink .nui-pod-swipebg.armed { background: #000; color: #fff; }
+body.eink #nui-pod-undo { background: #000; box-shadow: none; }
+body.eink .nui-pod-initial { color: #555; }
+body.eink .nui-pod-feedsum { color: #444; border-bottom-color: #000; }
+body.eink .nui-pod-chapbox { border-color: #000; }
+body.eink .nui-pod-chip.on { border-color: #000; color: #000; }
+body.eink .nui-pod-notes a,
+body.eink .nui-pod-facts a { text-decoration-color: #000; }
diff --git a/static/podcasts/podcasts-web.css b/static/podcasts/podcasts-web.css
index 384160e..b33310b 100644
--- a/static/podcasts/podcasts-web.css
+++ b/static/podcasts/podcasts-web.css
@@ -161,6 +161,9 @@ html.dpw .nui-mini-toggle { font-size: 22px; color: var(--accent); }
   transition: opacity 0.2s;
 }
 #nui-radio-toast.nui-show { opacity: 1; }
+/* The swipe's „Rückgängig“ bar: above the radio bar, like the toast. */
+html.dpw #nui-pod-undo { bottom: calc(var(--dpw-bar-h, 72px) + 80px); }
+html.dpw.nui-pod-mini-open:not(.dpw-in-bar) #nui-pod-undo { bottom: calc(var(--dpw-bar-h, 72px) + 64px + 16px); }
 
 /* ---- a mouse: hover states the phone doesn't need --------------------------------- */
 
@@ -231,5 +234,11 @@ html.dpw body.bright-bg .nui-pod-art { background: #e4e4e4; }
 html.dpw body.bright-bg .nui-pod-count,
 html.dpw body.bright-bg .nui-pod-progress,
 html.dpw body.bright-bg .nui-pod-mini-bar { background: #d4d4d4; }
-html.dpw body.bright-bg .nui-pod-tab.active .nui-pod-count { background: var(--accent); color: #fff; }
+html.dpw body.bright-bg .nui-pod-count { color: var(--fg); }
+html.dpw body.bright-bg .nui-pod-count-queue { background: var(--accent); color: #fff; }
+html.dpw body.bright-bg .nui-pod-swipebg { background: #ececec; }
+html.dpw body.bright-bg .nui-pod-swipebg.armed { background: #d6d6d6; }
+html.dpw body.bright-bg .nui-pod-dlmark-done { background: #d4d4d4; border-color: #d4d4d4; color: #000; }
+html.dpw body.bright-bg .nui-pod-initial { color: #888; }
+html.dpw body.bright-bg .nui-pod-chip.on { border-color: #555; }
 html.dpw body.bright-bg #nui-pod-mini { box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.12); }

From 4053334f7fb72f05ab2068c15f04a28e47982b27 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 19:32:32 +0200
Subject: [PATCH 059/176] =?UTF-8?q?Reader:=20gr=C3=B6=C3=9Fere=20Standards?=
 =?UTF-8?q?=20auf=20breiten=20Bildschirmen,=20Breite=20bis=20140=20Zeichen?=
 =?UTF-8?q?=20(SW=20v66)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ab 900 px Fensterbreite starten Bücher mit 20 px, Zeilenhöhe 1.6, 90 Zeichen
  Breite und Gewicht 375; Handys behalten 16 / 1.8 / 65 / normal.
- Gespeicherte Einstellungen tragen jetzt v: 2. In älteren gelten Werte, die
  genau dem alten Standard entsprechen, als nie gewählt und weichen dem
  heutigen Standard; bewusst geänderte Werte bleiben.
- Der Breiten-Regler geht bis 140 statt 90 Zeichen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app.js | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/static/js/app.js b/static/js/app.js
index 5ca46fc..822d78b 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -4064,13 +4064,32 @@ function jumpToTocEntry(href) {
 // Reader Settings
 // ---------------------------------------------------------------------------
 
+// Typography defaults. Phones keep the long-standing ones; a wide screen
+// (desktop browser, diora desktop) starts bigger and wider.
+const _READER_TYPE_DEFAULTS_NARROW = { fontSize: 16, lineHeight: 1.8, maxWidth: 65, fontWeight: null };
+const _READER_TYPE_DEFAULTS_WIDE = { fontSize: 20, lineHeight: 1.6, maxWidth: 90, fontWeight: 375 };
+const _READER_WIDTH_MAX = 140; // ch, the width slider's upper end ("Full" stays separate)
+
+function _readerTypeDefaults() {
+  return window.matchMedia('(min-width: 900px)').matches
+    ? _READER_TYPE_DEFAULTS_WIDE : _READER_TYPE_DEFAULTS_NARROW;
+}
+
 function loadReaderSettings(bookId) {
   // Reset to defaults, then apply per-book overrides
-  Object.assign(readerSettings, { fontSize: 16, lineHeight: 1.8, maxWidth: 65, theme: 'dark',
-                                   fontFamily: 'serif', noBold: false, fontWeight: null,
-                                   pdfZoom: 100, pdfInverted: false, pdfPaginated: false, pdfSpread: false });
+  Object.assign(readerSettings, { theme: 'dark', fontFamily: 'serif', noBold: false,
+                                   pdfZoom: 100, pdfInverted: false, pdfPaginated: false, pdfSpread: false },
+                _readerTypeDefaults());
   try {
     const saved = JSON.parse(localStorage.getItem(`diora_reader_settings_${bookId}`) || '{}');
+    // Settings saved before v2 hold every value, changed or not. A value equal
+    // to the old default was never chosen, so it gives way to today's default.
+    if (!saved.v) {
+      for (const [key, old] of Object.entries(_READER_TYPE_DEFAULTS_NARROW)) {
+        if (saved[key] === old) delete saved[key];
+      }
+    }
+    delete saved.v;
     Object.assign(readerSettings, saved);
     if (saved.pdfPaginated === undefined) {
       readerSettings.pdfPaginated = window.innerWidth < 768;
@@ -4080,7 +4099,7 @@ function loadReaderSettings(bookId) {
 
 function saveReaderSettings() {
   if (currentBookId) {
-    localStorage.setItem(`diora_reader_settings_${currentBookId}`, JSON.stringify(readerSettings));
+    localStorage.setItem(`diora_reader_settings_${currentBookId}`, JSON.stringify({ ...readerSettings, v: 2 }));
   }
 }
 
@@ -4170,7 +4189,7 @@ function toggleSettingsPanel() {
     panel.innerHTML = `
       <label>Font <button class="btn btn-sm" id="rs-font-minus">−</button> <input type="range" id="rs-font" min="12" max="24" step="1" value="${readerSettings.fontSize}"> <button class="btn btn-sm" id="rs-font-plus">+</button> <span id="rs-font-val">${readerSettings.fontSize}px</span></label>
       <label>Line <button class="btn btn-sm" id="rs-line-minus">−</button> <input type="range" id="rs-line" min="12" max="30" step="1" value="${Math.round(readerSettings.lineHeight * 10)}"> <button class="btn btn-sm" id="rs-line-plus">+</button> <span id="rs-line-val">${readerSettings.lineHeight}</span></label>
-      <label>Width <button class="btn btn-sm" id="rs-width-minus">−</button> <input type="range" id="rs-width" min="40" max="90" step="5" value="${readerSettings.maxWidth}"> <button class="btn btn-sm" id="rs-width-plus">+</button> <span id="rs-width-val">${readerSettings.maxWidth}ch</span></label>
+      <label>Width <button class="btn btn-sm" id="rs-width-minus">−</button> <input type="range" id="rs-width" min="40" max="${_READER_WIDTH_MAX}" step="5" value="${Math.min(readerSettings.maxWidth, _READER_WIDTH_MAX)}"> <button class="btn btn-sm" id="rs-width-plus">+</button> <span id="rs-width-val">${readerSettings.maxWidth}ch</span></label>
       <button class="btn btn-sm" id="rs-width-full">Full</button>
       <label>Weight <button class="btn btn-sm" id="rs-weight-minus">−</button> <input type="range" id="rs-weight" min="200" max="800" step="${_readerWeightStep()}" value="${_readerWeight()}"> <button class="btn btn-sm" id="rs-weight-plus">+</button> <span id="rs-weight-val">${_readerWeight()}</span></label>
       <button class="btn btn-sm ${readerSettings.fontFamily === 'serif'    ? 'active' : ''}" data-rs-font="serif">Serif</button>

From 3e67d324c7d89e44a6b25f6f71ffc3d69ee96618 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 19:35:31 +0200
Subject: [PATCH 060/176] =?UTF-8?q?sw=20v67:=20Podcast-Oberfl=C3=A4che=20u?=
 =?UTF-8?q?nd=20Reader-Standards=20kamen=20beide=20als=20v66?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sw.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/js/sw.js b/static/js/sw.js
index 07514dd..b45d5fc 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v66';
+const CACHE = 'diora-v67';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 461b42a5bfdcd6dff51ae855c3d65e1933bd134a Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 19:39:54 +0200
Subject: [PATCH 061/176] Podcasts: diora desktop kann den Browser-Host
 mitbenutzen (DIORA_PODCAST_HOST), sw v68
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Setzt eine Seite window.DIORA_PODCAST_HOST, arbeitet podcasts-web.js trotz
vorhandenem DioraNative als ihr Podcast-Host:
- dock: 'existing'  nimmt native-radio.js' #nui-dock statt einer Leiste in der
  Web-Radioleiste; die Podcast-Seite lädt erst nach DOMContentLoaded
- styles: 'ui-only' nur podcast-ui.css, ohne das Browser-Layout (html.dpw)
- radio: false      die Radio-Hooks (__dioraRadioNow …) kommen von native-radio.js;
  der Sender legt die Folge weiterhin beiseite, Radio-Stopp meldet der Sync weiter
- deviceName/deviceKind  wie der gemeinsame Player das Gerät führt
Ohne die Variable ändert sich im Browser nichts.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/podcasts-web.js | 123 ++++++++++++++++++++++----------------
 static/js/sw.js           |   2 +-
 2 files changed, 73 insertions(+), 52 deletions(-)

diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 03f5add..c505aff 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -23,17 +23,27 @@
  * Radio and podcasts never play at the same time: starting an episode stops
  * the radio (app.js stopPlayback), starting a station puts the episode away.
  *
- * In the app (and the desktop app) window.DioraNative exists and this file
- * does nothing. Written without ?. and ?? so old WebViews can still parse it.
+ * In the app window.DioraNative exists and this file does nothing. diora
+ * desktop has a DioraNative too (books, radio) but no podcast part of its own:
+ * it sets window.DIORA_PODCAST_HOST and this file is its podcast host, fitted
+ * into the phone layout it already shows:
+ *   dock: 'existing'   use native-radio.js's #nui-dock instead of a bar in the web radio bar
+ *   styles: 'ui-only'  only the podcast page's own CSS, not the browser layout
+ *   radio: false       native-radio.js provides the radio hooks (__dioraRadioNow …)
+ *   deviceName, deviceKind   how the shared player lists this device
+ * Written without ?. and ?? so old WebViews can still parse it.
  */
 (function () {
   'use strict';
-  if (window.DioraNative) return;
+  const HOST = window.DIORA_PODCAST_HOST || null;
+  if (window.DioraNative && !HOST) return;
   if (typeof IS_AUTHENTICATED === 'undefined' || !IS_AUTHENTICATED) return;
   if (!document.getElementById('tab-podcasts')) return;
+  const OPT = Object.assign({dock: 'bar', styles: 'web', radio: true, deviceName: '', deviceKind: 'web'}, HOST || {});
 
   const UI_SCRIPT = '/static/podcasts/native-podcast.js';
-  const UI_STYLES = ['/static/podcasts/podcast-ui.css', '/static/podcasts/podcasts-web.css'];
+  const UI_STYLES = OPT.styles === 'ui-only' ? ['/static/podcasts/podcast-ui.css']
+    : ['/static/podcasts/podcast-ui.css', '/static/podcasts/podcasts-web.css'];
 
   // ---- storage ------------------------------------------------------------------
 
@@ -890,31 +900,34 @@
 
   const radioPlaying = () => typeof isPlaying !== 'undefined' && !!isPlaying;
 
-  window.__dioraRadioNow = function () {
-    const st = typeof currentStation !== 'undefined' ? currentStation : null;
-    if (!st) return null;
-    return {
-      name: st.name || '',
-      logo: radioLogo(st),
-      track: typeof currentTrack !== 'undefined' ? currentTrack : '',
-      playing: radioPlaying(),
-      buffering: false,
-      saved: radioSaved(st.url),
+  // diora desktop: native-radio.js already shows the radio in the shared bar.
+  if (OPT.radio) {
+    window.__dioraRadioNow = function () {
+      const st = typeof currentStation !== 'undefined' ? currentStation : null;
+      if (!st) return null;
+      return {
+        name: st.name || '',
+        logo: radioLogo(st),
+        track: typeof currentTrack !== 'undefined' ? currentTrack : '',
+        playing: radioPlaying(),
+        buffering: false,
+        saved: radioSaved(st.url),
+      };
     };
-  };
-  // Stop keeps the station (like a paused episode): the bar stays with ▶.
-  window.__dioraRadioToggle = () => (radioPlaying() ? stopPlayback(false) : togglePlayStop());
-  window.__dioraRadioSave = () => saveCurrentStation();
+    // Stop keeps the station (like a paused episode): the bar stays with ▶.
+    window.__dioraRadioToggle = () => (radioPlaying() ? stopPlayback(false) : togglePlayStop());
+    window.__dioraRadioSave = () => saveCurrentStation();
 
-  for (const name of ['stopPlayback', 'updateNowPlayingUI', 'saveCurrentStation']) {
-    const fn = window[name];
-    if (typeof fn !== 'function') continue;
-    window[name] = function () {
-      const r = fn.apply(this, arguments);
-      if (r && typeof r.then === 'function') r.then(radioChanged, radioChanged);
-      else radioChanged();
-      return r;
-    };
+    for (const name of ['stopPlayback', 'updateNowPlayingUI', 'saveCurrentStation']) {
+      const fn = window[name];
+      if (typeof fn !== 'function') continue;
+      window[name] = function () {
+        const r = fn.apply(this, arguments);
+        if (r && typeof r.then === 'function') r.then(radioChanged, radioChanged);
+        else radioChanged();
+        return r;
+      };
+    }
   }
   // The radio stopping is news for the shared player too.
   if (typeof window.stopPlayback === 'function') {
@@ -931,7 +944,7 @@
 
   // Player sync: the station another device played last becomes the current
   // one here, without playing (the bar shows it with ▶).
-  window.__dioraAdoptStation = function (st) {
+  if (OPT.radio) window.__dioraAdoptStation = function (st) {
     if (!st || !st.url || radioPlaying() || typeof currentStation === 'undefined') return;
     currentStation = {url: st.url, name: st.name || '', id: st.id || null};
     currentTrack = '';
@@ -964,7 +977,7 @@
     let id = '';
     try { id = localStorage.getItem('diora_device_id') || ''; } catch (e) {}
     if (!id) {
-      id = 'web-' + Array.from(crypto.getRandomValues(new Uint8Array(12)), b => b.toString(16).padStart(2, '0')).join('');
+      id = OPT.deviceKind + '-' + Array.from(crypto.getRandomValues(new Uint8Array(12)), b => b.toString(16).padStart(2, '0')).join('');
       try { localStorage.setItem('diora_device_id', id); } catch (e) {}
     }
     return id;
@@ -981,7 +994,7 @@
 
   const DEVICE_ID = deviceId();
   // Short, it stands in the bar ("läuft auf Chrome · Windows").
-  const DEVICE_NAME = browserName();
+  const DEVICE_NAME = OPT.deviceName || browserName();
 
   const sync = {
     state: null,        // the server's state, as last taken in
@@ -1362,7 +1375,7 @@
     clearTimeout(retryTimer);
     if (source) source.close();
     const seen = Math.max(sync.state ? sync.state.seq : -1, sync.later ? sync.later.seq : -1);
-    const q = new URLSearchParams({since: String(seen), device_id: DEVICE_ID, device_name: DEVICE_NAME, device_kind: 'web'});
+    const q = new URLSearchParams({since: String(seen), device_id: DEVICE_ID, device_name: DEVICE_NAME, device_kind: OPT.deviceKind});
     source = new EventSource('/podcasts/player/stream/?' + q);
     source.onopen = () => { retryMs = 1000; };
     source.onmessage = e => heard(parse(e.data, null));
@@ -1603,7 +1616,8 @@
 
   // ---- page set-up -------------------------------------------------------------------------
 
-  document.documentElement.classList.add('dpw');
+  // The browser layout (podcasts-web.css hangs off html.dpw); diora desktop keeps the phone's.
+  if (OPT.styles !== 'ui-only') document.documentElement.classList.add('dpw');
 
   for (const href of UI_STYLES) {
     const link = document.createElement('link');
@@ -1615,24 +1629,27 @@
   // The dock the page puts its player bar in (native-radio.js builds it in the app):
   // here it is part of the radio bar at the bottom, in place of its "now playing",
   // so radio and podcasts share one bar.
-  const dock = document.createElement('div');
-  dock.id = 'nui-dock';
-  const bar = document.getElementById('now-playing-bar');
-  if (bar) {
-    bar.insertBefore(dock, bar.firstChild);
-    document.documentElement.classList.add('dpw-in-bar');
-  } else {
-    document.body.appendChild(dock);
-  }
+  // diora desktop: native-radio.js builds the dock (on DOMContentLoaded) with the tab bar.
+  if (OPT.dock !== 'existing') {
+    const dock = document.createElement('div');
+    dock.id = 'nui-dock';
+    const bar = document.getElementById('now-playing-bar');
+    if (bar) {
+      bar.insertBefore(dock, bar.firstChild);
+      document.documentElement.classList.add('dpw-in-bar');
+    } else {
+      document.body.appendChild(dock);
+    }
 
-  // The page keeps clear of the bar, whose height changes with the screen.
-  const placeDock = () => {
-    const h = bar ? bar.getBoundingClientRect().height : 0;
-    document.documentElement.style.setProperty('--dpw-bar-h', Math.round(h) + 'px');
-  };
-  placeDock();
-  if (bar && window.ResizeObserver) new ResizeObserver(placeDock).observe(bar);
-  window.addEventListener('resize', placeDock);
+    // The page keeps clear of the bar, whose height changes with the screen.
+    const placeDock = () => {
+      const h = bar ? bar.getBoundingClientRect().height : 0;
+      document.documentElement.style.setProperty('--dpw-bar-h', Math.round(h) + 'px');
+    };
+    placeDock();
+    if (bar && window.ResizeObserver) new ResizeObserver(placeDock).observe(bar);
+    window.addEventListener('resize', placeDock);
+  }
 
   // Escape closes what the podcast page has open: a sheet, the player, notes,
   // a podcast, choosing several (its back handler) — never the tab itself.
@@ -1696,8 +1713,12 @@
     if (typeof _currentTopTab === 'undefined' || _currentTopTab !== tab) showTab(tab);
   })();
 
-  // The page (copied from the app) comes last, once all of the above is in place.
+  // The page (copied from the app) comes last, once all of the above is in place —
+  // with an existing dock, also after the page's own DOMContentLoaded work built it.
   const script = document.createElement('script');
   script.src = UI_SCRIPT;
-  document.body.appendChild(script);
+  if (OPT.dock !== 'existing') document.body.appendChild(script);
+  else if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', () => setTimeout(() => document.body.appendChild(script), 0));
+  } else setTimeout(() => document.body.appendChild(script), 0);
 })();
diff --git a/static/js/sw.js b/static/js/sw.js
index b45d5fc..b784aa0 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v67';
+const CACHE = 'diora-v68';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 985e635f9aa89bdfbfeb0ff855c67ddc87cdb708 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 2 Oct 2026 20:27:24 +0200
Subject: [PATCH 062/176] =?UTF-8?q?Podcasts:=20"Folge=20l=C3=B6schen"=20(e?=
 =?UTF-8?q?pisodes/discard/,=20discarded=20in=20state/),=20Folgen-Seite,?=
 =?UTF-8?q?=20sw=20v69?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- EpisodeProgress.discarded_at (Migration 0015); POST /podcasts/episodes/discard/
  {"episode_ids": [...]}: aus der Warteschlange (_dequeue, auch von queue/remove benutzt)
  und aus "Neu" (dismissed), discarded_at = jetzt; gehört, Stelle, Stern und updated_at
  bleiben; fremde Folgen werden ausgelassen (count)
- state/ liefert "discarded": [{id, at}] der letzten 30 Tage: jedes Gerät löscht seine
  ältere Datei; wieder eingereiht (_enqueue) wird discarded_at gelöscht
- Browser-Host: podcastDiscard (pausiert geladene Folge verlässt den Player, laufende spielt
  zu Ende), podcastPlayEpisodeAt (Kapitel auf der Folgen-Seite)
- static/podcasts aus diora-android ee1a910 (Folgen-Seite, Folge löschen, Datei löschen,
  Wischtexte und Icons, Ziehgriff)
- Tests: DiscardTests

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../0015_episodeprogress_discarded_at.py      |  16 +
 podcasts/models.py                            |   4 +
 podcasts/tests.py                             | 114 +++++
 podcasts/urls.py                              |   1 +
 podcasts/views.py                             |  73 +++-
 static/js/podcasts-web.js                     |  56 +++
 static/js/sw.js                               |   2 +-
 static/podcasts/native-podcast.js             | 398 ++++++++++++++----
 static/podcasts/podcast-ui.css                |  41 +-
 9 files changed, 624 insertions(+), 81 deletions(-)
 create mode 100644 podcasts/migrations/0015_episodeprogress_discarded_at.py

diff --git a/podcasts/migrations/0015_episodeprogress_discarded_at.py b/podcasts/migrations/0015_episodeprogress_discarded_at.py
new file mode 100644
index 0000000..52812cf
--- /dev/null
+++ b/podcasts/migrations/0015_episodeprogress_discarded_at.py
@@ -0,0 +1,16 @@
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0014_playback_routine'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='episodeprogress',
+            name='discarded_at',
+            field=models.DateTimeField(blank=True, null=True),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index acf81a4..39eaa6a 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -201,6 +201,10 @@ class EpisodeProgress(models.Model):
     played = models.BooleanField(default=False)
     dismissed = models.BooleanField(default=False)
     favorite = models.BooleanField(default=False)
+    # "Folge löschen": when the user threw the episode away (out of the queue
+    # and "Neu", not played). Every device deletes its download of it if that
+    # is older (state/ lists the recent ones); queueing it again clears it.
+    discarded_at = models.DateTimeField(null=True, blank=True)
     updated_at = models.DateTimeField(auto_now=True)
 
     class Meta:
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 9dae24c..3998d5b 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -2514,3 +2514,117 @@ class PlaybackSettingsTests(TestCase):
         self.client.logout()
         self.assertEqual(self.post({'skip_back': 10}).status_code, 401)
         self.assertEqual(self.client.get('/podcasts/settings/').status_code, 401)
+
+
+class DiscardTests(TestCase):
+    """POST /podcasts/episodes/discard/ ("Folge löschen"): out of the queue
+    and "Neu", the downloads go on every device (state/ "discarded"), but
+    not played: the place and the star stay."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/feed', title='Feed')
+        base = datetime(2026, 1, 1, tzinfo=timezone.utc)
+        self.eps = [
+            PodcastEpisode.objects.create(feed=feed, guid=f'e{i}', title=f'E{i}', duration_seconds=3600,
+                                          audio_url=f'https://example.org/e{i}.mp3', pub_date=base + timedelta(days=i))
+            for i in range(5)
+        ]
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        fbob = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/feed', title='Feed')
+        self.bob = bob
+        self.bobs = PodcastEpisode.objects.create(feed=fbob, guid='x', title='X', audio_url='https://example.org/x.mp3')
+        PodcastQueue.objects.create(user=bob, episode=self.bobs, position=0)
+
+    def post(self, body):
+        return self.client.post('/podcasts/episodes/discard/', json.dumps(body), content_type='application/json')
+
+    def queue(self):
+        return list(PodcastQueue.objects.filter(user=self.user).order_by('position', 'added_at', 'id')
+                    .values_list('episode_id', flat=True))
+
+    def state(self):
+        return self.client.get('/podcasts/state/').json()
+
+    def test_out_of_queue_and_inbox_not_played(self):
+        e0, e1, e2, e3, e4 = self.eps
+        for i, e in enumerate((e0, e1, e2)):
+            PodcastQueue.objects.create(user=self.user, episode=e, position=i)
+        p1 = _progress(self.user, e1, _at(2, 1), position_seconds=754, favorite=True)
+        self.assertIn(e3.id, [x['id'] for x in self.state()['inbox']])
+        r = self.post({'episode_ids': [e1.id, e3.id]})
+        self.assertEqual(r.status_code, 200)
+        d = r.json()
+        self.assertEqual((d['ok'], d['count']), (True, 2))
+        # The rest of the queue keeps its order.
+        self.assertEqual(self.queue(), [e0.id, e2.id])
+        # The place, the star and the listening time stay; not played.
+        p1.refresh_from_db()
+        self.assertEqual((p1.position_seconds, p1.favorite, p1.played, p1.dismissed), (754, True, False, True))
+        self.assertEqual(p1.updated_at, _at(2, 1))
+        self.assertIsNotNone(p1.discarded_at)
+        # An episode without a row gets one: out of "Neu", not played, no place.
+        p3 = EpisodeProgress.objects.get(user=self.user, episode=e3)
+        self.assertEqual((p3.played, p3.dismissed, p3.position_seconds), (False, True, 0))
+        s = self.state()
+        inbox = [x['id'] for x in s['inbox']]
+        self.assertNotIn(e3.id, inbox)
+        self.assertIn(e4.id, inbox)
+        self.assertEqual([q['episode__id'] for q in s['queue']], [e0.id, e2.id])
+        # The state lists both for the other devices, with the time of the discard.
+        self.assertEqual({x['id'] for x in s['discarded']}, {e1.id, e3.id})
+        at = next(x['at'] for x in s['discarded'] if x['id'] == e1.id)
+        self.assertRegex(at, r'^\d{4}-\d\d-\d\dT\d\d:\d\d:\d\d\.\d{3}Z$')
+        self.assertEqual(at, d['at'])
+        # Still unplayed in the episode lists, with its place.
+        unplayed = self.client.get('/podcasts/episodes/', {'filter': 'unplayed'}).json()['episodes']
+        row = next(x for x in unplayed if x['id'] == e1.id)
+        self.assertEqual((row['position_seconds'], row['played'], row['in_queue']), (754, False, False))
+
+    def test_queued_again_works_and_clears_it(self):
+        e0 = self.eps[0]
+        PodcastQueue.objects.create(user=self.user, episode=e0, position=0)
+        self.post({'episode_ids': [e0.id]})
+        self.assertEqual(self.queue(), [])
+        r = self.client.post('/podcasts/queue/add/', json.dumps({'episode_ids': [e0.id]}), content_type='application/json')
+        self.assertEqual(r.json()['added'], [e0.id])
+        self.assertEqual(self.queue(), [e0.id])
+        self.assertIsNone(EpisodeProgress.objects.get(user=self.user, episode=e0).discarded_at)
+        self.assertEqual(self.state()['discarded'], [])
+        # Playing it saves its place as ever.
+        self.client.post('/podcasts/progress/save/', json.dumps({'episode_id': e0.id, 'position_seconds': 99}),
+                         content_type='application/json')
+        self.assertEqual(EpisodeProgress.objects.get(user=self.user, episode=e0).position_seconds, 99)
+
+    def test_kept_queue_order_stays_sorted(self):
+        PodcastSettings.objects.update_or_create(user=self.user, defaults={'keep_sorted': 'old'})
+        for e in self.eps:
+            self.client.post('/podcasts/queue/add/', json.dumps({'episode_ids': [e.id]}), content_type='application/json')
+        self.assertEqual(self.queue(), [e.id for e in self.eps])
+        self.post({'episode_ids': [self.eps[2].id]})
+        self.assertEqual(self.queue(), [self.eps[i].id for i in (0, 1, 3, 4)])
+
+    def test_old_discards_leave_the_state(self):
+        e0, e1 = self.eps[:2]
+        self.post({'episode_ids': [e0.id, e1.id]})
+        EpisodeProgress.objects.filter(user=self.user, episode=e0).update(
+            discarded_at=datetime.now(timezone.utc) - timedelta(days=31))
+        self.assertEqual([x['id'] for x in self.state()['discarded']], [e1.id])
+
+    def test_other_users_episodes_are_left_alone(self):
+        r = self.post({'episode_ids': [self.bobs.id, 999999]})
+        self.assertEqual(r.status_code, 200)
+        self.assertEqual(r.json()['count'], 0)
+        self.assertTrue(PodcastQueue.objects.filter(user=self.bob, episode=self.bobs).exists())
+        self.assertFalse(EpisodeProgress.objects.filter(episode=self.bobs).exists())
+        self.assertEqual(self.state()['discarded'], [])
+
+    def test_bad_requests(self):
+        for body in ({}, {'episode_ids': []}, {'episode_ids': self.eps[0].id}, {'episode_ids': ['x']},
+                     {'episode_ids': [True]}, [1, 2]):
+            with self.subTest(body=body):
+                self.assertEqual(self.post(body).status_code, 400)
+        self.assertEqual(self.client.get('/podcasts/episodes/discard/').status_code, 405)
+        self.client.logout()
+        self.assertEqual(self.post({'episode_ids': [self.eps[0].id]}).status_code, 401)
diff --git a/podcasts/urls.py b/podcasts/urls.py
index d739850..348a522 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -16,6 +16,7 @@ urlpatterns = [
     path('feeds/<int:pk>/episodes/', views.feed_episodes, name='podcast_feed_episodes'),
     path('episodes/', views.episode_list, name='podcast_episode_list'),
     path('episodes/favorite/', views.set_favorites, name='podcast_set_favorites'),
+    path('episodes/discard/', views.discard_episodes, name='podcast_discard_episodes'),
     path('episodes/<int:pk>/', views.episode_detail, name='podcast_episode_detail'),
     path('episodes/<int:pk>/transcript/', views.episode_transcript, name='podcast_episode_transcript'),
     path('episodes/<int:pk>/favorite/', views.set_favorite, name='podcast_set_favorite'),
diff --git a/podcasts/views.py b/podcasts/views.py
index 21825b3..3ef88d0 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -112,10 +112,18 @@ def _enqueue(user, episode_ids, where, current_hint=None):
     )
     _write_queue_order(user, queued[:at] + new + queued[at:])
     _leave_inbox(user, new)
+    # Wanted again after "Folge löschen": devices keep (or fetch) their download.
+    EpisodeProgress.objects.filter(user=user, episode_id__in=new, discarded_at__isnull=False).update(discarded_at=None)
     _keep_sorted(user)
     return new
 
 
+def _dequeue(user, episode_ids):
+    """Take episodes out of the user's queue. The others keep their order
+    (a queue kept sorted stays sorted: taking some out doesn't change that)."""
+    PodcastQueue.objects.filter(user=user, episode_id__in=episode_ids).delete()
+
+
 def _sort_key(rule):
     """Sort key for one queue row ({pub_date, duration, position, feed_title})
     by a PodcastSettings.SORT_ORDERS rule. Ties keep their current order
@@ -1570,8 +1578,9 @@ def refresh_all_feeds(request):
 def podcast_state(request):
     """Everything a client shows first, in one response: feeds, queue, the
     first page of the inbox (inbox_limit of inbox_total new episodes), the
-    settings and how many AntennaPod downloads wait to be offered
-    (import-downloads/)."""
+    settings, how many AntennaPod downloads wait to be offered
+    (import-downloads/) and the episodes discarded lately ("Folge löschen":
+    a device deletes its older download of them)."""
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
     try:
@@ -1588,6 +1597,7 @@ def podcast_state(request):
         'inbox_limit': limit,
         'settings': _settings_data(s),
         'import_downloads': {'count': len(downloads), 'bytes': sum(e['size'] for e in downloads)},
+        'discarded': _discarded_data(request.user),
         'server_time': timezone.now().isoformat(),
     })
 
@@ -1680,8 +1690,7 @@ def queue_remove(request):
     except (json.JSONDecodeError, ValueError):
         return JsonResponse({'error': 'invalid JSON'}, status=400)
 
-    episode_id = body.get('episode_id')
-    PodcastQueue.objects.filter(user=request.user, episode_id=episode_id).delete()
+    _dequeue(request.user, [body.get('episode_id')])
     return JsonResponse({'ok': True})
 
 
@@ -1940,6 +1949,62 @@ def dismiss_episodes(request):
     return JsonResponse({'ok': True, 'count': len(valid_ids)})
 
 
+# ---------------------------------------------------------------------------
+# "Folge löschen": out of the queue and "Neu", its downloads gone everywhere
+# ---------------------------------------------------------------------------
+
+DISCARDED_DAYS = 30   # how long state/ lists a discard for devices still to delete their copy
+
+
+def _discarded_data(user, now=None):
+    """[{"id": episode id, "at": ISO ms}] of the episodes discarded lately:
+    a device deletes its download of one if it finished before `at`."""
+    since = (now or timezone.now()) - timedelta(days=DISCARDED_DAYS)
+    rows = (EpisodeProgress.objects.filter(user=user, discarded_at__gte=since)
+            .order_by('discarded_at').values_list('episode_id', 'discarded_at'))
+    return [{'id': ep_id, 'at': _iso_ms(at)} for ep_id, at in rows]
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def discard_episodes(request):
+    """{"episode_ids": [...]}: the episodes leave the queue and "Neu" (like
+    dismiss: not played) and every device deletes its download of them (they
+    see them under "discarded" in state/). Played, the saved place and the
+    star stay as they are; the listening time (updated_at) too. Episodes that
+    aren't the user's are left out (count)."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        body = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    if not isinstance(body, dict):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    episode_ids = body.get('episode_ids')
+    if not isinstance(episode_ids, list) or not episode_ids:
+        return JsonResponse({'error': 'episode_ids (a list) required'}, status=400)
+    if not all(isinstance(i, int) and not isinstance(i, bool) for i in episode_ids):
+        return JsonResponse({'error': 'episode_ids must be numbers'}, status=400)
+    wanted = set(episode_ids[:EPISODE_IDS_MAX])
+    valid = sorted(
+        PodcastEpisode.objects.filter(id__in=wanted, feed__user=request.user).values_list('id', flat=True)
+    )
+    now = timezone.now()
+    with transaction.atomic():
+        _dequeue(request.user, valid)
+        # update() leaves updated_at alone: throwing an episode away isn't listening to it.
+        rows = EpisodeProgress.objects.filter(user=request.user, episode_id__in=valid)
+        rows.update(dismissed=True, discarded_at=now)
+        have = set(rows.values_list('episode_id', flat=True))
+        EpisodeProgress.objects.bulk_create(
+            [EpisodeProgress(user=request.user, episode_id=i, dismissed=True, discarded_at=now)
+             for i in valid if i not in have],
+            ignore_conflicts=True,
+        )
+    return JsonResponse({'ok': True, 'count': len(valid), 'at': _iso_ms(now)})
+
+
 # ---------------------------------------------------------------------------
 # Inbox
 # ---------------------------------------------------------------------------
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index c505aff..b2def5f 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -357,6 +357,23 @@
     });
   }
 
+  // "Folge löschen": out of the queue and "Neu", not played (its place stays). The
+  // server lists it under "discarded" so the devices with downloads delete theirs
+  // (the browser has none). In the player here: paused, it leaves the player (see
+  // dropDiscarded); playing, it goes on until it ends or another one starts.
+  function discard(ids) {
+    if (!ids.length) return;
+    edit(s => {
+      const set = new Set(ids);
+      const order = queueIds(s);
+      if (order.some(id => set.has(id))) setQueueOrder(s, order.filter(id => !set.has(id)));
+      markInQueue(s, set, false);
+      removeFromInbox(s, set);
+      queueOp('/podcasts/episodes/discard/', {episode_ids: ids});
+    });
+    dropDiscarded(ids);
+  }
+
   function setSettings(changes) {
     edit(s => {
       const settings = s.settings || (s.settings = {});
@@ -742,12 +759,43 @@
     if (n) goTo(n, false, wantPlay, true);
   }
 
+  // A discarded episode loaded here and paused leaves the player: the queue's first one
+  // takes its place (loaded, not playing), or nothing. Its place was kept on pause.
+  function dropDiscarded(ids) {
+    const id = curId();
+    if (id == null || ids.indexOf(id) < 0 || wantPlay) return;
+    const n = queueOf(state)[0] || null;
+    if (!n) { putAway(); syncSoon(); return; }
+    unload();
+    cur = Object.assign({}, n);
+    startAt = null;
+    pausedAt = 0;
+    buffering = false;
+    error = null;
+    lastDur = 0;
+    lastPos = resumeMs();
+    storePlayer();
+    report();
+    syncSoon();
+  }
+
   function playEpisode(id) {
     if (curId() === id) { resume(); return; }
     const e = entry(id);
     if (e) goTo(e, false, true);
   }
 
+  // From `ms` on (the episode screen: a chapter, a time in the shownotes).
+  function playEpisodeAt(id, ms) {
+    if (curId() === id) { seek(ms); resume(); return; }
+    const e = entry(id);
+    if (!e) return;
+    goTo(e, false, false);
+    startAt = ms;
+    lastPos = ms;
+    resume();
+  }
+
   // The podcast's outro is skipped: the episode counts as finished there.
   function skipOutro(id) {
     if (outroDone === id) return;
@@ -1512,6 +1560,7 @@
     },
     podcastMarkPlayedAll: sent((json, played) => markPlayedAll(ids(json), !!played, prefs.remove_played)),
     podcastDismiss: sent(json => dismiss(ids(json))),
+    podcastDiscard: sent(json => discard(ids(json))),
     podcastSettings: sent(json => setSettings(parse(json, {}) || {})),
     podcastAutoQueue: sent((feedId, on) => setAutoQueue(feedId, !!on)),
     podcastFeedSettings: sent((feedId, json) => setFeedSettings(feedId, parse(json, {}) || {})),
@@ -1529,6 +1578,13 @@
       playEpisode(id);
       flush();
     },
+    podcastPlayEpisodeAt(json, currentId, ms) {
+      const ep = parse(json, {}) || {};
+      const id = ep.episode__id != null ? ep.episode__id : ep.id;
+      if (!entry(id)) enqueue([ep], null, currentId > 0 ? currentId : null);
+      playEpisodeAt(id, Math.max(0, Number(ms) || 0));
+      flush();
+    },
     podcastNext: () => next(),
     podcastToggle: () => (wantPlay ? pause() : resume()),
     podcastSeek: ms => seek(Number(ms)),
diff --git a/static/js/sw.js b/static/js/sw.js
index b784aa0..00dd508 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v68';
+const CACHE = 'diora-v69';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 66495c6..fc79308 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 339de8f 2026-10-02: web-native/static/native-podcast.js
+// Copied from diora-android ee1a910 2026-10-02: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -135,8 +135,33 @@
     return b;
   }
 
+  // Line icons in the text's colour (black on e-ink): deleting is a bin, taking out of a
+  // list a list with an x — the same in menus, swipes, the selection bar and the undo bar.
+  const SVG_PATHS = {
+    trash: '<path d="M4 7h16M9.5 7V4.5h5V7M6.5 7l1 12.5h9l1-12.5M10 11v5.5M14 11v5.5"/>',
+    listx: '<path d="M4 6h11M4 11h7M4 16h6M14.5 13.5l5.5 5.5M20 13.5l-5.5 5.5"/>',
+  };
+  function svgIcon(name, size) {
+    const span = el('span', 'nui-svg');
+    const px = size || 20;
+    span.innerHTML = `<svg viewBox="0 0 24 24" width="${px}" height="${px}" aria-hidden="true" fill="none" ` +
+      `stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${SVG_PATHS[name]}</svg>`;
+    return span;
+  }
+
+  // The sheets (native-ui.js, or the browser host's copy) show text icons; an item's `svg`
+  // replaces its icon afterwards (the rows come in the items' order).
   function openSheet(title, items) {
-    if (window.DioraUI && DioraUI.openSheet) DioraUI.openSheet(title, items);
+    if (!(window.DioraUI && DioraUI.openSheet)) return;
+    DioraUI.openSheet(title, items);
+    const shown = items.filter(it => it && !it.custom);
+    if (!shown.some(it => it.svg)) return;
+    const rows = document.querySelectorAll('#nui-sheet .nui-panel > .nui-row');
+    if (rows.length !== shown.length) return;
+    shown.forEach((it, i) => {
+      const icon = it.svg && rows[i].querySelector('.nui-row-icon');
+      if (icon) { icon.textContent = ''; icon.append(svgIcon(it.svg)); }
+    });
   }
 
   function clock(seconds) {
@@ -281,18 +306,58 @@
   const selectItem = (e, opts) => opts && opts.select &&
     {icon: '☐', label: 'Mehrere auswählen', hint: 'diese und weitere Folgen auf einmal', action: () => startSelecting(e.id)};
 
+  // „Folge löschen“: out of the queue and „Neu“, its download goes here and on every other
+  // device (the server tells them), but not played: it keeps its place and stays in „Folgen“.
+  const DISCARD_HINT = 'aus Warteschlange und Neu, Datei auf allen Geräten löschen – nicht als gehört';
+  const discardItem = (e, opts) => N.podcastDiscard &&
+    {icon: '⊠', svg: 'trash', label: 'Folge löschen', hint: DISCARD_HINT, action: () => discardOne(e, (opts && opts.list) || '', (opts && opts.filters) || [])};
+
+  // One episode: no question, 4 s „Rückgängig“ like a swipe; sent only then. False when its row leaves the list.
+  function discardOne(e, list, filters) {
+    const hide = list === 'queue' || list === 'inbox' || list === 'downloads' ||
+      filters.includes('downloaded') || filters.includes('queued');
+    offerUndo(e, 'Folge gelöscht', {hide, svg: 'trash', run: () => {
+      discardNow([e.id]);
+      if (!hide) render();
+    }});
+    return !hide;
+  }
+
+  function discardNow(ids) {
+    N.podcastDiscard(JSON.stringify(ids));
+    // The lists fetched from the server (Folgen, a podcast) show it at once.
+    const lists = [epList && epList.items, feedView && feedView.episodes];
+    for (const l of lists) for (const o of l || []) if (ids.includes(o.id)) o.in_queue = false;
+  }
+
+  // Several: asked first.
+  function discardMany(ids) {
+    openSheet(`${nEpisodes(ids.length)} löschen? Nicht als gehört markiert.`, [
+      {icon: '⊠', svg: 'trash', label: 'Löschen', hint: DISCARD_HINT, danger: true, action: () => {
+        discardNow(ids);
+        toast(`${nEpisodes(ids.length)} gelöscht`);
+        stopSelecting();
+      }},
+      {icon: '‹', label: 'Abbrechen', action: () => {}},
+    ]);
+  }
+
+  const discardAction = () => N.podcastDiscard && {label: 'Löschen', svg: 'trash', danger: true, run: discardMany};
+
   function queueMenu(e, opts) {
     const playing = currentId() === e.id;
     openSheet(e.title, [
       {icon: '▶', label: playing ? 'Player öffnen' : 'Abspielen', action: () => play(e)},
-      !playing && {icon: '☰', label: 'Shownotes und Kapitel', action: () => openNotes(e)},
+      !playing && {icon: '☰', label: 'Folge ansehen', hint: 'Shownotes, Kapitel, alles zu dieser Folge', action: () => openEpisode(e, opts)},
       favoriteItem(e),
       !playing && {icon: '⤴', label: 'Als Nächstes', hint: 'direkt nach der laufenden Folge', action: () => moveTo(e, 'next')},
       {icon: '⇈', label: 'Ganz nach oben', action: () => moveTo(e, 'top')},
       {icon: '⇊', label: 'Ganz nach unten', action: () => moveTo(e, 'bottom')},
       {icon: '✓', label: 'Als gehört markieren', hint: 'verlässt die Warteschlange', action: () => markPlayed(e)},
       ...dlMenuItems(e),
-      {icon: '✕', label: 'Aus der Warteschlange nehmen', action: () => N.podcastDequeue(e.id)},
+      {icon: '✕', svg: 'listx', label: 'Aus der Warteschlange nehmen', hint: dlDone(e.id) ? 'Datei bleibt' : null,
+       action: () => N.podcastDequeue(e.id)},
+      discardItem(e, opts),
       selectItem(e, opts),
     ]);
   }
@@ -301,17 +366,19 @@
     const queued = inQueue(e.id);
     openSheet(e.title, [
       {icon: '▶', label: 'Abspielen', hint: queued ? null : 'kommt dafür in die Warteschlange', action: () => play(e)},
-      {icon: '☰', label: 'Shownotes und Kapitel', action: () => openNotes(e)},
+      {icon: '☰', label: 'Folge ansehen', hint: 'Shownotes, Kapitel, alles zu dieser Folge', action: () => openEpisode(e, opts)},
       favoriteItem(e),
       !queued && {icon: '⤴', label: 'Als Nächstes', action: () => enqueue(e, 'after_current')},
       !queued && {icon: '⇈', label: 'An den Anfang der Warteschlange', action: () => enqueue(e, 'front')},
       !queued && {icon: '⇊', label: 'Ans Ende der Warteschlange', action: () => enqueue(e, 'back')},
-      queued && {icon: '✕', label: 'Aus der Warteschlange nehmen', action: () => N.podcastDequeue(e.id)},
+      queued && {icon: '✕', svg: 'listx', label: 'Aus der Warteschlange nehmen', hint: dlDone(e.id) ? 'Datei bleibt' : null,
+       action: () => N.podcastDequeue(e.id)},
       !e.played && {icon: '✓', label: 'Als gehört markieren', action: () => markPlayed(e)},
       e.played && {icon: '↺', label: 'Als ungehört markieren', action: () => N.podcastMarkPlayed(e.id, false)},
       ...dlMenuItems(e),
-      {icon: '⊘', label: 'Ausblenden', hint: 'aus „Neu“ entfernen, ohne es als gehört zu zählen',
+      {icon: '⊘', svg: 'listx', label: 'Ausblenden', hint: 'aus „Neu“ entfernen, ohne es als gehört zu zählen',
        action: () => N.podcastDismiss(JSON.stringify([e.id]))},
+      discardItem(e, opts),
       selectItem(e, opts),
     ]);
   }
@@ -444,8 +511,8 @@
   // AntennaPod's "delete removes from queue".
   function deleteDequeueItem() {
     if (!DL) return null;
-    return accountSwitch('delete_dequeue', 'Löschen nimmt aus der Warteschlange',
-      'an: wer einen Download löscht, nimmt die Folge auch aus der Warteschlange', 'aus: die Folge bleibt eingereiht', true);
+    return accountSwitch('delete_dequeue', '„Datei löschen“ nimmt aus der Warteschlange',
+      'an: wer die Datei einer Folge löscht, nimmt sie auch aus der Warteschlange', 'aus: die Folge bleibt eingereiht', true);
   }
 
   // AntennaPod's "adjust media info to playback speed".
@@ -681,6 +748,7 @@
     const acts = el('div', 'nui-pod-selactions');
     for (const a of actions.filter(Boolean)) {
       const b = el('button', 'btn btn-sm' + (a.danger ? ' btn-danger' : ''), a.label);
+      if (a.svg) b.prepend(svgIcon(a.svg, 16));
       b.type = 'button';
       b.disabled = !selected.size;
       b.addEventListener('click', () => {
@@ -715,12 +783,13 @@
         {icon: '☆', label: 'Kein Favorit mehr', action: () => favoriteMany(pick(ids), false)},
       ])},
       // Only where some of them are new.
-      items.some(e => fresh.has(e.id)) && {label: 'Aus „Neu“', run: ids => {
+      items.some(e => fresh.has(e.id)) && {label: 'Aus „Neu“', svg: 'listx', run: ids => {
         const gone = ids.filter(id => fresh.has(id));
         if (gone.length) N.podcastDismiss(JSON.stringify(gone));
         toast(gone.length ? `${nEpisodes(gone.length)} aus „Neu“ entfernt` : 'Keine davon ist in „Neu“');
         stopSelecting();
       }},
+      discardAction(),
     ].filter(Boolean));
   }
 
@@ -913,6 +982,7 @@
   }
 
   function render() {
+    episodeScreenParts();
     if (!root) return;
     const scroll = scrollTop();
     // Search results arriving while typing: the field keeps its text and the cursor.
@@ -1057,9 +1127,10 @@
       row.addEventListener('click', () => toggleSelected(e.id));
       return row;
     }
-    const menu = () => (list === 'queue' ? queueMenu(e, {select: !opts.noSelect}) : episodeMenu(e, {select: !opts.noSelect}));
+    const how = {select: !opts.noSelect, list, filters: opts.filters || []};
+    const menu = () => (list === 'queue' ? queueMenu(e, how) : episodeMenu(e, how));
     row.append(primaryButton(e, list), button('⋯', 'Mehr', menu, 'nui-pod-menu'));
-    row.addEventListener('click', () => play(e));
+    row.addEventListener('click', () => openEpisode(e, how));
     // Swipes: touch only, not while the queue is locked.
     const swipes = list && SWIPE_LISTS[list] && !(list === 'queue' && locked) ? list : '';
     rowGestures(row, menu, swipes && ((act, dir) => swipeDone(e, swipes, act, opts.filters || [], dir)), swipes);
@@ -1128,8 +1199,22 @@
       bg.dataset.dir = d;
       bg.classList.toggle('armed', armed());
       const label = bg.querySelector(d === 'right' ? '.nui-pod-swipe-l' : '.nui-pod-swipe-r');
-      label.textContent = act === 'none' ? '' : (d === 'right' ? `${a.icon}  ${swipeLabel(a, row)}` : `${swipeLabel(a, row)}  ${a.icon}`);
-      bg.querySelector(d === 'right' ? '.nui-pod-swipe-r' : '.nui-pod-swipe-l').textContent = '';
+      const other = bg.querySelector(d === 'right' ? '.nui-pod-swipe-r' : '.nui-pod-swipe-l');
+      if (label.dataset.act !== act) {
+        label.dataset.act = act;
+        label.textContent = '';
+        if (act !== 'none') {
+          const t = swipeText(a, row);
+          const text = el('span', 'nui-pod-swipe-text');
+          text.append(el('b', null, t.title));
+          if (t.hint) text.append(el('small', null, t.hint));
+          const icon = a.svg ? svgIcon(a.svg, 22) : el('span', null, a.icon);
+          icon.classList.add('nui-pod-swipe-icon');
+          label.append(icon, text);
+        }
+      }
+      other.textContent = '';
+      delete other.dataset.act;
     };
     const finish = done => {
       row.classList.remove('nui-pod-swiping');
@@ -1144,14 +1229,17 @@
       }
     };
     row.addEventListener('pointerdown', ev => {
-      if (ev.target.closest('.nui-pod-handle') || (ev.pointerType === 'mouse' && ev.button !== 0)) return;
+      if (ev.pointerType === 'mouse' && ev.button !== 0) return;
+      // On the queue's drag handle: a vertical move sorts (dragSort), a sideways one is the swipe.
+      const onHandle = !!ev.target.closest('.nui-pod-handle');
+      if (onHandle && !onSwipe) return;
       start = {x: ev.clientX, y: ev.clientY, id: ev.pointerId, touch: ev.pointerType === 'touch'};
       mode = '';
       dx = vx = 0;
       last = {x: ev.clientX, t: ev.timeStamp};
       swallow = false;
       stopTimer();
-      if (!ev.target.closest('button')) {
+      if (!onHandle && !ev.target.closest('button')) {
         timer = setTimeout(() => {
           timer = 0;
           if (mode || !start) return;
@@ -1230,9 +1318,10 @@
     row.addEventListener('contextmenu', ev => ev.preventDefault());
   }
 
-  // What swiping does, per list (this device). The defaults are an AntennaPod setup.
+  // What swiping does, per list (this device). The defaults are an AntennaPod setup, except the
+  // queue's left: „Folge löschen“ where the host can (it was „Datei löschen“).
   const SWIPE_LISTS = {
-    queue: {label: 'Warteschlange', left: 'delete', right: 'dequeue'},
+    queue: {label: 'Warteschlange', left: N.podcastDiscard ? 'discard' : 'delete', right: 'dequeue'},
     inbox: {label: 'Neu', left: 'dismiss', right: 'queue'},
     episodes: {label: 'Folgen', left: 'download', right: 'favorite'},
     feed: {label: 'Podcast-Seite', hint: 'die Folgen eines Abos', left: 'delete', right: 'download'},
@@ -1241,13 +1330,19 @@
   const SWIPE_ACTIONS = [
     {id: 'none', label: 'Nichts', icon: ''},
     {id: 'queue', label: 'Einreihen', icon: '+'},
-    {id: 'dequeue', label: 'Aus der Warteschlange', icon: '✕'},
+    // Where there are files (DL is known only further down: getters).
+    {id: 'dequeue', get label() { return DL ? 'Aus Warteschlange · Datei bleibt' : 'Aus der Warteschlange'; },
+     icon: '✕', svg: 'listx'},
     {id: 'download', label: 'Herunterladen', icon: '↓', dl: true},
-    {id: 'delete', label: 'Download löschen', icon: '✕', dl: true},
-    {id: 'played', label: 'Gehört / ungehört', icon: '✓'},
+    {id: 'delete', label: 'Datei löschen', hint: 'nur die Datei auf diesem Gerät', icon: '✕', svg: 'trash', dl: true},
+    {id: 'played', label: 'Gehört / ungehört', hint: 'als gehört markieren', icon: '✓'},
     {id: 'favorite', label: 'Favorit an / aus', icon: '★'},
-    {id: 'dismiss', label: 'Aus „Neu“ entfernen', icon: '⊘'},
+    {id: 'dismiss', label: 'Aus „Neu“ entfernen', icon: '⊘', svg: 'listx'},
+    {id: 'discard', label: 'Folge löschen', hint: 'aus Warteschlange und Neu, Datei auf allen Geräten weg – nicht gehört',
+     icon: '⊠', svg: 'trash', host: 'podcastDiscard'},
   ];
+  // An action the host can do (the browser has no downloads; an older host no „Folge löschen“).
+  const canSwipe = a => (!a.dl || DL) && (!a.host || !!N[a.host]);
 
   function swipePrefs() {
     let all = {};
@@ -1255,17 +1350,46 @@
     return all;
   }
 
+  // The queue's left swipe was „Download löschen“ by default: kept as such (stored when chosen),
+  // it becomes „Folge löschen“ once; any other choice stays.
+  (function newQueueDefault() {
+    if (!N.podcastDiscard) return;
+    const all = swipePrefs();
+    if (all.v >= 2) return;
+    if (all.queue && all.queue.left === 'delete') all.queue.left = 'discard';
+    all.v = 2;
+    try { localStorage.setItem('nui_pod_swipes', JSON.stringify(all)); } catch (e) {}
+  })();
+
   function swipeAction(list, dir) {
     const l = SWIPE_LISTS[list];
     if (!l) return 'none';
     const own = (swipePrefs()[list] || {})[dir];
     const id = own || l[dir];
     const a = SWIPE_ACTIONS.find(x => x.id === id);
-    return a && (!a.dl || DL) ? id : 'none';
+    return a && canSwipe(a) ? id : 'none';
   }
 
-  function swipeLabel(a) {
-    return {played: 'Gehört', favorite: 'Favorit', dequeue: 'Entfernen', delete: 'Löschen', dismiss: 'Aus „Neu“'}[a.id] || a.label;
+  // What the swipe says behind the moving row: the action by its full name (bold) and what
+  // it means for this episode (small) — never a bare „Löschen“ or „Entfernen“.
+  function swipeText(a, row) {
+    const id = row && Number(row.dataset.id);
+    switch (a.id) {
+      case 'discard': return {title: 'Folge löschen', hint: 'nicht gehört'};
+      case 'delete': return {title: 'Datei löschen', hint: id && deleteDequeues(id) ? 'auch aus Warteschlange' : 'nur auf diesem Gerät'};
+      case 'dequeue': return {title: 'Aus Warteschlange', hint: DL ? 'Datei bleibt' : null};
+      case 'dismiss': return {title: 'Aus Neu entfernen', hint: 'nicht gehört'};
+      case 'queue': return {title: 'Einreihen'};
+      case 'download': return {title: 'Laden'};
+      case 'favorite': return {title: 'Favorit'};
+      case 'played': return {title: row && row.classList.contains('nui-pod-played') ? 'Ungehört' : 'Gehört'};
+      default: return {title: a.label};
+    }
+  }
+
+  // „Datei löschen“ takes the episode out of the queue too (the account's delete_dequeue, on by default).
+  function deleteDequeues(id) {
+    return 'delete_dequeue' in settings() && settings().delete_dequeue !== false && inQueue(id);
   }
 
   function swipeSettings() {
@@ -1280,9 +1404,9 @@
   function swipeListSheet(list) {
     const l = SWIPE_LISTS[list];
     const pick = dir => openSheet(`${l.label}: nach ${dir === 'left' ? 'links' : 'rechts'} wischen`,
-      SWIPE_ACTIONS.filter(a => !a.dl || DL).map(a => ({
+      SWIPE_ACTIONS.filter(canSwipe).map(a => ({
         icon: swipeAction(list, dir) === a.id ? '●' : '○', label: a.label, active: swipeAction(list, dir) === a.id,
-        hint: a.id === l[dir] ? 'Standard' : null,
+        hint: [a.hint, a.id === l[dir] ? 'Standard' : null].filter(Boolean).join(' · ') || null,
         action: () => {
           const all = swipePrefs();
           all[list] = Object.assign({}, all[list], {[dir]: a.id});
@@ -1332,13 +1456,13 @@
   }
 
   // The bar with „Rückgängig“ (the toast can't be tapped).
-  function undoBar(text) {
+  function undoBar(text, svg) {
     let bar = $id('nui-pod-undo');
     if (!text) { if (bar) bar.classList.remove('nui-show'); return; }
     if (!bar) {
       bar = el('div');
       bar.id = 'nui-pod-undo';
-      bar.append(el('span', 'nui-pod-undo-text'));
+      bar.append(el('span', 'nui-pod-undo-icon'), el('span', 'nui-pod-undo-text'));
       const b = el('button', 'nui-pod-undo-btn', 'Rückgängig');
       b.type = 'button';
       b.addEventListener('click', ev => { ev.stopPropagation(); undoSwipe(); });
@@ -1348,6 +1472,10 @@
     const t = $id('nui-radio-toast');
     if (t) t.classList.remove('nui-show');
     bar.querySelector('.nui-pod-undo-text').textContent = text;
+    const icon = bar.querySelector('.nui-pod-undo-icon');
+    icon.textContent = '';
+    if (svg) icon.append(svgIcon(svg, 18));
+    icon.hidden = !svg;
     bar.classList.add('nui-show');
   }
 
@@ -1355,7 +1483,7 @@
     commitSwipe();
     pendingSwipe = Object.assign({id: e.id}, change);
     pendingSwipe.timer = setTimeout(commitSwipe, 4000);
-    undoBar(text);
+    undoBar(text, change.svg);
     if (change.hide) render();
   }
 
@@ -1377,7 +1505,8 @@
     if (act === 'dequeue') {
       if (!inQueue(e.id)) { toast('Nicht in der Warteschlange'); return true; }
       const hide = list === 'queue';
-      offerUndo(e, 'Aus der Warteschlange genommen', {hide, run: () => { N.podcastDequeue(e.id); o.in_queue = false; }});
+      offerUndo(e, dlDone(e.id) ? 'Aus Warteschlange · Datei bleibt' : 'Aus Warteschlange',
+        {hide, svg: 'listx', run: () => { N.podcastDequeue(e.id); o.in_queue = false; }});
       return !hide;
     }
     if (act === 'download') {
@@ -1394,9 +1523,10 @@
       if (!downloads[e.id]) { toast('Nicht heruntergeladen'); return true; }
       const running = !has('done') && !has('failed');
       // "Löschen nimmt aus der Warteschlange" (account): then it leaves the queue too.
-      const out = !running && 'delete_dequeue' in settings() && settings().delete_dequeue !== false && inQueue(e.id);
+      const out = !running && deleteDequeues(e.id);
       const hide = list === 'downloads' || filters.includes('downloaded') || (list === 'queue' && out);
-      offerUndo(e, running ? 'Download abgebrochen' : 'Download gelöscht', {hide, run: () => dlDelete(e, running, true)});
+      offerUndo(e, running ? 'Download abgebrochen' : out ? 'Datei gelöscht · auch aus Warteschlange' : 'Datei gelöscht',
+        {hide, svg: running ? null : 'trash', run: () => dlDelete(e, running, true)});
       return !hide;
     }
     if (act === 'played') {
@@ -1424,9 +1554,10 @@
       // „Neu“ is every unplayed episode not taken out (the page knows only the first ones).
       if (o.played || e.played) { toast('Gehört – nicht in „Neu“'); return true; }
       const hide = list === 'inbox';
-      offerUndo(e, 'Aus „Neu“ entfernt', {hide, run: () => N.podcastDismiss(JSON.stringify([e.id]))});
+      offerUndo(e, 'Aus Neu entfernt', {hide, svg: 'listx', run: () => N.podcastDismiss(JSON.stringify([e.id]))});
       return !hide;
     }
+    if (act === 'discard' && N.podcastDiscard) return discardOne(e, list, filters);
     return true;
   }
 
@@ -1442,7 +1573,8 @@
         {label: 'Nach oben', run: ids => N.podcastReorder(JSON.stringify(ids.concat(queue().map(q => q.episode__id).filter(id => !ids.includes(id)))))},
         {label: 'Nach unten', run: ids => N.podcastReorder(JSON.stringify(queue().map(q => q.episode__id).filter(id => !ids.includes(id)).concat(ids)))},
         {label: 'Gehört', run: ids => { N.podcastMarkPlayedAll(JSON.stringify(ids), true); stopSelecting(); }},
-        {label: 'Entfernen', run: ids => { N.podcastDequeueAll(JSON.stringify(ids)); stopSelecting(); }},
+        {label: 'Aus Warteschlange', svg: 'listx', run: ids => { N.podcastDequeueAll(JSON.stringify(ids)); stopSelecting(); }},
+        discardAction(),
       ]));
     } else {
       const head = el('div', 'nui-pod-head');
@@ -1497,8 +1629,9 @@
           {icon: '⇊', label: 'Ans Ende', action: () => add(ids, 'back')},
         ])},
         {label: 'Gehört', run: ids => { N.podcastMarkPlayedAll(JSON.stringify(ids), true); stopSelecting(); }},
-        {label: 'Ausblenden', run: ids => { N.podcastDismiss(JSON.stringify(ids)); stopSelecting(); }},
+        {label: 'Ausblenden', svg: 'listx', run: ids => { N.podcastDismiss(JSON.stringify(ids)); stopSelecting(); }},
         DL && {label: 'Laden', run: ids => downloadMany(chosen(ids))},
+        discardAction(),
       ]));
     } else {
       const head = el('div', 'nui-pod-head');
@@ -2571,19 +2704,37 @@
 
   // ---- drag to reorder (touch) -----------------------------------------------------------
 
+  // Dragging the handle (≡) sorts the queue — once the move is mostly vertical (after the same
+  // 12 px the swipe waits for); a mostly sideways one is left to the row's swipe (rowGestures).
   function dragSort(handle, row, list) {
     handle.addEventListener('pointerdown', ev => {
-      ev.preventDefault();
-      ev.stopPropagation();
-      handle.setPointerCapture(ev.pointerId);
-      const rows = [...list.children];
-      const from = rows.indexOf(row);
-      const rects = rows.map(r => r.getBoundingClientRect());
+      if (ev.pointerType === 'mouse' && ev.button !== 0) return;
+      if (ev.pointerType === 'mouse') ev.preventDefault();   // no text selection while dragging
+      const id = ev.pointerId;
+      const startX = ev.clientX;
       const startY = ev.clientY;
-      let to = from;
-      row.classList.add('nui-pod-dragging');
+      let rows = null;
+      let from = -1;
+      let rects = null;
+      let to = -1;
+      const begin = () => {
+        rows = [...list.children];
+        from = rows.indexOf(row);
+        rects = rows.map(r => r.getBoundingClientRect());
+        to = from;
+        row.classList.add('nui-pod-dragging');
+        try { handle.setPointerCapture(id); } catch (e) {}
+      };
       const move = e => {
+        if (e.pointerId !== id) return;
         const dy = e.clientY - startY;
+        if (!rows) {
+          const dx = e.clientX - startX;
+          if (Math.abs(dx) <= 12 && Math.abs(dy) <= 12) return;
+          if (Math.abs(dy) <= Math.abs(dx)) { stop(); return; }
+          begin();
+        }
+        e.preventDefault();
         row.style.transform = `translateY(${dy}px)`;
         const mid = rects[from].top + rects[from].height / 2 + dy;
         to = rects.findIndex(r => mid < r.top + r.height / 2);
@@ -2596,10 +2747,16 @@
           r.style.transform = shift ? `translateY(${shift}px)` : '';
         });
       };
-      const end = () => {
-        handle.removeEventListener('pointermove', move);
-        handle.removeEventListener('pointerup', end);
-        handle.removeEventListener('pointercancel', end);
+      // Listened to on the window: before the drag starts the finger may leave the narrow handle.
+      const stop = () => {
+        window.removeEventListener('pointermove', move);
+        window.removeEventListener('pointerup', end);
+        window.removeEventListener('pointercancel', end);
+      };
+      const end = e => {
+        if (e.pointerId !== id) return;
+        stop();
+        if (!rows) return;
         rows.forEach(r => { r.style.transform = ''; });
         row.classList.remove('nui-pod-dragging');
         if (to !== from) {
@@ -2608,9 +2765,9 @@
           N.podcastMove(parseInt(row.dataset.id, 10), to);
         }
       };
-      handle.addEventListener('pointermove', move);
-      handle.addEventListener('pointerup', end);
-      handle.addEventListener('pointercancel', end);
+      window.addEventListener('pointermove', move);
+      window.addEventListener('pointerup', end);
+      window.addEventListener('pointercancel', end);
     });
   }
 
@@ -2806,8 +2963,9 @@
     }
   }
 
-  // Chapters and shownotes into a box; with `live`, taps jump in the playing episode.
-  async function showDetails(box, id, live) {
+  // Chapters and shownotes into a box; with `live`, taps jump in the playing episode,
+  // else with `jump(seconds)` (the episode screen) they start it there.
+  async function showDetails(box, id, live, jump) {
     box.textContent = '';
     box.dataset.episode = String(id);
     let d = storedDetails(id);
@@ -2841,6 +2999,7 @@
           li.dataset.index = String(i);
           li.append(el('span', 'nui-pod-chapter-t', clock(c.start || 0)), el('span', 'nui-pod-chapter-title', plain(c.title || `Kapitel ${i + 1}`)));
           if (live) li.addEventListener('click', () => N.podcastSeek(Math.round((c.start || 0) * 1000)));
+          else if (jump) li.addEventListener('click', () => jump(c.start || 0));
           ol.append(li);
         });
         body.append(ol);
@@ -2851,13 +3010,14 @@
         const notes = el('div', 'nui-pod-notes');
         notes.innerHTML = d.description || '<p>Keine Shownotes.</p>';
         notes.querySelectorAll('a[href]').forEach(a => a.setAttribute('target', '_blank'));
-        if (live) {
+        if (live || jump) {
           linkStamps(notes);
           notes.addEventListener('click', ev => {
             const a = ev.target.closest('a.nui-pod-stamp');
             if (!a) return;
             ev.preventDefault();
-            N.podcastSeek(parseInt(a.dataset.t, 10) * 1000);
+            if (live) N.podcastSeek(parseInt(a.dataset.t, 10) * 1000);
+            else jump(parseInt(a.dataset.t, 10));
           });
         }
         body.append(notes);
@@ -2987,34 +3147,124 @@
     }
   }
 
-  // Shownotes of an episode that isn't playing: its own sheet.
+  // ---- the episode screen: a tap on a row opens it ----------------------------------------
+  // Cover, title, podcast (→ its page), date, length, where it stands; one big button to play;
+  // the actions with the swipes' names and icons; chapters (a tap plays from there) and notes.
   let notesSheet = null;
+  let epScreen = null;   // {e, ctx, actions, playBtn} while the episode screen is open
 
-  function openNotes(e) {
+  function openEpisode(e, ctx) {
     closeNotes();
+    ctx = ctx || {};
     notesSheet = el('div');
     notesSheet.id = 'nui-pod-player';
-    notesSheet.className = 'nui-pod-notes-sheet';
+    notesSheet.className = 'nui-pod-notes-sheet nui-pod-episode';
     const panel = el('div', 'nui-pod-player-panel');
     const top = el('div', 'nui-pod-player-top');
     top.append(button('⌄', 'Schließen', closeNotes));
-    panel.append(top, el('div', 'nui-pod-player-title', e.title), el('div', 'nui-pod-player-feed', e.feed || ''));
-    const play1 = el('button', 'btn nui-pod-notes-play', '▶ Abspielen');
-    play1.type = 'button';
-    play1.addEventListener('click', () => { closeNotes(); play(e); });
-    panel.append(play1);
+    const head = el('div', 'nui-pod-ephead');
+    head.append(art(e.art, 'big', e.feedArt, e.feed));
+    const info = el('div', 'nui-pod-main');
+    info.append(el('div', 'nui-pod-player-title', e.title));
+    const f = e.feedId ? feeds().find(x => x.id === e.feedId) : null;
+    if (f) {
+      const link = el('button', 'nui-pod-eplink', plain(f.title) + ' ›');
+      link.type = 'button';
+      link.title = 'Zur Podcast-Seite';
+      link.addEventListener('click', () => {
+        closeNotes();
+        closePlayer();
+        preview = null;
+        if (typeof showTab === 'function') showTab('podcasts');
+        openFeed(f);
+      });
+      info.append(link);
+    } else if (e.feed) {
+      info.append(el('div', 'nui-pod-player-feed', e.feed));
+    }
+    info.append(el('div', 'nui-pod-meta nui-pod-epfacts'));
+    head.append(info);
+    const playBtn = el('button', 'btn nui-pod-notes-play nui-pod-epplay');
+    playBtn.type = 'button';
+    playBtn.addEventListener('click', () => {
+      if (currentId() === e.id) { N.podcastToggle(); return; }
+      closeNotes();
+      play(e);
+    });
+    const actions = el('div', 'nui-pod-epactions');
     const box = el('div', 'nui-pod-notesbox');
-    panel.append(box);
+    panel.append(top, head, playBtn, actions, box);
     notesSheet.append(panel);
     notesSheet.addEventListener('click', ev => { if (ev.target === notesSheet) closeNotes(); });
     document.body.append(notesSheet);
-    showDetails(box, e.id, false);
+    epScreen = {e, ctx, actions, playBtn, facts: info.querySelector('.nui-pod-epfacts')};
+    episodeScreenParts();
+    showDetails(box, e.id, false, seconds => playAt(e, seconds));
+  }
+
+  // Start the episode at `seconds` (a chapter, a time in the notes).
+  function playAt(e, seconds) {
+    const ms = Math.round(seconds * 1000);
+    if (currentId() === e.id) {
+      N.podcastSeek(ms);
+      if (!player.playing) N.podcastToggle();
+    } else if (N.podcastPlayEpisodeAt) {
+      N.podcastPlayEpisodeAt(JSON.stringify(e.raw), currentId(), ms);
+    } else {
+      play(e);
+    }
+    closeNotes();
+  }
+
+  // The parts of the screen that follow the state: facts, the play button, the actions.
+  function episodeScreenParts() {
+    if (!epScreen || !notesSheet) return;
+    const {e, ctx, actions, playBtn, facts} = epScreen;
+    // The freshest place and queue state of the episode.
+    const q = queue().find(x => x.episode__id === e.id);
+    const pos = q ? q.position_seconds || 0 : e.raw.position_seconds || 0;
+    const played = !!e.raw.played;
+    const dur = e.duration || 0;
+    const parts = [];
+    if (e.date) parts.push(day(e.date));
+    if (dur) parts.push(minutes(shown(dur, e.feedId)));
+    if (played) parts.push('gehört');
+    else if (pos > 30 && dur) parts.push('noch ' + minutes(shown(Math.max(0, dur - pos), e.feedId)));
+    facts.textContent = parts.join(' · ');
+    const now = currentId() === e.id;
+    playBtn.textContent = now && player.playing ? '❚❚ Pause'
+      : !played && pos > 5 ? `▶ Weiter ab ${clock(pos)}` : '▶ Abspielen';
+    actions.textContent = '';
+    const act = (svg, icon, label, run, cls) => {
+      const b = el('button', 'nui-pod-epact' + (cls ? ' ' + cls : ''));
+      b.type = 'button';
+      b.append(svg ? svgIcon(svg, 22) : el('span', 'nui-pod-epact-icon', icon), el('span', null, label));
+      b.addEventListener('click', ev => { ev.stopPropagation(); run(); setTimeout(episodeScreenParts, 150); });
+      actions.append(b);
+    };
+    if (inQueue(e.id)) act('listx', '', 'Aus Warteschlange', () => { N.podcastDequeue(e.id); e.raw.in_queue = false; });
+    else act(null, '+', 'Einreihen', () => { enqueue(e); e.raw.in_queue = true; });
+    if (DL && (e.raw.audio_url || e.raw.episode__audio_url)) {
+      const d = downloads[e.id];
+      if (!d || d.state === 'failed') act(null, '↓', 'Laden', () => dlStart(e));
+      else if (d.state === 'done') act('trash', '', 'Datei löschen', () => dlDelete(e));
+      else act('trash', '', 'Download abbrechen', () => dlDelete(e, true));
+    }
+    if (N.podcastDiscard) {
+      act('trash', '', 'Folge löschen', () => { closeNotes(); discardOne(e, ctx.list || '', ctx.filters || []); }, 'nui-pod-epact-danger');
+    }
+    const fav = e.raw.favorite;
+    act(null, fav ? '★' : '☆', 'Favorit', () => toggleFavorite(e, star => { e.raw.favorite = star; episodeScreenParts(); }),
+      fav ? 'on' : '');
+    if (played) act(null, '↺', 'Ungehört', () => { N.podcastMarkPlayed(e.id, false); e.raw.played = false; });
+    else act(null, '✓', 'Gehört', () => { markPlayed(e); e.raw.played = true; e.raw.position_seconds = 0; });
   }
 
   function closeNotes() {
     if (!notesSheet) return false;
     notesSheet.remove();
     notesSheet = null;
+    epScreen = null;
     return true;
   }
 
@@ -3505,8 +3755,8 @@
   function dlDelete(e, running, quiet) {
     N.podcastDeleteDownload(e.id);
     // "Löschen nimmt aus der Warteschlange" (account): the app takes it out too.
-    const out = !running && settings().delete_dequeue !== false && 'delete_dequeue' in settings() && inQueue(e.id);
-    if (!quiet) toast(running ? 'Download abgebrochen' : out ? 'Download gelöscht, aus der Warteschlange genommen' : 'Download gelöscht');
+    const out = !running && deleteDequeues(e.id);
+    if (!quiet) toast(running ? 'Download abgebrochen' : out ? 'Datei gelöscht · auch aus Warteschlange' : 'Datei gelöscht');
   }
 
   // The row's download button (the episode lists): ↓, a ring while it loads, ✓ when it's here.
@@ -3565,7 +3815,10 @@
       return [{icon: '↓', label: 'Herunterladen', hint: d ? 'hat eben nicht geklappt (' + (d.error || '?') + ')' : 'zum Hören ohne Verbindung',
         action: () => dlStart(e)}];
     }
-    if (d.state === 'done') return [{icon: '✕', label: 'Download löschen', hint: size(d.bytes), action: () => dlDelete(e)}];
+    if (d.state === 'done') {
+      return [{icon: '✕', svg: 'trash', label: deleteDequeues(e.id) ? 'Datei löschen · auch aus der Warteschlange' : 'Datei löschen',
+        hint: 'nur die Datei auf diesem Gerät · ' + size(d.bytes), action: () => dlDelete(e)}];
+    }
     return [
       d.state === 'queued' && d.order > 0 && N.podcastDownloadFirst &&
         {icon: '⇈', label: 'Zuerst laden', hint: 'vor die anderen wartenden', action: () => N.podcastDownloadFirst(e.id)},
@@ -3614,11 +3867,11 @@
        action: () => openSheet('Downloads aufräumen', DL_CLEANUPS.map(c => ({
          icon: s.cleanup === c.value ? '●' : '○', label: c.label, hint: c.hint, active: s.cleanup === c.value,
          action: () => dlSet({cleanup: c.value})})))},
-      done.length > 0 && {icon: '✕', label: `Downloads löschen (${size(bytes)})`,
+      done.length > 0 && {icon: '✕', svg: 'trash', label: `Alle Dateien löschen (${size(bytes)})`,
         hint: done.length === 1 ? '1 Folge' : done.length + ' Folgen',
-        action: () => openSheet(`Alle ${done.length} Downloads löschen?`, [
-          {icon: '✕', label: 'Löschen', hint: size(bytes), danger: true,
-           action: () => { N.podcastDeleteAllDownloads(); toast('Downloads gelöscht'); }},
+        action: () => openSheet(`Alle ${done.length} Dateien löschen?`, [
+          {icon: '✕', svg: 'trash', label: 'Alle Dateien löschen', hint: size(bytes), danger: true,
+           action: () => { N.podcastDeleteAllDownloads(); toast('Dateien gelöscht'); }},
           {icon: '‹', label: 'Abbrechen', action: () => {}},
         ])},
     ];
@@ -3916,6 +4169,7 @@
     // The current episode changed: the queue view marks it.
     if (before.episodeId !== player.episodeId || before.kind !== player.kind) render();
     else if (!!before.playing !== !!player.playing) playButtons();
+    if (epScreen && (before.episodeId !== player.episodeId || !!before.playing !== !!player.playing)) episodeScreenParts();
   };
 
   // The app loads this in <head>; the browser may load it after the page is parsed.
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 0c103dc..63b901d 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 339de8f 2026-10-02: the podcast parts of web-native/static/native.css
+/* Copied from diora-android ee1a910 2026-10-02: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -269,10 +269,13 @@ html.nui-one-player #nui-mini { display: none !important; }
 }
 .nui-pod-queued { color: var(--green); }
 
+/* Narrow, and off the screen's edge: a swipe starting at the very edge (or sideways on the
+   handle, see dragSort) is the row's swipe; only a vertical drag on the handle sorts. */
 .nui-pod-handle {
   flex: none;
-  width: var(--nui-tap);
+  width: 28px;
   height: var(--nui-tap);
+  margin-right: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -472,6 +475,20 @@ body.eink .nui-pod-sleep.on { color: #000 !important; }
 .nui-pod-notes table { display: block; overflow-x: auto; }
 .nui-pod-notes-sheet .nui-pod-player-panel { max-height: 88%; }
 .nui-pod-notes-play { align-self: center; min-height: var(--nui-tap); }
+/* The episode screen (a tap on a row): head, the big play button, the actions, then notes. */
+.nui-pod-episode .nui-pod-player-panel { max-height: 92%; }
+.nui-pod-ephead { display: flex; align-items: flex-start; gap: 12px; }
+.nui-pod-ephead .nui-pod-art-big { width: 88px; height: 88px; border-radius: 6px; flex: none; }
+.nui-pod-ephead .nui-pod-player-title { text-align: left; font-size: 17px; }
+.nui-pod-eplink { align-self: flex-start; border: none; background: none; padding: 4px 0; color: var(--nui-muted); font: inherit; font-size: 14px; text-align: left; cursor: pointer; text-decoration: underline; text-decoration-color: #555; }
+.nui-pod-epplay { align-self: stretch; font-size: 16px; font-weight: 700; }
+.nui-pod-epactions { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 6px; }
+.nui-pod-epact { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 60px; padding: 6px 4px; border: 1px solid var(--border); border-radius: 8px; background: none; color: inherit; font: inherit; font-size: 12.5px; line-height: 1.2; text-align: center; cursor: pointer; }
+.nui-pod-epact-icon { font-size: 20px; line-height: 22px; }
+.nui-pod-epact.on .nui-pod-epact-icon { color: var(--accent); }
+.nui-pod-epact-danger { color: var(--red, #e5484d); }
+body.eink .nui-pod-epact { border-color: #000; color: #000; }
+body.eink .nui-pod-epact-danger { color: #000; }
 body.eink .nui-pod-chapter.current,
 body.eink .nui-pod-chapter.current .nui-pod-chapter-t,
 body.eink .nui-pod-notes a { color: #000; }
@@ -637,14 +654,23 @@ body.eink .nui-pod-facts a { color: #000; text-decoration: underline; }
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0 18px;
+  padding: 0 14px;
   background: #161616;
   color: var(--nui-muted);
   font-size: 14px;
   white-space: nowrap;
   pointer-events: none;
 }
-.nui-pod-swipebg.armed { background: #2c2c2c; color: var(--fg, #fff); font-weight: 700; }
+.nui-pod-swipebg.armed { background: #2c2c2c; color: var(--fg, #fff); }
+/* Behind the row: the icon, under it the action in bold and what it means for this episode
+   (narrow, so it shows whole by the time the swipe is armed). */
+.nui-pod-swipe-l, .nui-pod-swipe-r { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
+.nui-pod-swipe-r { align-items: flex-end; }
+.nui-pod-swipe-icon { font-size: 18px; line-height: 22px; }
+.nui-pod-swipe-text { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; font-family: var(--nui-sans); letter-spacing: normal; }
+.nui-pod-swipe-r .nui-pod-swipe-text { align-items: flex-end; text-align: right; }
+.nui-pod-swipe-text b { font-weight: 700; font-size: 13px; }
+.nui-pod-swipe-text small { font-size: 12px; font-weight: 400; opacity: 0.75; }
 #nui-pod-undo {
   position: fixed;
   left: 50%;
@@ -666,6 +692,13 @@ body.eink .nui-pod-facts a { color: #000; text-decoration: underline; }
   transition: opacity 0.18s;
 }
 #nui-pod-undo.nui-show { opacity: 1; pointer-events: auto; }
+/* Line icons (native-podcast.js svgIcon): stroke in the text's colour. */
+.nui-svg { display: inline-flex; align-items: center; justify-content: center; line-height: 0; }
+.nui-svg svg { display: block; }
+.nui-row-icon .nui-svg { width: 100%; }
+.nui-pod-selactions .btn .nui-svg { margin-right: 6px; vertical-align: -3px; }
+.nui-pod-undo-icon { display: inline-flex; margin-right: -6px; }
+.nui-pod-undo-icon[hidden] { display: none; }
 .nui-pod-undo-text { font-family: var(--nui-sans); letter-spacing: normal; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .nui-pod-undo-btn {
   min-height: 40px;

From f12451f30e6dc35704183c238e5883291c6d59d2 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 3 Oct 2026 12:58:55 +0200
Subject: [PATCH 063/176] =?UTF-8?q?Sleep-Timer:=20eigene=20Zeit,=20Nachtfe?=
 =?UTF-8?q?nster,=20auch=20f=C3=BCrs=20Radio,=20von=20anderen=20Ger=C3=A4t?=
 =?UTF-8?q?en=20setzen;=20sw=20v70?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Player-Sync: Aktion 'sleep' (Minuten, -n Folgen, 0 aus); Reports schicken
  sleep {left_ms, episodes} mit, der State zeigt ihn (Migration 0016)
- Browser-Host: Nachtfenster sleep_from/sleep_to, Automatik auch beim
  Radiostart (auch in diora desktop), Timer des anderen Geräts zählt mit,
  ein Timer, der stundenlang nicht lief, verfällt
- Eingabefenster (customPrompt) liegt über Player und Menüs

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/migrations/0016_playerstate_sleep.py |  23 +++
 podcasts/models.py                            |   4 +
 podcasts/test_player.py                       |  28 +++
 podcasts/views.py                             |  23 ++-
 static/js/podcasts-web.js                     |  85 +++++++--
 static/js/sw.js                               |   2 +-
 static/podcasts/native-podcast.js             | 169 +++++++++++++++---
 static/podcasts/podcast-ui.css                |   7 +-
 8 files changed, 298 insertions(+), 43 deletions(-)
 create mode 100644 podcasts/migrations/0016_playerstate_sleep.py

diff --git a/podcasts/migrations/0016_playerstate_sleep.py b/podcasts/migrations/0016_playerstate_sleep.py
new file mode 100644
index 0000000..4179625
--- /dev/null
+++ b/podcasts/migrations/0016_playerstate_sleep.py
@@ -0,0 +1,23 @@
+# Generated by Django 6.1 on 2026-10-02 22:46
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0015_episodeprogress_discarded_at'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='playerstate',
+            name='sleep_episodes',
+            field=models.PositiveSmallIntegerField(default=0),
+        ),
+        migrations.AddField(
+            model_name='playerstate',
+            name='sleep_left_ms',
+            field=models.PositiveBigIntegerField(default=0),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 39eaa6a..45fcbc2 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -347,6 +347,10 @@ class PlayerState(models.Model):
     # The ids of the devices online at the last change, sorted: when the set
     # differs, seq goes up so every device sees others come and go.
     online_devices = models.JSONField(default=list, blank=True)
+    # The active device's sleep timer at updated_at: playing time left (counts
+    # down while it plays), or episodes left; both 0: off.
+    sleep_left_ms = models.PositiveBigIntegerField(default=0)
+    sleep_episodes = models.PositiveSmallIntegerField(default=0)
 
     @classmethod
     def for_user(cls, user):
diff --git a/podcasts/test_player.py b/podcasts/test_player.py
index 65ed1bb..e7c8214 100644
--- a/podcasts/test_player.py
+++ b/podcasts/test_player.py
@@ -257,6 +257,34 @@ class PlayerSyncTests(TestCase):
             with self.subTest(body=body):
                 self.assertEqual(self.post('command', body).status_code, 400)
 
+    def test_sleep_timer_travels_with_the_state(self):
+        self.report('phone', True, kind='radio', start=True, sleep={'left_ms': 900_000, 'episodes': 0})
+        d = self.client.get('/podcasts/player/').json()
+        self.assertEqual(d['sleep'], {'left_ms': 900_000, 'episodes': 0})
+        # Episodes left; nonsense is none; an older client without it: none.
+        self.report('phone', True, sleep={'left_ms': 0, 'episodes': 2})
+        self.assertEqual((self.state().sleep_left_ms, self.state().sleep_episodes), (0, 2))
+        self.report('phone', True, sleep={'left_ms': 'x', 'episodes': -4})
+        self.assertEqual((self.state().sleep_left_ms, self.state().sleep_episodes), (0, 0))
+        self.report('phone', True, sleep={'left_ms': 10 ** 12})
+        self.assertEqual(self.state().sleep_left_ms, views.SLEEP_MAX_MINUTES * 60_000)
+        self.report('phone', True)
+        self.assertEqual(self.state().sleep_left_ms, 0)
+        # Another device's ignored report doesn't change it.
+        self.report('phone', True, sleep={'left_ms': 60_000})
+        self.report('web', True, sleep={'left_ms': 5})
+        self.assertEqual(self.state().sleep_left_ms, 60_000)
+
+    def test_sleep_command(self):
+        self.report('phone', True, kind='radio', start=True)
+        r = self.command('web', 'sleep', 30)
+        self.assertEqual(r.status_code, 200)
+        self.assertEqual((r.json()['command']['action'], r.json()['command']['value']), ('sleep', 30))
+        self.assertEqual(self.command('web', 'sleep', -1).json()['command']['value'], -1)
+        self.assertEqual(self.command('web', 'sleep', 0).json()['command']['value'], 0)
+        for bad in (None, 'x', 601, -100):
+            self.assertEqual(self.command('web', 'sleep', bad).status_code, 400, bad)
+
     def test_transfer_to_another_device(self):
         self.report('a', True, pos=1000)
         self.report('c', False, pos=0)              # c is online (paused report: ignored)
diff --git a/podcasts/views.py b/podcasts/views.py
index 3ef88d0..3110930 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -2127,7 +2127,9 @@ def clear_import_downloads(request):
 # ---------------------------------------------------------------------------
 
 PLAYER_ONLINE_SECONDS = 45  # not seen for longer: the device is gone
-PLAYER_ACTIONS = ('play', 'pause', 'seek', 'skip', 'next', 'stop', 'transfer')
+PLAYER_ACTIONS = ('play', 'pause', 'seek', 'skip', 'next', 'stop', 'transfer', 'sleep')
+SLEEP_MAX_MINUTES = 600     # a sleep timer: 1 min to 10 h, or after 1 to SLEEP_MAX_EPISODES
+SLEEP_MAX_EPISODES = 99
 PLAYER_DEVICES_SHOWN = 10   # online ones, then the last ones seen in DEVICES_DAYS
 PLAYER_DEVICES_DAYS = 7
 STREAM_SECONDS = 300        # one stream connection; clients reconnect with their seq
@@ -2237,6 +2239,7 @@ def _player_json(user, p, now=None):
         'updated_at': _iso_ms(p.updated_at),
         'server_time': _iso_ms(now),
         'command': p.command,
+        'sleep': {'left_ms': p.sleep_left_ms, 'episodes': p.sleep_episodes},
         'devices': devices,
         'active_online': _is_online(user, p.device_id, now),
     }
@@ -2311,6 +2314,13 @@ def player_report(request):
         station = (st['url'].strip()[:1000], str(st.get('name') or '')[:300],
                    int(sid) if _number(sid) and sid == int(sid) else None)
 
+    # The sleep timer, if the device has one (older clients don't say: none).
+    sleep = body.get('sleep') if isinstance(body.get('sleep'), dict) else {}
+    sleep_left = sleep.get('left_ms', 0)
+    sleep_left = min(int(sleep_left), SLEEP_MAX_MINUTES * 60_000) if _finite(sleep_left) and sleep_left > 0 else 0
+    sleep_episodes = sleep.get('episodes', 0)
+    sleep_episodes = min(int(sleep_episodes), SLEEP_MAX_EPISODES) if _finite(sleep_episodes) and sleep_episodes > 0 else 0
+
     device_id = body['device_id']
     done = body.get('done_command')
     start = body.get('start') is True
@@ -2327,6 +2337,8 @@ def player_report(request):
             position_ms=max(int(position), 0) if kind == PlayerState.PODCAST else 0,
             playing=playing and bool(kind),
             speed=float(speed),
+            sleep_left_ms=sleep_left,
+            sleep_episodes=sleep_episodes,
             device_id=device_id,
             device_name=body['device_name'],
             updated_at=now,
@@ -2348,7 +2360,8 @@ def player_command(request):
     """Remote control: a command for a device (to_device_id, else the active
     one), which carries it out and reports it done (done_command). Only to a
     device that is online. transfer: the device plays the shared item from
-    its place and so becomes the active one."""
+    its place and so becomes the active one. sleep: its sleep timer, value =
+    minutes of playing time, -n = after n episodes, 0 = off."""
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
     body, error = _player_body(request)
@@ -2363,6 +2376,12 @@ def player_command(request):
         if not _finite(value):
             return JsonResponse({'error': 'value must be a number'}, status=400)
         value = max(int(value), 0) if action == 'seek' else int(value)
+    elif action == 'sleep':
+        value = body.get('value')
+        if not _finite(value) or not -SLEEP_MAX_EPISODES <= int(value) <= SLEEP_MAX_MINUTES:
+            return JsonResponse({'error': f'value must be minutes (up to {SLEEP_MAX_MINUTES}), '
+                                          f'-episodes or 0'}, status=400)
+        value = int(value)
     to = body.get('to_device_id')
     if to is not None and (not isinstance(to, str) or len(to) > 64):
         return JsonResponse({'error': 'invalid to_device_id'}, status=400)
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index b2def5f..becb8da 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -429,7 +429,7 @@
     smart_played: [0, 15, 30, 45, 60, 120, 300, 600],
   };
   const prefs = Object.assign({speed: 1, skip_back: 15, skip_forward: 30, remove_played: true, smart_played: 30,
-    sleep_last: 15, sleep_auto: false}, load('prefs', {}));
+    sleep_last: 15, sleep_auto: false, sleep_from: 22, sleep_to: 6}, load('prefs', {}));
 
   // Skip lengths and "counts as played": the account's where it has them, else this browser's.
   function eff(name) {
@@ -449,6 +449,9 @@
       if (name in (state.settings || {})) { setSettings({[name]: Math.round(value)}); flush(); }
     } else if (name === 'remove_played') {
       prefs.remove_played = !!value;
+    } else if (name === 'sleep_from' || name === 'sleep_to') {
+      if (!(Number.isInteger(value) && value >= 0 && value <= 23)) return;
+      prefs[name] = value;
     } else {
       return;   // skip_silence, headset_next: nothing a browser can do
     }
@@ -458,7 +461,8 @@
   // What the page shows as settings. No skip_silence / headset_next: the page leaves those out.
   function prefsJson() {
     return {speed: prefs.speed, skip_back: eff('skip_back'), skip_forward: eff('skip_forward'),
-      remove_played: prefs.remove_played, smart_played: eff('smart_played'), feeds: {}};
+      remove_played: prefs.remove_played, smart_played: eff('smart_played'), feeds: {},
+      sleep_from: sleepHour('sleep_from', 22), sleep_to: sleepHour('sleep_to', 6)};
   }
 
   function speedFor(feedId) {
@@ -482,32 +486,57 @@
   }
 
   // ---- sleep timer (SleepTimer.kt): minutes count only while playing ----------------
+  // For episodes and the radio. A timer that hasn't counted for hours (set, then
+  // nothing played) is last night's: it's dropped (SleepRules.forgotten).
 
   const FADE_MS = 10000;
   const MAX_GAP_MS = 10000;
+  const IDLE_FORGET_MS = 3 * 3600000;
+
+  function sleepHour(name, fallback) {
+    const v = prefs[name];
+    return Number.isInteger(v) && v >= 0 && v <= 23 ? v : fallback;
+  }
+
+  // [from, to) may run over midnight; from == to: all day (SleepRules.inWindow).
+  function inSleepWindow(hour, from, to) {
+    if (from === to) return true;
+    return from < to ? hour >= from && hour < to : hour >= from || hour < to;
+  }
 
   const sleep = {
     leftMs: 0,
     episodes: 0,
     lastTick: 0,
+    lastCounted: 0,
     get active() { return this.leftMs > 0 || this.episodes > 0; },
     set(minutes, episodes) {
       this.leftMs = minutes * 60000;
       this.episodes = minutes > 0 ? 0 : episodes;
       this.lastTick = 0;
+      this.lastCounted = this.active ? Date.now() : 0;
       if (minutes > 0) { prefs.sleep_last = minutes; store('prefs', prefs); }
       setFade(1);
+      sleepChanged();
     },
     extend(minutes) {
       if (this.leftMs <= 0) { this.set(minutes, 0); return; }
       this.leftMs += minutes * 60000;
+      this.lastCounted = Date.now();
       setFade(1);
+      sleepChanged();
     },
     tick(playing) {
       const now = Date.now();
       const delta = this.lastTick ? now - this.lastTick : 0;
       this.lastTick = now;
-      if (this.leftMs <= 0 || !playing) return;
+      if (!this.active) return;
+      if (!playing) {
+        if (this.lastCounted && now - this.lastCounted > IDLE_FORGET_MS) this.set(0, 0);
+        return;
+      }
+      this.lastCounted = now;
+      if (this.leftMs <= 0) return;
       // A gap means nothing was ticking (paused, tab asleep): not playing time.
       if (delta > 0 && delta <= MAX_GAP_MS) this.leftMs -= delta;
       if (this.leftMs <= 0) {
@@ -515,6 +544,7 @@
         setFade(1);
         pause();
         stopRadio();   // the radio sleeps too (it plays in app.js's element)
+        sleepChanged();
         return;
       }
       if (this.leftMs < FADE_MS) setFade(Math.max(this.leftMs / FADE_MS, 0.1));
@@ -523,20 +553,32 @@
     episodeFinished() {
       if (this.episodes <= 0) return false;
       this.episodes--;
+      if (this.episodes === 0) sleepChanged();
       return this.episodes === 0;
     },
-    queueEnded() { this.episodes = 0; },
-    // An episode starts playing: at night, the timer may switch itself on.
+    queueEnded() {
+      if (!this.episodes) return;
+      this.episodes = 0;
+      sleepChanged();
+    },
+    // Playback starts (an episode or the radio): in the night window, the timer may switch itself on.
     maybeAutoEnable() {
       if (this.active || !prefs.sleep_auto) return;
-      const hour = new Date().getHours();
-      if (hour >= 22 || hour < 6) this.set(prefs.sleep_last || 15, 0);
+      if (inSleepWindow(new Date().getHours(), sleepHour('sleep_from', 22), sleepHour('sleep_to', 6))) {
+        this.set(prefs.sleep_last || 15, 0);
+      }
     },
     json() {
-      return {leftMs: Math.max(0, Math.round(this.leftMs)), episodes: this.episodes, auto: !!prefs.sleep_auto, last: prefs.sleep_last || 15};
+      return {leftMs: Math.max(0, Math.round(this.leftMs)), episodes: this.episodes, auto: !!prefs.sleep_auto,
+        last: prefs.sleep_last || 15, from: sleepHour('sleep_from', 22), to: sleepHour('sleep_to', 6)};
     },
   };
 
+  // Set, changed or done here: the other devices show it (when this one is the active one).
+  function sleepChanged() {
+    if (typeof sync !== 'undefined' && sync.state && sync.state.device_id === DEVICE_ID) syncSoon();
+  }
+
   // ---- the player (RadioService.EpisodeTracker) ---------------------------------------
 
   const audio = new Audio();   // the radio keeps app.js's own element
@@ -920,6 +962,7 @@
     window.playStation = function () {
       putAway();
       const r = playStation.apply(this, arguments);
+      sleep.maybeAutoEnable();
       radioChanged();
       sync.start = true;
       syncSoon();
@@ -1087,11 +1130,22 @@
       ((st.kind === 'podcast' && st.episode) || (st.kind === 'radio' && st.station)));
   }
 
+  // The other device's sleep timer now: its minutes count down while it plays (real time).
+  function remoteSleep(st) {
+    const z = st.sleep || {};
+    let left = z.left_ms || 0;
+    if (left > 0 && st.playing && st.active_online && st.updated_at) {
+      left = Math.max(0, left - Math.max(0, serverNow(st) - isoMs(st.updated_at)));
+    }
+    return {leftMs: Math.round(left), episodes: z.episodes || 0};
+  }
+
   // The page's player.remote: what the other device plays.
   function remoteJson() {
     const st = sync.state;
     if (!otherActive(st)) return null;
-    const o = {device: st.device_name || '', kind: st.kind, playing: !!st.playing, station: null, pos: 0, dur: 0};
+    const o = {device: st.device_name || '', kind: st.kind, playing: !!st.playing, station: null, pos: 0, dur: 0,
+      sleep: remoteSleep(st)};
     const radio = st.kind === 'radio';
     if (radio) {
       o.station = {name: st.station.name || '', url: st.station.url, logo: radioLogo(st.station)};
@@ -1129,16 +1183,17 @@
     return list;
   }
 
-  // What this device plays, as a report has it.
+  // What this device plays, as a report has it (with the sleep timer).
   function mine() {
     const st = typeof currentStation !== 'undefined' ? currentStation : null;
+    const zz = {left_ms: Math.max(0, Math.round(sleep.leftMs)), episodes: sleep.episodes};
     if (st && (radioPlaying() || !cur)) {
       return {kind: 'radio', station: {url: st.url, name: st.name || '', id: Number(st.id) || null},
-        position_ms: 0, playing: radioPlaying()};
+        position_ms: 0, playing: radioPlaying(), sleep: zz};
     }
     if (cur) {
       return {kind: 'podcast', episode_id: cur.episode__id, position_ms: Math.max(0, Math.round(posMs())),
-        playing: wantPlay, speed: speedFor(curFeed())};
+        playing: wantPlay, speed: speedFor(curFeed()), sleep: zz};
     }
     return {kind: '', position_ms: 0, playing: false};
   }
@@ -1256,6 +1311,10 @@
     try {
       if (a === 'transfer') {
         takeOver(st);
+      } else if (a === 'sleep') {
+        // minutes; -n: after n episodes; 0: off
+        const v = Math.round(Number(cmd.value) || 0);
+        sleep.set(Math.max(v, 0), v < 0 ? -v : 0);
       } else if (kind === 'radio') {
         if (a === 'play' && !radioPlaying()) togglePlayStop();
         else if ((a === 'pause' || a === 'stop') && radioPlaying()) stopPlayback(false);
@@ -1387,7 +1446,7 @@
   // Remote control: a command for the active device (or `to`).
   function command(action, value, to) {
     const body = {device_id: DEVICE_ID, device_name: DEVICE_NAME, action};
-    if (action === 'seek' || action === 'skip') body.value = Math.round(Number(value) || 0);
+    if (action === 'seek' || action === 'skip' || action === 'sleep') body.value = Math.round(Number(value) || 0);
     if (to) body.to_device_id = to;
     else hintFor(action, body.value);
     return post('/podcasts/player/command/', body)
diff --git a/static/js/sw.js b/static/js/sw.js
index 00dd508..6dfb5a1 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v69';
+const CACHE = 'diora-v70';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index fc79308..27ca360 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android ee1a910 2026-10-02: web-native/static/native-podcast.js
+// Copied from diora-android abda34a 2026-10-03: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -625,7 +625,7 @@
     // The account's presets; without any, the app's own list.
     {key: 'speed', label: 'Tempo', hint: () => (Array.isArray(settings().speed_presets) && settings().speed_presets.length
       ? presets() : [1, 1.2, 1.5, 1.75, 2]).map(speedLabel).join(' · ')},
-    {key: 'sleep', label: 'Sleep-Timer', hint: () => '15 Minuten an / aus'},
+    {key: 'sleep', label: 'Sleep-Timer', hint: () => `${sleepMinutesLabel((player.sleep || {}).last || 15)} an / aus, auch beim Radio`},
   ];
   function notifyItem() {
     if (!N.podcastSetNotifyButtons || !Array.isArray(devicePrefs().notify_buttons)) return null;
@@ -2812,6 +2812,12 @@
     }
   }
 
+  // The bar names a running sleep timer: "… · ☾ 12 min".
+  function sleepSuffix() {
+    const l = sleepLabel();
+    return l ? ' · ' + l : '';
+  }
+
   // What the bar shows: 'podcast', 'radio' (a station is chosen), 'remote'
   // (another device is the active one) or ''.
   let miniKind = '';
@@ -2852,7 +2858,7 @@
     if (r) {
       const onRadio = r.kind === 'radio';
       mini.querySelector('.nui-mini-station').textContent = (onRadio ? r.station && r.station.name : r.title) || '';
-      mini.querySelector('.nui-mini-track').textContent = remoteLine(r);
+      mini.querySelector('.nui-mini-track').textContent = remoteLine(r) + sleepSuffix();
       const t = mini.querySelector('.nui-mini-toggle');
       t.textContent = r.playing ? (onRadio ? '■' : '❚❚') : '▶';
       t.title = r.playing ? (onRadio ? 'Stopp' : 'Pause') + ' auf ' + remoteName(r) : 'Abspielen auf ' + remoteName(r);
@@ -2863,8 +2869,8 @@
     }
     if (miniKind === 'radio') {
       mini.querySelector('.nui-mini-station').textContent = radio.name;
-      mini.querySelector('.nui-mini-track').textContent = radio.buffering ? 'Verbinde …'
-        : radio.playing ? (radio.track || '● Live') : 'Angehalten';
+      mini.querySelector('.nui-mini-track').textContent = (radio.buffering ? 'Verbinde …'
+        : radio.playing ? (radio.track || '● Live') : 'Angehalten') + sleepSuffix();
       const t = mini.querySelector('.nui-mini-toggle');
       t.textContent = radio.playing ? '■' : '▶';
       t.title = radio.playing ? 'Stopp' : 'Abspielen';
@@ -2881,8 +2887,9 @@
       sk.title = `${devicePrefs().skip_back || 15} s zurück`;
       sk.setAttribute('aria-label', sk.title);
     }
-    mini.querySelector('.nui-mini-track').textContent = player.buffering && player.playing ? 'Lädt …'
-      : (player.feed || '') + (player.dur ? ' · ' + clock(shown((player.dur - player.pos) / 1000, 0, player.speed || 1)) + ' übrig' : '');
+    mini.querySelector('.nui-mini-track').textContent = (player.buffering && player.playing ? 'Lädt …'
+      : (player.feed || '') + (player.dur ? ' · ' + clock(shown((player.dur - player.pos) / 1000, 0, player.speed || 1)) + ' übrig' : ''))
+      + sleepSuffix();
     const t = mini.querySelector('.nui-mini-toggle');
     t.textContent = player.playing ? '❚❚' : '▶';
     t.title = player.playing ? 'Pause' : 'Abspielen';
@@ -3494,44 +3501,150 @@
     ].concat(presetsEditItem()));
   }
 
-  // ---- sleep timer (runs in the app, also with the screen off) ----
+  // ---- sleep timer (runs in the app, also with the screen off; episodes and the radio) ----
+
+  // The timer that counts: the other device's while that one is the active one, else ours.
+  function sleepState() {
+    const r = remote();
+    return (r ? r.sleep : player.sleep) || {};
+  }
 
   function sleepLabel() {
-    const t = player.sleep || {};
+    const t = sleepState();
     if (t.episodes > 0) return t.episodes === 1 ? '☾ Folgenende' : `☾ ${t.episodes} Folgen`;
     if (t.leftMs > 0) return `☾ ${Math.max(1, Math.ceil(t.leftMs / 60000))} min`;
     return '';
   }
 
-  // Minutes count only while playing; shaking the phone starts them over.
+  const SLEEP_MINUTES = [5, 10, 15, 20, 30, 45, 60, 90];
+  const SLEEP_MAX = 600;
+
+  // A typed-in time: "25", "25 min", "1:30", "1,5 h" → minutes (1 to 600), else null.
+  function parseSleepMinutes(text) {
+    const t = String(text || '').trim().toLowerCase().replace(',', '.').replace(/\s*(minuten|min|m)$/, '');
+    let m;
+    const hm = /^(\d+):(\d{1,2})$/.exec(t);
+    const h = /^(\d+(?:\.\d+)?)\s*(h|std|stunden?)$/.exec(t);
+    if (hm) m = Number(hm[2]) < 60 ? Number(hm[1]) * 60 + Number(hm[2]) : NaN;
+    else if (h) m = Math.round(Number(h[1]) * 60);
+    else m = /^\d+(\.\d+)?$/.test(t) ? Math.round(Number(t)) : NaN;
+    return m >= 1 && m <= SLEEP_MAX ? m : null;
+  }
+
+  function sleepMinutesLabel(m) {
+    if (m === 1) return '1 Minute';
+    return m < 60 ? `${m} Minuten` : `${Math.floor(m / 60)} h` + (m % 60 ? ` ${m % 60} min` : '');
+  }
+
+  function hourOf(v, fallback) {
+    return Number.isInteger(v) && v >= 0 && v <= 23 ? v : fallback;
+  }
+
+  function sleepWindow() {
+    const p = devicePrefs();
+    const from = hourOf(p.sleep_from, 22);
+    const to = hourOf(p.sleep_to, 6);
+    return from === to ? 'ganztags' : `${from}–${to} Uhr`;
+  }
+
+  // Minutes count only while playing; shaking the phone starts them over. With another
+  // device playing, the timer is that device's (set there by the player sync).
   function sleepMenu(radio) {
-    if (!N.podcastSleep) return;
-    const t = player.sleep || {};
+    const r = remote();
+    const set = r ? (m => remoteCmd('sleep', m)) : N.podcastSleep ? (m => N.podcastSleep(m)) : null;
+    if (!set) return;
+    const onRadio = r ? r.kind === 'radio' : radio === true;
+    const t = sleepState();
+    const own = player.sleep || {};
     const on = !!sleepLabel();
     const items = [];
+    if (r) items.push({custom: el('div', 'nui-pod-meta nui-pod-devnote', `Der Sleep-Timer gilt für ${remoteName(r)}.`)});
     if (on) {
-      items.push({icon: '✕', label: 'Ausschalten', hint: sleepLabel().replace('☾ ', 'läuft: '), action: () => N.podcastSleep(0)});
-      if (t.leftMs > 0 && N.podcastSleepExtend) {
-        items.push({icon: '+', label: '5 Minuten länger', action: () => N.podcastSleepExtend(5)});
-        items.push({icon: '+', label: '10 Minuten länger', action: () => N.podcastSleepExtend(10)});
+      items.push({icon: '✕', label: 'Ausschalten', hint: sleepLabel().replace('☾ ', 'läuft: '), action: () => set(0)});
+      if (t.leftMs > 0) {
+        for (const m of [5, 10]) {
+          items.push({icon: '+', label: `${m} Minuten länger`, action: () => (!r && N.podcastSleepExtend
+            ? N.podcastSleepExtend(m) : set(Math.min(SLEEP_MAX, Math.ceil(t.leftMs / 60000) + m)))});
+        }
       }
     }
-    for (const m of [5, 10, 15, 30, 45, 60, 90]) {
-      items.push({icon: '☾', label: `${m} Minuten`, hint: m === t.last && !on ? 'zuletzt' : null, action: () => N.podcastSleep(m)});
+    for (const m of SLEEP_MINUTES) {
+      items.push({icon: '☾', label: `${m} Minuten`, hint: !r && m === own.last && !on ? 'zuletzt' : null, action: () => set(m)});
     }
-    if (radio !== true) {
-      items.push({icon: '⏹', label: 'Am Ende der Folge', action: () => N.podcastSleep(-1)});
-      items.push({icon: '⏹', label: 'Nach 2 Folgen', action: () => N.podcastSleep(-2)});
-      items.push({icon: '⏹', label: 'Nach 3 Folgen', action: () => N.podcastSleep(-3)});
+    if (typeof customPrompt === 'function') {
+      // A time of one's own that was set last comes back as its own line.
+      const lastOwn = !r && own.last && !SLEEP_MINUTES.includes(own.last) ? own.last : 0;
+      if (lastOwn) items.push({icon: '☾', label: sleepMinutesLabel(lastOwn), hint: on ? null : 'zuletzt', action: () => set(lastOwn)});
+      items.push({icon: '✎', label: 'Eigene Zeit …', hint: 'z. B. 25, 2 h oder 1:30', action: () => customSleep(set)});
     }
-    if (N.podcastSleepAuto) {
-      items.push({icon: t.auto ? '☑' : '☐', label: 'Nachts von selbst (22–6 Uhr)',
-                  hint: t.auto ? `an: ${t.last || 15} Minuten, wenn eine Folge startet` : 'aus',
-                  action: () => { N.podcastSleepAuto(!t.auto); t.auto = !t.auto; }});
+    if (!onRadio) {
+      items.push({icon: '⏹', label: 'Am Ende der Folge', action: () => set(-1)});
+      items.push({icon: '⏹', label: 'Nach 2 Folgen', action: () => set(-2)});
+      items.push({icon: '⏹', label: 'Nach 3 Folgen', action: () => set(-3)});
+    }
+    if (!r && N.podcastSleepAuto) {
+      items.push({icon: own.auto ? '☑' : '☐', label: 'Nachts von selbst',
+                  hint: own.auto ? `an: ${sleepWindow()}, ${sleepMinutesLabel(own.last || 15)}, sobald etwas startet`
+                    : `aus · ${sleepWindow()}`,
+                  action: () => {
+                    N.podcastSleepAuto(!own.auto);
+                    own.auto = !own.auto;
+                    toast(own.auto ? `Sleep-Timer nachts (${sleepWindow()}) von selbst` : 'Sleep-Timer nachts: aus');
+                  }});
+      items.push({icon: '⚙', label: 'Einstellungen', hint: sleepSettingsHint(), action: sleepSettings});
     }
     openSheet('Sleep-Timer', items);
   }
 
+  async function customSleep(set) {
+    const v = await customPrompt('Sleep-Timer: wie lange? (Minuten, z. B. 25, 2 h oder 1:30)', '');
+    if (v == null || !String(v).trim()) return;
+    const m = parseSleepMinutes(v);
+    if (!m) { toast('Bitte 1 Minute bis 10 Stunden, z. B. 25, 2 h oder 1:30'); return; }
+    set(m);
+    toast(`Sleep-Timer: ${sleepMinutesLabel(m)}`);
+  }
+
+  function sleepSettingsHint() {
+    const p = devicePrefs();
+    const parts = [`nachts = ${sleepWindow()}`];
+    if ('sleep_shake' in p) parts.push(p.sleep_shake ? 'schütteln an' : 'schütteln aus');
+    if (p.sleep_vibrate) parts.push('vibrieren');
+    return parts.join(' · ');
+  }
+
+  // The night window and, in the app, shaking and buzzing.
+  function sleepSettings() {
+    const p = devicePrefs();
+    const from = hourOf(p.sleep_from, 22);
+    const to = hourOf(p.sleep_to, 6);
+    const again = () => setTimeout(sleepSettings, 60);
+    const setHour = (key, h) => { if (N.podcastSetPrefValue) N.podcastSetPrefValue(key, h); again(); };
+    const items = [
+      {icon: '◐', label: 'Nachts beginnt um', hint: `${from} Uhr`,
+       action: () => hourPicker('Nachts beginnt um …', from, h => setHour('sleep_from', h))},
+      {icon: '◑', label: 'Nachts endet um', hint: `${to} Uhr`,
+       action: () => hourPicker('Nachts endet um …', to, h => setHour('sleep_to', h))},
+    ];
+    if ('sleep_shake' in p && N.podcastSetPref) {
+      items.push({icon: p.sleep_shake ? '☑' : '☐', label: 'Schütteln startet die Zeit neu',
+                  hint: p.sleep_shake ? 'an: Handy schütteln, und die Minuten laufen von vorn' : 'aus',
+                  action: () => { N.podcastSetPref('sleep_shake', !p.sleep_shake); again(); }});
+    }
+    if ('sleep_vibrate' in p && N.podcastSetPref) {
+      items.push({icon: p.sleep_vibrate ? '☑' : '☐', label: 'Vor dem Ende vibrieren',
+                  hint: p.sleep_vibrate ? 'an: kurz, wenn die letzten 10 s leiser werden' : 'aus',
+                  action: () => { N.podcastSetPref('sleep_vibrate', !p.sleep_vibrate); again(); }});
+    }
+    openSheet('Sleep-Timer: Einstellungen', items);
+  }
+
+  function hourPicker(title, now, done) {
+    const hours = [];
+    for (let i = 0; i < 24; i++) hours.push((18 + i) % 24);
+    openSheet(title, hours.map(h => ({icon: h === now ? '●' : '○', label: `${h} Uhr`, action: () => done(h)})));
+  }
+
   // ⏭: the next episode plays. The host decides about this one ("keep skipped"): kept
   // unplayed in the queue, or played. With nothing after it, it only counts as played
   // when skipped episodes aren't kept.
@@ -3675,6 +3788,7 @@
     }
     const extra = el('div', 'nui-pod-extra');
     if (!onRadio) extra.append(button('⏭', 'Nächste Folge', () => remoteCmd('next'), 'nui-pod-next'));
+    extra.append(button('☾', `Sleep-Timer auf ${remoteName(r)}`, () => sleepMenu(onRadio), 'nui-pod-sleep'));
     if (N.playerTransfer) extra.append(onRadio ? devicesButton() : button('⇄', 'Wiedergabe auf …', deviceMenu, 'nui-pod-devices'));
     if (!onRadio) extra.append(button('≡', 'Warteschlange', showQueue));
     panel.append(extra);
@@ -3697,6 +3811,9 @@
     const p = sheet.querySelector('.nui-pod-play');
     p.textContent = r.playing ? (onRadio ? '■' : '❚❚') : '▶';
     p.title = (r.playing ? (onRadio ? 'Stopp' : 'Pause') : 'Abspielen') + ' auf ' + remoteName(r);
+    const sl = sheet.querySelector('.nui-pod-sleep');
+    sl.textContent = sleepLabel() || '☾';
+    sl.classList.toggle('on', !!sleepLabel());
     if (onRadio) return;
     sheet.querySelector('.nui-pod-remote-feed').textContent = r.feed || '';
     const range = sheet.querySelector('.nui-pod-seek');
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 63b901d..d040f06 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android ee1a910 2026-10-02: the podcast parts of web-native/static/native.css
+/* Copied from diora-android abda34a 2026-10-03: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -775,3 +775,8 @@ body.eink .nui-pod-chapbox { border-color: #000; }
 body.eink .nui-pod-chip.on { border-color: #000; color: #000; }
 body.eink .nui-pod-notes a,
 body.eink .nui-pod-facts a { text-decoration-color: #000; }
+
+/* A prompt (customPrompt: an own sleep time, an own speed) opened from the player or a
+   sheet comes above both (app.css has it at 500/501, under them). */
+.modal-overlay { z-index: 990; }
+.modal-dialog { z-index: 991; }

From c522b22cd98b7fb0e0af51c7381f177e2aa036e8 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 3 Oct 2026 13:53:01 +0200
Subject: [PATCH 064/176] =?UTF-8?q?Oberfl=C3=A4che=20eingedeutscht:=20Radi?=
 =?UTF-8?q?o,=20B=C3=BCcher/Reader,=20Fokus,=20Konto,=20Anmeldung;=20sw=20?=
 =?UTF-8?q?v71?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- app.js, Templates, Stream-Fenster, Manifest: alle sichtbaren Texte deutsch
  (Eingabefenster "Abbrechen", Markierungs-Export, Lesezeichen, Reader-Einstellungen …)
- LANGUAGE_CODE 'de': Formular-, Passwort- und Validierungsmeldungen von Django deutsch
- Empfehlungen: "Was du unter der Woche abends oft hörst:"
- Fehlercodes der API bleiben englisch (Vertrag für Clients und Tests); was die
  Seite davon zeigt, übersetzt _germanError()

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 accounts/views.py                  |   2 +-
 diora/settings.py                  |   2 +-
 radio/tests.py                     |   2 +-
 radio/views.py                     |  11 +-
 static/js/app.js                   | 299 ++++++++++++++++-------------
 static/js/sw.js                    |   2 +-
 static/manifest.json               |   2 +-
 templates/accounts/login.html      |   8 +-
 templates/accounts/register.html   |   8 +-
 templates/accounts/settings.html   |  55 +++---
 templates/base.html                |  14 +-
 templates/radio/player.html        | 120 ++++++------
 templates/radio/stream_player.html |  18 +-
 13 files changed, 284 insertions(+), 259 deletions(-)

diff --git a/accounts/views.py b/accounts/views.py
index 519c073..30878ff 100644
--- a/accounts/views.py
+++ b/accounts/views.py
@@ -97,7 +97,7 @@ def lastfm_connect(request):
         return render(request, 'accounts/settings.html', {
             'profile': request.user.profile,
             'has_lastfm': request.user.profile.has_lastfm(),
-            'lastfm_error': f"Could not connect to Last.fm: {exc}",
+            'lastfm_error': f"Verbindung zu Last.fm fehlgeschlagen: {exc}",
         })
 
 
diff --git a/diora/settings.py b/diora/settings.py
index ffbe165..c4d3f6a 100644
--- a/diora/settings.py
+++ b/diora/settings.py
@@ -89,7 +89,7 @@ AUTH_PASSWORD_VALIDATORS = [
     {'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator'},
 ]
 
-LANGUAGE_CODE = 'en-us'
+LANGUAGE_CODE = 'de'
 TIME_ZONE = 'UTC'
 USE_I18N = True
 USE_TZ = True
diff --git a/radio/tests.py b/radio/tests.py
index e8c52fd..204d77c 100644
--- a/radio/tests.py
+++ b/radio/tests.py
@@ -23,7 +23,7 @@ class PlayerPagePodcastsTests(TestCase):
 
     def test_logged_out_page_asks_to_log_in(self):
         html = self.client.get('/').content.decode()
-        self.assertIn('to subscribe to podcasts.', html)
+        self.assertIn('um Podcasts zu abonnieren.', html)
         self.assertNotIn('dpw-loading', html)
 
     def test_podcast_ui_files_are_there(self):
diff --git a/radio/views.py b/radio/views.py
index 408297e..c3a7d90 100644
--- a/radio/views.py
+++ b/radio/views.py
@@ -365,15 +365,16 @@ def stop_play(request):
 # ---------------------------------------------------------------------------
 
 def _time_context_label(hour, is_weekend):
-    prefix = 'weekend' if is_weekend else 'weekday'
+    # Shown as "Was du {label} oft hörst:".
+    prefix = 'am Wochenende' if is_weekend else 'unter der Woche'
     if 5 <= hour <= 11:
-        period = 'morning'
+        period = 'morgens'
     elif 12 <= hour <= 16:
-        period = 'afternoon'
+        period = 'nachmittags'
     elif 17 <= hour <= 21:
-        period = 'evening'
+        period = 'abends'
     else:
-        period = 'night'
+        period = 'nachts'
     return f'{prefix} {period}'
 
 
diff --git a/static/js/app.js b/static/js/app.js
index 822d78b..6016b1b 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -130,6 +130,24 @@ function customConfirm(message, { danger = false } = {}) {
   return _showModal({ message, showCancel: true, danger });
 }
 
+// The server answers with short English error codes (an API contract, tests and
+// other clients rely on them); what the page shows of them is German.
+const _GERMAN_ERRORS = {
+  'no stations found in file': 'In der Datei wurden keine Sender gefunden.',
+  'file must be .m3u or .m3u8': 'Die Datei muss eine .m3u- oder .m3u8-Datei sein.',
+  'no file uploaded': 'Keine Datei hochgeladen.',
+  'only jpeg, png, or webp allowed': 'Nur JPEG, PNG oder WebP erlaubt.',
+  'file too large (max 50 MB)': 'Datei zu groß (höchstens 50 MB).',
+  'file too large (max 5 MB)': 'Datei zu groß (höchstens 5 MB).',
+  'authentication required': 'Bitte anmelden.',
+  'not found': 'Nicht gefunden.',
+  'invalid JSON': 'Ungültige Anfrage.',
+  'upstream unreachable': 'Der Server dahinter ist nicht erreichbar.',
+};
+function _germanError(code) {
+  return _GERMAN_ERRORS[code] || code;
+}
+
 function customPrompt(message, defaultValue = '') {
   return _showModal({ message, showInput: true, inputValue: defaultValue, showCancel: true });
 }
@@ -162,7 +180,7 @@ function playStation(url, name, stationId) {
   $('now-playing-station').textContent = name;
   $('now-playing-track').textContent = '';
   $('play-stop-btn').style.display = '';
-  $('play-stop-btn').textContent = '⏹ Stop';
+  $('play-stop-btn').textContent = '⏹ Stopp';
   $('play-stop-btn').classList.add('playing');
   $('save-station-btn').style.display = '';
 
@@ -200,7 +218,7 @@ function stopPlayback(clearStation = true) {
     sseSource = null;
   }
 
-  $('play-stop-btn').textContent = '▶ Play';
+  $('play-stop-btn').textContent = '▶ Abspielen';
   $('play-stop-btn').classList.remove('playing');
   $('save-station-btn').style.display = 'none';
   $('creamfresh-vote-up-btn').style.display = 'none';
@@ -215,7 +233,7 @@ function stopPlayback(clearStation = true) {
   if (clearStation) {
     currentStation = null;
     currentTrack = '';
-    stationEl.textContent = '— no station —';
+    stationEl.textContent = '— kein Sender —';
     trackEl.textContent = '';
     $('play-stop-btn').style.display = 'none';
   }
@@ -297,11 +315,11 @@ async function loadRecommendations() {
     const res = await fetch('/radio/recommendations/');
     const data = await res.json();
     if (!data.recommendations.length) {
-      container.innerHTML = '<p class="muted">Play more stations to get recommendations.</p>';
+      container.innerHTML = '<p class="muted">Hör mehr Sender, dann gibt es hier Empfehlungen.</p>';
       return;
     }
     const label = data.context;
-    let html = `<p class="recommendations-context">Based on your ${label} listening:</p><ul class="recommendations-list">`;
+    let html = `<p class="recommendations-context">Was du ${label} oft hörst:</p><ul class="recommendations-list">`;
     for (const r of data.recommendations) {
       html += `<li>
           <button class="btn btn-sm" onclick="playStation('${escapeAttr(r.station_url)}', '${escapeAttr(r.station_name)}', ${r.saved_id || 'null'})">
@@ -431,7 +449,7 @@ function addHistoryRow(stationName, track) {
     <td>${escapeHtml(stationName)}</td>
     <td>${escapeHtml(track)}</td>
     <td></td>
-    <td><button class="btn-delete-history" onclick="deleteHistoryEntry(null, this)" title="Remove">✕</button></td>
+    <td><button class="btn-delete-history" onclick="deleteHistoryEntry(null, this)" title="Entfernen">✕</button></td>
   `;
   tbody.insertBefore(tr, tbody.firstChild);
 }
@@ -510,7 +528,7 @@ async function doSearch() {
     return;
   }
 
-  statusEl.textContent = 'Searching…';
+  statusEl.textContent = 'Suche …';
 
   try {
     const url = `https://de1.api.radio-browser.info/json/stations/search?name=${encodeURIComponent(query)}&limit=50&hidebroken=true&order=clickcount&reverse=true`;
@@ -519,11 +537,11 @@ async function doSearch() {
     const stations = await res.json();
 
     if (!stations.length) {
-      statusEl.textContent = 'No stations found.';
+      statusEl.textContent = 'Keine Sender gefunden.';
       return;
     }
 
-    statusEl.textContent = `${stations.length} result(s)`;
+    statusEl.textContent = stations.length === 1 ? '1 Treffer' : `${stations.length} Treffer`;
     tableEl.style.display = '';
     const curated = document.getElementById('curated-lists');
     if (curated) curated.style.display = 'none';
@@ -551,14 +569,14 @@ async function doSearch() {
                     tags: st.tags || '',
                     favicon_url: st.favicon || '',
                   })})'>
-            &#9654; Play
+            &#9654; Abspielen
           </button>
         </td>
       `;
       tbody.appendChild(tr);
     });
   } catch (err) {
-    statusEl.textContent = 'Search failed: ' + err.message;
+    statusEl.textContent = 'Suche fehlgeschlagen: ' + err.message;
   }
 }
 
@@ -585,7 +603,7 @@ function showStreamAddressResult(url) {
   const shown = url.split('?')[0];
   const data = {name, url, bitrate: '', country: '', tags: '', favicon_url: ''};
 
-  statusEl.textContent = 'Stream address';
+  statusEl.textContent = 'Stream-Adresse';
   const curated = document.getElementById('curated-lists');
   if (curated) curated.style.display = 'none';
 
@@ -601,19 +619,19 @@ function showStreamAddressResult(url) {
   const actions = document.createElement('td');
   const play = document.createElement('button');
   play.className = 'btn btn-sm btn-play';
-  play.innerHTML = '&#9654; Play';
+  play.innerHTML = '&#9654; Abspielen';
   play.addEventListener('click', () => searchPlay(url, name, data));
   const save = document.createElement('button');
   save.className = 'btn btn-sm';
-  save.innerHTML = '&#9733; Save';
+  save.innerHTML = '&#9733; Speichern';
   save.style.marginLeft = '4px';
   save.addEventListener('click', async e => {
     e.stopPropagation();
-    const chosen = await customPrompt('Name for this station', name);
+    const chosen = await customPrompt('Name für diesen Sender', name);
     if (chosen == null) return;
     const finalName = chosen.trim() || name;
     await saveStation({...data, name: finalName});
-    statusEl.textContent = `Saved as "${finalName}".`;
+    statusEl.textContent = `Gespeichert als „${finalName}“.`;
   });
   actions.append(play, save);
   tr.appendChild(actions);
@@ -689,7 +707,7 @@ async function saveStation(station) {
     });
 
     if (res.status === 401) {
-      await customAlert('Please log in to save stations.');
+      await customAlert('Bitte anmelden, um Sender zu speichern.');
       return;
     }
 
@@ -729,7 +747,7 @@ function addSavedRow(station) {
     <td>
       <button class="btn-icon fav-btn${station.is_favorite ? ' active' : ''}"
               onclick="toggleFav(${station.id}, this)"
-              title="Toggle favorite">&#9733;</button>
+              title="Favorit an/aus">&#9733;</button>
     </td>
     <td class="station-name-cell">${safeName}</td>
     <td>${safeBr}</td>
@@ -738,13 +756,13 @@ function addSavedRow(station) {
     <td>
       <button class="btn btn-sm"
               onclick="playStation('${safeUrl}', '${safeName}', ${station.id})">
-        &#9654; Play
+        &#9654; Abspielen
       </button>
     </td>
     <td>
       <button class="btn btn-sm btn-danger"
               onclick="removeStation(${station.id})">
-        Remove
+        Entfernen
       </button>
     </td>
   `;
@@ -802,7 +820,7 @@ async function removeStation(pk) {
       if (tbody && tbody.querySelectorAll('tr').length === 0) {
         const tr = document.createElement('tr');
         tr.id = 'saved-empty-row';
-        tr.innerHTML = '<td colspan="7" class="empty-msg">No saved stations yet.</td>';
+        tr.innerHTML = '<td colspan="7" class="empty-msg">Noch keine gespeicherten Sender.</td>';
         tbody.appendChild(tr);
       }
     }
@@ -834,14 +852,14 @@ function timerTick() {
       timerIsBreak = true;
       recordFocusSession();
       timerSeconds = TIMER_BREAK;
-      showTimerNotification('Break time! 5 minutes.');
+      showTimerNotification('Pause! 5 Minuten.');
       // auto-pause playback during break
       if (audio.src && !audio.paused) audio.pause();
     } else {
       // break ended → reset to work
       timerIsBreak = false;
       timerSeconds = TIMER_WORK;
-      showTimerNotification('Break over. Back to work.');
+      showTimerNotification('Pause vorbei. Weiter geht’s.');
     }
     renderTimer();
   }
@@ -879,7 +897,7 @@ function renderTimer() {
   const label = $('timer-phase-label');
   if (display) display.textContent = `${m}:${s}`;
   if (btn) btn.textContent = timerRunning ? '⏸' : '▶';
-  if (label) label.textContent = timerIsBreak ? 'break' : 'focus';
+  if (label) label.textContent = timerIsBreak ? 'Pause' : 'Fokus';
   // colour the display red when break
   if (display) display.style.color = timerIsBreak ? '#e63946' : '';
 }
@@ -918,7 +936,7 @@ async function loadFocusStats() {
     const widget = document.getElementById('focus-today-widget');
     if (widget) {
       if (data.today_sessions > 0) {
-        widget.textContent = `Today: ${data.today_sessions} session${data.today_sessions !== 1 ? 's' : ''} · ${data.today_minutes} min`;
+        widget.textContent = `Heute: ${data.today_sessions} ${data.today_sessions !== 1 ? 'Sitzungen' : 'Sitzung'} · ${data.today_minutes} min`;
         widget.style.display = '';
       } else {
         widget.style.display = 'none';
@@ -929,7 +947,7 @@ async function loadFocusStats() {
     if (!tbody) return;
     tbody.innerHTML = '';
     if (!data.sessions.length) {
-      tbody.innerHTML = '<tr><td colspan="3" class="empty-msg">No focus sessions yet. Start the timer!</td></tr>';
+      tbody.innerHTML = '<tr><td colspan="3" class="empty-msg">Noch keine Fokus-Sitzungen. Starte den Timer!</td></tr>';
       return;
     }
     data.sessions.forEach(s => {
@@ -988,14 +1006,14 @@ document.addEventListener('keydown', e => {
 // ---------------------------------------------------------------------------
 
 const MOOD_TAGS = [
-  { label: 'Focus', tag: 'ambient' },
+  { label: 'Fokus', tag: 'ambient' },
   { label: 'Lo-fi', tag: 'lofi' },
   { label: 'Jazz', tag: 'jazz' },
-  { label: 'Classical', tag: 'classical' },
+  { label: 'Klassik', tag: 'classical' },
   { label: 'Ambient', tag: 'ambient' },
   { label: 'Metal', tag: 'metal' },
-  { label: 'Electronic', tag: 'electronic' },
-  { label: 'Talk', tag: 'talk' },
+  { label: 'Elektronisch', tag: 'electronic' },
+  { label: 'Wort', tag: 'talk' },
 ];
 
 function initMoodChips() {
@@ -1021,7 +1039,7 @@ function initMoodChips() {
 const CURATED_LISTS = [
   {
     id: 'focus',
-    label: 'Focus',
+    label: 'Fokus',
     stations: [
       { name: 'SomaFM Drone Zone', url: 'https://ice6.somafm.com/dronezone-256-mp3' },
       { name: 'SomaFM Groove Salad', url: 'https://ice5.somafm.com/groovesalad-128-aac' },
@@ -1049,7 +1067,7 @@ const CURATED_LISTS = [
   },
   {
     id: 'classical',
-    label: 'Classical',
+    label: 'Klassik',
     stations: [
       { name: 'BR Klassik', url: 'https://dispatcher.rndfnk.com/br/brklassik/live/mp3/high' },
       { name: 'SWR Kultur', url: 'https://f111.rndfnk.com/ard/swr/swr2/live/mp3/256/stream.mp3?aggregator=web' },
@@ -1065,7 +1083,7 @@ function initCuratedLists() {
   if (INITIAL_FEATURED && INITIAL_FEATURED.length) {
     const section = document.createElement('div');
     section.className = 'curated-section';
-    section.innerHTML = `<div class="curated-label">&#9733; Featured</div>`;
+    section.innerHTML = `<div class="curated-label">&#9733; Empfohlen</div>`;
     const ul = document.createElement('ul');
     ul.className = 'curated-stations';
     INITIAL_FEATURED.forEach(s => {
@@ -1122,8 +1140,8 @@ function maybeShowDonationHint(stationUrl, stationName) {
   const el = document.createElement('div');
   el.id = 'donation-hint';
   el.innerHTML = `
-    <span>You listen to <strong>${escapeHtml(stationName)}</strong> a lot — consider supporting them ♥</span>
-    <button onclick="dismissDonationHint('${escapeAttr(stationUrl)}')" title="Dismiss">✕</button>
+    <span>Du hörst <strong>${escapeHtml(stationName)}</strong> oft – vielleicht magst du den Sender unterstützen ♥</span>
+    <button onclick="dismissDonationHint('${escapeAttr(stationUrl)}')" title="Ausblenden">✕</button>
   `;
   document.body.appendChild(el);
 
@@ -1141,7 +1159,7 @@ function dismissDonationHint(stationUrl) {
 // ---------------------------------------------------------------------------
 
 async function editNotes(pk, current) {
-  const note = await customPrompt('Station note:', current || '');
+  const note = await customPrompt('Notiz zum Sender:', current || '');
   if (note === null) return; // cancelled
   fetch(`/radio/notes/${pk}/`, {
     method: 'POST',
@@ -1315,7 +1333,7 @@ document.addEventListener('keyup', e => {
 });
 
 function sanitizeSidebarHtml(html) {
-  if (!html) return '<p class="muted">No show notes available.</p>';
+  if (!html) return '<p class="muted">Keine Shownotes vorhanden.</p>';
   const div = document.createElement('div');
   div.innerHTML = html;
   div.querySelectorAll('script, iframe, object, embed, style').forEach(el => el.remove());
@@ -1384,7 +1402,7 @@ async function importM3U(input) {
   const file = input.files[0];
   if (!file) return;
   const status = document.getElementById('import-status');
-  status.textContent = 'Importing…';
+  status.textContent = 'Importiere …';
 
   const form = new FormData();
   form.append('file', file);
@@ -1394,13 +1412,13 @@ async function importM3U(input) {
     const res = await fetch('/radio/import/', { method: 'POST', body: form });
     const data = await res.json();
     if (data.ok) {
-      status.textContent = `✓ ${data.added} added, ${data.skipped} already saved`;
+      status.textContent = `✓ ${data.added} hinzugefügt, ${data.skipped} schon gespeichert`;
       if (data.added > 0) location.reload();
     } else {
-      status.textContent = `Error: ${data.error}`;
+      status.textContent = `Fehler: ${_germanError(data.error)}`;
     }
   } catch (e) {
-    status.textContent = 'Upload failed';
+    status.textContent = 'Hochladen fehlgeschlagen';
   }
   input.value = '';
 }
@@ -1557,11 +1575,11 @@ async function uploadBackground(file) {
   if (!file) return;
   const allowedTypes = ['image/jpeg', 'image/png', 'image/webp'];
   if (!allowedTypes.includes(file.type)) {
-    await customAlert('Only JPEG, PNG, or WebP images are allowed.');
+    await customAlert('Nur JPEG-, PNG- oder WebP-Bilder sind erlaubt.');
     return;
   }
   if (file.size > DIORA_CONFIG.bgMaxBytes) {
-    await customAlert(`Image must be ${DIORA_CONFIG.bgMaxBytes / 1024 / 1024} MB or smaller.`);
+    await customAlert(`Das Bild darf höchstens ${DIORA_CONFIG.bgMaxBytes / 1024 / 1024} MB groß sein.`);
     return;
   }
 
@@ -1626,7 +1644,7 @@ async function parseEpub(arrayBuffer) {
   const containerXml = await zip.file('META-INF/container.xml').async('text');
   const containerDoc = new DOMParser().parseFromString(containerXml, 'application/xml');
   const rootfileEl = containerDoc.querySelector('rootfile');
-  if (!rootfileEl) throw new Error('No rootfile in container.xml');
+  if (!rootfileEl) throw new Error('Ungültige EPUB-Datei (container.xml ohne rootfile)');
   const opfPath = rootfileEl.getAttribute('full-path');
   const opfDir = opfPath.includes('/') ? opfPath.substring(0, opfPath.lastIndexOf('/') + 1) : '';
 
@@ -1634,8 +1652,8 @@ async function parseEpub(arrayBuffer) {
   const opfText = await zip.file(opfPath).async('text');
   const opfDoc = new DOMParser().parseFromString(opfText, 'application/xml');
 
-  const title = opfDoc.querySelector('metadata > title, metadata > *|title')?.textContent?.trim() || 'Unknown Title';
-  const author = opfDoc.querySelector('metadata > creator, metadata > *|creator')?.textContent?.trim() || 'Unknown Author';
+  const title = opfDoc.querySelector('metadata > title, metadata > *|title')?.textContent?.trim() || 'Unbekannter Titel';
+  const author = opfDoc.querySelector('metadata > creator, metadata > *|creator')?.textContent?.trim() || 'Unbekannter Autor';
 
   // 3. Build manifest: id → {href, mediaType, properties}
   const manifest = {};
@@ -2311,33 +2329,33 @@ async function loadBookList() {
   if (!IS_AUTHENTICATED) return;
   const listEl = $('book-list');
   if (!listEl) return;
-  listEl.innerHTML = '<p class="muted">Loading books…</p>';
+  listEl.innerHTML = '<p class="muted">Bücher werden geladen …</p>';
 
   try {
-    listEl.innerHTML = '<p class="muted">Fetching book list from server…</p>';
+    listEl.innerHTML = '<p class="muted">Bücherliste wird vom Server geholt …</p>';
     const res = await fetch('/books/', {cache: 'no-store'});
     if (!res.ok) {
-      listEl.innerHTML = `<p class="muted">Server error ${res.status} loading books.</p>`;
+      listEl.innerHTML = `<p class="muted">Serverfehler ${res.status} beim Laden der Bücher.</p>`;
       return;
     }
     const books = await res.json();
     _evictBookCache(books); // fire-and-forget
     if (!Array.isArray(books)) {
-      listEl.innerHTML = `<p class="muted">Unexpected response from server (not an array).</p>`;
+      listEl.innerHTML = `<p class="muted">Unerwartete Antwort vom Server.</p>`;
       return;
     }
     if (!books.length) {
-      listEl.innerHTML = '<p class="muted">No books yet. Drop an .epub or .pdf above.</p>';
+      listEl.innerHTML = '<p class="muted">Noch keine Bücher. Zieh oben eine .epub- oder .pdf-Datei hinein.</p>';
       return;
     }
 
-    listEl.innerHTML = `<p class="muted">Found ${books.length} book(s) on server. Decrypting…</p>`;
+    listEl.innerHTML = `<p class="muted">${books.length === 1 ? '1 Buch' : books.length + ' Bücher'} auf dem Server. Entschlüssele …</p>`;
 
     let key;
     try {
       key = await getOrCreateEncKey();
     } catch (e) {
-      listEl.innerHTML = `<p class="muted">Encryption not available: ${e.message}. Make sure you are on HTTPS.</p>`;
+      listEl.innerHTML = `<p class="muted">Verschlüsselung nicht verfügbar: ${e.message}. Die Seite muss über HTTPS laufen.</p>`;
       return;
     }
 
@@ -2349,8 +2367,8 @@ async function loadBookList() {
         bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || ''};
         decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       } catch (e) {
-        bookMetaCache[b.id] = {title: `Book #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
-        decrypted.push({id: b.id, title: `Book #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        bookMetaCache[b.id] = {title: `Buch #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
+        decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       }
     }
     // If local cache is further ahead than the server, push it and use it for display.
@@ -2398,7 +2416,7 @@ async function loadBookList() {
       notice.textContent = 'Offline — gespeicherte Bücher. Fortschritt wird beim nächsten Öffnen synchronisiert.';
       listEl.prepend(notice);
     } else {
-      if (listEl) listEl.innerHTML = `<p class="muted">Error loading books: ${e.message}</p>`;
+      if (listEl) listEl.innerHTML = `<p class="muted">Fehler beim Laden der Bücher: ${e.message}</p>`;
     }
   }
 }
@@ -2488,7 +2506,7 @@ function repairBook(bookId) {
           meta_ct: metaEnc.ciphertext, meta_iv: metaEnc.iv,
         }),
       });
-      if (!(await res.json()).ok) throw new Error('Server error');
+      if (!(await res.json()).ok) throw new Error('Serverfehler');
       await _evictCachedBook(bookId);
       _brokenBooks.delete(bookId);
       if (btn) btn.remove();
@@ -2521,7 +2539,7 @@ async function toggleBookRead(bookId, currentlyRead) {
       body: JSON.stringify({is_read: !currentlyRead}),
     });
     const data = await res.json();
-    if (!data.ok) throw new Error('Server error');
+    if (!data.ok) throw new Error('Serverfehler');
     const book = _lastBookListData.find(b => b.id === bookId);
     if (book) book.is_read = data.is_read;
     renderBookList(_lastBookListData);
@@ -2544,19 +2562,19 @@ function _recentlyReadBooks(books) {
 
 function _renderBookItemHtml(b) {
   const pct = Math.round((b.scroll_fraction || 0) * 100);
-  const keyWarning = b.keyOk === false ? '<span title="Wrong encryption key — import the correct key to open this book" style="color:var(--accent,#e63946);margin-left:4px;">⚠ wrong key</span>' : '';
+  const keyWarning = b.keyOk === false ? '<span title="Falscher Schlüssel – importiere den richtigen Schlüssel, um dieses Buch zu öffnen" style="color:var(--accent,#e63946);margin-left:4px;">⚠ falscher Schlüssel</span>' : '';
   const broken = _brokenBooks.has(b.id);
   return `<div class="book-item" data-book-id="${b.id}">
       <div class="book-item-info">
         <strong class="book-title">${escapeHtml(b.title)}${keyWarning}${b.is_read ? ' <span class="muted book-read-badge">✓ gelesen</span>' : ''}</strong>
         <span class="muted book-author">${escapeHtml(b.author)}</span>
         <span class="book-item-meta-row">
-          ${pct > 0 ? `<span class="muted book-progress">${pct}% read</span>` : ''}
+          ${pct > 0 ? `<span class="muted book-progress">${pct} % gelesen</span>` : ''}
           ${b.shelfTag ? `<span class="book-shelf-badge" title="Regal-Kategorie">${escapeHtml(b.shelfTag)}</span>` : ''}
         </span>
       </div>
       <div class="book-item-actions">
-        <button class="btn btn-sm" onclick="openBook(${b.id})"${b.keyOk === false ? ' disabled title="Import the correct encryption key first"' : ''}>Open</button>
+        <button class="btn btn-sm" onclick="openBook(${b.id})"${b.keyOk === false ? ' disabled title="Erst den richtigen Schlüssel importieren"' : ''}>Öffnen</button>
         <div class="book-item-menu">
           <button class="btn btn-sm book-menu-toggle" title="Weitere Optionen" onclick="toggleBookMenu(this)">⋮</button>
           <div class="book-item-menu-list">
@@ -2689,7 +2707,7 @@ async function _updateBookMeta(bookId, overrides) {
     body: JSON.stringify({meta_ct: metaEnc.ciphertext, meta_iv: metaEnc.iv}),
   });
   const data = await res.json();
-  if (!data.ok) throw new Error('Server error');
+  if (!data.ok) throw new Error('Serverfehler');
   Object.assign(book, overrides);
   bookMetaCache[bookId] = merged;
   _saveBookMeta(_lastBookListData);
@@ -2845,9 +2863,9 @@ async function deriveAndStoreKey() {
   const pwInput = document.getElementById('enc-key-password');
   const statusEl = $('enc-key-status');
   const pw = pwInput ? pwInput.value : '';
-  if (!pw) { if (statusEl) statusEl.textContent = 'Please enter your password.'; return; }
+  if (!pw) { if (statusEl) statusEl.textContent = 'Bitte gib dein Passwort ein.'; return; }
 
-  if (statusEl) statusEl.textContent = 'Deriving key…';
+  if (statusEl) statusEl.textContent = 'Schlüssel wird abgeleitet …';
   try {
     const enc = new TextEncoder();
     const username = document.querySelector('meta[name="username"]')?.content || '';
@@ -2860,21 +2878,21 @@ async function deriveAndStoreKey() {
     const storageKey = `diora_enc_key_${window.USER_ID || 0}`;
     localStorage.setItem(storageKey, bytesToBase64(new Uint8Array(raw)));
     _encKey = null; // reset cached key
-    if (statusEl) statusEl.textContent = '✓ Unlocked';
+    if (statusEl) statusEl.textContent = '✓ Entsperrt';
     const prompt = $('enc-key-prompt');
     const uploadArea = $('book-upload-area');
     if (prompt) prompt.style.display = 'none';
     if (uploadArea) uploadArea.style.display = '';
     loadBookList();
   } catch (err) {
-    if (statusEl) statusEl.textContent = 'Error: ' + err.message;
+    if (statusEl) statusEl.textContent = 'Fehler: ' + err.message;
   }
 }
 
 async function uploadEbook(file) {
   const statusEl = $('book-upload-status');
   if (file.size > DIORA_CONFIG.ebookMaxBytes) {
-    if (statusEl) statusEl.textContent = `File too large (max ${DIORA_CONFIG.ebookMaxBytes / 1024 / 1024} MB).`;
+    if (statusEl) statusEl.textContent = `Datei zu groß (höchstens ${DIORA_CONFIG.ebookMaxBytes / 1024 / 1024} MB).`;
     return false;
   }
   return _importEbookBuffer(await file.arrayBuffer(), file.name, statusEl);
@@ -2886,15 +2904,15 @@ async function _importEbookBuffer(buf, filename, statusEl) {
   const isPdf = /\.pdf$/i.test(filename);
   const isEpub = /\.epub$/i.test(filename);
   if (!isPdf && !isEpub) {
-    if (statusEl) statusEl.textContent = 'Only .epub and .pdf files are supported.';
+    if (statusEl) statusEl.textContent = 'Nur .epub- und .pdf-Dateien werden unterstützt.';
     return false;
   }
   if (buf.byteLength > DIORA_CONFIG.ebookMaxBytes) {
-    if (statusEl) statusEl.textContent = `File too large (max ${DIORA_CONFIG.ebookMaxBytes / 1024 / 1024} MB).`;
+    if (statusEl) statusEl.textContent = `Datei zu groß (höchstens ${DIORA_CONFIG.ebookMaxBytes / 1024 / 1024} MB).`;
     return false;
   }
 
-  if (statusEl) statusEl.textContent = 'Encrypting…';
+  if (statusEl) statusEl.textContent = 'Verschlüssele …';
 
   try {
     let title = filename.replace(/\.(epub|pdf)$/i, '');
@@ -2932,7 +2950,7 @@ async function _importEbookBuffer(buf, filename, statusEl) {
       encryptBytes(key, buf),
     ]);
 
-    if (statusEl) statusEl.textContent = 'Uploading…';
+    if (statusEl) statusEl.textContent = 'Lade hoch …';
 
     const res = await fetch('/books/upload/', {
       method: 'POST',
@@ -2946,14 +2964,14 @@ async function _importEbookBuffer(buf, filename, statusEl) {
     });
     const data = await res.json();
     if (data.ok) {
-      if (statusEl) statusEl.textContent = `✓ "${title}" uploaded`;
+      if (statusEl) statusEl.textContent = `✓ „${title}“ hochgeladen`;
       loadBookList();
       return true;
     }
-    if (statusEl) statusEl.textContent = 'Error: ' + (data.error || 'upload failed');
+    if (statusEl) statusEl.textContent = 'Fehler: ' + (data.error ? _germanError(data.error) : 'Hochladen fehlgeschlagen');
     return false;
   } catch (e) {
-    if (statusEl) statusEl.textContent = 'Upload failed: ' + e.message;
+    if (statusEl) statusEl.textContent = 'Hochladen fehlgeschlagen: ' + e.message;
     return false;
   }
 }
@@ -3536,7 +3554,7 @@ async function _openBookOnce(bookId) {
   const titleEl = $('reader-title');
   if (!overlay || !contentEl) return;
 
-  titleEl.textContent = 'Loading…';
+  titleEl.textContent = 'Lade …';
   contentEl.innerHTML = '';
   overlay.style.display = '';
 
@@ -3817,20 +3835,20 @@ async function exportEncKey() {
     const raw = await crypto.subtle.exportKey('raw', key);
     const b64 = bytesToBase64(raw);
     await navigator.clipboard.writeText(b64);
-    if (statusEl) statusEl.textContent = '✓ Key copied to clipboard';
+    if (statusEl) statusEl.textContent = '✓ Schlüssel in die Zwischenablage kopiert';
     setTimeout(() => { if (statusEl) statusEl.textContent = ''; }, 3000);
   } catch (e) {
-    if (statusEl) statusEl.textContent = 'Export failed: ' + e.message;
+    if (statusEl) statusEl.textContent = 'Export fehlgeschlagen: ' + e.message;
   }
 }
 
 function showImportKey() {
   const body = $('sidebar-body');
-  openSidebar('Import encryption key', `
-    <p class="muted">Paste the key exported from your other browser:</p>
+  openSidebar('Schlüssel importieren', `
+    <p class="muted">Füge den Schlüssel ein, den du im anderen Browser exportiert hast:</p>
     <textarea id="import-key-input" class="search-input" rows="3" style="width:100%;resize:none;font-family:monospace;font-size:0.75rem;"></textarea>
-    <button class="btn" style="margin-top:8px;" data-import-key-apply>Apply</button>
-    <p class="muted" style="margin-top:8px;">This replaces the key in this browser. Books uploaded here won't be readable until you sync the key back.</p>
+    <button class="btn" style="margin-top:8px;" data-import-key-apply>Übernehmen</button>
+    <p class="muted" style="margin-top:8px;">Das ersetzt den Schlüssel in diesem Browser. Hier hochgeladene Bücher sind erst wieder lesbar, wenn du den Schlüssel zurück abgleichst.</p>
   `);
   body.addEventListener('click', async function _importClick(e) {
     if (!e.target.closest('[data-import-key-apply]')) return;
@@ -3843,17 +3861,17 @@ function showImportKey() {
       const re_exported = await crypto.subtle.exportKey('raw', importedKey);
       localStorage.setItem(`diora_enc_key_${window.USER_ID}`, bytesToBase64(re_exported));
       closeSidebar();
-      if (statusEl) statusEl.textContent = '✓ Key imported — reloading books…';
+      if (statusEl) statusEl.textContent = '✓ Schlüssel importiert – Bücher werden neu geladen …';
       await loadBookList();
       if (statusEl) setTimeout(() => { statusEl.textContent = ''; }, 3000);
     } catch (e) {
-      if ($('book-key-status')) $('book-key-status').textContent = 'Import failed: invalid key';
+      if ($('book-key-status')) $('book-key-status').textContent = 'Import fehlgeschlagen: ungültiger Schlüssel';
     }
   });
 }
 
 async function deleteBook(bookId) {
-  if (!await customConfirm('Delete this book? This cannot be undone.', { danger: true })) return;
+  if (!await customConfirm('Dieses Buch löschen? Das lässt sich nicht rückgängig machen.', { danger: true })) return;
   try {
     const res = await fetch(`/books/${bookId}/delete/`, {
       method: 'POST',
@@ -4000,7 +4018,7 @@ function closeReader() {
 
 function openTocSidebar() {
   if (!currentBookToc.length) {
-    openSidebar('Table of Contents', '<p class="muted">No table of contents found in this book.</p>');
+    openSidebar('Inhaltsverzeichnis', '<p class="muted">Dieses Buch hat kein Inhaltsverzeichnis.</p>');
     return;
   }
   let html = '<ul class="toc-list">';
@@ -4012,7 +4030,7 @@ function openTocSidebar() {
     </li>`;
   }
   html += '</ul>';
-  openSidebar('Table of Contents', html);
+  openSidebar('Inhaltsverzeichnis', html);
   // Attach delegated listener after sidebar body is populated
   const body = $('sidebar-body');
   body.addEventListener('click', function _tocClick(e) {
@@ -4187,25 +4205,25 @@ function toggleSettingsPanel() {
 
   if (!isPdf) {
     panel.innerHTML = `
-      <label>Font <button class="btn btn-sm" id="rs-font-minus">−</button> <input type="range" id="rs-font" min="12" max="24" step="1" value="${readerSettings.fontSize}"> <button class="btn btn-sm" id="rs-font-plus">+</button> <span id="rs-font-val">${readerSettings.fontSize}px</span></label>
-      <label>Line <button class="btn btn-sm" id="rs-line-minus">−</button> <input type="range" id="rs-line" min="12" max="30" step="1" value="${Math.round(readerSettings.lineHeight * 10)}"> <button class="btn btn-sm" id="rs-line-plus">+</button> <span id="rs-line-val">${readerSettings.lineHeight}</span></label>
-      <label>Width <button class="btn btn-sm" id="rs-width-minus">−</button> <input type="range" id="rs-width" min="40" max="${_READER_WIDTH_MAX}" step="5" value="${Math.min(readerSettings.maxWidth, _READER_WIDTH_MAX)}"> <button class="btn btn-sm" id="rs-width-plus">+</button> <span id="rs-width-val">${readerSettings.maxWidth}ch</span></label>
-      <button class="btn btn-sm" id="rs-width-full">Full</button>
-      <label>Weight <button class="btn btn-sm" id="rs-weight-minus">−</button> <input type="range" id="rs-weight" min="200" max="800" step="${_readerWeightStep()}" value="${_readerWeight()}"> <button class="btn btn-sm" id="rs-weight-plus">+</button> <span id="rs-weight-val">${_readerWeight()}</span></label>
+      <label>Schrift <button class="btn btn-sm" id="rs-font-minus">−</button> <input type="range" id="rs-font" min="12" max="24" step="1" value="${readerSettings.fontSize}"> <button class="btn btn-sm" id="rs-font-plus">+</button> <span id="rs-font-val">${readerSettings.fontSize}px</span></label>
+      <label>Zeilen <button class="btn btn-sm" id="rs-line-minus">−</button> <input type="range" id="rs-line" min="12" max="30" step="1" value="${Math.round(readerSettings.lineHeight * 10)}"> <button class="btn btn-sm" id="rs-line-plus">+</button> <span id="rs-line-val">${readerSettings.lineHeight}</span></label>
+      <label>Breite <button class="btn btn-sm" id="rs-width-minus">−</button> <input type="range" id="rs-width" min="40" max="${_READER_WIDTH_MAX}" step="5" value="${Math.min(readerSettings.maxWidth, _READER_WIDTH_MAX)}"> <button class="btn btn-sm" id="rs-width-plus">+</button> <span id="rs-width-val">${readerSettings.maxWidth}ch</span></label>
+      <button class="btn btn-sm" id="rs-width-full">Volle Breite</button>
+      <label>Stärke <button class="btn btn-sm" id="rs-weight-minus">−</button> <input type="range" id="rs-weight" min="200" max="800" step="${_readerWeightStep()}" value="${_readerWeight()}"> <button class="btn btn-sm" id="rs-weight-plus">+</button> <span id="rs-weight-val">${_readerWeight()}</span></label>
       <button class="btn btn-sm ${readerSettings.fontFamily === 'serif'    ? 'active' : ''}" data-rs-font="serif">Serif</button>
       <button class="btn btn-sm ${readerSettings.fontFamily === 'sans'     ? 'active' : ''}" data-rs-font="sans">Sans</button>
       <button class="btn btn-sm ${readerSettings.fontFamily === 'humanist' ? 'active' : ''}" data-rs-font="humanist">Verdana</button>
       <button class="btn btn-sm ${readerSettings.fontFamily === 'mono'     ? 'active' : ''}" data-rs-font="mono">Mono</button>
       <button class="btn btn-sm ${readerSettings.noBold ? 'active' : ''}" id="rs-no-bold">Kein Fett</button>
-      <button class="btn btn-sm ${readerSettings.theme === 'dark'   ? 'active' : ''}" data-rs-theme="dark">Dark</button>
+      <button class="btn btn-sm ${readerSettings.theme === 'dark'   ? 'active' : ''}" data-rs-theme="dark">Dunkel</button>
       <button class="btn btn-sm ${readerSettings.theme === 'sepia'  ? 'active' : ''}" data-rs-theme="sepia">Sepia</button>
-      <button class="btn btn-sm ${readerSettings.theme === 'bright' ? 'active' : ''}" data-rs-theme="bright">Bright</button>
+      <button class="btn btn-sm ${readerSettings.theme === 'bright' ? 'active' : ''}" data-rs-theme="bright">Hell</button>
     `;
   } else {
     panel.innerHTML = `
       <label>Zoom <button class="btn btn-sm" id="rs-zoom-minus">−</button> <input type="range" id="rs-zoom" min="50" max="200" step="10" value="${readerSettings.pdfZoom}"> <button class="btn btn-sm" id="rs-zoom-plus">+</button> <span id="rs-zoom-val">${readerSettings.pdfZoom}%</span></label>
-      <button class="btn btn-sm ${readerSettings.pdfInverted ? 'active' : ''}" id="rs-invert">Invert</button>
-      <button class="btn btn-sm ${readerSettings.pdfSpread ? 'active' : ''}" id="rs-spread">Spread</button>
+      <button class="btn btn-sm ${readerSettings.pdfInverted ? 'active' : ''}" id="rs-invert">Invertieren</button>
+      <button class="btn btn-sm ${readerSettings.pdfSpread ? 'active' : ''}" id="rs-spread">Doppelseite</button>
     `;
   }
 
@@ -4651,7 +4669,7 @@ function addBookmark() {
 
   if (currentPdfDoc) {
     const page = pdfCurrentPage || parseInt($('reader-progress-input')?.value, 10) || 1;
-    label = `Page ${page}`;
+    label = `Seite ${page}`;
     anchor = `pdf-page-${page}`;
     scrollFraction = (page - 1) / Math.max(1, pdfTotalPages - 1);
   } else {
@@ -4685,14 +4703,14 @@ function addBookmark() {
   // Toast
   const toast = document.createElement('div');
   toast.className = 'reader-toast';
-  toast.textContent = `★ Bookmarked: ${label}`;
+  toast.textContent = `★ Lesezeichen: ${label}`;
   document.body.appendChild(toast);
   setTimeout(() => toast.remove(), 2200);
 }
 
 function openBookmarksSidebar() {
   if (!currentBookmarks.length) {
-    openSidebar('Bookmarks', '<p class="muted">No bookmarks yet. Press ★ while reading.</p>');
+    openSidebar('Lesezeichen', '<p class="muted">Noch keine Lesezeichen. Tippe beim Lesen auf ★.</p>');
     return;
   }
   let html = '<ul style="list-style:none;padding:0;">';
@@ -4701,11 +4719,11 @@ function openBookmarksSidebar() {
       <button class="btn-link" data-jump-bookmark="${escapeHtml(bm.id)}" style="flex:1;text-align:left;">
         ${escapeHtml(bm.label)}
       </button>
-      <button class="btn-icon" data-delete-bookmark="${escapeHtml(bm.id)}" title="Delete">✕</button>
+      <button class="btn-icon" data-delete-bookmark="${escapeHtml(bm.id)}" title="Löschen">✕</button>
     </li>`;
   }
   html += '</ul>';
-  openSidebar('Bookmarks', html);
+  openSidebar('Lesezeichen', html);
 
   const body = $('sidebar-body');
   body.addEventListener('click', function _bmClick(e) {
@@ -4780,9 +4798,9 @@ function toggleReaderSearch() {
   bar.id = 'reader-search-bar';
   bar.className = 'reader-search-bar';
   bar.innerHTML = `
-    <input type="text" id="reader-search-input" class="search-input" placeholder="Search…" style="width:160px;">
-    <button class="btn-icon" id="rs-search-prev" title="Previous">↑</button>
-    <button class="btn-icon" id="rs-search-next" title="Next">↓</button>
+    <input type="text" id="reader-search-input" class="search-input" placeholder="Suchen …" style="width:160px;">
+    <button class="btn-icon" id="rs-search-prev" title="Vorheriger Treffer">↑</button>
+    <button class="btn-icon" id="rs-search-next" title="Nächster Treffer">↓</button>
     <span id="rs-search-count" class="muted"></span>
     <button class="btn-icon" id="rs-search-clear" title="Close">✕</button>
   `;
@@ -5180,11 +5198,11 @@ function showHighlightPopover(range) {
   popover.id = 'highlight-popover';
   popover.className = 'highlight-popover';
   popover.innerHTML = `
-    <button class="hl-color-btn" data-hl-color="yellow" style="background:#f1c40f" title="Yellow">A</button>
-    <button class="hl-color-btn" data-hl-color="green"  style="background:#2ecc71" title="Green">A</button>
-    <button class="hl-color-btn" data-hl-color="blue"   style="background:#3498db" title="Blue">A</button>
-    <button class="hl-color-btn" data-hl-color="red"    style="background:#e63946" title="Red">A</button>
-    <button class="hl-note-btn" title="Add note">✎</button>
+    <button class="hl-color-btn" data-hl-color="yellow" style="background:#f1c40f" title="Gelb">A</button>
+    <button class="hl-color-btn" data-hl-color="green"  style="background:#2ecc71" title="Grün">A</button>
+    <button class="hl-color-btn" data-hl-color="blue"   style="background:#3498db" title="Blau">A</button>
+    <button class="hl-color-btn" data-hl-color="red"    style="background:#e63946" title="Rot">A</button>
+    <button class="hl-note-btn" title="Notiz hinzufügen">✎</button>
   `;
   popover.style.visibility = 'hidden'; // measure before showing, to avoid a flash at the wrong spot
   document.body.appendChild(popover);
@@ -5226,12 +5244,12 @@ function showHighlightTooltip(markEl, h) {
   popover.className = 'highlight-popover';
   popover.style.flexDirection = 'column';
   popover.style.maxWidth = '220px';
-  const noteText = h?.note ? escapeHtml(h.note) : '<span class="muted">No note</span>';
+  const noteText = h?.note ? escapeHtml(h.note) : '<span class="muted">Keine Notiz</span>';
   popover.innerHTML = `
     <div style="font-size:12px;padding-bottom:4px;">${noteText}</div>
     <div style="display:flex;gap:6px;">
-      <button class="btn btn-sm" data-hl-edit-note="${escapeHtml(h?.id || '')}">Edit note</button>
-      <button class="btn btn-sm btn-danger" data-hl-delete="${escapeHtml(h?.id || '')}">Delete</button>
+      <button class="btn btn-sm" data-hl-edit-note="${escapeHtml(h?.id || '')}">Notiz bearbeiten</button>
+      <button class="btn btn-sm btn-danger" data-hl-delete="${escapeHtml(h?.id || '')}">Löschen</button>
     </div>
   `;
   popover.style.visibility = 'hidden';
@@ -5659,11 +5677,11 @@ async function downloadBookAnnotationsFromList(bookId, btnEl) {
   try {
     const res = await fetch(`/books/${bookId}/highlights/`);
     const {ct, iv} = await res.json();
-    if (!ct) { await customAlert('No highlights or notes in this book yet.'); return; }
+    if (!ct) { await customAlert('In diesem Buch gibt es noch keine Markierungen oder Notizen.'); return; }
     const key = await getOrCreateEncKey();
     const plain = await decryptBytes(key, iv, ct);
     const highlights = JSON.parse(new TextDecoder().decode(plain));
-    if (!highlights.length) { await customAlert('No highlights or notes in this book yet.'); return; }
+    if (!highlights.length) { await customAlert('In diesem Buch gibt es noch keine Markierungen oder Notizen.'); return; }
 
     highlights.sort((a, b) => {
       const ab = a.anchor?.startBlockIndex ?? 0, bb = b.anchor?.startBlockIndex ?? 0;
@@ -5671,22 +5689,22 @@ async function downloadBookAnnotationsFromList(bookId, btnEl) {
       return (a.anchor?.startChar ?? 0) - (b.anchor?.startChar ?? 0);
     });
 
-    const bookTitle = bookMetaCache[bookId]?.title || `Book #${bookId}`;
-    const lines = [`${bookTitle} — Annotations`, `Exported: ${new Date().toISOString().slice(0, 10)}`, ''];
+    const bookTitle = bookMetaCache[bookId]?.title || `Buch #${bookId}`;
+    const lines = [`${bookTitle} — Markierungen & Notizen`, `Exportiert: ${new Date().toISOString().slice(0, 10)}`, ''];
 
     let lastChapter = null;
     for (const h of highlights) {
       const chapterTitle = h.anchor?.chapterSrc || '';
       if (chapterTitle !== lastChapter) {
-        lines.push(`── ${chapterTitle || 'Untitled section'} ──`);
+        lines.push(`── ${chapterTitle || 'Abschnitt ohne Titel'} ──`);
         lastChapter = chapterTitle;
       }
       if (h.type === 'note') {
-        lines.push(`[Note] near: "${(h.anchor?.quote || '').trim()}"`);
+        lines.push(`[Notiz] bei: „${(h.anchor?.quote || '').trim()}“`);
         if (h.note) lines.push(`    ${h.note}`);
       } else {
-        lines.push(`[Highlight · ${h.color || 'yellow'}] "${(h.anchor?.quote || '').trim()}"`);
-        if (h.note) lines.push(`    Note: ${h.note}`);
+        lines.push(`[Markierung · ${_hlColorName(h.color || 'yellow')}] „${(h.anchor?.quote || '').trim()}“`);
+        if (h.note) lines.push(`    Notiz: ${h.note}`);
       }
       lines.push('');
     }
@@ -5695,13 +5713,13 @@ async function downloadBookAnnotationsFromList(bookId, btnEl) {
     const url = URL.createObjectURL(blob);
     const a = document.createElement('a');
     a.href = url;
-    a.download = `${bookTitle.replace(/[^\w\-]+/g, '_')}-annotations.txt`;
+    a.download = `${bookTitle.replace(/[^\w\-]+/g, '_')}-notizen.txt`;
     document.body.appendChild(a);
     a.click();
     a.remove();
     URL.revokeObjectURL(url);
   } catch (e) {
-    await customAlert('Export failed: ' + e.message);
+    await customAlert('Export fehlgeschlagen: ' + e.message);
   } finally {
     if (btnEl) btnEl.disabled = false;
   }
@@ -5756,33 +5774,38 @@ function _sortedAnnotations() {
   return resolved;
 }
 
+// Highlight colours as the export and the list name them.
+function _hlColorName(color) {
+  return ({yellow: 'gelb', green: 'grün', blue: 'blau', red: 'rot'})[color] || color;
+}
+
 function exportAnnotations() {
   if (!currentHighlights.length) {
-    customAlert('No highlights or notes in this book yet.');
+    customAlert('In diesem Buch gibt es noch keine Markierungen oder Notizen.');
     return;
   }
 
   const resolved = _sortedAnnotations();
 
   const titleEl = $('reader-title');
-  const bookTitle = (titleEl?.textContent || 'Book').split(' — ')[0];
-  const lines = [`${bookTitle} — Annotations`, `Exported: ${new Date().toISOString().slice(0, 10)}`, ''];
+  const bookTitle = (titleEl?.textContent || 'Buch').split(' — ')[0];
+  const lines = [`${bookTitle} — Markierungen & Notizen`, `Exportiert: ${new Date().toISOString().slice(0, 10)}`, ''];
 
   let lastChapter = null;
   for (const {h, range} of resolved) {
     const chapterTitle = _tocTitleForChapterSrc(h.anchor?.chapterSrc) || h.anchor?.chapterSrc || '';
     if (chapterTitle !== lastChapter) {
-      lines.push(`── ${chapterTitle || 'Untitled section'} ──`);
+      lines.push(`── ${chapterTitle || 'Abschnitt ohne Titel'} ──`);
       lastChapter = chapterTitle;
     }
     const pct = _percentFromRange(range);
     const coord = pct !== null ? ` (≈${_formatBookPercent(pct / 100)}% im Buch)` : '';
     if (h.type === 'note') {
-      lines.push(`[Note]${coord} near: "${(h.anchor?.quote || '').trim()}"`);
+      lines.push(`[Notiz]${coord} bei: „${(h.anchor?.quote || '').trim()}“`);
       if (h.note) lines.push(`    ${h.note}`);
     } else {
-      lines.push(`[Highlight · ${h.color || 'yellow'}]${coord} "${(h.anchor?.quote || '').trim()}"`);
-      if (h.note) lines.push(`    Note: ${h.note}`);
+      lines.push(`[Markierung · ${_hlColorName(h.color || 'yellow')}]${coord} „${(h.anchor?.quote || '').trim()}“`);
+      if (h.note) lines.push(`    Notiz: ${h.note}`);
     }
     lines.push('');
   }
@@ -5791,7 +5814,7 @@ function exportAnnotations() {
   const url = URL.createObjectURL(blob);
   const a = document.createElement('a');
   a.href = url;
-  a.download = `${bookTitle.replace(/[^\w\-]+/g, '_')}-annotations.txt`;
+  a.download = `${bookTitle.replace(/[^\w\-]+/g, '_')}-notizen.txt`;
   document.body.appendChild(a);
   a.click();
   a.remove();
@@ -5804,7 +5827,7 @@ function exportAnnotations() {
 // overview, useful once a book has annotations scattered throughout.
 function openAnnotationsSidebar() {
   if (!currentHighlights.length) {
-    openSidebar('Highlights & Notes', '<p class="muted">No highlights or notes yet.</p>');
+    openSidebar('Markierungen & Notizen', '<p class="muted">Noch keine Markierungen oder Notizen.</p>');
     return;
   }
 
@@ -5813,18 +5836,18 @@ function openAnnotationsSidebar() {
   for (const {h, range} of resolved) {
     const pct = _percentFromRange(range);
     const pctLabel = pct !== null ? `≈${_formatBookPercent(pct / 100)}%` : '';
-    const kind = h.type === 'note' ? 'Note' : `Highlight${h.color ? ' · ' + h.color : ''}`;
-    const preview = h.note || h.anchor?.quote || '(no text)';
+    const kind = h.type === 'note' ? 'Notiz' : `Markierung${h.color ? ' · ' + _hlColorName(h.color) : ''}`;
+    const preview = h.note || h.anchor?.quote || '(kein Text)';
     html += `<li class="bookmark-entry">
       <button class="btn-link" data-jump-annotation="${escapeHtml(h.id)}" style="flex:1;text-align:left;">
         <span class="muted" style="font-size:11px;">${escapeHtml(kind)} ${pctLabel}</span><br>
         ${escapeHtml(preview.slice(0, 80))}
       </button>
-      <button class="btn-icon" data-delete-annotation="${escapeHtml(h.id)}" title="Delete">✕</button>
+      <button class="btn-icon" data-delete-annotation="${escapeHtml(h.id)}" title="Löschen">✕</button>
     </li>`;
   }
   html += '</ul>';
-  openSidebar('Highlights & Notes', html);
+  openSidebar('Markierungen & Notizen', html);
 
   const body = $('sidebar-body');
   body.addEventListener('click', function _annClick(e) {
@@ -5918,14 +5941,14 @@ function dismissFootnotePopover() {
 // ---------------------------------------------------------------------------
 
 function openRadioSidebar() {
-  const stationName = currentStation ? escapeHtml(currentStation.name) : '— no station —';
+  const stationName = currentStation ? escapeHtml(currentStation.name) : '— kein Sender —';
   const track = currentTrack ? escapeHtml(currentTrack) : '';
   const vol = document.getElementById('volume')?.value ?? 204;
 
   const rows = [...document.querySelectorAll('#saved-tbody tr[data-id]')];
   const stationsHtml = rows.length
     ? rows.map(r => `<li><button class="btn btn-sm rsb-play-btn" data-url="${escapeHtml(r.dataset.url || '')}" data-name="${escapeHtml(r.dataset.name || '')}">${escapeHtml(r.dataset.name || '')}</button></li>`).join('')
-    : `<li class="muted">No saved stations.</li>`;
+    : `<li class="muted">Keine gespeicherten Sender.</li>`;
 
   const html = `
     <div class="rsb-nowplaying">
@@ -5933,8 +5956,8 @@ function openRadioSidebar() {
       ${track ? `<div class="rsb-track muted">${track}</div>` : ''}
     </div>
     <div class="rsb-controls">
-      <button class="btn ${isPlaying ? 'playing' : ''}" id="rsb-playstop">${isPlaying ? '⏹ Stop' : '▶ Play'}</button>
-      <label class="rsb-vol">vol <input type="range" id="rsb-volume" min="0" max="255" value="${vol}"></label>
+      <button class="btn ${isPlaying ? 'playing' : ''}" id="rsb-playstop">${isPlaying ? '⏹ Stopp' : '▶ Abspielen'}</button>
+      <label class="rsb-vol">Lautst. <input type="range" id="rsb-volume" min="0" max="255" value="${vol}"></label>
     </div>
     <ul class="rsb-station-list">${stationsHtml}</ul>
   `;
diff --git a/static/js/sw.js b/static/js/sw.js
index 6dfb5a1..bb22f5b 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v70';
+const CACHE = 'diora-v71';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/manifest.json b/static/manifest.json
index c23fdd2..daec6cf 100644
--- a/static/manifest.json
+++ b/static/manifest.json
@@ -1,7 +1,7 @@
 {
   "name": "diora",
   "short_name": "diora",
-  "description": "Internet radio player",
+  "description": "Bücher, Podcasts und Radio",
   "start_url": "/",
   "display": "standalone",
   "display_override": ["window-controls-overlay", "standalone"],
diff --git a/templates/accounts/login.html b/templates/accounts/login.html
index 901edf2..9e1dcec 100644
--- a/templates/accounts/login.html
+++ b/templates/accounts/login.html
@@ -1,9 +1,9 @@
 {% extends "base.html" %}
-{% block title %}Login — diora{% endblock %}
+{% block title %}Anmelden — diora{% endblock %}
 
 {% block content %}
 <div class="auth-container">
-  <h1 class="auth-title">Login</h1>
+  <h1 class="auth-title">Anmelden</h1>
   <form method="post" class="auth-form">
     {% csrf_token %}
     {% for field in form %}
@@ -26,10 +26,10 @@
         {% endfor %}
       </div>
     {% endif %}
-    <button type="submit" class="btn btn-primary btn-full">Login</button>
+    <button type="submit" class="btn btn-primary btn-full">Anmelden</button>
   </form>
   <p class="auth-switch">
-    Don't have an account? <a href="{% url 'register' %}">Register</a>
+    Noch kein Konto? <a href="{% url 'register' %}">Registrieren</a>
   </p>
 </div>
 {% endblock %}
diff --git a/templates/accounts/register.html b/templates/accounts/register.html
index c72c298..a81773e 100644
--- a/templates/accounts/register.html
+++ b/templates/accounts/register.html
@@ -1,9 +1,9 @@
 {% extends "base.html" %}
-{% block title %}Register — diora{% endblock %}
+{% block title %}Registrieren — diora{% endblock %}
 
 {% block content %}
 <div class="auth-container">
-  <h1 class="auth-title">Create Account</h1>
+  <h1 class="auth-title">Konto anlegen</h1>
   <form method="post" class="auth-form">
     {% csrf_token %}
     {% for field in form %}
@@ -29,10 +29,10 @@
         {% endfor %}
       </div>
     {% endif %}
-    <button type="submit" class="btn btn-primary btn-full">Create Account</button>
+    <button type="submit" class="btn btn-primary btn-full">Konto anlegen</button>
   </form>
   <p class="auth-switch">
-    Already have an account? <a href="{% url 'login' %}">Login</a>
+    Schon ein Konto? <a href="{% url 'login' %}">Anmelden</a>
   </p>
 </div>
 {% endblock %}
diff --git a/templates/accounts/settings.html b/templates/accounts/settings.html
index 69e373a..702cbcf 100644
--- a/templates/accounts/settings.html
+++ b/templates/accounts/settings.html
@@ -1,9 +1,9 @@
 {% extends "base.html" %}
-{% block title %}Settings — diora{% endblock %}
+{% block title %}Einstellungen — diora{% endblock %}
 
 {% block content %}
 <div class="settings-container">
-  <h1 class="settings-title">Settings</h1>
+  <h1 class="settings-title">Einstellungen</h1>
 
   {% if lastfm_error %}
     <div class="message message-error">{{ lastfm_error }}</div>
@@ -15,7 +15,7 @@
     {% if has_lastfm %}
       <div class="lastfm-connected">
         <p class="connected-status">
-          Connected as <strong>{{ profile.lastfm_username }}</strong>
+          Verbunden als <strong>{{ profile.lastfm_username }}</strong>
         </p>
         <form method="post" class="settings-form" id="scrobble-form">
           {% csrf_token %}
@@ -23,46 +23,46 @@
             <input type="checkbox" name="lastfm_scrobble" id="lastfm_scrobble"
                    {% if profile.lastfm_scrobble %}checked{% endif %}
                    onchange="document.getElementById('scrobble-form').submit()">
-            Scrobble tracks to Last.fm
+            Titel an Last.fm scrobbeln
           </label>
         </form>
         <form method="post" action="{% url 'lastfm_disconnect' %}" class="inline-form" style="margin-top: 1rem;">
           {% csrf_token %}
-          <button type="submit" class="btn btn-danger">Disconnect Last.fm</button>
+          <button type="submit" class="btn btn-danger">Last.fm trennen</button>
         </form>
       </div>
     {% else %}
       <p class="lastfm-description">
-        Connect your Last.fm account to automatically scrobble the tracks you listen to.
+        Verbinde dein Last.fm-Konto, damit gehörte Titel automatisch gescrobbelt werden.
       </p>
-      <a href="{% url 'lastfm_connect' %}" class="btn btn-lastfm">Connect Last.fm</a>
+      <a href="{% url 'lastfm_connect' %}" class="btn btn-lastfm">Last.fm verbinden</a>
     {% endif %}
   </section>
 
   <!-- Background section -->
   <section class="settings-section">
-    <h2>Background</h2>
+    <h2>Hintergrund</h2>
     {% if request.user.profile.background_encrypted %}
-      <p class="lastfm-description">Encrypted background is set. <span class="muted">(Preview not available — decrypted in browser on main page.)</span></p>
+      <p class="lastfm-description">Ein verschlüsselter Hintergrund ist gesetzt. <span class="muted">(Keine Vorschau – er wird erst auf der Hauptseite im Browser entschlüsselt.)</span></p>
       <form method="post" action="{% url 'delete_background' %}" class="inline-form">
         {% csrf_token %}
-        <button type="submit" class="btn btn-danger">Remove background</button>
+        <button type="submit" class="btn btn-danger">Hintergrund entfernen</button>
       </form>
-      <p style="margin-top:12px;">Upload a new image to replace it:</p>
+      <p style="margin-top:12px;">Neues Bild hochladen, um ihn zu ersetzen:</p>
     {% elif request.user.profile.background_image_data %}
       <p>
-        <img src="{{ request.user.profile.background_image_data }}" class="bg-preview" alt="Your background">
+        <img src="{{ request.user.profile.background_image_data }}" class="bg-preview" alt="Dein Hintergrund">
       </p>
       <form method="post" action="{% url 'delete_background' %}" class="inline-form">
         {% csrf_token %}
-        <button type="submit" class="btn btn-danger">Remove background</button>
+        <button type="submit" class="btn btn-danger">Hintergrund entfernen</button>
       </form>
-      <p style="margin-top:12px;">Upload a new image to replace it (will be stored encrypted):</p>
+      <p style="margin-top:12px;">Neues Bild hochladen, um ihn zu ersetzen (wird verschlüsselt gespeichert):</p>
     {% else %}
-      <p class="lastfm-description">Upload a custom background image (JPG, PNG or WebP, max 5 MB). Stored end-to-end encrypted.</p>
+      <p class="lastfm-description">Eigenes Hintergrundbild hochladen (JPG, PNG oder WebP, höchstens 5 MB). Es wird Ende-zu-Ende-verschlüsselt gespeichert.</p>
     {% endif %}
     <div style="margin-top:8px; display:flex; align-items:center; gap:10px;">
-      <label class="btn" for="bg-upload-input">Choose file</label>
+      <label class="btn" for="bg-upload-input">Datei auswählen</label>
       <input type="file" id="bg-upload-input" accept=".jpg,.jpeg,.png,.webp" style="display:none;" onchange="uploadBackground(this)">
       <span id="bg-upload-status" style="font-size:0.85rem; color:#888;"></span>
     </div>
@@ -70,11 +70,11 @@
 
   <!-- Account section -->
   <section class="settings-section">
-    <h2>Account</h2>
-    <p>Logged in as <strong>{{ request.user.username }}</strong></p>
+    <h2>Konto</h2>
+    <p>Angemeldet als <strong>{{ request.user.username }}</strong></p>
 
     <details {% if password_form_open %}open{% endif %} style="margin-top:1rem;">
-      <summary class="btn" style="display:inline-block;cursor:pointer;">Change password</summary>
+      <summary class="btn" style="display:inline-block;cursor:pointer;">Passwort ändern</summary>
       <form id="pw-change-form" method="post" action="{% url 'change_password' %}" style="margin-top:1rem; display:flex; flex-direction:column; gap:0.6rem; max-width:320px;">
         {% csrf_token %}
         {% for field in password_form %}
@@ -90,13 +90,13 @@
           <div class="message message-error" style="padding:4px 8px; font-size:0.8rem;">{{ password_form.non_field_errors|join:", " }}</div>
         {% endif %}
         <div id="pw-change-status" style="font-size:0.85rem; color:#888;"></div>
-        <div><button type="submit" class="btn">Save</button></div>
+        <div><button type="submit" class="btn">Speichern</button></div>
       </form>
     </details>
 
     <form method="post" action="{% url 'logout' %}" class="inline-form" style="margin-top:1rem;">
       {% csrf_token %}
-      <button type="submit" class="btn">Logout</button>
+      <button type="submit" class="btn">Abmelden</button>
     </form>
   </section>
 
@@ -249,20 +249,20 @@ async function uploadBackground(input) {
   const status = document.getElementById('bg-upload-status');
   const allowedTypes = ['image/jpeg', 'image/png', 'image/webp'];
   if (!allowedTypes.includes(file.type)) {
-    status.textContent = 'Only JPEG, PNG, or WebP images are allowed.';
+    status.textContent = 'Nur JPEG-, PNG- oder WebP-Bilder sind erlaubt.';
     return;
   }
   if (file.size > 5 * 1024 * 1024) {
-    status.textContent = 'Image must be 5 MB or smaller.';
+    status.textContent = 'Das Bild darf höchstens 5 MB groß sein.';
     return;
   }
-  status.textContent = 'Encrypting…';
+  status.textContent = 'Verschlüssele …';
   try {
     const key = await _getOrCreateEncKey();
     const buf = await file.arrayBuffer();
     const iv = crypto.getRandomValues(new Uint8Array(12));
     const ct = await crypto.subtle.encrypt({name: 'AES-GCM', iv}, key, buf);
-    status.textContent = 'Uploading…';
+    status.textContent = 'Lade hoch …';
     const res = await fetch('/accounts/background/upload/', {
       method: 'POST',
       headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
@@ -270,9 +270,10 @@ async function uploadBackground(input) {
     });
     const data = await res.json();
     if (data.ok) { location.reload(); }
-    else { status.textContent = data.error || 'Upload failed'; }
+    else { status.textContent = data.error === 'only jpeg, png, or webp allowed' ? 'Nur JPEG, PNG oder WebP erlaubt.'
+        : data.error === 'file too large (max 5 MB)' ? 'Datei zu groß (höchstens 5 MB).' : (data.error || 'Hochladen fehlgeschlagen'); }
   } catch (e) {
-    status.textContent = 'Upload failed: ' + e.message;
+    status.textContent = 'Hochladen fehlgeschlagen: ' + e.message;
   }
   input.value = '';
 }
diff --git a/templates/base.html b/templates/base.html
index 509e3c3..64f4baa 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,7 +7,7 @@
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
   <meta name="apple-mobile-web-app-title" content="diora">
-  <meta name="description" content="Internet radio player">
+  <meta name="description" content="Bücher, Podcasts und Radio">
   {% if user.is_authenticated %}<meta name="username" content="{{ user.username }}">{% endif %}
   <link rel="manifest" href="/static/manifest.json">
   <link rel="apple-touch-icon" href="/static/icon-192.png">
@@ -22,17 +22,17 @@
   <nav class="navbar">
     <a href="/" class="navbar-brand">diora</a>
     <div class="navbar-links">
-      <button class="btn-icon contrast-toggle" id="contrast-toggle" onclick="toggleContrast()" title="Toggle contrast mode">◑</button>
+      <button class="btn-icon contrast-toggle" id="contrast-toggle" onclick="toggleContrast()" title="Kontrastmodus an/aus">◑</button>
       {% if user.is_authenticated %}
         <span class="navbar-user">{{ user.username }}</span>
-        <a href="{% url 'settings' %}">Settings</a>
+        <a href="{% url 'settings' %}">Einstellungen</a>
         <form method="post" action="{% url 'logout' %}" class="inline-form">
           {% csrf_token %}
-          <button type="submit" class="btn-link">Logout</button>
+          <button type="submit" class="btn-link">Abmelden</button>
         </form>
       {% else %}
-        <a href="{% url 'login' %}">Login</a>
-        <a href="{% url 'register' %}">Register</a>
+        <a href="{% url 'login' %}">Anmelden</a>
+        <a href="{% url 'register' %}">Registrieren</a>
       {% endif %}
     </div>
   </nav>
diff --git a/templates/radio/player.html b/templates/radio/player.html
index e80683d..9d57b91 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -1,46 +1,46 @@
 {% extends "base.html" %}
-{% block title %}diora — radio player{% endblock %}
+{% block title %}diora — Radio{% endblock %}
 
 {% block content %}
 
 <!-- ===== NOW PLAYING BAR ===== -->
 <section class="now-playing-bar" id="now-playing-bar">
   <div class="now-playing-info">
-    <span class="now-playing-station" id="now-playing-station">— no station —</span>
+    <span class="now-playing-station" id="now-playing-station">— kein Sender —</span>
     <span class="now-playing-track" id="now-playing-track"></span>
   </div>
   <div class="now-playing-controls">
-    <button class="btn btn-play" id="play-stop-btn" onclick="togglePlayStop()" style="display:none;">&#9654; Play</button>
+    <button class="btn btn-play" id="play-stop-btn" onclick="togglePlayStop()" style="display:none;">&#9654; Abspielen</button>
     <label class="volume-label">
-      <span>vol</span>
+      <span>Lautst.</span>
       <input type="range" id="volume" min="0" max="255" value="102" class="volume-slider">
       <input type="number" id="volume-num" min="0" max="255" value="102" class="volume-num">
     </label>
-    <button class="btn btn-save" id="save-station-btn" style="display:none;" onclick="saveCurrentStation()">&#9733; Save</button>
+    <button class="btn btn-save" id="save-station-btn" style="display:none;" onclick="saveCurrentStation()">&#9733; Speichern</button>
     <button class="btn-icon" id="creamfresh-vote-up-btn" style="display:none;" onclick="creamfreshVote('up')" title="Gefällt mir">&#128077;</button>
     <button class="btn-icon" id="creamfresh-vote-down-btn" style="display:none;" onclick="creamfreshVote('down')" title="Gefällt mir nicht">&#128078;</button>
-    <button class="btn-icon" id="dnd-btn" onclick="toggleDND()" title="Focus mode (hides UI, press Esc to exit)">⊙</button>
+    <button class="btn-icon" id="dnd-btn" onclick="toggleDND()" title="Fokusmodus (blendet die Oberfläche aus, Esc beendet ihn)">⊙</button>
     <button class="btn-icon" id="focus-station-btn" onclick="openRadioSidebar()" title="Radio">◉</button>
   </div>
   <div class="timer-widget" id="timer-widget">
-    <span class="timer-phase" id="timer-phase-label">focus</span>
+    <span class="timer-phase" id="timer-phase-label">Fokus</span>
     <span class="timer-display" id="timer-display">25:00</span>
-    <button class="btn-icon" id="timer-toggle-btn" onclick="toggleTimer()" title="Start/pause timer">▶</button>
-    <button class="btn-icon" id="timer-reset-btn" onclick="resetTimer()" title="Reset timer">↺</button>
+    <button class="btn-icon" id="timer-toggle-btn" onclick="toggleTimer()" title="Timer starten/anhalten">▶</button>
+    <button class="btn-icon" id="timer-reset-btn" onclick="resetTimer()" title="Timer zurücksetzen">↺</button>
     <span class="focus-today" id="focus-today-widget" style="display:none;"></span>
-    <button class="btn-icon dnd-only" id="dnd-light-btn" onclick="toggleDNDLight()" title="Toggle black background">☼</button>
+    <button class="btn-icon dnd-only" id="dnd-light-btn" onclick="toggleDNDLight()" title="Schwarzer Hintergrund an/aus">☼</button>
   </div>
 </section>
 
 <!-- ===== AFFILIATE / TRACK INFO ===== -->
 <section class="affiliate-section" id="affiliate-section" style="display:none;"{% if not amazon_enabled %} data-disabled="true"{% endif %}>
-  <img class="affiliate-artwork" id="affiliate-artwork" src="" alt="Album art">
+  <img class="affiliate-artwork" id="affiliate-artwork" src="" alt="Albumcover">
   <div class="affiliate-info">
     <div class="affiliate-track" id="affiliate-track-name"></div>
     <div class="affiliate-artist" id="affiliate-artist-name"></div>
     <div class="affiliate-album" id="affiliate-album-name"></div>
     <a class="btn btn-amazon" id="affiliate-amazon-link" href="#" target="_blank" rel="noopener noreferrer">
-      Buy on Amazon Music
+      Bei Amazon Music kaufen
     </a>
   </div>
 </section>
@@ -48,24 +48,24 @@
 <!-- ===== TABS ===== -->
 <div class="tabs" id="tabs">
   <button class="tab-btn active" onclick="showTab('radio')">Radio</button>
-  <button class="tab-btn" onclick="showTab('focus')">Focus</button>
+  <button class="tab-btn" onclick="showTab('focus')">Fokus</button>
   <button class="tab-btn" onclick="showTab('podcasts')">Podcasts</button>
-  <button class="tab-btn" onclick="showTab('books')">Books</button>
+  <button class="tab-btn" onclick="showTab('books')">Bücher</button>
 </div>
 
 <!-- ===== RADIO TAB ===== -->
 <section class="tab-panel" id="tab-radio">
   <div class="tabs sub-tabs" id="radio-sub-tabs">
-    <button class="tab-btn" onclick="showRadioTab('search')">Search</button>
-    <button class="tab-btn active" onclick="showRadioTab('saved')">Saved</button>
-    <button class="tab-btn" onclick="showRadioTab('history')">History</button>
+    <button class="tab-btn" onclick="showRadioTab('search')">Suche</button>
+    <button class="tab-btn active" onclick="showRadioTab('saved')">Gespeichert</button>
+    <button class="tab-btn" onclick="showRadioTab('history')">Verlauf</button>
   </div>
 
   <!-- ===== SEARCH SUB-PANEL ===== -->
   <div class="sub-tab-panel" id="tab-search" style="display:none;">
     <div class="search-bar">
-      <input type="text" id="search-input" class="search-input" placeholder="Search radio-browser.info… or paste a stream address" onkeydown="if(event.key==='Enter') doSearch()">
-      <button class="btn" onclick="doSearch()">Search</button>
+      <input type="text" id="search-input" class="search-input" placeholder="Auf radio-browser.info suchen … oder Stream-Adresse einfügen" onkeydown="if(event.key==='Enter') doSearch()">
+      <button class="btn" onclick="doSearch()">Suchen</button>
     </div>
     <div class="mood-chips" id="mood-chips"></div>
     <div id="curated-lists" class="curated-lists-container"></div>
@@ -75,7 +75,7 @@
         <tr>
           <th>Name</th>
           <th>Bitrate</th>
-          <th>Country</th>
+          <th>Land</th>
           <th>Tags</th>
           <th></th>
         </tr>
@@ -88,7 +88,7 @@
   <div class="sub-tab-panel" id="tab-saved">
     {% if featured_stations %}
     <div class="featured-section">
-      <p class="featured-label">&#9733; Featured</p>
+      <p class="featured-label">&#9733; Empfohlen</p>
       <ul class="featured-list">
         {% for s in featured_stations %}
         <li>
@@ -107,8 +107,8 @@
         <!-- populated by JS -->
       </div>
       <div class="import-bar">
-        <label class="btn btn-sm" for="m3u-file-input" title="Import .m3u / .m3u8 from the desktop app">
-          &#8679; Import M3U
+        <label class="btn btn-sm" for="m3u-file-input" title=".m3u / .m3u8 aus der Desktop-App importieren">
+          &#8679; M3U importieren
         </label>
         <input type="file" id="m3u-file-input" accept=".m3u,.m3u8" style="display:none;" onchange="importM3U(this)">
         <span id="import-status" class="muted"></span>
@@ -116,11 +116,11 @@
       <table class="data-table" id="saved-table">
         <thead>
           <tr>
-            <th title="Favorite">&#9733;</th>
+            <th title="Favorit">&#9733;</th>
             <th>Name</th>
             <th>Bitrate</th>
-            <th>Country</th>
-            <th title="Notes">✎</th>
+            <th>Land</th>
+            <th title="Notizen">✎</th>
             <th></th>
             <th></th>
           </tr>
@@ -131,7 +131,7 @@
             <td>
               <button class="btn-icon fav-btn {% if station.is_favorite %}active{% endif %}"
                       onclick="toggleFav({{ station.id }})"
-                      title="Toggle favorite">&#9733;</button>
+                      title="Favorit an/aus">&#9733;</button>
             </td>
             <td class="station-name-cell">{{ station.name }}</td>
             <td>{{ station.bitrate }}</td>
@@ -140,25 +140,25 @@
             <td>
               <button class="btn btn-sm"
                       onclick="playStation('{{ station.url }}', '{{ station.name|escapejs }}', {{ station.id }})">
-                &#9654; Play
+                &#9654; Abspielen
               </button>
             </td>
             <td>
               <button class="btn btn-sm btn-danger"
                       onclick="removeStation({{ station.id }})">
-                Remove
+                Entfernen
               </button>
             </td>
           </tr>
           {% empty %}
-          <tr id="saved-empty-row"><td colspan="7" class="empty-msg">No saved stations yet.</td></tr>
+          <tr id="saved-empty-row"><td colspan="7" class="empty-msg">Noch keine gespeicherten Sender.</td></tr>
           {% endfor %}
         </tbody>
       </table>
     {% else %}
       <p class="auth-prompt">
-        <a href="{% url 'login' %}">Log in</a> or <a href="{% url 'register' %}">register</a>
-        to save stations and sync across devices.
+        <a href="{% url 'login' %}">Anmelden</a> oder <a href="{% url 'register' %}">registrieren</a>,
+        um Sender zu speichern und zwischen Geräten abzugleichen.
       </p>
     {% endif %}
   </div>
@@ -168,9 +168,9 @@
     <table class="data-table" id="history-table">
       <thead>
         <tr>
-          <th>Time</th>
-          <th>Station</th>
-          <th>Track</th>
+          <th>Zeit</th>
+          <th>Sender</th>
+          <th>Titel</th>
           <th>&#9836;</th>
           <th></th>
         </tr>
@@ -181,11 +181,11 @@
           <td class="history-time">{{ entry.played_at|slice:":16"|cut:"T" }}</td>
           <td>{{ entry.station_name }}</td>
           <td>{{ entry.track }}</td>
-          <td>{% if entry.scrobbled %}<span title="Scrobbled to Last.fm">&#10003;</span>{% endif %}</td>
-          <td><button class="btn-delete-history" onclick="deleteHistoryEntry({{ entry.id }}, this)" title="Remove">✕</button></td>
+          <td>{% if entry.scrobbled %}<span title="An Last.fm gescrobbelt">&#10003;</span>{% endif %}</td>
+          <td><button class="btn-delete-history" onclick="deleteHistoryEntry({{ entry.id }}, this)" title="Entfernen">✕</button></td>
         </tr>
         {% empty %}
-        <tr id="history-empty-row"><td colspan="5" class="empty-msg">No history yet.</td></tr>
+        <tr id="history-empty-row"><td colspan="5" class="empty-msg">Noch kein Verlauf.</td></tr>
         {% endfor %}
       </tbody>
     </table>
@@ -197,13 +197,13 @@
   <table class="data-table" id="focus-table">
     <thead>
       <tr>
-        <th>Time</th>
-        <th>Station</th>
-        <th>Duration</th>
+        <th>Zeit</th>
+        <th>Sender</th>
+        <th>Dauer</th>
       </tr>
     </thead>
     <tbody id="focus-tbody">
-      <tr><td colspan="3" class="empty-msg">No focus sessions yet. Start the timer!</td></tr>
+      <tr><td colspan="3" class="empty-msg">Noch keine Fokus-Sitzungen. Starte den Timer!</td></tr>
     </tbody>
   </table>
 </section>
@@ -215,8 +215,8 @@
   <p class="muted dpw-loading">Podcasts werden geladen …</p>
   {% else %}
   <p class="auth-prompt">
-    <a href="{% url 'login' %}">Log in</a> or <a href="{% url 'register' %}">register</a>
-    to subscribe to podcasts.
+    <a href="{% url 'login' %}">Anmelden</a> oder <a href="{% url 'register' %}">registrieren</a>,
+    um Podcasts zu abonnieren.
   </p>
   {% endif %}
 </section>
@@ -226,7 +226,7 @@
   {% if user.is_authenticated %}
   <div id="book-upload-area">
     <div class="book-drop-zone" id="book-drop-zone">
-      <span>Drop .epub or .pdf here or <label for="book-file-input" style="cursor:pointer;text-decoration:underline;">browse</label></span>
+      <span>.epub oder .pdf hierher ziehen oder <label for="book-file-input" style="cursor:pointer;text-decoration:underline;">auswählen</label></span>
       <input type="file" id="book-file-input" accept=".epub,.pdf" style="display:none;" onchange="bookFileSelected(this)">
       <span id="book-upload-status" class="muted"></span>
     </div>
@@ -248,8 +248,8 @@
   <div id="book-list" class="book-list"></div>
   {% else %}
   <p class="auth-prompt">
-    <a href="{% url 'login' %}">Log in</a> or <a href="{% url 'register' %}">register</a>
-    to use the encrypted ebook reader.
+    <a href="{% url 'login' %}">Anmelden</a> oder <a href="{% url 'register' %}">registrieren</a>,
+    um den verschlüsselten E-Book-Reader zu nutzen.
   </p>
   {% endif %}
 </section>
@@ -263,30 +263,30 @@
         <input type="text" inputmode="decimal" id="reader-progress-input" class="volume-num" value="0" style="display:none;">
         <span id="reader-progress-suffix" class="muted"></span>
       </span>
-      <button class="btn-icon" id="reader-search-btn"   onclick="toggleReaderSearch()"        title="Search">⌕</button>
-      <button class="btn-icon" id="reader-settings-btn" onclick="toggleSettingsPanel()"        title="Font &amp; layout">⚙</button>
+      <button class="btn-icon" id="reader-search-btn"   onclick="toggleReaderSearch()"        title="Suchen">⌕</button>
+      <button class="btn-icon" id="reader-settings-btn" onclick="toggleSettingsPanel()"        title="Schrift &amp; Layout">⚙</button>
       <select id="reader-tts-lang" class="tts-lang-select" title="Vorlese-Sprache" onchange="setTtsLang(this.value)">
         <option value="de">DE</option>
         <option value="en">EN</option>
       </select>
       <button class="btn-icon" id="reader-tts-btn"      onclick="toggleReadAloud()"           title="Vorlesen">▶</button>
-      <button class="btn-icon" id="reader-bookmark-btn" onclick="addBookmark()"               title="Bookmark">★</button>
-      <button class="btn-icon" id="reader-bm-list-btn"  onclick="openBookmarksSidebar()"      title="Bookmarks">▤</button>
-      <button class="btn-icon" id="reader-toc-btn"      onclick="openTocSidebar()"            title="Table of contents">≡</button>
-      <button class="btn-icon" id="reader-margin-btn"   onclick="toggleAnnotationsMargin()"   title="Notes &amp; highlights">✎</button>
+      <button class="btn-icon" id="reader-bookmark-btn" onclick="addBookmark()"               title="Lesezeichen setzen">★</button>
+      <button class="btn-icon" id="reader-bm-list-btn"  onclick="openBookmarksSidebar()"      title="Lesezeichen">▤</button>
+      <button class="btn-icon" id="reader-toc-btn"      onclick="openTocSidebar()"            title="Inhaltsverzeichnis">≡</button>
+      <button class="btn-icon" id="reader-margin-btn"   onclick="toggleAnnotationsMargin()"   title="Notizen &amp; Markierungen">✎</button>
       <button class="btn-icon marker-mode-btn reader-marker-btn-mobile" id="reader-marker-btn-mobile" onclick="toggleMarkerMode()" title="Text markieren">✒</button>
       <button class="btn-icon" id="reader-reset-pos-btn" onclick="saveReaderProgress(true)"   title="Diese Position als Lesefortschritt setzen (überschreibt gespeicherten Fortschritt)">⚑</button>
-      <button class="btn-icon" onclick="closeReader()"  title="Close (Esc)">✕</button>
+      <button class="btn-icon" onclick="closeReader()"  title="Schließen (Esc)">✕</button>
     </div>
   </div>
   <div id="reader-body-row" class="reader-body-row">
     <aside id="reader-margin" class="reader-margin">
       <div class="reader-margin-header">
-        <span class="reader-margin-title">Notes</span>
+        <span class="reader-margin-title">Notizen</span>
         <span class="reader-margin-header-actions">
-          <button class="btn-icon marker-mode-btn" id="reader-marker-btn" onclick="toggleMarkerMode()" title="Mark text">✒</button>
-          <button class="btn-icon" id="reader-margin-list-btn"   onclick="openAnnotationsSidebar()"  title="List all highlights &amp; notes, jump to any of them">▦</button>
-          <button class="btn-icon" id="reader-margin-export-btn" onclick="exportAnnotations()"       title="Export as text file">⭳</button>
+          <button class="btn-icon marker-mode-btn" id="reader-marker-btn" onclick="toggleMarkerMode()" title="Text markieren">✒</button>
+          <button class="btn-icon" id="reader-margin-list-btn"   onclick="openAnnotationsSidebar()"  title="Alle Markierungen &amp; Notizen auflisten und hinspringen">▦</button>
+          <button class="btn-icon" id="reader-margin-export-btn" onclick="exportAnnotations()"       title="Als Textdatei exportieren">⭳</button>
         </span>
       </div>
       <div id="reader-margin-markers" class="reader-margin-markers"></div>
@@ -300,7 +300,7 @@
 <aside id="sidebar" class="sidebar">
   <div class="sidebar-header">
     <span id="sidebar-title" class="sidebar-title"></span>
-    <button class="btn-icon sidebar-close" onclick="closeSidebar()" title="Close">✕</button>
+    <button class="btn-icon sidebar-close" onclick="closeSidebar()" title="Schließen">✕</button>
   </div>
   <div id="sidebar-body" class="sidebar-body"></div>
 </aside>
@@ -311,7 +311,7 @@
   <p id="modal-message" class="modal-message"></p>
   <input type="text" id="modal-input" class="search-input modal-input" style="display:none;">
   <div class="modal-actions">
-    <button type="button" id="modal-cancel-btn" class="btn" style="display:none;">Cancel</button>
+    <button type="button" id="modal-cancel-btn" class="btn" style="display:none;">Abbrechen</button>
     <button type="button" id="modal-ok-btn" class="btn btn-primary">OK</button>
   </div>
 </div>
diff --git a/templates/radio/stream_player.html b/templates/radio/stream_player.html
index 97b1f04..a3e7177 100644
--- a/templates/radio/stream_player.html
+++ b/templates/radio/stream_player.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -80,15 +80,15 @@
   <div id="track-name"></div>
 
   <div class="controls">
-    <button id="play-btn">&#9654; Play</button>
+    <button id="play-btn">&#9654; Abspielen</button>
     <div class="vol-wrap">
-      <span>vol</span>
+      <span>Lautst.</span>
       <input type="range" id="vol-slider" min="0" max="255" value="{{ stream_vol }}">
       <input type="number" id="vol-num" min="0" max="255" value="{{ stream_vol }}">
     </div>
   </div>
 
-  <button id="back-btn" onclick="window.close()">&#8592; close tab</button>
+  <button id="back-btn" onclick="window.close()">&#8592; Tab schließen</button>
 
   <script>
     const audio = new Audio();
@@ -120,7 +120,7 @@
       setVol(parseInt(slider.value, 10));
       audio.play().then(() => {
         playing = true;
-        playBtn.innerHTML = '&#9646;&#9646; Stop';
+        playBtn.innerHTML = '&#9646;&#9646; Stopp';
 
         if (sse) sse.close();
         sse = new EventSource('/radio/sse/?url=' + encodeURIComponent(streamUrl));
@@ -137,8 +137,8 @@
         // Autoplay blocked — reset state, prompt user to click
         playing = false;
         audio.src = '';
-        playBtn.innerHTML = '&#9654; Play';
-        document.getElementById('track-name').textContent = 'Click Play to start';
+        playBtn.innerHTML = '&#9654; Abspielen';
+        document.getElementById('track-name').textContent = 'Zum Starten auf Abspielen tippen';
       });
     }
 
@@ -146,7 +146,7 @@
       audio.pause();
       audio.src = '';
       playing = false;
-      playBtn.innerHTML = '&#9654; Play';
+      playBtn.innerHTML = '&#9654; Abspielen';
       document.getElementById('track-name').textContent = '';
       document.title = stationName;
       if (sse) { sse.close(); sse = null; }
@@ -156,7 +156,7 @@
       if (playing) stopPlay(); else startPlay();
     });
 
-    document.getElementById('track-name').textContent = 'Click Play to start';
+    document.getElementById('track-name').textContent = 'Zum Starten auf Abspielen tippen';
   </script>
 </body>
 </html>

From 64e9d706477cc042e9d3cfc8ba8b7f1c1d0ede13 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 3 Oct 2026 14:40:39 +0200
Subject: [PATCH 065/176] =?UTF-8?q?Podcasts:=20mehrere=20Folgen=20nacheina?=
 =?UTF-8?q?nder=20wegwischen,=20w=C3=A4hrend=20=E2=80=9ER=C3=BCckg=C3=A4ng?=
 =?UTF-8?q?ig=E2=80=9C=20steht;=20sw=20v72?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sw.js                   |  2 +-
 static/podcasts/native-podcast.js | 17 +++++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/static/js/sw.js b/static/js/sw.js
index bb22f5b..8c93abc 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v71';
+const CACHE = 'diora-v72';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 27ca360..48023e6 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android abda34a 2026-10-03: web-native/static/native-podcast.js
+// Copied from diora-android 370e653 2026-10-03: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -71,6 +71,8 @@
   let preview = null;       // {id, url, data | choices | error} while a feed is looked at before subscribing
   let previewSeq = 0;
   let refreshing = false;
+  let swipingSince = 0;     // a row is being swiped (since then): render waits (rowGestures)
+  let renderAfterSwipe = false;
   let selected = null;      // Set of episode ids while choosing several (queue or inbox)
   let locked = false;       // queue locked: no dragging
   try { locked = localStorage.getItem('nui_pod_locked') === '1'; } catch (e) {}
@@ -982,6 +984,9 @@
   }
 
   function render() {
+    // A finger is swiping a row: redrawing now would pull the row away under it (and end
+    // the swipe). It redraws when the swipe ends — unless that never came (a lost pointer).
+    if (swipingSince && Date.now() - swipingSince < 8000) { renderAfterSwipe = true; return; }
     episodeScreenParts();
     if (!root) return;
     const scroll = scrollTop();
@@ -1174,6 +1179,7 @@
 
   function rowGestures(row, onLong, onSwipe, list) {
     let start = null;
+    let holding = false;   // this row counts in swipingSince
     let timer = 0;
     let mode = '';
     let dx = 0;
@@ -1217,6 +1223,11 @@
       delete other.dataset.act;
     };
     const finish = done => {
+      if (holding) {
+        holding = false;
+        swipingSince = 0;
+        if (renderAfterSwipe) { renderAfterSwipe = false; setTimeout(render, done ? 200 : 220); }
+      }
       row.classList.remove('nui-pod-swiping');
       const gone = bg;
       bg = null;
@@ -1257,7 +1268,9 @@
         if (Math.abs(mx) > 8 || Math.abs(my) > 8) { stopTimer(); start.moved = true; }
         if (onSwipe && start.touch && Math.abs(mx) > 12 && Math.abs(mx) > Math.abs(my) * 1.5) {
           mode = 'swipe';
-          commitSwipe();
+          // The swipe before stays undoable (its bar too) until this one is done (offerUndo).
+          holding = true;
+          swipingSince = Date.now();
           try { row.setPointerCapture(ev.pointerId); } catch (e) {}
           bg = el('div', 'nui-pod-swipebg');
           bg.append(el('span', 'nui-pod-swipe-l'), el('span', 'nui-pod-swipe-r'));

From b7a81f3e26c83282220ce41f6a609015e58c4fdc Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 3 Oct 2026 23:08:57 +0200
Subject: [PATCH 066/176] =?UTF-8?q?Neuer=20Tab=20=E2=80=9EAmbient=E2=80=9C?=
 =?UTF-8?q?:=20Drift,=20ein=20generativer=20Ambient-Synthesizer;=20sw=20v7?=
 =?UTF-8?q?3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- static/ambient/index.html: Drift (aus der Session "Ambient-Synthesizer-Webapp",
  eine Datei, Web Audio, offline), eingebettet per iframe (?embed=1&bg=#000)
- app.js: Tab 'ambient', iframe lädt beim ersten Öffnen und füllt den Platz bis
  zur Leiste; Radio/Podcast und Ambient wechseln sich ab (postMessage
  {type:'ambient', cmd|state})
- sw.js: Ambient im Offline-Cache (ignoreSearch für die Shell-Dateien)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/ambient/index.html         | 778 ++++++++++++++++++++++++++++++
 static/css/app.css                |   9 +
 static/js/app.js                  |  51 +-
 static/js/sw.js                   |   6 +-
 static/podcasts/native-podcast.js |   9 +-
 templates/radio/player.html       |   9 +
 6 files changed, 858 insertions(+), 4 deletions(-)
 create mode 100644 static/ambient/index.html

diff --git a/static/ambient/index.html b/static/ambient/index.html
new file mode 100644
index 0000000..fd541e0
--- /dev/null
+++ b/static/ambient/index.html
@@ -0,0 +1,778 @@
+<!doctype html>
+<html lang="de">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Drift – Ambient Synth</title>
+<style>
+  :root { --bg:#0b0e14; --fg:#d7dde8; --dim:#7b8598; --acc:#7fb4ff; --acc2:#c99bff; }
+  * { box-sizing:border-box; }
+  html,body { margin:0; height:100%; background:var(--bg); color:var(--fg);
+    font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; overflow:hidden; }
+  body { position:relative; }
+  canvas { position:absolute; inset:0; width:100%; height:100%; display:block; }
+  main { position:relative; z-index:1; height:100%; display:flex; flex-direction:column; gap:18px;
+    justify-content:space-between; padding:28px 24px; pointer-events:none;
+    overflow-x:hidden; overflow-y:auto; }
+  .embed header { display:none; }
+  .embed #share { display:none; }
+  main > * { pointer-events:auto; }
+  h1 { margin:0; font-weight:300; letter-spacing:.35em; text-transform:uppercase; font-size:18px; }
+  .sub { color:var(--dim); font-size:13px; margin-top:4px; }
+  .state { font-size:13px; color:var(--dim); font-variant-numeric:tabular-nums; }
+  .state b { color:var(--fg); font-weight:500; }
+  .state .big { font-size:34px; font-weight:200; color:var(--fg); display:block; letter-spacing:.04em; }
+  .panel { display:flex; flex-wrap:wrap; gap:14px 24px; align-items:end;
+    background:rgba(11,14,20,.6); backdrop-filter:blur(10px); border:1px solid #ffffff14;
+    border-radius:14px; padding:14px 18px; }
+  label { display:flex; flex-direction:column; gap:6px; font-size:11px; color:var(--dim);
+    text-transform:uppercase; letter-spacing:.12em; }
+  input[type=range] { width:130px; accent-color:var(--acc); }
+  select, input[type=text] { font:inherit; font-size:14px; color:var(--fg); background:#ffffff0f;
+    border:1px solid #ffffff22; border-radius:8px; padding:6px 10px; }
+  input[type=text] { width:120px; }
+  select option { background:#141925; }
+  button { font:inherit; color:var(--fg); background:#ffffff0f; border:1px solid #ffffff22;
+    border-radius:999px; padding:8px 18px; cursor:pointer; transition:.2s; }
+  button:hover { background:#ffffff1c; }
+  button.primary { background:linear-gradient(135deg,var(--acc),var(--acc2)); color:#0b0e14;
+    border:0; font-weight:600; min-width:100px; }
+  .sep { flex-basis:100%; height:0; }
+  .meters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:340px; gap:6px 12px; margin-top:10px; }
+  .meter { height:3px; background:#ffffff18; border-radius:2px; overflow:hidden; }
+  .meter i { display:block; height:100%; width:50%; background:var(--acc); transition:width 1s linear; }
+  @media (max-width:520px) {
+    main { padding:18px 16px; }
+    .state .big { font-size:28px; }
+    .panel { display:grid; grid-template-columns:1fr 1fr; gap:12px 14px; padding:12px 14px; }
+    .panel .sep { display:none; }
+    .panel > button.primary { grid-column:1 / -1; }
+    .panel label, .panel select, .panel input[type=text], .panel input[type=range] { width:100%; min-width:0; }
+  }
+  .mlabel { font-size:10px; text-transform:uppercase; letter-spacing:.1em; color:var(--dim); }
+</style>
+</head>
+<body>
+<canvas id="viz"></canvas>
+<main>
+  <header>
+    <h1>Drift</h1>
+    <div class="sub">Generativer Ambient-Synthesizer · alles wird live im Browser erzeugt</div>
+  </header>
+
+  <div class="state">
+    <span class="big" id="key">–</span>
+    <span id="chord">Noch still.</span>
+    <div class="meters" id="meters"></div>
+  </div>
+
+  <div class="panel">
+    <button class="primary" id="toggle">Start</button>
+    <label>Stimmung
+      <select id="preset"></select></label>
+    <label>Seed
+      <input type="text" id="seed" spellcheck="false"></label>
+    <button id="reroll" title="Neuer Seed, neue Szene">Neu würfeln</button>
+    <button id="share" title="Link mit Seed und Stimmung kopieren">Link kopieren</button>
+    <label>Tuning
+      <select id="tuning"><option value="just">Rein</option><option value="equal">Gleichstufig</option></select></label>
+    <div class="sep"></div>
+    <label>Lautstärke <input type="range" id="vol" min="0" max="1" step="0.01" value="0.7"></label>
+    <label>Dichte <input type="range" id="density" min="0" max="1" step="0.01" value="0.5"></label>
+    <label>Wandel-Tempo <input type="range" id="drift" min="0" max="1" step="0.01" value="0.5"></label>
+    <label>Hall <input type="range" id="verb" min="0" max="1" step="0.01" value="0.6"></label>
+    <label>Spannungsbogen <input type="range" id="arc" min="0" max="1" step="0.01" value="0.6"></label>
+  </div>
+</main>
+
+<script>
+"use strict";
+const $ = id => document.getElementById(id);
+const QS = new URLSearchParams(location.search);
+if (QS.get("embed") === "1") document.documentElement.classList.add("embed");
+let BG = [11, 14, 20];     // Hintergrundfarbe, per ?bg=%23101010 überschreibbar
+{
+  const m = /^#?([0-9a-f]{6})$/i.exec(QS.get("bg") || "");
+  if (m) {
+    BG = [0, 2, 4].map(i => parseInt(m[1].substr(i, 2), 16));
+    document.documentElement.style.setProperty("--bg", "#" + m[1]);
+  }
+}
+
+// ---------- Zufall (seedbar) ----------
+function mulberry32(a) {
+  return function () {
+    a |= 0; a = a + 0x6D2B79F5 | 0;
+    let t = Math.imul(a ^ a >>> 15, 1 | a);
+    t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
+    return ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
+}
+// v = Stimmen/Details, s = Szene (Tonart, Klangfarbe), n = Sonstiges
+const rng = { v: Math.random, s: Math.random, n: Math.random };
+const rnd = (a, b, r = rng.v) => a + r() * (b - a);
+const pick = (arr, r = rng.v) => arr[Math.floor(r() * arr.length)];
+const mtof = m => 440 * Math.pow(2, (m - 69) / 12);
+const clamp = (x, a, b) => Math.min(b, Math.max(a, x));
+function toSeed(str) {
+  if (/^\d+$/.test(str)) return parseInt(str, 10) % 2147483647 || 1;
+  let h = 2166136261;
+  for (const ch of str) h = Math.imul(h ^ ch.charCodeAt(0), 16777619);
+  return (h >>> 0) % 2147483647 || 1;
+}
+function seedAll(seed) {
+  rng.v = mulberry32(seed); rng.s = mulberry32(seed ^ 0x9e3779b9); rng.n = mulberry32(seed ^ 0x85ebca6b);
+}
+
+// ---------- Musikalische Daten ----------
+const NOTE = ["C","C♯","D","D♯","E","F","F♯","G","G♯","A","A♯","H"];
+const SCALES = {
+  "Dorisch":         [0,2,3,5,7,9,10],
+  "Lydisch":         [0,2,4,6,7,9,11],
+  "Äolisch":         [0,2,3,5,7,8,10],
+  "Mixolydisch":     [0,2,4,5,7,9,10],
+  "Phrygisch":       [0,1,3,5,7,8,10],
+  "Moll-Pentatonik": [0,3,5,7,10],
+  "Dur-Pentatonik":  [0,2,4,7,9],
+  "Ganzton":         [0,2,4,6,8,10],
+};
+// Reine Stimmung: Frequenzverhältnisse pro Halbton über dem Grundton
+const JI = [1, 16/15, 9/8, 6/5, 5/4, 4/3, 45/32, 3/2, 8/5, 5/3, 9/5, 15/8];
+
+const PRESETS = {
+  "Frei":      { scales:Object.keys(SCALES), bright:[.1,.95], fm:[0,.8], saw:[0,.9], wt:[0,.7], noise:[.05,.5], grain:[0,.6], choir:.15, bells:1,   swell:.3, dens:1 },
+  "Dunkel":    { scales:["Phrygisch","Äolisch","Moll-Pentatonik"], bright:[.05,.35], fm:[0,.25], saw:[.3,.9], wt:[0,.3], noise:[.3,.8], grain:[.2,.6], choir:.1, bells:.4, swell:.5, dens:.8 },
+  "Schwebend": { scales:["Lydisch","Dur-Pentatonik","Dorisch"], bright:[.3,.7], fm:[.05,.4], saw:[0,.4], wt:[.2,.7], noise:[0,.25], grain:[0,.3], choir:.4, bells:1, swell:.4, dens:1 },
+  "Glasig":    { scales:["Ganzton","Dur-Pentatonik","Lydisch"], bright:[.6,.95], fm:[.4,.9], saw:[0,.2], wt:[.4,.9], noise:[0,.1], grain:[0,.2], choir:0, bells:1.8, swell:.2, dens:1.1 },
+  "Wald":      { scales:["Dorisch","Mixolydisch","Moll-Pentatonik"], bright:[.2,.55], fm:[0,.2], saw:[.2,.6], wt:[0,.4], noise:[.5,1], grain:[.3,.8], choir:.5, bells:.6, swell:.3, dens:.9 },
+};
+
+const VOWELS = {   // Formanten F1,F2,F3 und relative Pegel
+  a:[800,1150,2900,1,.5,.25], o:[450,800,2830,1,.45,.1], u:[325,700,2700,1,.3,.05],
+  e:[400,1600,2700,1,.35,.15], i:[270,2140,2950,1,.25,.12],
+};
+const LOOP_PERIODS = [17.3, 23.1, 29.7, 37.9, 43.3, 53.1];   // Eno-Stil: unterschiedlich lange Zyklen
+
+// ---------- Zustand ----------
+const S = {
+  ctx: null, running: false, g: null,
+  seedText: "", seed: 1, presetName: "Frei", P: PRESETS["Frei"], tuning: "just",
+  root: 38, scaleName: "Dorisch", scale: SCALES["Dorisch"], degree: 0,
+  // Klangfarbe: aktuelle Werte (cur) wandern langsam zu Zielwerten (tgt)
+  cur: { bright:.35, fm:.15, saw:.3, wt:.2, noise:.2, grain:.2, detune:6, ratio:2, motion:.3 },
+  tgt: { bright:.35, fm:.15, saw:.3, wt:.2, noise:.2, grain:.2, detune:6, ratio:2, motion:.3 },
+  density:.5, drift:.5, verb:.6, arcDepth:.6, arcLen:700, t0:0,
+  timers: [], waves: [], loop: { deg:[], oct:[] }, vis: [],
+  ring: null, wp: 0, written: 0, grainBuf: null,
+};
+const speed = () => 0.35 + S.drift * 2.2;
+
+// Spannungsbogen: 0 = ruhig, 1 = Höhepunkt, über mehrere Minuten
+function arcPhase() { return S.running ? (((S.ctx.currentTime - S.t0) / S.arcLen) % 1) : 0; }
+function eff() {
+  const I = 0.5 - 0.5 * Math.cos(2 * Math.PI * arcPhase());
+  return (1 - S.arcDepth) * .6 + S.arcDepth * I;
+}
+const effDens = () => clamp(S.density * (.5 + .9 * eff()) * S.P.dens, 0, 1);
+
+// ---------- Audio-Graph ----------
+function makeImpulse(ctx, secs, decay) {
+  const len = Math.floor(ctx.sampleRate * secs), buf = ctx.createBuffer(2, len, ctx.sampleRate);
+  for (let c = 0; c < 2; c++) {
+    const d = buf.getChannelData(c); let lp = 0;
+    for (let i = 0; i < len; i++) {
+      const t = i / len;
+      lp += (Math.random() * 2 - 1 - lp) * (0.35 - 0.3 * t);
+      d[i] = lp * Math.pow(1 - t, decay) * 2.2;
+    }
+  }
+  return buf;
+}
+function pinkBuffer(ctx, secs) {
+  const len = ctx.sampleRate * secs, buf = ctx.createBuffer(1, len, ctx.sampleRate), d = buf.getChannelData(0);
+  let b0=0,b1=0,b2=0,b3=0,b4=0,b5=0,b6=0, peak = 0;
+  for (let i = 0; i < len; i++) {
+    const w = Math.random() * 2 - 1;
+    b0=.99886*b0+w*.0555179; b1=.99332*b1+w*.0750759; b2=.969*b2+w*.153852;
+    b3=.8665*b3+w*.3104856; b4=.55*b4+w*.5329522; b5=-.7616*b5-w*.016898;
+    d[i] = b0+b1+b2+b3+b4+b5+b6+w*.5362; b6 = w*.115926; peak = Math.max(peak, Math.abs(d[i]));
+  }
+  for (let i = 0; i < len; i++) d[i] = d[i] / peak * .5;
+  return buf;
+}
+function satCurve(k) {
+  const n = 2048, c = new Float32Array(n);
+  for (let i = 0; i < n; i++) { const x = i / (n - 1) * 2 - 1; c[i] = Math.tanh(k * x) / Math.tanh(k); }
+  return c;
+}
+
+function buildGraph() {
+  const ctx = S.ctx = new (window.AudioContext || window.webkitAudioContext)();
+  const g = S.g = {};
+
+  g.voiceBus = ctx.createGain();
+  g.filter = ctx.createBiquadFilter();
+  g.filter.type = "lowpass"; g.filter.Q.value = .6; g.filter.frequency.value = 1800;
+  g.voiceBus.connect(g.filter);
+
+  g.lfo = ctx.createOscillator(); g.lfo.frequency.value = .04;
+  g.lfoAmt = ctx.createGain(); g.lfoAmt.gain.value = 500;
+  g.lfo.connect(g.lfoAmt).connect(g.filter.frequency); g.lfo.start();
+
+  // gemeinsamer Summenbus -> Tape-Sättigung -> Kompressor
+  g.mix = ctx.createGain();
+  g.drive = ctx.createGain(); g.drive.gain.value = 1.5;
+  g.shaper = ctx.createWaveShaper(); g.shaper.curve = satCurve(1.6); g.shaper.oversample = "2x";
+  g.makeup = ctx.createGain(); g.makeup.gain.value = .72;
+  g.comp = ctx.createDynamicsCompressor();
+  g.comp.threshold.value = -18; g.comp.ratio.value = 3; g.comp.attack.value = .05; g.comp.release.value = .4;
+  g.master = ctx.createGain(); g.master.gain.value = 0;
+  g.mix.connect(g.drive).connect(g.shaper).connect(g.makeup).connect(g.comp).connect(g.master);
+
+  g.dry = ctx.createGain(); g.dry.gain.value = .8;
+  g.filter.connect(g.dry).connect(g.mix);
+
+  // Hall
+  g.conv = ctx.createConvolver(); g.conv.buffer = makeImpulse(ctx, 7, 2.6);
+  g.send = ctx.createGain(); g.send.gain.value = S.verb;
+  g.filter.connect(g.send).connect(g.conv);
+  g.conv.connect(g.mix);
+
+  // Tape-Delay mit Hochpass im Feedback und Wow/Flutter
+  g.delay = ctx.createDelay(4); g.delay.delayTime.value = .62;
+  g.dlp = ctx.createBiquadFilter(); g.dlp.type = "lowpass"; g.dlp.frequency.value = 2400;
+  g.dhp = ctx.createBiquadFilter(); g.dhp.type = "highpass"; g.dhp.frequency.value = 180;
+  g.fb = ctx.createGain(); g.fb.gain.value = .42;
+  g.delaySend = ctx.createGain();
+  g.delaySend.connect(g.delay); g.delay.connect(g.dlp);
+  g.dlp.connect(g.dhp).connect(g.fb).connect(g.delay);
+  g.dlp.connect(g.conv); g.dlp.connect(g.mix);
+
+  g.wow = ctx.createOscillator(); g.wow.frequency.value = .37;
+  g.wowC = ctx.createGain(); g.wowC.gain.value = 7;             // Cent
+  g.flut = ctx.createOscillator(); g.flut.frequency.value = 5.3;
+  g.flutC = ctx.createGain(); g.flutC.gain.value = 1.6;
+  g.pitchMod = ctx.createGain();
+  g.wow.connect(g.wowC).connect(g.pitchMod); g.flut.connect(g.flutC).connect(g.pitchMod);
+  g.wow.start(); g.flut.start();
+  g.dWow = ctx.createGain(); g.dWow.gain.value = .004;           // Delaytime-Wackeln
+  g.wow.connect(g.dWow).connect(g.delay.delayTime);
+
+  // Rauschbett: Wind (Bandpass, wandernd) + Meer (Tiefpass, Swell)
+  const nb = pinkBuffer(ctx, 8);
+  g.noiseBus = ctx.createGain();
+  const nA = ctx.createBufferSource(); nA.buffer = nb; nA.loop = true;
+  g.bp = ctx.createBiquadFilter(); g.bp.type = "bandpass"; g.bp.Q.value = 1.4; g.bp.frequency.value = 700;
+  const wMod = ctx.createGain(); wMod.gain.value = .65;
+  g.windGain = ctx.createGain(); g.windGain.gain.value = 0;
+  const wl = ctx.createOscillator(); wl.frequency.value = .07; const wlg = ctx.createGain(); wlg.gain.value = .35;
+  wl.connect(wlg).connect(wMod.gain); wl.start();
+  const wf = ctx.createOscillator(); wf.frequency.value = .05; const wfg = ctx.createGain(); wfg.gain.value = 350;
+  wf.connect(wfg).connect(g.bp.frequency); wf.start();
+  nA.connect(g.bp).connect(wMod).connect(g.windGain).connect(g.noiseBus);
+  const nB = ctx.createBufferSource(); nB.buffer = nb; nB.loop = true;
+  const sl = ctx.createBiquadFilter(); sl.type = "lowpass"; sl.frequency.value = 420;
+  const sMod = ctx.createGain(); sMod.gain.value = .55;
+  g.seaGain = ctx.createGain(); g.seaGain.gain.value = 0;
+  const sw = ctx.createOscillator(); sw.frequency.value = .11; const swg = ctx.createGain(); swg.gain.value = .45;
+  sw.connect(swg).connect(sMod.gain); sw.start();
+  nB.connect(sl).connect(sMod).connect(g.seaGain).connect(g.noiseBus);
+  nA.start(); nB.start(0, 3.1);
+  g.noiseBus.connect(g.mix);
+  const nSend = ctx.createGain(); nSend.gain.value = .3; g.noiseBus.connect(nSend).connect(g.conv);
+
+  // Granular: Ringpuffer der Stimmen, daraus werden Körner geschnitten
+  S.ring = new Float32Array(ctx.sampleRate * 12); S.wp = 0; S.written = 0;
+  const proc = ctx.createScriptProcessor(4096, 1, 1);
+  proc.onaudioprocess = e => {
+    const inp = e.inputBuffer.getChannelData(0), n = S.ring.length;
+    for (let i = 0; i < inp.length; i++) { S.ring[S.wp] = inp[i]; S.wp = (S.wp + 1) % n; }
+    S.written += inp.length;
+  };
+  const zero = ctx.createGain(); zero.gain.value = 0;
+  g.voiceBus.connect(proc); proc.connect(zero).connect(ctx.destination);
+  g.grainBus = ctx.createGain(); g.grainBus.connect(g.filter);
+
+  g.analyser = ctx.createAnalyser(); g.analyser.fftSize = 2048; g.analyser.smoothingTimeConstant = .88;
+  g.master.connect(g.analyser); g.master.connect(ctx.destination);
+}
+
+function makeWaves() {   // zufällige Wavetable-Zyklen aus Obertonreihen
+  const out = [];
+  for (let w = 0; w < 8; w++) {
+    const re = new Float32Array(17), im = new Float32Array(17), p = rnd(.8, 2.2, rng.n);
+    for (let k = 1; k < 17; k++) {
+      if (rng.n() < .75) { const a = 1 / Math.pow(k, p), ph = rnd(0, 6.28, rng.n); re[k] = a * Math.cos(ph); im[k] = a * Math.sin(ph); }
+    }
+    im[1] = Math.max(im[1], .6);
+    out.push(S.ctx.createPeriodicWave(re, im));
+  }
+  return out;
+}
+
+// ---------- Frequenzen ----------
+function freqFromDegree(deg) {
+  const n = S.scale.length, semi = S.scale[((deg % n) + n) % n], oct = Math.floor(deg / n);
+  const ratio = S.tuning === "just" ? JI[semi] : Math.pow(2, semi / 12);
+  return mtof(S.root) * ratio * Math.pow(2, oct);
+}
+const emit = (f, when, dur, kind) => { if (S.vis.length < 200) S.vis.push({ f, t: when, dur, kind }); };
+
+// ---------- Stimmen ----------
+function envelope(g, when, att, dur, rel, peak) {
+  g.gain.setValueAtTime(0, when);
+  g.gain.linearRampToValueAtTime(peak, when + att);
+  g.gain.setValueAtTime(peak, when + Math.max(att, dur - rel));
+  g.gain.linearRampToValueAtTime(0, when + dur + rel * .2);
+  return when + dur + rel * .2 + .1;
+}
+
+// Pad: detunte Säge/Dreieck + Sinus-Sub + Wavetable-Morph + FM, eigener Filter, Tape-Wow
+function padVoice(f, when, dur, vel = 1) {
+  const ctx = S.ctx, c = S.cur, G = S.g;
+  const out = ctx.createGain(), flt = ctx.createBiquadFilter(), pan = ctx.createStereoPanner();
+  flt.type = "lowpass"; flt.Q.value = .5;
+  flt.frequency.value = clamp(f * (1.2 + c.bright * 7), 200, 9000);
+  pan.pan.value = rnd(-.7, .7);
+  const att = rnd(2.5, 6) / Math.sqrt(speed()), rel = rnd(5, 9);
+  const end = envelope(out, when, att, dur, rel, .07 * vel);
+
+  const oscs = [];
+  const add = (o, gain) => {
+    const g = ctx.createGain(); g.gain.value = gain;
+    o.connect(g).connect(flt); G.pitchMod.connect(o.detune);
+    o.start(when); o.stop(end); oscs.push(o); return g;
+  };
+  const mk = (type, mul, det, gain) => {
+    const o = ctx.createOscillator(); o.type = type; o.frequency.value = f * mul; o.detune.value = det;
+    return add(o, gain);
+  };
+  mk("sawtooth",  1,  c.detune * rnd(.6, 1.2), .35 * c.saw);
+  mk("sawtooth",  1, -c.detune * rnd(.6, 1.2), .35 * c.saw);
+  mk("triangle",  1,  c.detune * .3,           .5 * (1 - c.saw * .5) * (1 - c.wt * .6));
+  mk("sine",      .5, 0,                       .35);
+
+  if (c.wt > .04) {   // zwei Wavetable-Zyklen, über die Notendauer übergeblendet
+    const mkW = w => { const o = ctx.createOscillator(); o.setPeriodicWave(w); o.frequency.value = f; return o; };
+    const ga = add(mkW(pick(S.waves)), .45 * c.wt), gb = add(mkW(pick(S.waves)), 0);
+    ga.gain.setValueAtTime(.45 * c.wt, when); ga.gain.linearRampToValueAtTime(0, when + dur);
+    gb.gain.setValueAtTime(0, when);          gb.gain.linearRampToValueAtTime(.45 * c.wt, when + dur);
+  }
+  if (c.fm > .03) {
+    const m = ctx.createOscillator(); m.type = "sine"; m.frequency.value = f * c.ratio;
+    const mg = ctx.createGain(); mg.gain.value = f * c.fm * 1.6;
+    const car = ctx.createOscillator(); car.type = "sine"; car.frequency.value = f;
+    const cg = ctx.createGain(); cg.gain.value = .3;
+    m.connect(mg).connect(car.frequency); car.connect(cg).connect(flt);
+    m.start(when); car.start(when); m.stop(end); car.stop(end); oscs.push(m, car);
+  }
+  const vib = ctx.createOscillator(); vib.frequency.value = rnd(.15, .6);
+  const vg = ctx.createGain(); vg.gain.value = flt.frequency.value * c.motion * .5;
+  vib.connect(vg).connect(flt.frequency); vib.start(when); vib.stop(end); oscs.push(vib);
+
+  flt.connect(out).connect(pan).connect(G.voiceBus);
+  oscs[0].onended = () => { try { pan.disconnect(); } catch (e) {} };
+  emit(f, when + att * .5, dur, "pad");
+}
+
+// Chor: Sägezahn durch drei Formantfilter, Vokal gleitet während der Note
+function choirVoice(f, when, dur) {
+  const ctx = S.ctx, G = S.g;
+  const out = ctx.createGain(), pan = ctx.createStereoPanner(), src = ctx.createGain();
+  pan.pan.value = rnd(-.6, .6);
+  const att = rnd(3, 6), rel = rnd(5, 8), end = envelope(out, when, att, dur, rel, .16);
+  const A = VOWELS[pick(Object.keys(VOWELS))], B = VOWELS[pick(Object.keys(VOWELS))];
+  const oscs = [];
+  [-9, 9].forEach(det => {
+    const o = ctx.createOscillator(); o.type = "sawtooth"; o.frequency.value = f; o.detune.value = det;
+    G.pitchMod.connect(o.detune); o.connect(src); o.start(when); o.stop(end); oscs.push(o);
+  });
+  const vib = ctx.createOscillator(); vib.frequency.value = rnd(4.6, 5.8);
+  const vg = ctx.createGain(); vg.gain.setValueAtTime(0, when); vg.gain.linearRampToValueAtTime(11, when + att + 2);
+  vib.connect(vg); oscs.forEach(o => vg.connect(o.detune)); vib.start(when); vib.stop(end);
+  for (let i = 0; i < 3; i++) {
+    const bp = ctx.createBiquadFilter(); bp.type = "bandpass"; bp.Q.value = 9;
+    bp.frequency.setValueAtTime(A[i], when); bp.frequency.linearRampToValueAtTime(B[i], when + dur);
+    const fg = ctx.createGain(); fg.gain.value = (A[3 + i] + B[3 + i]) * 1.4;
+    src.connect(bp).connect(fg).connect(out);
+  }
+  out.connect(pan).connect(G.voiceBus);
+  oscs[0].onended = () => { try { pan.disconnect(); } catch (e) {} };
+  emit(f, when + att * .5, dur, "choir");
+}
+
+// Glocke: FM-Pluck in Delay + Hall
+function bell(f, when) {
+  const ctx = S.ctx, c = S.cur;
+  const car = ctx.createOscillator(), mod = ctx.createOscillator();
+  const mg = ctx.createGain(), out = ctx.createGain(), pan = ctx.createStereoPanner();
+  car.frequency.value = f; mod.frequency.value = f * pick([2, 3, 3.5, 4, 5.04]);
+  const idx = f * (.4 + c.fm * 2.5 + c.bright);
+  mg.gain.setValueAtTime(idx, when); mg.gain.exponentialRampToValueAtTime(1, when + 2.5);
+  const dec = rnd(3, 6);
+  out.gain.setValueAtTime(0, when);
+  out.gain.linearRampToValueAtTime(rnd(.03, .06), when + .012);
+  out.gain.exponentialRampToValueAtTime(.0001, when + dec);
+  pan.pan.value = rnd(-.8, .8);
+  mod.connect(mg).connect(car.frequency);
+  car.connect(out).connect(pan).connect(S.g.voiceBus);
+  const ds = ctx.createGain(); ds.gain.value = .7; pan.connect(ds).connect(S.g.delaySend);
+  car.start(when); mod.start(when); car.stop(when + dec + .1); mod.stop(when + dec + .1);
+  emit(f, when, dec, "bell");
+}
+
+// Rückwärts-Swell: Ton samt Hallfahne offline rendern und umdrehen
+async function renderSwell(f) {
+  const sr = S.ctx.sampleRate, oc = new OfflineAudioContext(2, Math.ceil(sr * 4.5), sr);
+  const lp = oc.createBiquadFilter(); lp.type = "lowpass"; lp.frequency.value = clamp(f * 5, 400, 5000);
+  const env = oc.createGain();
+  env.gain.setValueAtTime(0, 0); env.gain.linearRampToValueAtTime(.3, .01); env.gain.exponentialRampToValueAtTime(.001, 1.6);
+  [["sawtooth", 1, 0], ["sawtooth", 1, 7], ["sine", .5, 0]].forEach(([t, m, d]) => {
+    const o = oc.createOscillator(); o.type = t; o.frequency.value = f * m; o.detune.value = d;
+    o.connect(lp); o.start(0);
+  });
+  lp.connect(env);
+  const conv = oc.createConvolver(); conv.buffer = makeImpulse(oc, 3.4, 2.2);
+  env.connect(conv).connect(oc.destination);
+  const dry = oc.createGain(); dry.gain.value = .4; env.connect(dry).connect(oc.destination);
+  const buf = await oc.startRendering();
+  for (let c = 0; c < buf.numberOfChannels; c++) buf.getChannelData(c).reverse();
+  return buf;
+}
+function playSwell(buf, t) {
+  const ctx = S.ctx, src = ctx.createBufferSource(), g = ctx.createGain();
+  src.buffer = buf; g.gain.setValueAtTime(0, t); g.gain.linearRampToValueAtTime(.9, t + .6);
+  src.connect(g).connect(S.g.voiceBus); src.start(t);
+}
+
+// Granulare Wolke aus dem eigenen Output
+function snapGrains() {
+  const sr = S.ctx.sampleRate;
+  if (S.written < sr * 6) return;
+  const len = Math.min(S.written, S.ring.length), b = S.ctx.createBuffer(1, len, sr), d = b.getChannelData(0);
+  for (let i = 0; i < len; i++) d[i] = S.ring[(S.wp - len + i + S.ring.length) % S.ring.length];
+  S.grainBuf = b;
+}
+function grainCloud() {
+  const amt = S.cur.grain * eff();
+  if (!S.running || !S.grainBuf || amt < .05) return;
+  const ctx = S.ctx, buf = S.grainBuf, n = Math.round(6 + rnd(0, 8) * (.5 + amt)), t0 = ctx.currentTime + .1;
+  const rate = pick([.5, 1, 1, 1.5, 2]);
+  const pos = rnd(0, buf.duration - 3);
+  for (let i = 0; i < n; i++) {
+    const when = t0 + rnd(0, 3.5), dur = rnd(.35, 1.5), src = ctx.createBufferSource(), g = ctx.createGain(), pn = ctx.createStereoPanner();
+    src.buffer = buf; src.playbackRate.value = rate * rnd(.995, 1.005);
+    g.gain.setValueAtTime(0, when); g.gain.linearRampToValueAtTime(.55 * amt, when + dur * .5); g.gain.linearRampToValueAtTime(0, when + dur);
+    pn.pan.value = rnd(-.9, .9);
+    src.connect(g).connect(pn).connect(S.g.grainBus);
+    src.start(when, clamp(pos + rnd(0, 2.5), 0, buf.duration - dur * rate - .05), dur * rate);
+  }
+}
+
+function drone() {
+  const f = mtof(S.root) * .5 * (rng.v() < .3 ? 1.5 : 1);
+  padVoice(f, S.ctx.currentTime + .1, rnd(25, 45), 1.4);
+}
+
+// ---------- Harmonie / Szene ----------
+function spawnChord(t0) {
+  const n = S.scale.length, d = effDens();
+  const stack = [0, 2, 4];
+  if (rng.s() < .5) stack.push(pick([1, 6, 8], rng.s));
+  const count = Math.round(2 + d * 3);
+  const chosen = stack.sort(() => rng.s() - .5).slice(0, count);
+  const oct = pick([1, 1, 2], rng.s);
+  chosen.forEach((st, i) => {
+    const deg = S.degree + st + n * (oct + (rng.s() < .35 ? 1 : 0));
+    const f = freqFromDegree(deg), when = t0 + i * rnd(.5, 3.5), dur = rnd(11, 20) / Math.sqrt(speed());
+    if (rng.v() < S.P.choir && f < 700) choirVoice(f, when, dur); else padVoice(f, when, dur);
+  });
+}
+function playChord() {
+  if (!S.running) return;
+  if (rng.v() < S.P.swell) {
+    renderSwell(freqFromDegree(S.degree + S.scale.length)).then(buf => {
+      if (!S.running) return;
+      const t = S.ctx.currentTime + .1;
+      playSwell(buf, t); spawnChord(t + buf.duration - .3);
+    });
+  } else spawnChord(S.ctx.currentTime + .2);
+}
+function playBells() {
+  if (!S.running) return;
+  if (rng.v() < (.2 + effDens() * .55) * S.P.bells) {
+    const n = S.scale.length, now = S.ctx.currentTime;
+    const deg = S.degree + pick([0, 2, 4, 1, 3, 6]) + n * pick([3, 3, 4]);
+    bell(freqFromDegree(deg), now + .05);
+    if (rng.v() < .25) bell(freqFromDegree(deg + pick([2, 4, -2])), now + rnd(.3, 1.4));
+  }
+}
+function setupLoops() {
+  S.loop.deg = LOOP_PERIODS.map(() => pick([0, 2, 4, 1, 3, 5, 6], rng.s));
+  S.loop.oct = LOOP_PERIODS.map(() => pick([1, 1, 2, 2, 3], rng.s));
+}
+function startLoops() {   // jede Schleife hat ihren festen Zyklus, nichts wiederholt sich hörbar
+  LOOP_PERIODS.forEach((p, i) => {
+    const slot = S.timers.length; S.timers.push(0);
+    const fire = () => {
+      if (!S.running) return;
+      if (i < 1 + Math.round(effDens() * 4)) {
+        const f = freqFromDegree(S.loop.deg[i] + S.scale.length * S.loop.oct[i]), when = S.ctx.currentTime + .1;
+        if (i % 2) bell(f, when); else padVoice(f, when, rnd(8, 14), .6);
+      }
+      S.timers[slot] = setTimeout(fire, p * 1000);
+    };
+    S.timers[slot] = setTimeout(fire, rnd(1, p, rng.n) * 1000);
+  });
+}
+
+function changeDegree() {
+  const n = S.scale.length;
+  S.degree = pick([0, 0, n - 1, 1, 3, 4, 5, 2, 4, n - 2].map(d => d % n), rng.s);
+  S.g.delay.delayTime.setTargetAtTime(pick([.45, .62, .75, .9], rng.s), S.ctx.currentTime, 3);
+}
+function changeKey(soft = true) {
+  let r = S.root + pick([7, 5, 2, -2, 3, -3, 0, 7, 5], rng.s);
+  while (r > 47) r -= 12; while (r < 36) r += 12;
+  S.root = r;
+  S.scaleName = pick(S.P.scales, rng.s); S.scale = SCALES[S.scaleName];
+  S.degree = 0;
+  if (!soft && S.running) drone();
+}
+function wanderTimbre() {
+  const P = S.P, r = rng.s, between = ([a, b]) => rnd(a, b, r);
+  S.tgt = {
+    bright: between(P.bright), fm: between(P.fm), saw: between(P.saw), wt: between(P.wt),
+    noise: between(P.noise), grain: between(P.grain),
+    detune: rnd(2, 18, r), ratio: pick([1, 2, 2, 3, 1.5, .5, 4, 2.01, 3.01], r), motion: rnd(.05, .6, r),
+  };
+}
+
+// ---------- Scheduler ----------
+function later(fn, minS, maxS, salt, first = .3) {
+  const slot = S.timers.length; S.timers.push(0);
+  const r = mulberry32(S.seed * 31 + salt * 7919);
+  const loop = () => {
+    if (!S.running) return;
+    fn();
+    S.timers[slot] = setTimeout(loop, rnd(minS, maxS, r) * 1000 / speed());
+  };
+  S.timers[slot] = setTimeout(loop, rnd(minS, maxS, r) * 1000 / speed() * first);
+}
+
+function tick() {
+  if (!S.running) return;
+  const e = eff(), k = .024 * speed(), t = S.ctx.currentTime, G = S.g;
+  for (const key in S.cur) S.cur[key] += (S.tgt[key] - S.cur[key]) * k;
+  G.filter.frequency.setTargetAtTime(500 + S.cur.bright * 4500 * (.6 + .6 * e), t, 2);
+  G.lfo.frequency.setTargetAtTime(.02 + S.cur.motion * .12, t, 4);
+  G.lfoAmt.gain.setTargetAtTime(150 + S.cur.bright * 1200, t, 4);
+  const nl = S.cur.noise * (1.3 - .6 * e);
+  G.windGain.gain.setTargetAtTime(.3 * nl, t, 3);
+  G.seaGain.gain.setTargetAtTime(.35 * nl, t, 3);
+  G.bp.frequency.setTargetAtTime(400 + S.cur.bright * 1400, t, 5);
+  renderMeters(); updateInfo();
+}
+
+function resetScene() {
+  S.t0 = S.ctx.currentTime;
+  seedAll(S.seed);
+  S.arcLen = rnd(540, 840, rng.n);
+  S.waves = makeWaves();
+  wanderTimbre(); S.cur = { ...S.tgt };
+  changeKey(true); setupLoops();
+}
+
+// Kommunikation mit der einbettenden Seite (diora): Radio/Podcast ↔ Ambient
+function post(state) {
+  try { if (window.parent !== window) window.parent.postMessage({ type: "ambient", state }, "*"); } catch (e) {}
+}
+addEventListener("message", e => {
+  if (e.source !== window.parent) return;
+  const d = e.data;
+  if (!d || d.type !== "ambient") return;
+  if (d.cmd === "start" && !S.running) start();
+  else if (d.cmd === "stop" && S.running) stop();
+});
+
+function start() {
+  if (!S.ctx) buildGraph();
+  S.running = true; S.timers = [];
+  // Ohne Nutzergeste (z. B. Befehl von außen) kann der Browser den Ton blockieren -> dann ehrlich "stopped" melden
+  S.ctx.resume().then(() => { if (S.running && S.ctx.state !== "running") stop(); }, () => { if (S.running) stop(); });
+  resetScene();
+  const t = S.ctx.currentTime;
+  S.g.master.gain.cancelScheduledValues(t);
+  S.g.master.gain.setTargetAtTime(+$("vol").value, t, 2.5);
+  drone(); playChord();
+  later(playChord, 10, 18, 1);
+  later(playBells, 2, 6, 2);
+  later(changeDegree, 18, 34, 3);
+  later(wanderTimbre, 15, 30, 4);
+  later(() => changeKey(true), 90, 180, 5);
+  later(drone, 40, 70, 6);
+  later(grainCloud, 3, 8, 7);
+  later(snapGrains, 20, 30, 8, .3);
+  startLoops();
+  S.timers.push(setInterval(tick, 1000));
+  $("toggle").textContent = "Stopp";
+  wake(); post("playing");
+}
+function stop() {
+  S.running = false;
+  S.timers.forEach(t => { clearTimeout(t); clearInterval(t); }); S.timers = [];
+  const t = S.ctx.currentTime;
+  S.g.master.gain.cancelScheduledValues(t);
+  S.g.master.gain.setTargetAtTime(0, t, 1.5);
+  setTimeout(() => { if (!S.running) S.ctx.suspend(); }, 12000);
+  $("toggle").textContent = "Start";
+  S.visUntil = performance.now() + 14000;   // Partikel noch ausklingen lassen, danach Zeichnen stoppen
+  post("stopped");
+}
+function reroll() {   // neue Szene, laufende Stimmen klingen aus
+  resetScene();
+  if (S.running) { drone(); playChord(); }
+}
+
+// ---------- Seed / Link ----------
+function writeHash() {
+  try { history.replaceState(null, "", "#seed=" + encodeURIComponent(S.seedText) + "&p=" + encodeURIComponent(S.presetName)); } catch (e) {}
+}
+function applySeed(text) {
+  S.seedText = text.trim() || String(Math.floor(Math.random() * 900000) + 100000);
+  S.seed = toSeed(S.seedText); $("seed").value = S.seedText; writeHash();
+  if (S.ctx) reroll(); else seedAll(S.seed);
+}
+function applyPreset(name) {
+  if (!PRESETS[name]) name = "Frei";
+  S.presetName = name; S.P = PRESETS[name]; $("preset").value = name; writeHash();
+  if (S.running) { wanderTimbre(); changeKey(false); }
+}
+
+// ---------- UI ----------
+const METERS = [
+  ["Helligkeit", () => S.cur.bright], ["FM", () => S.cur.fm], ["Säge", () => S.cur.saw], ["Wavetable", () => S.cur.wt],
+  ["Rauschen", () => S.cur.noise], ["Körner", () => S.cur.grain], ["Bewegung", () => S.cur.motion * 1.6], ["Spannung", () => eff()],
+];
+$("meters").innerHTML = METERS.map(([l], i) =>
+  `<div><div class="mlabel">${l}</div><div class="meter"><i id="m${i}"></i></div></div>`).join("");
+function renderMeters() { METERS.forEach(([, fn], i) => $("m" + i).style.width = clamp(fn() * 100, 2, 100) + "%"); }
+
+const ROMAN = ["I","II","III","IV","V","VI","VII","VIII"];
+function arcLabel() {
+  const p = arcPhase();
+  return p < .15 ? "Ruhe" : p < .4 ? "Aufbau" : p < .6 ? "Höhepunkt" : p < .85 ? "Rückzug" : "Ruhe";
+}
+function updateInfo() {
+  $("key").textContent = `${NOTE[S.root % 12]} ${S.scaleName}`;
+  $("chord").innerHTML = `Stufe <b>${ROMAN[S.degree] || S.degree + 1}</b> · ${S.presetName} · ${S.tuning === "just" ? "rein" : "gleichstufig"} · Bogen: <b>${arcLabel()}</b>`;
+}
+
+$("preset").innerHTML = Object.keys(PRESETS).map(n => `<option>${n}</option>`).join("");
+$("toggle").onclick = () => S.running ? stop() : start();
+$("vol").oninput = e => { if (S.running) S.g.master.gain.setTargetAtTime(+e.target.value, S.ctx.currentTime, .1); };
+$("density").oninput = e => S.density = +e.target.value;
+$("drift").oninput = e => S.drift = +e.target.value;
+$("arc").oninput = e => S.arcDepth = +e.target.value;
+$("verb").oninput = e => { S.verb = +e.target.value; if (S.g) S.g.send.gain.setTargetAtTime(S.verb * 1.2, S.ctx.currentTime, .2); };
+$("tuning").onchange = e => { S.tuning = e.target.value; updateInfo(); };
+$("preset").onchange = e => applyPreset(e.target.value);
+$("seed").onchange = e => applySeed(e.target.value);
+$("reroll").onclick = () => { applySeed(String(Math.floor(Math.random() * 900000) + 100000)); if (!S.running) start(); };
+$("share").onclick = async () => {
+  writeHash();
+  try { await navigator.clipboard.writeText(location.href); $("share").textContent = "Kopiert ✓"; }
+  catch (e) { $("share").textContent = "Adresszeile kopieren"; }
+  setTimeout(() => $("share").textContent = "Link kopieren", 1800);
+};
+S.density = +$("density").value; S.drift = +$("drift").value; S.verb = +$("verb").value; S.arcDepth = +$("arc").value;
+
+// Startwerte aus dem Link (#seed=…&p=…)
+{
+  const q = new URLSearchParams(location.hash.slice(1));
+  applyPreset(q.get("p") || "Frei");
+  applySeed(q.get("seed") || "");
+}
+
+// ---------- Visualisierung ----------
+const cv = $("viz"), cx = cv.getContext("2d");
+let rafId = 0;
+S.visUntil = performance.now() + 1500;
+function wake() { if (!rafId) rafId = requestAnimationFrame(draw); }
+function resize() {
+  cv.width = Math.round(cv.clientWidth * devicePixelRatio);
+  cv.height = Math.round(cv.clientHeight * devicePixelRatio);
+  wake();
+}
+resize();
+new ResizeObserver(resize).observe(document.documentElement);   // auch beim Wieder-Einblenden eines versteckten iframes
+document.addEventListener("visibilitychange", wake);
+let hueV = 220; const parts = [];
+function spawnParticles(ev) {
+  const W = cv.width, H = cv.height;
+  const x = W * clamp((Math.log2(ev.f) - 5) / 7.2, .02, .98);
+  const count = ev.kind === "bell" ? 6 : Math.round(3 + ev.dur / 5);
+  const keyHue = (S.root % 12) * 30 + 200;
+  for (let i = 0; i < count && parts.length < 450; i++) {
+    parts.push({
+      x: x + rnd(-40, 40, Math.random) * devicePixelRatio, y: H * rnd(.55, .85, Math.random),
+      vx: rnd(-.12, .12, Math.random), vy: -rnd(.08, .4, Math.random) * (ev.kind === "bell" ? 1.6 : 1),
+      r: (ev.kind === "bell" ? rnd(4, 9, Math.random) : rnd(10, 30, Math.random)) * devicePixelRatio,
+      life: 0, max: ev.kind === "bell" ? rnd(180, 320, Math.random) : Math.min(ev.dur * 40, 700),
+      h: keyHue + (ev.kind === "choir" ? 60 : ev.kind === "bell" ? 25 : 0) + rnd(-12, 12, Math.random),
+    });
+  }
+}
+function draw(ts) {
+  rafId = 0;
+  const W = cv.width, H = cv.height, dpr = devicePixelRatio;
+  // Nichts zeichnen (und nicht neu planen), wenn versteckt, 0 px groß oder die Musik steht
+  if (document.hidden || !W || !H || !cv.clientWidth) return;
+  if (!S.running && performance.now() > S.visUntil) return;
+  rafId = requestAnimationFrame(draw);
+  cx.globalCompositeOperation = "source-over";
+  cx.fillStyle = `rgba(${BG[0]},${BG[1]},${BG[2]},.16)`; cx.fillRect(0, 0, W, H);
+  if (!S.g) return;
+  const bins = new Uint8Array(S.g.analyser.frequencyBinCount);
+  S.g.analyser.getByteFrequencyData(bins);
+  let lvl = 0; for (let i = 0; i < 80; i++) lvl += bins[i]; lvl = lvl / 80 / 255;
+  const target = (S.root % 12) * 30 + 200 + S.cur.bright * 40;
+  hueV += (((target - hueV + 540) % 360) - 180) * .01;
+
+  cx.globalCompositeOperation = "lighter";
+  // Nebel
+  for (let i = 0; i < 4; i++) {
+    const x = W * (.5 + .38 * Math.sin(ts * .00006 * (i + 1) + i * 2)), y = H * (.5 + .3 * Math.cos(ts * .00005 * (i + 2) + i));
+    const r = Math.min(W, H) * (.4 + .12 * Math.sin(ts * .0001 + i));
+    const gr = cx.createRadialGradient(x, y, 0, x, y, r);
+    gr.addColorStop(0, `hsla(${hueV + i * 28},70%,50%,${.04 + lvl * .16})`); gr.addColorStop(1, "hsla(0,0%,0%,0)");
+    cx.fillStyle = gr; cx.fillRect(0, 0, W, H);
+  }
+  // Notenereignisse -> Partikel
+  const now = S.ctx.currentTime;
+  S.vis = S.vis.filter(ev => { if (ev.t <= now) { if (now - ev.t < 2) spawnParticles(ev); return false; } return ev.t - now < 120; });
+  for (let i = parts.length - 1; i >= 0; i--) {
+    const p = parts[i]; p.life++; p.x += p.vx * dpr + Math.sin((ts + i * 97) * .0007) * .15; p.y += p.vy * dpr;
+    if (p.life > p.max) { parts.splice(i, 1); continue; }
+    const k = p.life / p.max, a = Math.sin(Math.PI * k) * .35;
+    const gr = cx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.r);
+    gr.addColorStop(0, `hsla(${p.h},80%,65%,${a})`); gr.addColorStop(1, "hsla(0,0%,0%,0)");
+    cx.fillStyle = gr; cx.beginPath(); cx.arc(p.x, p.y, p.r, 0, 6.3); cx.fill();
+  }
+  // Spektrumlinie
+  cx.lineWidth = 1.6 * dpr; const N = 90;
+  for (let layer = 0; layer < 2; layer++) {
+    cx.beginPath();
+    for (let i = 0; i <= N; i++) {
+      const v = bins[Math.floor(Math.pow(i / N, 1.8) * 420) + layer * 3] / 255;
+      const x = i / N * W, y = H * (.9 - layer * .03) - v * H * .22;
+      i ? cx.lineTo(x, y) : cx.moveTo(x, y);
+    }
+    cx.strokeStyle = `hsla(${hueV + layer * 40},80%,70%,${.4 - layer * .15})`; cx.stroke();
+  }
+}
+wake();
+post("stopped");
+</script>
+</body>
+</html>
diff --git a/static/css/app.css b/static/css/app.css
index 050ed16..e6d8b7b 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -389,6 +389,15 @@ a:hover {
   min-height: 200px;
 }
 
+/* Ambient: the synthesizer's frame fills the room down to the player bar (app.js _ambientSize). */
+.ambient-frame {
+  display: block;
+  width: 100%;
+  height: 70vh;
+  border: 0;
+  background: #000;
+}
+
 .sub-tabs {
   border-bottom-color: transparent;
   margin-bottom: 1rem;
diff --git a/static/js/app.js b/static/js/app.js
index 6016b1b..6e6a0cd 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -158,6 +158,7 @@ function customPrompt(message, defaultValue = '') {
 
 function playStation(url, name, stationId) {
   stopPlayback(false);
+  if (window.__dioraAmbientStop) window.__dioraAmbientStop();
 
   // A secure page can't load plain-http streams (mixed content). Native shells
   // that play the stream themselves set window.DIORA_PLAYS_HTTP_STREAMS.
@@ -1177,7 +1178,7 @@ async function editNotes(pk, current) {
 // Tabs
 // ---------------------------------------------------------------------------
 
-const TOP_TABS = ['radio', 'focus', 'podcasts', 'books'];
+const TOP_TABS = ['radio', 'focus', 'podcasts', 'books', 'ambient'];
 const RADIO_SUB_TABS = ['search', 'saved', 'history'];
 
 // ---------------------------------------------------------------------------
@@ -1234,8 +1235,56 @@ function showTab(name) {
   _syncHash();
 
   if (name === 'books') loadBookList();
+  if (name === 'ambient') _ambientLoad();
 }
 
+// ---------------------------------------------------------------------------
+// Ambient: "Drift" (static/ambient/), a generative synthesizer in a frame of its
+// own. It and the radio / podcast player take turns — one starting stops the
+// other — by postMessage: {type: 'ambient', cmd: 'start'|'stop'} to the frame,
+// {type: 'ambient', state: 'playing'|'stopped'} from it.
+// ---------------------------------------------------------------------------
+let _ambientPlaying = false;
+
+function _ambientFrame() {
+  return $('ambient-frame');
+}
+
+function _ambientLoad() {
+  const f = _ambientFrame();
+  if (!f) return;
+  if (!f.getAttribute('src')) f.src = f.dataset.src;
+  requestAnimationFrame(_ambientSize);
+}
+
+// The frame fills the room between the tabs and the player bar at the bottom.
+function _ambientSize() {
+  const f = _ambientFrame();
+  if (!f || _currentTopTab !== 'ambient') return;
+  const root = getComputedStyle(document.documentElement);
+  const bar = parseFloat(root.getPropertyValue('--nui-dock-h')) || parseFloat(root.getPropertyValue('--dpw-bar-h')) || 0;
+  const top = f.getBoundingClientRect().top + window.scrollY;
+  f.style.height = Math.max(320, Math.floor(window.innerHeight - top - bar)) + 'px';
+}
+window.addEventListener('resize', () => requestAnimationFrame(_ambientSize));
+
+// The radio or a podcast starts: Ambient stops.
+window.__dioraAmbientStop = function () {
+  const f = _ambientFrame();
+  if (_ambientPlaying && f && f.contentWindow) f.contentWindow.postMessage({type: 'ambient', cmd: 'stop'}, '*');
+};
+
+window.addEventListener('message', e => {
+  const f = _ambientFrame();
+  const d = e.data;
+  if (!f || e.source !== f.contentWindow || !d || d.type !== 'ambient' || !d.state) return;
+  _ambientPlaying = d.state === 'playing';
+  if (!_ambientPlaying) return;
+  // Ambient starts: the radio and a podcast here stop.
+  if (typeof isPlaying !== 'undefined' && isPlaying) stopPlayback(false);
+  if (window.__dioraPausePlayer) window.__dioraPausePlayer();
+});
+
 function showRadioTab(name) {
   RADIO_SUB_TABS.forEach(p => {
     const panel = $(`tab-${p}`);
diff --git a/static/js/sw.js b/static/js/sw.js
index 8c93abc..0f6ab15 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v72';
+const CACHE = 'diora-v73';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
@@ -11,6 +11,7 @@ const SHELL = [
   '/static/podcasts/podcast-ui.css',
   '/static/podcasts/podcasts-web.css',
   '/static/manifest.json',
+  '/static/ambient/index.html',
   '/static/fonts/SourceSerif4-normal-latin.woff2',
   '/static/fonts/SourceSerif4-normal-latin-ext.woff2',
   '/static/fonts/SourceSerif4-italic-latin.woff2',
@@ -77,7 +78,8 @@ self.addEventListener('fetch', function (event) {
   const isShell = SHELL.some(function (s) { return url.pathname === s; });
   if (isShell) {
     event.respondWith(
-      caches.match(event.request).then(function (cached) {
+      // ignoreSearch: the Ambient frame loads with ?embed=1&bg=…
+      caches.match(event.request, {ignoreSearch: true}).then(function (cached) {
         return cached || fetch(event.request);
       })
     );
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 48023e6..0ad47fc 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 370e653 2026-10-03: web-native/static/native-podcast.js
+// Copied from diora-android d323614 2026-10-03: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -4294,6 +4294,8 @@
   window.__dioraPlayer = function (p) {
     const before = player;
     player = p || {kind: null};
+    // Something starts playing here (an episode, the radio): Ambient stops (app.js).
+    if (player.playing && !before.playing && !player.remote && window.__dioraAmbientStop) window.__dioraAmbientStop();
     renderMini();
     renderPlayer();
     // The current episode changed: the queue view marks it.
@@ -4302,6 +4304,11 @@
     if (epScreen && (before.episodeId !== player.episodeId || !!before.playing !== !!player.playing)) episodeScreenParts();
   };
 
+  // Ambient starts (app.js): an episode playing here pauses.
+  window.__dioraPausePlayer = function () {
+    if (player.kind === 'podcast' && player.playing && !player.remote && N.podcastToggle) N.podcastToggle();
+  };
+
   // The app loads this in <head>; the browser may load it after the page is parsed.
   function start(fn) {
     if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', fn);
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 9d57b91..78ee240 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -51,6 +51,7 @@
   <button class="tab-btn" onclick="showTab('focus')">Fokus</button>
   <button class="tab-btn" onclick="showTab('podcasts')">Podcasts</button>
   <button class="tab-btn" onclick="showTab('books')">Bücher</button>
+  <button class="tab-btn" onclick="showTab('ambient')">Ambient</button>
 </div>
 
 <!-- ===== RADIO TAB ===== -->
@@ -254,6 +255,14 @@
   {% endif %}
 </section>
 
+<!-- ===== AMBIENT TAB ===== -->
+{% comment %}"Drift", a generative ambient synthesizer (static/ambient/), in a frame of its own: its
+   script and styles stay apart from the page's. Loaded the first time the tab opens.{% endcomment %}
+<section class="tab-panel" id="tab-ambient" style="display:none;">
+  <iframe id="ambient-frame" class="ambient-frame" title="Ambient" allow="autoplay; clipboard-write"
+          data-src="/static/ambient/index.html?embed=1&amp;bg=%23000000"></iframe>
+</section>
+
 <!-- ===== READER OVERLAY ===== -->
 <div id="reader-overlay" class="reader-overlay" style="display:none;">
   <div class="reader-header">

From 794dbadbf55503323a06280bc6811c7166f03b20 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 3 Oct 2026 23:22:00 +0200
Subject: [PATCH 067/176] =?UTF-8?q?Ambient:=20Sleep-Timer=20z=C3=A4hlt=20u?=
 =?UTF-8?q?nd=20stoppt=20Drift=20(Browser=20und=20App),=20=E2=98=BE=20im?=
 =?UTF-8?q?=20Ambient-Tab;=20sw=20v74?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- app.js: __dioraAmbientCmd, meldet Start/Stopp an die App (DioraNative.ambientState,
  sie hält Drift bei ausgeschaltetem Bildschirm am Laufen) und an den Browser-Host
- podcasts-web.js: der Sleep-Timer zählt auch, solange Ambient spielt, stoppt es beim
  Ablauf; Nachtautomatik auch beim Ambient-Start

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app.js                  | 13 ++++++++--
 static/js/podcasts-web.js         | 13 ++++++++--
 static/js/sw.js                   |  2 +-
 static/podcasts/native-podcast.js | 41 ++++++++++++++++++++++---------
 static/podcasts/podcast-ui.css    | 18 +++++++++++++-
 5 files changed, 70 insertions(+), 17 deletions(-)

diff --git a/static/js/app.js b/static/js/app.js
index 6e6a0cd..35ba6f4 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -1268,17 +1268,26 @@ function _ambientSize() {
 }
 window.addEventListener('resize', () => requestAnimationFrame(_ambientSize));
 
+// A command for Drift ('start' | 'stop'): the app's notification, the sleep timer.
+window.__dioraAmbientCmd = function (cmd) {
+  const f = _ambientFrame();
+  if (f && f.contentWindow && f.getAttribute('src')) f.contentWindow.postMessage({type: 'ambient', cmd}, '*');
+};
+
 // The radio or a podcast starts: Ambient stops.
 window.__dioraAmbientStop = function () {
-  const f = _ambientFrame();
-  if (_ambientPlaying && f && f.contentWindow) f.contentWindow.postMessage({type: 'ambient', cmd: 'stop'}, '*');
+  if (_ambientPlaying) window.__dioraAmbientCmd('stop');
 };
+window.__dioraAmbientPlaying = () => _ambientPlaying;
 
 window.addEventListener('message', e => {
   const f = _ambientFrame();
   const d = e.data;
   if (!f || e.source !== f.contentWindow || !d || d.type !== 'ambient' || !d.state) return;
   _ambientPlaying = d.state === 'playing';
+  // The app keeps it going with the screen off (AmbientService); the browser's sleep timer counts it.
+  if (window.DioraNative && DioraNative.ambientState) DioraNative.ambientState(_ambientPlaying);
+  if (window.__dioraOnAmbient) window.__dioraOnAmbient(_ambientPlaying);
   if (!_ambientPlaying) return;
   // Ambient starts: the radio and a podcast here stop.
   if (typeof isPlaying !== 'undefined' && isPlaying) stopPlayback(false);
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index becb8da..83c8c8e 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -544,6 +544,7 @@
         setFade(1);
         pause();
         stopRadio();   // the radio sleeps too (it plays in app.js's element)
+        if (window.__dioraAmbientStop) window.__dioraAmbientStop();   // and Ambient
         sleepChanged();
         return;
       }
@@ -574,6 +575,14 @@
     },
   };
 
+  const ambientPlaying = () => !!(window.__dioraAmbientPlaying && window.__dioraAmbientPlaying());
+
+  // Ambient starts or stops (app.js): at night the timer may switch itself on; the page shows it.
+  window.__dioraOnAmbient = function (on) {
+    if (on) sleep.maybeAutoEnable();
+    setTimeout(report, 100);
+  };
+
   // Set, changed or done here: the other devices show it (when this one is the active one).
   function sleepChanged() {
     if (typeof sync !== 'undefined' && sync.state && sync.state.device_id === DEVICE_ID) syncSoon();
@@ -924,8 +933,8 @@
       if (playing && Date.now() - lastSaved > 10000) saveNow(id, true);
       if (playing) skipOutro(id);
     }
-    // The sleep timer counts while either plays (radio and podcasts share the player).
-    sleep.tick(playing || radioPlaying());
+    // The sleep timer counts while any of them plays (radio and podcasts share the player; Ambient).
+    sleep.tick(playing || radioPlaying() || ambientPlaying());
     // While playing, the shared player hears from us every 10 s (its place, and that we're alive).
     if ((playing || radioPlaying()) && Date.now() - sync.lastSent >= REPORT_EVERY_MS && !busy()) syncReport();
     // Another device's place moves on in the bar too.
diff --git a/static/js/sw.js b/static/js/sw.js
index 0f6ab15..611a144 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v73';
+const CACHE = 'diora-v74';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 0ad47fc..df2a096 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android d323614 2026-10-03: web-native/static/native-podcast.js
+// Copied from diora-android 67a915e 2026-10-03: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -2825,6 +2825,22 @@
     }
   }
 
+  // Ambient (app.js's #tab-ambient): its sleep timer, a ☾ at the frame's top right corner.
+  function ambientSleepButton() {
+    const tab = $id('tab-ambient');
+    if (!tab || !N.podcastSleep || $id('nui-amb-sleep')) return;
+    const b = button('☾', 'Sleep-Timer', () => sleepMenu(true, true), 'nui-pod-sleep');
+    b.id = 'nui-amb-sleep';
+    tab.append(b);
+  }
+
+  function renderAmbientSleep() {
+    const b = $id('nui-amb-sleep');
+    if (!b) return;
+    b.textContent = sleepLabel(true) || '☾';
+    b.classList.toggle('on', !!sleepLabel(true));
+  }
+
   // The bar names a running sleep timer: "… · ☾ 12 min".
   function sleepSuffix() {
     const l = sleepLabel();
@@ -2854,6 +2870,7 @@
   }
 
   function renderMini() {
+    renderAmbientSleep();
     const r = remote();
     const isPod = player.kind === 'podcast';
     document.documentElement.classList.toggle('nui-pod-playing', isPod || !!r);
@@ -3516,14 +3533,15 @@
 
   // ---- sleep timer (runs in the app, also with the screen off; episodes and the radio) ----
 
-  // The timer that counts: the other device's while that one is the active one, else ours.
-  function sleepState() {
-    const r = remote();
+  // The timer that counts: the other device's while that one is the active one, else ours
+  // (`local`: ours anyway — Ambient's button, Ambient plays here).
+  function sleepState(local) {
+    const r = local ? null : remote();
     return (r ? r.sleep : player.sleep) || {};
   }
 
-  function sleepLabel() {
-    const t = sleepState();
+  function sleepLabel(local) {
+    const t = sleepState(local);
     if (t.episodes > 0) return t.episodes === 1 ? '☾ Folgenende' : `☾ ${t.episodes} Folgen`;
     if (t.leftMs > 0) return `☾ ${Math.max(1, Math.ceil(t.leftMs / 60000))} min`;
     return '';
@@ -3562,18 +3580,18 @@
 
   // Minutes count only while playing; shaking the phone starts them over. With another
   // device playing, the timer is that device's (set there by the player sync).
-  function sleepMenu(radio) {
-    const r = remote();
+  function sleepMenu(radio, local) {
+    const r = local ? null : remote();
     const set = r ? (m => remoteCmd('sleep', m)) : N.podcastSleep ? (m => N.podcastSleep(m)) : null;
     if (!set) return;
     const onRadio = r ? r.kind === 'radio' : radio === true;
-    const t = sleepState();
+    const t = sleepState(local);
     const own = player.sleep || {};
-    const on = !!sleepLabel();
+    const on = !!sleepLabel(local);
     const items = [];
     if (r) items.push({custom: el('div', 'nui-pod-meta nui-pod-devnote', `Der Sleep-Timer gilt für ${remoteName(r)}.`)});
     if (on) {
-      items.push({icon: '✕', label: 'Ausschalten', hint: sleepLabel().replace('☾ ', 'läuft: '), action: () => set(0)});
+      items.push({icon: '✕', label: 'Ausschalten', hint: sleepLabel(local).replace('☾ ', 'läuft: '), action: () => set(0)});
       if (t.leftMs > 0) {
         for (const m of [5, 10]) {
           items.push({icon: '+', label: `${m} Minuten länger`, action: () => (!r && N.podcastSleepExtend
@@ -4322,6 +4340,7 @@
     window.refreshAllFeeds = async function () {};
     build();
     buildMini();
+    ambientSleepButton();
     player = parse(N.playerState(), {kind: null});
     moveFeedListsToServer();
     render();
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index d040f06..7422bc7 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android abda34a 2026-10-03: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 67a915e 2026-10-03: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -780,3 +780,19 @@ body.eink .nui-pod-facts a { text-decoration-color: #000; }
    sheet comes above both (app.css has it at 500/501, under them). */
 .modal-overlay { z-index: 990; }
 .modal-dialog { z-index: 991; }
+
+/* Ambient's sleep timer: a ☾ on the synthesizer's frame, top right (native-podcast.js). */
+#tab-ambient { position: relative; }
+#nui-amb-sleep {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  z-index: 2;
+  min-width: 44px;
+  height: 36px;
+  padding: 0 12px;
+  border-radius: 18px;
+  border: 1px solid rgba(255, 255, 255, 0.18);
+  background: rgba(0, 0, 0, 0.55);
+  color: #ddd;
+}

From 0fbb948c1a1e08a73ddd317bf216abec1a172b73 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 3 Oct 2026 23:37:09 +0200
Subject: [PATCH 068/176] =?UTF-8?q?Ambient:=20Drift=20v3=20=E2=80=93=2023?=
 =?UTF-8?q?=20Klangwelten=20(Rauschfarben,=20Natur,=20Technik,=20Fokus=20&?=
 =?UTF-8?q?=20Schlaf);=20sw=20v75?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Aus der Session "Ambient-Synthesizer-Webapp": Ambient-Musik ist jetzt ein Modus neben
weißem/pinkem/braunem/blauem/violettem/grauem Rauschen, Regen, Gewitter, Meer, Wind, Bach,
Lagerfeuer, Sommernacht, Ventilator, Flugzeugkabine, Zugfahrt, binauralen Beats,
Klangschalen und Herzschlag. Alles live synthetisiert, offline; Schnittstelle zu diora
unverändert (neu: cmd 'mode').

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/ambient/index.html | 551 ++++++++++++++++++++++++++++++++++++--
 static/js/sw.js           |   2 +-
 2 files changed, 527 insertions(+), 26 deletions(-)

diff --git a/static/ambient/index.html b/static/ambient/index.html
index fd541e0..555c36a 100644
--- a/static/ambient/index.html
+++ b/static/ambient/index.html
@@ -16,6 +16,10 @@
     overflow-x:hidden; overflow-y:auto; }
   .embed header { display:none; }
   .embed #share { display:none; }
+  .embed .state { padding-right:58px; }   /* oben rechts liegt in diora ein Knopf */
+  .noise .m-music, .noise .meters { display:none !important; }
+  html:not(.noise) .m-noise { display:none; }
+  .noise:not(.rev) .m-hall { display:none; }
   main > * { pointer-events:auto; }
   h1 { margin:0; font-weight:300; letter-spacing:.35em; text-transform:uppercase; font-size:18px; }
   .sub { color:var(--dim); font-size:13px; margin-top:4px; }
@@ -68,20 +72,24 @@
 
   <div class="panel">
     <button class="primary" id="toggle">Start</button>
-    <label>Stimmung
+    <label>Modus
+      <select id="mode"></select></label>
+    <label class="m-music">Stimmung
       <select id="preset"></select></label>
-    <label>Seed
+    <label class="m-music">Seed
       <input type="text" id="seed" spellcheck="false"></label>
-    <button id="reroll" title="Neuer Seed, neue Szene">Neu würfeln</button>
-    <button id="share" title="Link mit Seed und Stimmung kopieren">Link kopieren</button>
-    <label>Tuning
+    <button id="reroll" class="m-music" title="Neuer Seed, neue Szene">Neu würfeln</button>
+    <button id="share" class="m-music" title="Link mit Seed und Stimmung kopieren">Link kopieren</button>
+    <label class="m-music">Tuning
       <select id="tuning"><option value="just">Rein</option><option value="equal">Gleichstufig</option></select></label>
     <div class="sep"></div>
     <label>Lautstärke <input type="range" id="vol" min="0" max="1" step="0.01" value="0.7"></label>
-    <label>Dichte <input type="range" id="density" min="0" max="1" step="0.01" value="0.5"></label>
-    <label>Wandel-Tempo <input type="range" id="drift" min="0" max="1" step="0.01" value="0.5"></label>
-    <label>Hall <input type="range" id="verb" min="0" max="1" step="0.01" value="0.6"></label>
-    <label>Spannungsbogen <input type="range" id="arc" min="0" max="1" step="0.01" value="0.6"></label>
+    <label class="m-noise"><span id="lla">A</span> <input type="range" id="la" min="0" max="1" step="0.01" value="0.5"></label>
+    <label class="m-noise"><span id="llb">B</span> <input type="range" id="lb" min="0" max="1" step="0.01" value="0.5"></label>
+    <label class="m-music">Dichte <input type="range" id="density" min="0" max="1" step="0.01" value="0.5"></label>
+    <label><span id="driftL">Wandel-Tempo</span> <input type="range" id="drift" min="0" max="1" step="0.01" value="0.5"></label>
+    <label class="m-hall">Hall <input type="range" id="verb" min="0" max="1" step="0.01" value="0.6"></label>
+    <label class="m-music">Spannungsbogen <input type="range" id="arc" min="0" max="1" step="0.01" value="0.6"></label>
   </div>
 </main>
 
@@ -165,6 +173,7 @@ const S = {
   timers: [], waves: [], loop: { deg:[], oct:[] }, vis: [],
   ring: null, wp: 0, written: 0, grainBuf: null,
 };
+let rafId = 0;   // Zeichenschleife (siehe wake/draw)
 const speed = () => 0.35 + S.drift * 2.2;
 
 // Spannungsbogen: 0 = ruhig, 1 = Höhepunkt, über mehrere Minuten
@@ -293,6 +302,9 @@ function buildGraph() {
   g.voiceBus.connect(proc); proc.connect(zero).connect(ctx.destination);
   g.grainBus = ctx.createGain(); g.grainBus.connect(g.filter);
 
+  g.modeBus = ctx.createGain(); g.modeBus.connect(g.mix);       // Klangwelten (Rauschen, Natur, …)
+  g.modeRev = ctx.createGain(); g.modeRev.gain.value = 0; g.modeBus.connect(g.modeRev).connect(g.conv);
+
   g.analyser = ctx.createAnalyser(); g.analyser.fftSize = 2048; g.analyser.smoothingTimeConstant = .88;
   g.master.connect(g.analyser); g.master.connect(ctx.destination);
 }
@@ -562,6 +574,7 @@ function later(fn, minS, maxS, salt, first = .3) {
 
 function tick() {
   if (!S.running) return;
+  if (!MODES[S.mode].music) { tickMode(); return; }
   const e = eff(), k = .024 * speed(), t = S.ctx.currentTime, G = S.g;
   for (const key in S.cur) S.cur[key] += (S.tgt[key] - S.cur[key]) * k;
   G.filter.frequency.setTargetAtTime(500 + S.cur.bright * 4500 * (.6 + .6 * e), t, 2);
@@ -583,6 +596,423 @@ function resetScene() {
   changeKey(true); setupLoops();
 }
 
+// ---------- Klangwelten (Modi) ----------
+// Musik ist nur ein Modus von vielen. Alle anderen sind ebenfalls komplett synthetisiert.
+S.mode = "ambient"; S.modeObj = null; S.mp = { a: .5, b: .5 }; S.flash = 0; S.tickId = 0;
+const T = () => S.ctx.currentTime;
+const sm = (p, v, tc = .6) => p.setTargetAtTime(v, T(), tc);
+const R = (a, b) => a + Math.random() * (b - a);
+function bq(type, f, Q = .7, gain = 0) {
+  const n = S.ctx.createBiquadFilter(); n.type = type; n.frequency.value = f; n.Q.value = Q; n.gain.value = gain; return n;
+}
+
+// Rauschfarben: 10 s Stereo-Loop pro Typ, Naht per Equal-Power-Crossfade, auf gleiche Lautheit normalisiert
+const NB = {};
+function noiseBuf(type) {
+  if (NB[type]) return NB[type];
+  const ctx = S.ctx, sr = ctx.sampleRate, len = sr * 10, fade = Math.floor(sr * .5), tot = len + fade;
+  const buf = ctx.createBuffer(2, len, sr);
+  for (let c = 0; c < 2; c++) {
+    const raw = new Float32Array(tot);
+    let b0=0,b1=0,b2=0,b3=0,b4=0,b5=0,b6=0, brown=0, prevP=0, prevW=0;
+    for (let i = 0; i < tot; i++) {
+      const w = Math.random() * 2 - 1;
+      if (type === "white") raw[i] = w;
+      else if (type === "violet") { raw[i] = w - prevW; prevW = w; }
+      else if (type === "brown") { brown = (brown + .02 * w) / 1.02; raw[i] = brown; }
+      else {   // pink, blue (= Ableitung von pink)
+        b0=.99886*b0+w*.0555179; b1=.99332*b1+w*.0750759; b2=.969*b2+w*.153852;
+        b3=.8665*b3+w*.3104856; b4=.55*b4+w*.5329522; b5=-.7616*b5-w*.016898;
+        const p = b0+b1+b2+b3+b4+b5+b6+w*.5362; b6 = w*.115926;
+        if (type === "pink") raw[i] = p; else { raw[i] = p - prevP; prevP = p; }
+      }
+    }
+    let sum = 0; for (let i = 0; i < tot; i++) sum += raw[i] * raw[i];
+    const k = .2 / Math.sqrt(sum / tot + 1e-12), d = buf.getChannelData(c);
+    for (let i = 0; i < len; i++) d[i] = clamp(raw[i] * k, -1, 1);
+    for (let i = 0; i < fade; i++) {
+      const th = i / fade * Math.PI / 2;
+      d[i] = clamp((raw[i] * Math.sin(th) + raw[len + i] * Math.cos(th)) * k, -1, 1);
+    }
+  }
+  return NB[type] = buf;
+}
+
+// Einzelereignisse (Tropfen, Knistern, Blubbern), kreisförmig in 10 s geschrieben -> nahtloser Loop
+const DB = {};
+function dropBuf(kind, rate) {
+  const key = kind + rate; if (DB[key]) return DB[key];
+  const ctx = S.ctx, sr = ctx.sampleRate, len = sr * 10, buf = ctx.createBuffer(2, len, sr);
+  const target = { rain: .16, pop: .09, water: .14 }[kind];
+  for (let c = 0; c < 2; c++) {
+    const d = buf.getChannelData(c), N = Math.round(rate * 10);
+    if (kind === "water") fillWater(d, len, sr, rate);
+    else for (let e = 0; e < N; e++) {
+      const pos = Math.floor(Math.random() * len);
+      if (kind === "rain") {
+        const n = 40 + Math.floor(Math.random() * 220), amp = Math.pow(Math.random(), 2.2) * .9, k = .12 + Math.random() * .75;
+        let lp = 0;
+        for (let j = 0; j < n; j++) { lp += (Math.random() * 2 - 1 - lp) * k; d[(pos + j) % len] += lp * Math.exp(-j / (n * .25)) * amp; }
+      } else if (kind === "pop") {
+        const burst = Math.random() < .25 ? 2 + Math.floor(Math.random() * 5) : 1;
+        for (let b = 0; b < burst; b++) {
+          const p = (pos + b * Math.floor(sr * (.004 + Math.random() * .02))) % len;
+          const n = 10 + Math.floor(Math.random() * 70), amp = Math.pow(Math.random(), 3) * 1.2, k = .35 + Math.random() * .6;
+          let lp = 0;
+          for (let j = 0; j < n; j++) { lp += (Math.random() * 2 - 1 - lp) * k; d[(p + j) % len] += lp * Math.exp(-j / (n * .3)) * amp; }
+        }
+      }
+    }
+    let sum = 0; for (let i = 0; i < len; i++) sum += d[i] * d[i];
+    const k = target / Math.sqrt(sum / len + 1e-12);
+    for (let i = 0; i < len; i++) d[i] = clamp(d[i] * k, -1, 1);
+  }
+  return DB[key] = buf;
+}
+
+// Wasser: tausende Luftbläschen als gedämpfte, leicht ansteigende Sinus-Schwingungen nach dem Minnaert-Modell
+// (Frequenz ≈ 3 / Radius, Dämpfung wächst mit der Frequenz). Dichte, überlagerte Bläschen ergeben das Plätschern;
+// die Ereignisrate schwankt periodisch über die 10 s, damit der Bach "atmet".
+let SIN = null;
+function fillWater(d, len, sr, rate) {
+  if (!SIN) { SIN = new Float32Array(4096); for (let i = 0; i < 4096; i++) SIN[i] = Math.sin(i / 4096 * 2 * Math.PI); }
+  const N = Math.round(rate * 10), p1 = Math.random() * 6.28, p2 = Math.random() * 6.28, p3 = Math.random() * 6.28;
+  for (let e = 0; e < N; e++) {
+    let pos;
+    do {
+      pos = Math.random();
+      var lam = 1 + .45 * Math.sin(2 * Math.PI * 3 * pos + p1) + .3 * Math.sin(2 * Math.PI * 7 * pos + p2) + .2 * Math.sin(2 * Math.PI * 11 * pos + p3);
+    } while (Math.random() * 1.95 > lam);
+    const r = (0.7 + 7.3 * Math.pow(Math.random(), 2.2)) * 1e-3;            // Radius 0,7–8 mm, kleine häufiger
+    const f0 = Math.min(4500, 3 / r), dmp = .043 * f0 + .0014 * Math.pow(f0, 1.5), xi = .1 * dmp;
+    const amp = Math.pow(r / .004, 1.3) * (.3 + Math.random());
+    const n = Math.min(Math.floor(sr * 3.5 / dmp), 4000), start = Math.floor(pos * len), dec = Math.exp(-dmp / sr), att = sr * .0008;
+    let env = 1, phase = 0;
+    for (let j = 0; j < n; j++) {
+      phase += f0 * (1 + xi * j / sr) / sr;
+      d[(start + j) % len] += SIN[((phase - Math.floor(phase)) * 4096) | 0] * env * amp * (j < att ? j / att : 1);
+      env *= dec;
+    }
+  }
+}
+
+// Grillen: je eine Grille pro Buffer (Chirp aus 3–4 Pulsen), Periode teilt die Loop-Länge exakt
+const CB = [], CRICKET_BASE = R(4400, 4800);   // Chor: alle Tiere nahezu gleiche Tonhöhe (±1 %)
+function cricketBuf(i) {
+  if (CB[i]) return CB[i];
+  const ctx = S.ctx, sr = ctx.sampleRate, len = sr * 8, buf = ctx.createBuffer(1, len, sr), d = buf.getChannelData(0);
+  const fc = CRICKET_BASE * (1 + R(-.012, .012)), nCh = Math.floor(8 / R(.36, .42)), P = len / nCh, pulses = 3 + Math.floor(Math.random() * 2), off = Math.random() * P;
+  for (let k = 0; k < nCh; k++) for (let p = 0; p < pulses; p++) {
+    const start = Math.floor(k * P + off + p * sr * .024), n = Math.floor(sr * .016);
+    for (let j = 0; j < n; j++) d[(start + j) % len] += Math.sin(2 * Math.PI * fc * j / sr) * Math.pow(Math.sin(Math.PI * j / n), 2) * (p === 0 ? .7 : 1);
+  }
+  let sum = 0; for (let j = 0; j < len; j++) sum += d[j] * d[j];
+  const k = .16 / Math.sqrt(sum / len + 1e-12);
+  for (let j = 0; j < len; j++) d[j] = clamp(d[j] * k, -1, 1);
+  return CB[i] = buf;
+}
+
+// Baukasten pro Modus: eigener Ausgang, Quellen, Timer – alles lässt sich sauber ausblenden
+function newKit(gain) {
+  const ctx = S.ctx, K = { out: ctx.createGain(), srcs: [], timers: [], dead: false, a: .5, b: .5, set() {} };
+  K.out.gain.value = 0; K.out.gain.setTargetAtTime(gain, T(), 1.4);
+  K.out.connect(S.g.modeBus);
+  K.src = (buf, dest, rate = 1) => {
+    const s = ctx.createBufferSource(); s.buffer = buf; s.loop = true; s.playbackRate.value = rate;
+    s.connect(dest); s.start(0, Math.random() * buf.duration); K.srcs.push(s); return s;
+  };
+  K.osc = (type, f, dest) => { const o = ctx.createOscillator(); o.type = type; o.frequency.value = f; o.connect(dest); o.start(); K.srcs.push(o); return o; };
+  K.every = (fn, min, max, first = .1) => {
+    const slot = K.timers.length; K.timers.push(0);
+    const val = x => typeof x === "function" ? x() : x;
+    const loop = () => { if (K.dead) return; fn(); K.timers[slot] = setTimeout(loop, R(val(min), val(max)) * 1000); };
+    K.timers[slot] = setTimeout(loop, first * 1000);
+  };
+  K.apply = (a, b) => { K.a = a; K.b = b; K.set(a, b); };
+  K.stop = () => {
+    K.dead = true; K.timers.forEach(clearTimeout);
+    K.out.gain.cancelScheduledValues(T()); K.out.gain.setTargetAtTime(0, T(), .7);
+    setTimeout(() => { K.srcs.forEach(s => { try { s.stop(); } catch (e) {} }); try { K.out.disconnect(); } catch (e) {} }, 4000);
+  };
+  return K;
+}
+
+// ----- Bauteile der einzelnen Modi -----
+function buildColor(K, type) {
+  const ctx = S.ctx, head = ctx.createGain();
+  K.src(noiseBuf(type === "grey" ? "white" : type), head);
+  let n = head;
+  if (type === "grey") for (const f of [bq("lowshelf", 200, .7, 12), bq("peaking", 3200, .7, -10), bq("highshelf", 9000, .7, 9)]) { n.connect(f); n = f; }
+  const lp = bq("lowpass", 20000, .5), am = ctx.createGain(), lfoG = ctx.createGain();
+  n.connect(lp); lp.connect(am).connect(K.out);
+  K.osc("sine", .11, lfoG); lfoG.connect(am.gain);
+  K.set = (a, b) => { sm(lp.frequency, 500 * Math.pow(40, a), .4); const d = b * .8; sm(am.gain, 1 - d / 2); sm(lfoG.gain, d / 2); };
+}
+
+function buildRain(K, storm) {
+  const ctx = S.ctx, gl = ctx.createGain(), gh = ctx.createGain(), lp = bq("lowpass", 9000, .5);
+  const wash = ctx.createGain(), hp = bq("highpass", 350, .5), wl = bq("lowpass", 7000, .5);
+  K.src(dropBuf("rain", 60), gl); K.src(dropBuf("rain", 320), gh); gl.connect(lp); gh.connect(lp);
+  K.src(noiseBuf("pink"), hp); hp.connect(wl).connect(wash).connect(lp); lp.connect(K.out);
+  K.set = (a, b) => {
+    sm(gl.gain, 1 - a); sm(gh.gain, a * 1.1); sm(wash.gain, .05 + .25 * a);
+    sm(lp.frequency, storm ? 7000 : 2500 * Math.pow(5.5, b), .6);
+  };
+  if (storm) K.every(() => thunder(K), () => 9 / (.3 + K.a), () => 32 / (.3 + K.a), 4);
+}
+function thunder(K) {
+  const ctx = S.ctx, near = K.b, d = (1 - near) * 5 + .3 + Math.random() * 1.2, t0 = T() + d;
+  S.flash = .4 + .6 * near; setTimeout(() => { if (!K.dead) S.flash = Math.max(S.flash, .3 + .5 * near); }, 140);
+  const dur = R(6, 10), lp = bq("lowpass", 100 + 220 * near, .7), g = ctx.createGain(), s = ctx.createBufferSource();
+  s.buffer = noiseBuf("brown"); s.connect(lp).connect(g).connect(K.out);
+  const peak = .9 * (.35 + .65 * near);
+  lp.frequency.setValueAtTime(100 + 220 * near, t0); lp.frequency.exponentialRampToValueAtTime(60, t0 + dur);
+  g.gain.setValueAtTime(0, t0); g.gain.linearRampToValueAtTime(peak, t0 + .35);
+  let tt = t0 + .35, amp = peak;
+  for (let i = 0; i < 4; i++) { tt += R(.8, 1.8); amp *= R(.45, .85); g.gain.linearRampToValueAtTime(amp * R(.6, 1), tt); }
+  g.gain.linearRampToValueAtTime(0, t0 + dur);
+  s.start(t0, R(0, .5), dur + .2);
+  const cb = bq("bandpass", R(900, 2500), .8), cg = ctx.createGain(), cs = ctx.createBufferSource();
+  cs.buffer = noiseBuf("white"); cs.connect(cb).connect(cg).connect(K.out);
+  cg.gain.setValueAtTime(0, t0); cg.gain.linearRampToValueAtTime(.7 * near * near, t0 + .01); cg.gain.exponentialRampToValueAtTime(.001, t0 + .4);
+  cs.start(t0, R(0, 3), .5);
+}
+
+function buildOcean(K) {
+  const ctx = S.ctx, lp = bq("lowpass", 220, .6), bg = ctx.createGain(), hp = bq("highpass", 1800, .5), fl = bq("lowpass", 7500, .5), fg = ctx.createGain();
+  K.src(noiseBuf("brown"), lp); lp.connect(bg).connect(K.out); bg.gain.value = .12;
+  K.src(noiseBuf("white"), hp); hp.connect(fl).connect(fg).connect(K.out); fg.gain.value = 0;
+  const bed = ctx.createGain(), bl = bq("lowpass", 900, .5); bed.gain.value = .06; K.src(noiseBuf("pink"), bl); bl.connect(bed).connect(K.out);
+  K.waveEnd = T() + .1;
+  const sched = () => {
+    if (K.dead) return;
+    const a = K.a, b = K.b, Tw = R(7, 12) * (1.25 - .35 * a), A = (.35 + .65 * a) * R(.6, 1), t0 = K.waveEnd, rise = Tw * .42;
+    bg.gain.linearRampToValueAtTime(.12, t0); bg.gain.linearRampToValueAtTime(A, t0 + rise); bg.gain.linearRampToValueAtTime(.12, t0 + Tw);
+    lp.frequency.linearRampToValueAtTime(220, t0); lp.frequency.linearRampToValueAtTime(350 + 900 * b + 500 * A, t0 + rise); lp.frequency.linearRampToValueAtTime(220, t0 + Tw);
+    fg.gain.linearRampToValueAtTime(0, t0 + rise * .6); fg.gain.linearRampToValueAtTime(A * .55 * (.25 + b), t0 + rise * 1.15); fg.gain.linearRampToValueAtTime(0, t0 + Tw * .98);
+    K.waveEnd = t0 + Tw;
+    K.timers[0] = setTimeout(sched, Math.max(300, (K.waveEnd - T() - 2.5) * 1000));
+  };
+  K.timers.push(0); sched();
+}
+
+function buildWind(K) {
+  const ctx = S.ctx, bp = bq("bandpass", 500, 1.2), g = ctx.createGain(), wb = bq("bandpass", 900, 22), wg = ctx.createGain(), low = bq("lowpass", 250, .5), lg = ctx.createGain();
+  g.gain.value = 0; wg.gain.value = 0; lg.gain.value = .3;
+  K.src(noiseBuf("pink"), bp); bp.connect(g).connect(K.out);
+  K.src(noiseBuf("white"), wb); wb.connect(wg).connect(K.out);
+  K.src(noiseBuf("brown"), low); low.connect(lg).connect(K.out);
+  K.set = a => sm(lg.gain, .15 + .6 * a, 1);
+  K.every(() => {
+    const a = K.a, b = K.b;
+    sm(bp.frequency, R(250, 1100) * (.6 + .8 * a), 2.5); sm(bp.Q, R(.7, 2.2), 2.5);
+    sm(g.gain, (.12 + R(0, .8) * a) * .9, 2.2);
+    sm(wb.frequency, R(600, 1800), 3); sm(wg.gain, b * R(.3, 1) * 10, 2.5);
+  }, 2.5, 6, .1);
+}
+
+function buildStream(K) {
+  const ctx = S.ctx, g1 = ctx.createGain(), g2 = ctx.createGain(), hp = bq("highpass", 220, .5);
+  const s1 = K.src(dropBuf("water", 350), g1), s2 = K.src(dropBuf("water", 1300), g2);
+  g1.connect(hp); g2.connect(hp);
+  const fl = bq("bandpass", 1200, .5), fg = ctx.createGain(); K.src(noiseBuf("pink"), fl); fl.connect(fg).connect(hp);   // verschmiert die Bläschen zu einem Fluss
+  const low = bq("lowpass", 220, .5), lg = ctx.createGain(); lg.gain.value = .12; K.src(noiseBuf("brown"), low); low.connect(lg).connect(K.out);
+  hp.connect(K.out);
+  K.set = (a, b) => {
+    sm(g1.gain, 1 - a * .8); sm(g2.gain, a * 1.2); sm(fg.gain, .04 + .12 * a);
+    const rt = .75 + .65 * b; sm(s1.playbackRate, rt); sm(s2.playbackRate, rt * 1.03);
+  };
+  K.every(() => sm(fl.frequency, R(800, 2400), 2), 2, 5);
+}
+
+function buildFire(K) {
+  const ctx = S.ctx, rl = bq("lowpass", 450, .6), rg = ctx.createGain(), hp = bq("highpass", 3500, .5), hg = ctx.createGain();
+  const g1 = ctx.createGain(), g2 = ctx.createGain(), ph = bq("highpass", 600, .5);
+  K.src(noiseBuf("brown"), rl); rl.connect(rg).connect(K.out); rg.gain.value = .5;
+  K.src(noiseBuf("pink"), hp); hp.connect(hg).connect(K.out); hg.gain.value = .03;
+  K.src(dropBuf("pop", 12), g1); K.src(dropBuf("pop", 45), g2); g1.connect(ph); g2.connect(ph); ph.connect(K.out);
+  K.set = (a, b) => { sm(g1.gain, (1 - b) * (.6 + .5 * a)); sm(g2.gain, b * (.6 + .5 * a)); };
+  K.every(() => sm(rg.gain, (.2 + .6 * K.a) * R(.55, 1), .35), .3, 1.2);
+}
+
+function buildCrickets(K) {
+  const ctx = S.ctx, cs = [];
+  for (let i = 0; i < 6; i++) {
+    const g = ctx.createGain(), pn = ctx.createStereoPanner(); g.gain.value = 0; pn.pan.value = R(-.85, .85);
+    const src = K.src(cricketBuf(i), g); g.connect(pn).connect(K.out); cs.push({ g, src });
+  }
+  const bed = ctx.createGain(), lp = bq("lowpass", 220, .5); bed.gain.value = .05; K.src(noiseBuf("brown"), lp); lp.connect(bed).connect(K.out);
+  K.set = (a, b) => { const n = 1 + a * 5; cs.forEach((c, i) => { sm(c.g.gain, clamp(n - i, 0, 1) * .8, 1.2); sm(c.src.playbackRate, .8 + .45 * b, 1); }); };
+}
+
+function buildFan(K, cabin) {
+  const ctx = S.ctx, lp = bq("lowpass", 900, .6), g = ctx.createGain(), hp = bq("highpass", 2000, .5), lp2 = bq("lowpass", 6000, .5), hg = ctx.createGain(), hg2 = ctx.createGain();
+  g.gain.value = 1; hg.gain.value = cabin ? .035 : .05; hg2.gain.value = 0;
+  K.src(noiseBuf("brown"), lp); lp.connect(g).connect(K.out);
+  K.src(noiseBuf("pink"), hp); hp.connect(lp2).connect(hg).connect(K.out);
+  const o1 = K.osc("sine", cabin ? 83 : 100, hg2), o2 = K.osc("sine", cabin ? 83.8 : 200, hg2), o3 = K.osc("sine", cabin ? 166 : 300, hg2);
+  hg2.connect(K.out);
+  K.set = (a, b) => {
+    if (cabin) { sm(lp.frequency, 400 + 1400 * a); sm(hg2.gain, .02 + .12 * b); }
+    else { sm(lp.frequency, 500 + 1500 * a); sm(o1.frequency, 70 + 90 * a); sm(o2.frequency, 140 + 180 * a); sm(o3.frequency, 210 + 270 * a); sm(hg2.gain, .01 + .1 * b); }
+  };
+}
+
+function buildBinaural(K) {
+  const ctx = S.ctx, l = ctx.createGain(), r = ctx.createGain(), l2 = ctx.createGain(), r2 = ctx.createGain();
+  const pl = ctx.createStereoPanner(), pr = ctx.createStereoPanner(); pl.pan.value = -1; pr.pan.value = 1;
+  l.gain.value = r.gain.value = .16; l2.gain.value = r2.gain.value = .04;
+  l.connect(pl); l2.connect(pl); r.connect(pr); r2.connect(pr); pl.connect(K.out); pr.connect(K.out);
+  const oL = K.osc("sine", 200, l), oR = K.osc("sine", 210, r), oL2 = K.osc("sine", 400, l2), oR2 = K.osc("sine", 410, r2);
+  const bed = ctx.createGain(), lp = bq("lowpass", 1800, .5); bed.gain.value = .22; K.src(noiseBuf("pink"), lp); lp.connect(bed).connect(K.out);
+  K.set = (a, b) => {
+    const beat = Math.pow(40, a), f0 = 100 * Math.pow(4, b);
+    sm(oL.frequency, f0 - beat / 2, .3); sm(oR.frequency, f0 + beat / 2, .3);
+    sm(oL2.frequency, 2 * f0 - beat / 2, .3); sm(oR2.frequency, 2 * f0 + beat / 2, .3);
+  };
+}
+
+function buildBowls(K) {
+  const ctx = S.ctx, ratios = [1, 2.71, 5.15, 8.2], amps = [1, .45, .22, .1], decs = [16, 10, 6, 3.5];
+  const strike = () => {
+    const t = T() + .05, midi = pick([48, 50, 52, 55, 57], Math.random) + 12 * Math.round(K.b * 1.5), f = mtof(midi);
+    const pn = ctx.createStereoPanner(); pn.pan.value = R(-.6, .6); pn.connect(K.out);
+    ratios.forEach((ra, i) => [-R(.3, 1.1), R(.3, 1.1)].forEach(det => {
+      const o = ctx.createOscillator(), g = ctx.createGain(), dec = decs[i] * R(.8, 1.2);
+      o.frequency.value = f * ra + det;
+      g.gain.setValueAtTime(0, t); g.gain.linearRampToValueAtTime(amps[i] * .07, t + .008); g.gain.exponentialRampToValueAtTime(.0001, t + dec);
+      o.connect(g).connect(pn); o.start(t); o.stop(t + dec + .1);
+    }));
+  };
+  K.every(strike, () => 4 / (.35 + K.a * 1.4), () => 9 / (.35 + K.a * 1.4), .3);
+}
+
+function buildWomb(K) {
+  const ctx = S.ctx, lp = bq("lowpass", 500, .5), g = ctx.createGain(), sw = bq("bandpass", 900, .4), swg = ctx.createGain(), tl = bq("lowpass", 160, .7);
+  g.gain.value = .55; swg.gain.value = .12;
+  K.src(noiseBuf("brown"), lp); lp.connect(g).connect(K.out);
+  K.src(noiseBuf("pink"), sw); sw.connect(swg).connect(K.out); tl.connect(K.out);
+  const thump = (t, f0, amp) => {
+    const o = ctx.createOscillator(), og = ctx.createGain();
+    o.frequency.setValueAtTime(f0, t); o.frequency.exponentialRampToValueAtTime(f0 * .55, t + .14);
+    og.gain.setValueAtTime(0, t); og.gain.linearRampToValueAtTime(amp, t + .012); og.gain.exponentialRampToValueAtTime(.001, t + .25);
+    o.connect(og).connect(tl); o.start(t); o.stop(t + .3);
+  };
+  const per = () => 60 / (55 + K.a * 60);
+  K.every(() => { const t = T() + .05; thump(t, 64, .9); thump(t + .27, 72, .6); }, per, () => per() * 1.01, .3);
+  K.set = (a, b) => { sm(tl.frequency, 100 + 300 * b); sm(lp.frequency, 300 + 500 * b); };
+}
+
+// Zugfahrt: Rollgeräusch + Schienenstöße. Jeder Stoß wird von vier Achsen nacheinander angeschlagen
+// (zwei pro Drehgestell, Abstand = halbe Schienenlänge) -> gleichmäßig "tschuck-tschuck ... tschuck-tschuck", Takt folgt der Geschwindigkeit.
+function railClack(K, t, amp) {
+  const ctx = S.ctx, nb = noiseBuf("white");
+  const s1 = ctx.createBufferSource(), bp = bq("bandpass", R(500, 1100) * (.7 + .8 * K.b), .9), g1 = ctx.createGain();
+  s1.buffer = nb; s1.connect(bp).connect(g1).connect(K.out);
+  g1.gain.setValueAtTime(0, t); g1.gain.linearRampToValueAtTime(amp * .9, t + .003); g1.gain.exponentialRampToValueAtTime(.001, t + .07);
+  s1.start(t, R(0, 8), .1);
+  const o = ctx.createOscillator(), og = ctx.createGain();   // dumpfer Schlag im Wagenboden
+  o.frequency.setValueAtTime(110, t); o.frequency.exponentialRampToValueAtTime(55, t + .1);
+  og.gain.setValueAtTime(0, t); og.gain.linearRampToValueAtTime(amp * .7, t + .004); og.gain.exponentialRampToValueAtTime(.001, t + .16);
+  o.connect(og).connect(K.out); o.start(t); o.stop(t + .2);
+  const s2 = ctx.createBufferSource(), rb = bq("bandpass", R(190, 260), 8), g2 = ctx.createGain();   // Nachklingen der Karosserie
+  s2.buffer = nb; s2.connect(rb).connect(g2).connect(K.out);
+  g2.gain.setValueAtTime(0, t); g2.gain.linearRampToValueAtTime(amp * .9, t + .004); g2.gain.exponentialRampToValueAtTime(.001, t + .35);
+  s2.start(t, R(0, 8), .4);
+}
+function buildTrain(K) {
+  const ctx = S.ctx, lp = bq("lowpass", 700, .6), g = ctx.createGain(), bp = bq("bandpass", 900, .5), bg = ctx.createGain();
+  const hum = ctx.createGain(), sway = ctx.createGain(), swayG = ctx.createGain();
+  g.gain.value = .45; bg.gain.value = .12; hum.gain.value = .02;
+  K.src(noiseBuf("brown"), lp); lp.connect(g).connect(sway).connect(K.out);
+  K.src(noiseBuf("pink"), bp); bp.connect(bg).connect(sway);
+  const ho = K.osc("sine", 120, hum); hum.connect(K.out);
+  sway.gain.value = .9; K.osc("sine", .23, swayG); swayG.gain.value = .08; swayG.connect(sway.gain);   // leichtes Schaukeln
+  K.v = 25; K.nextJoint = T() + .3; K.nextPoints = T() + R(25, 50);
+  K.set = (a, b) => {
+    K.v = 14 + 36 * a;   // 50 … 180 km/h
+    sm(lp.frequency, 350 + 450 * a + 700 * b, 1); sm(bg.gain, .03 + .1 * a * (.4 + b), 1); sm(ho.frequency, 70 + 120 * a, 1); sm(hum.gain, .015 + .03 * a, 1);
+  };
+  K.every(() => {
+    const now = T();
+    while (K.nextJoint < now + .5) {   // alle Achsen eines Schienenstoßes vorplanen
+      const v = K.v, t0 = K.nextJoint, amp = .8 * (.85 + Math.random() * .3);
+      [0, 2.5 / v, 12.5 / v, 15 / v].forEach((o, i) => railClack(K, t0 + o, amp * (i % 2 ? .8 : 1)));
+      K.nextJoint += 25 / v;
+    }
+    if (now > K.nextPoints) {   // Weiche: kurzes schnelles Klapperbündel
+      const n = 7 + Math.floor(Math.random() * 5);
+      for (let i = 0; i < n; i++) railClack(K, now + .2 + i * R(.07, .13), R(.5, .9));
+      K.nextPoints = now + R(40, 90);
+    }
+  }, .12, .12, .05);
+}
+
+// ----- Modus-Tabelle -----
+const bandOf = hz => hz < 4 ? "Delta" : hz < 8 ? "Theta" : hz < 13 ? "Alpha" : hz < 30 ? "Beta" : "Gamma";
+const binInfo = (a, b) => { const hz = Math.pow(40, a); return `${hz.toFixed(1)} Hz · ${bandOf(hz)} · Träger ${Math.round(100 * Math.pow(4, b))} Hz · Kopfhörer!`; };
+const colorDesc = "Regler: Höhen-Dämpfung und langsames Atmen der Lautstärke.";
+const MODES = {
+  ambient: { group: "Musik", name: "Ambient-Musik", music: true, hue: 220 },
+  white:  { group: "Rauschfarben", name: "Weißes Rauschen", desc: "Gleiche Energie in allen Frequenzen – hell und rauschig, maskiert Geräusche gut. " + colorDesc, labels: ["Höhen-Dämpfung", "Atmen"], def: [.9, 0], gain: 0.3, hue: 215, vis: "float", build: K => buildColor(K, "white") },
+  pink:   { group: "Rauschfarben", name: "Pinkes Rauschen", desc: "Nimmt pro Oktave um 3 dB ab – ausgewogen, wie Regen und Blätterrauschen. " + colorDesc, labels: ["Höhen-Dämpfung", "Atmen"], def: [.9, 0], gain: 0.42, hue: 330, vis: "float", build: K => buildColor(K, "pink") },
+  brown:  { group: "Rauschfarben", name: "Braunes Rauschen", desc: "Tief und dumpf (−6 dB pro Oktave), wie Donnergrollen oder ein Wasserfall. " + colorDesc, labels: ["Höhen-Dämpfung", "Atmen"], def: [.9, 0], gain: 0.6, hue: 28, vis: "float", build: K => buildColor(K, "brown") },
+  blue:   { group: "Rauschfarben", name: "Blaues Rauschen", desc: "Zu den Höhen ansteigend, zischend und klar. " + colorDesc, labels: ["Höhen-Dämpfung", "Atmen"], def: [.9, 0], gain: 0.25, hue: 205, vis: "float", build: K => buildColor(K, "blue") },
+  violet: { group: "Rauschfarben", name: "Violettes Rauschen", desc: "Noch stärker zu den Höhen – sehr hell, fast nur Zischen. " + colorDesc, labels: ["Höhen-Dämpfung", "Atmen"], def: [.8, 0], gain: 0.25, hue: 275, vis: "float", build: K => buildColor(K, "violet") },
+  grey:   { group: "Rauschfarben", name: "Graues Rauschen", desc: "Weißes Rauschen, an die Ohrempfindlichkeit angepasst – wirkt über alle Höhen gleich laut. " + colorDesc, labels: ["Höhen-Dämpfung", "Atmen"], def: [.9, 0], gain: 0.2, hue: 190, vis: "float", build: K => buildColor(K, "grey") },
+
+  rain:   { group: "Natur", name: "Regen", desc: "Tausende einzeln synthetisierte Tropfen auf einem Rauschteppich.", labels: ["Stärke", "Dumpf ↔ Hell"], def: [.5, .55], gain: 1.3, hue: 210, vis: "rain", build: K => buildRain(K, false) },
+  storm:  { group: "Natur", name: "Gewitter", desc: "Starker Regen mit Blitz und rollendem Donner in unregelmäßigen Abständen.", labels: ["Häufigkeit & Regen", "Entfernung (fern ↔ nah)"], def: [.6, .5], gain: .8, hue: 245, vis: "rain", rev: .5, build: K => buildRain(K, true) },
+  ocean:  { group: "Natur", name: "Meer", desc: "Wellen, die anrollen, brechen und im Schaum auslaufen.", labels: ["Wellengang", "Brandung dumpf ↔ hell"], def: [.5, .5], gain: .9, hue: 195, vis: "float", build: buildOcean },
+  wind:   { group: "Natur", name: "Wind", desc: "Böen mit wandernder Farbe, auf Wunsch mit feinem Pfeifen.", labels: ["Stärke", "Pfeifen"], def: [.5, .25], gain: .9, hue: 180, vis: "wind", build: buildWind },
+  stream: { group: "Natur", name: "Bach", desc: "Plätscherndes Wasser aus tausenden einzeln berechneten Luftbläschen.", labels: ["Strömung", "Tonhöhe"], def: [.5, .5], gain: 0.5, hue: 170, vis: "float", build: buildStream },
+  fire:   { group: "Natur", name: "Lagerfeuer", desc: "Rollendes Brummen der Flamme und Knistern.", labels: ["Flammenstärke", "Knistern selten ↔ dicht"], def: [.5, .45], gain: .8, hue: 25, vis: "rise", build: buildFire },
+  crickets: { group: "Natur", name: "Sommernacht", desc: "Bis zu sechs Grillen, jede mit eigenem Rhythmus und eigener Tonhöhe.", labels: ["Anzahl", "Tonhöhe / Tempo"], def: [.5, .45], gain: 0.2, hue: 75, vis: "fly", build: buildCrickets },
+
+  fan:    { group: "Technik", name: "Ventilator", desc: "Gleichmäßiger Luftstrom mit tiefem Motorbrummen.", labels: ["Drehzahl", "Brummen"], def: [.4, .35], gain: 0.3, hue: 200, vis: "float", build: K => buildFan(K, false) },
+  cabin:  { group: "Technik", name: "Flugzeugkabine", desc: "Dumpfes Rauschen und tiefes Triebwerksdröhnen – beliebt zum Einschlafen.", labels: ["Dumpf ↔ offen", "Triebwerk"], def: [.3, .5], gain: 0.27, hue: 215, vis: "float", build: K => buildFan(K, true) },
+
+  train:  { group: "Technik", name: "Zugfahrt", desc: "Gleichmäßiges Rollen mit dem Tschuck-tschuck der Schienenstöße, ab und zu rattert eine Weiche.", labels: ["Geschwindigkeit", "Abteil dumpf ↔ Fenster offen"], def: [.4, .35], gain: .45, hue: 35, vis: "wind", info: a => Math.round((14 + 36 * a) * 3.6) + " km/h", build: buildTrain },
+
+  delta:  { group: "Fokus & Schlaf", name: "Binaurale Beats: Delta", desc: "Zwei leicht verstimmte Sinustöne links und rechts, Differenz ≈ 2 Hz (Tiefschlaf).", labels: ["Beat-Frequenz", "Trägerton"], def: [.19, .35], gain: 0.45, hue: 250, vis: "float", info: binInfo, build: buildBinaural },
+  theta:  { group: "Fokus & Schlaf", name: "Binaurale Beats: Theta", desc: "Differenz ≈ 6 Hz (Meditation, Dämmerzustand).", labels: ["Beat-Frequenz", "Trägerton"], def: [.49, .35], gain: 0.45, hue: 280, vis: "float", info: binInfo, build: buildBinaural },
+  alpha:  { group: "Fokus & Schlaf", name: "Binaurale Beats: Alpha", desc: "Differenz ≈ 10 Hz (entspannte Wachheit).", labels: ["Beat-Frequenz", "Trägerton"], def: [.62, .35], gain: 0.45, hue: 160, vis: "float", info: binInfo, build: buildBinaural },
+  beta:   { group: "Fokus & Schlaf", name: "Binaurale Beats: Beta", desc: "Differenz ≈ 18 Hz (Konzentration).", labels: ["Beat-Frequenz", "Trägerton"], def: [.78, .35], gain: 0.45, hue: 45, vis: "float", info: binInfo, build: buildBinaural },
+  bowls:  { group: "Fokus & Schlaf", name: "Klangschalen", desc: "Angeschlagene Schalen mit schwebenden Obertönen und langem Nachklang.", labels: ["Häufigkeit", "Tonhöhe"], def: [.4, .35], gain: 1.4, hue: 40, rev: .9, vis: "float", build: buildBowls },
+  womb:   { group: "Fokus & Schlaf", name: "Herzschlag", desc: "Gedämpfter Herzschlag in tiefem Rauschen – wie im Mutterleib.", labels: ["Herzschlag-Tempo", "Dumpf ↔ nah"], def: [.2, .4], gain: 0.25, hue: 5, rev: .15, vis: "float", build: buildWomb },
+};
+
+function applyRev() {
+  if (!S.g) return;
+  const M = MODES[S.mode];
+  S.g.modeRev.gain.setTargetAtTime(M.music ? 0 : (M.rev || 0) * S.verb * 1.2, S.ctx.currentTime, .3);
+}
+function startSoundscape() {
+  const M = MODES[S.mode], K = newKit(M.gain || .7);
+  S.modeObj = K; M.build(K); K.apply(S.mp.a, S.mp.b); applyRev();
+}
+function tickMode() {   // „Wandel": die beiden Regler wandern langsam von selbst
+  const K = S.modeObj; if (!K) return;
+  const t = S.ctx.currentTime, amp = S.drift * .3;
+  const w1 = Math.sin(t * .031 + 1) * .5 + Math.sin(t * .083 + 4) * .5, w2 = Math.sin(t * .027 + 2) * .5 + Math.sin(t * .067 + 5) * .5;
+  K.ea = clamp(S.mp.a + amp * w1, 0, 1); K.eb = clamp(S.mp.b + amp * w2, 0, 1);
+  K.apply(K.ea, K.eb); updateInfo();
+}
+function leaveMusic() {
+  S.timers.forEach(clearTimeout); S.timers = [];
+  const G = S.g, t = S.ctx.currentTime;
+  G.voiceBus.gain.setTargetAtTime(0, t, .7); G.grainBus.gain.setTargetAtTime(0, t, .7);
+  G.windGain.gain.setTargetAtTime(0, t, .7); G.seaGain.gain.setTargetAtTime(0, t, .7);
+}
+function enterMode() {
+  if (MODES[S.mode].music) {
+    const G = S.g, t = S.ctx.currentTime;
+    G.voiceBus.gain.setTargetAtTime(1, t, .3); G.grainBus.gain.setTargetAtTime(1, t, .3);
+    startMusic();
+  } else startSoundscape();
+  applyRev();
+}
+
 // Kommunikation mit der einbettenden Seite (diora): Radio/Podcast ↔ Ambient
 function post(state) {
   try { if (window.parent !== window) window.parent.postMessage({ type: "ambient", state }, "*"); } catch (e) {}
@@ -593,17 +1023,11 @@ addEventListener("message", e => {
   if (!d || d.type !== "ambient") return;
   if (d.cmd === "start" && !S.running) start();
   else if (d.cmd === "stop" && S.running) stop();
+  else if (d.cmd === "mode" && MODES[d.mode]) setMode(d.mode);
 });
 
-function start() {
-  if (!S.ctx) buildGraph();
-  S.running = true; S.timers = [];
-  // Ohne Nutzergeste (z. B. Befehl von außen) kann der Browser den Ton blockieren -> dann ehrlich "stopped" melden
-  S.ctx.resume().then(() => { if (S.running && S.ctx.state !== "running") stop(); }, () => { if (S.running) stop(); });
+function startMusic() {
   resetScene();
-  const t = S.ctx.currentTime;
-  S.g.master.gain.cancelScheduledValues(t);
-  S.g.master.gain.setTargetAtTime(+$("vol").value, t, 2.5);
   drone(); playChord();
   later(playChord, 10, 18, 1);
   later(playBells, 2, 6, 2);
@@ -614,13 +1038,26 @@ function start() {
   later(grainCloud, 3, 8, 7);
   later(snapGrains, 20, 30, 8, .3);
   startLoops();
-  S.timers.push(setInterval(tick, 1000));
+}
+
+function start() {
+  if (!S.ctx) buildGraph();
+  S.running = true; S.timers = [];
+  // Ohne Nutzergeste (z. B. Befehl von außen) kann der Browser den Ton blockieren -> dann ehrlich "stopped" melden
+  S.ctx.resume().then(() => { if (S.running && S.ctx.state !== "running") stop(); }, () => { if (S.running) stop(); });
+  const t = S.ctx.currentTime;
+  S.g.master.gain.cancelScheduledValues(t);
+  S.g.master.gain.setTargetAtTime(+$("vol").value, t, 2.5);
+  S.tickId = setInterval(tick, 1000);
+  enterMode();
   $("toggle").textContent = "Stopp";
   wake(); post("playing");
 }
 function stop() {
   S.running = false;
   S.timers.forEach(t => { clearTimeout(t); clearInterval(t); }); S.timers = [];
+  clearInterval(S.tickId);
+  if (S.modeObj) { S.modeObj.stop(); S.modeObj = null; }
   const t = S.ctx.currentTime;
   S.g.master.gain.cancelScheduledValues(t);
   S.g.master.gain.setTargetAtTime(0, t, 1.5);
@@ -631,12 +1068,12 @@ function stop() {
 }
 function reroll() {   // neue Szene, laufende Stimmen klingen aus
   resetScene();
-  if (S.running) { drone(); playChord(); }
+  if (S.running && MODES[S.mode].music) { drone(); playChord(); }
 }
 
 // ---------- Seed / Link ----------
 function writeHash() {
-  try { history.replaceState(null, "", "#seed=" + encodeURIComponent(S.seedText) + "&p=" + encodeURIComponent(S.presetName)); } catch (e) {}
+  try { history.replaceState(null, "", "#seed=" + encodeURIComponent(S.seedText) + "&p=" + encodeURIComponent(S.presetName) + "&m=" + encodeURIComponent(S.mode)); } catch (e) {}
 }
 function applySeed(text) {
   S.seedText = text.trim() || String(Math.floor(Math.random() * 900000) + 100000);
@@ -646,7 +1083,7 @@ function applySeed(text) {
 function applyPreset(name) {
   if (!PRESETS[name]) name = "Frei";
   S.presetName = name; S.P = PRESETS[name]; $("preset").value = name; writeHash();
-  if (S.running) { wanderTimbre(); changeKey(false); }
+  if (S.running && MODES[S.mode].music) { wanderTimbre(); changeKey(false); }
 }
 
 // ---------- UI ----------
@@ -664,6 +1101,14 @@ function arcLabel() {
   return p < .15 ? "Ruhe" : p < .4 ? "Aufbau" : p < .6 ? "Höhepunkt" : p < .85 ? "Rückzug" : "Ruhe";
 }
 function updateInfo() {
+  const M = MODES[S.mode];
+  if (!M.music) {
+    const K = S.modeObj;
+    $("key").textContent = M.name;
+    $("chord").innerHTML = M.desc + (M.info ? ` <b>${M.info(K && K.ea != null ? K.ea : S.mp.a, K && K.eb != null ? K.eb : S.mp.b)}</b>` : "");
+    return;
+  }
+  if (!S.running) { $("key").textContent = "–"; $("chord").textContent = "Noch still."; return; }
   $("key").textContent = `${NOTE[S.root % 12]} ${S.scaleName}`;
   $("chord").innerHTML = `Stufe <b>${ROMAN[S.degree] || S.degree + 1}</b> · ${S.presetName} · ${S.tuning === "just" ? "rein" : "gleichstufig"} · Bogen: <b>${arcLabel()}</b>`;
 }
@@ -674,7 +1119,7 @@ $("vol").oninput = e => { if (S.running) S.g.master.gain.setTargetAtTime(+e.targ
 $("density").oninput = e => S.density = +e.target.value;
 $("drift").oninput = e => S.drift = +e.target.value;
 $("arc").oninput = e => S.arcDepth = +e.target.value;
-$("verb").oninput = e => { S.verb = +e.target.value; if (S.g) S.g.send.gain.setTargetAtTime(S.verb * 1.2, S.ctx.currentTime, .2); };
+$("verb").oninput = e => { S.verb = +e.target.value; if (S.g) { S.g.send.gain.setTargetAtTime(S.verb * 1.2, S.ctx.currentTime, .2); applyRev(); } };
 $("tuning").onchange = e => { S.tuning = e.target.value; updateInfo(); };
 $("preset").onchange = e => applyPreset(e.target.value);
 $("seed").onchange = e => applySeed(e.target.value);
@@ -687,16 +1132,46 @@ $("share").onclick = async () => {
 };
 S.density = +$("density").value; S.drift = +$("drift").value; S.verb = +$("verb").value; S.arcDepth = +$("arc").value;
 
-// Startwerte aus dem Link (#seed=…&p=…)
+// Modus-Auswahl
+$("mode").innerHTML = (() => {
+  const groups = {};
+  for (const [k, m] of Object.entries(MODES)) (groups[m.group] = groups[m.group] || []).push(`<option value="${k}">${m.name}</option>`);
+  return Object.entries(groups).map(([g, o]) => `<optgroup label="${g}">${o.join("")}</optgroup>`).join("");
+})();
+function applyModeUI() {
+  const M = MODES[S.mode], root = document.documentElement;
+  root.classList.toggle("noise", !M.music); root.classList.toggle("rev", !!M.rev);
+  if (!M.music) { $("lla").textContent = M.labels[0]; $("llb").textContent = M.labels[1]; $("la").value = S.mp.a; $("lb").value = S.mp.b; }
+  $("driftL").textContent = M.music ? "Wandel-Tempo" : "Schwankung";
+  applyRev();
+}
+function setMode(name) {
+  if (!MODES[name]) name = "ambient";
+  const was = MODES[S.mode], M = MODES[name];
+  S.mode = name; $("mode").value = name;
+  if (!M.music) S.mp = { a: M.def[0], b: M.def[1] };
+  applyModeUI(); writeHash();
+  if (S.running) {
+    if (was.music) leaveMusic();
+    if (S.modeObj) { S.modeObj.stop(); S.modeObj = null; }
+    enterMode();
+  }
+  updateInfo(); wake();
+}
+$("mode").onchange = e => setMode(e.target.value);
+$("la").oninput = e => { S.mp.a = +e.target.value; if (S.modeObj) S.modeObj.apply(S.mp.a, S.mp.b); };
+$("lb").oninput = e => { S.mp.b = +e.target.value; if (S.modeObj) S.modeObj.apply(S.mp.a, S.mp.b); };
+
+// Startwerte aus dem Link (#seed=…&p=…&m=…)
 {
   const q = new URLSearchParams(location.hash.slice(1));
   applyPreset(q.get("p") || "Frei");
   applySeed(q.get("seed") || "");
+  setMode(q.get("m") || "ambient");
 }
 
 // ---------- Visualisierung ----------
 const cv = $("viz"), cx = cv.getContext("2d");
-let rafId = 0;
 S.visUntil = performance.now() + 1500;
 function wake() { if (!rafId) rafId = requestAnimationFrame(draw); }
 function resize() {
@@ -723,6 +1198,29 @@ function spawnParticles(ev) {
     });
   }
 }
+// Partikel der Klangwelten: Regen, Funken, Windschlieren, Glühwürmchen, sonst treibende Lichter
+function modeVis(W, H, dpr) {
+  const M = MODES[S.mode], K = S.modeObj;
+  if (M.music || !S.running || !K) return;
+  const a = K.a, add = p => { if (parts.length < 450) parts.push(Object.assign({ life: 0, vx: 0, vy: 0, h: M.hue }, p)); };
+  const n = x => Math.random() < x, r = (lo, hi) => lo + Math.random() * (hi - lo);
+  switch (M.vis) {
+    case "rain":
+      for (let i = 0; i < 1 + Math.floor(a * 5); i++) add({ x: Math.random() * W, y: -8 * dpr, vx: -1.2, vy: r(7, 11), r: r(1.6, 3) * dpr, max: r(40, 80) });
+      break;
+    case "rise":
+      if (n(.5 + a * .4)) add({ x: W * r(.35, .65), y: H * .9, vx: r(-.5, .5), vy: -r(.8, 2.4), r: r(3, 9) * dpr, max: r(70, 160), h: M.hue + r(-10, 25) });
+      break;
+    case "wind":
+      if (n(.4 + a * .5)) add({ x: -10 * dpr, y: Math.random() * H, vx: r(4, 9) * (.5 + a), vy: r(-.4, .4), r: r(2, 5) * dpr, max: r(60, 140) });
+      break;
+    case "fly":
+      if (n(.05)) add({ x: Math.random() * W, y: H * r(.3, .95), vx: r(-.3, .3), vy: r(-.3, .3), r: r(5, 10) * dpr, max: r(200, 420) });
+      break;
+    default:
+      if (n(.06 + a * .05)) add({ x: Math.random() * W, y: H * r(.5, .95), vx: r(-.2, .2), vy: -r(.1, .5), r: r(10, 28) * dpr, max: r(300, 600) });
+  }
+}
 function draw(ts) {
   rafId = 0;
   const W = cv.width, H = cv.height, dpr = devicePixelRatio;
@@ -736,7 +1234,8 @@ function draw(ts) {
   const bins = new Uint8Array(S.g.analyser.frequencyBinCount);
   S.g.analyser.getByteFrequencyData(bins);
   let lvl = 0; for (let i = 0; i < 80; i++) lvl += bins[i]; lvl = lvl / 80 / 255;
-  const target = (S.root % 12) * 30 + 200 + S.cur.bright * 40;
+  const M0 = MODES[S.mode];
+  const target = M0.music ? (S.root % 12) * 30 + 200 + S.cur.bright * 40 : M0.hue;
   hueV += (((target - hueV + 540) % 360) - 180) * .01;
 
   cx.globalCompositeOperation = "lighter";
@@ -748,6 +1247,7 @@ function draw(ts) {
     gr.addColorStop(0, `hsla(${hueV + i * 28},70%,50%,${.04 + lvl * .16})`); gr.addColorStop(1, "hsla(0,0%,0%,0)");
     cx.fillStyle = gr; cx.fillRect(0, 0, W, H);
   }
+  modeVis(W, H, dpr);
   // Notenereignisse -> Partikel
   const now = S.ctx.currentTime;
   S.vis = S.vis.filter(ev => { if (ev.t <= now) { if (now - ev.t < 2) spawnParticles(ev); return false; } return ev.t - now < 120; });
@@ -759,6 +1259,7 @@ function draw(ts) {
     gr.addColorStop(0, `hsla(${p.h},80%,65%,${a})`); gr.addColorStop(1, "hsla(0,0%,0%,0)");
     cx.fillStyle = gr; cx.beginPath(); cx.arc(p.x, p.y, p.r, 0, 6.3); cx.fill();
   }
+  if (S.flash > .02) { cx.fillStyle = `rgba(190,205,255,${S.flash * .28})`; cx.fillRect(0, 0, W, H); S.flash *= .9; }
   // Spektrumlinie
   cx.lineWidth = 1.6 * dpr; const N = 90;
   for (let layer = 0; layer < 2; layer++) {
diff --git a/static/js/sw.js b/static/js/sw.js
index 611a144..b341106 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v74';
+const CACHE = 'diora-v75';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 3ff998f9cfca180ee81482ecaf0f8eadc3ed06eb Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 3 Oct 2026 23:41:48 +0200
Subject: [PATCH 069/176] =?UTF-8?q?Ambient:=20Drift=20v4=20=E2=80=93=20Bac?=
 =?UTF-8?q?h=20klingt=20nach=20Bach=20(glucksende=20Bl=C3=A4schengruppen),?=
 =?UTF-8?q?=20Bedienfeld=20auf=20breiten=20Fenstern=20zentriert;=20sw=20v7?=
 =?UTF-8?q?6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/ambient/index.html | 54 ++++++++++++++++++++++-----------------
 static/js/sw.js           |  2 +-
 2 files changed, 31 insertions(+), 25 deletions(-)

diff --git a/static/ambient/index.html b/static/ambient/index.html
index 555c36a..2d22510 100644
--- a/static/ambient/index.html
+++ b/static/ambient/index.html
@@ -20,7 +20,7 @@
   .noise .m-music, .noise .meters { display:none !important; }
   html:not(.noise) .m-noise { display:none; }
   .noise:not(.rev) .m-hall { display:none; }
-  main > * { pointer-events:auto; }
+  main > * { pointer-events:auto; width:100%; max-width:900px; margin-inline:auto; }   /* auf breiten Fenstern zentriert statt über die ganze Breite */
   h1 { margin:0; font-weight:300; letter-spacing:.35em; text-transform:uppercase; font-size:18px; }
   .sub { color:var(--dim); font-size:13px; margin-top:4px; }
   .state { font-size:13px; color:var(--dim); font-variant-numeric:tabular-nums; }
@@ -670,28 +670,31 @@ function dropBuf(kind, rate) {
   return DB[key] = buf;
 }
 
-// Wasser: tausende Luftbläschen als gedämpfte, leicht ansteigende Sinus-Schwingungen nach dem Minnaert-Modell
-// (Frequenz ≈ 3 / Radius, Dämpfung wächst mit der Frequenz). Dichte, überlagerte Bläschen ergeben das Plätschern;
-// die Ereignisrate schwankt periodisch über die 10 s, damit der Bach "atmet".
+// Wasser: Luftbläschen als gedämpfte, ansteigende Sinus-Schwingungen (Minnaert-Modell: Frequenz ≈ 3 / Radius,
+// Dämpfung wächst mit der Frequenz). Ein Bach "gluckst" in Gruppen: ähnlich große Bläschen platzen kurz hintereinander,
+// jede Gruppe hat ihre eigene Lautstärke, und die Gruppenrate schwankt periodisch über die 10 s.
 let SIN = null;
-function fillWater(d, len, sr, rate) {
+function fillWater(d, len, sr, rate) {   // rate = Gruppen pro Sekunde
   if (!SIN) { SIN = new Float32Array(4096); for (let i = 0; i < 4096; i++) SIN[i] = Math.sin(i / 4096 * 2 * Math.PI); }
-  const N = Math.round(rate * 10), p1 = Math.random() * 6.28, p2 = Math.random() * 6.28, p3 = Math.random() * 6.28;
-  for (let e = 0; e < N; e++) {
+  const NC = Math.round(rate * 10), p1 = Math.random() * 6.28, p2 = Math.random() * 6.28, p3 = Math.random() * 6.28;
+  for (let c = 0; c < NC; c++) {
     let pos;
     do {
       pos = Math.random();
       var lam = 1 + .45 * Math.sin(2 * Math.PI * 3 * pos + p1) + .3 * Math.sin(2 * Math.PI * 7 * pos + p2) + .2 * Math.sin(2 * Math.PI * 11 * pos + p3);
     } while (Math.random() * 1.95 > lam);
-    const r = (0.7 + 7.3 * Math.pow(Math.random(), 2.2)) * 1e-3;            // Radius 0,7–8 mm, kleine häufiger
-    const f0 = Math.min(4500, 3 / r), dmp = .043 * f0 + .0014 * Math.pow(f0, 1.5), xi = .1 * dmp;
-    const amp = Math.pow(r / .004, 1.3) * (.3 + Math.random());
-    const n = Math.min(Math.floor(sr * 3.5 / dmp), 4000), start = Math.floor(pos * len), dec = Math.exp(-dmp / sr), att = sr * .0008;
-    let env = 1, phase = 0;
-    for (let j = 0; j < n; j++) {
-      phase += f0 * (1 + xi * j / sr) / sr;
-      d[(start + j) % len] += SIN[((phase - Math.floor(phase)) * 4096) | 0] * env * amp * (j < att ? j / att : 1);
-      env *= dec;
+    const rc = (1 + 4 * Math.pow(Math.random(), 1.5)) * 1e-3;                  // typischer Radius der Gruppe: 1–5 mm
+    const loud = Math.pow(Math.random(), 2) * 1.2 + .05, m = 2 + Math.floor(Math.random() * 7), span = (.04 + Math.random() * .16) * sr;
+    for (let b = 0; b < m; b++) {
+      const r = rc * (1 + (Math.random() - .5) * .3), f0 = 3 / r, dmp = .043 * f0 + .0014 * Math.pow(f0, 1.5), xi = .3 * dmp;   // kräftiger Anstieg = Glucksen
+      const amp = loud * Math.pow(r / .003, 1.2) * (.5 + Math.random() * .5);
+      const n = Math.min(Math.floor(sr * 3.5 / dmp), 5000), start = Math.floor(pos * len + Math.random() * span), dec = Math.exp(-dmp / sr), att = sr * .0008;
+      let env = 1, phase = 0;
+      for (let j = 0; j < n; j++) {
+        phase += f0 * (1 + xi * j / sr) / sr;
+        d[(start + j) % len] += SIN[((phase - Math.floor(phase)) * 4096) | 0] * env * amp * (j < att ? j / att : 1);
+        env *= dec;
+      }
     }
   }
 }
@@ -812,17 +815,20 @@ function buildWind(K) {
 }
 
 function buildStream(K) {
-  const ctx = S.ctx, g1 = ctx.createGain(), g2 = ctx.createGain(), hp = bq("highpass", 220, .5);
-  const s1 = K.src(dropBuf("water", 350), g1), s2 = K.src(dropBuf("water", 1300), g2);
+  const ctx = S.ctx, g1 = ctx.createGain(), g2 = ctx.createGain(), hp = bq("highpass", 250, .5);
+  const s1 = K.src(dropBuf("water", 12), g1), s2 = K.src(dropBuf("water", 45), g2);   // ruhig / sprudelnd
   g1.connect(hp); g2.connect(hp);
-  const fl = bq("bandpass", 1200, .5), fg = ctx.createGain(); K.src(noiseBuf("pink"), fl); fl.connect(fg).connect(hp);   // verschmiert die Bläschen zu einem Fluss
-  const low = bq("lowpass", 220, .5), lg = ctx.createGain(); lg.gain.value = .12; K.src(noiseBuf("brown"), low); low.connect(lg).connect(K.out);
+  const sp = bq("highpass", 1800, .5), spl = bq("lowpass", 5000, .5), spg = ctx.createGain();   // Spritzer
+  K.src(dropBuf("rain", 30), sp); sp.connect(spl).connect(spg).connect(K.out);
+  const fl = bq("bandpass", 700, .7), fg = ctx.createGain();                           // ganz leises, unregelmäßiges Rauschbett
+  fg.gain.value = .03; K.src(noiseBuf("pink"), fl); fl.connect(fg).connect(hp);
+  const low = bq("lowpass", 180, .5), lg = ctx.createGain(); lg.gain.value = .05; K.src(noiseBuf("brown"), low); low.connect(lg).connect(K.out);
   hp.connect(K.out);
   K.set = (a, b) => {
-    sm(g1.gain, 1 - a * .8); sm(g2.gain, a * 1.2); sm(fg.gain, .04 + .12 * a);
-    const rt = .75 + .65 * b; sm(s1.playbackRate, rt); sm(s2.playbackRate, rt * 1.03);
+    sm(g1.gain, 1 - a * .7); sm(g2.gain, a * 1.3); sm(spg.gain, .02 + .07 * a);
+    const rt = .8 + .5 * b; sm(s1.playbackRate, rt); sm(s2.playbackRate, rt * 1.03);
   };
-  K.every(() => sm(fl.frequency, R(800, 2400), 2), 2, 5);
+  K.every(() => { sm(fl.frequency, R(500, 1800), .4); sm(fg.gain, R(.01, .07) * (.4 + K.a), .2); }, .4, 1.2);
 }
 
 function buildFire(K) {
@@ -965,7 +971,7 @@ const MODES = {
   storm:  { group: "Natur", name: "Gewitter", desc: "Starker Regen mit Blitz und rollendem Donner in unregelmäßigen Abständen.", labels: ["Häufigkeit & Regen", "Entfernung (fern ↔ nah)"], def: [.6, .5], gain: .8, hue: 245, vis: "rain", rev: .5, build: K => buildRain(K, true) },
   ocean:  { group: "Natur", name: "Meer", desc: "Wellen, die anrollen, brechen und im Schaum auslaufen.", labels: ["Wellengang", "Brandung dumpf ↔ hell"], def: [.5, .5], gain: .9, hue: 195, vis: "float", build: buildOcean },
   wind:   { group: "Natur", name: "Wind", desc: "Böen mit wandernder Farbe, auf Wunsch mit feinem Pfeifen.", labels: ["Stärke", "Pfeifen"], def: [.5, .25], gain: .9, hue: 180, vis: "wind", build: buildWind },
-  stream: { group: "Natur", name: "Bach", desc: "Plätscherndes Wasser aus tausenden einzeln berechneten Luftbläschen.", labels: ["Strömung", "Tonhöhe"], def: [.5, .5], gain: 0.5, hue: 170, vis: "float", build: buildStream },
+  stream: { group: "Natur", name: "Bach", desc: "Gluckerndes, plätscherndes Wasser aus Gruppen einzeln berechneter Luftbläschen.", labels: ["Strömung", "Tonhöhe"], def: [.5, .5], gain: 0.5, hue: 170, vis: "float", build: buildStream },
   fire:   { group: "Natur", name: "Lagerfeuer", desc: "Rollendes Brummen der Flamme und Knistern.", labels: ["Flammenstärke", "Knistern selten ↔ dicht"], def: [.5, .45], gain: .8, hue: 25, vis: "rise", build: buildFire },
   crickets: { group: "Natur", name: "Sommernacht", desc: "Bis zu sechs Grillen, jede mit eigenem Rhythmus und eigener Tonhöhe.", labels: ["Anzahl", "Tonhöhe / Tempo"], def: [.5, .45], gain: 0.2, hue: 75, vis: "fly", build: buildCrickets },
 
diff --git a/static/js/sw.js b/static/js/sw.js
index b341106..3542001 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v75';
+const CACHE = 'diora-v76';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 16a1e23fcc53cb5f10419bdffd355a22b205a772 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 00:01:03 +0200
Subject: [PATCH 070/176] =?UTF-8?q?Ambient:=20Ton=20auf=20Android=20=C3=BC?=
 =?UTF-8?q?ber=20den=20normalen=20Medienweg;=20dioras=20Lautst=C3=A4rke=20?=
 =?UTF-8?q?gilt=20f=C3=BCr=20Drift;=20sw=20v77?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Drift: AudioContext mit latencyHint 'playback' – der Niedriglatenz-Weg (AAudio/MMAP)
  blieb auf dem Samsung des Nutzers stumm, obwohl Drift lief
- Drift: cmd 'volume' (0..1) von der Seite ist die Lautstärke; eingebettet ist der eigene
  Regler ausgeblendet
- app.js: setVolume() und das Laden des Frames schicken die Lautstärke an Drift (nicht in
  der Android-App: dort gelten die Lautstärketasten)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/ambient/index.html | 16 ++++++++++++----
 static/js/app.js          | 22 +++++++++++++++++++---
 static/js/sw.js           |  2 +-
 3 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/static/ambient/index.html b/static/ambient/index.html
index 2d22510..1aa359b 100644
--- a/static/ambient/index.html
+++ b/static/ambient/index.html
@@ -16,6 +16,7 @@
     overflow-x:hidden; overflow-y:auto; }
   .embed header { display:none; }
   .embed #share { display:none; }
+  .embed .m-vol { display:none; }   /* eingebettet regelt die Seite die Lautstärke (cmd "volume") */
   .embed .state { padding-right:58px; }   /* oben rechts liegt in diora ein Knopf */
   .noise .m-music, .noise .meters { display:none !important; }
   html:not(.noise) .m-noise { display:none; }
@@ -83,7 +84,7 @@
     <label class="m-music">Tuning
       <select id="tuning"><option value="just">Rein</option><option value="equal">Gleichstufig</option></select></label>
     <div class="sep"></div>
-    <label>Lautstärke <input type="range" id="vol" min="0" max="1" step="0.01" value="0.7"></label>
+    <label class="m-vol">Lautstärke <input type="range" id="vol" min="0" max="1" step="0.01" value="0.7"></label>
     <label class="m-noise"><span id="lla">A</span> <input type="range" id="la" min="0" max="1" step="0.01" value="0.5"></label>
     <label class="m-noise"><span id="llb">B</span> <input type="range" id="lb" min="0" max="1" step="0.01" value="0.5"></label>
     <label class="m-music">Dichte <input type="range" id="density" min="0" max="1" step="0.01" value="0.5"></label>
@@ -174,6 +175,8 @@ const S = {
   ring: null, wp: 0, written: 0, grainBuf: null,
 };
 let rafId = 0;   // Zeichenschleife (siehe wake/draw)
+S.hostVol = null;   // Lautstärke der einbettenden Seite (cmd "volume"), sonst gilt der eigene Regler
+const outVol = () => S.hostVol != null ? S.hostVol : +$("vol").value;
 const speed = () => 0.35 + S.drift * 2.2;
 
 // Spannungsbogen: 0 = ruhig, 1 = Höhepunkt, über mehrere Minuten
@@ -216,7 +219,8 @@ function satCurve(k) {
 }
 
 function buildGraph() {
-  const ctx = S.ctx = new (window.AudioContext || window.webkitAudioContext)();
+  // "playback": the normal media path (on Android the low-latency one can stay silent, e.g. on Samsung)
+  const ctx = S.ctx = new (window.AudioContext || window.webkitAudioContext)({ latencyHint: "playback" });
   const g = S.g = {};
 
   g.voiceBus = ctx.createGain();
@@ -1030,6 +1034,10 @@ addEventListener("message", e => {
   if (d.cmd === "start" && !S.running) start();
   else if (d.cmd === "stop" && S.running) stop();
   else if (d.cmd === "mode" && MODES[d.mode]) setMode(d.mode);
+  else if (d.cmd === "volume" && isFinite(d.value)) {   // die einbettende Seite (diora) gibt die Lautstärke vor
+    S.hostVol = clamp(+d.value, 0, 1);
+    if (S.running) S.g.master.gain.setTargetAtTime(outVol(), S.ctx.currentTime, .1);
+  }
 });
 
 function startMusic() {
@@ -1053,7 +1061,7 @@ function start() {
   S.ctx.resume().then(() => { if (S.running && S.ctx.state !== "running") stop(); }, () => { if (S.running) stop(); });
   const t = S.ctx.currentTime;
   S.g.master.gain.cancelScheduledValues(t);
-  S.g.master.gain.setTargetAtTime(+$("vol").value, t, 2.5);
+  S.g.master.gain.setTargetAtTime(outVol(), t, 2.5);
   S.tickId = setInterval(tick, 1000);
   enterMode();
   $("toggle").textContent = "Stopp";
@@ -1121,7 +1129,7 @@ function updateInfo() {
 
 $("preset").innerHTML = Object.keys(PRESETS).map(n => `<option>${n}</option>`).join("");
 $("toggle").onclick = () => S.running ? stop() : start();
-$("vol").oninput = e => { if (S.running) S.g.master.gain.setTargetAtTime(+e.target.value, S.ctx.currentTime, .1); };
+$("vol").oninput = () => { if (S.running) S.g.master.gain.setTargetAtTime(outVol(), S.ctx.currentTime, .1); };
 $("density").oninput = e => S.density = +e.target.value;
 $("drift").oninput = e => S.drift = +e.target.value;
 $("arc").oninput = e => S.arcDepth = +e.target.value;
diff --git a/static/js/app.js b/static/js/app.js
index 35ba6f4..c0e06b5 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -350,6 +350,7 @@ function setVolume(val) {
   const numInput = $('volume-num');
   if (slider) slider.value = val;
   if (numInput) numInput.value = val;
+  _ambientVolume(val);
 }
 
 const volSliderEl = document.getElementById('volume');
@@ -1253,7 +1254,11 @@ function _ambientFrame() {
 function _ambientLoad() {
   const f = _ambientFrame();
   if (!f) return;
-  if (!f.getAttribute('src')) f.src = f.dataset.src;
+  if (!f.getAttribute('src')) {
+    // Drift takes the page's volume before its first sound.
+    f.addEventListener('load', () => _ambientVolume());
+    f.src = f.dataset.src;
+  }
   requestAnimationFrame(_ambientSize);
 }
 
@@ -1269,9 +1274,9 @@ function _ambientSize() {
 window.addEventListener('resize', () => requestAnimationFrame(_ambientSize));
 
 // A command for Drift ('start' | 'stop'): the app's notification, the sleep timer.
-window.__dioraAmbientCmd = function (cmd) {
+window.__dioraAmbientCmd = function (cmd, value) {
   const f = _ambientFrame();
-  if (f && f.contentWindow && f.getAttribute('src')) f.contentWindow.postMessage({type: 'ambient', cmd}, '*');
+  if (f && f.contentWindow && f.getAttribute('src')) f.contentWindow.postMessage({type: 'ambient', cmd, value}, '*');
 };
 
 // The radio or a podcast starts: Ambient stops.
@@ -1280,6 +1285,17 @@ window.__dioraAmbientStop = function () {
 };
 window.__dioraAmbientPlaying = () => _ambientPlaying;
 
+// The page's volume (0–255, the bar's slider) is Drift's too; its own slider hides when
+// embedded. Not in the Android app: there the volume keys set it, as for everything.
+function _ambientVolume(val) {
+  if (window.DioraNative && DioraNative.ambientState) return;
+  if (val == null) {
+    const s = $('volume');
+    val = s ? +s.value : +(localStorage.getItem('diora_volume') || 102);
+  }
+  window.__dioraAmbientCmd && window.__dioraAmbientCmd('volume', val / 255);
+}
+
 window.addEventListener('message', e => {
   const f = _ambientFrame();
   const d = e.data;
diff --git a/static/js/sw.js b/static/js/sw.js
index 3542001..8c43d6f 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v76';
+const CACHE = 'diora-v77';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From bd9193c8696ec3c3d5e2e8ccd7df10b901d7ecab Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 00:07:07 +0200
Subject: [PATCH 071/176] =?UTF-8?q?Ambient:=20Frame=20misst=20sich=20neu,?=
 =?UTF-8?q?=20wenn=20die=20Leiste=20unten=20w=C3=A4chst=20oder=20schrumpft?=
 =?UTF-8?q?;=20Bedienfeld=20960=20px;=20sw=20v78?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/ambient/index.html | 2 +-
 static/js/app.js          | 4 ++++
 static/js/sw.js           | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/static/ambient/index.html b/static/ambient/index.html
index 1aa359b..a15cc00 100644
--- a/static/ambient/index.html
+++ b/static/ambient/index.html
@@ -21,7 +21,7 @@
   .noise .m-music, .noise .meters { display:none !important; }
   html:not(.noise) .m-noise { display:none; }
   .noise:not(.rev) .m-hall { display:none; }
-  main > * { pointer-events:auto; width:100%; max-width:900px; margin-inline:auto; }   /* auf breiten Fenstern zentriert statt über die ganze Breite */
+  main > * { pointer-events:auto; width:100%; max-width:960px; margin-inline:auto; }   /* auf breiten Fenstern zentriert statt über die ganze Breite */
   h1 { margin:0; font-weight:300; letter-spacing:.35em; text-transform:uppercase; font-size:18px; }
   .sub { color:var(--dim); font-size:13px; margin-top:4px; }
   .state { font-size:13px; color:var(--dim); font-variant-numeric:tabular-nums; }
diff --git a/static/js/app.js b/static/js/app.js
index c0e06b5..c942dc8 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -1272,6 +1272,10 @@ function _ambientSize() {
   f.style.height = Math.max(320, Math.floor(window.innerHeight - top - bar)) + 'px';
 }
 window.addEventListener('resize', () => requestAnimationFrame(_ambientSize));
+// The bar at the bottom grows or shrinks (the player appears, a second line …): its height
+// comes as --nui-dock-h / --dpw-bar-h on <html>, set inline — measure again then.
+new MutationObserver(() => requestAnimationFrame(_ambientSize))
+  .observe(document.documentElement, {attributes: true, attributeFilter: ['style']});
 
 // A command for Drift ('start' | 'stop'): the app's notification, the sleep timer.
 window.__dioraAmbientCmd = function (cmd, value) {
diff --git a/static/js/sw.js b/static/js/sw.js
index 8c43d6f..72a343d 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v77';
+const CACHE = 'diora-v78';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 2c64342c5395defc5c198d5294662c02c4264911 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 00:09:28 +0200
Subject: [PATCH 072/176] =?UTF-8?q?Ambient:=20leichter=20Modus=20f=C3=BCr?=
 =?UTF-8?q?=20Telefone=20gegen=20Ruckeln;=20sw=20v79?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Auf dem S21 lag die App mit Drift bei ~185 % CPU, der Ton stockte. Auf Telefonen jetzt:
Bild in einfacher Auflösung und ~30 Bilder/s, 3,5 s statt 7 s Hall, kein Oversampling,
kein ScriptProcessor (Körner) im Hauptthread.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/ambient/index.html | 47 ++++++++++++++++++++++++---------------
 static/js/sw.js           |  2 +-
 2 files changed, 30 insertions(+), 19 deletions(-)

diff --git a/static/ambient/index.html b/static/ambient/index.html
index a15cc00..a3757fd 100644
--- a/static/ambient/index.html
+++ b/static/ambient/index.html
@@ -97,6 +97,10 @@
 <script>
 "use strict";
 const $ = id => document.getElementById(id);
+// Telefone: leichter rechnen, damit der Ton nicht ruckelt (Bild in einfacher Auflösung, ~30 Bilder/s,
+// kürzerer Hall, kein Oversampling, keine Körner-Aufnahme im Hauptthread).
+const LITE = /Android|iPhone|iPad|Mobile/i.test(navigator.userAgent);
+const DPR = () => LITE ? 1 : devicePixelRatio;
 const QS = new URLSearchParams(location.search);
 if (QS.get("embed") === "1") document.documentElement.classList.add("embed");
 let BG = [11, 14, 20];     // Hintergrundfarbe, per ?bg=%23101010 überschreibbar
@@ -235,7 +239,7 @@ function buildGraph() {
   // gemeinsamer Summenbus -> Tape-Sättigung -> Kompressor
   g.mix = ctx.createGain();
   g.drive = ctx.createGain(); g.drive.gain.value = 1.5;
-  g.shaper = ctx.createWaveShaper(); g.shaper.curve = satCurve(1.6); g.shaper.oversample = "2x";
+  g.shaper = ctx.createWaveShaper(); g.shaper.curve = satCurve(1.6); g.shaper.oversample = LITE ? "none" : "2x";
   g.makeup = ctx.createGain(); g.makeup.gain.value = .72;
   g.comp = ctx.createDynamicsCompressor();
   g.comp.threshold.value = -18; g.comp.ratio.value = 3; g.comp.attack.value = .05; g.comp.release.value = .4;
@@ -246,7 +250,7 @@ function buildGraph() {
   g.filter.connect(g.dry).connect(g.mix);
 
   // Hall
-  g.conv = ctx.createConvolver(); g.conv.buffer = makeImpulse(ctx, 7, 2.6);
+  g.conv = ctx.createConvolver(); g.conv.buffer = makeImpulse(ctx, LITE ? 3.5 : 7, 2.6);
   g.send = ctx.createGain(); g.send.gain.value = S.verb;
   g.filter.connect(g.send).connect(g.conv);
   g.conv.connect(g.mix);
@@ -294,16 +298,20 @@ function buildGraph() {
   g.noiseBus.connect(g.mix);
   const nSend = ctx.createGain(); nSend.gain.value = .3; g.noiseBus.connect(nSend).connect(g.conv);
 
-  // Granular: Ringpuffer der Stimmen, daraus werden Körner geschnitten
-  S.ring = new Float32Array(ctx.sampleRate * 12); S.wp = 0; S.written = 0;
-  const proc = ctx.createScriptProcessor(4096, 1, 1);
-  proc.onaudioprocess = e => {
-    const inp = e.inputBuffer.getChannelData(0), n = S.ring.length;
-    for (let i = 0; i < inp.length; i++) { S.ring[S.wp] = inp[i]; S.wp = (S.wp + 1) % n; }
-    S.written += inp.length;
-  };
-  const zero = ctx.createGain(); zero.gain.value = 0;
-  g.voiceBus.connect(proc); proc.connect(zero).connect(ctx.destination);
+  // Granular: Ringpuffer der Stimmen, daraus werden Körner geschnitten. Der ScriptProcessor läuft im
+  // Hauptthread und hält bei Last den ganzen Graphen auf – auf Telefonen gibt es daher keine Körner.
+  S.wp = 0; S.written = 0;
+  if (!LITE) {
+    S.ring = new Float32Array(ctx.sampleRate * 12);
+    const proc = ctx.createScriptProcessor(4096, 1, 1);
+    proc.onaudioprocess = e => {
+      const inp = e.inputBuffer.getChannelData(0), n = S.ring.length;
+      for (let i = 0; i < inp.length; i++) { S.ring[S.wp] = inp[i]; S.wp = (S.wp + 1) % n; }
+      S.written += inp.length;
+    };
+    const zero = ctx.createGain(); zero.gain.value = 0;
+    g.voiceBus.connect(proc); proc.connect(zero).connect(ctx.destination);
+  }
   g.grainBus = ctx.createGain(); g.grainBus.connect(g.filter);
 
   g.modeBus = ctx.createGain(); g.modeBus.connect(g.mix);       // Klangwelten (Rauschen, Natur, …)
@@ -464,7 +472,7 @@ function playSwell(buf, t) {
 // Granulare Wolke aus dem eigenen Output
 function snapGrains() {
   const sr = S.ctx.sampleRate;
-  if (S.written < sr * 6) return;
+  if (!S.ring || S.written < sr * 6) return;
   const len = Math.min(S.written, S.ring.length), b = S.ctx.createBuffer(1, len, sr), d = b.getChannelData(0);
   for (let i = 0; i < len; i++) d[i] = S.ring[(S.wp - len + i + S.ring.length) % S.ring.length];
   S.grainBuf = b;
@@ -1189,8 +1197,8 @@ const cv = $("viz"), cx = cv.getContext("2d");
 S.visUntil = performance.now() + 1500;
 function wake() { if (!rafId) rafId = requestAnimationFrame(draw); }
 function resize() {
-  cv.width = Math.round(cv.clientWidth * devicePixelRatio);
-  cv.height = Math.round(cv.clientHeight * devicePixelRatio);
+  cv.width = Math.round(cv.clientWidth * DPR());
+  cv.height = Math.round(cv.clientHeight * DPR());
   wake();
 }
 resize();
@@ -1204,9 +1212,9 @@ function spawnParticles(ev) {
   const keyHue = (S.root % 12) * 30 + 200;
   for (let i = 0; i < count && parts.length < 450; i++) {
     parts.push({
-      x: x + rnd(-40, 40, Math.random) * devicePixelRatio, y: H * rnd(.55, .85, Math.random),
+      x: x + rnd(-40, 40, Math.random) * DPR(), y: H * rnd(.55, .85, Math.random),
       vx: rnd(-.12, .12, Math.random), vy: -rnd(.08, .4, Math.random) * (ev.kind === "bell" ? 1.6 : 1),
-      r: (ev.kind === "bell" ? rnd(4, 9, Math.random) : rnd(10, 30, Math.random)) * devicePixelRatio,
+      r: (ev.kind === "bell" ? rnd(4, 9, Math.random) : rnd(10, 30, Math.random)) * DPR(),
       life: 0, max: ev.kind === "bell" ? rnd(180, 320, Math.random) : Math.min(ev.dur * 40, 700),
       h: keyHue + (ev.kind === "choir" ? 60 : ev.kind === "bell" ? 25 : 0) + rnd(-12, 12, Math.random),
     });
@@ -1235,13 +1243,16 @@ function modeVis(W, H, dpr) {
       if (n(.06 + a * .05)) add({ x: Math.random() * W, y: H * r(.5, .95), vx: r(-.2, .2), vy: -r(.1, .5), r: r(10, 28) * dpr, max: r(300, 600) });
   }
 }
+let lastDraw = 0;
 function draw(ts) {
   rafId = 0;
-  const W = cv.width, H = cv.height, dpr = devicePixelRatio;
+  const W = cv.width, H = cv.height, dpr = DPR();
   // Nichts zeichnen (und nicht neu planen), wenn versteckt, 0 px groß oder die Musik steht
   if (document.hidden || !W || !H || !cv.clientWidth) return;
   if (!S.running && performance.now() > S.visUntil) return;
   rafId = requestAnimationFrame(draw);
+  if (LITE && ts - lastDraw < 32) return;   // Telefone: ~30 Bilder/s reichen
+  lastDraw = ts;
   cx.globalCompositeOperation = "source-over";
   cx.fillStyle = `rgba(${BG[0]},${BG[1]},${BG[2]},.16)`; cx.fillRect(0, 0, W, H);
   if (!S.g) return;
diff --git a/static/js/sw.js b/static/js/sw.js
index 72a343d..9c4576b 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v78';
+const CACHE = 'diora-v79';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 6e28312947062cc823add72797ff1ab16c102ab1 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 00:18:06 +0200
Subject: [PATCH 073/176] Ambient in der Player-Leiste; weniger Aussetzer bei
 den Klangwelten auf Telefonen; sw v80
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- app.js: __dioraAmbientInfo (spielt, zuletzt gestartet, Klangwelt), meldet Moduswechsel
  an die Leiste; Radio/Folge übernimmt sie wieder
- Drift (Telefone): Musik-Bett, Delay und Hall werden vom Ausgang getrennt, wenn eine
  Klangwelt ohne sie läuft (Braunes Rauschen …); Zugfahrt und Herzschlag planen 2,5 s voraus

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/ambient/index.html         | 30 ++++++++++++++++++---
 static/js/app.js                  | 30 ++++++++++++++++++---
 static/js/sw.js                   |  2 +-
 static/podcasts/native-podcast.js | 45 +++++++++++++++++++++++++++++--
 4 files changed, 98 insertions(+), 9 deletions(-)

diff --git a/static/ambient/index.html b/static/ambient/index.html
index a3757fd..32b33dc 100644
--- a/static/ambient/index.html
+++ b/static/ambient/index.html
@@ -296,7 +296,8 @@ function buildGraph() {
   nB.connect(sl).connect(sMod).connect(g.seaGain).connect(g.noiseBus);
   nA.start(); nB.start(0, 3.1);
   g.noiseBus.connect(g.mix);
-  const nSend = ctx.createGain(); nSend.gain.value = .3; g.noiseBus.connect(nSend).connect(g.conv);
+  const nSend = g.nSend = ctx.createGain(); nSend.gain.value = .3; g.noiseBus.connect(nSend).connect(g.conv);
+  S.musicLinked = true; S.revLinked = true;   // siehe applyRev (Telefone)
 
   // Granular: Ringpuffer der Stimmen, daraus werden Körner geschnitten. Der ScriptProcessor läuft im
   // Hauptthread und hält bei Last den ganzen Graphen auf – auf Telefonen gibt es daher keine Körner.
@@ -917,7 +918,11 @@ function buildWomb(K) {
     o.connect(og).connect(tl); o.start(t); o.stop(t + .3);
   };
   const per = () => 60 / (55 + K.a * 60);
-  K.every(() => { const t = T() + .05; thump(t, 64, .9); thump(t + .27, 72, .6); }, per, () => per() * 1.01, .3);
+  // Schläge der nächsten Sekunden vorplanen: ein stockender Hauptthread lässt so keinen Schlag aus
+  K.nextBeat = T() + .3;
+  K.every(() => {
+    while (K.nextBeat < T() + 2.5) { const t = K.nextBeat; thump(t, 64, .9); thump(t + .27, 72, .6); K.nextBeat += per() * R(1, 1.01); }
+  }, .25, .25, .05);
   K.set = (a, b) => { sm(tl.frequency, 100 + 300 * b); sm(lp.frequency, 300 + 500 * b); };
 }
 
@@ -953,7 +958,7 @@ function buildTrain(K) {
   };
   K.every(() => {
     const now = T();
-    while (K.nextJoint < now + .5) {   // alle Achsen eines Schienenstoßes vorplanen
+    while (K.nextJoint < now + 2.5) {   // alle Achsen der Schienenstöße der nächsten Sekunden vorplanen (ein stockender Hauptthread reißt so keine Lücke)
       const v = K.v, t0 = K.nextJoint, amp = .8 * (.85 + Math.random() * .3);
       [0, 2.5 / v, 12.5 / v, 15 / v].forEach((o, i) => railClack(K, t0 + o, amp * (i % 2 ? .8 : 1)));
       K.nextJoint += 25 / v;
@@ -1004,6 +1009,25 @@ function applyRev() {
   if (!S.g) return;
   const M = MODES[S.mode];
   S.g.modeRev.gain.setTargetAtTime(M.music ? 0 : (M.rev || 0) * S.verb * 1.2, S.ctx.currentTime, .3);
+  if (!LITE) return;
+  // Telefone: Was gerade nicht klingt, vom Ausgang trennen – der Browser rechnet es dann gar nicht
+  // (Musik-Bett, Delay, Hall ohne Hall-Modus). Musik geht nach dem Ausblenden weg, damit nichts knackt.
+  const music = !!M.music;
+  if (music) linkMusic(true);
+  else setTimeout(() => { if (!MODES[S.mode].music) linkMusic(false); }, 1600);
+  const rev = music || !!M.rev;
+  if (S.revLinked !== rev) {
+    S.revLinked = rev;
+    try { rev ? S.g.conv.connect(S.g.mix) : S.g.conv.disconnect(S.g.mix); } catch (e) {}
+  }
+}
+function linkMusic(on) {
+  if (S.musicLinked === on) return;
+  S.musicLinked = on;
+  const G = S.g;
+  for (const [a, b] of [[G.dry, G.mix], [G.send, G.conv], [G.noiseBus, G.mix], [G.nSend, G.conv], [G.dlp, G.conv], [G.dlp, G.mix]]) {
+    try { on ? a.connect(b) : a.disconnect(b); } catch (e) {}
+  }
 }
 function startSoundscape() {
   const M = MODES[S.mode], K = newKit(M.gain || .7);
diff --git a/static/js/app.js b/static/js/app.js
index c942dc8..5e09935 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -1246,6 +1246,7 @@ function showTab(name) {
 // {type: 'ambient', state: 'playing'|'stopped'} from it.
 // ---------------------------------------------------------------------------
 let _ambientPlaying = false;
+let _ambientLast = false;   // Ambient was started last: the player bar shows it (native-podcast.js)
 
 function _ambientFrame() {
   return $('ambient-frame');
@@ -1255,8 +1256,14 @@ function _ambientLoad() {
   const f = _ambientFrame();
   if (!f) return;
   if (!f.getAttribute('src')) {
-    // Drift takes the page's volume before its first sound.
-    f.addEventListener('load', () => _ambientVolume());
+    // Drift takes the page's volume before its first sound; the bar follows its sound world.
+    f.addEventListener('load', () => {
+      _ambientVolume();
+      try {
+        f.contentDocument.getElementById('mode').addEventListener('change', () =>
+          window.__dioraAmbientChanged && window.__dioraAmbientChanged());
+      } catch (e) {}
+    });
     f.src = f.dataset.src;
   }
   requestAnimationFrame(_ambientSize);
@@ -1283,12 +1290,27 @@ window.__dioraAmbientCmd = function (cmd, value) {
   if (f && f.contentWindow && f.getAttribute('src')) f.contentWindow.postMessage({type: 'ambient', cmd, value}, '*');
 };
 
-// The radio or a podcast starts: Ambient stops.
+// The radio or a podcast starts: Ambient stops, and the player bar is theirs again.
 window.__dioraAmbientStop = function () {
   if (_ambientPlaying) window.__dioraAmbientCmd('stop');
+  if (_ambientLast) {
+    _ambientLast = false;
+    if (window.__dioraAmbientChanged) window.__dioraAmbientChanged();
+  }
 };
 window.__dioraAmbientPlaying = () => _ambientPlaying;
 
+// For the player bar: playing, started last, the sound world's name (the frame is ours).
+window.__dioraAmbientInfo = function () {
+  const f = _ambientFrame();
+  let mode = '';
+  try {
+    const sel = f && f.contentDocument && f.contentDocument.getElementById('mode');
+    if (sel && sel.selectedOptions[0]) mode = sel.selectedOptions[0].text;
+  } catch (e) {}
+  return {playing: _ambientPlaying, last: _ambientLast, mode};
+};
+
 // The page's volume (0–255, the bar's slider) is Drift's too; its own slider hides when
 // embedded. Not in the Android app: there the volume keys set it, as for everything.
 function _ambientVolume(val) {
@@ -1305,6 +1327,8 @@ window.addEventListener('message', e => {
   const d = e.data;
   if (!f || e.source !== f.contentWindow || !d || d.type !== 'ambient' || !d.state) return;
   _ambientPlaying = d.state === 'playing';
+  if (_ambientPlaying) _ambientLast = true;
+  if (window.__dioraAmbientChanged) window.__dioraAmbientChanged();
   // The app keeps it going with the screen off (AmbientService); the browser's sleep timer counts it.
   if (window.DioraNative && DioraNative.ambientState) DioraNative.ambientState(_ambientPlaying);
   if (window.__dioraOnAmbient) window.__dioraOnAmbient(_ambientPlaying);
diff --git a/static/js/sw.js b/static/js/sw.js
index 9c4576b..907ce35 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v79';
+const CACHE = 'diora-v80';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index df2a096..4d63a72 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 67a915e 2026-10-03: web-native/static/native-podcast.js
+// Copied from diora-android 8ee6c2b 2026-10-04: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -2798,7 +2798,8 @@
     const text = el('button', 'nui-mini-text');
     text.type = 'button';
     text.append(el('span', 'nui-mini-station'), el('span', 'nui-mini-track'));
-    text.addEventListener('click', () => (miniKind === 'radio' ? openRadioPlayer() : openPlayer()));
+    text.addEventListener('click', () => (miniKind === 'ambient' ? showTab('ambient')
+      : miniKind === 'radio' ? openRadioPlayer() : openPlayer()));
     const devices = button('⇄', 'Wiedergabe auf …', deviceMenu, 'nui-mini-devices');
     const here = button('⇩', 'Hier abspielen', takeOver, 'nui-mini-here');
     devices.hidden = here.hidden = true;
@@ -2808,6 +2809,7 @@
       button('☆', 'Sender speichern', () => window.__dioraRadioSave && window.__dioraRadioSave(), 'nui-mini-save'),
       devices, here,
       button('▶', 'Abspielen', () => (miniKind === 'remote' ? remoteToggle()
+        : miniKind === 'ambient' ? ambientToggle()
         : miniKind === 'radio' ? window.__dioraRadioToggle && window.__dioraRadioToggle() : N.podcastToggle()), 'nui-mini-toggle'));
     dock.prepend(mini);
     // One player for podcasts and radio: the radio's own bar steps aside.
@@ -2841,6 +2843,42 @@
     b.classList.toggle('on', !!sleepLabel(true));
   }
 
+  // Ambient (app.js) started last: the bar is its — the sound world's name, ▶/■, a tap opens
+  // its tab — until the radio or an episode starts.
+  function ambientInfo() {
+    return window.__dioraAmbientInfo ? window.__dioraAmbientInfo() : null;
+  }
+
+  function ambientToggle() {
+    const a = ambientInfo();
+    if (a && window.__dioraAmbientCmd) window.__dioraAmbientCmd(a.playing ? 'stop' : 'start');
+  }
+
+  window.__dioraAmbientChanged = () => renderMini();
+
+  function renderAmbientMini() {
+    const a = ambientInfo();
+    if (!mini || !a || !a.last) return false;
+    miniKind = 'ambient';
+    document.documentElement.classList.remove('nui-pod-playing');
+    document.documentElement.classList.add('nui-pod-mini-open');
+    mini.hidden = false;
+    mini.classList.add('nui-mini-radio');
+    mini.classList.remove('nui-mini-remote');
+    for (const c of ['.nui-pod-skip', '.nui-mini-save', '.nui-mini-devices', '.nui-mini-here']) mini.querySelector(c).hidden = true;
+    mini.querySelector('.nui-mini-station').textContent = 'Ambient';
+    const z = sleepLabel(true);
+    mini.querySelector('.nui-mini-track').textContent = (a.mode || 'Drift') + (a.playing ? '' : ' · angehalten') + (z ? ' · ' + z : '');
+    const t = mini.querySelector('.nui-mini-toggle');
+    t.textContent = a.playing ? '■' : '▶';
+    t.title = a.playing ? 'Ambient stoppen' : 'Ambient abspielen';
+    const box = mini.querySelector('.nui-pod-art');
+    setArt(box, '');
+    if (!box.querySelector('.nui-amb-art')) { box.textContent = ''; box.append(el('span', 'nui-pod-initial nui-amb-art', '∿')); }
+    mini.querySelector('.nui-pod-mini-bar span').style.width = a.playing ? '100%' : '0';
+    return true;
+  }
+
   // The bar names a running sleep timer: "… · ☾ 12 min".
   function sleepSuffix() {
     const l = sleepLabel();
@@ -2871,10 +2909,13 @@
 
   function renderMini() {
     renderAmbientSleep();
+    if (renderAmbientMini()) return;
     const r = remote();
     const isPod = player.kind === 'podcast';
     document.documentElement.classList.toggle('nui-pod-playing', isPod || !!r);
     if (!mini) return;
+    const ambArt = mini.querySelector('.nui-amb-art');
+    if (ambArt) ambArt.remove();
     const radio = isPod || r ? null : radioNow();
     miniKind = r ? 'remote' : isPod ? 'podcast' : radio ? 'radio' : '';
     mini.hidden = !miniKind;

From 356a5299daa6fe6a7c3296165620f8555322f491 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 00:24:43 +0200
Subject: [PATCH 074/176] =?UTF-8?q?Ambient:=20Zugfahrt=20=E2=80=9Eklack-kl?=
 =?UTF-8?q?ack=20=E2=80=A6=20klack-klack=E2=80=9C=20(Drift=20v8,=20Diff=20?=
 =?UTF-8?q?eingespielt);=20sw=20v81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Zwei Achsen kurz nacheinander (3,1 m), 33 m Schiene bis zum nächsten Paar, dumpferer
Anschlag, Karosserie klingt mit zwei Moden nach. Dioras eigene Drift-Änderungen bleiben.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/ambient/index.html | 32 ++++++++++++++++++--------------
 static/js/sw.js           |  2 +-
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/static/ambient/index.html b/static/ambient/index.html
index 32b33dc..a08a088 100644
--- a/static/ambient/index.html
+++ b/static/ambient/index.html
@@ -926,22 +926,26 @@ function buildWomb(K) {
   K.set = (a, b) => { sm(tl.frequency, 100 + 300 * b); sm(lp.frequency, 300 + 500 * b); };
 }
 
-// Zugfahrt: Rollgeräusch + Schienenstöße. Jeder Stoß wird von vier Achsen nacheinander angeschlagen
-// (zwei pro Drehgestell, Abstand = halbe Schienenlänge) -> gleichmäßig "tschuck-tschuck ... tschuck-tschuck", Takt folgt der Geschwindigkeit.
+// Zugfahrt: Rollgeräusch + Schienenstöße. Jeder Stoß wird von zwei Achsen kurz nacheinander angeschlagen
+// (Achsabstand 3,1 m, Schienenlänge 33 m) -> "klack-klack ......... klack-klack", Pause ≈ 11× Paarabstand, Takt folgt der Geschwindigkeit.
 function railClack(K, t, amp) {
   const ctx = S.ctx, nb = noiseBuf("white");
-  const s1 = ctx.createBufferSource(), bp = bq("bandpass", R(500, 1100) * (.7 + .8 * K.b), .9), g1 = ctx.createGain();
+  const s1 = ctx.createBufferSource(), bp = bq("bandpass", R(300, 650) * (.7 + .8 * K.b), .8), g1 = ctx.createGain();   // dumpfer Anschlag
   s1.buffer = nb; s1.connect(bp).connect(g1).connect(K.out);
-  g1.gain.setValueAtTime(0, t); g1.gain.linearRampToValueAtTime(amp * .9, t + .003); g1.gain.exponentialRampToValueAtTime(.001, t + .07);
+  g1.gain.setValueAtTime(0, t); g1.gain.linearRampToValueAtTime(amp * .55, t + .004); g1.gain.exponentialRampToValueAtTime(.001, t + .08);
   s1.start(t, R(0, 8), .1);
-  const o = ctx.createOscillator(), og = ctx.createGain();   // dumpfer Schlag im Wagenboden
-  o.frequency.setValueAtTime(110, t); o.frequency.exponentialRampToValueAtTime(55, t + .1);
-  og.gain.setValueAtTime(0, t); og.gain.linearRampToValueAtTime(amp * .7, t + .004); og.gain.exponentialRampToValueAtTime(.001, t + .16);
-  o.connect(og).connect(K.out); o.start(t); o.stop(t + .2);
-  const s2 = ctx.createBufferSource(), rb = bq("bandpass", R(190, 260), 8), g2 = ctx.createGain();   // Nachklingen der Karosserie
-  s2.buffer = nb; s2.connect(rb).connect(g2).connect(K.out);
-  g2.gain.setValueAtTime(0, t); g2.gain.linearRampToValueAtTime(amp * .9, t + .004); g2.gain.exponentialRampToValueAtTime(.001, t + .35);
-  s2.start(t, R(0, 8), .4);
+  const o = ctx.createOscillator(), og = ctx.createGain();   // Schlag im Wagenboden
+  o.frequency.setValueAtTime(95, t); o.frequency.exponentialRampToValueAtTime(48, t + .12);
+  og.gain.setValueAtTime(0, t); og.gain.linearRampToValueAtTime(amp * .8, t + .005); og.gain.exponentialRampToValueAtTime(.001, t + .24);
+  o.connect(og).connect(K.out); o.start(t); o.stop(t + .3);
+  // Karosserie klingt nach: zwei Resonanzmoden, lang abklingend
+  const f1 = R(170, 220);
+  [[f1, 1.5, .65], [f1 * 1.9, .7, .45]].forEach(([f, a, dec]) => {
+    const s2 = ctx.createBufferSource(), rb = bq("bandpass", f, 10), g2 = ctx.createGain();
+    s2.buffer = nb; s2.connect(rb).connect(g2).connect(K.out);
+    g2.gain.setValueAtTime(0, t); g2.gain.linearRampToValueAtTime(amp * a, t + .006); g2.gain.exponentialRampToValueAtTime(.001, t + dec);
+    s2.start(t, R(0, 8), dec + .1);
+  });
 }
 function buildTrain(K) {
   const ctx = S.ctx, lp = bq("lowpass", 700, .6), g = ctx.createGain(), bp = bq("bandpass", 900, .5), bg = ctx.createGain();
@@ -960,8 +964,8 @@ function buildTrain(K) {
     const now = T();
     while (K.nextJoint < now + 2.5) {   // alle Achsen der Schienenstöße der nächsten Sekunden vorplanen (ein stockender Hauptthread reißt so keine Lücke)
       const v = K.v, t0 = K.nextJoint, amp = .8 * (.85 + Math.random() * .3);
-      [0, 2.5 / v, 12.5 / v, 15 / v].forEach((o, i) => railClack(K, t0 + o, amp * (i % 2 ? .8 : 1)));
-      K.nextJoint += 25 / v;
+      [0, 3.1 / v].forEach((o, i) => railClack(K, t0 + o, amp * (i ? .9 : 1)));   // zwei Achsen des Drehgestells, dann Pause bis zum nächsten Stoß
+      K.nextJoint += 33 / v;
     }
     if (now > K.nextPoints) {   // Weiche: kurzes schnelles Klapperbündel
       const n = 7 + Math.floor(Math.random() * 5);
diff --git a/static/js/sw.js b/static/js/sw.js
index 907ce35..45bdb3d 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v80';
+const CACHE = 'diora-v81';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 986ccad5c90e2406ae62b9de3611c36e22a99d05 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 00:28:44 +0200
Subject: [PATCH 075/176] =?UTF-8?q?Ambient:=20Zugfahrt=20=E2=80=93=20zweit?=
 =?UTF-8?q?er=20Klack=20jedes=20Paares=202=20Halbt=C3=B6ne=20h=C3=B6her;?=
 =?UTF-8?q?=20sw=20v82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/ambient/index.html | 10 +++++-----
 static/js/sw.js           |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/static/ambient/index.html b/static/ambient/index.html
index a08a088..f8c2767 100644
--- a/static/ambient/index.html
+++ b/static/ambient/index.html
@@ -928,18 +928,18 @@ function buildWomb(K) {
 
 // Zugfahrt: Rollgeräusch + Schienenstöße. Jeder Stoß wird von zwei Achsen kurz nacheinander angeschlagen
 // (Achsabstand 3,1 m, Schienenlänge 33 m) -> "klack-klack ......... klack-klack", Pause ≈ 11× Paarabstand, Takt folgt der Geschwindigkeit.
-function railClack(K, t, amp) {
+function railClack(K, t, amp, pitch = 1) {
   const ctx = S.ctx, nb = noiseBuf("white");
-  const s1 = ctx.createBufferSource(), bp = bq("bandpass", R(300, 650) * (.7 + .8 * K.b), .8), g1 = ctx.createGain();   // dumpfer Anschlag
+  const s1 = ctx.createBufferSource(), bp = bq("bandpass", R(300, 650) * (.7 + .8 * K.b) * pitch, .8), g1 = ctx.createGain();   // dumpfer Anschlag
   s1.buffer = nb; s1.connect(bp).connect(g1).connect(K.out);
   g1.gain.setValueAtTime(0, t); g1.gain.linearRampToValueAtTime(amp * .55, t + .004); g1.gain.exponentialRampToValueAtTime(.001, t + .08);
   s1.start(t, R(0, 8), .1);
   const o = ctx.createOscillator(), og = ctx.createGain();   // Schlag im Wagenboden
-  o.frequency.setValueAtTime(95, t); o.frequency.exponentialRampToValueAtTime(48, t + .12);
+  o.frequency.setValueAtTime(95 * pitch, t); o.frequency.exponentialRampToValueAtTime(48 * pitch, t + .12);
   og.gain.setValueAtTime(0, t); og.gain.linearRampToValueAtTime(amp * .8, t + .005); og.gain.exponentialRampToValueAtTime(.001, t + .24);
   o.connect(og).connect(K.out); o.start(t); o.stop(t + .3);
   // Karosserie klingt nach: zwei Resonanzmoden, lang abklingend
-  const f1 = R(170, 220);
+  const f1 = R(170, 220) * pitch;
   [[f1, 1.5, .65], [f1 * 1.9, .7, .45]].forEach(([f, a, dec]) => {
     const s2 = ctx.createBufferSource(), rb = bq("bandpass", f, 10), g2 = ctx.createGain();
     s2.buffer = nb; s2.connect(rb).connect(g2).connect(K.out);
@@ -964,7 +964,7 @@ function buildTrain(K) {
     const now = T();
     while (K.nextJoint < now + 2.5) {   // alle Achsen der Schienenstöße der nächsten Sekunden vorplanen (ein stockender Hauptthread reißt so keine Lücke)
       const v = K.v, t0 = K.nextJoint, amp = .8 * (.85 + Math.random() * .3);
-      [0, 3.1 / v].forEach((o, i) => railClack(K, t0 + o, amp * (i ? .9 : 1)));   // zwei Achsen des Drehgestells, dann Pause bis zum nächsten Stoß
+      [0, 3.1 / v].forEach((o, i) => railClack(K, t0 + o, amp * (i ? .9 : 1), i ? 1.12 : 1));   // zwei Achsen des Drehgestells, dann Pause bis zum nächsten Stoß
       K.nextJoint += 33 / v;
     }
     if (now > K.nextPoints) {   // Weiche: kurzes schnelles Klapperbündel
diff --git a/static/js/sw.js b/static/js/sw.js
index 45bdb3d..c7d9909 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v81';
+const CACHE = 'diora-v82';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 14720b3669760c23d290bcde7318931d232021b5 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 10:22:01 +0200
Subject: [PATCH 076/176] =?UTF-8?q?Feeds=20abrufen:=20unver=C3=A4nderte=20?=
 =?UTF-8?q?Feeds=20nicht=20mehr=20parsen,=20=E2=9F=B3=20antwortet=20nach?=
 =?UTF-8?q?=20h=C3=B6chstens=2040=20s;=20sw=20v83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der stündliche Abruf der 502 Feeds dauerte 114 s, fast nur Parsen: viele Server
ignorieren ETag/Last-Modified und schicken jedes Mal den ganzen Feed (Lage der Nation
8,4 MB = 5,9 s). ⟳ in der App lief damit in ihr 60-s-Zeitlimit und schlug fehl.

- Fingerabdruck des Feed-Inhalts (ohne lastBuildDate/Kommentare, http_body_hash,
  Migration 0017): derselbe Inhalt zählt als unverändert und wird nicht geparst
- _refresh_feeds: ein Pool für alle Feeds (16 parallel), jeder Feed wird geschrieben,
  sobald er da ist, optionales Zeitlimit
- refresh-all wartet höchstens 40 s (done/left in der Antwort); der Browser-Host
  holt den Stand dann eine Minute später noch einmal, und alle 15 Minuten

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/migrations/0017_feed_body_hash.py |  18 +++
 podcasts/models.py                         |   4 +
 podcasts/tests.py                          |  42 ++++++-
 podcasts/views.py                          | 127 +++++++++++++--------
 static/js/podcasts-web.js                  |   9 +-
 static/js/sw.js                            |   2 +-
 6 files changed, 151 insertions(+), 51 deletions(-)
 create mode 100644 podcasts/migrations/0017_feed_body_hash.py

diff --git a/podcasts/migrations/0017_feed_body_hash.py b/podcasts/migrations/0017_feed_body_hash.py
new file mode 100644
index 0000000..71c2641
--- /dev/null
+++ b/podcasts/migrations/0017_feed_body_hash.py
@@ -0,0 +1,18 @@
+# Generated by Django 6.1 on 2026-10-04 08:13
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0016_playerstate_sleep'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='http_body_hash',
+            field=models.CharField(blank=True, max_length=64),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 45fcbc2..87085bf 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -36,6 +36,10 @@ class PodcastFeed(models.Model):
     # If-None-Match / If-Modified-Since so an unchanged feed costs a 304.
     http_etag = models.CharField(max_length=500, blank=True)
     http_last_modified = models.CharField(max_length=100, blank=True)
+    # Fingerprint of the last feed body that was read: many servers ignore the
+    # validators above and send the whole feed every time; the same body again
+    # then counts as unchanged and isn't parsed (views._body_hash).
+    http_body_hash = models.CharField(max_length=64, blank=True)
     # The last failed refresh (network, HTTP status, not a feed); cleared on
     # success. error_count counts failures in a row and drives the backoff.
     last_error = models.CharField(max_length=500, blank=True)
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 3998d5b..37d9207 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -307,7 +307,7 @@ class RefreshAllTests(TestCase):
     def test_refresh_all_reports_counts_and_skips_recent(self):
         with patch('podcasts.views._fetch_feed', self.fake_fetch):
             r = self.client.post('/podcasts/feeds/refresh-all/', '{}', content_type='application/json')
-        self.assertEqual(r.json(), {'ok': True, 'refreshed': 1, 'failed': 1, 'new_episodes': 1})
+        self.assertEqual(r.json(), {'ok': True, 'refreshed': 1, 'failed': 1, 'new_episodes': 1, 'done': True, 'left': 0})
         self.assertEqual(sorted(self.fetched), ['https://example.org/a', 'https://example.org/b'])
         # A was just refreshed: a second call within max_age only retries B.
         self.fetched.clear()
@@ -315,6 +315,27 @@ class RefreshAllTests(TestCase):
             self.client.post('/podcasts/feeds/refresh-all/', '{}', content_type='application/json')
         self.assertEqual(self.fetched, ['https://example.org/b'])
 
+    def test_refresh_stops_at_its_deadline(self):
+        import time as _time
+        from .views import _refresh_feeds
+
+        def slow(url, **kw):
+            _time.sleep(.5)
+            return self.fake_fetch(url, **kw)
+        with patch('podcasts.views._fetch_feed', slow):
+            refreshed, failed, new = _refresh_feeds([self.a, self.b], deadline=_time.monotonic() + .05)
+        self.assertEqual((refreshed, failed), (0, 0))
+        self.a.refresh_from_db()
+        self.assertIsNone(self.a.last_refreshed_at)   # not done: left as it was
+
+    def test_the_body_fingerprint_is_kept_and_sent_again(self):
+        from .views import _validators
+        with patch('podcasts.views._fetch_feed', lambda url, **kw: FeedFetch(200, _parse(_rss([('x', 'Mon, 05 Jan 2026 10:00:00 GMT')])), body_hash='abc')):
+            self.client.post('/podcasts/feeds/refresh-all/', '{"max_age":0}', content_type='application/json')
+        self.a.refresh_from_db()
+        self.assertEqual(self.a.http_body_hash, 'abc')
+        self.assertEqual(_validators([self.a]), {'body_hash': 'abc'})
+
     def test_a_shared_feed_url_is_fetched_once(self):
         from .views import _refresh_feeds
         with patch('podcasts.views._fetch_feed', self.fake_fetch):
@@ -1491,6 +1512,25 @@ class FetchFeedTests(TestCase):
             self.fetch(response)
         return str(cm.exception)
 
+    def test_the_same_body_again_counts_as_unchanged_without_parsing(self):
+        first, _ = self.fetch(_HttpResponse('https://example.org/feed', content=self.RSS))
+        self.assertEqual(first.status, 200)
+        self.assertTrue(first.body_hash)
+        # The server ignores validators and sends the feed again: a 304, unparsed.
+        with patch('podcasts.views.feedparser.parse') as parse:
+            again, _ = self.fetch(_HttpResponse('https://example.org/feed', content=self.RSS), body_hash=first.body_hash)
+        parse.assert_not_called()
+        self.assertEqual((again.status, again.parsed, again.body_hash), (304, None, first.body_hash))
+        # Only the build date or a comment differs: still the same.
+        stamped = self.RSS.replace(b'<channel>', b'<channel><lastBuildDate>Sun, 04 Oct 2026 08:00:00 GMT</lastBuildDate><!-- 0.12 s -->', 1)
+        same, _ = self.fetch(_HttpResponse('https://example.org/feed', content=stamped), body_hash=first.body_hash)
+        self.assertEqual(same.status, 304)
+        # A new episode: parsed.
+        newer = _rss([('b', 'Tue, 06 Jan 2026 10:00:00 GMT'), ('a', 'Mon, 05 Jan 2026 10:00:00 GMT')]).encode()
+        changed, _ = self.fetch(_HttpResponse('https://example.org/feed', content=newer), body_hash=first.body_hash)
+        self.assertEqual(changed.status, 200)
+        self.assertNotEqual(changed.body_hash, first.body_hash)
+
     def test_200_returns_parsed_feed_and_validators(self):
         r, headers = self.fetch(_HttpResponse('https://example.org/feed', content=self.RSS, headers={
             'ETag': '"v1"', 'Last-Modified': 'Mon, 05 Jan 2026 10:00:00 GMT'}))
diff --git a/podcasts/views.py b/podcasts/views.py
index 3110930..158aa06 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -1,10 +1,12 @@
+import hashlib
 import json
 import logging
 import math
+import re
 import time
 import urllib.parse
 import uuid
-from concurrent.futures import ThreadPoolExecutor
+from concurrent.futures import ThreadPoolExecutor, TimeoutError as FuturesTimeout, as_completed
 from dataclasses import dataclass
 from datetime import timedelta, timezone as dt_timezone
 import xml.etree.ElementTree as ET
@@ -37,7 +39,8 @@ log = logging.getLogger(__name__)
 
 FEED_TIMEOUT = 20      # seconds per feed download
 NEW_ON_SUBSCRIBE = 1   # episodes of a new subscription that count as new
-FEED_WORKERS = 8       # feeds downloaded at the same time
+FEED_WORKERS = 16      # feeds downloaded at the same time
+REFRESH_WAIT = 40      # seconds a refresh-all (⟳) waits; feeds not done by then wait for the hourly job
 MAX_DESCRIPTION = 50_000  # characters of shownotes HTML kept per episode
 MAX_TRANSCRIPTS = 10
 
@@ -302,14 +305,27 @@ class FeedFetch:
     last_modified: str = ''
     final_url: str = ''
     permanent_url: str = ''
+    body_hash: str = ''
+
+
+# What changes in a feed on every request without anything in it changing:
+# the build date, comments with a generation time.
+_VOLATILE = re.compile(rb'<lastBuildDate>.*?</lastBuildDate>|<!--.*?-->', re.S)
+
+
+def _body_hash(content):
+    """Fingerprint of a feed body, without the parts that change on every request."""
+    return hashlib.sha256(_VOLATILE.sub(b'', content)).hexdigest()
 
 
 PERMANENT_REDIRECTS = (301, 308)
 
 
-def _fetch_feed(url, etag='', last_modified=''):
+def _fetch_feed(url, etag='', last_modified='', body_hash=''):
     """Download and parse a feed (with a timeout, unlike feedparser's own
-    fetch). With etag/last_modified it is a conditional GET. Returns a
+    fetch). With etag/last_modified it is a conditional GET; with body_hash a
+    body like the last one counts as unchanged too (a 304), unparsed —
+    parsing is what takes the time (seconds for a big feed). Returns a
     FeedFetch; raises FeedFetchError when there is nothing usable."""
     headers = {'User-Agent': 'diora podcast refresh'}
     if etag:
@@ -342,6 +358,10 @@ def _fetch_feed(url, etag='', last_modified=''):
     if r.status_code >= 400:
         raise FeedFetchError(f'HTTP {r.status_code}')
 
+    new_hash = _body_hash(r.content)
+    if body_hash and new_hash == body_hash:
+        return FeedFetch(304, None, etag, last_modified, r.url, permanent_url, body_hash)
+
     parsed = feedparser.parse(r.content, response_headers={'content-location': r.url, **r.headers})
     if parsed.get('bozo') and not parsed.entries and not parsed.feed.get('title'):
         raise FeedFetchError('not a feed')
@@ -352,7 +372,7 @@ def _fetch_feed(url, etag='', last_modified=''):
         # A validator too long to store is dropped (a truncated one never matches).
         new_etag if len(new_etag) <= 500 else '',
         new_modified if len(new_modified) <= 100 else '',
-        r.url, permanent_url,
+        r.url, permanent_url, new_hash,
     )
 
 
@@ -361,13 +381,14 @@ def _validators(feeds):
     `feeds` (several users' subscriptions of the same URL): only when every
     one of them was fetched before and stored the same validators, because a
     304 then skips all of them. Otherwise {} (a full response)."""
-    pairs = {(f.http_etag, f.http_last_modified) for f in feeds}
+    pairs = {(f.http_etag, f.http_last_modified, f.http_body_hash) for f in feeds}
     if len(pairs) != 1 or any(f.last_refreshed_at is None for f in feeds):
         return {}
-    etag, last_modified = pairs.pop()
-    if not (etag or last_modified):
-        return {}
-    return {'etag': etag, 'last_modified': last_modified}
+    etag, last_modified, body_hash = pairs.pop()
+    out = {'etag': etag, 'last_modified': last_modified} if etag or last_modified else {}
+    if body_hash:
+        out['body_hash'] = body_hash
+    return out
 
 
 def _error_text(e):
@@ -425,45 +446,50 @@ AUDIO_EXTENSIONS = ('.mp3', '.m4a', '.m4b', '.ogg', '.oga', '.opus', '.aac', '.f
 VIDEO_EXTENSIONS = ('.mp4', '.m4v', '.mov', '.webm')
 
 
-def _refresh_feeds(feeds, chunk=32, full=False):
+def _refresh_feeds(feeds, full=False, deadline=None):
     """Refresh many feeds at once: the downloads run in parallel and each
-    feed URL is fetched once, even when several users subscribed to it; the
-    database writes then happen one by one. Returns (refreshed, failed, new).
+    feed URL is fetched once, even when several users subscribed to it; each
+    download is written as soon as it's there (the writes one by one, while
+    the others still load). Returns (refreshed, failed, new).
     `full`: download every feed again (no 304) and take in episodes the
-    reader skipped before (see _apply_feed)."""
+    reader skipped before (see _apply_feed). `deadline` (time.monotonic()):
+    stop there; feeds not done by then stay as they are."""
     feeds = list(feeds)
     refreshed = failed = new = 0
-    for start in range(0, len(feeds), chunk):
-        part = feeds[start:start + chunk]
-        by_url = {}
-        for f in part:
-            by_url.setdefault(f.rss_url, []).append(f)
-        results = {}
+    by_url = {}
+    for f in feeds:
+        by_url.setdefault(f.rss_url, []).append(f)
+    if not by_url:
+        return 0, 0, 0
 
-        def fetch(url):
-            try:
-                return url, _fetch_feed(url, **({} if full else _validators(by_url[url]))), None
-            except Exception as e:  # network, HTTP or parser trouble: report and go on
-                return url, None, e
+    def fetch(url):
+        try:
+            return url, _fetch_feed(url, **({} if full else _validators(by_url[url]))), None
+        except Exception as e:  # network, HTTP or parser trouble: report and go on
+            return url, None, e
 
-        urls = sorted(by_url)
-        with ThreadPoolExecutor(max_workers=min(FEED_WORKERS, len(urls) or 1)) as pool:
-            for url, fetched, err in pool.map(fetch, urls):
-                results[url] = (fetched, err)
-
-        for feed in part:
-            fetched, err = results[feed.rss_url]
-            if err is not None:
-                failed += 1
-                log.warning('refreshing %s failed: %s', feed.rss_url, err)
-                _record_error(feed, err)
-                continue
-            try:
-                new += _refresh_feed(feed, fetched, full=full)
-                refreshed += 1
-            except Exception as e:
-                failed += 1
-                log.warning('updating %s failed: %s', feed.rss_url, e)
+    pool = ThreadPoolExecutor(max_workers=min(FEED_WORKERS, len(by_url)))
+    futures = [pool.submit(fetch, url) for url in sorted(by_url)]
+    try:
+        wait = None if deadline is None else max(0.0, deadline - time.monotonic())
+        for future in as_completed(futures, timeout=wait):
+            url, fetched, err = future.result()
+            for feed in by_url[url]:
+                if err is not None:
+                    failed += 1
+                    log.warning('refreshing %s failed: %s', feed.rss_url, err)
+                    _record_error(feed, err)
+                    continue
+                try:
+                    new += _refresh_feed(feed, fetched, full=full)
+                    refreshed += 1
+                except Exception as e:
+                    failed += 1
+                    log.warning('updating %s failed: %s', feed.rss_url, e)
+    except FuturesTimeout:
+        log.info('refresh stopped at its deadline: %d of %d feeds done', refreshed + failed, len(feeds))
+    finally:
+        pool.shutdown(wait=False, cancel_futures=True)
     return refreshed, failed, new
 
 
@@ -681,8 +707,9 @@ def _apply_feed(feed_obj, fetched, full=False):
     # skips all of the above) and a clean error state.
     feed_obj.http_etag = fetched.etag
     feed_obj.http_last_modified = fetched.last_modified
+    feed_obj.http_body_hash = fetched.body_hash
     _clear_error(feed_obj)
-    feed_obj.save(update_fields=['http_etag', 'http_last_modified', *ERROR_FIELDS])
+    feed_obj.save(update_fields=['http_etag', 'http_last_modified', 'http_body_hash', *ERROR_FIELDS])
     _move_to_permanent_url(feed_obj, fetched.permanent_url)
     return new_count
 
@@ -1557,7 +1584,9 @@ def refresh_all_feeds(request):
     """Refresh all of the user's feeds on the server in one go. Feeds the
     hourly job (or an earlier call) refreshed within `max_age` seconds are
     skipped. Clients then fetch the result once (state/, inbox/ …).
-    The user asked, so feeds the hourly job backs off from are tried too."""
+    The user asked, so feeds the hourly job backs off from are tried too.
+    It answers within REFRESH_WAIT seconds: `left` feeds weren't done by
+    then (done: false) and wait for the next call or the hourly job."""
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
     try:
@@ -1569,9 +1598,11 @@ def refresh_all_feeds(request):
     except (TypeError, ValueError):
         return JsonResponse({'error': 'max_age must be a number'}, status=400)
     cutoff = timezone.now() - timedelta(seconds=max_age)
-    feeds = request.user.podcast_feeds.filter(Q(last_refreshed_at__isnull=True) | Q(last_refreshed_at__lt=cutoff))
-    refreshed, failed, new = _refresh_feeds(feeds)
-    return JsonResponse({'ok': True, 'refreshed': refreshed, 'failed': failed, 'new_episodes': new})
+    feeds = list(request.user.podcast_feeds.filter(Q(last_refreshed_at__isnull=True) | Q(last_refreshed_at__lt=cutoff)))
+    refreshed, failed, new = _refresh_feeds(feeds, deadline=time.monotonic() + REFRESH_WAIT)
+    left = len(feeds) - refreshed - failed
+    return JsonResponse({'ok': True, 'refreshed': refreshed, 'failed': failed, 'new_episodes': new,
+                         'done': left == 0, 'left': left})
 
 
 @csrf_exempt
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 83c8c8e..466abea 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -164,11 +164,15 @@
     try {
       if (fetchFeeds) {
         if (!(await flush())) return false;
-        await fetch('/podcasts/feeds/refresh-all/', {
+        const rr = await fetch('/podcasts/feeds/refresh-all/', {
           method: 'POST', credentials: 'same-origin',
           headers: {'Content-Type': 'application/json', 'X-CSRFToken': csrf()},
           body: '{"max_age":60}',
         });
+        // The server answers after ~40 s at most; when it didn't get to every feed,
+        // the state once more a minute later.
+        const done = await rr.json().then(d => d.done !== false, () => true);
+        if (!done) setTimeout(() => refresh(false), 60000);
       }
       // Progress is saved every few seconds while an episode plays; try again
       // when it slipped in while the state was on its way.
@@ -1817,6 +1821,9 @@
       if (!source) listen();
     }
   });
+  // Open for long (diora desktop, a pinned tab): the state every 15 minutes too — the
+  // server fetches the feeds hourly, new episodes show up without a reload.
+  setInterval(() => { if (document.visibilityState === 'visible') refresh(false); }, 15 * 60000);
   window.addEventListener('online', () => {
     flush();
     if (!source) listen();
diff --git a/static/js/sw.js b/static/js/sw.js
index c7d9909..a4305f9 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v82';
+const CACHE = 'diora-v83';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 45e498eb87987b943ea8cf5fad5dba123d6bdf0e Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 10:42:45 +0200
Subject: [PATCH 077/176] Ambient-Musik auf Telefonen leichter gegen Aussetzer;
 sw v84
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Auf dem S21 lagen App- und Renderer-Prozess bei je ~105 % CPU. Auf Telefonen jetzt:
höchstens 10 Stimmen zugleich, eine Säge und ein Wavetable-Zyklus pro Stimme, FM nur
deutlich, keine offline gerenderten Rückwärts-Swells (Rechenspitzen), Bild in halber
Auflösung mit ~20 Bildern/s und einfachen Partikeln.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/ambient/index.html | 44 ++++++++++++++++++++++++++++-----------
 static/js/sw.js           |  2 +-
 2 files changed, 33 insertions(+), 13 deletions(-)

diff --git a/static/ambient/index.html b/static/ambient/index.html
index f8c2767..3118c64 100644
--- a/static/ambient/index.html
+++ b/static/ambient/index.html
@@ -100,7 +100,8 @@ const $ = id => document.getElementById(id);
 // Telefone: leichter rechnen, damit der Ton nicht ruckelt (Bild in einfacher Auflösung, ~30 Bilder/s,
 // kürzerer Hall, kein Oversampling, keine Körner-Aufnahme im Hauptthread).
 const LITE = /Android|iPhone|iPad|Mobile/i.test(navigator.userAgent);
-const DPR = () => LITE ? 1 : devicePixelRatio;
+const DPR = () => LITE ? .5 : devicePixelRatio;   // Telefone: das Bild in halber Auflösung, hochskaliert
+const MAX_VOICES = 10;   // Telefone: höchstens so viele Stimmen zugleich (der Grundton zählt nicht)
 const QS = new URLSearchParams(location.search);
 if (QS.get("embed") === "1") document.documentElement.classList.add("embed");
 let BG = [11, 14, 20];     // Hintergrundfarbe, per ?bg=%23101010 überschreibbar
@@ -353,8 +354,18 @@ function envelope(g, when, att, dur, rel, peak) {
 }
 
 // Pad: detunte Säge/Dreieck + Sinus-Sub + Wavetable-Morph + FM, eigener Filter, Tape-Wow
+// Telefone: zählt die klingenden Stimmen; false, wenn schon genug klingen.
+function voiceSlot(when, end, always) {
+  if (!LITE) return true;
+  if (!always && S.voices >= MAX_VOICES) return false;
+  S.voices = (S.voices || 0) + 1;
+  setTimeout(() => { S.voices--; }, Math.max(0, end - S.ctx.currentTime) * 1000 + 200);
+  return true;
+}
+
 function padVoice(f, when, dur, vel = 1) {
   const ctx = S.ctx, c = S.cur, G = S.g;
+  if (!voiceSlot(when, when + dur + 10, vel >= 1.4)) return;
   const out = ctx.createGain(), flt = ctx.createBiquadFilter(), pan = ctx.createStereoPanner();
   flt.type = "lowpass"; flt.Q.value = .5;
   flt.frequency.value = clamp(f * (1.2 + c.bright * 7), 200, 9000);
@@ -372,18 +383,21 @@ function padVoice(f, when, dur, vel = 1) {
     const o = ctx.createOscillator(); o.type = type; o.frequency.value = f * mul; o.detune.value = det;
     return add(o, gain);
   };
-  mk("sawtooth",  1,  c.detune * rnd(.6, 1.2), .35 * c.saw);
-  mk("sawtooth",  1, -c.detune * rnd(.6, 1.2), .35 * c.saw);
+  mk("sawtooth",  1,  c.detune * rnd(.6, 1.2), (LITE ? .5 : .35) * c.saw);
+  if (!LITE) mk("sawtooth",  1, -c.detune * rnd(.6, 1.2), .35 * c.saw);   // Telefone: eine Säge statt zwei
   mk("triangle",  1,  c.detune * .3,           .5 * (1 - c.saw * .5) * (1 - c.wt * .6));
   mk("sine",      .5, 0,                       .35);
 
   if (c.wt > .04) {   // zwei Wavetable-Zyklen, über die Notendauer übergeblendet
     const mkW = w => { const o = ctx.createOscillator(); o.setPeriodicWave(w); o.frequency.value = f; return o; };
-    const ga = add(mkW(pick(S.waves)), .45 * c.wt), gb = add(mkW(pick(S.waves)), 0);
-    ga.gain.setValueAtTime(.45 * c.wt, when); ga.gain.linearRampToValueAtTime(0, when + dur);
-    gb.gain.setValueAtTime(0, when);          gb.gain.linearRampToValueAtTime(.45 * c.wt, when + dur);
+    const ga = add(mkW(pick(S.waves)), .45 * c.wt);
+    if (!LITE) {   // Telefone: ein Zyklus ohne Überblendung
+      const gb = add(mkW(pick(S.waves)), 0);
+      ga.gain.setValueAtTime(.45 * c.wt, when); ga.gain.linearRampToValueAtTime(0, when + dur);
+      gb.gain.setValueAtTime(0, when);          gb.gain.linearRampToValueAtTime(.45 * c.wt, when + dur);
+    }
   }
-  if (c.fm > .03) {
+  if (c.fm > (LITE ? .25 : .03)) {   // Telefone: FM nur, wo sie deutlich hörbar ist
     const m = ctx.createOscillator(); m.type = "sine"; m.frequency.value = f * c.ratio;
     const mg = ctx.createGain(); mg.gain.value = f * c.fm * 1.6;
     const car = ctx.createOscillator(); car.type = "sine"; car.frequency.value = f;
@@ -403,6 +417,7 @@ function padVoice(f, when, dur, vel = 1) {
 // Chor: Sägezahn durch drei Formantfilter, Vokal gleitet während der Note
 function choirVoice(f, when, dur) {
   const ctx = S.ctx, G = S.g;
+  if (!voiceSlot(when, when + dur + 8)) return;
   const out = ctx.createGain(), pan = ctx.createStereoPanner(), src = ctx.createGain();
   pan.pan.value = rnd(-.6, .6);
   const att = rnd(3, 6), rel = rnd(5, 8), end = envelope(out, when, att, dur, rel, .16);
@@ -515,7 +530,8 @@ function spawnChord(t0) {
 }
 function playChord() {
   if (!S.running) return;
-  if (rng.v() < S.P.swell) {
+  // Rückwärts-Swell: offline gerendert, auf Telefonen zu teuer (eine Rechenspitze, der Ton stockt)
+  if (!LITE && rng.v() < S.P.swell) {
     renderSwell(freqFromDegree(S.degree + S.scale.length)).then(buf => {
       if (!S.running) return;
       const t = S.ctx.currentTime + .1;
@@ -1279,7 +1295,7 @@ function draw(ts) {
   if (document.hidden || !W || !H || !cv.clientWidth) return;
   if (!S.running && performance.now() > S.visUntil) return;
   rafId = requestAnimationFrame(draw);
-  if (LITE && ts - lastDraw < 32) return;   // Telefone: ~30 Bilder/s reichen
+  if (LITE && ts - lastDraw < 48) return;   // Telefone: ~20 Bilder/s reichen
   lastDraw = ts;
   cx.globalCompositeOperation = "source-over";
   cx.fillStyle = `rgba(${BG[0]},${BG[1]},${BG[2]},.16)`; cx.fillRect(0, 0, W, H);
@@ -1308,9 +1324,13 @@ function draw(ts) {
     const p = parts[i]; p.life++; p.x += p.vx * dpr + Math.sin((ts + i * 97) * .0007) * .15; p.y += p.vy * dpr;
     if (p.life > p.max) { parts.splice(i, 1); continue; }
     const k = p.life / p.max, a = Math.sin(Math.PI * k) * .35;
-    const gr = cx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.r);
-    gr.addColorStop(0, `hsla(${p.h},80%,65%,${a})`); gr.addColorStop(1, "hsla(0,0%,0%,0)");
-    cx.fillStyle = gr; cx.beginPath(); cx.arc(p.x, p.y, p.r, 0, 6.3); cx.fill();
+    if (LITE) cx.fillStyle = `hsla(${p.h},80%,65%,${a * .45})`;   // Telefone: einfache Scheiben statt Verläufen
+    else {
+      const gr = cx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.r);
+      gr.addColorStop(0, `hsla(${p.h},80%,65%,${a})`); gr.addColorStop(1, "hsla(0,0%,0%,0)");
+      cx.fillStyle = gr;
+    }
+    cx.beginPath(); cx.arc(p.x, p.y, p.r, 0, 6.3); cx.fill();
   }
   if (S.flash > .02) { cx.fillStyle = `rgba(190,205,255,${S.flash * .28})`; cx.fillRect(0, 0, W, H); S.flash *= .9; }
   // Spektrumlinie
diff --git a/static/js/sw.js b/static/js/sw.js
index a4305f9..9eb39fc 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v83';
+const CACHE = 'diora-v84';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 6cc62fd4d115d576f8c768e514ac35442b29dade Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 12:25:27 +0200
Subject: [PATCH 078/176] =?UTF-8?q?Podcasts:=20Stille-Schalter=20im=20Temp?=
 =?UTF-8?q?o-Men=C3=BC,=20Leiste=20folgt=20dem,=20was=20spielt,=20podcastP?=
 =?UTF-8?q?ause;=20sw=20v85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/podcasts-web.js         |  1 +
 static/js/sw.js                   |  2 +-
 static/podcasts/native-podcast.js | 38 +++++++++++++++++++++++++++----
 3 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 466abea..d06988e 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -1659,6 +1659,7 @@
     },
     podcastNext: () => next(),
     podcastToggle: () => (wantPlay ? pause() : resume()),
+    podcastPause: () => { if (wantPlay) pause(); },
     podcastSeek: ms => seek(Number(ms)),
     podcastSkip: forward => skip(!!forward),
     podcastSpeed(speed) {
diff --git a/static/js/sw.js b/static/js/sw.js
index 9eb39fc..6ffb77c 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v84';
+const CACHE = 'diora-v85';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 4d63a72..f8d9920 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 8ee6c2b 2026-10-04: web-native/static/native-podcast.js
+// Copied from diora-android 1b935ff 2026-10-04: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -2859,6 +2859,10 @@
   function renderAmbientMini() {
     const a = ambientInfo();
     if (!mini || !a || !a.last) return false;
+    // An episode or the radio plays here: the bar is theirs, whatever came before.
+    const r = radioNow();
+    if (!a.playing && ((player.playing && !player.remote) || (r && r.playing))) return false;
+    if (player.kind === 'podcast' && player.playing && !player.remote) return false;
     miniKind = 'ambient';
     document.documentElement.classList.remove('nui-pod-playing');
     document.documentElement.classList.add('nui-pod-mini-open');
@@ -3563,13 +3567,37 @@
         label: speedLabel(s),
         action: () => (forPodcast ? N.podcastSpeedForPodcast(s) : N.podcastSpeed(s)),
       })).concat(forPodcast && own ? [{icon: '↺', label: 'Wie alle anderen Podcasts', action: () => N.podcastSpeedForPodcast(0)}] : [])
-        .concat(presetsEditItem()));
+        .concat(presetsEditItem(), silenceSpeedItems()));
     if (!N.podcastSpeedForPodcast || !player.feedId) { pick(false); return; }
     openSheet('Geschwindigkeit', [
       {icon: '◎', label: 'Für alle Podcasts', hint: own ? null : speedLabel(player.speed || 1), action: () => pick(false)},
       {icon: '◉', label: `Nur für „${plain(player.feed)}“`, hint: own ? speedLabel(player.speed || 1) : 'noch keine eigene',
        action: () => pick(true)},
-    ].concat(presetsEditItem()));
+    ].concat(presetsEditItem(), silenceSpeedItems()));
+  }
+
+  // „Stille überspringen“ where AntennaPod has it: in the speed menu. For all podcasts (this
+  // device), and for the playing one its own choice (server) — where the player can skip silence.
+  function silenceSpeedItems() {
+    const prefs = devicePrefs();
+    if (!N.podcastSetPref || !('skip_silence' in prefs)) return [];
+    const device = !!prefs.skip_silence;
+    const live = player.feedId ? feeds().find(x => x.id === player.feedId) : null;
+    const mine = live && 'skip_silence' in live ? live.skip_silence : undefined;
+    const items = [{icon: device ? '☑' : '☐', label: 'Stille überspringen',
+      hint: (device ? 'an' : 'aus') + ' · alle Podcasts' + (mine === true ? ' · hier: immer' : mine === false ? ' · hier: nie' : ''),
+      action: () => { N.podcastSetPref('skip_silence', !device); toast(device ? 'Stille wird nicht mehr übersprungen' : 'Stille wird übersprungen'); }}];
+    if (mine !== undefined && N.podcastFeedSettings) {
+      const title = plain(player.feed);
+      const save = v => N.podcastFeedSettings(player.feedId, JSON.stringify({skip_silence: v}));
+      items.push({icon: '∿', label: `Stille bei „${title}“`, hint: mine === true ? 'immer überspringen' : mine === false ? 'nie überspringen' : 'wie alle Podcasts',
+        action: () => openSheet(`Stille bei „${title}“ …`, [
+          {icon: mine == null ? '●' : '○', label: 'Wie alle Podcasts', hint: device ? 'überspringen' : 'nicht überspringen', action: () => save(null)},
+          {icon: mine === true ? '●' : '○', label: 'Immer überspringen', action: () => save(true)},
+          {icon: mine === false ? '●' : '○', label: 'Nie überspringen', action: () => save(false)},
+        ])});
+    }
+    return items;
   }
 
   // ---- sleep timer (runs in the app, also with the screen off; episodes and the radio) ----
@@ -4365,7 +4393,9 @@
 
   // Ambient starts (app.js): an episode playing here pauses.
   window.__dioraPausePlayer = function () {
-    if (player.kind === 'podcast' && player.playing && !player.remote && N.podcastToggle) N.podcastToggle();
+    if (player.kind !== 'podcast' || !player.playing || player.remote) return;
+    // Pause, not toggle: Android's audio focus may have paused it a moment before.
+    if (N.podcastPause) N.podcastPause(); else if (N.podcastToggle) N.podcastToggle();
   };
 
   // The app loads this in <head>; the browser may load it after the page is parsed.

From c1bbaccccf694594bb7f7114ef5773f8672f6234 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 12:38:06 +0200
Subject: [PATCH 079/176] =?UTF-8?q?Stille=20=C3=BCberspringen=20im=20Brows?=
 =?UTF-8?q?er/Desktop=20(Server=20findet=20die=20Pausen);=20Ambient-Rekord?=
 =?UTF-8?q?er=20im=20Audio-Thread;=20sw=20v86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- podcasts/silence.py: ffmpeg (imageio-ffmpeg) findet die Pausen einer Folge einmal
  (silencedetect -35 dB, ab 0,4 s), im Hintergrund, höchstens 2 zugleich; gespeichert in
  PodcastEpisode.silences (Migration 0018); GET episodes/<id>/silences/
- podcasts-web.js: skip_silence als Einstellung (Gerät, pro Podcast vom Server), springt
  beim Abspielen über die Pausen (0,15 s bleiben)
- Drift: Ringpuffer für die Körner als AudioWorklet statt ScriptProcessor im Hauptthread
  (gehäufte Aussetzer am Desktop, wenn die Seite kurz stockte)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/migrations/0018_episode_silences.py | 18 ++++
 podcasts/models.py                           |  3 +
 podcasts/silence.py                          | 90 ++++++++++++++++++++
 podcasts/tests.py                            | 54 ++++++++++++
 podcasts/urls.py                             |  1 +
 podcasts/views.py                            | 19 +++++
 requirements.txt                             |  2 +
 static/ambient/index.html                    | 58 +++++++++----
 static/js/podcasts-web.js                    | 46 +++++++++-
 static/js/sw.js                              |  2 +-
 10 files changed, 271 insertions(+), 22 deletions(-)
 create mode 100644 podcasts/migrations/0018_episode_silences.py
 create mode 100644 podcasts/silence.py

diff --git a/podcasts/migrations/0018_episode_silences.py b/podcasts/migrations/0018_episode_silences.py
new file mode 100644
index 0000000..b646b4d
--- /dev/null
+++ b/podcasts/migrations/0018_episode_silences.py
@@ -0,0 +1,18 @@
+# Generated by Django 6.1 on 2026-10-04 10:28
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0017_feed_body_hash'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastepisode',
+            name='silences',
+            field=models.JSONField(blank=True, null=True),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 87085bf..a3c95af 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -158,6 +158,9 @@ class PodcastEpisode(models.Model):
     chapters_fetched_at = models.DateTimeField(null=True, blank=True)
     # [{url, type, language}] from <podcast:transcript>.
     transcripts = models.JSONField(default=list, blank=True)
+    # The pauses for skipping silence in the browser (silence.py), found on
+    # first request: {"spans": [[start, end], …]} (+ "error"); null = not yet.
+    silences = models.JSONField(null=True, blank=True)
 
     class Meta:
         unique_together = ('feed', 'guid')
diff --git a/podcasts/silence.py b/podcasts/silence.py
new file mode 100644
index 0000000..40774a7
--- /dev/null
+++ b/podcasts/silence.py
@@ -0,0 +1,90 @@
+"""Skip silence in the browser: the pauses of an episode, found once on the server.
+
+Android's player skips silence itself. A browser can't listen to the audio of
+most podcast servers (no CORS: Web Audio hears only zeros), so the server
+reads the file once with ffmpeg's silencedetect and keeps the pauses on the
+episode (PodcastEpisode.silences); the browser then jumps over them while it
+plays (podcasts-web.js).
+"""
+import logging
+import re
+import subprocess
+import threading
+
+from django.db import close_old_connections
+
+log = logging.getLogger(__name__)
+
+NOISE = '-35dB'        # quieter than this counts as silence
+MIN_SILENCE = 0.4      # seconds; shorter pauses stay (they belong to speech)
+TIMEOUT = 900          # seconds for one episode (download and decode)
+MAX_RUNNING = 2        # episodes analysed at the same time
+
+_START = re.compile(r'silence_start: (-?[\d.]+)')
+_END = re.compile(r'silence_end: ([\d.]+)')
+
+_running = set()
+_lock = threading.Lock()
+_slots = threading.BoundedSemaphore(MAX_RUNNING)
+
+
+def parse(stderr):
+    """ffmpeg's silencedetect output -> [[start, end], …] in seconds (2 decimals)."""
+    spans = []
+    start = None
+    for line in stderr.splitlines():
+        m = _START.search(line)
+        if m:
+            start = max(0.0, float(m.group(1)))
+            continue
+        m = _END.search(line)
+        if m and start is not None:
+            end = float(m.group(1))
+            if end - start >= MIN_SILENCE:
+                spans.append([round(start, 2), round(end, 2)])
+            start = None
+    return spans
+
+
+def analyze(url):
+    """The pauses of the audio at `url` (ffmpeg reads it straight from there)."""
+    import imageio_ffmpeg
+    proc = subprocess.run(
+        [imageio_ffmpeg.get_ffmpeg_exe(), '-nostdin', '-hide_banner', '-nostats',
+         '-user_agent', 'diora podcast silence', '-vn', '-sn', '-dn', '-i', url,
+         '-af', f'silencedetect=noise={NOISE}:d={MIN_SILENCE}', '-f', 'null', '-'],
+        capture_output=True, text=True, timeout=TIMEOUT,
+    )
+    if proc.returncode != 0:
+        tail = (proc.stderr or '').strip().splitlines()[-1:] or ['ffmpeg failed']
+        raise RuntimeError(tail[0][:200])
+    return parse(proc.stderr)
+
+
+def ensure(episode_id):
+    """Find the episode's pauses in the background, unless that runs already."""
+    with _lock:
+        if episode_id in _running:
+            return
+        _running.add(episode_id)
+    threading.Thread(target=_work, args=(episode_id,), daemon=True).start()
+
+
+def _work(episode_id):
+    from .models import PodcastEpisode
+    try:
+        with _slots:
+            close_old_connections()
+            ep = PodcastEpisode.objects.filter(pk=episode_id).only('id', 'audio_url').first()
+            if ep is None:
+                return
+            try:
+                result = {'spans': analyze(ep.audio_url)}
+            except Exception as e:  # unreachable file, timeout, not audio: remembered, not retried
+                log.warning('silences of episode %s failed: %s', episode_id, e)
+                result = {'spans': [], 'error': str(e)[:200] or type(e).__name__}
+            PodcastEpisode.objects.filter(pk=episode_id).update(silences=result)
+    finally:
+        with _lock:
+            _running.discard(episode_id)
+        close_old_connections()
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 37d9207..e33a44a 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -2668,3 +2668,57 @@ class DiscardTests(TestCase):
         self.assertEqual(self.client.get('/podcasts/episodes/discard/').status_code, 405)
         self.client.logout()
         self.assertEqual(self.post({'episode_ids': [self.eps[0].id]}).status_code, 401)
+
+
+# ---------------------------------------------------------------------------
+# Skip silence in the browser: pauses found on the server (silence.py)
+# ---------------------------------------------------------------------------
+
+class SilenceTests(TestCase):
+    STDERR = """Input #0, mp3, from 'x':
+[silencedetect @ 0x1] silence_start: 1.5
+[silencedetect @ 0x1] silence_end: 2.4 | silence_duration: 0.9
+[silencedetect @ 0x1] silence_start: 10
+[silencedetect @ 0x1] silence_end: 10.2 | silence_duration: 0.2
+[silencedetect @ 0x1] silence_start: -0.01
+[silencedetect @ 0x1] silence_end: 0.75 | silence_duration: 0.76
+[silencedetect @ 0x1] silence_start: 99.123456
+"""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/f', title='F')
+        self.ep = PodcastEpisode.objects.create(feed=feed, guid='e', title='E', audio_url='https://example.org/e.mp3')
+
+    def test_parse_keeps_pauses_long_enough(self):
+        from .silence import parse
+        # 0.2 s is too short; a start below 0 is 0; an open start at the end is dropped.
+        self.assertEqual(parse(self.STDERR), [[1.5, 2.4], [0.0, 0.75]])
+
+    def test_first_request_starts_the_search_then_answers_with_the_pauses(self):
+        with patch('podcasts.silence.ensure') as ensure:
+            r = self.client.get(f'/podcasts/episodes/{self.ep.id}/silences/')
+        self.assertEqual(r.json(), {'ready': False})
+        ensure.assert_called_once_with(self.ep.id)
+        with patch('podcasts.silence.analyze', return_value=[[1.5, 2.4]]):
+            from .silence import _work
+            _work(self.ep.id)
+        r = self.client.get(f'/podcasts/episodes/{self.ep.id}/silences/')
+        self.assertEqual(r.json(), {'ready': True, 'spans': [[1.5, 2.4]]})
+
+    def test_a_failure_is_remembered_not_retried(self):
+        from .silence import _work
+        with patch('podcasts.silence.analyze', side_effect=RuntimeError('HTTP error 404 Not Found')):
+            _work(self.ep.id)
+        with patch('podcasts.silence.ensure') as ensure:
+            r = self.client.get(f'/podcasts/episodes/{self.ep.id}/silences/')
+        ensure.assert_not_called()
+        self.assertEqual(r.json(), {'ready': True, 'spans': [], 'error': 'HTTP error 404 Not Found'})
+
+    def test_only_own_episodes(self):
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        self.client.force_login(bob)
+        self.assertEqual(self.client.get(f'/podcasts/episodes/{self.ep.id}/silences/').status_code, 404)
+        self.client.logout()
+        self.assertEqual(self.client.get(f'/podcasts/episodes/{self.ep.id}/silences/').status_code, 401)
diff --git a/podcasts/urls.py b/podcasts/urls.py
index 348a522..2ec6463 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -19,6 +19,7 @@ urlpatterns = [
     path('episodes/discard/', views.discard_episodes, name='podcast_discard_episodes'),
     path('episodes/<int:pk>/', views.episode_detail, name='podcast_episode_detail'),
     path('episodes/<int:pk>/transcript/', views.episode_transcript, name='podcast_episode_transcript'),
+    path('episodes/<int:pk>/silences/', views.episode_silences, name='podcast_episode_silences'),
     path('episodes/<int:pk>/favorite/', views.set_favorite, name='podcast_set_favorite'),
     path('stats/', views.podcast_stats, name='podcast_stats'),
     path('queue/', views.queue_get, name='podcast_queue_get'),
diff --git a/podcasts/views.py b/podcasts/views.py
index 158aa06..d2f1c9d 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -25,6 +25,7 @@ from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
 from . import chapters as chapters_mod
+from . import silence as silence_mod
 from . import feedext
 from . import transcripts as transcripts_mod
 from .models import (
@@ -1169,6 +1170,24 @@ def _has_transcript(ep):
     return not (cached and cached[0] == sources and cached[1])
 
 
+@csrf_exempt
+@require_http_methods(['GET'])
+def episode_silences(request, pk):
+    """The episode's pauses for skipping silence in the browser:
+    {"ready": true, "spans": [[start, end], …]} once found; the first request
+    starts the search on the server ({"ready": false}, ask again later)."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    ep = PodcastEpisode.objects.filter(pk=pk, feed__user=request.user).only('id', 'silences').first()
+    if ep is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    if ep.silences is None:
+        silence_mod.ensure(ep.pk)
+        return JsonResponse({'ready': False})
+    return JsonResponse({'ready': True, 'spans': ep.silences.get('spans', []),
+                         **({'error': ep.silences['error']} if ep.silences.get('error') else {})})
+
+
 @csrf_exempt
 @require_http_methods(['GET'])
 def episode_transcript(request, pk):
diff --git a/requirements.txt b/requirements.txt
index 40bc49d..424fcbe 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -17,3 +17,5 @@ gevent==26.8.0
 gunicorn==26.2.0
 packaging==26.3
 piper-tts==1.7.0
+# ffmpeg (a static binary in the wheel) finds the pauses for skipping silence in the browser.
+imageio-ffmpeg==0.6.0
diff --git a/static/ambient/index.html b/static/ambient/index.html
index 3118c64..8817e3b 100644
--- a/static/ambient/index.html
+++ b/static/ambient/index.html
@@ -300,19 +300,20 @@ function buildGraph() {
   const nSend = g.nSend = ctx.createGain(); nSend.gain.value = .3; g.noiseBus.connect(nSend).connect(g.conv);
   S.musicLinked = true; S.revLinked = true;   // siehe applyRev (Telefone)
 
-  // Granular: Ringpuffer der Stimmen, daraus werden Körner geschnitten. Der ScriptProcessor läuft im
-  // Hauptthread und hält bei Last den ganzen Graphen auf – auf Telefonen gibt es daher keine Körner.
-  S.wp = 0; S.written = 0;
-  if (!LITE) {
-    S.ring = new Float32Array(ctx.sampleRate * 12);
-    const proc = ctx.createScriptProcessor(4096, 1, 1);
-    proc.onaudioprocess = e => {
-      const inp = e.inputBuffer.getChannelData(0), n = S.ring.length;
-      for (let i = 0; i < inp.length; i++) { S.ring[S.wp] = inp[i]; S.wp = (S.wp + 1) % n; }
-      S.written += inp.length;
-    };
-    const zero = ctx.createGain(); zero.gain.value = 0;
-    g.voiceBus.connect(proc); proc.connect(zero).connect(ctx.destination);
+  // Granular: Ringpuffer der Stimmen, daraus werden Körner geschnitten. Er läuft als AudioWorklet
+  // im Audio-Thread – ein ScriptProcessor im Hauptthread hielt bei jedem Stocken der Seite den
+  // ganzen Ton auf (gehäufte Aussetzer). Telefone: keine Körner.
+  if (!LITE && ctx.audioWorklet) {
+    const url = URL.createObjectURL(new Blob([RING_WORKLET], { type: "application/javascript" }));
+    ctx.audioWorklet.addModule(url).then(() => {
+      const node = new AudioWorkletNode(ctx, "drift-ring", { numberOfInputs: 1, numberOfOutputs: 0, processorOptions: { n: ctx.sampleRate * 12 } });
+      node.port.onmessage = e => {
+        const d = e.data;
+        if (!d || d.length < ctx.sampleRate * 6) return;
+        const b = ctx.createBuffer(1, d.length, ctx.sampleRate); b.copyToChannel(d, 0); S.grainBuf = b;
+      };
+      g.voiceBus.connect(node); S.ringNode = node;
+    }).catch(() => {}).finally(() => URL.revokeObjectURL(url));
   }
   g.grainBus = ctx.createGain(); g.grainBus.connect(g.filter);
 
@@ -486,12 +487,33 @@ function playSwell(buf, t) {
 }
 
 // Granulare Wolke aus dem eigenen Output
+// Der Ringpuffer im Audio-Thread: auf Anfrage eine Kopie der letzten Sekunden (siehe snapGrains).
+const RING_WORKLET = `
+class DriftRing extends AudioWorkletProcessor {
+  constructor(o) {
+    super();
+    this.n = o.processorOptions.n; this.buf = new Float32Array(this.n); this.wp = 0; this.written = 0;
+    this.port.onmessage = () => {
+      const len = Math.min(this.written, this.n), out = new Float32Array(len), start = (this.wp - len + this.n) % this.n;
+      if (start + len <= this.n) out.set(this.buf.subarray(start, start + len));
+      else { out.set(this.buf.subarray(start)); out.set(this.buf.subarray(0, len - (this.n - start)), this.n - start); }
+      this.port.postMessage(out, [out.buffer]);
+    };
+  }
+  process(inputs) {
+    const inp = inputs[0] && inputs[0][0];
+    if (inp) {
+      const n = this.n, k = inp.length, room = n - this.wp;
+      if (k <= room) this.buf.set(inp, this.wp); else { this.buf.set(inp.subarray(0, room), this.wp); this.buf.set(inp.subarray(room), 0); }
+      this.wp = (this.wp + k) % n; this.written += k;
+    }
+    return true;
+  }
+}
+registerProcessor("drift-ring", DriftRing);
+`;
 function snapGrains() {
-  const sr = S.ctx.sampleRate;
-  if (!S.ring || S.written < sr * 6) return;
-  const len = Math.min(S.written, S.ring.length), b = S.ctx.createBuffer(1, len, sr), d = b.getChannelData(0);
-  for (let i = 0; i < len; i++) d[i] = S.ring[(S.wp - len + i + S.ring.length) % S.ring.length];
-  S.grainBuf = b;
+  if (S.ringNode) S.ringNode.port.postMessage("snap");   // die Antwort setzt S.grainBuf
 }
 function grainCloud() {
   const amt = S.cur.grain * eff();
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index d06988e..ad914e4 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -433,7 +433,7 @@
     smart_played: [0, 15, 30, 45, 60, 120, 300, 600],
   };
   const prefs = Object.assign({speed: 1, skip_back: 15, skip_forward: 30, remove_played: true, smart_played: 30,
-    sleep_last: 15, sleep_auto: false, sleep_from: 22, sleep_to: 6}, load('prefs', {}));
+    sleep_last: 15, sleep_auto: false, sleep_from: 22, sleep_to: 6, skip_silence: false}, load('prefs', {}));
 
   // Skip lengths and "counts as played": the account's where it has them, else this browser's.
   function eff(name) {
@@ -453,19 +453,22 @@
       if (name in (state.settings || {})) { setSettings({[name]: Math.round(value)}); flush(); }
     } else if (name === 'remove_played') {
       prefs.remove_played = !!value;
+    } else if (name === 'skip_silence') {
+      prefs.skip_silence = !!value;   // the server finds the pauses, we jump over them (below)
     } else if (name === 'sleep_from' || name === 'sleep_to') {
       if (!(Number.isInteger(value) && value >= 0 && value <= 23)) return;
       prefs[name] = value;
     } else {
-      return;   // skip_silence, headset_next: nothing a browser can do
+      return;   // headset_next: nothing a browser can do
     }
     store('prefs', prefs);
   }
 
-  // What the page shows as settings. No skip_silence / headset_next: the page leaves those out.
+  // What the page shows as settings. No headset_next: the page leaves it out.
   function prefsJson() {
     return {speed: prefs.speed, skip_back: eff('skip_back'), skip_forward: eff('skip_forward'),
       remove_played: prefs.remove_played, smart_played: eff('smart_played'), feeds: {},
+      skip_silence: !!prefs.skip_silence,
       sleep_from: sleepHour('sleep_from', 22), sleep_to: sleepHour('sleep_to', 6)};
   }
 
@@ -945,6 +948,43 @@
     if (playing || sleep.leftMs > 0 || otherActive(sync.state)) report();
   }, 1000);
 
+  // ---- skip silence ----------------------------------------------------------------------
+  // A browser can't listen to most podcast servers' audio (no CORS), so the server finds an
+  // episode's pauses once (podcasts/silence.py, it takes a little while the first time) and
+  // the player jumps over them, a little of each kept. The podcast's own choice, else this
+  // browser's (as in the app, PlaybackRules.skipSilence).
+  function skipSilenceFor(feedId) {
+    const f = feed(feedId);
+    return f && f.skip_silence != null ? !!f.skip_silence : !!prefs.skip_silence;
+  }
+
+  const silence = {id: null, spans: null, asked: 0};
+
+  function silenceSpans() {
+    const id = curId();
+    if (id == null || !skipSilenceFor(curFeed())) return null;
+    if (silence.id !== id) { silence.id = id; silence.spans = null; silence.asked = 0; }
+    if (!silence.spans && Date.now() - silence.asked > 20000) {
+      silence.asked = Date.now();
+      fetch(`/podcasts/episodes/${id}/silences/`, {credentials: 'same-origin', cache: 'no-store'})
+        .then(r => (r.ok ? r.json() : null))
+        .then(d => { if (d && d.ready && silence.id === id) silence.spans = d.spans || []; })
+        .catch(() => {});
+    }
+    return silence.spans;
+  }
+
+  audio.addEventListener('timeupdate', () => {
+    if (!loaded || audio.paused || audio.seeking) return;
+    const spans = silenceSpans();
+    if (!spans || !spans.length) return;
+    const t = audio.currentTime;
+    for (const [start, end] of spans) {   // in order
+      if (start > t) break;
+      if (t < end - 0.3) { try { audio.currentTime = end - 0.15; } catch (e) {} return; }
+    }
+  });
+
   // ---- radio and podcasts take turns ---------------------------------------------------
 
   function stopRadio() {
diff --git a/static/js/sw.js b/static/js/sw.js
index 6ffb77c..054601c 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v85';
+const CACHE = 'diora-v86';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From ae72b1d67acb1264f8d27da5c6f350f8368362f1 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 12:45:19 +0200
Subject: [PATCH 080/176] Stille-Suche: Folge erst in Python laden, ffmpeg
 liest die lokale Datei
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die statische ffmpeg-Build stürzt im Container beim Auflösen von Hostnamen ab (SIGSEGV).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/silence.py | 47 +++++++++++++++++++++++++++++++++------------
 1 file changed, 35 insertions(+), 12 deletions(-)

diff --git a/podcasts/silence.py b/podcasts/silence.py
index 40774a7..2c5ab04 100644
--- a/podcasts/silence.py
+++ b/podcasts/silence.py
@@ -7,17 +7,22 @@ episode (PodcastEpisode.silences); the browser then jumps over them while it
 plays (podcasts-web.js).
 """
 import logging
+import os
 import re
 import subprocess
+import tempfile
 import threading
 
+import requests
+
 from django.db import close_old_connections
 
 log = logging.getLogger(__name__)
 
 NOISE = '-35dB'        # quieter than this counts as silence
 MIN_SILENCE = 0.4      # seconds; shorter pauses stay (they belong to speech)
-TIMEOUT = 900          # seconds for one episode (download and decode)
+TIMEOUT = 900          # seconds for decoding one episode
+MAX_BYTES = 800 * 1024 * 1024   # a larger file isn't an episode to analyse
 MAX_RUNNING = 2        # episodes analysed at the same time
 
 _START = re.compile(r'silence_start: (-?[\d.]+)')
@@ -47,18 +52,36 @@ def parse(stderr):
 
 
 def analyze(url):
-    """The pauses of the audio at `url` (ffmpeg reads it straight from there)."""
+    """The pauses of the audio at `url`. Downloaded here first: the static ffmpeg
+    build can't look up host names (it crashes doing so), it reads a local file."""
     import imageio_ffmpeg
-    proc = subprocess.run(
-        [imageio_ffmpeg.get_ffmpeg_exe(), '-nostdin', '-hide_banner', '-nostats',
-         '-user_agent', 'diora podcast silence', '-vn', '-sn', '-dn', '-i', url,
-         '-af', f'silencedetect=noise={NOISE}:d={MIN_SILENCE}', '-f', 'null', '-'],
-        capture_output=True, text=True, timeout=TIMEOUT,
-    )
-    if proc.returncode != 0:
-        tail = (proc.stderr or '').strip().splitlines()[-1:] or ['ffmpeg failed']
-        raise RuntimeError(tail[0][:200])
-    return parse(proc.stderr)
+    fd, path = tempfile.mkstemp(suffix='.audio')
+    try:
+        with os.fdopen(fd, 'wb') as out, requests.get(
+                url, stream=True, timeout=(10, 60), headers={'User-Agent': 'diora podcast silence'}) as r:
+            if r.status_code >= 400:
+                raise RuntimeError(f'HTTP {r.status_code}')
+            size = 0
+            for chunk in r.iter_content(1 << 20):
+                size += len(chunk)
+                if size > MAX_BYTES:
+                    raise RuntimeError('file too large')
+                out.write(chunk)
+        proc = subprocess.run(
+            [imageio_ffmpeg.get_ffmpeg_exe(), '-nostdin', '-hide_banner', '-nostats',
+             '-vn', '-sn', '-dn', '-i', path,
+             '-af', f'silencedetect=noise={NOISE}:d={MIN_SILENCE}', '-f', 'null', '-'],
+            capture_output=True, text=True, timeout=TIMEOUT,
+        )
+        if proc.returncode != 0:
+            tail = (proc.stderr or '').strip().splitlines()[-1:] or [f'ffmpeg failed ({proc.returncode})']
+            raise RuntimeError(tail[0][:200])
+        return parse(proc.stderr)
+    finally:
+        try:
+            os.remove(path)
+        except OSError:
+            pass
 
 
 def ensure(episode_id):

From 8b9c28cda18cff39fce0f0d50afedb042ccf9fc4 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 15:34:02 +0200
Subject: [PATCH 081/176] =?UTF-8?q?Home:=20neue=20Startseite=20mit=20Weite?=
 =?UTF-8?q?rlesen,=20Weiterh=C3=B6ren,=20Radio-Favoriten=20und=20Ambient;?=
 =?UTF-8?q?=20sw=20v87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- static/js/home.js rendert #tab-home aus dem, was die Seite schon hat:
  zuletzt gelesenes Buch (und drei weitere), laufende oder nächste Folge mit
  Restzeit und „N neue Folgen“, Favoriten-Sender (sonst die ersten
  gespeicherten) und zuletzt gehörter Sender, Drift mit der zuletzt
  gewählten Klangwelt und Sleep-Timer. Läuft im Browser, in diora desktop und
  in der Android-App (dort mit static/js/ kopiert).
- app.js: Tab 'home' (TOP_TABS), window.__dioraAmbientStart() lädt Drift bei
  Bedarf und startet es; die gewählte Klangwelt wird gemerkt und beim Laden
  wiederhergestellt.
- podcasts-web.js: Startseite Home, wenn nichts anderes gewählt ist.
- native-podcast.js aus diora-android 7dcc0c6 (Home in der Startseiten-Wahl,
  __dioraPodcastView).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app.js                  |  32 ++-
 static/js/home.js                 | 311 ++++++++++++++++++++++++++++++
 static/js/podcasts-web.js         |  13 +-
 static/js/sw.js                   |   3 +-
 static/podcasts/native-podcast.js |  28 ++-
 templates/radio/player.html       |   7 +
 6 files changed, 378 insertions(+), 16 deletions(-)
 create mode 100644 static/js/home.js

diff --git a/static/js/app.js b/static/js/app.js
index 5e09935..b1c5e61 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -1179,7 +1179,7 @@ async function editNotes(pk, current) {
 // Tabs
 // ---------------------------------------------------------------------------
 
-const TOP_TABS = ['radio', 'focus', 'podcasts', 'books', 'ambient'];
+const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'ambient'];
 const RADIO_SUB_TABS = ['search', 'saved', 'history'];
 
 // ---------------------------------------------------------------------------
@@ -1237,6 +1237,7 @@ function showTab(name) {
 
   if (name === 'books') loadBookList();
   if (name === 'ambient') _ambientLoad();
+  if (name === 'home' && window.__dioraHomeShow) window.__dioraHomeShow();   // static/js/home.js
 }
 
 // ---------------------------------------------------------------------------
@@ -1260,8 +1261,20 @@ function _ambientLoad() {
     f.addEventListener('load', () => {
       _ambientVolume();
       try {
-        f.contentDocument.getElementById('mode').addEventListener('change', () =>
-          window.__dioraAmbientChanged && window.__dioraAmbientChanged());
+        const sel = f.contentDocument.getElementById('mode');
+        // The sound world chosen last comes back (Drift itself starts with its default).
+        let last = '';
+        try { last = localStorage.getItem('diora_ambient_mode') || ''; } catch (e) {}
+        if (last && last !== sel.value && [...sel.options].some(o => o.value === last)) {
+          f.contentWindow.postMessage({type: 'ambient', cmd: 'mode', mode: last}, '*');
+        }
+        sel.addEventListener('change', () => {
+          try {
+            localStorage.setItem('diora_ambient_mode', sel.value);
+            localStorage.setItem('diora_ambient_mode_label', sel.selectedOptions[0] ? sel.selectedOptions[0].text : '');
+          } catch (e) {}
+          if (window.__dioraAmbientChanged) window.__dioraAmbientChanged();
+        });
       } catch (e) {}
     });
     f.src = f.dataset.src;
@@ -1290,6 +1303,19 @@ window.__dioraAmbientCmd = function (cmd, value) {
   if (f && f.contentWindow && f.getAttribute('src')) f.contentWindow.postMessage({type: 'ambient', cmd, value}, '*');
 };
 
+// Start Drift from elsewhere (Home): load the frame if needed, then start it — with the
+// sound world chosen last, which the frame's load handler above sets.
+window.__dioraAmbientStart = function () {
+  const f = _ambientFrame();
+  if (!f) return;
+  const go = () => window.__dioraAmbientCmd('start');
+  let ready = false;
+  try { ready = !!f.getAttribute('src') && f.contentDocument.readyState === 'complete' && !!f.contentDocument.getElementById('mode'); } catch (e) {}
+  if (ready) { go(); return; }
+  f.addEventListener('load', () => setTimeout(go, 0), {once: true});
+  _ambientLoad();
+};
+
 // The radio or a podcast starts: Ambient stops, and the player bar is theirs again.
 window.__dioraAmbientStop = function () {
   if (_ambientPlaying) window.__dioraAmbientCmd('stop');
diff --git a/static/js/home.js b/static/js/home.js
new file mode 100644
index 0000000..d193fc3
--- /dev/null
+++ b/static/js/home.js
@@ -0,0 +1,311 @@
+/**
+ * diora Home: what you were in the middle of, one click away — the book you're
+ * reading, the next episode, your stations, Ambient.
+ *
+ * Built only from what the page already has: the book list (app.js), the
+ * podcast host (window.DioraPodcastHost in the browser and diora desktop,
+ * window.DioraNative in the Android app), the saved stations in the radio tab
+ * and Drift (app.js __dioraAmbient*). Renders into #tab-home; the same file runs
+ * in the browser, diora desktop and the Android app (copied with static/js/).
+ * Written without ?. and ?? so old WebViews can still parse it.
+ */
+(function () {
+  'use strict';
+  const tab = document.getElementById('tab-home');
+  if (!tab) return;
+
+  const $ = id => document.getElementById(id);
+  const esc = s => String(s == null ? '' : s).replace(/[&<>"']/g,
+    c => ({'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'}[c]));
+  const parse = (s, fallback) => { try { return typeof s === 'string' ? JSON.parse(s) : (s || fallback); } catch (e) { return fallback; } };
+  const visible = () => tab.style.display !== 'none';
+  const online = () => navigator.onLine && !document.body.classList.contains('desktop-offline');
+
+  function minutes(sec) {
+    const m = Math.max(0, Math.round((sec || 0) / 60));
+    return m >= 60 ? Math.floor(m / 60) + ' h ' + String(m % 60).padStart(2, '0') + ' min' : m + ' min';
+  }
+
+  function bar(fraction) {
+    const pct = Math.max(0, Math.min(100, Math.round((fraction || 0) * 100)));
+    return '<span class="home-bar"><span style="width:' + pct + '%"></span></span>';
+  }
+
+  function podHost() {
+    if (window.DioraPodcastHost) return window.DioraPodcastHost;
+    if (window.DioraNative && window.DioraNative.podcastState) return window.DioraNative;
+    return null;
+  }
+
+  // ---- Weiterlesen ------------------------------------------------------------
+
+  let askedForBooks = false;
+
+  function booksSection() {
+    const books = typeof _lastBookListData !== 'undefined' ? _lastBookListData : [];
+    if (!books.length && !askedForBooks && typeof loadBookList === 'function') {
+      askedForBooks = true;   // the list renders into the (hidden) books tab; renderBookList tells us
+      loadBookList();
+    }
+    const recent = typeof _recentlyReadBooks === 'function'
+      ? _recentlyReadBooks(books).filter(b => b.keyOk !== false && !b.is_read) : [];
+    let body;
+    if (!recent.length) {
+      const locked = books.length && books.every(b => b.keyOk === false);
+      body = '<div class="home-card home-empty">' +
+        (locked ? 'Die Bücher lassen sich mit dem Schlüssel auf diesem Gerät nicht öffnen.'
+          : books.length ? 'Gerade kein Buch angefangen.' : 'Noch keine Bücher.') +
+        ' <button type="button" class="btn btn-sm" data-act="tab" data-tab="books">Zu den Büchern</button></div>';
+    } else {
+      const b = recent[0];
+      body = '<button type="button" class="home-card home-main" data-act="book" data-id="' + esc(b.id) + '">' +
+        '<span class="home-kicker">Weiterlesen</span>' +
+        '<span class="home-title">' + esc(b.title) + '</span>' +
+        (b.author ? '<span class="home-sub">' + esc(b.author) + '</span>' : '') +
+        '<span class="home-state">' + bar(b.scroll_fraction) + '<span>' + Math.round((b.scroll_fraction || 0) * 100) + ' %</span></span>' +
+        '</button>';
+      const more = recent.slice(1, 4);
+      if (more.length) {
+        body += '<div class="home-list">' + more.map(o =>
+          '<button type="button" class="home-row" data-act="book" data-id="' + esc(o.id) + '">' +
+          '<span class="home-row-text">' + esc(o.title) + '</span>' +
+          '<span class="home-row-side">' + Math.round((o.scroll_fraction || 0) * 100) + ' %</span></button>').join('') + '</div>';
+      }
+    }
+    return section('Bücher', body, 'books');
+  }
+
+  // ---- Weiterhören ------------------------------------------------------------
+
+  function podcastSection() {
+    const h = podHost();
+    if (!h || !document.getElementById('tab-podcasts')) return '';
+    const state = parse(h.podcastState(), {}) || {};
+    const player = h.playerState ? parse(h.playerState(), {}) || {} : {};
+    const queue = state.queue || [];
+    const fresh = state.inbox_total != null ? state.inbox_total : (state.inbox || []).length;
+    let card = '';
+
+    if (player.remote && player.remote.kind === 'podcast') {
+      const r = player.remote;
+      card = podCard('Läuft auf ' + (r.device || 'einem anderen Gerät'), r.title || '', r.feed || '', r.artwork || '',
+        r.dur ? (r.dur - (r.pos || 0)) / 1000 : 0, r.dur ? (r.pos || 0) / r.dur : 0,
+        '<button type="button" class="btn btn-sm" data-act="pod-here">Hier weiterhören</button>');
+    } else if (player.kind === 'podcast') {
+      const left = player.dur ? (player.dur - (player.pos || 0)) / 1000 : 0;
+      card = podCard(player.playing ? 'Läuft gerade' : 'Weiterhören', player.title, player.feed, player.artwork, left,
+        player.dur ? (player.pos || 0) / player.dur : 0,
+        '<button type="button" class="btn btn-sm home-play" data-act="' + (player.playing ? 'pod-pause' : 'pod-resume') +
+        '" data-id="' + esc(player.episodeId) + '">' + (player.playing ? '■ Pause' : '▶ Weiter') + '</button>');
+    } else if (queue.length) {
+      const q = queue[0];
+      const dur = q.episode__duration_seconds || 0;
+      const pos = q.position_seconds || 0;
+      card = podCard(pos > 0 ? 'Weiterhören' : 'Als Nächstes', q.episode__title, q.episode__feed__title,
+        q.episode__artwork_url || q.episode__feed__artwork_url, dur ? dur - pos : 0, dur ? pos / dur : 0,
+        '<button type="button" class="btn btn-sm home-play" data-act="pod-queue">▶ Abspielen</button>');
+    } else {
+      card = '<div class="home-card home-empty">Die Warteschlange ist leer.</div>';
+    }
+    const extra = '<div class="home-chips">' +
+      (queue.length > 1 ? '<button type="button" class="home-chip" data-act="tab" data-tab="podcasts">' + queue.length + ' in der Warteschlange</button>' : '') +
+      (fresh ? '<button type="button" class="home-chip" data-act="pod-inbox">' + fresh + ' neue Folge' + (fresh === 1 ? '' : 'n') + '</button>' : '') +
+      '</div>';
+    return section('Podcasts', card + extra, 'podcasts');
+  }
+
+  function podCard(kicker, title, feed, art, leftSec, fraction, button) {
+    return '<div class="home-card home-main home-pod">' +
+      (art ? '<img class="home-art" alt="" loading="lazy" src="' + esc(art) + '">' : '<span class="home-art"></span>') +
+      '<span class="home-pod-text" data-act="pod-open">' +
+      '<span class="home-kicker">' + esc(kicker) + '</span>' +
+      '<span class="home-title">' + esc(title) + '</span>' +
+      '<span class="home-sub">' + esc(feed) + (leftSec > 30 ? ' · noch ' + minutes(leftSec) : '') + '</span>' +
+      '<span class="home-state">' + bar(fraction) + '</span></span>' +
+      button + '</div>';
+  }
+
+  // ---- Radio ------------------------------------------------------------------
+
+  function stationRows() {
+    return Array.prototype.slice.call(document.querySelectorAll('#saved-tbody tr[data-id]'));
+  }
+
+  function radioSection() {
+    if (!document.getElementById('tab-radio')) return '';
+    // The app shows the radio only where it has one (native-radio.js marks <html>).
+    if (window.DioraNative && !document.documentElement.classList.contains('nui-radio')) return '';
+    const rows = stationRows();
+    const favs = rows.filter(r => r.querySelector('.fav-btn.active'));
+    const pick = (favs.length ? favs : rows).slice(0, 8);
+    const cur = typeof currentStation !== 'undefined' ? currentStation : null;
+    const playing = typeof isPlaying !== 'undefined' && isPlaying;
+    let chips = '';
+    if (cur && !pick.some(r => r.dataset.url === cur.url)) {
+      chips += chip(cur.url, cur.name, playing, 'Zuletzt: ');
+    }
+    chips += pick.map(r => chip(r.dataset.url, r.dataset.name, playing && cur && cur.url === r.dataset.url, '')).join('');
+    let body;
+    if (!chips) {
+      body = '<div class="home-card home-empty">Noch keine Sender gespeichert. ' +
+        '<button type="button" class="btn btn-sm" data-act="tab" data-tab="radio">Sender suchen</button></div>';
+    } else {
+      body = '<div class="home-stations">' + chips + '</div>';
+    }
+    if (!online()) body += '<div class="home-note">Offline — Radio braucht eine Verbindung.</div>';
+    return section(favs.length ? 'Radio · Favoriten' : 'Radio', body, 'radio');
+  }
+
+  function chip(url, name, playing, prefix) {
+    return '<button type="button" class="home-station' + (playing ? ' home-on' : '') + '" data-act="station" data-url="' +
+      esc(url) + '" data-name="' + esc(name) + '">' +
+      '<span class="home-station-icon">' + (playing ? '■' : '▶') + '</span>' +
+      '<span class="home-station-name">' + esc(prefix) + esc(name) + '</span></button>';
+  }
+
+  // ---- Ambient ----------------------------------------------------------------
+
+  function ambientSection() {
+    if (!document.getElementById('tab-ambient') || typeof window.__dioraAmbientInfo !== 'function') return '';
+    if (window.DioraNative && !document.querySelector('#nui-tabbar [data-tab="ambient"]') &&
+        document.getElementById('nui-tabbar')) return '';
+    const info = window.__dioraAmbientInfo() || {};
+    let label = info.mode || '';
+    if (!label) { try { label = localStorage.getItem('diora_ambient_mode_label') || ''; } catch (e) {} }
+    const h = podHost();
+    const player = h && h.playerState ? parse(h.playerState(), {}) || {} : {};
+    const left = player.sleep && player.sleep.leftMs > 0 ? ' · ☾ ' + minutes(player.sleep.leftMs / 1000) : '';
+    const body = '<div class="home-card home-main home-amb">' +
+      '<span class="home-amb-icon">∿</span>' +
+      '<span class="home-pod-text" data-act="tab" data-tab="ambient">' +
+      '<span class="home-kicker">' + (info.playing ? 'Läuft gerade' : 'Drift') + '</span>' +
+      '<span class="home-title">' + esc(label || 'Ambient') + '</span>' +
+      '<span class="home-sub">Generative Klangwelten' + esc(left) + '</span></span>' +
+      (document.getElementById('nui-amb-sleep') ? '<button type="button" class="btn btn-sm" data-act="amb-sleep" title="Sleep-Timer">☾</button>' : '') +
+      '<button type="button" class="btn btn-sm home-play" data-act="' + (info.playing ? 'amb-stop' : 'amb-start') + '">' +
+      (info.playing ? '■ Stopp' : '▶ Starten') + '</button></div>';
+    return section('Ambient', body, 'ambient');
+  }
+
+  // ---- page ---------------------------------------------------------------------
+
+  function section(title, body, tabName) {
+    return '<section class="home-section"><div class="home-head"><h2>' + esc(title) + '</h2>' +
+      '<button type="button" class="home-more" data-act="tab" data-tab="' + tabName + '">Alle ›</button></div>' + body + '</section>';
+  }
+
+  function greeting() {
+    const h = new Date().getHours();
+    return h < 5 ? 'Gute Nacht' : h < 11 ? 'Guten Morgen' : h < 18 ? 'Hallo' : 'Guten Abend';
+  }
+
+  let lastHtml = '';
+  let host = null;
+
+  function render() {
+    if (!visible()) return;
+    if (!host) {
+      host = document.createElement('div');
+      host.className = 'home';
+      tab.appendChild(host);
+    }
+    let html = '<div class="home-hello">' + greeting() + '</div>';
+    for (const part of [booksSection, podcastSection, radioSection, ambientSection]) {
+      try { html += part(); } catch (e) { console.warn('home', e); }
+    }
+    if (html !== lastHtml) {
+      lastHtml = html;
+      host.innerHTML = html;
+    }
+  }
+
+  function playStationFromHome(url, name) {
+    const cur = typeof currentStation !== 'undefined' ? currentStation : null;
+    if (typeof isPlaying !== 'undefined' && isPlaying && cur && cur.url === url) { stopPlayback(false); return; }
+    const row = stationRows().find(r => r.dataset.url === url);
+    const b = row && row.querySelector('button[onclick*="playStation"]');
+    if (b) b.click();
+    else playStation(url, name, row ? Number(row.dataset.id) || null : (cur && cur.url === url ? cur.id : null));
+  }
+
+  tab.addEventListener('click', e => {
+    const el = e.target.closest('[data-act]');
+    if (!el || !tab.contains(el)) return;
+    const act = el.dataset.act;
+    const h = podHost();
+    if (act === 'tab') showTab(el.dataset.tab);
+    else if (act === 'book') openBook(Number(el.dataset.id));
+    else if (act === 'station') playStationFromHome(el.dataset.url, el.dataset.name);
+    else if (act === 'pod-queue' && h) {
+      const q = (parse(h.podcastState(), {}).queue || [])[0];
+      if (q) h.podcastPlayEpisode(JSON.stringify(q), 0);
+    } else if (act === 'pod-resume' && h) h.podcastPlay(Number(el.dataset.id));
+    else if (act === 'pod-pause' && h) h.podcastToggle();
+    else if (act === 'pod-here' && h && h.playerTakeOver) h.playerTakeOver();
+    else if (act === 'pod-open') {
+      if (window.__dioraOpenPlayer && h && parse(h.playerState(), {}).kind) window.__dioraOpenPlayer('podcast');
+      else showTab('podcasts');
+    } else if (act === 'pod-inbox') {
+      showTab('podcasts');
+      if (window.__dioraPodcastView) window.__dioraPodcastView('inbox');
+    } else if (act === 'amb-start' && window.__dioraAmbientStart) window.__dioraAmbientStart();
+    else if (act === 'amb-stop' && window.__dioraAmbientCmd) window.__dioraAmbientCmd('stop');
+    else if (act === 'amb-sleep') { const b = $('nui-amb-sleep'); if (b) b.click(); }
+    setTimeout(render, 300);
+  });
+
+  // Fresh whenever it shows, and while it shows (players move on, the book list arrives).
+  window.__dioraHomeShow = render;
+  if (typeof window.renderBookList === 'function') {
+    const renderBookList = window.renderBookList;
+    window.renderBookList = function () {
+      const r = renderBookList.apply(this, arguments);
+      render();
+      return r;
+    };
+  }
+  setInterval(render, 2000);
+  // The start page may have opened Home before this file ran (podcasts-web.js, native.js).
+  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', render);
+  else render();
+
+  const style = document.createElement('style');
+  style.textContent = [
+    '#tab-home .home { max-width: 760px; margin: 0 auto; padding-bottom: 24px; }',
+    '#tab-home .home-hello { font-size: 22px; font-weight: 700; margin: 4px 0 18px; letter-spacing: 0.02em; }',
+    '#tab-home .home-section { margin-bottom: 22px; }',
+    '#tab-home .home-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 8px; }',
+    '#tab-home .home-head h2 { margin: 0; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted, #9a9a9a); }',
+    '#tab-home .home-more { background: none; border: none; color: var(--nui-muted, #9a9a9a); font: inherit; font-size: 12px; cursor: pointer; padding: 4px 0; }',
+    '#tab-home .home-card { display: flex; align-items: center; gap: 12px; width: 100%; box-sizing: border-box; padding: 14px; border: 1px solid var(--border, #2a2a2a); border-radius: 6px; background: #0b0b0b; color: inherit; font: inherit; text-align: left; }',
+    '#tab-home button.home-card, #tab-home .home-pod-text, #tab-home .home-row, #tab-home .home-station { cursor: pointer; }',
+    '#tab-home .home-main { flex-wrap: nowrap; }',
+    '#tab-home button.home-main { flex-direction: column; align-items: flex-start; gap: 3px; }',
+    '#tab-home .home-empty { color: var(--nui-muted, #9a9a9a); justify-content: space-between; }',
+    '#tab-home .home-kicker { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent, #e63946); }',
+    '#tab-home .home-title { font-size: 16px; font-weight: 700; line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }',
+    '#tab-home .home-sub { font-size: 13px; color: var(--nui-muted, #9a9a9a); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }',
+    '#tab-home .home-state { display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 12px; color: var(--nui-muted, #9a9a9a); }',
+    '#tab-home .home-bar { display: inline-block; width: 160px; max-width: 40vw; height: 4px; border-radius: 2px; background: #2a2a2a; overflow: hidden; }',
+    '#tab-home .home-bar > span { display: block; height: 100%; background: var(--accent, #e63946); }',
+    '#tab-home .home-pod-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }',
+    '#tab-home .home-art { width: 56px; height: 56px; flex: none; border-radius: 4px; object-fit: cover; background: #1a1a1a; }',
+    '#tab-home .home-amb-icon { width: 56px; height: 56px; flex: none; border-radius: 4px; background: #14102a; color: #b9a7ff; display: inline-flex; align-items: center; justify-content: center; font-size: 26px; }',
+    '#tab-home .home-play { flex: none; min-height: 36px; padding: 0 14px; }',
+    '#tab-home .home-list { margin-top: 6px; }',
+    '#tab-home .home-row { display: flex; justify-content: space-between; gap: 12px; width: 100%; padding: 10px 14px; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; font-size: 14px; text-align: left; }',
+    '#tab-home .home-row-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
+    '#tab-home .home-row-side { flex: none; color: var(--nui-muted, #9a9a9a); font-size: 12px; }',
+    '#tab-home .home-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }',
+    '#tab-home .home-chip { padding: 6px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 16px; background: none; color: inherit; font: inherit; font-size: 13px; cursor: pointer; }',
+    '#tab-home .home-stations { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }',
+    '#tab-home .home-station { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 6px; background: #0b0b0b; color: inherit; font: inherit; font-size: 14px; text-align: left; }',
+    '#tab-home .home-station-icon { color: var(--accent, #e63946); flex: none; }',
+    '#tab-home .home-station-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
+    '#tab-home .home-on { border-color: var(--accent, #e63946); }',
+    '#tab-home .home-note { margin-top: 8px; font-size: 13px; color: var(--nui-muted, #9a9a9a); }',
+    '@media (hover: hover) { #tab-home .home-card:hover, #tab-home .home-station:hover, #tab-home .home-row:hover { background: #141414; } }',
+    '.reader-theme-bright #tab-home, body.eink #tab-home .home-card { background: #fff; }',
+  ].join('\n');
+  document.head.appendChild(style);
+})();
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index ad914e4..5de28d6 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -1873,15 +1873,18 @@
   // The shared player: what plays on the other devices, and from now on every change.
   startSync();
 
-  // The start page chosen in the podcasts' settings (nui_start_page, this browser; none: the
-  // last used tab, the web's way). Opening diora shows it; reloading and back/forward keep the tab.
+  // The start page chosen in the podcasts' settings (nui_start_page, this browser): Home
+  // unless chosen otherwise; '' = the last used tab, the web's old way. Opening diora shows
+  // it; reloading and back/forward keep the tab.
   (function openStartPage() {
-    let start = '';
-    try { start = localStorage.getItem('nui_start_page') || ''; } catch (e) {}
+    let start = null;
+    try { start = localStorage.getItem('nui_start_page'); } catch (e) {}
+    if (start === null) start = document.getElementById('tab-home') ? 'home' : '';
     if (!start || typeof showTab !== 'function') return;
     const nav = performance.getEntriesByType ? performance.getEntriesByType('navigation')[0] : null;
     if (nav && nav.type !== 'navigate') return;
-    const tab = start === 'queue' || start === 'inbox' ? 'podcasts' : start === 'radio' ? 'radio' : 'books';
+    const tab = start === 'queue' || start === 'inbox' ? 'podcasts' : start === 'radio' ? 'radio'
+      : start === 'home' && document.getElementById('tab-home') ? 'home' : 'books';
     if (typeof _currentTopTab === 'undefined' || _currentTopTab !== tab) showTab(tab);
   })();
 
diff --git a/static/js/sw.js b/static/js/sw.js
index 054601c..7020212 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,11 +2,12 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v86';
+const CACHE = 'diora-v87';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
   '/static/js/podcasts-web.js',
+  '/static/js/home.js',
   '/static/podcasts/native-podcast.js',
   '/static/podcasts/podcast-ui.css',
   '/static/podcasts/podcasts-web.css',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index f8d9920..3a2ca2e 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 1b935ff 2026-10-04: web-native/static/native-podcast.js
+// Copied from diora-android 7dcc0c6 2026-10-04: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -34,9 +34,11 @@
   const VIEW_IDS = VIEWS.map(v => v.id).concat('search');
   // The app's start page (this device; native.js opens it, the browser host too).
   const IN_APP = !window.DioraPodcastHost;
-  const START_PAGES = [
-    !IN_APP && {id: '', label: 'Zuletzt benutzt', hint: 'Standard im Browser'},
-    {id: 'books', label: 'Bücher', hint: IN_APP ? 'Standard' : null},
+  // A function: the app loads this file in <head>, before #tab-home exists.
+  const startPages = () => [
+    document.getElementById('tab-home') && {id: 'home', label: 'Home', hint: 'Standard'},
+    !IN_APP && {id: '', label: 'Zuletzt benutzt'},
+    {id: 'books', label: 'Bücher', hint: IN_APP && !document.getElementById('tab-home') ? 'Standard' : null},
     {id: 'queue', label: 'Podcasts: Warteschlange'},
     {id: 'inbox', label: 'Podcasts: Neu'},
     {id: 'radio', label: 'Radio'},
@@ -44,7 +46,8 @@
   function startPage() {
     let v = null;
     try { v = localStorage.getItem('nui_start_page'); } catch (e) {}
-    return START_PAGES.some(p => p.id === v) ? v : START_PAGES[0].id;
+    const pages = startPages();
+    return pages.some(p => p.id === v) ? v : pages[0].id;
   }
   const POSITIONS = [
     {value: 'back', label: 'Ans Ende'},
@@ -556,9 +559,9 @@
   // Which page the app opens with (this device).
   function startPageItem() {
     const now = startPage();
-    const label = id => (START_PAGES.find(p => p.id === id) || START_PAGES[0]).label;
+    const label = id => (startPages().find(p => p.id === id) || startPages()[0]).label;
     return {icon: '⌂', label: 'Startseite', hint: label(now) + (IN_APP ? ' · beim Öffnen der App' : ' · beim Öffnen von diora'),
-            action: () => openSheet('Beim Öffnen zeigen …', START_PAGES.filter(p => p.id !== 'radio' || !IN_APP ||
+            action: () => openSheet('Beim Öffnen zeigen …', startPages().filter(p => p.id !== 'radio' || !IN_APP ||
               document.documentElement.classList.contains('nui-radio')).map(p => ({
               icon: p.id === now ? '●' : '○', label: p.label, hint: p.hint || null, active: p.id === now,
               action: () => {
@@ -3487,6 +3490,17 @@
     if (sheet && sheetKind === 'radio') renderRadioPlayer();
   };
   window.__dioraOpenPlayer = kind => (kind === 'radio' && !remote() ? openRadioPlayer() : openPlayer());
+  // Home (diora-web static/js/home.js): one of the lists, e.g. "inbox" for the new episodes.
+  window.__dioraPodcastView = function (id) {
+    if (VIEW_IDS.indexOf(id) < 0) return;
+    selected = null;
+    feedView = null;
+    preview = null;
+    view = id;
+    try { localStorage.setItem('nui_pod_view', view); } catch (e) {}
+    render();
+    scrollTop(0);
+  };
 
   function renderPlayer() {
     if (!sheet) return;
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 78ee240..25356cd 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -47,6 +47,8 @@
 
 <!-- ===== TABS ===== -->
 <div class="tabs" id="tabs">
+  {# Order = app.js TOP_TABS. Home needs an account: hidden, but kept in place for the order. #}
+  <button class="tab-btn" onclick="showTab('home')"{% if not user.is_authenticated %} style="display:none;"{% endif %}>Home</button>
   <button class="tab-btn active" onclick="showTab('radio')">Radio</button>
   <button class="tab-btn" onclick="showTab('focus')">Fokus</button>
   <button class="tab-btn" onclick="showTab('podcasts')">Podcasts</button>
@@ -255,6 +257,10 @@
   {% endif %}
 </section>
 
+<!-- ===== HOME TAB ===== -->
+{% comment %}Filled by static/js/home.js: the book in reading, the next episode, stations, Ambient.{% endcomment %}
+<section class="tab-panel" id="tab-home" style="display:none;"></section>
+
 <!-- ===== AMBIENT TAB ===== -->
 {% comment %}"Drift", a generative ambient synthesizer (static/ambient/), in a frame of its own: its
    script and styles stay apart from the page's. Loaded the first time the tab opens.{% endcomment %}
@@ -338,4 +344,5 @@
 </script>
 <script src="/static/js/app.js"></script>
 <script src="/static/js/podcasts-web.js"></script>
+<script src="/static/js/home.js"></script>
 {% endblock %}

From 4256bf6b298ab4915570961efae4a84cbdfceecc Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 15:45:15 +0200
Subject: [PATCH 082/176] =?UTF-8?q?Home:=20oben=20der=20rote=20diora-Schri?=
 =?UTF-8?q?ftzug=20statt=20der=20Begr=C3=BC=C3=9Fung;=20sw=20v88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/home.js | 10 +++-------
 static/js/sw.js   |  2 +-
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/static/js/home.js b/static/js/home.js
index d193fc3..a689d20 100644
--- a/static/js/home.js
+++ b/static/js/home.js
@@ -194,11 +194,6 @@
       '<button type="button" class="home-more" data-act="tab" data-tab="' + tabName + '">Alle ›</button></div>' + body + '</section>';
   }
 
-  function greeting() {
-    const h = new Date().getHours();
-    return h < 5 ? 'Gute Nacht' : h < 11 ? 'Guten Morgen' : h < 18 ? 'Hallo' : 'Guten Abend';
-  }
-
   let lastHtml = '';
   let host = null;
 
@@ -209,7 +204,7 @@
       host.className = 'home';
       tab.appendChild(host);
     }
-    let html = '<div class="home-hello">' + greeting() + '</div>';
+    let html = '<div class="home-brand">diora</div>';
     for (const part of [booksSection, podcastSection, radioSection, ambientSection]) {
       try { html += part(); } catch (e) { console.warn('home', e); }
     }
@@ -272,7 +267,8 @@
   const style = document.createElement('style');
   style.textContent = [
     '#tab-home .home { max-width: 760px; margin: 0 auto; padding-bottom: 24px; }',
-    '#tab-home .home-hello { font-size: 22px; font-weight: 700; margin: 4px 0 18px; letter-spacing: 0.02em; }',
+    // The wordmark as in the web's navbar: red, bold, the page's monospace.
+    '#tab-home .home-brand { font-size: 26px; font-weight: 700; color: var(--accent, #e63946); margin: 4px 0 18px; letter-spacing: 0.05em; }',
     '#tab-home .home-section { margin-bottom: 22px; }',
     '#tab-home .home-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 8px; }',
     '#tab-home .home-head h2 { margin: 0; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted, #9a9a9a); }',
diff --git a/static/js/sw.js b/static/js/sw.js
index 7020212..e347250 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v87';
+const CACHE = 'diora-v88';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 08baf970ca07cc75cd17bec330e2dc65545f4ac2 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 19:57:23 +0200
Subject: [PATCH 083/176] =?UTF-8?q?Feed-Reader=20(Server):=20Nachrichten?=
 =?UTF-8?q?=20und=20Blogs,=20Volltext,=20Meldungen=20b=C3=BCndeln?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Neue App feeds: Quellen sind entweder Nachrichten oder Blog.
- Abruf wie bei Podcasts (ETag, Body-Hash, Backoff), refresh_newsfeeds für den Cron
- Anrisstexte: der Artikel wird von der Seite geholt (trafilatura), HTML bereinigt,
  relative Links absolut
- Nachrichten: gleiche Meldung aus mehreren Quellen wird eine Story (tf-idf, je
  Artikel verglichen), Briefing „Seit letztem Mal“ (Top-Themen, dann nach Ressort),
  verfallen nach news_keep_days (Standard 2)
- Blogs: Ungelesen-Liste je Blog, bleiben bis gelesen
- API unter /feeds/: Quellen suchen/abonnieren/OPML, News, Stories, Blogs,
  Artikel, gelesen, merken

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 diora/settings.py                             |   1 +
 diora/urls.py                                 |   1 +
 feeds/__init__.py                             |   0
 feeds/apps.py                                 |   6 +
 feeds/cluster.py                              | 149 ++++++
 feeds/fetch.py                                | 231 +++++++++
 feeds/management/__init__.py                  |   0
 feeds/management/commands/__init__.py         |   0
 .../management/commands/refresh_newsfeeds.py  |  25 +
 feeds/migrations/0001_initial.py              | 111 +++++
 feeds/migrations/__init__.py                  |   0
 feeds/models.py                               | 106 +++++
 feeds/refresh.py                              | 222 +++++++++
 feeds/tests.py                                | 179 +++++++
 feeds/urls.py                                 |  24 +
 feeds/views.py                                | 445 ++++++++++++++++++
 podcasts/views.py                             |   4 +-
 requirements.txt                              |   2 +
 18 files changed, 1504 insertions(+), 2 deletions(-)
 create mode 100644 feeds/__init__.py
 create mode 100644 feeds/apps.py
 create mode 100644 feeds/cluster.py
 create mode 100644 feeds/fetch.py
 create mode 100644 feeds/management/__init__.py
 create mode 100644 feeds/management/commands/__init__.py
 create mode 100644 feeds/management/commands/refresh_newsfeeds.py
 create mode 100644 feeds/migrations/0001_initial.py
 create mode 100644 feeds/migrations/__init__.py
 create mode 100644 feeds/models.py
 create mode 100644 feeds/refresh.py
 create mode 100644 feeds/tests.py
 create mode 100644 feeds/urls.py
 create mode 100644 feeds/views.py

diff --git a/diora/settings.py b/diora/settings.py
index c4d3f6a..5bd586c 100644
--- a/diora/settings.py
+++ b/diora/settings.py
@@ -31,6 +31,7 @@ INSTALLED_APPS = [
     'books',
     'gpodder',
     'tts',
+    'feeds',
 ]
 
 EBOOK_MAX_BYTES = 50 * 1024 * 1024  # 50 MB
diff --git a/diora/urls.py b/diora/urls.py
index 283cf2c..886ee26 100644
--- a/diora/urls.py
+++ b/diora/urls.py
@@ -11,6 +11,7 @@ urlpatterns = [
     path('accounts/', include('accounts.urls')),
     path('podcasts/', include('podcasts.urls')),
     path('books/', include('books.urls')),
+    path('feeds/', include('feeds.urls')),
     path('tts/', include('tts.urls')),
     path('api/2/', include('gpodder.urls')),
     path('api/sync/', sync_snapshot, name='api_sync'),
diff --git a/feeds/__init__.py b/feeds/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/feeds/apps.py b/feeds/apps.py
new file mode 100644
index 0000000..29a474b
--- /dev/null
+++ b/feeds/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class FeedsConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'feeds'
diff --git a/feeds/cluster.py b/feeds/cluster.py
new file mode 100644
index 0000000..b1dd7a8
--- /dev/null
+++ b/feeds/cluster.py
@@ -0,0 +1,149 @@
+"""Bundling news items about the same event into stories.
+
+Each item is described by the words of its title (counted twice) and summary,
+without stop words and with a crude German/English suffix cut. A new item joins
+the most similar story of the last WINDOW hours (cosine of tf-idf vectors,
+document frequencies over those stories) if that similarity reaches THRESHOLD
+and they share at least MIN_SHARED words; otherwise it starts a story of its own.
+A story many sources report on is a top story.
+"""
+
+import math
+import re
+from collections import Counter
+from datetime import timedelta
+
+from .models import Item, Story
+
+WINDOW = timedelta(hours=36)
+THRESHOLD = 0.25
+MIN_SHARED = 2
+
+STOP = set('''
+aber alle allem allen aller alles also als am an andere anderen auch auf aus bei beim bereits bis bisher
+da dabei damit dann darauf darf darum das dass dem den denen der deren des deshalb dessen die dies diese
+diesem diesen dieser dieses doch dort durch ein eine einem einen einer eines einige er es etwa euch für
+gegen geht gibt hab habe haben hat hatte hatten hier hin hinter ich ihr ihre ihrem ihren ihrer im immer
+in ins ist ja jahr jahre jahren jetzt kann kein keine können könnte man mehr mit muss müssen nach neue neuen
+nicht nichts noch nun nur ob oder ohne schon sei seid sein seine seinem seinen seiner seit sich sie sind
+so soll sollen sollte sondern sowie über um und uns unter viel viele vom von vor war waren was weil weiter
+weitere wenn wer werde werden wie wieder will wir wird wo worden wurde wurden zu zum zur zwei drei vier
+heute gestern morgen laut sagt sagte erst mal neu alt video live ticker liveblog news meldung bericht
+the and for with from that this have has are was were will would been into about after over their they
+his her its our you your not but all can new says said more than when what who how why off out
+tot tote toten getötet sterben stirbt gestorben menschen mensch leute millionen milliarden prozent euro
+deutschland deutsche deutschen land länder stadt welt woche wochen monat monate tag tage tagen uhr
+frau frauen mann männer kinder erste ersten zweite neuer neues großen große groß kleine wegen gibt geben
+'''.split())
+
+_WORD = re.compile(r'[a-zäöüß][a-zäöüß0-9\-]+')
+_SUFFIXES = ('ungen', 'ung', 'en', 'er', 'es', 'e', 's', 'n')
+
+
+def _stem(w):
+    if len(w) > 5:
+        for s in _SUFFIXES:
+            if w.endswith(s) and len(w) - len(s) >= 4:
+                return w[:-len(s)]
+    return w
+
+
+def words(text):
+    out = []
+    for w in _WORD.findall((text or '').lower()):
+        w = w.strip('-')
+        if len(w) < 3 or w in STOP:
+            continue
+        out.append(_stem(w))
+    return out
+
+
+def item_terms(title, summary):
+    return Counter(words(title) * 2 + words(summary[:300]))
+
+
+def _cosine(a, b, idf):
+    dot = sum(a[w] * b[w] * idf.get(w, 1.0) ** 2 for w in a.keys() & b.keys())
+    if not dot:
+        return 0.0
+    na = math.sqrt(sum((n * idf.get(w, 1.0)) ** 2 for w, n in a.items()))
+    nb = math.sqrt(sum((n * idf.get(w, 1.0)) ** 2 for w, n in b.items()))
+    return dot / (na * nb)
+
+
+class Clusterer:
+    """Assigns one user's new news items to stories (load once, add items, done).
+
+    An item is compared with every item already in a story: the story's score
+    is the mean of the best match and the average match, so one stray shared
+    word can't pull an item in, and a story doesn't grow into a magnet the way
+    a pooled word list would. Items of the same source join only when very
+    close (a source rarely reports one event twice, but often two similar ones)."""
+
+    SAME_SOURCE = 0.5
+
+    def __init__(self, user, now):
+        self.user = user
+        self.stories = list(Story.objects.filter(user=user, last_at__gte=now - WINDOW))
+        self.members = {s.pk: [] for s in self.stories}   # story id -> [(source id, terms)]
+        for i in Item.objects.filter(story__in=self.stories, gone=False).only('story_id', 'source_id', 'title', 'summary'):
+            self.members[i.story_id].append((i.source_id, item_terms(i.title, i.summary)))
+        self._df = Counter()
+        for ms in self.members.values():
+            for _, t in ms:
+                self._df.update(t.keys())
+        self._n = sum(len(ms) for ms in self.members.values())
+
+    def _idf(self):
+        n = self._n + 1
+        return {w: math.log((n + 1) / (d + 1)) + 1 for w, d in self._df.items()}
+
+    def score(self, t, source_id, members, idf):
+        sims = []
+        for sid, mt in members:
+            if len(t.keys() & mt.keys()) < MIN_SHARED:
+                sims.append(0.0)
+                continue
+            sim = _cosine(t, mt, idf)
+            if sid == source_id and sim < self.SAME_SOURCE:
+                sim = 0.0
+            sims.append(sim)
+        if not sims or max(sims) == 0:
+            return 0.0
+        return (max(sims) + sum(sims) / len(sims)) / 2
+
+    def add(self, item):
+        t = item_terms(item.title, item.summary)
+        best, best_sim = None, 0.0
+        if t:
+            idf = self._idf()
+            for s in self.stories:
+                if abs((s.last_at - item.published).total_seconds()) > WINDOW.total_seconds():
+                    continue
+                sim = self.score(t, item.source_id, self.members[s.pk], idf)
+                if sim > best_sim:
+                    best, best_sim = s, sim
+        if best is not None and best_sim >= THRESHOLD:
+            self._join(best, item)
+        else:
+            best = Story.objects.create(user=self.user, lead=item, first_at=item.published,
+                                        last_at=item.published, size=1, sources=1)
+            self.stories.append(best)
+            self.members[best.pk] = []
+            item.story = best
+            item.save(update_fields=['story'])
+        self.members[best.pk].append((item.source_id, t))
+        self._df.update(t.keys())
+        self._n += 1
+        return best
+
+    def _join(self, s, item):
+        item.story = s
+        item.save(update_fields=['story'])
+        s.size = Item.objects.filter(story=s).count()
+        s.sources = Item.objects.filter(story=s).values('source').distinct().count()
+        s.first_at = min(s.first_at, item.published)
+        s.last_at = max(s.last_at, item.published)
+        if s.lead is None or (not s.lead.image_url and item.image_url):
+            s.lead = item
+        s.save(update_fields=['size', 'sources', 'first_at', 'last_at', 'lead'])
diff --git a/feeds/fetch.py b/feeds/fetch.py
new file mode 100644
index 0000000..b535224
--- /dev/null
+++ b/feeds/fetch.py
@@ -0,0 +1,231 @@
+"""Reading feeds: entries into items, the whole article from its page, finding a
+site's feed. Downloading the feed itself is podcasts.views._fetch_feed (ETag,
+body hash, redirects), shared with the podcast refresh."""
+
+import calendar
+import hashlib
+import html
+import logging
+import re
+from datetime import datetime, timezone as dt_timezone
+from html.parser import HTMLParser
+from urllib.parse import urljoin, urlparse
+
+import requests
+from django.utils import timezone
+
+from podcasts.shownotes import _Sanitizer, html_to_text
+
+log = logging.getLogger(__name__)
+
+USER_AGENT = 'Mozilla/5.0 (compatible; diora feed reader; +https://diora.creamfresh.xyz)'
+PAGE_TIMEOUT = 15
+# Shorter text than this in the feed counts as a teaser: the article is fetched ("auto").
+TEASER_CHARS = 700
+SUMMARY_CHARS = 400
+
+
+class _AbsoluteSanitizer(_Sanitizer):
+    """The podcast sanitizer, with links and images made absolute first
+    (article HTML is full of relative ones, which the allowlist would drop)."""
+
+    def __init__(self, base):
+        super().__init__()
+        self.base = base
+
+    def _start(self, tag, attrs, closed):
+        if tag == 'img':
+            # Lazy-loaded images keep the real address in data-src, src is a placeholder.
+            a = dict(attrs)
+            real = a.get('data-src') or a.get('data-original')
+            if real:
+                attrs = [(n, v) for n, v in attrs if n not in ('src', 'data-src', 'data-original')] + [('src', real)]
+        fixed = []
+        for name, value in attrs:
+            if name in ('href', 'src') and value and not value.strip().startswith(('data:', 'javascript:', '#')):
+                value = urljoin(self.base, value.strip())
+            fixed.append((name, value))
+        super()._start(tag, fixed, closed)
+
+
+def clean_html(text, base=''):
+    if not text:
+        return ''
+    s = _AbsoluteSanitizer(base)
+    s.feed(text)
+    return s.result().strip()
+
+
+def plain(text):
+    return re.sub(r'\s+', ' ', html_to_text(text or '')).strip()
+
+
+def _short(text, n=SUMMARY_CHARS):
+    if len(text) <= n:
+        return text
+    cut = text[:n].rsplit(' ', 1)[0]
+    return cut + ' …'
+
+
+def _when(entry):
+    """The entry's time (published, else updated), never in the future."""
+    now = timezone.now()
+    for key in ('published_parsed', 'updated_parsed', 'created_parsed'):
+        t = entry.get(key)
+        if t:
+            try:
+                when = datetime.fromtimestamp(calendar.timegm(t), dt_timezone.utc)
+            except (OverflowError, ValueError, TypeError):
+                continue
+            return min(when, now)
+    return now
+
+
+class _FirstImage(HTMLParser):
+    def __init__(self):
+        super().__init__()
+        self.src = ''
+
+    def handle_starttag(self, tag, attrs):
+        if tag == 'img' and not self.src:
+            a = dict(attrs)
+            w, h = a.get('width', ''), a.get('height', '')
+            if w in ('1', '0') or h in ('1', '0'):
+                return  # tracking pixel
+            self.src = a.get('src') or ''
+
+
+def _image(entry, content_html, base):
+    for m in entry.get('media_thumbnail') or []:
+        if m.get('url'):
+            return m['url']
+    for m in entry.get('media_content') or []:
+        if m.get('url') and (m.get('medium') == 'image' or (m.get('type') or '').startswith('image/')):
+            return m['url']
+    for enc in entry.get('enclosures') or []:
+        if (enc.get('type') or '').startswith('image/') and enc.get('href'):
+            return enc['href']
+    p = _FirstImage()
+    try:
+        p.feed(content_html or '')
+    except Exception:
+        pass
+    return urljoin(base, p.src) if p.src else ''
+
+
+def guid_hash(entry):
+    key = entry.get('id') or entry.get('link') or f"{entry.get('title', '')}|{entry.get('published', '')}"
+    return hashlib.sha256(key.encode('utf-8', 'replace')).hexdigest()
+
+
+def parse_entry(entry, feed_url):
+    """A feedparser entry -> the fields of an Item (without source/user)."""
+    link = entry.get('link') or ''
+    base = link or feed_url
+    contents = [c.get('value') or '' for c in entry.get('content') or []]
+    content_html = max(contents, key=len) if contents else ''
+    summary_html = entry.get('summary') or ''
+    if len(plain(summary_html)) > len(plain(content_html)):
+        content_html = summary_html
+    content = clean_html(content_html, base)
+    text = plain(content)
+    summary = plain(summary_html) or text
+    title = plain(html.unescape(entry.get('title') or '')) or _short(text, 80) or 'Ohne Titel'
+    return {
+        'guid_hash': guid_hash(entry),
+        'url': link[:2000],
+        'title': title[:500],
+        'author': plain(entry.get('author') or '')[:300],
+        'published': _when(entry),
+        'summary': _short(summary),
+        'content': content,
+        'image_url': _image(entry, content_html, base)[:2000],
+    }
+
+
+def is_teaser(content_html):
+    return len(plain(content_html)) < TEASER_CHARS
+
+
+def _drop_title(html_text):
+    """trafilatura repeats the headline as the first <h1>; the reader shows it already."""
+    return re.sub(r'^\s*(<img[^>]*>\s*)?<h1>.*?</h1>', lambda m: m.group(1) or '', html_text, count=1, flags=re.S)
+
+
+def fetch_article(url):
+    """The article on `url` as (clean HTML, image URL), or None. trafilatura
+    finds the main text and leaves out navigation, ads, comments."""
+    import trafilatura  # heavy import, only where articles are fetched
+
+    try:
+        r = requests.get(url, timeout=PAGE_TIMEOUT, headers={'User-Agent': USER_AGENT})
+    except requests.RequestException as e:
+        log.info('article %s: %s', url, type(e).__name__)
+        return None
+    if r.status_code >= 400 or 'html' not in r.headers.get('Content-Type', 'text/html'):
+        return None
+    page = r.text
+    try:
+        body = trafilatura.extract(page, url=r.url, output_format='html', include_images=True,
+                                   include_links=True, include_tables=True, favor_precision=True)
+    except Exception:
+        log.exception('article %s: extraction failed', url)
+        return None
+    if not body:
+        return None
+    body = re.sub(r'^\s*<html>\s*<body>|</body>\s*</html>\s*$', '', body.strip())
+    content = clean_html(_drop_title(body), r.url)
+    if len(plain(content)) < 200:
+        return None
+    image = ''
+    try:
+        meta = trafilatura.extract_metadata(page, default_url=r.url)
+        image = (meta.image if meta else '') or ''
+    except Exception:
+        pass
+    return content, image
+
+
+# ---- finding a site's feed
+
+FEED_TYPES = ('application/rss+xml', 'application/atom+xml', 'application/feed+json', 'application/xml', 'text/xml')
+
+
+class _FeedLinks(HTMLParser):
+    def __init__(self):
+        super().__init__()
+        self.feeds = []
+        self.icon = ''
+
+    def handle_starttag(self, tag, attrs):
+        if tag != 'link':
+            return
+        a = {k.lower(): (v or '') for k, v in attrs}
+        rel = a.get('rel', '').lower().split()
+        if 'alternate' in rel and a.get('type', '').lower() in FEED_TYPES and a.get('href'):
+            self.feeds.append((a['href'], a.get('title', '')))
+        if ('icon' in rel or 'apple-touch-icon' in rel) and a.get('href') and not self.icon:
+            self.icon = a['href']
+
+
+def discover(page_html, base):
+    """[(feed url, title)] a page links to, and its icon URL."""
+    p = _FeedLinks()
+    try:
+        p.feed(page_html)
+    except Exception:
+        pass
+    seen, out = set(), []
+    for href, title in p.feeds:
+        u = urljoin(base, href)
+        if u not in seen:
+            seen.add(u)
+            out.append((u, title))
+    return out, (urljoin(base, p.icon) if p.icon else '')
+
+
+def site_icon(site_url):
+    if not site_url:
+        return ''
+    u = urlparse(site_url)
+    return f'{u.scheme}://{u.netloc}/favicon.ico' if u.scheme and u.netloc else ''
diff --git a/feeds/management/__init__.py b/feeds/management/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/feeds/management/commands/__init__.py b/feeds/management/commands/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/feeds/management/commands/refresh_newsfeeds.py b/feeds/management/commands/refresh_newsfeeds.py
new file mode 100644
index 0000000..7705e0a
--- /dev/null
+++ b/feeds/management/commands/refresh_newsfeeds.py
@@ -0,0 +1,25 @@
+from django.core.management.base import BaseCommand
+from django.utils import timezone
+
+from feeds.models import Source
+from feeds.refresh import refresh
+from podcasts.views import _in_backoff_q
+
+
+class Command(BaseCommand):
+    help = 'Refresh the feed reader\'s sources (news and blogs)'
+
+    def add_arguments(self, parser):
+        parser.add_argument('--source-id', type=int, help='Refresh only this source (even when backing off)')
+
+    def handle(self, *args, **options):
+        qs = Source.objects.select_related('user').order_by('last_refreshed_at')
+        if options['source_id']:
+            qs = qs.filter(pk=options['source_id'])
+        else:
+            qs = qs.exclude(_in_backoff_q(timezone.now()))
+        if not qs.exists():
+            self.stdout.write('No sources to refresh.')
+            return
+        refreshed, failed, new = refresh(qs)
+        self.stdout.write(f'{refreshed} sources refreshed, {failed} failed, +{new} items')
diff --git a/feeds/migrations/0001_initial.py b/feeds/migrations/0001_initial.py
new file mode 100644
index 0000000..810fbc8
--- /dev/null
+++ b/feeds/migrations/0001_initial.py
@@ -0,0 +1,111 @@
+# Generated by Django 6.1 on 2026-10-04 17:54
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='FeedSettings',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('news_seen_at', models.DateTimeField(blank=True, null=True)),
+                ('news_keep_days', models.PositiveIntegerField(default=2)),
+                ('user', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, related_name='feed_settings', to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='Source',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('url', models.URLField(max_length=1000)),
+                ('title', models.CharField(max_length=300)),
+                ('site_url', models.URLField(blank=True, max_length=1000)),
+                ('icon_url', models.URLField(blank=True, max_length=1000)),
+                ('kind', models.CharField(choices=[('news', 'Nachrichten'), ('blog', 'Blog')], default='news', max_length=10)),
+                ('category', models.CharField(blank=True, max_length=100)),
+                ('fulltext', models.CharField(choices=[('auto', 'Automatisch'), ('always', 'Immer'), ('never', 'Nie')], default='auto', max_length=10)),
+                ('added_at', models.DateTimeField(auto_now_add=True)),
+                ('last_refreshed_at', models.DateTimeField(blank=True, null=True)),
+                ('http_etag', models.CharField(blank=True, max_length=500)),
+                ('http_last_modified', models.CharField(blank=True, max_length=100)),
+                ('http_body_hash', models.CharField(blank=True, max_length=64)),
+                ('last_error', models.CharField(blank=True, max_length=500)),
+                ('last_error_at', models.DateTimeField(blank=True, null=True)),
+                ('error_count', models.PositiveIntegerField(default=0)),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='feed_sources', to=settings.AUTH_USER_MODEL)),
+            ],
+            options={
+                'ordering': ['title'],
+                'unique_together': {('user', 'url')},
+            },
+        ),
+        migrations.CreateModel(
+            name='Item',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('kind', models.CharField(choices=[('news', 'Nachrichten'), ('blog', 'Blog')], max_length=10)),
+                ('guid_hash', models.CharField(max_length=64)),
+                ('url', models.URLField(blank=True, max_length=2000)),
+                ('title', models.CharField(max_length=500)),
+                ('author', models.CharField(blank=True, max_length=300)),
+                ('published', models.DateTimeField(db_index=True)),
+                ('fetched_at', models.DateTimeField(auto_now_add=True)),
+                ('summary', models.TextField(blank=True)),
+                ('content', models.TextField(blank=True)),
+                ('content_full', models.BooleanField(default=False)),
+                ('fulltext_failed', models.BooleanField(default=False)),
+                ('image_url', models.URLField(blank=True, max_length=2000)),
+                ('read_at', models.DateTimeField(blank=True, null=True)),
+                ('starred', models.BooleanField(default=False)),
+                ('gone', models.BooleanField(default=False)),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='feed_items', to=settings.AUTH_USER_MODEL)),
+                ('source', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='items', to='feeds.source')),
+            ],
+            options={
+                'ordering': ['-published'],
+            },
+        ),
+        migrations.CreateModel(
+            name='Story',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('first_at', models.DateTimeField()),
+                ('last_at', models.DateTimeField(db_index=True)),
+                ('size', models.PositiveIntegerField(default=1)),
+                ('sources', models.PositiveIntegerField(default=1)),
+                ('terms', models.TextField(blank=True)),
+                ('lead', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to='feeds.item')),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='feed_stories', to=settings.AUTH_USER_MODEL)),
+            ],
+            options={
+                'ordering': ['-last_at'],
+            },
+        ),
+        migrations.AddField(
+            model_name='item',
+            name='story',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='items', to='feeds.story'),
+        ),
+        migrations.AddIndex(
+            model_name='item',
+            index=models.Index(fields=['user', 'kind', 'published'], name='feeds_item_user_id_1a8bce_idx'),
+        ),
+        migrations.AddIndex(
+            model_name='item',
+            index=models.Index(fields=['user', 'kind', 'read_at'], name='feeds_item_user_id_0007dd_idx'),
+        ),
+        migrations.AlterUniqueTogether(
+            name='item',
+            unique_together={('source', 'guid_hash')},
+        ),
+    ]
diff --git a/feeds/migrations/__init__.py b/feeds/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/feeds/models.py b/feeds/models.py
new file mode 100644
index 0000000..911f4e6
--- /dev/null
+++ b/feeds/models.py
@@ -0,0 +1,106 @@
+from django.contrib.auth.models import User
+from django.db import models
+
+
+class Source(models.Model):
+    """A subscribed feed. Every source is either news or a blog, and that shapes
+    everything after it: news gets bundled into stories, shows up in the
+    "Seit letztem Mal" briefing and expires after a few days; blog articles stay
+    until read and are listed per blog."""
+    NEWS = 'news'
+    BLOG = 'blog'
+    KINDS = [(NEWS, 'Nachrichten'), (BLOG, 'Blog')]
+
+    # Whether the whole article is fetched from its page: "auto" when the feed
+    # only carries a teaser.
+    FULLTEXT_AUTO = 'auto'
+    FULLTEXT_ALWAYS = 'always'
+    FULLTEXT_NEVER = 'never'
+    FULLTEXTS = [(FULLTEXT_AUTO, 'Automatisch'), (FULLTEXT_ALWAYS, 'Immer'), (FULLTEXT_NEVER, 'Nie')]
+
+    user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='feed_sources')
+    url = models.URLField(max_length=1000)
+    title = models.CharField(max_length=300)
+    site_url = models.URLField(max_length=1000, blank=True)
+    icon_url = models.URLField(max_length=1000, blank=True)
+    kind = models.CharField(max_length=10, choices=KINDS, default=NEWS)
+    # News: the section it belongs to (Politik, Tech …), groups the briefing.
+    category = models.CharField(max_length=100, blank=True)
+    fulltext = models.CharField(max_length=10, choices=FULLTEXTS, default=FULLTEXT_AUTO)
+    added_at = models.DateTimeField(auto_now_add=True)
+
+    # Refresh bookkeeping, as for podcast feeds (see podcasts.views._fetch_feed).
+    last_refreshed_at = models.DateTimeField(null=True, blank=True)
+    http_etag = models.CharField(max_length=500, blank=True)
+    http_last_modified = models.CharField(max_length=100, blank=True)
+    http_body_hash = models.CharField(max_length=64, blank=True)
+    last_error = models.CharField(max_length=500, blank=True)
+    last_error_at = models.DateTimeField(null=True, blank=True)
+    error_count = models.PositiveIntegerField(default=0)
+
+    class Meta:
+        unique_together = ('user', 'url')
+        ordering = ['title']
+
+    def __str__(self):
+        return f'{self.title} ({self.kind}, user={self.user_id})'
+
+
+class Story(models.Model):
+    """News items about the same event from one or more sources (see cluster.py)."""
+    user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='feed_stories')
+    # The item the story is shown with (the first one, or the longest text).
+    lead = models.ForeignKey('Item', null=True, blank=True, on_delete=models.SET_NULL, related_name='+')
+    first_at = models.DateTimeField()
+    last_at = models.DateTimeField(db_index=True)
+    size = models.PositiveIntegerField(default=1)      # items in it
+    sources = models.PositiveIntegerField(default=1)   # distinct sources among them
+    # Words that describe it (space-separated, for matching new items).
+    terms = models.TextField(blank=True)
+
+    class Meta:
+        ordering = ['-last_at']
+
+
+class Item(models.Model):
+    source = models.ForeignKey(Source, on_delete=models.CASCADE, related_name='items')
+    user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='feed_items')
+    kind = models.CharField(max_length=10, choices=Source.KINDS)  # the source's, at the time
+    guid_hash = models.CharField(max_length=64)  # sha256 of the entry's id (or link)
+    url = models.URLField(max_length=2000, blank=True)
+    title = models.CharField(max_length=500)
+    author = models.CharField(max_length=300, blank=True)
+    published = models.DateTimeField(db_index=True)
+    fetched_at = models.DateTimeField(auto_now_add=True)
+    summary = models.TextField(blank=True)   # plain text, short
+    content = models.TextField(blank=True)   # sanitized HTML
+    # The content came from the article's page, not the feed.
+    content_full = models.BooleanField(default=False)
+    # Fetching the page failed or gave nothing: don't try on every open.
+    fulltext_failed = models.BooleanField(default=False)
+    image_url = models.URLField(max_length=2000, blank=True)
+    read_at = models.DateTimeField(null=True, blank=True)
+    starred = models.BooleanField(default=False)
+    story = models.ForeignKey(Story, null=True, blank=True, on_delete=models.SET_NULL, related_name='items')
+    # Expired news: the row stays a while without its text, so the entry isn't
+    # taken in again as new while the feed still carries it (refresh.expire).
+    gone = models.BooleanField(default=False)
+
+    class Meta:
+        unique_together = ('source', 'guid_hash')
+        indexes = [
+            models.Index(fields=['user', 'kind', 'published']),
+            models.Index(fields=['user', 'kind', 'read_at']),
+        ]
+        ordering = ['-published']
+
+    def __str__(self):
+        return self.title
+
+
+class FeedSettings(models.Model):
+    user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='feed_settings')
+    # The last time the news briefing was seen; what came after is "Seit letztem Mal".
+    news_seen_at = models.DateTimeField(null=True, blank=True)
+    # News older than this goes (unless starred).
+    news_keep_days = models.PositiveIntegerField(default=2)
diff --git a/feeds/refresh.py b/feeds/refresh.py
new file mode 100644
index 0000000..aa13999
--- /dev/null
+++ b/feeds/refresh.py
@@ -0,0 +1,222 @@
+"""Refreshing sources: new entries become items, teasers get their article,
+news is bundled into stories, old news expires."""
+
+import logging
+import time
+from concurrent.futures import FIRST_COMPLETED, ThreadPoolExecutor, as_completed, wait
+from datetime import timedelta
+
+from django.db import IntegrityError, transaction
+from django.utils import timezone
+
+from podcasts.views import FeedFetchError, _clear_error, _error_text, _fetch_feed
+
+from . import fetch
+from .cluster import Clusterer
+from .models import FeedSettings, Item, Source, Story
+
+log = logging.getLogger(__name__)
+
+FEED_WORKERS = 12
+ARTICLE_WORKERS = 8
+ARTICLES_PER_RUN = 80        # articles fetched per refresh at most; the rest when opened
+BLOG_KEEP = 1000             # items kept per blog
+BLOG_FIRST_UNREAD_DAYS = 14  # a new blog's older articles start out read
+GONE_KEEP_DAYS = 30          # expired news rows kept (without text) against re-adding
+
+
+def settings_for(user):
+    s, _ = FeedSettings.objects.get_or_create(user=user)
+    return s
+
+
+def _apply(source, result, now, keep_days):
+    """Write one download; returns the new items."""
+    if result.status == 304:
+        source.last_refreshed_at = now
+        _clear_error(source)
+        source.save(update_fields=['last_refreshed_at', 'last_error', 'last_error_at', 'error_count',
+                                   'http_etag', 'http_last_modified'])
+        return []
+    parsed = result.parsed
+    feed = parsed.feed
+    if feed.get('title') and (not source.title or source.title == source.url):
+        source.title = fetch.plain(feed.title)[:300]
+    if feed.get('link'):
+        source.site_url = feed.link[:1000]
+    if not source.icon_url:
+        icon = (feed.get('image') or {}).get('href') or feed.get('icon') or fetch.site_icon(source.site_url)
+        source.icon_url = (icon or '')[:1000]
+    if result.permanent_url and result.permanent_url != source.url and \
+            not Source.objects.filter(user=source.user, url=result.permanent_url).exists():
+        source.url = result.permanent_url[:1000]
+    source.http_etag = result.etag
+    source.http_last_modified = result.last_modified
+    source.http_body_hash = result.body_hash
+    source.last_refreshed_at = now
+    _clear_error(source)
+    first = not source.items.exists()
+    source.save()
+
+    known = set(source.items.values_list('guid_hash', flat=True))
+    oldest_kept = None
+    if source.kind == Source.BLOG and len(known) >= BLOG_KEEP:
+        oldest_kept = source.items.order_by('published').values_list('published', flat=True).first()
+    news_cutoff = now - timedelta(days=keep_days)
+    new = []
+    for entry in parsed.entries:
+        fields = fetch.parse_entry(entry, source.url)
+        if fields['guid_hash'] in known:
+            continue
+        known.add(fields['guid_hash'])
+        if source.kind == Source.NEWS and fields['published'] < news_cutoff:
+            continue
+        if oldest_kept and fields['published'] < oldest_kept:
+            continue
+        item = Item(source=source, user=source.user, kind=source.kind, **fields)
+        if source.kind == Source.BLOG and first and fields['published'] < now - timedelta(days=BLOG_FIRST_UNREAD_DAYS):
+            item.read_at = now
+        new.append(item)
+    if new:
+        try:
+            with transaction.atomic():
+                Item.objects.bulk_create(new)
+        except IntegrityError:
+            # Two entries of one feed with the same id: one by one, skipping the doubles.
+            kept = []
+            for item in new:
+                try:
+                    with transaction.atomic():
+                        item.save()
+                    kept.append(item)
+                except IntegrityError:
+                    pass
+            new = kept
+    return new
+
+
+def needs_article(item, source):
+    if not item.url or item.content_full or item.fulltext_failed:
+        return False
+    if source.fulltext == Source.FULLTEXT_NEVER:
+        return False
+    return source.fulltext == Source.FULLTEXT_ALWAYS or fetch.is_teaser(item.content)
+
+
+def load_article(item):
+    """Fetch the article for one item now (when opened); saves it."""
+    got = fetch.fetch_article(item.url)
+    _store_article(item, got)
+    return item
+
+
+def _store_article(item, got):
+    if got is None:
+        item.fulltext_failed = True
+        item.save(update_fields=['fulltext_failed'])
+        return
+    content, image = got
+    if len(fetch.plain(content)) <= len(fetch.plain(item.content)):
+        item.fulltext_failed = True  # the feed had more
+        item.save(update_fields=['fulltext_failed'])
+        return
+    item.content = content
+    item.content_full = True
+    if not item.image_url and image:
+        item.image_url = image[:2000]
+    item.save(update_fields=['content', 'content_full', 'image_url'])
+
+
+def _articles(items, deadline):
+    todo = [i for i in items if needs_article(i, i.source)][:ARTICLES_PER_RUN]
+    if not todo:
+        return
+    pool = ThreadPoolExecutor(ARTICLE_WORKERS)
+    futures = {pool.submit(fetch.fetch_article, i.url): i for i in todo}
+    pending = set(futures)
+    try:
+        while pending:
+            left = None if deadline is None else deadline - time.monotonic()
+            if left is not None and left <= 0:
+                break
+            done, pending = wait(pending, timeout=left, return_when=FIRST_COMPLETED)
+            for f in done:
+                try:
+                    _store_article(futures[f], f.result())
+                except Exception:
+                    log.exception('article for item %s', futures[f].pk)
+    finally:
+        pool.shutdown(wait=False, cancel_futures=True)
+
+
+def expire(user, now=None):
+    """News past the user's keep time loses its text (rows stay GONE_KEEP_DAYS
+    as markers), stories without visible items go."""
+    now = now or timezone.now()
+    keep = settings_for(user).news_keep_days
+    Item.objects.filter(user=user, kind=Source.NEWS, gone=False, starred=False,
+                        published__lt=now - timedelta(days=keep)).update(
+        gone=True, content='', summary='', story=None)
+    Item.objects.filter(user=user, gone=True, published__lt=now - timedelta(days=GONE_KEEP_DAYS)).delete()
+    Story.objects.filter(user=user).exclude(items__gone=False).delete()
+    # Blogs: the oldest read articles beyond BLOG_KEEP per blog.
+    for source in Source.objects.filter(user=user, kind=Source.BLOG):
+        ids = list(source.items.order_by('-published').values_list('id', flat=True)[BLOG_KEEP:])
+        if ids:
+            Item.objects.filter(id__in=ids, starred=False).exclude(read_at=None).delete()
+
+
+def refresh(sources, deadline=None):
+    """Refresh `sources` (downloads in parallel, writes one by one).
+    Returns (refreshed, failed, new items)."""
+    sources = list(sources)
+    now = timezone.now()
+    keep = {}
+    refreshed = failed = 0
+    new_items = []
+    pool = ThreadPoolExecutor(FEED_WORKERS)
+    try:
+        futures = {
+            pool.submit(_fetch_feed, s.url, s.http_etag, s.http_last_modified, s.http_body_hash,
+                        user_agent=fetch.USER_AGENT): s
+            for s in sources
+        }
+        try:
+            timeout = None if deadline is None else max(0.0, deadline - time.monotonic())
+            for f in as_completed(futures, timeout=timeout):
+                s = futures[f]
+                try:
+                    result = f.result()
+                    if s.user_id not in keep:
+                        keep[s.user_id] = settings_for(s.user).news_keep_days
+                    new_items += _apply(s, result, now, keep[s.user_id])
+                    refreshed += 1
+                except Exception as e:
+                    if not isinstance(e, FeedFetchError):
+                        log.exception('feed source %s', s.pk)
+                    s.last_error = _error_text(e)
+                    s.last_error_at = now
+                    s.error_count += 1
+                    s.save(update_fields=['last_error', 'last_error_at', 'error_count'])
+                    failed += 1
+        except TimeoutError:
+            pass
+    finally:
+        # Past the deadline: don't wait for the slow ones (they stay as they are).
+        pool.shutdown(wait=False, cancel_futures=True)
+
+    for item in new_items:
+        item.source = next(s for s in sources if s.pk == item.source_id)
+    _articles(new_items, deadline)
+
+    by_user = {}
+    for item in new_items:
+        if item.kind == Source.NEWS:
+            by_user.setdefault(item.user_id, []).append(item)
+    for user_id, items in by_user.items():
+        c = Clusterer(items[0].user, now)
+        for item in sorted(items, key=lambda i: i.published):
+            c.add(item)
+    for user_id in {s.user_id for s in sources}:
+        expire(next(s.user for s in sources if s.user_id == user_id), now)
+    return refreshed, failed, len(new_items)
diff --git a/feeds/tests.py b/feeds/tests.py
new file mode 100644
index 0000000..ee4ba97
--- /dev/null
+++ b/feeds/tests.py
@@ -0,0 +1,179 @@
+import json
+from datetime import timedelta
+from unittest import mock
+
+import feedparser
+from django.contrib.auth.models import User
+from django.test import TestCase
+from django.utils import timezone
+
+from podcasts.views import FeedFetch
+
+from . import cluster, fetch, refresh
+from .models import FeedSettings, Item, Source, Story
+
+
+def rss(items, title='Testfeed', link='https://example.org/'):
+    body = ''.join(
+        f'<item><guid>{i["guid"]}</guid><title>{i["title"]}</title><link>{i.get("link", "https://example.org/" + i["guid"])}</link>'
+        f'<pubDate>{i.get("date", timezone.now().strftime("%a, %d %b %Y %H:%M:%S +0000"))}</pubDate>'
+        f'<description><![CDATA[{i.get("text", "")}]]></description></item>'
+        for i in items)
+    return f'<?xml version="1.0"?><rss version="2.0"><channel><title>{title}</title><link>{link}</link>{body}</channel></rss>'.encode()
+
+
+def fetched(content, url='https://example.org/feed'):
+    return FeedFetch(200, feedparser.parse(content), 'etag', '', url, url, 'hash')
+
+
+LONG = '<p>' + 'Ein langer Absatz mit sehr viel Text. ' * 40 + '</p>'
+
+
+class FetchTest(TestCase):
+    def test_relative_links_become_absolute_and_scripts_go(self):
+        out = fetch.clean_html('<p>Hi <a href="/a">x</a><img src="i.jpg"><script>bad()</script>'
+                               '<img data-src="/real.jpg" src="placeholder.gif"></p>', 'https://ex.org/post/1')
+        self.assertIn('href="https://ex.org/a"', out)
+        self.assertIn('src="https://ex.org/post/i.jpg"', out)
+        self.assertIn('src="https://ex.org/real.jpg"', out)
+        self.assertNotIn('placeholder', out)
+        self.assertNotIn('bad()', out)
+
+    def test_parse_entry(self):
+        e = feedparser.parse(rss([{'guid': 'g1', 'title': 'A &amp; B', 'text': '<p>Kurz <img src="/p.jpg"></p>'}])).entries[0]
+        f = fetch.parse_entry(e, 'https://example.org/feed')
+        self.assertEqual(f['title'], 'A & B')
+        self.assertEqual(f['image_url'], 'https://example.org/p.jpg')
+        self.assertTrue(fetch.is_teaser(f['content']))
+
+    def test_drop_repeated_headline(self):
+        self.assertEqual(fetch._drop_title('<img src="x"><h1>Titel</h1><p>Text</p>'), '<img src="x"><p>Text</p>')
+
+    def test_discover(self):
+        feeds, icon = fetch.discover('<link rel="alternate" type="application/rss+xml" href="/feed" title="F">'
+                                     '<link rel="icon" href="/fav.png">', 'https://ex.org/')
+        self.assertEqual(feeds, [('https://ex.org/feed', 'F')])
+        self.assertEqual(icon, 'https://ex.org/fav.png')
+
+
+class ClusterTest(TestCase):
+    def setUp(self):
+        self.u = User.objects.create_user('u', password='pw12345678')
+        self.a = Source.objects.create(user=self.u, url='https://a/', title='A')
+        self.b = Source.objects.create(user=self.u, url='https://b/', title='B')
+        self.c = Source.objects.create(user=self.u, url='https://c/', title='C')
+
+    def item(self, source, title, summary=''):
+        return Item.objects.create(source=source, user=self.u, kind='news', guid_hash=title[:60],
+                                   title=title, summary=summary, published=timezone.now())
+
+    def test_same_event_bundled_other_apart(self):
+        c = cluster.Clusterer(self.u, timezone.now())
+        s1 = c.add(self.item(self.a, 'Oktoberfest endet mit neuem Besucherrekord in München'))
+        s2 = c.add(self.item(self.b, 'Rekord-Wiesn: 7,4 Millionen Besucher auf dem Oktoberfest in München'))
+        s3 = c.add(self.item(self.c, 'Bahn führt Familienticket dauerhaft ein'))
+        self.assertEqual(s1, s2)
+        self.assertNotEqual(s1, s3)
+        s1.refresh_from_db()
+        self.assertEqual((s1.size, s1.sources), (2, 2))
+
+    def test_same_source_needs_to_be_very_close(self):
+        c = cluster.Clusterer(self.u, timezone.now())
+        s1 = c.add(self.item(self.a, 'Nations League: Pressekonferenz vor Irland gegen Israel abgebrochen'))
+        s2 = c.add(self.item(self.a, 'Nations League: England schlägt Kroatien deutlich'))
+        self.assertNotEqual(s1, s2)
+
+
+class ApiTest(TestCase):
+    def setUp(self):
+        self.u = User.objects.create_user('tester', password='pw12345678')
+        self.client.force_login(self.u)
+
+    def post(self, url, data=None):
+        return self.client.post(url, json.dumps(data or {}), content_type='application/json')
+
+    def add(self, kind, feed, url='https://example.org/feed'):
+        with mock.patch('feeds.refresh._fetch_feed', return_value=fetched(feed, url)), \
+                mock.patch('feeds.fetch.fetch_article', return_value=(LONG, 'https://example.org/img.jpg')):
+            r = self.post('/feeds/sources/add/', {'url': url, 'kind': kind, 'category': 'Politik'})
+        self.assertEqual(r.status_code, 200)
+        return r.json()['source']
+
+    def test_requires_login(self):
+        self.client.logout()
+        self.assertEqual(self.client.get('/feeds/state/').status_code, 401)
+
+    def test_add_news_fetches_articles_and_bundles(self):
+        s = self.add('news', rss([{'guid': 'a', 'title': 'Merz besucht Kiew und sagt Hilfe zu', 'text': 'Kurz.'},
+                                   {'guid': 'b', 'title': 'Bahn Familienticket dauerhaft', 'text': 'Kurz.'}]))
+        self.assertEqual(s['title'], 'Testfeed')
+        self.assertEqual(s['unread'], 2)
+        items = Item.objects.filter(user=self.u)
+        self.assertTrue(all(i.content_full for i in items))
+        self.assertEqual(Story.objects.filter(user=self.u).count(), 2)
+        news = self.client.get('/feeds/news/').json()
+        self.assertEqual(len(news['stories']), 2)
+        self.assertEqual(news['stories'][0]['category'], 'Politik')
+        b = self.client.get('/feeds/briefing/').json()
+        self.assertEqual(b['total'], 2)
+        self.assertEqual(b['sections'][0]['category'], 'Politik')
+        self.post('/feeds/briefing/seen/')
+        self.assertFalse(Item.objects.filter(user=self.u, read_at=None).exists())
+        self.assertEqual(self.client.get('/feeds/briefing/').json()['total'], 0)
+
+    def test_blog_keeps_full_feed_text_and_lists(self):
+        self.add('blog', rss([{'guid': 'p1', 'title': 'Ein Artikel', 'text': LONG}]))
+        item = Item.objects.get(user=self.u)
+        self.assertFalse(item.content_full)  # the feed had the whole text
+        self.assertIsNone(item.story)
+        blogs = self.client.get('/feeds/blogs/?unread=1').json()
+        self.assertEqual([i['title'] for i in blogs['items']], ['Ein Artikel'])
+        detail = self.client.get(f'/feeds/items/{item.id}/').json()['item']
+        self.assertIn('langer Absatz', detail['content'])
+        self.post('/feeds/items/read/', {'ids': [item.id]})
+        self.assertEqual(self.client.get('/feeds/blogs/?unread=1').json()['items'], [])
+        self.post(f'/feeds/items/{item.id}/star/', {'starred': True})
+        self.assertEqual(len(self.client.get('/feeds/starred/').json()['items']), 1)
+
+    def test_old_news_expires_and_is_not_taken_in_again(self):
+        old = (timezone.now() - timedelta(days=3)).strftime('%a, %d %b %Y %H:%M:%S +0000')
+        feed = rss([{'guid': 'new', 'title': 'Heute passiert', 'text': LONG},
+                    {'guid': 'old', 'title': 'Vorgestern passiert', 'text': LONG, 'date': old}])
+        src = self.add('news', feed)
+        self.assertEqual(Item.objects.filter(user=self.u).count(), 1)  # too old to take in
+        Item.objects.filter(user=self.u).update(published=timezone.now() - timedelta(days=3))
+        refresh.expire(self.u)
+        self.assertEqual(Item.objects.filter(user=self.u, gone=False).count(), 0)
+        self.assertEqual(Story.objects.filter(user=self.u).count(), 0)
+        source = Source.objects.get(pk=src['id'])
+        with mock.patch('feeds.refresh._fetch_feed', return_value=fetched(feed)):
+            refresh.refresh([source])
+        self.assertEqual(Item.objects.filter(user=self.u, gone=False).count(), 0)
+
+    def test_switching_kind_moves_items(self):
+        src = self.add('news', rss([{'guid': 'a', 'title': 'Etwas', 'text': LONG}]))
+        self.post(f'/feeds/sources/{src["id"]}/', {'kind': 'blog'})
+        item = Item.objects.get(user=self.u)
+        self.assertEqual((item.kind, item.story), ('blog', None))
+        self.assertEqual(Story.objects.filter(user=self.u).count(), 0)
+
+    def test_other_users_items_invisible(self):
+        self.add('blog', rss([{'guid': 'p1', 'title': 'Privat', 'text': LONG}]))
+        item = Item.objects.get(user=self.u)
+        other = User.objects.create_user('o', password='pw12345678')
+        self.client.force_login(other)
+        self.assertEqual(self.client.get(f'/feeds/items/{item.id}/').status_code, 404)
+        self.assertEqual(self.client.get('/feeds/blogs/').json()['items'], [])
+        self.post('/feeds/items/read/', {'ids': [item.id]})
+        item.refresh_from_db()
+        self.assertIsNone(item.read_at)
+
+    def test_opml_export(self):
+        self.add('blog', rss([]), url='https://blog.example/feed')
+        r = self.client.get('/feeds/export.opml')
+        self.assertIn(b'xmlUrl="https://blog.example/feed"', r.content)
+        self.assertIn(b'text="Blogs"', r.content)
+
+    def test_settings(self):
+        self.post('/feeds/settings/', {'news_keep_days': 5})
+        self.assertEqual(FeedSettings.objects.get(user=self.u).news_keep_days, 5)
diff --git a/feeds/urls.py b/feeds/urls.py
new file mode 100644
index 0000000..aa3d3f0
--- /dev/null
+++ b/feeds/urls.py
@@ -0,0 +1,24 @@
+from django.urls import path
+
+from . import views
+
+urlpatterns = [
+    path('state/', views.state, name='feeds_state'),
+    path('discover/', views.discover, name='feeds_discover'),
+    path('sources/add/', views.add_source, name='feeds_add_source'),
+    path('sources/bulk/', views.add_sources, name='feeds_add_sources'),
+    path('sources/<int:pk>/', views.edit_source, name='feeds_edit_source'),
+    path('sources/<int:pk>/delete/', views.delete_source, name='feeds_delete_source'),
+    path('export.opml', views.export_opml, name='feeds_export_opml'),
+    path('refresh/', views.refresh_now, name='feeds_refresh'),
+    path('briefing/', views.briefing, name='feeds_briefing'),
+    path('briefing/seen/', views.briefing_seen, name='feeds_briefing_seen'),
+    path('news/', views.news, name='feeds_news'),
+    path('stories/<int:pk>/', views.story, name='feeds_story'),
+    path('blogs/', views.blogs, name='feeds_blogs'),
+    path('starred/', views.starred, name='feeds_starred'),
+    path('items/read/', views.mark_read, name='feeds_mark_read'),
+    path('items/<int:pk>/', views.item, name='feeds_item'),
+    path('items/<int:pk>/star/', views.star, name='feeds_star'),
+    path('settings/', views.settings, name='feeds_settings'),
+]
diff --git a/feeds/views.py b/feeds/views.py
new file mode 100644
index 0000000..5e90f11
--- /dev/null
+++ b/feeds/views.py
@@ -0,0 +1,445 @@
+"""The feed reader's JSON API (session or Bearer token, like the podcast API).
+
+Sources:   GET  /feeds/state/                 sources, unread counts, settings
+           POST /feeds/discover/              {url} -> the feeds a page or URL offers
+           POST /feeds/sources/add/           {url, kind, category, title?}
+           POST /feeds/sources/bulk/          {sources: [{url, title, kind, category}]} (OPML import)
+           POST /feeds/sources/<id>/          {title, kind, category, fulltext}
+           POST /feeds/sources/<id>/delete/
+           GET  /feeds/export.opml
+           POST /feeds/refresh/               refresh the account's sources now
+News:      GET  /feeds/briefing/              what's new since the briefing was last seen
+           POST /feeds/briefing/seen/         seen: everything up to now counts as read
+           GET  /feeds/news/?before=&category=  stories, newest first
+           GET  /feeds/stories/<id>/          one story with all its items
+Blogs:     GET  /feeds/blogs/?source=&unread=1&before=
+Items:     GET  /feeds/items/<id>/            the article (fetches the page if the feed had a teaser)
+           POST /feeds/items/read/            {ids, read}
+           POST /feeds/items/<id>/star/       {starred}
+           GET  /feeds/starred/
+Settings:  POST /feeds/settings/              {news_keep_days}
+"""
+
+import json
+import time
+from datetime import timedelta
+from xml.sax.saxutils import quoteattr
+
+import feedparser
+import requests
+from django.db.models import Count
+from django.http import HttpResponse, JsonResponse
+from django.utils import timezone
+from django.utils.dateparse import parse_datetime
+from django.views.decorators.csrf import csrf_exempt
+from django.views.decorators.http import require_http_methods
+
+from . import fetch, refresh
+from .models import Item, Source, Story
+
+PAGE = 40
+BRIEFING_TOP = 8
+BRIEFING_PER_CATEGORY = 5
+REFRESH_WAIT = 40  # seconds an explicit refresh may take
+CATEGORY_NONE = 'Allgemein'
+
+
+def _auth(request):
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    return None
+
+
+def _body(request):
+    try:
+        return json.loads(request.body or b'{}')
+    except (ValueError, UnicodeDecodeError):
+        return None
+
+
+def _iso(dt):
+    return dt.isoformat() if dt else None
+
+
+def _source_data(s, unread=0):
+    return {
+        'id': s.id, 'url': s.url, 'title': s.title, 'site_url': s.site_url, 'icon_url': s.icon_url,
+        'kind': s.kind, 'category': s.category, 'fulltext': s.fulltext, 'unread': unread,
+        'last_refreshed_at': _iso(s.last_refreshed_at), 'last_error': s.last_error, 'error_count': s.error_count,
+    }
+
+
+def _item_data(i, content=False):
+    d = {
+        'id': i.id, 'source': i.source_id, 'source_title': i.source.title, 'kind': i.kind,
+        'url': i.url, 'title': i.title, 'author': i.author, 'published': _iso(i.published),
+        'summary': i.summary, 'image_url': i.image_url, 'read': i.read_at is not None,
+        'starred': i.starred, 'story': i.story_id,
+    }
+    if content:
+        d['content'] = i.content
+        d['content_full'] = i.content_full
+    return d
+
+
+def _story_data(s, items):
+    items = sorted(items, key=lambda i: i.published)
+    lead = next((i for i in items if i.id == s.lead_id), items[0] if items else None)
+    return {
+        'id': s.id, 'first_at': _iso(s.first_at), 'last_at': _iso(s.last_at),
+        'size': len(items), 'sources': len({i.source_id for i in items}),
+        'category': (lead.source.category if lead else '') or CATEGORY_NONE,
+        'unread': sum(1 for i in items if i.read_at is None),
+        'lead': _item_data(lead) if lead else None,
+        'items': [_item_data(i) for i in items],
+    }
+
+
+def _stories(user, qs):
+    """Story dicts for a Story queryset (items fetched in one go)."""
+    stories = list(qs)
+    items = {}
+    for i in Item.objects.filter(story__in=stories, gone=False).select_related('source'):
+        items.setdefault(i.story_id, []).append(i)
+    return [_story_data(s, items[s.id]) for s in stories if s.id in items]
+
+
+# ---- sources
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def state(request):
+    if (err := _auth(request)):
+        return err
+    unread = dict(Item.objects.filter(user=request.user, gone=False, read_at=None)
+                  .values_list('source').annotate(n=Count('id')))
+    sources = list(Source.objects.filter(user=request.user))
+    s = refresh.settings_for(request.user)
+    since = s.news_seen_at or (timezone.now() - timedelta(days=1))
+    new_news = Story.objects.filter(user=request.user, last_at__gt=since,
+                                    items__gone=False, items__read_at=None).distinct().count()
+    return JsonResponse({
+        'sources': [_source_data(x, unread.get(x.id, 0)) for x in sources],
+        'categories': sorted({x.category for x in sources if x.kind == Source.NEWS and x.category}),
+        'news_new': new_news,
+        'blogs_unread': sum(n for sid, n in unread.items() if any(x.id == sid and x.kind == Source.BLOG for x in sources)),
+        'settings': {'news_keep_days': s.news_keep_days, 'news_seen_at': _iso(s.news_seen_at)},
+    })
+
+
+def _probe(url):
+    """(feed url, title, entries) if `url` is a feed, else ([candidate feeds], icon)."""
+    r = requests.get(url, timeout=fetch.PAGE_TIMEOUT, headers={'User-Agent': fetch.USER_AGENT})
+    r.raise_for_status()
+    ctype = r.headers.get('Content-Type', '')
+    if 'html' in ctype and b'<rss' not in r.content[:2000] and b'<feed' not in r.content[:2000]:
+        return None, fetch.discover(r.text, r.url)
+    parsed = feedparser.parse(r.content, response_headers={'content-location': r.url, **r.headers})
+    if parsed.get('bozo') and not parsed.entries and not parsed.feed.get('title'):
+        return None, ([], '')
+    return (r.url, fetch.plain(parsed.feed.get('title') or '') or r.url, parsed), None
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def discover(request):
+    """The feeds behind a URL: itself if it's a feed, else the ones the page links to."""
+    if (err := _auth(request)):
+        return err
+    body = _body(request) or {}
+    url = (body.get('url') or '').strip()
+    if not url:
+        return JsonResponse({'error': 'Adresse fehlt'}, status=400)
+    if not url.startswith(('http://', 'https://')):
+        url = 'https://' + url
+    try:
+        feed, page = _probe(url)
+        if feed is None:
+            candidates, _icon = page
+            found = []
+            for u, title in candidates[:6]:
+                try:
+                    f, _ = _probe(u)
+                except requests.RequestException:
+                    continue
+                if f:
+                    found.append(f)
+            if not found:
+                return JsonResponse({'error': 'Dort ist kein Feed zu finden.'}, status=404)
+        else:
+            found = [feed]
+    except requests.RequestException:
+        return JsonResponse({'error': 'Die Adresse ist nicht erreichbar.'}, status=502)
+    out = []
+    for u, title, parsed in found:
+        entries = parsed.entries[:5]
+        teaser = sum(1 for e in entries if fetch.is_teaser(fetch.parse_entry(e, u)['content']))
+        out.append({
+            'url': u, 'title': title,
+            'subscribed': Source.objects.filter(user=request.user, url=u).exists(),
+            'samples': [fetch.plain(e.get('title') or '') for e in entries],
+            # Many entries a day suggests news, few long ones a blog.
+            'suggested_kind': Source.NEWS if len(parsed.entries) >= 25 or teaser >= 3 else Source.BLOG,
+        })
+    return JsonResponse({'feeds': out})
+
+
+def _kind(v):
+    return v if v in (Source.NEWS, Source.BLOG) else None
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def add_source(request):
+    if (err := _auth(request)):
+        return err
+    body = _body(request) or {}
+    url = (body.get('url') or '').strip()
+    kind = _kind(body.get('kind'))
+    if not url.startswith(('http://', 'https://')) or not kind:
+        return JsonResponse({'error': 'Adresse und Art (Nachrichten/Blog) nötig'}, status=400)
+    source, created = Source.objects.get_or_create(
+        user=request.user, url=url[:1000],
+        defaults={'title': (body.get('title') or url)[:300], 'kind': kind,
+                  'category': (body.get('category') or '').strip()[:100]})
+    if created:
+        refresh.refresh([source], deadline=time.monotonic() + 25)
+        source.refresh_from_db()
+    return JsonResponse({'source': _source_data(source, source.items.filter(read_at=None, gone=False).count()),
+                         'created': created})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def add_sources(request):
+    """Many at once (an OPML file the page read); refreshed by the next run."""
+    if (err := _auth(request)):
+        return err
+    body = _body(request) or {}
+    added = 0
+    for x in body.get('sources') or []:
+        url = (x.get('url') or '').strip()
+        kind = _kind(x.get('kind'))
+        if not url.startswith(('http://', 'https://')) or not kind:
+            continue
+        _, created = Source.objects.get_or_create(
+            user=request.user, url=url[:1000],
+            defaults={'title': (x.get('title') or url)[:300], 'kind': kind,
+                      'category': (x.get('category') or '').strip()[:100]})
+        added += created
+    sources = Source.objects.filter(user=request.user, last_refreshed_at=None)
+    refresh.refresh(sources, deadline=time.monotonic() + REFRESH_WAIT)
+    return JsonResponse({'added': added})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def edit_source(request, pk):
+    if (err := _auth(request)):
+        return err
+    source = Source.objects.filter(user=request.user, pk=pk).first()
+    body = _body(request)
+    if source is None or body is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    if 'title' in body and (body['title'] or '').strip():
+        source.title = body['title'].strip()[:300]
+    if 'category' in body:
+        source.category = (body['category'] or '').strip()[:100]
+    if body.get('fulltext') in dict(Source.FULLTEXTS):
+        source.fulltext = body['fulltext']
+    new_kind = _kind(body.get('kind'))
+    if new_kind and new_kind != source.kind:
+        source.kind = new_kind
+        # Its items follow; as blog articles they leave their stories.
+        source.items.update(kind=new_kind, **({'story': None} if new_kind == Source.BLOG else {}))
+        Story.objects.filter(user=request.user).exclude(items__gone=False).delete()
+    source.save()
+    return JsonResponse({'source': _source_data(source)})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def delete_source(request, pk):
+    if (err := _auth(request)):
+        return err
+    Source.objects.filter(user=request.user, pk=pk).delete()
+    Story.objects.filter(user=request.user).exclude(items__gone=False).delete()
+    return JsonResponse({'ok': True})
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def export_opml(request):
+    if (err := _auth(request)):
+        return err
+    groups = {}
+    for s in Source.objects.filter(user=request.user).order_by('kind', 'category', 'title'):
+        label = ('Nachrichten' + (f' – {s.category}' if s.category else '')) if s.kind == Source.NEWS else 'Blogs'
+        groups.setdefault(label, []).append(s)
+    lines = ['<?xml version="1.0" encoding="UTF-8"?>', '<opml version="2.0">',
+             '<head><title>diora Feeds</title></head>', '<body>']
+    for label, sources in groups.items():
+        lines.append(f'<outline text={quoteattr(label)}>')
+        for s in sources:
+            lines.append(f'<outline type="rss" text={quoteattr(s.title)} xmlUrl={quoteattr(s.url)}'
+                         + (f' htmlUrl={quoteattr(s.site_url)}' if s.site_url else '') + '/>')
+        lines.append('</outline>')
+    lines += ['</body>', '</opml>']
+    resp = HttpResponse('\n'.join(lines), content_type='text/x-opml; charset=utf-8')
+    resp['Content-Disposition'] = 'attachment; filename="diora-feeds.opml"'
+    return resp
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def refresh_now(request):
+    if (err := _auth(request)):
+        return err
+    refreshed, failed, new = refresh.refresh(Source.objects.filter(user=request.user),
+                                             deadline=time.monotonic() + REFRESH_WAIT)
+    return JsonResponse({'refreshed': refreshed, 'failed': failed, 'new': new})
+
+
+# ---- news
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def briefing(request):
+    """Since the briefing was last seen (else the last day): the top stories
+    (reported by several sources), then the rest by section, newest first."""
+    if (err := _auth(request)):
+        return err
+    s = refresh.settings_for(request.user)
+    since = s.news_seen_at or (timezone.now() - timedelta(days=1))
+    qs = Story.objects.filter(user=request.user, last_at__gt=since,
+                              items__gone=False, items__read_at=None).distinct()
+    stories = _stories(request.user, qs)
+    stories.sort(key=lambda x: (-x['sources'], -x['size'], x['last_at']), reverse=False)
+    top = [x for x in stories if x['sources'] >= 2][:BRIEFING_TOP]
+    top_ids = {x['id'] for x in top}
+    sections = {}
+    for x in sorted(stories, key=lambda x: x['last_at'], reverse=True):
+        if x['id'] not in top_ids:
+            sections.setdefault(x['category'], []).append(x)
+    return JsonResponse({
+        'since': _iso(since), 'total': len(stories), 'top': top,
+        'sections': [{'category': c, 'count': len(v), 'stories': v[:BRIEFING_PER_CATEGORY]}
+                     for c, v in sorted(sections.items(), key=lambda kv: (kv[0] == CATEGORY_NONE, kv[0]))],
+    })
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def briefing_seen(request):
+    if (err := _auth(request)):
+        return err
+    now = timezone.now()
+    s = refresh.settings_for(request.user)
+    Item.objects.filter(user=request.user, kind=Source.NEWS, read_at=None, fetched_at__lte=now).update(read_at=now)
+    s.news_seen_at = now
+    s.save(update_fields=['news_seen_at'])
+    return JsonResponse({'news_seen_at': _iso(now)})
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def news(request):
+    if (err := _auth(request)):
+        return err
+    qs = Story.objects.filter(user=request.user, items__gone=False).distinct().order_by('-last_at')
+    before = parse_datetime(request.GET.get('before') or '')
+    if before:
+        qs = qs.filter(last_at__lt=before)
+    category = request.GET.get('category')
+    if category:
+        qs = qs.filter(lead__source__category='' if category == CATEGORY_NONE else category)
+    stories = _stories(request.user, qs[:PAGE])
+    return JsonResponse({'stories': stories, 'more': len(stories) == PAGE})
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def story(request, pk):
+    if (err := _auth(request)):
+        return err
+    found = _stories(request.user, Story.objects.filter(user=request.user, pk=pk))
+    if not found:
+        return JsonResponse({'error': 'not found'}, status=404)
+    return JsonResponse({'story': found[0]})
+
+
+# ---- blogs, items
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def blogs(request):
+    if (err := _auth(request)):
+        return err
+    qs = Item.objects.filter(user=request.user, kind=Source.BLOG, gone=False).select_related('source')
+    if request.GET.get('source', '').isdigit():
+        qs = qs.filter(source_id=int(request.GET['source']))
+    if request.GET.get('unread') == '1':
+        qs = qs.filter(read_at=None)
+    before = parse_datetime(request.GET.get('before') or '')
+    if before:
+        qs = qs.filter(published__lt=before)
+    items = list(qs.order_by('-published')[:PAGE])
+    return JsonResponse({'items': [_item_data(i) for i in items], 'more': len(items) == PAGE})
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def starred(request):
+    if (err := _auth(request)):
+        return err
+    items = Item.objects.filter(user=request.user, starred=True).select_related('source').order_by('-published')
+    return JsonResponse({'items': [_item_data(i) for i in items[:200]]})
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def item(request, pk):
+    if (err := _auth(request)):
+        return err
+    i = Item.objects.filter(user=request.user, pk=pk, gone=False).select_related('source').first()
+    if i is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    if refresh.needs_article(i, i.source):
+        refresh.load_article(i)
+    return JsonResponse({'item': _item_data(i, content=True)})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def mark_read(request):
+    if (err := _auth(request)):
+        return err
+    body = _body(request) or {}
+    ids = [int(x) for x in body.get('ids') or [] if str(x).isdigit()]
+    qs = Item.objects.filter(user=request.user, id__in=ids)
+    n = qs.update(read_at=timezone.now() if body.get('read', True) else None)
+    return JsonResponse({'updated': n})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def star(request, pk):
+    if (err := _auth(request)):
+        return err
+    body = _body(request) or {}
+    n = Item.objects.filter(user=request.user, pk=pk).update(starred=bool(body.get('starred', True)))
+    return JsonResponse({'updated': n})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def settings(request):
+    if (err := _auth(request)):
+        return err
+    body = _body(request) or {}
+    s = refresh.settings_for(request.user)
+    days = body.get('news_keep_days')
+    if isinstance(days, int) and 1 <= days <= 30:
+        s.news_keep_days = days
+        s.save(update_fields=['news_keep_days'])
+    return JsonResponse({'news_keep_days': s.news_keep_days})
diff --git a/podcasts/views.py b/podcasts/views.py
index d2f1c9d..50f3f8e 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -322,13 +322,13 @@ def _body_hash(content):
 PERMANENT_REDIRECTS = (301, 308)
 
 
-def _fetch_feed(url, etag='', last_modified='', body_hash=''):
+def _fetch_feed(url, etag='', last_modified='', body_hash='', user_agent='diora podcast refresh'):
     """Download and parse a feed (with a timeout, unlike feedparser's own
     fetch). With etag/last_modified it is a conditional GET; with body_hash a
     body like the last one counts as unchanged too (a 304), unparsed —
     parsing is what takes the time (seconds for a big feed). Returns a
     FeedFetch; raises FeedFetchError when there is nothing usable."""
-    headers = {'User-Agent': 'diora podcast refresh'}
+    headers = {'User-Agent': user_agent}
     if etag:
         headers['If-None-Match'] = etag
     if last_modified:
diff --git a/requirements.txt b/requirements.txt
index 424fcbe..c08aad3 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -19,3 +19,5 @@ packaging==26.3
 piper-tts==1.7.0
 # ffmpeg (a static binary in the wheel) finds the pauses for skipping silence in the browser.
 imageio-ffmpeg==0.6.0
+# The feed reader takes the article out of a news page (main text without menus, ads, comments).
+trafilatura==2.3.0

From 35701260e0cf565ef9a31305e7c91acd1ce6ca06 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 20:16:24 +0200
Subject: [PATCH 084/176] =?UTF-8?q?Feed-Reader:=20Tab=20=E2=80=9EFeeds?=
 =?UTF-8?q?=E2=80=9C=20mit=20Nachrichten=20(Briefing,=20Stories)=20und=20B?=
 =?UTF-8?q?logs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

static/js/feeds.js für Web, Desktop und beide Android-Apps:
- Nachrichten: „Seit letztem Mal“ (Top-Themen, dann nach Ressort, „Alles
  gelesen“), Stories nach Tag, Ressort-Filter
- Blogs: Ungelesen-Liste, je Blog filterbar, „Alle gelesen“
- Artikel im eigenen Lesemodus (Volltext, Schriftgröße, merken, alle Berichte
  einer Story), Browser nur auf Wunsch
- Feeds verwalten: Seite oder Feed suchen, als Nachrichten/Blog abonnieren,
  Ressort, Volltext-Regel, OPML-Import pro Ordner, Export, Aufbewahrung
- diora Reader (ohne Tab-Leiste) bekommt eine kleine Leiste Bücher/Feeds
Server: Feed-Namen ohne Slogan, Feeds mit einem Zeitstempel für alle Einträge
(Deutschlandfunk) zählen ab dem ersten Sehen; sw v89

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 feeds/fetch.py              |  10 +
 feeds/refresh.py            |  13 +-
 feeds/tests.py              |  13 +
 feeds/views.py              |   2 +-
 static/js/app.js            |   3 +-
 static/js/feeds.js          | 850 ++++++++++++++++++++++++++++++++++++
 static/js/sw.js             |   3 +-
 templates/radio/player.html |   6 +
 8 files changed, 894 insertions(+), 6 deletions(-)
 create mode 100644 static/js/feeds.js

diff --git a/feeds/fetch.py b/feeds/fetch.py
index b535224..4b23c75 100644
--- a/feeds/fetch.py
+++ b/feeds/fetch.py
@@ -224,6 +224,16 @@ def discover(page_html, base):
     return out, (urljoin(base, p.icon) if p.icon else '')
 
 
+def short_title(title):
+    """A feed's name without the slogan: "tagesschau.de - die erste Adresse für …"
+    -> "tagesschau.de", "Aktuell - FAZ.NET" -> "FAZ.NET", "DIE ZEIT | Nachrichten, …" -> "DIE ZEIT"."""
+    parts = [p.strip() for p in re.split(r'\s+[-–—|:]\s+', title or '') if p.strip()]
+    if len(parts) < 2:
+        return (title or '').strip()
+    branded = [p for p in parts if re.search(r'\w\.[a-z]{2,}$', p, re.I)]
+    return (branded or parts)[0]
+
+
 def site_icon(site_url):
     if not site_url:
         return ''
diff --git a/feeds/refresh.py b/feeds/refresh.py
index aa13999..d82796f 100644
--- a/feeds/refresh.py
+++ b/feeds/refresh.py
@@ -3,6 +3,7 @@ news is bundled into stories, old news expires."""
 
 import logging
 import time
+from collections import Counter
 from concurrent.futures import FIRST_COMPLETED, ThreadPoolExecutor, as_completed, wait
 from datetime import timedelta
 
@@ -41,7 +42,7 @@ def _apply(source, result, now, keep_days):
     parsed = result.parsed
     feed = parsed.feed
     if feed.get('title') and (not source.title or source.title == source.url):
-        source.title = fetch.plain(feed.title)[:300]
+        source.title = fetch.short_title(fetch.plain(feed.title))[:300]
     if feed.get('link'):
         source.site_url = feed.link[:1000]
     if not source.icon_url:
@@ -64,8 +65,14 @@ def _apply(source, result, now, keep_days):
         oldest_kept = source.items.order_by('published').values_list('published', flat=True).first()
     news_cutoff = now - timedelta(days=keep_days)
     new = []
-    for entry in parsed.entries:
-        fields = fetch.parse_entry(entry, source.url)
+    entries = [fetch.parse_entry(e, source.url) for e in parsed.entries]
+    # Some feeds (Deutschlandfunk) give every entry the time the feed was made:
+    # then the dates say nothing, and the time an entry first shows up counts.
+    stamps = Counter(f['published'] for f in entries)
+    bogus_dates = len(entries) >= 5 and stamps.most_common(1)[0][1] >= 0.8 * len(entries)
+    for fields in entries:
+        if bogus_dates:
+            fields['published'] = now
         if fields['guid_hash'] in known:
             continue
         known.add(fields['guid_hash'])
diff --git a/feeds/tests.py b/feeds/tests.py
index ee4ba97..3f0dbf8 100644
--- a/feeds/tests.py
+++ b/feeds/tests.py
@@ -49,6 +49,13 @@ class FetchTest(TestCase):
     def test_drop_repeated_headline(self):
         self.assertEqual(fetch._drop_title('<img src="x"><h1>Titel</h1><p>Text</p>'), '<img src="x"><p>Text</p>')
 
+    def test_short_title(self):
+        self.assertEqual(fetch.short_title('tagesschau.de - die erste Adresse für Nachrichten'), 'tagesschau.de')
+        self.assertEqual(fetch.short_title('Aktuell - FAZ.NET'), 'FAZ.NET')
+        self.assertEqual(fetch.short_title('DIE ZEIT | Nachrichten, News, Hintergründe'), 'DIE ZEIT')
+        self.assertEqual(fetch.short_title('Golem.de'), 'Golem.de')
+        self.assertEqual(fetch.short_title('Kotlin-Blog'), 'Kotlin-Blog')
+
     def test_discover(self):
         feeds, icon = fetch.discover('<link rel="alternate" type="application/rss+xml" href="/feed" title="F">'
                                      '<link rel="icon" href="/fav.png">', 'https://ex.org/')
@@ -150,6 +157,12 @@ class ApiTest(TestCase):
             refresh.refresh([source])
         self.assertEqual(Item.objects.filter(user=self.u, gone=False).count(), 0)
 
+    def test_feed_wide_timestamp_means_first_seen(self):
+        stamp = (timezone.now() - timedelta(hours=5)).strftime('%a, %d %b %Y %H:%M:%S +0000')
+        self.add('news', rss([{'guid': f'g{n}', 'title': f'Meldung {n}', 'text': LONG, 'date': stamp} for n in range(6)]))
+        for i in Item.objects.filter(user=self.u):
+            self.assertLess((timezone.now() - i.published).total_seconds(), 60)
+
     def test_switching_kind_moves_items(self):
         src = self.add('news', rss([{'guid': 'a', 'title': 'Etwas', 'text': LONG}]))
         self.post(f'/feeds/sources/{src["id"]}/', {'kind': 'blog'})
diff --git a/feeds/views.py b/feeds/views.py
index 5e90f11..5bb5471 100644
--- a/feeds/views.py
+++ b/feeds/views.py
@@ -137,7 +137,7 @@ def _probe(url):
     parsed = feedparser.parse(r.content, response_headers={'content-location': r.url, **r.headers})
     if parsed.get('bozo') and not parsed.entries and not parsed.feed.get('title'):
         return None, ([], '')
-    return (r.url, fetch.plain(parsed.feed.get('title') or '') or r.url, parsed), None
+    return (r.url, fetch.short_title(fetch.plain(parsed.feed.get('title') or '')) or r.url, parsed), None
 
 
 @csrf_exempt
diff --git a/static/js/app.js b/static/js/app.js
index b1c5e61..d12f1a5 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -1179,7 +1179,7 @@ async function editNotes(pk, current) {
 // Tabs
 // ---------------------------------------------------------------------------
 
-const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'ambient'];
+const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'feeds', 'ambient'];
 const RADIO_SUB_TABS = ['search', 'saved', 'history'];
 
 // ---------------------------------------------------------------------------
@@ -1238,6 +1238,7 @@ function showTab(name) {
   if (name === 'books') loadBookList();
   if (name === 'ambient') _ambientLoad();
   if (name === 'home' && window.__dioraHomeShow) window.__dioraHomeShow();   // static/js/home.js
+  if (name === 'feeds' && window.__dioraFeedsShow) window.__dioraFeedsShow(); // static/js/feeds.js
 }
 
 // ---------------------------------------------------------------------------
diff --git a/static/js/feeds.js b/static/js/feeds.js
new file mode 100644
index 0000000..c4d71ad
--- /dev/null
+++ b/static/js/feeds.js
@@ -0,0 +1,850 @@
+/*
+ * The feed reader (the server side is the feeds app, /feeds/…): the "Feeds" tab
+ * with two parts that work differently on purpose —
+ *   Nachrichten: stories (the same event from several sources is one card),
+ *     the "Seit letztem Mal" briefing on top, old news simply goes away;
+ *   Blogs: a plain list of unread articles, per blog if wanted.
+ * Articles open in the page (full text from the server), the browser only on request.
+ * Runs in the web page, the desktop app and both Android apps (in diora Reader,
+ * which has no tab bar, it brings a small Bücher/Feeds bar). Chrome-61-safe:
+ * the e-reader app transpiles it (compat61), so no ?. / ?? here.
+ */
+(function () {
+  'use strict';
+  const tab = document.getElementById('tab-feeds');
+  if (!tab) return;
+  const READER_APP = document.documentElement.classList.contains('nui-reader-app');
+
+  const st = {
+    view: 'news',          // news | blogs | manage
+    state: null,           // /feeds/state/
+    briefing: null,
+    stories: [], storiesMore: false,
+    category: '',
+    items: [], itemsMore: false,
+    blogSource: '', blogUnread: true,
+    found: null,           // discover results
+    opml: null,            // parsed OPML import
+    editing: null,         // source id being edited
+    loading: false,
+    error: '',
+  };
+  try {
+    const saved = localStorage.getItem('diora_feeds_view');
+    if (saved === 'news' || saved === 'blogs') st.view = saved;
+  } catch (e) {}
+
+  const esc = s => String(s == null ? '' : s).replace(/&/g, '&amp;').replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+
+  async function api(path, body) {
+    const opts = {credentials: 'same-origin', headers: {}};
+    if (body !== undefined) {
+      opts.method = 'POST';
+      opts.headers['Content-Type'] = 'application/json';
+      opts.body = JSON.stringify(body);
+    }
+    const r = await fetch(path, opts);
+    let data = null;
+    try { data = await r.json(); } catch (e) {}
+    if (!r.ok) throw new Error((data && data.error) || ('Fehler ' + r.status));
+    return data;
+  }
+
+  // ---- time
+
+  function when(iso) {
+    if (!iso) return '';
+    const d = new Date(iso);
+    const mins = Math.round((Date.now() - d.getTime()) / 60000);
+    if (mins < 1) return 'gerade eben';
+    if (mins < 60) return 'vor ' + mins + ' Min.';
+    if (mins < 6 * 60) return 'vor ' + Math.round(mins / 60) + ' Std.';
+    const hm = ('0' + d.getHours()).slice(-2) + ':' + ('0' + d.getMinutes()).slice(-2);
+    const day = dayLabel(d);
+    return (day === 'Heute' ? '' : day + ', ') + hm;
+  }
+
+  function dayLabel(d) {
+    const today = new Date(); today.setHours(0, 0, 0, 0);
+    const that = new Date(d.getTime()); that.setHours(0, 0, 0, 0);
+    const diff = Math.round((today - that) / 86400000);
+    if (diff === 0) return 'Heute';
+    if (diff === 1) return 'Gestern';
+    return d.toLocaleDateString('de-DE', {weekday: 'short', day: 'numeric', month: 'short'});
+  }
+
+  // ---- loading
+
+  async function loadState() {
+    st.state = await api('/feeds/state/');
+  }
+
+  async function loadNews(more) {
+    const q = [];
+    if (more && st.stories.length) q.push('before=' + encodeURIComponent(st.stories[st.stories.length - 1].last_at));
+    if (st.category) q.push('category=' + encodeURIComponent(st.category));
+    const [news, briefing] = await Promise.all([
+      api('/feeds/news/' + (q.length ? '?' + q.join('&') : '')),
+      more ? Promise.resolve(st.briefing) : api('/feeds/briefing/'),
+    ]);
+    st.stories = more ? st.stories.concat(news.stories) : news.stories;
+    st.storiesMore = news.more;
+    st.briefing = briefing;
+  }
+
+  async function loadBlogs(more) {
+    const q = [];
+    if (st.blogSource) q.push('source=' + st.blogSource);
+    if (st.blogUnread) q.push('unread=1');
+    if (more && st.items.length) q.push('before=' + encodeURIComponent(st.items[st.items.length - 1].published));
+    const data = await api('/feeds/blogs/' + (q.length ? '?' + q.join('&') : ''));
+    st.items = more ? st.items.concat(data.items) : data.items;
+    st.itemsMore = data.more;
+  }
+
+  async function load(more) {
+    st.loading = true;
+    st.error = '';
+    render();
+    try {
+      if (!more) await loadState();
+      if (st.view === 'news') await loadNews(more);
+      else if (st.view === 'blogs') await loadBlogs(more);
+    } catch (e) {
+      st.error = e.message === 'Failed to fetch' ? 'Keine Verbindung.' : e.message;
+    }
+    st.loading = false;
+    render();
+  }
+
+  // ---- rendering
+
+  function sources(kind) {
+    return ((st.state && st.state.sources) || []).filter(s => !kind || s.kind === kind);
+  }
+
+  function render() {
+    const s = st.state;
+    const newsN = s ? s.news_new : 0;
+    const blogN = s ? s.blogs_unread : 0;
+    let body;
+    if (st.view === 'manage') body = renderManage();
+    else if (!s && st.loading) body = '<p class="fd-note">Lädt …</p>';
+    else if (st.view === 'news') body = renderNews();
+    else body = renderBlogs();
+    tab.innerHTML =
+      '<div class="fd">' +
+      '<div class="fd-top">' +
+      (st.view === 'manage'
+        ? '<button type="button" class="fd-back" data-act="close-manage">‹ Zurück</button><h2 class="fd-h">Feeds verwalten</h2>'
+        : '<div class="fd-seg">' +
+          '<button type="button" data-view="news" class="' + (st.view === 'news' ? 'on' : '') + '">Nachrichten' +
+          (newsN ? ' <span class="fd-count">' + newsN + '</span>' : '') + '</button>' +
+          '<button type="button" data-view="blogs" class="' + (st.view === 'blogs' ? 'on' : '') + '">Blogs' +
+          (blogN ? ' <span class="fd-count">' + blogN + '</span>' : '') + '</button>' +
+          '</div>' +
+          '<div class="fd-actions">' +
+          '<button type="button" class="fd-icon" data-act="refresh" title="Jetzt abrufen" aria-label="Jetzt abrufen">' + (st.loading ? '…' : '↻') + '</button>' +
+          '<button type="button" class="fd-icon" data-act="manage" title="Feeds verwalten" aria-label="Feeds verwalten">⚙</button>' +
+          '</div>') +
+      '</div>' +
+      (st.error ? '<p class="fd-error">' + esc(st.error) + '</p>' : '') +
+      body + '</div>';
+  }
+
+  function storyMeta(x) {
+    const lead = x.lead || {};
+    const others = x.sources - 1;
+    return esc(lead.source_title) + (others > 0 ? ' <span class="fd-more-src">+' + others + '</span>' : '') +
+      ' · ' + esc(when(x.last_at));
+  }
+
+  function storyRow(x) {
+    const lead = x.lead || {};
+    return '<button type="button" class="fd-row' + (x.unread ? '' : ' fd-read') + '" data-story="' + x.id + '">' +
+      '<span class="fd-row-text"><span class="fd-row-title">' + esc(lead.title) + '</span>' +
+      '<span class="fd-row-meta">' + storyMeta(x) + '</span></span>' +
+      (x.sources > 1 ? '<span class="fd-badge" title="' + x.sources + ' Quellen">' + x.sources + '</span>' : '') +
+      '</button>';
+  }
+
+  function renderBriefing() {
+    const b = st.briefing;
+    if (!b || !b.total) return '';
+    let h = '<section class="fd-brief">' +
+      '<div class="fd-brief-head"><h2>Seit letztem Mal</h2>' +
+      '<span class="fd-note">' + b.total + (b.total === 1 ? ' Meldung' : ' Meldungen') + ' seit ' + esc(when(b.since)) + '</span></div>';
+    if (b.top.length) {
+      h += '<h3>Top-Themen</h3>' + b.top.map(storyRow).join('');
+    }
+    b.sections.forEach(sec => {
+      h += '<h3>' + esc(sec.category) + ' <small>' + sec.count + '</small></h3>' + sec.stories.map(storyRow).join('');
+      if (sec.count > sec.stories.length) {
+        h += '<button type="button" class="fd-link" data-cat="' + esc(sec.category) + '">' +
+          (sec.count - sec.stories.length) + ' weitere in ' + esc(sec.category) + ' ›</button>';
+      }
+    });
+    h += '<button type="button" class="btn btn-primary fd-seen" data-act="seen">Alles gelesen ✓</button></section>';
+    return h;
+  }
+
+  function renderNews() {
+    if (!sources('news').length) {
+      return '<div class="fd-empty"><p>Noch keine Nachrichtenquellen.</p>' +
+        '<button type="button" class="btn btn-primary" data-act="manage">Feed hinzufügen</button></div>';
+    }
+    const cats = (st.state.categories || []);
+    let h = renderBriefing();
+    if (cats.length > 1) {
+      h += '<div class="fd-chips">' +
+        '<button type="button" class="fd-chip' + (st.category ? '' : ' on') + '" data-cat="">Alle</button>' +
+        cats.map(c => '<button type="button" class="fd-chip' + (st.category === c ? ' on' : '') + '" data-cat="' + esc(c) + '">' + esc(c) + '</button>').join('') +
+        '</div>';
+    }
+    if (!st.stories.length) return h + '<p class="fd-note">' + (st.loading ? 'Lädt …' : 'Gerade keine Nachrichten.') + '</p>';
+    let day = '';
+    st.stories.forEach(x => {
+      const d = dayLabel(new Date(x.last_at));
+      if (d !== day) {
+        day = d;
+        h += '<h3 class="fd-day">' + esc(d) + '</h3>';
+      }
+      const lead = x.lead || {};
+      h += '<button type="button" class="fd-card' + (x.unread ? '' : ' fd-read') + '" data-story="' + x.id + '">' +
+        (lead.image_url ? '<img class="fd-thumb" loading="lazy" alt="" src="' + esc(lead.image_url) + '">' : '') +
+        '<span class="fd-card-text"><span class="fd-card-title">' + esc(lead.title) + '</span>' +
+        (lead.summary ? '<span class="fd-card-sum">' + esc(lead.summary) + '</span>' : '') +
+        '<span class="fd-row-meta">' + storyMeta(x) + '</span></span></button>';
+    });
+    if (st.storiesMore) h += '<button type="button" class="btn fd-loadmore" data-act="more">Ältere laden</button>';
+    return h;
+  }
+
+  function renderBlogs() {
+    const blogs = sources('blog');
+    if (!blogs.length) {
+      return '<div class="fd-empty"><p>Noch keine Blogs abonniert.</p>' +
+        '<button type="button" class="btn btn-primary" data-act="manage">Feed hinzufügen</button></div>';
+    }
+    let h = '<div class="fd-filter">' +
+      '<select class="search-input fd-select" data-act="blog-source"><option value="">Alle Blogs</option>' +
+      blogs.map(b => '<option value="' + b.id + '"' + (String(b.id) === String(st.blogSource) ? ' selected' : '') + '>' +
+        esc(b.title) + (b.unread ? ' (' + b.unread + ')' : '') + '</option>').join('') + '</select>' +
+      '<label class="fd-check"><input type="checkbox" data-act="blog-unread"' + (st.blogUnread ? ' checked' : '') + '> Nur ungelesene</label>' +
+      (st.items.some(i => !i.read) ? '<button type="button" class="btn fd-allread" data-act="blogs-read">Alle gelesen</button>' : '') +
+      '</div>';
+    if (!st.items.length) return h + '<p class="fd-note">' + (st.loading ? 'Lädt …' : (st.blogUnread ? 'Alles gelesen.' : 'Keine Artikel.')) + '</p>';
+    h += st.items.map(i =>
+      '<button type="button" class="fd-post' + (i.read ? ' fd-read' : '') + '" data-item="' + i.id + '">' +
+      '<span class="fd-card-title">' + (i.starred ? '★ ' : '') + esc(i.title) + '</span>' +
+      '<span class="fd-row-meta">' + esc(i.source_title) + ' · ' + esc(when(i.published)) + '</span>' +
+      (i.summary ? '<span class="fd-card-sum">' + esc(i.summary) + '</span>' : '') +
+      '</button>').join('');
+    if (st.itemsMore) h += '<button type="button" class="btn fd-loadmore" data-act="more">Ältere laden</button>';
+    return h;
+  }
+
+  function kindSelect(name, value) {
+    return '<select class="search-input" name="' + name + '">' +
+      '<option value="news"' + (value === 'news' ? ' selected' : '') + '>Nachrichten</option>' +
+      '<option value="blog"' + (value === 'blog' ? ' selected' : '') + '>Blog</option></select>';
+  }
+
+  function categoryInput(value) {
+    const cats = (st.state && st.state.categories) || [];
+    return '<input class="search-input" name="category" list="fd-cats" placeholder="Ressort, z. B. Politik" value="' + esc(value || '') + '">' +
+      '<datalist id="fd-cats">' + cats.map(c => '<option value="' + esc(c) + '">').join('') + '</datalist>';
+  }
+
+  function renderManage() {
+    const s = st.state || {sources: [], settings: {}};
+    let h = '<section class="fd-box"><h3>Feed hinzufügen</h3>' +
+      '<form class="fd-add" data-form="discover"><input class="search-input" name="url" type="url" inputmode="url" ' +
+      'placeholder="Adresse einer Seite oder eines Feeds" required>' +
+      '<button class="btn btn-primary" type="submit">Suchen</button></form>';
+    if (st.found) {
+      h += st.found.map((f, n) =>
+        '<form class="fd-found" data-form="subscribe" data-n="' + n + '">' +
+        '<div class="fd-found-title">' + esc(f.title) + '</div><div class="fd-note fd-url">' + esc(f.url) + '</div>' +
+        (f.samples.length ? '<ul class="fd-samples">' + f.samples.slice(0, 3).map(t => '<li>' + esc(t) + '</li>').join('') + '</ul>' : '') +
+        (f.subscribed ? '<p class="fd-note">Schon abonniert.</p>' :
+          '<div class="fd-grid"><label>Art ' + kindSelect('kind', f.suggested_kind) + '</label>' +
+          '<label class="fd-cat-field">Ressort (Nachrichten) ' + categoryInput('') + '</label></div>' +
+          '<button class="btn btn-primary" type="submit">Abonnieren</button>') +
+        '</form>').join('');
+    }
+    h += '</section>';
+
+    const news = s.sources.filter(x => x.kind === 'news');
+    const blogs = s.sources.filter(x => x.kind === 'blog');
+    const group = (title, list) => !list.length ? '' :
+      '<section class="fd-box"><h3>' + title + ' <small>' + list.length + '</small></h3>' +
+      list.map(x => x.id === st.editing ? editForm(x) :
+        '<button type="button" class="fd-src" data-edit="' + x.id + '">' +
+        '<span class="fd-src-title">' + esc(x.title) + '</span>' +
+        '<span class="fd-row-meta">' + (x.kind === 'news' ? esc(x.category || 'Allgemein') + ' · ' : '') +
+        (x.unread ? x.unread + ' ungelesen' : '') +
+        (x.error_count >= 3 ? ' <span class="fd-warn" title="' + esc(x.last_error) + '">⚠ Abruf schlägt fehl</span>' : '') +
+        '</span></button>').join('') + '</section>';
+    h += group('Nachrichten', news.sort((a, b) => (a.category || '').localeCompare(b.category || '') || a.title.localeCompare(b.title)));
+    h += group('Blogs', blogs);
+
+    h += '<section class="fd-box"><h3>Import &amp; Einstellungen</h3>' +
+      '<label class="btn fd-file">OPML importieren …<input type="file" accept=".opml,.xml,text/xml,text/x-opml" data-act="opml" hidden></label> ' +
+      (window.DioraNative ? '' : '<a class="btn" href="/feeds/export.opml">OPML exportieren</a>');
+    if (st.opml) h += renderOpml();
+    const keep = (s.settings && s.settings.news_keep_days) || 2;
+    h += '<label class="fd-keep">Nachrichten behalten: <select class="search-input" data-act="keep">' +
+      [1, 2, 3, 5, 7, 14].map(d => '<option value="' + d + '"' + (d === keep ? ' selected' : '') + '>' + d + (d === 1 ? ' Tag' : ' Tage') + '</option>').join('') +
+      '</select></label><p class="fd-note">Ältere Nachrichten verschwinden von selbst (gemerkte bleiben). Blogartikel bleiben, bis sie gelesen sind.</p></section>';
+    return h;
+  }
+
+  function editForm(x) {
+    return '<form class="fd-edit" data-form="edit" data-id="' + x.id + '">' +
+      '<label>Name <input class="search-input" name="title" value="' + esc(x.title) + '"></label>' +
+      '<div class="fd-note fd-url">' + esc(x.url) + '</div>' +
+      (x.last_error ? '<p class="fd-warn">Letzter Fehler: ' + esc(x.last_error) + '</p>' : '') +
+      '<div class="fd-grid"><label>Art ' + kindSelect('kind', x.kind) + '</label>' +
+      '<label class="fd-cat-field">Ressort ' + categoryInput(x.category) + '</label>' +
+      '<label>Ganzer Artikel <select class="search-input" name="fulltext">' +
+      [['auto', 'Automatisch'], ['always', 'Immer holen'], ['never', 'Nur Feed-Text']].map(o =>
+        '<option value="' + o[0] + '"' + (x.fulltext === o[0] ? ' selected' : '') + '>' + o[1] + '</option>').join('') +
+      '</select></label></div>' +
+      '<div class="fd-buttons"><button class="btn btn-primary" type="submit">Speichern</button>' +
+      '<button class="btn" type="button" data-act="cancel-edit">Abbrechen</button>' +
+      '<button class="btn btn-danger" type="button" data-act="delete" data-id="' + x.id + '">Abbestellen</button></div></form>';
+  }
+
+  function renderOpml() {
+    const groups = st.opml;
+    const n = groups.reduce((a, g) => a + (g.kind === 'skip' ? 0 : g.feeds.length), 0);
+    return '<div class="fd-opml"><p class="fd-note">Was ist was? Pro Ordner:</p>' +
+      groups.map((g, i) =>
+        '<div class="fd-opml-row"><span>' + esc(g.name || 'Ohne Ordner') + ' <small>(' + g.feeds.length + ')</small></span>' +
+        '<select class="search-input" data-opml="' + i + '">' +
+        [['news', 'Nachrichten'], ['blog', 'Blogs'], ['skip', 'Nicht übernehmen']].map(o =>
+          '<option value="' + o[0] + '"' + (g.kind === o[0] ? ' selected' : '') + '>' + o[1] + '</option>').join('') +
+        '</select></div>').join('') +
+      '<button type="button" class="btn btn-primary" data-act="opml-import"' + (n ? '' : ' disabled') + '>' + n + ' Feeds übernehmen</button> ' +
+      '<button type="button" class="btn" data-act="opml-cancel">Abbrechen</button></div>';
+  }
+
+  // ---- OPML
+
+  function parseOpml(text) {
+    const doc = new DOMParser().parseFromString(text, 'text/xml');
+    const groups = {};
+    const order = [];
+    Array.prototype.forEach.call(doc.querySelectorAll('outline[xmlUrl], outline[xmlurl]'), o => {
+      const url = o.getAttribute('xmlUrl') || o.getAttribute('xmlurl');
+      const parent = o.parentNode && o.parentNode.nodeName.toLowerCase() === 'outline' ? o.parentNode : null;
+      const name = parent ? (parent.getAttribute('text') || parent.getAttribute('title') || '') : '';
+      if (!groups[name]) {
+        groups[name] = {name, feeds: [],
+          kind: /nachricht|news|politik|zeitung|presse|aktuell|welt|wirtschaft|tech/i.test(name) ? 'news' : 'blog'};
+        order.push(name);
+      }
+      groups[name].feeds.push({url, title: o.getAttribute('title') || o.getAttribute('text') || url});
+    });
+    return order.map(n => groups[n]);
+  }
+
+  // ---- article view
+
+  let reader = null;      // the overlay element
+  let readerList = [];    // what "next" walks through (blog items)
+  let readerStory = null;
+  let readerItem = null;
+
+  function fontSize() {
+    let v = 18;
+    try { v = parseInt(localStorage.getItem('diora_feeds_font') || '18', 10) || 18; } catch (e) {}
+    return Math.max(14, Math.min(26, v));
+  }
+
+  function ensureReader() {
+    if (reader) return reader;
+    reader = document.createElement('div');
+    reader.id = 'fd-article';
+    reader.hidden = true;
+    reader.addEventListener('click', onReaderClick);
+    document.body.appendChild(reader);
+    return reader;
+  }
+
+  function readerOpen() {
+    return !!(reader && !reader.hidden);
+  }
+
+  function closeReader() {
+    if (!reader) return;
+    reader.hidden = true;
+    reader.innerHTML = '';
+    document.documentElement.classList.remove('fd-reading');
+    readerItem = readerStory = null;
+    render();
+  }
+
+  async function openItem(id, story) {
+    ensureReader();
+    readerStory = story || null;
+    reader.hidden = false;
+    document.documentElement.classList.add('fd-reading');
+    reader.innerHTML = readerShell('<p class="fd-note">Lädt …</p>');
+    reader.scrollTop = 0;
+    try {
+      const data = await api('/feeds/items/' + id + '/');
+      readerItem = data.item;
+      reader.innerHTML = readerShell(articleHtml(readerItem));
+      reader.scrollTop = 0;
+      if (!readerItem.read) {
+        readerItem.read = true;
+        markLocal([id], true);
+        api('/feeds/items/read/', {ids: [id], read: true}).catch(() => {});
+      }
+    } catch (e) {
+      reader.innerHTML = readerShell('<p class="fd-error">' + esc(e.message === 'Failed to fetch' ? 'Keine Verbindung.' : e.message) + '</p>');
+    }
+  }
+
+  function readerShell(inner) {
+    const i = readerItem;
+    return '<div class="fd-art-bar">' +
+      '<button type="button" class="fd-icon" data-r="close" aria-label="Zurück" title="Zurück">‹</button>' +
+      '<span class="fd-art-src">' + esc(i ? i.source_title : '') + '</span>' +
+      '<button type="button" class="fd-icon" data-r="font" aria-label="Schriftgröße" title="Schriftgröße">Aa</button>' +
+      (i ? '<button type="button" class="fd-icon' + (i.starred ? ' on' : '') + '" data-r="star" aria-label="Merken" title="Merken">' + (i.starred ? '★' : '☆') + '</button>' : '') +
+      (i && i.url ? '<a class="fd-icon" href="' + esc(i.url) + '" target="_blank" rel="noopener" aria-label="Im Browser öffnen" title="Im Browser öffnen">↗</a>' : '') +
+      '</div><div class="fd-art" style="font-size:' + fontSize() + 'px">' + inner + '</div>';
+  }
+
+  function articleHtml(i) {
+    let h = '';
+    const story = readerStory;
+    if (story && story.items.length > 1) {
+      h += '<div class="fd-sources"><span class="fd-note">' + story.items.length + ' Berichte:</span>' +
+        story.items.map(x => '<button type="button" class="fd-chip' + (x.id === i.id ? ' on' : '') + '" data-r="item" data-id="' + x.id + '">' +
+          esc(x.source_title) + '</button>').join('') + '</div>';
+    }
+    h += '<h1 class="fd-art-title">' + esc(i.title) + '</h1>' +
+      '<p class="fd-art-meta">' + [i.author, i.source_title, when(i.published)].filter(Boolean).map(esc).join(' · ') + '</p>';
+    const content = i.content || '';
+    if (i.image_url && content.indexOf(i.image_url) < 0) h += '<img class="fd-art-img" alt="" src="' + esc(i.image_url) + '">';
+    h += '<div class="fd-art-body">' + (content || '<p>' + esc(i.summary) + '</p>') + '</div>';
+    if (!i.content_full && i.url && (content.replace(/<[^>]+>/g, '').length < 700)) {
+      h += '<p class="fd-note">Der Feed bringt nur einen Anriss, der ganze Artikel ließ sich nicht laden.</p>';
+    }
+    if (story && story.items.length > 1) {
+      h += '<h3 class="fd-art-more">Weitere Berichte</h3>' + story.items.filter(x => x.id !== i.id).map(x =>
+        '<button type="button" class="fd-other" data-r="item" data-id="' + x.id + '">' +
+        '<span class="fd-other-title">' + esc(x.title) + '</span>' +
+        '<span class="fd-row-meta">' + esc(x.source_title) + ' · ' + esc(when(x.published)) + '</span></button>').join('');
+    }
+    h += '<div class="fd-art-foot">';
+    if (i.url) h += '<a class="btn" href="' + esc(i.url) + '" target="_blank" rel="noopener">Original öffnen ↗</a>';
+    const next = nextItem(i);
+    if (next) h += '<button type="button" class="btn btn-primary" data-r="item" data-id="' + next.id + '">Nächster Artikel ›</button>';
+    h += '</div>';
+    return h;
+  }
+
+  function nextItem(i) {
+    if (readerStory) return null;
+    const list = readerList;
+    const at = list.findIndex(x => x.id === i.id);
+    for (let n = at + 1; n < list.length; n++) if (!list[n].read) return list[n];
+    return null;
+  }
+
+  function markLocal(ids, read) {
+    st.items.forEach(i => { if (ids.indexOf(i.id) >= 0) i.read = read; });
+    st.stories.forEach(s => {
+      s.items.forEach(i => { if (ids.indexOf(i.id) >= 0) i.read = read; });
+      s.unread = s.items.filter(i => !i.read).length;
+    });
+  }
+
+  function onReaderClick(e) {
+    const b = e.target.closest('[data-r]');
+    if (!b) {
+      // Links in the article open outside (the app hands them to the browser).
+      const a = e.target.closest('.fd-art-body a[href]');
+      if (a) { a.target = '_blank'; a.rel = 'noopener'; }
+      return;
+    }
+    const r = b.dataset.r;
+    if (r === 'close') closeReader();
+    else if (r === 'item') openItem(parseInt(b.dataset.id, 10), readerStory);
+    else if (r === 'font') {
+      let v = fontSize() + 2;
+      if (v > 26) v = 14;
+      try { localStorage.setItem('diora_feeds_font', String(v)); } catch (err) {}
+      const art = reader.querySelector('.fd-art');
+      if (art) art.style.fontSize = v + 'px';
+    } else if (r === 'star' && readerItem) {
+      readerItem.starred = !readerItem.starred;
+      api('/feeds/items/' + readerItem.id + '/star/', {starred: readerItem.starred}).catch(() => {});
+      b.textContent = readerItem.starred ? '★' : '☆';
+      b.classList.toggle('on', readerItem.starred);
+      st.items.forEach(i => { if (i.id === readerItem.id) i.starred = readerItem.starred; });
+    }
+  }
+
+  async function openStory(id) {
+    let story = st.stories.find(x => x.id === id);
+    if (!story && st.briefing) {
+      const all = [].concat(st.briefing.top, ...st.briefing.sections.map(s => s.stories));
+      story = all.find(x => x.id === id);
+    }
+    if (!story) return;
+    readerList = [];
+    const lead = story.lead || story.items[0];
+    // Opening a story reads it: all its reports count as read.
+    const unread = story.items.filter(i => !i.read).map(i => i.id);
+    if (unread.length) {
+      markLocal(unread, true);
+      story.unread = 0;
+      api('/feeds/items/read/', {ids: unread, read: true}).catch(() => {});
+    }
+    openItem(lead.id, story);
+  }
+
+  // ---- events
+
+  tab.addEventListener('click', async e => {
+    const t = e.target.closest('[data-view],[data-act],[data-story],[data-item],[data-cat],[data-edit]');
+    if (!t || t.tagName === 'SELECT' || (t.tagName === 'INPUT' && t.type !== 'button')) return;
+    if (t.dataset.view) {
+      st.view = t.dataset.view;
+      try { localStorage.setItem('diora_feeds_view', st.view); } catch (err) {}
+      load();
+      return;
+    }
+    if (t.dataset.story) return openStory(parseInt(t.dataset.story, 10));
+    if (t.dataset.item) {
+      readerList = st.items;
+      return openItem(parseInt(t.dataset.item, 10), null);
+    }
+    if (t.dataset.cat !== undefined && !t.dataset.act) {
+      st.category = t.dataset.cat;
+      window.scrollTo(0, 0);
+      return load();
+    }
+    if (t.dataset.edit) {
+      st.editing = parseInt(t.dataset.edit, 10);
+      return render();
+    }
+    const act = t.dataset.act;
+    if (act === 'refresh') {
+      if (st.loading) return;
+      st.loading = true;
+      render();
+      try { await api('/feeds/refresh/', {}); } catch (err) {}
+      return load();
+    }
+    if (act === 'manage') {
+      st.view = 'manage';
+      st.found = null;
+      window.scrollTo(0, 0);
+      if (!st.state) await loadState().catch(() => {});
+      return render();
+    }
+    if (act === 'close-manage') {
+      try { st.view = localStorage.getItem('diora_feeds_view') || 'news'; } catch (err) { st.view = 'news'; }
+      st.editing = null;
+      st.opml = null;
+      return load();
+    }
+    if (act === 'seen') {
+      t.disabled = true;
+      try { await api('/feeds/briefing/seen/', {}); } catch (err) {}
+      return load();
+    }
+    if (act === 'more') return load(true);
+    if (act === 'blogs-read') {
+      const ids = st.items.filter(i => !i.read).map(i => i.id);
+      if (!ids.length) return;
+      await api('/feeds/items/read/', {ids, read: true}).catch(() => {});
+      return load();
+    }
+    if (act === 'cancel-edit') {
+      st.editing = null;
+      return render();
+    }
+    if (act === 'delete') {
+      const src = sources().find(x => x.id === parseInt(t.dataset.id, 10));
+      const ok = typeof customConfirm === 'function'
+        ? await customConfirm('„' + (src ? src.title : 'Feed') + '“ abbestellen? Seine Artikel verschwinden mit.', {danger: true})
+        : window.confirm('Abbestellen?');
+      if (!ok) return;
+      await api('/feeds/sources/' + t.dataset.id + '/delete/', {}).catch(() => {});
+      st.editing = null;
+      await loadState().catch(() => {});
+      return render();
+    }
+    if (act === 'opml-cancel') {
+      st.opml = null;
+      return render();
+    }
+    if (act === 'opml-import') {
+      const list = [];
+      st.opml.forEach(g => {
+        if (g.kind === 'skip') return;
+        g.feeds.forEach(f => list.push({url: f.url, title: f.title, kind: g.kind, category: g.kind === 'news' ? g.name : ''}));
+      });
+      t.disabled = true;
+      t.textContent = 'Wird übernommen …';
+      try {
+        const r = await api('/feeds/sources/bulk/', {sources: list});
+        st.opml = null;
+        st.error = '';
+        await loadState();
+        render();
+        if (typeof customAlert === 'function') customAlert(r.added + ' Feeds übernommen.');
+      } catch (err) {
+        st.error = err.message;
+        render();
+      }
+    }
+  });
+
+  tab.addEventListener('change', async e => {
+    const t = e.target;
+    if (t.dataset.act === 'blog-source') { st.blogSource = t.value; return load(); }
+    if (t.dataset.act === 'blog-unread') { st.blogUnread = t.checked; return load(); }
+    if (t.dataset.act === 'keep') {
+      await api('/feeds/settings/', {news_keep_days: parseInt(t.value, 10)}).catch(() => {});
+      return;
+    }
+    if (t.dataset.opml !== undefined) {
+      st.opml[parseInt(t.dataset.opml, 10)].kind = t.value;
+      return render();
+    }
+    if (t.dataset.act === 'opml' && t.files && t.files[0]) {
+      // FileReader rather than File.text(): the e-reader's Chrome 61 lacks the latter.
+      const text = await new Promise((resolve, reject) => {
+        const fr = new FileReader();
+        fr.onload = () => resolve(fr.result);
+        fr.onerror = () => reject(fr.error);
+        fr.readAsText(t.files[0]);
+      });
+      const groups = parseOpml(text);
+      st.opml = groups.length ? groups : null;
+      st.error = groups.length ? '' : 'In der Datei sind keine Feeds.';
+      render();
+    }
+  });
+
+  tab.addEventListener('submit', async e => {
+    e.preventDefault();
+    const f = e.target;
+    const btn = f.querySelector('[type=submit]');
+    if (btn) btn.disabled = true;
+    try {
+      if (f.dataset.form === 'discover') {
+        st.found = null;
+        st.error = '';
+        if (btn) btn.textContent = 'Sucht …';
+        const r = await api('/feeds/discover/', {url: f.url.value});
+        st.found = r.feeds;
+      } else if (f.dataset.form === 'subscribe') {
+        const found = st.found[parseInt(f.dataset.n, 10)];
+        if (btn) btn.textContent = 'Lädt Artikel …';
+        await api('/feeds/sources/add/', {url: found.url, title: found.title, kind: f.kind.value,
+          category: f.kind.value === 'news' ? f.category.value : ''});
+        found.subscribed = true;
+        await loadState();
+      } else if (f.dataset.form === 'edit') {
+        await api('/feeds/sources/' + f.dataset.id + '/', {title: f.title.value, kind: f.kind.value,
+          category: f.category.value, fulltext: f.fulltext.value});
+        st.editing = null;
+        await loadState();
+      }
+      st.error = '';
+    } catch (err) {
+      st.error = err.message;
+    }
+    render();
+  });
+
+  // The Ressort field only means something for news.
+  tab.addEventListener('input', e => {
+    if (e.target.name !== 'kind') return;
+    const form = e.target.form;
+    const cat = form && form.querySelector('.fd-cat-field');
+    if (cat) cat.style.display = e.target.value === 'news' ? '' : 'none';
+  });
+
+  // ---- showing the tab
+
+  let shownAt = 0;
+  window.__dioraFeedsShow = function () {
+    // Back after a while: fresh state (new briefing); otherwise as it was.
+    if (!st.state || Date.now() - shownAt > 5 * 60000) load();
+    else render();
+    shownAt = Date.now();
+  };
+  // What other parts (Home) may show: the briefing and the unread blog posts.
+  window.__dioraFeedsSummary = async function () {
+    const [state, briefing] = await Promise.all([api('/feeds/state/'), api('/feeds/briefing/')]);
+    return {state, briefing};
+  };
+  window.__dioraFeedsOpenStory = function (story) {
+    if (!st.stories.some(x => x.id === story.id)) st.stories.push(story);
+    openStory(story.id);
+  };
+
+  setInterval(() => {
+    if (tab.style.display !== 'none' && !readerOpen() && st.view !== 'manage' && !st.loading) load();
+  }, 10 * 60000);
+
+  // Back (Android): the article, then the management page, then (diora Reader) to the books.
+  const back = window.__dioraBack;
+  window.__dioraBack = function () {
+    if (readerOpen()) { closeReader(); return true; }
+    if (tab.style.display !== 'none' && st.view === 'manage') {
+      tab.querySelector('[data-act="close-manage"]').click();
+      return true;
+    }
+    if (back && back()) return true;
+    if (READER_APP && typeof _currentTopTab !== 'undefined' && _currentTopTab === 'feeds') {
+      showTab('books');
+      return true;
+    }
+    return false;
+  };
+  document.addEventListener('keydown', e => {
+    if (e.key === 'Escape' && readerOpen()) closeReader();
+  });
+
+  // diora Reader has no tab bar of its own: a small one for books and feeds.
+  if (READER_APP && !document.getElementById('nui-tabbar')) {
+    const dock = document.createElement('div');
+    dock.id = 'nui-dock';
+    dock.innerHTML = '<nav id="nui-tabbar">' +
+      '<button type="button" data-tab="books"><span class="nui-tab-icon">▤</span>Bücher</button>' +
+      '<button type="button" data-tab="feeds"><span class="nui-tab-icon">☰</span>Feeds</button></nav>';
+    document.body.appendChild(dock);
+    const mark = () => dock.querySelectorAll('button').forEach(b =>
+      b.classList.toggle('nui-active', typeof _currentTopTab !== 'undefined' && b.dataset.tab === _currentTopTab));
+    dock.addEventListener('click', e => {
+      const b = e.target.closest('button');
+      if (!b) return;
+      showTab(b.dataset.tab);
+      window.scrollTo(0, 0);
+    });
+    const orig = window.showTab;
+    window.showTab = function (name) {
+      orig.apply(this, arguments);
+      mark();
+    };
+    document.documentElement.style.setProperty('--nui-dock-h', '56px');
+    const overlay = document.getElementById('reader-overlay');
+    if (overlay) {
+      new MutationObserver(() => document.documentElement.classList.toggle('nui-reading', overlay.style.display !== 'none'))
+        .observe(overlay, {attributes: true, attributeFilter: ['style']});
+    }
+    mark();
+  }
+
+  // ---- styles
+
+  const style = document.createElement('style');
+  style.textContent = [
+    '#tab-feeds .fd { max-width: 760px; margin: 0 auto; padding-bottom: 24px; }',
+    '#tab-feeds .fd-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 4px 0 14px; }',
+    '#tab-feeds .fd-seg { display: flex; border: 1px solid var(--border, #2a2a2a); border-radius: 6px; overflow: hidden; }',
+    '#tab-feeds .fd-seg button { background: none; border: none; color: inherit; font: inherit; padding: 9px 14px; cursor: pointer; }',
+    '#tab-feeds .fd-seg button.on { background: var(--accent, #e63946); color: #fff; }',
+    '#tab-feeds .fd-count { display: inline-block; min-width: 18px; padding: 0 5px; border-radius: 9px; background: rgba(255,255,255,0.18); font-size: 11px; text-align: center; }',
+    '#tab-feeds .fd-actions { display: flex; gap: 4px; }',
+    '.fd-icon { background: none; border: none; color: inherit; font: inherit; font-size: 20px; min-width: 40px; min-height: 40px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }',
+    '.fd-icon.on { color: var(--accent, #e63946); }',
+    '#tab-feeds .fd-back { background: none; border: none; color: inherit; font: inherit; padding: 8px 0; cursor: pointer; }',
+    '#tab-feeds .fd-h { margin: 0; font-size: 15px; }',
+    '.fd-note { color: var(--nui-muted, #9a9a9a); font-size: 13px; font-weight: 400; }',
+    '.fd-error, .fd-warn { color: var(--accent, #e63946); font-size: 13px; }',
+    '#tab-feeds .fd-empty { text-align: center; padding: 40px 0; }',
+    '#tab-feeds h3 { margin: 18px 0 6px; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted, #9a9a9a); }',
+    '#tab-feeds h3 small { font-size: 11px; }',
+    '#tab-feeds .fd-brief { border: 1px solid var(--border, #2a2a2a); border-radius: 6px; padding: 12px 14px 14px; margin-bottom: 18px; background: #0b0b0b; }',
+    '#tab-feeds .fd-brief-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; }',
+    '#tab-feeds .fd-brief-head h2 { margin: 0; font-size: 16px; color: var(--accent, #e63946); }',
+    '#tab-feeds .fd-seen { width: 100%; margin-top: 14px; min-height: 42px; }',
+    '#tab-feeds .fd-row { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 0; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+    '#tab-feeds .fd-row-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }',
+    '#tab-feeds .fd-row-title { font-size: 14px; line-height: 1.35; }',
+    '.fd-row-meta { font-size: 12px; font-weight: 400; color: var(--nui-muted, #9a9a9a); }',
+    '#tab-feeds .fd-more-src { color: var(--accent, #e63946); }',
+    '#tab-feeds .fd-badge { flex: none; min-width: 26px; height: 26px; border-radius: 13px; background: var(--accent, #e63946); color: #fff; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; }',
+    '#tab-feeds .fd-link { background: none; border: none; color: var(--nui-muted, #9a9a9a); font: inherit; font-size: 12px; padding: 8px 0; cursor: pointer; }',
+    '#tab-feeds .fd-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; align-items: center; }',
+    // The reports of a story: one row that scrolls sideways, however many there are.
+    '.fd-sources { display: flex; gap: 6px; margin: 4px -18px 10px; padding: 0 18px; align-items: center; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }',
+    '.fd-sources::-webkit-scrollbar { display: none; }',
+    '.fd-sources .fd-chip { flex: none; }',
+    '#fd-article .fd-art-more { font-family: var(--font); margin: 30px 0 4px; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted, #9a9a9a); }',
+    '#fd-article .fd-other { display: flex; flex-direction: column; gap: 3px; width: 100%; padding: 10px 0; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; font-size: 0.85em; text-align: left; cursor: pointer; }',
+    '#fd-article .fd-other-title { font-weight: 600; line-height: 1.35; }',
+    '.fd-chip { padding: 6px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 16px; background: none; color: inherit; font: inherit; font-size: 13px; cursor: pointer; }',
+    '.fd-chip.on { border-color: var(--accent, #e63946); color: var(--accent, #e63946); }',
+    '#tab-feeds .fd-day { margin-top: 16px; }',
+    '#tab-feeds .fd-card { display: flex; gap: 12px; width: 100%; padding: 12px 0; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+    '#tab-feeds .fd-thumb { width: 92px; height: 66px; flex: none; object-fit: cover; border-radius: 4px; background: #1a1a1a; order: 2; }',
+    '#tab-feeds .fd-card-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }',
+    '#tab-feeds .fd-card-title { font-size: 15px; font-weight: 700; line-height: 1.35; }',
+    '#tab-feeds .fd-card-sum { font-size: 13px; font-weight: 400; line-height: 1.4; color: var(--nui-muted, #bdbdbd); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }',
+    '#tab-feeds .fd-read .fd-card-title, #tab-feeds .fd-read .fd-row-title { font-weight: 400; color: var(--nui-muted, #9a9a9a); }',
+    '#tab-feeds .fd-post { display: flex; flex-direction: column; gap: 4px; width: 100%; padding: 12px 0; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+    '#tab-feeds .fd-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 8px; }',
+    '#tab-feeds .fd-select { max-width: 60%; }',
+    '#tab-feeds .fd-check { font-size: 13px; display: inline-flex; gap: 6px; align-items: center; }',
+    '#tab-feeds .fd-allread { margin-left: auto; }',
+    '#tab-feeds .fd-loadmore { width: 100%; margin-top: 14px; }',
+    '#tab-feeds .fd-box { border: 1px solid var(--border, #2a2a2a); border-radius: 6px; padding: 4px 14px 14px; margin-bottom: 14px; }',
+    '#tab-feeds .fd-add { display: flex; gap: 8px; }',
+    '#tab-feeds .fd-add input { flex: 1; min-width: 0; }',
+    '#tab-feeds .fd-found, #tab-feeds .fd-edit { border-top: 1px solid var(--border, #2a2a2a); margin-top: 12px; padding-top: 10px; display: flex; flex-direction: column; gap: 8px; }',
+    '#tab-feeds .fd-found-title { font-weight: 700; }',
+    '#tab-feeds .fd-url { word-break: break-all; }',
+    '#tab-feeds .fd-samples { margin: 0; padding-left: 18px; font-size: 13px; font-weight: 400; }',
+    '#tab-feeds .fd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; }',
+    '#tab-feeds .fd-grid label, #tab-feeds .fd-edit > label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--nui-muted, #9a9a9a); }',
+    '#tab-feeds .fd-buttons { display: flex; flex-wrap: wrap; gap: 8px; }',
+    '#tab-feeds .fd-src { display: flex; flex-direction: column; gap: 2px; width: 100%; padding: 10px 0; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+    '#tab-feeds .fd-opml { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }',
+    '#tab-feeds .fd-opml-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; }',
+    '#tab-feeds .fd-keep { display: flex; align-items: center; gap: 8px; margin-top: 14px; }',
+    '#tab-feeds .fd-file { display: inline-block; }',
+    // The article: a page over everything, like the book reader.
+    '#fd-article { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 900; background: var(--bg, #000); color: var(--fg, #fff); overflow-y: auto; -webkit-overflow-scrolling: touch; }',
+    '#fd-article[hidden] { display: none; }',
+    '#fd-article .fd-art-bar { position: sticky; top: 0; display: flex; align-items: center; gap: 2px; padding: 4px 6px; background: var(--bg, #000); border-bottom: 1px solid var(--border, #2a2a2a); padding-top: calc(4px + env(safe-area-inset-top, 0px)); }',
+    '#fd-article .fd-art-src { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: var(--nui-muted, #9a9a9a); }',
+    '#fd-article .fd-art { max-width: 68ch; margin: 0 auto; padding: 12px 18px 48px; font-family: "Source Serif 4", Georgia, serif; font-weight: 380; line-height: 1.65; }',
+    '#fd-article .fd-art-title { font-size: 1.45em; line-height: 1.25; margin: 10px 0 6px; font-weight: 700; }',
+    '#fd-article .fd-art-meta { font-family: var(--font); font-size: 12px; color: var(--nui-muted, #9a9a9a); margin: 0 0 14px; }',
+    '#fd-article .fd-art-img, #fd-article .fd-art-body img { display: block; max-width: 100%; height: auto; margin: 12px auto; border-radius: 4px; }',
+    '#fd-article .fd-art-body a { color: var(--accent, #e63946); }',
+    '#fd-article .fd-art-body figure { margin: 12px 0; }',
+    '#fd-article .fd-art-body figcaption { font-size: 0.8em; color: var(--nui-muted, #9a9a9a); }',
+    '#fd-article .fd-art-body blockquote { margin: 12px 0; padding-left: 14px; border-left: 3px solid var(--border, #444); }',
+    '#fd-article .fd-art-body pre { white-space: pre-wrap; font-size: 0.85em; }',
+    '#fd-article .fd-art-body table { display: block; overflow-x: auto; border-collapse: collapse; font-size: 0.85em; }',
+    '#fd-article .fd-art-body td, #fd-article .fd-art-body th { border: 1px solid var(--border, #333); padding: 4px 6px; }',
+    '#fd-article .fd-sources { font-family: var(--font); }',
+    '#fd-article .fd-art-foot { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin-top: 28px; font-family: var(--font); }',
+    'html.fd-reading #nui-dock { display: none; }',
+    '@media (hover: hover) { #tab-feeds .fd-card:hover, #tab-feeds .fd-row:hover, #tab-feeds .fd-post:hover, #tab-feeds .fd-src:hover { background: #111; } }',
+    // Bright pages and e-ink: black on white, no grey boxes, no thumbnails to flicker.
+    'body.bright-bg #tab-feeds .fd-brief, body.eink #tab-feeds .fd-brief { background: #fff; }',
+    'body.eink #tab-feeds .fd-thumb { display: none; }',
+    'body.eink #tab-feeds .fd-seg button.on, body.eink #tab-feeds .fd-badge { background: #000; color: #fff; }',
+    'body.eink .fd-row-meta, body.eink .fd-note, body.eink #tab-feeds .fd-card-sum, body.eink #tab-feeds .fd-read .fd-card-title, body.eink #tab-feeds .fd-read .fd-row-title { color: #333; }',
+    'body.eink #fd-article, body.eink #fd-article .fd-art-bar { background: #fff; color: #000; }',
+    'body.eink #fd-article .fd-art-body a, body.eink .fd-chip.on, body.eink .fd-icon.on, body.eink #tab-feeds .fd-brief-head h2 { color: #000; }',
+  ].join('\n');
+  document.head.appendChild(style);
+})();
diff --git a/static/js/sw.js b/static/js/sw.js
index e347250..a35056d 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,12 +2,13 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v88';
+const CACHE = 'diora-v89';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
   '/static/js/podcasts-web.js',
   '/static/js/home.js',
+  '/static/js/feeds.js',
   '/static/podcasts/native-podcast.js',
   '/static/podcasts/podcast-ui.css',
   '/static/podcasts/podcasts-web.css',
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 25356cd..07474ad 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -53,6 +53,7 @@
   <button class="tab-btn" onclick="showTab('focus')">Fokus</button>
   <button class="tab-btn" onclick="showTab('podcasts')">Podcasts</button>
   <button class="tab-btn" onclick="showTab('books')">Bücher</button>
+  <button class="tab-btn" onclick="showTab('feeds')"{% if not user.is_authenticated %} style="display:none;"{% endif %}>Feeds</button>
   <button class="tab-btn" onclick="showTab('ambient')">Ambient</button>
 </div>
 
@@ -261,6 +262,10 @@
 {% comment %}Filled by static/js/home.js: the book in reading, the next episode, stations, Ambient.{% endcomment %}
 <section class="tab-panel" id="tab-home" style="display:none;"></section>
 
+<!-- ===== FEEDS TAB ===== -->
+{% comment %}The feed reader, news and blogs: filled by static/js/feeds.js.{% endcomment %}
+<section class="tab-panel" id="tab-feeds" style="display:none;"></section>
+
 <!-- ===== AMBIENT TAB ===== -->
 {% comment %}"Drift", a generative ambient synthesizer (static/ambient/), in a frame of its own: its
    script and styles stay apart from the page's. Loaded the first time the tab opens.{% endcomment %}
@@ -345,4 +350,5 @@
 <script src="/static/js/app.js"></script>
 <script src="/static/js/podcasts-web.js"></script>
 <script src="/static/js/home.js"></script>
+<script src="/static/js/feeds.js"></script>
 {% endblock %}

From 1a17c75c1be8ee05f7776f0d7b43a699068c8509 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 20:22:56 +0200
Subject: [PATCH 085/176] =?UTF-8?q?Home:=20Karte=20=E2=80=9ENachrichten?=
 =?UTF-8?q?=E2=80=9C=20mit=20den=20Top-Themen=20seit=20dem=20letzten=20Mal?=
 =?UTF-8?q?,=20neue=20Meldungen=20und=20Blogartikel;=20sw=20v90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/home.js | 73 ++++++++++++++++++++++++++++++++++++++++++++---
 static/js/sw.js   |  2 +-
 2 files changed, 70 insertions(+), 5 deletions(-)

diff --git a/static/js/home.js b/static/js/home.js
index a689d20..e50cf7f 100644
--- a/static/js/home.js
+++ b/static/js/home.js
@@ -1,11 +1,11 @@
 /**
  * diora Home: what you were in the middle of, one click away — the book you're
- * reading, the next episode, your stations, Ambient.
+ * reading, the next episode, the news, your stations, Ambient.
  *
  * Built only from what the page already has: the book list (app.js), the
  * podcast host (window.DioraPodcastHost in the browser and diora desktop,
  * window.DioraNative in the Android app), the saved stations in the radio tab
- * and Drift (app.js __dioraAmbient*). Renders into #tab-home; the same file runs
+ * Drift (app.js __dioraAmbient*) and the feed reader (feeds.js __dioraFeeds*). Renders into #tab-home; the same file runs
  * in the browser, diora desktop and the Android app (copied with static/js/).
  * Written without ?. and ?? so old WebViews can still parse it.
  */
@@ -125,6 +125,56 @@
       button + '</div>';
   }
 
+  // ---- Nachrichten --------------------------------------------------------------
+
+  // The briefing comes from the server, so it's fetched now and then, not every render.
+  let feeds = null;
+  let feedsAt = 0;
+  let feedsBusy = false;
+
+  function refreshFeeds(maxAgeMs) {
+    if (typeof window.__dioraFeedsSummary !== 'function' || feedsBusy || !online()) return;
+    if (Date.now() - feedsAt < maxAgeMs) return;
+    feedsBusy = true;
+    window.__dioraFeedsSummary().then(r => { feeds = r; }, () => {}).then(() => {
+      feedsAt = Date.now();
+      feedsBusy = false;
+      render();
+    });
+  }
+
+  function feedsSection() {
+    if (!document.getElementById('tab-feeds') || !feeds || !feeds.state) return '';
+    const s = feeds.state;
+    const sources = s.sources || [];
+    if (!sources.length) return '';
+    const hasNews = sources.some(x => x.kind === 'news');
+    const top = ((feeds.briefing && feeds.briefing.top) || []).slice(0, 4);
+    let body = '';
+    if (top.length) {
+      body = '<div class="home-card home-news">' + top.map(x => {
+        const lead = x.lead || {};
+        return '<button type="button" class="home-row home-story" data-act="story" data-id="' + esc(x.id) + '">' +
+          '<span class="home-story-title">' + esc(lead.title) + '</span>' +
+          '<span class="home-row-side">' + esc(lead.source_title) + (x.sources > 1 ? ' +' + (x.sources - 1) : '') + '</span></button>';
+      }).join('') + '</div>';
+    } else if (hasNews) {
+      body = '<div class="home-card home-empty">' + (s.news_new ? 'Keine Top-Themen seit dem letzten Mal.' : 'Nichts Neues seit dem letzten Mal.') + '</div>';
+    }
+    const chips = (s.news_new ? '<button type="button" class="home-chip" data-act="feeds" data-view="news">' +
+        s.news_new + (s.news_new === 1 ? ' neue Meldung' : ' neue Meldungen') + '</button>' : '') +
+      (s.blogs_unread ? '<button type="button" class="home-chip" data-act="feeds" data-view="blogs">' +
+        s.blogs_unread + (s.blogs_unread === 1 ? ' neuer Blogartikel' : ' neue Blogartikel') + '</button>' : '');
+    if (!body && !chips) return '';
+    return section(hasNews ? 'Nachrichten' : 'Blogs', body + (chips ? '<div class="home-chips">' + chips + '</div>' : ''), 'feeds');
+  }
+
+  function openFeeds(view) {
+    showTab('feeds');
+    const b = view && document.querySelector('#tab-feeds [data-view="' + view + '"]:not(.on)');
+    if (b) b.click();
+  }
+
   // ---- Radio ------------------------------------------------------------------
 
   function stationRows() {
@@ -205,7 +255,8 @@
       tab.appendChild(host);
     }
     let html = '<div class="home-brand">diora</div>';
-    for (const part of [booksSection, podcastSection, radioSection, ambientSection]) {
+    refreshFeeds(3 * 60000);
+    for (const part of [booksSection, podcastSection, feedsSection, radioSection, ambientSection]) {
       try { html += part(); } catch (e) { console.warn('home', e); }
     }
     if (html !== lastHtml) {
@@ -230,6 +281,12 @@
     const h = podHost();
     if (act === 'tab') showTab(el.dataset.tab);
     else if (act === 'book') openBook(Number(el.dataset.id));
+    else if (act === 'story') {
+      const id = Number(el.dataset.id);
+      const story = feeds && feeds.briefing && (feeds.briefing.top || []).find(x => x.id === id);
+      if (story && window.__dioraFeedsOpenStory) { window.__dioraFeedsOpenStory(story); feedsAt = 0; }
+      else openFeeds('news');
+    } else if (act === 'feeds') { openFeeds(el.dataset.view); feedsAt = 0; }
     else if (act === 'station') playStationFromHome(el.dataset.url, el.dataset.name);
     else if (act === 'pod-queue' && h) {
       const q = (parse(h.podcastState(), {}).queue || [])[0];
@@ -250,7 +307,10 @@
   });
 
   // Fresh whenever it shows, and while it shows (players move on, the book list arrives).
-  window.__dioraHomeShow = render;
+  window.__dioraHomeShow = function () {
+    refreshFeeds(30000);
+    render();
+  };
   if (typeof window.renderBookList === 'function') {
     const renderBookList = window.renderBookList;
     window.renderBookList = function () {
@@ -292,6 +352,11 @@
     '#tab-home .home-row { display: flex; justify-content: space-between; gap: 12px; width: 100%; padding: 10px 14px; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; font-size: 14px; text-align: left; }',
     '#tab-home .home-row-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
     '#tab-home .home-row-side { flex: none; color: var(--nui-muted, #9a9a9a); font-size: 12px; }',
+    '#tab-home .home-news { flex-direction: column; align-items: stretch; gap: 0; padding: 4px 0; }',
+    '#tab-home .home-story { align-items: baseline; }',
+    '#tab-home .home-news .home-story:last-child { border-bottom: none; }',
+    '#tab-home .home-story-title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.35; }',
+    '#tab-home .home-story .home-row-side { max-width: 35%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
     '#tab-home .home-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }',
     '#tab-home .home-chip { padding: 6px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 16px; background: none; color: inherit; font: inherit; font-size: 13px; cursor: pointer; }',
     '#tab-home .home-stations { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index a35056d..98827c7 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v89';
+const CACHE = 'diora-v90';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From c8e03f343e5e12eec554584cc92e2828bcaf1414 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 20:54:29 +0200
Subject: [PATCH 086/176] =?UTF-8?q?Feeds:=20Ordner=20f=C3=BCr=20Blogs,=20B?=
 =?UTF-8?q?logs=20ohne=20Datum=20in=20Feed-Reihenfolge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Die Kategorie eines Blogs ist sein Ordner: Ordner-Chips mit Ungelesen-Zahl in
  der Blog-Ansicht, /feeds/blogs/?folder=, Ordner im OPML-Export und -Import
- Neue Feeds ohne (brauchbare) Daten: die Reihenfolge des Feeds gilt als Zeit,
  nur die ersten 3 ungelesen; ein neuer Blog bringt 7 statt 14 Tage ungelesen
- sw v91

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 feeds/fetch.py     |  8 +++++---
 feeds/refresh.py   | 22 +++++++++++++-------
 feeds/tests.py     | 23 +++++++++++++++++++--
 feeds/views.py     |  8 ++++++--
 static/js/feeds.js | 51 +++++++++++++++++++++++++++++++++-------------
 static/js/sw.js    |  2 +-
 6 files changed, 85 insertions(+), 29 deletions(-)

diff --git a/feeds/fetch.py b/feeds/fetch.py
index 4b23c75..6963692 100644
--- a/feeds/fetch.py
+++ b/feeds/fetch.py
@@ -68,7 +68,7 @@ def _short(text, n=SUMMARY_CHARS):
 
 
 def _when(entry):
-    """The entry's time (published, else updated), never in the future."""
+    """The entry's time (published, else updated), never in the future, or None."""
     now = timezone.now()
     for key in ('published_parsed', 'updated_parsed', 'created_parsed'):
         t = entry.get(key)
@@ -78,7 +78,7 @@ def _when(entry):
             except (OverflowError, ValueError, TypeError):
                 continue
             return min(when, now)
-    return now
+    return None
 
 
 class _FirstImage(HTMLParser):
@@ -131,12 +131,14 @@ def parse_entry(entry, feed_url):
     text = plain(content)
     summary = plain(summary_html) or text
     title = plain(html.unescape(entry.get('title') or '')) or _short(text, 80) or 'Ohne Titel'
+    when = _when(entry)
     return {
         'guid_hash': guid_hash(entry),
         'url': link[:2000],
         'title': title[:500],
         'author': plain(entry.get('author') or '')[:300],
-        'published': _when(entry),
+        'published': when or timezone.now(),
+        'dated': when is not None,  # not an Item field: refresh._apply uses and drops it
         'summary': _short(summary),
         'content': content,
         'image_url': _image(entry, content_html, base)[:2000],
diff --git a/feeds/refresh.py b/feeds/refresh.py
index d82796f..ee2cf48 100644
--- a/feeds/refresh.py
+++ b/feeds/refresh.py
@@ -22,7 +22,8 @@ FEED_WORKERS = 12
 ARTICLE_WORKERS = 8
 ARTICLES_PER_RUN = 80        # articles fetched per refresh at most; the rest when opened
 BLOG_KEEP = 1000             # items kept per blog
-BLOG_FIRST_UNREAD_DAYS = 14  # a new blog's older articles start out read
+BLOG_FIRST_UNREAD_DAYS = 7   # a new blog's older articles start out read
+UNDATED_FIRST_UNREAD = 3     # of a new feed without dates, only the first few
 GONE_KEEP_DAYS = 30          # expired news rows kept (without text) against re-adding
 
 
@@ -68,11 +69,16 @@ def _apply(source, result, now, keep_days):
     entries = [fetch.parse_entry(e, source.url) for e in parsed.entries]
     # Some feeds (Deutschlandfunk) give every entry the time the feed was made:
     # then the dates say nothing, and the time an entry first shows up counts.
-    stamps = Counter(f['published'] for f in entries)
-    bogus_dates = len(entries) >= 5 and stamps.most_common(1)[0][1] >= 0.8 * len(entries)
-    for fields in entries:
-        if bogus_dates:
-            fields['published'] = now
+    stamps = Counter(f['published'] for f in entries if f['dated'])
+    bogus_dates = len(entries) >= 5 and bool(stamps) and stamps.most_common(1)[0][1] >= 0.8 * len(entries)
+    for n, fields in enumerate(entries):
+        dated = fields.pop('dated')
+        undated = bogus_dates or not dated
+        if undated:
+            # First time: the feed's order stands for the time (newest first), so the
+            # list doesn't fill up with "just now"; afterwards, when it showed up.
+            fields['published'] = now - timedelta(minutes=n) if first else now
+            fields['undated'] = first and n >= UNDATED_FIRST_UNREAD
         if fields['guid_hash'] in known:
             continue
         known.add(fields['guid_hash'])
@@ -80,8 +86,10 @@ def _apply(source, result, now, keep_days):
             continue
         if oldest_kept and fields['published'] < oldest_kept:
             continue
+        old_undated = fields.pop('undated', False)
         item = Item(source=source, user=source.user, kind=source.kind, **fields)
-        if source.kind == Source.BLOG and first and fields['published'] < now - timedelta(days=BLOG_FIRST_UNREAD_DAYS):
+        if source.kind == Source.BLOG and first and (
+                old_undated or fields['published'] < now - timedelta(days=BLOG_FIRST_UNREAD_DAYS)):
             item.read_at = now
         new.append(item)
     if new:
diff --git a/feeds/tests.py b/feeds/tests.py
index 3f0dbf8..e482caf 100644
--- a/feeds/tests.py
+++ b/feeds/tests.py
@@ -142,6 +142,16 @@ class ApiTest(TestCase):
         self.post(f'/feeds/items/{item.id}/star/', {'starred': True})
         self.assertEqual(len(self.client.get('/feeds/starred/').json()['items']), 1)
 
+    def test_blog_folders(self):
+        with mock.patch('feeds.refresh._fetch_feed', return_value=fetched(rss([{'guid': 'x', 'title': 'Essay', 'text': LONG}]))):
+            self.post('/feeds/sources/add/', {'url': 'https://a.example/feed', 'kind': 'blog', 'category': 'Philosophie'})
+        with mock.patch('feeds.refresh._fetch_feed', return_value=fetched(rss([{'guid': 'y', 'title': 'Code', 'text': LONG}]))):
+            self.post('/feeds/sources/add/', {'url': 'https://b.example/feed', 'kind': 'blog', 'category': ''})
+        self.assertEqual(self.client.get('/feeds/state/').json()['folders'], ['Philosophie'])
+        self.assertEqual([i['title'] for i in self.client.get('/feeds/blogs/?folder=Philosophie').json()['items']], ['Essay'])
+        self.assertEqual([i['title'] for i in self.client.get('/feeds/blogs/?folder=').json()['items']], ['Code'])
+        self.assertIn('text="Blogs – Philosophie"', self.client.get('/feeds/export.opml').content.decode())
+
     def test_old_news_expires_and_is_not_taken_in_again(self):
         old = (timezone.now() - timedelta(days=3)).strftime('%a, %d %b %Y %H:%M:%S +0000')
         feed = rss([{'guid': 'new', 'title': 'Heute passiert', 'text': LONG},
@@ -161,7 +171,16 @@ class ApiTest(TestCase):
         stamp = (timezone.now() - timedelta(hours=5)).strftime('%a, %d %b %Y %H:%M:%S +0000')
         self.add('news', rss([{'guid': f'g{n}', 'title': f'Meldung {n}', 'text': LONG, 'date': stamp} for n in range(6)]))
         for i in Item.objects.filter(user=self.u):
-            self.assertLess((timezone.now() - i.published).total_seconds(), 60)
+            self.assertLess((timezone.now() - i.published).total_seconds(), 600)  # first fetch: feed order, minutes apart
+
+    def test_new_blog_without_dates_keeps_order_and_few_unread(self):
+        feed = (b'<?xml version="1.0"?><rss version="2.0"><channel><title>Undatiert</title>'
+                + b''.join(b'<item><guid>u%d</guid><title>Post %d</title><description>x</description></item>' % (n, n)
+                           for n in range(6)) + b'</channel></rss>')
+        self.add('blog', feed)
+        items = list(Item.objects.filter(user=self.u).order_by('-published'))
+        self.assertEqual([i.title for i in items], [f'Post {n}' for n in range(6)])
+        self.assertEqual(sum(1 for i in items if i.read_at is None), 3)
 
     def test_switching_kind_moves_items(self):
         src = self.add('news', rss([{'guid': 'a', 'title': 'Etwas', 'text': LONG}]))
@@ -185,7 +204,7 @@ class ApiTest(TestCase):
         self.add('blog', rss([]), url='https://blog.example/feed')
         r = self.client.get('/feeds/export.opml')
         self.assertIn(b'xmlUrl="https://blog.example/feed"', r.content)
-        self.assertIn(b'text="Blogs"', r.content)
+        self.assertIn('text="Blogs – Politik"', r.content.decode())
 
     def test_settings(self):
         self.post('/feeds/settings/', {'news_keep_days': 5})
diff --git a/feeds/views.py b/feeds/views.py
index 5bb5471..31fccf3 100644
--- a/feeds/views.py
+++ b/feeds/views.py
@@ -12,7 +12,7 @@ News:      GET  /feeds/briefing/              what's new since the briefing was
            POST /feeds/briefing/seen/         seen: everything up to now counts as read
            GET  /feeds/news/?before=&category=  stories, newest first
            GET  /feeds/stories/<id>/          one story with all its items
-Blogs:     GET  /feeds/blogs/?source=&unread=1&before=
+Blogs:     GET  /feeds/blogs/?folder=&source=&unread=1&before=   (a blog's category is its folder)
 Items:     GET  /feeds/items/<id>/            the article (fetches the page if the feed had a teaser)
            POST /feeds/items/read/            {ids, read}
            POST /feeds/items/<id>/star/       {starred}
@@ -121,6 +121,7 @@ def state(request):
     return JsonResponse({
         'sources': [_source_data(x, unread.get(x.id, 0)) for x in sources],
         'categories': sorted({x.category for x in sources if x.kind == Source.NEWS and x.category}),
+        'folders': sorted({x.category for x in sources if x.kind == Source.BLOG and x.category}),
         'news_new': new_news,
         'blogs_unread': sum(n for sid, n in unread.items() if any(x.id == sid and x.kind == Source.BLOG for x in sources)),
         'settings': {'news_keep_days': s.news_keep_days, 'news_seen_at': _iso(s.news_seen_at)},
@@ -274,7 +275,8 @@ def export_opml(request):
         return err
     groups = {}
     for s in Source.objects.filter(user=request.user).order_by('kind', 'category', 'title'):
-        label = ('Nachrichten' + (f' – {s.category}' if s.category else '')) if s.kind == Source.NEWS else 'Blogs'
+        kind = 'Nachrichten' if s.kind == Source.NEWS else 'Blogs'
+        label = kind + (f' – {s.category}' if s.category else '')
         groups.setdefault(label, []).append(s)
     lines = ['<?xml version="1.0" encoding="UTF-8"?>', '<opml version="2.0">',
              '<head><title>diora Feeds</title></head>', '<body>']
@@ -378,6 +380,8 @@ def blogs(request):
     qs = Item.objects.filter(user=request.user, kind=Source.BLOG, gone=False).select_related('source')
     if request.GET.get('source', '').isdigit():
         qs = qs.filter(source_id=int(request.GET['source']))
+    elif 'folder' in request.GET:
+        qs = qs.filter(source__category=request.GET['folder'])
     if request.GET.get('unread') == '1':
         qs = qs.filter(read_at=None)
     before = parse_datetime(request.GET.get('before') or '')
diff --git a/static/js/feeds.js b/static/js/feeds.js
index c4d71ad..2d85db2 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -23,6 +23,7 @@
     category: '',
     items: [], itemsMore: false,
     blogSource: '', blogUnread: true,
+    blogFolder: null,      // null = all blogs, '' = blogs without a folder, else a folder name
     found: null,           // discover results
     opml: null,            // parsed OPML import
     editing: null,         // source id being edited
@@ -96,6 +97,7 @@
   async function loadBlogs(more) {
     const q = [];
     if (st.blogSource) q.push('source=' + st.blogSource);
+    else if (st.blogFolder !== null) q.push('folder=' + encodeURIComponent(st.blogFolder));
     if (st.blogUnread) q.push('unread=1');
     if (more && st.items.length) q.push('before=' + encodeURIComponent(st.items[st.items.length - 1].published));
     const data = await api('/feeds/blogs/' + (q.length ? '?' + q.join('&') : ''));
@@ -227,9 +229,23 @@
       return '<div class="fd-empty"><p>Noch keine Blogs abonniert.</p>' +
         '<button type="button" class="btn btn-primary" data-act="manage">Feed hinzufügen</button></div>';
     }
-    let h = '<div class="fd-filter">' +
-      '<select class="search-input fd-select" data-act="blog-source"><option value="">Alle Blogs</option>' +
-      blogs.map(b => '<option value="' + b.id + '"' + (String(b.id) === String(st.blogSource) ? ' selected' : '') + '>' +
+    // Folders (a blog's category): chips with their unread count.
+    const folders = (st.state.folders || []);
+    const unreadIn = f => blogs.filter(b => (b.category || '') === f).reduce((n, b) => n + b.unread, 0);
+    const total = blogs.reduce((n, b) => n + b.unread, 0);
+    let h = '';
+    if (folders.length) {
+      const chip = (value, label, n) => '<button type="button" class="fd-chip' + (st.blogFolder === value ? ' on' : '') +
+        '" data-folder="' + (value === null ? '*' : esc(value)) + '">' + esc(label) + (n ? ' <small>' + n + '</small>' : '') + '</button>';
+      h += '<div class="fd-chips">' + chip(null, 'Alle', total) +
+        folders.map(f => chip(f, f, unreadIn(f))).join('') +
+        (blogs.some(b => !b.category) ? chip('', 'Ohne Ordner', unreadIn('')) : '') + '</div>';
+    }
+    const shown = st.blogFolder === null ? blogs : blogs.filter(b => (b.category || '') === st.blogFolder);
+    h += '<div class="fd-filter">' +
+      '<select class="search-input fd-select" data-act="blog-source"><option value="">' +
+      (st.blogFolder === null ? 'Alle Blogs' : 'Alle in ' + esc(st.blogFolder || 'Ohne Ordner')) + '</option>' +
+      shown.map(b => '<option value="' + b.id + '"' + (String(b.id) === String(st.blogSource) ? ' selected' : '') + '>' +
         esc(b.title) + (b.unread ? ' (' + b.unread + ')' : '') + '</option>').join('') + '</select>' +
       '<label class="fd-check"><input type="checkbox" data-act="blog-unread"' + (st.blogUnread ? ' checked' : '') + '> Nur ungelesene</label>' +
       (st.items.some(i => !i.read) ? '<button type="button" class="btn fd-allread" data-act="blogs-read">Alle gelesen</button>' : '') +
@@ -252,8 +268,8 @@
   }
 
   function categoryInput(value) {
-    const cats = (st.state && st.state.categories) || [];
-    return '<input class="search-input" name="category" list="fd-cats" placeholder="Ressort, z. B. Politik" value="' + esc(value || '') + '">' +
+    const cats = ((st.state && st.state.categories) || []).concat((st.state && st.state.folders) || []);
+    return '<input class="search-input" name="category" list="fd-cats" placeholder="z. B. Politik / Philosophie" value="' + esc(value || '') + '">' +
       '<datalist id="fd-cats">' + cats.map(c => '<option value="' + esc(c) + '">').join('') + '</datalist>';
   }
 
@@ -270,7 +286,7 @@
         (f.samples.length ? '<ul class="fd-samples">' + f.samples.slice(0, 3).map(t => '<li>' + esc(t) + '</li>').join('') + '</ul>' : '') +
         (f.subscribed ? '<p class="fd-note">Schon abonniert.</p>' :
           '<div class="fd-grid"><label>Art ' + kindSelect('kind', f.suggested_kind) + '</label>' +
-          '<label class="fd-cat-field">Ressort (Nachrichten) ' + categoryInput('') + '</label></div>' +
+          '<label class="fd-cat-field">' + (f.suggested_kind === 'news' ? 'Ressort' : 'Ordner') + ' ' + categoryInput('') + '</label></div>' +
           '<button class="btn btn-primary" type="submit">Abonnieren</button>') +
         '</form>').join('');
     }
@@ -283,12 +299,12 @@
       list.map(x => x.id === st.editing ? editForm(x) :
         '<button type="button" class="fd-src" data-edit="' + x.id + '">' +
         '<span class="fd-src-title">' + esc(x.title) + '</span>' +
-        '<span class="fd-row-meta">' + (x.kind === 'news' ? esc(x.category || 'Allgemein') + ' · ' : '') +
+        '<span class="fd-row-meta">' + (x.kind === 'news' ? esc(x.category || 'Allgemein') + ' · ' : (x.category ? esc(x.category) + ' · ' : '')) +
         (x.unread ? x.unread + ' ungelesen' : '') +
         (x.error_count >= 3 ? ' <span class="fd-warn" title="' + esc(x.last_error) + '">⚠ Abruf schlägt fehl</span>' : '') +
         '</span></button>').join('') + '</section>';
     h += group('Nachrichten', news.sort((a, b) => (a.category || '').localeCompare(b.category || '') || a.title.localeCompare(b.title)));
-    h += group('Blogs', blogs);
+    h += group('Blogs', blogs.sort((a, b) => (a.category || '~').localeCompare(b.category || '~') || a.title.localeCompare(b.title)));
 
     h += '<section class="fd-box"><h3>Import &amp; Einstellungen</h3>' +
       '<label class="btn fd-file">OPML importieren …<input type="file" accept=".opml,.xml,text/xml,text/x-opml" data-act="opml" hidden></label> ' +
@@ -307,7 +323,7 @@
       '<div class="fd-note fd-url">' + esc(x.url) + '</div>' +
       (x.last_error ? '<p class="fd-warn">Letzter Fehler: ' + esc(x.last_error) + '</p>' : '') +
       '<div class="fd-grid"><label>Art ' + kindSelect('kind', x.kind) + '</label>' +
-      '<label class="fd-cat-field">Ressort ' + categoryInput(x.category) + '</label>' +
+      '<label class="fd-cat-field">' + (x.kind === 'news' ? 'Ressort' : 'Ordner') + ' ' + categoryInput(x.category) + '</label>' +
       '<label>Ganzer Artikel <select class="search-input" name="fulltext">' +
       [['auto', 'Automatisch'], ['always', 'Immer holen'], ['never', 'Nur Feed-Text']].map(o =>
         '<option value="' + o[0] + '"' + (x.fulltext === o[0] ? ' selected' : '') + '>' + o[1] + '</option>').join('') +
@@ -514,7 +530,7 @@
   // ---- events
 
   tab.addEventListener('click', async e => {
-    const t = e.target.closest('[data-view],[data-act],[data-story],[data-item],[data-cat],[data-edit]');
+    const t = e.target.closest('[data-view],[data-act],[data-story],[data-item],[data-cat],[data-edit],[data-folder]');
     if (!t || t.tagName === 'SELECT' || (t.tagName === 'INPUT' && t.type !== 'button')) return;
     if (t.dataset.view) {
       st.view = t.dataset.view;
@@ -522,6 +538,12 @@
       load();
       return;
     }
+    if (t.dataset.folder !== undefined) {
+      st.blogFolder = t.dataset.folder === '*' ? null : t.dataset.folder;
+      st.blogSource = '';
+      window.scrollTo(0, 0);
+      return load();
+    }
     if (t.dataset.story) return openStory(parseInt(t.dataset.story, 10));
     if (t.dataset.item) {
       readerList = st.items;
@@ -592,7 +614,7 @@
       const list = [];
       st.opml.forEach(g => {
         if (g.kind === 'skip') return;
-        g.feeds.forEach(f => list.push({url: f.url, title: f.title, kind: g.kind, category: g.kind === 'news' ? g.name : ''}));
+        g.feeds.forEach(f => list.push({url: f.url, title: f.title, kind: g.kind, category: g.name}));
       });
       t.disabled = true;
       t.textContent = 'Wird übernommen …';
@@ -653,7 +675,7 @@
         const found = st.found[parseInt(f.dataset.n, 10)];
         if (btn) btn.textContent = 'Lädt Artikel …';
         await api('/feeds/sources/add/', {url: found.url, title: found.title, kind: f.kind.value,
-          category: f.kind.value === 'news' ? f.category.value : ''});
+          category: f.category.value});
         found.subscribed = true;
         await loadState();
       } else if (f.dataset.form === 'edit') {
@@ -669,12 +691,12 @@
     render();
   });
 
-  // The Ressort field only means something for news.
+  // The same field is the Ressort of news and the folder of a blog.
   tab.addEventListener('input', e => {
     if (e.target.name !== 'kind') return;
     const form = e.target.form;
     const cat = form && form.querySelector('.fd-cat-field');
-    if (cat) cat.style.display = e.target.value === 'news' ? '' : 'none';
+    if (cat && cat.firstChild) cat.firstChild.nodeValue = (e.target.value === 'news' ? 'Ressort' : 'Ordner') + ' ';
   });
 
   // ---- showing the tab
@@ -790,6 +812,7 @@
     '#fd-article .fd-other-title { font-weight: 600; line-height: 1.35; }',
     '.fd-chip { padding: 6px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 16px; background: none; color: inherit; font: inherit; font-size: 13px; cursor: pointer; }',
     '.fd-chip.on { border-color: var(--accent, #e63946); color: var(--accent, #e63946); }',
+    '.fd-chip small { color: var(--nui-muted, #9a9a9a); font-size: 11px; }',
     '#tab-feeds .fd-day { margin-top: 16px; }',
     '#tab-feeds .fd-card { display: flex; gap: 12px; width: 100%; padding: 12px 0; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; text-align: left; cursor: pointer; }',
     '#tab-feeds .fd-thumb { width: 92px; height: 66px; flex: none; object-fit: cover; border-radius: 4px; background: #1a1a1a; order: 2; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index 98827c7..725d6f1 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v90';
+const CACHE = 'diora-v91';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From bc1b7cb25eb142e77af0747f627521f1c5b1380d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 21:24:59 +0200
Subject: [PATCH 087/176] =?UTF-8?q?Feeds:=20Abo-Anmeldung=20f=C3=BCr=20Sei?=
 =?UTF-8?q?ten=20mit=20Bezahlschranke=20(junge=20Welt)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- In den Einstellungen einer Quelle: Zugangsdaten der Seite; der Server prüft
  die Anmeldung sofort, speichert das Passwort verschlüsselt (Fernet, Schlüssel
  aus SECRET_KEY) und gibt es nie wieder heraus
- Artikel werden mit der angemeldeten Sitzung geholt; hinter der Bezahlschranke
  bleibt der freie Teil (paywalled) und wird nach der Anmeldung neu geholt
- Adapter je Seite (feeds/logins.py), zuerst jungewelt.de
- sw v92

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 feeds/fetch.py                                |  17 +-
 feeds/logins.py                               | 167 ++++++++++++++++++
 .../0002_item_paywalled_sitelogin.py          |  37 ++++
 feeds/models.py                               |  17 ++
 feeds/refresh.py                              |  52 +++++-
 feeds/tests.py                                |  88 ++++++++-
 feeds/urls.py                                 |   2 +
 feeds/views.py                                |  48 ++++-
 requirements.txt                              |   2 +
 static/js/feeds.js                            |  44 ++++-
 static/js/sw.js                               |   2 +-
 11 files changed, 454 insertions(+), 22 deletions(-)
 create mode 100644 feeds/logins.py
 create mode 100644 feeds/migrations/0002_item_paywalled_sitelogin.py

diff --git a/feeds/fetch.py b/feeds/fetch.py
index 6963692..7c3f050 100644
--- a/feeds/fetch.py
+++ b/feeds/fetch.py
@@ -154,19 +154,24 @@ def _drop_title(html_text):
     return re.sub(r'^\s*(<img[^>]*>\s*)?<h1>.*?</h1>', lambda m: m.group(1) or '', html_text, count=1, flags=re.S)
 
 
-def fetch_article(url):
-    """The article on `url` as (clean HTML, image URL), or None. trafilatura
-    finds the main text and leaves out navigation, ads, comments."""
+def fetch_article(url, http=None):
+    """The article on `url` as (clean HTML, image URL, paywalled), or None.
+    trafilatura finds the main text and leaves out navigation, ads, comments.
+    `http`: a logged-in session for a paywalled site (logins.py); paywalled
+    says the page showed only the free part anyway."""
     import trafilatura  # heavy import, only where articles are fetched
+    from .logins import adapter_for
 
     try:
-        r = requests.get(url, timeout=PAGE_TIMEOUT, headers={'User-Agent': USER_AGENT})
+        r = (http or requests).get(url, timeout=PAGE_TIMEOUT, headers={'User-Agent': USER_AGENT})
     except requests.RequestException as e:
         log.info('article %s: %s', url, type(e).__name__)
         return None
     if r.status_code >= 400 or 'html' not in r.headers.get('Content-Type', 'text/html'):
         return None
     page = r.text
+    adapter = adapter_for(r.url)
+    paywalled = bool(adapter and adapter.paywalled(page))
     try:
         body = trafilatura.extract(page, url=r.url, output_format='html', include_images=True,
                                    include_links=True, include_tables=True, favor_precision=True)
@@ -177,7 +182,7 @@ def fetch_article(url):
         return None
     body = re.sub(r'^\s*<html>\s*<body>|</body>\s*</html>\s*$', '', body.strip())
     content = clean_html(_drop_title(body), r.url)
-    if len(plain(content)) < 200:
+    if len(plain(content)) < 200 and not paywalled:
         return None
     image = ''
     try:
@@ -185,7 +190,7 @@ def fetch_article(url):
         image = (meta.image if meta else '') or ''
     except Exception:
         pass
-    return content, image
+    return content, image, paywalled
 
 
 # ---- finding a site's feed
diff --git a/feeds/logins.py b/feeds/logins.py
new file mode 100644
index 0000000..9d2c171
--- /dev/null
+++ b/feeds/logins.py
@@ -0,0 +1,167 @@
+"""Subscriber logins for sites behind a paywall (junge Welt …).
+
+The account holder enters the site's username and password in the feed's
+settings; the server logs in with them and fetches the articles as a
+subscriber. The password is stored encrypted (Fernet, key derived from
+SECRET_KEY — a copy of the database alone doesn't reveal it) and never
+handed out again. Each supported site is an adapter: how to log in, how a
+paywalled page looks.
+"""
+
+import base64
+import hashlib
+import logging
+import threading
+import time
+from urllib.parse import urlparse
+
+import requests
+from cryptography.fernet import Fernet, InvalidToken
+from django.conf import settings
+from django.utils import timezone
+
+log = logging.getLogger(__name__)
+
+TIMEOUT = 15
+SESSION_SECONDS = 6 * 3600   # a logged-in session is reused this long, then logs in again
+
+
+class LoginFailed(Exception):
+    pass
+
+
+class JungeWelt:
+    domain = 'jungewelt.de'
+    name = 'junge Welt'
+
+    def login(self, http, username, password):
+        r = http.post('https://www.jungewelt.de/login.php', timeout=TIMEOUT, allow_redirects=False,
+                      data={'username': username, 'password': password, 'ref': '/', 'submit': 'Login'})
+        where = r.headers.get('Location', '')
+        if 'loginFailed' in where:
+            raise LoginFailed('Benutzername oder Passwort falsch')
+        if r.status_code not in (301, 302, 303) or not http.cookies.get('jW'):
+            raise LoginFailed(f'Anmeldung fehlgeschlagen ({r.status_code})')
+
+    def paywalled(self, page):
+        return 'mit einem Abonnement und erhalten Sie Zugang' in page
+
+
+ADAPTERS = {a.domain: a for a in (JungeWelt(),)}
+
+
+def adapter_for(url):
+    host = (urlparse(url or '').hostname or '').lower()
+    for domain, adapter in ADAPTERS.items():
+        if host == domain or host.endswith('.' + domain):
+            return adapter
+    return None
+
+
+def _fernet():
+    key = hashlib.sha256(b'diora feeds site login\0' + settings.SECRET_KEY.encode()).digest()
+    return Fernet(base64.urlsafe_b64encode(key))
+
+
+def encrypt(text):
+    return _fernet().encrypt(text.encode()).decode()
+
+
+def decrypt(token):
+    """The plain text, or None when it can't be read (SECRET_KEY changed)."""
+    try:
+        return _fernet().decrypt(token.encode()).decode()
+    except (InvalidToken, ValueError):
+        return None
+
+
+def new_http():
+    from .fetch import USER_AGENT
+    s = requests.Session()
+    s.headers['User-Agent'] = USER_AGENT
+    return s
+
+
+# Logged-in sessions in this process: (user id, domain) -> (session, logged in at).
+_sessions = {}
+_lock = threading.Lock()
+
+
+def forget(user_id, domain):
+    with _lock:
+        _sessions.pop((user_id, domain), None)
+
+
+def check_and_store(user, url, username, password):
+    """Log in once; on success store the login (encrypted). Raises LoginFailed."""
+    from .models import SiteLogin
+    adapter = adapter_for(url)
+    if adapter is None:
+        raise LoginFailed('Für diese Seite gibt es keine Anmeldung.')
+    http = new_http()
+    try:
+        adapter.login(http, username, password)
+    except requests.RequestException:
+        raise LoginFailed(f'{adapter.name} ist nicht erreichbar.')
+    SiteLogin.objects.update_or_create(user=user, domain=adapter.domain, defaults={
+        'username': username, 'secret': encrypt(password), 'ok': True, 'last_error': '',
+        'checked_at': timezone.now()})
+    with _lock:
+        _sessions[(user.id, adapter.domain)] = (http, time.monotonic())
+    return adapter
+
+
+def session_for(user_id, url, fresh=False):
+    """A logged-in requests session for the article's site, or None (no login
+    stored, or it no longer works — then the login is marked as failing)."""
+    from .models import SiteLogin
+    adapter = adapter_for(url)
+    if adapter is None:
+        return None
+    key = (user_id, adapter.domain)
+    with _lock:
+        cached = _sessions.get(key)
+        if cached and not fresh and time.monotonic() - cached[1] < SESSION_SECONDS:
+            return cached[0]
+    login = SiteLogin.objects.filter(user_id=user_id, domain=adapter.domain).first()
+    if login is None:
+        return None
+    password = decrypt(login.secret)
+    if password is None:
+        login.ok, login.last_error = False, 'Bitte die Zugangsdaten neu eingeben.'
+        login.save(update_fields=['ok', 'last_error'])
+        return None
+    http = new_http()
+    try:
+        adapter.login(http, login.username, password)
+    except (LoginFailed, requests.RequestException) as e:
+        login.ok = False
+        login.last_error = str(e) if isinstance(e, LoginFailed) else f'{adapter.name} nicht erreichbar'
+        login.checked_at = timezone.now()
+        login.save(update_fields=['ok', 'last_error', 'checked_at'])
+        log.info('site login %s for user %s failed: %s', adapter.domain, user_id, e)
+        return None
+    if not login.ok:
+        login.ok, login.last_error = True, ''
+        login.save(update_fields=['ok', 'last_error'])
+    with _lock:
+        _sessions[key] = (http, time.monotonic())
+    return http
+
+
+def has_login(user_id, url):
+    from .models import SiteLogin
+    adapter = adapter_for(url)
+    return bool(adapter) and SiteLogin.objects.filter(user_id=user_id, domain=adapter.domain, ok=True).exists()
+
+
+def info(user_id, url):
+    """What the feed settings show about the login for this source's site."""
+    from .models import SiteLogin
+    adapter = adapter_for(url)
+    if adapter is None:
+        return None
+    login = SiteLogin.objects.filter(user_id=user_id, domain=adapter.domain).first()
+    return {'site': adapter.name, 'domain': adapter.domain,
+            'username': login.username if login else '', 'ok': bool(login and login.ok),
+            'error': login.last_error if login else ''}
diff --git a/feeds/migrations/0002_item_paywalled_sitelogin.py b/feeds/migrations/0002_item_paywalled_sitelogin.py
new file mode 100644
index 0000000..47a9230
--- /dev/null
+++ b/feeds/migrations/0002_item_paywalled_sitelogin.py
@@ -0,0 +1,37 @@
+# Generated by Django 6.1 on 2026-10-04 19:22
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('feeds', '0001_initial'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='item',
+            name='paywalled',
+            field=models.BooleanField(default=False),
+        ),
+        migrations.CreateModel(
+            name='SiteLogin',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('domain', models.CharField(max_length=200)),
+                ('username', models.CharField(max_length=300)),
+                ('secret', models.TextField()),
+                ('ok', models.BooleanField(default=True)),
+                ('last_error', models.CharField(blank=True, max_length=300)),
+                ('checked_at', models.DateTimeField(blank=True, null=True)),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='feed_site_logins', to=settings.AUTH_USER_MODEL)),
+            ],
+            options={
+                'unique_together': {('user', 'domain')},
+            },
+        ),
+    ]
diff --git a/feeds/models.py b/feeds/models.py
index 911f4e6..1775467 100644
--- a/feeds/models.py
+++ b/feeds/models.py
@@ -78,6 +78,9 @@ class Item(models.Model):
     content_full = models.BooleanField(default=False)
     # Fetching the page failed or gave nothing: don't try on every open.
     fulltext_failed = models.BooleanField(default=False)
+    # The page showed only the free part (paywall): fetched again once there's
+    # a subscriber login for the site (logins.py).
+    paywalled = models.BooleanField(default=False)
     image_url = models.URLField(max_length=2000, blank=True)
     read_at = models.DateTimeField(null=True, blank=True)
     starred = models.BooleanField(default=False)
@@ -98,6 +101,20 @@ class Item(models.Model):
         return self.title
 
 
+class SiteLogin(models.Model):
+    """A subscriber login for a paywalled site (logins.py); the password encrypted."""
+    user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='feed_site_logins')
+    domain = models.CharField(max_length=200)
+    username = models.CharField(max_length=300)
+    secret = models.TextField()   # the password, Fernet-encrypted
+    ok = models.BooleanField(default=True)
+    last_error = models.CharField(max_length=300, blank=True)
+    checked_at = models.DateTimeField(null=True, blank=True)
+
+    class Meta:
+        unique_together = ('user', 'domain')
+
+
 class FeedSettings(models.Model):
     user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='feed_settings')
     # The last time the news briefing was seen; what came after is "Seit letztem Mal".
diff --git a/feeds/refresh.py b/feeds/refresh.py
index ee2cf48..6314e74 100644
--- a/feeds/refresh.py
+++ b/feeds/refresh.py
@@ -12,7 +12,7 @@ from django.utils import timezone
 
 from podcasts.views import FeedFetchError, _clear_error, _error_text, _fetch_feed
 
-from . import fetch
+from . import fetch, logins
 from .cluster import Clusterer
 from .models import FeedSettings, Item, Source, Story
 
@@ -115,12 +115,21 @@ def needs_article(item, source):
         return False
     if source.fulltext == Source.FULLTEXT_NEVER:
         return False
+    if item.paywalled:
+        # Only the free part came: again once there's a working subscriber login.
+        return logins.has_login(item.user_id, item.url)
     return source.fulltext == Source.FULLTEXT_ALWAYS or fetch.is_teaser(item.content)
 
 
 def load_article(item):
     """Fetch the article for one item now (when opened); saves it."""
-    got = fetch.fetch_article(item.url)
+    http = logins.session_for(item.user_id, item.url)
+    got = fetch.fetch_article(item.url, http)
+    if got and got[2] and http:
+        # Logged in, still the paywall: the session ran out, log in anew once.
+        http = logins.session_for(item.user_id, item.url, fresh=True)
+        if http:
+            got = fetch.fetch_article(item.url, http)
     _store_article(item, got)
     return item
 
@@ -130,24 +139,46 @@ def _store_article(item, got):
         item.fulltext_failed = True
         item.save(update_fields=['fulltext_failed'])
         return
-    content, image = got
-    if len(fetch.plain(content)) <= len(fetch.plain(item.content)):
+    content, image, paywalled = got
+    longer = len(fetch.plain(content)) > len(fetch.plain(item.content))
+    if paywalled:
+        # The free part, if it's more than the feed's teaser; the rest waits for a login.
+        item.paywalled = True
+        if longer:
+            item.content = content
+        if not item.image_url and image:
+            item.image_url = image[:2000]
+        item.save(update_fields=['paywalled', 'content', 'image_url'])
+        return
+    if not longer:
         item.fulltext_failed = True  # the feed had more
         item.save(update_fields=['fulltext_failed'])
         return
     item.content = content
     item.content_full = True
+    item.paywalled = False
     if not item.image_url and image:
         item.image_url = image[:2000]
-    item.save(update_fields=['content', 'content_full', 'image_url'])
+    item.save(update_fields=['content', 'content_full', 'paywalled', 'image_url'])
 
 
 def _articles(items, deadline):
     todo = [i for i in items if needs_article(i, i.source)][:ARTICLES_PER_RUN]
     if not todo:
         return
+    # Logged-in sessions for paywalled sites, one per account and site (made here, not in the threads).
+    sessions = {}
+    for i in todo:
+        adapter = logins.adapter_for(i.url)
+        if adapter and (i.user_id, adapter.domain) not in sessions:
+            sessions[(i.user_id, adapter.domain)] = logins.session_for(i.user_id, i.url)
+
+    def http_for(i):
+        adapter = logins.adapter_for(i.url)
+        return sessions.get((i.user_id, adapter.domain)) if adapter else None
+
     pool = ThreadPoolExecutor(ARTICLE_WORKERS)
-    futures = {pool.submit(fetch.fetch_article, i.url): i for i in todo}
+    futures = {pool.submit(fetch.fetch_article, i.url, http_for(i)): i for i in todo}
     pending = set(futures)
     try:
         while pending:
@@ -156,10 +187,15 @@ def _articles(items, deadline):
                 break
             done, pending = wait(pending, timeout=left, return_when=FIRST_COMPLETED)
             for f in done:
+                i = futures[f]
                 try:
-                    _store_article(futures[f], f.result())
+                    got = f.result()
+                    if got and got[2] and http_for(i) is not None:
+                        # Logged in and still the paywall: next time with a fresh login.
+                        logins.forget(i.user_id, logins.adapter_for(i.url).domain)
+                    _store_article(i, got)
                 except Exception:
-                    log.exception('article for item %s', futures[f].pk)
+                    log.exception('article for item %s', i.pk)
     finally:
         pool.shutdown(wait=False, cancel_futures=True)
 
diff --git a/feeds/tests.py b/feeds/tests.py
index e482caf..b0d8e2f 100644
--- a/feeds/tests.py
+++ b/feeds/tests.py
@@ -9,8 +9,8 @@ from django.utils import timezone
 
 from podcasts.views import FeedFetch
 
-from . import cluster, fetch, refresh
-from .models import FeedSettings, Item, Source, Story
+from . import cluster, fetch, logins, refresh
+from .models import FeedSettings, Item, SiteLogin, Source, Story
 
 
 def rss(items, title='Testfeed', link='https://example.org/'):
@@ -101,7 +101,7 @@ class ApiTest(TestCase):
 
     def add(self, kind, feed, url='https://example.org/feed'):
         with mock.patch('feeds.refresh._fetch_feed', return_value=fetched(feed, url)), \
-                mock.patch('feeds.fetch.fetch_article', return_value=(LONG, 'https://example.org/img.jpg')):
+                mock.patch('feeds.fetch.fetch_article', return_value=(LONG, 'https://example.org/img.jpg', False)):
             r = self.post('/feeds/sources/add/', {'url': url, 'kind': kind, 'category': 'Politik'})
         self.assertEqual(r.status_code, 200)
         return r.json()['source']
@@ -209,3 +209,85 @@ class ApiTest(TestCase):
     def test_settings(self):
         self.post('/feeds/settings/', {'news_keep_days': 5})
         self.assertEqual(FeedSettings.objects.get(user=self.u).news_keep_days, 5)
+
+
+class FakeResponse:
+    def __init__(self, status=302, location='/', text='', url='https://www.jungewelt.de/x', ctype='text/html'):
+        self.status_code = status
+        self.headers = {'Location': location, 'Content-Type': ctype}
+        self.text = text
+        self.url = url
+
+
+PAYWALL = ('<html><body><article><h1>T</h1><p>' + 'Freier Anfang des Artikels. ' * 12 + '</p></article>'
+           '<p>Unterstützen Sie die junge Welt mit einem Abonnement und erhalten Sie Zugang zu allen Analysen</p></body></html>')
+FULL = '<html><body><article><h1>T</h1>' + ('<p>' + 'Der ganze Artikel für Abonnenten. ' * 15 + '</p>') * 4 + '</article></body></html>'
+
+
+class SiteLoginTest(TestCase):
+    def setUp(self):
+        self.u = User.objects.create_user('tester', password='pw12345678')
+        self.client.force_login(self.u)
+        self.src = Source.objects.create(user=self.u, url='https://www.jungewelt.de/feeds/newsticker.rss',
+                                         title='junge Welt', kind='news')
+        self.item = Item.objects.create(source=self.src, user=self.u, kind='news', guid_hash='a', title='Artikel',
+                                        url='https://www.jungewelt.de/artikel/1.html', summary='Anriss',
+                                        content='<p>Anriss</p>', published=timezone.now())
+        logins._sessions.clear()
+
+    def post(self, url, data):
+        return self.client.post(url, json.dumps(data), content_type='application/json')
+
+    def test_encryption_round_trip_and_not_plain(self):
+        token = logins.encrypt('geheim')
+        self.assertNotIn('geheim', token)
+        self.assertEqual(logins.decrypt(token), 'geheim')
+        self.assertIsNone(logins.decrypt('kaputt'))
+
+    def test_paywalled_page_keeps_free_part_and_waits(self):
+        with mock.patch('requests.get', return_value=FakeResponse(200, text=PAYWALL)):
+            refresh.load_article(self.item)
+        self.item.refresh_from_db()
+        self.assertTrue(self.item.paywalled)
+        self.assertFalse(self.item.content_full)
+        self.assertIn('Freier Anfang', self.item.content)
+        self.assertFalse(refresh.needs_article(self.item, self.src))  # no login: don't try again
+
+    def test_wrong_login_is_refused_and_not_stored(self):
+        with mock.patch('requests.Session.post', return_value=FakeResponse(302, 'https://www.jungewelt.de/loginFailed.php?x')):
+            r = self.post('/feeds/logins/', {'source': self.src.id, 'username': 'u', 'password': 'falsch'})
+        self.assertEqual(r.status_code, 400)
+        self.assertIn('falsch', r.json()['error'])
+        self.assertFalse(SiteLogin.objects.exists())
+
+    def test_login_stores_encrypted_and_refetches_full_articles(self):
+        Item.objects.filter(pk=self.item.pk).update(paywalled=True)
+
+        def login_post(session, url, **kw):
+            session.cookies.set('jW', 'sitzung')
+            return FakeResponse(302, 'https://www.jungewelt.de/')
+
+        with mock.patch('requests.Session.post', autospec=True, side_effect=login_post), \
+                mock.patch('requests.Session.get', return_value=FakeResponse(200, text=FULL)):
+            r = self.post('/feeds/logins/', {'source': self.src.id, 'username': 'leser', 'password': 'abo-passwort'})
+        self.assertEqual(r.status_code, 200)
+        self.assertEqual(r.json()['refetched'], 1)
+        login = SiteLogin.objects.get(user=self.u)
+        self.assertNotIn('abo-passwort', login.secret)
+        self.item.refresh_from_db()
+        self.assertTrue(self.item.content_full)
+        self.assertFalse(self.item.paywalled)
+        self.assertIn('ganze Artikel', self.item.content)
+        state = self.client.get('/feeds/state/').json()
+        info = state['sources'][0]['login']
+        self.assertEqual((info['username'], info['ok'], info['site']), ('leser', True, 'junge Welt'))
+        self.assertNotIn('abo-passwort', json.dumps(state))
+        self.post('/feeds/logins/delete/', {'source': self.src.id})
+        self.assertFalse(SiteLogin.objects.exists())
+
+    def test_sources_of_other_sites_have_no_login(self):
+        other = Source.objects.create(user=self.u, url='https://blog.example/feed', title='B', kind='blog')
+        state = self.client.get('/feeds/state/').json()
+        by_id = {s['id']: s for s in state['sources']}
+        self.assertIsNone(by_id[other.id]['login'])
+        self.assertIsNotNone(by_id[self.src.id]['login'])
diff --git a/feeds/urls.py b/feeds/urls.py
index aa3d3f0..ebbe95f 100644
--- a/feeds/urls.py
+++ b/feeds/urls.py
@@ -21,4 +21,6 @@ urlpatterns = [
     path('items/<int:pk>/', views.item, name='feeds_item'),
     path('items/<int:pk>/star/', views.star, name='feeds_star'),
     path('settings/', views.settings, name='feeds_settings'),
+    path('logins/', views.save_login, name='feeds_save_login'),
+    path('logins/delete/', views.delete_login, name='feeds_delete_login'),
 ]
diff --git a/feeds/views.py b/feeds/views.py
index 31fccf3..6a676a4 100644
--- a/feeds/views.py
+++ b/feeds/views.py
@@ -18,6 +18,8 @@ Items:     GET  /feeds/items/<id>/            the article (fetches the page if t
            POST /feeds/items/<id>/star/       {starred}
            GET  /feeds/starred/
 Settings:  POST /feeds/settings/              {news_keep_days}
+Logins:    POST /feeds/logins/                {source, username, password}  subscriber login for its site
+           POST /feeds/logins/delete/         {source}
 """
 
 import json
@@ -34,8 +36,8 @@ from django.utils.dateparse import parse_datetime
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
-from . import fetch, refresh
-from .models import Item, Source, Story
+from . import fetch, logins, refresh
+from .models import Item, SiteLogin, Source, Story
 
 PAGE = 40
 BRIEFING_TOP = 8
@@ -66,6 +68,7 @@ def _source_data(s, unread=0):
         'id': s.id, 'url': s.url, 'title': s.title, 'site_url': s.site_url, 'icon_url': s.icon_url,
         'kind': s.kind, 'category': s.category, 'fulltext': s.fulltext, 'unread': unread,
         'last_refreshed_at': _iso(s.last_refreshed_at), 'last_error': s.last_error, 'error_count': s.error_count,
+        'login': logins.info(s.user_id, s.url),
     }
 
 
@@ -79,6 +82,7 @@ def _item_data(i, content=False):
     if content:
         d['content'] = i.content
         d['content_full'] = i.content_full
+        d['paywalled'] = i.paywalled
     return d
 
 
@@ -435,6 +439,46 @@ def star(request, pk):
     return JsonResponse({'updated': n})
 
 
+@csrf_exempt
+@require_http_methods(['POST'])
+def save_login(request):
+    """Check a subscriber login for the source's site and keep it; then the
+    articles that came only in part are fetched again."""
+    if (err := _auth(request)):
+        return err
+    body = _body(request) or {}
+    source = Source.objects.filter(user=request.user, pk=body.get('source')).first()
+    username = (body.get('username') or '').strip()
+    password = body.get('password') or ''
+    if source is None or not username or not password:
+        return JsonResponse({'error': 'Benutzername und Passwort nötig'}, status=400)
+    try:
+        adapter = logins.check_and_store(request.user, source.url, username, password)
+    except logins.LoginFailed as e:
+        return JsonResponse({'error': str(e)}, status=400)
+    # Whatever came in part (or not at all) from this site: fetch again, the newest now.
+    items = Item.objects.filter(user=request.user, gone=False, content_full=False, url__icontains=adapter.domain)
+    items.update(fulltext_failed=False)
+    todo = list(items.select_related('source').order_by('-published')[:40])
+    refresh._articles(todo, deadline=time.monotonic() + 30)
+    done = Item.objects.filter(pk__in=[i.pk for i in todo], content_full=True).count()
+    return JsonResponse({'ok': True, 'login': logins.info(request.user.id, source.url), 'refetched': done})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def delete_login(request):
+    if (err := _auth(request)):
+        return err
+    body = _body(request) or {}
+    source = Source.objects.filter(user=request.user, pk=body.get('source')).first()
+    adapter = logins.adapter_for(source.url) if source else None
+    if adapter:
+        SiteLogin.objects.filter(user=request.user, domain=adapter.domain).delete()
+        logins.forget(request.user.id, adapter.domain)
+    return JsonResponse({'ok': True})
+
+
 @csrf_exempt
 @require_http_methods(['POST'])
 def settings(request):
diff --git a/requirements.txt b/requirements.txt
index c08aad3..caa4915 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -21,3 +21,5 @@ piper-tts==1.7.0
 imageio-ffmpeg==0.6.0
 # The feed reader takes the article out of a news page (main text without menus, ads, comments).
 trafilatura==2.3.0
+# Subscriber logins of the feed reader are kept encrypted (feeds/logins.py).
+cryptography==50.0.1
diff --git a/static/js/feeds.js b/static/js/feeds.js
index 2d85db2..b591a33 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -330,7 +330,29 @@
       '</select></label></div>' +
       '<div class="fd-buttons"><button class="btn btn-primary" type="submit">Speichern</button>' +
       '<button class="btn" type="button" data-act="cancel-edit">Abbrechen</button>' +
-      '<button class="btn btn-danger" type="button" data-act="delete" data-id="' + x.id + '">Abbestellen</button></div></form>';
+      '<button class="btn btn-danger" type="button" data-act="delete" data-id="' + x.id + '">Abbestellen</button></div></form>' +
+      loginForm(x);
+  }
+
+  // A paywalled site (junge Welt …): the subscriber login, kept encrypted on the
+  // server, which then fetches whole articles. The password never comes back.
+  function loginForm(x) {
+    const l = x.login;
+    if (!l) return '';
+    let h = '<form class="fd-edit fd-login" data-form="login" data-id="' + x.id + '">' +
+      '<h4>Abo-Anmeldung bei ' + esc(l.site) + '</h4>';
+    if (l.username) {
+      h += '<p>' + (l.ok ? '✓ Angemeldet als ' : '⚠ Anmeldung klappt nicht: ') + esc(l.ok ? l.username : (l.error || l.username)) + '</p>' +
+        '<div class="fd-buttons"><button class="btn" type="button" data-act="login-delete" data-id="' + x.id + '">Zugangsdaten löschen</button></div>';
+      if (l.ok) return h + '</form>';
+      h += '<p class="fd-note">Neu eingeben:</p>';
+    }
+    return h +
+      '<label>Benutzername <input class="search-input" name="username" autocomplete="off" autocapitalize="none" required></label>' +
+      '<label>Passwort <input class="search-input" name="password" type="password" autocomplete="new-password" required></label>' +
+      '<p class="fd-note">Das Passwort liegt verschlüsselt auf dem diora-Server und wird nie wieder angezeigt. ' +
+      'Damit holt der Server die ganzen Artikel statt nur des freien Teils.</p>' +
+      '<div class="fd-buttons"><button class="btn btn-primary" type="submit">Anmelden</button></div></form>';
   }
 
   function renderOpml() {
@@ -449,7 +471,10 @@
     const content = i.content || '';
     if (i.image_url && content.indexOf(i.image_url) < 0) h += '<img class="fd-art-img" alt="" src="' + esc(i.image_url) + '">';
     h += '<div class="fd-art-body">' + (content || '<p>' + esc(i.summary) + '</p>') + '</div>';
-    if (!i.content_full && i.url && (content.replace(/<[^>]+>/g, '').length < 700)) {
+    if (i.paywalled) {
+      h += '<p class="fd-note">Nur der freie Teil des Artikels. Mit deiner Abo-Anmeldung (⚙ → ' + esc(i.source_title) +
+        ') holt diora den ganzen.</p>';
+    } else if (!i.content_full && i.url && (content.replace(/<[^>]+>/g, '').length < 700)) {
       h += '<p class="fd-note">Der Feed bringt nur einen Anriss, der ganze Artikel ließ sich nicht laden.</p>';
     }
     if (story && story.items.length > 1) {
@@ -591,6 +616,11 @@
       await api('/feeds/items/read/', {ids, read: true}).catch(() => {});
       return load();
     }
+    if (act === 'login-delete') {
+      await api('/feeds/logins/delete/', {source: parseInt(t.dataset.id, 10)}).catch(() => {});
+      await loadState().catch(() => {});
+      return render();
+    }
     if (act === 'cancel-edit') {
       st.editing = null;
       return render();
@@ -678,6 +708,14 @@
           category: f.category.value});
         found.subscribed = true;
         await loadState();
+      } else if (f.dataset.form === 'login') {
+        if (btn) btn.textContent = 'Meldet an …';
+        const r = await api('/feeds/logins/', {source: parseInt(f.dataset.id, 10), username: f.username.value, password: f.password.value});
+        f.password.value = '';
+        await loadState();
+        if (typeof customAlert === 'function') {
+          customAlert('Angemeldet.' + (r.refetched ? ' ' + r.refetched + ' Artikel jetzt vollständig.' : ''));
+        }
       } else if (f.dataset.form === 'edit') {
         await api('/feeds/sources/' + f.dataset.id + '/', {title: f.title.value, kind: f.kind.value,
           category: f.category.value, fulltext: f.fulltext.value});
@@ -836,6 +874,8 @@
     '#tab-feeds .fd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; }',
     '#tab-feeds .fd-grid label, #tab-feeds .fd-edit > label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--nui-muted, #9a9a9a); }',
     '#tab-feeds .fd-buttons { display: flex; flex-wrap: wrap; gap: 8px; }',
+    '#tab-feeds .fd-login h4 { margin: 0; font-size: 13px; }',
+    '#tab-feeds .fd-login p { margin: 0; font-size: 13px; }',
     '#tab-feeds .fd-src { display: flex; flex-direction: column; gap: 2px; width: 100%; padding: 10px 0; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; text-align: left; cursor: pointer; }',
     '#tab-feeds .fd-opml { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }',
     '#tab-feeds .fd-opml-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index 725d6f1..c79b824 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v91';
+const CACHE = 'diora-v92';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From b063e91113ef05155b5518126c6541fcb2743b85 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 21:32:15 +0200
Subject: [PATCH 088/176] Blog-Feed nach Kino: Abschnitte, Favoriten, Seltene
 zuerst, Ausblenden, NEU
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Abschnitte Heute/Gestern/Diese Woche/Diesen Monat/Älter; je Abschnitt bis zu
  5 Posts je Favoriten-Blog zuerst, dann „Seltene zuerst“ (mittlerer Abstand der
  letzten 10 Posts, ein Post = 30 Tage) oder chronologisch
- Blog „im Hauptfeed ausblenden“: nicht unter Alle und nicht gezählt, im Ordner da
- NEU (jünger als 24 h, ungelesen) am Post, als Zahl am Tab, Punkt am Ordner
- Chips Ungelesen/Alle, ★ Favoriten, Seltene zuerst; Schalter je Blog
- Lesezeit (Wörter/230) an jedem Post; words wird beim Speichern gezählt
- sw v93

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 feeds/fetch.py                            |   5 +
 feeds/migrations/0003_blog_flags_words.py |  42 ++++++
 feeds/models.py                           |   6 +
 feeds/refresh.py                          |   6 +-
 feeds/tests.py                            |  43 ++++++
 feeds/views.py                            |  56 +++++--
 static/js/feeds.js                        | 170 +++++++++++++++++++---
 static/js/sw.js                           |   2 +-
 8 files changed, 294 insertions(+), 36 deletions(-)
 create mode 100644 feeds/migrations/0003_blog_flags_words.py

diff --git a/feeds/fetch.py b/feeds/fetch.py
index 7c3f050..fa25a1b 100644
--- a/feeds/fetch.py
+++ b/feeds/fetch.py
@@ -141,10 +141,15 @@ def parse_entry(entry, feed_url):
         'dated': when is not None,  # not an Item field: refresh._apply uses and drops it
         'summary': _short(summary),
         'content': content,
+        'words': word_count(content),
         'image_url': _image(entry, content_html, base)[:2000],
     }
 
 
+def word_count(content_html):
+    return len(plain(content_html).split())
+
+
 def is_teaser(content_html):
     return len(plain(content_html)) < TEASER_CHARS
 
diff --git a/feeds/migrations/0003_blog_flags_words.py b/feeds/migrations/0003_blog_flags_words.py
new file mode 100644
index 0000000..a3625cf
--- /dev/null
+++ b/feeds/migrations/0003_blog_flags_words.py
@@ -0,0 +1,42 @@
+# Generated by Django 6.1 on 2026-10-04 19:28
+
+from django.db import migrations, models
+
+
+def count_words(apps, schema_editor):
+    """The reading time of the articles already there."""
+    from feeds.fetch import word_count
+    Item = apps.get_model('feeds', 'Item')
+    for item in Item.objects.exclude(content='').only('id', 'content').iterator():
+        Item.objects.filter(pk=item.pk).update(words=word_count(item.content))
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('feeds', '0002_item_paywalled_sitelogin'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='item',
+            name='words',
+            field=models.PositiveIntegerField(default=0),
+        ),
+        migrations.AddField(
+            model_name='source',
+            name='fav',
+            field=models.BooleanField(default=False),
+        ),
+        migrations.AddField(
+            model_name='source',
+            name='hidden',
+            field=models.BooleanField(default=False),
+        ),
+        migrations.AddField(
+            model_name='source',
+            name='notify',
+            field=models.BooleanField(default=False),
+        ),
+        migrations.RunPython(count_words, migrations.RunPython.noop),
+    ]
diff --git a/feeds/models.py b/feeds/models.py
index 1775467..7b81112 100644
--- a/feeds/models.py
+++ b/feeds/models.py
@@ -28,6 +28,11 @@ class Source(models.Model):
     category = models.CharField(max_length=100, blank=True)
     fulltext = models.CharField(max_length=10, choices=FULLTEXTS, default=FULLTEXT_AUTO)
     added_at = models.DateTimeField(auto_now_add=True)
+    # Blogs: favorites come first; a hidden blog stays out of "Alle" (and its
+    # counts) but shows in its folder; notify = a notification for new posts.
+    fav = models.BooleanField(default=False)
+    hidden = models.BooleanField(default=False)
+    notify = models.BooleanField(default=False)
 
     # Refresh bookkeeping, as for podcast feeds (see podcasts.views._fetch_feed).
     last_refreshed_at = models.DateTimeField(null=True, blank=True)
@@ -82,6 +87,7 @@ class Item(models.Model):
     # a subscriber login for the site (logins.py).
     paywalled = models.BooleanField(default=False)
     image_url = models.URLField(max_length=2000, blank=True)
+    words = models.PositiveIntegerField(default=0)   # of the content: the reading time
     read_at = models.DateTimeField(null=True, blank=True)
     starred = models.BooleanField(default=False)
     story = models.ForeignKey(Story, null=True, blank=True, on_delete=models.SET_NULL, related_name='items')
diff --git a/feeds/refresh.py b/feeds/refresh.py
index 6314e74..5f96656 100644
--- a/feeds/refresh.py
+++ b/feeds/refresh.py
@@ -146,20 +146,22 @@ def _store_article(item, got):
         item.paywalled = True
         if longer:
             item.content = content
+            item.words = fetch.word_count(content)
         if not item.image_url and image:
             item.image_url = image[:2000]
-        item.save(update_fields=['paywalled', 'content', 'image_url'])
+        item.save(update_fields=['paywalled', 'content', 'words', 'image_url'])
         return
     if not longer:
         item.fulltext_failed = True  # the feed had more
         item.save(update_fields=['fulltext_failed'])
         return
     item.content = content
+    item.words = fetch.word_count(content)
     item.content_full = True
     item.paywalled = False
     if not item.image_url and image:
         item.image_url = image[:2000]
-    item.save(update_fields=['content', 'content_full', 'paywalled', 'image_url'])
+    item.save(update_fields=['content', 'words', 'content_full', 'paywalled', 'image_url'])
 
 
 def _articles(items, deadline):
diff --git a/feeds/tests.py b/feeds/tests.py
index b0d8e2f..4245fb8 100644
--- a/feeds/tests.py
+++ b/feeds/tests.py
@@ -291,3 +291,46 @@ class SiteLoginTest(TestCase):
         by_id = {s['id']: s for s in state['sources']}
         self.assertIsNone(by_id[other.id]['login'])
         self.assertIsNotNone(by_id[self.src.id]['login'])
+
+
+class BlogFeedTest(TestCase):
+    def setUp(self):
+        self.u = User.objects.create_user('tester', password='pw12345678')
+        self.client.force_login(self.u)
+        now = timezone.now()
+        self.busy = Source.objects.create(user=self.u, url='https://busy/', title='Busy', kind='blog', category='Politik')
+        self.rare = Source.objects.create(user=self.u, url='https://rare/', title='Rare', kind='blog', category='Politik')
+        for n in range(10):  # a post every two hours
+            Item.objects.create(source=self.busy, user=self.u, kind='blog', guid_hash=f'b{n}', title=f'Busy {n}',
+                                content='<p>' + 'wort ' * 460 + '</p>', words=460, published=now - timedelta(hours=2 * n))
+        Item.objects.create(source=self.rare, user=self.u, kind='blog', guid_hash='r', title='Rare essay',
+                            published=now - timedelta(hours=5))
+
+    def post(self, url, data):
+        return self.client.post(url, json.dumps(data), content_type='application/json')
+
+    def by_id(self):
+        return {s['id']: s for s in self.client.get('/feeds/state/').json()['sources']}
+
+    def test_interval_new_and_words(self):
+        st = self.by_id()
+        self.assertLess(st[self.busy.id]['interval_days'], 1)
+        self.assertEqual(st[self.rare.id]['interval_days'], 30.0)   # one post: counts as rare
+        self.assertEqual(st[self.busy.id]['new'], 10)
+        items = self.client.get('/feeds/blogs/?unread=1').json()['items']
+        self.assertEqual(next(i for i in items if i['title'] == 'Busy 0')['words'], 460)
+
+    def test_hidden_blog_only_in_its_folder_and_not_counted(self):
+        self.post(f'/feeds/sources/{self.busy.id}/', {'hidden': True})
+        state = self.client.get('/feeds/state/').json()
+        self.assertEqual((state['blogs_unread'], state['blogs_new']), (1, 1))
+        main = [i['title'] for i in self.client.get('/feeds/blogs/?unread=1').json()['items']]
+        self.assertEqual(main, ['Rare essay'])
+        folder = self.client.get('/feeds/blogs/?unread=1&folder=Politik').json()['items']
+        self.assertEqual(len(folder), 11)
+
+    def test_favorites_filter(self):
+        self.post(f'/feeds/sources/{self.rare.id}/', {'fav': True})
+        self.assertTrue(self.by_id()[self.rare.id]['fav'])
+        favs = [i['title'] for i in self.client.get('/feeds/blogs/?fav=1').json()['items']]
+        self.assertEqual(favs, ['Rare essay'])
diff --git a/feeds/views.py b/feeds/views.py
index 6a676a4..de64433 100644
--- a/feeds/views.py
+++ b/feeds/views.py
@@ -12,7 +12,8 @@ News:      GET  /feeds/briefing/              what's new since the briefing was
            POST /feeds/briefing/seen/         seen: everything up to now counts as read
            GET  /feeds/news/?before=&category=  stories, newest first
            GET  /feeds/stories/<id>/          one story with all its items
-Blogs:     GET  /feeds/blogs/?folder=&source=&unread=1&before=   (a blog's category is its folder)
+Blogs:     GET  /feeds/blogs/?folder=&source=&unread=1&fav=1&before=   (a blog's category is its folder;
+                                              without folder/source the hidden blogs stay out)
 Items:     GET  /feeds/items/<id>/            the article (fetches the page if the feed had a teaser)
            POST /feeds/items/read/            {ids, read}
            POST /feeds/items/<id>/star/       {starred}
@@ -40,6 +41,10 @@ from . import fetch, logins, refresh
 from .models import Item, SiteLogin, Source, Story
 
 PAGE = 40
+BLOG_PAGE = 150        # blog posts per page (all unread ones come at once, up to BLOG_UNREAD_MAX)
+BLOG_UNREAD_MAX = 600
+NEW_HOURS = 24         # a blog post this young and unread is "new"
+RARE_POSTS = 10        # how often a blog posts: the mean gap over its last this many posts
 BRIEFING_TOP = 8
 BRIEFING_PER_CATEGORY = 5
 REFRESH_WAIT = 40  # seconds an explicit refresh may take
@@ -63,10 +68,13 @@ def _iso(dt):
     return dt.isoformat() if dt else None
 
 
-def _source_data(s, unread=0):
+def _source_data(s, unread=0, new=0, interval=None):
     return {
         'id': s.id, 'url': s.url, 'title': s.title, 'site_url': s.site_url, 'icon_url': s.icon_url,
-        'kind': s.kind, 'category': s.category, 'fulltext': s.fulltext, 'unread': unread,
+        'kind': s.kind, 'category': s.category, 'fulltext': s.fulltext, 'unread': unread, 'new': new,
+        'fav': s.fav, 'hidden': s.hidden, 'notify': s.notify,
+        # Days between posts (blogs, for "Seltene zuerst"); a blog with one post counts as rare.
+        'interval_days': interval,
         'last_refreshed_at': _iso(s.last_refreshed_at), 'last_error': s.last_error, 'error_count': s.error_count,
         'login': logins.info(s.user_id, s.url),
     }
@@ -75,7 +83,7 @@ def _source_data(s, unread=0):
 def _item_data(i, content=False):
     d = {
         'id': i.id, 'source': i.source_id, 'source_title': i.source.title, 'kind': i.kind,
-        'url': i.url, 'title': i.title, 'author': i.author, 'published': _iso(i.published),
+        'url': i.url, 'title': i.title, 'author': i.author, 'published': _iso(i.published), 'words': i.words,
         'summary': i.summary, 'image_url': i.image_url, 'read': i.read_at is not None,
         'starred': i.starred, 'story': i.story_id,
     }
@@ -117,21 +125,40 @@ def state(request):
         return err
     unread = dict(Item.objects.filter(user=request.user, gone=False, read_at=None)
                   .values_list('source').annotate(n=Count('id')))
+    now = timezone.now()
+    new = dict(Item.objects.filter(user=request.user, kind=Source.BLOG, gone=False, read_at=None,
+                                   published__gte=now - timedelta(hours=NEW_HOURS))
+               .values_list('source').annotate(n=Count('id')))
     sources = list(Source.objects.filter(user=request.user))
+    intervals = _intervals(request.user, [x for x in sources if x.kind == Source.BLOG], now)
     s = refresh.settings_for(request.user)
     since = s.news_seen_at or (timezone.now() - timedelta(days=1))
     new_news = Story.objects.filter(user=request.user, last_at__gt=since,
                                     items__gone=False, items__read_at=None).distinct().count()
     return JsonResponse({
-        'sources': [_source_data(x, unread.get(x.id, 0)) for x in sources],
+        'sources': [_source_data(x, unread.get(x.id, 0), new.get(x.id, 0), intervals.get(x.id)) for x in sources],
         'categories': sorted({x.category for x in sources if x.kind == Source.NEWS and x.category}),
         'folders': sorted({x.category for x in sources if x.kind == Source.BLOG and x.category}),
         'news_new': new_news,
-        'blogs_unread': sum(n for sid, n in unread.items() if any(x.id == sid and x.kind == Source.BLOG for x in sources)),
+        'blogs_unread': sum(unread.get(x.id, 0) for x in sources if x.kind == Source.BLOG and not x.hidden),
+        'blogs_new': sum(new.get(x.id, 0) for x in sources if x.kind == Source.BLOG and not x.hidden),
         'settings': {'news_keep_days': s.news_keep_days, 'news_seen_at': _iso(s.news_seen_at)},
     })
 
 
+def _intervals(user, blogs, now):
+    """Mean days between the last RARE_POSTS posts of each blog, up to now:
+    (now - the oldest of them) / their number; one post counts as 30 days."""
+    out = {}
+    for s in blogs:
+        dates = list(s.items.filter(gone=False).order_by('-published').values_list('published', flat=True)[:RARE_POSTS])
+        if not dates:
+            continue
+        days = (now - dates[-1]).total_seconds() / 86400 / len(dates)
+        out[s.id] = round(max(days, 30.0) if len(dates) == 1 else days, 2)
+    return out
+
+
 def _probe(url):
     """(feed url, title, entries) if `url` is a feed, else ([candidate feeds], icon)."""
     r = requests.get(url, timeout=fetch.PAGE_TIMEOUT, headers={'User-Agent': fetch.USER_AGENT})
@@ -248,6 +275,9 @@ def edit_source(request, pk):
         return JsonResponse({'error': 'not found'}, status=404)
     if 'title' in body and (body['title'] or '').strip():
         source.title = body['title'].strip()[:300]
+    for flag in ('fav', 'hidden', 'notify'):
+        if isinstance(body.get(flag), bool):
+            setattr(source, flag, body[flag])
     if 'category' in body:
         source.category = (body['category'] or '').strip()[:100]
     if body.get('fulltext') in dict(Source.FULLTEXTS):
@@ -385,14 +415,22 @@ def blogs(request):
     if request.GET.get('source', '').isdigit():
         qs = qs.filter(source_id=int(request.GET['source']))
     elif 'folder' in request.GET:
+        # A folder shows all its blogs, the hidden ones too.
         qs = qs.filter(source__category=request.GET['folder'])
-    if request.GET.get('unread') == '1':
+    else:
+        qs = qs.filter(source__hidden=False)
+        if request.GET.get('fav') == '1':
+            qs = qs.filter(source__fav=True)
+    unread_only = request.GET.get('unread') == '1'
+    if unread_only:
         qs = qs.filter(read_at=None)
     before = parse_datetime(request.GET.get('before') or '')
     if before:
         qs = qs.filter(published__lt=before)
-    items = list(qs.order_by('-published')[:PAGE])
-    return JsonResponse({'items': [_item_data(i) for i in items], 'more': len(items) == PAGE})
+    # Unread: all of them at once (the page sorts them into days, favorites, rare blogs).
+    limit = BLOG_UNREAD_MAX if unread_only else BLOG_PAGE
+    items = list(qs.order_by('-published')[:limit])
+    return JsonResponse({'items': [_item_data(i) for i in items], 'more': len(items) == limit})
 
 
 @csrf_exempt
diff --git a/static/js/feeds.js b/static/js/feeds.js
index b591a33..35c7352 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -23,6 +23,8 @@
     category: '',
     items: [], itemsMore: false,
     blogSource: '', blogUnread: true,
+    blogFav: false,        // main feed: only the favorite blogs
+    rareFirst: true,       // within a day: blogs that seldom post first
     blogFolder: null,      // null = all blogs, '' = blogs without a folder, else a folder name
     found: null,           // discover results
     opml: null,            // parsed OPML import
@@ -33,6 +35,8 @@
   try {
     const saved = localStorage.getItem('diora_feeds_view');
     if (saved === 'news' || saved === 'blogs') st.view = saved;
+    if (localStorage.getItem('diora_feeds_rare') === '0') st.rareFirst = false;
+    if (localStorage.getItem('diora_feeds_unread') === '0') st.blogUnread = false;
   } catch (e) {}
 
   const esc = s => String(s == null ? '' : s).replace(/&/g, '&amp;').replace(/</g, '&lt;')
@@ -99,6 +103,7 @@
     if (st.blogSource) q.push('source=' + st.blogSource);
     else if (st.blogFolder !== null) q.push('folder=' + encodeURIComponent(st.blogFolder));
     if (st.blogUnread) q.push('unread=1');
+    if (st.blogFav && !st.blogSource && st.blogFolder === null) q.push('fav=1');
     if (more && st.items.length) q.push('before=' + encodeURIComponent(st.items[st.items.length - 1].published));
     const data = await api('/feeds/blogs/' + (q.length ? '?' + q.join('&') : ''));
     st.items = more ? st.items.concat(data.items) : data.items;
@@ -129,7 +134,7 @@
   function render() {
     const s = st.state;
     const newsN = s ? s.news_new : 0;
-    const blogN = s ? s.blogs_unread : 0;
+    const blogN = s ? s.blogs_new : 0;   // new = younger than a day, unread (hidden blogs not counted)
     let body;
     if (st.view === 'manage') body = renderManage();
     else if (!s && st.loading) body = '<p class="fd-note">Lädt …</p>';
@@ -223,40 +228,120 @@
     return h;
   }
 
+  // ---- blogs: days, favorites first, rare blogs first (after Kino's feed)
+
+  const NEW_MS = 24 * 3600000;
+  const FAV_PER_DAY = 5;     // posts of one favorite blog that go first per section
+
+  function isNew(i, src) {
+    return !i.read && Date.now() - new Date(i.published).getTime() < NEW_MS && !(src && src.hidden);
+  }
+
+  function readingTime(i) {
+    return i.words >= 120 ? Math.max(1, Math.round(i.words / 230)) + ' Min.' : '';
+  }
+
+  function section(iso) {
+    const d = new Date(iso);
+    const label = dayLabel(d);
+    if (label === 'Heute' || label === 'Gestern') return label;
+    const days = (Date.now() - d.getTime()) / 86400000;
+    if (days < 7) return 'Diese Woche';
+    if (days < 31) return 'Diesen Monat';
+    return 'Älter';
+  }
+
+  // Posts into sections (newest first); in each, up to FAV_PER_DAY posts per
+  // favorite blog first, then the rest — blogs that post seldom ahead of the
+  // busy ones ("Seltene zuerst"), or simply by time.
+  function blogSections(items, byId) {
+    const order = ['Heute', 'Gestern', 'Diese Woche', 'Diesen Monat', 'Älter'];
+    const groups = {};
+    items.forEach(i => { (groups[section(i.published)] = groups[section(i.published)] || []).push(i); });
+    const newest = (a, b) => new Date(b.published) - new Date(a.published);
+    return order.filter(k => groups[k]).map(k => {
+      const list = groups[k].slice().sort(newest);
+      const favCount = {};
+      const fav = [];
+      const rest = [];
+      list.forEach(i => {
+        const src = byId[i.source];
+        if (src && src.fav && (favCount[i.source] || 0) < FAV_PER_DAY) {
+          favCount[i.source] = (favCount[i.source] || 0) + 1;
+          fav.push(i);
+        } else {
+          rest.push(i);
+        }
+      });
+      if (st.rareFirst) {
+        const gap = i => { const src = byId[i.source]; return (src && src.interval_days) || 0; };
+        rest.sort((a, b) => (gap(b) - gap(a)) || newest(a, b));
+      }
+      return {label: k, items: fav.concat(rest)};
+    });
+  }
+
   function renderBlogs() {
     const blogs = sources('blog');
     if (!blogs.length) {
       return '<div class="fd-empty"><p>Noch keine Blogs abonniert.</p>' +
         '<button type="button" class="btn btn-primary" data-act="manage">Feed hinzufügen</button></div>';
     }
-    // Folders (a blog's category): chips with their unread count.
+    const byId = {};
+    blogs.forEach(b => { byId[b.id] = b; });
+    // Folders (a blog's category): chips with their unread count, a dot when something is new.
     const folders = (st.state.folders || []);
-    const unreadIn = f => blogs.filter(b => (b.category || '') === f).reduce((n, b) => n + b.unread, 0);
-    const total = blogs.reduce((n, b) => n + b.unread, 0);
+    const inFolder = f => blogs.filter(b => (b.category || '') === f);
+    const sum = (list, key) => list.reduce((n, b) => n + b[key], 0);
+    const visible = blogs.filter(b => !b.hidden);
     let h = '';
     if (folders.length) {
-      const chip = (value, label, n) => '<button type="button" class="fd-chip' + (st.blogFolder === value ? ' on' : '') +
-        '" data-folder="' + (value === null ? '*' : esc(value)) + '">' + esc(label) + (n ? ' <small>' + n + '</small>' : '') + '</button>';
-      h += '<div class="fd-chips">' + chip(null, 'Alle', total) +
-        folders.map(f => chip(f, f, unreadIn(f))).join('') +
-        (blogs.some(b => !b.category) ? chip('', 'Ohne Ordner', unreadIn('')) : '') + '</div>';
+      const chip = (value, label, list) => '<button type="button" class="fd-chip' + (st.blogFolder === value ? ' on' : '') +
+        '" data-folder="' + (value === null ? '*' : esc(value)) + '">' +
+        (sum(list, 'new') ? '<span class="fd-dot"></span>' : '') + esc(label) +
+        (sum(list, 'unread') ? ' <small>' + sum(list, 'unread') + '</small>' : '') + '</button>';
+      h += '<div class="fd-chips">' + chip(null, 'Alle', visible) +
+        folders.map(f => chip(f, f, inFolder(f))).join('') +
+        (blogs.some(b => !b.category) ? chip('', 'Ohne Ordner', inFolder('')) : '') + '</div>';
     }
-    const shown = st.blogFolder === null ? blogs : blogs.filter(b => (b.category || '') === st.blogFolder);
+    const main = st.blogFolder === null;
+    const shown = main ? blogs : inFolder(st.blogFolder);
+    h += '<div class="fd-chips fd-modes">' +
+      '<button type="button" class="fd-chip' + (st.blogUnread ? ' on' : '') + '" data-act="mode-unread">Ungelesen</button>' +
+      '<button type="button" class="fd-chip' + (st.blogUnread ? '' : ' on') + '" data-act="mode-all">Alle</button>' +
+      (main ? '<button type="button" class="fd-chip' + (st.blogFav ? ' on' : '') + '" data-act="mode-fav">★ Favoriten</button>' : '') +
+      '<button type="button" class="fd-chip' + (st.rareFirst ? ' on' : '') + '" data-act="mode-rare" title="Blogs, die selten schreiben, zuerst">Seltene zuerst</button>' +
+      '</div>';
     h += '<div class="fd-filter">' +
       '<select class="search-input fd-select" data-act="blog-source"><option value="">' +
-      (st.blogFolder === null ? 'Alle Blogs' : 'Alle in ' + esc(st.blogFolder || 'Ohne Ordner')) + '</option>' +
+      (main ? 'Alle Blogs' : 'Alle in ' + esc(st.blogFolder || 'Ohne Ordner')) + '</option>' +
       shown.map(b => '<option value="' + b.id + '"' + (String(b.id) === String(st.blogSource) ? ' selected' : '') + '>' +
-        esc(b.title) + (b.unread ? ' (' + b.unread + ')' : '') + '</option>').join('') + '</select>' +
-      '<label class="fd-check"><input type="checkbox" data-act="blog-unread"' + (st.blogUnread ? ' checked' : '') + '> Nur ungelesene</label>' +
+        (b.fav ? '★ ' : '') + esc(b.title) + (b.unread ? ' (' + b.unread + ')' : '') + (b.hidden ? ' – ausgeblendet' : '') +
+        '</option>').join('') + '</select>' +
       (st.items.some(i => !i.read) ? '<button type="button" class="btn fd-allread" data-act="blogs-read">Alle gelesen</button>' : '') +
       '</div>';
+    const one = st.blogSource ? byId[st.blogSource] : null;
+    if (one) {
+      // The selected blog's switches.
+      h += '<div class="fd-blogbar">' +
+        '<button type="button" class="fd-chip' + (one.fav ? ' on' : '') + '" data-flag="fav" data-id="' + one.id + '">' + (one.fav ? '★ Favorit' : '☆ Favorit') + '</button>' +
+        '<button type="button" class="fd-chip' + (one.hidden ? ' on' : '') + '" data-flag="hidden" data-id="' + one.id + '" title="Nicht unter „Alle“, nur im Ordner">' +
+        (one.hidden ? 'Im Hauptfeed ausgeblendet' : 'Im Hauptfeed ausblenden') + '</button>' +
+        '<button type="button" class="fd-chip" data-edit-open="' + one.id + '">⚙</button></div>';
+    }
     if (!st.items.length) return h + '<p class="fd-note">' + (st.loading ? 'Lädt …' : (st.blogUnread ? 'Alles gelesen.' : 'Keine Artikel.')) + '</p>';
-    h += st.items.map(i =>
-      '<button type="button" class="fd-post' + (i.read ? ' fd-read' : '') + '" data-item="' + i.id + '">' +
-      '<span class="fd-card-title">' + (i.starred ? '★ ' : '') + esc(i.title) + '</span>' +
-      '<span class="fd-row-meta">' + esc(i.source_title) + ' · ' + esc(when(i.published)) + '</span>' +
-      (i.summary ? '<span class="fd-card-sum">' + esc(i.summary) + '</span>' : '') +
-      '</button>').join('');
+    blogSections(st.items, byId).forEach(sec => {
+      h += '<h3 class="fd-day">' + esc(sec.label) + '</h3>';
+      h += sec.items.map(i => {
+        const src = byId[i.source];
+        const rt = readingTime(i);
+        return '<button type="button" class="fd-post' + (i.read ? ' fd-read' : '') + (src && src.hidden ? ' fd-hidden' : '') + '" data-item="' + i.id + '">' +
+          '<span class="fd-card-title">' + (isNew(i, src) ? '<span class="fd-new">NEU</span> ' : '') + (i.starred ? '★ ' : '') + esc(i.title) + '</span>' +
+          '<span class="fd-row-meta">' + (src && src.fav ? '★ ' : '') + esc(i.source_title) + ' · ' + esc(when(i.published)) + (rt ? ' · ' + rt : '') + '</span>' +
+          (i.summary ? '<span class="fd-card-sum">' + esc(i.summary) + '</span>' : '') +
+          '</button>';
+      }).join('');
+    });
     if (st.itemsMore) h += '<button type="button" class="btn fd-loadmore" data-act="more">Ältere laden</button>';
     return h;
   }
@@ -298,7 +383,7 @@
       '<section class="fd-box"><h3>' + title + ' <small>' + list.length + '</small></h3>' +
       list.map(x => x.id === st.editing ? editForm(x) :
         '<button type="button" class="fd-src" data-edit="' + x.id + '">' +
-        '<span class="fd-src-title">' + esc(x.title) + '</span>' +
+        '<span class="fd-src-title">' + (x.fav ? '★ ' : '') + esc(x.title) + (x.hidden ? ' <small class="fd-note">ausgeblendet</small>' : '') + '</span>' +
         '<span class="fd-row-meta">' + (x.kind === 'news' ? esc(x.category || 'Allgemein') + ' · ' : (x.category ? esc(x.category) + ' · ' : '')) +
         (x.unread ? x.unread + ' ungelesen' : '') +
         (x.error_count >= 3 ? ' <span class="fd-warn" title="' + esc(x.last_error) + '">⚠ Abruf schlägt fehl</span>' : '') +
@@ -324,6 +409,8 @@
       (x.last_error ? '<p class="fd-warn">Letzter Fehler: ' + esc(x.last_error) + '</p>' : '') +
       '<div class="fd-grid"><label>Art ' + kindSelect('kind', x.kind) + '</label>' +
       '<label class="fd-cat-field">' + (x.kind === 'news' ? 'Ressort' : 'Ordner') + ' ' + categoryInput(x.category) + '</label>' +
+      (x.kind === 'blog' ? '<label class="fd-check"><input type="checkbox" name="fav"' + (x.fav ? ' checked' : '') + '> Favorit</label>' +
+        '<label class="fd-check"><input type="checkbox" name="hidden"' + (x.hidden ? ' checked' : '') + '> Im Hauptfeed ausblenden (nur im Ordner)</label>' : '') +
       '<label>Ganzer Artikel <select class="search-input" name="fulltext">' +
       [['auto', 'Automatisch'], ['always', 'Immer holen'], ['never', 'Nur Feed-Text']].map(o =>
         '<option value="' + o[0] + '"' + (x.fulltext === o[0] ? ' selected' : '') + '>' + o[1] + '</option>').join('') +
@@ -555,7 +642,7 @@
   // ---- events
 
   tab.addEventListener('click', async e => {
-    const t = e.target.closest('[data-view],[data-act],[data-story],[data-item],[data-cat],[data-edit],[data-folder]');
+    const t = e.target.closest('[data-view],[data-act],[data-story],[data-item],[data-cat],[data-edit],[data-folder],[data-flag],[data-edit-open]');
     if (!t || t.tagName === 'SELECT' || (t.tagName === 'INPUT' && t.type !== 'button')) return;
     if (t.dataset.view) {
       st.view = t.dataset.view;
@@ -563,6 +650,20 @@
       load();
       return;
     }
+    if (t.dataset.flag) {
+      const src = sources().find(x => x.id === parseInt(t.dataset.id, 10));
+      if (!src) return;
+      src[t.dataset.flag] = !src[t.dataset.flag];
+      render();
+      await api('/feeds/sources/' + src.id + '/', {[t.dataset.flag]: src[t.dataset.flag]}).catch(() => {});
+      return load();
+    }
+    if (t.dataset.editOpen) {
+      st.view = 'manage';
+      st.editing = parseInt(t.dataset.editOpen, 10);
+      window.scrollTo(0, 0);
+      return render();
+    }
     if (t.dataset.folder !== undefined) {
       st.blogFolder = t.dataset.folder === '*' ? null : t.dataset.folder;
       st.blogSource = '';
@@ -610,6 +711,20 @@
       return load();
     }
     if (act === 'more') return load(true);
+    if (act === 'mode-unread' || act === 'mode-all') {
+      st.blogUnread = act === 'mode-unread';
+      try { localStorage.setItem('diora_feeds_unread', st.blogUnread ? '1' : '0'); } catch (err) {}
+      return load();
+    }
+    if (act === 'mode-fav') {
+      st.blogFav = !st.blogFav;
+      return load();
+    }
+    if (act === 'mode-rare') {
+      st.rareFirst = !st.rareFirst;
+      try { localStorage.setItem('diora_feeds_rare', st.rareFirst ? '1' : '0'); } catch (err) {}
+      return render();
+    }
     if (act === 'blogs-read') {
       const ids = st.items.filter(i => !i.read).map(i => i.id);
       if (!ids.length) return;
@@ -665,7 +780,6 @@
   tab.addEventListener('change', async e => {
     const t = e.target;
     if (t.dataset.act === 'blog-source') { st.blogSource = t.value; return load(); }
-    if (t.dataset.act === 'blog-unread') { st.blogUnread = t.checked; return load(); }
     if (t.dataset.act === 'keep') {
       await api('/feeds/settings/', {news_keep_days: parseInt(t.value, 10)}).catch(() => {});
       return;
@@ -717,8 +831,10 @@
           customAlert('Angemeldet.' + (r.refetched ? ' ' + r.refetched + ' Artikel jetzt vollständig.' : ''));
         }
       } else if (f.dataset.form === 'edit') {
-        await api('/feeds/sources/' + f.dataset.id + '/', {title: f.title.value, kind: f.kind.value,
-          category: f.category.value, fulltext: f.fulltext.value});
+        const change = {title: f.title.value, kind: f.kind.value, category: f.category.value, fulltext: f.fulltext.value};
+        if (f.fav) change.fav = f.fav.checked;
+        if (f.hidden) change.hidden = f.hidden.checked;
+        await api('/feeds/sources/' + f.dataset.id + '/', change);
         st.editing = null;
         await loadState();
       }
@@ -851,6 +967,12 @@
     '.fd-chip { padding: 6px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 16px; background: none; color: inherit; font: inherit; font-size: 13px; cursor: pointer; }',
     '.fd-chip.on { border-color: var(--accent, #e63946); color: var(--accent, #e63946); }',
     '.fd-chip small { color: var(--nui-muted, #9a9a9a); font-size: 11px; }',
+    '.fd-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--accent, #e63946); margin-right: 6px; vertical-align: middle; }',
+    '#tab-feeds .fd-modes .fd-chip { font-size: 12px; padding: 5px 10px; }',
+    '#tab-feeds .fd-blogbar { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }',
+    '#tab-feeds .fd-new { display: inline-block; padding: 1px 5px; border-radius: 3px; background: var(--accent, #e63946); color: #fff; font-size: 10px; letter-spacing: 0.05em; vertical-align: 2px; }',
+    '#tab-feeds .fd-hidden { opacity: 0.6; }',
+    'body.eink #tab-feeds .fd-new, body.eink .fd-dot { background: #000; }',
     '#tab-feeds .fd-day { margin-top: 16px; }',
     '#tab-feeds .fd-card { display: flex; gap: 12px; width: 100%; padding: 12px 0; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; text-align: left; cursor: pointer; }',
     '#tab-feeds .fd-thumb { width: 92px; height: 66px; flex: none; object-fit: cover; border-radius: 4px; background: #1a1a1a; order: 2; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index c79b824..5b33d41 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v92';
+const CACHE = 'diora-v93';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 74bb3a44df2902d958b83a792d6434103c20ed74 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 21:40:27 +0200
Subject: [PATCH 089/176] Feeds: Glocke je Blog (Benachrichtigung bei neuen
 Posts)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Source.notify; ein neuer Post wird beim Eintreffen markiert (Item.notify),
  nie beim ersten Abruf eines Blogs, nie älter als 2 Tage
- GET /feeds/notifications/?after=<id>: ungelesene markierte Posts von Blogs mit
  Glocke nach der zuletzt gesehenen id; ohne after nur der Startpunkt
- Glocken-Schalter in der Blog-Leiste und in den Einstellungen des Blogs;
  window.__dioraFeedsOpenItem öffnet einen Post (Antippen der Benachrichtigung)
- sw v94

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 feeds/migrations/0004_item_notify.py | 18 ++++++++++++++++++
 feeds/models.py                      |  3 +++
 feeds/refresh.py                     |  3 +++
 feeds/tests.py                       | 26 ++++++++++++++++++++++++++
 feeds/urls.py                        |  1 +
 feeds/views.py                       | 20 ++++++++++++++++++++
 static/js/feeds.js                   | 14 ++++++++++++--
 static/js/sw.js                      |  2 +-
 8 files changed, 84 insertions(+), 3 deletions(-)
 create mode 100644 feeds/migrations/0004_item_notify.py

diff --git a/feeds/migrations/0004_item_notify.py b/feeds/migrations/0004_item_notify.py
new file mode 100644
index 0000000..534f315
--- /dev/null
+++ b/feeds/migrations/0004_item_notify.py
@@ -0,0 +1,18 @@
+# Generated by Django 6.1 on 2026-10-04 19:33
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('feeds', '0003_blog_flags_words'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='item',
+            name='notify',
+            field=models.BooleanField(db_index=True, default=False),
+        ),
+    ]
diff --git a/feeds/models.py b/feeds/models.py
index 7b81112..5665cfe 100644
--- a/feeds/models.py
+++ b/feeds/models.py
@@ -88,6 +88,9 @@ class Item(models.Model):
     paywalled = models.BooleanField(default=False)
     image_url = models.URLField(max_length=2000, blank=True)
     words = models.PositiveIntegerField(default=0)   # of the content: the reading time
+    # To be announced (a blog with the bell on): set when the item came in, not on a
+    # source's first fetch and not for posts older than refresh.NOTIFY_MAX_AGE.
+    notify = models.BooleanField(default=False, db_index=True)
     read_at = models.DateTimeField(null=True, blank=True)
     starred = models.BooleanField(default=False)
     story = models.ForeignKey(Story, null=True, blank=True, on_delete=models.SET_NULL, related_name='items')
diff --git a/feeds/refresh.py b/feeds/refresh.py
index 5f96656..ca9dc16 100644
--- a/feeds/refresh.py
+++ b/feeds/refresh.py
@@ -25,6 +25,7 @@ BLOG_KEEP = 1000             # items kept per blog
 BLOG_FIRST_UNREAD_DAYS = 7   # a new blog's older articles start out read
 UNDATED_FIRST_UNREAD = 3     # of a new feed without dates, only the first few
 GONE_KEEP_DAYS = 30          # expired news rows kept (without text) against re-adding
+NOTIFY_MAX_AGE = timedelta(days=2)  # older posts are never announced (feeds dig up old ones)
 
 
 def settings_for(user):
@@ -91,6 +92,8 @@ def _apply(source, result, now, keep_days):
         if source.kind == Source.BLOG and first and (
                 old_undated or fields['published'] < now - timedelta(days=BLOG_FIRST_UNREAD_DAYS)):
             item.read_at = now
+        # The bell: never for what a first fetch brings, never for old posts.
+        item.notify = source.notify and not first and not undated and fields['published'] >= now - NOTIFY_MAX_AGE
         new.append(item)
     if new:
         try:
diff --git a/feeds/tests.py b/feeds/tests.py
index 4245fb8..8cc483f 100644
--- a/feeds/tests.py
+++ b/feeds/tests.py
@@ -334,3 +334,29 @@ class BlogFeedTest(TestCase):
         self.assertTrue(self.by_id()[self.rare.id]['fav'])
         favs = [i['title'] for i in self.client.get('/feeds/blogs/?fav=1').json()['items']]
         self.assertEqual(favs, ['Rare essay'])
+
+
+class NotifyTest(TestCase):
+    def setUp(self):
+        self.u = User.objects.create_user('tester', password='pw12345678')
+        self.client.force_login(self.u)
+        self.src = Source.objects.create(user=self.u, url='https://example.org/feed', title='Blog', kind='blog', notify=True)
+
+    def fetch(self, items):
+        with mock.patch('feeds.refresh._fetch_feed', return_value=fetched(rss(items))):
+            refresh.refresh([self.src])
+
+    def test_rules(self):
+        old = (timezone.now() - timedelta(days=5)).strftime('%a, %d %b %Y %H:%M:%S +0000')
+        self.fetch([{'guid': 'a', 'title': 'Schon da', 'text': LONG}])           # first fetch: never
+        start = self.client.get('/feeds/notifications/').json()
+        self.assertEqual(start['items'], [])
+        self.fetch([{'guid': 'a', 'title': 'Schon da', 'text': LONG},
+                    {'guid': 'b', 'title': 'Neuer Post', 'text': LONG},
+                    {'guid': 'c', 'title': 'Alter Post', 'text': LONG, 'date': old}])
+        got = self.client.get(f"/feeds/notifications/?after={start['last']}").json()
+        self.assertEqual([i['title'] for i in got['items']], ['Neuer Post'])
+        # Seen up to there: nothing again; read or bell off: nothing either.
+        self.assertEqual(self.client.get(f"/feeds/notifications/?after={got['last']}").json()['items'], [])
+        Source.objects.filter(pk=self.src.pk).update(notify=False)
+        self.assertEqual(self.client.get(f"/feeds/notifications/?after={start['last']}").json()['items'], [])
diff --git a/feeds/urls.py b/feeds/urls.py
index ebbe95f..a3b5271 100644
--- a/feeds/urls.py
+++ b/feeds/urls.py
@@ -21,6 +21,7 @@ urlpatterns = [
     path('items/<int:pk>/', views.item, name='feeds_item'),
     path('items/<int:pk>/star/', views.star, name='feeds_star'),
     path('settings/', views.settings, name='feeds_settings'),
+    path('notifications/', views.notifications, name='feeds_notifications'),
     path('logins/', views.save_login, name='feeds_save_login'),
     path('logins/delete/', views.delete_login, name='feeds_delete_login'),
 ]
diff --git a/feeds/views.py b/feeds/views.py
index de64433..9caed23 100644
--- a/feeds/views.py
+++ b/feeds/views.py
@@ -19,6 +19,8 @@ Items:     GET  /feeds/items/<id>/            the article (fetches the page if t
            POST /feeds/items/<id>/star/       {starred}
            GET  /feeds/starred/
 Settings:  POST /feeds/settings/              {news_keep_days}
+Notices:   GET  /feeds/notifications/?after=<item id>   new posts of blogs with the bell on (devices
+                                              remember the last id; without after: only that id)
 Logins:    POST /feeds/logins/                {source, username, password}  subscriber login for its site
            POST /feeds/logins/delete/         {source}
 """
@@ -477,6 +479,24 @@ def star(request, pk):
     return JsonResponse({'updated': n})
 
 
+@csrf_exempt
+@require_http_methods(['GET'])
+def notifications(request):
+    """What a device should announce: posts marked when they came in, still
+    unread, of blogs that still have the bell on, after the id the device saw
+    last. Without `after` (a device's first time) nothing, only where to start."""
+    if (err := _auth(request)):
+        return err
+    qs = Item.objects.filter(user=request.user, notify=True)
+    last = qs.order_by('-id').values_list('id', flat=True).first() or 0
+    after = request.GET.get('after', '')
+    if not after.isdigit():
+        return JsonResponse({'items': [], 'last': last})
+    items = (qs.filter(id__gt=int(after), read_at=None, gone=False, source__notify=True)
+             .select_related('source').order_by('-published')[:50])
+    return JsonResponse({'items': [_item_data(i) for i in items], 'last': last})
+
+
 @csrf_exempt
 @require_http_methods(['POST'])
 def save_login(request):
diff --git a/static/js/feeds.js b/static/js/feeds.js
index 35c7352..80f9fa4 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -327,6 +327,8 @@
         '<button type="button" class="fd-chip' + (one.fav ? ' on' : '') + '" data-flag="fav" data-id="' + one.id + '">' + (one.fav ? '★ Favorit' : '☆ Favorit') + '</button>' +
         '<button type="button" class="fd-chip' + (one.hidden ? ' on' : '') + '" data-flag="hidden" data-id="' + one.id + '" title="Nicht unter „Alle“, nur im Ordner">' +
         (one.hidden ? 'Im Hauptfeed ausgeblendet' : 'Im Hauptfeed ausblenden') + '</button>' +
+        '<button type="button" class="fd-chip' + (one.notify ? ' on' : '') + '" data-flag="notify" data-id="' + one.id + '" title="Benachrichtigung bei neuen Posts (App)">' +
+        (one.notify ? '🔔 Glocke an' : '🔕 Glocke') + '</button>' +
         '<button type="button" class="fd-chip" data-edit-open="' + one.id + '">⚙</button></div>';
     }
     if (!st.items.length) return h + '<p class="fd-note">' + (st.loading ? 'Lädt …' : (st.blogUnread ? 'Alles gelesen.' : 'Keine Artikel.')) + '</p>';
@@ -383,7 +385,7 @@
       '<section class="fd-box"><h3>' + title + ' <small>' + list.length + '</small></h3>' +
       list.map(x => x.id === st.editing ? editForm(x) :
         '<button type="button" class="fd-src" data-edit="' + x.id + '">' +
-        '<span class="fd-src-title">' + (x.fav ? '★ ' : '') + esc(x.title) + (x.hidden ? ' <small class="fd-note">ausgeblendet</small>' : '') + '</span>' +
+        '<span class="fd-src-title">' + (x.fav ? '★ ' : '') + (x.notify ? '🔔 ' : '') + esc(x.title) + (x.hidden ? ' <small class="fd-note">ausgeblendet</small>' : '') + '</span>' +
         '<span class="fd-row-meta">' + (x.kind === 'news' ? esc(x.category || 'Allgemein') + ' · ' : (x.category ? esc(x.category) + ' · ' : '')) +
         (x.unread ? x.unread + ' ungelesen' : '') +
         (x.error_count >= 3 ? ' <span class="fd-warn" title="' + esc(x.last_error) + '">⚠ Abruf schlägt fehl</span>' : '') +
@@ -410,7 +412,8 @@
       '<div class="fd-grid"><label>Art ' + kindSelect('kind', x.kind) + '</label>' +
       '<label class="fd-cat-field">' + (x.kind === 'news' ? 'Ressort' : 'Ordner') + ' ' + categoryInput(x.category) + '</label>' +
       (x.kind === 'blog' ? '<label class="fd-check"><input type="checkbox" name="fav"' + (x.fav ? ' checked' : '') + '> Favorit</label>' +
-        '<label class="fd-check"><input type="checkbox" name="hidden"' + (x.hidden ? ' checked' : '') + '> Im Hauptfeed ausblenden (nur im Ordner)</label>' : '') +
+        '<label class="fd-check"><input type="checkbox" name="hidden"' + (x.hidden ? ' checked' : '') + '> Im Hauptfeed ausblenden (nur im Ordner)</label>' +
+        '<label class="fd-check"><input type="checkbox" name="notify"' + (x.notify ? ' checked' : '') + '> Benachrichtigen bei neuen Posts</label>' : '') +
       '<label>Ganzer Artikel <select class="search-input" name="fulltext">' +
       [['auto', 'Automatisch'], ['always', 'Immer holen'], ['never', 'Nur Feed-Text']].map(o =>
         '<option value="' + o[0] + '"' + (x.fulltext === o[0] ? ' selected' : '') + '>' + o[1] + '</option>').join('') +
@@ -834,6 +837,7 @@
         const change = {title: f.title.value, kind: f.kind.value, category: f.category.value, fulltext: f.fulltext.value};
         if (f.fav) change.fav = f.fav.checked;
         if (f.hidden) change.hidden = f.hidden.checked;
+        if (f.notify) change.notify = f.notify.checked;
         await api('/feeds/sources/' + f.dataset.id + '/', change);
         st.editing = null;
         await loadState();
@@ -867,6 +871,12 @@
     const [state, briefing] = await Promise.all([api('/feeds/state/'), api('/feeds/briefing/')]);
     return {state, briefing};
   };
+  // A notification about a new post was tapped (the app, MainActivity): open it.
+  window.__dioraFeedsOpenItem = function (id) {
+    showTab('feeds');
+    readerList = st.items;
+    openItem(id, null);
+  };
   window.__dioraFeedsOpenStory = function (story) {
     if (!st.stories.some(x => x.id === story.id)) st.stories.push(story);
     openStory(story.id);
diff --git a/static/js/sw.js b/static/js/sw.js
index 5b33d41..73e0028 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v93';
+const CACHE = 'diora-v94';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 886c526201d36dce083722b37d24b6652496d19f Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 4 Oct 2026 21:54:04 +0200
Subject: [PATCH 090/176] =?UTF-8?q?Blogs:=20eigene=20Ordner=20(mehrere=20j?=
 =?UTF-8?q?e=20Blog,=20umbenennen,=20aufl=C3=B6sen),=20Lesefortschritt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Source.folders (Etiketten, Groß/Klein egal, max. 40 Zeichen); die bisherige
  Kategorie eines Blogs wird sein erster Ordner (Migration)
- /feeds/folders/rename/ und /dissolve/; in den Blog-Einstellungen Häkchen je
  Ordner plus „Neuer Ordner“; langer Druck/Rechtsklick auf einen Ordner: öffnen,
  umbenennen, auflösen; Ordnerliste in „Feeds verwalten“
- Lesefortschritt je Post (Item.progress, geräteübergreifend): die Leseansicht
  springt zurück an die Stelle, ab 90 % gilt ein Blogpost als gelesen (Nachrichten
  weiter beim Öffnen); Fortschrittsbalken und „Weiterlesen“ oben in den Blogs
- sw v95

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../migrations/0005_blog_folders_progress.py  |  46 +++++
 feeds/models.py                               |   6 +
 feeds/tests.py                                |  39 +++-
 feeds/urls.py                                 |   3 +
 feeds/views.py                                | 143 +++++++++++++--
 static/js/feeds.js                            | 167 ++++++++++++++++--
 static/js/sw.js                               |   2 +-
 7 files changed, 381 insertions(+), 25 deletions(-)
 create mode 100644 feeds/migrations/0005_blog_folders_progress.py

diff --git a/feeds/migrations/0005_blog_folders_progress.py b/feeds/migrations/0005_blog_folders_progress.py
new file mode 100644
index 0000000..c5b5250
--- /dev/null
+++ b/feeds/migrations/0005_blog_folders_progress.py
@@ -0,0 +1,46 @@
+# Generated by Django 6.1 on 2026-10-04 19:50
+
+from django.db import migrations, models
+
+
+def category_to_folders(apps, schema_editor):
+    """A blog's folder was its category: now its first (only) folder."""
+    Source = apps.get_model('feeds', 'Source')
+    for s in Source.objects.filter(kind='blog').exclude(category=''):
+        s.folders = [s.category[:40]]
+        s.category = ''
+        s.save(update_fields=['folders', 'category'])
+
+
+def folders_to_category(apps, schema_editor):
+    Source = apps.get_model('feeds', 'Source')
+    for s in Source.objects.filter(kind='blog'):
+        if s.folders:
+            s.category = s.folders[0]
+            s.save(update_fields=['category'])
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('feeds', '0004_item_notify'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='item',
+            name='progress',
+            field=models.FloatField(default=0),
+        ),
+        migrations.AddField(
+            model_name='item',
+            name='progress_at',
+            field=models.DateTimeField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name='source',
+            name='folders',
+            field=models.JSONField(blank=True, default=list),
+        ),
+        migrations.RunPython(category_to_folders, folders_to_category),
+    ]
diff --git a/feeds/models.py b/feeds/models.py
index 5665cfe..7ac837e 100644
--- a/feeds/models.py
+++ b/feeds/models.py
@@ -26,6 +26,8 @@ class Source(models.Model):
     kind = models.CharField(max_length=10, choices=KINDS, default=NEWS)
     # News: the section it belongs to (Politik, Tech …), groups the briefing.
     category = models.CharField(max_length=100, blank=True)
+    # Blogs: the folders it's in (labels, any number; a folder exists while a blog carries it).
+    folders = models.JSONField(default=list, blank=True)
     fulltext = models.CharField(max_length=10, choices=FULLTEXTS, default=FULLTEXT_AUTO)
     added_at = models.DateTimeField(auto_now_add=True)
     # Blogs: favorites come first; a hidden blog stays out of "Alle" (and its
@@ -92,6 +94,10 @@ class Item(models.Model):
     # source's first fetch and not for posts older than refresh.NOTIFY_MAX_AGE.
     notify = models.BooleanField(default=False, db_index=True)
     read_at = models.DateTimeField(null=True, blank=True)
+    # How far it was read (0-1, the article's scroll position), for every device;
+    # from READ_AT on it counts as read (views.item_progress).
+    progress = models.FloatField(default=0)
+    progress_at = models.DateTimeField(null=True, blank=True)
     starred = models.BooleanField(default=False)
     story = models.ForeignKey(Story, null=True, blank=True, on_delete=models.SET_NULL, related_name='items')
     # Expired news: the row stays a while without its text, so the entry isn't
diff --git a/feeds/tests.py b/feeds/tests.py
index 8cc483f..5464e39 100644
--- a/feeds/tests.py
+++ b/feeds/tests.py
@@ -298,8 +298,8 @@ class BlogFeedTest(TestCase):
         self.u = User.objects.create_user('tester', password='pw12345678')
         self.client.force_login(self.u)
         now = timezone.now()
-        self.busy = Source.objects.create(user=self.u, url='https://busy/', title='Busy', kind='blog', category='Politik')
-        self.rare = Source.objects.create(user=self.u, url='https://rare/', title='Rare', kind='blog', category='Politik')
+        self.busy = Source.objects.create(user=self.u, url='https://busy/', title='Busy', kind='blog', folders=['Politik'])
+        self.rare = Source.objects.create(user=self.u, url='https://rare/', title='Rare', kind='blog', folders=['Politik'])
         for n in range(10):  # a post every two hours
             Item.objects.create(source=self.busy, user=self.u, kind='blog', guid_hash=f'b{n}', title=f'Busy {n}',
                                 content='<p>' + 'wort ' * 460 + '</p>', words=460, published=now - timedelta(hours=2 * n))
@@ -360,3 +360,38 @@ class NotifyTest(TestCase):
         self.assertEqual(self.client.get(f"/feeds/notifications/?after={got['last']}").json()['items'], [])
         Source.objects.filter(pk=self.src.pk).update(notify=False)
         self.assertEqual(self.client.get(f"/feeds/notifications/?after={start['last']}").json()['items'], [])
+
+
+class FolderAndProgressTest(TestCase):
+    def setUp(self):
+        self.u = User.objects.create_user('tester', password='pw12345678')
+        self.client.force_login(self.u)
+        self.a = Source.objects.create(user=self.u, url='https://a/', title='A', kind='blog', folders=['Philosophie'])
+        self.b = Source.objects.create(user=self.u, url='https://b/', title='B', kind='blog', folders=['philosophie', 'Rust'])
+        self.post_a = Item.objects.create(source=self.a, user=self.u, kind='blog', guid_hash='a', title='Essay',
+                                          published=timezone.now())
+
+    def post(self, url, data):
+        return self.client.post(url, json.dumps(data), content_type='application/json')
+
+    def test_folders_case_insensitive_rename_dissolve(self):
+        self.assertEqual(self.client.get('/feeds/state/').json()['folders'], ['Philosophie', 'Rust'])
+        self.post(f'/feeds/sources/{self.a.id}/', {'folders': ['  rust ', 'Neu', 'neu']})
+        self.a.refresh_from_db()
+        self.assertEqual(self.a.folders, ['Rust', 'Neu'])          # spelled as the existing one, no doubles
+        self.post('/feeds/folders/rename/', {'name': 'rust', 'new': 'Rust & Linux'})
+        self.a.refresh_from_db(); self.b.refresh_from_db()
+        self.assertEqual(self.a.folders, ['Neu', 'Rust & Linux'])
+        self.assertEqual(self.b.folders, ['philosophie', 'Rust & Linux'])
+        self.post('/feeds/folders/dissolve/', {'name': 'Rust & Linux'})
+        self.b.refresh_from_db()
+        self.assertEqual(self.b.folders, ['philosophie'])
+        self.assertTrue(Source.objects.filter(pk=self.b.pk).exists())
+        titles = [i['title'] for i in self.client.get('/feeds/blogs/?folder=Neu').json()['items']]
+        self.assertEqual(titles, ['Essay'])
+
+    def test_progress_marks_read_at_ninety_percent(self):
+        r = self.post(f'/feeds/items/{self.post_a.id}/progress/', {'progress': 0.4}).json()
+        self.assertEqual(r, {'progress': 0.4, 'read': False})
+        self.assertEqual(self.client.get('/feeds/blogs/').json()['items'][0]['progress'], 0.4)
+        self.assertTrue(self.post(f'/feeds/items/{self.post_a.id}/progress/', {'progress': 0.95}).json()['read'])
diff --git a/feeds/urls.py b/feeds/urls.py
index a3b5271..9c8546c 100644
--- a/feeds/urls.py
+++ b/feeds/urls.py
@@ -20,6 +20,9 @@ urlpatterns = [
     path('items/read/', views.mark_read, name='feeds_mark_read'),
     path('items/<int:pk>/', views.item, name='feeds_item'),
     path('items/<int:pk>/star/', views.star, name='feeds_star'),
+    path('items/<int:pk>/progress/', views.item_progress, name='feeds_item_progress'),
+    path('folders/rename/', views.rename_folder, name='feeds_rename_folder'),
+    path('folders/dissolve/', views.dissolve_folder, name='feeds_dissolve_folder'),
     path('settings/', views.settings, name='feeds_settings'),
     path('notifications/', views.notifications, name='feeds_notifications'),
     path('logins/', views.save_login, name='feeds_save_login'),
diff --git a/feeds/views.py b/feeds/views.py
index 9caed23..055b4b0 100644
--- a/feeds/views.py
+++ b/feeds/views.py
@@ -4,7 +4,9 @@ Sources:   GET  /feeds/state/                 sources, unread counts, settings
            POST /feeds/discover/              {url} -> the feeds a page or URL offers
            POST /feeds/sources/add/           {url, kind, category, title?}
            POST /feeds/sources/bulk/          {sources: [{url, title, kind, category}]} (OPML import)
-           POST /feeds/sources/<id>/          {title, kind, category, fulltext}
+           POST /feeds/sources/<id>/          {title, kind, category (news), folders (blogs), fulltext, fav, hidden, notify}
+           POST /feeds/folders/rename/        {name, new}   (all blogs in it)
+           POST /feeds/folders/dissolve/      {name}        (the blogs stay)
            POST /feeds/sources/<id>/delete/
            GET  /feeds/export.opml
            POST /feeds/refresh/               refresh the account's sources now
@@ -12,11 +14,12 @@ News:      GET  /feeds/briefing/              what's new since the briefing was
            POST /feeds/briefing/seen/         seen: everything up to now counts as read
            GET  /feeds/news/?before=&category=  stories, newest first
            GET  /feeds/stories/<id>/          one story with all its items
-Blogs:     GET  /feeds/blogs/?folder=&source=&unread=1&fav=1&before=   (a blog's category is its folder;
+Blogs:     GET  /feeds/blogs/?folder=&source=&unread=1&fav=1&before=   (folder= alone: blogs without one;
                                               without folder/source the hidden blogs stay out)
 Items:     GET  /feeds/items/<id>/            the article (fetches the page if the feed had a teaser)
            POST /feeds/items/read/            {ids, read}
            POST /feeds/items/<id>/star/       {starred}
+           POST /feeds/items/<id>/progress/   {progress}   0-1; from 0.9 on it's read
            GET  /feeds/starred/
 Settings:  POST /feeds/settings/              {news_keep_days}
 Notices:   GET  /feeds/notifications/?after=<item id>   new posts of blogs with the bell on (devices
@@ -47,6 +50,8 @@ BLOG_PAGE = 150        # blog posts per page (all unread ones come at once, up t
 BLOG_UNREAD_MAX = 600
 NEW_HOURS = 24         # a blog post this young and unread is "new"
 RARE_POSTS = 10        # how often a blog posts: the mean gap over its last this many posts
+FOLDER_MAX = 40        # characters of a folder name
+READ_AT = 0.9          # read this far, a post counts as read
 BRIEFING_TOP = 8
 BRIEFING_PER_CATEGORY = 5
 REFRESH_WAIT = 40  # seconds an explicit refresh may take
@@ -73,7 +78,8 @@ def _iso(dt):
 def _source_data(s, unread=0, new=0, interval=None):
     return {
         'id': s.id, 'url': s.url, 'title': s.title, 'site_url': s.site_url, 'icon_url': s.icon_url,
-        'kind': s.kind, 'category': s.category, 'fulltext': s.fulltext, 'unread': unread, 'new': new,
+        'kind': s.kind, 'category': s.category, 'folders': s.folders, 'fulltext': s.fulltext,
+        'unread': unread, 'new': new,
         'fav': s.fav, 'hidden': s.hidden, 'notify': s.notify,
         # Days between posts (blogs, for "Seltene zuerst"); a blog with one post counts as rare.
         'interval_days': interval,
@@ -86,7 +92,7 @@ def _item_data(i, content=False):
     d = {
         'id': i.id, 'source': i.source_id, 'source_title': i.source.title, 'kind': i.kind,
         'url': i.url, 'title': i.title, 'author': i.author, 'published': _iso(i.published), 'words': i.words,
-        'summary': i.summary, 'image_url': i.image_url, 'read': i.read_at is not None,
+        'summary': i.summary, 'image_url': i.image_url, 'read': i.read_at is not None, 'progress': i.progress,
         'starred': i.starred, 'story': i.story_id,
     }
     if content:
@@ -140,7 +146,7 @@ def state(request):
     return JsonResponse({
         'sources': [_source_data(x, unread.get(x.id, 0), new.get(x.id, 0), intervals.get(x.id)) for x in sources],
         'categories': sorted({x.category for x in sources if x.kind == Source.NEWS and x.category}),
-        'folders': sorted({x.category for x in sources if x.kind == Source.BLOG and x.category}),
+        'folders': _all_folders(sources),
         'news_new': new_news,
         'blogs_unread': sum(unread.get(x.id, 0) for x in sources if x.kind == Source.BLOG and not x.hidden),
         'blogs_new': sum(new.get(x.id, 0) for x in sources if x.kind == Source.BLOG and not x.hidden),
@@ -148,6 +154,37 @@ def state(request):
     })
 
 
+def _clean_folder(name):
+    return ' '.join(str(name or '').split())[:FOLDER_MAX]
+
+
+def _all_folders(sources):
+    """The folders the blogs carry, each once (case doesn't matter), sorted."""
+    seen = {}
+    for s in sources:
+        if s.kind == Source.BLOG:
+            for f in s.folders or []:
+                seen.setdefault(f.casefold(), f)
+    return sorted(seen.values(), key=str.casefold)
+
+
+def _folders_for(user, names):
+    """Folder names cleaned, without doubles, spelled as an existing folder is."""
+    existing = {f.casefold(): f for f in _all_folders(Source.objects.filter(user=user, kind=Source.BLOG))}
+    out = []
+    for n in names or []:
+        n = _clean_folder(n)
+        if n and n.casefold() not in {o.casefold() for o in out}:
+            out.append(existing.get(n.casefold(), n))
+    return out
+
+
+def _in_folder(source, name):
+    if name == '':
+        return not source.folders
+    return name.casefold() in {f.casefold() for f in source.folders or []}
+
+
 def _intervals(user, blogs, now):
     """Mean days between the last RARE_POSTS posts of each blog, up to now:
     (now - the oldest of them) / their number; one post counts as 30 days."""
@@ -218,6 +255,16 @@ def discover(request):
     return JsonResponse({'feeds': out})
 
 
+def _place(user, kind, category, folders, **more):
+    """Where a new source goes: news into a section (category), a blog into
+    folders (the category of an OPML folder or the add dialog is its folder)."""
+    category = (category or '').strip()[:100]
+    if kind == Source.NEWS:
+        return dict(kind=kind, category=category, **more)
+    names = folders if isinstance(folders, list) else ([category] if category else [])
+    return dict(kind=kind, category='', folders=_folders_for(user, names), **more)
+
+
 def _kind(v):
     return v if v in (Source.NEWS, Source.BLOG) else None
 
@@ -234,8 +281,8 @@ def add_source(request):
         return JsonResponse({'error': 'Adresse und Art (Nachrichten/Blog) nötig'}, status=400)
     source, created = Source.objects.get_or_create(
         user=request.user, url=url[:1000],
-        defaults={'title': (body.get('title') or url)[:300], 'kind': kind,
-                  'category': (body.get('category') or '').strip()[:100]})
+        defaults=_place(request.user, kind, body.get('category'), body.get('folders'),
+                        title=(body.get('title') or url)[:300]))
     if created:
         refresh.refresh([source], deadline=time.monotonic() + 25)
         source.refresh_from_db()
@@ -258,8 +305,8 @@ def add_sources(request):
             continue
         _, created = Source.objects.get_or_create(
             user=request.user, url=url[:1000],
-            defaults={'title': (x.get('title') or url)[:300], 'kind': kind,
-                      'category': (x.get('category') or '').strip()[:100]})
+            defaults=_place(request.user, kind, x.get('category'), x.get('folders'),
+                            title=(x.get('title') or url)[:300]))
         added += created
     sources = Source.objects.filter(user=request.user, last_refreshed_at=None)
     refresh.refresh(sources, deadline=time.monotonic() + REFRESH_WAIT)
@@ -280,12 +327,23 @@ def edit_source(request, pk):
     for flag in ('fav', 'hidden', 'notify'):
         if isinstance(body.get(flag), bool):
             setattr(source, flag, body[flag])
-    if 'category' in body:
+    if isinstance(body.get('folders'), list):
+        source.folders = _folders_for(request.user, body['folders'])
+    elif 'category' in body and source.kind == Source.BLOG and _kind(body.get('kind')) != Source.NEWS:
+        # Older clients: one folder in the category field.
+        cat = _clean_folder(body['category'])
+        source.folders = _folders_for(request.user, [cat]) if cat else []
+    if 'category' in body and (source.kind == Source.NEWS or _kind(body.get('kind')) == Source.NEWS):
         source.category = (body['category'] or '').strip()[:100]
     if body.get('fulltext') in dict(Source.FULLTEXTS):
         source.fulltext = body['fulltext']
     new_kind = _kind(body.get('kind'))
     if new_kind and new_kind != source.kind:
+        # A section becomes a folder and back.
+        if new_kind == Source.BLOG and source.category and not source.folders:
+            source.folders, source.category = _folders_for(request.user, [source.category]), ''
+        elif new_kind == Source.NEWS and source.folders and not source.category:
+            source.category = source.folders[0][:100]
         source.kind = new_kind
         # Its items follow; as blog articles they leave their stories.
         source.items.update(kind=new_kind, **({'story': None} if new_kind == Source.BLOG else {}))
@@ -312,7 +370,8 @@ def export_opml(request):
     groups = {}
     for s in Source.objects.filter(user=request.user).order_by('kind', 'category', 'title'):
         kind = 'Nachrichten' if s.kind == Source.NEWS else 'Blogs'
-        label = kind + (f' – {s.category}' if s.category else '')
+        place = s.category if s.kind == Source.NEWS else ((s.folders or [''])[0])
+        label = kind + (f' – {place}' if place else '')
         groups.setdefault(label, []).append(s)
     lines = ['<?xml version="1.0" encoding="UTF-8"?>', '<opml version="2.0">',
              '<head><title>diora Feeds</title></head>', '<body>']
@@ -418,7 +477,9 @@ def blogs(request):
         qs = qs.filter(source_id=int(request.GET['source']))
     elif 'folder' in request.GET:
         # A folder shows all its blogs, the hidden ones too.
-        qs = qs.filter(source__category=request.GET['folder'])
+        name = request.GET['folder']
+        ids = [s.id for s in Source.objects.filter(user=request.user, kind=Source.BLOG) if _in_folder(s, name)]
+        qs = qs.filter(source_id__in=ids)
     else:
         qs = qs.filter(source__hidden=False)
         if request.GET.get('fav') == '1':
@@ -469,6 +530,64 @@ def mark_read(request):
     return JsonResponse({'updated': n})
 
 
+@csrf_exempt
+@require_http_methods(['POST'])
+def item_progress(request, pk):
+    """How far the article was read (from any device); from READ_AT on it's read."""
+    if (err := _auth(request)):
+        return err
+    body = _body(request) or {}
+    try:
+        progress = min(1.0, max(0.0, float(body.get('progress'))))
+    except (TypeError, ValueError):
+        return JsonResponse({'error': 'progress 0-1'}, status=400)
+    i = Item.objects.filter(user=request.user, pk=pk).first()
+    if i is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    i.progress = progress
+    i.progress_at = timezone.now()
+    if progress >= READ_AT and i.read_at is None:
+        i.read_at = i.progress_at
+    i.save(update_fields=['progress', 'progress_at', 'read_at'])
+    return JsonResponse({'progress': i.progress, 'read': i.read_at is not None})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def rename_folder(request):
+    """A folder's new name, on every blog that carries it."""
+    if (err := _auth(request)):
+        return err
+    body = _body(request) or {}
+    old, new = _clean_folder(body.get('name')), _clean_folder(body.get('new'))
+    if not old or not new:
+        return JsonResponse({'error': 'Name fehlt'}, status=400)
+    n = 0
+    for s in Source.objects.filter(user=request.user, kind=Source.BLOG):
+        if _in_folder(s, old):
+            kept = [f for f in s.folders if f.casefold() != old.casefold() and f.casefold() != new.casefold()]
+            s.folders = kept + [new]
+            s.save(update_fields=['folders'])
+            n += 1
+    return JsonResponse({'blogs': n})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def dissolve_folder(request):
+    """The folder goes from every blog; the blogs stay subscribed."""
+    if (err := _auth(request)):
+        return err
+    name = _clean_folder((_body(request) or {}).get('name'))
+    n = 0
+    for s in Source.objects.filter(user=request.user, kind=Source.BLOG):
+        if name and _in_folder(s, name):
+            s.folders = [f for f in s.folders if f.casefold() != name.casefold()]
+            s.save(update_fields=['folders'])
+            n += 1
+    return JsonResponse({'blogs': n})
+
+
 @csrf_exempt
 @require_http_methods(['POST'])
 def star(request, pk):
diff --git a/static/js/feeds.js b/static/js/feeds.js
index 80f9fa4..20f144c 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -233,6 +233,13 @@
   const NEW_MS = 24 * 3600000;
   const FAV_PER_DAY = 5;     // posts of one favorite blog that go first per section
 
+  function inFolderOf(b, f) {
+    const list = b.folders || [];
+    if (f === '') return !list.length;
+    const k = f.toLowerCase();
+    return list.some(x => x.toLowerCase() === k);
+  }
+
   function isNew(i, src) {
     return !i.read && Date.now() - new Date(i.published).getTime() < NEW_MS && !(src && src.hidden);
   }
@@ -291,7 +298,7 @@
     blogs.forEach(b => { byId[b.id] = b; });
     // Folders (a blog's category): chips with their unread count, a dot when something is new.
     const folders = (st.state.folders || []);
-    const inFolder = f => blogs.filter(b => (b.category || '') === f);
+    const inFolder = f => blogs.filter(b => inFolderOf(b, f));
     const sum = (list, key) => list.reduce((n, b) => n + b[key], 0);
     const visible = blogs.filter(b => !b.hidden);
     let h = '';
@@ -302,7 +309,7 @@
         (sum(list, 'unread') ? ' <small>' + sum(list, 'unread') + '</small>' : '') + '</button>';
       h += '<div class="fd-chips">' + chip(null, 'Alle', visible) +
         folders.map(f => chip(f, f, inFolder(f))).join('') +
-        (blogs.some(b => !b.category) ? chip('', 'Ohne Ordner', inFolder('')) : '') + '</div>';
+        (blogs.some(b => !(b.folders || []).length) ? chip('', 'Ohne Ordner', inFolder('')) : '') + '</div>';
     }
     const main = st.blogFolder === null;
     const shown = main ? blogs : inFolder(st.blogFolder);
@@ -332,6 +339,15 @@
         '<button type="button" class="fd-chip" data-edit-open="' + one.id + '">⚙</button></div>';
     }
     if (!st.items.length) return h + '<p class="fd-note">' + (st.loading ? 'Lädt …' : (st.blogUnread ? 'Alles gelesen.' : 'Keine Artikel.')) + '</p>';
+    const reading = st.items.filter(i => !i.read && i.progress >= 0.05 && i.progress < 0.9)
+      .sort((a, b) => b.progress - a.progress).slice(0, 3);
+    if (reading.length) {
+      h += '<h3 class="fd-day">Weiterlesen</h3>' + reading.map(i =>
+        '<button type="button" class="fd-post fd-continue" data-item="' + i.id + '">' +
+        '<span class="fd-card-title">' + esc(i.title) + '</span>' +
+        '<span class="fd-row-meta">' + esc(i.source_title) + ' · ' + Math.round(i.progress * 100) + ' % gelesen</span>' +
+        '<span class="fd-prog"><span style="width:' + Math.round(i.progress * 100) + '%"></span></span></button>').join('');
+    }
     blogSections(st.items, byId).forEach(sec => {
       h += '<h3 class="fd-day">' + esc(sec.label) + '</h3>';
       h += sec.items.map(i => {
@@ -341,6 +357,7 @@
           '<span class="fd-card-title">' + (isNew(i, src) ? '<span class="fd-new">NEU</span> ' : '') + (i.starred ? '★ ' : '') + esc(i.title) + '</span>' +
           '<span class="fd-row-meta">' + (src && src.fav ? '★ ' : '') + esc(i.source_title) + ' · ' + esc(when(i.published)) + (rt ? ' · ' + rt : '') + '</span>' +
           (i.summary ? '<span class="fd-card-sum">' + esc(i.summary) + '</span>' : '') +
+          (!i.read && i.progress > 0.02 ? '<span class="fd-prog"><span style="width:' + Math.round(i.progress * 100) + '%"></span></span>' : '') +
           '</button>';
       }).join('');
     });
@@ -386,12 +403,22 @@
       list.map(x => x.id === st.editing ? editForm(x) :
         '<button type="button" class="fd-src" data-edit="' + x.id + '">' +
         '<span class="fd-src-title">' + (x.fav ? '★ ' : '') + (x.notify ? '🔔 ' : '') + esc(x.title) + (x.hidden ? ' <small class="fd-note">ausgeblendet</small>' : '') + '</span>' +
-        '<span class="fd-row-meta">' + (x.kind === 'news' ? esc(x.category || 'Allgemein') + ' · ' : (x.category ? esc(x.category) + ' · ' : '')) +
+        '<span class="fd-row-meta">' + (x.kind === 'news' ? esc(x.category || 'Allgemein') + ' · ' : ((x.folders || []).length ? esc(x.folders.join(', ')) + ' · ' : '')) +
         (x.unread ? x.unread + ' ungelesen' : '') +
         (x.error_count >= 3 ? ' <span class="fd-warn" title="' + esc(x.last_error) + '">⚠ Abruf schlägt fehl</span>' : '') +
         '</span></button>').join('') + '</section>';
     h += group('Nachrichten', news.sort((a, b) => (a.category || '').localeCompare(b.category || '') || a.title.localeCompare(b.title)));
-    h += group('Blogs', blogs.sort((a, b) => (a.category || '~').localeCompare(b.category || '~') || a.title.localeCompare(b.title)));
+    const firstFolder = b => ((b.folders || [])[0] || '~').toLowerCase();
+    h += group('Blogs', blogs.sort((a, b) => firstFolder(a).localeCompare(firstFolder(b)) || a.title.localeCompare(b.title)));
+    // The folders themselves: rename, dissolve (the blogs stay).
+    const folders = (s.folders || []);
+    if (folders.length) {
+      h += '<section class="fd-box"><h3>Ordner <small>' + folders.length + '</small></h3>' + folders.map(f =>
+        '<div class="fd-folder-row"><span>' + esc(f) + ' <small class="fd-note">' + blogs.filter(b => inFolderOf(b, f)).length + ' Blogs</small></span>' +
+        '<span class="fd-buttons"><button type="button" class="btn" data-act="folder-rename" data-name="' + esc(f) + '">Umbenennen</button>' +
+        '<button type="button" class="btn" data-act="folder-dissolve" data-name="' + esc(f) + '">Auflösen</button></span></div>').join('') +
+        '<p class="fd-note">Tipp: lange auf einen Ordner in der Blog-Ansicht drücken (oder Rechtsklick) öffnet dasselbe.</p></section>';
+    }
 
     h += '<section class="fd-box"><h3>Import &amp; Einstellungen</h3>' +
       '<label class="btn fd-file">OPML importieren …<input type="file" accept=".opml,.xml,text/xml,text/x-opml" data-act="opml" hidden></label> ' +
@@ -410,7 +437,7 @@
       '<div class="fd-note fd-url">' + esc(x.url) + '</div>' +
       (x.last_error ? '<p class="fd-warn">Letzter Fehler: ' + esc(x.last_error) + '</p>' : '') +
       '<div class="fd-grid"><label>Art ' + kindSelect('kind', x.kind) + '</label>' +
-      '<label class="fd-cat-field">' + (x.kind === 'news' ? 'Ressort' : 'Ordner') + ' ' + categoryInput(x.category) + '</label>' +
+      (x.kind === 'news' ? '<label class="fd-cat-field">Ressort ' + categoryInput(x.category) + '</label>' : folderPicker(x)) +
       (x.kind === 'blog' ? '<label class="fd-check"><input type="checkbox" name="fav"' + (x.fav ? ' checked' : '') + '> Favorit</label>' +
         '<label class="fd-check"><input type="checkbox" name="hidden"' + (x.hidden ? ' checked' : '') + '> Im Hauptfeed ausblenden (nur im Ordner)</label>' +
         '<label class="fd-check"><input type="checkbox" name="notify"' + (x.notify ? ' checked' : '') + '> Benachrichtigen bei neuen Posts</label>' : '') +
@@ -424,6 +451,14 @@
       loginForm(x);
   }
 
+  function folderPicker(x) {
+    const all = (st.state && st.state.folders) || [];
+    return '<fieldset class="fd-folders"><legend>Ordner</legend>' +
+      all.map(f => '<label class="fd-check"><input type="checkbox" name="folder" value="' + esc(f) + '"' +
+        (inFolderOf(x, f) ? ' checked' : '') + '> ' + esc(f) + '</label>').join('') +
+      '<input class="search-input" name="newfolder" maxlength="40" placeholder="Neuer Ordner"></fieldset>';
+  }
+
   // A paywalled site (junge Welt …): the subscriber login, kept encrypted on the
   // server, which then fetches whole articles. The password never comes back.
   function loginForm(x) {
@@ -498,6 +533,10 @@
     reader.id = 'fd-article';
     reader.hidden = true;
     reader.addEventListener('click', onReaderClick);
+    reader.addEventListener('scroll', () => {
+      clearTimeout(progressTimer);
+      progressTimer = setTimeout(saveProgress, 1200);
+    }, {passive: true});
     document.body.appendChild(reader);
     return reader;
   }
@@ -508,6 +547,7 @@
 
   function closeReader() {
     if (!reader) return;
+    saveProgress();
     reader.hidden = true;
     reader.innerHTML = '';
     document.documentElement.classList.remove('fd-reading');
@@ -515,8 +555,34 @@
     render();
   }
 
+  // How far the open article is read (0-1); saved now and then and when leaving it.
+  let progressSent = 0;
+  let progressTimer = null;
+
+  function readProgress() {
+    if (!reader || reader.hidden) return 0;
+    const room = reader.scrollHeight - reader.clientHeight;
+    return room <= 40 ? 1 : Math.min(1, reader.scrollTop / room);
+  }
+
+  function saveProgress() {
+    const i = readerItem;
+    if (!i) return;
+    const p = Math.round(readProgress() * 100) / 100;
+    if (Math.abs(p - progressSent) < 0.02 && !(p >= 0.9 && !i.read)) return;
+    progressSent = p;
+    i.progress = p;
+    st.items.forEach(x => { if (x.id === i.id) x.progress = p; });
+    if (p >= 0.9 && !i.read) {
+      i.read = true;
+      markLocal([i.id], true);
+    }
+    api('/feeds/items/' + i.id + '/progress/', {progress: p}).catch(() => {});
+  }
+
   async function openItem(id, story) {
     ensureReader();
+    if (readerItem) saveProgress();
     readerStory = story || null;
     reader.hidden = false;
     document.documentElement.classList.add('fd-reading');
@@ -527,10 +593,21 @@
       readerItem = data.item;
       reader.innerHTML = readerShell(articleHtml(readerItem));
       reader.scrollTop = 0;
-      if (!readerItem.read) {
-        readerItem.read = true;
-        markLocal([id], true);
-        api('/feeds/items/read/', {ids: [id], read: true}).catch(() => {});
+      progressSent = readerItem.progress || 0;
+      if (readerItem.kind === 'news') {
+        // News is read once opened; a blog post once read to 90 % (the server keeps where).
+        if (!readerItem.read) {
+          readerItem.read = true;
+          markLocal([id], true);
+          api('/feeds/items/read/', {ids: [id], read: true}).catch(() => {});
+        }
+      } else {
+        if (progressSent > 0.02 && progressSent < 0.9) {
+          // Back where reading stopped (on any device).
+          requestAnimationFrame(() => { reader.scrollTop = progressSent * (reader.scrollHeight - reader.clientHeight); });
+        } else {
+          setTimeout(saveProgress, 1500);   // short enough to fit: read at once
+        }
       }
     } catch (e) {
       reader.innerHTML = readerShell('<p class="fd-error">' + esc(e.message === 'Failed to fetch' ? 'Keine Verbindung.' : e.message) + '</p>');
@@ -642,6 +719,57 @@
     openItem(lead.id, story);
   }
 
+  // ---- folders: rename, dissolve
+
+  async function folderAction(act, name) {
+    if (act === 'folder-rename') {
+      const neu = typeof customPrompt === 'function' ? await customPrompt('Ordner „' + name + '“ umbenennen in:', name) : window.prompt('Neuer Name', name);
+      if (!neu || !neu.trim() || neu.trim() === name) return;
+      await api('/feeds/folders/rename/', {name, new: neu.trim()}).catch(() => {});
+      if (st.blogFolder !== null && st.blogFolder.toLowerCase() === name.toLowerCase()) st.blogFolder = neu.trim().slice(0, 40);
+    } else {
+      const ok = typeof customConfirm === 'function'
+        ? await customConfirm('Ordner „' + name + '“ auflösen? Die Blogs bleiben abonniert.')
+        : window.confirm('Auflösen?');
+      if (!ok) return;
+      await api('/feeds/folders/dissolve/', {name}).catch(() => {});
+      if (st.blogFolder !== null && st.blogFolder.toLowerCase() === name.toLowerCase()) st.blogFolder = null;
+    }
+    await loadState().catch(() => {});
+    if (st.view === 'blogs') return load();
+    render();
+  }
+
+  tab.addEventListener('contextmenu', e => {
+    const chip = e.target.closest('[data-folder]');
+    if (!chip || chip.dataset.folder === '*' || chip.dataset.folder === '') return;
+    e.preventDefault();
+    folderSheet(chip.dataset.folder);
+  });
+
+  // The long-press menu of a folder: open, rename, dissolve.
+  function folderSheet(name) {
+    const old = document.getElementById('fd-sheet');
+    if (old) old.remove();
+    const sheet = document.createElement('div');
+    sheet.id = 'fd-sheet';
+    sheet.innerHTML = '<div class="fd-sheet-box"><div class="fd-sheet-title">' + esc(name) + '</div>' +
+      '<button type="button" data-s="open">Ordner öffnen</button>' +
+      '<button type="button" data-s="rename">Umbenennen …</button>' +
+      '<button type="button" data-s="dissolve">Auflösen</button>' +
+      '<button type="button" data-s="cancel">Abbrechen</button></div>';
+    sheet.addEventListener('click', e => {
+      const b = e.target.closest('[data-s]');
+      if (!b && e.target !== sheet) return;
+      sheet.remove();
+      const what = b ? b.dataset.s : 'cancel';
+      if (what === 'open') { st.blogFolder = name; st.blogSource = ''; load(); }
+      if (what === 'rename') folderAction('folder-rename', name);
+      if (what === 'dissolve') folderAction('folder-dissolve', name);
+    });
+    document.body.appendChild(sheet);
+  }
+
   // ---- events
 
   tab.addEventListener('click', async e => {
@@ -734,6 +862,7 @@
       await api('/feeds/items/read/', {ids, read: true}).catch(() => {});
       return load();
     }
+    if (act === 'folder-rename' || act === 'folder-dissolve') return folderAction(act, t.dataset.name);
     if (act === 'login-delete') {
       await api('/feeds/logins/delete/', {source: parseInt(t.dataset.id, 10)}).catch(() => {});
       await loadState().catch(() => {});
@@ -834,7 +963,12 @@
           customAlert('Angemeldet.' + (r.refetched ? ' ' + r.refetched + ' Artikel jetzt vollständig.' : ''));
         }
       } else if (f.dataset.form === 'edit') {
-        const change = {title: f.title.value, kind: f.kind.value, category: f.category.value, fulltext: f.fulltext.value};
+        const change = {title: f.title.value, kind: f.kind.value, fulltext: f.fulltext.value};
+        if (f.category) change.category = f.category.value;
+        if (f.newfolder) {
+          change.folders = Array.prototype.filter.call(f.querySelectorAll('input[name=folder]'), c => c.checked).map(c => c.value);
+          if (f.newfolder.value.trim()) change.folders.push(f.newfolder.value.trim());
+        }
         if (f.fav) change.fav = f.fav.checked;
         if (f.hidden) change.hidden = f.hidden.checked;
         if (f.notify) change.notify = f.notify.checked;
@@ -982,6 +1116,19 @@
     '#tab-feeds .fd-blogbar { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }',
     '#tab-feeds .fd-new { display: inline-block; padding: 1px 5px; border-radius: 3px; background: var(--accent, #e63946); color: #fff; font-size: 10px; letter-spacing: 0.05em; vertical-align: 2px; }',
     '#tab-feeds .fd-hidden { opacity: 0.6; }',
+    '#tab-feeds .fd-prog { display: block; height: 3px; margin-top: 4px; background: #2a2a2a; border-radius: 2px; overflow: hidden; }',
+    '#tab-feeds .fd-prog > span { display: block; height: 100%; background: var(--accent, #e63946); }',
+    '#tab-feeds .fd-folders { border: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }',
+    '#tab-feeds .fd-folders legend { font-size: 12px; color: var(--nui-muted, #9a9a9a); margin-bottom: 4px; }',
+    '#tab-feeds .fd-folders input[name=newfolder] { flex-basis: 100%; }',
+    '#tab-feeds .fd-folder-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--border, #2a2a2a); flex-wrap: wrap; }',
+    '#fd-sheet { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 995; background: rgba(0,0,0,0.5); display: flex; align-items: flex-end; justify-content: center; }',
+    '#fd-sheet .fd-sheet-box { width: 100%; max-width: 480px; background: var(--bg, #000); border: 1px solid var(--border, #2a2a2a); border-bottom: none; border-radius: 10px 10px 0 0; padding: 8px 0 calc(8px + env(safe-area-inset-bottom, 0px)); }',
+    '#fd-sheet .fd-sheet-title { padding: 10px 18px; font-size: 13px; color: var(--nui-muted, #9a9a9a); }',
+    '#fd-sheet button { display: block; width: 100%; padding: 14px 18px; background: none; border: none; color: var(--fg, #fff); font: inherit; text-align: left; cursor: pointer; }',
+    'body.eink #tab-feeds .fd-prog > span { background: #000; }',
+    'body.eink #fd-sheet .fd-sheet-box { background: #fff; }',
+    'body.eink #fd-sheet button { color: #000; }',
     'body.eink #tab-feeds .fd-new, body.eink .fd-dot { background: #000; }',
     '#tab-feeds .fd-day { margin-top: 16px; }',
     '#tab-feeds .fd-card { display: flex; gap: 12px; width: 100%; padding: 12px 0; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; text-align: left; cursor: pointer; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index 73e0028..dda6cf9 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v94';
+const CACHE = 'diora-v95';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 3d659fc80971a3773e691c64376f44f8b6b0396e Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 5 Oct 2026 17:50:44 +0200
Subject: [PATCH 091/176] =?UTF-8?q?/api/sync/=3Fonly=3Dbooks:=20nur=20der?=
 =?UTF-8?q?=20B=C3=BCcher-Teil?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die Buch-Synchronisation der Apps braucht vom Schnappschuss nur Bücher,
Fortschritt, Markierungen und Lesezeichen; der Podcast-Teil (jede je gespielte
Folge) ist für ein Konto aus AntennaPod 11 MB groß und wurde bei jedem Abgleich
mitgeladen – über mobile Daten Gigabytes.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 accounts/sync.py  | 15 ++++++++++++++-
 accounts/tests.py |  6 ++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/accounts/sync.py b/accounts/sync.py
index dcd2422..5dccfb3 100644
--- a/accounts/sync.py
+++ b/accounts/sync.py
@@ -19,7 +19,11 @@ def sync_snapshot(request):
     endpoints (e.g. GET /books/<id>/data/), which this same token also
     unlocks. Writes (progress, highlights, bookmarks, ...) go through those
     existing endpoints too, to reuse their merge semantics rather than
-    duplicating it here."""
+    duplicating it here.
+
+    ?only=books: just the books' part. The apps' book sync needs nothing else,
+    and the podcast part is by far the biggest (every episode ever played:
+    megabytes for an account that moved over from AntennaPod)."""
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
 
@@ -43,6 +47,15 @@ def sync_snapshot(request):
     for bm in book_bookmarks:
         bm['updated_at'] = bm['updated_at'].isoformat()
 
+    if request.GET.get('only') == 'books':
+        return JsonResponse({
+            'server_time': timezone.now().isoformat(),
+            'books': books,
+            'book_progress': book_progress,
+            'book_highlights': book_highlights,
+            'book_bookmarks': book_bookmarks,
+        })
+
     podcast_feeds = list(
         PodcastFeed.objects.filter(user=user)
         .annotate(latest_episode_at=Max('episodes__pub_date'))
diff --git a/accounts/tests.py b/accounts/tests.py
index 638ec51..35d015e 100644
--- a/accounts/tests.py
+++ b/accounts/tests.py
@@ -85,6 +85,12 @@ class SyncSnapshotTests(TestCase):
         resp = self.client.get('/api/sync/')
         self.assertEqual(resp.status_code, 401)
 
+    def test_only_books(self):
+        resp = self.client.get('/api/sync/?only=books', HTTP_AUTHORIZATION=f'Bearer {self.token.token}')
+        data = resp.json()
+        self.assertEqual(set(data), {'server_time', 'books', 'book_progress', 'book_highlights', 'book_bookmarks'})
+        self.assertEqual(data['book_highlights'][0]['ct'], 'hl-ct')
+
     def test_snapshot_shape_and_data(self):
         resp = self.client.get('/api/sync/', HTTP_AUTHORIZATION=f'Bearer {self.token.token}')
         self.assertEqual(resp.status_code, 200)

From aa4cf23b58412bb4c86997cdfb029cc2b58f6594 Mon Sep 17 00:00:00 2001
From: Marwin Schulz <m.schulz@multimerx.de>
Date: Wed, 7 Oct 2026 08:50:07 +0200
Subject: [PATCH 092/176] =?UTF-8?q?B=C3=BCcherliste:=20Seitenzahl=20neben?=
 =?UTF-8?q?=20dem=20Lesefortschritt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

PDFs liefern die echte Seitenzahl, bei EPUBs wird sie aus der Zeichenzahl
geschätzt (1800 Zeichen je Seite). Gespeichert in den verschlüsselten Metadaten
beim Öffnen des Buchs.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 static/js/app.js | 18 ++++++++++++++----
 static/js/sw.js  |  2 +-
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/static/js/app.js b/static/js/app.js
index d12f1a5..5112828 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -1991,6 +1991,8 @@ let readerScrollSaveTimer = null;
 let _resizeObserver = null;
 let _currentPositionAnchor = '';
 let _currentBookCharCount = 0;
+// Rough characters per printed book page, used to estimate a real page count for EPUBs.
+const CHARS_PER_BOOK_PAGE = 1800;
 const bookMetaCache = {}; // id → {title, author, type}
 
 // Reading-position percentages (the progress readout, annotation "% im Buch"
@@ -2493,8 +2495,8 @@ async function loadBookList() {
       try {
         const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
         const meta = JSON.parse(new TextDecoder().decode(metaBuf));
-        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || ''};
-        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0};
+        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       } catch (e) {
         bookMetaCache[b.id] = {title: `Buch #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
         decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
@@ -2536,7 +2538,7 @@ async function loadBookList() {
         if (b.last_read) return 1;
         return (b.uploaded_at || '').localeCompare(a.uploaded_at || '');
       });
-      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', isbn: b.isbn || '', shelfTag: b.shelfTag || ''};
+      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0};
       const uploadArea = $('book-upload-area');
       if (uploadArea) uploadArea.style.display = 'none';
       renderBookList(cachedBooks);
@@ -2698,7 +2700,7 @@ function _renderBookItemHtml(b) {
         <strong class="book-title">${escapeHtml(b.title)}${keyWarning}${b.is_read ? ' <span class="muted book-read-badge">✓ gelesen</span>' : ''}</strong>
         <span class="muted book-author">${escapeHtml(b.author)}</span>
         <span class="book-item-meta-row">
-          ${pct > 0 ? `<span class="muted book-progress">${pct} % gelesen</span>` : ''}
+          ${pct > 0 ? `<span class="muted book-progress">${pct} % gelesen${b.pages ? ` (≈ ${Math.max(1, Math.round(b.pages * pct / 100))} von ${b.pages} Seiten)` : ''}</span>` : (b.pages ? `<span class="muted book-progress">ca. ${b.pages} Seiten</span>` : '')}
           ${b.shelfTag ? `<span class="book-shelf-badge" title="Regal-Kategorie">${escapeHtml(b.shelfTag)}</span>` : ''}
         </span>
       </div>
@@ -2825,6 +2827,7 @@ async function _updateBookMeta(bookId, overrides) {
     isbn: cached.isbn || book.isbn || '',
     folder: cached.folder || book.folder || '',
     shelfTag: cached.shelfTag || book.shelfTag || '',
+    pages: cached.pages || book.pages || 0,
     ...overrides,
   };
   const key = await getOrCreateEncKey();
@@ -3767,6 +3770,13 @@ async function _openBookOnce(bookId) {
 
     currentBookId = bookId;
 
+    // Remember the book's real (PDF) or estimated (EPUB) page count in its encrypted meta so
+    // the book list can show it; rewritten only when it changed.
+    const bookPages = isPdfBook ? numPages : Math.max(1, Math.round(_currentBookCharCount / CHARS_PER_BOOK_PAGE));
+    if (bookPages > 0 && cachedMeta.pages !== bookPages) {
+      _updateBookMeta(bookId, {pages: bookPages}).catch(() => {});
+    }
+
     // Load bookmarks and highlights
     await Promise.all([
       loadBookmarks(bookId),
diff --git a/static/js/sw.js b/static/js/sw.js
index dda6cf9..b6114eb 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v95';
+const CACHE = 'diora-v96';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 077612e7bb6c7315352ed4ee9972067296fa0fbc Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Thu, 8 Oct 2026 18:41:56 +0200
Subject: [PATCH 093/176] =?UTF-8?q?B=C3=BCcher=20schneller=20=C3=B6ffnen:?=
 =?UTF-8?q?=20Kapitel=20parallel=20entpacken,=20vorbereitete=20B=C3=BCcher?=
 =?UTF-8?q?=20merken?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Gemessen mit Das Kapital (148 Kapitel, 26 000 Absätze) im diora Reader, CPU
6-fach gedrosselt wie auf einem E-Reader: Öffnen 2,4 s → 1,2 s.
- parseEpub entpackt alle Kapitel auf einmal statt eines nach dem anderen
  (jedes wartete auf JSZips eigene Ticks) und pausiert nach ~50 ms Arbeit statt
  alle 8 Kapitel einen Frame; ebenso das Einfügen der Kapitel
- Vorbereitete Bücher (entpackt und bereinigt) liegen verschlüsselt mit dem
  Buchschlüssel in IndexedDB („parsed“): gültig für eine Fassung der Buchdatei
  (IV) und des Vorbereitungs-Codes (Hash seines Quelltexts – eine Änderung am
  Sanitizer bereitet jedes Buch neu vor); Bilder bleiben in der Buchdatei, die
  Kapitel tragen „diora-img:<Pfad>“ statt Blob-URLs. Nach 4 Wochen ohne Öffnen weg.
  Geprüft: Text, Absätze, Bilder, Fußnotenlinks, Inhaltsverzeichnis identisch.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app.js | 134 ++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 121 insertions(+), 13 deletions(-)

diff --git a/static/js/app.js b/static/js/app.js
index d12f1a5..98f2c43 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -1815,11 +1815,21 @@ async function parseEpub(arrayBuffer) {
     .map(ref => manifest[ref.getAttribute('idref')]?.href)
     .filter(Boolean);
 
+  // All chapters unpacked at once: one after the other, every chapter waits for
+  // JSZip's own ticks (a book like Das Kapital has 148 of them).
+  const texts = await Promise.all(spineItems.map(href => {
+    const f = zip.file(href);
+    return f ? f.async('text').catch(() => null) : null;
+  }));
+
   const chapters = [];
+  let slice = performance.now();
   for (let i = 0; i < spineItems.length; i++) {
     const href = spineItems[i];
+    if (texts[i] == null) continue;   // missing
     try {
-      let chapterText = await zip.file(href).async('text');
+      let chapterText = texts[i];
+      texts[i] = null;
       // Strip style/script blocks early — publisher EPUBs often embed large base64 fonts in CSS.
       // This shrinks the string before regex and DOMParser work on it.
       chapterText = chapterText.replace(/<style\b[^>]*>[\s\S]*?<\/style>/gi, '');
@@ -1828,8 +1838,12 @@ async function parseEpub(arrayBuffer) {
       const withBlobs = _injectImageBlobs(chapterText, chapterDir, imageMap);
       const sanitized = sanitizeEpubHtml(withBlobs);
       chapters.push(`<div id="epub-chapter-${i}" data-epub-src="${href}">${sanitized}</div>`);
-      if (i % 8 === 0) await new Promise(r => requestAnimationFrame(r));
-    } catch (e) { /* skip missing */ }
+      // Let the page breathe (spinner, taps) every ~50 ms of work, not after a fixed count.
+      if (performance.now() - slice > 50) {
+        await new Promise(r => setTimeout(r, 0));
+        slice = performance.now();
+      }
+    } catch (e) { /* skip unreadable */ }
   }
 
   return {title, author, chapters, toc, imageMap};
@@ -2208,11 +2222,12 @@ function _cmpProgress(anchorA, fracA, anchorB, fracB) {
 const _BOOK_CACHE_STORE       = 'books';
 const _BOOK_META_STORE        = 'book_meta';
 const _BOOK_ANNOTATIONS_STORE = 'book_annotations';
+const _BOOK_PARSED_STORE      = 'parsed';   // prepared chapters, see _getParsedBook
 const _BOOK_CACHE_EVICT_MS    = 4 * 7 * 24 * 60 * 60 * 1000;
 
 function _openBookCacheDb() {
   return new Promise((resolve, reject) => {
-    const req = indexedDB.open('diora_book_cache', 2);
+    const req = indexedDB.open('diora_book_cache', 3);
     req.onupgradeneeded = e => {
       const db = e.target.result;
       if (!db.objectStoreNames.contains(_BOOK_CACHE_STORE))
@@ -2221,12 +2236,98 @@ function _openBookCacheDb() {
         db.createObjectStore(_BOOK_META_STORE, {keyPath: 'id'});
       if (!db.objectStoreNames.contains(_BOOK_ANNOTATIONS_STORE))
         db.createObjectStore(_BOOK_ANNOTATIONS_STORE, {keyPath: 'id'});
+      if (!db.objectStoreNames.contains(_BOOK_PARSED_STORE))
+        db.createObjectStore(_BOOK_PARSED_STORE, {keyPath: 'id'});
     };
     req.onsuccess  = e => resolve(e.target.result);
     req.onerror    = ()  => reject();
   });
 }
 
+// ---------------------------------------------------------------------------
+// Prepared books: an EPUB's chapters after unpacking and sanitizing, so opening
+// it again skips both (for a book like Das Kapital that's most of the time an
+// e-reader needs to open it). Encrypted with the book key like everything else
+// on the device. Valid for one version of the book file (its IV) and of the
+// code that prepares chapters (a hash of its source: changing the sanitizer
+// makes every book be prepared anew). Images stay in the book file: the
+// chapters keep "diora-img:<path>" in place of the session's blob URLs.
+// ---------------------------------------------------------------------------
+let _parseCodeSig = null;
+
+function _parsePreparationSig() {
+  if (_parseCodeSig) return _parseCodeSig;
+  const src = [parseEpub, sanitizeEpubHtml, _injectImageBlobs, _resolveImageBlob, _parseEpubToc]
+    .map(f => String(f)).join('\n');
+  let h = 5381;
+  for (let i = 0; i < src.length; i++) h = ((h << 5) + h + src.charCodeAt(i)) | 0;
+  return (_parseCodeSig = (h >>> 0).toString(36) + '.' + src.length);
+}
+
+async function _getParsedBook(bookId, dataIv, key) {
+  try {
+    const db = await _openBookCacheDb();
+    const row = await new Promise(resolve => {
+      const req = db.transaction(_BOOK_PARSED_STORE).objectStore(_BOOK_PARSED_STORE).get(bookId);
+      req.onsuccess = e => resolve(e.target.result || null);
+      req.onerror = () => resolve(null);
+    });
+    if (!row || row.sig !== dataIv + ':' + _parsePreparationSig()) return null;
+    const plain = await crypto.subtle.decrypt({name: 'AES-GCM', iv: row.iv}, key, row.ct);
+    return JSON.parse(new TextDecoder().decode(plain));
+  } catch (e) { return null; }
+}
+
+async function _setParsedBook(bookId, dataIv, key, result) {
+  try {
+    // Blob URLs live as long as this page; the stored chapters name the image instead.
+    const pathOf = {};
+    for (const [path, url] of Object.entries(result.imageMap || {})) pathOf[url] = path;
+    const blobRe = /blob:[^"'\s)]+/g;
+    const chapters = result.chapters.map(c => c.replace(blobRe, u => pathOf[u] ? 'diora-img:' + pathOf[u] : u));
+    const doc = {title: result.title, author: result.author, toc: result.toc, chapters,
+                 images: Object.keys(result.imageMap || {})};
+    // Raw bytes, not base64: IndexedDB keeps an ArrayBuffer as it is (megabytes for a big book).
+    const iv = crypto.getRandomValues(new Uint8Array(12));
+    const ct = await crypto.subtle.encrypt({name: 'AES-GCM', iv}, key, new TextEncoder().encode(JSON.stringify(doc)));
+    const db = await _openBookCacheDb();
+    await new Promise(resolve => {
+      const tx = db.transaction(_BOOK_PARSED_STORE, 'readwrite');
+      const store = tx.objectStore(_BOOK_PARSED_STORE);
+      store.put({id: bookId, sig: dataIv + ':' + _parsePreparationSig(), iv, ct, cached_at: Date.now()});
+      // Prepared books not opened for a while go (they come back on the next open).
+      const all = store.getAll();
+      all.onsuccess = () => all.result.forEach(r => {
+        if (r.id !== bookId && Date.now() - (r.cached_at || 0) > _BOOK_CACHE_EVICT_MS) store.delete(r.id);
+      });
+      tx.oncomplete = resolve;
+      tx.onerror = resolve;
+    });
+  } catch (e) {}
+}
+
+/** A prepared book back to what parseEpub returns: fresh blob URLs for its images. */
+async function _restoreParsedBook(doc, epubBytes) {
+  const imageMap = {};
+  if (doc.images && doc.images.length) {
+    const zip = await JSZip.loadAsync(epubBytes);
+    await Promise.all(doc.images.map(async path => {
+      const f = zip.file(path);
+      if (!f) return;
+      try {
+        const buf = await f.async('arraybuffer');
+        const ext = path.split('.').pop().toLowerCase();
+        const type = {jpg: 'image/jpeg', jpeg: 'image/jpeg', png: 'image/png', gif: 'image/gif',
+                      svg: 'image/svg+xml', webp: 'image/webp'}[ext] || '';
+        imageMap[path] = URL.createObjectURL(new Blob([buf], type ? {type} : {}));
+      } catch (e) {}
+    }));
+  }
+  const placeholder = /diora-img:([^"'\s)]+)/g;
+  const chapters = doc.chapters.map(c => c.replace(placeholder, (m, path) => imageMap[path] || ''));
+  return {title: doc.title, author: doc.author, toc: doc.toc, chapters, imageMap};
+}
+
 async function _getCachedBook(bookId) {
   try {
     const db = await _openBookCacheDb();
@@ -3740,22 +3841,29 @@ async function _openBookOnce(bookId) {
       currentPdfBuffer = plain;
     } else {
       currentPdfBuffer = null;
-      const result = await parseEpub(plain);
+      // Prepared before (same book file, same preparation code): only the images to unpack.
+      const prepared = await _getParsedBook(bookId, data_iv, key);
+      const result = prepared ? await _restoreParsedBook(prepared, plain) : await parseEpub(plain);
+      if (!prepared) {
+        // Kept for the next open once the book is on screen (encrypting takes a moment).
+        setTimeout(() => _setParsedBook(bookId, data_iv, key, result), 3000);
+      }
       title = result.title || title;
       author = result.author || author;
       toc = result.toc;
       currentImageMap = result.imageMap;
-      // Inject chapters progressively so the browser stays responsive on large books
-      const BATCH = 8;
-      for (let i = 0; i < result.chapters.length; i += BATCH) {
+      // Inject chapters progressively so the browser stays responsive on large books:
+      // a batch per ~50 ms of work (a fixed count waited a frame every 8 chapters).
+      const tmp = document.createElement('div');
+      for (let i = 0; i < result.chapters.length;) {
         const frag = document.createDocumentFragment();
-        const tmp = document.createElement('div');
-        for (let j = i; j < Math.min(i + BATCH, result.chapters.length); j++) {
-          tmp.innerHTML = result.chapters[j];
+        const start = performance.now();
+        do {
+          tmp.innerHTML = result.chapters[i++];
           while (tmp.firstChild) frag.appendChild(tmp.firstChild);
-        }
+        } while (i < result.chapters.length && performance.now() - start < 50);
         contentEl.appendChild(frag);
-        await new Promise(r => requestAnimationFrame(r));
+        if (i < result.chapters.length) await new Promise(r => setTimeout(r, 0));
       }
       // Used to decide whole-percent vs one-decimal display further down —
       // see _formatBookPercent().

From 3f2e309c9ce8da86a8876e351d3bc4fca3db54ff Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Thu, 8 Oct 2026 18:51:05 +0200
Subject: [PATCH 094/176] =?UTF-8?q?Reader:=20Fu=C3=9Fnoten=20und=20Seitenz?=
 =?UTF-8?q?ahlen=20in=20Verlags-EPUBs;=20sw=20v96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- <a id="x"/> (XHTML) blieb beim Parsen als HTML offen und umschloss den
  folgenden Text, in jedem weiteren Absatz neu (Suhrkamp/transpect): die
  inline-Elemente werden vorher geschlossen.
- Seitenzahlen der Druckausgabe (epub:type="pagebreak") als kleine graue
  Marke statt am Text klebend („3Anton Jäger“).
- Fußnoten-Popover: Absatz der Notiz auch bei id auf einem inline-Element,
  ohne eigene Nummer und Seitenzahl, mehrabsätzige Noten (Gedichte).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/css/app.css |  4 ++++
 static/js/app.js   | 36 +++++++++++++++++++++++++++++++++++-
 static/js/sw.js    |  2 +-
 3 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/static/css/app.css b/static/css/app.css
index e6d8b7b..a2b225f 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1814,6 +1814,10 @@ body.reader-immersive.reader-show-bottom .reader-overlay  { bottom: var(--bar-h)
 .footnote-popover.reader-theme-bright { background:#f0f0f0; color:#111;    border-color:#bbb; }
 .footnote-popover-close { position:absolute; top:4px; right:6px; background:none; border:none; color:inherit; opacity:0.5; cursor:pointer; font-size:14px; padding:2px 4px; line-height:1; }
 
+/* Page numbers of the printed edition (epub:type="pagebreak") */
+.reader-content .epub-pagenum { display:inline-block; font-size:0.62em; line-height:1.3; font-weight:400; font-style:normal; letter-spacing:0; text-transform:none; vertical-align:0.35em; padding:0 0.35em; margin-right:0.4em; border:1px solid currentColor; border-radius:3px; opacity:0.45; user-select:none; }
+.reader-content .epub-pagenum:empty { display:none; }
+
 /* Highlight marks */
 .reader-no-bold * { font-weight: inherit !important; }
 .reader-content img { max-width: 100%; height: auto; display: block; }
diff --git a/static/js/app.js b/static/js/app.js
index d12f1a5..b5d9891 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -1942,7 +1942,16 @@ function _looksLikeFootnoteLink(el, href) {
   return !!(el.closest('sup') || el.querySelector('sup'));
 }
 
+// Chapters are XHTML, but parsed as HTML (forgiving with broken books). HTML
+// knows no self-closing <a id="x"/>: the anchor stays open and swallows the
+// text after it — and being a formatting element it is re-opened in every
+// following paragraph (Suhrkamp/transpect books put one in each heading and
+// note). Close the inline ones; block elements are left alone so the block
+// indexes that highlights are anchored to stay the same.
+const _SELF_CLOSING_INLINE = /<(a|span|b|i|em|strong|sup|sub|small|u|s|code|font|abbr|cite|q|mark|var)(\s(?:[^<>"']|"[^"]*"|'[^']*')*)?\/>/gi;
+
 function sanitizeEpubHtml(html) {
+  html = html.replace(_SELF_CLOSING_INLINE, '<$1$2></$1>');
   const doc = new DOMParser().parseFromString(html, 'text/html');
 
   doc.querySelectorAll('script, iframe, object, embed, style, head, meta, link').forEach(el => el.remove());
@@ -1957,6 +1966,11 @@ function sanitizeEpubHtml(html) {
       // Remove any non-blob, non-data src that slipped through (broken relative paths)
       if (src && !src.startsWith('blob:') && !src.startsWith('data:')) el.removeAttribute('src');
     }
+    // The printed edition's page numbers ("[12]") as small marks, not glued to the text.
+    const etype = el.getAttribute('epub:type') || '';
+    if (/\bpagebreak\b/.test(etype) || el.getAttribute('role') === 'doc-pagebreak') {
+      el.classList.add('epub-pagenum');
+    }
     if (el.tagName === 'A') {
       const href = el.getAttribute('href') || '';
       if (href.startsWith('http://') || href.startsWith('https://')) {
@@ -6021,11 +6035,31 @@ function showFootnotePopover(link) {
   dismissFootnotePopover();
   const targetEl = document.getElementById(link.dataset.footnoteRef);
   if (!targetEl) return;
-  const container = targetEl.closest('.footnote') || targetEl.parentElement;
+  // The note's paragraph, also when the id sits on an inline element in it
+  // (<p><span><a id="F400" …>143</a></span> Note…</p>).
+  const inline = /^(A|SPAN|SUP|SUB|B|I|EM|STRONG|SMALL)$/.test(targetEl.tagName);
+  const container = targetEl.closest('.footnote') ||
+    (inline && targetEl.closest('p, li, dd, blockquote')) || targetEl.parentElement;
   if (!container) return;
 
   const clone = container.cloneNode(true);
   clone.querySelector('sup')?.remove();
+  clone.querySelectorAll('.epub-pagenum').forEach(e => e.remove());
+  // The note's own number at its start, a link back to the text ("1 Note…").
+  const first = Array.from(clone.querySelectorAll('a')).find(a => a.textContent.trim());
+  const num = first ? first.textContent.trim() : '';
+  if (/^[\[(]?\d{1,4}[\])]?\.?$/.test(num) && clone.textContent.trim().startsWith(num)) first.remove();
+  // Only the number: the note (a poem, a long quote) runs on in the next
+  // paragraphs, up to the next note's anchor.
+  if (!clone.textContent.trim()) {
+    let len = 0;
+    for (let next = container.nextElementSibling; next && len < 6000; next = next.nextElementSibling) {
+      if (/^H[1-6]$/.test(next.tagName) || next.querySelector('[id]')) break;
+      if (!next.textContent.trim()) continue;
+      clone.appendChild(next.cloneNode(true));
+      len += next.textContent.length;
+    }
+  }
 
   const popover = document.createElement('div');
   popover.className = 'footnote-popover';
diff --git a/static/js/sw.js b/static/js/sw.js
index dda6cf9..b6114eb 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v95';
+const CACHE = 'diora-v96';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 3f2fcec3b87665498925a5cc17bd4d5cca91c36d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Thu, 8 Oct 2026 18:52:16 +0200
Subject: [PATCH 095/176] =?UTF-8?q?sw=20v97=20(Fu=C3=9Fnoten-Fix=20und=20s?=
 =?UTF-8?q?chnelleres=20=C3=96ffnen=20nach=20v96=20aus=20aa4cf23)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sw.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/js/sw.js b/static/js/sw.js
index b6114eb..fba4890 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v96';
+const CACHE = 'diora-v97';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 53ca3b00024188476a3addd85d1e84c82da79768 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Thu, 8 Oct 2026 19:01:40 +0200
Subject: [PATCH 096/176] =?UTF-8?q?Leseposition:=20Bin=C3=A4rsuche=20?=
 =?UTF-8?q?=C3=BCber=20die=20Bl=C3=B6cke=20statt=20alle=20vom=20Buchanfang?=
 =?UTF-8?q?=20an=20messen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

getPositionAnchor maß jeden Block vom Buchanfang bis zur Leseposition und suchte
die Blöcke bei jedem Aufruf neu – im E-Reader-Modus bei jedem Umblättern (die
Prozentanzeige), beim Speichern des Fortschritts sowieso. In Das Kapital ab
Kapitel 15: 0,8 s bei 6-fach gedrosselter CPU; auf dem tolino filtert compat61
das :has() dazu in JavaScript.
- Blockliste samt Kapitel je Block einmal je geöffnetem Buch (verworfen bei
  jeder Änderung am Inhalt, MutationObserver)
- Binärsuche nur über die angezeigten Kapitel; gleiche Regel wie vorher
  (letzter Block mit Höhe, der an/über der Oberkante beginnt, bei gleicher Höhe
  der erste; sonst der erste darunter)
- Geprüft an 480 Stellen (Kapital, Hyperpolitik; E-Reader und Scrollen): gleiche
  Anker wie vorher; 53/281 ms → 4 ms; Umblättern 21–48 ms statt bis 0,9 s
- sw v98

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app.js | 88 +++++++++++++++++++++++++++++++++++++++++-------
 static/js/sw.js  |  2 +-
 2 files changed, 76 insertions(+), 14 deletions(-)

diff --git a/static/js/app.js b/static/js/app.js
index fe12f31..a094a04 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -2120,26 +2120,88 @@ function _checkScrollJump(contentEl) {
 
 const EPUB_BLOCK_SELECTOR = 'p, h1, h2, h3, h4, h5, h6, li, blockquote, dt, dd, figcaption, div:not(:has(*))';
 
-function getPositionAnchor(contentEl) {
+// The open book's text blocks (EPUB_BLOCK_SELECTOR), with the chapter each one
+// belongs to — found once and kept until the book's content changes (a
+// highlight wrapping text can turn a leaf div into a non-leaf one). Selecting
+// them is the expensive part on an e-reader: Chrome 61 has no :has(), so
+// compat61.js filters every div in JavaScript.
+let _blockCache = null; // {content, blocks, chapterOf: Int32Array, chapters: Element[]}
+
+function _epubBlocks(contentEl) {
+  if (_blockCache && _blockCache.content === contentEl) return _blockCache;
   const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
+  const chapters = Array.from(contentEl.querySelectorAll('[data-epub-src]'));
+  const chapterOf = new Int32Array(blocks.length);
+  for (let i = 0, ch = -1; i < blocks.length; i++) {
+    while (ch + 1 < chapters.length && chapters[ch + 1].compareDocumentPosition(blocks[i]) & Node.DOCUMENT_POSITION_FOLLOWING) ch++;
+    chapterOf[i] = ch;
+  }
+  const observer = new MutationObserver(() => {
+    if (_blockCache && _blockCache.content === contentEl) _blockCache = null;
+    observer.disconnect();
+  });
+  observer.observe(contentEl, {childList: true, subtree: true});
+  _blockCache = {content: contentEl, blocks, chapterOf, chapters};
+  return _blockCache;
+}
+
+// The anchor of the reading position: "block:inner" — the last block (with a
+// height) that starts at or above the top of the view, the first of several
+// starting at the same height; else the first block below. Blocks are in
+// document order and so top to bottom: a binary search over the chapters on
+// screen (the e-reader mode shows one), not every block from the book's start.
+function getPositionAnchor(contentEl) {
+  const {blocks, chapterOf, chapters} = _epubBlocks(contentEl);
   if (!blocks.length) return '';
   const containerTop = contentEl.getBoundingClientRect().top;
   const containerBottom = containerTop + contentEl.clientHeight;
-  let bestIndex = 0;
-  let bestDelta = Infinity;
+  // Index ranges of the blocks in chapters that are laid out (all, when reading by scrolling).
+  const shown = new Set();
+  chapters.forEach((ch, i) => { if (ch.getClientRects().length) shown.add(i); });
+  const order = [];
   for (let i = 0; i < blocks.length; i++) {
-    const rect = blocks[i].getBoundingClientRect();
-    if (rect.height < 1) continue;
-    if (rect.top > containerBottom) break;
-    const delta = rect.top - containerTop;
-    if (delta <= 0 && Math.abs(delta) < Math.abs(bestDelta)) {
-      bestIndex = i;
-      bestDelta = delta;
-    } else if (delta > 0 && bestDelta === Infinity) {
-      bestIndex = i;
-      bestDelta = delta;
+    if (chapterOf[i] < 0 || shown.has(chapterOf[i])) {
+      let j = i;
+      while (j + 1 < blocks.length && chapterOf[j + 1] === chapterOf[i]) j++;
+      order.push([i, j]);
+      i = j;
     }
   }
+  const count = order.reduce((n, r) => n + r[1] - r[0] + 1, 0);
+  const at = k => { // k-th block on screen -> block index
+    for (const [a, b] of order) { if (k <= b - a) return a + k; k -= b - a + 1; }
+    return -1;
+  };
+  const rectOf = k => blocks[at(k)].getBoundingClientRect();
+  // A block without height says nothing about the position: use the next one with a height.
+  const measured = k => {
+    for (let n = k; n < count; n++) { const r = rectOf(n); if (r.height >= 1) return {k: n, top: r.top}; }
+    return null;
+  };
+  // Binary search for the last block with a height whose top <= containerTop.
+  let lo = 0, hi = count - 1, best = -1;
+  while (lo <= hi) {
+    const mid = (lo + hi) >> 1;
+    const m = measured(mid);
+    if (m && m.top <= containerTop) { best = m.k; lo = m.k + 1; }
+    else hi = mid - 1;
+  }
+  let bestIndex;
+  if (best >= 0) {
+    // Several blocks starting at the same height (a blockquote and its first paragraph): the first.
+    const top = rectOf(best).top;
+    let k = best;
+    for (let n = best - 1; n >= 0; n--) {
+      const r = rectOf(n);
+      if (r.height < 1) continue;
+      if (r.top !== top) break;
+      k = n;
+    }
+    bestIndex = at(k);
+  } else {
+    const first = measured(0);
+    bestIndex = first && first.top <= containerBottom ? at(first.k) : 0;
+  }
   const rect = blocks[bestIndex].getBoundingClientRect();
   const innerFraction = Math.max(0, Math.min(1, (containerTop - rect.top) / (rect.height || 1)));
   return `${bestIndex}:${innerFraction.toFixed(6)}`;
diff --git a/static/js/sw.js b/static/js/sw.js
index fba4890..853f5fb 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v97';
+const CACHE = 'diora-v98';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From fda6c0194351821eb5c7f4c94aa5fa43c11e6dd5 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Thu, 8 Oct 2026 19:22:04 +0200
Subject: [PATCH 097/176] Einstellungen: Cloud-Verbindung bearbeiten (Name,
 URL, Benutzer, Unterordner, Passwort); sw v99
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bisher ließ sich eine Verbindung nur anlegen und löschen, der Startordner
also nicht nachträglich setzen. Das Passwort wird nicht angezeigt; leer
lassen behält das gespeicherte.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 accounts/tests.py                | 48 ++++++++++++++++++++++++++++++++
 accounts/urls.py                 |  1 +
 accounts/views.py                | 29 +++++++++++++++++++
 static/css/app.css               |  9 ++++++
 static/js/sw.js                  |  2 +-
 templates/accounts/settings.html | 27 ++++++++++++++++++
 6 files changed, 115 insertions(+), 1 deletion(-)

diff --git a/accounts/tests.py b/accounts/tests.py
index 35d015e..8eb3201 100644
--- a/accounts/tests.py
+++ b/accounts/tests.py
@@ -546,3 +546,51 @@ class CloudFetchCachingTests(TestCase):
         with patch('books.webdav.fetch_file', return_value=b'EPUB-BYTES'):
             resp = self.client.get(f'/books/cloud/{self.source.pk}/fetch/?path=Dune.epub')
         self.assertEqual(resp['Cache-Control'], 'no-store')
+
+
+class WebDAVEditTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.other = User.objects.create_user(username='bob', password='pw12345678')
+        self.source = WebDAVSource.objects.create(
+            user=self.user, label='cloud', base_url='https://cloud.example.com',
+            username='alice', password='app-pw',
+        )
+
+    def _edit(self, pk, **data):
+        form = {'label': 'cloud', 'base_url': 'https://cloud.example.com', 'username': 'alice', 'root_path': ''}
+        form.update(data)
+        with patch('accounts.views.list_directory', return_value=[]):
+            return self.client.post(f'/accounts/webdav/{pk}/edit/', form)
+
+    def test_sets_start_folder_and_keeps_password(self):
+        self.client.force_login(self.user)
+        resp = self._edit(self.source.pk, root_path='Books', password='')
+        self.assertEqual(resp.status_code, 302)
+        self.source.refresh_from_db()
+        self.assertEqual(self.source.root_path, 'Books')
+        self.assertEqual(self.source.password, 'app-pw')
+
+    def test_new_password_replaces_the_old_one(self):
+        self.client.force_login(self.user)
+        self._edit(self.source.pk, password='new-pw')
+        self.source.refresh_from_db()
+        self.assertEqual(self.source.password, 'new-pw')
+
+    def test_name_and_url_are_required(self):
+        self.client.force_login(self.user)
+        self._edit(self.source.pk, label='', root_path='Books')
+        self.source.refresh_from_db()
+        self.assertEqual(self.source.root_path, '')
+
+    def test_foreign_source_is_not_editable(self):
+        self.client.force_login(self.other)
+        self._edit(self.source.pk, root_path='x')
+        self.source.refresh_from_db()
+        self.assertEqual(self.source.root_path, '')
+
+    def test_settings_page_does_not_show_the_password(self):
+        self.client.force_login(self.user)
+        html = self.client.get('/accounts/settings/').content.decode()
+        self.assertIn(f'/accounts/webdav/{self.source.pk}/edit/', html)
+        self.assertNotIn('app-pw', html)
diff --git a/accounts/urls.py b/accounts/urls.py
index 4bee71f..f569262 100644
--- a/accounts/urls.py
+++ b/accounts/urls.py
@@ -17,6 +17,7 @@ urlpatterns = [
     path('change-password/', views.change_password, name='change_password'),
     path('api-token/regenerate/', views.regenerate_api_token, name='regenerate_api_token'),
     path('webdav/add/', views.webdav_add, name='webdav_add'),
+    path('webdav/<int:pk>/edit/', views.webdav_edit, name='webdav_edit'),
     path('webdav/<int:pk>/test/', views.webdav_test, name='webdav_test'),
     path('webdav/<int:pk>/delete/', views.webdav_delete, name='webdav_delete'),
 ]
diff --git a/accounts/views.py b/accounts/views.py
index 30878ff..78ee9d7 100644
--- a/accounts/views.py
+++ b/accounts/views.py
@@ -290,6 +290,35 @@ def webdav_add(request):
     return redirect('settings')
 
 
+@login_required
+@require_http_methods(['POST'])
+def webdav_edit(request, pk):
+    source = WebDAVSource.objects.filter(pk=pk, user=request.user).first()
+    if not source:
+        messages.error(request, 'Verbindung nicht gefunden.')
+        return redirect('settings')
+
+    label = request.POST.get('label', '').strip()
+    base_url = request.POST.get('base_url', '').strip()
+    if not label or not base_url:
+        messages.error(request, 'Name und Server-URL sind erforderlich.')
+        return redirect('settings')
+
+    source.label = label[:100]
+    source.base_url = base_url[:500]
+    source.username = request.POST.get('username', '').strip()[:200]
+    source.root_path = request.POST.get('root_path', '').strip()[:500]
+    # The stored password is never sent to the page: empty means keep it.
+    password = request.POST.get('password', '')
+    if password:
+        source.password = password[:500]
+    source.save()
+
+    level, message = _probe_source(source)
+    messages.add_message(request, level, message)
+    return redirect('settings')
+
+
 @login_required
 @require_http_methods(['POST'])
 def webdav_test(request, pk):
diff --git a/static/css/app.css b/static/css/app.css
index a2b225f..36e4a4b 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -826,6 +826,15 @@ a:hover {
   align-self: flex-start;
 }
 
+/* Editing a saved connection: a full row under its name and buttons */
+.webdav-edit {
+  flex-basis: 100%;
+  padding-top: 0.75rem;
+}
+.webdav-edit[hidden] {
+  display: none;
+}
+
 /* --- Cloud import browser (books tab) --- */
 
 .cloud-browser {
diff --git a/static/js/sw.js b/static/js/sw.js
index 853f5fb..4d369e7 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v98';
+const CACHE = 'diora-v99';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/templates/accounts/settings.html b/templates/accounts/settings.html
index 702cbcf..c2d17f7 100644
--- a/templates/accounts/settings.html
+++ b/templates/accounts/settings.html
@@ -150,6 +150,8 @@
               <span class="muted">{{ source.base_url }}{% if source.root_path %} · /{{ source.root_path }}{% endif %}</span>
             </div>
             <div class="webdav-item-actions">
+              <button type="button" class="btn" aria-expanded="false"
+                      onclick="const f = document.getElementById('webdav-edit-{{ source.pk }}'); f.hidden = !f.hidden; this.setAttribute('aria-expanded', String(!f.hidden));">Bearbeiten</button>
               <form method="post" action="{% url 'webdav_test' source.pk %}" class="inline-form">
                 {% csrf_token %}
                 <button type="submit" class="btn">Testen</button>
@@ -160,6 +162,31 @@
                 <button type="submit" class="btn btn-danger">Entfernen</button>
               </form>
             </div>
+            <form method="post" action="{% url 'webdav_edit' source.pk %}" class="webdav-form webdav-edit"
+                  id="webdav-edit-{{ source.pk }}" hidden>
+              {% csrf_token %}
+              <label class="webdav-field">
+                <span>Name</span>
+                <input type="text" name="label" required value="{{ source.label }}">
+              </label>
+              <label class="webdav-field">
+                <span>Server-URL</span>
+                <input type="url" name="base_url" required value="{{ source.base_url }}">
+              </label>
+              <label class="webdav-field">
+                <span>Benutzername</span>
+                <input type="text" name="username" autocomplete="off" value="{{ source.username }}">
+              </label>
+              <label class="webdav-field">
+                <span>App-Passwort <span class="muted">(leer lassen = unverändert)</span></span>
+                <input type="password" name="password" autocomplete="new-password">
+              </label>
+              <label class="webdav-field">
+                <span>Unterordner <span class="muted">(optional, Import startet dort)</span></span>
+                <input type="text" name="root_path" value="{{ source.root_path }}" placeholder="Buecher">
+              </label>
+              <button type="submit" class="btn">Speichern</button>
+            </form>
           </li>
         {% endfor %}
       </ul>

From 60dd4926cff2f16936a4891fb466a9afc0a0ce8d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 12 Oct 2026 19:31:36 +0200
Subject: [PATCH 098/176] Lesestand: die zuletzt gelesene Stelle gewinnt, nicht
 mehr die weiteste; sw v100
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

docs/progress-sync.md ist der Vertrag für Server, Web, Android und Desktop.

- Server: read_at (Zeit, zu der dort gelesen wurde, Uhrfehler des Geräts per
  sent_at herausgerechnet, nie nach "jetzt"), Gerät, weiteste Stelle. Ältere
  Schreibvorgänge (offline nachgereicht, liegengelassener Tab) gewinnen nicht.
  Apps ohne read_at: nur strikt vorwärts. Antwort = Zustand nach dem Schreiben.
  /books/ mit X-Server-Now, /api/sync/ mit server_now.
- Web-Reader: Zeit einer Stelle ist der Moment, in dem man durch eigenes Tun
  hinkam (Scrollen, Blättern, Tasten, Vorlesen); unverändert Liegendes
  schickt nichts bzw. nur seine alte Zeit. Vor dem Wiederherstellen und
  während eines Blicks (Fußnote, "Weit gescrollt") wird nicht gespeichert.
  Eigene Stellen in einem Ausgang (localStorage) bis der Server sie hat.
  Angebote "Auf <Gerät> weitergelesen" und "Weiteste Stelle".
- Tests: books/tests.py (Reihenfolge, Uhrfehler, Zukunft, alte Apps, weiteste
  Stelle, Liste und Snapshot).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 accounts/sync.py                              |  12 +-
 accounts/tests.py                             |   2 +-
 .../0005_progress_last_read_wins.py           |  43 ++
 books/models.py                               |   7 +
 books/tests.py                                | 162 ++++++++
 books/views.py                                | 114 +++--
 docs/progress-sync.md                         |  71 ++++
 static/js/app.js                              | 391 ++++++++++++++----
 static/js/sw.js                               |   2 +-
 9 files changed, 693 insertions(+), 111 deletions(-)
 create mode 100644 books/migrations/0005_progress_last_read_wins.py
 create mode 100644 books/tests.py
 create mode 100644 docs/progress-sync.md

diff --git a/accounts/sync.py b/accounts/sync.py
index 5dccfb3..38a17d6 100644
--- a/accounts/sync.py
+++ b/accounts/sync.py
@@ -4,6 +4,7 @@ from django.utils import timezone
 from django.views.decorators.http import require_http_methods
 
 from books.models import EBook, EBookProgress, EBookHighlights, EBookBookmarks
+from books.views import _now_ms, progress_state
 from podcasts.models import PodcastFeed, EpisodeProgress, PodcastQueue
 from radio.models import SavedStation
 
@@ -33,11 +34,10 @@ def sync_snapshot(request):
     for b in books:
         b['uploaded_at'] = b['uploaded_at'].isoformat()
 
-    book_progress = list(
-        EBookProgress.objects.filter(user=user).values('book_id', 'scroll_fraction', 'position_anchor', 'updated_at')
-    )
-    for p in book_progress:
-        p['updated_at'] = p['updated_at'].isoformat()
+    book_progress = [
+        {'book_id': p.book_id, 'updated_at': p.updated_at.isoformat(), **progress_state(p)}
+        for p in EBookProgress.objects.filter(user=user)
+    ]
 
     book_highlights = list(EBookHighlights.objects.filter(user=user).values('book_id', 'ct', 'iv', 'updated_at'))
     for h in book_highlights:
@@ -50,6 +50,7 @@ def sync_snapshot(request):
     if request.GET.get('only') == 'books':
         return JsonResponse({
             'server_time': timezone.now().isoformat(),
+            'server_now': _now_ms(),
             'books': books,
             'book_progress': book_progress,
             'book_highlights': book_highlights,
@@ -84,6 +85,7 @@ def sync_snapshot(request):
 
     return JsonResponse({
         'server_time': timezone.now().isoformat(),
+        'server_now': _now_ms(),
         'books': books,
         'book_progress': book_progress,
         'book_highlights': book_highlights,
diff --git a/accounts/tests.py b/accounts/tests.py
index 8eb3201..6a068b8 100644
--- a/accounts/tests.py
+++ b/accounts/tests.py
@@ -88,7 +88,7 @@ class SyncSnapshotTests(TestCase):
     def test_only_books(self):
         resp = self.client.get('/api/sync/?only=books', HTTP_AUTHORIZATION=f'Bearer {self.token.token}')
         data = resp.json()
-        self.assertEqual(set(data), {'server_time', 'books', 'book_progress', 'book_highlights', 'book_bookmarks'})
+        self.assertEqual(set(data), {'server_time', 'server_now', 'books', 'book_progress', 'book_highlights', 'book_bookmarks'})
         self.assertEqual(data['book_highlights'][0]['ct'], 'hl-ct')
 
     def test_snapshot_shape_and_data(self):
diff --git a/books/migrations/0005_progress_last_read_wins.py b/books/migrations/0005_progress_last_read_wins.py
new file mode 100644
index 0000000..baf8ff9
--- /dev/null
+++ b/books/migrations/0005_progress_last_read_wins.py
@@ -0,0 +1,43 @@
+from django.db import migrations, models
+
+
+def keep_what_we_know(apps, schema_editor):
+    """The continue point so far was the furthest place: it is that, and it was
+    last saved at updated_at."""
+    EBookProgress = apps.get_model('books', 'EBookProgress')
+    for p in EBookProgress.objects.all().iterator():
+        p.furthest_fraction = p.scroll_fraction
+        p.furthest_anchor = p.position_anchor
+        p.read_at = int(p.updated_at.timestamp() * 1000)
+        p.save(update_fields=['furthest_fraction', 'furthest_anchor', 'read_at'])
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('books', '0004_ebook_is_read'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='ebookprogress',
+            name='read_at',
+            field=models.BigIntegerField(blank=True, null=True),
+        ),
+        migrations.AddField(
+            model_name='ebookprogress',
+            name='device',
+            field=models.CharField(blank=True, default='', max_length=40),
+        ),
+        migrations.AddField(
+            model_name='ebookprogress',
+            name='furthest_fraction',
+            field=models.FloatField(default=0.0),
+        ),
+        migrations.AddField(
+            model_name='ebookprogress',
+            name='furthest_anchor',
+            field=models.CharField(blank=True, default='', max_length=30),
+        ),
+        migrations.RunPython(keep_what_we_know, migrations.RunPython.noop),
+    ]
diff --git a/books/models.py b/books/models.py
index 9bc06c7..ee1a91e 100644
--- a/books/models.py
+++ b/books/models.py
@@ -19,10 +19,17 @@ class EBook(models.Model):
 
 
 class EBookProgress(models.Model):
+    """Where to continue a book: the place it was last read, on any device
+    (docs/progress-sync.md), plus the furthest place ever reached."""
     user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='ebook_progress')
     book = models.ForeignKey(EBook, on_delete=models.CASCADE, related_name='progress')
     scroll_fraction = models.FloatField(default=0.0)
     position_anchor = models.CharField(max_length=30, blank=True, default='')
+    # When the reader was at that place (ms since epoch, server clock); null before 2026-10-12.
+    read_at = models.BigIntegerField(null=True, blank=True)
+    device = models.CharField(max_length=40, blank=True, default='')
+    furthest_fraction = models.FloatField(default=0.0)
+    furthest_anchor = models.CharField(max_length=30, blank=True, default='')
     updated_at = models.DateTimeField(auto_now=True)
 
     class Meta:
diff --git a/books/tests.py b/books/tests.py
new file mode 100644
index 0000000..93d9ac4
--- /dev/null
+++ b/books/tests.py
@@ -0,0 +1,162 @@
+"""The reading position: the place last read wins (docs/progress-sync.md)."""
+import json
+from unittest.mock import patch
+
+from django.contrib.auth.models import User
+from django.test import TestCase
+
+from accounts.models import ApiToken
+from .models import EBook, EBookProgress
+
+NOW = 1_760_270_000_000  # the server's clock in these tests (ms)
+MIN = 60_000
+
+
+class ProgressTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.auth = {'HTTP_AUTHORIZATION': f'Bearer {ApiToken.objects.create(user=self.user).token}'}
+        self.book = EBook.objects.create(user=self.user, meta_ct='m', meta_iv='i', data_ct='d', data_iv='i')
+        self.now = NOW
+        clock = patch('books.views._now_ms', side_effect=lambda: self.now)
+        clock.start()
+        self.addCleanup(clock.stop)
+
+    def save(self, anchor, frac=None, read_at=None, sent_at=None, device='Handy', **extra):
+        body = {'scroll_fraction': frac if frac is not None else 0.1, 'position_anchor': anchor, **extra}
+        if read_at is not None:
+            body.update(read_at=read_at, sent_at=sent_at if sent_at is not None else self.now, device=device)
+        resp = self.client.post(f'/books/{self.book.id}/progress/', json.dumps(body),
+                                content_type='application/json', **self.auth)
+        self.assertEqual(resp.status_code, 200)
+        return resp.json()
+
+    def state(self):
+        return EBookProgress.objects.get(book=self.book)
+
+    # -- the new rule
+
+    def test_newer_place_wins_even_if_it_is_earlier_in_the_book(self):
+        self.save('300:0.5', read_at=NOW - 10 * MIN, device='Handy')
+        r = self.save('12:0.0', read_at=NOW - 1 * MIN, device='diora Desktop')
+        self.assertTrue(r['stored'])
+        p = self.state()
+        self.assertEqual((p.position_anchor, p.device, p.read_at), ('12:0.0', 'diora Desktop', NOW - MIN))
+        self.assertEqual(p.furthest_anchor, '300:0.5')
+
+    def test_an_older_write_arriving_late_does_not_win(self):
+        # The phone read offline at 10:00 and syncs at 12:00; the desktop read at 11:00.
+        self.save('40:0.0', read_at=NOW - 60 * MIN, device='diora Desktop')
+        r = self.save('90:0.0', read_at=NOW - 120 * MIN, device='Handy')
+        self.assertFalse(r['stored'])
+        self.assertEqual(r['position_anchor'], '40:0.0')
+        p = self.state()
+        self.assertEqual((p.position_anchor, p.device), ('40:0.0', 'diora Desktop'))
+        self.assertEqual(p.furthest_anchor, '90:0.0', 'the late write still counts as reached')
+
+    def test_resaving_an_unchanged_place_keeps_its_time_and_cannot_win(self):
+        self.save('50:0.0', read_at=NOW - 5 * MIN, device='Handy')
+        self.save('70:0.0', read_at=NOW - 2 * MIN, device='diora Desktop')
+        # The phone, idle since, saves its place again on going to the background.
+        self.now += MIN
+        r = self.save('50:0.0', read_at=NOW - 5 * MIN, device='Handy')
+        self.assertFalse(r['stored'])
+        self.assertEqual(self.state().position_anchor, '70:0.0')
+
+    def test_the_device_clock_error_is_taken_out(self):
+        # A tolino 3 hours behind: it read one minute ago by its clock, and sends now by its clock.
+        behind = 3 * 60 * MIN
+        self.save('10:0.0', read_at=NOW - 30 * MIN, device='Handy')
+        r = self.save('20:0.0', read_at=NOW - behind - MIN, sent_at=NOW - behind, device='tolino')
+        self.assertTrue(r['stored'])
+        self.assertEqual(self.state().read_at, NOW - MIN)
+
+    def test_nothing_wins_from_the_future(self):
+        self.save('10:0.0', read_at=NOW + 24 * 60 * MIN, sent_at=NOW)
+        self.assertEqual(self.state().read_at, NOW)
+        self.now += MIN
+        self.assertTrue(self.save('11:0.0', read_at=self.now, sent_at=self.now)['stored'])
+
+    def test_equal_times_take_the_new_write(self):
+        self.save('10:0.0', read_at=NOW - MIN)
+        self.assertTrue(self.save('11:0.0', read_at=NOW - MIN)['stored'])
+
+    def test_force_sets_the_place_now(self):
+        self.save('300:0.0', read_at=NOW - MIN)
+        self.assertTrue(self.save('0:0.0', frac=0.0, force=True)['stored'])
+        p = self.state()
+        self.assertEqual((p.position_anchor, p.read_at), ('0:0.0', NOW))
+        self.assertEqual(p.furthest_anchor, '300:0.0')
+
+    def test_furthest_only_grows(self):
+        self.save('80:0.0', read_at=NOW - 3 * MIN)
+        self.save('20:0.0', read_at=NOW - 2 * MIN)
+        self.save('81:0.0', read_at=NOW - 9 * MIN)
+        p = self.state()
+        self.assertEqual((p.position_anchor, p.furthest_anchor), ('20:0.0', '81:0.0'))
+
+    def test_pdfs_compare_by_fraction(self):
+        self.save('', frac=0.7, read_at=NOW - 2 * MIN)
+        self.save('', frac=0.3, read_at=NOW - MIN)
+        p = self.state()
+        self.assertEqual((p.scroll_fraction, p.furthest_fraction), (0.3, 0.7))
+
+    def test_response_is_the_state_after_the_write(self):
+        r = self.save('5:0.25', frac=0.05, read_at=NOW - MIN, device='Browser')
+        self.assertEqual(r['server_now'], NOW)
+        for key in ('scroll_fraction', 'position_anchor', 'read_at', 'device',
+                    'furthest_fraction', 'furthest_anchor', 'last_read'):
+            self.assertIn(key, r)
+        self.assertEqual(r['read_at'], NOW - MIN)
+
+    def test_implausible_times_count_as_an_old_app(self):
+        self.save('10:0.0', read_at=NOW - MIN)
+        # read_at=True or seconds instead of ms are not times: only forward, like an old app.
+        self.assertFalse(self.save('5:0.0', read_at=True)['stored'])
+        self.assertFalse(self.save('5:0.0', read_at=1_760_270_000)['stored'])
+
+    # -- apps from before the change (no read_at)
+
+    def test_old_apps_only_move_forward(self):
+        self.save('50:0.0', read_at=NOW - MIN)
+        self.assertFalse(self.save('20:0.0')['stored'])
+        self.assertTrue(self.save('60:0.0')['stored'])
+        self.assertEqual(self.state().read_at, NOW)
+
+    def test_old_apps_resaving_the_same_place_change_nothing(self):
+        self.save('50:0.0', read_at=NOW - 5 * MIN, device='Handy')
+        self.now += MIN
+        self.assertFalse(self.save('50:0.0')['stored'])
+        p = self.state()
+        self.assertEqual((p.read_at, p.device), (NOW - 5 * MIN, 'Handy'))
+
+    def test_first_write_of_an_old_app_is_stored(self):
+        self.assertTrue(self.save('0:0.0', frac=0.0)['stored'])
+
+    def test_old_force_still_works(self):
+        self.save('50:0.0', read_at=NOW - MIN)
+        self.assertTrue(self.save('1:0.0', force=True)['stored'])
+
+    # -- reading
+
+    def test_book_list_and_snapshot_carry_the_state(self):
+        self.save('7:0.5', frac=0.2, read_at=NOW - MIN, device='Browser')
+        resp = self.client.get('/books/', **self.auth)
+        b = resp.json()[0]
+        self.assertEqual(resp['X-Server-Now'], str(NOW))
+        self.assertEqual((b['position_anchor'], b['read_at'], b['device'], b['furthest_anchor']),
+                         ('7:0.5', NOW - MIN, 'Browser', '7:0.5'))
+        self.assertTrue(b['last_read'].startswith('2025-10-12T'))
+        snap = self.client.get('/api/sync/?only=books', **self.auth).json()
+        p = snap['book_progress'][0]
+        self.assertEqual((p['book_id'], p['read_at'], p['device']), (self.book.id, NOW - MIN, 'Browser'))
+        self.assertIn('server_now', snap)
+
+    def test_rows_from_before_have_their_save_time_as_read_at(self):
+        p = EBookProgress.objects.create(user=self.user, book=self.book, scroll_fraction=0.4, position_anchor='9:0.0')
+        b = self.client.get('/books/', **self.auth).json()[0]
+        self.assertEqual(b['read_at'], int(p.updated_at.timestamp() * 1000))
+
+    def test_a_never_opened_book(self):
+        b = self.client.get('/books/', **self.auth).json()[0]
+        self.assertEqual((b['read_at'], b['last_read'], b['position_anchor']), (None, None, ''))
diff --git a/books/views.py b/books/views.py
index 121a604..41865ad 100644
--- a/books/views.py
+++ b/books/views.py
@@ -1,10 +1,13 @@
 import base64
 import json
 import re
+import time
 import xml.etree.ElementTree as ET
+from datetime import datetime, timezone as dt_timezone
 
 import requests
 from django.conf import settings
+from django.db import transaction
 from django.http import JsonResponse
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
@@ -247,11 +250,40 @@ def _progress_is_further(new_anchor, new_frac, old_anchor, old_frac):
     """True if the new reading position is at least as far into the book as the
     old one. Compares by anchor block index (precise, decoupled from layout);
     falls back to scroll_fraction only when an anchor is missing (PDFs)."""
-    nb, ni = _anchor_parts(new_anchor)
-    ob, oi = _anchor_parts(old_anchor)
-    if nb >= 0 and ob >= 0:
-        return ni >= oi if nb == ob else nb >= ob
-    return new_frac >= old_frac
+    return _cmp_progress(new_anchor, new_frac, old_anchor, old_frac) >= 0
+
+
+def _cmp_progress(a_anchor, a_frac, b_anchor, b_frac):
+    """> 0 if A is further into the book than B, < 0 if behind, 0 if level."""
+    ab, ai = _anchor_parts(a_anchor)
+    bb, bi = _anchor_parts(b_anchor)
+    if ab >= 0 and bb >= 0:
+        if ab != bb:
+            return ab - bb
+        return (ai > bi) - (ai < bi)
+    return (a_frac > b_frac) - (a_frac < b_frac)
+
+
+def _now_ms():
+    return int(time.time() * 1000)
+
+
+def progress_state(p):
+    """A book's reading state as every client sees it (docs/progress-sync.md);
+    p may be None (never opened)."""
+    if p is None:
+        return {'scroll_fraction': 0.0, 'position_anchor': '', 'read_at': None, 'device': '',
+                'furthest_fraction': 0.0, 'furthest_anchor': '', 'last_read': None}
+    read_at = p.read_at if p.read_at is not None else int(p.updated_at.timestamp() * 1000)
+    return {
+        'scroll_fraction': p.scroll_fraction,
+        'position_anchor': p.position_anchor,
+        'read_at': read_at,
+        'device': p.device,
+        'furthest_fraction': p.furthest_fraction,
+        'furthest_anchor': p.furthest_anchor,
+        'last_read': datetime.fromtimestamp(read_at / 1000, tz=dt_timezone.utc).isoformat(),
+    }
 
 
 @require_http_methods(['GET'])
@@ -264,21 +296,17 @@ def book_list(request):
     )
     for b in books:
         b['uploaded_at'] = b['uploaded_at'].isoformat()
-    # Include saved scroll_fraction for each book
-    progress_map = {
-        p.book_id: (p.scroll_fraction, p.updated_at, p.position_anchor)
-        for p in EBookProgress.objects.filter(user=request.user)
-    }
+    progress_map = {p.book_id: p for p in EBookProgress.objects.filter(user=request.user)}
     highlighted_ids = set(
         EBookHighlights.objects.filter(user=request.user).values_list('book_id', flat=True)
     )
     for b in books:
-        prog = progress_map.get(b['id'])
-        b['scroll_fraction'] = prog[0] if prog else 0.0
-        b['last_read'] = prog[1].isoformat() if prog else None
-        b['position_anchor'] = prog[2] if prog else ''
+        b.update(progress_state(progress_map.get(b['id'])))
         b['has_highlights'] = b['id'] in highlighted_ids
-    return JsonResponse(books, safe=False)
+    response = JsonResponse(books, safe=False)
+    # The list is a bare array (old clients expect that): the server clock goes in a header.
+    response['X-Server-Now'] = str(_now_ms())
+    return response
 
 
 @csrf_exempt
@@ -497,22 +525,50 @@ def save_progress(request, pk):
     if isinstance(raw_anchor, str) and re.fullmatch(r'\d{1,7}:\d(\.\d{1,6})?', raw_anchor):
         position_anchor = raw_anchor
 
-    force = bool(body.get('force', False))
+    force = body.get('force') is True
+    device = body.get('device') if isinstance(body.get('device'), str) else ''
+    now = _now_ms()
+    read_at = _client_ms(body.get('read_at'))
+    sent_at = _client_ms(body.get('sent_at'))
 
-    progress, _ = EBookProgress.objects.get_or_create(
-        user=request.user,
-        book=book,
-    )
-    # Always advance to the furthest-read position (by anchor block index, so a
-    # transiently wrong scroll_fraction can't freeze the position) unless the
-    # client explicitly forces a reset (e.g. "start over" button in the reader).
-    if force or _progress_is_further(position_anchor, scroll_fraction,
-                                     progress.position_anchor, progress.scroll_fraction):
-        progress.scroll_fraction = scroll_fraction
-        progress.position_anchor = position_anchor
-    progress.save(update_fields=['scroll_fraction', 'position_anchor', 'updated_at'])
+    with transaction.atomic():
+        progress, created = EBookProgress.objects.select_for_update().get_or_create(user=request.user, book=book)
+        if created:
+            progress.read_at = None
+        if force:
+            when, store = now, True
+        elif read_at is not None:
+            # The device's clock may be off: move its time onto ours by the
+            # difference at sending, and nothing counts as later than now.
+            when = read_at + (now - sent_at) if sent_at is not None else read_at
+            when = min(when, now)
+            store = progress.read_at is None or when >= progress.read_at
+        else:
+            # An app from before 2026-10-12: only forward, as it used to be — but
+            # strictly, so re-saving the same place changes nothing.
+            when = now
+            store = created or _cmp_progress(position_anchor, scroll_fraction,
+                                             progress.position_anchor, progress.scroll_fraction) > 0
+        if store:
+            progress.scroll_fraction = scroll_fraction
+            progress.position_anchor = position_anchor
+            progress.read_at = when
+            progress.device = device[:40]
+        if _cmp_progress(position_anchor, scroll_fraction,
+                         progress.furthest_anchor, progress.furthest_fraction) > 0 or created:
+            progress.furthest_fraction = scroll_fraction
+            progress.furthest_anchor = position_anchor
+        progress.save()
 
-    return JsonResponse({'ok': True})
+    return JsonResponse({'ok': True, 'stored': store, 'server_now': now, **progress_state(progress)})
+
+
+def _client_ms(value):
+    """A time from a client (ms since epoch) or None if it isn't a plausible one."""
+    if isinstance(value, bool) or not isinstance(value, (int, float)):
+        return None
+    value = int(value)
+    return value if 10 ** 12 <= value < 10 ** 14 else None
 
 
 @csrf_exempt
diff --git a/docs/progress-sync.md b/docs/progress-sync.md
new file mode 100644
index 0000000..1cefc30
--- /dev/null
+++ b/docs/progress-sync.md
@@ -0,0 +1,71 @@
+# Reading position: the last place read wins
+
+Since 2026-10-12 the place to continue a book is **where it was last read, on any device**, not the
+furthest place ever reached. The furthest place is still kept, as a hint ("Weiteste Stelle").
+This file is the contract between the server (books/views.py `save_progress`), the web reader
+(static/js/app.js), diora-android (Ops.kt / SyncEngine.kt / native-*.js) and diora-desktop
+(src/main/ops.js / sync.js). They must apply the same rules.
+
+## The state per book
+
+| field | meaning |
+|---|---|
+| `scroll_fraction`, `position_anchor` | the continue point (anchor `"block:inner"`, empty for PDFs) |
+| `read_at` | when the reader was **at** that place, ms since epoch, **server clock** |
+| `device` | who read there (`"Browser"`, `"diora Desktop"`, `"Handy"`, `"tolino"` …), for "auf X weitergelesen" |
+| `furthest_fraction`, `furthest_anchor` | the furthest place ever reported (only ever grows) |
+
+`last_read` in `/books/` is `read_at` as ISO time (it used to be the time of the last save attempt).
+
+## Writing: `POST /books/<id>/progress/`
+
+```json
+{"scroll_fraction": 0.42, "position_anchor": "187:0.62", "read_at": 1760270000000,
+ "sent_at": 1760270004000, "device": "diora Desktop"}
+```
+
+* `read_at` is **the moment the reader arrived at this position** (the last time the visible position
+  changed because of the reader), in the **device's** clock, not the moment of saving. Saving an
+  unchanged position again — every 10 s, on hide, on close, on unload — therefore carries the old time
+  and can never beat a newer position from another device. A device that only *shows* a position it
+  got from the server (just opened, nothing moved) reports the server's `read_at` back unchanged.
+* `sent_at` is the device clock **when the request leaves** (an outbox sets it at flush time, not
+  when queuing). The server corrects the device's clock error with it:
+  `t = read_at + (server_now − sent_at)`, then `t = min(t, server_now)`.
+  So a tolino whose clock is hours off still orders correctly, and nothing can win "from the future".
+* The server stores the position if `t >= stored read_at` (or nothing is stored, or `force`).
+  Older writes (an offline device catching up late) are **not** stored as the continue point.
+* Every write — stored or not — raises `furthest_*` if it is further (same comparison as before:
+  anchor block, then inner fraction; `scroll_fraction` when an anchor is missing).
+* `force: true` (the explicit "Diese Stelle als Fortschritt setzen") stores regardless, with `t = server_now`.
+* **Old clients** (no `read_at`): stored only if **strictly further** than the stored position
+  (the old rule, but `>` so an idle old client re-saving its place changes nothing), with `t = server_now`.
+  This keeps not-yet-updated apps from pulling the continue point back.
+* The response is the state after the write:
+  `{"ok": true, "stored": bool, "scroll_fraction", "position_anchor", "read_at", "device",
+    "furthest_fraction", "furthest_anchor", "server_now"}`.
+
+## Reading
+
+`/books/` and `/api/sync/` (`book_progress`) carry all fields of the state, `read_at` in ms (server clock),
+plus `server_now` (ms) so a client can estimate its clock offset `server_now − device_now`.
+
+## Clients
+
+* **Local apply / outbox** (Android, desktop, web cache): the same rule as the server, in server time:
+  a local write converts its `read_at` with the last known offset (0 if none), stores it if newer
+  than or equal to what the local list holds. Two queued writes for the same book: keep the one with
+  the later `read_at` (force stays sticky). After a pull, a pending write is reapplied with that rule:
+  newer than the server's → it shows (and is sent); older → the server's position shows (it's still sent,
+  for `furthest`).
+* **Never save before the position is restored** after opening a book, and never save a position the
+  reader didn't reach by reading: while a jump is tentative ("Zurück zum Text" after a footnote or link,
+  "Weit gescrollt — Zurückspringen"), the previous position and its `read_at` are what gets saved, until
+  the reader returns (nothing changes) or carries on reading there (then the jump target counts, with
+  its own time).
+* **Opening a book** uses the newer of server state and local (not yet sent) state, by `read_at`.
+* **Coming back to an open book** (window/app in front again, or after a pull): if the server holds a
+  newer position from another device than the one shown, offer it: "Auf <device> weitergelesen —
+  Springen". Do not move the page without asking.
+* If `furthest_*` is clearly ahead of the continue point when a book opens, offer
+  "Weiteste Stelle: 63 % — Springen".
diff --git a/static/js/app.js b/static/js/app.js
index a094a04..e7ac60e 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -287,7 +287,8 @@ window.addEventListener('beforeunload', () => {
   }
   // Flush cached encrypted payloads for reader data (encryption is async so we
   // use pre-computed blobs stored by the debounced savers)
-  if (_lastProgressBeacon) navigator.sendBeacon(_lastProgressBeacon.url, _lastProgressBeacon.body);
+  // The last position written (it's in the outbox too, in case the beacon is lost).
+  if (_lastProgressBeacon) navigator.sendBeacon(`/books/${_lastProgressBeacon.book}/progress/`, _progressBody(_lastProgressBeacon));
   if (_lastBookmarkBeacon) navigator.sendBeacon(_lastBookmarkBeacon.url, _lastBookmarkBeacon.body);
   if (_lastHighlightBeacon) navigator.sendBeacon(_lastHighlightBeacon.url, _lastHighlightBeacon.body);
 });
@@ -298,6 +299,8 @@ document.addEventListener('visibilitychange', () => {
     if (highlightsDirty) saveHighlights();
     saveReaderProgress();
   }
+  // Back in front: maybe the book was read on another device meanwhile.
+  if (document.visibilityState === 'visible' && currentBookId) _checkNewerPositionElsewhere();
 });
 
 // Cached beacon payloads — updated after each successful encrypt in save functions
@@ -2080,6 +2083,7 @@ function _dismissScrollJumpToast() {
     _scrollJumpToastEl.remove();
     _scrollJumpToastEl = null;
   }
+  if (_readPos && _readPos.hold === 'jump') _readPos.hold = false;
 }
 
 function _showScrollJumpToast(backTop) {
@@ -2089,6 +2093,8 @@ function _showScrollJumpToast(backTop) {
   toast.innerHTML = `<span>Weit gescrollt</span><button type="button" class="reader-toast-btn">Zurückspringen</button>`;
   document.body.appendChild(toast);
   _scrollJumpToastEl = toast;
+  // Until it's gone, the place before the jump stays the reading position.
+  if (_readPos && !_readPos.hold) _readPos.hold = 'jump';
   toast.querySelector('.reader-toast-btn').addEventListener('click', () => {
     const contentEl = $('reader-content');
     if (contentEl) {
@@ -2096,8 +2102,16 @@ function _showScrollJumpToast(backTop) {
       contentEl.scrollTo({top: backTop, behavior: 'smooth'});
     }
     _dismissScrollJumpToast();
+    // Back where it was: that's no new reading.
+    _readerInteractedAt = 0;
   });
-  setTimeout(_dismissScrollJumpToast, 6000);
+  setTimeout(() => {
+    if (_scrollJumpToastEl !== toast) return;
+    _dismissScrollJumpToast();
+    // Stayed there: the far place is where the reading goes on.
+    _noteReaderInteraction();
+    if (_readPos) _readPos.key = null;
+  }, 6000);
 }
 
 function _checkScrollJump(contentEl) {
@@ -2294,6 +2308,203 @@ function _cmpProgress(anchorA, fracA, anchorB, fracB) {
   return (fracA || 0) - (fracB || 0);
 }
 
+// ---------------------------------------------------------------------------
+// Reading position: the place last read wins, on any device (docs/progress-sync.md).
+//
+// A position counts as read when the reader got there by reading (scrolling,
+// turning pages, choosing a chapter); its time is that moment, not the time it
+// is saved. So re-saving an unchanged place, on a timer or on closing, carries
+// the old time and can never beat a newer place read on another device. A book
+// just opened at the server's place has read nothing here yet: nothing is sent.
+// Own writes wait in a small outbox (localStorage) until the server has them.
+// ---------------------------------------------------------------------------
+let _serverOffset = 0;      // the server's clock minus this device's (ms)
+let _readPos = null;        // the open book: {bookId, ready, key, readAt (device ms), moved, hold}
+let _readerInteractedAt = 0;
+
+function _progressDevice() {
+  return window.DIORA_DEVICE_NAME || 'Browser';
+}
+
+function _noteServerNow(ms) {
+  if (typeof ms === 'number' && ms > 1e12) _serverOffset = ms - Date.now();
+}
+
+function _noteServerNowHeader(res) {
+  try { _noteServerNow(Number(res.headers.get('X-Server-Now'))); } catch (e) {}
+}
+
+// The reader did something (scroll wheel, touch, key, mouse): the next change
+// of position is reading, not a layout settling.
+function _noteReaderInteraction() {
+  _readerInteractedAt = Date.now();
+  if (_readPos && _readPos.hold === 'until-moved') _readPos.hold = false;
+}
+window.__dioraReaderInteraction = _noteReaderInteraction;
+
+// While a jump is only a look (a footnote's place, "Zurück zum Text"), the
+// place before it stays the reading position. true: until the next
+// interaction; false: released now.
+window.__dioraHoldProgress = function (on) {
+  if (_readPos) _readPos.hold = on ? 'until-moved' : false;
+};
+
+function _positionKey(anchor, fraction) {
+  return anchor || 'f' + (fraction || 0).toFixed(4);
+}
+
+// Called with every computed position: a change that follows an interaction is reading.
+function _noteReadingPosition(anchor, fraction) {
+  if (!_readPos || !_readPos.ready || _readPos.hold) return;
+  const key = _positionKey(anchor, fraction);
+  if (key === _readPos.key) return;
+  _readPos.key = key;
+  if (Date.now() - _readerInteractedAt < 10000) {
+    _readPos.readAt = Date.now();
+    _readPos.moved = true;
+  }
+}
+
+function _progressOutboxKey() {
+  return `diora_progress_outbox_${window.USER_ID || 0}`;
+}
+
+function _progressOutbox() {
+  try { return JSON.parse(localStorage.getItem(_progressOutboxKey()) || '{}') || {}; } catch (e) { return {}; }
+}
+
+function _progressOutboxPut(entry) {
+  try {
+    const box = _progressOutbox();
+    const old = box[entry.book];
+    if (old && !entry.force && old.read_at > entry.read_at) return;
+    box[entry.book] = entry;
+    localStorage.setItem(_progressOutboxKey(), JSON.stringify(box));
+  } catch (e) {}
+}
+
+function _progressOutboxDone(bookId, readAt) {
+  try {
+    const box = _progressOutbox();
+    if (box[bookId] && box[bookId].read_at === readAt) {
+      delete box[bookId];
+      localStorage.setItem(_progressOutboxKey(), JSON.stringify(box));
+    }
+  } catch (e) {}
+}
+
+function _progressBody(e) {
+  return JSON.stringify({
+    scroll_fraction: e.fraction, position_anchor: e.anchor, read_at: e.read_at,
+    sent_at: Date.now(), device: e.device, ...(e.force && {force: true}),
+  });
+}
+
+// Send one queued position; true once the server has it (stored or not: it decides).
+async function _sendProgress(e) {
+  try {
+    const res = await fetch(`/books/${e.book}/progress/`, {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+      body: _progressBody(e),
+    });
+    if (!(res.ok || (res.status >= 400 && res.status < 500))) return false;
+    try { _noteServerNow((await res.json()).server_now); } catch (err) {}
+    _progressOutboxDone(e.book, e.read_at);
+    return true;
+  } catch (err) {
+    return false;
+  }
+}
+
+let _progressFlushing = null;
+function _flushProgressOutbox() {
+  if (!_progressFlushing) {
+    _progressFlushing = (async () => {
+      for (const e of Object.values(_progressOutbox())) await _sendProgress(e);
+    })().finally(() => { _progressFlushing = null; });
+  }
+  return _progressFlushing;
+}
+
+// A book's state from the server list, made newer by an own write the server doesn't have yet.
+function _withPendingProgress(b) {
+  const e = _progressOutbox()[b.id];
+  if (!e) return b;
+  const at = e.read_at + _serverOffset;
+  if (b.read_at != null && at < b.read_at && !e.force) return b;
+  return {...b, scroll_fraction: e.fraction, position_anchor: e.anchor, read_at: at,
+          device: e.device, last_read: new Date(at).toISOString()};
+}
+
+function _bookRecency(b) {
+  if (typeof b.read_at === 'number') return b.read_at;
+  const t = b.last_read ? Date.parse(b.last_read) : NaN;
+  return isNaN(t) ? 0 : t;
+}
+
+function _readerToast(text, button, onClick, ms) {
+  const toast = document.createElement('div');
+  toast.className = 'reader-toast reader-toast-action';
+  toast.innerHTML = '<span></span><button type="button" class="reader-toast-btn"></button>';
+  toast.querySelector('span').textContent = text;
+  toast.querySelector('button').textContent = button;
+  document.body.appendChild(toast);
+  const done = () => toast.remove();
+  toast.querySelector('button').addEventListener('click', () => { done(); onClick(); });
+  setTimeout(done, ms || 10000);
+  return toast;
+}
+
+function _jumpToPosition(anchor, fraction) {
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+  _suppressScrollJumpDetect();
+  if (currentPdfDoc && readerSettings.pdfPaginated && pdfTotalPages > 1) {
+    pdfCurrentPage = Math.max(1, Math.round(fraction * (pdfTotalPages - 1)) + 1);
+    enterPdfPaginatedMode();
+  } else if (currentPdfDoc) {
+    contentEl.scrollTop = fraction * (contentEl.scrollHeight - contentEl.clientHeight);
+  } else if (!restoreFromAnchor(contentEl, anchor)) {
+    restoreFromAnchor(contentEl, _anchorForFraction(contentEl, fraction));
+  }
+}
+
+// Another device read this book after the place shown here: offer to go there.
+let _newerOfferShown = null;
+async function _checkNewerPositionElsewhere() {
+  const pos = _readPos;
+  if (!pos || !pos.ready || !currentBookId || pos.bookId !== currentBookId) return;
+  let b;
+  try {
+    const res = await fetch('/books/', {cache: 'no-store'});
+    _noteServerNowHeader(res);
+    b = (await res.json()).find(x => x.id === pos.bookId);
+  } catch (e) { return; }
+  if (!b || b.read_at == null || _readPos !== pos) return;
+  if (b.read_at <= pos.readAt + _serverOffset + 3000) return;
+  if (_positionKey(b.position_anchor || '', b.scroll_fraction) === pos.key) return;
+  const offerKey = `${pos.bookId}:${b.read_at}`;
+  if (_newerOfferShown === offerKey) return;
+  _newerOfferShown = offerKey;
+  const where = b.device ? `Auf ${b.device}` : 'Auf einem anderen Gerät';
+  _readerToast(`${where} weitergelesen · ${_formatBookPercent(b.scroll_fraction || 0)} %`, 'Dorthin', () => {
+    if (_readPos !== pos) return;
+    _jumpToPosition(b.position_anchor || '', b.scroll_fraction || 0);
+    // That place and its time are the server's: nothing new to tell it.
+    pos.key = null;
+    pos.readAt = b.read_at - _serverOffset;
+    pos.moved = false;
+    setTimeout(() => {
+      const contentEl = $('reader-content');
+      if (_readPos === pos && contentEl) {
+        pos.key = currentPdfDoc ? _positionKey('', b.scroll_fraction || 0) : _positionKey(getPositionAnchor(contentEl), 0);
+      }
+    }, 300);
+  }, 15000);
+}
+window.__dioraCheckNewerPosition = _checkNewerPositionElsewhere;
+
 // ---------------------------------------------------------------------------
 // Book cache — IndexedDB, evict after 4 weeks of inactivity
 // ---------------------------------------------------------------------------
@@ -2497,7 +2708,8 @@ async function _loadCachedBookMeta() {
   } catch { return []; }
 }
 
-async function _updateCachedBookProgress(bookId, fraction, anchor, force = false) {
+async function _updateCachedBookProgress(bookId, fraction, anchor, force = false, readAt = null) {
+  const at = (readAt == null ? Date.now() : readAt) + _serverOffset;
   try {
     const db = await _openBookCacheDb();
     await new Promise(resolve => {
@@ -2506,11 +2718,17 @@ async function _updateCachedBookProgress(bookId, fraction, anchor, force = false
       const req = store.get(bookId);
       req.onsuccess = e => {
         const entry = e.target.result;
-        // Only advance (or on force), so a transiently wrong save can't lose progress.
-        if (entry && (force || _cmpProgress(anchor, fraction, entry.position_anchor, entry.scroll_fraction) >= 0)) {
+        // The place read last, as on the server (docs/progress-sync.md).
+        if (entry && (force || entry.read_at == null || at >= entry.read_at)) {
           entry.scroll_fraction  = fraction;
           entry.position_anchor  = anchor;
-          entry.last_read        = new Date().toISOString();
+          entry.read_at          = at;
+          entry.device           = _progressDevice();
+          entry.last_read        = new Date(at).toISOString();
+          if (_cmpProgress(anchor, fraction, entry.furthest_anchor || '', entry.furthest_fraction || 0) > 0) {
+            entry.furthest_anchor = anchor;
+            entry.furthest_fraction = fraction;
+          }
           store.put(entry);
         }
       };
@@ -2641,7 +2859,9 @@ async function loadBookList() {
 
   try {
     listEl.innerHTML = '<p class="muted">Bücherliste wird vom Server geholt …</p>';
+    _flushProgressOutbox(); // own positions the server doesn't have yet
     const res = await fetch('/books/', {cache: 'no-store'});
+    _noteServerNowHeader(res);
     if (!res.ok) {
       listEl.innerHTML = `<p class="muted">Serverfehler ${res.status} beim Laden der Bücher.</p>`;
       return;
@@ -2673,48 +2893,23 @@ async function loadBookList() {
         const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
         const meta = JSON.parse(new TextDecoder().decode(metaBuf));
         bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0};
-        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       } catch (e) {
         bookMetaCache[b.id] = {title: `Buch #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
-        decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
-      }
-    }
-    // If local cache is further ahead than the server, push it and use it for display.
-    // Server uses max-semantics so this is always safe.
-    const _localMeta = await _loadCachedBookMeta();
-    const _localById = Object.fromEntries(_localMeta.map(b => [b.id, b]));
-    for (const b of decrypted) {
-      const loc = _localById[b.id];
-      if (loc && _cmpProgress(loc.position_anchor, loc.scroll_fraction, b.position_anchor, b.scroll_fraction) > 0) {
-        fetch(`/books/${b.id}/progress/`, {
-          method: 'POST',
-          headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-          body: JSON.stringify({scroll_fraction: loc.scroll_fraction, position_anchor: loc.position_anchor || ''}),
-        }).catch(() => {});
-        b.scroll_fraction = loc.scroll_fraction;
-        b.position_anchor = loc.position_anchor;
-        b.last_read       = loc.last_read;
+        decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       }
     }
+    // An own position the server doesn't have yet (sent above) shows if it's the newer one.
+    for (let i = 0; i < decrypted.length; i++) decrypted[i] = _withPendingProgress(decrypted[i]);
 
-    decrypted.sort((a, b) => {
-      if (a.last_read && b.last_read) return b.last_read.localeCompare(a.last_read);
-      if (a.last_read) return -1;
-      if (b.last_read) return 1;
-      return b.uploaded_at.localeCompare(a.uploaded_at);
-    });
+    decrypted.sort((a, b) => (_bookRecency(b) - _bookRecency(a)) || b.uploaded_at.localeCompare(a.uploaded_at));
     _saveBookMeta(decrypted); // persist for offline
     renderBookList(decrypted);
   } catch (e) {
     // Network error — try offline fallback
-    const cachedBooks = await _loadCachedBookMeta();
+    const cachedBooks = (await _loadCachedBookMeta()).map(_withPendingProgress);
     if (cachedBooks.length) {
-      cachedBooks.sort((a, b) => {
-        if (a.last_read && b.last_read) return b.last_read.localeCompare(a.last_read);
-        if (a.last_read) return -1;
-        if (b.last_read) return 1;
-        return (b.uploaded_at || '').localeCompare(a.uploaded_at || '');
-      });
+      cachedBooks.sort((a, b) => (_bookRecency(b) - _bookRecency(a)) || (b.uploaded_at || '').localeCompare(a.uploaded_at || ''));
       for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0};
       const uploadArea = $('book-upload-area');
       if (uploadArea) uploadArea.style.display = 'none';
@@ -3623,6 +3818,8 @@ function _ttsClearHighlight() {
 // it into a DOM Range via the same char-offset addressing highlights use, and
 // wraps it in a <mark>. Returns the offset to resume searching from.
 function _ttsHighlightSentence(block, sentence, fromOffset) {
+  // Listening is reading: where the voice is counts as the reading position.
+  _noteReaderInteraction();
   _ttsClearHighlight();
   const full = block.textContent;
   const idx = full.indexOf(sentence, fromOffset);
@@ -3840,7 +4037,6 @@ function exitReaderImmersiveMode() {
 // progress saved from that doubled DOM had block indices beyond the real book,
 // which then out-ranked every real position on the server.
 let _openBookInFlight = null;
-let _repairProgressAnchor = false; // stored anchor didn't fit this book
 
 async function openBook(bookId) {
   if (_openBookInFlight) {
@@ -3857,7 +4053,8 @@ async function openBook(bookId) {
 }
 
 async function _openBookOnce(bookId) {
-  _repairProgressAnchor = false;
+  // Nothing is saved for this book until its place is restored.
+  _readPos = {bookId, ready: false, key: null, readAt: 0, moved: false, hold: false};
   const overlay = $('reader-overlay');
   const contentEl = $('reader-content');
   const titleEl = $('reader-title');
@@ -4020,21 +4217,25 @@ async function _openBookOnce(bookId) {
 
     // Restore scroll position — must happen BEFORE auto-save timer is started
     _suppressScrollJumpDetect();
+    let openedProgress = null;
     try {
       let fraction = 0, anchor = '';
+      let bookData = null;
       try {
-        const progressRes = await fetch('/books/');
+        const progressRes = await fetch('/books/', {cache: 'no-store'});
+        _noteServerNowHeader(progressRes);
         const allBooks = await progressRes.json();
-        const bookData = allBooks.find(b => b.id === bookId);
-        fraction = bookData ? (bookData.scroll_fraction || 0) : 0;
-        anchor   = bookData ? (bookData.position_anchor || '') : '';
+        bookData = allBooks.find(b => b.id === bookId) || null;
       } catch {
         // offline — use cached meta
         const cached = await _loadCachedBookMeta();
-        const bookData = cached.find(b => b.id === bookId);
-        fraction = bookData ? (bookData.scroll_fraction || 0) : 0;
-        anchor   = bookData ? (bookData.position_anchor || '') : '';
+        bookData = cached.find(b => b.id === bookId) || null;
       }
+      // The newer of the server's place and an own one it doesn't have yet.
+      if (bookData) bookData = _withPendingProgress(bookData);
+      fraction = bookData ? (bookData.scroll_fraction || 0) : 0;
+      anchor   = bookData ? (bookData.position_anchor || '') : '';
+      openedProgress = bookData;
       _currentPositionAnchor = anchor;
       if (isPdf && readerSettings.pdfPaginated) {
         if (fraction > 0 && pdfTotalPages > 1)
@@ -4058,16 +4259,20 @@ async function _openBookOnce(bookId) {
         if (!restoreFromAnchor(contentEl, anchor) && fraction > 0) {
           restoreFromAnchor(contentEl, _anchorForFraction(contentEl, fraction));
         }
-        // An anchor past the end of this book can only come from a broken
-        // render. The server keeps the furthest block index, so it would block
-        // every real position from now on: overwrite it with the next save.
-        const [storedBlock] = _anchorParts(anchor);
-        if (storedBlock >= contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR).length) {
-          _repairProgressAnchor = true;
-        }
       }
     } catch (e) {}
 
+    // From here on, what the reader does is reading. The place shown has the
+    // time it was read at (elsewhere, or here earlier): nothing new to send yet.
+    if (_readPos && _readPos.bookId === bookId && currentBookId === bookId) {
+      const shownAnchor = isPdf ? '' : getPositionAnchor(contentEl);
+      const readAtServer = openedProgress && openedProgress.read_at != null ? openedProgress.read_at : null;
+      _readPos.key = _positionKey(shownAnchor, openedProgress ? (openedProgress.scroll_fraction || 0) : 0);
+      _readPos.readAt = readAtServer == null ? 0 : readAtServer - _serverOffset;
+      _readPos.ready = true;
+      _offerFurthestPosition(openedProgress);
+    }
+
     // Prime the "settled" baseline to wherever we just restored to, rather
     // than waiting to lazily pick up whatever scroll event happens to fire
     // first — that could otherwise be a later, unrelated layout correction.
@@ -4110,6 +4315,7 @@ async function _openBookOnce(bookId) {
         _anchorTrackDebounce = setTimeout(() => {
           _currentPositionAnchor = getPositionAnchor(contentEl);
           const f = _fractionFromAnchor(contentEl, _currentPositionAnchor);
+          _noteReadingPosition(_currentPositionAnchor, f === null ? 0 : f);
           if (progressInput && f !== null && document.activeElement !== progressInput) {
             progressInput.value = _formatBookPercent(f);
           }
@@ -4205,6 +4411,19 @@ async function deleteBook(bookId) {
   } catch (e) {}
 }
 
+// Opened somewhere before the furthest place reached: offer it.
+function _offerFurthestPosition(p) {
+  if (!p) return;
+  const furthest = p.furthest_fraction || 0;
+  if (furthest - (p.scroll_fraction || 0) < 0.02 || furthest >= 0.999) return;
+  const pos = _readPos;
+  _readerToast(`Weiteste Stelle: ${_formatBookPercent(furthest)} %`, 'Dorthin', () => {
+    if (_readPos !== pos) return;
+    _noteReaderInteraction();
+    _jumpToPosition(p.furthest_anchor || '', furthest);
+  }, 8000);
+}
+
 async function saveReaderProgress(force = false) {
   if (!currentBookId) return;
   const contentEl = $('reader-content');
@@ -4224,6 +4443,12 @@ async function saveReaderProgress(force = false) {
     return;
   }
 
+  // Not restored yet (or another book): what's shown isn't a place read.
+  const pos = _readPos;
+  if (!pos || !pos.ready || pos.bookId !== currentBookId) return;
+  // A jump that's only a look: the place before it stays.
+  if (pos.hold && !force) return;
+
   let anchor = '';
   if (!currentPdfDoc) {
     anchor = getPositionAnchor(contentEl);
@@ -4234,27 +4459,30 @@ async function saveReaderProgress(force = false) {
   }
   fraction = Math.min(1.0, Math.max(0.0, fraction));
 
-  _updateCachedBookProgress(currentBookId, fraction, anchor, force || (_repairProgressAnchor && !!anchor));
+  _noteReadingPosition(anchor, fraction);
+  if (force) {
+    pos.readAt = Date.now();
+    pos.moved = true;
+  }
+  // Nothing read here since opening: the server has this place already.
+  if (!pos.moved) return;
 
-  const repair = _repairProgressAnchor && !!anchor;
-  if (repair) _repairProgressAnchor = false;
-  const body = JSON.stringify({scroll_fraction: fraction, position_anchor: anchor, ...((force || repair) && {force: true})});
-  _lastProgressBeacon = {url: `/books/${currentBookId}/progress/`, body};
-
-  try {
-    await fetch(`/books/${currentBookId}/progress/`, {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body,
-    });
-    if (force) {
-      const toast = document.createElement('div');
-      toast.className = 'reader-toast';
-      toast.textContent = 'Position gesetzt';
-      document.body.appendChild(toast);
-      setTimeout(() => toast.remove(), 1800);
-    }
-  } catch (e) {}
+  const entry = {book: currentBookId, fraction, anchor, read_at: pos.readAt, device: _progressDevice(), ...(force && {force: true})};
+  const sig = `${entry.book}|${anchor}|${fraction.toFixed(5)}|${entry.read_at}`;
+  _lastProgressBeacon = entry;
+  if (!force && sig === pos.sentSig) return; // unchanged since the last save
+  pos.sentSig = sig;
+  _progressOutboxPut(entry);
+  _updateCachedBookProgress(currentBookId, fraction, anchor, force, pos.readAt);
+  const sent = await _sendProgress(entry);
+  if (!sent) pos.sentSig = null; // try again with the next save
+  if (sent && force) {
+    const toast = document.createElement('div');
+    toast.className = 'reader-toast';
+    toast.textContent = 'Position gesetzt';
+    document.body.appendChild(toast);
+    setTimeout(() => toast.remove(), 1800);
+  }
 }
 
 function closeReader() {
@@ -4262,6 +4490,7 @@ function closeReader() {
   stopReadAloud();
   // Save progress BEFORE hiding — scrollHeight/clientHeight return 0 once display:none
   saveReaderProgress();
+  _readPos = null; // nothing more is saved for this book
   if (bookmarksDirty) saveBookmarks();
   if (highlightsDirty) saveHighlights();
 
@@ -6410,12 +6639,24 @@ function openRadioSidebar() {
   window.addEventListener('online', async () => {
     showOfflineBanner(false);
     await _syncPendingAnnotations();
-    loadBookList(); // loadBookList pushes any locally-advanced progress automatically
+    loadBookList(); // sends the positions read offline first (the progress outbox)
   });
 
   // Show banner immediately if already offline at startup
   if (!navigator.onLine) showOfflineBanner(true);
 
+  // Reading position: positions reached by the reader's own doing count (see _noteReadingPosition).
+  {
+    const content = $('reader-content');
+    if (content) {
+      for (const type of ['wheel', 'touchstart', 'mousedown']) {
+        content.addEventListener(type, _noteReaderInteraction, {passive: true, capture: true});
+      }
+    }
+    document.addEventListener('keydown', () => { if (currentBookId) _noteReaderInteraction(); }, true);
+    if (IS_AUTHENTICATED) _flushProgressOutbox();
+  }
+
   // Footnote hover (desktop) + tap (mobile) via event delegation
   const _readerContentEl = $('reader-content');
   if (_readerContentEl) {
diff --git a/static/js/sw.js b/static/js/sw.js
index 4d369e7..97ced2b 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v99';
+const CACHE = 'diora-v100';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 080cdbde5afebb246b5c2b5b954f2c67b8bcdd88 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 12 Oct 2026 20:05:13 +0200
Subject: [PATCH 099/176] =?UTF-8?q?Podcast-Oberfl=C3=A4che=20aus=20diora-a?=
 =?UTF-8?q?ndroid=205821dfa=20(=5F=5FdioraPlayerNow=20f=C3=BCr=20den=20Bil?=
 =?UTF-8?q?dschirmschoner);=20sw=20v101?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sw.js                   |   2 +-
 static/podcasts/native-podcast.js |  18 ++-
 static/podcasts/podcast-ui.css    | 184 +++++++++++++++++++++++++++++-
 3 files changed, 201 insertions(+), 3 deletions(-)

diff --git a/static/js/sw.js b/static/js/sw.js
index 97ced2b..2113fd9 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v100';
+const CACHE = 'diora-v101';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 3a2ca2e..24ebfac 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 7dcc0c6 2026-10-04: web-native/static/native-podcast.js
+// Copied from diora-android 5821dfa 2026-10-12: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -4405,6 +4405,22 @@
     if (epScreen && (before.episodeId !== player.episodeId || !!before.playing !== !!player.playing)) episodeScreenParts();
   };
 
+  // What plays, for the screensaver (native-saver.js): the player's report and the chapter at its place.
+  const nowAsked = new Set();
+  window.__dioraPlayerNow = function () {
+    if (!player || player.kind !== 'podcast') return player;
+    const d = details.get(player.episodeId);
+    if (!d && player.episodeId && !nowAsked.has(player.episodeId)) {
+      nowAsked.add(player.episodeId);
+      Promise.resolve(loadDetails(player.episodeId)).catch(() => {});
+    }
+    let chapter = '';
+    const chapters = (d && d.chapters) || [];
+    const t = (player.pos || 0) / 1000;
+    for (const c of chapters) if ((c.start || 0) <= t + 0.5) chapter = c.title || '';
+    return Object.assign({}, player, {chapter: plain(chapter)});
+  };
+
   // Ambient starts (app.js): an episode playing here pauses.
   window.__dioraPausePlayer = function () {
     if (player.kind !== 'podcast' || !player.playing || player.remote) return;
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 7422bc7..39a02cf 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 67a915e 2026-10-03: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 5821dfa 2026-10-12: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -796,3 +796,185 @@ body.eink .nui-pod-facts a { text-decoration-color: #000; }
   background: rgba(0, 0, 0, 0.55);
   color: #ddd;
 }
+
+/* diora Reader (books only, native.js): no read-aloud, no cloud import. */
+.nui-reader-app #reader-tts-btn,
+.nui-reader-app #reader-tts-lang,
+.nui-reader-app button[onclick*="toggleCloudImport"],
+.nui-reader-app #cloud-browser { display: none !important; }
+
+/* Datenverbrauch (native-ui.js showDataUsage) */
+.nui-usage { padding: 4px 16px 12px; }
+.nui-usage-chips { display: flex; gap: 6px; margin-bottom: 12px; }
+.nui-usage-chip { padding: 6px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 16px; background: none; color: inherit; font: inherit; font-size: 13px; }
+.nui-usage-chip.on { border-color: var(--accent, #e63946); color: var(--accent, #e63946); }
+.nui-usage-total { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; margin-bottom: 10px; }
+.nui-usage-total b { color: var(--accent, #e63946); }
+.nui-usage-table { width: 100%; border-collapse: collapse; font-size: 13px; }
+.nui-usage-table th { text-align: right; font-weight: 400; color: var(--nui-muted, #9a9a9a); padding: 2px 0 6px; }
+.nui-usage-table td { padding: 7px 0; border-top: 1px solid var(--border, #2a2a2a); vertical-align: top; }
+.nui-usage-table td + td { text-align: right; white-space: nowrap; padding-left: 10px; }
+.nui-usage-bar { display: block; height: 3px; margin-top: 4px; background: #2a2a2a; border-radius: 2px; overflow: hidden; }
+.nui-usage-bar > span { display: block; height: 100%; background: var(--accent, #e63946); }
+.nui-usage-note { font-size: 12px; color: var(--nui-muted, #9a9a9a); margin: 10px 0 0; }
+body.eink .nui-usage-bar > span { background: #000; }
+body.eink .nui-usage-total b { color: #000; }
+
+/* ---- sidebar layout (html.nui-sidebar, native-radio.js): the menu as a rail on the left,
+   the player bars at the bottom of the page. Always on a TV, a choice in the app menu elsewhere. ---- */
+
+.nui-rail-brand, .nui-rail-menu { display: none; }
+
+html.nui-sidebar { --nui-rail-w: 200px; }
+html.nui-sidebar body { padding-left: var(--nui-rail-w); }
+html.nui-sidebar.nui-reading body { padding-left: 0; }
+html.nui-sidebar #nui-dock { left: var(--nui-rail-w); }
+html.nui-sidebar #nui-tabbar {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: var(--nui-rail-w);
+  flex-direction: column;
+  padding: 18px 0 12px;
+  background: #0b0b0b;
+  border-right: 1px solid var(--border);
+  overflow-y: auto;
+}
+html.nui-sidebar #nui-tabbar button {
+  flex: 0 0 auto;
+  height: 46px;
+  flex-direction: row;
+  justify-content: flex-start;
+  gap: 14px;
+  padding: 0 22px;
+  font-size: 15px;
+  text-align: left;
+}
+html.nui-sidebar #nui-tabbar .nui-tab-icon { width: 22px; text-align: center; font-size: 19px; }
+html.nui-sidebar #nui-tabbar button.nui-active { background: #181818; box-shadow: inset 3px 0 0 var(--accent); }
+html.nui-sidebar .nui-rail-brand {
+  display: block;
+  padding: 0 22px 18px;
+  color: var(--accent);
+  font-weight: 700;
+  font-size: 22px;
+  letter-spacing: 0.08em;
+}
+html.nui-sidebar .nui-rail-menu { display: flex; margin-top: auto; }
+/* Home's own wordmark: the rail has it already. */
+html.nui-sidebar #tab-home .home-brand { display: none; }
+body.eink #nui-tabbar { background: #fff; }
+/* A narrow screen (a phone upright): the rail shows its signs only. */
+@media (max-width: 640px) {
+  html.nui-sidebar { --nui-rail-w: 60px; }
+  html.nui-sidebar #nui-tabbar button { padding: 0; justify-content: center; font-size: 0; gap: 0; }
+  html.nui-sidebar #nui-tabbar .nui-tab-icon { font-size: 21px; }
+  html.nui-sidebar .nui-rail-brand { padding: 0 0 14px; text-align: center; font-size: 16px; letter-spacing: 0; overflow: hidden; }
+}
+
+/* ---- television (html.nui-tv, native-tv.js): a focus that the remote moves ---- */
+
+html.nui-tv { scroll-padding: 24px 0 calc(var(--nui-dock-h, 0px) + 24px); }
+html.nui-tv .nui-tv-focus {
+  outline: 3px solid var(--accent) !important;
+  outline-offset: 2px;
+  border-radius: 6px;
+}
+html.nui-tv #nui-tabbar button.nui-tv-focus { outline-offset: -3px; background: #222; }
+html.nui-tv :focus:not(.nui-tv-focus) { outline: none; }
+
+/* Books and feeds hidden on the TV (unless switched on in the app menu); Home's
+   sections of them: native-tv.js (:has, which the e-readers' old WebView lacks). */
+html.nui-noread #nui-tabbar button[data-tab="books"],
+html.nui-noread #nui-tabbar button[data-tab="feeds"] { display: none; }
+
+/* ---- screensaver (native-saver.js): what plays, large, drifting slowly ---- */
+
+#nui-saver {
+  position: fixed;
+  inset: 0;
+  z-index: 3000;
+  display: none;
+  overflow: hidden;
+  background: #000;
+  color: #fff;
+  cursor: none;
+}
+#nui-saver.nui-on { display: block; animation: nui-saver-in 1.2s ease-out; }
+@keyframes nui-saver-in { from { opacity: 0; } to { opacity: 1; } }
+.nui-saver-bg {
+  position: absolute;
+  inset: -10%;
+  background: center / cover no-repeat;
+  filter: blur(60px) brightness(0.32) saturate(1.3);
+}
+.nui-saver-stage {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5vw;
+  padding: 8vh 10vw;
+  transition: transform 44s ease-in-out;
+}
+.nui-saver-art {
+  flex: 0 0 auto;
+  width: 34vmin;
+  height: 34vmin;
+  border-radius: 3vmin;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #161616;
+  box-shadow: 0 2vmin 8vmin rgba(0, 0, 0, 0.6);
+}
+.nui-saver-art img { width: 100%; height: 100%; object-fit: cover; }
+.nui-saver-art span { font-size: 16vmin; color: var(--accent); line-height: 1; }
+.nui-saver-text { flex: 0 1 52vw; min-width: 0; display: flex; flex-direction: column; gap: 1.6vmin; }
+.nui-saver-kicker, .nui-saver-sub, .nui-saver-chapter, .nui-saver-left { font-family: var(--nui-sans); letter-spacing: normal; }
+.nui-saver-kicker { color: var(--accent); font-size: 2.6vmin; font-weight: 600; text-transform: uppercase; }
+.nui-saver-title {
+  font-size: 5.4vmin;
+  font-weight: 700;
+  line-height: 1.2;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.nui-saver-sub { font-size: 3.4vmin; color: #ddd; line-height: 1.3; }
+.nui-saver-chapter { font-size: 3vmin; color: var(--accent); }
+.nui-saver-progress { height: 0.6vmin; border-radius: 1vmin; background: rgba(255, 255, 255, 0.18); overflow: hidden; margin-top: 1vmin; }
+.nui-saver-progress span { display: block; height: 100%; background: var(--accent); transition: width 4s linear; }
+.nui-saver-left { font-size: 2.6vmin; color: #bbb; }
+#nui-saver [hidden] { display: none; }
+.nui-saver-clock {
+  position: absolute;
+  right: 5vw;
+  bottom: 6vh;
+  font-size: 7vmin;
+  font-weight: 200;
+  color: rgba(255, 255, 255, 0.75);
+  font-variant-numeric: tabular-nums;
+  transition: transform 44s ease-in-out;
+}
+/* Ambient: its own picture full screen; the saver only adds the clock and the sound world. */
+html.nui-saver-ambient #tab-ambient { display: block !important; }
+html.nui-saver-ambient #ambient-frame {
+  position: fixed !important;
+  inset: 0;
+  width: 100vw !important;
+  height: 100vh !important;
+  z-index: 2999;
+  border: 0;
+}
+html.nui-saver-ambient #nui-saver { background: transparent; }
+html.nui-saver-ambient .nui-saver-bg,
+html.nui-saver-ambient .nui-saver-art,
+html.nui-saver-ambient .nui-saver-progress,
+html.nui-saver-ambient .nui-saver-left { display: none; }
+html.nui-saver-ambient .nui-saver-stage { align-items: flex-start; justify-content: flex-start; }
+html.nui-saver-ambient .nui-saver-title { font-size: 3.4vmin; font-weight: 300; letter-spacing: 0.1em; }

From 884a18e8ef7aa46b5d8ecd301fbc1486fc35fd20 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Wed, 14 Oct 2026 18:02:33 +0200
Subject: [PATCH 100/176] =?UTF-8?q?Hell=20und=20Dunkel=20(docs/theme.md),?=
 =?UTF-8?q?=20Vorlese-Schnittstelle=20f=C3=BCr=20die=20Playerleiste;=20sw?=
 =?UTF-8?q?=20v102?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Farbvariablen für beide Schemata in app.css (--bg --fg --muted --card --panel
  --hover --raised --border --border-strong --accent --on-accent --scrim
  --shadow), Hell als html[data-theme=light]. Umschalter im Kopf jeder Seite
  (base.html, vor dem ersten Zeichnen): Dunkel / Hell / Automatisch, ☾☀◐ in der
  Navigation; __dioraTheme / __dioraSetTheme / Ereignis diora-theme.
- Reader: neues Standard-Theme "Wie die App" (Dunkel/Hell folgt der App).
- ◑ (Kontrast zum Hintergrundbild) nur noch mit Hintergrundbild.
- home.js auf die Variablen.
- window.__dioraTts (state/toggle/stop/next/prev) und Ereignis diora-tts für
  die Playerleiste; mit __dioraTtsDock keine eigene Vorlese-Leiste mehr.
- Reader-Hinweise über der Playerleiste, wenn sie im Reader steht.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/theme.md       |  44 +++++++++++++++
 static/css/app.css  | 100 +++++++++++++++++++++++----------
 static/js/app.js    | 133 +++++++++++++++++++++++++++++++++++++++++---
 static/js/home.js   |  24 ++++----
 static/js/sw.js     |   2 +-
 templates/base.html |  47 +++++++++++++++-
 6 files changed, 298 insertions(+), 52 deletions(-)
 create mode 100644 docs/theme.md

diff --git a/docs/theme.md b/docs/theme.md
new file mode 100644
index 0000000..4126c77
--- /dev/null
+++ b/docs/theme.md
@@ -0,0 +1,44 @@
+# Light and dark
+
+diora has two colour schemes, **dark** (the old look) and **light**, chosen by the reader:
+"Dunkel", "Hell" or "Automatisch" (as the operating system says). This file is the contract
+between diora-web (app.css, home.js, templates), diora-android (native.css, native-*.js,
+podcast-ui.css, feeds.js) and diora-desktop (desktop.css).
+
+## Switching
+
+* `<html data-theme="dark|light">` is the scheme in effect. Set as early as possible
+  (an inline script in base.html's `<head>`, before any CSS paints) so nothing flashes.
+* The choice is `localStorage.diora_theme` = `"dark"` (default) | `"light"` | `"auto"`.
+* `window.__dioraTheme()` → the choice; `window.__dioraSetTheme(choice)` sets and applies it;
+  `window.__dioraThemeChanged` (event `diora-theme` on `window`, `detail` = the scheme in
+  effect) lets native code follow (Android status/navigation bars, Electron's window colour).
+* "auto" follows `prefers-color-scheme` live.
+* E-ink mode (`html.nui-eink`) keeps its own black-on-white rules and ignores this.
+* The reader has its own themes; its default is now "Wie die App" (`readerSettings.theme = 'app'`):
+  dark → reader dark, light → reader bright. Sepia, Dunkel and Hell stay choosable.
+* A wallpaper (the radio page's background image) keeps its own contrast handling
+  (`body.bright-bg`, the ◑ button); without a wallpaper the scheme decides.
+
+## Colours: only through these variables
+
+| variable | dark | light | for |
+|---|---|---|---|
+| `--bg` | `#000` | `#f6f5f1` | the page |
+| `--fg` | `#fff` | `#17171a` | text |
+| `--muted` | `#9a9a9a` | `#66666b` | secondary text, icons |
+| `--card` | `#0b0b0b` | `#ffffff` | cards, rows that stand out |
+| `--panel` | `#111` | `#ffffff` | sheets, menus, docks, bars |
+| `--hover` | `#141414` | `#ecebe6` | hover / pressed |
+| `--raised` | `#1a1a1a` | `#e4e2dc` | inputs, tracks of sliders, chips |
+| `--border` | `#2a2a2a` | `#d9d6ce` | lines |
+| `--border-strong` | `#444` | `#b4b0a6` | lines that must show (inputs, focus off) |
+| `--accent` | `#e63946` | `#d0263a` | the red: brand, active, progress |
+| `--on-accent` | `#fff` | `#fff` | text on the red |
+| `--scrim` | `rgba(0,0,0,.6)` | `rgba(20,20,20,.35)` | behind sheets |
+| `--shadow` | `none` | `0 1px 3px rgba(0,0,0,.08)` | cards in light (no lines needed in dark) |
+
+Old names stay as aliases: `--nui-muted: var(--muted)`, `--nui-panel: var(--panel)`,
+`--text: var(--fg)`, `--text-muted: var(--muted)`, `--bg-card: var(--card)`.
+Images, album art, covers and Ambient's own picture keep their colours. Status colours
+(`--green`, `--yellow`, `--red`) may stay as they are.
diff --git a/static/css/app.css b/static/css/app.css
index 36e4a4b..5689138 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -47,13 +47,13 @@
 html, body {
   height: 100%;
   overflow: hidden;
-  scrollbar-color: #333 #000;
+  scrollbar-color: var(--raised) var(--bg);
 }
 
 ::-webkit-scrollbar { width: 8px; height: 8px; }
-::-webkit-scrollbar-track { background: #000; }
-::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
-::-webkit-scrollbar-thumb:hover { background: #555; }
+::-webkit-scrollbar-track { background: var(--bg); }
+::-webkit-scrollbar-thumb { background: var(--raised); border-radius: 4px; }
+::-webkit-scrollbar-thumb:hover { background: var(--border-strong); }
 
 :root {
   --bg: #000;
@@ -77,6 +77,42 @@ html, body {
   --outline: #000;
   --text: var(--fg);
   --text-muted: var(--fg);
+
+  /* The colour scheme (docs/theme.md): dark here, light below. Use only these. */
+  --muted: #9a9a9a;
+  --card: #0b0b0b;
+  --panel: #111;
+  --hover: #141414;
+  --raised: #1a1a1a;
+  --border-strong: #444;
+  --on-accent: #fff;
+  --scrim: rgba(0, 0, 0, 0.6);
+  --shadow: none;
+  --surface: var(--panel);
+  color-scheme: dark;
+}
+
+html[data-theme="light"] {
+  --bg: #f6f5f1;
+  --fg: #17171a;
+  --fg-muted: #17171a;
+  --muted: #66666b;
+  --card: #fff;
+  --panel: #fff;
+  --hover: #ecebe6;
+  --raised: #e4e2dc;
+  --border: #d9d6ce;
+  --border-strong: #b4b0a6;
+  --accent: #d0263a;
+  --accent-hover: #b51f31;
+  --on-accent: #fff;
+  --scrim: rgba(20, 20, 20, 0.35);
+  --shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  --bg-card: var(--card);
+  --bg-alt: var(--hover);
+  /* Outlined text is for wallpapers (body.bright-bg / a dark picture); on plain light, none. */
+  --outline: transparent;
+  color-scheme: light;
 }
 
 /* inverted: black on white */
@@ -395,7 +431,7 @@ a:hover {
   width: 100%;
   height: 70vh;
   border: 0;
-  background: #000;
+  background: var(--bg);
 }
 
 .sub-tabs {
@@ -477,7 +513,7 @@ a:hover {
 
 .data-table tbody tr:nth-child(odd)  { background: transparent; }
 .data-table tbody tr:nth-child(even) { background: transparent; }
-.data-table tbody tr:hover { background: rgba(255, 255, 255, 0.05); }
+.data-table tbody tr:hover { background: var(--hover); }
 
 .empty-msg {
   color: var(--text-muted);
@@ -508,14 +544,14 @@ a:hover {
   white-space: nowrap;
 }
 .btn:hover {
-  background: rgba(255, 255, 255, 0.07);
-  border-color: #444;
+  background: var(--hover);
+  border-color: var(--border-strong);
 }
 
 .btn-play {
   background: var(--accent);
   border-color: var(--accent);
-  color: #fff;
+  color: var(--on-accent);
   font-size: 0.9rem;
   padding: 0.4rem 1rem;
 }
@@ -524,14 +560,14 @@ a:hover {
   border-color: var(--accent-hover);
 }
 .btn-play.playing {
-  background: #333;
-  border-color: #555;
+  background: var(--raised);
+  border-color: var(--border-strong);
   color: var(--text);
 }
 
 .btn-save {
   color: var(--yellow);
-  border-color: #444;
+  border-color: var(--border-strong);
 }
 .btn-save:hover {
   background: #2a2a00;
@@ -546,7 +582,7 @@ a:hover {
 .btn-primary {
   background: var(--accent);
   border-color: var(--accent);
-  color: #fff;
+  color: var(--on-accent);
 }
 .btn-primary:hover {
   background: var(--accent-hover);
@@ -562,6 +598,9 @@ a:hover {
   border-color: #a00;
   color: #fff;
 }
+html[data-theme="light"] .btn-danger { background: #fdecee; border-color: #e7a3aa; color: #a3172a; }
+html[data-theme="light"] .btn-danger:hover { background: #a3172a; border-color: #a3172a; color: #fff; }
+html[data-theme="light"] .btn-save:hover { background: #fbf3d3; }
 
 .btn-lastfm {
   background: #d51007;
@@ -688,6 +727,7 @@ a:hover {
   border-radius: var(--radius);
   padding: 0.5rem 0.75rem;
 }
+html[data-theme="light"] .form-errors { background: #fdecee; border-color: #e7a3aa; }
 
 .field-help {
   color: var(--text-muted);
@@ -929,7 +969,7 @@ a:hover {
 
 .recommendations-section {
   padding: 12px 16px 4px;
-  border-bottom: 1px solid #222;
+  border-bottom: 1px solid var(--border);
 }
 .recommendations-context {
   font-size: 0.75rem;
@@ -1009,7 +1049,7 @@ a:hover {
   display: flex;
   align-items: center;
   gap: 10px;
-  border-bottom: 1px solid #1a1a1a;
+  border-bottom: 1px solid var(--border);
 }
 
 /* =========================================================
@@ -1108,13 +1148,13 @@ body.dnd-mode .timer-display {
   flex-wrap: wrap;
   gap: 6px;
   padding: 8px 16px;
-  border-bottom: 1px solid #1a1a1a;
+  border-bottom: 1px solid var(--border);
 }
 
 .mood-chip {
   background: transparent;
-  border: 1px solid #333;
-  color: #ccc;
+  border: 1px solid var(--border);
+  color: var(--fg);
   border-radius: 999px;
   padding: 3px 12px;
   font-size: 0.78rem;
@@ -1123,8 +1163,8 @@ body.dnd-mode .timer-display {
 }
 
 .mood-chip:hover {
-  background: rgba(255, 255, 255, 0.05);
-  border-color: #555;
+  background: var(--hover);
+  border-color: var(--border-strong);
 }
 
 .focus-today {
@@ -1274,7 +1314,7 @@ body.dnd-mode .timer-display {
 .sidebar-overlay {
   position: fixed;
   inset: 0;
-  background: rgba(0, 0, 0, 0.45);
+  background: var(--scrim);
   z-index: 299;
 }
 
@@ -1334,7 +1374,7 @@ body.dnd-mode .timer-display {
 .modal-overlay {
   position: fixed;
   inset: 0;
-  background: rgba(0, 0, 0, 0.55);
+  background: var(--scrim);
   z-index: 500;
 }
 
@@ -1417,7 +1457,7 @@ body.dnd-mode .timer-display {
 .book-drop-zone:hover,
 .book-drop-zone.drag-over {
   border-color: var(--accent);
-  background: rgba(255,255,255,0.04);
+  background: var(--hover);
 }
 .book-drop-zone label {
   color: var(--accent);
@@ -1791,13 +1831,13 @@ body.reader-immersive.reader-show-bottom .reader-overlay  { bottom: var(--bar-h)
   display: flex;
   align-items: center;
   justify-content: center;
-  background: rgba(20, 20, 20, 0.85);
+  background: var(--scrim);
   z-index: 200;
 }
 .pdf-loading-spinner {
   width: 36px;
   height: 36px;
-  border: 3px solid #333;
+  border: 3px solid var(--raised);
   border-top-color: var(--accent, #e63946);
   border-radius: 50%;
   animation: pdf-spin 0.7s linear infinite;
@@ -1814,7 +1854,7 @@ body.reader-immersive.reader-show-bottom .reader-overlay  { bottom: var(--bar-h)
 /* Highlight popover */
 .highlight-popover { position:fixed; z-index:500; display:flex; gap:6px; background:var(--bg-card,#1a1a1a); border:1px solid var(--border); border-radius:var(--radius); padding:6px 8px; box-shadow:0 4px 16px rgba(0,0,0,.5); }
 .hl-color-btn { width:24px; height:24px; border-radius:50%; border:2px solid transparent; cursor:pointer; font-weight:700; font-size:12px; color:#000; line-height:1; }
-.hl-color-btn:hover { border-color:#fff; }
+.hl-color-btn:hover { border-color:var(--fg); }
 .hl-note-btn { background:none; border:1px solid var(--border); color:var(--fg); padding:2px 6px; border-radius:var(--radius); cursor:pointer; }
 
 /* Footnote popover */
@@ -1908,7 +1948,7 @@ body.reader-immersive.reader-show-bottom .reader-overlay  { bottom: var(--bar-h)
    here. */
 .note-bottom-sheet { position:fixed; inset:0; z-index:650; }
 .note-bottom-sheet-backdrop {
-  position:absolute; inset:0; background:rgba(0,0,0,.5);
+  position:absolute; inset:0; background:var(--scrim);
   opacity:0; transition:opacity .2s ease; pointer-events:none;
 }
 .note-bottom-sheet.open .note-bottom-sheet-backdrop { opacity:1; pointer-events:auto; }
@@ -1951,7 +1991,9 @@ mark.tts-current { background:rgba(230,57,70,.55); color:inherit; border-radius:
 @keyframes toast-fade { 0%,70%{opacity:1} 100%{opacity:0} }
 
 .reader-toast-action { display:flex; align-items:center; gap:10px; padding:8px 8px 8px 14px; animation:toast-slide-up 0.2s ease forwards; pointer-events:auto; }
-.reader-toast-btn { background:var(--accent,#e63946); color:#fff; border:none; border-radius:calc(var(--radius) - 2px); padding:5px 12px; font-family:var(--font); font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; }
+/* The apps: the player bar sits in the reader, above its footer; notices go above both. */
+html.nui-reading .reader-toast { bottom:calc(var(--nui-dock-h, 0px) + 40px); }
+.reader-toast-btn { background:var(--accent,#e63946); color:var(--on-accent); border:none; border-radius:calc(var(--radius) - 2px); padding:5px 12px; font-family:var(--font); font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; }
 .reader-toast-btn:hover { filter:brightness(1.1); }
 @keyframes toast-slide-up { 0%{opacity:0; transform:translate(-50%, 8px);} 100%{opacity:1; transform:translate(-50%, 0);} }
 
@@ -1960,7 +2002,7 @@ mark.tts-current { background:rgba(230,57,70,.55); color:inherit; border-radius:
   bottom: 4px;
   right: 6px;
   font-size: 0.65rem;
-  color: #444;
+  color: var(--border-strong);
   pointer-events: none;
   z-index: 1;
 }
diff --git a/static/js/app.js b/static/js/app.js
index e7ac60e..1dad5a3 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -1629,6 +1629,12 @@ function applyAccent(entry) {
   root.style.setProperty('--accent-hover', entry.hover);
 }
 
+// Light and dark: the switch is in base.html (every page has it). The reader's
+// "Wie die App" follows it.
+window.addEventListener('diora-theme', () => {
+  if (currentBookId) applyReaderSettings(!!currentPdfDoc);
+});
+
 function setScheme(bright) {
   document.body.classList.toggle('bright-bg', bright);
   const btn = document.getElementById('contrast-toggle');
@@ -1736,6 +1742,8 @@ async function applyEncryptedBackground() {
     const blob = new Blob([plain], {type: ENCRYPTED_BG.mime || 'image/jpeg'});
     const url = URL.createObjectURL(blob);
     document.body.style.backgroundImage = `url('${url}')`;
+    const contrastBtn = document.getElementById('contrast-toggle');
+    if (contrastBtn) contrastBtn.hidden = false; // only with a picture behind the page
     document.body.style.backgroundSize = 'cover';
     document.body.style.backgroundPosition = 'center';
     document.body.style.backgroundAttachment = 'fixed';
@@ -3770,6 +3778,8 @@ let ttsAudio = null;
 let ttsCurrentMark = null;
 let ttsBarEl = null;
 let ttsLang = localStorage.getItem('diora_tts_lang') || 'de';
+let _ttsBlocks = null;  // the book's blocks while reading aloud
+let _ttsCur = null;     // what's being read: {bi, si, sentence, block}
 
 function setTtsLang(lang) {
   ttsLang = lang;
@@ -3862,15 +3872,19 @@ function _ttsPlayBlob(blob) {
   });
 }
 
-// Walks blocks/sentences from startBlockIndex onward, fetching one sentence
-// ahead while the current one plays so there's no gap between them.
-async function _ttsPlayLoop(blocks, startBlockIndex, runToken) {
+// Walks blocks/sentences from startBlockIndex (and its sentence startSentence)
+// onward, fetching one sentence ahead while the current one plays so there's
+// no gap between them.
+async function _ttsPlayLoop(blocks, startBlockIndex, runToken, startSentence = 0) {
   function* sentenceStream() {
     for (let bi = startBlockIndex; bi < blocks.length; bi++) {
       const block = blocks[bi];
       const text = (block.textContent || '').trim();
       if (!text) continue;
-      for (const sentence of _ttsSplitSentences(text)) yield {block, sentence};
+      const sentences = _ttsSplitSentences(text);
+      for (let si = bi === startBlockIndex ? startSentence : 0; si < sentences.length; si++) {
+        yield {block, sentence: sentences[si], bi, si};
+      }
     }
   }
 
@@ -3896,8 +3910,14 @@ async function _ttsPlayLoop(blocks, startBlockIndex, runToken) {
     }
     if (runToken !== ttsRunToken) return;
 
-    if (block !== lastBlock) { lastBlock = block; blockSearchOffset = 0; }
+    if (block !== lastBlock) {
+      lastBlock = block;
+      // Started in the middle of a block (previous/next sentence): find it from there.
+      blockSearchOffset = _ttsOffsetOf(block, cur.value.si);
+    }
+    _ttsCur = {bi: cur.value.bi, si: cur.value.si, sentence, block};
     blockSearchOffset = _ttsHighlightSentence(block, sentence, blockSearchOffset);
+    _ttsNotify();
 
     await _ttsPlayBlob(audioBlob);
     if (runToken !== ttsRunToken) return;
@@ -3915,8 +3935,90 @@ function _ttsTogglePause() {
     else ttsAudio.play().catch(() => {});
   }
   _ttsUpdateBar();
+  _ttsNotify();
 }
 
+// ---- read-aloud for a player bar (the shared dock in native-podcast.js) ----------
+// window.__dioraTts: state(), toggle(), stop(), next(), prev(); a 'diora-tts'
+// event on window after every change. A dock that shows it sets
+// window.__dioraTtsDock = true, and the reader's own little bar stays away.
+
+function _ttsState() {
+  const meta = (currentBookId && bookMetaCache[currentBookId]) || {};
+  const cur = _ttsCur;
+  const chapterEl = cur && cur.block.closest('[data-epub-src]');
+  const blocks = _ttsBlocks || [];
+  return {
+    active: ttsActive,
+    paused: ttsPaused,
+    bookId: currentBookId,
+    title: meta.title || '',
+    author: meta.author || '',
+    chapter: chapterEl ? _tocTitleForChapterSrc(chapterEl.dataset.epubSrc) : '',
+    sentence: cur ? cur.sentence : '',
+    progress: cur && blocks.length ? cur.bi / blocks.length : 0,
+  };
+}
+
+function _ttsNotify() {
+  try { window.dispatchEvent(new CustomEvent('diora-tts', {detail: _ttsState()})); } catch (e) {}
+}
+
+// Read from another sentence on: the one before/after the current one.
+function _ttsRestartAt(bi, si) {
+  const blocks = _ttsBlocks;
+  if (!ttsActive || !blocks) return;
+  ttsRunToken++;
+  const runToken = ttsRunToken;
+  if (ttsAudio) {
+    try { ttsAudio.pause(); ttsAudio.src = ''; } catch (e) {}
+    ttsAudio = null;
+  }
+  _ttsPlayLoop(blocks, bi, runToken, si);
+}
+
+// Where sentence si of a block starts in its text (for the highlight).
+function _ttsOffsetOf(block, si) {
+  const full = block.textContent || '';
+  let off = 0;
+  _ttsSplitSentences(full.trim()).slice(0, si).forEach(s => {
+    const k = full.indexOf(s, off);
+    if (k >= 0) off = k + s.length;
+  });
+  return off;
+}
+
+function _ttsSentenceCount(block) {
+  const text = (block.textContent || '').trim();
+  return text ? _ttsSplitSentences(text).length : 0;
+}
+
+function _ttsStep(dir) {
+  const cur = _ttsCur;
+  const blocks = _ttsBlocks;
+  if (!cur || !blocks) return;
+  if (dir > 0) {
+    if (cur.si + 1 < _ttsSentenceCount(cur.block)) return _ttsRestartAt(cur.bi, cur.si + 1);
+    for (let bi = cur.bi + 1; bi < blocks.length; bi++) if (_ttsSentenceCount(blocks[bi])) return _ttsRestartAt(bi, 0);
+    stopReadAloud();
+  } else {
+    if (cur.si > 0) return _ttsRestartAt(cur.bi, cur.si - 1);
+    for (let bi = cur.bi - 1; bi >= 0; bi--) {
+      const n = _ttsSentenceCount(blocks[bi]);
+      if (n) return _ttsRestartAt(bi, n - 1);
+    }
+    _ttsRestartAt(cur.bi, 0);
+  }
+}
+
+window.__dioraTts = {
+  state: _ttsState,
+  toggle: () => (ttsActive ? _ttsTogglePause() : startReadAloud()),
+  stop: () => stopReadAloud(),
+  next: () => _ttsStep(1),
+  prev: () => _ttsStep(-1),
+};
+
 function _ttsUpdateBar() {
   if (!ttsBarEl) return;
   const btn = ttsBarEl.querySelector('.tts-pause-btn');
@@ -3925,6 +4027,7 @@ function _ttsUpdateBar() {
 
 function _ttsShowBar() {
   _ttsRemoveBar();
+  if (window.__dioraTtsDock) return; // the player bar shows it
   const bar = document.createElement('div');
   bar.className = 'tts-bar';
   bar.innerHTML = `
@@ -3968,10 +4071,13 @@ function startReadAloud() {
   ttsPaused = false;
   ttsRunToken++;
   const runToken = ttsRunToken;
+  _ttsBlocks = blocks;
+  _ttsCur = null;
 
   const btn = $('reader-tts-btn');
   if (btn) { btn.classList.add('active'); btn.title = 'Vorlesen beenden'; }
   _ttsShowBar();
+  _ttsNotify();
 
   _ttsPlayLoop(blocks, startIndex, runToken);
 }
@@ -3986,8 +4092,11 @@ function stopReadAloud() {
   }
   _ttsClearHighlight();
   _ttsRemoveBar();
+  _ttsBlocks = null;
+  _ttsCur = null;
   const btn = $('reader-tts-btn');
   if (btn) { btn.classList.remove('active'); btn.title = 'Vorlesen'; }
+  _ttsNotify();
 }
 
 // ---------------------------------------------------------------------------
@@ -4647,7 +4756,7 @@ function _readerTypeDefaults() {
 
 function loadReaderSettings(bookId) {
   // Reset to defaults, then apply per-book overrides
-  Object.assign(readerSettings, { theme: 'dark', fontFamily: 'serif', noBold: false,
+  Object.assign(readerSettings, { theme: 'app', fontFamily: 'serif', noBold: false,
                                    pdfZoom: 100, pdfInverted: false, pdfPaginated: false, pdfSpread: false },
                 _readerTypeDefaults());
   try {
@@ -4659,6 +4768,8 @@ function loadReaderSettings(bookId) {
         if (saved[key] === old) delete saved[key];
       }
     }
+    // Before v3 the reader's theme was always stored, "dark" by default: that now means "Wie die App".
+    if ((saved.v || 0) < 3 && saved.theme === 'dark') delete saved.theme;
     delete saved.v;
     Object.assign(readerSettings, saved);
     if (saved.pdfPaginated === undefined) {
@@ -4669,7 +4780,7 @@ function loadReaderSettings(bookId) {
 
 function saveReaderSettings() {
   if (currentBookId) {
-    localStorage.setItem(`diora_reader_settings_${currentBookId}`, JSON.stringify({ ...readerSettings, v: 2 }));
+    localStorage.setItem(`diora_reader_settings_${currentBookId}`, JSON.stringify({ ...readerSettings, v: 3 }));
   }
 }
 
@@ -4708,8 +4819,11 @@ function applyReaderSettings(isPdf) {
 
   // Theme
   overlay.classList.remove('reader-theme-sepia', 'reader-theme-bright');
-  if (readerSettings.theme === 'sepia') overlay.classList.add('reader-theme-sepia');
-  else if (readerSettings.theme === 'bright') overlay.classList.add('reader-theme-bright');
+  const readerTheme = readerSettings.theme === 'app'
+    ? (document.documentElement.getAttribute('data-theme') === 'light' ? 'bright' : 'dark')
+    : readerSettings.theme;
+  if (readerTheme === 'sepia') overlay.classList.add('reader-theme-sepia');
+  else if (readerTheme === 'bright') overlay.classList.add('reader-theme-bright');
 
   // PDF invert
   if (isPdf && readerSettings.pdfInverted) overlay.classList.add('pdf-inverted');
@@ -4767,6 +4881,7 @@ function toggleSettingsPanel() {
       <button class="btn btn-sm ${readerSettings.fontFamily === 'humanist' ? 'active' : ''}" data-rs-font="humanist">Verdana</button>
       <button class="btn btn-sm ${readerSettings.fontFamily === 'mono'     ? 'active' : ''}" data-rs-font="mono">Mono</button>
       <button class="btn btn-sm ${readerSettings.noBold ? 'active' : ''}" id="rs-no-bold">Kein Fett</button>
+      <button class="btn btn-sm ${readerSettings.theme === 'app'    ? 'active' : ''}" data-rs-theme="app">Wie die App</button>
       <button class="btn btn-sm ${readerSettings.theme === 'dark'   ? 'active' : ''}" data-rs-theme="dark">Dunkel</button>
       <button class="btn btn-sm ${readerSettings.theme === 'sepia'  ? 'active' : ''}" data-rs-theme="sepia">Sepia</button>
       <button class="btn btn-sm ${readerSettings.theme === 'bright' ? 'active' : ''}" data-rs-theme="bright">Hell</button>
diff --git a/static/js/home.js b/static/js/home.js
index e50cf7f..712ad66 100644
--- a/static/js/home.js
+++ b/static/js/home.js
@@ -331,27 +331,27 @@
     '#tab-home .home-brand { font-size: 26px; font-weight: 700; color: var(--accent, #e63946); margin: 4px 0 18px; letter-spacing: 0.05em; }',
     '#tab-home .home-section { margin-bottom: 22px; }',
     '#tab-home .home-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 8px; }',
-    '#tab-home .home-head h2 { margin: 0; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted, #9a9a9a); }',
-    '#tab-home .home-more { background: none; border: none; color: var(--nui-muted, #9a9a9a); font: inherit; font-size: 12px; cursor: pointer; padding: 4px 0; }',
-    '#tab-home .home-card { display: flex; align-items: center; gap: 12px; width: 100%; box-sizing: border-box; padding: 14px; border: 1px solid var(--border, #2a2a2a); border-radius: 6px; background: #0b0b0b; color: inherit; font: inherit; text-align: left; }',
+    '#tab-home .home-head h2 { margin: 0; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted, #9a9a9a); }',
+    '#tab-home .home-more { background: none; border: none; color: var(--muted, #9a9a9a); font: inherit; font-size: 12px; cursor: pointer; padding: 4px 0; }',
+    '#tab-home .home-card { display: flex; align-items: center; gap: 12px; width: 100%; box-sizing: border-box; padding: 14px; border: 1px solid var(--border, #2a2a2a); border-radius: 6px; background: var(--card, #0b0b0b); box-shadow: var(--shadow, none); color: inherit; font: inherit; text-align: left; }',
     '#tab-home button.home-card, #tab-home .home-pod-text, #tab-home .home-row, #tab-home .home-station { cursor: pointer; }',
     '#tab-home .home-main { flex-wrap: nowrap; }',
     '#tab-home button.home-main { flex-direction: column; align-items: flex-start; gap: 3px; }',
-    '#tab-home .home-empty { color: var(--nui-muted, #9a9a9a); justify-content: space-between; }',
+    '#tab-home .home-empty { color: var(--muted, #9a9a9a); justify-content: space-between; }',
     '#tab-home .home-kicker { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent, #e63946); }',
     '#tab-home .home-title { font-size: 16px; font-weight: 700; line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }',
-    '#tab-home .home-sub { font-size: 13px; color: var(--nui-muted, #9a9a9a); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }',
-    '#tab-home .home-state { display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 12px; color: var(--nui-muted, #9a9a9a); }',
-    '#tab-home .home-bar { display: inline-block; width: 160px; max-width: 40vw; height: 4px; border-radius: 2px; background: #2a2a2a; overflow: hidden; }',
+    '#tab-home .home-sub { font-size: 13px; color: var(--muted, #9a9a9a); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }',
+    '#tab-home .home-state { display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 12px; color: var(--muted, #9a9a9a); }',
+    '#tab-home .home-bar { display: inline-block; width: 160px; max-width: 40vw; height: 4px; border-radius: 2px; background: var(--raised, #2a2a2a); overflow: hidden; }',
     '#tab-home .home-bar > span { display: block; height: 100%; background: var(--accent, #e63946); }',
     '#tab-home .home-pod-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }',
-    '#tab-home .home-art { width: 56px; height: 56px; flex: none; border-radius: 4px; object-fit: cover; background: #1a1a1a; }',
+    '#tab-home .home-art { width: 56px; height: 56px; flex: none; border-radius: 4px; object-fit: cover; background: var(--raised, #1a1a1a); }',
     '#tab-home .home-amb-icon { width: 56px; height: 56px; flex: none; border-radius: 4px; background: #14102a; color: #b9a7ff; display: inline-flex; align-items: center; justify-content: center; font-size: 26px; }',
     '#tab-home .home-play { flex: none; min-height: 36px; padding: 0 14px; }',
     '#tab-home .home-list { margin-top: 6px; }',
     '#tab-home .home-row { display: flex; justify-content: space-between; gap: 12px; width: 100%; padding: 10px 14px; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; font-size: 14px; text-align: left; }',
     '#tab-home .home-row-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
-    '#tab-home .home-row-side { flex: none; color: var(--nui-muted, #9a9a9a); font-size: 12px; }',
+    '#tab-home .home-row-side { flex: none; color: var(--muted, #9a9a9a); font-size: 12px; }',
     '#tab-home .home-news { flex-direction: column; align-items: stretch; gap: 0; padding: 4px 0; }',
     '#tab-home .home-story { align-items: baseline; }',
     '#tab-home .home-news .home-story:last-child { border-bottom: none; }',
@@ -360,12 +360,12 @@
     '#tab-home .home-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }',
     '#tab-home .home-chip { padding: 6px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 16px; background: none; color: inherit; font: inherit; font-size: 13px; cursor: pointer; }',
     '#tab-home .home-stations { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }',
-    '#tab-home .home-station { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 6px; background: #0b0b0b; color: inherit; font: inherit; font-size: 14px; text-align: left; }',
+    '#tab-home .home-station { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 6px; background: var(--card, #0b0b0b); box-shadow: var(--shadow, none); color: inherit; font: inherit; font-size: 14px; text-align: left; }',
     '#tab-home .home-station-icon { color: var(--accent, #e63946); flex: none; }',
     '#tab-home .home-station-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
     '#tab-home .home-on { border-color: var(--accent, #e63946); }',
-    '#tab-home .home-note { margin-top: 8px; font-size: 13px; color: var(--nui-muted, #9a9a9a); }',
-    '@media (hover: hover) { #tab-home .home-card:hover, #tab-home .home-station:hover, #tab-home .home-row:hover { background: #141414; } }',
+    '#tab-home .home-note { margin-top: 8px; font-size: 13px; color: var(--muted, #9a9a9a); }',
+    '@media (hover: hover) { #tab-home .home-card:hover, #tab-home .home-station:hover, #tab-home .home-row:hover { background: var(--hover, #141414); } }',
     '.reader-theme-bright #tab-home, body.eink #tab-home .home-card { background: #fff; }',
   ].join('\n');
   document.head.appendChild(style);
diff --git a/static/js/sw.js b/static/js/sw.js
index 2113fd9..32bd9f3 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v101';
+const CACHE = 'diora-v102';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/templates/base.html b/templates/base.html
index 64f4baa..9d26a8a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,6 +11,50 @@
   {% if user.is_authenticated %}<meta name="username" content="{{ user.username }}">{% endif %}
   <link rel="manifest" href="/static/manifest.json">
   <link rel="apple-touch-icon" href="/static/icon-192.png">
+  <script>
+    // Light and dark (docs/theme.md): the choice is "dark", "light" or "auto" (as the
+    // system says). Set before anything paints; every page has it, app.js or not.
+    // Plain ES5: old e-reader WebViews run this too.
+    (function () {
+      var KEY = 'diora_theme';
+      var LABELS = {dark: 'Dunkel', light: 'Hell', auto: 'Automatisch'};
+      var mq = window.matchMedia ? window.matchMedia('(prefers-color-scheme: light)') : null;
+      function choice() {
+        var v = null;
+        try { v = localStorage.getItem(KEY); } catch (e) {}
+        return v === 'light' || v === 'auto' ? v : 'dark';
+      }
+      function scheme() {
+        var c = choice();
+        return c === 'light' || (c === 'auto' && mq && mq.matches) ? 'light' : 'dark';
+      }
+      function apply() {
+        var s = scheme();
+        document.documentElement.setAttribute('data-theme', s);
+        var meta = document.querySelector('meta[name="theme-color"]');
+        if (meta) meta.setAttribute('content', s === 'light' ? '#f6f5f1' : '#000000');
+        var b = document.getElementById('theme-toggle');
+        if (b) {
+          var c = choice();
+          b.textContent = c === 'light' ? '\u2600' : c === 'auto' ? '\u25D0' : '\u263E';
+          b.title = 'Erscheinungsbild: ' + LABELS[c];
+        }
+        try { window.dispatchEvent(new CustomEvent('diora-theme', {detail: s})); } catch (e) {}
+      }
+      window.__dioraTheme = choice;
+      window.__dioraSetTheme = function (c) {
+        try { localStorage.setItem(KEY, LABELS[c] ? c : 'dark'); } catch (e) {}
+        apply();
+      };
+      window.cycleTheme = function () {
+        var order = ['dark', 'light', 'auto'];
+        window.__dioraSetTheme(order[(order.indexOf(choice()) + 1) % order.length]);
+      };
+      if (mq && mq.addEventListener) mq.addEventListener('change', function () { if (choice() === 'auto') apply(); });
+      document.addEventListener('DOMContentLoaded', apply);
+      document.documentElement.setAttribute('data-theme', scheme());
+    })();
+  </script>
   <link rel="stylesheet" href="/static/css/app.css">
   <title>{% block title %}diora{% endblock %}</title>
   <script>const DIORA_CONFIG = { ebookMaxBytes: {{ EBOOK_MAX_BYTES }}, bgMaxBytes: {{ BG_MAX_BYTES }}, podcastInboxPageSize: {{ PODCAST_INBOX_PAGE_SIZE }} };</script>
@@ -22,7 +66,8 @@
   <nav class="navbar">
     <a href="/" class="navbar-brand">diora</a>
     <div class="navbar-links">
-      <button class="btn-icon contrast-toggle" id="contrast-toggle" onclick="toggleContrast()" title="Kontrastmodus an/aus">◑</button>
+      <button class="btn-icon theme-toggle" id="theme-toggle" onclick="cycleTheme()" title="Erscheinungsbild">☾</button>
+      <button class="btn-icon contrast-toggle" id="contrast-toggle" onclick="toggleContrast()" title="Kontrast zum Hintergrundbild" hidden>◑</button>
       {% if user.is_authenticated %}
         <span class="navbar-user">{{ user.username }}</span>
         <a href="{% url 'settings' %}">Einstellungen</a>

From 33ca68270916e8ee1474e295914de2b7f1f4058b Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Wed, 14 Oct 2026 17:51:33 +0200
Subject: [PATCH 101/176] Feeds und Podcast-Seite im Browser auf die
 Farbvariablen (docs/theme.md)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/feeds.js               | 22 +++++++++++-----------
 static/podcasts/podcasts-web.css | 12 ++++++------
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/static/js/feeds.js b/static/js/feeds.js
index 20f144c..54e7fdf 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -1077,8 +1077,8 @@
     '#tab-feeds .fd-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 4px 0 14px; }',
     '#tab-feeds .fd-seg { display: flex; border: 1px solid var(--border, #2a2a2a); border-radius: 6px; overflow: hidden; }',
     '#tab-feeds .fd-seg button { background: none; border: none; color: inherit; font: inherit; padding: 9px 14px; cursor: pointer; }',
-    '#tab-feeds .fd-seg button.on { background: var(--accent, #e63946); color: #fff; }',
-    '#tab-feeds .fd-count { display: inline-block; min-width: 18px; padding: 0 5px; border-radius: 9px; background: rgba(255,255,255,0.18); font-size: 11px; text-align: center; }',
+    '#tab-feeds .fd-seg button.on { background: var(--accent, #e63946); color: var(--on-accent, #fff); }',
+    '#tab-feeds .fd-count { display: inline-block; min-width: 18px; padding: 0 5px; border-radius: 9px; background: var(--raised, rgba(255,255,255,0.18)); font-size: 11px; text-align: center; }',
     '#tab-feeds .fd-actions { display: flex; gap: 4px; }',
     '.fd-icon { background: none; border: none; color: inherit; font: inherit; font-size: 20px; min-width: 40px; min-height: 40px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }',
     '.fd-icon.on { color: var(--accent, #e63946); }',
@@ -1089,7 +1089,7 @@
     '#tab-feeds .fd-empty { text-align: center; padding: 40px 0; }',
     '#tab-feeds h3 { margin: 18px 0 6px; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted, #9a9a9a); }',
     '#tab-feeds h3 small { font-size: 11px; }',
-    '#tab-feeds .fd-brief { border: 1px solid var(--border, #2a2a2a); border-radius: 6px; padding: 12px 14px 14px; margin-bottom: 18px; background: #0b0b0b; }',
+    '#tab-feeds .fd-brief { border: 1px solid var(--border, #2a2a2a); border-radius: 6px; padding: 12px 14px 14px; margin-bottom: 18px; background: var(--card, #0b0b0b); box-shadow: var(--shadow, none); }',
     '#tab-feeds .fd-brief-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; }',
     '#tab-feeds .fd-brief-head h2 { margin: 0; font-size: 16px; color: var(--accent, #e63946); }',
     '#tab-feeds .fd-seen { width: 100%; margin-top: 14px; min-height: 42px; }',
@@ -1098,7 +1098,7 @@
     '#tab-feeds .fd-row-title { font-size: 14px; line-height: 1.35; }',
     '.fd-row-meta { font-size: 12px; font-weight: 400; color: var(--nui-muted, #9a9a9a); }',
     '#tab-feeds .fd-more-src { color: var(--accent, #e63946); }',
-    '#tab-feeds .fd-badge { flex: none; min-width: 26px; height: 26px; border-radius: 13px; background: var(--accent, #e63946); color: #fff; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; }',
+    '#tab-feeds .fd-badge { flex: none; min-width: 26px; height: 26px; border-radius: 13px; background: var(--accent, #e63946); color: var(--on-accent, #fff); font-size: 12px; display: inline-flex; align-items: center; justify-content: center; }',
     '#tab-feeds .fd-link { background: none; border: none; color: var(--nui-muted, #9a9a9a); font: inherit; font-size: 12px; padding: 8px 0; cursor: pointer; }',
     '#tab-feeds .fd-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; align-items: center; }',
     // The reports of a story: one row that scrolls sideways, however many there are.
@@ -1114,16 +1114,16 @@
     '.fd-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--accent, #e63946); margin-right: 6px; vertical-align: middle; }',
     '#tab-feeds .fd-modes .fd-chip { font-size: 12px; padding: 5px 10px; }',
     '#tab-feeds .fd-blogbar { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }',
-    '#tab-feeds .fd-new { display: inline-block; padding: 1px 5px; border-radius: 3px; background: var(--accent, #e63946); color: #fff; font-size: 10px; letter-spacing: 0.05em; vertical-align: 2px; }',
+    '#tab-feeds .fd-new { display: inline-block; padding: 1px 5px; border-radius: 3px; background: var(--accent, #e63946); color: var(--on-accent, #fff); font-size: 10px; letter-spacing: 0.05em; vertical-align: 2px; }',
     '#tab-feeds .fd-hidden { opacity: 0.6; }',
-    '#tab-feeds .fd-prog { display: block; height: 3px; margin-top: 4px; background: #2a2a2a; border-radius: 2px; overflow: hidden; }',
+    '#tab-feeds .fd-prog { display: block; height: 3px; margin-top: 4px; background: var(--raised, #2a2a2a); border-radius: 2px; overflow: hidden; }',
     '#tab-feeds .fd-prog > span { display: block; height: 100%; background: var(--accent, #e63946); }',
     '#tab-feeds .fd-folders { border: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }',
     '#tab-feeds .fd-folders legend { font-size: 12px; color: var(--nui-muted, #9a9a9a); margin-bottom: 4px; }',
     '#tab-feeds .fd-folders input[name=newfolder] { flex-basis: 100%; }',
     '#tab-feeds .fd-folder-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--border, #2a2a2a); flex-wrap: wrap; }',
-    '#fd-sheet { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 995; background: rgba(0,0,0,0.5); display: flex; align-items: flex-end; justify-content: center; }',
-    '#fd-sheet .fd-sheet-box { width: 100%; max-width: 480px; background: var(--bg, #000); border: 1px solid var(--border, #2a2a2a); border-bottom: none; border-radius: 10px 10px 0 0; padding: 8px 0 calc(8px + env(safe-area-inset-bottom, 0px)); }',
+    '#fd-sheet { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 995; background: var(--scrim, rgba(0,0,0,0.5)); display: flex; align-items: flex-end; justify-content: center; }',
+    '#fd-sheet .fd-sheet-box { width: 100%; max-width: 480px; background: var(--panel, #000); border: 1px solid var(--border, #2a2a2a); border-bottom: none; border-radius: 10px 10px 0 0; padding: 8px 0 calc(8px + env(safe-area-inset-bottom, 0px)); }',
     '#fd-sheet .fd-sheet-title { padding: 10px 18px; font-size: 13px; color: var(--nui-muted, #9a9a9a); }',
     '#fd-sheet button { display: block; width: 100%; padding: 14px 18px; background: none; border: none; color: var(--fg, #fff); font: inherit; text-align: left; cursor: pointer; }',
     'body.eink #tab-feeds .fd-prog > span { background: #000; }',
@@ -1132,7 +1132,7 @@
     'body.eink #tab-feeds .fd-new, body.eink .fd-dot { background: #000; }',
     '#tab-feeds .fd-day { margin-top: 16px; }',
     '#tab-feeds .fd-card { display: flex; gap: 12px; width: 100%; padding: 12px 0; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; text-align: left; cursor: pointer; }',
-    '#tab-feeds .fd-thumb { width: 92px; height: 66px; flex: none; object-fit: cover; border-radius: 4px; background: #1a1a1a; order: 2; }',
+    '#tab-feeds .fd-thumb { width: 92px; height: 66px; flex: none; object-fit: cover; border-radius: 4px; background: var(--raised, #1a1a1a); order: 2; }',
     '#tab-feeds .fd-card-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }',
     '#tab-feeds .fd-card-title { font-size: 15px; font-weight: 700; line-height: 1.35; }',
     '#tab-feeds .fd-card-sum { font-size: 13px; font-weight: 400; line-height: 1.4; color: var(--nui-muted, #bdbdbd); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }',
@@ -1172,14 +1172,14 @@
     '#fd-article .fd-art-body a { color: var(--accent, #e63946); }',
     '#fd-article .fd-art-body figure { margin: 12px 0; }',
     '#fd-article .fd-art-body figcaption { font-size: 0.8em; color: var(--nui-muted, #9a9a9a); }',
-    '#fd-article .fd-art-body blockquote { margin: 12px 0; padding-left: 14px; border-left: 3px solid var(--border, #444); }',
+    '#fd-article .fd-art-body blockquote { margin: 12px 0; padding-left: 14px; border-left: 3px solid var(--border-strong, #444); }',
     '#fd-article .fd-art-body pre { white-space: pre-wrap; font-size: 0.85em; }',
     '#fd-article .fd-art-body table { display: block; overflow-x: auto; border-collapse: collapse; font-size: 0.85em; }',
     '#fd-article .fd-art-body td, #fd-article .fd-art-body th { border: 1px solid var(--border, #333); padding: 4px 6px; }',
     '#fd-article .fd-sources { font-family: var(--font); }',
     '#fd-article .fd-art-foot { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin-top: 28px; font-family: var(--font); }',
     'html.fd-reading #nui-dock { display: none; }',
-    '@media (hover: hover) { #tab-feeds .fd-card:hover, #tab-feeds .fd-row:hover, #tab-feeds .fd-post:hover, #tab-feeds .fd-src:hover { background: #111; } }',
+    '@media (hover: hover) { #tab-feeds .fd-card:hover, #tab-feeds .fd-row:hover, #tab-feeds .fd-post:hover, #tab-feeds .fd-src:hover { background: var(--hover, #111); } }',
     // Bright pages and e-ink: black on white, no grey boxes, no thumbnails to flicker.
     'body.bright-bg #tab-feeds .fd-brief, body.eink #tab-feeds .fd-brief { background: #fff; }',
     'body.eink #tab-feeds .fd-thumb { display: none; }',
diff --git a/static/podcasts/podcasts-web.css b/static/podcasts/podcasts-web.css
index b33310b..2cc99d2 100644
--- a/static/podcasts/podcasts-web.css
+++ b/static/podcasts/podcasts-web.css
@@ -7,10 +7,10 @@
 
 html.dpw {
   --nui-tap: 44px;
-  --nui-muted: #9a9a9a;
-  --nui-panel: #111;
-  --dpw-surface: #0b0b0b;
-  --dpw-hover: #111;
+  --nui-muted: var(--muted, #9a9a9a);
+  --nui-panel: var(--panel, #111);
+  --dpw-surface: var(--card, #0b0b0b);
+  --dpw-hover: var(--hover, #111);
   --dpw-col: 760px;
 }
 
@@ -170,12 +170,12 @@ html.dpw.nui-pod-mini-open:not(.dpw-in-bar) #nui-pod-undo { bottom: calc(var(--d
 @media (hover: hover) {
   html.dpw #nui-pod .nui-pod-row { cursor: pointer; }
   html.dpw #nui-pod .nui-pod-row:hover { background: var(--dpw-hover); }
-  html.dpw .nui-row:hover { background: #1a1a1a; }
+  html.dpw .nui-row:hover { background: var(--hover, #1a1a1a); }
   html.dpw .nui-pod-chip:hover,
   html.dpw .nui-pod-tab:hover,
   html.dpw .nui-pod-subtab:hover { color: var(--fg); }
   html.dpw .nui-pod-chapter:hover,
-  html.dpw .nui-pod-seg:hover { background: #141414; }
+  html.dpw .nui-pod-seg:hover { background: var(--hover, #141414); }
 }
 html.dpw .nui-row,
 html.dpw .nui-pod-tab,

From b8a68c63db440f417cf2eedcf66da759ae68e366 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Wed, 14 Oct 2026 18:05:23 +0200
Subject: [PATCH 102/176] =?UTF-8?q?Podcast-Oberfl=C3=A4che=20aus=20diora-a?=
 =?UTF-8?q?ndroid=206a02899=20(Vorlesen=20in=20der=20Leiste,=20Zur=C3=BCck?=
 =?UTF-8?q?=20auf=20dem=20Podcast-Tab,=20Farbvariablen);=20sw=20v103?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sw.js                   |  2 +-
 static/podcasts/native-podcast.js | 92 +++++++++++++++++++++++++++----
 static/podcasts/podcast-ui.css    | 62 ++++++++++-----------
 3 files changed, 114 insertions(+), 42 deletions(-)

diff --git a/static/js/sw.js b/static/js/sw.js
index 32bd9f3..467ebc3 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v102';
+const CACHE = 'diora-v103';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 24ebfac..992619b 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 5821dfa 2026-10-12: web-native/static/native-podcast.js
+// Copied from diora-android 6a02899 2026-10-14: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -198,7 +198,6 @@
     return d.getFullYear() === now.getFullYear() ? dm : dm + String(d.getFullYear() % 100).padStart(2, '0');
   }
 
-  let toastTimer = 0;
   function toast(text) {
     let t = $id('nui-radio-toast');
     if (!t) {
@@ -208,8 +207,9 @@
     }
     t.textContent = text;
     t.classList.add('nui-show');
-    clearTimeout(toastTimer);
-    toastTimer = setTimeout(() => t.classList.remove('nui-show'), 2600);
+    // The element is shared (radio and podcasts): so is its timer, or one hides the other's text early.
+    clearTimeout(t.nuiTimer);
+    t.nuiTimer = setTimeout(() => t.classList.remove('nui-show'), 2600);
   }
 
   // Feed titles sometimes arrive with HTML entities still in them (&amp;).
@@ -2801,20 +2801,32 @@
     const text = el('button', 'nui-mini-text');
     text.type = 'button';
     text.append(el('span', 'nui-mini-station'), el('span', 'nui-mini-track'));
-    text.addEventListener('click', () => (miniKind === 'ambient' ? showTab('ambient')
+    text.addEventListener('click', () => (miniKind === 'tts' ? ttsShowBook()
+      : miniKind === 'ambient' ? showTab('ambient')
       : miniKind === 'radio' ? openRadioPlayer() : openPlayer()));
     const devices = button('⇄', 'Wiedergabe auf …', deviceMenu, 'nui-mini-devices');
     const here = button('⇩', 'Hier abspielen', takeOver, 'nui-mini-here');
     devices.hidden = here.hidden = true;
+    const tts = (sign, label, fn, cls) => {
+      const b = button(sign, label, () => { const t = window.__dioraTts; if (t) fn(t); }, 'nui-tts-btn ' + cls);
+      b.hidden = true;
+      return b;
+    };
     mini.append(art('', 'mini'), text,
+      tts('⏮︎', 'Voriger Satz', t => t.prev(), 'nui-tts-prev'),
       button('↺', '15 s zurück', () => (miniKind === 'remote'
         ? remoteCmd('skip', -(devicePrefs().skip_back || 15)) : N.podcastSkip(false)), 'nui-pod-skip'),
       button('☆', 'Sender speichern', () => window.__dioraRadioSave && window.__dioraRadioSave(), 'nui-mini-save'),
       devices, here,
       button('▶', 'Abspielen', () => (miniKind === 'remote' ? remoteToggle()
+        : miniKind === 'tts' ? window.__dioraTts && window.__dioraTts.toggle()
         : miniKind === 'ambient' ? ambientToggle()
-        : miniKind === 'radio' ? window.__dioraRadioToggle && window.__dioraRadioToggle() : N.podcastToggle()), 'nui-mini-toggle'));
+        : miniKind === 'radio' ? window.__dioraRadioToggle && window.__dioraRadioToggle() : N.podcastToggle()), 'nui-mini-toggle'),
+      tts('⏭︎', 'Nächster Satz', t => t.next(), 'nui-tts-next'),
+      tts('■', 'Vorlesen beenden', t => t.stop(), 'nui-tts-stop'));
     dock.prepend(mini);
+    // Read-aloud uses this bar; app.js leaves out its own (.tts-bar).
+    window.__dioraTtsDock = true;
     // One player for podcasts and radio: the radio's own bar steps aside.
     document.documentElement.classList.add('nui-one-player');
 
@@ -2881,11 +2893,57 @@
     t.title = a.playing ? 'Ambient stoppen' : 'Ambient abspielen';
     const box = mini.querySelector('.nui-pod-art');
     setArt(box, '');
+    const ttsArt = box.querySelector('.nui-tts-art');
+    if (ttsArt) ttsArt.remove();
     if (!box.querySelector('.nui-amb-art')) { box.textContent = ''; box.append(el('span', 'nui-pod-initial nui-amb-art', '∿')); }
     mini.querySelector('.nui-pod-mini-bar span').style.width = a.playing ? '100%' : '0';
     return true;
   }
 
+  // Read-aloud (app.js, window.__dioraTts; on Android with the device's voice) has the bar
+  // while it runs: the book, the chapter, sentence back / pause / sentence on / stop.
+  function ttsState() {
+    try { return window.__dioraTts ? window.__dioraTts.state() : null; } catch (e) { return null; }
+  }
+
+  function ttsButtons(on) {
+    if (!mini) return;
+    mini.querySelectorAll('.nui-tts-btn').forEach(b => { b.hidden = !on; });
+  }
+
+  // A tap on the text: back to the book that's being read, if it isn't open.
+  function ttsShowBook() {
+    const s = ttsState();
+    if (s && s.bookId && typeof openBook === 'function' && (typeof currentBookId === 'undefined' || currentBookId !== s.bookId)) openBook(s.bookId);
+  }
+
+  function renderTtsMini() {
+    const s = ttsState();
+    document.documentElement.classList.toggle('nui-tts-on', !!(s && s.active));
+    if (!mini || !s || !s.active) return false;
+    miniKind = 'tts';
+    document.documentElement.classList.remove('nui-pod-playing');
+    document.documentElement.classList.add('nui-pod-mini-open');
+    mini.hidden = false;
+    mini.classList.add('nui-mini-radio');
+    mini.classList.remove('nui-mini-remote');
+    for (const c of ['.nui-pod-skip', '.nui-mini-save', '.nui-mini-devices', '.nui-mini-here']) mini.querySelector(c).hidden = true;
+    ttsButtons(true);
+    mini.querySelector('.nui-mini-station').textContent = s.title || 'Vorlesen';
+    mini.querySelector('.nui-mini-track').textContent = (s.paused ? 'Angehalten' : 'Vorlesen') + (s.chapter ? ' · ' + s.chapter : '');
+    const t = mini.querySelector('.nui-mini-toggle');
+    t.textContent = s.paused ? '▶' : '❚❚';
+    t.title = s.paused ? 'Weiterlesen' : 'Pause';
+    const box = mini.querySelector('.nui-pod-art');
+    setArt(box, '');
+    const amb = box.querySelector('.nui-amb-art');
+    if (amb) amb.remove();
+    if (!box.querySelector('.nui-tts-art')) { box.textContent = ''; box.append(el('span', 'nui-pod-initial nui-tts-art', '❝')); }
+    mini.querySelector('.nui-pod-mini-bar span').style.width = typeof s.progress === 'number' ? Math.min(100, s.progress * 100) + '%' : '0';
+    return true;
+  }
+  window.addEventListener('diora-tts', () => renderMini());
+
   // The bar names a running sleep timer: "… · ☾ 12 min".
   function sleepSuffix() {
     const l = sleepLabel();
@@ -2916,12 +2974,14 @@
 
   function renderMini() {
     renderAmbientSleep();
+    if (renderTtsMini()) return;
+    ttsButtons(false);
     if (renderAmbientMini()) return;
     const r = remote();
     const isPod = player.kind === 'podcast';
     document.documentElement.classList.toggle('nui-pod-playing', isPod || !!r);
     if (!mini) return;
-    const ambArt = mini.querySelector('.nui-amb-art');
+    const ambArt = mini.querySelector('.nui-amb-art, .nui-tts-art');
     if (ambArt) ambArt.remove();
     const radio = isPod || r ? null : radioNow();
     miniKind = r ? 'remote' : isPod ? 'podcast' : radio ? 'radio' : '';
@@ -4453,9 +4513,11 @@
       if (closeDownloads()) return true;
       if (closeNotes()) return true;
       if (closePlayer()) return true;
-      if (typeof _currentTopTab !== 'undefined' && _currentTopTab === 'podcasts' && stopSelecting()) return true;
-      if (back && back()) return true;
-      if (typeof _currentTopTab !== 'undefined' && _currentTopTab === 'podcasts') {
+      const onPodcasts = typeof _currentTopTab !== 'undefined' && _currentTopTab === 'podcasts';
+      if (onPodcasts && stopSelecting()) return true;
+      // The tab's own pages go back one by one, before the next handler: that one would
+      // leave the tab for Home (native-radio.js). A menu or dialog on top closes first.
+      if (onPodcasts && !somethingOnTop()) {
         if (closePreview()) return true;
         if (feedView) { feedView = null; render(); return true; }
         // From the search back to the list it was opened from.
@@ -4465,12 +4527,22 @@
           render();
           return true;
         }
+      }
+      if (back && back()) return true;
+      if (onPodcasts) {
         showTab('books');
         return true;
       }
       return false;
     };
 
+    // A menu, dialog or note sheet over the page (native-ui.js, app.js's modal).
+    function somethingOnTop() {
+      if (document.querySelector('#nui-sheet, .nui-backdrop, .note-bottom-sheet')) return true;
+      const modal = $id('modal-dialog');
+      return !!modal && getComputedStyle(modal).display !== 'none';
+    }
+
     // A swipe waiting for „Rückgängig“ is done when the page goes away.
     document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'hidden') commitSwipe(); });
     window.addEventListener('pagehide', commitSwipe);
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 39a02cf..d072b24 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 5821dfa 2026-10-12: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 88b4842 2026-10-14: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -19,7 +19,7 @@
 .nui-backdrop {
   position: absolute;
   inset: 0;
-  background: rgba(0, 0, 0, 0.6);
+  background: var(--scrim, rgba(0, 0, 0, 0.6));
 }
 
 .nui-panel {
@@ -70,7 +70,7 @@
 
 .nui-row:active,
 .nui-row-main:active {
-  background: #1d1d1d;
+  background: var(--hover, #1d1d1d);
 }
 
 .nui-row-icon {
@@ -183,15 +183,15 @@ html.nui-one-player #nui-mini { display: none !important; }
   min-width: 18px;
   padding: 1px 5px;
   border-radius: 9px;
-  background: #2a2a2a;
-  color: #ddd;
+  background: var(--raised, #2a2a2a);
+  color: var(--fg, #ddd);
   font-size: 10.5px;
   font-weight: 700;
   letter-spacing: 0;
   text-align: center;
   font-variant-numeric: tabular-nums;
 }
-.nui-pod-count-queue { background: var(--accent); color: #fff; }
+.nui-pod-count-queue { background: var(--accent); color: var(--on-accent, #fff); }
 
 .nui-pod-summary { padding: 6px 2px 10px; font-size: 12px; color: var(--nui-muted); }
 .nui-pod-empty { padding: 32px 12px; color: var(--nui-muted); text-align: center; line-height: 1.5; font-family: var(--nui-sans); letter-spacing: normal; font-weight: 400; font-size: 14px; }
@@ -207,7 +207,7 @@ html.nui-one-player #nui-mini { display: none !important; }
   background: var(--bg);
   -webkit-tap-highlight-color: transparent;
 }
-.nui-pod-row:active { background: #141414; }
+.nui-pod-row:active { background: var(--hover, #141414); }
 .nui-pod-row.nui-pod-played .nui-pod-title { color: var(--nui-muted); font-weight: 400; }
 .nui-pod-row.nui-pod-gone { display: none; }
 .nui-pod-row.nui-pod-current .nui-pod-title { color: var(--accent); }
@@ -219,13 +219,13 @@ html.nui-one-player #nui-mini { display: none !important; }
   height: 46px;
   border-radius: 4px;
   overflow: hidden;
-  background: #1c1c1c;
+  background: var(--raised, #1c1c1c);
   display: flex;
   align-items: center;
   justify-content: center;
 }
 /* No cover anywhere: the podcast's initial on a neutral tile. */
-.nui-pod-initial { font-size: 20px; font-weight: 700; color: #6a6a6a; line-height: 1; }
+.nui-pod-initial { font-size: 20px; font-weight: 700; color: var(--muted, #6a6a6a); line-height: 1; }
 .nui-pod-art-big .nui-pod-initial { font-size: 30px; }
 .nui-pod-art-player .nui-pod-initial { font-size: 96px; }
 .nui-pod-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
@@ -257,7 +257,7 @@ html.nui-one-player #nui-mini { display: none !important; }
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.nui-pod-progress { height: 3px; margin-top: 2px; border-radius: 2px; background: #2a2a2a; overflow: hidden; max-width: 160px; }
+.nui-pod-progress { height: 3px; margin-top: 2px; border-radius: 2px; background: var(--raised, #2a2a2a); overflow: hidden; max-width: 160px; }
 .nui-pod-progress > span { display: block; height: 100%; background: var(--accent); }
 .nui-pod-badge {
   flex: none;
@@ -289,7 +289,7 @@ html.nui-one-player #nui-mini { display: none !important; }
   transition: none;
   position: relative;
   z-index: 2;
-  background: #1a1a1a;
+  background: var(--raised, #1a1a1a);
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.6);
 }
 
@@ -314,7 +314,7 @@ html.nui-one-player #nui-mini { display: none !important; }
 }
 #nui-pod-mini[hidden] { display: none; }
 #nui-pod-mini [hidden] { display: none !important; }
-.nui-pod-mini-bar { position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: #2a2a2a; }
+.nui-pod-mini-bar { position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--raised, #2a2a2a); }
 .nui-pod-mini-bar span { display: block; height: 100%; background: var(--accent); }
 .nui-pod-skip { font-size: 20px; }
 
@@ -323,7 +323,7 @@ html.nui-one-player #nui-mini { display: none !important; }
   position: fixed;
   inset: 0;
   z-index: 880;
-  background: rgba(0, 0, 0, 0.6);
+  background: var(--scrim, rgba(0, 0, 0, 0.6));
   display: flex;
   align-items: flex-end;
 }
@@ -331,7 +331,7 @@ html.nui-one-player #nui-mini { display: none !important; }
   width: 100%;
   max-height: 100%;
   overflow-y: auto;
-  background: #0b0b0b;
+  background: var(--panel, #0b0b0b);
   border-top: 1px solid var(--border);
   border-radius: 14px 14px 0 0;
   padding: 8px 20px calc(24px + env(safe-area-inset-bottom, 0px));
@@ -354,7 +354,7 @@ html.nui-one-player #nui-mini { display: none !important; }
   height: 72px;
   border-radius: 50%;
   background: var(--accent) !important;
-  color: #fff !important;
+  color: var(--on-accent, #fff) !important;
   font-size: 26px !important;
 }
 .nui-pod-extra { display: flex; justify-content: space-around; }
@@ -431,7 +431,7 @@ body.eink .nui-pod-selbar { background: #fff; }
   font-size: 13px;
 }
 .nui-pod-chip strong { color: inherit; font-weight: 700; }
-.nui-pod-chip.on { border-color: #8a8a8a; color: var(--fg, #fff); font-weight: 700; }
+.nui-pod-chip.on { border-color: var(--border-strong, #8a8a8a); color: var(--fg, #fff); font-weight: 700; }
 .nui-pod-sleep { font-size: 15px !important; white-space: nowrap; }
 .nui-pod-sleep.on { color: var(--accent) !important; font-weight: 700; }
 body.eink .nui-pod-chip.on { border-color: #000; }
@@ -470,7 +470,7 @@ body.eink .nui-pod-sleep.on { color: #000 !important; }
 .nui-pod-chapter.current .nui-pod-chapter-t { color: var(--accent); }
 .nui-pod-notes { font-family: var(--nui-sans); font-size: 14.5px; font-weight: 400; letter-spacing: normal; line-height: 1.55; overflow-wrap: anywhere; }
 .nui-pod-notes img { max-width: 100%; height: auto; }
-.nui-pod-notes a { color: inherit; text-decoration: underline; text-decoration-color: #777; }
+.nui-pod-notes a { color: inherit; text-decoration: underline; text-decoration-color: var(--muted, #777); }
 .nui-pod-notes .nui-pod-stamp { font-weight: 700; text-decoration: none; border-bottom: 1px dotted currentColor; }
 .nui-pod-notes table { display: block; overflow-x: auto; }
 .nui-pod-notes-sheet .nui-pod-player-panel { max-height: 88%; }
@@ -480,7 +480,7 @@ body.eink .nui-pod-sleep.on { color: #000 !important; }
 .nui-pod-ephead { display: flex; align-items: flex-start; gap: 12px; }
 .nui-pod-ephead .nui-pod-art-big { width: 88px; height: 88px; border-radius: 6px; flex: none; }
 .nui-pod-ephead .nui-pod-player-title { text-align: left; font-size: 17px; }
-.nui-pod-eplink { align-self: flex-start; border: none; background: none; padding: 4px 0; color: var(--nui-muted); font: inherit; font-size: 14px; text-align: left; cursor: pointer; text-decoration: underline; text-decoration-color: #555; }
+.nui-pod-eplink { align-self: flex-start; border: none; background: none; padding: 4px 0; color: var(--nui-muted); font: inherit; font-size: 14px; text-align: left; cursor: pointer; text-decoration: underline; text-decoration-color: var(--border-strong, #555); }
 .nui-pod-epplay { align-self: stretch; font-size: 16px; font-weight: 700; }
 .nui-pod-epactions { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 6px; }
 .nui-pod-epact { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 60px; padding: 6px 4px; border: 1px solid var(--border); border-radius: 8px; background: none; color: inherit; font: inherit; font-size: 12.5px; line-height: 1.2; text-align: center; cursor: pointer; }
@@ -527,7 +527,7 @@ body.eink .nui-pod-subtab.active { border-bottom-color: #000; color: #000; }
   color: var(--nui-muted);
   background:
     radial-gradient(closest-side, var(--bg) 78%, transparent 80% 100%),
-    conic-gradient(#d0d0d0 var(--p, 0%), #2a2a2a 0);
+    conic-gradient(var(--muted, #d0d0d0) var(--p, 0%), var(--raised, #2a2a2a) 0);
 }
 body.eink .nui-pod-dl-done { color: #000; }
 body.eink .nui-pod-dl-done::after { border-color: #000; }
@@ -548,7 +548,7 @@ body.eink .nui-pod-dl-ring > span {
 .nui-pod-dls-head .btn { min-width: 0 !important; padding: 0 14px; font-size: 15px !important; }
 .nui-pod-dls-sec { margin-top: 10px; padding: 4px 2px; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--nui-muted); border-bottom: 1px solid var(--border); }
 .nui-pod-dlrow { display: flex; align-items: center; gap: 4px; min-height: 56px; padding: 6px 0; border-bottom: 1px solid var(--border); -webkit-tap-highlight-color: transparent; }
-.nui-pod-dlrow:active { background: #141414; }
+.nui-pod-dlrow:active { background: var(--hover, #141414); }
 .nui-pod-dlrow .nui-pod-title { font-size: 14px; -webkit-line-clamp: 1; }
 .nui-pod-dlrow .nui-icon { font-size: 18px; color: var(--nui-muted); }
 .nui-pod-dlrow-failed .nui-pod-dlstatus { color: var(--yellow); }
@@ -584,7 +584,7 @@ body.eink .nui-pod-star, body.eink .nui-pod-fav.on { color: #000 !important; }
 .nui-pod-feederr-box { padding: 8px 10px; margin: 4px 0 8px; border: 1px solid var(--yellow); border-radius: 6px; line-height: 1.4; }
 .nui-pod-transcript { max-height: 60vh; overflow-y: auto; padding-right: 4px; }
 .nui-pod-seg { margin: 0; padding: 6px 4px; font-family: var(--nui-sans); letter-spacing: normal; font-weight: 400; font-size: 14.5px; line-height: 1.5; color: var(--nui-muted); border-radius: 4px; cursor: pointer; }
-.nui-pod-seg.current { color: inherit; background: #1a1a1a; }
+.nui-pod-seg.current { color: inherit; background: var(--raised, #1a1a1a); }
 .nui-pod-speaker { color: inherit; }
 body.eink .nui-pod-feederr { color: #000; }
 body.eink .nui-pod-feederr-box { border-color: #000; }
@@ -602,7 +602,7 @@ body.eink .nui-pod-seg.current { color: #000; background: #e6e6e6; }
 .nui-pod-facts { font-weight: 400; display: grid; grid-template-columns: max-content 1fr; gap: 8px 14px; margin: 10px 0 4px; font-size: 14px; }
 .nui-pod-facts dt { color: var(--nui-muted); }
 .nui-pod-facts dd { margin: 0; min-width: 0; font-weight: 400; overflow-wrap: anywhere; }
-.nui-pod-facts a { color: inherit; text-decoration: underline; text-decoration-color: #777; }
+.nui-pod-facts a { color: inherit; text-decoration: underline; text-decoration-color: var(--muted, #777); }
 .nui-pod-info-url { display: block; font-size: 12px; color: var(--nui-muted); }
 .nui-pod-info-actions { display: flex; gap: 8px; margin-top: 6px; }
 .nui-pod-info-actions .btn { min-height: 36px; padding: 0 14px; font-size: 14px; }
@@ -625,20 +625,20 @@ body.eink .nui-pod-facts a { color: #000; text-decoration: underline; }
   margin-right: 5px;
   vertical-align: -2px;
   border-radius: 50%;
-  border: 1px solid #8a8a8a;
+  border: 1px solid var(--border-strong, #8a8a8a);
   font-size: 9px;
   font-weight: 700;
   line-height: 1;
-  color: #cfcfcf;
+  color: var(--muted, #cfcfcf);
 }
-.nui-pod-dlmark-done { background: #3a3a3a; border-color: #3a3a3a; color: #fff; }
+.nui-pod-dlmark-done { background: var(--raised, #3a3a3a); border-color: var(--raised, #3a3a3a); color: var(--fg, #fff); }
 .nui-pod-dlmark-failed { border-color: var(--yellow); color: var(--yellow); }
 .nui-pod-dlmark-queued,
 .nui-pod-dlmark-downloading {
   border: none;
   background:
     radial-gradient(closest-side, var(--bg) 62%, transparent 66% 100%),
-    conic-gradient(#d0d0d0 var(--p, 0%), #3a3a3a 0);
+    conic-gradient(var(--muted, #d0d0d0) var(--p, 0%), var(--raised, #3a3a3a) 0);
 }
 .nui-pod-queued { font-size: 18px !important; }
 
@@ -655,13 +655,13 @@ body.eink .nui-pod-facts a { color: #000; text-decoration: underline; }
   align-items: center;
   justify-content: space-between;
   padding: 0 14px;
-  background: #161616;
+  background: var(--hover, #161616);
   color: var(--nui-muted);
   font-size: 14px;
   white-space: nowrap;
   pointer-events: none;
 }
-.nui-pod-swipebg.armed { background: #2c2c2c; color: var(--fg, #fff); }
+.nui-pod-swipebg.armed { background: var(--raised, #2c2c2c); color: var(--fg, #fff); }
 /* Behind the row: the icon, under it the action in bold and what it means for this episode
    (narrow, so it shows whole by the time the swipe is armed). */
 .nui-pod-swipe-l, .nui-pod-swipe-r { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
@@ -814,7 +814,7 @@ body.eink .nui-pod-facts a { text-decoration-color: #000; }
 .nui-usage-table th { text-align: right; font-weight: 400; color: var(--nui-muted, #9a9a9a); padding: 2px 0 6px; }
 .nui-usage-table td { padding: 7px 0; border-top: 1px solid var(--border, #2a2a2a); vertical-align: top; }
 .nui-usage-table td + td { text-align: right; white-space: nowrap; padding-left: 10px; }
-.nui-usage-bar { display: block; height: 3px; margin-top: 4px; background: #2a2a2a; border-radius: 2px; overflow: hidden; }
+.nui-usage-bar { display: block; height: 3px; margin-top: 4px; background: var(--raised, #2a2a2a); border-radius: 2px; overflow: hidden; }
 .nui-usage-bar > span { display: block; height: 100%; background: var(--accent, #e63946); }
 .nui-usage-note { font-size: 12px; color: var(--nui-muted, #9a9a9a); margin: 10px 0 0; }
 body.eink .nui-usage-bar > span { background: #000; }
@@ -837,7 +837,7 @@ html.nui-sidebar #nui-tabbar {
   width: var(--nui-rail-w);
   flex-direction: column;
   padding: 18px 0 12px;
-  background: #0b0b0b;
+  background: var(--panel, #0b0b0b);
   border-right: 1px solid var(--border);
   overflow-y: auto;
 }
@@ -852,7 +852,7 @@ html.nui-sidebar #nui-tabbar button {
   text-align: left;
 }
 html.nui-sidebar #nui-tabbar .nui-tab-icon { width: 22px; text-align: center; font-size: 19px; }
-html.nui-sidebar #nui-tabbar button.nui-active { background: #181818; box-shadow: inset 3px 0 0 var(--accent); }
+html.nui-sidebar #nui-tabbar button.nui-active { background: var(--hover, #181818); box-shadow: inset 3px 0 0 var(--accent); }
 html.nui-sidebar .nui-rail-brand {
   display: block;
   padding: 0 22px 18px;

From fd8f20ba3ab934dd45c0b166e93822cd24fe8417 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Wed, 14 Oct 2026 18:15:58 +0200
Subject: [PATCH 103/176] =?UTF-8?q?Notizleiste:=20ruckelfrei=20in=20langen?=
 =?UTF-8?q?=20B=C3=BCchern;=20sw=20v104?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Mit offener Notizleiste kostete jeder Scroll-Schritt in Das Kapital (26.000
Blöcke, 8 Markierungen) 90–110 ms, jetzt rund 3 ms:
- resolveAnchorRange nimmt die zwischengespeicherte Blockliste (_epubBlocks)
  statt für jede Markierung alle Blöcke neu zu suchen.
- Die Position jeder Markierung im Buch wird gemerkt, bis sich das Layout
  ändert.
- Die Karten liegen auf einer Ebene in Buchkoordinaten; beim Scrollen wird
  nur diese verschoben. Gebaut und vermessen wird nur, wenn sich Markierungen
  oder Layout ändern, und dann alle Karten in einem Durchgang.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/css/app.css |   4 +-
 static/js/app.js   | 122 +++++++++++++++++++++++++++++++--------------
 static/js/sw.js    |   2 +-
 3 files changed, 89 insertions(+), 39 deletions(-)

diff --git a/static/css/app.css b/static/css/app.css
index 5689138..f0eaa59 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1903,7 +1903,9 @@ body.reader-immersive.reader-show-bottom .reader-overlay  { bottom: var(--bar-h)
 .reader-margin.open .reader-margin-header { display:flex; }
 .reader-margin-title { font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted,#888); }
 .reader-margin-header-actions { display:flex; align-items:center; gap:6px; }
-.reader-margin-markers { position:relative; flex:1; overflow-y:auto; overflow-x:hidden; cursor:crosshair; }
+.reader-margin-markers { position:relative; flex:1; overflow:hidden; cursor:crosshair; contain:layout paint; }
+/* The cards in book coordinates; scrolling moves this layer (app.js _repositionMarginMarkers). */
+.margin-layer { position:absolute; top:0; left:0; right:0; height:0; will-change:transform; }
 
 .margin-note { position:absolute; left:8px; right:8px; cursor:pointer; }
 
diff --git a/static/js/app.js b/static/js/app.js
index 1dad5a3..d64eb01 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -5688,7 +5688,7 @@ function resolveAnchorRange(h) {
 
   let range = null;
   try {
-    const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
+    const {blocks} = _epubBlocks(contentEl);
     const startBlock = blocks[h.anchor.startBlockIndex];
     const endBlock = blocks[h.anchor.endBlockIndex] ?? startBlock;
     if (startBlock && endBlock) {
@@ -6061,38 +6061,86 @@ function toggleAnnotationsMargin() {
 // margin — you can read notes there, not just see that one exists); a plain
 // highlight with no note is just a small color dot. Cards are stacked
 // top-to-bottom so overlapping anchors don't overlap visually.
+// Where each highlight sits in the book's scroll coordinates. Finding a range
+// and measuring it is the expensive part, and scrolling doesn't change it:
+// kept until the layout does (content, width, height) or the anchor changes.
+let _marginPosCache = null;
+const _marginCardHeights = new Map(); // `${stripWidth}|${note}` (or 'dot') → px
+
+function _marginDocY(h, contentEl) {
+  const {blocks} = _epubBlocks(contentEl);
+  const key = `${contentEl.clientWidth}x${contentEl.scrollHeight}`;
+  if (!_marginPosCache || _marginPosCache.blocks !== blocks || _marginPosCache.key !== key) {
+    _marginPosCache = {blocks, key, byId: new Map()};
+  }
+  const hit = _marginPosCache.byId.get(h.id);
+  if (hit && hit.anchor === h.anchor) return hit.y;
+  let y = null;
+  try {
+    const range = resolveAnchorRange(h);
+    const rect = range && range.getBoundingClientRect();
+    if (rect && (rect.width || rect.height)) {
+      y = rect.top + rect.height / 2 - contentEl.getBoundingClientRect().top + contentEl.scrollTop;
+    }
+  } catch (e) {}
+  _marginPosCache.byId.set(h.id, {anchor: h.anchor, y});
+  return y;
+}
+
+// The cards live on one layer in the book's coordinates, built when the
+// highlights or the layout change; scrolling only moves the layer (a transform,
+// no layout). Rebuilding and measuring the cards on every scroll frame made a
+// long book with the margin open stutter.
+let _marginLayerKey = null;
+
 function _repositionMarginMarkers() {
   const markersEl = $('reader-margin-markers');
   if (!markersEl) return;
+  if (!readerAnnotationsMarginOpen || currentPdfDoc) {
+    markersEl.innerHTML = '';
+    _marginLayerKey = null;
+    return;
+  }
   if (markersEl.querySelector('.margin-note-editor')) return; // don't blow away an active inline edit
-  markersEl.innerHTML = '';
-  if (!readerAnnotationsMarginOpen || currentPdfDoc) return;
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
 
+  const {blocks} = _epubBlocks(contentEl);
   const areaRect = markersEl.getBoundingClientRect();
-  // A generous pre-filter band: a note card can be considerably taller than
-  // its own anchor point, so a card whose anchor is somewhat outside the
-  // strictly-visible area can still be partially (or fully) on-screen once
-  // rendered. A tight band here excluded it before it ever got a chance to
-  // be measured — the exact bug reported ("tall notes stay hidden until
-  // scrolled much further than expected").
-  const band = Math.max(areaRect.height, 400);
+  const width = Math.round(areaRect.width);
+  const key = `${width}x${contentEl.clientWidth}x${contentEl.scrollHeight}|` +
+    currentHighlights.map(h => `${h.id}:${h.color || ''}:${h.note || ''}`).join('|');
+  let layer = markersEl.querySelector('.margin-layer');
+  if (!layer || key !== _marginLayerKey || !_marginPosCache || _marginPosCache.blocks !== blocks) {
+    markersEl.innerHTML = '';
+    layer = document.createElement('div');
+    layer.className = 'margin-layer';
+    markersEl.appendChild(layer);
+    _renderMarginLayer(layer, contentEl, width);
+    _marginLayerKey = key;
+  }
+  // Book coordinates → this strip's.
+  const shift = contentEl.getBoundingClientRect().top - contentEl.scrollTop - areaRect.top;
+  layer.style.transform = `translateY(${Math.round(shift)}px)`;
+}
+
+// Renders each highlight/note at its text position, in book coordinates.
+// Entries with note text become a readable "post-it" card (the whole point of
+// the margin — you can read notes there, not just see that one exists); a
+// plain highlight with no note is a small colour dot. Cards are stacked top to
+// bottom so overlapping anchors don't overlap visually.
+function _renderMarginLayer(layer, contentEl, width) {
   const entries = [];
   for (const h of currentHighlights) {
-    let range;
-    try { range = resolveAnchorRange(h); } catch (e) { continue; }
-    if (!range) continue;
-    const rect = range.getBoundingClientRect();
-    if (!rect.width && !rect.height) continue; // detached/invalid
-    const y = rect.top + rect.height / 2 - areaRect.top;
-    if (y < -band || y > areaRect.height + band) continue;
-    entries.push({h, y});
+    const y = _marginDocY(h, contentEl);
+    if (y !== null) entries.push({h, y});
   }
   entries.sort((a, b) => a.y - b.y);
 
-  let nextTop = -Infinity;
-  const GAP = 4;
-  const rendered = [];
-  for (const {h, y} of entries) {
+  // All cards first, then their heights in one go (each measured right after
+  // adding it, the browser laid out the whole book once per card). Heights are
+  // kept per note text and strip width.
+  const cards = entries.map(({h, y}) => {
     const hasText = !!h.note;
     const el = document.createElement('div');
     el.className = 'margin-note ' + (hasText ? 'margin-note-text' : 'margin-note-dot');
@@ -6103,22 +6151,19 @@ function _repositionMarginMarkers() {
       el.dataset.color = h.color || 'yellow';
     }
     if (hasText) el.textContent = h.note;
+    layer.appendChild(el);
+    return {el, y, hasText, key: hasText ? `${width}|${h.note}` : 'dot'};
+  });
+  if (_marginCardHeights.size > 500) _marginCardHeights.clear();
+  const unmeasured = cards.filter(c => !_marginCardHeights.has(c.key));
+  for (const c of unmeasured) _marginCardHeights.set(c.key, c.el.getBoundingClientRect().height || (c.hasText ? 20 : 12));
 
-    const desiredTop = hasText ? y - 8 : y - 6;
-    const top = Math.max(desiredTop, nextTop);
+  let nextTop = -Infinity;
+  const GAP = 4;
+  for (const {el, y, hasText, key} of cards) {
+    const top = Math.max(hasText ? y - 8 : y - 6, nextTop);
     el.style.top = top + 'px';
-    markersEl.appendChild(el);
-
-    const measured = el.getBoundingClientRect().height || (hasText ? 20 : 12);
-    nextTop = top + measured + GAP;
-    rendered.push({el, top, measured});
-  }
-
-  // Now that actual card heights are known, do the real cull: drop anything
-  // that ended up entirely outside the visible band after stacking (e.g.
-  // pushed down by a very tall card above it).
-  for (const {el, top, measured} of rendered) {
-    if (top + measured < -40 || top > areaRect.height + 40) el.remove();
+    nextTop = top + _marginCardHeights.get(key) + GAP;
   }
 }
 
@@ -6246,7 +6291,8 @@ function editNoteInlineInMargin(h, pending) {
   let top = pending?.top || 0;
   if (h) {
     const existingCard = markersEl.querySelector(`[data-highlight-id="${h.id}"]`);
-    top = existingCard ? (parseFloat(existingCard.style.top) || 0) : 0;
+    // The card sits on the moving layer: where it shows in the strip right now.
+    top = existingCard ? existingCard.getBoundingClientRect().top - markersEl.getBoundingClientRect().top : 0;
     if (existingCard) existingCard.style.display = 'none';
   }
 
@@ -6261,6 +6307,7 @@ function editNoteInlineInMargin(h, pending) {
   function commit() {
     _commitNoteEdit(h, pending, textarea.value.trim());
     editor.remove();
+    _marginLayerKey = null; // the edited card was hidden: draw the layer anew
     _repositionMarginMarkers();
   }
 
@@ -6277,6 +6324,7 @@ function editNoteInlineInMargin(h, pending) {
       e.stopPropagation();
       textarea.removeEventListener('blur', commit); // discard, don't save
       editor.remove();
+      _marginLayerKey = null;
       _repositionMarginMarkers();
     }
   });
diff --git a/static/js/sw.js b/static/js/sw.js
index 467ebc3..cc0af47 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v103';
+const CACHE = 'diora-v104';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From ffcb6fba4f121eac6b915d9ab067a037dea45f63 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Wed, 14 Oct 2026 18:25:06 +0200
Subject: [PATCH 104/176] =?UTF-8?q?Refactoring=20Schritt=201:=20Browser-Te?=
 =?UTF-8?q?sts=20f=C3=BCr=20den=20Reader,=20in=20der=20CI;=20Plan=20in=20d?=
 =?UTF-8?q?ocs/refactoring.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- e2e/reader.spec.js: ein Test-EPUB (e2e/make_epub.py) hochladen, öffnen ohne
  zu senden, lesen und Lesestand nach Neuladen, Fußnote, Markierung und
  Notizleiste, Hell/Dunkel samt Reader, alle Tabs ohne Seitenfehler.
- e2e/env.js: E2E_PORT und E2E_PYTHON; nie einen laufenden Server
  wiederverwenden (dahinter läge eine echte Datenbank).
- CI: eigener Job e2e (Playwright + Chromium); blockiert den Docker-Build nicht.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .forgejo/workflows/test.yml |  28 +++++++
 docs/refactoring.md         |  52 +++++++++++++
 e2e/env.js                  |   7 +-
 e2e/global-setup.js         |   8 +-
 e2e/make_epub.py            |  58 +++++++++++++++
 e2e/reader.spec.js          | 142 ++++++++++++++++++++++++++++++++++++
 playwright.config.js        |   7 +-
 7 files changed, 294 insertions(+), 8 deletions(-)
 create mode 100644 docs/refactoring.md
 create mode 100644 e2e/make_epub.py
 create mode 100644 e2e/reader.spec.js

diff --git a/.forgejo/workflows/test.yml b/.forgejo/workflows/test.yml
index 4d5abdb..39d8ef1 100644
--- a/.forgejo/workflows/test.yml
+++ b/.forgejo/workflows/test.yml
@@ -38,3 +38,31 @@ jobs:
 
       - name: Run tests
         run: /tmp/venv/bin/python manage.py test
+
+  e2e:
+    # The browser tests (e2e/, docs/refactoring.md): a real runserver on its own
+    # throwaway database, a book uploaded, read, highlighted, the theme switched.
+    runs-on: ubuntu-latest
+    container:
+      image: catthehacker/ubuntu:act-24.04
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install Python dependencies
+        run: |
+          python -m venv /tmp/venv
+          /tmp/venv/bin/pip install --no-cache-dir -r requirements.txt
+
+      - name: Install Playwright and Chromium
+        run: |
+          npm ci
+          npx playwright install --with-deps chromium
+
+      - name: Browser tests
+        env:
+          CI: '1'
+          E2E_PYTHON: /tmp/venv/bin/python
+        run: |
+          mkdir -p data
+          npx playwright test
diff --git a/docs/refactoring.md b/docs/refactoring.md
new file mode 100644
index 0000000..16c22bf
--- /dev/null
+++ b/docs/refactoring.md
@@ -0,0 +1,52 @@
+# Refactoring (started 2026-10-14)
+
+diora grew fast across four code bases that share one web front end:
+diora-web (server + app.js and friends), diora-android (Kotlin + web-native/*.js),
+diora-desktop (Electron + desktop.js) and the vendored copies between them.
+This is the plan for tidying it up without breaking anything.
+
+## Rules
+
+* **No behaviour changes in a refactoring step.** Features and fixes go in their own commits.
+* **Tests before moving code.** A step only starts when what it touches is covered.
+* **Small steps, each one releasable**, each one checked on web, desktop and Android.
+* Whoever owns a file does its refactoring (web-native/* → the Android session;
+  app.js, home.js, templates, desktop → the desktop session); shared contracts live in docs/.
+
+## The numbers (2026-10-14)
+
+| file | lines |
+|---|---|
+| static/js/app.js | 6 864, about 275 functions, about 120 globals, 45 sections |
+| static/podcasts/native-podcast.js (copy from diora-android) | 4 554 |
+| static/css/app.css | 2 010 |
+| static/js/podcasts-web.js | 1 899 |
+| podcasts/views.py | 2 505 |
+| web-native/native.css | 2 150 |
+
+Web JavaScript has no unit tests and four Playwright smoke tests that run nowhere.
+The reading-position rules exist four times (books/views.py, app.js, desktop ops.js,
+Android Ops.kt), each tested separately or not at all.
+
+## Steps
+
+1. **Safety net** (in progress)
+   * Playwright tests that run locally and in CI against a throwaway database: log in, open a
+     book (an EPUB fixture), read, the position is saved and restored, a highlight, a note
+     in the margin, the theme switch, radio and podcasts tabs load.
+   * Shared test vectors for the reading-position rules (`docs/progress-cases.json`), run by
+     the Django tests, desktop's node tests and Android's OpsTest — one contract, checked
+     in all four places.
+2. **Split app.js** by its sections into plain scripts loaded in order (radio, focus,
+   ambient, crypto, epub, books, reading position, reader, tts, highlights, margin, …). They
+   stay classic scripts sharing globals, so the native layers that wrap `window.*` keep
+   working unchanged; template, sw.js SHELL and Android's build_web list them. No code
+   changes inside the moved functions.
+3. **Dead code**: features and helpers nothing calls any more (found by the split and by
+   coverage of the tests), removed one at a time.
+4. **Server**: podcasts/views.py into modules by area (feeds, episodes, queue, player sync,
+   import); shared helpers (`_require_auth`, JSON body parsing) in one place.
+5. **CSS**: the remaining fixed colours to the theme tokens (docs/theme.md); app.css split
+   like app.js.
+6. **Copies between repositories**: one sync script per direction with a check in CI that
+   the copy matches its source revision (today: sync_native.sh, sync_podcast_ui.py).
diff --git a/e2e/env.js b/e2e/env.js
index 67164b0..48fee64 100644
--- a/e2e/env.js
+++ b/e2e/env.js
@@ -1,6 +1,9 @@
 // Shared constants between playwright.config.js and e2e/global-setup.js.
-const PORT = 8000;
+// E2E_PORT / E2E_PYTHON: a port that no dev server holds (the suite must never
+// run against a real database), and the Python with the requirements installed.
+const PORT = Number(process.env.E2E_PORT || 8000);
 const BASE_URL = `http://127.0.0.1:${PORT}`;
+const PYTHON = process.env.E2E_PYTHON || 'python3';
 
 const SERVER_ENV = {
   ...process.env,
@@ -15,4 +18,4 @@ const TEST_USER = {
   password: 'e2e-test-pw-12345',
 };
 
-module.exports = { PORT, BASE_URL, SERVER_ENV, TEST_USER };
+module.exports = { PORT, BASE_URL, PYTHON, SERVER_ENV, TEST_USER };
diff --git a/e2e/global-setup.js b/e2e/global-setup.js
index 07e636d..cb36a8a 100644
--- a/e2e/global-setup.js
+++ b/e2e/global-setup.js
@@ -11,7 +11,7 @@ const fs = require('fs');
 const path = require('path');
 const { execFileSync } = require('child_process');
 const { chromium } = require('@playwright/test');
-const { BASE_URL, SERVER_ENV, TEST_USER } = require('./env');
+const { BASE_URL, PYTHON, SERVER_ENV, TEST_USER } = require('./env');
 
 const ROOT = path.join(__dirname, '..');
 const DB_PATH = path.join(ROOT, 'data', SERVER_ENV.DIORA_DB_NAME);
@@ -22,14 +22,14 @@ module.exports = async function globalSetup() {
   // Fresh DB every run.
   fs.rmSync(DB_PATH, { force: true });
 
-  execFileSync('python3', ['manage.py', 'migrate', '--noinput'], {
+  execFileSync(PYTHON, ['manage.py', 'migrate', '--noinput'], {
     cwd: ROOT,
     env: SERVER_ENV,
     stdio: 'inherit',
   });
 
   execFileSync(
-    'python3',
+    PYTHON,
     [
       'manage.py',
       'shell',
@@ -45,6 +45,8 @@ User.objects.create_user(${JSON.stringify(TEST_USER.username)}, "", ${JSON.strin
   );
 
   fs.mkdirSync(AUTH_DIR, { recursive: true });
+  // The book the reader tests read (e2e/make_epub.py).
+  execFileSync(PYTHON, [path.join(__dirname, 'make_epub.py'), path.join(AUTH_DIR, 'book.epub')], { stdio: 'inherit' });
 
   const browser = await chromium.launch();
   const page = await browser.newPage({ baseURL: BASE_URL });
diff --git a/e2e/make_epub.py b/e2e/make_epub.py
new file mode 100644
index 0000000..6f9d905
--- /dev/null
+++ b/e2e/make_epub.py
@@ -0,0 +1,58 @@
+"""A small EPUB for the e2e tests: 12 chapters of numbered paragraphs (long enough
+to scroll and to have a reading position), one footnote. Written to the path in
+argv[1]; e2e/global-setup.js calls it for every run."""
+import sys
+import zipfile
+
+CONTAINER = """<?xml version="1.0"?>
+<container version="1.0" xmlns="urn:oasis:names:tc:opendocument:xmlns:container">
+  <rootfiles><rootfile full-path="OEBPS/content.opf" media-type="application/oebps-package+xml"/></rootfiles>
+</container>"""
+
+
+def chapter(n):
+    paras = []
+    for p in range(1, 41):
+        text = f'Kapitel {n}, Absatz {p}. ' + ' '.join(
+            f'Wort{w} im Absatz {p} des Kapitels {n} steht hier, damit der Absatz einige Zeilen lang wird.'
+            for w in range(1, 6))
+        if n == 1 and p == 3:
+            text += ' Mit Fußnote<a href="ch12.xhtml#fn1" epub:type="noteref"><sup>1</sup></a>.'
+        paras.append(f'<p id="c{n}p{p}">{text}</p>')
+    notes = ''
+    if n == 12:
+        notes = '<aside epub:type="footnote" id="fn1"><p>1 Der Text der Fußnote.</p></aside>'
+    return f"""<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
+<head><title>Kapitel {n}</title></head>
+<body><h1>Kapitel {n}</h1>{''.join(paras)}{notes}</body></html>"""
+
+
+def main(path):
+    chapters = range(1, 13)
+    manifest = ''.join(f'<item id="c{n}" href="ch{n}.xhtml" media-type="application/xhtml+xml"/>' for n in chapters)
+    spine = ''.join(f'<itemref idref="c{n}"/>' for n in chapters)
+    nav_items = ''.join(f'<li><a href="ch{n}.xhtml">Kapitel {n}</a></li>' for n in chapters)
+    opf = f"""<?xml version="1.0" encoding="utf-8"?>
+<package xmlns="http://www.idpf.org/2007/opf" version="3.0" unique-identifier="id">
+  <metadata xmlns:dc="http://purl.org/dc/elements/1.1/">
+    <dc:identifier id="id">diora-e2e-book</dc:identifier>
+    <dc:title>E2E Testbuch</dc:title><dc:creator>diora</dc:creator><dc:language>de</dc:language>
+  </metadata>
+  <manifest><item id="nav" href="nav.xhtml" media-type="application/xhtml+xml" properties="nav"/>{manifest}</manifest>
+  <spine>{spine}</spine>
+</package>"""
+    nav = f"""<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
+<head><title>Inhalt</title></head><body><nav epub:type="toc"><ol>{nav_items}</ol></nav></body></html>"""
+    with zipfile.ZipFile(path, 'w') as z:
+        z.writestr(zipfile.ZipInfo('mimetype'), 'application/epub+zip', compress_type=zipfile.ZIP_STORED)
+        z.writestr('META-INF/container.xml', CONTAINER, compress_type=zipfile.ZIP_DEFLATED)
+        z.writestr('OEBPS/content.opf', opf, compress_type=zipfile.ZIP_DEFLATED)
+        z.writestr('OEBPS/nav.xhtml', nav, compress_type=zipfile.ZIP_DEFLATED)
+        for n in chapters:
+            z.writestr(f'OEBPS/ch{n}.xhtml', chapter(n), compress_type=zipfile.ZIP_DEFLATED)
+
+
+if __name__ == '__main__':
+    main(sys.argv[1])
diff --git a/e2e/reader.spec.js b/e2e/reader.spec.js
new file mode 100644
index 0000000..9ea0654
--- /dev/null
+++ b/e2e/reader.spec.js
@@ -0,0 +1,142 @@
+// The reader end to end: a book goes in (encrypted in the browser), opens, is
+// read, and its place, a highlight and the theme survive a reload. The safety
+// net for refactoring app.js (docs/refactoring.md). One book for the whole file:
+// the tests build on each other and run in order.
+const path = require('path');
+const { test, expect } = require('@playwright/test');
+
+test.use({ storageState: path.join(__dirname, '.auth', 'user.json') });
+test.describe.configure({ mode: 'serial' });
+
+const BOOK = path.join(__dirname, '.auth', 'book.epub');
+let bookId = null;
+
+// Errors in the page fail the test that caused them.
+let pageErrors = [];
+test.beforeEach(({ page }) => {
+  pageErrors = [];
+  page.on('pageerror', e => pageErrors.push(String(e)));
+});
+test.afterEach(() => {
+  expect(pageErrors, 'errors in the page').toEqual([]);
+});
+
+async function openTestBook(page) {
+  await page.goto('/#books');
+  // A new service worker taking over reloads the page once: let that settle first.
+  await page.waitForLoadState('networkidle');
+  await page.waitForFunction(() => typeof openBook === 'function' && typeof _lastBookListData !== 'undefined' && Array.isArray(_lastBookListData));
+  await page.evaluate(id => openBook(id), bookId);
+  await page.waitForFunction(() => document.querySelectorAll('#reader-content [data-epub-src]').length === 12
+    && typeof _readPos !== 'undefined' && _readPos && _readPos.ready);
+}
+
+async function serverBook(page) {
+  const books = await (await page.request.get('/books/')).json();
+  return books.find(b => b.id === bookId);
+}
+
+test('a book goes in and shows in the list', async ({ page }) => {
+  await page.goto('/#books');
+  await page.setInputFiles('#book-file-input', BOOK);
+  const found = await page.waitForFunction(() => {
+    const list = typeof _lastBookListData !== 'undefined' ? (_lastBookListData || []) : [];
+    const b = list.find(x => x.title === 'E2E Testbuch');
+    return b ? b.id : null;
+  }, null, { timeout: 20000 });
+  bookId = await found.jsonValue();
+  expect(bookId).toBeTruthy();
+});
+
+test('opening without reading sends no position', async ({ page }) => {
+  const posts = [];
+  page.on('request', r => { if (r.method() === 'POST' && /\/progress\/$/.test(r.url())) posts.push(r.url()); });
+  await openTestBook(page);
+  await page.waitForTimeout(3000);
+  await page.evaluate(() => saveReaderProgress());
+  await page.evaluate(() => closeReader());
+  await page.waitForTimeout(500);
+  expect(posts).toEqual([]);
+});
+
+test('reading moves the position, and it comes back after a reload', async ({ page }) => {
+  await openTestBook(page);
+  const content = page.locator('#reader-content');
+  await content.hover();
+  for (let i = 0; i < 12; i++) await page.mouse.wheel(0, 600);
+  const saved = page.waitForRequest(r => r.method() === 'POST' && /\/progress\/$/.test(r.url()));
+  const body = JSON.parse((await saved).postData());
+  expect(body.device).toBe('Browser');
+  expect(body.read_at).toBeGreaterThan(1e12);
+  const anchor = await page.evaluate(() => getPositionAnchor(document.getElementById('reader-content')));
+  await page.waitForTimeout(500);
+  const b = await serverBook(page);
+  expect(b.position_anchor).not.toBe('');
+  expect(b.device).toBe('Browser');
+
+  await page.reload();
+  await openTestBook(page);
+  const restored = await page.evaluate(() => getPositionAnchor(document.getElementById('reader-content')));
+  const block = a => Number(a.split(':')[0]);
+  expect(Math.abs(block(restored) - block(anchor))).toBeLessThanOrEqual(1);
+});
+
+test('a footnote shows its text', async ({ page }) => {
+  await openTestBook(page);
+  const ref = page.locator('#reader-content [data-footnote-ref]').first();
+  await ref.scrollIntoViewIfNeeded();
+  await ref.click();
+  await expect(page.locator('.footnote-popover')).toContainText('Der Text der Fußnote');
+});
+
+test('a highlight is kept, and shows in the margin', async ({ page }) => {
+  await openTestBook(page);
+  // Marker mode on (the ✎ button), select the start of a paragraph on screen
+  // the way a mouse would, then let go.
+  await page.evaluate(() => {
+    if (!markerModeActive) toggleMarkerMode();
+    const p = document.querySelector('#reader-content #c1p2') || document.querySelector('#reader-content p');
+    p.scrollIntoView({ block: 'center' });
+    const text = p.firstChild;
+    const range = document.createRange();
+    range.setStart(text, 0);
+    range.setEnd(text, 20);
+    const sel = window.getSelection();
+    sel.removeAllRanges();
+    sel.addRange(range);
+    const r = range.getBoundingClientRect();
+    p.dispatchEvent(new MouseEvent('mouseup', { bubbles: true, clientX: r.right, clientY: r.bottom }));
+  });
+  const saved = page.waitForRequest(r => r.method() === 'POST' && /\/highlights\/$/.test(r.url()), { timeout: 15000 });
+  await page.locator('.hl-color-btn[data-hl-color="yellow"]').click();
+  await page.evaluate(() => saveHighlights && saveHighlights());
+  await saved;
+
+  await page.reload();
+  await openTestBook(page);
+  await page.waitForFunction(() => document.querySelectorAll('#reader-content mark.epub-highlight, #reader-content .epub-highlight').length > 0);
+  // The margin remembers being open; open it if it isn't.
+  await page.evaluate(() => { if (!readerAnnotationsMarginOpen) toggleAnnotationsMargin(); });
+  await expect(page.locator('#reader-margin-markers .margin-note')).toHaveCount(1);
+});
+
+test('the theme switch turns the page and the reader light, and stays', async ({ page }) => {
+  await page.goto('/');
+  await expect(page.locator('html')).toHaveAttribute('data-theme', 'dark');
+  await page.locator('#theme-toggle').click();
+  await expect(page.locator('html')).toHaveAttribute('data-theme', 'light');
+  await page.reload();
+  await expect(page.locator('html')).toHaveAttribute('data-theme', 'light');
+  await openTestBook(page);
+  await expect(page.locator('#reader-overlay')).toHaveClass(/reader-theme-bright/);
+  await page.evaluate(() => { closeReader(); __dioraSetTheme('dark'); });
+  await expect(page.locator('html')).toHaveAttribute('data-theme', 'dark');
+});
+
+test('every tab opens without errors', async ({ page }) => {
+  await page.goto('/');
+  for (const tab of ['home', 'radio', 'podcasts', 'books', 'feeds', 'focus', 'ambient']) {
+    await page.evaluate(t => showTab(t), tab);
+    await expect(page.locator(`#tab-${tab}`)).toBeVisible();
+  }
+});
diff --git a/playwright.config.js b/playwright.config.js
index 391972b..2c6bd11 100644
--- a/playwright.config.js
+++ b/playwright.config.js
@@ -6,7 +6,7 @@
 // migrated and seeded with a test user.
 const path = require('path');
 const { defineConfig, devices } = require('@playwright/test');
-const { BASE_URL, SERVER_ENV } = require('./e2e/env');
+const { BASE_URL, PORT, PYTHON, SERVER_ENV } = require('./e2e/env');
 
 module.exports = defineConfig({
   testDir: './e2e',
@@ -27,9 +27,10 @@ module.exports = defineConfig({
   ],
   globalSetup: require.resolve('./e2e/global-setup.js'),
   webServer: {
-    command: 'python3 manage.py runserver 127.0.0.1:8000 --noreload',
+    command: `${PYTHON} manage.py runserver 127.0.0.1:${PORT} --noreload`,
     url: BASE_URL + '/accounts/login/',
-    reuseExistingServer: !process.env.CI,
+    // Never reuse: a server already on the port has someone's real database behind it.
+    reuseExistingServer: false,
     timeout: 30_000,
     cwd: path.join(__dirname),
     env: SERVER_ENV,

From a16fcac38847291df1a31bffc5a620b9f135fde0 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Wed, 14 Oct 2026 18:26:40 +0200
Subject: [PATCH 105/176] Browser: beim Vorlesen bleibt die Playerleiste auch
 im Vollbild-Reader; sw v105

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/css/app.css | 3 +++
 static/js/sw.js    | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/static/css/app.css b/static/css/app.css
index f0eaa59..350c0b4 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1819,6 +1819,9 @@ body.reader-immersive.reader-show-top .reader-header  { max-height: 60px; paddin
 
 body.reader-immersive.reader-show-bottom .now-playing-bar { transform: none; }
 body.reader-immersive.reader-show-bottom .reader-overlay  { bottom: var(--bar-h); }
+/* Reading aloud: the player bar is its remote control and stays, as in the apps. */
+html.nui-tts-on body.reader-immersive .now-playing-bar { transform: none; }
+html.nui-tts-on body.reader-immersive .reader-overlay  { bottom: var(--bar-h); }
 
 /* PDF paginated */
 .reader-content.pdf-paginated { overflow:hidden !important; display:flex; align-items:center; justify-content:center; }
diff --git a/static/js/sw.js b/static/js/sw.js
index cc0af47..9136067 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v104';
+const CACHE = 'diora-v105';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app.js',

From 656520fe8e81c24ac70c5a3076ab6a13ee54c6e0 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Wed, 14 Oct 2026 18:30:43 +0200
Subject: [PATCH 106/176] Refactoring Schritt 2: app.js nach Bereichen in
 static/js/app/ aufgeteilt; sw v106
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

32 klassische Skripte in der alten Reihenfolge (01-core … 99-init), ohne
Änderung am Code darin: geschnitten nur zwischen Anweisungen, je Datei
'use strict' wie vorher für die ganze Datei. Geprüft (acorn): kein Code, der
beim Laden läuft, braucht einen Namen aus einer späteren Datei. Globale
Funktionen und let/const bleiben global, die App-Schichten (native.js,
native-eink.js, …) umhüllen sie wie bisher. Template und sw.js-SHELL listen
die Dateien; diora-android build_web nimmt static/js rekursiv.

Getestet: 14 Browser-Tests (e2e), Desktop-App (Buch, Lesestand, Leiste im
Reader, Hell/Dunkel).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app.js                    | 6864 ---------------------------
 static/js/app/01-core.js            |  153 +
 static/js/app/10-radio.js           |  683 +++
 static/js/app/14-focus.js           |  173 +
 static/js/app/16-stations.js        |  173 +
 static/js/app/20-tabs.js            |   67 +
 static/js/app/24-ambient.js         |  141 +
 static/js/app/26-sidebar.js         |   98 +
 static/js/app/28-serviceworker.js   |   46 +
 static/js/app/29-m3u.js             |   30 +
 static/js/app/30-contrast.js        |   91 +
 static/js/app/32-crypto.js          |   61 +
 static/js/app/34-wallpaper.js       |   54 +
 static/js/app/40-epub.js            |  262 +
 static/js/app/44-books.js           |  298 ++
 static/js/app/46-readpos.js         |  198 +
 static/js/app/48-book-cache.js      |  294 ++
 static/js/app/50-reader-state.js    |   54 +
 static/js/app/52-book-list.js       |  630 +++
 static/js/app/56-cloud-import.js    |  153 +
 static/js/app/58-pdf.js             |  124 +
 static/js/app/60-tts.js             |  337 ++
 static/js/app/62-reader.js          |  641 +++
 static/js/app/64-reader-settings.js |  327 ++
 static/js/app/66-pdf-paginated.js   |  212 +
 static/js/app/68-bookmarks.js       |  166 +
 static/js/app/70-search.js          |  170 +
 static/js/app/72-highlights.js      |  424 ++
 static/js/app/74-margin.js          |  408 ++
 static/js/app/76-export.js          |  157 +
 static/js/app/78-footnotes.js       |   76 +
 static/js/app/80-radio-sidebar.js   |   44 +
 static/js/app/99-init.js            |  150 +
 static/js/sw.js                     |   35 +-
 templates/radio/player.html         |   36 +-
 35 files changed, 6962 insertions(+), 6868 deletions(-)
 delete mode 100644 static/js/app.js
 create mode 100644 static/js/app/01-core.js
 create mode 100644 static/js/app/10-radio.js
 create mode 100644 static/js/app/14-focus.js
 create mode 100644 static/js/app/16-stations.js
 create mode 100644 static/js/app/20-tabs.js
 create mode 100644 static/js/app/24-ambient.js
 create mode 100644 static/js/app/26-sidebar.js
 create mode 100644 static/js/app/28-serviceworker.js
 create mode 100644 static/js/app/29-m3u.js
 create mode 100644 static/js/app/30-contrast.js
 create mode 100644 static/js/app/32-crypto.js
 create mode 100644 static/js/app/34-wallpaper.js
 create mode 100644 static/js/app/40-epub.js
 create mode 100644 static/js/app/44-books.js
 create mode 100644 static/js/app/46-readpos.js
 create mode 100644 static/js/app/48-book-cache.js
 create mode 100644 static/js/app/50-reader-state.js
 create mode 100644 static/js/app/52-book-list.js
 create mode 100644 static/js/app/56-cloud-import.js
 create mode 100644 static/js/app/58-pdf.js
 create mode 100644 static/js/app/60-tts.js
 create mode 100644 static/js/app/62-reader.js
 create mode 100644 static/js/app/64-reader-settings.js
 create mode 100644 static/js/app/66-pdf-paginated.js
 create mode 100644 static/js/app/68-bookmarks.js
 create mode 100644 static/js/app/70-search.js
 create mode 100644 static/js/app/72-highlights.js
 create mode 100644 static/js/app/74-margin.js
 create mode 100644 static/js/app/76-export.js
 create mode 100644 static/js/app/78-footnotes.js
 create mode 100644 static/js/app/80-radio-sidebar.js
 create mode 100644 static/js/app/99-init.js

diff --git a/static/js/app.js b/static/js/app.js
deleted file mode 100644
index d64eb01..0000000
--- a/static/js/app.js
+++ /dev/null
@@ -1,6864 +0,0 @@
-/**
- * diora — radio player
- * Handles playback, SSE metadata, search, station management, and affiliate links.
- */
-
-'use strict';
-
-// ---------------------------------------------------------------------------
-// State
-// ---------------------------------------------------------------------------
-
-// Hardcoded for now -- only creamfresh radio gets the vote buttons, since
-// only its backend (the DJ) actually does anything with them.
-const CREAMFRESH_RADIO_URL = 'https://diora.creamfresh.xyz/radio/creamfresh-stream/';
-
-let currentStation = null;   // { url, name, id } | null
-let currentTrack = '';
-let sseSource = null;
-let isPlaying = false;
-let currentPlayId = null;
-
-const audio = new Audio();
-
-// Reconnect audio when the output device changes (e.g. Bluetooth, USB DAC)
-if (navigator.mediaDevices) {
-  let _deviceChangeDebounce = null;
-  navigator.mediaDevices.addEventListener('devicechange', () => {
-    clearTimeout(_deviceChangeDebounce);
-    _deviceChangeDebounce = setTimeout(() => {
-      if (!isPlaying || audio.src === '') return;
-      const savedTime = audio.currentTime;
-      const savedSrc  = audio.src;
-      audio.src = savedSrc;
-      audio.load();
-      if (savedTime > 0) {
-        audio.addEventListener('loadedmetadata', function onMeta() {
-          audio.currentTime = savedTime;
-          audio.removeEventListener('loadedmetadata', onMeta);
-        });
-      }
-      audio.play().catch(() => {});
-    }, 500);
-  });
-}
-
-// ---------------------------------------------------------------------------
-// DOM helpers
-// ---------------------------------------------------------------------------
-
-function $(id) { return document.getElementById(id); }
-
-function getCsrfToken() {
-  const cookie = document.cookie.split('; ').find(r => r.startsWith('csrftoken='));
-  return cookie ? cookie.split('=')[1] : '';
-}
-
-function formatDateTime(iso) {
-  if (!iso) return '';
-  const d = new Date(iso);
-  const pad = n => String(n).padStart(2, '0');
-  return `${d.getFullYear()}-${pad(d.getMonth()+1)}-${pad(d.getDate())} `
-       + `${pad(d.getHours())}:${pad(d.getMinutes())}`;
-}
-
-function escapeHtml(str) {
-  return String(str)
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;');
-}
-
-// ---------------------------------------------------------------------------
-// Modal dialogs — styled replacements for native alert()/confirm()/prompt(),
-// which look jarring against the rest of the custom dark UI and can't be
-// styled or (in confirm/prompt's case) awaited without blocking the thread.
-// All three return a Promise; callers must be async and `await` them.
-// ---------------------------------------------------------------------------
-
-function _showModal({ message, showInput = false, inputValue = '', showCancel = false, okLabel = 'OK', danger = false }) {
-  return new Promise((resolve) => {
-    const overlay  = $('modal-overlay');
-    const dialog   = $('modal-dialog');
-    const msgEl    = $('modal-message');
-    const inputEl  = $('modal-input');
-    const okBtn    = $('modal-ok-btn');
-    const cancelBtn = $('modal-cancel-btn');
-    if (!overlay || !dialog) { resolve(null); return; }
-
-    msgEl.textContent = message;
-    inputEl.style.display = showInput ? '' : 'none';
-    inputEl.value = inputValue;
-    cancelBtn.style.display = showCancel ? '' : 'none';
-    okBtn.textContent = okLabel;
-    okBtn.className = danger ? 'btn btn-danger' : 'btn btn-primary';
-
-    overlay.style.display = '';
-    dialog.style.display = '';
-    (showInput ? inputEl : okBtn).focus();
-    if (showInput) inputEl.select();
-
-    function cleanup(result) {
-      overlay.style.display = 'none';
-      dialog.style.display = 'none';
-      overlay.removeEventListener('click', onCancel);
-      okBtn.removeEventListener('click', onOk);
-      cancelBtn.removeEventListener('click', onCancel);
-      document.removeEventListener('keydown', onKeydown);
-      resolve(result);
-    }
-    function onOk()     { cleanup(showInput ? inputEl.value : true); }
-    function onCancel() { cleanup(showInput ? null : false); }
-    function onKeydown(e) {
-      if (e.key === 'Escape') onCancel();
-      if (e.key === 'Enter' && showInput) onOk();
-    }
-
-    okBtn.addEventListener('click', onOk);
-    cancelBtn.addEventListener('click', onCancel);
-    overlay.addEventListener('click', onCancel);
-    document.addEventListener('keydown', onKeydown);
-  });
-}
-
-function customAlert(message) {
-  return _showModal({ message });
-}
-
-function customConfirm(message, { danger = false } = {}) {
-  return _showModal({ message, showCancel: true, danger });
-}
-
-// The server answers with short English error codes (an API contract, tests and
-// other clients rely on them); what the page shows of them is German.
-const _GERMAN_ERRORS = {
-  'no stations found in file': 'In der Datei wurden keine Sender gefunden.',
-  'file must be .m3u or .m3u8': 'Die Datei muss eine .m3u- oder .m3u8-Datei sein.',
-  'no file uploaded': 'Keine Datei hochgeladen.',
-  'only jpeg, png, or webp allowed': 'Nur JPEG, PNG oder WebP erlaubt.',
-  'file too large (max 50 MB)': 'Datei zu groß (höchstens 50 MB).',
-  'file too large (max 5 MB)': 'Datei zu groß (höchstens 5 MB).',
-  'authentication required': 'Bitte anmelden.',
-  'not found': 'Nicht gefunden.',
-  'invalid JSON': 'Ungültige Anfrage.',
-  'upstream unreachable': 'Der Server dahinter ist nicht erreichbar.',
-};
-function _germanError(code) {
-  return _GERMAN_ERRORS[code] || code;
-}
-
-function customPrompt(message, defaultValue = '') {
-  return _showModal({ message, showInput: true, inputValue: defaultValue, showCancel: true });
-}
-
-// ---------------------------------------------------------------------------
-// Play / Stop
-// ---------------------------------------------------------------------------
-
-function playStation(url, name, stationId) {
-  stopPlayback(false);
-  if (window.__dioraAmbientStop) window.__dioraAmbientStop();
-
-  // A secure page can't load plain-http streams (mixed content). Native shells
-  // that play the stream themselves set window.DIORA_PLAYS_HTTP_STREAMS.
-  if (location.protocol === 'https:' && url.startsWith('http://') && !window.DIORA_PLAYS_HTTP_STREAMS) {
-    window.open(url, '_blank');
-    return;
-  }
-
-  currentStation = { url, name, id: stationId || null };
-  isPlaying = true;
-
-  audio.src = url;
-  const volSlider = document.getElementById('volume');
-  if (volSlider) audio.volume = volSlider.value / 255;
-  audio.play().catch(() => {
-    // Browser may block autoplay; the user needs to interact first
-    console.warn('Audio play blocked by browser policy.');
-  });
-
-  $('now-playing-station').textContent = name;
-  $('now-playing-track').textContent = '';
-  $('play-stop-btn').style.display = '';
-  $('play-stop-btn').textContent = '⏹ Stopp';
-  $('play-stop-btn').classList.add('playing');
-  $('save-station-btn').style.display = '';
-
-  const isCreamfresh = url === CREAMFRESH_RADIO_URL;
-  $('creamfresh-vote-up-btn').style.display = isCreamfresh ? '' : 'none';
-  $('creamfresh-vote-down-btn').style.display = isCreamfresh ? '' : 'none';
-  $('creamfresh-vote-up-btn').classList.remove('active');
-  $('creamfresh-vote-down-btn').classList.remove('active');
-
-  startMetadataSSE(url);
-  startPlaySession(name, url);
-  maybeShowDonationHint(url, name);
-
-  if ('mediaSession' in navigator) {
-    navigator.mediaSession.metadata = new MediaMetadata({title: name, artist: 'Radio'});
-    navigator.mediaSession.setActionHandler('play',  () => { audio.play(); isPlaying = true; });
-    navigator.mediaSession.setActionHandler('pause', () => { audio.pause(); isPlaying = false; });
-    navigator.mediaSession.setActionHandler('stop',  () => stopPlayback(true));
-    try { navigator.mediaSession.setActionHandler('seekbackward', null); } catch (_) {}
-    try { navigator.mediaSession.setActionHandler('seekforward',  null); } catch (_) {}
-    try { navigator.mediaSession.setActionHandler('nexttrack',    null); } catch (_) {}
-    try { navigator.mediaSession.setActionHandler('previoustrack',null); } catch (_) {}
-    navigator.mediaSession.playbackState = 'playing';
-  }
-}
-
-function stopPlayback(clearStation = true) {
-  audio.pause();
-  audio.src = '';
-  isPlaying = false;
-  if ('mediaSession' in navigator) navigator.mediaSession.playbackState = 'none';
-
-  if (sseSource) {
-    sseSource.close();
-    sseSource = null;
-  }
-
-  $('play-stop-btn').textContent = '▶ Abspielen';
-  $('play-stop-btn').classList.remove('playing');
-  $('save-station-btn').style.display = 'none';
-  $('creamfresh-vote-up-btn').style.display = 'none';
-  $('creamfresh-vote-down-btn').style.display = 'none';
-  $('affiliate-section').style.display = 'none';
-
-  stopPlaySession();
-
-  const stationEl = $('now-playing-station');
-  const trackEl = $('now-playing-track');
-
-  if (clearStation) {
-    currentStation = null;
-    currentTrack = '';
-    stationEl.textContent = '— kein Sender —';
-    trackEl.textContent = '';
-    $('play-stop-btn').style.display = 'none';
-  }
-}
-
-function togglePlayStop() {
-  if (isPlaying) {
-    stopPlayback(true);
-  } else if (currentStation) {
-    playStation(currentStation.url, currentStation.name, currentStation.id);
-  }
-}
-
-// ---------------------------------------------------------------------------
-// Play session tracking
-// ---------------------------------------------------------------------------
-
-async function startPlaySession(stationName, stationUrl) {
-  try {
-    const res = await fetch('/radio/play/start/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({station_name: stationName, station_url: stationUrl})
-    });
-    if (res.ok) {
-      const data = await res.json();
-      currentPlayId = data.play_id;
-    }
-  } catch (e) {}
-}
-
-async function stopPlaySession() {
-  // Take the id before awaiting: playStation() calls this without waiting and
-  // starts the next session right away, whose id must not be cleared here.
-  const playId = currentPlayId;
-  if (!playId) return;
-  currentPlayId = null;
-  try {
-    await fetch('/radio/play/stop/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({play_id: playId})
-    });
-  } catch (e) {}
-}
-
-window.addEventListener('beforeunload', () => {
-  if (currentPlayId) {
-    navigator.sendBeacon('/radio/play/stop/', JSON.stringify({play_id: currentPlayId}));
-  }
-  // Flush cached encrypted payloads for reader data (encryption is async so we
-  // use pre-computed blobs stored by the debounced savers)
-  // The last position written (it's in the outbox too, in case the beacon is lost).
-  if (_lastProgressBeacon) navigator.sendBeacon(`/books/${_lastProgressBeacon.book}/progress/`, _progressBody(_lastProgressBeacon));
-  if (_lastBookmarkBeacon) navigator.sendBeacon(_lastBookmarkBeacon.url, _lastBookmarkBeacon.body);
-  if (_lastHighlightBeacon) navigator.sendBeacon(_lastHighlightBeacon.url, _lastHighlightBeacon.body);
-});
-
-document.addEventListener('visibilitychange', () => {
-  if (document.visibilityState === 'hidden' && currentBookId) {
-    if (bookmarksDirty) saveBookmarks();
-    if (highlightsDirty) saveHighlights();
-    saveReaderProgress();
-  }
-  // Back in front: maybe the book was read on another device meanwhile.
-  if (document.visibilityState === 'visible' && currentBookId) _checkNewerPositionElsewhere();
-});
-
-// Cached beacon payloads — updated after each successful encrypt in save functions
-let _lastBookmarkBeacon = null;
-let _lastHighlightBeacon = null;
-let _lastProgressBeacon = null;
-
-// ---------------------------------------------------------------------------
-// Recommendations
-// ---------------------------------------------------------------------------
-
-async function loadRecommendations() {
-  const container = document.getElementById('recommendations');
-  if (!container) return;
-  try {
-    const res = await fetch('/radio/recommendations/');
-    const data = await res.json();
-    if (!data.recommendations.length) {
-      container.innerHTML = '<p class="muted">Hör mehr Sender, dann gibt es hier Empfehlungen.</p>';
-      return;
-    }
-    const label = data.context;
-    let html = `<p class="recommendations-context">Was du ${label} oft hörst:</p><ul class="recommendations-list">`;
-    for (const r of data.recommendations) {
-      html += `<li>
-          <button class="btn btn-sm" onclick="playStation('${escapeAttr(r.station_url)}', '${escapeAttr(r.station_name)}', ${r.saved_id || 'null'})">
-              &#9654; ${escapeHtml(r.station_name)}
-          </button>
-          <span class="muted">${r.play_count}&times;</span>
-      </li>`;
-    }
-    html += '</ul>';
-    container.innerHTML = html;
-  } catch (e) {}
-}
-
-function escapeAttr(s) {
-  return String(s).replace(/'/g, "\\'").replace(/"/g, '&quot;');
-}
-
-// ---------------------------------------------------------------------------
-// Volume
-// ---------------------------------------------------------------------------
-
-function setVolume(val) {
-  val = Math.max(0, Math.min(255, Math.round(val)));
-  audio.volume = val / 255;
-  localStorage.setItem('diora_volume', val);
-  const slider = $('volume');
-  const numInput = $('volume-num');
-  if (slider) slider.value = val;
-  if (numInput) numInput.value = val;
-  _ambientVolume(val);
-}
-
-const volSliderEl = document.getElementById('volume');
-if (volSliderEl) {
-  ['input', 'change', 'mousemove', 'touchmove'].forEach(evt =>
-    volSliderEl.addEventListener(evt, function () { setVolume(this.value); })
-  );
-}
-
-const volNumEl = document.getElementById('volume-num');
-if (volNumEl) {
-  volNumEl.addEventListener('change', function () { setVolume(this.value); });
-  volNumEl.addEventListener('input', function () { setVolume(this.value); });
-  volNumEl.addEventListener('click', function () { this.select(); });
-}
-
-const volSliderEl2 = document.getElementById('volume');
-const volWheelTarget = volSliderEl2 || volNumEl;
-if (volWheelTarget) {
-  volWheelTarget.addEventListener('wheel', function (e) {
-    e.preventDefault();
-    const current = parseInt(document.getElementById('volume').value, 10);
-    setVolume(current + (e.deltaY < 0 ? 4 : -4));
-  }, { passive: false });
-}
-
-// ---------------------------------------------------------------------------
-// SSE metadata
-// ---------------------------------------------------------------------------
-
-function startMetadataSSE(streamUrl) {
-  if (sseSource) { sseSource.close(); sseSource = null; }
-
-  const endpoint = '/radio/sse/?url=' + encodeURIComponent(streamUrl);
-  sseSource = new EventSource(endpoint);
-
-  sseSource.onmessage = function (e) {
-    let data;
-    try { data = JSON.parse(e.data); } catch (_) { return; }
-
-    if (data.error) {
-      console.warn('SSE stream ended:', data.error);
-      return;
-    }
-
-    if (data.track && data.track !== currentTrack) {
-      currentTrack = data.track;
-      updateNowPlayingUI(data.track);
-      recordTrack(currentStation ? currentStation.name : '', data.track);
-      fetchAffiliateLinks(data.track);
-    }
-  };
-
-  sseSource.onerror = function () {
-    // Connection dropped; the browser will attempt to reconnect automatically
-    console.warn('SSE connection error, browser will retry.');
-  };
-}
-
-function updateNowPlayingUI(track) {
-  $('now-playing-track').textContent = track;
-}
-
-// ---------------------------------------------------------------------------
-// Record track
-// ---------------------------------------------------------------------------
-
-async function recordTrack(stationName, track) {
-  try {
-    const res = await fetch('/radio/record/', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'X-CSRFToken': getCsrfToken(),
-      },
-      body: JSON.stringify({ station_name: stationName, track, scrobble: true }),
-    });
-    if (res.ok) {
-      addHistoryRow(stationName, track);
-    }
-  } catch (err) {
-    console.error('recordTrack error:', err);
-  }
-}
-
-function addHistoryRow(stationName, track) {
-  const tbody = $('history-tbody');
-  if (!tbody) return;
-
-  // Remove the "no history" placeholder row if present
-  const emptyRow = $('history-empty-row');
-  if (emptyRow) emptyRow.remove();
-
-  const tr = document.createElement('tr');
-  const now = new Date().toISOString();
-  tr.innerHTML = `
-    <td class="history-time">${escapeHtml(formatDateTime(now))}</td>
-    <td>${escapeHtml(stationName)}</td>
-    <td>${escapeHtml(track)}</td>
-    <td></td>
-    <td><button class="btn-delete-history" onclick="deleteHistoryEntry(null, this)" title="Entfernen">✕</button></td>
-  `;
-  tbody.insertBefore(tr, tbody.firstChild);
-}
-
-async function deleteHistoryEntry(id, btn) {
-  const tr = btn.closest('tr');
-  if (!id) { tr.remove(); return; }
-  try {
-    const res = await fetch(`/radio/history/${id}/delete/`, {
-      method: 'POST',
-      headers: {'X-CSRFToken': getCsrfToken()},
-    });
-    if (res.ok) tr.remove();
-  } catch (e) {}
-}
-
-// ---------------------------------------------------------------------------
-// Affiliate links
-// ---------------------------------------------------------------------------
-
-async function fetchAffiliateLinks(track) {
-  const section = $('affiliate-section');
-  if (section && section.dataset.disabled) return;
-  try {
-    const res = await fetch('/radio/affiliate/?track=' + encodeURIComponent(track));
-    if (!res.ok) return;
-    const data = await res.json();
-
-    const itunes = data.itunes_data || {};
-
-    $('affiliate-track-name').textContent = itunes.name || track;
-    $('affiliate-artist-name').textContent = itunes.artist || '';
-    $('affiliate-album-name').textContent = itunes.album || '';
-
-    const artEl = $('affiliate-artwork');
-    if (itunes.artwork) {
-      artEl.src = itunes.artwork;
-      artEl.style.display = '';
-    } else {
-      artEl.style.display = 'none';
-    }
-
-    const amzLink = $('affiliate-amazon-link');
-    if (data.amazon_url) {
-      amzLink.href = data.amazon_url;
-      amzLink.style.display = '';
-    } else {
-      amzLink.style.display = 'none';
-    }
-
-    section.style.display = 'flex';
-  } catch (err) {
-    console.error('fetchAffiliateLinks error:', err);
-    section.style.display = 'none';
-  }
-}
-
-// ---------------------------------------------------------------------------
-// Search (radio-browser.info)
-// ---------------------------------------------------------------------------
-
-async function doSearch() {
-  const query = $('search-input').value.trim();
-  if (!query) return;
-
-  const statusEl = $('search-status');
-  const tableEl = $('search-results-table');
-  const tbody = $('search-results-body');
-
-  tableEl.style.display = 'none';
-  tbody.innerHTML = '';
-
-  // A stream address instead of a name: offer to play or save it directly.
-  if (/^https?:\/\/\S+$/i.test(query)) {
-    showStreamAddressResult(query);
-    return;
-  }
-
-  statusEl.textContent = 'Suche …';
-
-  try {
-    const url = `https://de1.api.radio-browser.info/json/stations/search?name=${encodeURIComponent(query)}&limit=50&hidebroken=true&order=clickcount&reverse=true`;
-    const res = await fetch(url);
-    if (!res.ok) throw new Error(`HTTP ${res.status}`);
-    const stations = await res.json();
-
-    if (!stations.length) {
-      statusEl.textContent = 'Keine Sender gefunden.';
-      return;
-    }
-
-    statusEl.textContent = stations.length === 1 ? '1 Treffer' : `${stations.length} Treffer`;
-    tableEl.style.display = '';
-    const curated = document.getElementById('curated-lists');
-    if (curated) curated.style.display = 'none';
-
-    stations.forEach(st => {
-      const tr = document.createElement('tr');
-      const safeName = escapeHtml(st.name || '');
-      const safeUrl  = escapeHtml(st.url_resolved || st.url || '');
-      const safeBr   = escapeHtml(st.bitrate ? st.bitrate + ' kbps' : '');
-      const safeCC   = escapeHtml(st.countrycode || st.country || '');
-      const safeTags = escapeHtml((st.tags || '').split(',').slice(0, 3).join(', '));
-
-      tr.innerHTML = `
-        <td title="${safeName}">${safeName}</td>
-        <td>${safeBr}</td>
-        <td>${safeCC}</td>
-        <td title="${escapeHtml(st.tags || '')}">${safeTags}</td>
-        <td>
-          <button class="btn btn-sm btn-play"
-                  onclick='searchPlay(${JSON.stringify(safeUrl)}, ${JSON.stringify(safeName)}, ${JSON.stringify({
-                    name: st.name,
-                    url: st.url_resolved || st.url,
-                    bitrate: st.bitrate ? String(st.bitrate) : '',
-                    country: st.country || '',
-                    tags: st.tags || '',
-                    favicon_url: st.favicon || '',
-                  })})'>
-            &#9654; Abspielen
-          </button>
-        </td>
-      `;
-      tbody.appendChild(tr);
-    });
-  } catch (err) {
-    statusEl.textContent = 'Suche fehlgeschlagen: ' + err.message;
-  }
-}
-
-// A name to start from for a pasted address: "klassik.mp3" on radio.example.org
-// -> "Klassik (radio.example.org)". The query string is left out on purpose —
-// it often carries an access token, which shouldn't end up on screen.
-function _streamAddressName(url) {
-  try {
-    const u = new URL(url);
-    const file = decodeURIComponent(u.pathname.split('/').filter(Boolean).pop() || '');
-    const base = file.replace(/\.(mp3|aac|aacp|ogg|opus|m3u8?|pls|flac)$/i, '').replace(/[-_]+/g, ' ').trim();
-    const nice = base ? base.charAt(0).toUpperCase() + base.slice(1) : '';
-    return nice ? `${nice} (${u.host})` : u.host;
-  } catch (e) {
-    return url;
-  }
-}
-
-function showStreamAddressResult(url) {
-  const statusEl = $('search-status');
-  const tableEl = $('search-results-table');
-  const tbody = $('search-results-body');
-  const name = _streamAddressName(url);
-  const shown = url.split('?')[0];
-  const data = {name, url, bitrate: '', country: '', tags: '', favicon_url: ''};
-
-  statusEl.textContent = 'Stream-Adresse';
-  const curated = document.getElementById('curated-lists');
-  if (curated) curated.style.display = 'none';
-
-  // Same five columns as a radio-browser result: name, bitrate, country, tags, actions.
-  const tr = document.createElement('tr');
-  tr.className = 'stream-address-row';
-  for (let i = 0; i < 4; i++) tr.appendChild(document.createElement('td'));
-  tr.children[0].textContent = name;
-  tr.children[0].title = shown;
-  tr.children[3].textContent = shown;
-  tr.children[3].title = shown;
-
-  const actions = document.createElement('td');
-  const play = document.createElement('button');
-  play.className = 'btn btn-sm btn-play';
-  play.innerHTML = '&#9654; Abspielen';
-  play.addEventListener('click', () => searchPlay(url, name, data));
-  const save = document.createElement('button');
-  save.className = 'btn btn-sm';
-  save.innerHTML = '&#9733; Speichern';
-  save.style.marginLeft = '4px';
-  save.addEventListener('click', async e => {
-    e.stopPropagation();
-    const chosen = await customPrompt('Name für diesen Sender', name);
-    if (chosen == null) return;
-    const finalName = chosen.trim() || name;
-    await saveStation({...data, name: finalName});
-    statusEl.textContent = `Gespeichert als „${finalName}“.`;
-  });
-  actions.append(play, save);
-  tr.appendChild(actions);
-  tbody.appendChild(tr);
-  tableEl.style.display = '';
-}
-
-function searchPlay(url, name, stationData) {
-  // Store station data on the window so saveCurrentStation() can use it
-  window._pendingStationData = stationData;
-  playStation(url, name, null);
-}
-
-// ---------------------------------------------------------------------------
-// Save current station
-// ---------------------------------------------------------------------------
-
-async function saveCurrentStation() {
-  if (!currentStation) return;
-
-  // Use the rich data from search results if available, otherwise minimal data
-  const data = window._pendingStationData || {
-    name: currentStation.name,
-    url: currentStation.url,
-    bitrate: '',
-    country: '',
-    tags: '',
-    favicon_url: '',
-  };
-
-  await saveStation(data);
-}
-
-// ---------------------------------------------------------------------------
-// creamfresh radio: DJ feedback (hardcoded to this one station, see
-// CREAMFRESH_RADIO_URL above)
-// ---------------------------------------------------------------------------
-
-async function creamfreshVote(direction) {
-  const upBtn = $('creamfresh-vote-up-btn');
-  const downBtn = $('creamfresh-vote-down-btn');
-  upBtn.disabled = true;
-  downBtn.disabled = true;
-  try {
-    const res = await fetch('/radio/creamfresh-feedback/', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'X-CSRFToken': getCsrfToken(),
-      },
-      body: JSON.stringify({ vote: direction }),
-    });
-    if (!res.ok) throw new Error(`feedback returned ${res.status}`);
-    upBtn.classList.toggle('active', direction === 'up');
-    downBtn.classList.toggle('active', direction === 'down');
-  } catch (err) {
-    console.warn('creamfresh vote failed', err);
-  } finally {
-    upBtn.disabled = false;
-    downBtn.disabled = false;
-  }
-}
-
-async function saveStation(station) {
-  try {
-    const res = await fetch('/radio/save/', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'X-CSRFToken': getCsrfToken(),
-      },
-      body: JSON.stringify(station),
-    });
-
-    if (res.status === 401) {
-      await customAlert('Bitte anmelden, um Sender zu speichern.');
-      return;
-    }
-
-    const data = await res.json();
-    if (data.ok) {
-      if (data.created) {
-        addSavedRow({ id: data.id, ...station, is_favorite: false });
-      }
-    }
-  } catch (err) {
-    console.error('saveStation error:', err);
-  }
-}
-
-function addSavedRow(station) {
-  const tbody = $('saved-tbody');
-  if (!tbody) return;
-
-  const emptyRow = $('saved-empty-row');
-  if (emptyRow) emptyRow.remove();
-
-  // Check for duplicate
-  if (document.getElementById(`saved-row-${station.id}`)) return;
-
-  const tr = document.createElement('tr');
-  tr.id = `saved-row-${station.id}`;
-  tr.dataset.id = station.id;
-  tr.dataset.url = station.url;
-  tr.dataset.name = station.name;
-
-  const safeName = escapeHtml(station.name || '');
-  const safeBr   = escapeHtml(station.bitrate || '');
-  const safeCC   = escapeHtml(station.country || '');
-  const safeUrl  = escapeHtml(station.url || '');
-
-  tr.innerHTML = `
-    <td>
-      <button class="btn-icon fav-btn${station.is_favorite ? ' active' : ''}"
-              onclick="toggleFav(${station.id}, this)"
-              title="Favorit an/aus">&#9733;</button>
-    </td>
-    <td class="station-name-cell">${safeName}</td>
-    <td>${safeBr}</td>
-    <td>${safeCC}</td>
-    <td class="notes-cell" onclick="editNotes(${station.id}, this.textContent.trim())" title="" style="cursor:pointer; color:#666; max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;"></td>
-    <td>
-      <button class="btn btn-sm"
-              onclick="playStation('${safeUrl}', '${safeName}', ${station.id})">
-        &#9654; Abspielen
-      </button>
-    </td>
-    <td>
-      <button class="btn btn-sm btn-danger"
-              onclick="removeStation(${station.id})">
-        Entfernen
-      </button>
-    </td>
-  `;
-  tbody.appendChild(tr);
-}
-
-// ---------------------------------------------------------------------------
-// Remove station
-// ---------------------------------------------------------------------------
-
-// The only toggleFav: a second definition further down (expecting the button
-// as an argument) used to shadow this one, so the server-rendered rows — which
-// pass no button — toggled the favourite on the server without the star ever
-// changing, and a second click silently took it back.
-async function toggleFav(pk, btnEl) {
-  try {
-    const res = await fetch(`/radio/favorite/${pk}/`, {
-      method: 'POST',
-      headers: { 'X-CSRFToken': getCsrfToken() },
-    });
-    if (!res.ok) return;
-    const data = await res.json();
-
-    // Flip the star button state
-    const btn = btnEl || document.querySelector(`#saved-row-${pk} .fav-btn`);
-    if (btn) btn.classList.toggle('active', !!data.is_favorite);
-
-    // Re-sort rows in the DOM: favorites first, then alphabetically
-    const tbody = $('saved-tbody');
-    if (!tbody) return;
-    const rows = Array.from(tbody.querySelectorAll('tr[data-id]'));
-    rows.sort((a, b) => {
-      const aFav = a.querySelector('.fav-btn')?.classList.contains('active') ? 0 : 1;
-      const bFav = b.querySelector('.fav-btn')?.classList.contains('active') ? 0 : 1;
-      if (aFav !== bFav) return aFav - bFav;
-      return a.dataset.name.localeCompare(b.dataset.name);
-    });
-    rows.forEach(row => tbody.appendChild(row));
-  } catch (err) {
-    console.error('toggleFav error', err);
-  }
-}
-
-async function removeStation(pk) {
-  try {
-    const res = await fetch(`/radio/remove/${pk}/`, {
-      method: 'POST',
-      headers: { 'X-CSRFToken': getCsrfToken() },
-    });
-    if (res.ok) {
-      const row = $(`saved-row-${pk}`);
-      if (row) row.remove();
-
-      const tbody = $('saved-tbody');
-      if (tbody && tbody.querySelectorAll('tr').length === 0) {
-        const tr = document.createElement('tr');
-        tr.id = 'saved-empty-row';
-        tr.innerHTML = '<td colspan="7" class="empty-msg">Noch keine gespeicherten Sender.</td>';
-        tbody.appendChild(tr);
-      }
-    }
-  } catch (err) {
-    console.error('removeStation error:', err);
-  }
-}
-
-// ---------------------------------------------------------------------------
-// Focus Timer
-// ---------------------------------------------------------------------------
-
-const TIMER_WORK = 25 * 60;
-const TIMER_BREAK = 5 * 60;
-let timerSeconds = TIMER_WORK;
-let timerRunning = false;
-let timerIsBreak = false;
-let timerInterval = null;
-
-function timerTick() {
-  timerSeconds--;
-  renderTimer();
-  if (timerSeconds <= 0) {
-    clearInterval(timerInterval);
-    timerInterval = null;
-    timerRunning = false;
-    if (!timerIsBreak) {
-      // work session ended → start break
-      timerIsBreak = true;
-      recordFocusSession();
-      timerSeconds = TIMER_BREAK;
-      showTimerNotification('Pause! 5 Minuten.');
-      // auto-pause playback during break
-      if (audio.src && !audio.paused) audio.pause();
-    } else {
-      // break ended → reset to work
-      timerIsBreak = false;
-      timerSeconds = TIMER_WORK;
-      showTimerNotification('Pause vorbei. Weiter geht’s.');
-    }
-    renderTimer();
-  }
-}
-
-function toggleTimer() {
-  if (timerRunning) {
-    clearInterval(timerInterval);
-    timerInterval = null;
-    timerRunning = false;
-  } else {
-    if ('Notification' in window && Notification.permission === 'default') {
-      Notification.requestPermission();
-    }
-    timerRunning = true;
-    timerInterval = setInterval(timerTick, 1000);
-  }
-  renderTimer();
-}
-
-function resetTimer() {
-  clearInterval(timerInterval);
-  timerInterval = null;
-  timerRunning = false;
-  timerIsBreak = false;
-  timerSeconds = TIMER_WORK;
-  renderTimer();
-}
-
-function renderTimer() {
-  const m = String(Math.floor(timerSeconds / 60)).padStart(2, '0');
-  const s = String(timerSeconds % 60).padStart(2, '0');
-  const display = $('timer-display');
-  const btn = $('timer-toggle-btn');
-  const label = $('timer-phase-label');
-  if (display) display.textContent = `${m}:${s}`;
-  if (btn) btn.textContent = timerRunning ? '⏸' : '▶';
-  if (label) label.textContent = timerIsBreak ? 'Pause' : 'Fokus';
-  // colour the display red when break
-  if (display) display.style.color = timerIsBreak ? '#e63946' : '';
-}
-
-function showTimerNotification(msg) {
-  if ('Notification' in window && Notification.permission === 'granted') {
-    new Notification('diora', { body: msg });
-  }
-  // also flash in the timer label
-  const label = $('timer-phase-label');
-  if (label) { label.textContent = msg; setTimeout(() => renderTimer(), 3000); }
-}
-
-// ---------------------------------------------------------------------------
-// Focus session recording
-// ---------------------------------------------------------------------------
-
-async function recordFocusSession() {
-  try {
-    await fetch('/radio/focus/record/', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken() },
-      body: JSON.stringify({
-        station_name: currentStation ? currentStation.name : '',
-        duration_minutes: 25,
-      }),
-    });
-    loadFocusStats();
-  } catch (e) {}
-}
-
-async function loadFocusStats() {
-  try {
-    const res = await fetch('/radio/focus/stats/');
-    const data = await res.json();
-    const widget = document.getElementById('focus-today-widget');
-    if (widget) {
-      if (data.today_sessions > 0) {
-        widget.textContent = `Heute: ${data.today_sessions} ${data.today_sessions !== 1 ? 'Sitzungen' : 'Sitzung'} · ${data.today_minutes} min`;
-        widget.style.display = '';
-      } else {
-        widget.style.display = 'none';
-      }
-    }
-    // populate focus tab
-    const tbody = document.getElementById('focus-tbody');
-    if (!tbody) return;
-    tbody.innerHTML = '';
-    if (!data.sessions.length) {
-      tbody.innerHTML = '<tr><td colspan="3" class="empty-msg">Noch keine Fokus-Sitzungen. Starte den Timer!</td></tr>';
-      return;
-    }
-    data.sessions.forEach(s => {
-      const tr = document.createElement('tr');
-      const dt = new Date(s.completed_at).toLocaleString([], {dateStyle: 'short', timeStyle: 'short'});
-      tr.innerHTML = `<td>${dt}</td><td>${escapeHtml(s.station_name || '—')}</td><td>${s.duration_minutes} min</td>`;
-      tbody.appendChild(tr);
-    });
-  } catch (e) {}
-}
-
-// ---------------------------------------------------------------------------
-// Do Not Disturb / focus mode
-// ---------------------------------------------------------------------------
-
-let dndActive = false;
-
-function toggleDNDLight() {
-  document.body.classList.toggle('dnd-dark');
-  const btn = $('dnd-light-btn');
-  if (btn) btn.style.opacity = document.body.classList.contains('dnd-dark') ? '0.4' : '1';
-}
-
-function toggleDND() {
-  dndActive = !dndActive;
-  if (!dndActive) document.body.classList.remove('dnd-dark');
-  document.body.classList.toggle('dnd-mode', dndActive);
-  const btn = $('dnd-btn');
-  if (btn) btn.classList.toggle('active', dndActive);
-  if (dndActive) {
-    const el = document.documentElement;
-    if (el.requestFullscreen) el.requestFullscreen();
-    else if (el.webkitRequestFullscreen) el.webkitRequestFullscreen();
-  } else {
-    if (document.fullscreenElement && document.exitFullscreen) document.exitFullscreen();
-    else if (document.webkitFullscreenElement && document.webkitExitFullscreen) document.webkitExitFullscreen();
-  }
-}
-
-// Exit DND on Escape (browser also exits fullscreen on Escape, so sync state)
-document.addEventListener('fullscreenchange', () => {
-  if (!document.fullscreenElement && dndActive) {
-    dndActive = false;
-    document.body.classList.remove('dnd-mode');
-    const btn = $('dnd-btn');
-    if (btn) btn.classList.remove('active');
-  }
-});
-
-document.addEventListener('keydown', e => {
-  if (e.key === 'Escape' && dndActive) toggleDND();
-});
-
-// ---------------------------------------------------------------------------
-// Mood / genre tag filter
-// ---------------------------------------------------------------------------
-
-const MOOD_TAGS = [
-  { label: 'Fokus', tag: 'ambient' },
-  { label: 'Lo-fi', tag: 'lofi' },
-  { label: 'Jazz', tag: 'jazz' },
-  { label: 'Klassik', tag: 'classical' },
-  { label: 'Ambient', tag: 'ambient' },
-  { label: 'Metal', tag: 'metal' },
-  { label: 'Elektronisch', tag: 'electronic' },
-  { label: 'Wort', tag: 'talk' },
-];
-
-function initMoodChips() {
-  const container = $('mood-chips');
-  if (!container) return;
-  MOOD_TAGS.forEach(({ label, tag }) => {
-    const btn = document.createElement('button');
-    btn.className = 'mood-chip';
-    btn.textContent = label;
-    btn.onclick = () => {
-      const input = $('search-input');
-      if (input) input.value = tag;
-      doSearch();
-    };
-    container.appendChild(btn);
-  });
-}
-
-// ---------------------------------------------------------------------------
-// Curated station lists
-// ---------------------------------------------------------------------------
-
-const CURATED_LISTS = [
-  {
-    id: 'focus',
-    label: 'Fokus',
-    stations: [
-      { name: 'SomaFM Drone Zone', url: 'https://ice6.somafm.com/dronezone-256-mp3' },
-      { name: 'SomaFM Groove Salad', url: 'https://ice5.somafm.com/groovesalad-128-aac' },
-      { name: 'Nightride FM', url: 'https://stream.nightride.fm/nightride.mp3' },
-      { name: 'Nightride FM Chillsynth', url: 'https://stream.nightride.fm/chillsynth.mp3' },
-    ],
-  },
-  {
-    id: 'lofi',
-    label: 'Lo-fi / Chill',
-    stations: [
-      { name: 'SomaFM Groove Salad Classic', url: 'https://ice6.somafm.com/gsclassic-128-mp3' },
-      { name: 'SomaFM Secret Agent', url: 'https://ice4.somafm.com/secretagent-128-mp3' },
-      { name: 'dublab DE', url: 'https://dublabde.out.airtime.pro/dublabde_a' },
-    ],
-  },
-  {
-    id: 'dark',
-    label: 'Dark / Industrial',
-    stations: [
-      { name: 'SomaFM Doomed', url: 'https://ice2.somafm.com/doomed-256-mp3' },
-      { name: 'Nightride FM Darksynth', url: 'https://stream.nightride.fm/darksynth.mp3' },
-      { name: 'Radio Caprice Industrial', url: 'http://79.120.39.202:9095/' },
-    ],
-  },
-  {
-    id: 'classical',
-    label: 'Klassik',
-    stations: [
-      { name: 'BR Klassik', url: 'https://dispatcher.rndfnk.com/br/brklassik/live/mp3/high' },
-      { name: 'SWR Kultur', url: 'https://f111.rndfnk.com/ard/swr/swr2/live/mp3/256/stream.mp3?aggregator=web' },
-      { name: 'Deutschlandfunk Kultur', url: 'https://st02.sslstream.dlf.de/dlf/02/high/aac/stream.aac?aggregator=web' },
-    ],
-  },
-];
-
-function initCuratedLists() {
-  const container = document.getElementById('curated-lists');
-  if (!container) return;
-
-  if (INITIAL_FEATURED && INITIAL_FEATURED.length) {
-    const section = document.createElement('div');
-    section.className = 'curated-section';
-    section.innerHTML = `<div class="curated-label">&#9733; Empfohlen</div>`;
-    const ul = document.createElement('ul');
-    ul.className = 'curated-stations';
-    INITIAL_FEATURED.forEach(s => {
-      const li = document.createElement('li');
-      li.innerHTML = `<button class="btn btn-sm" onclick="playStation('${escapeAttr(s.url)}', '${escapeAttr(s.name)}', null)">▶</button>
-                      <span class="curated-name">${escapeHtml(s.name)}</span>
-                      ${s.description ? `<span class="muted" style="font-size:0.78rem">${escapeHtml(s.description)}</span>` : ''}`;
-      ul.appendChild(li);
-    });
-    section.appendChild(ul);
-    container.appendChild(section);
-  }
-
-  CURATED_LISTS.forEach(list => {
-    const section = document.createElement('div');
-    section.className = 'curated-section';
-    section.innerHTML = `<div class="curated-label">${list.label}</div>`;
-    const ul = document.createElement('ul');
-    ul.className = 'curated-stations';
-    list.stations.forEach(s => {
-      const li = document.createElement('li');
-      li.innerHTML = `<button class="btn btn-sm" onclick="playStation('${escapeAttr(s.url)}', '${escapeAttr(s.name)}', null)">▶</button>
-                      <span class="curated-name">${escapeHtml(s.name)}</span>`;
-      ul.appendChild(li);
-    });
-    section.appendChild(ul);
-    container.appendChild(section);
-  });
-}
-
-// ---------------------------------------------------------------------------
-// Donation hint
-// ---------------------------------------------------------------------------
-
-const DONATION_HINT_THRESHOLD = 10;
-const DONATION_HINT_COOLDOWN_MS = 7 * 24 * 60 * 60 * 1000; // 7 days
-
-function maybeShowDonationHint(stationUrl, stationName) {
-  const station = INITIAL_SAVED.find(s => s.url === stationUrl);
-  if (!station || station.play_count < DONATION_HINT_THRESHOLD) return;
-
-  const key = `diora_donation_hint_${stationUrl}`;
-  const last = parseInt(localStorage.getItem(key) || '0', 10);
-  if (Date.now() - last < DONATION_HINT_COOLDOWN_MS) return;
-
-  // Past the threshold just means "this station is a regular" — from then on
-  // every single play would otherwise qualify, so only actually show the hint
-  // on roughly 1 in 10 of those plays instead of every time.
-  if (Math.random() >= 0.1) return;
-
-  const existing = document.getElementById('donation-hint');
-  if (existing) existing.remove();
-
-  const el = document.createElement('div');
-  el.id = 'donation-hint';
-  el.innerHTML = `
-    <span>Du hörst <strong>${escapeHtml(stationName)}</strong> oft – vielleicht magst du den Sender unterstützen ♥</span>
-    <button onclick="dismissDonationHint('${escapeAttr(stationUrl)}')" title="Ausblenden">✕</button>
-  `;
-  document.body.appendChild(el);
-
-  setTimeout(() => dismissDonationHint(stationUrl), 12000);
-}
-
-function dismissDonationHint(stationUrl) {
-  localStorage.setItem(`diora_donation_hint_${stationUrl}`, Date.now());
-  const el = document.getElementById('donation-hint');
-  if (el) { el.classList.add('hiding'); setTimeout(() => el.remove(), 400); }
-}
-
-// ---------------------------------------------------------------------------
-// Station notes
-// ---------------------------------------------------------------------------
-
-async function editNotes(pk, current) {
-  const note = await customPrompt('Notiz zum Sender:', current || '');
-  if (note === null) return; // cancelled
-  fetch(`/radio/notes/${pk}/`, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken() },
-    body: JSON.stringify({ notes: note }),
-  }).then(r => {
-    if (r.ok) {
-      const cell = document.querySelector(`#saved-row-${pk} .notes-cell`);
-      if (cell) cell.textContent = note;
-    }
-  });
-}
-
-// ---------------------------------------------------------------------------
-// Tabs
-// ---------------------------------------------------------------------------
-
-const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'feeds', 'ambient'];
-const RADIO_SUB_TABS = ['search', 'saved', 'history'];
-
-// ---------------------------------------------------------------------------
-// URL hash routing — makes tabs deep-linkable/shareable and lets the browser
-// back/forward buttons move between them. Deliberately hash-based rather
-// than real paths: /podcasts/ and /books/ etc. are already taken by the
-// JSON API, so this avoids touching Django's urls.py at all.
-// ---------------------------------------------------------------------------
-let _routingFromHash = false;
-let _currentTopTab = 'radio';
-
-function _syncHash() {
-  if (_routingFromHash) return;
-  let hash = _currentTopTab;
-  if (_currentTopTab === 'radio') {
-    hash += '/' + (localStorage.getItem('diora_active_radio_tab') || 'saved');
-  }
-  if (location.hash.slice(1) !== hash) history.pushState(null, '', '#' + hash);
-}
-
-function _routeFromHash() {
-  const [tab, sub] = (location.hash || '').replace(/^#/, '').split('/').filter(Boolean);
-  if (!TOP_TABS.includes(tab)) return;
-  _routingFromHash = true;
-  try {
-    showTab(tab);
-    if (tab === 'radio' && RADIO_SUB_TABS.includes(sub)) showRadioTab(sub);
-  } finally {
-    _routingFromHash = false;
-  }
-}
-
-window.addEventListener('popstate', _routeFromHash);
-window.addEventListener('hashchange', _routeFromHash);
-
-function showOfflineBanner(offline) {
-  document.body.classList.toggle('app-offline', offline);
-  const uploadArea = $('book-upload-area');
-  if (uploadArea) uploadArea.style.display = offline ? 'none' : '';
-}
-
-function showTab(name) {
-  TOP_TABS.forEach(p => {
-    const panel = $(`tab-${p}`);
-    if (panel) panel.style.display = (p === name) ? '' : 'none';
-  });
-
-  document.querySelectorAll('#tabs .tab-btn').forEach((btn, i) => {
-    btn.classList.toggle('active', TOP_TABS[i] === name);
-  });
-
-  localStorage.setItem('diora_active_tab', name);
-  _currentTopTab = name;
-  _syncHash();
-
-  if (name === 'books') loadBookList();
-  if (name === 'ambient') _ambientLoad();
-  if (name === 'home' && window.__dioraHomeShow) window.__dioraHomeShow();   // static/js/home.js
-  if (name === 'feeds' && window.__dioraFeedsShow) window.__dioraFeedsShow(); // static/js/feeds.js
-}
-
-// ---------------------------------------------------------------------------
-// Ambient: "Drift" (static/ambient/), a generative synthesizer in a frame of its
-// own. It and the radio / podcast player take turns — one starting stops the
-// other — by postMessage: {type: 'ambient', cmd: 'start'|'stop'} to the frame,
-// {type: 'ambient', state: 'playing'|'stopped'} from it.
-// ---------------------------------------------------------------------------
-let _ambientPlaying = false;
-let _ambientLast = false;   // Ambient was started last: the player bar shows it (native-podcast.js)
-
-function _ambientFrame() {
-  return $('ambient-frame');
-}
-
-function _ambientLoad() {
-  const f = _ambientFrame();
-  if (!f) return;
-  if (!f.getAttribute('src')) {
-    // Drift takes the page's volume before its first sound; the bar follows its sound world.
-    f.addEventListener('load', () => {
-      _ambientVolume();
-      try {
-        const sel = f.contentDocument.getElementById('mode');
-        // The sound world chosen last comes back (Drift itself starts with its default).
-        let last = '';
-        try { last = localStorage.getItem('diora_ambient_mode') || ''; } catch (e) {}
-        if (last && last !== sel.value && [...sel.options].some(o => o.value === last)) {
-          f.contentWindow.postMessage({type: 'ambient', cmd: 'mode', mode: last}, '*');
-        }
-        sel.addEventListener('change', () => {
-          try {
-            localStorage.setItem('diora_ambient_mode', sel.value);
-            localStorage.setItem('diora_ambient_mode_label', sel.selectedOptions[0] ? sel.selectedOptions[0].text : '');
-          } catch (e) {}
-          if (window.__dioraAmbientChanged) window.__dioraAmbientChanged();
-        });
-      } catch (e) {}
-    });
-    f.src = f.dataset.src;
-  }
-  requestAnimationFrame(_ambientSize);
-}
-
-// The frame fills the room between the tabs and the player bar at the bottom.
-function _ambientSize() {
-  const f = _ambientFrame();
-  if (!f || _currentTopTab !== 'ambient') return;
-  const root = getComputedStyle(document.documentElement);
-  const bar = parseFloat(root.getPropertyValue('--nui-dock-h')) || parseFloat(root.getPropertyValue('--dpw-bar-h')) || 0;
-  const top = f.getBoundingClientRect().top + window.scrollY;
-  f.style.height = Math.max(320, Math.floor(window.innerHeight - top - bar)) + 'px';
-}
-window.addEventListener('resize', () => requestAnimationFrame(_ambientSize));
-// The bar at the bottom grows or shrinks (the player appears, a second line …): its height
-// comes as --nui-dock-h / --dpw-bar-h on <html>, set inline — measure again then.
-new MutationObserver(() => requestAnimationFrame(_ambientSize))
-  .observe(document.documentElement, {attributes: true, attributeFilter: ['style']});
-
-// A command for Drift ('start' | 'stop'): the app's notification, the sleep timer.
-window.__dioraAmbientCmd = function (cmd, value) {
-  const f = _ambientFrame();
-  if (f && f.contentWindow && f.getAttribute('src')) f.contentWindow.postMessage({type: 'ambient', cmd, value}, '*');
-};
-
-// Start Drift from elsewhere (Home): load the frame if needed, then start it — with the
-// sound world chosen last, which the frame's load handler above sets.
-window.__dioraAmbientStart = function () {
-  const f = _ambientFrame();
-  if (!f) return;
-  const go = () => window.__dioraAmbientCmd('start');
-  let ready = false;
-  try { ready = !!f.getAttribute('src') && f.contentDocument.readyState === 'complete' && !!f.contentDocument.getElementById('mode'); } catch (e) {}
-  if (ready) { go(); return; }
-  f.addEventListener('load', () => setTimeout(go, 0), {once: true});
-  _ambientLoad();
-};
-
-// The radio or a podcast starts: Ambient stops, and the player bar is theirs again.
-window.__dioraAmbientStop = function () {
-  if (_ambientPlaying) window.__dioraAmbientCmd('stop');
-  if (_ambientLast) {
-    _ambientLast = false;
-    if (window.__dioraAmbientChanged) window.__dioraAmbientChanged();
-  }
-};
-window.__dioraAmbientPlaying = () => _ambientPlaying;
-
-// For the player bar: playing, started last, the sound world's name (the frame is ours).
-window.__dioraAmbientInfo = function () {
-  const f = _ambientFrame();
-  let mode = '';
-  try {
-    const sel = f && f.contentDocument && f.contentDocument.getElementById('mode');
-    if (sel && sel.selectedOptions[0]) mode = sel.selectedOptions[0].text;
-  } catch (e) {}
-  return {playing: _ambientPlaying, last: _ambientLast, mode};
-};
-
-// The page's volume (0–255, the bar's slider) is Drift's too; its own slider hides when
-// embedded. Not in the Android app: there the volume keys set it, as for everything.
-function _ambientVolume(val) {
-  if (window.DioraNative && DioraNative.ambientState) return;
-  if (val == null) {
-    const s = $('volume');
-    val = s ? +s.value : +(localStorage.getItem('diora_volume') || 102);
-  }
-  window.__dioraAmbientCmd && window.__dioraAmbientCmd('volume', val / 255);
-}
-
-window.addEventListener('message', e => {
-  const f = _ambientFrame();
-  const d = e.data;
-  if (!f || e.source !== f.contentWindow || !d || d.type !== 'ambient' || !d.state) return;
-  _ambientPlaying = d.state === 'playing';
-  if (_ambientPlaying) _ambientLast = true;
-  if (window.__dioraAmbientChanged) window.__dioraAmbientChanged();
-  // The app keeps it going with the screen off (AmbientService); the browser's sleep timer counts it.
-  if (window.DioraNative && DioraNative.ambientState) DioraNative.ambientState(_ambientPlaying);
-  if (window.__dioraOnAmbient) window.__dioraOnAmbient(_ambientPlaying);
-  if (!_ambientPlaying) return;
-  // Ambient starts: the radio and a podcast here stop.
-  if (typeof isPlaying !== 'undefined' && isPlaying) stopPlayback(false);
-  if (window.__dioraPausePlayer) window.__dioraPausePlayer();
-});
-
-function showRadioTab(name) {
-  RADIO_SUB_TABS.forEach(p => {
-    const panel = $(`tab-${p}`);
-    if (panel) panel.style.display = (p === name) ? '' : 'none';
-  });
-
-  document.querySelectorAll('#radio-sub-tabs .tab-btn').forEach((btn, i) => {
-    btn.classList.toggle('active', RADIO_SUB_TABS[i] === name);
-  });
-
-  localStorage.setItem('diora_active_radio_tab', name);
-  _syncHash();
-
-  if (name === 'saved') loadRecommendations();
-}
-
-// ---------------------------------------------------------------------------
-// Sidebar
-// ---------------------------------------------------------------------------
-
-function openSidebar(title, htmlContent) {
-  $('sidebar-title').textContent = title;
-  $('sidebar-body').innerHTML = sanitizeSidebarHtml(htmlContent);
-  $('sidebar-overlay').style.display = '';
-  $('sidebar').classList.add('open');
-}
-
-function closeSidebar() {
-  $('sidebar').classList.remove('open');
-  $('sidebar-overlay').style.display = 'none';
-}
-
-document.addEventListener('keydown', e => {
-  const overlay = $('reader-overlay');
-  const readerOpen = overlay && overlay.style.display !== 'none';
-
-  if (e.key === 'Escape') {
-    if (readerOpen) {
-      closeReader();
-    } else {
-      closeSidebar();
-    }
-  }
-
-  if (readerOpen) {
-    if ((e.ctrlKey && e.key === 'f') || e.key === 'F3') {
-      e.preventDefault();
-      toggleReaderSearch();
-    }
-    if (readerSearchOpen) {
-      if (e.key === 'ArrowDown') { e.preventDefault(); readerSearchNext(); }
-      if (e.key === 'ArrowUp')   { e.preventDefault(); readerSearchPrev(); }
-    }
-    if (readerSettings.pdfPaginated && currentPdfDoc) {
-      if (e.key === 'ArrowRight') { e.preventDefault(); pdfGoToPage(pdfCurrentPage + 1); }
-      if (e.key === 'ArrowLeft')  { e.preventDefault(); pdfGoToPage(pdfCurrentPage - 1); }
-    }
-
-    // Vim-style scroll — ignore when typing in an input
-    const tag = document.activeElement?.tagName;
-    if (tag !== 'INPUT' && tag !== 'TEXTAREA') {
-      const contentEl = $('reader-content');
-      if (contentEl) {
-        const large = Math.round(contentEl.clientHeight * 0.85);
-        const continuousKeys = {'j': 1, 'k': -1};
-        if (continuousKeys[e.key] !== undefined && !e.repeat) {
-          e.preventDefault();
-          _readerScrollDir = continuousKeys[e.key];
-          if (!_readerScrollInterval) {
-            _readerScrollLastTs = performance.now();
-            _readerScrollInterval = setInterval(_readerScrollTick, READER_SCROLL_TICK_MS);
-          }
-        }
-        if (e.key === 'd') { e.preventDefault(); contentEl.scrollBy({top:  large / 2, behavior: 'smooth'}); }
-        if (e.key === 'u') { e.preventDefault(); contentEl.scrollBy({top: -large / 2, behavior: 'smooth'}); }
-        if (e.key === 'f') { e.preventDefault(); contentEl.scrollBy({top:  large, behavior: 'smooth'}); }
-        if (e.key === 'b') { e.preventDefault(); contentEl.scrollBy({top: -large, behavior: 'smooth'}); }
-        if (e.key === 'g') { e.preventDefault(); contentEl.scrollTop = 0; }
-        if (e.key === 'G') { e.preventDefault(); contentEl.scrollTop = contentEl.scrollHeight; }
-        if (currentPdfDoc && !readerSettings.pdfPaginated) {
-          if (e.key === 'n') { e.preventDefault(); pdfGoToPage(pdfCurrentPage + 1); }
-          if (e.key === 'p') { e.preventDefault(); pdfGoToPage(pdfCurrentPage - 1); }
-        }
-      }
-    }
-  }
-});
-
-document.addEventListener('keyup', e => {
-  if (e.key === 'j' || e.key === 'k') {
-    clearInterval(_readerScrollInterval);
-    _readerScrollInterval = null;
-    _readerScrollDir = 0;
-  }
-});
-
-function sanitizeSidebarHtml(html) {
-  if (!html) return '<p class="muted">Keine Shownotes vorhanden.</p>';
-  const div = document.createElement('div');
-  div.innerHTML = html;
-  div.querySelectorAll('script, iframe, object, embed, style').forEach(el => el.remove());
-  div.querySelectorAll('*').forEach(el => {
-    Array.from(el.attributes).forEach(attr => {
-      if (attr.name.startsWith('on')) el.removeAttribute(attr.name);
-    });
-    if (el.tagName === 'A') {
-      el.setAttribute('target', '_blank');
-      el.setAttribute('rel', 'noopener noreferrer');
-    }
-  });
-  return div.innerHTML;
-}
-
-// ---------------------------------------------------------------------------
-// Service Worker
-// ---------------------------------------------------------------------------
-
-if ('serviceWorker' in navigator) {
-  window.addEventListener('load', () => {
-    // Registered from '/sw.js' (root), not '/static/js/sw.js': a service
-    // worker's default scope is its own script's directory, so registering
-    // it from under /static/js/ would only ever let it control requests
-    // under that path — page navigations to '/', '/books/' etc. would never
-    // be intercepted, breaking offline entirely.
-    navigator.serviceWorker.register('/sw.js', {scope: '/'}).catch(err => {
-      console.warn('Service worker registration failed:', err);
-    });
-    // Drop any leftover registration from the old, wrongly-scoped '/static/js/sw.js'
-    // path so it doesn't keep running or fight the new root-scoped worker.
-    navigator.serviceWorker.getRegistrations().then(regs => {
-      regs.forEach(r => { if (r.scope.endsWith('/static/js/')) r.unregister(); });
-    });
-  });
-  // When a new SW activates it sends SW_ACTIVATED — reload to get fresh assets,
-  // but never in the middle of something: not while a book is open, radio or a
-  // podcast plays, or a text field has the focus — then as soon as that's over.
-  let reloadPending = false;
-  const busy = () => {
-    if (currentBookId || isPlaying) return true;
-    const host = window.DioraPodcastHost;
-    if (host && host.playerState) {
-      try { if (JSON.parse(host.playerState()).playing) return true; } catch (_) {}
-    }
-    const el = document.activeElement;
-    return !!el && (el.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(el.tagName));
-  };
-  const reloadWhenIdle = () => {
-    if (busy()) setTimeout(reloadWhenIdle, 5000);
-    else window.location.reload();
-  };
-  navigator.serviceWorker.addEventListener('message', e => {
-    if (e.data?.type === 'SW_ACTIVATED' && !reloadPending) {
-      reloadPending = true;
-      reloadWhenIdle();
-    }
-  });
-}
-
-// ---------------------------------------------------------------------------
-// M3U import
-// ---------------------------------------------------------------------------
-
-async function importM3U(input) {
-  const file = input.files[0];
-  if (!file) return;
-  const status = document.getElementById('import-status');
-  status.textContent = 'Importiere …';
-
-  const form = new FormData();
-  form.append('file', file);
-  form.append('csrfmiddlewaretoken', getCsrfToken());
-
-  try {
-    const res = await fetch('/radio/import/', { method: 'POST', body: form });
-    const data = await res.json();
-    if (data.ok) {
-      status.textContent = `✓ ${data.added} hinzugefügt, ${data.skipped} schon gespeichert`;
-      if (data.added > 0) location.reload();
-    } else {
-      status.textContent = `Fehler: ${_germanError(data.error)}`;
-    }
-  } catch (e) {
-    status.textContent = 'Hochladen fehlgeschlagen';
-  }
-  input.value = '';
-}
-
-// ---------------------------------------------------------------------------
-// Contrast scheme
-// ---------------------------------------------------------------------------
-
-// Accent palette — ordered by preference. Algorithm picks the one with the
-// highest WCAG contrast ratio against the detected background luminance.
-const ACCENT_PALETTE = [
-  { base: '#e63946', hover: '#ff4d58' }, // red
-  { base: '#ff9500', hover: '#ffaa33' }, // orange
-  { base: '#f1c40f', hover: '#f9d439' }, // yellow
-  { base: '#2ecc71', hover: '#4ee88a' }, // green
-  { base: '#00b4d8', hover: '#33c7e5' }, // cyan
-  { base: '#4361ee', hover: '#6d84f4' }, // blue
-  { base: '#c77dff', hover: '#d89fff' }, // purple
-  { base: '#ff6b9d', hover: '#ff8fb5' }, // pink
-  { base: '#ffffff', hover: '#cccccc' }, // white (last resort)
-];
-
-function _linearise(c) {
-  c /= 255;
-  return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-}
-function _luminance(r, g, b) {
-  return 0.2126 * _linearise(r) + 0.7152 * _linearise(g) + 0.0722 * _linearise(b);
-}
-function _contrast(l1, l2) {
-  return (Math.max(l1, l2) + 0.05) / (Math.min(l1, l2) + 0.05);
-}
-function _hexRgb(hex) {
-  return [parseInt(hex.slice(1,3),16), parseInt(hex.slice(3,5),16), parseInt(hex.slice(5,7),16)];
-}
-
-function analyzeBackground(url) {
-  return new Promise(resolve => {
-    const img = new Image();
-    img.crossOrigin = 'anonymous';
-    img.onload = () => {
-      const canvas = document.createElement('canvas');
-      canvas.width = 64; canvas.height = 64;
-      const ctx = canvas.getContext('2d');
-      ctx.drawImage(img, 0, 0, 64, 64);
-      const data = ctx.getImageData(0, 0, 64, 64).data;
-      let tR = 0, tG = 0, tB = 0, tBt601 = 0;
-      const n = data.length / 4;
-      for (let i = 0; i < data.length; i += 4) {
-        tR += data[i]; tG += data[i+1]; tB += data[i+2];
-        tBt601 += 0.299*data[i] + 0.587*data[i+1] + 0.114*data[i+2];
-      }
-      resolve({
-        bright: (tBt601 / n) > 127,
-        bgLuminance: _luminance(tR/n, tG/n, tB/n),
-      });
-    };
-    img.onerror = () => resolve({ bright: false, bgLuminance: 0 });
-    img.src = url;
-  });
-}
-
-function pickBestAccent(bgLuminance) {
-  let best = ACCENT_PALETTE[0], bestRatio = 0;
-  for (const entry of ACCENT_PALETTE) {
-    const [r, g, b] = _hexRgb(entry.base);
-    const ratio = _contrast(bgLuminance, _luminance(r, g, b));
-    if (ratio > bestRatio) { bestRatio = ratio; best = entry; }
-  }
-  return best;
-}
-
-function applyAccent(entry) {
-  const root = document.documentElement;
-  root.style.setProperty('--accent', entry.base);
-  root.style.setProperty('--accent-hover', entry.hover);
-}
-
-// Light and dark: the switch is in base.html (every page has it). The reader's
-// "Wie die App" follows it.
-window.addEventListener('diora-theme', () => {
-  if (currentBookId) applyReaderSettings(!!currentPdfDoc);
-});
-
-function setScheme(bright) {
-  document.body.classList.toggle('bright-bg', bright);
-  const btn = document.getElementById('contrast-toggle');
-  if (btn) btn.style.opacity = bright ? '1' : '0.5';
-}
-
-function toggleContrast() {
-  setScheme(!document.body.classList.contains('bright-bg'));
-}
-
-// ---------------------------------------------------------------------------
-// E2E Encryption utilities (Web Crypto API)
-// ---------------------------------------------------------------------------
-
-let _encKey = null;
-
-function bytesToBase64(buf) {
-  const bytes = new Uint8Array(buf);
-  let str = '';
-  for (const b of bytes) str += String.fromCharCode(b);
-  return btoa(str);
-}
-
-function base64ToBytes(b64) {
-  const str = atob(b64);
-  const buf = new Uint8Array(str.length);
-  for (let i = 0; i < str.length; i++) buf[i] = str.charCodeAt(i);
-  return buf;
-}
-
-function bytesToHex(buf) {
-  return Array.from(new Uint8Array(buf)).map(b => b.toString(16).padStart(2, '0')).join('');
-}
-
-function hexToBytes(hex) {
-  const arr = new Uint8Array(hex.length / 2);
-  for (let i = 0; i < arr.length; i++) arr[i] = parseInt(hex.slice(i*2, i*2+2), 16);
-  return arr;
-}
-
-async function getOrCreateEncKey() {
-  if (_encKey) return _encKey;
-  const storageKey = `diora_enc_key_${window.USER_ID || 0}`;
-  const stored = localStorage.getItem(storageKey);
-  if (stored) {
-    try {
-      const raw = base64ToBytes(stored);
-      _encKey = await crypto.subtle.importKey('raw', raw, {name: 'AES-GCM'}, false, ['encrypt', 'decrypt']);
-      return _encKey;
-    } catch (e) { /* fall through, generate new */ }
-  }
-  // No key found — generate one and store it
-  _encKey = await crypto.subtle.generateKey({name: 'AES-GCM', length: 256}, true, ['encrypt', 'decrypt']);
-  const raw = await crypto.subtle.exportKey('raw', _encKey);
-  localStorage.setItem(storageKey, bytesToBase64(new Uint8Array(raw)));
-  return _encKey;
-}
-
-async function encryptBytes(key, plainBytes) {
-  const iv = crypto.getRandomValues(new Uint8Array(12));
-  const ct = await crypto.subtle.encrypt({name: 'AES-GCM', iv}, key, plainBytes);
-  return {iv: bytesToHex(iv), ciphertext: bytesToBase64(ct)};
-}
-
-async function decryptBytes(key, ivHex, ctB64) {
-  const iv = hexToBytes(ivHex);
-  const ct = base64ToBytes(ctB64);
-  return crypto.subtle.decrypt({name: 'AES-GCM', iv}, key, ct);
-}
-
-// ---------------------------------------------------------------------------
-// Encrypted wallpaper
-// ---------------------------------------------------------------------------
-
-async function uploadBackground(file) {
-  if (!file) return;
-  const allowedTypes = ['image/jpeg', 'image/png', 'image/webp'];
-  if (!allowedTypes.includes(file.type)) {
-    await customAlert('Nur JPEG-, PNG- oder WebP-Bilder sind erlaubt.');
-    return;
-  }
-  if (file.size > DIORA_CONFIG.bgMaxBytes) {
-    await customAlert(`Das Bild darf höchstens ${DIORA_CONFIG.bgMaxBytes / 1024 / 1024} MB groß sein.`);
-    return;
-  }
-
-  const key = await getOrCreateEncKey();
-  const buf = await file.arrayBuffer();
-  const {iv, ciphertext} = await encryptBytes(key, buf);
-
-  const res = await fetch('/accounts/background/upload/', {
-    method: 'POST',
-    headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-    body: JSON.stringify({iv, ciphertext, mime_type: file.type, file_size: file.size}),
-  });
-  const data = await res.json();
-  if (!data.ok) throw new Error(data.error || 'upload failed');
-}
-
-async function applyEncryptedBackground() {
-  if (typeof ENCRYPTED_BG === 'undefined' || !ENCRYPTED_BG.ciphertext) return;
-  try {
-    const key = await getOrCreateEncKey();
-    const plain = await decryptBytes(key, ENCRYPTED_BG.iv, ENCRYPTED_BG.ciphertext);
-    const blob = new Blob([plain], {type: ENCRYPTED_BG.mime || 'image/jpeg'});
-    const url = URL.createObjectURL(blob);
-    document.body.style.backgroundImage = `url('${url}')`;
-    const contrastBtn = document.getElementById('contrast-toggle');
-    if (contrastBtn) contrastBtn.hidden = false; // only with a picture behind the page
-    document.body.style.backgroundSize = 'cover';
-    document.body.style.backgroundPosition = 'center';
-    document.body.style.backgroundAttachment = 'fixed';
-
-    // Analyze brightness for accent/scheme
-    analyzeBackground(url).then(({bright, bgLuminance}) => {
-      setScheme(bright);
-      applyAccent(pickBestAccent(bgLuminance));
-    });
-  } catch (e) {
-    console.warn('Could not decrypt background:', e);
-  }
-}
-
-// ---------------------------------------------------------------------------
-// EPUB parser (requires JSZip)
-// ---------------------------------------------------------------------------
-
-function resolveEpubPath(base, relative) {
-  if (!relative) return '';
-  if (relative.startsWith('/')) return relative.slice(1);
-  const hashIdx = relative.indexOf('#');
-  const frag = hashIdx >= 0 ? relative.slice(hashIdx) : '';
-  const rel = hashIdx >= 0 ? relative.slice(0, hashIdx) : relative;
-  const parts = (base + rel).split('/');
-  const resolved = [];
-  for (const p of parts) {
-    if (p === '..') resolved.pop();
-    else if (p !== '.') resolved.push(p);
-  }
-  return resolved.join('/') + frag;
-}
-
-async function parseEpub(arrayBuffer) {
-  const zip = await JSZip.loadAsync(arrayBuffer);
-
-  // 1. Find OPF via container.xml
-  const containerXml = await zip.file('META-INF/container.xml').async('text');
-  const containerDoc = new DOMParser().parseFromString(containerXml, 'application/xml');
-  const rootfileEl = containerDoc.querySelector('rootfile');
-  if (!rootfileEl) throw new Error('Ungültige EPUB-Datei (container.xml ohne rootfile)');
-  const opfPath = rootfileEl.getAttribute('full-path');
-  const opfDir = opfPath.includes('/') ? opfPath.substring(0, opfPath.lastIndexOf('/') + 1) : '';
-
-  // 2. Parse OPF
-  const opfText = await zip.file(opfPath).async('text');
-  const opfDoc = new DOMParser().parseFromString(opfText, 'application/xml');
-
-  const title = opfDoc.querySelector('metadata > title, metadata > *|title')?.textContent?.trim() || 'Unbekannter Titel';
-  const author = opfDoc.querySelector('metadata > creator, metadata > *|creator')?.textContent?.trim() || 'Unbekannter Autor';
-
-  // 3. Build manifest: id → {href, mediaType, properties}
-  const manifest = {};
-  opfDoc.querySelectorAll('manifest > item').forEach(item => {
-    manifest[item.getAttribute('id')] = {
-      href: opfDir + item.getAttribute('href'),
-      mediaType: item.getAttribute('media-type') || '',
-      properties: item.getAttribute('properties') || '',
-    };
-  });
-
-  // 4. Build image map: abs zip path → blob URL (parallel)
-  const imageMap = {};
-  await Promise.all(
-    Object.values(manifest)
-      .filter(({mediaType}) => mediaType.startsWith('image/'))
-      .map(async ({href, mediaType}) => {
-        try {
-          const buf = await zip.file(href).async('arraybuffer');
-          imageMap[href] = URL.createObjectURL(new Blob([buf], {type: mediaType}));
-        } catch (e) { /* missing asset */ }
-      })
-  );
-
-  // 5. Parse TOC
-  const toc = await _parseEpubToc(zip, opfDoc, manifest);
-
-  // 6. Get spine items; chapters are returned raw for progressive DOM injection
-  const spineItems = Array.from(opfDoc.querySelectorAll('spine > itemref'))
-    .map(ref => manifest[ref.getAttribute('idref')]?.href)
-    .filter(Boolean);
-
-  // All chapters unpacked at once: one after the other, every chapter waits for
-  // JSZip's own ticks (a book like Das Kapital has 148 of them).
-  const texts = await Promise.all(spineItems.map(href => {
-    const f = zip.file(href);
-    return f ? f.async('text').catch(() => null) : null;
-  }));
-
-  const chapters = [];
-  let slice = performance.now();
-  for (let i = 0; i < spineItems.length; i++) {
-    const href = spineItems[i];
-    if (texts[i] == null) continue;   // missing
-    try {
-      let chapterText = texts[i];
-      texts[i] = null;
-      // Strip style/script blocks early — publisher EPUBs often embed large base64 fonts in CSS.
-      // This shrinks the string before regex and DOMParser work on it.
-      chapterText = chapterText.replace(/<style\b[^>]*>[\s\S]*?<\/style>/gi, '');
-      chapterText = chapterText.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, '');
-      const chapterDir = href.includes('/') ? href.substring(0, href.lastIndexOf('/') + 1) : '';
-      const withBlobs = _injectImageBlobs(chapterText, chapterDir, imageMap);
-      const sanitized = sanitizeEpubHtml(withBlobs);
-      chapters.push(`<div id="epub-chapter-${i}" data-epub-src="${href}">${sanitized}</div>`);
-      // Let the page breathe (spinner, taps) every ~50 ms of work, not after a fixed count.
-      if (performance.now() - slice > 50) {
-        await new Promise(r => setTimeout(r, 0));
-        slice = performance.now();
-      }
-    } catch (e) { /* skip unreadable */ }
-  }
-
-  return {title, author, chapters, toc, imageMap};
-}
-
-async function _parseEpubToc(zip, opfDoc, manifest) {
-  // Try EPUB3 nav document
-  const navItem = Object.values(manifest).find(m => m.properties.includes('nav'));
-  if (navItem) {
-    try {
-      const navText = await zip.file(navItem.href).async('text');
-      const navDoc = new DOMParser().parseFromString(navText, 'application/xhtml+xml');
-      const tocNav = navDoc.querySelector('nav[epub\\:type="toc"]') || navDoc.querySelector('nav');
-      if (tocNav) {
-        const ol = tocNav.querySelector('ol');
-        if (ol) return _parseTocOl(ol, navItem.href, 0);
-      }
-    } catch (e) {}
-  }
-
-  // Fall back to EPUB2 NCX
-  const ncxItem = Object.values(manifest).find(m => m.mediaType === 'application/x-dtbncx+xml');
-  if (ncxItem) {
-    try {
-      const ncxText = await zip.file(ncxItem.href).async('text');
-      const ncxDoc = new DOMParser().parseFromString(ncxText, 'application/xml');
-      const ncxDir = ncxItem.href.includes('/') ? ncxItem.href.substring(0, ncxItem.href.lastIndexOf('/') + 1) : '';
-      return _parseNcxNavMap(ncxDoc.querySelector('navMap'), ncxDir, 0);
-    } catch (e) {}
-  }
-
-  return [];
-}
-
-function _parseTocOl(ol, navHref, depth) {
-  if (!ol || depth > 5) return [];
-  const navDir = navHref.includes('/') ? navHref.substring(0, navHref.lastIndexOf('/') + 1) : '';
-  const items = [];
-  for (const li of Array.from(ol.children)) {
-    const a = li.querySelector(':scope > a') || li.querySelector(':scope > span');
-    if (a) {
-      const rawHref = a.getAttribute('href') || '';
-      items.push({
-        label: a.textContent.trim(),
-        href: rawHref ? resolveEpubPath(navDir, rawHref) : '',
-        depth,
-      });
-    }
-    const childOl = li.querySelector(':scope > ol');
-    if (childOl) items.push(..._parseTocOl(childOl, navHref, depth + 1));
-  }
-  return items;
-}
-
-function _parseNcxNavMap(navMap, ncxDir, depth) {
-  if (!navMap || depth > 5) return [];
-  const items = [];
-  for (const navPoint of Array.from(navMap.children)) {
-    if (navPoint.tagName !== 'navPoint') continue;
-    const label = navPoint.querySelector('navLabel > text')?.textContent?.trim() || '';
-    const src = navPoint.querySelector('content')?.getAttribute('src') || '';
-    items.push({label, href: src ? resolveEpubPath(ncxDir, src) : '', depth});
-    items.push(..._parseNcxNavMap(navPoint, ncxDir, depth + 1));
-  }
-  return items;
-}
-
-function _resolveImageBlob(imageMap, absPath) {
-  if (imageMap[absPath]) return imageMap[absPath];
-  // Fallback: match by decoded filename only
-  const name = decodeURIComponent(absPath.split('/').pop()).toLowerCase();
-  for (const [k, v] of Object.entries(imageMap)) {
-    if (decodeURIComponent(k.split('/').pop()).toLowerCase() === name) return v;
-  }
-  return null;
-}
-
-// Replace image src/href in raw chapter HTML text with blob URLs before DOMParser sees it.
-// This avoids relying on innerHTML serialisation preserving attributes we set on DOM nodes.
-function _injectImageBlobs(html, chapterDir, imageMap) {
-  function subst(src) {
-    if (!src || src.startsWith('blob:') || src.startsWith('data:') || src.startsWith('http')) return src;
-    return _resolveImageBlob(imageMap, resolveEpubPath(chapterDir, src)) || '';
-  }
-  // <img src="...">
-  html = html.replace(/(<img\b[^>]*?)\bsrc="([^"]*)"/gi,
-    (_, pre, src) => { const b = subst(src); return b ? `${pre}src="${b}"` : pre; });
-  // SVG <image xlink:href="...">
-  html = html.replace(/(<image\b[^>]*?)\bxlink:href="([^"]*)"/gi,
-    (_, pre, src) => { const b = subst(src); return b ? `${pre}xlink:href="${b}"` : pre; });
-  // SVG <image href="...">
-  html = html.replace(/(<image\b[^>]*?)\bhref="([^"]*)"/gi,
-    (_, pre, src) => { const b = subst(src); return b ? `${pre}href="${b}"` : pre; });
-  return html;
-}
-
-// EPUBs mark footnote/endnote reference links very inconsistently across
-// editions/tools — some use class="footnote" (same-file '#frag' href), some
-// use the EPUB3 epub:type="noteref" attribute, and some (e.g. older
-// Calibre/zeno.org conversions) use neither and just wrap a plain link to
-// another chapter file's fragment in a <sup> — in either direction
-// (<sup><a>…</a></sup> or <a><sup>…</sup></a>). Recognize all of these
-// rather than only the single hardcoded class name.
-function _looksLikeFootnoteLink(el, href) {
-  if (!href.includes('#')) return false;
-  const cls = (el.getAttribute('class') || '').toLowerCase();
-  if (/\bnote|\bfootnote|\bfn\b/.test(cls)) return true;
-  const epubType = (el.getAttribute('epub:type') || '').toLowerCase();
-  if (epubType.includes('noteref')) return true;
-  return !!(el.closest('sup') || el.querySelector('sup'));
-}
-
-// Chapters are XHTML, but parsed as HTML (forgiving with broken books). HTML
-// knows no self-closing <a id="x"/>: the anchor stays open and swallows the
-// text after it — and being a formatting element it is re-opened in every
-// following paragraph (Suhrkamp/transpect books put one in each heading and
-// note). Close the inline ones; block elements are left alone so the block
-// indexes that highlights are anchored to stay the same.
-const _SELF_CLOSING_INLINE = /<(a|span|b|i|em|strong|sup|sub|small|u|s|code|font|abbr|cite|q|mark|var)(\s(?:[^<>"']|"[^"]*"|'[^']*')*)?\/>/gi;
-
-function sanitizeEpubHtml(html) {
-  html = html.replace(_SELF_CLOSING_INLINE, '<$1$2></$1>');
-  const doc = new DOMParser().parseFromString(html, 'text/html');
-
-  doc.querySelectorAll('script, iframe, object, embed, style, head, meta, link').forEach(el => el.remove());
-
-  doc.querySelectorAll('*').forEach(el => {
-    Array.from(el.attributes).forEach(attr => {
-      if (attr.name.startsWith('on') || attr.name === 'title') el.removeAttribute(attr.name);
-    });
-    const tag = el.tagName.toLowerCase();
-    if (tag === 'img') {
-      const src = el.getAttribute('src') || '';
-      // Remove any non-blob, non-data src that slipped through (broken relative paths)
-      if (src && !src.startsWith('blob:') && !src.startsWith('data:')) el.removeAttribute('src');
-    }
-    // The printed edition's page numbers ("[12]") as small marks, not glued to the text.
-    const etype = el.getAttribute('epub:type') || '';
-    if (/\bpagebreak\b/.test(etype) || el.getAttribute('role') === 'doc-pagebreak') {
-      el.classList.add('epub-pagenum');
-    }
-    if (el.tagName === 'A') {
-      const href = el.getAttribute('href') || '';
-      if (href.startsWith('http://') || href.startsWith('https://')) {
-        el.setAttribute('target', '_blank');
-        el.setAttribute('rel', 'noopener noreferrer');
-      } else if (_looksLikeFootnoteLink(el, href)) {
-        // The whole book is one concatenated DOM, so a fragment id resolves
-        // via getElementById regardless of which chapter file it originally
-        // pointed into — strip any "../Text/other.html" path prefix and keep
-        // just the id after the last '#'.
-        el.dataset.footnoteRef = href.slice(href.indexOf('#') + 1);
-        el.removeAttribute('href');
-        el.style.cursor = 'pointer';
-      } else {
-        el.removeAttribute('href');
-        el.style.cursor = 'default';
-      }
-    }
-  });
-
-  return doc.body ? doc.body.innerHTML : doc.documentElement.innerHTML;
-}
-
-// ---------------------------------------------------------------------------
-// Books
-// ---------------------------------------------------------------------------
-
-let currentBookId = null;
-let currentBookToc = [];
-let currentImageMap = {};
-let readerScrollSaveTimer = null;
-let _resizeObserver = null;
-let _currentPositionAnchor = '';
-let _currentBookCharCount = 0;
-// Rough characters per printed book page, used to estimate a real page count for EPUBs.
-const CHARS_PER_BOOK_PAGE = 1800;
-const bookMetaCache = {}; // id → {title, author, type}
-
-// Reading-position percentages (the progress readout, annotation "% im Buch"
-// coordinates): a whole percent is fine for a normal book, but on a long one
-// (~600-700 physical pages and up) it barely moves during a whole scrolling
-// session, which reads as broken. Past that length, show one decimal —
-// formatted with the browser locale's own decimal separator.
-const LONG_BOOK_CHAR_THRESHOLD = 1000000;
-
-function _formatBookPercent(fraction) {
-  const pct = Math.max(0, Math.min(100, fraction * 100));
-  const decimals = _currentBookCharCount > LONG_BOOK_CHAR_THRESHOLD ? 1 : 0;
-  return pct.toLocaleString(undefined, {minimumFractionDigits: decimals, maximumFractionDigits: decimals});
-}
-
-// Accepts both '45.3' and '45,3' (locale-typed input)
-function _parseLocalePercent(str) {
-  const v = parseFloat(String(str).trim().replace(',', '.'));
-  return isNaN(v) ? 0 : v;
-}
-
-// ---------------------------------------------------------------------------
-// Reader "scrolled too far" safety net — offers a toast to jump back after a
-// sudden, large scroll (accidental fling, fat-fingered keybind, etc.). Only
-// watches organic scrolling; explicit destination jumps (TOC, bookmarks, the
-// progress input, search) call _suppressScrollJumpDetect() first so they
-// don't trigger it.
-// ---------------------------------------------------------------------------
-let _scrollRestTop = null;       // scrollTop last "settled" at, before the current burst
-let _scrollRestDebounce = null;
-let _scrollJumpSuppressed = false; // true while an explicit/programmatic jump is in flight
-let _scrollJumpToastEl = null;
-
-// Marks the current (and any immediately-following, possibly animated) scroll
-// as deliberate, so _checkScrollJump ignores it. Suppression lifts itself
-// once scrolling actually settles (see _armScrollJumpSettle) — not after a
-// fixed delay — so it stays active for however long a `smooth` scroll
-// animation to a far-away target actually takes, and calling this again
-// (e.g. from repeated resize-triggered corrections while a book settles)
-// simply pushes that settle point further out instead of racing it.
-function _suppressScrollJumpDetect() {
-  _scrollJumpSuppressed = true;
-  _armScrollJumpSettle();
-}
-
-function _armScrollJumpSettle() {
-  clearTimeout(_scrollRestDebounce);
-  _scrollRestDebounce = setTimeout(() => {
-    const contentEl = $('reader-content');
-    if (contentEl) _scrollRestTop = contentEl.scrollTop;
-    _scrollJumpSuppressed = false;
-  }, 500);
-}
-
-function _dismissScrollJumpToast() {
-  if (_scrollJumpToastEl) {
-    _scrollJumpToastEl.remove();
-    _scrollJumpToastEl = null;
-  }
-  if (_readPos && _readPos.hold === 'jump') _readPos.hold = false;
-}
-
-function _showScrollJumpToast(backTop) {
-  _dismissScrollJumpToast();
-  const toast = document.createElement('div');
-  toast.className = 'reader-toast reader-toast-action';
-  toast.innerHTML = `<span>Weit gescrollt</span><button type="button" class="reader-toast-btn">Zurückspringen</button>`;
-  document.body.appendChild(toast);
-  _scrollJumpToastEl = toast;
-  // Until it's gone, the place before the jump stays the reading position.
-  if (_readPos && !_readPos.hold) _readPos.hold = 'jump';
-  toast.querySelector('.reader-toast-btn').addEventListener('click', () => {
-    const contentEl = $('reader-content');
-    if (contentEl) {
-      _suppressScrollJumpDetect();
-      contentEl.scrollTo({top: backTop, behavior: 'smooth'});
-    }
-    _dismissScrollJumpToast();
-    // Back where it was: that's no new reading.
-    _readerInteractedAt = 0;
-  });
-  setTimeout(() => {
-    if (_scrollJumpToastEl !== toast) return;
-    _dismissScrollJumpToast();
-    // Stayed there: the far place is where the reading goes on.
-    _noteReaderInteraction();
-    if (_readPos) _readPos.key = null;
-  }, 6000);
-}
-
-function _checkScrollJump(contentEl) {
-  const top = contentEl.scrollTop;
-  if (_scrollRestTop === null) _scrollRestTop = top; // first sample this session
-
-  if (!_scrollJumpSuppressed && !_scrollJumpToastEl) {
-    const screen = contentEl.clientHeight || 1;
-    if (Math.abs(top - _scrollRestTop) > screen * 3.5) {
-      _showScrollJumpToast(_scrollRestTop);
-    }
-  }
-
-  // Only adopt the new position as the "settled" baseline — and lift any
-  // suppression — once scrolling has paused for a bit. That's what lets a
-  // fast, still-in-progress fling (or a long smooth-scroll animation) be
-  // compared against/protected until it actually finishes, not mid-flight.
-  _armScrollJumpSettle();
-}
-
-const EPUB_BLOCK_SELECTOR = 'p, h1, h2, h3, h4, h5, h6, li, blockquote, dt, dd, figcaption, div:not(:has(*))';
-
-// The open book's text blocks (EPUB_BLOCK_SELECTOR), with the chapter each one
-// belongs to — found once and kept until the book's content changes (a
-// highlight wrapping text can turn a leaf div into a non-leaf one). Selecting
-// them is the expensive part on an e-reader: Chrome 61 has no :has(), so
-// compat61.js filters every div in JavaScript.
-let _blockCache = null; // {content, blocks, chapterOf: Int32Array, chapters: Element[]}
-
-function _epubBlocks(contentEl) {
-  if (_blockCache && _blockCache.content === contentEl) return _blockCache;
-  const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
-  const chapters = Array.from(contentEl.querySelectorAll('[data-epub-src]'));
-  const chapterOf = new Int32Array(blocks.length);
-  for (let i = 0, ch = -1; i < blocks.length; i++) {
-    while (ch + 1 < chapters.length && chapters[ch + 1].compareDocumentPosition(blocks[i]) & Node.DOCUMENT_POSITION_FOLLOWING) ch++;
-    chapterOf[i] = ch;
-  }
-  const observer = new MutationObserver(() => {
-    if (_blockCache && _blockCache.content === contentEl) _blockCache = null;
-    observer.disconnect();
-  });
-  observer.observe(contentEl, {childList: true, subtree: true});
-  _blockCache = {content: contentEl, blocks, chapterOf, chapters};
-  return _blockCache;
-}
-
-// The anchor of the reading position: "block:inner" — the last block (with a
-// height) that starts at or above the top of the view, the first of several
-// starting at the same height; else the first block below. Blocks are in
-// document order and so top to bottom: a binary search over the chapters on
-// screen (the e-reader mode shows one), not every block from the book's start.
-function getPositionAnchor(contentEl) {
-  const {blocks, chapterOf, chapters} = _epubBlocks(contentEl);
-  if (!blocks.length) return '';
-  const containerTop = contentEl.getBoundingClientRect().top;
-  const containerBottom = containerTop + contentEl.clientHeight;
-  // Index ranges of the blocks in chapters that are laid out (all, when reading by scrolling).
-  const shown = new Set();
-  chapters.forEach((ch, i) => { if (ch.getClientRects().length) shown.add(i); });
-  const order = [];
-  for (let i = 0; i < blocks.length; i++) {
-    if (chapterOf[i] < 0 || shown.has(chapterOf[i])) {
-      let j = i;
-      while (j + 1 < blocks.length && chapterOf[j + 1] === chapterOf[i]) j++;
-      order.push([i, j]);
-      i = j;
-    }
-  }
-  const count = order.reduce((n, r) => n + r[1] - r[0] + 1, 0);
-  const at = k => { // k-th block on screen -> block index
-    for (const [a, b] of order) { if (k <= b - a) return a + k; k -= b - a + 1; }
-    return -1;
-  };
-  const rectOf = k => blocks[at(k)].getBoundingClientRect();
-  // A block without height says nothing about the position: use the next one with a height.
-  const measured = k => {
-    for (let n = k; n < count; n++) { const r = rectOf(n); if (r.height >= 1) return {k: n, top: r.top}; }
-    return null;
-  };
-  // Binary search for the last block with a height whose top <= containerTop.
-  let lo = 0, hi = count - 1, best = -1;
-  while (lo <= hi) {
-    const mid = (lo + hi) >> 1;
-    const m = measured(mid);
-    if (m && m.top <= containerTop) { best = m.k; lo = m.k + 1; }
-    else hi = mid - 1;
-  }
-  let bestIndex;
-  if (best >= 0) {
-    // Several blocks starting at the same height (a blockquote and its first paragraph): the first.
-    const top = rectOf(best).top;
-    let k = best;
-    for (let n = best - 1; n >= 0; n--) {
-      const r = rectOf(n);
-      if (r.height < 1) continue;
-      if (r.top !== top) break;
-      k = n;
-    }
-    bestIndex = at(k);
-  } else {
-    const first = measured(0);
-    bestIndex = first && first.top <= containerBottom ? at(first.k) : 0;
-  }
-  const rect = blocks[bestIndex].getBoundingClientRect();
-  const innerFraction = Math.max(0, Math.min(1, (containerTop - rect.top) / (rect.height || 1)));
-  return `${bestIndex}:${innerFraction.toFixed(6)}`;
-}
-
-// Reading progress as a share of the book's text (characters), from a
-// position anchor. Independent of layout — font size, screen width, which
-// chapters are rendered (the Android app's e-reader mode lays out one chapter
-// at a time) — so every client shows the same percentage for the same place.
-// The pixel share (scrollTop / scrollHeight) used before differed between
-// layouts and counted margins, headings and images as reading.
-let _charIndex = null; // {content, starts[], lens[], total} for the open book
-
-function _bookCharIndex(contentEl) {
-  if (_charIndex && _charIndex.content === contentEl) return _charIndex;
-  const offsets = new Map();
-  let pos = 0;
-  const walker = document.createTreeWalker(contentEl, NodeFilter.SHOW_TEXT);
-  let node;
-  while ((node = walker.nextNode())) {
-    offsets.set(node, pos);
-    pos += node.nodeValue.length;
-  }
-  const blocks = contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR);
-  const starts = new Array(blocks.length);
-  const lens = new Array(blocks.length);
-  for (let i = 0; i < blocks.length; i++) {
-    const first = document.createTreeWalker(blocks[i], NodeFilter.SHOW_TEXT).nextNode();
-    starts[i] = first ? offsets.get(first) : (i ? starts[i - 1] + lens[i - 1] : 0);
-    lens[i] = blocks[i].textContent.length;
-  }
-  _charIndex = {content: contentEl, starts, lens, total: pos || 1};
-  return _charIndex;
-}
-
-// Share of the text before the anchored place (0..1), or null.
-function _fractionFromAnchor(contentEl, anchor) {
-  const [block, inner] = _anchorParts(anchor);
-  if (block < 0) return null;
-  const idx = _bookCharIndex(contentEl);
-  if (block >= idx.starts.length) return null;
-  return Math.max(0, Math.min(1, (idx.starts[block] + inner * idx.lens[block]) / idx.total));
-}
-
-// Anchor of the place where `fraction` of the text has been read.
-function _anchorForFraction(contentEl, fraction) {
-  const idx = _bookCharIndex(contentEl);
-  if (!idx.starts.length) return '';
-  const target = Math.max(0, Math.min(1, fraction)) * idx.total;
-  let lo = 0, hi = idx.starts.length - 1;
-  while (lo < hi) {
-    const mid = (lo + hi + 1) >> 1;
-    if (idx.starts[mid] <= target) lo = mid; else hi = mid - 1;
-  }
-  const inner = idx.lens[lo] ? Math.max(0, Math.min(1, (target - idx.starts[lo]) / idx.lens[lo])) : 0;
-  return `${lo}:${inner.toFixed(6)}`;
-}
-
-function restoreFromAnchor(contentEl, anchor) {
-  if (!anchor) return false;
-  const parts = anchor.split(':');
-  if (parts.length !== 2) return false;
-  const idx = parseInt(parts[0], 10);
-  const innerFraction = parseFloat(parts[1]);
-  if (isNaN(idx) || isNaN(innerFraction)) return false;
-  const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
-  if (idx >= blocks.length) return false;
-  const el = blocks[idx];
-  contentEl.scrollTop = el.offsetTop + Math.round(innerFraction * el.offsetHeight);
-  return true;
-}
-
-// Split 'blockIndex:innerFraction' into [block, inner]; [-1, 0] if invalid/empty.
-function _anchorParts(anchor) {
-  if (typeof anchor !== 'string') return [-1, 0];
-  const c = anchor.indexOf(':');
-  if (c < 0) return [-1, 0];
-  const b = parseInt(anchor.slice(0, c), 10);
-  const f = parseFloat(anchor.slice(c + 1));
-  return [Number.isFinite(b) ? b : -1, Number.isFinite(f) ? f : 0];
-}
-
-// >0 if position A is further into the book than B, <0 if behind, 0 if equal.
-// Compares by anchor block index (precise); falls back to scroll_fraction only
-// when an anchor is missing (e.g. PDFs), matching the server's _progress_is_further.
-function _cmpProgress(anchorA, fracA, anchorB, fracB) {
-  const [ba, ia] = _anchorParts(anchorA);
-  const [bb, ib] = _anchorParts(anchorB);
-  if (ba >= 0 && bb >= 0) return ba !== bb ? ba - bb : ia - ib;
-  return (fracA || 0) - (fracB || 0);
-}
-
-// ---------------------------------------------------------------------------
-// Reading position: the place last read wins, on any device (docs/progress-sync.md).
-//
-// A position counts as read when the reader got there by reading (scrolling,
-// turning pages, choosing a chapter); its time is that moment, not the time it
-// is saved. So re-saving an unchanged place, on a timer or on closing, carries
-// the old time and can never beat a newer place read on another device. A book
-// just opened at the server's place has read nothing here yet: nothing is sent.
-// Own writes wait in a small outbox (localStorage) until the server has them.
-// ---------------------------------------------------------------------------
-let _serverOffset = 0;      // the server's clock minus this device's (ms)
-let _readPos = null;        // the open book: {bookId, ready, key, readAt (device ms), moved, hold}
-let _readerInteractedAt = 0;
-
-function _progressDevice() {
-  return window.DIORA_DEVICE_NAME || 'Browser';
-}
-
-function _noteServerNow(ms) {
-  if (typeof ms === 'number' && ms > 1e12) _serverOffset = ms - Date.now();
-}
-
-function _noteServerNowHeader(res) {
-  try { _noteServerNow(Number(res.headers.get('X-Server-Now'))); } catch (e) {}
-}
-
-// The reader did something (scroll wheel, touch, key, mouse): the next change
-// of position is reading, not a layout settling.
-function _noteReaderInteraction() {
-  _readerInteractedAt = Date.now();
-  if (_readPos && _readPos.hold === 'until-moved') _readPos.hold = false;
-}
-window.__dioraReaderInteraction = _noteReaderInteraction;
-
-// While a jump is only a look (a footnote's place, "Zurück zum Text"), the
-// place before it stays the reading position. true: until the next
-// interaction; false: released now.
-window.__dioraHoldProgress = function (on) {
-  if (_readPos) _readPos.hold = on ? 'until-moved' : false;
-};
-
-function _positionKey(anchor, fraction) {
-  return anchor || 'f' + (fraction || 0).toFixed(4);
-}
-
-// Called with every computed position: a change that follows an interaction is reading.
-function _noteReadingPosition(anchor, fraction) {
-  if (!_readPos || !_readPos.ready || _readPos.hold) return;
-  const key = _positionKey(anchor, fraction);
-  if (key === _readPos.key) return;
-  _readPos.key = key;
-  if (Date.now() - _readerInteractedAt < 10000) {
-    _readPos.readAt = Date.now();
-    _readPos.moved = true;
-  }
-}
-
-function _progressOutboxKey() {
-  return `diora_progress_outbox_${window.USER_ID || 0}`;
-}
-
-function _progressOutbox() {
-  try { return JSON.parse(localStorage.getItem(_progressOutboxKey()) || '{}') || {}; } catch (e) { return {}; }
-}
-
-function _progressOutboxPut(entry) {
-  try {
-    const box = _progressOutbox();
-    const old = box[entry.book];
-    if (old && !entry.force && old.read_at > entry.read_at) return;
-    box[entry.book] = entry;
-    localStorage.setItem(_progressOutboxKey(), JSON.stringify(box));
-  } catch (e) {}
-}
-
-function _progressOutboxDone(bookId, readAt) {
-  try {
-    const box = _progressOutbox();
-    if (box[bookId] && box[bookId].read_at === readAt) {
-      delete box[bookId];
-      localStorage.setItem(_progressOutboxKey(), JSON.stringify(box));
-    }
-  } catch (e) {}
-}
-
-function _progressBody(e) {
-  return JSON.stringify({
-    scroll_fraction: e.fraction, position_anchor: e.anchor, read_at: e.read_at,
-    sent_at: Date.now(), device: e.device, ...(e.force && {force: true}),
-  });
-}
-
-// Send one queued position; true once the server has it (stored or not: it decides).
-async function _sendProgress(e) {
-  try {
-    const res = await fetch(`/books/${e.book}/progress/`, {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: _progressBody(e),
-    });
-    if (!(res.ok || (res.status >= 400 && res.status < 500))) return false;
-    try { _noteServerNow((await res.json()).server_now); } catch (err) {}
-    _progressOutboxDone(e.book, e.read_at);
-    return true;
-  } catch (err) {
-    return false;
-  }
-}
-
-let _progressFlushing = null;
-function _flushProgressOutbox() {
-  if (!_progressFlushing) {
-    _progressFlushing = (async () => {
-      for (const e of Object.values(_progressOutbox())) await _sendProgress(e);
-    })().finally(() => { _progressFlushing = null; });
-  }
-  return _progressFlushing;
-}
-
-// A book's state from the server list, made newer by an own write the server doesn't have yet.
-function _withPendingProgress(b) {
-  const e = _progressOutbox()[b.id];
-  if (!e) return b;
-  const at = e.read_at + _serverOffset;
-  if (b.read_at != null && at < b.read_at && !e.force) return b;
-  return {...b, scroll_fraction: e.fraction, position_anchor: e.anchor, read_at: at,
-          device: e.device, last_read: new Date(at).toISOString()};
-}
-
-function _bookRecency(b) {
-  if (typeof b.read_at === 'number') return b.read_at;
-  const t = b.last_read ? Date.parse(b.last_read) : NaN;
-  return isNaN(t) ? 0 : t;
-}
-
-function _readerToast(text, button, onClick, ms) {
-  const toast = document.createElement('div');
-  toast.className = 'reader-toast reader-toast-action';
-  toast.innerHTML = '<span></span><button type="button" class="reader-toast-btn"></button>';
-  toast.querySelector('span').textContent = text;
-  toast.querySelector('button').textContent = button;
-  document.body.appendChild(toast);
-  const done = () => toast.remove();
-  toast.querySelector('button').addEventListener('click', () => { done(); onClick(); });
-  setTimeout(done, ms || 10000);
-  return toast;
-}
-
-function _jumpToPosition(anchor, fraction) {
-  const contentEl = $('reader-content');
-  if (!contentEl) return;
-  _suppressScrollJumpDetect();
-  if (currentPdfDoc && readerSettings.pdfPaginated && pdfTotalPages > 1) {
-    pdfCurrentPage = Math.max(1, Math.round(fraction * (pdfTotalPages - 1)) + 1);
-    enterPdfPaginatedMode();
-  } else if (currentPdfDoc) {
-    contentEl.scrollTop = fraction * (contentEl.scrollHeight - contentEl.clientHeight);
-  } else if (!restoreFromAnchor(contentEl, anchor)) {
-    restoreFromAnchor(contentEl, _anchorForFraction(contentEl, fraction));
-  }
-}
-
-// Another device read this book after the place shown here: offer to go there.
-let _newerOfferShown = null;
-async function _checkNewerPositionElsewhere() {
-  const pos = _readPos;
-  if (!pos || !pos.ready || !currentBookId || pos.bookId !== currentBookId) return;
-  let b;
-  try {
-    const res = await fetch('/books/', {cache: 'no-store'});
-    _noteServerNowHeader(res);
-    b = (await res.json()).find(x => x.id === pos.bookId);
-  } catch (e) { return; }
-  if (!b || b.read_at == null || _readPos !== pos) return;
-  if (b.read_at <= pos.readAt + _serverOffset + 3000) return;
-  if (_positionKey(b.position_anchor || '', b.scroll_fraction) === pos.key) return;
-  const offerKey = `${pos.bookId}:${b.read_at}`;
-  if (_newerOfferShown === offerKey) return;
-  _newerOfferShown = offerKey;
-  const where = b.device ? `Auf ${b.device}` : 'Auf einem anderen Gerät';
-  _readerToast(`${where} weitergelesen · ${_formatBookPercent(b.scroll_fraction || 0)} %`, 'Dorthin', () => {
-    if (_readPos !== pos) return;
-    _jumpToPosition(b.position_anchor || '', b.scroll_fraction || 0);
-    // That place and its time are the server's: nothing new to tell it.
-    pos.key = null;
-    pos.readAt = b.read_at - _serverOffset;
-    pos.moved = false;
-    setTimeout(() => {
-      const contentEl = $('reader-content');
-      if (_readPos === pos && contentEl) {
-        pos.key = currentPdfDoc ? _positionKey('', b.scroll_fraction || 0) : _positionKey(getPositionAnchor(contentEl), 0);
-      }
-    }, 300);
-  }, 15000);
-}
-window.__dioraCheckNewerPosition = _checkNewerPositionElsewhere;
-
-// ---------------------------------------------------------------------------
-// Book cache — IndexedDB, evict after 4 weeks of inactivity
-// ---------------------------------------------------------------------------
-const _BOOK_CACHE_STORE       = 'books';
-const _BOOK_META_STORE        = 'book_meta';
-const _BOOK_ANNOTATIONS_STORE = 'book_annotations';
-const _BOOK_PARSED_STORE      = 'parsed';   // prepared chapters, see _getParsedBook
-const _BOOK_CACHE_EVICT_MS    = 4 * 7 * 24 * 60 * 60 * 1000;
-
-function _openBookCacheDb() {
-  return new Promise((resolve, reject) => {
-    const req = indexedDB.open('diora_book_cache', 3);
-    req.onupgradeneeded = e => {
-      const db = e.target.result;
-      if (!db.objectStoreNames.contains(_BOOK_CACHE_STORE))
-        db.createObjectStore(_BOOK_CACHE_STORE, {keyPath: 'id'});
-      if (!db.objectStoreNames.contains(_BOOK_META_STORE))
-        db.createObjectStore(_BOOK_META_STORE, {keyPath: 'id'});
-      if (!db.objectStoreNames.contains(_BOOK_ANNOTATIONS_STORE))
-        db.createObjectStore(_BOOK_ANNOTATIONS_STORE, {keyPath: 'id'});
-      if (!db.objectStoreNames.contains(_BOOK_PARSED_STORE))
-        db.createObjectStore(_BOOK_PARSED_STORE, {keyPath: 'id'});
-    };
-    req.onsuccess  = e => resolve(e.target.result);
-    req.onerror    = ()  => reject();
-  });
-}
-
-// ---------------------------------------------------------------------------
-// Prepared books: an EPUB's chapters after unpacking and sanitizing, so opening
-// it again skips both (for a book like Das Kapital that's most of the time an
-// e-reader needs to open it). Encrypted with the book key like everything else
-// on the device. Valid for one version of the book file (its IV) and of the
-// code that prepares chapters (a hash of its source: changing the sanitizer
-// makes every book be prepared anew). Images stay in the book file: the
-// chapters keep "diora-img:<path>" in place of the session's blob URLs.
-// ---------------------------------------------------------------------------
-let _parseCodeSig = null;
-
-function _parsePreparationSig() {
-  if (_parseCodeSig) return _parseCodeSig;
-  const src = [parseEpub, sanitizeEpubHtml, _injectImageBlobs, _resolveImageBlob, _parseEpubToc]
-    .map(f => String(f)).join('\n');
-  let h = 5381;
-  for (let i = 0; i < src.length; i++) h = ((h << 5) + h + src.charCodeAt(i)) | 0;
-  return (_parseCodeSig = (h >>> 0).toString(36) + '.' + src.length);
-}
-
-async function _getParsedBook(bookId, dataIv, key) {
-  try {
-    const db = await _openBookCacheDb();
-    const row = await new Promise(resolve => {
-      const req = db.transaction(_BOOK_PARSED_STORE).objectStore(_BOOK_PARSED_STORE).get(bookId);
-      req.onsuccess = e => resolve(e.target.result || null);
-      req.onerror = () => resolve(null);
-    });
-    if (!row || row.sig !== dataIv + ':' + _parsePreparationSig()) return null;
-    const plain = await crypto.subtle.decrypt({name: 'AES-GCM', iv: row.iv}, key, row.ct);
-    return JSON.parse(new TextDecoder().decode(plain));
-  } catch (e) { return null; }
-}
-
-async function _setParsedBook(bookId, dataIv, key, result) {
-  try {
-    // Blob URLs live as long as this page; the stored chapters name the image instead.
-    const pathOf = {};
-    for (const [path, url] of Object.entries(result.imageMap || {})) pathOf[url] = path;
-    const blobRe = /blob:[^"'\s)]+/g;
-    const chapters = result.chapters.map(c => c.replace(blobRe, u => pathOf[u] ? 'diora-img:' + pathOf[u] : u));
-    const doc = {title: result.title, author: result.author, toc: result.toc, chapters,
-                 images: Object.keys(result.imageMap || {})};
-    // Raw bytes, not base64: IndexedDB keeps an ArrayBuffer as it is (megabytes for a big book).
-    const iv = crypto.getRandomValues(new Uint8Array(12));
-    const ct = await crypto.subtle.encrypt({name: 'AES-GCM', iv}, key, new TextEncoder().encode(JSON.stringify(doc)));
-    const db = await _openBookCacheDb();
-    await new Promise(resolve => {
-      const tx = db.transaction(_BOOK_PARSED_STORE, 'readwrite');
-      const store = tx.objectStore(_BOOK_PARSED_STORE);
-      store.put({id: bookId, sig: dataIv + ':' + _parsePreparationSig(), iv, ct, cached_at: Date.now()});
-      // Prepared books not opened for a while go (they come back on the next open).
-      const all = store.getAll();
-      all.onsuccess = () => all.result.forEach(r => {
-        if (r.id !== bookId && Date.now() - (r.cached_at || 0) > _BOOK_CACHE_EVICT_MS) store.delete(r.id);
-      });
-      tx.oncomplete = resolve;
-      tx.onerror = resolve;
-    });
-  } catch (e) {}
-}
-
-/** A prepared book back to what parseEpub returns: fresh blob URLs for its images. */
-async function _restoreParsedBook(doc, epubBytes) {
-  const imageMap = {};
-  if (doc.images && doc.images.length) {
-    const zip = await JSZip.loadAsync(epubBytes);
-    await Promise.all(doc.images.map(async path => {
-      const f = zip.file(path);
-      if (!f) return;
-      try {
-        const buf = await f.async('arraybuffer');
-        const ext = path.split('.').pop().toLowerCase();
-        const type = {jpg: 'image/jpeg', jpeg: 'image/jpeg', png: 'image/png', gif: 'image/gif',
-                      svg: 'image/svg+xml', webp: 'image/webp'}[ext] || '';
-        imageMap[path] = URL.createObjectURL(new Blob([buf], type ? {type} : {}));
-      } catch (e) {}
-    }));
-  }
-  const placeholder = /diora-img:([^"'\s)]+)/g;
-  const chapters = doc.chapters.map(c => c.replace(placeholder, (m, path) => imageMap[path] || ''));
-  return {title: doc.title, author: doc.author, toc: doc.toc, chapters, imageMap};
-}
-
-async function _getCachedBook(bookId) {
-  try {
-    const db = await _openBookCacheDb();
-    return await new Promise((resolve) => {
-      const req = db.transaction(_BOOK_CACHE_STORE).objectStore(_BOOK_CACHE_STORE).get(bookId);
-      req.onsuccess = e => resolve(e.target.result || null);
-      req.onerror   = ()  => resolve(null);
-    });
-  } catch { return null; }
-}
-
-async function _setCachedBook(bookId, data_ct, data_iv) {
-  try {
-    const db = await _openBookCacheDb();
-    await new Promise((resolve) => {
-      const tx = db.transaction(_BOOK_CACHE_STORE, 'readwrite');
-      tx.objectStore(_BOOK_CACHE_STORE).put({id: bookId, data_ct, data_iv, cached_at: Date.now()});
-      tx.oncomplete = resolve;
-      tx.onerror    = resolve;
-    });
-    // Request persistent storage so the browser doesn't evict cached books
-    // under storage pressure. Chrome grants this silently for installed PWAs;
-    // Firefox may show a permission prompt.
-    if (navigator.storage?.persist) navigator.storage.persist();
-  } catch {}
-}
-
-async function _evictCachedBook(bookId) {
-  try {
-    const db = await _openBookCacheDb();
-    await new Promise((resolve) => {
-      const tx = db.transaction(_BOOK_CACHE_STORE, 'readwrite');
-      tx.objectStore(_BOOK_CACHE_STORE).delete(bookId);
-      tx.oncomplete = resolve;
-      tx.onerror    = resolve;
-    });
-  } catch {}
-}
-
-async function _evictBookCache(bookList) {
-  try {
-    const db = await _openBookCacheDb();
-    const now = Date.now();
-    const metaById = Object.fromEntries(bookList.map(b => [b.id, b]));
-    await new Promise((resolve) => {
-      const tx = db.transaction(_BOOK_CACHE_STORE, 'readwrite');
-      const store = tx.objectStore(_BOOK_CACHE_STORE);
-      store.openCursor().onsuccess = e => {
-        const cursor = e.target.result;
-        if (!cursor) { resolve(); return; }
-        const meta = metaById[cursor.value.id];
-        const lastRead = meta?.last_read ? new Date(meta.last_read).getTime() : 0;
-        if (!meta || (now - lastRead) > _BOOK_CACHE_EVICT_MS) cursor.delete();
-        cursor.continue();
-      };
-      tx.onerror = resolve;
-    });
-  } catch {}
-}
-
-async function _saveBookMeta(books) {
-  try {
-    const db = await _openBookCacheDb();
-    const ids = new Set(books.map(b => String(b.id)));
-    await new Promise(resolve => {
-      const tx = db.transaction(_BOOK_META_STORE, 'readwrite');
-      const store = tx.objectStore(_BOOK_META_STORE);
-      for (const b of books) store.put(b);
-      store.openCursor().onsuccess = e => {
-        const cursor = e.target.result;
-        if (!cursor) return;
-        if (!ids.has(String(cursor.value.id))) cursor.delete();
-        cursor.continue();
-      };
-      tx.oncomplete = resolve;
-      tx.onerror    = resolve;
-    });
-  } catch {}
-}
-
-async function _loadCachedBookMeta() {
-  try {
-    const db = await _openBookCacheDb();
-    return await new Promise(resolve => {
-      const req = db.transaction(_BOOK_META_STORE).objectStore(_BOOK_META_STORE).getAll();
-      req.onsuccess = e => resolve(e.target.result || []);
-      req.onerror   = ()  => resolve([]);
-    });
-  } catch { return []; }
-}
-
-async function _updateCachedBookProgress(bookId, fraction, anchor, force = false, readAt = null) {
-  const at = (readAt == null ? Date.now() : readAt) + _serverOffset;
-  try {
-    const db = await _openBookCacheDb();
-    await new Promise(resolve => {
-      const tx = db.transaction(_BOOK_META_STORE, 'readwrite');
-      const store = tx.objectStore(_BOOK_META_STORE);
-      const req = store.get(bookId);
-      req.onsuccess = e => {
-        const entry = e.target.result;
-        // The place read last, as on the server (docs/progress-sync.md).
-        if (entry && (force || entry.read_at == null || at >= entry.read_at)) {
-          entry.scroll_fraction  = fraction;
-          entry.position_anchor  = anchor;
-          entry.read_at          = at;
-          entry.device           = _progressDevice();
-          entry.last_read        = new Date(at).toISOString();
-          if (_cmpProgress(anchor, fraction, entry.furthest_anchor || '', entry.furthest_fraction || 0) > 0) {
-            entry.furthest_anchor = anchor;
-            entry.furthest_fraction = fraction;
-          }
-          store.put(entry);
-        }
-      };
-      tx.oncomplete = resolve;
-      tx.onerror    = resolve;
-    });
-  } catch {}
-}
-
-async function _saveAnnotationsCache(bookId, type, ct, iv) {
-  try {
-    const db = await _openBookCacheDb();
-    await new Promise(resolve => {
-      const tx = db.transaction(_BOOK_ANNOTATIONS_STORE, 'readwrite');
-      tx.objectStore(_BOOK_ANNOTATIONS_STORE).put({id: `${bookId}_${type}`, ct, iv});
-      tx.oncomplete = resolve;
-      tx.onerror    = resolve;
-    });
-  } catch {}
-}
-
-async function _loadAnnotationsCache(bookId, type) {
-  try {
-    const db = await _openBookCacheDb();
-    return await new Promise(resolve => {
-      const req = db.transaction(_BOOK_ANNOTATIONS_STORE).objectStore(_BOOK_ANNOTATIONS_STORE).get(`${bookId}_${type}`);
-      req.onsuccess = e => resolve(e.target.result || null);
-      req.onerror   = ()  => resolve(null);
-    });
-  } catch { return null; }
-}
-
-const _PENDING_SYNC_KEY = 'diora_pending_sync';
-
-function _markPendingSync(bookId, type) {
-  try {
-    const pending = JSON.parse(localStorage.getItem(_PENDING_SYNC_KEY) || '[]');
-    const key = `${bookId}:${type}`;
-    if (!pending.includes(key)) pending.push(key);
-    localStorage.setItem(_PENDING_SYNC_KEY, JSON.stringify(pending));
-  } catch {}
-}
-
-async function _syncPendingAnnotations() {
-  try {
-    const pending = JSON.parse(localStorage.getItem(_PENDING_SYNC_KEY) || '[]');
-    if (!pending.length) return;
-    const remaining = [];
-    for (const key of pending) {
-      const sep = key.indexOf(':');
-      const bookId = key.slice(0, sep);
-      const type   = key.slice(sep + 1);
-      const cached = await _loadAnnotationsCache(bookId, type);
-      if (!cached?.ct) continue;
-      const url = type === 'bookmarks'
-        ? `/books/${bookId}/bookmarks/`
-        : `/books/${bookId}/highlights/`;
-      try {
-        await fetch(url, {
-          method: 'POST',
-          headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-          body: JSON.stringify({ct: cached.ct, iv: cached.iv}),
-        });
-      } catch { remaining.push(key); }
-    }
-    localStorage.setItem(_PENDING_SYNC_KEY, JSON.stringify(remaining));
-  } catch {}
-}
-
-// Reader settings
-let readerSettings = { fontSize: 16, lineHeight: 1.8, maxWidth: 65, theme: 'dark',
-                        fontFamily: 'serif', noBold: false, fontWeight: null,
-                        pdfZoom: 100, pdfInverted: false, pdfPaginated: false, pdfSpread: false };
-let readerSettingsPanelOpen = false;
-let currentPdfDoc = null;
-let currentPdfBuffer = null;
-
-// Bookmarks
-let currentBookmarks = [];
-let bookmarksDirty = false;
-
-// Highlights
-let currentHighlights = [];
-let highlightsDirty = false;
-let currentHighlightPopover = null;
-
-// Search
-let searchMatches = [];
-let searchMatchIndex = -1;
-let searchOriginalContent = null;
-let readerSearchOpen = false;
-
-// PDF paginated
-let pdfCurrentPage = 1;
-let pdfTotalPages = 0;
-let _pdfPageTextBoxCache = {};
-let _pdfRenderGen = 0;
-let _touchStartX = 0;
-let _readerScrollInterval = null;
-let _readerScrollDir = 0;
-let _readerScrollLastTs = 0;
-const READER_SCROLL_SPEED = 1200;    // constant px/s, no ramp-up
-const READER_SCROLL_TICK_MS = 20;    // fixed cadence, independent of the
-                                      // display's refresh rate — rAF runs at
-                                      // that rate (120/144/165Hz on plenty of
-                                      // laptops), which was driving 2-3x more
-                                      // scrollBy + scroll-listener work per
-                                      // second than intended and read as lag.
-function _readerScrollTick() {
-  const now = performance.now();
-  const dt = now - _readerScrollLastTs;
-  _readerScrollLastTs = now;
-  $('reader-content')?.scrollBy({top: Math.round(_readerScrollDir * READER_SCROLL_SPEED * dt / 1000)});
-}
-let _pinchStartDist = 0;
-let _pinchStartZoom = 100;
-let _isPinching = false;
-
-if (typeof pdfjsLib !== 'undefined') {
-  pdfjsLib.GlobalWorkerOptions.workerSrc = '/static/js/pdf.worker.min.js';
-}
-
-async function loadBookList() {
-  if (!IS_AUTHENTICATED) return;
-  const listEl = $('book-list');
-  if (!listEl) return;
-  listEl.innerHTML = '<p class="muted">Bücher werden geladen …</p>';
-
-  try {
-    listEl.innerHTML = '<p class="muted">Bücherliste wird vom Server geholt …</p>';
-    _flushProgressOutbox(); // own positions the server doesn't have yet
-    const res = await fetch('/books/', {cache: 'no-store'});
-    _noteServerNowHeader(res);
-    if (!res.ok) {
-      listEl.innerHTML = `<p class="muted">Serverfehler ${res.status} beim Laden der Bücher.</p>`;
-      return;
-    }
-    const books = await res.json();
-    _evictBookCache(books); // fire-and-forget
-    if (!Array.isArray(books)) {
-      listEl.innerHTML = `<p class="muted">Unerwartete Antwort vom Server.</p>`;
-      return;
-    }
-    if (!books.length) {
-      listEl.innerHTML = '<p class="muted">Noch keine Bücher. Zieh oben eine .epub- oder .pdf-Datei hinein.</p>';
-      return;
-    }
-
-    listEl.innerHTML = `<p class="muted">${books.length === 1 ? '1 Buch' : books.length + ' Bücher'} auf dem Server. Entschlüssele …</p>`;
-
-    let key;
-    try {
-      key = await getOrCreateEncKey();
-    } catch (e) {
-      listEl.innerHTML = `<p class="muted">Verschlüsselung nicht verfügbar: ${e.message}. Die Seite muss über HTTPS laufen.</p>`;
-      return;
-    }
-
-    const decrypted = [];
-    for (const b of books) {
-      try {
-        const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
-        const meta = JSON.parse(new TextDecoder().decode(metaBuf));
-        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0};
-        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
-      } catch (e) {
-        bookMetaCache[b.id] = {title: `Buch #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
-        decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
-      }
-    }
-    // An own position the server doesn't have yet (sent above) shows if it's the newer one.
-    for (let i = 0; i < decrypted.length; i++) decrypted[i] = _withPendingProgress(decrypted[i]);
-
-    decrypted.sort((a, b) => (_bookRecency(b) - _bookRecency(a)) || b.uploaded_at.localeCompare(a.uploaded_at));
-    _saveBookMeta(decrypted); // persist for offline
-    renderBookList(decrypted);
-  } catch (e) {
-    // Network error — try offline fallback
-    const cachedBooks = (await _loadCachedBookMeta()).map(_withPendingProgress);
-    if (cachedBooks.length) {
-      cachedBooks.sort((a, b) => (_bookRecency(b) - _bookRecency(a)) || (b.uploaded_at || '').localeCompare(a.uploaded_at || ''));
-      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0};
-      const uploadArea = $('book-upload-area');
-      if (uploadArea) uploadArea.style.display = 'none';
-      renderBookList(cachedBooks);
-      const notice = document.createElement('p');
-      notice.className = 'muted offline-notice';
-      notice.textContent = 'Offline — gespeicherte Bücher. Fortschritt wird beim nächsten Öffnen synchronisiert.';
-      listEl.prepend(notice);
-    } else {
-      if (listEl) listEl.innerHTML = `<p class="muted">Fehler beim Laden der Bücher: ${e.message}</p>`;
-    }
-  }
-}
-
-const _brokenBooks = new Set();
-
-function markBookBroken(bookId) {
-  _brokenBooks.add(bookId);
-  const item = document.querySelector(`.book-item[data-book-id="${bookId}"]`);
-  if (!item) return;
-  if (!item.querySelector('.book-broken-btn')) {
-    const btn = document.createElement('button');
-    btn.className = 'btn btn-sm btn-danger book-broken-btn';
-    btn.title = 'Buch konnte nicht geöffnet werden — Datei erneut hochladen';
-    btn.textContent = '!';
-    btn.onclick = () => repairBook(bookId);
-    item.querySelector('.book-item-actions').prepend(btn);
-  }
-}
-
-function _extractIsbnFromOpf(opfDoc) {
-  const identifiers = opfDoc.querySelectorAll('metadata > identifier, metadata > *|identifier');
-  for (const el of identifiers) {
-    const digits = (el.textContent || '').replace(/[^0-9Xx]/g, '');
-    if (digits.length === 10 || digits.length === 13) return digits;
-  }
-  return '';
-}
-
-function repairBook(bookId) {
-  const input = document.createElement('input');
-  input.type = 'file';
-  input.accept = '.epub,.pdf';
-  input.onchange = async () => {
-    const file = input.files[0];
-    if (!file) return;
-    const item = document.querySelector(`.book-item[data-book-id="${bookId}"]`);
-    const btn = item?.querySelector('.book-broken-btn');
-    if (btn) btn.textContent = '…';
-    try {
-      const key = await getOrCreateEncKey();
-      const buf = await file.arrayBuffer();
-      const isPdf = /\.pdf$/i.test(file.name);
-      const type = isPdf ? 'pdf' : 'epub';
-
-      let title = file.name.replace(/\.(epub|pdf)$/i, ''), author = '', isbn = '';
-      try {
-        if (isPdf) {
-          const pdfDoc = await pdfjsLib.getDocument({data: new Uint8Array(buf.slice(0))}).promise;
-          const meta = await pdfDoc.getMetadata();
-          title = meta.info?.Title?.trim() || title;
-          author = meta.info?.Author?.trim() || '';
-        } else {
-          const zip = await JSZip.loadAsync(buf.slice(0));
-          const containerXml = await zip.file('META-INF/container.xml').async('text');
-          const opfPath = new DOMParser()
-            .parseFromString(containerXml, 'application/xml')
-            .querySelector('rootfile')?.getAttribute('full-path');
-          if (opfPath) {
-            const opfDoc = new DOMParser().parseFromString(
-              await zip.file(opfPath).async('text'), 'application/xml');
-            title  = opfDoc.querySelector('metadata > title, metadata > *|title')?.textContent?.trim() || title;
-            author = opfDoc.querySelector('metadata > creator, metadata > *|creator')?.textContent?.trim() || '';
-            isbn   = _extractIsbnFromOpf(opfDoc);
-          }
-        }
-      } catch (e) { /* keep filename as title */ }
-
-      // Preserve folder/shelfTag assigned before this repair — replacing the book's
-      // data shouldn't silently wipe organization the user already set up.
-      const prevMeta = bookMetaCache[bookId] || {};
-      const metaJson = new TextEncoder().encode(JSON.stringify({
-        title, author, filename: file.name, type,
-        isbn: isbn || prevMeta.isbn || '',
-        folder: prevMeta.folder || '',
-        shelfTag: prevMeta.shelfTag || '',
-      }));
-      const [metaEnc, dataEnc] = await Promise.all([
-        encryptBytes(key, metaJson),
-        encryptBytes(key, buf),
-      ]);
-      const res = await fetch(`/books/${bookId}/replace-data/`, {
-        method: 'POST',
-        headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-        body: JSON.stringify({
-          data_ct: dataEnc.ciphertext, data_iv: dataEnc.iv,
-          meta_ct: metaEnc.ciphertext, meta_iv: metaEnc.iv,
-        }),
-      });
-      if (!(await res.json()).ok) throw new Error('Serverfehler');
-      await _evictCachedBook(bookId);
-      _brokenBooks.delete(bookId);
-      if (btn) btn.remove();
-      openBook(bookId);
-    } catch (e) {
-      if (btn) btn.textContent = '!';
-      await customAlert('Reparatur fehlgeschlagen: ' + e.message);
-    }
-  };
-  input.click();
-}
-
-let _lastBookListData = [];
-const _bookShowReadKey = 'diora_book_show_read';
-let _bookShowRead = localStorage.getItem(_bookShowReadKey) === '1';
-
-function _onBookShowReadToggle(checked) {
-  _bookShowRead = checked;
-  localStorage.setItem(_bookShowReadKey, checked ? '1' : '0');
-  renderBookList(_lastBookListData);
-}
-
-async function toggleBookRead(bookId, currentlyRead) {
-  const verb = currentlyRead ? 'als ungelesen markieren' : 'als gelesen markieren';
-  if (!await customConfirm(`Dieses Buch ${verb}?`)) return;
-  try {
-    const res = await fetch(`/books/${bookId}/read/`, {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({is_read: !currentlyRead}),
-    });
-    const data = await res.json();
-    if (!data.ok) throw new Error('Serverfehler');
-    const book = _lastBookListData.find(b => b.id === bookId);
-    if (book) book.is_read = data.is_read;
-    renderBookList(_lastBookListData);
-  } catch (e) {
-    await customAlert('Konnte Lesestatus nicht ändern: ' + e.message);
-  }
-}
-
-// Folder assigned to a book lives inside its encrypted meta blob (like title/author), so the
-// server never sees plaintext folder names — no schema change needed, and it rides along for
-// free in /api/sync/. One level only: folders don't nest.
-let _currentBookFolder = null; // null = root view (folder tiles + unfiled books)
-
-function _recentlyReadBooks(books) {
-  return books
-    .filter(b => b.last_read)
-    .sort((a, b) => b.last_read.localeCompare(a.last_read))
-    .slice(0, 7);
-}
-
-function _renderBookItemHtml(b) {
-  const pct = Math.round((b.scroll_fraction || 0) * 100);
-  const keyWarning = b.keyOk === false ? '<span title="Falscher Schlüssel – importiere den richtigen Schlüssel, um dieses Buch zu öffnen" style="color:var(--accent,#e63946);margin-left:4px;">⚠ falscher Schlüssel</span>' : '';
-  const broken = _brokenBooks.has(b.id);
-  return `<div class="book-item" data-book-id="${b.id}">
-      <div class="book-item-info">
-        <strong class="book-title">${escapeHtml(b.title)}${keyWarning}${b.is_read ? ' <span class="muted book-read-badge">✓ gelesen</span>' : ''}</strong>
-        <span class="muted book-author">${escapeHtml(b.author)}</span>
-        <span class="book-item-meta-row">
-          ${pct > 0 ? `<span class="muted book-progress">${pct} % gelesen${b.pages ? ` (≈ ${Math.max(1, Math.round(b.pages * pct / 100))} von ${b.pages} Seiten)` : ''}</span>` : (b.pages ? `<span class="muted book-progress">ca. ${b.pages} Seiten</span>` : '')}
-          ${b.shelfTag ? `<span class="book-shelf-badge" title="Regal-Kategorie">${escapeHtml(b.shelfTag)}</span>` : ''}
-        </span>
-      </div>
-      <div class="book-item-actions">
-        <button class="btn btn-sm" onclick="openBook(${b.id})"${b.keyOk === false ? ' disabled title="Erst den richtigen Schlüssel importieren"' : ''}>Öffnen</button>
-        <div class="book-item-menu">
-          <button class="btn btn-sm book-menu-toggle" title="Weitere Optionen" onclick="toggleBookMenu(this)">⋮</button>
-          <div class="book-item-menu-list">
-            ${broken ? `<button class="book-menu-item book-menu-item--danger book-broken-btn" onclick="repairBook(${b.id})">🔧 Reparieren (Datei erneut hochladen)</button>` : ''}
-            ${b.has_highlights ? `<button class="book-menu-item" onclick="downloadBookAnnotationsFromList(${b.id}, this)">⭳ Markierungen &amp; Notizen herunterladen</button>` : ''}
-            <button class="book-menu-item" onclick="assignBookFolder(${b.id})">📁 Ordner zuweisen</button>
-            <button class="book-menu-item" onclick="lookupBookMetadata(${b.id})">🏷️ Metadaten abrufen (Regal)</button>
-            <button class="book-menu-item" onclick="toggleBookRead(${b.id}, ${!!b.is_read})">${b.is_read ? '↺ Als ungelesen markieren' : '✓ Als gelesen markieren'}</button>
-            <button class="book-menu-item book-menu-item--danger" onclick="deleteBook(${b.id})">🗑 Löschen</button>
-          </div>
-        </div>
-      </div>
-    </div>`;
-}
-
-function toggleBookMenu(toggleBtn) {
-  // Looked up relative to the clicked button (not by id) because the same book — and
-  // thus the same rendered menu — can appear twice at once: once in the "Zuletzt
-  // gelesen" section and again further down in the folder/unfiled list.
-  const menu = toggleBtn.closest('.book-item-menu')?.querySelector('.book-item-menu-list');
-  if (!menu) return;
-  const willOpen = !menu.classList.contains('open');
-  document.querySelectorAll('.book-item-menu-list.open').forEach(m => m.classList.remove('open'));
-  if (willOpen) menu.classList.add('open');
-}
-
-// Close any open book menu on an outside click, or right after an item inside it is
-// clicked (the toggle button manages its own open/close state above, so it's excluded).
-document.addEventListener('click', (e) => {
-  if (e.target.closest('.book-menu-toggle')) return;
-  document.querySelectorAll('.book-item-menu-list.open').forEach(m => m.classList.remove('open'));
-});
-
-function _openBookFolder(name) {
-  _currentBookFolder = name;
-  renderBookList(_lastBookListData);
-}
-
-function renderBookList(books) {
-  const listEl = $('book-list');
-  if (!listEl) return;
-  _lastBookListData = books;
-
-  if (!books.length) {
-    listEl.innerHTML = '';
-    return;
-  }
-
-  let html = '';
-
-  // Always-visible "recently read" section, independent of folder navigation and the
-  // read/unread filter below — it's a shortcut back into whatever was open last. Same
-  // vertical list-item look as the rest of the list (not a card shelf).
-  const recent = _recentlyReadBooks(books);
-  if (recent.length) {
-    html += '<div class="book-recent-section">'
-      + '<h3 class="book-recent-title">Zuletzt gelesen</h3>'
-      + recent.map(_renderBookItemHtml).join('')
-      + '</div>';
-  }
-
-  const visible = _bookShowRead ? books : books.filter(b => !b.is_read);
-  if (!visible.length) {
-    html += books.length
-      ? '<p class="muted">Keine ungelesenen Bücher. „Gelesene Bücher anzeigen“ aktivieren, um alle zu sehen.</p>'
-      : '';
-    listEl.innerHTML = html;
-    return;
-  }
-
-  const grouped = new Map();
-  for (const b of visible) {
-    const key = b.folder || '';
-    if (!grouped.has(key)) grouped.set(key, []);
-    grouped.get(key).push(b);
-  }
-  // Folder emptied out (last book moved/deleted, or read-filter hid it) — fall back to root.
-  if (_currentBookFolder !== null && !grouped.has(_currentBookFolder)) {
-    _currentBookFolder = null;
-  }
-
-  if (_currentBookFolder === null) {
-    const folderNames = [...grouped.keys()].filter(k => k !== '').sort((a, b) => a.localeCompare(b, 'de'));
-    if (folderNames.length) {
-      html += '<div class="book-folder-grid">'
-        + folderNames.map(name => `<button class="book-folder-tile" data-folder="${escapeHtml(name)}">
-            <span class="book-folder-tile-icon">📁</span>
-            <span class="book-folder-tile-name">${escapeHtml(name)}</span>
-            <span class="book-folder-tile-count">${grouped.get(name).length}</span>
-          </button>`).join('')
-        + '</div>';
-    }
-    html += (grouped.get('') || []).map(_renderBookItemHtml).join('');
-  } else {
-    html += `<div class="book-folder-header">
-        <button class="btn btn-sm" onclick="_openBookFolder(null)">← Alle Ordner</button>
-        <strong>${escapeHtml(_currentBookFolder)}</strong>
-      </div>`;
-    html += grouped.get(_currentBookFolder).map(_renderBookItemHtml).join('');
-  }
-
-  listEl.innerHTML = html;
-  listEl.querySelectorAll('.book-folder-tile').forEach(tile => {
-    tile.addEventListener('click', () => _openBookFolder(tile.dataset.folder));
-  });
-}
-
-// Shared by assignBookFolder/lookupBookMetadata: re-encrypts the meta blob with the given
-// field overrides applied on top of whatever is already cached, and pushes it to the server.
-async function _updateBookMeta(bookId, overrides) {
-  const book = _lastBookListData.find(b => b.id === bookId);
-  if (!book) return false;
-  const cached = bookMetaCache[bookId] || {};
-  const merged = {
-    title: cached.title || book.title,
-    author: cached.author || book.author,
-    filename: cached.filename || '',
-    type: cached.type || book.type || 'epub',
-    isbn: cached.isbn || book.isbn || '',
-    folder: cached.folder || book.folder || '',
-    shelfTag: cached.shelfTag || book.shelfTag || '',
-    pages: cached.pages || book.pages || 0,
-    ...overrides,
-  };
-  const key = await getOrCreateEncKey();
-  const metaJson = new TextEncoder().encode(JSON.stringify(merged));
-  const metaEnc = await encryptBytes(key, metaJson);
-  const res = await fetch(`/books/${bookId}/meta/`, {
-    method: 'POST',
-    headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-    body: JSON.stringify({meta_ct: metaEnc.ciphertext, meta_iv: metaEnc.iv}),
-  });
-  const data = await res.json();
-  if (!data.ok) throw new Error('Serverfehler');
-  Object.assign(book, overrides);
-  bookMetaCache[bookId] = merged;
-  _saveBookMeta(_lastBookListData);
-  return true;
-}
-
-async function assignBookFolder(bookId) {
-  const book = _lastBookListData.find(b => b.id === bookId);
-  if (!book) return;
-  const folders = [...new Set(_lastBookListData.map(b => b.folder).filter(Boolean))].sort((a, b) => a.localeCompare(b, 'de'));
-  const hint = folders.length ? ` Vorhandene Ordner: ${folders.join(', ')}.` : '';
-  const result = await customPrompt(`Ordner für „${book.title}“ (leer = kein Ordner).${hint}`, book.folder || '');
-  if (result === null) return;
-  const folder = result.trim();
-  if (folder === (book.folder || '')) return;
-
-  try {
-    await _updateBookMeta(bookId, {folder});
-    if (folder) _currentBookFolder = folder;
-    renderBookList(_lastBookListData);
-  } catch (e) {
-    await customAlert('Konnte Ordner nicht ändern: ' + e.message);
-  }
-}
-
-// Fallback for books uploaded before ISBN extraction existed (or repaired/re-encrypted
-// without it): pulls the already-accessible encrypted book bytes, decrypts and unzips just
-// far enough to read the OPF identifiers — same source openBook() itself parses — without
-// doing a full reader render. EPUB only; PDFs never carried a reliable ISBN via pdf.js.
-async function _extractIsbnFromBookFile(bookId) {
-  try {
-    const key = await getOrCreateEncKey();
-    let data_ct, data_iv;
-    const cached = await _getCachedBook(bookId);
-    if (cached) {
-      ({data_ct, data_iv} = cached);
-    } else {
-      const res = await fetch(`/books/${bookId}/data/`);
-      ({data_ct, data_iv} = await res.json());
-    }
-    const plain = await decryptBytes(key, data_iv, data_ct);
-    const zip = await JSZip.loadAsync(plain);
-    const containerXml = await zip.file('META-INF/container.xml').async('text');
-    const opfPath = new DOMParser()
-      .parseFromString(containerXml, 'application/xml')
-      .querySelector('rootfile')?.getAttribute('full-path');
-    if (!opfPath) return '';
-    const opfDoc = new DOMParser().parseFromString(await zip.file(opfPath).async('text'), 'application/xml');
-    return _extractIsbnFromOpf(opfDoc);
-  } catch (e) {
-    return '';
-  }
-}
-
-async function _fetchShelfLookup(isbn, title, author) {
-  const params = new URLSearchParams();
-  if (isbn) params.set('isbn', isbn);
-  if (title) params.set('title', title);
-  if (author) params.set('author', author);
-  const res = await fetch(`/books/metadata-lookup/?${params.toString()}`);
-  return res.json();
-}
-
-// Manually triggered (never automatic) — looks up which library shelf/DDC category this
-// book falls under via the server-side DNB→Open Library proxy, purely as an organizational
-// hint (shown as a badge). See books/views.py:lookup_book_metadata for why this one call is
-// allowed to briefly touch the server with a plaintext ISBN/title/author.
-//
-// Fallback chain when there's no ISBN (older upload, or a book that never had one — e.g.
-// every PDF, since pdf.js doesn't expose one): (1) extract ISBN from the file itself, for
-// EPUBs, (2) server-side title/author text search (less precise — could match the wrong
-// edition/translation), (3) if that also comes up empty, ask the user to type in an ISBN
-// by hand (from the book's cover/an online store) and retry once.
-async function lookupBookMetadata(bookId) {
-  const book = _lastBookListData.find(b => b.id === bookId);
-  if (!book) return;
-  const cached = bookMetaCache[bookId] || {};
-  let isbn = cached.isbn || book.isbn || '';
-  const isPdf = (cached.type || book.type) === 'pdf';
-  const title = cached.title || book.title || '';
-  const author = cached.author || book.author || '';
-
-  if (!isbn && !isPdf) {
-    // Older upload without a stored ISBN — extract it from the book file itself (may take
-    // a moment for large books, since it downloads/decrypts the full file if not cached).
-    isbn = await _extractIsbnFromBookFile(bookId);
-  }
-
-  try {
-    let data = await _fetchShelfLookup(isbn, title, author);
-
-    if (!data.label) {
-      const manual = await customPrompt(
-        'Keine Regal-Kategorie per ISBN/Titel/Autor gefunden. ISBN manuell eingeben (z. B. vom Buchrücken oder Online-Shop), oder leer lassen zum Abbrechen:', ''
-      );
-      const manualIsbn = (manual || '').replace(/[^0-9Xx]/g, '');
-      if (manualIsbn) {
-        isbn = manualIsbn;
-        data = await _fetchShelfLookup(isbn, title, author);
-      }
-    }
-
-    // Persist whatever we ended up with either way, so a repeat lookup never needs to
-    // re-extract/re-search from scratch.
-    const overrides = {};
-    if (isbn) overrides.isbn = isbn;
-    if (data.label) overrides.shelfTag = data.label;
-    if (Object.keys(overrides).length) {
-      await _updateBookMeta(bookId, overrides);
-      renderBookList(_lastBookListData);
-    }
-
-    if (!data.label) {
-      await customAlert('Keine Regal-Kategorie gefunden (weder DNB noch Open Library, per ISBN oder Titel/Autor).');
-    }
-  } catch (e) {
-    await customAlert('Metadaten-Abruf fehlgeschlagen: ' + e.message);
-  }
-}
-
-function bookFileSelected(input) {
-  const file = input.files[0];
-  if (!file) return;
-  uploadEbook(file);
-  input.value = '';
-}
-
-function initBookDropZone() {
-  // Prevent Firefox from opening dragged files when dropped outside the zone
-  document.addEventListener('dragover', e => e.preventDefault());
-  document.addEventListener('drop', e => {
-    const zone = $('book-drop-zone');
-    if (!zone || !zone.contains(e.target)) e.preventDefault();
-  });
-
-  const zone = $('book-drop-zone');
-  if (!zone) return;
-
-  zone.addEventListener('dragover', e => {
-    e.preventDefault();
-    zone.classList.add('drag-over');
-  });
-  zone.addEventListener('dragleave', () => zone.classList.remove('drag-over'));
-  zone.addEventListener('drop', e => {
-    e.preventDefault();
-    zone.classList.remove('drag-over');
-    const file = e.dataTransfer.files[0];
-    if (file) uploadEbook(file);
-  });
-}
-
-async function deriveAndStoreKey() {
-  const pwInput = document.getElementById('enc-key-password');
-  const statusEl = $('enc-key-status');
-  const pw = pwInput ? pwInput.value : '';
-  if (!pw) { if (statusEl) statusEl.textContent = 'Bitte gib dein Passwort ein.'; return; }
-
-  if (statusEl) statusEl.textContent = 'Schlüssel wird abgeleitet …';
-  try {
-    const enc = new TextEncoder();
-    const username = document.querySelector('meta[name="username"]')?.content || '';
-    const mat = await crypto.subtle.importKey('raw', enc.encode(pw), 'PBKDF2', false, ['deriveKey']);
-    const key = await crypto.subtle.deriveKey(
-      {name: 'PBKDF2', salt: enc.encode('diora:' + username), iterations: 200000, hash: 'SHA-256'},
-      mat, {name: 'AES-GCM', length: 256}, true, ['encrypt', 'decrypt']
-    );
-    const raw = await crypto.subtle.exportKey('raw', key);
-    const storageKey = `diora_enc_key_${window.USER_ID || 0}`;
-    localStorage.setItem(storageKey, bytesToBase64(new Uint8Array(raw)));
-    _encKey = null; // reset cached key
-    if (statusEl) statusEl.textContent = '✓ Entsperrt';
-    const prompt = $('enc-key-prompt');
-    const uploadArea = $('book-upload-area');
-    if (prompt) prompt.style.display = 'none';
-    if (uploadArea) uploadArea.style.display = '';
-    loadBookList();
-  } catch (err) {
-    if (statusEl) statusEl.textContent = 'Fehler: ' + err.message;
-  }
-}
-
-async function uploadEbook(file) {
-  const statusEl = $('book-upload-status');
-  if (file.size > DIORA_CONFIG.ebookMaxBytes) {
-    if (statusEl) statusEl.textContent = `Datei zu groß (höchstens ${DIORA_CONFIG.ebookMaxBytes / 1024 / 1024} MB).`;
-    return false;
-  }
-  return _importEbookBuffer(await file.arrayBuffer(), file.name, statusEl);
-}
-
-// Shared tail of every import path (local file, cloud): parse metadata, encrypt
-// with the user's key and POST ciphertext. Plaintext never leaves the browser.
-async function _importEbookBuffer(buf, filename, statusEl) {
-  const isPdf = /\.pdf$/i.test(filename);
-  const isEpub = /\.epub$/i.test(filename);
-  if (!isPdf && !isEpub) {
-    if (statusEl) statusEl.textContent = 'Nur .epub- und .pdf-Dateien werden unterstützt.';
-    return false;
-  }
-  if (buf.byteLength > DIORA_CONFIG.ebookMaxBytes) {
-    if (statusEl) statusEl.textContent = `Datei zu groß (höchstens ${DIORA_CONFIG.ebookMaxBytes / 1024 / 1024} MB).`;
-    return false;
-  }
-
-  if (statusEl) statusEl.textContent = 'Verschlüssele …';
-
-  try {
-    let title = filename.replace(/\.(epub|pdf)$/i, '');
-    let author = '';
-    let isbn = '';
-    const type = isPdf ? 'pdf' : 'epub';
-
-    if (isPdf) {
-      try {
-        const pdfDoc = await pdfjsLib.getDocument({data: new Uint8Array(buf.slice(0))}).promise;
-        const meta = await pdfDoc.getMetadata();
-        title = meta.info?.Title?.trim() || title;
-        author = meta.info?.Author?.trim() || '';
-      } catch (e) { /* use filename as title */ }
-    } else {
-      try {
-        const zip = await JSZip.loadAsync(buf.slice(0));
-        const containerXml = await zip.file('META-INF/container.xml').async('text');
-        const containerDoc = new DOMParser().parseFromString(containerXml, 'application/xml');
-        const opfPath = containerDoc.querySelector('rootfile')?.getAttribute('full-path');
-        if (opfPath) {
-          const opfText = await zip.file(opfPath).async('text');
-          const opfDoc = new DOMParser().parseFromString(opfText, 'application/xml');
-          title = opfDoc.querySelector('metadata > title, metadata > *|title')?.textContent?.trim() || title;
-          author = opfDoc.querySelector('metadata > creator, metadata > *|creator')?.textContent?.trim() || '';
-          isbn = _extractIsbnFromOpf(opfDoc);
-        }
-      } catch (e) { /* use filename as title */ }
-    }
-
-    const key = await getOrCreateEncKey();
-    const metaJson = new TextEncoder().encode(JSON.stringify({title, author, filename, type, isbn, folder: '', shelfTag: ''}));
-    const [metaEnc, dataEnc] = await Promise.all([
-      encryptBytes(key, metaJson),
-      encryptBytes(key, buf),
-    ]);
-
-    if (statusEl) statusEl.textContent = 'Lade hoch …';
-
-    const res = await fetch('/books/upload/', {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body: JSON.stringify({
-        meta_ct: metaEnc.ciphertext,
-        meta_iv: metaEnc.iv,
-        data_ct: dataEnc.ciphertext,
-        data_iv: dataEnc.iv,
-      }),
-    });
-    const data = await res.json();
-    if (data.ok) {
-      if (statusEl) statusEl.textContent = `✓ „${title}“ hochgeladen`;
-      loadBookList();
-      return true;
-    }
-    if (statusEl) statusEl.textContent = 'Fehler: ' + (data.error ? _germanError(data.error) : 'Hochladen fehlgeschlagen');
-    return false;
-  } catch (e) {
-    if (statusEl) statusEl.textContent = 'Hochladen fehlgeschlagen: ' + e.message;
-    return false;
-  }
-}
-
-// ---------------------------------------------------------------------------
-// Cloud import — browse a user-configured WebDAV server and pull a book in.
-//
-// The download is proxied by the server because the remote host is a different
-// origin and sends no CORS headers. It still lands here as raw bytes and goes
-// through _importEbookBuffer like any local file, so what gets stored is
-// ciphertext the server cannot read.
-// ---------------------------------------------------------------------------
-
-let _cloudSources = [];
-let _cloudSourceId = null;
-let _cloudPath = '';
-
-async function toggleCloudImport() {
-  const panel = $('cloud-browser');
-  if (!panel) return;
-  if (panel.style.display !== 'none') { closeCloudImport(); return; }
-
-  try {
-    const res = await fetch('/books/cloud/sources/');
-    _cloudSources = (await res.json()).sources || [];
-  } catch (e) {
-    await customAlert('Cloud-Verbindungen konnten nicht geladen werden: ' + e.message);
-    return;
-  }
-
-  if (!_cloudSources.length) {
-    await customAlert(
-      'Noch keine Cloud-Verbindung eingerichtet. Unter Einstellungen → '
-      + '„Cloud-Verbindungen für Bücher“ kannst du eine hinzufügen.'
-    );
-    return;
-  }
-
-  const select = $('cloud-source-select');
-  if (select) {
-    select.innerHTML = '';
-    for (const source of _cloudSources) {
-      const option = document.createElement('option');
-      option.value = source.id;
-      option.textContent = source.label;
-      select.appendChild(option);
-    }
-    select.style.display = _cloudSources.length > 1 ? '' : 'none';
-  }
-
-  panel.style.display = '';
-  _cloudSourceId = _cloudSources[0].id;
-  _cloudBrowse('');
-}
-
-function closeCloudImport() {
-  const panel = $('cloud-browser');
-  if (panel) panel.style.display = 'none';
-}
-
-function _onCloudSourceChange(value) {
-  _cloudSourceId = parseInt(value, 10);
-  _cloudBrowse('');
-}
-
-function _cloudParentPath(path) {
-  const parts = path.split('/').filter(Boolean);
-  parts.pop();
-  return parts.join('/');
-}
-
-function _formatBytes(n) {
-  if (!n) return '';
-  if (n < 1024) return n + ' B';
-  if (n < 1024 * 1024) return Math.round(n / 1024) + ' KB';
-  return (n / 1024 / 1024).toFixed(1) + ' MB';
-}
-
-function _cloudEntryRow(label, onClick, sizeText) {
-  const li = document.createElement('li');
-  li.className = 'cloud-entry';
-
-  const button = document.createElement('button');
-  button.type = 'button';
-  button.className = 'cloud-entry-name';
-  button.textContent = label;
-  button.addEventListener('click', onClick);
-  li.appendChild(button);
-
-  if (sizeText) {
-    const size = document.createElement('span');
-    size.className = 'cloud-entry-size';
-    size.textContent = sizeText;
-    li.appendChild(size);
-  }
-  return li;
-}
-
-async function _cloudBrowse(path) {
-  const listEl = $('cloud-entries');
-  const pathEl = $('cloud-path');
-  const statusEl = $('cloud-status');
-  if (!listEl) return;
-
-  if (statusEl) statusEl.textContent = 'Lade…';
-  listEl.innerHTML = '';
-
-  let data;
-  try {
-    const res = await fetch(`/books/cloud/${_cloudSourceId}/browse/?path=${encodeURIComponent(path)}`);
-    data = await res.json();
-    if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
-  } catch (e) {
-    if (statusEl) statusEl.textContent = 'Fehler: ' + e.message;
-    return;
-  }
-
-  _cloudPath = data.path || '';
-  if (pathEl) pathEl.textContent = '/' + _cloudPath;
-  if (statusEl) statusEl.textContent = '';
-
-  if (_cloudPath) {
-    listEl.appendChild(_cloudEntryRow('⬑ ..', () => _cloudBrowse(_cloudParentPath(_cloudPath))));
-  }
-
-  const entries = (data.entries || []).filter(e => e.is_dir || e.is_book);
-  if (!entries.length && statusEl) {
-    statusEl.textContent = 'Keine Bücher oder Ordner in diesem Verzeichnis.';
-  }
-
-  for (const entry of entries) {
-    listEl.appendChild(entry.is_dir
-      ? _cloudEntryRow('📁 ' + entry.name, () => _cloudBrowse(entry.path))
-      : _cloudEntryRow('📖 ' + entry.name, () => _cloudImport(entry), _formatBytes(entry.size)));
-  }
-}
-
-async function _cloudImport(entry) {
-  const statusEl = $('cloud-status');
-  if (statusEl) statusEl.textContent = `Lade „${entry.name}“…`;
-
-  try {
-    const res = await fetch(`/books/cloud/${_cloudSourceId}/fetch/?path=${encodeURIComponent(entry.path)}`);
-    if (!res.ok) {
-      const err = await res.json().catch(() => ({}));
-      throw new Error(err.error || `HTTP ${res.status}`);
-    }
-    const buf = await res.arrayBuffer();
-    if (await _importEbookBuffer(buf, entry.name, statusEl) && statusEl) {
-      statusEl.textContent = `✓ „${entry.name}“ importiert`;
-    }
-  } catch (e) {
-    if (statusEl) statusEl.textContent = 'Import fehlgeschlagen: ' + e.message;
-  }
-}
-
-async function _parsePdfOutline(pdf, items, depth) {
-  depth = depth || 0;
-  const result = [];
-  for (const item of items) {
-    let href = '';
-    if (item.dest) {
-      try {
-        const dest = typeof item.dest === 'string' ? await pdf.getDestination(item.dest) : item.dest;
-        if (dest) {
-          const pageIndex = await pdf.getPageIndex(dest[0]);
-          href = `#pdf-page-${pageIndex + 1}`;
-        }
-      } catch (e) {}
-    }
-    result.push({label: item.title || '(untitled)', href, depth});
-    if (item.items && item.items.length) {
-      result.push(...await _parsePdfOutline(pdf, item.items, depth + 1));
-    }
-  }
-  return result;
-}
-
-async function renderPdf(arrayBuffer, contentEl, scaleOverride, pivotPage) {
-  const myGen = ++_pdfRenderGen;
-  const pdf = currentPdfDoc || await pdfjsLib.getDocument({data: new Uint8Array(arrayBuffer.slice(0))}).promise;
-  if (_pdfRenderGen !== myGen) return null;
-  currentPdfDoc = pdf;
-
-  let pdfTitle = '', pdfAuthor = '';
-  try {
-    const meta = await pdf.getMetadata();
-    pdfTitle = meta.info?.Title?.trim() || '';
-    pdfAuthor = meta.info?.Author?.trim() || '';
-  } catch (e) {}
-
-  let toc = [];
-  try {
-    const outline = await pdf.getOutline();
-    if (outline && outline.length) toc = await _parsePdfOutline(pdf, outline);
-  } catch (e) {}
-
-  contentEl.innerHTML = '';
-
-  const pdfVp = document.createElement('div');
-  pdfVp.id = 'pdf-viewport';
-  contentEl.appendChild(pdfVp);
-
-  const containerWidth = readerSettings.pdfSpread
-    ? contentEl.clientWidth - 32
-    : Math.min(contentEl.clientWidth - 32, 900);
-  const pageWidth = readerSettings.pdfSpread ? (containerWidth - 8) / 2 : containerWidth;
-  const dpr = window.devicePixelRatio || 1;
-
-  // Pass 1: build DOM structure and size all canvases (no pixel rendering yet)
-  const pageEntries = [];
-  let spreadContainer = null;
-
-  for (let pageNum = 1; pageNum <= pdf.numPages; pageNum++) {
-    if (_pdfRenderGen !== myGen) { contentEl.innerHTML = ''; return null; }
-    const page = await pdf.getPage(pageNum);
-    const naturalVp = page.getViewport({scale: 1});
-    const scale = scaleOverride != null ? scaleOverride
-      : Math.max(0.5, pageWidth / naturalVp.width) * (readerSettings.pdfZoom / 100);
-    const viewport = page.getViewport({scale});
-
-    const wrapper = document.createElement('div');
-    wrapper.className = 'pdf-page-wrapper';
-    wrapper.id = `pdf-page-${pageNum}`;
-
-    const inner = document.createElement('div');
-    inner.className = 'pdf-page-inner';
-
-    const canvas = document.createElement('canvas');
-    canvas.className = 'pdf-page';
-    canvas.width = Math.round(viewport.width * dpr);
-    canvas.height = Math.round(viewport.height * dpr);
-    canvas.style.width = viewport.width + 'px';
-    canvas.style.height = viewport.height + 'px';
-    inner.appendChild(canvas);
-    wrapper.appendChild(inner);
-
-    if (!readerSettings.pdfSpread) {
-      pdfVp.appendChild(wrapper);
-    } else if (pageNum === 1) {
-      wrapper.classList.add('pdf-spread-cover');
-      pdfVp.appendChild(wrapper);
-      spreadContainer = null;
-    } else {
-      if (pageNum % 2 === 0) {
-        spreadContainer = document.createElement('div');
-        spreadContainer.className = 'pdf-spread-wrapper';
-        pdfVp.appendChild(spreadContainer);
-      }
-      if (spreadContainer) spreadContainer.appendChild(wrapper);
-      else pdfVp.appendChild(wrapper);
-    }
-
-    pageEntries.push({page, canvas, viewport});
-  }
-
-  pdfTotalPages = pdf.numPages;
-
-  // Scroll to pivot page immediately — DOM and canvas sizes are set
-  const pivot = Math.max(1, Math.min(pdf.numPages, pivotPage || 1));
-  const pivotEl = document.getElementById(`pdf-page-${pivot}`);
-  if (pivotEl && pivot > 1) pivotEl.scrollIntoView({block: 'start'});
-
-  // Pass 2: render pixels from pivot outward (pivot→end, then pivot-1→start)
-  const order = [];
-  for (let i = pivot - 1; i < pdf.numPages; i++) order.push(i);
-  for (let i = pivot - 2; i >= 0; i--) order.push(i);
-
-  for (const idx of order) {
-    if (_pdfRenderGen !== myGen) { contentEl.innerHTML = ''; return null; }
-    const {page, canvas, viewport} = pageEntries[idx];
-    const ctx = canvas.getContext('2d');
-    ctx.scale(dpr, dpr);
-    await page.render({canvasContext: ctx, viewport}).promise;
-  }
-
-  return {title: pdfTitle, author: pdfAuthor, toc, numPages: pdf.numPages};
-}
-
-// ---------------------------------------------------------------------------
-// Read-aloud (TTS) — server-side Piper synthesis, one sentence per request.
-// EPUB only (no block model for PDFs). Highlights the sentence currently
-// playing and scrolls it into view; playback advances sentence-by-sentence,
-// then block-by-block, until stopped or the book ends.
-// ---------------------------------------------------------------------------
-const TTS_MAX_CHARS = 480; // stay under the server's 500-char cap with margin
-
-let ttsActive = false;
-let ttsPaused = false;
-let ttsRunToken = 0;
-let ttsAudio = null;
-let ttsCurrentMark = null;
-let ttsBarEl = null;
-let ttsLang = localStorage.getItem('diora_tts_lang') || 'de';
-let _ttsBlocks = null;  // the book's blocks while reading aloud
-let _ttsCur = null;     // what's being read: {bi, si, sentence, block}
-
-function setTtsLang(lang) {
-  ttsLang = lang;
-  localStorage.setItem('diora_tts_lang', lang);
-}
-
-function _ttsSplitSentences(text) {
-  const raw = text.split(/(?<=[.!?])\s+/).map(s => s.trim()).filter(Boolean);
-  const pieces = raw.length ? raw : [text];
-  const out = [];
-  for (const piece of pieces) {
-    let rest = piece;
-    while (rest.length > TTS_MAX_CHARS) {
-      let cut = rest.lastIndexOf(' ', TTS_MAX_CHARS);
-      if (cut <= 0) cut = TTS_MAX_CHARS;
-      out.push(rest.slice(0, cut).trim());
-      rest = rest.slice(cut).trim();
-    }
-    if (rest) out.push(rest);
-  }
-  return out;
-}
-
-async function _ttsFetchAudio(sentence) {
-  const resp = await fetch('/tts/synthesize/', {
-    method: 'POST',
-    headers: {'Content-Type': 'application/json'},
-    body: JSON.stringify({text: sentence, lang: ttsLang}),
-  });
-  if (!resp.ok) throw new Error('tts request failed');
-  return await resp.blob();
-}
-
-function _ttsClearHighlight() {
-  if (ttsCurrentMark && ttsCurrentMark.parentNode) {
-    const parent = ttsCurrentMark.parentNode;
-    while (ttsCurrentMark.firstChild) parent.insertBefore(ttsCurrentMark.firstChild, ttsCurrentMark);
-    parent.removeChild(ttsCurrentMark);
-    parent.normalize();
-  }
-  ttsCurrentMark = null;
-}
-
-// Finds `sentence` as a substring of block.textContent starting at fromOffset
-// (so repeated sentence text earlier in the block isn't matched again), turns
-// it into a DOM Range via the same char-offset addressing highlights use, and
-// wraps it in a <mark>. Returns the offset to resume searching from.
-function _ttsHighlightSentence(block, sentence, fromOffset) {
-  // Listening is reading: where the voice is counts as the reading position.
-  _noteReaderInteraction();
-  _ttsClearHighlight();
-  const full = block.textContent;
-  const idx = full.indexOf(sentence, fromOffset);
-  if (idx === -1) return fromOffset;
-  const start = _nodeAtCharOffset(block, idx);
-  const end = _nodeAtCharOffset(block, idx + sentence.length);
-  if (!start || !end) return idx + sentence.length;
-  try {
-    const range = document.createRange();
-    range.setStart(start.node, start.offset);
-    range.setEnd(end.node, end.offset);
-    const mark = document.createElement('mark');
-    mark.className = 'tts-current';
-    range.surroundContents(mark);
-    ttsCurrentMark = mark;
-    _ttsScrollIntoView(mark);
-  } catch (e) {}
-  return idx + sentence.length;
-}
-
-function _ttsScrollIntoView(el) {
-  const contentEl = $('reader-content');
-  if (!contentEl) return;
-  const top = el.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
-  if (top < 40 || top > contentEl.clientHeight - 80) {
-    _suppressScrollJumpDetect();
-    contentEl.scrollBy({top: top - contentEl.clientHeight * 0.3, behavior: 'smooth'});
-  }
-}
-
-function _ttsPlayBlob(blob) {
-  return new Promise((resolve) => {
-    const url = URL.createObjectURL(blob);
-    const audio = new Audio(url);
-    ttsAudio = audio;
-    const done = () => { URL.revokeObjectURL(url); resolve(); };
-    audio.addEventListener('ended', done);
-    audio.addEventListener('error', done);
-    if (!ttsPaused) audio.play().catch(done);
-  });
-}
-
-// Walks blocks/sentences from startBlockIndex (and its sentence startSentence)
-// onward, fetching one sentence ahead while the current one plays so there's
-// no gap between them.
-async function _ttsPlayLoop(blocks, startBlockIndex, runToken, startSentence = 0) {
-  function* sentenceStream() {
-    for (let bi = startBlockIndex; bi < blocks.length; bi++) {
-      const block = blocks[bi];
-      const text = (block.textContent || '').trim();
-      if (!text) continue;
-      const sentences = _ttsSplitSentences(text);
-      for (let si = bi === startBlockIndex ? startSentence : 0; si < sentences.length; si++) {
-        yield {block, sentence: sentences[si], bi, si};
-      }
-    }
-  }
-
-  const iter = sentenceStream();
-  let cur = iter.next();
-  if (cur.done) { stopReadAloud(); return; }
-  let curFetch = _ttsFetchAudio(cur.value.sentence);
-  let lastBlock = null;
-  let blockSearchOffset = 0;
-
-  while (!cur.done) {
-    if (runToken !== ttsRunToken) return;
-    const {block, sentence} = cur.value;
-    const next = iter.next();
-    const nextFetch = next.done ? null : _ttsFetchAudio(next.value.sentence).catch(() => null);
-
-    let audioBlob;
-    try {
-      audioBlob = await curFetch;
-    } catch (e) {
-      stopReadAloud();
-      return;
-    }
-    if (runToken !== ttsRunToken) return;
-
-    if (block !== lastBlock) {
-      lastBlock = block;
-      // Started in the middle of a block (previous/next sentence): find it from there.
-      blockSearchOffset = _ttsOffsetOf(block, cur.value.si);
-    }
-    _ttsCur = {bi: cur.value.bi, si: cur.value.si, sentence, block};
-    blockSearchOffset = _ttsHighlightSentence(block, sentence, blockSearchOffset);
-    _ttsNotify();
-
-    await _ttsPlayBlob(audioBlob);
-    if (runToken !== ttsRunToken) return;
-
-    cur = next;
-    curFetch = nextFetch;
-  }
-  if (runToken === ttsRunToken) stopReadAloud();
-}
-
-function _ttsTogglePause() {
-  ttsPaused = !ttsPaused;
-  if (ttsAudio) {
-    if (ttsPaused) ttsAudio.pause();
-    else ttsAudio.play().catch(() => {});
-  }
-  _ttsUpdateBar();
-  _ttsNotify();
-}
-
-// ---- read-aloud for a player bar (the shared dock in native-podcast.js) ----------
-// window.__dioraTts: state(), toggle(), stop(), next(), prev(); a 'diora-tts'
-// event on window after every change. A dock that shows it sets
-// window.__dioraTtsDock = true, and the reader's own little bar stays away.
-
-function _ttsState() {
-  const meta = (currentBookId && bookMetaCache[currentBookId]) || {};
-  const cur = _ttsCur;
-  const chapterEl = cur && cur.block.closest('[data-epub-src]');
-  const blocks = _ttsBlocks || [];
-  return {
-    active: ttsActive,
-    paused: ttsPaused,
-    bookId: currentBookId,
-    title: meta.title || '',
-    author: meta.author || '',
-    chapter: chapterEl ? _tocTitleForChapterSrc(chapterEl.dataset.epubSrc) : '',
-    sentence: cur ? cur.sentence : '',
-    progress: cur && blocks.length ? cur.bi / blocks.length : 0,
-  };
-}
-
-function _ttsNotify() {
-  try { window.dispatchEvent(new CustomEvent('diora-tts', {detail: _ttsState()})); } catch (e) {}
-}
-
-// Read from another sentence on: the one before/after the current one.
-function _ttsRestartAt(bi, si) {
-  const blocks = _ttsBlocks;
-  if (!ttsActive || !blocks) return;
-  ttsRunToken++;
-  const runToken = ttsRunToken;
-  if (ttsAudio) {
-    try { ttsAudio.pause(); ttsAudio.src = ''; } catch (e) {}
-    ttsAudio = null;
-  }
-  _ttsPlayLoop(blocks, bi, runToken, si);
-}
-
-// Where sentence si of a block starts in its text (for the highlight).
-function _ttsOffsetOf(block, si) {
-  const full = block.textContent || '';
-  let off = 0;
-  _ttsSplitSentences(full.trim()).slice(0, si).forEach(s => {
-    const k = full.indexOf(s, off);
-    if (k >= 0) off = k + s.length;
-  });
-  return off;
-}
-
-function _ttsSentenceCount(block) {
-  const text = (block.textContent || '').trim();
-  return text ? _ttsSplitSentences(text).length : 0;
-}
-
-function _ttsStep(dir) {
-  const cur = _ttsCur;
-  const blocks = _ttsBlocks;
-  if (!cur || !blocks) return;
-  if (dir > 0) {
-    if (cur.si + 1 < _ttsSentenceCount(cur.block)) return _ttsRestartAt(cur.bi, cur.si + 1);
-    for (let bi = cur.bi + 1; bi < blocks.length; bi++) if (_ttsSentenceCount(blocks[bi])) return _ttsRestartAt(bi, 0);
-    stopReadAloud();
-  } else {
-    if (cur.si > 0) return _ttsRestartAt(cur.bi, cur.si - 1);
-    for (let bi = cur.bi - 1; bi >= 0; bi--) {
-      const n = _ttsSentenceCount(blocks[bi]);
-      if (n) return _ttsRestartAt(bi, n - 1);
-    }
-    _ttsRestartAt(cur.bi, 0);
-  }
-}
-
-window.__dioraTts = {
-  state: _ttsState,
-  toggle: () => (ttsActive ? _ttsTogglePause() : startReadAloud()),
-  stop: () => stopReadAloud(),
-  next: () => _ttsStep(1),
-  prev: () => _ttsStep(-1),
-};
-
-function _ttsUpdateBar() {
-  if (!ttsBarEl) return;
-  const btn = ttsBarEl.querySelector('.tts-pause-btn');
-  if (btn) btn.textContent = ttsPaused ? '▶' : '⏸';
-}
-
-function _ttsShowBar() {
-  _ttsRemoveBar();
-  if (window.__dioraTtsDock) return; // the player bar shows it
-  const bar = document.createElement('div');
-  bar.className = 'tts-bar';
-  bar.innerHTML = `
-    <button type="button" class="tts-pause-btn" title="Pause/Weiter">⏸</button>
-    <button type="button" class="tts-stop-btn" title="Vorlesen beenden">■</button>
-  `;
-  document.body.appendChild(bar);
-  ttsBarEl = bar;
-  bar.querySelector('.tts-pause-btn').addEventListener('click', _ttsTogglePause);
-  bar.querySelector('.tts-stop-btn').addEventListener('click', stopReadAloud);
-}
-
-function _ttsRemoveBar() {
-  if (ttsBarEl) { ttsBarEl.remove(); ttsBarEl = null; }
-}
-
-function toggleReadAloud() {
-  if (ttsActive) stopReadAloud();
-  else startReadAloud();
-}
-
-function startReadAloud() {
-  if (ttsActive) return;
-  if (currentPdfDoc) {
-    const toast = document.createElement('div');
-    toast.className = 'reader-toast';
-    toast.textContent = 'Vorlesen ist aktuell nur für EPUB-Bücher verfügbar.';
-    document.body.appendChild(toast);
-    setTimeout(() => toast.remove(), 2200);
-    return;
-  }
-  const contentEl = $('reader-content');
-  if (!contentEl) return;
-  const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
-  if (!blocks.length) return;
-
-  const [anchorBlock] = _anchorParts(getPositionAnchor(contentEl));
-  const startIndex = (anchorBlock >= 0 && anchorBlock < blocks.length) ? anchorBlock : 0;
-
-  ttsActive = true;
-  ttsPaused = false;
-  ttsRunToken++;
-  const runToken = ttsRunToken;
-  _ttsBlocks = blocks;
-  _ttsCur = null;
-
-  const btn = $('reader-tts-btn');
-  if (btn) { btn.classList.add('active'); btn.title = 'Vorlesen beenden'; }
-  _ttsShowBar();
-  _ttsNotify();
-
-  _ttsPlayLoop(blocks, startIndex, runToken);
-}
-
-function stopReadAloud() {
-  ttsRunToken++;
-  ttsActive = false;
-  ttsPaused = false;
-  if (ttsAudio) {
-    try { ttsAudio.pause(); ttsAudio.src = ''; } catch (e) {}
-    ttsAudio = null;
-  }
-  _ttsClearHighlight();
-  _ttsRemoveBar();
-  _ttsBlocks = null;
-  _ttsCur = null;
-  const btn = $('reader-tts-btn');
-  if (btn) { btn.classList.remove('active'); btn.title = 'Vorlesen'; }
-  _ttsNotify();
-}
-
-// ---------------------------------------------------------------------------
-// Immersive reader mode — tap centre of screen to toggle bars
-// ---------------------------------------------------------------------------
-let _immBarsVisible = true;
-
-function _immHandleTap(e) {
-  // Ignore taps on interactive elements (buttons, links, inputs, settings panel, footnote popover)
-  if (e.target.closest('button, a, input, select, label, #reader-settings-panel, .reader-header, .footnote-popover, #reader-margin, #highlight-popover, .note-bottom-sheet, .tts-bar')) return;
-  // In marker mode, taps have a dedicated meaning (highlight/create a note) —
-  // don't also toggle the immersive bars underneath.
-  if (markerModeActive) return;
-  // Don't toggle bars while the user has just finished selecting text (e.g. to highlight it)
-  const sel = window.getSelection();
-  if (sel && !sel.isCollapsed) return;
-  // If a footnote popover is open, dismiss it instead of toggling bars
-  if (currentFootnotePopover && !currentFootnotePopover.contains(e.target)) {
-    dismissFootnotePopover();
-    return;
-  }
-  _immBarsVisible = !_immBarsVisible;
-  document.body.classList.toggle('reader-immersive', !_immBarsVisible);
-  // Close settings panel when bars disappear
-  if (!_immBarsVisible && readerSettingsPanelOpen) {
-    const sp = document.getElementById('reader-settings-panel');
-    if (sp) sp.remove();
-    readerSettingsPanelOpen = false;
-  }
-}
-
-function enterReaderImmersiveMode() {
-  _immBarsVisible = true;
-  document.body.classList.remove('reader-immersive');
-  document.addEventListener('click', _immHandleTap);
-}
-
-function exitReaderImmersiveMode() {
-  _immBarsVisible = true;
-  document.body.classList.remove('reader-immersive');
-  document.removeEventListener('click', _immHandleTap);
-}
-
-// Serializes openBook: it empties #reader-content, then appends the chapters
-// across several awaits. A second call in between (a second tap while a slow
-// e-reader is still decrypting) appended the whole book a second time — and
-// progress saved from that doubled DOM had block indices beyond the real book,
-// which then out-ranked every real position on the server.
-let _openBookInFlight = null;
-
-async function openBook(bookId) {
-  if (_openBookInFlight) {
-    if (_openBookInFlight.bookId === bookId) return _openBookInFlight.promise;
-    await _openBookInFlight.promise.catch(() => {});
-  }
-  const promise = _openBookOnce(bookId);
-  _openBookInFlight = {bookId, promise};
-  try {
-    return await promise;
-  } finally {
-    if (_openBookInFlight && _openBookInFlight.promise === promise) _openBookInFlight = null;
-  }
-}
-
-async function _openBookOnce(bookId) {
-  // Nothing is saved for this book until its place is restored.
-  _readPos = {bookId, ready: false, key: null, readAt: 0, moved: false, hold: false};
-  const overlay = $('reader-overlay');
-  const contentEl = $('reader-content');
-  const titleEl = $('reader-title');
-  if (!overlay || !contentEl) return;
-
-  titleEl.textContent = 'Lade …';
-  contentEl.innerHTML = '';
-  overlay.style.display = '';
-
-  try {
-    loadReaderSettings(bookId);
-    _charIndex = null;
-    const key = await getOrCreateEncKey();
-    let data_ct, data_iv;
-    const cached = await _getCachedBook(bookId);
-    if (cached) {
-      ({data_ct, data_iv} = cached);
-    } else {
-      let res;
-      try {
-        res = await fetch(`/books/${bookId}/data/`);
-      } catch {
-        // offline and book not cached yet
-        overlay.style.display = 'none';
-        const toast = document.createElement('div');
-        toast.className = 'reader-toast';
-        toast.textContent = 'Buch nicht offline verfügbar — einmal online öffnen zum Cachen.';
-        document.body.appendChild(toast);
-        setTimeout(() => toast.remove(), 3500);
-        return;
-      }
-      ({data_ct, data_iv} = await res.json());
-      _setCachedBook(bookId, data_ct, data_iv); // fire-and-forget
-    }
-    const plain = await decryptBytes(key, data_iv, data_ct);
-
-    // Revoke any previous image blob URLs
-    for (const url of Object.values(currentImageMap)) URL.revokeObjectURL(url);
-    currentImageMap = {};
-
-    const cachedMeta = bookMetaCache[bookId] || {};
-    let title = cachedMeta.title || '';
-    let author = cachedMeta.author || '';
-    let toc = [];
-    let numPages = 0;
-    const isPdfBook = cachedMeta.type === 'pdf';
-
-    if (isPdfBook) {
-      currentPdfDoc = null; // reset so renderPdf creates fresh doc
-      const loadingEl = document.createElement('div');
-      loadingEl.className = 'pdf-loading-overlay';
-      loadingEl.innerHTML = '<span class="pdf-loading-spinner"></span>';
-      overlay.appendChild(loadingEl);
-      const result = await renderPdf(plain, contentEl);
-      loadingEl.remove();
-      title = result.title || title;
-      author = result.author || author;
-      toc = result.toc;
-      numPages = result.numPages;
-      currentPdfBuffer = plain;
-    } else {
-      currentPdfBuffer = null;
-      // Prepared before (same book file, same preparation code): only the images to unpack.
-      const prepared = await _getParsedBook(bookId, data_iv, key);
-      const result = prepared ? await _restoreParsedBook(prepared, plain) : await parseEpub(plain);
-      if (!prepared) {
-        // Kept for the next open once the book is on screen (encrypting takes a moment).
-        setTimeout(() => _setParsedBook(bookId, data_iv, key, result), 3000);
-      }
-      title = result.title || title;
-      author = result.author || author;
-      toc = result.toc;
-      currentImageMap = result.imageMap;
-      // Inject chapters progressively so the browser stays responsive on large books:
-      // a batch per ~50 ms of work (a fixed count waited a frame every 8 chapters).
-      const tmp = document.createElement('div');
-      for (let i = 0; i < result.chapters.length;) {
-        const frag = document.createDocumentFragment();
-        const start = performance.now();
-        do {
-          tmp.innerHTML = result.chapters[i++];
-          while (tmp.firstChild) frag.appendChild(tmp.firstChild);
-        } while (i < result.chapters.length && performance.now() - start < 50);
-        contentEl.appendChild(frag);
-        if (i < result.chapters.length) await new Promise(r => setTimeout(r, 0));
-      }
-      // Used to decide whole-percent vs one-decimal display further down —
-      // see _formatBookPercent().
-      _currentBookCharCount = contentEl.textContent.length;
-    }
-
-    currentBookToc = toc;
-    titleEl.textContent = title + (author ? ` — ${author}` : '');
-
-    currentBookId = bookId;
-
-    // Remember the book's real (PDF) or estimated (EPUB) page count in its encrypted meta so
-    // the book list can show it; rewritten only when it changed.
-    const bookPages = isPdfBook ? numPages : Math.max(1, Math.round(_currentBookCharCount / CHARS_PER_BOOK_PAGE));
-    if (bookPages > 0 && cachedMeta.pages !== bookPages) {
-      _updateBookMeta(bookId, {pages: bookPages}).catch(() => {});
-    }
-
-    // Load bookmarks and highlights
-    await Promise.all([
-      loadBookmarks(bookId),
-      loadHighlights(bookId),
-    ]);
-
-    // Apply reader settings (theme, font size, etc.)
-    applyReaderSettings(isPdfBook);
-
-    // If this book already has notes/highlights, surface them right away
-    // instead of making the reader hide them behind a manual toggle.
-    // Not on phones: there the margin covers the text; it stays one tap away (✎).
-    if (!isPdfBook && currentHighlights.length && !readerAnnotationsMarginOpen && !_isMobileReader()) {
-      toggleAnnotationsMargin();
-    }
-
-    // Touch: swipe (paginated) + pinch-to-zoom
-    contentEl.addEventListener('touchstart',  _pdfTouchStart,  {passive: true});
-    contentEl.addEventListener('touchmove',   _pdfTouchMove,   {passive: false});
-    contentEl.addEventListener('touchend',    _pdfTouchEnd,    {passive: true});
-    contentEl.addEventListener('touchcancel', _pdfTouchEnd,    {passive: true});
-
-    // Set up progress input
-    const progressInput = $('reader-progress-input');
-    const progressSuffix = $('reader-progress-suffix');
-    const isPdf = isPdfBook;
-
-    if (progressInput) {
-      progressInput.style.display = '';
-      if (isPdf) {
-        progressInput.value = 1;
-        if (progressSuffix) progressSuffix.textContent = `/ ${numPages}`;
-      } else {
-        progressInput.value = _formatBookPercent(0);
-        if (progressSuffix) progressSuffix.textContent = '%';
-      }
-
-      progressInput.addEventListener('change', function () {
-        _suppressScrollJumpDetect();
-        if (isPdf) {
-          const page = Math.min(numPages, Math.max(1, parseInt(this.value, 10) || 1));
-          this.value = page;
-          const target = contentEl.querySelector(`#pdf-page-${page}`);
-          if (target) {
-            const top = target.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
-            contentEl.scrollBy({top: top - 8, behavior: 'smooth'});
-          }
-        } else {
-          const pct = Math.min(100, Math.max(0, _parseLocalePercent(this.value)));
-          this.value = _formatBookPercent(pct / 100);
-          restoreFromAnchor(contentEl, _anchorForFraction(contentEl, pct / 100));
-        }
-      });
-
-      progressInput.addEventListener('click', function () { this.select(); });
-    }
-
-    // Restore scroll position — must happen BEFORE auto-save timer is started
-    _suppressScrollJumpDetect();
-    let openedProgress = null;
-    try {
-      let fraction = 0, anchor = '';
-      let bookData = null;
-      try {
-        const progressRes = await fetch('/books/', {cache: 'no-store'});
-        _noteServerNowHeader(progressRes);
-        const allBooks = await progressRes.json();
-        bookData = allBooks.find(b => b.id === bookId) || null;
-      } catch {
-        // offline — use cached meta
-        const cached = await _loadCachedBookMeta();
-        bookData = cached.find(b => b.id === bookId) || null;
-      }
-      // The newer of the server's place and an own one it doesn't have yet.
-      if (bookData) bookData = _withPendingProgress(bookData);
-      fraction = bookData ? (bookData.scroll_fraction || 0) : 0;
-      anchor   = bookData ? (bookData.position_anchor || '') : '';
-      openedProgress = bookData;
-      _currentPositionAnchor = anchor;
-      if (isPdf && readerSettings.pdfPaginated) {
-        if (fraction > 0 && pdfTotalPages > 1)
-          pdfCurrentPage = Math.max(1, Math.round(fraction * (pdfTotalPages - 1)) + 1);
-        enterPdfPaginatedMode();
-      } else if (isPdf) {
-        // PDF scroll mode
-        await new Promise(r => requestAnimationFrame(r));
-        if (fraction > 0)
-          contentEl.scrollTop = fraction * (contentEl.scrollHeight - contentEl.clientHeight);
-      } else {
-        // EPUB — wait for images so scrollHeight is final
-        const imgs = Array.from(contentEl.querySelectorAll('img'));
-        if (imgs.length) {
-          await Promise.all(imgs.map(img =>
-            img.complete ? Promise.resolve()
-              : new Promise(r => { img.onload = r; img.onerror = r; })
-          ));
-        }
-        await new Promise(r => requestAnimationFrame(r));
-        if (!restoreFromAnchor(contentEl, anchor) && fraction > 0) {
-          restoreFromAnchor(contentEl, _anchorForFraction(contentEl, fraction));
-        }
-      }
-    } catch (e) {}
-
-    // From here on, what the reader does is reading. The place shown has the
-    // time it was read at (elsewhere, or here earlier): nothing new to send yet.
-    if (_readPos && _readPos.bookId === bookId && currentBookId === bookId) {
-      const shownAnchor = isPdf ? '' : getPositionAnchor(contentEl);
-      const readAtServer = openedProgress && openedProgress.read_at != null ? openedProgress.read_at : null;
-      _readPos.key = _positionKey(shownAnchor, openedProgress ? (openedProgress.scroll_fraction || 0) : 0);
-      _readPos.readAt = readAtServer == null ? 0 : readAtServer - _serverOffset;
-      _readPos.ready = true;
-      _offerFurthestPosition(openedProgress);
-    }
-
-    // Prime the "settled" baseline to wherever we just restored to, rather
-    // than waiting to lazily pick up whatever scroll event happens to fire
-    // first — that could otherwise be a later, unrelated layout correction.
-    _scrollRestTop = contentEl.scrollTop;
-
-    // Update progress input on scroll
-    contentEl.addEventListener('scroll', () => {
-      if (!progressInput) return;
-      if (isPdf) {
-        const wrappers = contentEl.querySelectorAll('.pdf-page-wrapper');
-        const cTop = contentEl.getBoundingClientRect().top;
-        let currentPage = 1;
-        for (const w of wrappers) {
-          if (w.getBoundingClientRect().bottom > cTop + 20) {
-            currentPage = parseInt(w.id.replace('pdf-page-', ''), 10) || 1;
-            break;
-          }
-        }
-        progressInput.value = currentPage;
-      }
-      // EPUB: shown from the position anchor, see the anchor tracking below.
-    });
-
-    // Auto-save progress every 10s and on scroll (debounced 2s)
-    // Started AFTER restore so an early visibilitychange can't overwrite with position 0
-    readerScrollSaveTimer = setInterval(saveReaderProgress, 10000);
-    let _scrollDebounce = null;
-    contentEl.addEventListener('scroll', () => {
-      clearTimeout(_scrollDebounce);
-      _scrollDebounce = setTimeout(saveReaderProgress, 2000);
-    }, {passive: true});
-
-    // Keep _currentPositionAnchor fresh independent of the slower save debounce
-    // above: the resize observer below (or an immersive-bars toggle right after
-    // scrolling) would otherwise restore to a stale, pre-scroll anchor.
-    if (!isPdf) {
-      let _anchorTrackDebounce = null;
-      contentEl.addEventListener('scroll', () => {
-        clearTimeout(_anchorTrackDebounce);
-        _anchorTrackDebounce = setTimeout(() => {
-          _currentPositionAnchor = getPositionAnchor(contentEl);
-          const f = _fractionFromAnchor(contentEl, _currentPositionAnchor);
-          _noteReadingPosition(_currentPositionAnchor, f === null ? 0 : f);
-          if (progressInput && f !== null && document.activeElement !== progressInput) {
-            progressInput.value = _formatBookPercent(f);
-          }
-        }, 150);
-      }, {passive: true});
-    }
-
-    // Restore anchor on viewport resize (e.g. screen rotation, font zoom)
-    if (!isPdf) {
-      _resizeObserver = new ResizeObserver(() => {
-        if (_currentPositionAnchor) {
-          _suppressScrollJumpDetect();
-          requestAnimationFrame(() => restoreFromAnchor(contentEl, _currentPositionAnchor));
-        }
-        _repositionMarginMarkers();
-      });
-      _resizeObserver.observe(contentEl);
-    }
-
-    // Offer to jump back after a sudden, large scroll (accidental fling,
-    // fat-fingered 'g'/'G' keybind, etc.) — see _checkScrollJump above.
-    _scrollRestTop = null;
-    let _scrollJumpRaf = null;
-    contentEl.addEventListener('scroll', () => {
-      if (_scrollJumpRaf) return;
-      _scrollJumpRaf = requestAnimationFrame(() => {
-        _scrollJumpRaf = null;
-        _checkScrollJump(contentEl);
-        _repositionMarginMarkers();
-      });
-    }, {passive: true});
-
-    enterReaderImmersiveMode();
-
-  } catch (e) {
-    console.error('openBook failed:', e);
-    overlay.style.display = 'none';
-    markBookBroken(bookId);
-  }
-}
-
-async function exportEncKey() {
-  const statusEl = $('book-key-status');
-  try {
-    const key = await getOrCreateEncKey();
-    const raw = await crypto.subtle.exportKey('raw', key);
-    const b64 = bytesToBase64(raw);
-    await navigator.clipboard.writeText(b64);
-    if (statusEl) statusEl.textContent = '✓ Schlüssel in die Zwischenablage kopiert';
-    setTimeout(() => { if (statusEl) statusEl.textContent = ''; }, 3000);
-  } catch (e) {
-    if (statusEl) statusEl.textContent = 'Export fehlgeschlagen: ' + e.message;
-  }
-}
-
-function showImportKey() {
-  const body = $('sidebar-body');
-  openSidebar('Schlüssel importieren', `
-    <p class="muted">Füge den Schlüssel ein, den du im anderen Browser exportiert hast:</p>
-    <textarea id="import-key-input" class="search-input" rows="3" style="width:100%;resize:none;font-family:monospace;font-size:0.75rem;"></textarea>
-    <button class="btn" style="margin-top:8px;" data-import-key-apply>Übernehmen</button>
-    <p class="muted" style="margin-top:8px;">Das ersetzt den Schlüssel in diesem Browser. Hier hochgeladene Bücher sind erst wieder lesbar, wenn du den Schlüssel zurück abgleichst.</p>
-  `);
-  body.addEventListener('click', async function _importClick(e) {
-    if (!e.target.closest('[data-import-key-apply]')) return;
-    body.removeEventListener('click', _importClick);
-    const b64 = (body.querySelector('#import-key-input')?.value || '').trim();
-    const statusEl = $('book-key-status');
-    try {
-      const raw = base64ToBytes(b64);
-      const importedKey = await crypto.subtle.importKey('raw', raw, {name: 'AES-GCM', length: 256}, true, ['encrypt', 'decrypt']);
-      const re_exported = await crypto.subtle.exportKey('raw', importedKey);
-      localStorage.setItem(`diora_enc_key_${window.USER_ID}`, bytesToBase64(re_exported));
-      closeSidebar();
-      if (statusEl) statusEl.textContent = '✓ Schlüssel importiert – Bücher werden neu geladen …';
-      await loadBookList();
-      if (statusEl) setTimeout(() => { statusEl.textContent = ''; }, 3000);
-    } catch (e) {
-      if ($('book-key-status')) $('book-key-status').textContent = 'Import fehlgeschlagen: ungültiger Schlüssel';
-    }
-  });
-}
-
-async function deleteBook(bookId) {
-  if (!await customConfirm('Dieses Buch löschen? Das lässt sich nicht rückgängig machen.', { danger: true })) return;
-  try {
-    const res = await fetch(`/books/${bookId}/delete/`, {
-      method: 'POST',
-      headers: {'X-CSRFToken': getCsrfToken()},
-    });
-    const data = await res.json();
-    if (data.ok) loadBookList();
-  } catch (e) {}
-}
-
-// Opened somewhere before the furthest place reached: offer it.
-function _offerFurthestPosition(p) {
-  if (!p) return;
-  const furthest = p.furthest_fraction || 0;
-  if (furthest - (p.scroll_fraction || 0) < 0.02 || furthest >= 0.999) return;
-  const pos = _readPos;
-  _readerToast(`Weiteste Stelle: ${_formatBookPercent(furthest)} %`, 'Dorthin', () => {
-    if (_readPos !== pos) return;
-    _noteReaderInteraction();
-    _jumpToPosition(p.furthest_anchor || '', furthest);
-  }, 8000);
-}
-
-async function saveReaderProgress(force = false) {
-  if (!currentBookId) return;
-  const contentEl = $('reader-content');
-  if (!contentEl) return;
-
-  let fraction;
-  if (readerSettings.pdfPaginated && currentPdfDoc && pdfTotalPages > 1) {
-    fraction = (pdfCurrentPage - 1) / (pdfTotalPages - 1);
-  } else {
-    fraction = contentEl.scrollTop / (contentEl.scrollHeight - contentEl.clientHeight || 1);
-  }
-
-  // Chapter wrappers carry unique ids; seeing one twice means the book was
-  // rendered twice. Positions from that DOM are wrong — don't store them.
-  if (!currentPdfDoc && contentEl.querySelectorAll('#epub-chapter-0').length > 1) {
-    console.warn('Book rendered twice, progress not saved');
-    return;
-  }
-
-  // Not restored yet (or another book): what's shown isn't a place read.
-  const pos = _readPos;
-  if (!pos || !pos.ready || pos.bookId !== currentBookId) return;
-  // A jump that's only a look: the place before it stays.
-  if (pos.hold && !force) return;
-
-  let anchor = '';
-  if (!currentPdfDoc) {
-    anchor = getPositionAnchor(contentEl);
-    _currentPositionAnchor = anchor;
-    // EPUB: share of the text, the same on every device and layout.
-    const textFraction = _fractionFromAnchor(contentEl, anchor);
-    if (textFraction !== null) fraction = textFraction;
-  }
-  fraction = Math.min(1.0, Math.max(0.0, fraction));
-
-  _noteReadingPosition(anchor, fraction);
-  if (force) {
-    pos.readAt = Date.now();
-    pos.moved = true;
-  }
-  // Nothing read here since opening: the server has this place already.
-  if (!pos.moved) return;
-
-  const entry = {book: currentBookId, fraction, anchor, read_at: pos.readAt, device: _progressDevice(), ...(force && {force: true})};
-  const sig = `${entry.book}|${anchor}|${fraction.toFixed(5)}|${entry.read_at}`;
-  _lastProgressBeacon = entry;
-  if (!force && sig === pos.sentSig) return; // unchanged since the last save
-  pos.sentSig = sig;
-  _progressOutboxPut(entry);
-  _updateCachedBookProgress(currentBookId, fraction, anchor, force, pos.readAt);
-  const sent = await _sendProgress(entry);
-  if (!sent) pos.sentSig = null; // try again with the next save
-  if (sent && force) {
-    const toast = document.createElement('div');
-    toast.className = 'reader-toast';
-    toast.textContent = 'Position gesetzt';
-    document.body.appendChild(toast);
-    setTimeout(() => toast.remove(), 1800);
-  }
-}
-
-function closeReader() {
-  exitReaderImmersiveMode();
-  stopReadAloud();
-  // Save progress BEFORE hiding — scrollHeight/clientHeight return 0 once display:none
-  saveReaderProgress();
-  _readPos = null; // nothing more is saved for this book
-  if (bookmarksDirty) saveBookmarks();
-  if (highlightsDirty) saveHighlights();
-
-  const overlay = $('reader-overlay');
-  if (overlay) overlay.style.display = 'none';
-  if (readerScrollSaveTimer) {
-    clearInterval(readerScrollSaveTimer);
-    readerScrollSaveTimer = null;
-  }
-  if (_resizeObserver) {
-    _resizeObserver.disconnect();
-    _resizeObserver = null;
-  }
-  _currentPositionAnchor = '';
-
-  // Close the margin panel
-  readerAnnotationsMarginOpen = false;
-  const marginEl = $('reader-margin');
-  if (marginEl) marginEl.classList.remove('open');
-  const marginMarkersEl = $('reader-margin-markers');
-  if (marginMarkersEl) marginMarkersEl.innerHTML = '';
-
-  // Disarm marker mode
-  markerModeActive = false;
-  document.querySelectorAll('.marker-mode-btn').forEach(b => b.classList.remove('active'));
-  dismissNoteBottomSheet();
-
-  // Clear search before wiping content
-  clearReaderSearch();
-
-  // Close settings panel if open
-  readerSettingsPanelOpen = false;
-  const sp = document.getElementById('reader-settings-panel');
-  if (sp) sp.remove();
-
-  // Reset progress input
-  const progressInput = $('reader-progress-input');
-  if (progressInput) { progressInput.style.display = 'none'; progressInput.value = 0; }
-  const progressSuffix = $('reader-progress-suffix');
-  if (progressSuffix) progressSuffix.textContent = '';
-
-  // Remove touch handlers and free image blob URLs
-  const contentEl = $('reader-content');
-  if (contentEl) {
-    contentEl.removeEventListener('touchstart',  _pdfTouchStart);
-    contentEl.removeEventListener('touchmove',   _pdfTouchMove);
-    contentEl.removeEventListener('touchend',    _pdfTouchEnd);
-    contentEl.removeEventListener('touchcancel', _pdfTouchEnd);
-    contentEl.classList.remove('pinch-active');
-    contentEl.innerHTML = '';
-  }
-  for (const url of Object.values(currentImageMap)) URL.revokeObjectURL(url);
-  currentImageMap = {};
-
-  // Reset all state
-  currentBookId = null;
-  currentBookToc = [];
-  _currentBookCharCount = 0;
-  currentPdfDoc = null;
-  currentPdfBuffer = null;
-  currentBookmarks = [];
-  bookmarksDirty = false;
-  currentHighlights = [];
-  highlightsDirty = false;
-  _lastProgressBeacon = null;
-  _lastBookmarkBeacon = null;
-  _lastHighlightBeacon = null;
-  dismissHighlightPopover();
-  pdfCurrentPage = 1;
-  pdfTotalPages = 0;
-  _pdfPageTextBoxCache = {};
-
-  // Remove PDF invert class
-  if (overlay) overlay.classList.remove('pdf-inverted');
-
-}
-
-function openTocSidebar() {
-  if (!currentBookToc.length) {
-    openSidebar('Inhaltsverzeichnis', '<p class="muted">Dieses Buch hat kein Inhaltsverzeichnis.</p>');
-    return;
-  }
-  let html = '<ul class="toc-list">';
-  for (const entry of currentBookToc) {
-    const indent = entry.depth * 14;
-    // Use data-toc-href — onclick would be stripped by sanitizeSidebarHtml
-    html += `<li style="padding-left:${indent}px">
-      <button class="btn-link toc-entry" data-toc-href="${escapeHtml(entry.href)}">${escapeHtml(entry.label)}</button>
-    </li>`;
-  }
-  html += '</ul>';
-  openSidebar('Inhaltsverzeichnis', html);
-  // Attach delegated listener after sidebar body is populated
-  const body = $('sidebar-body');
-  body.addEventListener('click', function _tocClick(e) {
-    const btn = e.target.closest('.toc-entry');
-    if (btn) {
-      body.removeEventListener('click', _tocClick);
-      jumpToTocEntry(btn.getAttribute('data-toc-href') || '');
-    }
-  });
-}
-
-function jumpToTocEntry(href) {
-  closeSidebar();
-  _suppressScrollJumpDetect();
-  setTimeout(() => {
-    const contentEl = $('reader-content');
-    if (!contentEl) return;
-
-    // PDF page jump
-    if (href.startsWith('#pdf-page-')) {
-      const target = contentEl.querySelector(href);
-      if (target) {
-        const top = target.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
-        contentEl.scrollBy({top: top - 16, behavior: 'smooth'});
-      }
-      return;
-    }
-
-    const hashIdx = href.indexOf('#');
-    const fragment = hashIdx >= 0 ? href.slice(hashIdx + 1) : '';
-    const filePath = hashIdx >= 0 ? href.slice(0, hashIdx) : href;
-
-    let target = null;
-    if (fragment) {
-      target = contentEl.querySelector(`#${CSS.escape(fragment)}`);
-    }
-    if (!target && filePath) {
-      target = Array.from(contentEl.querySelectorAll('[data-epub-src]'))
-        .find(el => el.getAttribute('data-epub-src') === filePath) || null;
-    }
-    if (target) {
-      const top = target.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
-      contentEl.scrollBy({top: top - 16, behavior: 'smooth'});
-    }
-  }, 50);
-}
-
-// ---------------------------------------------------------------------------
-// Reader Settings
-// ---------------------------------------------------------------------------
-
-// Typography defaults. Phones keep the long-standing ones; a wide screen
-// (desktop browser, diora desktop) starts bigger and wider.
-const _READER_TYPE_DEFAULTS_NARROW = { fontSize: 16, lineHeight: 1.8, maxWidth: 65, fontWeight: null };
-const _READER_TYPE_DEFAULTS_WIDE = { fontSize: 20, lineHeight: 1.6, maxWidth: 90, fontWeight: 375 };
-const _READER_WIDTH_MAX = 140; // ch, the width slider's upper end ("Full" stays separate)
-
-function _readerTypeDefaults() {
-  return window.matchMedia('(min-width: 900px)').matches
-    ? _READER_TYPE_DEFAULTS_WIDE : _READER_TYPE_DEFAULTS_NARROW;
-}
-
-function loadReaderSettings(bookId) {
-  // Reset to defaults, then apply per-book overrides
-  Object.assign(readerSettings, { theme: 'app', fontFamily: 'serif', noBold: false,
-                                   pdfZoom: 100, pdfInverted: false, pdfPaginated: false, pdfSpread: false },
-                _readerTypeDefaults());
-  try {
-    const saved = JSON.parse(localStorage.getItem(`diora_reader_settings_${bookId}`) || '{}');
-    // Settings saved before v2 hold every value, changed or not. A value equal
-    // to the old default was never chosen, so it gives way to today's default.
-    if (!saved.v) {
-      for (const [key, old] of Object.entries(_READER_TYPE_DEFAULTS_NARROW)) {
-        if (saved[key] === old) delete saved[key];
-      }
-    }
-    // Before v3 the reader's theme was always stored, "dark" by default: that now means "Wie die App".
-    if ((saved.v || 0) < 3 && saved.theme === 'dark') delete saved.theme;
-    delete saved.v;
-    Object.assign(readerSettings, saved);
-    if (saved.pdfPaginated === undefined) {
-      readerSettings.pdfPaginated = window.innerWidth < 768;
-    }
-  } catch (e) {}
-}
-
-function saveReaderSettings() {
-  if (currentBookId) {
-    localStorage.setItem(`diora_reader_settings_${currentBookId}`, JSON.stringify({ ...readerSettings, v: 3 }));
-  }
-}
-
-function applyReaderSettings(isPdf) {
-  const overlay = $('reader-overlay');
-  const contentEl = $('reader-content');
-  if (!overlay || !contentEl) return;
-
-  if (!isPdf) {
-    contentEl.style.fontSize = readerSettings.fontSize + 'px';
-    contentEl.style.lineHeight = readerSettings.lineHeight;
-    contentEl.style.setProperty('--reader-max-width', readerSettings.maxWidth + 'ch');
-    const fontMap = {
-      serif:    "'Source Serif 4', Georgia, 'Times New Roman', serif",
-      sans:     'system-ui, -apple-system, sans-serif',
-      humanist: 'Verdana, Geneva, sans-serif',
-      mono:     "'Courier New', monospace",
-    };
-    contentEl.style.fontFamily = fontMap[readerSettings.fontFamily] || fontMap.serif;
-    contentEl.classList.toggle('reader-no-bold', !!readerSettings.noBold);
-    // Weight: null keeps the stylesheet's. --reader-weight lets old WebViews
-    // without variable-font support (which drop weights like 425) pick a
-    // static cut instead.
-    contentEl.style.fontWeight = '';
-    if (readerSettings.fontWeight) {
-      contentEl.style.fontWeight = String(readerSettings.fontWeight);
-      contentEl.style.setProperty('--reader-weight', String(readerSettings.fontWeight));
-    } else {
-      contentEl.style.removeProperty('--reader-weight');
-    }
-    if (_currentPositionAnchor && currentBookId) {
-      _suppressScrollJumpDetect();
-      requestAnimationFrame(() => restoreFromAnchor($('reader-content'), _currentPositionAnchor));
-    }
-  }
-
-  // Theme
-  overlay.classList.remove('reader-theme-sepia', 'reader-theme-bright');
-  const readerTheme = readerSettings.theme === 'app'
-    ? (document.documentElement.getAttribute('data-theme') === 'light' ? 'bright' : 'dark')
-    : readerSettings.theme;
-  if (readerTheme === 'sepia') overlay.classList.add('reader-theme-sepia');
-  else if (readerTheme === 'bright') overlay.classList.add('reader-theme-bright');
-
-  // PDF invert
-  if (isPdf && readerSettings.pdfInverted) overlay.classList.add('pdf-inverted');
-  else overlay.classList.remove('pdf-inverted');
-
-  // Annotations (marker mode + margin panel) are EPUB-only for now — PDFs have no text layer yet
-  const marginBtn = $('reader-margin-btn');
-  if (marginBtn) marginBtn.style.display = isPdf ? 'none' : '';
-  if (isPdf && readerAnnotationsMarginOpen) toggleAnnotationsMargin();
-  document.querySelectorAll('.marker-mode-btn').forEach(b => { b.style.display = isPdf ? 'none' : ''; });
-  if (isPdf && markerModeActive) toggleMarkerMode();
-}
-
-// Font weight slider: the variable Source Serif 4 takes any weight, the
-// system fonts only their fixed cuts (multiples of 100).
-function _readerWeightStep() {
-  return readerSettings.fontFamily === 'serif' ? 25 : 100;
-}
-
-function _readerWeight() {
-  const step = _readerWeightStep();
-  const w = readerSettings.fontWeight
-    || parseInt(getComputedStyle($('reader-content')).fontWeight, 10) || 400;
-  return Math.round(w / step) * step;
-}
-
-function toggleSettingsPanel() {
-  const overlay = $('reader-overlay');
-  const contentEl = $('reader-content');
-  if (!overlay || !contentEl) return;
-
-  const existing = document.getElementById('reader-settings-panel');
-  if (existing) {
-    existing.remove();
-    readerSettingsPanelOpen = false;
-    return;
-  }
-
-  readerSettingsPanelOpen = true;
-  const isPdf = !!currentPdfDoc;
-
-  const panel = document.createElement('div');
-  panel.id = 'reader-settings-panel';
-  panel.className = 'reader-settings-panel';
-
-  if (!isPdf) {
-    panel.innerHTML = `
-      <label>Schrift <button class="btn btn-sm" id="rs-font-minus">−</button> <input type="range" id="rs-font" min="12" max="24" step="1" value="${readerSettings.fontSize}"> <button class="btn btn-sm" id="rs-font-plus">+</button> <span id="rs-font-val">${readerSettings.fontSize}px</span></label>
-      <label>Zeilen <button class="btn btn-sm" id="rs-line-minus">−</button> <input type="range" id="rs-line" min="12" max="30" step="1" value="${Math.round(readerSettings.lineHeight * 10)}"> <button class="btn btn-sm" id="rs-line-plus">+</button> <span id="rs-line-val">${readerSettings.lineHeight}</span></label>
-      <label>Breite <button class="btn btn-sm" id="rs-width-minus">−</button> <input type="range" id="rs-width" min="40" max="${_READER_WIDTH_MAX}" step="5" value="${Math.min(readerSettings.maxWidth, _READER_WIDTH_MAX)}"> <button class="btn btn-sm" id="rs-width-plus">+</button> <span id="rs-width-val">${readerSettings.maxWidth}ch</span></label>
-      <button class="btn btn-sm" id="rs-width-full">Volle Breite</button>
-      <label>Stärke <button class="btn btn-sm" id="rs-weight-minus">−</button> <input type="range" id="rs-weight" min="200" max="800" step="${_readerWeightStep()}" value="${_readerWeight()}"> <button class="btn btn-sm" id="rs-weight-plus">+</button> <span id="rs-weight-val">${_readerWeight()}</span></label>
-      <button class="btn btn-sm ${readerSettings.fontFamily === 'serif'    ? 'active' : ''}" data-rs-font="serif">Serif</button>
-      <button class="btn btn-sm ${readerSettings.fontFamily === 'sans'     ? 'active' : ''}" data-rs-font="sans">Sans</button>
-      <button class="btn btn-sm ${readerSettings.fontFamily === 'humanist' ? 'active' : ''}" data-rs-font="humanist">Verdana</button>
-      <button class="btn btn-sm ${readerSettings.fontFamily === 'mono'     ? 'active' : ''}" data-rs-font="mono">Mono</button>
-      <button class="btn btn-sm ${readerSettings.noBold ? 'active' : ''}" id="rs-no-bold">Kein Fett</button>
-      <button class="btn btn-sm ${readerSettings.theme === 'app'    ? 'active' : ''}" data-rs-theme="app">Wie die App</button>
-      <button class="btn btn-sm ${readerSettings.theme === 'dark'   ? 'active' : ''}" data-rs-theme="dark">Dunkel</button>
-      <button class="btn btn-sm ${readerSettings.theme === 'sepia'  ? 'active' : ''}" data-rs-theme="sepia">Sepia</button>
-      <button class="btn btn-sm ${readerSettings.theme === 'bright' ? 'active' : ''}" data-rs-theme="bright">Hell</button>
-    `;
-  } else {
-    panel.innerHTML = `
-      <label>Zoom <button class="btn btn-sm" id="rs-zoom-minus">−</button> <input type="range" id="rs-zoom" min="50" max="200" step="10" value="${readerSettings.pdfZoom}"> <button class="btn btn-sm" id="rs-zoom-plus">+</button> <span id="rs-zoom-val">${readerSettings.pdfZoom}%</span></label>
-      <button class="btn btn-sm ${readerSettings.pdfInverted ? 'active' : ''}" id="rs-invert">Invertieren</button>
-      <button class="btn btn-sm ${readerSettings.pdfSpread ? 'active' : ''}" id="rs-spread">Doppelseite</button>
-    `;
-  }
-
-  overlay.insertBefore(panel, $('reader-body-row'));
-
-  if (!isPdf) {
-    const fontRange = panel.querySelector('#rs-font');
-    const fontVal   = panel.querySelector('#rs-font-val');
-    fontRange.addEventListener('input', () => {
-      readerSettings.fontSize = parseInt(fontRange.value, 10);
-      fontVal.textContent = readerSettings.fontSize + 'px';
-      applyReaderSettings(false);
-      saveReaderSettings();
-    });
-    panel.querySelector('#rs-font-minus').addEventListener('click', () => {
-      fontRange.value = Math.max(+fontRange.min, parseInt(fontRange.value, 10) - 1);
-      fontRange.dispatchEvent(new Event('input'));
-    });
-    panel.querySelector('#rs-font-plus').addEventListener('click', () => {
-      fontRange.value = Math.min(+fontRange.max, parseInt(fontRange.value, 10) + 1);
-      fontRange.dispatchEvent(new Event('input'));
-    });
-
-    const lineRange = panel.querySelector('#rs-line');
-    const lineVal   = panel.querySelector('#rs-line-val');
-    lineRange.addEventListener('input', () => {
-      readerSettings.lineHeight = (parseInt(lineRange.value, 10) / 10).toFixed(1);
-      lineVal.textContent = readerSettings.lineHeight;
-      applyReaderSettings(false);
-      saveReaderSettings();
-    });
-    panel.querySelector('#rs-line-minus').addEventListener('click', () => {
-      lineRange.value = Math.max(+lineRange.min, parseInt(lineRange.value, 10) - 1);
-      lineRange.dispatchEvent(new Event('input'));
-    });
-    panel.querySelector('#rs-line-plus').addEventListener('click', () => {
-      lineRange.value = Math.min(+lineRange.max, parseInt(lineRange.value, 10) + 1);
-      lineRange.dispatchEvent(new Event('input'));
-    });
-
-    const widthRange = panel.querySelector('#rs-width');
-    const widthVal   = panel.querySelector('#rs-width-val');
-    widthRange.addEventListener('input', () => {
-      readerSettings.maxWidth = parseInt(widthRange.value, 10);
-      widthVal.textContent = readerSettings.maxWidth + 'ch';
-      applyReaderSettings(false);
-      saveReaderSettings();
-    });
-    panel.querySelector('#rs-width-minus').addEventListener('click', () => {
-      widthRange.value = Math.max(+widthRange.min, parseInt(widthRange.value, 10) - 5);
-      widthRange.dispatchEvent(new Event('input'));
-    });
-    panel.querySelector('#rs-width-plus').addEventListener('click', () => {
-      widthRange.value = Math.min(+widthRange.max, parseInt(widthRange.value, 10) + 5);
-      widthRange.dispatchEvent(new Event('input'));
-    });
-
-    panel.querySelector('#rs-width-full').addEventListener('click', () => {
-      readerSettings.maxWidth = 999;
-      widthRange.value = 90;
-      widthVal.textContent = 'full';
-      applyReaderSettings(false);
-      saveReaderSettings();
-    });
-
-    const weightRange = panel.querySelector('#rs-weight');
-    const weightVal   = panel.querySelector('#rs-weight-val');
-    weightRange.addEventListener('input', () => {
-      readerSettings.fontWeight = parseInt(weightRange.value, 10);
-      weightVal.textContent = readerSettings.fontWeight;
-      applyReaderSettings(false);
-      saveReaderSettings();
-    });
-    panel.querySelector('#rs-weight-minus').addEventListener('click', () => {
-      weightRange.value = Math.max(+weightRange.min, parseInt(weightRange.value, 10) - +weightRange.step);
-      weightRange.dispatchEvent(new Event('input'));
-    });
-    panel.querySelector('#rs-weight-plus').addEventListener('click', () => {
-      weightRange.value = Math.min(+weightRange.max, parseInt(weightRange.value, 10) + +weightRange.step);
-      weightRange.dispatchEvent(new Event('input'));
-    });
-
-    panel.querySelectorAll('[data-rs-font]').forEach(btn => {
-      btn.addEventListener('click', () => {
-        readerSettings.fontFamily = btn.dataset.rsFont;
-        panel.querySelectorAll('[data-rs-font]').forEach(b => b.classList.toggle('active', b === btn));
-        // The system fonts only have cuts at multiples of 100.
-        weightRange.step = _readerWeightStep();
-        if (readerSettings.fontWeight) {
-          readerSettings.fontWeight = Math.round(readerSettings.fontWeight / weightRange.step) * weightRange.step;
-        }
-        applyReaderSettings(false);
-        saveReaderSettings();
-        weightRange.value = _readerWeight();
-        weightVal.textContent = _readerWeight();
-      });
-    });
-
-    panel.querySelector('#rs-no-bold').addEventListener('click', function () {
-      readerSettings.noBold = !readerSettings.noBold;
-      this.classList.toggle('active', readerSettings.noBold);
-      applyReaderSettings(false);
-      saveReaderSettings();
-    });
-
-    panel.querySelectorAll('[data-rs-theme]').forEach(btn => {
-      btn.addEventListener('click', () => {
-        readerSettings.theme = btn.dataset.rsTheme;
-        panel.querySelectorAll('[data-rs-theme]').forEach(b => b.classList.toggle('active', b === btn));
-        applyReaderSettings(false);
-        saveReaderSettings();
-      });
-    });
-  } else {
-    const zoomRange = panel.querySelector('#rs-zoom');
-
-    zoomRange.addEventListener('input', () => applyPdfZoom(parseInt(zoomRange.value, 10)));
-    panel.querySelector('#rs-zoom-minus').addEventListener('click', () =>
-      applyPdfZoom(Math.max(50,  readerSettings.pdfZoom - 10)));
-    panel.querySelector('#rs-zoom-plus').addEventListener('click', () =>
-      applyPdfZoom(Math.min(200, readerSettings.pdfZoom + 10)));
-
-    panel.querySelector('#rs-invert').addEventListener('click', function () {
-      readerSettings.pdfInverted = !readerSettings.pdfInverted;
-      this.classList.toggle('active', readerSettings.pdfInverted);
-      applyReaderSettings(true);
-      saveReaderSettings();
-    });
-
-    panel.querySelector('#rs-spread').addEventListener('click', function () {
-      readerSettings.pdfSpread = !readerSettings.pdfSpread;
-      this.classList.toggle('active', readerSettings.pdfSpread);
-      saveReaderSettings();
-      reRenderPdf();
-    });
-
-  }
-}
-
-async function applyPdfZoom(newZoom) {
-  readerSettings.pdfZoom = newZoom;
-  const zoomRange = document.getElementById('rs-zoom');
-  const zoomVal = document.getElementById('rs-zoom-val');
-  if (zoomRange) zoomRange.value = newZoom;
-  if (zoomVal) zoomVal.textContent = newZoom + '%';
-  saveReaderSettings();
-  if (readerSettings.pdfPaginated) {
-    pdfSmartZoomPage(pdfCurrentPage);
-  } else {
-    await reRenderPdf();
-  }
-}
-
-function _currentScrollPage(contentEl) {
-  const wrappers = contentEl.querySelectorAll('.pdf-page-wrapper');
-  const viewTop = contentEl.scrollTop;
-  for (const w of wrappers) {
-    if (w.offsetTop + w.offsetHeight > viewTop) {
-      const n = parseInt(w.id.replace('pdf-page-', ''), 10);
-      if (n) return n;
-    }
-  }
-  return pdfCurrentPage || 1;
-}
-
-async function reRenderPdf() {
-  if (!currentPdfBuffer) return;
-  const contentEl = $('reader-content');
-  if (!contentEl) return;
-  const pivot = readerSettings.pdfPaginated ? pdfCurrentPage : _currentScrollPage(contentEl);
-  await renderPdf(currentPdfBuffer, contentEl, undefined, pivot);
-  if (readerSettings.pdfPaginated) enterPdfPaginatedMode();
-}
-
-// ---------------------------------------------------------------------------
-// PDF Paginated Mode
-// ---------------------------------------------------------------------------
-
-function enterPdfPaginatedMode() {
-  const contentEl = $('reader-content');
-  if (!contentEl) return;
-  contentEl.classList.add('pdf-paginated');
-  contentEl.style.overflow = 'hidden';
-  const pdfVp = document.getElementById('pdf-viewport');
-  if (pdfVp) pdfVp.style.zoom = 1;
-
-  const wrappers = contentEl.querySelectorAll('.pdf-page-wrapper');
-  wrappers.forEach((w, i) => {
-    w.style.display = (i + 1 === pdfCurrentPage) ? '' : 'none';
-  });
-
-  pdfSmartZoomPage(pdfCurrentPage);
-
-  // Tap left/right to navigate
-  contentEl.addEventListener('click', _pdfPaginatedClick);
-}
-
-function exitPdfPaginatedMode() {
-  const contentEl = $('reader-content');
-  if (!contentEl) return;
-  contentEl.classList.remove('pdf-paginated');
-  contentEl.style.overflow = '';
-  contentEl.removeEventListener('click', _pdfPaginatedClick);
-  reRenderPdf();
-}
-
-function _pdfPaginatedClick(e) {
-  const w = e.currentTarget.clientWidth;
-  if (e.clientX < w * 0.4) pdfGoToPage(pdfCurrentPage - 1);
-  else if (e.clientX > w * 0.6) pdfGoToPage(pdfCurrentPage + 1);
-}
-
-function _pdfTouchStart(e) {
-  if (e.touches.length === 2) {
-    const dx = e.touches[0].clientX - e.touches[1].clientX;
-    const dy = e.touches[0].clientY - e.touches[1].clientY;
-    _pinchStartDist = Math.hypot(dx, dy);
-    _pinchStartZoom = readerSettings.pdfZoom;
-    _isPinching = true;
-    const ce = $('reader-content');
-    if (ce) ce.classList.add('pinch-active');
-  } else {
-    _touchStartX = e.touches[0].clientX;
-    _isPinching = false;
-  }
-}
-
-function _pdfTouchMove(e) {
-  if (e.touches.length !== 2 || !_isPinching) return;
-  e.preventDefault();
-  const dx = e.touches[0].clientX - e.touches[1].clientX;
-  const dy = e.touches[0].clientY - e.touches[1].clientY;
-  const dist = Math.hypot(dx, dy);
-  if (_pinchStartDist === 0) return;
-  const liveZoom = Math.max(50, Math.min(200, _pinchStartZoom * (dist / _pinchStartDist)));
-  const vp = document.getElementById('pdf-viewport');
-  if (vp) vp.style.zoom = liveZoom / 100;
-}
-
-function _pdfTouchEnd(e) {
-  if (_isPinching) {
-    _isPinching = false;
-    const ce = $('reader-content');
-    if (ce) ce.classList.remove('pinch-active');
-    const vp = document.getElementById('pdf-viewport');
-    const liveZoom = vp ? parseFloat(vp.style.zoom) * 100 : readerSettings.pdfZoom;
-    const snapped = Math.max(50, Math.min(200, Math.round(liveZoom / 10) * 10));
-    applyPdfZoom(snapped);
-    return;
-  }
-  if (!readerSettings.pdfPaginated) return;
-  const delta = e.changedTouches[0].clientX - _touchStartX;
-  if (delta > 50) pdfGoToPage(pdfCurrentPage - 1);
-  else if (delta < -50) pdfGoToPage(pdfCurrentPage + 1);
-}
-
-function pdfGoToPage(n) {
-  if (!currentPdfDoc) return;
-  n = Math.max(1, Math.min(pdfTotalPages, n));
-  if (n === pdfCurrentPage) return;
-  const contentEl = $('reader-content');
-  if (!contentEl) return;
-
-  const oldWrapper = contentEl.querySelector(`#pdf-page-${pdfCurrentPage}`);
-  if (oldWrapper) oldWrapper.style.display = 'none';
-
-  pdfCurrentPage = n;
-  const newWrapper = contentEl.querySelector(`#pdf-page-${pdfCurrentPage}`);
-  if (newWrapper) newWrapper.style.display = '';
-
-  pdfSmartZoomPage(pdfCurrentPage);
-
-  const progressInput = $('reader-progress-input');
-  if (progressInput) progressInput.value = pdfCurrentPage;
-}
-
-async function pdfSmartZoomPage(pageNum) {
-  if (!currentPdfDoc) return;
-  const contentEl = $('reader-content');
-  if (!contentEl) return;
-  const wrapper = contentEl.querySelector(`#pdf-page-${pageNum}`);
-  if (!wrapper) return;
-  const canvas = wrapper.querySelector('canvas');
-  if (!canvas) return;
-
-  const page = await currentPdfDoc.getPage(pageNum);
-  const naturalVp = page.getViewport({scale: 1});
-  const pageW = naturalVp.width;
-  const pageH = naturalVp.height;
-
-  let bbox = _pdfPageTextBoxCache[pageNum];
-  if (!bbox) {
-    bbox = await _computePdfTextBox(page, pageW, pageH);
-    _pdfPageTextBoxCache[pageNum] = bbox;
-  }
-
-  const containerW = contentEl.clientWidth;
-  const containerH = contentEl.clientHeight;
-  const contentW = bbox.x2 - bbox.x1;
-  const contentH = bbox.y2 - bbox.y1;
-  const pad = 12;
-  const scale = Math.min(
-    (containerW - pad * 2) / contentW,
-    (containerH - pad * 2) / contentH
-  ) * (readerSettings.pdfZoom / 100);
-
-  // Re-render canvas at new scale if significantly different
-  const currentScale = canvas.width / naturalVp.width;
-  if (Math.abs(scale - currentScale) / currentScale > 0.05) {
-    const vp = page.getViewport({scale});
-    canvas.width = vp.width;
-    canvas.height = vp.height;
-    await page.render({canvasContext: canvas.getContext('2d'), viewport: vp}).promise;
-  }
-
-  // Position canvas to center the text bounding box
-  const renderedScale = canvas.width / naturalVp.width;
-  const offsetX = -renderedScale * (bbox.x1 - pad) + (containerW - renderedScale * contentW - pad * 2) / 2;
-  // PDF y-axis is bottom-up; canvas is top-down
-  const offsetY = -renderedScale * (pageH - bbox.y2 - pad) + (containerH - renderedScale * contentH - pad * 2) / 2;
-  canvas.style.transform = `translate(${offsetX}px, ${offsetY}px)`;
-  wrapper.style.overflow = 'hidden';
-  wrapper.style.width = containerW + 'px';
-  wrapper.style.height = containerH + 'px';
-}
-
-async function _computePdfTextBox(page, pageW, pageH) {
-  // Tier 1: text-based
-  try {
-    const tc = await page.getTextContent();
-    if (tc.items && tc.items.length) {
-      let x1 = Infinity, y1 = Infinity, x2 = -Infinity, y2 = -Infinity;
-      for (const item of tc.items) {
-        if (!item.transform) continue;
-        const tx = item.transform[4], ty = item.transform[5];
-        const iw = item.width || 0, ih = item.height || 0;
-        if (tx < x1) x1 = tx;
-        if (ty < y1) y1 = ty;
-        if (tx + iw > x2) x2 = tx + iw;
-        if (ty + ih > y2) y2 = ty + ih;
-      }
-      const area = (x2 - x1) * (y2 - y1);
-      if (isFinite(x1) && area > pageW * pageH * 0.25) {
-        return {x1, y1, x2, y2};
-      }
-    }
-  } catch (e) {}
-
-  // Tier 2: pixel analysis at scale 0.3
-  try {
-    const lowScale = 0.3;
-    const vp = page.getViewport({scale: lowScale});
-    const offCanvas = document.createElement('canvas');
-    offCanvas.width = vp.width;
-    offCanvas.height = vp.height;
-    const ctx = offCanvas.getContext('2d');
-    await page.render({canvasContext: ctx, viewport: vp}).promise;
-    const {data, width, height} = ctx.getImageData(0, 0, vp.width, vp.height);
-
-    let rMin = height, rMax = 0, cMin = width, cMax = 0;
-    for (let r = 0; r < height; r++) {
-      for (let c = 0; c < width; c++) {
-        const idx = (r * width + c) * 4;
-        if (data[idx] + data[idx+1] + data[idx+2] < 720) {
-          if (r < rMin) rMin = r;
-          if (r > rMax) rMax = r;
-          if (c < cMin) cMin = c;
-          if (c > cMax) cMax = c;
-        }
-      }
-    }
-    if (rMin < rMax && cMin < cMax) {
-      return {
-        x1: cMin / lowScale,
-        y1: (height - rMax) / lowScale,
-        x2: cMax / lowScale,
-        y2: (height - rMin) / lowScale,
-      };
-    }
-  } catch (e) {}
-
-  // Fallback: full page
-  return {x1: 0, y1: 0, x2: pageW, y2: pageH};
-}
-
-// ---------------------------------------------------------------------------
-// Bookmarks
-// ---------------------------------------------------------------------------
-
-async function loadBookmarks(bookId) {
-  try {
-    const res = await fetch(`/books/${bookId}/bookmarks/`);
-    const {ct, iv} = await res.json();
-    if (ct) {
-      _saveAnnotationsCache(bookId, 'bookmarks', ct, iv); // persist for offline
-      const key = await getOrCreateEncKey();
-      const plain = await decryptBytes(key, iv, ct);
-      currentBookmarks = JSON.parse(new TextDecoder().decode(plain));
-    } else {
-      currentBookmarks = [];
-    }
-  } catch (e) {
-    // offline fallback
-    const cached = await _loadAnnotationsCache(bookId, 'bookmarks');
-    if (cached?.ct) {
-      try {
-        const key = await getOrCreateEncKey();
-        const plain = await decryptBytes(key, cached.iv, cached.ct);
-        currentBookmarks = JSON.parse(new TextDecoder().decode(plain));
-      } catch { currentBookmarks = []; }
-    } else {
-      currentBookmarks = [];
-    }
-  }
-}
-
-async function saveBookmarks() {
-  if (!currentBookId) return;
-  try {
-    const key = await getOrCreateEncKey();
-    const plain = new TextEncoder().encode(JSON.stringify(currentBookmarks));
-    const {iv, ciphertext} = await encryptBytes(key, plain);
-    const body = JSON.stringify({ct: ciphertext, iv});
-    const url = `/books/${currentBookId}/bookmarks/`;
-    _lastBookmarkBeacon = {url, body};
-    _saveAnnotationsCache(currentBookId, 'bookmarks', ciphertext, iv); // keep local cache current
-    await fetch(url, {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body,
-    });
-    bookmarksDirty = false;
-  } catch (e) {
-    _markPendingSync(currentBookId, 'bookmarks');
-  }
-}
-
-function addBookmark() {
-  const contentEl = $('reader-content');
-  if (!contentEl || !currentBookId) return;
-
-  let label, anchor, scrollFraction;
-
-  if (currentPdfDoc) {
-    const page = pdfCurrentPage || parseInt($('reader-progress-input')?.value, 10) || 1;
-    label = `Seite ${page}`;
-    anchor = `pdf-page-${page}`;
-    scrollFraction = (page - 1) / Math.max(1, pdfTotalPages - 1);
-  } else {
-    // Find first visible chapter div
-    const chapters = contentEl.querySelectorAll('[data-epub-src]');
-    let visibleChapter = null;
-    for (const ch of chapters) {
-      const rect = ch.getBoundingClientRect();
-      if (rect.bottom > 0 && rect.top < window.innerHeight) {
-        visibleChapter = ch;
-        break;
-      }
-    }
-    const src = visibleChapter?.getAttribute('data-epub-src') || '';
-    label = src.split('/').pop().replace(/\.x?html?$/i, '') || 'Bookmark';
-    anchor = src;
-    scrollFraction = contentEl.scrollTop / (contentEl.scrollHeight - contentEl.clientHeight || 1);
-  }
-
-  const bm = {
-    id: crypto.randomUUID(),
-    label,
-    anchor,
-    scrollFraction,
-    createdAt: new Date().toISOString(),
-  };
-  currentBookmarks.unshift(bm);
-  bookmarksDirty = true;
-  saveBookmarks();
-
-  // Toast
-  const toast = document.createElement('div');
-  toast.className = 'reader-toast';
-  toast.textContent = `★ Lesezeichen: ${label}`;
-  document.body.appendChild(toast);
-  setTimeout(() => toast.remove(), 2200);
-}
-
-function openBookmarksSidebar() {
-  if (!currentBookmarks.length) {
-    openSidebar('Lesezeichen', '<p class="muted">Noch keine Lesezeichen. Tippe beim Lesen auf ★.</p>');
-    return;
-  }
-  let html = '<ul style="list-style:none;padding:0;">';
-  for (const bm of currentBookmarks) {
-    html += `<li class="bookmark-entry">
-      <button class="btn-link" data-jump-bookmark="${escapeHtml(bm.id)}" style="flex:1;text-align:left;">
-        ${escapeHtml(bm.label)}
-      </button>
-      <button class="btn-icon" data-delete-bookmark="${escapeHtml(bm.id)}" title="Löschen">✕</button>
-    </li>`;
-  }
-  html += '</ul>';
-  openSidebar('Lesezeichen', html);
-
-  const body = $('sidebar-body');
-  body.addEventListener('click', function _bmClick(e) {
-    const jumpBtn = e.target.closest('[data-jump-bookmark]');
-    const delBtn  = e.target.closest('[data-delete-bookmark]');
-    if (jumpBtn) {
-      body.removeEventListener('click', _bmClick);
-      jumpToBookmark(jumpBtn.dataset.jumpBookmark);
-    }
-    if (delBtn) {
-      const id = delBtn.dataset.deleteBookmark;
-      currentBookmarks = currentBookmarks.filter(b => b.id !== id);
-      bookmarksDirty = true;
-      saveBookmarks();
-      openBookmarksSidebar(); // re-render
-    }
-  });
-}
-
-function jumpToBookmark(id) {
-  const bm = currentBookmarks.find(b => b.id === id);
-  if (!bm) return;
-  closeSidebar();
-  _suppressScrollJumpDetect();
-  setTimeout(() => {
-    const contentEl = $('reader-content');
-    if (!contentEl) return;
-    if (bm.anchor.startsWith('pdf-page-')) {
-      if (readerSettings.pdfPaginated) {
-        pdfGoToPage(parseInt(bm.anchor.replace('pdf-page-', ''), 10) || 1);
-      } else {
-        const target = contentEl.querySelector('#' + bm.anchor);
-        if (target) {
-          const top = target.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
-          contentEl.scrollBy({top: top - 16, behavior: 'smooth'});
-        }
-      }
-    } else {
-      const target = Array.from(contentEl.querySelectorAll('[data-epub-src]'))
-        .find(el => el.getAttribute('data-epub-src') === bm.anchor);
-      if (target) {
-        const top = target.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
-        contentEl.scrollBy({top: top - 16, behavior: 'smooth'});
-      } else {
-        contentEl.scrollTop = bm.scrollFraction * (contentEl.scrollHeight - contentEl.clientHeight);
-      }
-    }
-  }, 50);
-}
-
-// ---------------------------------------------------------------------------
-// Reader Search
-// ---------------------------------------------------------------------------
-
-let _readerSearchDebounce = null;
-
-function toggleReaderSearch() {
-  const overlay = $('reader-overlay');
-  const contentEl = $('reader-content');
-  if (!overlay || !contentEl) return;
-
-  const existing = document.getElementById('reader-search-bar');
-  if (existing) {
-    existing.remove();
-    readerSearchOpen = false;
-    clearReaderSearch();
-    return;
-  }
-
-  readerSearchOpen = true;
-  const bar = document.createElement('div');
-  bar.id = 'reader-search-bar';
-  bar.className = 'reader-search-bar';
-  bar.innerHTML = `
-    <input type="text" id="reader-search-input" class="search-input" placeholder="Suchen …" style="width:160px;">
-    <button class="btn-icon" id="rs-search-prev" title="Vorheriger Treffer">↑</button>
-    <button class="btn-icon" id="rs-search-next" title="Nächster Treffer">↓</button>
-    <span id="rs-search-count" class="muted"></span>
-    <button class="btn-icon" id="rs-search-clear" title="Close">✕</button>
-  `;
-  overlay.insertBefore(bar, $('reader-body-row'));
-
-  const input = bar.querySelector('#reader-search-input');
-  input.focus();
-  input.addEventListener('input', () => {
-    clearTimeout(_readerSearchDebounce);
-    _readerSearchDebounce = setTimeout(() => doReaderSearch(input.value.trim()), 300);
-  });
-  input.addEventListener('keydown', e => {
-    if (e.key === 'Enter') { e.shiftKey ? readerSearchPrev() : readerSearchNext(); }
-    if (e.key === 'Escape') { toggleReaderSearch(); }
-  });
-  bar.querySelector('#rs-search-prev').addEventListener('click', readerSearchPrev);
-  bar.querySelector('#rs-search-next').addEventListener('click', readerSearchNext);
-  bar.querySelector('#rs-search-clear').addEventListener('click', toggleReaderSearch);
-}
-
-async function doReaderSearch(query) {
-  const contentEl = $('reader-content');
-  if (!contentEl) return;
-  const countEl = document.getElementById('rs-search-count');
-
-  clearReaderSearchHighlights();
-  searchMatches = [];
-  searchMatchIndex = -1;
-
-  if (!query) { if (countEl) countEl.textContent = ''; return; }
-
-  if (!currentPdfDoc) {
-    // EPUB: snapshot original content
-    if (!searchOriginalContent) {
-      searchOriginalContent = contentEl.innerHTML;
-    } else {
-      contentEl.innerHTML = searchOriginalContent;
-      applyHighlightsToContent();
-    }
-
-    const walker = document.createTreeWalker(contentEl, NodeFilter.SHOW_TEXT);
-    const lq = query.toLowerCase();
-    const ranges = [];
-    let node;
-    while ((node = walker.nextNode())) {
-      const text = node.textContent;
-      const lt = text.toLowerCase();
-      let idx = 0;
-      while ((idx = lt.indexOf(lq, idx)) !== -1) {
-        const range = document.createRange();
-        range.setStart(node, idx);
-        range.setEnd(node, idx + query.length);
-        ranges.push(range);
-        idx += query.length;
-      }
-    }
-
-    // Insert marks in reverse to preserve range validity
-    for (let i = ranges.length - 1; i >= 0; i--) {
-      try {
-        const mark = document.createElement('mark');
-        mark.className = 'reader-search-match';
-        ranges[i].surroundContents(mark);
-        searchMatches.unshift(mark);
-      } catch (e) {}
-    }
-  } else {
-    // PDF: collect text layer spans
-    const spans = contentEl.querySelectorAll('.pdf-text-layer > span');
-    const lq = query.toLowerCase();
-    for (const span of spans) {
-      if (span.textContent.toLowerCase().includes(lq)) {
-        span.classList.add('reader-search-match');
-        searchMatches.push(span);
-      }
-    }
-  }
-
-  if (countEl) countEl.textContent = searchMatches.length ? `1 / ${searchMatches.length}` : '0';
-  if (searchMatches.length) {
-    searchMatchIndex = 0;
-    scrollToSearchMatch(0);
-  }
-}
-
-function clearReaderSearchHighlights() {
-  if (!currentPdfDoc) {
-    // EPUB: restore from snapshot
-    if (searchOriginalContent !== null) {
-      const contentEl = $('reader-content');
-      if (contentEl) {
-        contentEl.innerHTML = searchOriginalContent;
-        applyHighlightsToContent();
-      }
-      searchOriginalContent = null;
-    } else {
-      // Just remove marks without full restore
-      document.querySelectorAll('mark.reader-search-match').forEach(m => {
-        const parent = m.parentNode;
-        while (m.firstChild) parent.insertBefore(m.firstChild, m);
-        parent.removeChild(m);
-      });
-    }
-  } else {
-    // PDF: remove highlight class from spans
-    document.querySelectorAll('.reader-search-match').forEach(el => {
-      el.classList.remove('reader-search-match', 'active');
-    });
-  }
-  searchMatches = [];
-  searchMatchIndex = -1;
-}
-
-function clearReaderSearch() {
-  clearTimeout(_readerSearchDebounce);
-  clearReaderSearchHighlights();
-  readerSearchOpen = false;
-  const countEl = document.getElementById('rs-search-count');
-  if (countEl) countEl.textContent = '';
-}
-
-function scrollToSearchMatch(idx) {
-  if (!searchMatches.length) return;
-  _suppressScrollJumpDetect();
-  searchMatches.forEach((m, i) => m.classList.toggle('active', i === idx));
-  searchMatches[idx].scrollIntoView({behavior: 'smooth', block: 'center'});
-  const countEl = document.getElementById('rs-search-count');
-  if (countEl) countEl.textContent = `${idx + 1} / ${searchMatches.length}`;
-}
-
-function readerSearchNext() {
-  if (!searchMatches.length) return;
-  searchMatchIndex = (searchMatchIndex + 1) % searchMatches.length;
-  scrollToSearchMatch(searchMatchIndex);
-}
-
-function readerSearchPrev() {
-  if (!searchMatches.length) return;
-  searchMatchIndex = (searchMatchIndex - 1 + searchMatches.length) % searchMatches.length;
-  scrollToSearchMatch(searchMatchIndex);
-}
-
-// ---------------------------------------------------------------------------
-// Highlights
-// ---------------------------------------------------------------------------
-
-async function loadHighlights(bookId) {
-  try {
-    const res = await fetch(`/books/${bookId}/highlights/`);
-    const {ct, iv} = await res.json();
-    if (ct) {
-      _saveAnnotationsCache(bookId, 'highlights', ct, iv); // persist for offline
-      const key = await getOrCreateEncKey();
-      const plain = await decryptBytes(key, iv, ct);
-      currentHighlights = JSON.parse(new TextDecoder().decode(plain));
-    } else {
-      currentHighlights = [];
-    }
-    applyHighlightsToContent();
-  } catch (e) {
-    // offline fallback
-    const cached = await _loadAnnotationsCache(bookId, 'highlights');
-    if (cached?.ct) {
-      try {
-        const key = await getOrCreateEncKey();
-        const plain = await decryptBytes(key, cached.iv, cached.ct);
-        currentHighlights = JSON.parse(new TextDecoder().decode(plain));
-      } catch { currentHighlights = []; }
-    } else {
-      currentHighlights = [];
-    }
-    applyHighlightsToContent();
-  }
-}
-
-async function saveHighlights() {
-  if (!currentBookId) return;
-  try {
-    const key = await getOrCreateEncKey();
-    const plain = new TextEncoder().encode(JSON.stringify(currentHighlights));
-    const {iv, ciphertext} = await encryptBytes(key, plain);
-    const body = JSON.stringify({ct: ciphertext, iv});
-    const url = `/books/${currentBookId}/highlights/`;
-    _lastHighlightBeacon = {url, body};
-    _saveAnnotationsCache(currentBookId, 'highlights', ciphertext, iv); // keep local cache current
-    await fetch(url, {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-      body,
-    });
-    highlightsDirty = false;
-  } catch (e) {
-    _markPendingSync(currentBookId, 'highlights');
-  }
-}
-
-let _highlightSaveDebounce = null;
-function debounceSaveHighlights() {
-  clearTimeout(_highlightSaveDebounce);
-  _highlightSaveDebounce = setTimeout(saveHighlights, 2000);
-}
-
-function applyHighlightsToContent() {
-  const contentEl = $('reader-content');
-  if (!contentEl || currentPdfDoc) return;
-  for (const h of currentHighlights) {
-    try { renderHighlight(h); } catch (e) {}
-  }
-  _repositionMarginMarkers();
-}
-
-// Resolves a highlight/note's stored anchor back to a live DOM Range. Shared by
-// rendering, margin-marker positioning and export ordering — all three need the
-// same "where in the current DOM is this annotation" answer.
-function resolveAnchorRange(h) {
-  const contentEl = $('reader-content');
-  if (!contentEl || !h.anchor) return null;
-
-  let range = null;
-  try {
-    const {blocks} = _epubBlocks(contentEl);
-    const startBlock = blocks[h.anchor.startBlockIndex];
-    const endBlock = blocks[h.anchor.endBlockIndex] ?? startBlock;
-    if (startBlock && endBlock) {
-      const start = _nodeAtCharOffset(startBlock, h.anchor.startChar);
-      const end = _nodeAtCharOffset(endBlock, h.anchor.endChar);
-      if (start && end) {
-        range = document.createRange();
-        range.setStart(start.node, start.offset);
-        range.setEnd(end.node, end.offset);
-      }
-    }
-  } catch (e) {}
-
-  // Fallback: quote substring search within the chapter
-  if (!range && h.anchor.quote) {
-    const chapterEl = contentEl.querySelector(`[data-epub-src="${CSS.escape(h.anchor.chapterSrc || '')}"]`)
-      || contentEl;
-    const walker = document.createTreeWalker(chapterEl, NodeFilter.SHOW_TEXT);
-    let node;
-    while ((node = walker.nextNode())) {
-      const idx = node.textContent.indexOf(h.anchor.quote);
-      if (idx !== -1) {
-        range = document.createRange();
-        range.setStart(node, idx);
-        range.setEnd(node, idx + h.anchor.quote.length);
-        break;
-      }
-    }
-  }
-
-  return range;
-}
-
-function renderHighlight(h) {
-  // Freeform notes carry no in-text mark — their anchor exists purely to
-  // position the note card in the margin (resolveAnchorRange handles that
-  // directly from the stored xpath, no DOM wrapper needed).
-  if (h.type === 'note') return;
-
-  const range = resolveAnchorRange(h);
-  if (!range) return;
-
-  try {
-    const mark = document.createElement('mark');
-    mark.dataset.highlightId = h.id;
-    mark.className = 'epub-highlight';
-    mark.dataset.color = h.color || 'yellow';
-    range.surroundContents(mark);
-  } catch (e) {}
-}
-
-// Character-offset addressing within a block element (p, li, ...), rather
-// than XPath-to-a-specific-text-node: XPath sibling indices shift whenever
-// ANY highlight in the same block gets wrapped/unwrapped in a <mark> (that
-// splits/merges text nodes), silently corrupting OTHER highlights' anchors
-// in the same block. A block's overall textContent length/order is never
-// touched by mark-wrapping, so a character offset into it stays valid no
-// matter how many other highlights come and go around it.
-function _charOffsetInBlock(block, node, nodeOffset) {
-  const walker = document.createTreeWalker(block, NodeFilter.SHOW_TEXT);
-  let count = 0, n;
-  while ((n = walker.nextNode())) {
-    if (n === node) return count + nodeOffset;
-    count += n.textContent.length;
-  }
-  return count;
-}
-
-function _nodeAtCharOffset(block, targetOffset) {
-  const walker = document.createTreeWalker(block, NodeFilter.SHOW_TEXT);
-  let count = 0, lastNode = null, n;
-  while ((n = walker.nextNode())) {
-    lastNode = n;
-    const len = n.textContent.length;
-    if (targetOffset <= count + len) {
-      return {node: n, offset: Math.max(0, targetOffset - count)};
-    }
-    count += len;
-  }
-  return lastNode ? {node: lastNode, offset: lastNode.textContent.length} : null;
-}
-
-function _blockAncestor(node) {
-  const el = node.nodeType === Node.ELEMENT_NODE ? node : node.parentElement;
-  return el ? el.closest(EPUB_BLOCK_SELECTOR) : null;
-}
-
-function buildEpubAnchor(range) {
-  const contentEl = $('reader-content');
-  const chapterEl = range.commonAncestorContainer.nodeType === Node.ELEMENT_NODE
-    ? range.commonAncestorContainer.closest('[data-epub-src]')
-    : range.commonAncestorContainer.parentElement?.closest('[data-epub-src]');
-
-  const startBlock = _blockAncestor(range.startContainer);
-  const endBlock = _blockAncestor(range.endContainer) || startBlock;
-  const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
-
-  return {
-    type: 'epub',
-    chapterSrc: chapterEl?.getAttribute('data-epub-src') || '',
-    startBlockIndex: startBlock ? blocks.indexOf(startBlock) : -1,
-    startChar: startBlock ? _charOffsetInBlock(startBlock, range.startContainer, range.startOffset) : 0,
-    endBlockIndex: endBlock ? blocks.indexOf(endBlock) : -1,
-    endChar: endBlock ? _charOffsetInBlock(endBlock, range.endContainer, range.endOffset) : 0,
-    quote: range.toString().slice(0, 200),
-  };
-}
-
-// Marker mode — armed via the pen button in the reader header. Text selection
-// only opens the highlight popover while this is active, so normal selection
-// (e.g. to copy text) isn't hijacked, and the feature has a discoverable
-// on/off switch instead of being an invisible "just select text" gesture.
-let markerModeActive = false;
-
-function toggleMarkerMode() {
-  markerModeActive = !markerModeActive;
-  document.querySelectorAll('.marker-mode-btn').forEach(b => b.classList.toggle('active', markerModeActive));
-}
-
-// Note editing/creation happens in the margin column on desktop, but a note
-// bottom sheet (see showNoteBottomSheet) on narrow viewports — typing into a
-// 150px margin strip on a phone keyboard is unpleasant, and opening that
-// column at all is exactly the friction we're trying to remove for mobile
-// note-taking. Reviewing existing notes in depth is expected to stay a
-// desktop activity; this only affects where the editor for a note appears.
-function _isMobileReader() {
-  return window.innerWidth <= 600;
-}
-
-function handleReaderSelection(e) {
-  // Clicking an existing highlight always shows its tooltip, regardless of marker mode
-  const hlMark = e.target.closest('.epub-highlight');
-  if (hlMark) {
-    dismissHighlightPopover();
-    const id = hlMark.dataset.highlightId;
-    const h = currentHighlights.find(x => x.id === id);
-    showHighlightTooltip(hlMark, h);
-    return;
-  }
-
-  if (!markerModeActive) return;
-  // Don't hijack taps on real interactive content (footnote refs, external
-  // links) — but plenty of EPUBs wrap plain reading text in a bare, hrefless
-  // <a id="..."> used only as an internal jump target (sanitizeEpubHtml
-  // strips its href but the tag itself stays); those aren't actually
-  // clickable and must not block note-taking, so check for a surviving
-  // href/footnote-ref rather than just "is inside some <a>".
-  if (e.target.closest('button, [data-footnote-ref], a[href]')) return;
-
-  dismissHighlightPopover();
-  const sel = window.getSelection();
-  if (sel && !sel.isCollapsed && sel.rangeCount) {
-    const range = sel.getRangeAt(0);
-    const contentEl = $('reader-content');
-    if (!contentEl || !contentEl.contains(range.commonAncestorContainer)) return;
-    if (range.toString().trim().length === 0) return;
-    showHighlightPopover(range);
-    return;
-  }
-
-  // A plain tap with nothing selected — in marker mode this means "drop a
-  // freeform note here" instead of doing nothing, so a note-only annotation
-  // never depends on finding the margin's precise click target (especially
-  // hard on a narrow phone screen — see createFreeformNote/_openNoteEditor).
-  if (typeof e.clientX === 'number' && typeof e.clientY === 'number') {
-    const range = _wordRangeAtPoint(e.clientX, e.clientY);
-    if (range) createFreeformNote(range);
-  }
-}
-
-function showHighlightPopover(range) {
-  const rect = range.getBoundingClientRect();
-  const popover = document.createElement('div');
-  popover.id = 'highlight-popover';
-  popover.className = 'highlight-popover';
-  popover.innerHTML = `
-    <button class="hl-color-btn" data-hl-color="yellow" style="background:#f1c40f" title="Gelb">A</button>
-    <button class="hl-color-btn" data-hl-color="green"  style="background:#2ecc71" title="Grün">A</button>
-    <button class="hl-color-btn" data-hl-color="blue"   style="background:#3498db" title="Blau">A</button>
-    <button class="hl-color-btn" data-hl-color="red"    style="background:#e63946" title="Rot">A</button>
-    <button class="hl-note-btn" title="Notiz hinzufügen">✎</button>
-  `;
-  popover.style.visibility = 'hidden'; // measure before showing, to avoid a flash at the wrong spot
-  document.body.appendChild(popover);
-  currentHighlightPopover = popover;
-
-  // Clamp within the viewport — a selection near the top/edge of the page must
-  // not produce an invisible, off-screen popover (flip below when there's no
-  // room above; keep it horizontally on-screen).
-  const pRect = popover.getBoundingClientRect();
-  const minTop = window.scrollY + 8;
-  const maxTop = window.scrollY + window.innerHeight - pRect.height - 8;
-  let top = rect.top + window.scrollY - 44;
-  if (top < minTop) top = rect.bottom + window.scrollY + 8; // no room above -> try below
-  top = Math.max(minTop, Math.min(top, maxTop));
-  let left = rect.left + window.scrollX + rect.width / 2 - pRect.width / 2;
-  left = Math.max(window.scrollX + 8, Math.min(left, window.scrollX + window.innerWidth - pRect.width - 8));
-  popover.style.top = top + 'px';
-  popover.style.left = left + 'px';
-  popover.style.visibility = '';
-
-  // Store range info before selection is cleared
-  const savedRange = range.cloneRange();
-
-  popover.addEventListener('click', e => {
-    const colorBtn = e.target.closest('.hl-color-btn');
-    const noteBtn  = e.target.closest('.hl-note-btn');
-    if (colorBtn) {
-      createHighlight(colorBtn.dataset.hlColor, savedRange);
-    } else if (noteBtn) {
-      createHighlightWithNote(savedRange);
-    }
-  });
-}
-
-function showHighlightTooltip(markEl, h) {
-  const rect = markEl.getBoundingClientRect();
-  const popover = document.createElement('div');
-  popover.id = 'highlight-popover';
-  popover.className = 'highlight-popover';
-  popover.style.flexDirection = 'column';
-  popover.style.maxWidth = '220px';
-  const noteText = h?.note ? escapeHtml(h.note) : '<span class="muted">Keine Notiz</span>';
-  popover.innerHTML = `
-    <div style="font-size:12px;padding-bottom:4px;">${noteText}</div>
-    <div style="display:flex;gap:6px;">
-      <button class="btn btn-sm" data-hl-edit-note="${escapeHtml(h?.id || '')}">Notiz bearbeiten</button>
-      <button class="btn btn-sm btn-danger" data-hl-delete="${escapeHtml(h?.id || '')}">Löschen</button>
-    </div>
-  `;
-  popover.style.visibility = 'hidden';
-  document.body.appendChild(popover);
-  currentHighlightPopover = popover;
-
-  const pRect = popover.getBoundingClientRect();
-  const minTop = window.scrollY + 8;
-  const maxTop = window.scrollY + window.innerHeight - pRect.height - 8;
-  let top = rect.bottom + window.scrollY + 4;
-  if (top > maxTop) top = rect.top + window.scrollY - pRect.height - 4; // flip above if no room below
-  top = Math.max(minTop, Math.min(top, maxTop));
-  let left = rect.left + window.scrollX;
-  left = Math.max(window.scrollX + 8, Math.min(left, window.scrollX + window.innerWidth - pRect.width - 8));
-  popover.style.top = top + 'px';
-  popover.style.left = left + 'px';
-  popover.style.visibility = '';
-
-  popover.addEventListener('click', ev => {
-    const editBtn = ev.target.closest('[data-hl-edit-note]');
-    const delBtn  = ev.target.closest('[data-hl-delete]');
-    if (editBtn && h) {
-      dismissHighlightPopover();
-      _openNoteEditor(h);
-    }
-    if (delBtn && h) {
-      dismissHighlightPopover();
-      deleteHighlight(h.id);
-    }
-  });
-
-  // Close on outside click
-  setTimeout(() => {
-    document.addEventListener('click', dismissHighlightPopover, {once: true});
-  }, 0);
-}
-
-function createHighlight(color, range) {
-  const anchor = buildEpubAnchor(range);
-  const h = {
-    id: crypto.randomUUID(),
-    type: 'highlight',
-    anchor,
-    color,
-    note: '',
-    createdAt: new Date().toISOString(),
-  };
-  currentHighlights.push(h);
-  highlightsDirty = true;
-  window.getSelection()?.removeAllRanges();
-  dismissHighlightPopover();
-  renderHighlight(h);
-  _repositionMarginMarkers();
-  debounceSaveHighlights();
-}
-
-function createHighlightWithNote(range) {
-  const anchor = buildEpubAnchor(range);
-  const h = {
-    id: crypto.randomUUID(),
-    type: 'highlight',
-    anchor,
-    color: 'yellow',
-    note: '',
-    createdAt: new Date().toISOString(),
-  };
-  currentHighlights.push(h);
-  highlightsDirty = true;
-  window.getSelection()?.removeAllRanges();
-  dismissHighlightPopover();
-  renderHighlight(h);
-  _repositionMarginMarkers();
-  _openNoteEditor(h);
-}
-
-// Every "add/edit a note" entry point routes here — notes are always edited
-// right where they conceptually live (the margin), never in the separate
-// right-hand sidebar, EXCEPT on narrow viewports, where the margin itself is
-// too cramped to type into and a full-width bottom sheet takes over instead.
-// `pending` is only set for a not-yet-created freeform note (see
-// createFreeformNote); h is null in that case until the user actually saves
-// text, so an empty tap doesn't leave a permanent ghost entry behind.
-function _openNoteEditor(h, pending) {
-  if (_isMobileReader()) {
-    showNoteBottomSheet(h, pending);
-  } else {
-    if (!readerAnnotationsMarginOpen) toggleAnnotationsMargin();
-    editNoteInlineInMargin(h, pending);
-  }
-}
-
-function deleteHighlight(id) {
-  currentHighlights = currentHighlights.filter(h => h.id !== id);
-  highlightsDirty = true;
-  // Re-apply all highlights after removing the deleted one
-  const contentEl = $('reader-content');
-  if (contentEl && !currentPdfDoc) {
-    // Snapshot restore not available mid-session, so remove the mark manually
-    const mark = contentEl.querySelector(`mark[data-highlight-id="${id}"]`);
-    if (mark) {
-      const parent = mark.parentNode;
-      while (mark.firstChild) parent.insertBefore(mark.firstChild, mark);
-      parent.removeChild(mark);
-    }
-  }
-  _repositionMarginMarkers();
-  debounceSaveHighlights();
-}
-
-function dismissHighlightPopover() {
-  if (currentHighlightPopover) {
-    currentHighlightPopover.remove();
-    currentHighlightPopover = null;
-  }
-}
-
-// ---------------------------------------------------------------------------
-// Margin panel — a "page margin" strip left of the reader content. Shows small
-// markers next to the on-screen highlights/notes, and lets you click empty
-// space to anchor a freeform note at that line's height (EPUB only).
-// ---------------------------------------------------------------------------
-let readerAnnotationsMarginOpen = false;
-
-function toggleAnnotationsMargin() {
-  const el = $('reader-margin');
-  const markersEl = $('reader-margin-markers');
-  if (!el || !markersEl || currentPdfDoc) return;
-  readerAnnotationsMarginOpen = !readerAnnotationsMarginOpen;
-  el.classList.toggle('open', readerAnnotationsMarginOpen);
-  if (readerAnnotationsMarginOpen) {
-    // Reposition once now (pre-transition) and once more after the width
-    // transition settles, since content reflow can shift line heights.
-    _repositionMarginMarkers();
-    el.addEventListener('transitionend', _repositionMarginMarkers, {once: true});
-  } else {
-    markersEl.innerHTML = '';
-  }
-}
-
-// Renders each highlight/note at its text position in the margin. Entries
-// with note text become a readable "post-it" card (the whole point of the
-// margin — you can read notes there, not just see that one exists); a plain
-// highlight with no note is just a small color dot. Cards are stacked
-// top-to-bottom so overlapping anchors don't overlap visually.
-// Where each highlight sits in the book's scroll coordinates. Finding a range
-// and measuring it is the expensive part, and scrolling doesn't change it:
-// kept until the layout does (content, width, height) or the anchor changes.
-let _marginPosCache = null;
-const _marginCardHeights = new Map(); // `${stripWidth}|${note}` (or 'dot') → px
-
-function _marginDocY(h, contentEl) {
-  const {blocks} = _epubBlocks(contentEl);
-  const key = `${contentEl.clientWidth}x${contentEl.scrollHeight}`;
-  if (!_marginPosCache || _marginPosCache.blocks !== blocks || _marginPosCache.key !== key) {
-    _marginPosCache = {blocks, key, byId: new Map()};
-  }
-  const hit = _marginPosCache.byId.get(h.id);
-  if (hit && hit.anchor === h.anchor) return hit.y;
-  let y = null;
-  try {
-    const range = resolveAnchorRange(h);
-    const rect = range && range.getBoundingClientRect();
-    if (rect && (rect.width || rect.height)) {
-      y = rect.top + rect.height / 2 - contentEl.getBoundingClientRect().top + contentEl.scrollTop;
-    }
-  } catch (e) {}
-  _marginPosCache.byId.set(h.id, {anchor: h.anchor, y});
-  return y;
-}
-
-// The cards live on one layer in the book's coordinates, built when the
-// highlights or the layout change; scrolling only moves the layer (a transform,
-// no layout). Rebuilding and measuring the cards on every scroll frame made a
-// long book with the margin open stutter.
-let _marginLayerKey = null;
-
-function _repositionMarginMarkers() {
-  const markersEl = $('reader-margin-markers');
-  if (!markersEl) return;
-  if (!readerAnnotationsMarginOpen || currentPdfDoc) {
-    markersEl.innerHTML = '';
-    _marginLayerKey = null;
-    return;
-  }
-  if (markersEl.querySelector('.margin-note-editor')) return; // don't blow away an active inline edit
-  const contentEl = $('reader-content');
-  if (!contentEl) return;
-
-  const {blocks} = _epubBlocks(contentEl);
-  const areaRect = markersEl.getBoundingClientRect();
-  const width = Math.round(areaRect.width);
-  const key = `${width}x${contentEl.clientWidth}x${contentEl.scrollHeight}|` +
-    currentHighlights.map(h => `${h.id}:${h.color || ''}:${h.note || ''}`).join('|');
-  let layer = markersEl.querySelector('.margin-layer');
-  if (!layer || key !== _marginLayerKey || !_marginPosCache || _marginPosCache.blocks !== blocks) {
-    markersEl.innerHTML = '';
-    layer = document.createElement('div');
-    layer.className = 'margin-layer';
-    markersEl.appendChild(layer);
-    _renderMarginLayer(layer, contentEl, width);
-    _marginLayerKey = key;
-  }
-  // Book coordinates → this strip's.
-  const shift = contentEl.getBoundingClientRect().top - contentEl.scrollTop - areaRect.top;
-  layer.style.transform = `translateY(${Math.round(shift)}px)`;
-}
-
-// Renders each highlight/note at its text position, in book coordinates.
-// Entries with note text become a readable "post-it" card (the whole point of
-// the margin — you can read notes there, not just see that one exists); a
-// plain highlight with no note is a small colour dot. Cards are stacked top to
-// bottom so overlapping anchors don't overlap visually.
-function _renderMarginLayer(layer, contentEl, width) {
-  const entries = [];
-  for (const h of currentHighlights) {
-    const y = _marginDocY(h, contentEl);
-    if (y !== null) entries.push({h, y});
-  }
-  entries.sort((a, b) => a.y - b.y);
-
-  // All cards first, then their heights in one go (each measured right after
-  // adding it, the browser laid out the whole book once per card). Heights are
-  // kept per note text and strip width.
-  const cards = entries.map(({h, y}) => {
-    const hasText = !!h.note;
-    const el = document.createElement('div');
-    el.className = 'margin-note ' + (hasText ? 'margin-note-text' : 'margin-note-dot');
-    el.dataset.highlightId = h.id;
-    if (h.type === 'note') {
-      if (hasText) el.classList.add('margin-note-freeform');
-    } else {
-      el.dataset.color = h.color || 'yellow';
-    }
-    if (hasText) el.textContent = h.note;
-    layer.appendChild(el);
-    return {el, y, hasText, key: hasText ? `${width}|${h.note}` : 'dot'};
-  });
-  if (_marginCardHeights.size > 500) _marginCardHeights.clear();
-  const unmeasured = cards.filter(c => !_marginCardHeights.has(c.key));
-  for (const c of unmeasured) _marginCardHeights.set(c.key, c.el.getBoundingClientRect().height || (c.hasText ? 20 : 12));
-
-  let nextTop = -Infinity;
-  const GAP = 4;
-  for (const {el, y, hasText, key} of cards) {
-    const top = Math.max(hasText ? y - 8 : y - 6, nextTop);
-    el.style.top = top + 'px';
-    nextTop = top + _marginCardHeights.get(key) + GAP;
-  }
-}
-
-function handleMarginClick(e) {
-  const markerBtn = e.target.closest('.margin-note');
-  if (markerBtn) {
-    const h = currentHighlights.find(x => x.id === markerBtn.dataset.highlightId);
-    if (h) _openNoteEditor(h);
-    return;
-  }
-
-  // Empty space in the markers area → place a new freeform note anchored to
-  // the first word of whatever line sits at this click height.
-  if (!readerAnnotationsMarginOpen || currentPdfDoc) return;
-  const markersEl = $('reader-margin-markers');
-  if (!markersEl || !markersEl.contains(e.target)) return;
-  // If an editor is already open, this click just blurs/commits it (see its
-  // own blur handler) — it shouldn't also create a second, unrelated note.
-  if (markersEl.querySelector('.margin-note-editor')) return;
-  const contentEl = $('reader-content');
-  if (!contentEl) return;
-
-  const x = contentEl.getBoundingClientRect().left + 4;
-  const range = _wordRangeAtPoint(x, e.clientY);
-  if (range) createFreeformNote(range);
-}
-
-// Finds the word starting at (or just after) the given viewport point, by
-// probing near the left edge of the reader content at that height — since
-// text is left-aligned, that lands at (or very near) the start of the line.
-function _wordRangeAtPoint(x, y) {
-  let caret = null;
-  if (document.caretRangeFromPoint) {
-    caret = document.caretRangeFromPoint(x, y);
-  } else if (document.caretPositionFromPoint) {
-    const pos = document.caretPositionFromPoint(x, y);
-    if (pos) {
-      caret = document.createRange();
-      caret.setStart(pos.offsetNode, pos.offset);
-    }
-  }
-  if (!caret) return null;
-
-  const contentEl = $('reader-content');
-  if (!contentEl || !contentEl.contains(caret.startContainer)) return null;
-
-  let node = caret.startContainer;
-  let offset = caret.startOffset;
-  if (node.nodeType !== Node.TEXT_NODE) {
-    const walker = document.createTreeWalker(contentEl, NodeFilter.SHOW_TEXT);
-    walker.currentNode = node;
-    node = walker.nextNode();
-    if (!node) return null;
-    offset = 0;
-  }
-
-  const text = node.textContent;
-  let start = offset;
-  while (start < text.length && /\s/.test(text[start])) start++;
-  if (start >= text.length) return null;
-  let wordStart = start;
-  while (wordStart > 0 && !/\s/.test(text[wordStart - 1])) wordStart--;
-  let wordEnd = start;
-  while (wordEnd < text.length && !/\s/.test(text[wordEnd])) wordEnd++;
-  if (wordEnd <= wordStart) return null;
-
-  const range = document.createRange();
-  range.setStart(node, wordStart);
-  range.setEnd(node, wordEnd);
-  return range;
-}
-
-function createFreeformNote(range) {
-  const anchor = buildEpubAnchor(range);
-  // Where the note's card/dot would sit in the margin, computed from the live
-  // range right now (before it goes stale) — used to position the editor,
-  // whether or not the margin is actually open.
-  let top = 0;
-  const markersEl = $('reader-margin-markers');
-  if (markersEl) {
-    const areaRect = markersEl.getBoundingClientRect();
-    const rangeRect = range.getBoundingClientRect();
-    top = Math.max(0, rangeRect.top + rangeRect.height / 2 - areaRect.top - 8);
-  }
-  // The highlight object itself isn't created yet — see _openNoteEditor's
-  // `pending` param — so a tap that's immediately cancelled or left empty
-  // never leaves a ghost entry in currentHighlights.
-  _openNoteEditor(null, {anchor, top});
-}
-
-// Commits an edit for both note-editor UIs (inline margin + mobile bottom
-// sheet): updates an existing note in place, or — only if there's actual
-// text — creates and persists a not-yet-existing freeform note. An empty
-// tap/cancel on a pending note must never leave a permanent ghost entry.
-function _commitNoteEdit(h, pending, text) {
-  if (h) {
-    if (h.note !== text) {
-      h.note = text;
-      highlightsDirty = true;
-      debounceSaveHighlights();
-    }
-    return h;
-  }
-  if (!text) return null;
-  const newH = {
-    id: crypto.randomUUID(), type: 'note', anchor: pending.anchor,
-    color: null, note: text, createdAt: new Date().toISOString(),
-  };
-  currentHighlights.push(newH);
-  highlightsDirty = true;
-  debounceSaveHighlights();
-  return newH;
-}
-
-// Edit a note's text right where it lives in the margin, instead of jumping
-// to the separate right-hand sidebar — the whole point of setting a note in
-// the margin is that you shouldn't have to look away from it to write it.
-// `h` is null for a not-yet-created freeform note (see createFreeformNote);
-// `pending` then carries its anchor + intended margin position instead.
-function editNoteInlineInMargin(h, pending) {
-  const markersEl = $('reader-margin-markers');
-  if (!markersEl) return;
-  markersEl.querySelector('.margin-note-editor')?.remove();
-
-  let top = pending?.top || 0;
-  if (h) {
-    const existingCard = markersEl.querySelector(`[data-highlight-id="${h.id}"]`);
-    // The card sits on the moving layer: where it shows in the strip right now.
-    top = existingCard ? existingCard.getBoundingClientRect().top - markersEl.getBoundingClientRect().top : 0;
-    if (existingCard) existingCard.style.display = 'none';
-  }
-
-  const editor = document.createElement('div');
-  editor.className = 'margin-note-editor';
-  editor.style.top = top + 'px';
-  editor.innerHTML = '<textarea class="margin-note-textarea"></textarea>';
-  markersEl.appendChild(editor);
-  const textarea = editor.querySelector('textarea');
-  textarea.value = h?.note || '';
-
-  function commit() {
-    _commitNoteEdit(h, pending, textarea.value.trim());
-    editor.remove();
-    _marginLayerKey = null; // the edited card was hidden: draw the layer anew
-    _repositionMarginMarkers();
-  }
-
-  textarea.addEventListener('blur', commit);
-  textarea.addEventListener('keydown', e => {
-    if (e.key === 'Enter' && !e.shiftKey) {
-      e.preventDefault();
-      e.stopPropagation();
-      textarea.blur(); // triggers commit()
-    } else if (e.key === 'Escape') {
-      // Stop this from bubbling to the document-level Escape handler, which
-      // would otherwise close the whole reader (it doesn't know we just want
-      // to cancel this one edit) — see the global keydown listener.
-      e.stopPropagation();
-      textarea.removeEventListener('blur', commit); // discard, don't save
-      editor.remove();
-      _marginLayerKey = null;
-      _repositionMarginMarkers();
-    }
-  });
-
-  textarea.focus();
-  textarea.select();
-}
-
-// Mobile alternative to editNoteInlineInMargin — a full-width sheet instead
-// of squeezing a textarea into the 150px margin column (see _openNoteEditor).
-let currentNoteBottomSheet = null;
-
-function dismissNoteBottomSheet() {
-  currentNoteBottomSheet?.remove();
-  currentNoteBottomSheet = null;
-}
-
-function showNoteBottomSheet(h, pending) {
-  dismissNoteBottomSheet();
-
-  const sheet = document.createElement('div');
-  sheet.className = 'note-bottom-sheet';
-  sheet.innerHTML = `
-    <div class="note-bottom-sheet-backdrop"></div>
-    <div class="note-bottom-sheet-panel">
-      <textarea class="note-bottom-sheet-textarea" placeholder="Notiz…"></textarea>
-      <div class="note-bottom-sheet-actions">
-        <button class="btn btn-sm" data-nbs-cancel>Abbrechen</button>
-        <button class="btn btn-sm btn-primary" data-nbs-save>Speichern</button>
-      </div>
-    </div>
-  `;
-  document.body.appendChild(sheet);
-  currentNoteBottomSheet = sheet;
-
-  const textarea = sheet.querySelector('.note-bottom-sheet-textarea');
-  textarea.value = h?.note || '';
-
-  function commit() {
-    _commitNoteEdit(h, pending, textarea.value.trim());
-    dismissNoteBottomSheet();
-    if (readerAnnotationsMarginOpen) _repositionMarginMarkers();
-  }
-  function cancel() { dismissNoteBottomSheet(); }
-
-  sheet.querySelector('[data-nbs-save]').addEventListener('click', commit);
-  sheet.querySelector('[data-nbs-cancel]').addEventListener('click', cancel);
-  sheet.querySelector('.note-bottom-sheet-backdrop').addEventListener('click', cancel);
-  textarea.addEventListener('keydown', e => {
-    if (e.key === 'Escape') { e.stopPropagation(); cancel(); }
-  });
-
-  requestAnimationFrame(() => {
-    sheet.classList.add('open');
-    textarea.focus();
-  });
-}
-
-// Same plain-text export as exportAnnotations(), but callable straight from the
-// book list (no open reader, so no live DOM/TOC to resolve percent position or
-// chapter titles against — falls back to the raw chapterSrc path and orders by
-// the anchor's block index, which is already a global reading-order index).
-async function downloadBookAnnotationsFromList(bookId, btnEl) {
-  if (btnEl) btnEl.disabled = true;
-  try {
-    const res = await fetch(`/books/${bookId}/highlights/`);
-    const {ct, iv} = await res.json();
-    if (!ct) { await customAlert('In diesem Buch gibt es noch keine Markierungen oder Notizen.'); return; }
-    const key = await getOrCreateEncKey();
-    const plain = await decryptBytes(key, iv, ct);
-    const highlights = JSON.parse(new TextDecoder().decode(plain));
-    if (!highlights.length) { await customAlert('In diesem Buch gibt es noch keine Markierungen oder Notizen.'); return; }
-
-    highlights.sort((a, b) => {
-      const ab = a.anchor?.startBlockIndex ?? 0, bb = b.anchor?.startBlockIndex ?? 0;
-      if (ab !== bb) return ab - bb;
-      return (a.anchor?.startChar ?? 0) - (b.anchor?.startChar ?? 0);
-    });
-
-    const bookTitle = bookMetaCache[bookId]?.title || `Buch #${bookId}`;
-    const lines = [`${bookTitle} — Markierungen & Notizen`, `Exportiert: ${new Date().toISOString().slice(0, 10)}`, ''];
-
-    let lastChapter = null;
-    for (const h of highlights) {
-      const chapterTitle = h.anchor?.chapterSrc || '';
-      if (chapterTitle !== lastChapter) {
-        lines.push(`── ${chapterTitle || 'Abschnitt ohne Titel'} ──`);
-        lastChapter = chapterTitle;
-      }
-      if (h.type === 'note') {
-        lines.push(`[Notiz] bei: „${(h.anchor?.quote || '').trim()}“`);
-        if (h.note) lines.push(`    ${h.note}`);
-      } else {
-        lines.push(`[Markierung · ${_hlColorName(h.color || 'yellow')}] „${(h.anchor?.quote || '').trim()}“`);
-        if (h.note) lines.push(`    Notiz: ${h.note}`);
-      }
-      lines.push('');
-    }
-
-    const blob = new Blob([lines.join('\n')], {type: 'text/plain;charset=utf-8'});
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = `${bookTitle.replace(/[^\w\-]+/g, '_')}-notizen.txt`;
-    document.body.appendChild(a);
-    a.click();
-    a.remove();
-    URL.revokeObjectURL(url);
-  } catch (e) {
-    await customAlert('Export fehlgeschlagen: ' + e.message);
-  } finally {
-    if (btnEl) btnEl.disabled = false;
-  }
-}
-
-// ---------------------------------------------------------------------------
-// Export annotations — walks all highlights/notes of the current book in
-// reading order and offers them as a downloadable plain-text file.
-// ---------------------------------------------------------------------------
-function _tocTitleForChapterSrc(chapterSrc) {
-  if (!chapterSrc) return '';
-  const entry = currentBookToc.find(t => (t.href || '').split('#')[0] === chapterSrc);
-  return entry ? entry.label : '';
-}
-
-// Rough "how far through the book" position for a resolved range — there's no
-// real page concept for reflowable EPUB text, so this is a coordinate of last
-// resort: percent of total scrollable content height, good enough to roughly
-// relocate a highlight/note later.
-function _percentFromRange(range) {
-  const contentEl = $('reader-content');
-  if (!contentEl || !range) return null;
-  // Share of the text before the range, like the reading progress.
-  const block = _blockAncestor(range.startContainer);
-  if (block && contentEl.contains(block)) {
-    const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
-    const i = blocks.indexOf(block);
-    if (i >= 0) {
-      const idx = _bookCharIndex(contentEl);
-      const at = idx.starts[i] + _charOffsetInBlock(block, range.startContainer, range.startOffset);
-      return Math.max(0, Math.min(100, (at / idx.total) * 100));
-    }
-  }
-  if (!contentEl.scrollHeight) return null;
-  const contentRect = contentEl.getBoundingClientRect();
-  const rangeRect = range.getBoundingClientRect();
-  if (!rangeRect.width && !rangeRect.height) return null;
-  const offsetWithinScroll = (rangeRect.top - contentRect.top) + contentEl.scrollTop;
-  return Math.max(0, Math.min(100, (offsetWithinScroll / contentEl.scrollHeight) * 100));
-}
-
-function _sortedAnnotations() {
-  const resolved = currentHighlights.map(h => {
-    let range;
-    try { range = resolveAnchorRange(h); } catch (e) { range = null; }
-    return {h, range};
-  });
-  resolved.sort((a, b) => {
-    if (!a.range || !b.range) return 0;
-    return a.range.compareBoundaryPoints(Range.START_TO_START, b.range);
-  });
-  return resolved;
-}
-
-// Highlight colours as the export and the list name them.
-function _hlColorName(color) {
-  return ({yellow: 'gelb', green: 'grün', blue: 'blau', red: 'rot'})[color] || color;
-}
-
-function exportAnnotations() {
-  if (!currentHighlights.length) {
-    customAlert('In diesem Buch gibt es noch keine Markierungen oder Notizen.');
-    return;
-  }
-
-  const resolved = _sortedAnnotations();
-
-  const titleEl = $('reader-title');
-  const bookTitle = (titleEl?.textContent || 'Buch').split(' — ')[0];
-  const lines = [`${bookTitle} — Markierungen & Notizen`, `Exportiert: ${new Date().toISOString().slice(0, 10)}`, ''];
-
-  let lastChapter = null;
-  for (const {h, range} of resolved) {
-    const chapterTitle = _tocTitleForChapterSrc(h.anchor?.chapterSrc) || h.anchor?.chapterSrc || '';
-    if (chapterTitle !== lastChapter) {
-      lines.push(`── ${chapterTitle || 'Abschnitt ohne Titel'} ──`);
-      lastChapter = chapterTitle;
-    }
-    const pct = _percentFromRange(range);
-    const coord = pct !== null ? ` (≈${_formatBookPercent(pct / 100)}% im Buch)` : '';
-    if (h.type === 'note') {
-      lines.push(`[Notiz]${coord} bei: „${(h.anchor?.quote || '').trim()}“`);
-      if (h.note) lines.push(`    ${h.note}`);
-    } else {
-      lines.push(`[Markierung · ${_hlColorName(h.color || 'yellow')}]${coord} „${(h.anchor?.quote || '').trim()}“`);
-      if (h.note) lines.push(`    Notiz: ${h.note}`);
-    }
-    lines.push('');
-  }
-
-  const blob = new Blob([lines.join('\n')], {type: 'text/plain;charset=utf-8'});
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement('a');
-  a.href = url;
-  a.download = `${bookTitle.replace(/[^\w\-]+/g, '_')}-notizen.txt`;
-  document.body.appendChild(a);
-  a.click();
-  a.remove();
-  URL.revokeObjectURL(url);
-}
-
-// List of every highlight/note in the book, in reading order, each jumpable —
-// the same pattern as the bookmarks sidebar, but for annotations. Unlike the
-// margin panel (which only shows what's currently on-screen), this is a full
-// overview, useful once a book has annotations scattered throughout.
-function openAnnotationsSidebar() {
-  if (!currentHighlights.length) {
-    openSidebar('Markierungen & Notizen', '<p class="muted">Noch keine Markierungen oder Notizen.</p>');
-    return;
-  }
-
-  const resolved = _sortedAnnotations();
-  let html = '<ul style="list-style:none;padding:0;">';
-  for (const {h, range} of resolved) {
-    const pct = _percentFromRange(range);
-    const pctLabel = pct !== null ? `≈${_formatBookPercent(pct / 100)}%` : '';
-    const kind = h.type === 'note' ? 'Notiz' : `Markierung${h.color ? ' · ' + _hlColorName(h.color) : ''}`;
-    const preview = h.note || h.anchor?.quote || '(kein Text)';
-    html += `<li class="bookmark-entry">
-      <button class="btn-link" data-jump-annotation="${escapeHtml(h.id)}" style="flex:1;text-align:left;">
-        <span class="muted" style="font-size:11px;">${escapeHtml(kind)} ${pctLabel}</span><br>
-        ${escapeHtml(preview.slice(0, 80))}
-      </button>
-      <button class="btn-icon" data-delete-annotation="${escapeHtml(h.id)}" title="Löschen">✕</button>
-    </li>`;
-  }
-  html += '</ul>';
-  openSidebar('Markierungen & Notizen', html);
-
-  const body = $('sidebar-body');
-  body.addEventListener('click', function _annClick(e) {
-    const jumpBtn = e.target.closest('[data-jump-annotation]');
-    const delBtn  = e.target.closest('[data-delete-annotation]');
-    if (jumpBtn) {
-      body.removeEventListener('click', _annClick);
-      jumpToAnnotation(jumpBtn.dataset.jumpAnnotation);
-    }
-    if (delBtn) {
-      deleteHighlight(delBtn.dataset.deleteAnnotation);
-      openAnnotationsSidebar(); // re-render
-    }
-  });
-}
-
-function jumpToAnnotation(id) {
-  const h = currentHighlights.find(x => x.id === id);
-  if (!h) return;
-  closeSidebar();
-  _suppressScrollJumpDetect();
-  setTimeout(() => {
-    const contentEl = $('reader-content');
-    if (!contentEl) return;
-    let range;
-    try { range = resolveAnchorRange(h); } catch (e) { range = null; }
-    if (range) {
-      const top = range.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
-      contentEl.scrollBy({top: top - 16, behavior: 'smooth'});
-    }
-  }, 50);
-}
-
-// ---------------------------------------------------------------------------
-// Footnote popover
-// ---------------------------------------------------------------------------
-
-let currentFootnotePopover = null;
-let _footnotePopoverTimer = null;
-
-function showFootnotePopover(link) {
-  dismissFootnotePopover();
-  const targetEl = document.getElementById(link.dataset.footnoteRef);
-  if (!targetEl) return;
-  // The note's paragraph, also when the id sits on an inline element in it
-  // (<p><span><a id="F400" …>143</a></span> Note…</p>).
-  const inline = /^(A|SPAN|SUP|SUB|B|I|EM|STRONG|SMALL)$/.test(targetEl.tagName);
-  const container = targetEl.closest('.footnote') ||
-    (inline && targetEl.closest('p, li, dd, blockquote')) || targetEl.parentElement;
-  if (!container) return;
-
-  const clone = container.cloneNode(true);
-  clone.querySelector('sup')?.remove();
-  clone.querySelectorAll('.epub-pagenum').forEach(e => e.remove());
-  // The note's own number at its start, a link back to the text ("1 Note…").
-  const first = Array.from(clone.querySelectorAll('a')).find(a => a.textContent.trim());
-  const num = first ? first.textContent.trim() : '';
-  if (/^[\[(]?\d{1,4}[\])]?\.?$/.test(num) && clone.textContent.trim().startsWith(num)) first.remove();
-  // Only the number: the note (a poem, a long quote) runs on in the next
-  // paragraphs, up to the next note's anchor.
-  if (!clone.textContent.trim()) {
-    let len = 0;
-    for (let next = container.nextElementSibling; next && len < 6000; next = next.nextElementSibling) {
-      if (/^H[1-6]$/.test(next.tagName) || next.querySelector('[id]')) break;
-      if (!next.textContent.trim()) continue;
-      clone.appendChild(next.cloneNode(true));
-      len += next.textContent.length;
-    }
-  }
-
-  const popover = document.createElement('div');
-  popover.className = 'footnote-popover';
-  const _overlay = document.getElementById('reader-overlay');
-  ['reader-theme-sepia', 'reader-theme-bright'].forEach(cls => {
-    if (_overlay?.classList.contains(cls)) popover.classList.add(cls);
-  });
-  popover.innerHTML = clone.innerHTML;
-
-  const closeBtn = document.createElement('button');
-  closeBtn.className = 'footnote-popover-close';
-  closeBtn.textContent = '✕';
-  closeBtn.addEventListener('click', dismissFootnotePopover);
-  popover.appendChild(closeBtn);
-
-  const rect = link.getBoundingClientRect();
-  popover.style.top  = (rect.bottom + 8) + 'px';
-  popover.style.left = Math.max(8, rect.left - 8) + 'px';
-
-  popover.addEventListener('mouseenter', () => clearTimeout(_footnotePopoverTimer));
-  popover.addEventListener('mouseleave', () => {
-    _footnotePopoverTimer = setTimeout(dismissFootnotePopover, 250);
-  });
-
-  document.body.appendChild(popover);
-  currentFootnotePopover = popover;
-  currentFootnotePopover._refLink = link;
-
-  const pr = popover.getBoundingClientRect();
-  if (pr.right  > window.innerWidth  - 8) popover.style.left = (window.innerWidth  - pr.width  - 8) + 'px';
-  if (pr.bottom > window.innerHeight - 8) popover.style.top  = (rect.top - pr.height - 8) + 'px';
-}
-
-function dismissFootnotePopover() {
-  clearTimeout(_footnotePopoverTimer);
-  currentFootnotePopover?.remove();
-  currentFootnotePopover = null;
-}
-
-// ---------------------------------------------------------------------------
-// Radio sidebar (compact player)
-// ---------------------------------------------------------------------------
-
-function openRadioSidebar() {
-  const stationName = currentStation ? escapeHtml(currentStation.name) : '— kein Sender —';
-  const track = currentTrack ? escapeHtml(currentTrack) : '';
-  const vol = document.getElementById('volume')?.value ?? 204;
-
-  const rows = [...document.querySelectorAll('#saved-tbody tr[data-id]')];
-  const stationsHtml = rows.length
-    ? rows.map(r => `<li><button class="btn btn-sm rsb-play-btn" data-url="${escapeHtml(r.dataset.url || '')}" data-name="${escapeHtml(r.dataset.name || '')}">${escapeHtml(r.dataset.name || '')}</button></li>`).join('')
-    : `<li class="muted">Keine gespeicherten Sender.</li>`;
-
-  const html = `
-    <div class="rsb-nowplaying">
-      <div class="rsb-station-name">${stationName}</div>
-      ${track ? `<div class="rsb-track muted">${track}</div>` : ''}
-    </div>
-    <div class="rsb-controls">
-      <button class="btn ${isPlaying ? 'playing' : ''}" id="rsb-playstop">${isPlaying ? '⏹ Stopp' : '▶ Abspielen'}</button>
-      <label class="rsb-vol">Lautst. <input type="range" id="rsb-volume" min="0" max="255" value="${vol}"></label>
-    </div>
-    <ul class="rsb-station-list">${stationsHtml}</ul>
-  `;
-
-  openSidebar('Radio', html);
-
-  const body = $('sidebar-body');
-  body.querySelector('#rsb-playstop').addEventListener('click', togglePlayStop);
-  body.querySelector('#rsb-volume').addEventListener('input', function () {
-    const v = this.value;
-    const mainSlider = document.getElementById('volume');
-    const mainNum = document.getElementById('volume-num');
-    if (mainSlider) mainSlider.value = v;
-    if (mainNum) mainNum.value = v;
-    audio.volume = v / 255;
-  });
-  body.querySelectorAll('.rsb-play-btn').forEach(btn => {
-    btn.addEventListener('click', () => playStation(btn.dataset.url, btn.dataset.name, null));
-  });
-}
-
-// ---------------------------------------------------------------------------
-// Init
-// ---------------------------------------------------------------------------
-
-(function init() {
-  // Migrate PBKDF2-derived key stored by login/register form
-  if (window.USER_ID) {
-    const pending = localStorage.getItem('diora_pending_enc_key');
-    if (pending) {
-      localStorage.setItem(`diora_enc_key_${window.USER_ID}`, pending);
-      localStorage.removeItem('diora_pending_enc_key');
-    }
-  }
-
-  // Populate saved stations from server-side context if available
-  if (typeof INITIAL_SAVED !== 'undefined' && Array.isArray(INITIAL_SAVED)) {
-    // The server already renders saved stations in the template; nothing extra needed.
-    // But if JS-rendered saved tab were needed we'd call addSavedRow here.
-  }
-
-  // Restore persisted volume, fall back to slider default
-  const volSlider = $('volume');
-  if (volSlider) {
-    const saved = localStorage.getItem('diora_volume');
-    const vol = saved !== null ? parseInt(saved, 10) : parseInt(volSlider.value, 10);
-    setVolume(vol);
-  }
-
-  // Restore persisted read-aloud language
-  const ttsLangSelect = $('reader-tts-lang');
-  if (ttsLangSelect) ttsLangSelect.value = ttsLang;
-
-  // Load recommendations on page load
-  loadRecommendations();
-
-  // Initialise focus timer display
-  renderTimer();
-
-  // Initialise mood/genre chips
-  initMoodChips();
-
-  // Initialise curated station lists
-  initCuratedLists();
-
-  // Show curated lists again when search input is cleared
-  const searchInput = document.getElementById('search-input');
-  if (searchInput) {
-    searchInput.addEventListener('input', function () {
-      if (this.value === '') {
-        const curated = document.getElementById('curated-lists');
-        if (curated) curated.style.display = '';
-      }
-    });
-  }
-
-  // Load focus session stats
-  loadFocusStats();
-
-  // Apply encrypted wallpaper (if set)
-  applyEncryptedBackground();
-
-  // Init book drop zone
-  initBookDropZone();
-  const showReadToggle = $('book-show-read-toggle');
-  if (showReadToggle) showReadToggle.checked = _bookShowRead;
-
-  // Restore active tab: a URL hash (shared/bookmarked link, or browser
-  // back/forward) wins over the last-used tab remembered in localStorage —
-  // except when offline, where books (usable offline) always takes over.
-  const offlineOverride = !navigator.onLine && IS_AUTHENTICATED;
-  const hashTab = (location.hash || '').replace(/^#/, '').split('/')[0];
-  if (!offlineOverride && TOP_TABS.includes(hashTab)) {
-    _routeFromHash();
-  } else {
-    const savedTab = localStorage.getItem('diora_active_tab') || 'radio';
-    const savedRadioTab = localStorage.getItem('diora_active_radio_tab') || 'saved';
-    showTab(offlineOverride ? 'books' : savedTab);
-    showRadioTab(savedRadioTab);
-  }
-
-  // React to connectivity changes
-  window.addEventListener('offline', () => {
-    showOfflineBanner(true);
-    if (IS_AUTHENTICATED) showTab('books');
-  });
-  window.addEventListener('online', async () => {
-    showOfflineBanner(false);
-    await _syncPendingAnnotations();
-    loadBookList(); // sends the positions read offline first (the progress outbox)
-  });
-
-  // Show banner immediately if already offline at startup
-  if (!navigator.onLine) showOfflineBanner(true);
-
-  // Reading position: positions reached by the reader's own doing count (see _noteReadingPosition).
-  {
-    const content = $('reader-content');
-    if (content) {
-      for (const type of ['wheel', 'touchstart', 'mousedown']) {
-        content.addEventListener(type, _noteReaderInteraction, {passive: true, capture: true});
-      }
-    }
-    document.addEventListener('keydown', () => { if (currentBookId) _noteReaderInteraction(); }, true);
-    if (IS_AUTHENTICATED) _flushProgressOutbox();
-  }
-
-  // Footnote hover (desktop) + tap (mobile) via event delegation
-  const _readerContentEl = $('reader-content');
-  if (_readerContentEl) {
-    _readerContentEl.addEventListener('mouseover', e => {
-      const link = e.target.closest('[data-footnote-ref]');
-      if (!link) return;
-      clearTimeout(_footnotePopoverTimer);
-      _footnotePopoverTimer = setTimeout(() => showFootnotePopover(link), 120);
-    });
-    _readerContentEl.addEventListener('mouseout', e => {
-      if (!e.target.closest('[data-footnote-ref]')) return;
-      _footnotePopoverTimer = setTimeout(dismissFootnotePopover, 250);
-    });
-    _readerContentEl.addEventListener('click', e => {
-      const link = e.target.closest('[data-footnote-ref]');
-      if (!link) return;
-      e.preventDefault();
-      if (currentFootnotePopover?._refLink === link) {
-        dismissFootnotePopover();
-      } else {
-        showFootnotePopover(link);
-      }
-    });
-
-    // Text selection → highlight color/note popover
-    _readerContentEl.addEventListener('mouseup', handleReaderSelection);
-    _readerContentEl.addEventListener('touchend', e => {
-      const target = e.target;
-      const touch = e.changedTouches && e.changedTouches[0];
-      const clientX = touch ? touch.clientX : undefined;
-      const clientY = touch ? touch.clientY : undefined;
-      setTimeout(() => handleReaderSelection({target, clientX, clientY}), 50);
-    });
-  }
-
-  // Margin ("page margin") panel — click a marker to view/edit, click empty
-  // space to anchor a new freeform note at that line's height
-  const _readerMarginEl = $('reader-margin');
-  if (_readerMarginEl) {
-    _readerMarginEl.addEventListener('click', handleMarginClick);
-  }
-})();
diff --git a/static/js/app/01-core.js b/static/js/app/01-core.js
new file mode 100644
index 0000000..4dbbfef
--- /dev/null
+++ b/static/js/app/01-core.js
@@ -0,0 +1,153 @@
+/**
+ * diora — radio player
+ * Handles playback, SSE metadata, search, station management, and affiliate links.
+ */
+
+'use strict';
+
+// ---------------------------------------------------------------------------
+// State
+// ---------------------------------------------------------------------------
+
+// Hardcoded for now -- only creamfresh radio gets the vote buttons, since
+// only its backend (the DJ) actually does anything with them.
+const CREAMFRESH_RADIO_URL = 'https://diora.creamfresh.xyz/radio/creamfresh-stream/';
+
+let currentStation = null;   // { url, name, id } | null
+let currentTrack = '';
+let sseSource = null;
+let isPlaying = false;
+let currentPlayId = null;
+
+const audio = new Audio();
+
+// Reconnect audio when the output device changes (e.g. Bluetooth, USB DAC)
+if (navigator.mediaDevices) {
+  let _deviceChangeDebounce = null;
+  navigator.mediaDevices.addEventListener('devicechange', () => {
+    clearTimeout(_deviceChangeDebounce);
+    _deviceChangeDebounce = setTimeout(() => {
+      if (!isPlaying || audio.src === '') return;
+      const savedTime = audio.currentTime;
+      const savedSrc  = audio.src;
+      audio.src = savedSrc;
+      audio.load();
+      if (savedTime > 0) {
+        audio.addEventListener('loadedmetadata', function onMeta() {
+          audio.currentTime = savedTime;
+          audio.removeEventListener('loadedmetadata', onMeta);
+        });
+      }
+      audio.play().catch(() => {});
+    }, 500);
+  });
+}
+
+// ---------------------------------------------------------------------------
+// DOM helpers
+// ---------------------------------------------------------------------------
+
+function $(id) { return document.getElementById(id); }
+
+function getCsrfToken() {
+  const cookie = document.cookie.split('; ').find(r => r.startsWith('csrftoken='));
+  return cookie ? cookie.split('=')[1] : '';
+}
+
+function formatDateTime(iso) {
+  if (!iso) return '';
+  const d = new Date(iso);
+  const pad = n => String(n).padStart(2, '0');
+  return `${d.getFullYear()}-${pad(d.getMonth()+1)}-${pad(d.getDate())} `
+       + `${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+
+function escapeHtml(str) {
+  return String(str)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;');
+}
+
+// ---------------------------------------------------------------------------
+// Modal dialogs — styled replacements for native alert()/confirm()/prompt(),
+// which look jarring against the rest of the custom dark UI and can't be
+// styled or (in confirm/prompt's case) awaited without blocking the thread.
+// All three return a Promise; callers must be async and `await` them.
+// ---------------------------------------------------------------------------
+
+function _showModal({ message, showInput = false, inputValue = '', showCancel = false, okLabel = 'OK', danger = false }) {
+  return new Promise((resolve) => {
+    const overlay  = $('modal-overlay');
+    const dialog   = $('modal-dialog');
+    const msgEl    = $('modal-message');
+    const inputEl  = $('modal-input');
+    const okBtn    = $('modal-ok-btn');
+    const cancelBtn = $('modal-cancel-btn');
+    if (!overlay || !dialog) { resolve(null); return; }
+
+    msgEl.textContent = message;
+    inputEl.style.display = showInput ? '' : 'none';
+    inputEl.value = inputValue;
+    cancelBtn.style.display = showCancel ? '' : 'none';
+    okBtn.textContent = okLabel;
+    okBtn.className = danger ? 'btn btn-danger' : 'btn btn-primary';
+
+    overlay.style.display = '';
+    dialog.style.display = '';
+    (showInput ? inputEl : okBtn).focus();
+    if (showInput) inputEl.select();
+
+    function cleanup(result) {
+      overlay.style.display = 'none';
+      dialog.style.display = 'none';
+      overlay.removeEventListener('click', onCancel);
+      okBtn.removeEventListener('click', onOk);
+      cancelBtn.removeEventListener('click', onCancel);
+      document.removeEventListener('keydown', onKeydown);
+      resolve(result);
+    }
+    function onOk()     { cleanup(showInput ? inputEl.value : true); }
+    function onCancel() { cleanup(showInput ? null : false); }
+    function onKeydown(e) {
+      if (e.key === 'Escape') onCancel();
+      if (e.key === 'Enter' && showInput) onOk();
+    }
+
+    okBtn.addEventListener('click', onOk);
+    cancelBtn.addEventListener('click', onCancel);
+    overlay.addEventListener('click', onCancel);
+    document.addEventListener('keydown', onKeydown);
+  });
+}
+
+function customAlert(message) {
+  return _showModal({ message });
+}
+
+function customConfirm(message, { danger = false } = {}) {
+  return _showModal({ message, showCancel: true, danger });
+}
+
+// The server answers with short English error codes (an API contract, tests and
+// other clients rely on them); what the page shows of them is German.
+const _GERMAN_ERRORS = {
+  'no stations found in file': 'In der Datei wurden keine Sender gefunden.',
+  'file must be .m3u or .m3u8': 'Die Datei muss eine .m3u- oder .m3u8-Datei sein.',
+  'no file uploaded': 'Keine Datei hochgeladen.',
+  'only jpeg, png, or webp allowed': 'Nur JPEG, PNG oder WebP erlaubt.',
+  'file too large (max 50 MB)': 'Datei zu groß (höchstens 50 MB).',
+  'file too large (max 5 MB)': 'Datei zu groß (höchstens 5 MB).',
+  'authentication required': 'Bitte anmelden.',
+  'not found': 'Nicht gefunden.',
+  'invalid JSON': 'Ungültige Anfrage.',
+  'upstream unreachable': 'Der Server dahinter ist nicht erreichbar.',
+};
+function _germanError(code) {
+  return _GERMAN_ERRORS[code] || code;
+}
+
+function customPrompt(message, defaultValue = '') {
+  return _showModal({ message, showInput: true, inputValue: defaultValue, showCancel: true });
+}
diff --git a/static/js/app/10-radio.js b/static/js/app/10-radio.js
new file mode 100644
index 0000000..6a2cf67
--- /dev/null
+++ b/static/js/app/10-radio.js
@@ -0,0 +1,683 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Play / Stop
+// ---------------------------------------------------------------------------
+
+function playStation(url, name, stationId) {
+  stopPlayback(false);
+  if (window.__dioraAmbientStop) window.__dioraAmbientStop();
+
+  // A secure page can't load plain-http streams (mixed content). Native shells
+  // that play the stream themselves set window.DIORA_PLAYS_HTTP_STREAMS.
+  if (location.protocol === 'https:' && url.startsWith('http://') && !window.DIORA_PLAYS_HTTP_STREAMS) {
+    window.open(url, '_blank');
+    return;
+  }
+
+  currentStation = { url, name, id: stationId || null };
+  isPlaying = true;
+
+  audio.src = url;
+  const volSlider = document.getElementById('volume');
+  if (volSlider) audio.volume = volSlider.value / 255;
+  audio.play().catch(() => {
+    // Browser may block autoplay; the user needs to interact first
+    console.warn('Audio play blocked by browser policy.');
+  });
+
+  $('now-playing-station').textContent = name;
+  $('now-playing-track').textContent = '';
+  $('play-stop-btn').style.display = '';
+  $('play-stop-btn').textContent = '⏹ Stopp';
+  $('play-stop-btn').classList.add('playing');
+  $('save-station-btn').style.display = '';
+
+  const isCreamfresh = url === CREAMFRESH_RADIO_URL;
+  $('creamfresh-vote-up-btn').style.display = isCreamfresh ? '' : 'none';
+  $('creamfresh-vote-down-btn').style.display = isCreamfresh ? '' : 'none';
+  $('creamfresh-vote-up-btn').classList.remove('active');
+  $('creamfresh-vote-down-btn').classList.remove('active');
+
+  startMetadataSSE(url);
+  startPlaySession(name, url);
+  maybeShowDonationHint(url, name);
+
+  if ('mediaSession' in navigator) {
+    navigator.mediaSession.metadata = new MediaMetadata({title: name, artist: 'Radio'});
+    navigator.mediaSession.setActionHandler('play',  () => { audio.play(); isPlaying = true; });
+    navigator.mediaSession.setActionHandler('pause', () => { audio.pause(); isPlaying = false; });
+    navigator.mediaSession.setActionHandler('stop',  () => stopPlayback(true));
+    try { navigator.mediaSession.setActionHandler('seekbackward', null); } catch (_) {}
+    try { navigator.mediaSession.setActionHandler('seekforward',  null); } catch (_) {}
+    try { navigator.mediaSession.setActionHandler('nexttrack',    null); } catch (_) {}
+    try { navigator.mediaSession.setActionHandler('previoustrack',null); } catch (_) {}
+    navigator.mediaSession.playbackState = 'playing';
+  }
+}
+
+function stopPlayback(clearStation = true) {
+  audio.pause();
+  audio.src = '';
+  isPlaying = false;
+  if ('mediaSession' in navigator) navigator.mediaSession.playbackState = 'none';
+
+  if (sseSource) {
+    sseSource.close();
+    sseSource = null;
+  }
+
+  $('play-stop-btn').textContent = '▶ Abspielen';
+  $('play-stop-btn').classList.remove('playing');
+  $('save-station-btn').style.display = 'none';
+  $('creamfresh-vote-up-btn').style.display = 'none';
+  $('creamfresh-vote-down-btn').style.display = 'none';
+  $('affiliate-section').style.display = 'none';
+
+  stopPlaySession();
+
+  const stationEl = $('now-playing-station');
+  const trackEl = $('now-playing-track');
+
+  if (clearStation) {
+    currentStation = null;
+    currentTrack = '';
+    stationEl.textContent = '— kein Sender —';
+    trackEl.textContent = '';
+    $('play-stop-btn').style.display = 'none';
+  }
+}
+
+function togglePlayStop() {
+  if (isPlaying) {
+    stopPlayback(true);
+  } else if (currentStation) {
+    playStation(currentStation.url, currentStation.name, currentStation.id);
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Play session tracking
+// ---------------------------------------------------------------------------
+
+async function startPlaySession(stationName, stationUrl) {
+  try {
+    const res = await fetch('/radio/play/start/', {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+      body: JSON.stringify({station_name: stationName, station_url: stationUrl})
+    });
+    if (res.ok) {
+      const data = await res.json();
+      currentPlayId = data.play_id;
+    }
+  } catch (e) {}
+}
+
+async function stopPlaySession() {
+  // Take the id before awaiting: playStation() calls this without waiting and
+  // starts the next session right away, whose id must not be cleared here.
+  const playId = currentPlayId;
+  if (!playId) return;
+  currentPlayId = null;
+  try {
+    await fetch('/radio/play/stop/', {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+      body: JSON.stringify({play_id: playId})
+    });
+  } catch (e) {}
+}
+
+window.addEventListener('beforeunload', () => {
+  if (currentPlayId) {
+    navigator.sendBeacon('/radio/play/stop/', JSON.stringify({play_id: currentPlayId}));
+  }
+  // Flush cached encrypted payloads for reader data (encryption is async so we
+  // use pre-computed blobs stored by the debounced savers)
+  // The last position written (it's in the outbox too, in case the beacon is lost).
+  if (_lastProgressBeacon) navigator.sendBeacon(`/books/${_lastProgressBeacon.book}/progress/`, _progressBody(_lastProgressBeacon));
+  if (_lastBookmarkBeacon) navigator.sendBeacon(_lastBookmarkBeacon.url, _lastBookmarkBeacon.body);
+  if (_lastHighlightBeacon) navigator.sendBeacon(_lastHighlightBeacon.url, _lastHighlightBeacon.body);
+});
+
+document.addEventListener('visibilitychange', () => {
+  if (document.visibilityState === 'hidden' && currentBookId) {
+    if (bookmarksDirty) saveBookmarks();
+    if (highlightsDirty) saveHighlights();
+    saveReaderProgress();
+  }
+  // Back in front: maybe the book was read on another device meanwhile.
+  if (document.visibilityState === 'visible' && currentBookId) _checkNewerPositionElsewhere();
+});
+
+// Cached beacon payloads — updated after each successful encrypt in save functions
+let _lastBookmarkBeacon = null;
+let _lastHighlightBeacon = null;
+let _lastProgressBeacon = null;
+
+// ---------------------------------------------------------------------------
+// Recommendations
+// ---------------------------------------------------------------------------
+
+async function loadRecommendations() {
+  const container = document.getElementById('recommendations');
+  if (!container) return;
+  try {
+    const res = await fetch('/radio/recommendations/');
+    const data = await res.json();
+    if (!data.recommendations.length) {
+      container.innerHTML = '<p class="muted">Hör mehr Sender, dann gibt es hier Empfehlungen.</p>';
+      return;
+    }
+    const label = data.context;
+    let html = `<p class="recommendations-context">Was du ${label} oft hörst:</p><ul class="recommendations-list">`;
+    for (const r of data.recommendations) {
+      html += `<li>
+          <button class="btn btn-sm" onclick="playStation('${escapeAttr(r.station_url)}', '${escapeAttr(r.station_name)}', ${r.saved_id || 'null'})">
+              &#9654; ${escapeHtml(r.station_name)}
+          </button>
+          <span class="muted">${r.play_count}&times;</span>
+      </li>`;
+    }
+    html += '</ul>';
+    container.innerHTML = html;
+  } catch (e) {}
+}
+
+function escapeAttr(s) {
+  return String(s).replace(/'/g, "\\'").replace(/"/g, '&quot;');
+}
+
+// ---------------------------------------------------------------------------
+// Volume
+// ---------------------------------------------------------------------------
+
+function setVolume(val) {
+  val = Math.max(0, Math.min(255, Math.round(val)));
+  audio.volume = val / 255;
+  localStorage.setItem('diora_volume', val);
+  const slider = $('volume');
+  const numInput = $('volume-num');
+  if (slider) slider.value = val;
+  if (numInput) numInput.value = val;
+  _ambientVolume(val);
+}
+
+const volSliderEl = document.getElementById('volume');
+if (volSliderEl) {
+  ['input', 'change', 'mousemove', 'touchmove'].forEach(evt =>
+    volSliderEl.addEventListener(evt, function () { setVolume(this.value); })
+  );
+}
+
+const volNumEl = document.getElementById('volume-num');
+if (volNumEl) {
+  volNumEl.addEventListener('change', function () { setVolume(this.value); });
+  volNumEl.addEventListener('input', function () { setVolume(this.value); });
+  volNumEl.addEventListener('click', function () { this.select(); });
+}
+
+const volSliderEl2 = document.getElementById('volume');
+const volWheelTarget = volSliderEl2 || volNumEl;
+if (volWheelTarget) {
+  volWheelTarget.addEventListener('wheel', function (e) {
+    e.preventDefault();
+    const current = parseInt(document.getElementById('volume').value, 10);
+    setVolume(current + (e.deltaY < 0 ? 4 : -4));
+  }, { passive: false });
+}
+
+// ---------------------------------------------------------------------------
+// SSE metadata
+// ---------------------------------------------------------------------------
+
+function startMetadataSSE(streamUrl) {
+  if (sseSource) { sseSource.close(); sseSource = null; }
+
+  const endpoint = '/radio/sse/?url=' + encodeURIComponent(streamUrl);
+  sseSource = new EventSource(endpoint);
+
+  sseSource.onmessage = function (e) {
+    let data;
+    try { data = JSON.parse(e.data); } catch (_) { return; }
+
+    if (data.error) {
+      console.warn('SSE stream ended:', data.error);
+      return;
+    }
+
+    if (data.track && data.track !== currentTrack) {
+      currentTrack = data.track;
+      updateNowPlayingUI(data.track);
+      recordTrack(currentStation ? currentStation.name : '', data.track);
+      fetchAffiliateLinks(data.track);
+    }
+  };
+
+  sseSource.onerror = function () {
+    // Connection dropped; the browser will attempt to reconnect automatically
+    console.warn('SSE connection error, browser will retry.');
+  };
+}
+
+function updateNowPlayingUI(track) {
+  $('now-playing-track').textContent = track;
+}
+
+// ---------------------------------------------------------------------------
+// Record track
+// ---------------------------------------------------------------------------
+
+async function recordTrack(stationName, track) {
+  try {
+    const res = await fetch('/radio/record/', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-CSRFToken': getCsrfToken(),
+      },
+      body: JSON.stringify({ station_name: stationName, track, scrobble: true }),
+    });
+    if (res.ok) {
+      addHistoryRow(stationName, track);
+    }
+  } catch (err) {
+    console.error('recordTrack error:', err);
+  }
+}
+
+function addHistoryRow(stationName, track) {
+  const tbody = $('history-tbody');
+  if (!tbody) return;
+
+  // Remove the "no history" placeholder row if present
+  const emptyRow = $('history-empty-row');
+  if (emptyRow) emptyRow.remove();
+
+  const tr = document.createElement('tr');
+  const now = new Date().toISOString();
+  tr.innerHTML = `
+    <td class="history-time">${escapeHtml(formatDateTime(now))}</td>
+    <td>${escapeHtml(stationName)}</td>
+    <td>${escapeHtml(track)}</td>
+    <td></td>
+    <td><button class="btn-delete-history" onclick="deleteHistoryEntry(null, this)" title="Entfernen">✕</button></td>
+  `;
+  tbody.insertBefore(tr, tbody.firstChild);
+}
+
+async function deleteHistoryEntry(id, btn) {
+  const tr = btn.closest('tr');
+  if (!id) { tr.remove(); return; }
+  try {
+    const res = await fetch(`/radio/history/${id}/delete/`, {
+      method: 'POST',
+      headers: {'X-CSRFToken': getCsrfToken()},
+    });
+    if (res.ok) tr.remove();
+  } catch (e) {}
+}
+
+// ---------------------------------------------------------------------------
+// Affiliate links
+// ---------------------------------------------------------------------------
+
+async function fetchAffiliateLinks(track) {
+  const section = $('affiliate-section');
+  if (section && section.dataset.disabled) return;
+  try {
+    const res = await fetch('/radio/affiliate/?track=' + encodeURIComponent(track));
+    if (!res.ok) return;
+    const data = await res.json();
+
+    const itunes = data.itunes_data || {};
+
+    $('affiliate-track-name').textContent = itunes.name || track;
+    $('affiliate-artist-name').textContent = itunes.artist || '';
+    $('affiliate-album-name').textContent = itunes.album || '';
+
+    const artEl = $('affiliate-artwork');
+    if (itunes.artwork) {
+      artEl.src = itunes.artwork;
+      artEl.style.display = '';
+    } else {
+      artEl.style.display = 'none';
+    }
+
+    const amzLink = $('affiliate-amazon-link');
+    if (data.amazon_url) {
+      amzLink.href = data.amazon_url;
+      amzLink.style.display = '';
+    } else {
+      amzLink.style.display = 'none';
+    }
+
+    section.style.display = 'flex';
+  } catch (err) {
+    console.error('fetchAffiliateLinks error:', err);
+    section.style.display = 'none';
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Search (radio-browser.info)
+// ---------------------------------------------------------------------------
+
+async function doSearch() {
+  const query = $('search-input').value.trim();
+  if (!query) return;
+
+  const statusEl = $('search-status');
+  const tableEl = $('search-results-table');
+  const tbody = $('search-results-body');
+
+  tableEl.style.display = 'none';
+  tbody.innerHTML = '';
+
+  // A stream address instead of a name: offer to play or save it directly.
+  if (/^https?:\/\/\S+$/i.test(query)) {
+    showStreamAddressResult(query);
+    return;
+  }
+
+  statusEl.textContent = 'Suche …';
+
+  try {
+    const url = `https://de1.api.radio-browser.info/json/stations/search?name=${encodeURIComponent(query)}&limit=50&hidebroken=true&order=clickcount&reverse=true`;
+    const res = await fetch(url);
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    const stations = await res.json();
+
+    if (!stations.length) {
+      statusEl.textContent = 'Keine Sender gefunden.';
+      return;
+    }
+
+    statusEl.textContent = stations.length === 1 ? '1 Treffer' : `${stations.length} Treffer`;
+    tableEl.style.display = '';
+    const curated = document.getElementById('curated-lists');
+    if (curated) curated.style.display = 'none';
+
+    stations.forEach(st => {
+      const tr = document.createElement('tr');
+      const safeName = escapeHtml(st.name || '');
+      const safeUrl  = escapeHtml(st.url_resolved || st.url || '');
+      const safeBr   = escapeHtml(st.bitrate ? st.bitrate + ' kbps' : '');
+      const safeCC   = escapeHtml(st.countrycode || st.country || '');
+      const safeTags = escapeHtml((st.tags || '').split(',').slice(0, 3).join(', '));
+
+      tr.innerHTML = `
+        <td title="${safeName}">${safeName}</td>
+        <td>${safeBr}</td>
+        <td>${safeCC}</td>
+        <td title="${escapeHtml(st.tags || '')}">${safeTags}</td>
+        <td>
+          <button class="btn btn-sm btn-play"
+                  onclick='searchPlay(${JSON.stringify(safeUrl)}, ${JSON.stringify(safeName)}, ${JSON.stringify({
+                    name: st.name,
+                    url: st.url_resolved || st.url,
+                    bitrate: st.bitrate ? String(st.bitrate) : '',
+                    country: st.country || '',
+                    tags: st.tags || '',
+                    favicon_url: st.favicon || '',
+                  })})'>
+            &#9654; Abspielen
+          </button>
+        </td>
+      `;
+      tbody.appendChild(tr);
+    });
+  } catch (err) {
+    statusEl.textContent = 'Suche fehlgeschlagen: ' + err.message;
+  }
+}
+
+// A name to start from for a pasted address: "klassik.mp3" on radio.example.org
+// -> "Klassik (radio.example.org)". The query string is left out on purpose —
+// it often carries an access token, which shouldn't end up on screen.
+function _streamAddressName(url) {
+  try {
+    const u = new URL(url);
+    const file = decodeURIComponent(u.pathname.split('/').filter(Boolean).pop() || '');
+    const base = file.replace(/\.(mp3|aac|aacp|ogg|opus|m3u8?|pls|flac)$/i, '').replace(/[-_]+/g, ' ').trim();
+    const nice = base ? base.charAt(0).toUpperCase() + base.slice(1) : '';
+    return nice ? `${nice} (${u.host})` : u.host;
+  } catch (e) {
+    return url;
+  }
+}
+
+function showStreamAddressResult(url) {
+  const statusEl = $('search-status');
+  const tableEl = $('search-results-table');
+  const tbody = $('search-results-body');
+  const name = _streamAddressName(url);
+  const shown = url.split('?')[0];
+  const data = {name, url, bitrate: '', country: '', tags: '', favicon_url: ''};
+
+  statusEl.textContent = 'Stream-Adresse';
+  const curated = document.getElementById('curated-lists');
+  if (curated) curated.style.display = 'none';
+
+  // Same five columns as a radio-browser result: name, bitrate, country, tags, actions.
+  const tr = document.createElement('tr');
+  tr.className = 'stream-address-row';
+  for (let i = 0; i < 4; i++) tr.appendChild(document.createElement('td'));
+  tr.children[0].textContent = name;
+  tr.children[0].title = shown;
+  tr.children[3].textContent = shown;
+  tr.children[3].title = shown;
+
+  const actions = document.createElement('td');
+  const play = document.createElement('button');
+  play.className = 'btn btn-sm btn-play';
+  play.innerHTML = '&#9654; Abspielen';
+  play.addEventListener('click', () => searchPlay(url, name, data));
+  const save = document.createElement('button');
+  save.className = 'btn btn-sm';
+  save.innerHTML = '&#9733; Speichern';
+  save.style.marginLeft = '4px';
+  save.addEventListener('click', async e => {
+    e.stopPropagation();
+    const chosen = await customPrompt('Name für diesen Sender', name);
+    if (chosen == null) return;
+    const finalName = chosen.trim() || name;
+    await saveStation({...data, name: finalName});
+    statusEl.textContent = `Gespeichert als „${finalName}“.`;
+  });
+  actions.append(play, save);
+  tr.appendChild(actions);
+  tbody.appendChild(tr);
+  tableEl.style.display = '';
+}
+
+function searchPlay(url, name, stationData) {
+  // Store station data on the window so saveCurrentStation() can use it
+  window._pendingStationData = stationData;
+  playStation(url, name, null);
+}
+
+// ---------------------------------------------------------------------------
+// Save current station
+// ---------------------------------------------------------------------------
+
+async function saveCurrentStation() {
+  if (!currentStation) return;
+
+  // Use the rich data from search results if available, otherwise minimal data
+  const data = window._pendingStationData || {
+    name: currentStation.name,
+    url: currentStation.url,
+    bitrate: '',
+    country: '',
+    tags: '',
+    favicon_url: '',
+  };
+
+  await saveStation(data);
+}
+
+// ---------------------------------------------------------------------------
+// creamfresh radio: DJ feedback (hardcoded to this one station, see
+// CREAMFRESH_RADIO_URL above)
+// ---------------------------------------------------------------------------
+
+async function creamfreshVote(direction) {
+  const upBtn = $('creamfresh-vote-up-btn');
+  const downBtn = $('creamfresh-vote-down-btn');
+  upBtn.disabled = true;
+  downBtn.disabled = true;
+  try {
+    const res = await fetch('/radio/creamfresh-feedback/', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-CSRFToken': getCsrfToken(),
+      },
+      body: JSON.stringify({ vote: direction }),
+    });
+    if (!res.ok) throw new Error(`feedback returned ${res.status}`);
+    upBtn.classList.toggle('active', direction === 'up');
+    downBtn.classList.toggle('active', direction === 'down');
+  } catch (err) {
+    console.warn('creamfresh vote failed', err);
+  } finally {
+    upBtn.disabled = false;
+    downBtn.disabled = false;
+  }
+}
+
+async function saveStation(station) {
+  try {
+    const res = await fetch('/radio/save/', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-CSRFToken': getCsrfToken(),
+      },
+      body: JSON.stringify(station),
+    });
+
+    if (res.status === 401) {
+      await customAlert('Bitte anmelden, um Sender zu speichern.');
+      return;
+    }
+
+    const data = await res.json();
+    if (data.ok) {
+      if (data.created) {
+        addSavedRow({ id: data.id, ...station, is_favorite: false });
+      }
+    }
+  } catch (err) {
+    console.error('saveStation error:', err);
+  }
+}
+
+function addSavedRow(station) {
+  const tbody = $('saved-tbody');
+  if (!tbody) return;
+
+  const emptyRow = $('saved-empty-row');
+  if (emptyRow) emptyRow.remove();
+
+  // Check for duplicate
+  if (document.getElementById(`saved-row-${station.id}`)) return;
+
+  const tr = document.createElement('tr');
+  tr.id = `saved-row-${station.id}`;
+  tr.dataset.id = station.id;
+  tr.dataset.url = station.url;
+  tr.dataset.name = station.name;
+
+  const safeName = escapeHtml(station.name || '');
+  const safeBr   = escapeHtml(station.bitrate || '');
+  const safeCC   = escapeHtml(station.country || '');
+  const safeUrl  = escapeHtml(station.url || '');
+
+  tr.innerHTML = `
+    <td>
+      <button class="btn-icon fav-btn${station.is_favorite ? ' active' : ''}"
+              onclick="toggleFav(${station.id}, this)"
+              title="Favorit an/aus">&#9733;</button>
+    </td>
+    <td class="station-name-cell">${safeName}</td>
+    <td>${safeBr}</td>
+    <td>${safeCC}</td>
+    <td class="notes-cell" onclick="editNotes(${station.id}, this.textContent.trim())" title="" style="cursor:pointer; color:#666; max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;"></td>
+    <td>
+      <button class="btn btn-sm"
+              onclick="playStation('${safeUrl}', '${safeName}', ${station.id})">
+        &#9654; Abspielen
+      </button>
+    </td>
+    <td>
+      <button class="btn btn-sm btn-danger"
+              onclick="removeStation(${station.id})">
+        Entfernen
+      </button>
+    </td>
+  `;
+  tbody.appendChild(tr);
+}
+
+// ---------------------------------------------------------------------------
+// Remove station
+// ---------------------------------------------------------------------------
+
+// The only toggleFav: a second definition further down (expecting the button
+// as an argument) used to shadow this one, so the server-rendered rows — which
+// pass no button — toggled the favourite on the server without the star ever
+// changing, and a second click silently took it back.
+async function toggleFav(pk, btnEl) {
+  try {
+    const res = await fetch(`/radio/favorite/${pk}/`, {
+      method: 'POST',
+      headers: { 'X-CSRFToken': getCsrfToken() },
+    });
+    if (!res.ok) return;
+    const data = await res.json();
+
+    // Flip the star button state
+    const btn = btnEl || document.querySelector(`#saved-row-${pk} .fav-btn`);
+    if (btn) btn.classList.toggle('active', !!data.is_favorite);
+
+    // Re-sort rows in the DOM: favorites first, then alphabetically
+    const tbody = $('saved-tbody');
+    if (!tbody) return;
+    const rows = Array.from(tbody.querySelectorAll('tr[data-id]'));
+    rows.sort((a, b) => {
+      const aFav = a.querySelector('.fav-btn')?.classList.contains('active') ? 0 : 1;
+      const bFav = b.querySelector('.fav-btn')?.classList.contains('active') ? 0 : 1;
+      if (aFav !== bFav) return aFav - bFav;
+      return a.dataset.name.localeCompare(b.dataset.name);
+    });
+    rows.forEach(row => tbody.appendChild(row));
+  } catch (err) {
+    console.error('toggleFav error', err);
+  }
+}
+
+async function removeStation(pk) {
+  try {
+    const res = await fetch(`/radio/remove/${pk}/`, {
+      method: 'POST',
+      headers: { 'X-CSRFToken': getCsrfToken() },
+    });
+    if (res.ok) {
+      const row = $(`saved-row-${pk}`);
+      if (row) row.remove();
+
+      const tbody = $('saved-tbody');
+      if (tbody && tbody.querySelectorAll('tr').length === 0) {
+        const tr = document.createElement('tr');
+        tr.id = 'saved-empty-row';
+        tr.innerHTML = '<td colspan="7" class="empty-msg">Noch keine gespeicherten Sender.</td>';
+        tbody.appendChild(tr);
+      }
+    }
+  } catch (err) {
+    console.error('removeStation error:', err);
+  }
+}
diff --git a/static/js/app/14-focus.js b/static/js/app/14-focus.js
new file mode 100644
index 0000000..8d2b922
--- /dev/null
+++ b/static/js/app/14-focus.js
@@ -0,0 +1,173 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Focus Timer
+// ---------------------------------------------------------------------------
+
+const TIMER_WORK = 25 * 60;
+const TIMER_BREAK = 5 * 60;
+let timerSeconds = TIMER_WORK;
+let timerRunning = false;
+let timerIsBreak = false;
+let timerInterval = null;
+
+function timerTick() {
+  timerSeconds--;
+  renderTimer();
+  if (timerSeconds <= 0) {
+    clearInterval(timerInterval);
+    timerInterval = null;
+    timerRunning = false;
+    if (!timerIsBreak) {
+      // work session ended → start break
+      timerIsBreak = true;
+      recordFocusSession();
+      timerSeconds = TIMER_BREAK;
+      showTimerNotification('Pause! 5 Minuten.');
+      // auto-pause playback during break
+      if (audio.src && !audio.paused) audio.pause();
+    } else {
+      // break ended → reset to work
+      timerIsBreak = false;
+      timerSeconds = TIMER_WORK;
+      showTimerNotification('Pause vorbei. Weiter geht’s.');
+    }
+    renderTimer();
+  }
+}
+
+function toggleTimer() {
+  if (timerRunning) {
+    clearInterval(timerInterval);
+    timerInterval = null;
+    timerRunning = false;
+  } else {
+    if ('Notification' in window && Notification.permission === 'default') {
+      Notification.requestPermission();
+    }
+    timerRunning = true;
+    timerInterval = setInterval(timerTick, 1000);
+  }
+  renderTimer();
+}
+
+function resetTimer() {
+  clearInterval(timerInterval);
+  timerInterval = null;
+  timerRunning = false;
+  timerIsBreak = false;
+  timerSeconds = TIMER_WORK;
+  renderTimer();
+}
+
+function renderTimer() {
+  const m = String(Math.floor(timerSeconds / 60)).padStart(2, '0');
+  const s = String(timerSeconds % 60).padStart(2, '0');
+  const display = $('timer-display');
+  const btn = $('timer-toggle-btn');
+  const label = $('timer-phase-label');
+  if (display) display.textContent = `${m}:${s}`;
+  if (btn) btn.textContent = timerRunning ? '⏸' : '▶';
+  if (label) label.textContent = timerIsBreak ? 'Pause' : 'Fokus';
+  // colour the display red when break
+  if (display) display.style.color = timerIsBreak ? '#e63946' : '';
+}
+
+function showTimerNotification(msg) {
+  if ('Notification' in window && Notification.permission === 'granted') {
+    new Notification('diora', { body: msg });
+  }
+  // also flash in the timer label
+  const label = $('timer-phase-label');
+  if (label) { label.textContent = msg; setTimeout(() => renderTimer(), 3000); }
+}
+
+// ---------------------------------------------------------------------------
+// Focus session recording
+// ---------------------------------------------------------------------------
+
+async function recordFocusSession() {
+  try {
+    await fetch('/radio/focus/record/', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken() },
+      body: JSON.stringify({
+        station_name: currentStation ? currentStation.name : '',
+        duration_minutes: 25,
+      }),
+    });
+    loadFocusStats();
+  } catch (e) {}
+}
+
+async function loadFocusStats() {
+  try {
+    const res = await fetch('/radio/focus/stats/');
+    const data = await res.json();
+    const widget = document.getElementById('focus-today-widget');
+    if (widget) {
+      if (data.today_sessions > 0) {
+        widget.textContent = `Heute: ${data.today_sessions} ${data.today_sessions !== 1 ? 'Sitzungen' : 'Sitzung'} · ${data.today_minutes} min`;
+        widget.style.display = '';
+      } else {
+        widget.style.display = 'none';
+      }
+    }
+    // populate focus tab
+    const tbody = document.getElementById('focus-tbody');
+    if (!tbody) return;
+    tbody.innerHTML = '';
+    if (!data.sessions.length) {
+      tbody.innerHTML = '<tr><td colspan="3" class="empty-msg">Noch keine Fokus-Sitzungen. Starte den Timer!</td></tr>';
+      return;
+    }
+    data.sessions.forEach(s => {
+      const tr = document.createElement('tr');
+      const dt = new Date(s.completed_at).toLocaleString([], {dateStyle: 'short', timeStyle: 'short'});
+      tr.innerHTML = `<td>${dt}</td><td>${escapeHtml(s.station_name || '—')}</td><td>${s.duration_minutes} min</td>`;
+      tbody.appendChild(tr);
+    });
+  } catch (e) {}
+}
+
+// ---------------------------------------------------------------------------
+// Do Not Disturb / focus mode
+// ---------------------------------------------------------------------------
+
+let dndActive = false;
+
+function toggleDNDLight() {
+  document.body.classList.toggle('dnd-dark');
+  const btn = $('dnd-light-btn');
+  if (btn) btn.style.opacity = document.body.classList.contains('dnd-dark') ? '0.4' : '1';
+}
+
+function toggleDND() {
+  dndActive = !dndActive;
+  if (!dndActive) document.body.classList.remove('dnd-dark');
+  document.body.classList.toggle('dnd-mode', dndActive);
+  const btn = $('dnd-btn');
+  if (btn) btn.classList.toggle('active', dndActive);
+  if (dndActive) {
+    const el = document.documentElement;
+    if (el.requestFullscreen) el.requestFullscreen();
+    else if (el.webkitRequestFullscreen) el.webkitRequestFullscreen();
+  } else {
+    if (document.fullscreenElement && document.exitFullscreen) document.exitFullscreen();
+    else if (document.webkitFullscreenElement && document.webkitExitFullscreen) document.webkitExitFullscreen();
+  }
+}
+
+// Exit DND on Escape (browser also exits fullscreen on Escape, so sync state)
+document.addEventListener('fullscreenchange', () => {
+  if (!document.fullscreenElement && dndActive) {
+    dndActive = false;
+    document.body.classList.remove('dnd-mode');
+    const btn = $('dnd-btn');
+    if (btn) btn.classList.remove('active');
+  }
+});
+
+document.addEventListener('keydown', e => {
+  if (e.key === 'Escape' && dndActive) toggleDND();
+});
diff --git a/static/js/app/16-stations.js b/static/js/app/16-stations.js
new file mode 100644
index 0000000..254f5c8
--- /dev/null
+++ b/static/js/app/16-stations.js
@@ -0,0 +1,173 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Mood / genre tag filter
+// ---------------------------------------------------------------------------
+
+const MOOD_TAGS = [
+  { label: 'Fokus', tag: 'ambient' },
+  { label: 'Lo-fi', tag: 'lofi' },
+  { label: 'Jazz', tag: 'jazz' },
+  { label: 'Klassik', tag: 'classical' },
+  { label: 'Ambient', tag: 'ambient' },
+  { label: 'Metal', tag: 'metal' },
+  { label: 'Elektronisch', tag: 'electronic' },
+  { label: 'Wort', tag: 'talk' },
+];
+
+function initMoodChips() {
+  const container = $('mood-chips');
+  if (!container) return;
+  MOOD_TAGS.forEach(({ label, tag }) => {
+    const btn = document.createElement('button');
+    btn.className = 'mood-chip';
+    btn.textContent = label;
+    btn.onclick = () => {
+      const input = $('search-input');
+      if (input) input.value = tag;
+      doSearch();
+    };
+    container.appendChild(btn);
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Curated station lists
+// ---------------------------------------------------------------------------
+
+const CURATED_LISTS = [
+  {
+    id: 'focus',
+    label: 'Fokus',
+    stations: [
+      { name: 'SomaFM Drone Zone', url: 'https://ice6.somafm.com/dronezone-256-mp3' },
+      { name: 'SomaFM Groove Salad', url: 'https://ice5.somafm.com/groovesalad-128-aac' },
+      { name: 'Nightride FM', url: 'https://stream.nightride.fm/nightride.mp3' },
+      { name: 'Nightride FM Chillsynth', url: 'https://stream.nightride.fm/chillsynth.mp3' },
+    ],
+  },
+  {
+    id: 'lofi',
+    label: 'Lo-fi / Chill',
+    stations: [
+      { name: 'SomaFM Groove Salad Classic', url: 'https://ice6.somafm.com/gsclassic-128-mp3' },
+      { name: 'SomaFM Secret Agent', url: 'https://ice4.somafm.com/secretagent-128-mp3' },
+      { name: 'dublab DE', url: 'https://dublabde.out.airtime.pro/dublabde_a' },
+    ],
+  },
+  {
+    id: 'dark',
+    label: 'Dark / Industrial',
+    stations: [
+      { name: 'SomaFM Doomed', url: 'https://ice2.somafm.com/doomed-256-mp3' },
+      { name: 'Nightride FM Darksynth', url: 'https://stream.nightride.fm/darksynth.mp3' },
+      { name: 'Radio Caprice Industrial', url: 'http://79.120.39.202:9095/' },
+    ],
+  },
+  {
+    id: 'classical',
+    label: 'Klassik',
+    stations: [
+      { name: 'BR Klassik', url: 'https://dispatcher.rndfnk.com/br/brklassik/live/mp3/high' },
+      { name: 'SWR Kultur', url: 'https://f111.rndfnk.com/ard/swr/swr2/live/mp3/256/stream.mp3?aggregator=web' },
+      { name: 'Deutschlandfunk Kultur', url: 'https://st02.sslstream.dlf.de/dlf/02/high/aac/stream.aac?aggregator=web' },
+    ],
+  },
+];
+
+function initCuratedLists() {
+  const container = document.getElementById('curated-lists');
+  if (!container) return;
+
+  if (INITIAL_FEATURED && INITIAL_FEATURED.length) {
+    const section = document.createElement('div');
+    section.className = 'curated-section';
+    section.innerHTML = `<div class="curated-label">&#9733; Empfohlen</div>`;
+    const ul = document.createElement('ul');
+    ul.className = 'curated-stations';
+    INITIAL_FEATURED.forEach(s => {
+      const li = document.createElement('li');
+      li.innerHTML = `<button class="btn btn-sm" onclick="playStation('${escapeAttr(s.url)}', '${escapeAttr(s.name)}', null)">▶</button>
+                      <span class="curated-name">${escapeHtml(s.name)}</span>
+                      ${s.description ? `<span class="muted" style="font-size:0.78rem">${escapeHtml(s.description)}</span>` : ''}`;
+      ul.appendChild(li);
+    });
+    section.appendChild(ul);
+    container.appendChild(section);
+  }
+
+  CURATED_LISTS.forEach(list => {
+    const section = document.createElement('div');
+    section.className = 'curated-section';
+    section.innerHTML = `<div class="curated-label">${list.label}</div>`;
+    const ul = document.createElement('ul');
+    ul.className = 'curated-stations';
+    list.stations.forEach(s => {
+      const li = document.createElement('li');
+      li.innerHTML = `<button class="btn btn-sm" onclick="playStation('${escapeAttr(s.url)}', '${escapeAttr(s.name)}', null)">▶</button>
+                      <span class="curated-name">${escapeHtml(s.name)}</span>`;
+      ul.appendChild(li);
+    });
+    section.appendChild(ul);
+    container.appendChild(section);
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Donation hint
+// ---------------------------------------------------------------------------
+
+const DONATION_HINT_THRESHOLD = 10;
+const DONATION_HINT_COOLDOWN_MS = 7 * 24 * 60 * 60 * 1000; // 7 days
+
+function maybeShowDonationHint(stationUrl, stationName) {
+  const station = INITIAL_SAVED.find(s => s.url === stationUrl);
+  if (!station || station.play_count < DONATION_HINT_THRESHOLD) return;
+
+  const key = `diora_donation_hint_${stationUrl}`;
+  const last = parseInt(localStorage.getItem(key) || '0', 10);
+  if (Date.now() - last < DONATION_HINT_COOLDOWN_MS) return;
+
+  // Past the threshold just means "this station is a regular" — from then on
+  // every single play would otherwise qualify, so only actually show the hint
+  // on roughly 1 in 10 of those plays instead of every time.
+  if (Math.random() >= 0.1) return;
+
+  const existing = document.getElementById('donation-hint');
+  if (existing) existing.remove();
+
+  const el = document.createElement('div');
+  el.id = 'donation-hint';
+  el.innerHTML = `
+    <span>Du hörst <strong>${escapeHtml(stationName)}</strong> oft – vielleicht magst du den Sender unterstützen ♥</span>
+    <button onclick="dismissDonationHint('${escapeAttr(stationUrl)}')" title="Ausblenden">✕</button>
+  `;
+  document.body.appendChild(el);
+
+  setTimeout(() => dismissDonationHint(stationUrl), 12000);
+}
+
+function dismissDonationHint(stationUrl) {
+  localStorage.setItem(`diora_donation_hint_${stationUrl}`, Date.now());
+  const el = document.getElementById('donation-hint');
+  if (el) { el.classList.add('hiding'); setTimeout(() => el.remove(), 400); }
+}
+
+// ---------------------------------------------------------------------------
+// Station notes
+// ---------------------------------------------------------------------------
+
+async function editNotes(pk, current) {
+  const note = await customPrompt('Notiz zum Sender:', current || '');
+  if (note === null) return; // cancelled
+  fetch(`/radio/notes/${pk}/`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken() },
+    body: JSON.stringify({ notes: note }),
+  }).then(r => {
+    if (r.ok) {
+      const cell = document.querySelector(`#saved-row-${pk} .notes-cell`);
+      if (cell) cell.textContent = note;
+    }
+  });
+}
diff --git a/static/js/app/20-tabs.js b/static/js/app/20-tabs.js
new file mode 100644
index 0000000..a0facca
--- /dev/null
+++ b/static/js/app/20-tabs.js
@@ -0,0 +1,67 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Tabs
+// ---------------------------------------------------------------------------
+
+const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'feeds', 'ambient'];
+const RADIO_SUB_TABS = ['search', 'saved', 'history'];
+
+// ---------------------------------------------------------------------------
+// URL hash routing — makes tabs deep-linkable/shareable and lets the browser
+// back/forward buttons move between them. Deliberately hash-based rather
+// than real paths: /podcasts/ and /books/ etc. are already taken by the
+// JSON API, so this avoids touching Django's urls.py at all.
+// ---------------------------------------------------------------------------
+let _routingFromHash = false;
+let _currentTopTab = 'radio';
+
+function _syncHash() {
+  if (_routingFromHash) return;
+  let hash = _currentTopTab;
+  if (_currentTopTab === 'radio') {
+    hash += '/' + (localStorage.getItem('diora_active_radio_tab') || 'saved');
+  }
+  if (location.hash.slice(1) !== hash) history.pushState(null, '', '#' + hash);
+}
+
+function _routeFromHash() {
+  const [tab, sub] = (location.hash || '').replace(/^#/, '').split('/').filter(Boolean);
+  if (!TOP_TABS.includes(tab)) return;
+  _routingFromHash = true;
+  try {
+    showTab(tab);
+    if (tab === 'radio' && RADIO_SUB_TABS.includes(sub)) showRadioTab(sub);
+  } finally {
+    _routingFromHash = false;
+  }
+}
+
+window.addEventListener('popstate', _routeFromHash);
+window.addEventListener('hashchange', _routeFromHash);
+
+function showOfflineBanner(offline) {
+  document.body.classList.toggle('app-offline', offline);
+  const uploadArea = $('book-upload-area');
+  if (uploadArea) uploadArea.style.display = offline ? 'none' : '';
+}
+
+function showTab(name) {
+  TOP_TABS.forEach(p => {
+    const panel = $(`tab-${p}`);
+    if (panel) panel.style.display = (p === name) ? '' : 'none';
+  });
+
+  document.querySelectorAll('#tabs .tab-btn').forEach((btn, i) => {
+    btn.classList.toggle('active', TOP_TABS[i] === name);
+  });
+
+  localStorage.setItem('diora_active_tab', name);
+  _currentTopTab = name;
+  _syncHash();
+
+  if (name === 'books') loadBookList();
+  if (name === 'ambient') _ambientLoad();
+  if (name === 'home' && window.__dioraHomeShow) window.__dioraHomeShow();   // static/js/home.js
+  if (name === 'feeds' && window.__dioraFeedsShow) window.__dioraFeedsShow(); // static/js/feeds.js
+}
diff --git a/static/js/app/24-ambient.js b/static/js/app/24-ambient.js
new file mode 100644
index 0000000..ef11617
--- /dev/null
+++ b/static/js/app/24-ambient.js
@@ -0,0 +1,141 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Ambient: "Drift" (static/ambient/), a generative synthesizer in a frame of its
+// own. It and the radio / podcast player take turns — one starting stops the
+// other — by postMessage: {type: 'ambient', cmd: 'start'|'stop'} to the frame,
+// {type: 'ambient', state: 'playing'|'stopped'} from it.
+// ---------------------------------------------------------------------------
+let _ambientPlaying = false;
+let _ambientLast = false;   // Ambient was started last: the player bar shows it (native-podcast.js)
+
+function _ambientFrame() {
+  return $('ambient-frame');
+}
+
+function _ambientLoad() {
+  const f = _ambientFrame();
+  if (!f) return;
+  if (!f.getAttribute('src')) {
+    // Drift takes the page's volume before its first sound; the bar follows its sound world.
+    f.addEventListener('load', () => {
+      _ambientVolume();
+      try {
+        const sel = f.contentDocument.getElementById('mode');
+        // The sound world chosen last comes back (Drift itself starts with its default).
+        let last = '';
+        try { last = localStorage.getItem('diora_ambient_mode') || ''; } catch (e) {}
+        if (last && last !== sel.value && [...sel.options].some(o => o.value === last)) {
+          f.contentWindow.postMessage({type: 'ambient', cmd: 'mode', mode: last}, '*');
+        }
+        sel.addEventListener('change', () => {
+          try {
+            localStorage.setItem('diora_ambient_mode', sel.value);
+            localStorage.setItem('diora_ambient_mode_label', sel.selectedOptions[0] ? sel.selectedOptions[0].text : '');
+          } catch (e) {}
+          if (window.__dioraAmbientChanged) window.__dioraAmbientChanged();
+        });
+      } catch (e) {}
+    });
+    f.src = f.dataset.src;
+  }
+  requestAnimationFrame(_ambientSize);
+}
+
+// The frame fills the room between the tabs and the player bar at the bottom.
+function _ambientSize() {
+  const f = _ambientFrame();
+  if (!f || _currentTopTab !== 'ambient') return;
+  const root = getComputedStyle(document.documentElement);
+  const bar = parseFloat(root.getPropertyValue('--nui-dock-h')) || parseFloat(root.getPropertyValue('--dpw-bar-h')) || 0;
+  const top = f.getBoundingClientRect().top + window.scrollY;
+  f.style.height = Math.max(320, Math.floor(window.innerHeight - top - bar)) + 'px';
+}
+window.addEventListener('resize', () => requestAnimationFrame(_ambientSize));
+// The bar at the bottom grows or shrinks (the player appears, a second line …): its height
+// comes as --nui-dock-h / --dpw-bar-h on <html>, set inline — measure again then.
+new MutationObserver(() => requestAnimationFrame(_ambientSize))
+  .observe(document.documentElement, {attributes: true, attributeFilter: ['style']});
+
+// A command for Drift ('start' | 'stop'): the app's notification, the sleep timer.
+window.__dioraAmbientCmd = function (cmd, value) {
+  const f = _ambientFrame();
+  if (f && f.contentWindow && f.getAttribute('src')) f.contentWindow.postMessage({type: 'ambient', cmd, value}, '*');
+};
+
+// Start Drift from elsewhere (Home): load the frame if needed, then start it — with the
+// sound world chosen last, which the frame's load handler above sets.
+window.__dioraAmbientStart = function () {
+  const f = _ambientFrame();
+  if (!f) return;
+  const go = () => window.__dioraAmbientCmd('start');
+  let ready = false;
+  try { ready = !!f.getAttribute('src') && f.contentDocument.readyState === 'complete' && !!f.contentDocument.getElementById('mode'); } catch (e) {}
+  if (ready) { go(); return; }
+  f.addEventListener('load', () => setTimeout(go, 0), {once: true});
+  _ambientLoad();
+};
+
+// The radio or a podcast starts: Ambient stops, and the player bar is theirs again.
+window.__dioraAmbientStop = function () {
+  if (_ambientPlaying) window.__dioraAmbientCmd('stop');
+  if (_ambientLast) {
+    _ambientLast = false;
+    if (window.__dioraAmbientChanged) window.__dioraAmbientChanged();
+  }
+};
+window.__dioraAmbientPlaying = () => _ambientPlaying;
+
+// For the player bar: playing, started last, the sound world's name (the frame is ours).
+window.__dioraAmbientInfo = function () {
+  const f = _ambientFrame();
+  let mode = '';
+  try {
+    const sel = f && f.contentDocument && f.contentDocument.getElementById('mode');
+    if (sel && sel.selectedOptions[0]) mode = sel.selectedOptions[0].text;
+  } catch (e) {}
+  return {playing: _ambientPlaying, last: _ambientLast, mode};
+};
+
+// The page's volume (0–255, the bar's slider) is Drift's too; its own slider hides when
+// embedded. Not in the Android app: there the volume keys set it, as for everything.
+function _ambientVolume(val) {
+  if (window.DioraNative && DioraNative.ambientState) return;
+  if (val == null) {
+    const s = $('volume');
+    val = s ? +s.value : +(localStorage.getItem('diora_volume') || 102);
+  }
+  window.__dioraAmbientCmd && window.__dioraAmbientCmd('volume', val / 255);
+}
+
+window.addEventListener('message', e => {
+  const f = _ambientFrame();
+  const d = e.data;
+  if (!f || e.source !== f.contentWindow || !d || d.type !== 'ambient' || !d.state) return;
+  _ambientPlaying = d.state === 'playing';
+  if (_ambientPlaying) _ambientLast = true;
+  if (window.__dioraAmbientChanged) window.__dioraAmbientChanged();
+  // The app keeps it going with the screen off (AmbientService); the browser's sleep timer counts it.
+  if (window.DioraNative && DioraNative.ambientState) DioraNative.ambientState(_ambientPlaying);
+  if (window.__dioraOnAmbient) window.__dioraOnAmbient(_ambientPlaying);
+  if (!_ambientPlaying) return;
+  // Ambient starts: the radio and a podcast here stop.
+  if (typeof isPlaying !== 'undefined' && isPlaying) stopPlayback(false);
+  if (window.__dioraPausePlayer) window.__dioraPausePlayer();
+});
+
+function showRadioTab(name) {
+  RADIO_SUB_TABS.forEach(p => {
+    const panel = $(`tab-${p}`);
+    if (panel) panel.style.display = (p === name) ? '' : 'none';
+  });
+
+  document.querySelectorAll('#radio-sub-tabs .tab-btn').forEach((btn, i) => {
+    btn.classList.toggle('active', RADIO_SUB_TABS[i] === name);
+  });
+
+  localStorage.setItem('diora_active_radio_tab', name);
+  _syncHash();
+
+  if (name === 'saved') loadRecommendations();
+}
diff --git a/static/js/app/26-sidebar.js b/static/js/app/26-sidebar.js
new file mode 100644
index 0000000..7d9de86
--- /dev/null
+++ b/static/js/app/26-sidebar.js
@@ -0,0 +1,98 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Sidebar
+// ---------------------------------------------------------------------------
+
+function openSidebar(title, htmlContent) {
+  $('sidebar-title').textContent = title;
+  $('sidebar-body').innerHTML = sanitizeSidebarHtml(htmlContent);
+  $('sidebar-overlay').style.display = '';
+  $('sidebar').classList.add('open');
+}
+
+function closeSidebar() {
+  $('sidebar').classList.remove('open');
+  $('sidebar-overlay').style.display = 'none';
+}
+
+document.addEventListener('keydown', e => {
+  const overlay = $('reader-overlay');
+  const readerOpen = overlay && overlay.style.display !== 'none';
+
+  if (e.key === 'Escape') {
+    if (readerOpen) {
+      closeReader();
+    } else {
+      closeSidebar();
+    }
+  }
+
+  if (readerOpen) {
+    if ((e.ctrlKey && e.key === 'f') || e.key === 'F3') {
+      e.preventDefault();
+      toggleReaderSearch();
+    }
+    if (readerSearchOpen) {
+      if (e.key === 'ArrowDown') { e.preventDefault(); readerSearchNext(); }
+      if (e.key === 'ArrowUp')   { e.preventDefault(); readerSearchPrev(); }
+    }
+    if (readerSettings.pdfPaginated && currentPdfDoc) {
+      if (e.key === 'ArrowRight') { e.preventDefault(); pdfGoToPage(pdfCurrentPage + 1); }
+      if (e.key === 'ArrowLeft')  { e.preventDefault(); pdfGoToPage(pdfCurrentPage - 1); }
+    }
+
+    // Vim-style scroll — ignore when typing in an input
+    const tag = document.activeElement?.tagName;
+    if (tag !== 'INPUT' && tag !== 'TEXTAREA') {
+      const contentEl = $('reader-content');
+      if (contentEl) {
+        const large = Math.round(contentEl.clientHeight * 0.85);
+        const continuousKeys = {'j': 1, 'k': -1};
+        if (continuousKeys[e.key] !== undefined && !e.repeat) {
+          e.preventDefault();
+          _readerScrollDir = continuousKeys[e.key];
+          if (!_readerScrollInterval) {
+            _readerScrollLastTs = performance.now();
+            _readerScrollInterval = setInterval(_readerScrollTick, READER_SCROLL_TICK_MS);
+          }
+        }
+        if (e.key === 'd') { e.preventDefault(); contentEl.scrollBy({top:  large / 2, behavior: 'smooth'}); }
+        if (e.key === 'u') { e.preventDefault(); contentEl.scrollBy({top: -large / 2, behavior: 'smooth'}); }
+        if (e.key === 'f') { e.preventDefault(); contentEl.scrollBy({top:  large, behavior: 'smooth'}); }
+        if (e.key === 'b') { e.preventDefault(); contentEl.scrollBy({top: -large, behavior: 'smooth'}); }
+        if (e.key === 'g') { e.preventDefault(); contentEl.scrollTop = 0; }
+        if (e.key === 'G') { e.preventDefault(); contentEl.scrollTop = contentEl.scrollHeight; }
+        if (currentPdfDoc && !readerSettings.pdfPaginated) {
+          if (e.key === 'n') { e.preventDefault(); pdfGoToPage(pdfCurrentPage + 1); }
+          if (e.key === 'p') { e.preventDefault(); pdfGoToPage(pdfCurrentPage - 1); }
+        }
+      }
+    }
+  }
+});
+
+document.addEventListener('keyup', e => {
+  if (e.key === 'j' || e.key === 'k') {
+    clearInterval(_readerScrollInterval);
+    _readerScrollInterval = null;
+    _readerScrollDir = 0;
+  }
+});
+
+function sanitizeSidebarHtml(html) {
+  if (!html) return '<p class="muted">Keine Shownotes vorhanden.</p>';
+  const div = document.createElement('div');
+  div.innerHTML = html;
+  div.querySelectorAll('script, iframe, object, embed, style').forEach(el => el.remove());
+  div.querySelectorAll('*').forEach(el => {
+    Array.from(el.attributes).forEach(attr => {
+      if (attr.name.startsWith('on')) el.removeAttribute(attr.name);
+    });
+    if (el.tagName === 'A') {
+      el.setAttribute('target', '_blank');
+      el.setAttribute('rel', 'noopener noreferrer');
+    }
+  });
+  return div.innerHTML;
+}
diff --git a/static/js/app/28-serviceworker.js b/static/js/app/28-serviceworker.js
new file mode 100644
index 0000000..82742dd
--- /dev/null
+++ b/static/js/app/28-serviceworker.js
@@ -0,0 +1,46 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Service Worker
+// ---------------------------------------------------------------------------
+
+if ('serviceWorker' in navigator) {
+  window.addEventListener('load', () => {
+    // Registered from '/sw.js' (root), not '/static/js/sw.js': a service
+    // worker's default scope is its own script's directory, so registering
+    // it from under /static/js/ would only ever let it control requests
+    // under that path — page navigations to '/', '/books/' etc. would never
+    // be intercepted, breaking offline entirely.
+    navigator.serviceWorker.register('/sw.js', {scope: '/'}).catch(err => {
+      console.warn('Service worker registration failed:', err);
+    });
+    // Drop any leftover registration from the old, wrongly-scoped '/static/js/sw.js'
+    // path so it doesn't keep running or fight the new root-scoped worker.
+    navigator.serviceWorker.getRegistrations().then(regs => {
+      regs.forEach(r => { if (r.scope.endsWith('/static/js/')) r.unregister(); });
+    });
+  });
+  // When a new SW activates it sends SW_ACTIVATED — reload to get fresh assets,
+  // but never in the middle of something: not while a book is open, radio or a
+  // podcast plays, or a text field has the focus — then as soon as that's over.
+  let reloadPending = false;
+  const busy = () => {
+    if (currentBookId || isPlaying) return true;
+    const host = window.DioraPodcastHost;
+    if (host && host.playerState) {
+      try { if (JSON.parse(host.playerState()).playing) return true; } catch (_) {}
+    }
+    const el = document.activeElement;
+    return !!el && (el.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(el.tagName));
+  };
+  const reloadWhenIdle = () => {
+    if (busy()) setTimeout(reloadWhenIdle, 5000);
+    else window.location.reload();
+  };
+  navigator.serviceWorker.addEventListener('message', e => {
+    if (e.data?.type === 'SW_ACTIVATED' && !reloadPending) {
+      reloadPending = true;
+      reloadWhenIdle();
+    }
+  });
+}
diff --git a/static/js/app/29-m3u.js b/static/js/app/29-m3u.js
new file mode 100644
index 0000000..9937951
--- /dev/null
+++ b/static/js/app/29-m3u.js
@@ -0,0 +1,30 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// M3U import
+// ---------------------------------------------------------------------------
+
+async function importM3U(input) {
+  const file = input.files[0];
+  if (!file) return;
+  const status = document.getElementById('import-status');
+  status.textContent = 'Importiere …';
+
+  const form = new FormData();
+  form.append('file', file);
+  form.append('csrfmiddlewaretoken', getCsrfToken());
+
+  try {
+    const res = await fetch('/radio/import/', { method: 'POST', body: form });
+    const data = await res.json();
+    if (data.ok) {
+      status.textContent = `✓ ${data.added} hinzugefügt, ${data.skipped} schon gespeichert`;
+      if (data.added > 0) location.reload();
+    } else {
+      status.textContent = `Fehler: ${_germanError(data.error)}`;
+    }
+  } catch (e) {
+    status.textContent = 'Hochladen fehlgeschlagen';
+  }
+  input.value = '';
+}
diff --git a/static/js/app/30-contrast.js b/static/js/app/30-contrast.js
new file mode 100644
index 0000000..8afa5cd
--- /dev/null
+++ b/static/js/app/30-contrast.js
@@ -0,0 +1,91 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Contrast scheme
+// ---------------------------------------------------------------------------
+
+// Accent palette — ordered by preference. Algorithm picks the one with the
+// highest WCAG contrast ratio against the detected background luminance.
+const ACCENT_PALETTE = [
+  { base: '#e63946', hover: '#ff4d58' }, // red
+  { base: '#ff9500', hover: '#ffaa33' }, // orange
+  { base: '#f1c40f', hover: '#f9d439' }, // yellow
+  { base: '#2ecc71', hover: '#4ee88a' }, // green
+  { base: '#00b4d8', hover: '#33c7e5' }, // cyan
+  { base: '#4361ee', hover: '#6d84f4' }, // blue
+  { base: '#c77dff', hover: '#d89fff' }, // purple
+  { base: '#ff6b9d', hover: '#ff8fb5' }, // pink
+  { base: '#ffffff', hover: '#cccccc' }, // white (last resort)
+];
+
+function _linearise(c) {
+  c /= 255;
+  return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+}
+function _luminance(r, g, b) {
+  return 0.2126 * _linearise(r) + 0.7152 * _linearise(g) + 0.0722 * _linearise(b);
+}
+function _contrast(l1, l2) {
+  return (Math.max(l1, l2) + 0.05) / (Math.min(l1, l2) + 0.05);
+}
+function _hexRgb(hex) {
+  return [parseInt(hex.slice(1,3),16), parseInt(hex.slice(3,5),16), parseInt(hex.slice(5,7),16)];
+}
+
+function analyzeBackground(url) {
+  return new Promise(resolve => {
+    const img = new Image();
+    img.crossOrigin = 'anonymous';
+    img.onload = () => {
+      const canvas = document.createElement('canvas');
+      canvas.width = 64; canvas.height = 64;
+      const ctx = canvas.getContext('2d');
+      ctx.drawImage(img, 0, 0, 64, 64);
+      const data = ctx.getImageData(0, 0, 64, 64).data;
+      let tR = 0, tG = 0, tB = 0, tBt601 = 0;
+      const n = data.length / 4;
+      for (let i = 0; i < data.length; i += 4) {
+        tR += data[i]; tG += data[i+1]; tB += data[i+2];
+        tBt601 += 0.299*data[i] + 0.587*data[i+1] + 0.114*data[i+2];
+      }
+      resolve({
+        bright: (tBt601 / n) > 127,
+        bgLuminance: _luminance(tR/n, tG/n, tB/n),
+      });
+    };
+    img.onerror = () => resolve({ bright: false, bgLuminance: 0 });
+    img.src = url;
+  });
+}
+
+function pickBestAccent(bgLuminance) {
+  let best = ACCENT_PALETTE[0], bestRatio = 0;
+  for (const entry of ACCENT_PALETTE) {
+    const [r, g, b] = _hexRgb(entry.base);
+    const ratio = _contrast(bgLuminance, _luminance(r, g, b));
+    if (ratio > bestRatio) { bestRatio = ratio; best = entry; }
+  }
+  return best;
+}
+
+function applyAccent(entry) {
+  const root = document.documentElement;
+  root.style.setProperty('--accent', entry.base);
+  root.style.setProperty('--accent-hover', entry.hover);
+}
+
+// Light and dark: the switch is in base.html (every page has it). The reader's
+// "Wie die App" follows it.
+window.addEventListener('diora-theme', () => {
+  if (currentBookId) applyReaderSettings(!!currentPdfDoc);
+});
+
+function setScheme(bright) {
+  document.body.classList.toggle('bright-bg', bright);
+  const btn = document.getElementById('contrast-toggle');
+  if (btn) btn.style.opacity = bright ? '1' : '0.5';
+}
+
+function toggleContrast() {
+  setScheme(!document.body.classList.contains('bright-bg'));
+}
diff --git a/static/js/app/32-crypto.js b/static/js/app/32-crypto.js
new file mode 100644
index 0000000..53ff499
--- /dev/null
+++ b/static/js/app/32-crypto.js
@@ -0,0 +1,61 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// E2E Encryption utilities (Web Crypto API)
+// ---------------------------------------------------------------------------
+
+let _encKey = null;
+
+function bytesToBase64(buf) {
+  const bytes = new Uint8Array(buf);
+  let str = '';
+  for (const b of bytes) str += String.fromCharCode(b);
+  return btoa(str);
+}
+
+function base64ToBytes(b64) {
+  const str = atob(b64);
+  const buf = new Uint8Array(str.length);
+  for (let i = 0; i < str.length; i++) buf[i] = str.charCodeAt(i);
+  return buf;
+}
+
+function bytesToHex(buf) {
+  return Array.from(new Uint8Array(buf)).map(b => b.toString(16).padStart(2, '0')).join('');
+}
+
+function hexToBytes(hex) {
+  const arr = new Uint8Array(hex.length / 2);
+  for (let i = 0; i < arr.length; i++) arr[i] = parseInt(hex.slice(i*2, i*2+2), 16);
+  return arr;
+}
+
+async function getOrCreateEncKey() {
+  if (_encKey) return _encKey;
+  const storageKey = `diora_enc_key_${window.USER_ID || 0}`;
+  const stored = localStorage.getItem(storageKey);
+  if (stored) {
+    try {
+      const raw = base64ToBytes(stored);
+      _encKey = await crypto.subtle.importKey('raw', raw, {name: 'AES-GCM'}, false, ['encrypt', 'decrypt']);
+      return _encKey;
+    } catch (e) { /* fall through, generate new */ }
+  }
+  // No key found — generate one and store it
+  _encKey = await crypto.subtle.generateKey({name: 'AES-GCM', length: 256}, true, ['encrypt', 'decrypt']);
+  const raw = await crypto.subtle.exportKey('raw', _encKey);
+  localStorage.setItem(storageKey, bytesToBase64(new Uint8Array(raw)));
+  return _encKey;
+}
+
+async function encryptBytes(key, plainBytes) {
+  const iv = crypto.getRandomValues(new Uint8Array(12));
+  const ct = await crypto.subtle.encrypt({name: 'AES-GCM', iv}, key, plainBytes);
+  return {iv: bytesToHex(iv), ciphertext: bytesToBase64(ct)};
+}
+
+async function decryptBytes(key, ivHex, ctB64) {
+  const iv = hexToBytes(ivHex);
+  const ct = base64ToBytes(ctB64);
+  return crypto.subtle.decrypt({name: 'AES-GCM', iv}, key, ct);
+}
diff --git a/static/js/app/34-wallpaper.js b/static/js/app/34-wallpaper.js
new file mode 100644
index 0000000..c098ab8
--- /dev/null
+++ b/static/js/app/34-wallpaper.js
@@ -0,0 +1,54 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Encrypted wallpaper
+// ---------------------------------------------------------------------------
+
+async function uploadBackground(file) {
+  if (!file) return;
+  const allowedTypes = ['image/jpeg', 'image/png', 'image/webp'];
+  if (!allowedTypes.includes(file.type)) {
+    await customAlert('Nur JPEG-, PNG- oder WebP-Bilder sind erlaubt.');
+    return;
+  }
+  if (file.size > DIORA_CONFIG.bgMaxBytes) {
+    await customAlert(`Das Bild darf höchstens ${DIORA_CONFIG.bgMaxBytes / 1024 / 1024} MB groß sein.`);
+    return;
+  }
+
+  const key = await getOrCreateEncKey();
+  const buf = await file.arrayBuffer();
+  const {iv, ciphertext} = await encryptBytes(key, buf);
+
+  const res = await fetch('/accounts/background/upload/', {
+    method: 'POST',
+    headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+    body: JSON.stringify({iv, ciphertext, mime_type: file.type, file_size: file.size}),
+  });
+  const data = await res.json();
+  if (!data.ok) throw new Error(data.error || 'upload failed');
+}
+
+async function applyEncryptedBackground() {
+  if (typeof ENCRYPTED_BG === 'undefined' || !ENCRYPTED_BG.ciphertext) return;
+  try {
+    const key = await getOrCreateEncKey();
+    const plain = await decryptBytes(key, ENCRYPTED_BG.iv, ENCRYPTED_BG.ciphertext);
+    const blob = new Blob([plain], {type: ENCRYPTED_BG.mime || 'image/jpeg'});
+    const url = URL.createObjectURL(blob);
+    document.body.style.backgroundImage = `url('${url}')`;
+    const contrastBtn = document.getElementById('contrast-toggle');
+    if (contrastBtn) contrastBtn.hidden = false; // only with a picture behind the page
+    document.body.style.backgroundSize = 'cover';
+    document.body.style.backgroundPosition = 'center';
+    document.body.style.backgroundAttachment = 'fixed';
+
+    // Analyze brightness for accent/scheme
+    analyzeBackground(url).then(({bright, bgLuminance}) => {
+      setScheme(bright);
+      applyAccent(pickBestAccent(bgLuminance));
+    });
+  } catch (e) {
+    console.warn('Could not decrypt background:', e);
+  }
+}
diff --git a/static/js/app/40-epub.js b/static/js/app/40-epub.js
new file mode 100644
index 0000000..6e83b48
--- /dev/null
+++ b/static/js/app/40-epub.js
@@ -0,0 +1,262 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// EPUB parser (requires JSZip)
+// ---------------------------------------------------------------------------
+
+function resolveEpubPath(base, relative) {
+  if (!relative) return '';
+  if (relative.startsWith('/')) return relative.slice(1);
+  const hashIdx = relative.indexOf('#');
+  const frag = hashIdx >= 0 ? relative.slice(hashIdx) : '';
+  const rel = hashIdx >= 0 ? relative.slice(0, hashIdx) : relative;
+  const parts = (base + rel).split('/');
+  const resolved = [];
+  for (const p of parts) {
+    if (p === '..') resolved.pop();
+    else if (p !== '.') resolved.push(p);
+  }
+  return resolved.join('/') + frag;
+}
+
+async function parseEpub(arrayBuffer) {
+  const zip = await JSZip.loadAsync(arrayBuffer);
+
+  // 1. Find OPF via container.xml
+  const containerXml = await zip.file('META-INF/container.xml').async('text');
+  const containerDoc = new DOMParser().parseFromString(containerXml, 'application/xml');
+  const rootfileEl = containerDoc.querySelector('rootfile');
+  if (!rootfileEl) throw new Error('Ungültige EPUB-Datei (container.xml ohne rootfile)');
+  const opfPath = rootfileEl.getAttribute('full-path');
+  const opfDir = opfPath.includes('/') ? opfPath.substring(0, opfPath.lastIndexOf('/') + 1) : '';
+
+  // 2. Parse OPF
+  const opfText = await zip.file(opfPath).async('text');
+  const opfDoc = new DOMParser().parseFromString(opfText, 'application/xml');
+
+  const title = opfDoc.querySelector('metadata > title, metadata > *|title')?.textContent?.trim() || 'Unbekannter Titel';
+  const author = opfDoc.querySelector('metadata > creator, metadata > *|creator')?.textContent?.trim() || 'Unbekannter Autor';
+
+  // 3. Build manifest: id → {href, mediaType, properties}
+  const manifest = {};
+  opfDoc.querySelectorAll('manifest > item').forEach(item => {
+    manifest[item.getAttribute('id')] = {
+      href: opfDir + item.getAttribute('href'),
+      mediaType: item.getAttribute('media-type') || '',
+      properties: item.getAttribute('properties') || '',
+    };
+  });
+
+  // 4. Build image map: abs zip path → blob URL (parallel)
+  const imageMap = {};
+  await Promise.all(
+    Object.values(manifest)
+      .filter(({mediaType}) => mediaType.startsWith('image/'))
+      .map(async ({href, mediaType}) => {
+        try {
+          const buf = await zip.file(href).async('arraybuffer');
+          imageMap[href] = URL.createObjectURL(new Blob([buf], {type: mediaType}));
+        } catch (e) { /* missing asset */ }
+      })
+  );
+
+  // 5. Parse TOC
+  const toc = await _parseEpubToc(zip, opfDoc, manifest);
+
+  // 6. Get spine items; chapters are returned raw for progressive DOM injection
+  const spineItems = Array.from(opfDoc.querySelectorAll('spine > itemref'))
+    .map(ref => manifest[ref.getAttribute('idref')]?.href)
+    .filter(Boolean);
+
+  // All chapters unpacked at once: one after the other, every chapter waits for
+  // JSZip's own ticks (a book like Das Kapital has 148 of them).
+  const texts = await Promise.all(spineItems.map(href => {
+    const f = zip.file(href);
+    return f ? f.async('text').catch(() => null) : null;
+  }));
+
+  const chapters = [];
+  let slice = performance.now();
+  for (let i = 0; i < spineItems.length; i++) {
+    const href = spineItems[i];
+    if (texts[i] == null) continue;   // missing
+    try {
+      let chapterText = texts[i];
+      texts[i] = null;
+      // Strip style/script blocks early — publisher EPUBs often embed large base64 fonts in CSS.
+      // This shrinks the string before regex and DOMParser work on it.
+      chapterText = chapterText.replace(/<style\b[^>]*>[\s\S]*?<\/style>/gi, '');
+      chapterText = chapterText.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, '');
+      const chapterDir = href.includes('/') ? href.substring(0, href.lastIndexOf('/') + 1) : '';
+      const withBlobs = _injectImageBlobs(chapterText, chapterDir, imageMap);
+      const sanitized = sanitizeEpubHtml(withBlobs);
+      chapters.push(`<div id="epub-chapter-${i}" data-epub-src="${href}">${sanitized}</div>`);
+      // Let the page breathe (spinner, taps) every ~50 ms of work, not after a fixed count.
+      if (performance.now() - slice > 50) {
+        await new Promise(r => setTimeout(r, 0));
+        slice = performance.now();
+      }
+    } catch (e) { /* skip unreadable */ }
+  }
+
+  return {title, author, chapters, toc, imageMap};
+}
+
+async function _parseEpubToc(zip, opfDoc, manifest) {
+  // Try EPUB3 nav document
+  const navItem = Object.values(manifest).find(m => m.properties.includes('nav'));
+  if (navItem) {
+    try {
+      const navText = await zip.file(navItem.href).async('text');
+      const navDoc = new DOMParser().parseFromString(navText, 'application/xhtml+xml');
+      const tocNav = navDoc.querySelector('nav[epub\\:type="toc"]') || navDoc.querySelector('nav');
+      if (tocNav) {
+        const ol = tocNav.querySelector('ol');
+        if (ol) return _parseTocOl(ol, navItem.href, 0);
+      }
+    } catch (e) {}
+  }
+
+  // Fall back to EPUB2 NCX
+  const ncxItem = Object.values(manifest).find(m => m.mediaType === 'application/x-dtbncx+xml');
+  if (ncxItem) {
+    try {
+      const ncxText = await zip.file(ncxItem.href).async('text');
+      const ncxDoc = new DOMParser().parseFromString(ncxText, 'application/xml');
+      const ncxDir = ncxItem.href.includes('/') ? ncxItem.href.substring(0, ncxItem.href.lastIndexOf('/') + 1) : '';
+      return _parseNcxNavMap(ncxDoc.querySelector('navMap'), ncxDir, 0);
+    } catch (e) {}
+  }
+
+  return [];
+}
+
+function _parseTocOl(ol, navHref, depth) {
+  if (!ol || depth > 5) return [];
+  const navDir = navHref.includes('/') ? navHref.substring(0, navHref.lastIndexOf('/') + 1) : '';
+  const items = [];
+  for (const li of Array.from(ol.children)) {
+    const a = li.querySelector(':scope > a') || li.querySelector(':scope > span');
+    if (a) {
+      const rawHref = a.getAttribute('href') || '';
+      items.push({
+        label: a.textContent.trim(),
+        href: rawHref ? resolveEpubPath(navDir, rawHref) : '',
+        depth,
+      });
+    }
+    const childOl = li.querySelector(':scope > ol');
+    if (childOl) items.push(..._parseTocOl(childOl, navHref, depth + 1));
+  }
+  return items;
+}
+
+function _parseNcxNavMap(navMap, ncxDir, depth) {
+  if (!navMap || depth > 5) return [];
+  const items = [];
+  for (const navPoint of Array.from(navMap.children)) {
+    if (navPoint.tagName !== 'navPoint') continue;
+    const label = navPoint.querySelector('navLabel > text')?.textContent?.trim() || '';
+    const src = navPoint.querySelector('content')?.getAttribute('src') || '';
+    items.push({label, href: src ? resolveEpubPath(ncxDir, src) : '', depth});
+    items.push(..._parseNcxNavMap(navPoint, ncxDir, depth + 1));
+  }
+  return items;
+}
+
+function _resolveImageBlob(imageMap, absPath) {
+  if (imageMap[absPath]) return imageMap[absPath];
+  // Fallback: match by decoded filename only
+  const name = decodeURIComponent(absPath.split('/').pop()).toLowerCase();
+  for (const [k, v] of Object.entries(imageMap)) {
+    if (decodeURIComponent(k.split('/').pop()).toLowerCase() === name) return v;
+  }
+  return null;
+}
+
+// Replace image src/href in raw chapter HTML text with blob URLs before DOMParser sees it.
+// This avoids relying on innerHTML serialisation preserving attributes we set on DOM nodes.
+function _injectImageBlobs(html, chapterDir, imageMap) {
+  function subst(src) {
+    if (!src || src.startsWith('blob:') || src.startsWith('data:') || src.startsWith('http')) return src;
+    return _resolveImageBlob(imageMap, resolveEpubPath(chapterDir, src)) || '';
+  }
+  // <img src="...">
+  html = html.replace(/(<img\b[^>]*?)\bsrc="([^"]*)"/gi,
+    (_, pre, src) => { const b = subst(src); return b ? `${pre}src="${b}"` : pre; });
+  // SVG <image xlink:href="...">
+  html = html.replace(/(<image\b[^>]*?)\bxlink:href="([^"]*)"/gi,
+    (_, pre, src) => { const b = subst(src); return b ? `${pre}xlink:href="${b}"` : pre; });
+  // SVG <image href="...">
+  html = html.replace(/(<image\b[^>]*?)\bhref="([^"]*)"/gi,
+    (_, pre, src) => { const b = subst(src); return b ? `${pre}href="${b}"` : pre; });
+  return html;
+}
+
+// EPUBs mark footnote/endnote reference links very inconsistently across
+// editions/tools — some use class="footnote" (same-file '#frag' href), some
+// use the EPUB3 epub:type="noteref" attribute, and some (e.g. older
+// Calibre/zeno.org conversions) use neither and just wrap a plain link to
+// another chapter file's fragment in a <sup> — in either direction
+// (<sup><a>…</a></sup> or <a><sup>…</sup></a>). Recognize all of these
+// rather than only the single hardcoded class name.
+function _looksLikeFootnoteLink(el, href) {
+  if (!href.includes('#')) return false;
+  const cls = (el.getAttribute('class') || '').toLowerCase();
+  if (/\bnote|\bfootnote|\bfn\b/.test(cls)) return true;
+  const epubType = (el.getAttribute('epub:type') || '').toLowerCase();
+  if (epubType.includes('noteref')) return true;
+  return !!(el.closest('sup') || el.querySelector('sup'));
+}
+
+// Chapters are XHTML, but parsed as HTML (forgiving with broken books). HTML
+// knows no self-closing <a id="x"/>: the anchor stays open and swallows the
+// text after it — and being a formatting element it is re-opened in every
+// following paragraph (Suhrkamp/transpect books put one in each heading and
+// note). Close the inline ones; block elements are left alone so the block
+// indexes that highlights are anchored to stay the same.
+const _SELF_CLOSING_INLINE = /<(a|span|b|i|em|strong|sup|sub|small|u|s|code|font|abbr|cite|q|mark|var)(\s(?:[^<>"']|"[^"]*"|'[^']*')*)?\/>/gi;
+
+function sanitizeEpubHtml(html) {
+  html = html.replace(_SELF_CLOSING_INLINE, '<$1$2></$1>');
+  const doc = new DOMParser().parseFromString(html, 'text/html');
+
+  doc.querySelectorAll('script, iframe, object, embed, style, head, meta, link').forEach(el => el.remove());
+
+  doc.querySelectorAll('*').forEach(el => {
+    Array.from(el.attributes).forEach(attr => {
+      if (attr.name.startsWith('on') || attr.name === 'title') el.removeAttribute(attr.name);
+    });
+    const tag = el.tagName.toLowerCase();
+    if (tag === 'img') {
+      const src = el.getAttribute('src') || '';
+      // Remove any non-blob, non-data src that slipped through (broken relative paths)
+      if (src && !src.startsWith('blob:') && !src.startsWith('data:')) el.removeAttribute('src');
+    }
+    // The printed edition's page numbers ("[12]") as small marks, not glued to the text.
+    const etype = el.getAttribute('epub:type') || '';
+    if (/\bpagebreak\b/.test(etype) || el.getAttribute('role') === 'doc-pagebreak') {
+      el.classList.add('epub-pagenum');
+    }
+    if (el.tagName === 'A') {
+      const href = el.getAttribute('href') || '';
+      if (href.startsWith('http://') || href.startsWith('https://')) {
+        el.setAttribute('target', '_blank');
+        el.setAttribute('rel', 'noopener noreferrer');
+      } else if (_looksLikeFootnoteLink(el, href)) {
+        // The whole book is one concatenated DOM, so a fragment id resolves
+        // via getElementById regardless of which chapter file it originally
+        // pointed into — strip any "../Text/other.html" path prefix and keep
+        // just the id after the last '#'.
+        el.dataset.footnoteRef = href.slice(href.indexOf('#') + 1);
+        el.removeAttribute('href');
+        el.style.cursor = 'pointer';
+      } else {
+        el.removeAttribute('href');
+        el.style.cursor = 'default';
+      }
+    }
+  });
+
+  return doc.body ? doc.body.innerHTML : doc.documentElement.innerHTML;
+}
diff --git a/static/js/app/44-books.js b/static/js/app/44-books.js
new file mode 100644
index 0000000..744f895
--- /dev/null
+++ b/static/js/app/44-books.js
@@ -0,0 +1,298 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Books
+// ---------------------------------------------------------------------------
+
+let currentBookId = null;
+let currentBookToc = [];
+let currentImageMap = {};
+let readerScrollSaveTimer = null;
+let _resizeObserver = null;
+let _currentPositionAnchor = '';
+let _currentBookCharCount = 0;
+// Rough characters per printed book page, used to estimate a real page count for EPUBs.
+const CHARS_PER_BOOK_PAGE = 1800;
+const bookMetaCache = {}; // id → {title, author, type}
+
+// Reading-position percentages (the progress readout, annotation "% im Buch"
+// coordinates): a whole percent is fine for a normal book, but on a long one
+// (~600-700 physical pages and up) it barely moves during a whole scrolling
+// session, which reads as broken. Past that length, show one decimal —
+// formatted with the browser locale's own decimal separator.
+const LONG_BOOK_CHAR_THRESHOLD = 1000000;
+
+function _formatBookPercent(fraction) {
+  const pct = Math.max(0, Math.min(100, fraction * 100));
+  const decimals = _currentBookCharCount > LONG_BOOK_CHAR_THRESHOLD ? 1 : 0;
+  return pct.toLocaleString(undefined, {minimumFractionDigits: decimals, maximumFractionDigits: decimals});
+}
+
+// Accepts both '45.3' and '45,3' (locale-typed input)
+function _parseLocalePercent(str) {
+  const v = parseFloat(String(str).trim().replace(',', '.'));
+  return isNaN(v) ? 0 : v;
+}
+
+// ---------------------------------------------------------------------------
+// Reader "scrolled too far" safety net — offers a toast to jump back after a
+// sudden, large scroll (accidental fling, fat-fingered keybind, etc.). Only
+// watches organic scrolling; explicit destination jumps (TOC, bookmarks, the
+// progress input, search) call _suppressScrollJumpDetect() first so they
+// don't trigger it.
+// ---------------------------------------------------------------------------
+let _scrollRestTop = null;       // scrollTop last "settled" at, before the current burst
+let _scrollRestDebounce = null;
+let _scrollJumpSuppressed = false; // true while an explicit/programmatic jump is in flight
+let _scrollJumpToastEl = null;
+
+// Marks the current (and any immediately-following, possibly animated) scroll
+// as deliberate, so _checkScrollJump ignores it. Suppression lifts itself
+// once scrolling actually settles (see _armScrollJumpSettle) — not after a
+// fixed delay — so it stays active for however long a `smooth` scroll
+// animation to a far-away target actually takes, and calling this again
+// (e.g. from repeated resize-triggered corrections while a book settles)
+// simply pushes that settle point further out instead of racing it.
+function _suppressScrollJumpDetect() {
+  _scrollJumpSuppressed = true;
+  _armScrollJumpSettle();
+}
+
+function _armScrollJumpSettle() {
+  clearTimeout(_scrollRestDebounce);
+  _scrollRestDebounce = setTimeout(() => {
+    const contentEl = $('reader-content');
+    if (contentEl) _scrollRestTop = contentEl.scrollTop;
+    _scrollJumpSuppressed = false;
+  }, 500);
+}
+
+function _dismissScrollJumpToast() {
+  if (_scrollJumpToastEl) {
+    _scrollJumpToastEl.remove();
+    _scrollJumpToastEl = null;
+  }
+  if (_readPos && _readPos.hold === 'jump') _readPos.hold = false;
+}
+
+function _showScrollJumpToast(backTop) {
+  _dismissScrollJumpToast();
+  const toast = document.createElement('div');
+  toast.className = 'reader-toast reader-toast-action';
+  toast.innerHTML = `<span>Weit gescrollt</span><button type="button" class="reader-toast-btn">Zurückspringen</button>`;
+  document.body.appendChild(toast);
+  _scrollJumpToastEl = toast;
+  // Until it's gone, the place before the jump stays the reading position.
+  if (_readPos && !_readPos.hold) _readPos.hold = 'jump';
+  toast.querySelector('.reader-toast-btn').addEventListener('click', () => {
+    const contentEl = $('reader-content');
+    if (contentEl) {
+      _suppressScrollJumpDetect();
+      contentEl.scrollTo({top: backTop, behavior: 'smooth'});
+    }
+    _dismissScrollJumpToast();
+    // Back where it was: that's no new reading.
+    _readerInteractedAt = 0;
+  });
+  setTimeout(() => {
+    if (_scrollJumpToastEl !== toast) return;
+    _dismissScrollJumpToast();
+    // Stayed there: the far place is where the reading goes on.
+    _noteReaderInteraction();
+    if (_readPos) _readPos.key = null;
+  }, 6000);
+}
+
+function _checkScrollJump(contentEl) {
+  const top = contentEl.scrollTop;
+  if (_scrollRestTop === null) _scrollRestTop = top; // first sample this session
+
+  if (!_scrollJumpSuppressed && !_scrollJumpToastEl) {
+    const screen = contentEl.clientHeight || 1;
+    if (Math.abs(top - _scrollRestTop) > screen * 3.5) {
+      _showScrollJumpToast(_scrollRestTop);
+    }
+  }
+
+  // Only adopt the new position as the "settled" baseline — and lift any
+  // suppression — once scrolling has paused for a bit. That's what lets a
+  // fast, still-in-progress fling (or a long smooth-scroll animation) be
+  // compared against/protected until it actually finishes, not mid-flight.
+  _armScrollJumpSettle();
+}
+
+const EPUB_BLOCK_SELECTOR = 'p, h1, h2, h3, h4, h5, h6, li, blockquote, dt, dd, figcaption, div:not(:has(*))';
+
+// The open book's text blocks (EPUB_BLOCK_SELECTOR), with the chapter each one
+// belongs to — found once and kept until the book's content changes (a
+// highlight wrapping text can turn a leaf div into a non-leaf one). Selecting
+// them is the expensive part on an e-reader: Chrome 61 has no :has(), so
+// compat61.js filters every div in JavaScript.
+let _blockCache = null; // {content, blocks, chapterOf: Int32Array, chapters: Element[]}
+
+function _epubBlocks(contentEl) {
+  if (_blockCache && _blockCache.content === contentEl) return _blockCache;
+  const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
+  const chapters = Array.from(contentEl.querySelectorAll('[data-epub-src]'));
+  const chapterOf = new Int32Array(blocks.length);
+  for (let i = 0, ch = -1; i < blocks.length; i++) {
+    while (ch + 1 < chapters.length && chapters[ch + 1].compareDocumentPosition(blocks[i]) & Node.DOCUMENT_POSITION_FOLLOWING) ch++;
+    chapterOf[i] = ch;
+  }
+  const observer = new MutationObserver(() => {
+    if (_blockCache && _blockCache.content === contentEl) _blockCache = null;
+    observer.disconnect();
+  });
+  observer.observe(contentEl, {childList: true, subtree: true});
+  _blockCache = {content: contentEl, blocks, chapterOf, chapters};
+  return _blockCache;
+}
+
+// The anchor of the reading position: "block:inner" — the last block (with a
+// height) that starts at or above the top of the view, the first of several
+// starting at the same height; else the first block below. Blocks are in
+// document order and so top to bottom: a binary search over the chapters on
+// screen (the e-reader mode shows one), not every block from the book's start.
+function getPositionAnchor(contentEl) {
+  const {blocks, chapterOf, chapters} = _epubBlocks(contentEl);
+  if (!blocks.length) return '';
+  const containerTop = contentEl.getBoundingClientRect().top;
+  const containerBottom = containerTop + contentEl.clientHeight;
+  // Index ranges of the blocks in chapters that are laid out (all, when reading by scrolling).
+  const shown = new Set();
+  chapters.forEach((ch, i) => { if (ch.getClientRects().length) shown.add(i); });
+  const order = [];
+  for (let i = 0; i < blocks.length; i++) {
+    if (chapterOf[i] < 0 || shown.has(chapterOf[i])) {
+      let j = i;
+      while (j + 1 < blocks.length && chapterOf[j + 1] === chapterOf[i]) j++;
+      order.push([i, j]);
+      i = j;
+    }
+  }
+  const count = order.reduce((n, r) => n + r[1] - r[0] + 1, 0);
+  const at = k => { // k-th block on screen -> block index
+    for (const [a, b] of order) { if (k <= b - a) return a + k; k -= b - a + 1; }
+    return -1;
+  };
+  const rectOf = k => blocks[at(k)].getBoundingClientRect();
+  // A block without height says nothing about the position: use the next one with a height.
+  const measured = k => {
+    for (let n = k; n < count; n++) { const r = rectOf(n); if (r.height >= 1) return {k: n, top: r.top}; }
+    return null;
+  };
+  // Binary search for the last block with a height whose top <= containerTop.
+  let lo = 0, hi = count - 1, best = -1;
+  while (lo <= hi) {
+    const mid = (lo + hi) >> 1;
+    const m = measured(mid);
+    if (m && m.top <= containerTop) { best = m.k; lo = m.k + 1; }
+    else hi = mid - 1;
+  }
+  let bestIndex;
+  if (best >= 0) {
+    // Several blocks starting at the same height (a blockquote and its first paragraph): the first.
+    const top = rectOf(best).top;
+    let k = best;
+    for (let n = best - 1; n >= 0; n--) {
+      const r = rectOf(n);
+      if (r.height < 1) continue;
+      if (r.top !== top) break;
+      k = n;
+    }
+    bestIndex = at(k);
+  } else {
+    const first = measured(0);
+    bestIndex = first && first.top <= containerBottom ? at(first.k) : 0;
+  }
+  const rect = blocks[bestIndex].getBoundingClientRect();
+  const innerFraction = Math.max(0, Math.min(1, (containerTop - rect.top) / (rect.height || 1)));
+  return `${bestIndex}:${innerFraction.toFixed(6)}`;
+}
+
+// Reading progress as a share of the book's text (characters), from a
+// position anchor. Independent of layout — font size, screen width, which
+// chapters are rendered (the Android app's e-reader mode lays out one chapter
+// at a time) — so every client shows the same percentage for the same place.
+// The pixel share (scrollTop / scrollHeight) used before differed between
+// layouts and counted margins, headings and images as reading.
+let _charIndex = null; // {content, starts[], lens[], total} for the open book
+
+function _bookCharIndex(contentEl) {
+  if (_charIndex && _charIndex.content === contentEl) return _charIndex;
+  const offsets = new Map();
+  let pos = 0;
+  const walker = document.createTreeWalker(contentEl, NodeFilter.SHOW_TEXT);
+  let node;
+  while ((node = walker.nextNode())) {
+    offsets.set(node, pos);
+    pos += node.nodeValue.length;
+  }
+  const blocks = contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR);
+  const starts = new Array(blocks.length);
+  const lens = new Array(blocks.length);
+  for (let i = 0; i < blocks.length; i++) {
+    const first = document.createTreeWalker(blocks[i], NodeFilter.SHOW_TEXT).nextNode();
+    starts[i] = first ? offsets.get(first) : (i ? starts[i - 1] + lens[i - 1] : 0);
+    lens[i] = blocks[i].textContent.length;
+  }
+  _charIndex = {content: contentEl, starts, lens, total: pos || 1};
+  return _charIndex;
+}
+
+// Share of the text before the anchored place (0..1), or null.
+function _fractionFromAnchor(contentEl, anchor) {
+  const [block, inner] = _anchorParts(anchor);
+  if (block < 0) return null;
+  const idx = _bookCharIndex(contentEl);
+  if (block >= idx.starts.length) return null;
+  return Math.max(0, Math.min(1, (idx.starts[block] + inner * idx.lens[block]) / idx.total));
+}
+
+// Anchor of the place where `fraction` of the text has been read.
+function _anchorForFraction(contentEl, fraction) {
+  const idx = _bookCharIndex(contentEl);
+  if (!idx.starts.length) return '';
+  const target = Math.max(0, Math.min(1, fraction)) * idx.total;
+  let lo = 0, hi = idx.starts.length - 1;
+  while (lo < hi) {
+    const mid = (lo + hi + 1) >> 1;
+    if (idx.starts[mid] <= target) lo = mid; else hi = mid - 1;
+  }
+  const inner = idx.lens[lo] ? Math.max(0, Math.min(1, (target - idx.starts[lo]) / idx.lens[lo])) : 0;
+  return `${lo}:${inner.toFixed(6)}`;
+}
+
+function restoreFromAnchor(contentEl, anchor) {
+  if (!anchor) return false;
+  const parts = anchor.split(':');
+  if (parts.length !== 2) return false;
+  const idx = parseInt(parts[0], 10);
+  const innerFraction = parseFloat(parts[1]);
+  if (isNaN(idx) || isNaN(innerFraction)) return false;
+  const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
+  if (idx >= blocks.length) return false;
+  const el = blocks[idx];
+  contentEl.scrollTop = el.offsetTop + Math.round(innerFraction * el.offsetHeight);
+  return true;
+}
+
+// Split 'blockIndex:innerFraction' into [block, inner]; [-1, 0] if invalid/empty.
+function _anchorParts(anchor) {
+  if (typeof anchor !== 'string') return [-1, 0];
+  const c = anchor.indexOf(':');
+  if (c < 0) return [-1, 0];
+  const b = parseInt(anchor.slice(0, c), 10);
+  const f = parseFloat(anchor.slice(c + 1));
+  return [Number.isFinite(b) ? b : -1, Number.isFinite(f) ? f : 0];
+}
+
+// >0 if position A is further into the book than B, <0 if behind, 0 if equal.
+// Compares by anchor block index (precise); falls back to scroll_fraction only
+// when an anchor is missing (e.g. PDFs), matching the server's _progress_is_further.
+function _cmpProgress(anchorA, fracA, anchorB, fracB) {
+  const [ba, ia] = _anchorParts(anchorA);
+  const [bb, ib] = _anchorParts(anchorB);
+  if (ba >= 0 && bb >= 0) return ba !== bb ? ba - bb : ia - ib;
+  return (fracA || 0) - (fracB || 0);
+}
diff --git a/static/js/app/46-readpos.js b/static/js/app/46-readpos.js
new file mode 100644
index 0000000..c53aeef
--- /dev/null
+++ b/static/js/app/46-readpos.js
@@ -0,0 +1,198 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Reading position: the place last read wins, on any device (docs/progress-sync.md).
+//
+// A position counts as read when the reader got there by reading (scrolling,
+// turning pages, choosing a chapter); its time is that moment, not the time it
+// is saved. So re-saving an unchanged place, on a timer or on closing, carries
+// the old time and can never beat a newer place read on another device. A book
+// just opened at the server's place has read nothing here yet: nothing is sent.
+// Own writes wait in a small outbox (localStorage) until the server has them.
+// ---------------------------------------------------------------------------
+let _serverOffset = 0;      // the server's clock minus this device's (ms)
+let _readPos = null;        // the open book: {bookId, ready, key, readAt (device ms), moved, hold}
+let _readerInteractedAt = 0;
+
+function _progressDevice() {
+  return window.DIORA_DEVICE_NAME || 'Browser';
+}
+
+function _noteServerNow(ms) {
+  if (typeof ms === 'number' && ms > 1e12) _serverOffset = ms - Date.now();
+}
+
+function _noteServerNowHeader(res) {
+  try { _noteServerNow(Number(res.headers.get('X-Server-Now'))); } catch (e) {}
+}
+
+// The reader did something (scroll wheel, touch, key, mouse): the next change
+// of position is reading, not a layout settling.
+function _noteReaderInteraction() {
+  _readerInteractedAt = Date.now();
+  if (_readPos && _readPos.hold === 'until-moved') _readPos.hold = false;
+}
+window.__dioraReaderInteraction = _noteReaderInteraction;
+
+// While a jump is only a look (a footnote's place, "Zurück zum Text"), the
+// place before it stays the reading position. true: until the next
+// interaction; false: released now.
+window.__dioraHoldProgress = function (on) {
+  if (_readPos) _readPos.hold = on ? 'until-moved' : false;
+};
+
+function _positionKey(anchor, fraction) {
+  return anchor || 'f' + (fraction || 0).toFixed(4);
+}
+
+// Called with every computed position: a change that follows an interaction is reading.
+function _noteReadingPosition(anchor, fraction) {
+  if (!_readPos || !_readPos.ready || _readPos.hold) return;
+  const key = _positionKey(anchor, fraction);
+  if (key === _readPos.key) return;
+  _readPos.key = key;
+  if (Date.now() - _readerInteractedAt < 10000) {
+    _readPos.readAt = Date.now();
+    _readPos.moved = true;
+  }
+}
+
+function _progressOutboxKey() {
+  return `diora_progress_outbox_${window.USER_ID || 0}`;
+}
+
+function _progressOutbox() {
+  try { return JSON.parse(localStorage.getItem(_progressOutboxKey()) || '{}') || {}; } catch (e) { return {}; }
+}
+
+function _progressOutboxPut(entry) {
+  try {
+    const box = _progressOutbox();
+    const old = box[entry.book];
+    if (old && !entry.force && old.read_at > entry.read_at) return;
+    box[entry.book] = entry;
+    localStorage.setItem(_progressOutboxKey(), JSON.stringify(box));
+  } catch (e) {}
+}
+
+function _progressOutboxDone(bookId, readAt) {
+  try {
+    const box = _progressOutbox();
+    if (box[bookId] && box[bookId].read_at === readAt) {
+      delete box[bookId];
+      localStorage.setItem(_progressOutboxKey(), JSON.stringify(box));
+    }
+  } catch (e) {}
+}
+
+function _progressBody(e) {
+  return JSON.stringify({
+    scroll_fraction: e.fraction, position_anchor: e.anchor, read_at: e.read_at,
+    sent_at: Date.now(), device: e.device, ...(e.force && {force: true}),
+  });
+}
+
+// Send one queued position; true once the server has it (stored or not: it decides).
+async function _sendProgress(e) {
+  try {
+    const res = await fetch(`/books/${e.book}/progress/`, {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+      body: _progressBody(e),
+    });
+    if (!(res.ok || (res.status >= 400 && res.status < 500))) return false;
+    try { _noteServerNow((await res.json()).server_now); } catch (err) {}
+    _progressOutboxDone(e.book, e.read_at);
+    return true;
+  } catch (err) {
+    return false;
+  }
+}
+
+let _progressFlushing = null;
+function _flushProgressOutbox() {
+  if (!_progressFlushing) {
+    _progressFlushing = (async () => {
+      for (const e of Object.values(_progressOutbox())) await _sendProgress(e);
+    })().finally(() => { _progressFlushing = null; });
+  }
+  return _progressFlushing;
+}
+
+// A book's state from the server list, made newer by an own write the server doesn't have yet.
+function _withPendingProgress(b) {
+  const e = _progressOutbox()[b.id];
+  if (!e) return b;
+  const at = e.read_at + _serverOffset;
+  if (b.read_at != null && at < b.read_at && !e.force) return b;
+  return {...b, scroll_fraction: e.fraction, position_anchor: e.anchor, read_at: at,
+          device: e.device, last_read: new Date(at).toISOString()};
+}
+
+function _bookRecency(b) {
+  if (typeof b.read_at === 'number') return b.read_at;
+  const t = b.last_read ? Date.parse(b.last_read) : NaN;
+  return isNaN(t) ? 0 : t;
+}
+
+function _readerToast(text, button, onClick, ms) {
+  const toast = document.createElement('div');
+  toast.className = 'reader-toast reader-toast-action';
+  toast.innerHTML = '<span></span><button type="button" class="reader-toast-btn"></button>';
+  toast.querySelector('span').textContent = text;
+  toast.querySelector('button').textContent = button;
+  document.body.appendChild(toast);
+  const done = () => toast.remove();
+  toast.querySelector('button').addEventListener('click', () => { done(); onClick(); });
+  setTimeout(done, ms || 10000);
+  return toast;
+}
+
+function _jumpToPosition(anchor, fraction) {
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+  _suppressScrollJumpDetect();
+  if (currentPdfDoc && readerSettings.pdfPaginated && pdfTotalPages > 1) {
+    pdfCurrentPage = Math.max(1, Math.round(fraction * (pdfTotalPages - 1)) + 1);
+    enterPdfPaginatedMode();
+  } else if (currentPdfDoc) {
+    contentEl.scrollTop = fraction * (contentEl.scrollHeight - contentEl.clientHeight);
+  } else if (!restoreFromAnchor(contentEl, anchor)) {
+    restoreFromAnchor(contentEl, _anchorForFraction(contentEl, fraction));
+  }
+}
+
+// Another device read this book after the place shown here: offer to go there.
+let _newerOfferShown = null;
+async function _checkNewerPositionElsewhere() {
+  const pos = _readPos;
+  if (!pos || !pos.ready || !currentBookId || pos.bookId !== currentBookId) return;
+  let b;
+  try {
+    const res = await fetch('/books/', {cache: 'no-store'});
+    _noteServerNowHeader(res);
+    b = (await res.json()).find(x => x.id === pos.bookId);
+  } catch (e) { return; }
+  if (!b || b.read_at == null || _readPos !== pos) return;
+  if (b.read_at <= pos.readAt + _serverOffset + 3000) return;
+  if (_positionKey(b.position_anchor || '', b.scroll_fraction) === pos.key) return;
+  const offerKey = `${pos.bookId}:${b.read_at}`;
+  if (_newerOfferShown === offerKey) return;
+  _newerOfferShown = offerKey;
+  const where = b.device ? `Auf ${b.device}` : 'Auf einem anderen Gerät';
+  _readerToast(`${where} weitergelesen · ${_formatBookPercent(b.scroll_fraction || 0)} %`, 'Dorthin', () => {
+    if (_readPos !== pos) return;
+    _jumpToPosition(b.position_anchor || '', b.scroll_fraction || 0);
+    // That place and its time are the server's: nothing new to tell it.
+    pos.key = null;
+    pos.readAt = b.read_at - _serverOffset;
+    pos.moved = false;
+    setTimeout(() => {
+      const contentEl = $('reader-content');
+      if (_readPos === pos && contentEl) {
+        pos.key = currentPdfDoc ? _positionKey('', b.scroll_fraction || 0) : _positionKey(getPositionAnchor(contentEl), 0);
+      }
+    }, 300);
+  }, 15000);
+}
+window.__dioraCheckNewerPosition = _checkNewerPositionElsewhere;
diff --git a/static/js/app/48-book-cache.js b/static/js/app/48-book-cache.js
new file mode 100644
index 0000000..84cf793
--- /dev/null
+++ b/static/js/app/48-book-cache.js
@@ -0,0 +1,294 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Book cache — IndexedDB, evict after 4 weeks of inactivity
+// ---------------------------------------------------------------------------
+const _BOOK_CACHE_STORE       = 'books';
+const _BOOK_META_STORE        = 'book_meta';
+const _BOOK_ANNOTATIONS_STORE = 'book_annotations';
+const _BOOK_PARSED_STORE      = 'parsed';   // prepared chapters, see _getParsedBook
+const _BOOK_CACHE_EVICT_MS    = 4 * 7 * 24 * 60 * 60 * 1000;
+
+function _openBookCacheDb() {
+  return new Promise((resolve, reject) => {
+    const req = indexedDB.open('diora_book_cache', 3);
+    req.onupgradeneeded = e => {
+      const db = e.target.result;
+      if (!db.objectStoreNames.contains(_BOOK_CACHE_STORE))
+        db.createObjectStore(_BOOK_CACHE_STORE, {keyPath: 'id'});
+      if (!db.objectStoreNames.contains(_BOOK_META_STORE))
+        db.createObjectStore(_BOOK_META_STORE, {keyPath: 'id'});
+      if (!db.objectStoreNames.contains(_BOOK_ANNOTATIONS_STORE))
+        db.createObjectStore(_BOOK_ANNOTATIONS_STORE, {keyPath: 'id'});
+      if (!db.objectStoreNames.contains(_BOOK_PARSED_STORE))
+        db.createObjectStore(_BOOK_PARSED_STORE, {keyPath: 'id'});
+    };
+    req.onsuccess  = e => resolve(e.target.result);
+    req.onerror    = ()  => reject();
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Prepared books: an EPUB's chapters after unpacking and sanitizing, so opening
+// it again skips both (for a book like Das Kapital that's most of the time an
+// e-reader needs to open it). Encrypted with the book key like everything else
+// on the device. Valid for one version of the book file (its IV) and of the
+// code that prepares chapters (a hash of its source: changing the sanitizer
+// makes every book be prepared anew). Images stay in the book file: the
+// chapters keep "diora-img:<path>" in place of the session's blob URLs.
+// ---------------------------------------------------------------------------
+let _parseCodeSig = null;
+
+function _parsePreparationSig() {
+  if (_parseCodeSig) return _parseCodeSig;
+  const src = [parseEpub, sanitizeEpubHtml, _injectImageBlobs, _resolveImageBlob, _parseEpubToc]
+    .map(f => String(f)).join('\n');
+  let h = 5381;
+  for (let i = 0; i < src.length; i++) h = ((h << 5) + h + src.charCodeAt(i)) | 0;
+  return (_parseCodeSig = (h >>> 0).toString(36) + '.' + src.length);
+}
+
+async function _getParsedBook(bookId, dataIv, key) {
+  try {
+    const db = await _openBookCacheDb();
+    const row = await new Promise(resolve => {
+      const req = db.transaction(_BOOK_PARSED_STORE).objectStore(_BOOK_PARSED_STORE).get(bookId);
+      req.onsuccess = e => resolve(e.target.result || null);
+      req.onerror = () => resolve(null);
+    });
+    if (!row || row.sig !== dataIv + ':' + _parsePreparationSig()) return null;
+    const plain = await crypto.subtle.decrypt({name: 'AES-GCM', iv: row.iv}, key, row.ct);
+    return JSON.parse(new TextDecoder().decode(plain));
+  } catch (e) { return null; }
+}
+
+async function _setParsedBook(bookId, dataIv, key, result) {
+  try {
+    // Blob URLs live as long as this page; the stored chapters name the image instead.
+    const pathOf = {};
+    for (const [path, url] of Object.entries(result.imageMap || {})) pathOf[url] = path;
+    const blobRe = /blob:[^"'\s)]+/g;
+    const chapters = result.chapters.map(c => c.replace(blobRe, u => pathOf[u] ? 'diora-img:' + pathOf[u] : u));
+    const doc = {title: result.title, author: result.author, toc: result.toc, chapters,
+                 images: Object.keys(result.imageMap || {})};
+    // Raw bytes, not base64: IndexedDB keeps an ArrayBuffer as it is (megabytes for a big book).
+    const iv = crypto.getRandomValues(new Uint8Array(12));
+    const ct = await crypto.subtle.encrypt({name: 'AES-GCM', iv}, key, new TextEncoder().encode(JSON.stringify(doc)));
+    const db = await _openBookCacheDb();
+    await new Promise(resolve => {
+      const tx = db.transaction(_BOOK_PARSED_STORE, 'readwrite');
+      const store = tx.objectStore(_BOOK_PARSED_STORE);
+      store.put({id: bookId, sig: dataIv + ':' + _parsePreparationSig(), iv, ct, cached_at: Date.now()});
+      // Prepared books not opened for a while go (they come back on the next open).
+      const all = store.getAll();
+      all.onsuccess = () => all.result.forEach(r => {
+        if (r.id !== bookId && Date.now() - (r.cached_at || 0) > _BOOK_CACHE_EVICT_MS) store.delete(r.id);
+      });
+      tx.oncomplete = resolve;
+      tx.onerror = resolve;
+    });
+  } catch (e) {}
+}
+
+/** A prepared book back to what parseEpub returns: fresh blob URLs for its images. */
+async function _restoreParsedBook(doc, epubBytes) {
+  const imageMap = {};
+  if (doc.images && doc.images.length) {
+    const zip = await JSZip.loadAsync(epubBytes);
+    await Promise.all(doc.images.map(async path => {
+      const f = zip.file(path);
+      if (!f) return;
+      try {
+        const buf = await f.async('arraybuffer');
+        const ext = path.split('.').pop().toLowerCase();
+        const type = {jpg: 'image/jpeg', jpeg: 'image/jpeg', png: 'image/png', gif: 'image/gif',
+                      svg: 'image/svg+xml', webp: 'image/webp'}[ext] || '';
+        imageMap[path] = URL.createObjectURL(new Blob([buf], type ? {type} : {}));
+      } catch (e) {}
+    }));
+  }
+  const placeholder = /diora-img:([^"'\s)]+)/g;
+  const chapters = doc.chapters.map(c => c.replace(placeholder, (m, path) => imageMap[path] || ''));
+  return {title: doc.title, author: doc.author, toc: doc.toc, chapters, imageMap};
+}
+
+async function _getCachedBook(bookId) {
+  try {
+    const db = await _openBookCacheDb();
+    return await new Promise((resolve) => {
+      const req = db.transaction(_BOOK_CACHE_STORE).objectStore(_BOOK_CACHE_STORE).get(bookId);
+      req.onsuccess = e => resolve(e.target.result || null);
+      req.onerror   = ()  => resolve(null);
+    });
+  } catch { return null; }
+}
+
+async function _setCachedBook(bookId, data_ct, data_iv) {
+  try {
+    const db = await _openBookCacheDb();
+    await new Promise((resolve) => {
+      const tx = db.transaction(_BOOK_CACHE_STORE, 'readwrite');
+      tx.objectStore(_BOOK_CACHE_STORE).put({id: bookId, data_ct, data_iv, cached_at: Date.now()});
+      tx.oncomplete = resolve;
+      tx.onerror    = resolve;
+    });
+    // Request persistent storage so the browser doesn't evict cached books
+    // under storage pressure. Chrome grants this silently for installed PWAs;
+    // Firefox may show a permission prompt.
+    if (navigator.storage?.persist) navigator.storage.persist();
+  } catch {}
+}
+
+async function _evictCachedBook(bookId) {
+  try {
+    const db = await _openBookCacheDb();
+    await new Promise((resolve) => {
+      const tx = db.transaction(_BOOK_CACHE_STORE, 'readwrite');
+      tx.objectStore(_BOOK_CACHE_STORE).delete(bookId);
+      tx.oncomplete = resolve;
+      tx.onerror    = resolve;
+    });
+  } catch {}
+}
+
+async function _evictBookCache(bookList) {
+  try {
+    const db = await _openBookCacheDb();
+    const now = Date.now();
+    const metaById = Object.fromEntries(bookList.map(b => [b.id, b]));
+    await new Promise((resolve) => {
+      const tx = db.transaction(_BOOK_CACHE_STORE, 'readwrite');
+      const store = tx.objectStore(_BOOK_CACHE_STORE);
+      store.openCursor().onsuccess = e => {
+        const cursor = e.target.result;
+        if (!cursor) { resolve(); return; }
+        const meta = metaById[cursor.value.id];
+        const lastRead = meta?.last_read ? new Date(meta.last_read).getTime() : 0;
+        if (!meta || (now - lastRead) > _BOOK_CACHE_EVICT_MS) cursor.delete();
+        cursor.continue();
+      };
+      tx.onerror = resolve;
+    });
+  } catch {}
+}
+
+async function _saveBookMeta(books) {
+  try {
+    const db = await _openBookCacheDb();
+    const ids = new Set(books.map(b => String(b.id)));
+    await new Promise(resolve => {
+      const tx = db.transaction(_BOOK_META_STORE, 'readwrite');
+      const store = tx.objectStore(_BOOK_META_STORE);
+      for (const b of books) store.put(b);
+      store.openCursor().onsuccess = e => {
+        const cursor = e.target.result;
+        if (!cursor) return;
+        if (!ids.has(String(cursor.value.id))) cursor.delete();
+        cursor.continue();
+      };
+      tx.oncomplete = resolve;
+      tx.onerror    = resolve;
+    });
+  } catch {}
+}
+
+async function _loadCachedBookMeta() {
+  try {
+    const db = await _openBookCacheDb();
+    return await new Promise(resolve => {
+      const req = db.transaction(_BOOK_META_STORE).objectStore(_BOOK_META_STORE).getAll();
+      req.onsuccess = e => resolve(e.target.result || []);
+      req.onerror   = ()  => resolve([]);
+    });
+  } catch { return []; }
+}
+
+async function _updateCachedBookProgress(bookId, fraction, anchor, force = false, readAt = null) {
+  const at = (readAt == null ? Date.now() : readAt) + _serverOffset;
+  try {
+    const db = await _openBookCacheDb();
+    await new Promise(resolve => {
+      const tx = db.transaction(_BOOK_META_STORE, 'readwrite');
+      const store = tx.objectStore(_BOOK_META_STORE);
+      const req = store.get(bookId);
+      req.onsuccess = e => {
+        const entry = e.target.result;
+        // The place read last, as on the server (docs/progress-sync.md).
+        if (entry && (force || entry.read_at == null || at >= entry.read_at)) {
+          entry.scroll_fraction  = fraction;
+          entry.position_anchor  = anchor;
+          entry.read_at          = at;
+          entry.device           = _progressDevice();
+          entry.last_read        = new Date(at).toISOString();
+          if (_cmpProgress(anchor, fraction, entry.furthest_anchor || '', entry.furthest_fraction || 0) > 0) {
+            entry.furthest_anchor = anchor;
+            entry.furthest_fraction = fraction;
+          }
+          store.put(entry);
+        }
+      };
+      tx.oncomplete = resolve;
+      tx.onerror    = resolve;
+    });
+  } catch {}
+}
+
+async function _saveAnnotationsCache(bookId, type, ct, iv) {
+  try {
+    const db = await _openBookCacheDb();
+    await new Promise(resolve => {
+      const tx = db.transaction(_BOOK_ANNOTATIONS_STORE, 'readwrite');
+      tx.objectStore(_BOOK_ANNOTATIONS_STORE).put({id: `${bookId}_${type}`, ct, iv});
+      tx.oncomplete = resolve;
+      tx.onerror    = resolve;
+    });
+  } catch {}
+}
+
+async function _loadAnnotationsCache(bookId, type) {
+  try {
+    const db = await _openBookCacheDb();
+    return await new Promise(resolve => {
+      const req = db.transaction(_BOOK_ANNOTATIONS_STORE).objectStore(_BOOK_ANNOTATIONS_STORE).get(`${bookId}_${type}`);
+      req.onsuccess = e => resolve(e.target.result || null);
+      req.onerror   = ()  => resolve(null);
+    });
+  } catch { return null; }
+}
+
+const _PENDING_SYNC_KEY = 'diora_pending_sync';
+
+function _markPendingSync(bookId, type) {
+  try {
+    const pending = JSON.parse(localStorage.getItem(_PENDING_SYNC_KEY) || '[]');
+    const key = `${bookId}:${type}`;
+    if (!pending.includes(key)) pending.push(key);
+    localStorage.setItem(_PENDING_SYNC_KEY, JSON.stringify(pending));
+  } catch {}
+}
+
+async function _syncPendingAnnotations() {
+  try {
+    const pending = JSON.parse(localStorage.getItem(_PENDING_SYNC_KEY) || '[]');
+    if (!pending.length) return;
+    const remaining = [];
+    for (const key of pending) {
+      const sep = key.indexOf(':');
+      const bookId = key.slice(0, sep);
+      const type   = key.slice(sep + 1);
+      const cached = await _loadAnnotationsCache(bookId, type);
+      if (!cached?.ct) continue;
+      const url = type === 'bookmarks'
+        ? `/books/${bookId}/bookmarks/`
+        : `/books/${bookId}/highlights/`;
+      try {
+        await fetch(url, {
+          method: 'POST',
+          headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+          body: JSON.stringify({ct: cached.ct, iv: cached.iv}),
+        });
+      } catch { remaining.push(key); }
+    }
+    localStorage.setItem(_PENDING_SYNC_KEY, JSON.stringify(remaining));
+  } catch {}
+}
diff --git a/static/js/app/50-reader-state.js b/static/js/app/50-reader-state.js
new file mode 100644
index 0000000..2ba6b3c
--- /dev/null
+++ b/static/js/app/50-reader-state.js
@@ -0,0 +1,54 @@
+'use strict';
+
+// Reader settings
+let readerSettings = { fontSize: 16, lineHeight: 1.8, maxWidth: 65, theme: 'dark',
+                        fontFamily: 'serif', noBold: false, fontWeight: null,
+                        pdfZoom: 100, pdfInverted: false, pdfPaginated: false, pdfSpread: false };
+let readerSettingsPanelOpen = false;
+let currentPdfDoc = null;
+let currentPdfBuffer = null;
+
+// Bookmarks
+let currentBookmarks = [];
+let bookmarksDirty = false;
+
+// Highlights
+let currentHighlights = [];
+let highlightsDirty = false;
+let currentHighlightPopover = null;
+
+// Search
+let searchMatches = [];
+let searchMatchIndex = -1;
+let searchOriginalContent = null;
+let readerSearchOpen = false;
+
+// PDF paginated
+let pdfCurrentPage = 1;
+let pdfTotalPages = 0;
+let _pdfPageTextBoxCache = {};
+let _pdfRenderGen = 0;
+let _touchStartX = 0;
+let _readerScrollInterval = null;
+let _readerScrollDir = 0;
+let _readerScrollLastTs = 0;
+const READER_SCROLL_SPEED = 1200;    // constant px/s, no ramp-up
+const READER_SCROLL_TICK_MS = 20;    // fixed cadence, independent of the
+                                      // display's refresh rate — rAF runs at
+                                      // that rate (120/144/165Hz on plenty of
+                                      // laptops), which was driving 2-3x more
+                                      // scrollBy + scroll-listener work per
+                                      // second than intended and read as lag.
+function _readerScrollTick() {
+  const now = performance.now();
+  const dt = now - _readerScrollLastTs;
+  _readerScrollLastTs = now;
+  $('reader-content')?.scrollBy({top: Math.round(_readerScrollDir * READER_SCROLL_SPEED * dt / 1000)});
+}
+let _pinchStartDist = 0;
+let _pinchStartZoom = 100;
+let _isPinching = false;
+
+if (typeof pdfjsLib !== 'undefined') {
+  pdfjsLib.GlobalWorkerOptions.workerSrc = '/static/js/pdf.worker.min.js';
+}
diff --git a/static/js/app/52-book-list.js b/static/js/app/52-book-list.js
new file mode 100644
index 0000000..3205b2a
--- /dev/null
+++ b/static/js/app/52-book-list.js
@@ -0,0 +1,630 @@
+'use strict';
+
+async function loadBookList() {
+  if (!IS_AUTHENTICATED) return;
+  const listEl = $('book-list');
+  if (!listEl) return;
+  listEl.innerHTML = '<p class="muted">Bücher werden geladen …</p>';
+
+  try {
+    listEl.innerHTML = '<p class="muted">Bücherliste wird vom Server geholt …</p>';
+    _flushProgressOutbox(); // own positions the server doesn't have yet
+    const res = await fetch('/books/', {cache: 'no-store'});
+    _noteServerNowHeader(res);
+    if (!res.ok) {
+      listEl.innerHTML = `<p class="muted">Serverfehler ${res.status} beim Laden der Bücher.</p>`;
+      return;
+    }
+    const books = await res.json();
+    _evictBookCache(books); // fire-and-forget
+    if (!Array.isArray(books)) {
+      listEl.innerHTML = `<p class="muted">Unerwartete Antwort vom Server.</p>`;
+      return;
+    }
+    if (!books.length) {
+      listEl.innerHTML = '<p class="muted">Noch keine Bücher. Zieh oben eine .epub- oder .pdf-Datei hinein.</p>';
+      return;
+    }
+
+    listEl.innerHTML = `<p class="muted">${books.length === 1 ? '1 Buch' : books.length + ' Bücher'} auf dem Server. Entschlüssele …</p>`;
+
+    let key;
+    try {
+      key = await getOrCreateEncKey();
+    } catch (e) {
+      listEl.innerHTML = `<p class="muted">Verschlüsselung nicht verfügbar: ${e.message}. Die Seite muss über HTTPS laufen.</p>`;
+      return;
+    }
+
+    const decrypted = [];
+    for (const b of books) {
+      try {
+        const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
+        const meta = JSON.parse(new TextDecoder().decode(metaBuf));
+        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0};
+        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+      } catch (e) {
+        bookMetaCache[b.id] = {title: `Buch #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
+        decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+      }
+    }
+    // An own position the server doesn't have yet (sent above) shows if it's the newer one.
+    for (let i = 0; i < decrypted.length; i++) decrypted[i] = _withPendingProgress(decrypted[i]);
+
+    decrypted.sort((a, b) => (_bookRecency(b) - _bookRecency(a)) || b.uploaded_at.localeCompare(a.uploaded_at));
+    _saveBookMeta(decrypted); // persist for offline
+    renderBookList(decrypted);
+  } catch (e) {
+    // Network error — try offline fallback
+    const cachedBooks = (await _loadCachedBookMeta()).map(_withPendingProgress);
+    if (cachedBooks.length) {
+      cachedBooks.sort((a, b) => (_bookRecency(b) - _bookRecency(a)) || (b.uploaded_at || '').localeCompare(a.uploaded_at || ''));
+      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0};
+      const uploadArea = $('book-upload-area');
+      if (uploadArea) uploadArea.style.display = 'none';
+      renderBookList(cachedBooks);
+      const notice = document.createElement('p');
+      notice.className = 'muted offline-notice';
+      notice.textContent = 'Offline — gespeicherte Bücher. Fortschritt wird beim nächsten Öffnen synchronisiert.';
+      listEl.prepend(notice);
+    } else {
+      if (listEl) listEl.innerHTML = `<p class="muted">Fehler beim Laden der Bücher: ${e.message}</p>`;
+    }
+  }
+}
+
+const _brokenBooks = new Set();
+
+function markBookBroken(bookId) {
+  _brokenBooks.add(bookId);
+  const item = document.querySelector(`.book-item[data-book-id="${bookId}"]`);
+  if (!item) return;
+  if (!item.querySelector('.book-broken-btn')) {
+    const btn = document.createElement('button');
+    btn.className = 'btn btn-sm btn-danger book-broken-btn';
+    btn.title = 'Buch konnte nicht geöffnet werden — Datei erneut hochladen';
+    btn.textContent = '!';
+    btn.onclick = () => repairBook(bookId);
+    item.querySelector('.book-item-actions').prepend(btn);
+  }
+}
+
+function _extractIsbnFromOpf(opfDoc) {
+  const identifiers = opfDoc.querySelectorAll('metadata > identifier, metadata > *|identifier');
+  for (const el of identifiers) {
+    const digits = (el.textContent || '').replace(/[^0-9Xx]/g, '');
+    if (digits.length === 10 || digits.length === 13) return digits;
+  }
+  return '';
+}
+
+function repairBook(bookId) {
+  const input = document.createElement('input');
+  input.type = 'file';
+  input.accept = '.epub,.pdf';
+  input.onchange = async () => {
+    const file = input.files[0];
+    if (!file) return;
+    const item = document.querySelector(`.book-item[data-book-id="${bookId}"]`);
+    const btn = item?.querySelector('.book-broken-btn');
+    if (btn) btn.textContent = '…';
+    try {
+      const key = await getOrCreateEncKey();
+      const buf = await file.arrayBuffer();
+      const isPdf = /\.pdf$/i.test(file.name);
+      const type = isPdf ? 'pdf' : 'epub';
+
+      let title = file.name.replace(/\.(epub|pdf)$/i, ''), author = '', isbn = '';
+      try {
+        if (isPdf) {
+          const pdfDoc = await pdfjsLib.getDocument({data: new Uint8Array(buf.slice(0))}).promise;
+          const meta = await pdfDoc.getMetadata();
+          title = meta.info?.Title?.trim() || title;
+          author = meta.info?.Author?.trim() || '';
+        } else {
+          const zip = await JSZip.loadAsync(buf.slice(0));
+          const containerXml = await zip.file('META-INF/container.xml').async('text');
+          const opfPath = new DOMParser()
+            .parseFromString(containerXml, 'application/xml')
+            .querySelector('rootfile')?.getAttribute('full-path');
+          if (opfPath) {
+            const opfDoc = new DOMParser().parseFromString(
+              await zip.file(opfPath).async('text'), 'application/xml');
+            title  = opfDoc.querySelector('metadata > title, metadata > *|title')?.textContent?.trim() || title;
+            author = opfDoc.querySelector('metadata > creator, metadata > *|creator')?.textContent?.trim() || '';
+            isbn   = _extractIsbnFromOpf(opfDoc);
+          }
+        }
+      } catch (e) { /* keep filename as title */ }
+
+      // Preserve folder/shelfTag assigned before this repair — replacing the book's
+      // data shouldn't silently wipe organization the user already set up.
+      const prevMeta = bookMetaCache[bookId] || {};
+      const metaJson = new TextEncoder().encode(JSON.stringify({
+        title, author, filename: file.name, type,
+        isbn: isbn || prevMeta.isbn || '',
+        folder: prevMeta.folder || '',
+        shelfTag: prevMeta.shelfTag || '',
+      }));
+      const [metaEnc, dataEnc] = await Promise.all([
+        encryptBytes(key, metaJson),
+        encryptBytes(key, buf),
+      ]);
+      const res = await fetch(`/books/${bookId}/replace-data/`, {
+        method: 'POST',
+        headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+        body: JSON.stringify({
+          data_ct: dataEnc.ciphertext, data_iv: dataEnc.iv,
+          meta_ct: metaEnc.ciphertext, meta_iv: metaEnc.iv,
+        }),
+      });
+      if (!(await res.json()).ok) throw new Error('Serverfehler');
+      await _evictCachedBook(bookId);
+      _brokenBooks.delete(bookId);
+      if (btn) btn.remove();
+      openBook(bookId);
+    } catch (e) {
+      if (btn) btn.textContent = '!';
+      await customAlert('Reparatur fehlgeschlagen: ' + e.message);
+    }
+  };
+  input.click();
+}
+
+let _lastBookListData = [];
+const _bookShowReadKey = 'diora_book_show_read';
+let _bookShowRead = localStorage.getItem(_bookShowReadKey) === '1';
+
+function _onBookShowReadToggle(checked) {
+  _bookShowRead = checked;
+  localStorage.setItem(_bookShowReadKey, checked ? '1' : '0');
+  renderBookList(_lastBookListData);
+}
+
+async function toggleBookRead(bookId, currentlyRead) {
+  const verb = currentlyRead ? 'als ungelesen markieren' : 'als gelesen markieren';
+  if (!await customConfirm(`Dieses Buch ${verb}?`)) return;
+  try {
+    const res = await fetch(`/books/${bookId}/read/`, {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+      body: JSON.stringify({is_read: !currentlyRead}),
+    });
+    const data = await res.json();
+    if (!data.ok) throw new Error('Serverfehler');
+    const book = _lastBookListData.find(b => b.id === bookId);
+    if (book) book.is_read = data.is_read;
+    renderBookList(_lastBookListData);
+  } catch (e) {
+    await customAlert('Konnte Lesestatus nicht ändern: ' + e.message);
+  }
+}
+
+// Folder assigned to a book lives inside its encrypted meta blob (like title/author), so the
+// server never sees plaintext folder names — no schema change needed, and it rides along for
+// free in /api/sync/. One level only: folders don't nest.
+let _currentBookFolder = null; // null = root view (folder tiles + unfiled books)
+
+function _recentlyReadBooks(books) {
+  return books
+    .filter(b => b.last_read)
+    .sort((a, b) => b.last_read.localeCompare(a.last_read))
+    .slice(0, 7);
+}
+
+function _renderBookItemHtml(b) {
+  const pct = Math.round((b.scroll_fraction || 0) * 100);
+  const keyWarning = b.keyOk === false ? '<span title="Falscher Schlüssel – importiere den richtigen Schlüssel, um dieses Buch zu öffnen" style="color:var(--accent,#e63946);margin-left:4px;">⚠ falscher Schlüssel</span>' : '';
+  const broken = _brokenBooks.has(b.id);
+  return `<div class="book-item" data-book-id="${b.id}">
+      <div class="book-item-info">
+        <strong class="book-title">${escapeHtml(b.title)}${keyWarning}${b.is_read ? ' <span class="muted book-read-badge">✓ gelesen</span>' : ''}</strong>
+        <span class="muted book-author">${escapeHtml(b.author)}</span>
+        <span class="book-item-meta-row">
+          ${pct > 0 ? `<span class="muted book-progress">${pct} % gelesen${b.pages ? ` (≈ ${Math.max(1, Math.round(b.pages * pct / 100))} von ${b.pages} Seiten)` : ''}</span>` : (b.pages ? `<span class="muted book-progress">ca. ${b.pages} Seiten</span>` : '')}
+          ${b.shelfTag ? `<span class="book-shelf-badge" title="Regal-Kategorie">${escapeHtml(b.shelfTag)}</span>` : ''}
+        </span>
+      </div>
+      <div class="book-item-actions">
+        <button class="btn btn-sm" onclick="openBook(${b.id})"${b.keyOk === false ? ' disabled title="Erst den richtigen Schlüssel importieren"' : ''}>Öffnen</button>
+        <div class="book-item-menu">
+          <button class="btn btn-sm book-menu-toggle" title="Weitere Optionen" onclick="toggleBookMenu(this)">⋮</button>
+          <div class="book-item-menu-list">
+            ${broken ? `<button class="book-menu-item book-menu-item--danger book-broken-btn" onclick="repairBook(${b.id})">🔧 Reparieren (Datei erneut hochladen)</button>` : ''}
+            ${b.has_highlights ? `<button class="book-menu-item" onclick="downloadBookAnnotationsFromList(${b.id}, this)">⭳ Markierungen &amp; Notizen herunterladen</button>` : ''}
+            <button class="book-menu-item" onclick="assignBookFolder(${b.id})">📁 Ordner zuweisen</button>
+            <button class="book-menu-item" onclick="lookupBookMetadata(${b.id})">🏷️ Metadaten abrufen (Regal)</button>
+            <button class="book-menu-item" onclick="toggleBookRead(${b.id}, ${!!b.is_read})">${b.is_read ? '↺ Als ungelesen markieren' : '✓ Als gelesen markieren'}</button>
+            <button class="book-menu-item book-menu-item--danger" onclick="deleteBook(${b.id})">🗑 Löschen</button>
+          </div>
+        </div>
+      </div>
+    </div>`;
+}
+
+function toggleBookMenu(toggleBtn) {
+  // Looked up relative to the clicked button (not by id) because the same book — and
+  // thus the same rendered menu — can appear twice at once: once in the "Zuletzt
+  // gelesen" section and again further down in the folder/unfiled list.
+  const menu = toggleBtn.closest('.book-item-menu')?.querySelector('.book-item-menu-list');
+  if (!menu) return;
+  const willOpen = !menu.classList.contains('open');
+  document.querySelectorAll('.book-item-menu-list.open').forEach(m => m.classList.remove('open'));
+  if (willOpen) menu.classList.add('open');
+}
+
+// Close any open book menu on an outside click, or right after an item inside it is
+// clicked (the toggle button manages its own open/close state above, so it's excluded).
+document.addEventListener('click', (e) => {
+  if (e.target.closest('.book-menu-toggle')) return;
+  document.querySelectorAll('.book-item-menu-list.open').forEach(m => m.classList.remove('open'));
+});
+
+function _openBookFolder(name) {
+  _currentBookFolder = name;
+  renderBookList(_lastBookListData);
+}
+
+function renderBookList(books) {
+  const listEl = $('book-list');
+  if (!listEl) return;
+  _lastBookListData = books;
+
+  if (!books.length) {
+    listEl.innerHTML = '';
+    return;
+  }
+
+  let html = '';
+
+  // Always-visible "recently read" section, independent of folder navigation and the
+  // read/unread filter below — it's a shortcut back into whatever was open last. Same
+  // vertical list-item look as the rest of the list (not a card shelf).
+  const recent = _recentlyReadBooks(books);
+  if (recent.length) {
+    html += '<div class="book-recent-section">'
+      + '<h3 class="book-recent-title">Zuletzt gelesen</h3>'
+      + recent.map(_renderBookItemHtml).join('')
+      + '</div>';
+  }
+
+  const visible = _bookShowRead ? books : books.filter(b => !b.is_read);
+  if (!visible.length) {
+    html += books.length
+      ? '<p class="muted">Keine ungelesenen Bücher. „Gelesene Bücher anzeigen“ aktivieren, um alle zu sehen.</p>'
+      : '';
+    listEl.innerHTML = html;
+    return;
+  }
+
+  const grouped = new Map();
+  for (const b of visible) {
+    const key = b.folder || '';
+    if (!grouped.has(key)) grouped.set(key, []);
+    grouped.get(key).push(b);
+  }
+  // Folder emptied out (last book moved/deleted, or read-filter hid it) — fall back to root.
+  if (_currentBookFolder !== null && !grouped.has(_currentBookFolder)) {
+    _currentBookFolder = null;
+  }
+
+  if (_currentBookFolder === null) {
+    const folderNames = [...grouped.keys()].filter(k => k !== '').sort((a, b) => a.localeCompare(b, 'de'));
+    if (folderNames.length) {
+      html += '<div class="book-folder-grid">'
+        + folderNames.map(name => `<button class="book-folder-tile" data-folder="${escapeHtml(name)}">
+            <span class="book-folder-tile-icon">📁</span>
+            <span class="book-folder-tile-name">${escapeHtml(name)}</span>
+            <span class="book-folder-tile-count">${grouped.get(name).length}</span>
+          </button>`).join('')
+        + '</div>';
+    }
+    html += (grouped.get('') || []).map(_renderBookItemHtml).join('');
+  } else {
+    html += `<div class="book-folder-header">
+        <button class="btn btn-sm" onclick="_openBookFolder(null)">← Alle Ordner</button>
+        <strong>${escapeHtml(_currentBookFolder)}</strong>
+      </div>`;
+    html += grouped.get(_currentBookFolder).map(_renderBookItemHtml).join('');
+  }
+
+  listEl.innerHTML = html;
+  listEl.querySelectorAll('.book-folder-tile').forEach(tile => {
+    tile.addEventListener('click', () => _openBookFolder(tile.dataset.folder));
+  });
+}
+
+// Shared by assignBookFolder/lookupBookMetadata: re-encrypts the meta blob with the given
+// field overrides applied on top of whatever is already cached, and pushes it to the server.
+async function _updateBookMeta(bookId, overrides) {
+  const book = _lastBookListData.find(b => b.id === bookId);
+  if (!book) return false;
+  const cached = bookMetaCache[bookId] || {};
+  const merged = {
+    title: cached.title || book.title,
+    author: cached.author || book.author,
+    filename: cached.filename || '',
+    type: cached.type || book.type || 'epub',
+    isbn: cached.isbn || book.isbn || '',
+    folder: cached.folder || book.folder || '',
+    shelfTag: cached.shelfTag || book.shelfTag || '',
+    pages: cached.pages || book.pages || 0,
+    ...overrides,
+  };
+  const key = await getOrCreateEncKey();
+  const metaJson = new TextEncoder().encode(JSON.stringify(merged));
+  const metaEnc = await encryptBytes(key, metaJson);
+  const res = await fetch(`/books/${bookId}/meta/`, {
+    method: 'POST',
+    headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+    body: JSON.stringify({meta_ct: metaEnc.ciphertext, meta_iv: metaEnc.iv}),
+  });
+  const data = await res.json();
+  if (!data.ok) throw new Error('Serverfehler');
+  Object.assign(book, overrides);
+  bookMetaCache[bookId] = merged;
+  _saveBookMeta(_lastBookListData);
+  return true;
+}
+
+async function assignBookFolder(bookId) {
+  const book = _lastBookListData.find(b => b.id === bookId);
+  if (!book) return;
+  const folders = [...new Set(_lastBookListData.map(b => b.folder).filter(Boolean))].sort((a, b) => a.localeCompare(b, 'de'));
+  const hint = folders.length ? ` Vorhandene Ordner: ${folders.join(', ')}.` : '';
+  const result = await customPrompt(`Ordner für „${book.title}“ (leer = kein Ordner).${hint}`, book.folder || '');
+  if (result === null) return;
+  const folder = result.trim();
+  if (folder === (book.folder || '')) return;
+
+  try {
+    await _updateBookMeta(bookId, {folder});
+    if (folder) _currentBookFolder = folder;
+    renderBookList(_lastBookListData);
+  } catch (e) {
+    await customAlert('Konnte Ordner nicht ändern: ' + e.message);
+  }
+}
+
+// Fallback for books uploaded before ISBN extraction existed (or repaired/re-encrypted
+// without it): pulls the already-accessible encrypted book bytes, decrypts and unzips just
+// far enough to read the OPF identifiers — same source openBook() itself parses — without
+// doing a full reader render. EPUB only; PDFs never carried a reliable ISBN via pdf.js.
+async function _extractIsbnFromBookFile(bookId) {
+  try {
+    const key = await getOrCreateEncKey();
+    let data_ct, data_iv;
+    const cached = await _getCachedBook(bookId);
+    if (cached) {
+      ({data_ct, data_iv} = cached);
+    } else {
+      const res = await fetch(`/books/${bookId}/data/`);
+      ({data_ct, data_iv} = await res.json());
+    }
+    const plain = await decryptBytes(key, data_iv, data_ct);
+    const zip = await JSZip.loadAsync(plain);
+    const containerXml = await zip.file('META-INF/container.xml').async('text');
+    const opfPath = new DOMParser()
+      .parseFromString(containerXml, 'application/xml')
+      .querySelector('rootfile')?.getAttribute('full-path');
+    if (!opfPath) return '';
+    const opfDoc = new DOMParser().parseFromString(await zip.file(opfPath).async('text'), 'application/xml');
+    return _extractIsbnFromOpf(opfDoc);
+  } catch (e) {
+    return '';
+  }
+}
+
+async function _fetchShelfLookup(isbn, title, author) {
+  const params = new URLSearchParams();
+  if (isbn) params.set('isbn', isbn);
+  if (title) params.set('title', title);
+  if (author) params.set('author', author);
+  const res = await fetch(`/books/metadata-lookup/?${params.toString()}`);
+  return res.json();
+}
+
+// Manually triggered (never automatic) — looks up which library shelf/DDC category this
+// book falls under via the server-side DNB→Open Library proxy, purely as an organizational
+// hint (shown as a badge). See books/views.py:lookup_book_metadata for why this one call is
+// allowed to briefly touch the server with a plaintext ISBN/title/author.
+//
+// Fallback chain when there's no ISBN (older upload, or a book that never had one — e.g.
+// every PDF, since pdf.js doesn't expose one): (1) extract ISBN from the file itself, for
+// EPUBs, (2) server-side title/author text search (less precise — could match the wrong
+// edition/translation), (3) if that also comes up empty, ask the user to type in an ISBN
+// by hand (from the book's cover/an online store) and retry once.
+async function lookupBookMetadata(bookId) {
+  const book = _lastBookListData.find(b => b.id === bookId);
+  if (!book) return;
+  const cached = bookMetaCache[bookId] || {};
+  let isbn = cached.isbn || book.isbn || '';
+  const isPdf = (cached.type || book.type) === 'pdf';
+  const title = cached.title || book.title || '';
+  const author = cached.author || book.author || '';
+
+  if (!isbn && !isPdf) {
+    // Older upload without a stored ISBN — extract it from the book file itself (may take
+    // a moment for large books, since it downloads/decrypts the full file if not cached).
+    isbn = await _extractIsbnFromBookFile(bookId);
+  }
+
+  try {
+    let data = await _fetchShelfLookup(isbn, title, author);
+
+    if (!data.label) {
+      const manual = await customPrompt(
+        'Keine Regal-Kategorie per ISBN/Titel/Autor gefunden. ISBN manuell eingeben (z. B. vom Buchrücken oder Online-Shop), oder leer lassen zum Abbrechen:', ''
+      );
+      const manualIsbn = (manual || '').replace(/[^0-9Xx]/g, '');
+      if (manualIsbn) {
+        isbn = manualIsbn;
+        data = await _fetchShelfLookup(isbn, title, author);
+      }
+    }
+
+    // Persist whatever we ended up with either way, so a repeat lookup never needs to
+    // re-extract/re-search from scratch.
+    const overrides = {};
+    if (isbn) overrides.isbn = isbn;
+    if (data.label) overrides.shelfTag = data.label;
+    if (Object.keys(overrides).length) {
+      await _updateBookMeta(bookId, overrides);
+      renderBookList(_lastBookListData);
+    }
+
+    if (!data.label) {
+      await customAlert('Keine Regal-Kategorie gefunden (weder DNB noch Open Library, per ISBN oder Titel/Autor).');
+    }
+  } catch (e) {
+    await customAlert('Metadaten-Abruf fehlgeschlagen: ' + e.message);
+  }
+}
+
+function bookFileSelected(input) {
+  const file = input.files[0];
+  if (!file) return;
+  uploadEbook(file);
+  input.value = '';
+}
+
+function initBookDropZone() {
+  // Prevent Firefox from opening dragged files when dropped outside the zone
+  document.addEventListener('dragover', e => e.preventDefault());
+  document.addEventListener('drop', e => {
+    const zone = $('book-drop-zone');
+    if (!zone || !zone.contains(e.target)) e.preventDefault();
+  });
+
+  const zone = $('book-drop-zone');
+  if (!zone) return;
+
+  zone.addEventListener('dragover', e => {
+    e.preventDefault();
+    zone.classList.add('drag-over');
+  });
+  zone.addEventListener('dragleave', () => zone.classList.remove('drag-over'));
+  zone.addEventListener('drop', e => {
+    e.preventDefault();
+    zone.classList.remove('drag-over');
+    const file = e.dataTransfer.files[0];
+    if (file) uploadEbook(file);
+  });
+}
+
+async function deriveAndStoreKey() {
+  const pwInput = document.getElementById('enc-key-password');
+  const statusEl = $('enc-key-status');
+  const pw = pwInput ? pwInput.value : '';
+  if (!pw) { if (statusEl) statusEl.textContent = 'Bitte gib dein Passwort ein.'; return; }
+
+  if (statusEl) statusEl.textContent = 'Schlüssel wird abgeleitet …';
+  try {
+    const enc = new TextEncoder();
+    const username = document.querySelector('meta[name="username"]')?.content || '';
+    const mat = await crypto.subtle.importKey('raw', enc.encode(pw), 'PBKDF2', false, ['deriveKey']);
+    const key = await crypto.subtle.deriveKey(
+      {name: 'PBKDF2', salt: enc.encode('diora:' + username), iterations: 200000, hash: 'SHA-256'},
+      mat, {name: 'AES-GCM', length: 256}, true, ['encrypt', 'decrypt']
+    );
+    const raw = await crypto.subtle.exportKey('raw', key);
+    const storageKey = `diora_enc_key_${window.USER_ID || 0}`;
+    localStorage.setItem(storageKey, bytesToBase64(new Uint8Array(raw)));
+    _encKey = null; // reset cached key
+    if (statusEl) statusEl.textContent = '✓ Entsperrt';
+    const prompt = $('enc-key-prompt');
+    const uploadArea = $('book-upload-area');
+    if (prompt) prompt.style.display = 'none';
+    if (uploadArea) uploadArea.style.display = '';
+    loadBookList();
+  } catch (err) {
+    if (statusEl) statusEl.textContent = 'Fehler: ' + err.message;
+  }
+}
+
+async function uploadEbook(file) {
+  const statusEl = $('book-upload-status');
+  if (file.size > DIORA_CONFIG.ebookMaxBytes) {
+    if (statusEl) statusEl.textContent = `Datei zu groß (höchstens ${DIORA_CONFIG.ebookMaxBytes / 1024 / 1024} MB).`;
+    return false;
+  }
+  return _importEbookBuffer(await file.arrayBuffer(), file.name, statusEl);
+}
+
+// Shared tail of every import path (local file, cloud): parse metadata, encrypt
+// with the user's key and POST ciphertext. Plaintext never leaves the browser.
+async function _importEbookBuffer(buf, filename, statusEl) {
+  const isPdf = /\.pdf$/i.test(filename);
+  const isEpub = /\.epub$/i.test(filename);
+  if (!isPdf && !isEpub) {
+    if (statusEl) statusEl.textContent = 'Nur .epub- und .pdf-Dateien werden unterstützt.';
+    return false;
+  }
+  if (buf.byteLength > DIORA_CONFIG.ebookMaxBytes) {
+    if (statusEl) statusEl.textContent = `Datei zu groß (höchstens ${DIORA_CONFIG.ebookMaxBytes / 1024 / 1024} MB).`;
+    return false;
+  }
+
+  if (statusEl) statusEl.textContent = 'Verschlüssele …';
+
+  try {
+    let title = filename.replace(/\.(epub|pdf)$/i, '');
+    let author = '';
+    let isbn = '';
+    const type = isPdf ? 'pdf' : 'epub';
+
+    if (isPdf) {
+      try {
+        const pdfDoc = await pdfjsLib.getDocument({data: new Uint8Array(buf.slice(0))}).promise;
+        const meta = await pdfDoc.getMetadata();
+        title = meta.info?.Title?.trim() || title;
+        author = meta.info?.Author?.trim() || '';
+      } catch (e) { /* use filename as title */ }
+    } else {
+      try {
+        const zip = await JSZip.loadAsync(buf.slice(0));
+        const containerXml = await zip.file('META-INF/container.xml').async('text');
+        const containerDoc = new DOMParser().parseFromString(containerXml, 'application/xml');
+        const opfPath = containerDoc.querySelector('rootfile')?.getAttribute('full-path');
+        if (opfPath) {
+          const opfText = await zip.file(opfPath).async('text');
+          const opfDoc = new DOMParser().parseFromString(opfText, 'application/xml');
+          title = opfDoc.querySelector('metadata > title, metadata > *|title')?.textContent?.trim() || title;
+          author = opfDoc.querySelector('metadata > creator, metadata > *|creator')?.textContent?.trim() || '';
+          isbn = _extractIsbnFromOpf(opfDoc);
+        }
+      } catch (e) { /* use filename as title */ }
+    }
+
+    const key = await getOrCreateEncKey();
+    const metaJson = new TextEncoder().encode(JSON.stringify({title, author, filename, type, isbn, folder: '', shelfTag: ''}));
+    const [metaEnc, dataEnc] = await Promise.all([
+      encryptBytes(key, metaJson),
+      encryptBytes(key, buf),
+    ]);
+
+    if (statusEl) statusEl.textContent = 'Lade hoch …';
+
+    const res = await fetch('/books/upload/', {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+      body: JSON.stringify({
+        meta_ct: metaEnc.ciphertext,
+        meta_iv: metaEnc.iv,
+        data_ct: dataEnc.ciphertext,
+        data_iv: dataEnc.iv,
+      }),
+    });
+    const data = await res.json();
+    if (data.ok) {
+      if (statusEl) statusEl.textContent = `✓ „${title}“ hochgeladen`;
+      loadBookList();
+      return true;
+    }
+    if (statusEl) statusEl.textContent = 'Fehler: ' + (data.error ? _germanError(data.error) : 'Hochladen fehlgeschlagen');
+    return false;
+  } catch (e) {
+    if (statusEl) statusEl.textContent = 'Hochladen fehlgeschlagen: ' + e.message;
+    return false;
+  }
+}
diff --git a/static/js/app/56-cloud-import.js b/static/js/app/56-cloud-import.js
new file mode 100644
index 0000000..aa582b9
--- /dev/null
+++ b/static/js/app/56-cloud-import.js
@@ -0,0 +1,153 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Cloud import — browse a user-configured WebDAV server and pull a book in.
+//
+// The download is proxied by the server because the remote host is a different
+// origin and sends no CORS headers. It still lands here as raw bytes and goes
+// through _importEbookBuffer like any local file, so what gets stored is
+// ciphertext the server cannot read.
+// ---------------------------------------------------------------------------
+
+let _cloudSources = [];
+let _cloudSourceId = null;
+let _cloudPath = '';
+
+async function toggleCloudImport() {
+  const panel = $('cloud-browser');
+  if (!panel) return;
+  if (panel.style.display !== 'none') { closeCloudImport(); return; }
+
+  try {
+    const res = await fetch('/books/cloud/sources/');
+    _cloudSources = (await res.json()).sources || [];
+  } catch (e) {
+    await customAlert('Cloud-Verbindungen konnten nicht geladen werden: ' + e.message);
+    return;
+  }
+
+  if (!_cloudSources.length) {
+    await customAlert(
+      'Noch keine Cloud-Verbindung eingerichtet. Unter Einstellungen → '
+      + '„Cloud-Verbindungen für Bücher“ kannst du eine hinzufügen.'
+    );
+    return;
+  }
+
+  const select = $('cloud-source-select');
+  if (select) {
+    select.innerHTML = '';
+    for (const source of _cloudSources) {
+      const option = document.createElement('option');
+      option.value = source.id;
+      option.textContent = source.label;
+      select.appendChild(option);
+    }
+    select.style.display = _cloudSources.length > 1 ? '' : 'none';
+  }
+
+  panel.style.display = '';
+  _cloudSourceId = _cloudSources[0].id;
+  _cloudBrowse('');
+}
+
+function closeCloudImport() {
+  const panel = $('cloud-browser');
+  if (panel) panel.style.display = 'none';
+}
+
+function _onCloudSourceChange(value) {
+  _cloudSourceId = parseInt(value, 10);
+  _cloudBrowse('');
+}
+
+function _cloudParentPath(path) {
+  const parts = path.split('/').filter(Boolean);
+  parts.pop();
+  return parts.join('/');
+}
+
+function _formatBytes(n) {
+  if (!n) return '';
+  if (n < 1024) return n + ' B';
+  if (n < 1024 * 1024) return Math.round(n / 1024) + ' KB';
+  return (n / 1024 / 1024).toFixed(1) + ' MB';
+}
+
+function _cloudEntryRow(label, onClick, sizeText) {
+  const li = document.createElement('li');
+  li.className = 'cloud-entry';
+
+  const button = document.createElement('button');
+  button.type = 'button';
+  button.className = 'cloud-entry-name';
+  button.textContent = label;
+  button.addEventListener('click', onClick);
+  li.appendChild(button);
+
+  if (sizeText) {
+    const size = document.createElement('span');
+    size.className = 'cloud-entry-size';
+    size.textContent = sizeText;
+    li.appendChild(size);
+  }
+  return li;
+}
+
+async function _cloudBrowse(path) {
+  const listEl = $('cloud-entries');
+  const pathEl = $('cloud-path');
+  const statusEl = $('cloud-status');
+  if (!listEl) return;
+
+  if (statusEl) statusEl.textContent = 'Lade…';
+  listEl.innerHTML = '';
+
+  let data;
+  try {
+    const res = await fetch(`/books/cloud/${_cloudSourceId}/browse/?path=${encodeURIComponent(path)}`);
+    data = await res.json();
+    if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);
+  } catch (e) {
+    if (statusEl) statusEl.textContent = 'Fehler: ' + e.message;
+    return;
+  }
+
+  _cloudPath = data.path || '';
+  if (pathEl) pathEl.textContent = '/' + _cloudPath;
+  if (statusEl) statusEl.textContent = '';
+
+  if (_cloudPath) {
+    listEl.appendChild(_cloudEntryRow('⬑ ..', () => _cloudBrowse(_cloudParentPath(_cloudPath))));
+  }
+
+  const entries = (data.entries || []).filter(e => e.is_dir || e.is_book);
+  if (!entries.length && statusEl) {
+    statusEl.textContent = 'Keine Bücher oder Ordner in diesem Verzeichnis.';
+  }
+
+  for (const entry of entries) {
+    listEl.appendChild(entry.is_dir
+      ? _cloudEntryRow('📁 ' + entry.name, () => _cloudBrowse(entry.path))
+      : _cloudEntryRow('📖 ' + entry.name, () => _cloudImport(entry), _formatBytes(entry.size)));
+  }
+}
+
+async function _cloudImport(entry) {
+  const statusEl = $('cloud-status');
+  if (statusEl) statusEl.textContent = `Lade „${entry.name}“…`;
+
+  try {
+    const res = await fetch(`/books/cloud/${_cloudSourceId}/fetch/?path=${encodeURIComponent(entry.path)}`);
+    if (!res.ok) {
+      const err = await res.json().catch(() => ({}));
+      throw new Error(err.error || `HTTP ${res.status}`);
+    }
+    const buf = await res.arrayBuffer();
+    if (await _importEbookBuffer(buf, entry.name, statusEl) && statusEl) {
+      statusEl.textContent = `✓ „${entry.name}“ importiert`;
+    }
+  } catch (e) {
+    if (statusEl) statusEl.textContent = 'Import fehlgeschlagen: ' + e.message;
+  }
+}
diff --git a/static/js/app/58-pdf.js b/static/js/app/58-pdf.js
new file mode 100644
index 0000000..61138d9
--- /dev/null
+++ b/static/js/app/58-pdf.js
@@ -0,0 +1,124 @@
+'use strict';
+
+async function _parsePdfOutline(pdf, items, depth) {
+  depth = depth || 0;
+  const result = [];
+  for (const item of items) {
+    let href = '';
+    if (item.dest) {
+      try {
+        const dest = typeof item.dest === 'string' ? await pdf.getDestination(item.dest) : item.dest;
+        if (dest) {
+          const pageIndex = await pdf.getPageIndex(dest[0]);
+          href = `#pdf-page-${pageIndex + 1}`;
+        }
+      } catch (e) {}
+    }
+    result.push({label: item.title || '(untitled)', href, depth});
+    if (item.items && item.items.length) {
+      result.push(...await _parsePdfOutline(pdf, item.items, depth + 1));
+    }
+  }
+  return result;
+}
+
+async function renderPdf(arrayBuffer, contentEl, scaleOverride, pivotPage) {
+  const myGen = ++_pdfRenderGen;
+  const pdf = currentPdfDoc || await pdfjsLib.getDocument({data: new Uint8Array(arrayBuffer.slice(0))}).promise;
+  if (_pdfRenderGen !== myGen) return null;
+  currentPdfDoc = pdf;
+
+  let pdfTitle = '', pdfAuthor = '';
+  try {
+    const meta = await pdf.getMetadata();
+    pdfTitle = meta.info?.Title?.trim() || '';
+    pdfAuthor = meta.info?.Author?.trim() || '';
+  } catch (e) {}
+
+  let toc = [];
+  try {
+    const outline = await pdf.getOutline();
+    if (outline && outline.length) toc = await _parsePdfOutline(pdf, outline);
+  } catch (e) {}
+
+  contentEl.innerHTML = '';
+
+  const pdfVp = document.createElement('div');
+  pdfVp.id = 'pdf-viewport';
+  contentEl.appendChild(pdfVp);
+
+  const containerWidth = readerSettings.pdfSpread
+    ? contentEl.clientWidth - 32
+    : Math.min(contentEl.clientWidth - 32, 900);
+  const pageWidth = readerSettings.pdfSpread ? (containerWidth - 8) / 2 : containerWidth;
+  const dpr = window.devicePixelRatio || 1;
+
+  // Pass 1: build DOM structure and size all canvases (no pixel rendering yet)
+  const pageEntries = [];
+  let spreadContainer = null;
+
+  for (let pageNum = 1; pageNum <= pdf.numPages; pageNum++) {
+    if (_pdfRenderGen !== myGen) { contentEl.innerHTML = ''; return null; }
+    const page = await pdf.getPage(pageNum);
+    const naturalVp = page.getViewport({scale: 1});
+    const scale = scaleOverride != null ? scaleOverride
+      : Math.max(0.5, pageWidth / naturalVp.width) * (readerSettings.pdfZoom / 100);
+    const viewport = page.getViewport({scale});
+
+    const wrapper = document.createElement('div');
+    wrapper.className = 'pdf-page-wrapper';
+    wrapper.id = `pdf-page-${pageNum}`;
+
+    const inner = document.createElement('div');
+    inner.className = 'pdf-page-inner';
+
+    const canvas = document.createElement('canvas');
+    canvas.className = 'pdf-page';
+    canvas.width = Math.round(viewport.width * dpr);
+    canvas.height = Math.round(viewport.height * dpr);
+    canvas.style.width = viewport.width + 'px';
+    canvas.style.height = viewport.height + 'px';
+    inner.appendChild(canvas);
+    wrapper.appendChild(inner);
+
+    if (!readerSettings.pdfSpread) {
+      pdfVp.appendChild(wrapper);
+    } else if (pageNum === 1) {
+      wrapper.classList.add('pdf-spread-cover');
+      pdfVp.appendChild(wrapper);
+      spreadContainer = null;
+    } else {
+      if (pageNum % 2 === 0) {
+        spreadContainer = document.createElement('div');
+        spreadContainer.className = 'pdf-spread-wrapper';
+        pdfVp.appendChild(spreadContainer);
+      }
+      if (spreadContainer) spreadContainer.appendChild(wrapper);
+      else pdfVp.appendChild(wrapper);
+    }
+
+    pageEntries.push({page, canvas, viewport});
+  }
+
+  pdfTotalPages = pdf.numPages;
+
+  // Scroll to pivot page immediately — DOM and canvas sizes are set
+  const pivot = Math.max(1, Math.min(pdf.numPages, pivotPage || 1));
+  const pivotEl = document.getElementById(`pdf-page-${pivot}`);
+  if (pivotEl && pivot > 1) pivotEl.scrollIntoView({block: 'start'});
+
+  // Pass 2: render pixels from pivot outward (pivot→end, then pivot-1→start)
+  const order = [];
+  for (let i = pivot - 1; i < pdf.numPages; i++) order.push(i);
+  for (let i = pivot - 2; i >= 0; i--) order.push(i);
+
+  for (const idx of order) {
+    if (_pdfRenderGen !== myGen) { contentEl.innerHTML = ''; return null; }
+    const {page, canvas, viewport} = pageEntries[idx];
+    const ctx = canvas.getContext('2d');
+    ctx.scale(dpr, dpr);
+    await page.render({canvasContext: ctx, viewport}).promise;
+  }
+
+  return {title: pdfTitle, author: pdfAuthor, toc, numPages: pdf.numPages};
+}
diff --git a/static/js/app/60-tts.js b/static/js/app/60-tts.js
new file mode 100644
index 0000000..41d49be
--- /dev/null
+++ b/static/js/app/60-tts.js
@@ -0,0 +1,337 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Read-aloud (TTS) — server-side Piper synthesis, one sentence per request.
+// EPUB only (no block model for PDFs). Highlights the sentence currently
+// playing and scrolls it into view; playback advances sentence-by-sentence,
+// then block-by-block, until stopped or the book ends.
+// ---------------------------------------------------------------------------
+const TTS_MAX_CHARS = 480; // stay under the server's 500-char cap with margin
+
+let ttsActive = false;
+let ttsPaused = false;
+let ttsRunToken = 0;
+let ttsAudio = null;
+let ttsCurrentMark = null;
+let ttsBarEl = null;
+let ttsLang = localStorage.getItem('diora_tts_lang') || 'de';
+let _ttsBlocks = null;  // the book's blocks while reading aloud
+let _ttsCur = null;     // what's being read: {bi, si, sentence, block}
+
+function setTtsLang(lang) {
+  ttsLang = lang;
+  localStorage.setItem('diora_tts_lang', lang);
+}
+
+function _ttsSplitSentences(text) {
+  const raw = text.split(/(?<=[.!?])\s+/).map(s => s.trim()).filter(Boolean);
+  const pieces = raw.length ? raw : [text];
+  const out = [];
+  for (const piece of pieces) {
+    let rest = piece;
+    while (rest.length > TTS_MAX_CHARS) {
+      let cut = rest.lastIndexOf(' ', TTS_MAX_CHARS);
+      if (cut <= 0) cut = TTS_MAX_CHARS;
+      out.push(rest.slice(0, cut).trim());
+      rest = rest.slice(cut).trim();
+    }
+    if (rest) out.push(rest);
+  }
+  return out;
+}
+
+async function _ttsFetchAudio(sentence) {
+  const resp = await fetch('/tts/synthesize/', {
+    method: 'POST',
+    headers: {'Content-Type': 'application/json'},
+    body: JSON.stringify({text: sentence, lang: ttsLang}),
+  });
+  if (!resp.ok) throw new Error('tts request failed');
+  return await resp.blob();
+}
+
+function _ttsClearHighlight() {
+  if (ttsCurrentMark && ttsCurrentMark.parentNode) {
+    const parent = ttsCurrentMark.parentNode;
+    while (ttsCurrentMark.firstChild) parent.insertBefore(ttsCurrentMark.firstChild, ttsCurrentMark);
+    parent.removeChild(ttsCurrentMark);
+    parent.normalize();
+  }
+  ttsCurrentMark = null;
+}
+
+// Finds `sentence` as a substring of block.textContent starting at fromOffset
+// (so repeated sentence text earlier in the block isn't matched again), turns
+// it into a DOM Range via the same char-offset addressing highlights use, and
+// wraps it in a <mark>. Returns the offset to resume searching from.
+function _ttsHighlightSentence(block, sentence, fromOffset) {
+  // Listening is reading: where the voice is counts as the reading position.
+  _noteReaderInteraction();
+  _ttsClearHighlight();
+  const full = block.textContent;
+  const idx = full.indexOf(sentence, fromOffset);
+  if (idx === -1) return fromOffset;
+  const start = _nodeAtCharOffset(block, idx);
+  const end = _nodeAtCharOffset(block, idx + sentence.length);
+  if (!start || !end) return idx + sentence.length;
+  try {
+    const range = document.createRange();
+    range.setStart(start.node, start.offset);
+    range.setEnd(end.node, end.offset);
+    const mark = document.createElement('mark');
+    mark.className = 'tts-current';
+    range.surroundContents(mark);
+    ttsCurrentMark = mark;
+    _ttsScrollIntoView(mark);
+  } catch (e) {}
+  return idx + sentence.length;
+}
+
+function _ttsScrollIntoView(el) {
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+  const top = el.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
+  if (top < 40 || top > contentEl.clientHeight - 80) {
+    _suppressScrollJumpDetect();
+    contentEl.scrollBy({top: top - contentEl.clientHeight * 0.3, behavior: 'smooth'});
+  }
+}
+
+function _ttsPlayBlob(blob) {
+  return new Promise((resolve) => {
+    const url = URL.createObjectURL(blob);
+    const audio = new Audio(url);
+    ttsAudio = audio;
+    const done = () => { URL.revokeObjectURL(url); resolve(); };
+    audio.addEventListener('ended', done);
+    audio.addEventListener('error', done);
+    if (!ttsPaused) audio.play().catch(done);
+  });
+}
+
+// Walks blocks/sentences from startBlockIndex (and its sentence startSentence)
+// onward, fetching one sentence ahead while the current one plays so there's
+// no gap between them.
+async function _ttsPlayLoop(blocks, startBlockIndex, runToken, startSentence = 0) {
+  function* sentenceStream() {
+    for (let bi = startBlockIndex; bi < blocks.length; bi++) {
+      const block = blocks[bi];
+      const text = (block.textContent || '').trim();
+      if (!text) continue;
+      const sentences = _ttsSplitSentences(text);
+      for (let si = bi === startBlockIndex ? startSentence : 0; si < sentences.length; si++) {
+        yield {block, sentence: sentences[si], bi, si};
+      }
+    }
+  }
+
+  const iter = sentenceStream();
+  let cur = iter.next();
+  if (cur.done) { stopReadAloud(); return; }
+  let curFetch = _ttsFetchAudio(cur.value.sentence);
+  let lastBlock = null;
+  let blockSearchOffset = 0;
+
+  while (!cur.done) {
+    if (runToken !== ttsRunToken) return;
+    const {block, sentence} = cur.value;
+    const next = iter.next();
+    const nextFetch = next.done ? null : _ttsFetchAudio(next.value.sentence).catch(() => null);
+
+    let audioBlob;
+    try {
+      audioBlob = await curFetch;
+    } catch (e) {
+      stopReadAloud();
+      return;
+    }
+    if (runToken !== ttsRunToken) return;
+
+    if (block !== lastBlock) {
+      lastBlock = block;
+      // Started in the middle of a block (previous/next sentence): find it from there.
+      blockSearchOffset = _ttsOffsetOf(block, cur.value.si);
+    }
+    _ttsCur = {bi: cur.value.bi, si: cur.value.si, sentence, block};
+    blockSearchOffset = _ttsHighlightSentence(block, sentence, blockSearchOffset);
+    _ttsNotify();
+
+    await _ttsPlayBlob(audioBlob);
+    if (runToken !== ttsRunToken) return;
+
+    cur = next;
+    curFetch = nextFetch;
+  }
+  if (runToken === ttsRunToken) stopReadAloud();
+}
+
+function _ttsTogglePause() {
+  ttsPaused = !ttsPaused;
+  if (ttsAudio) {
+    if (ttsPaused) ttsAudio.pause();
+    else ttsAudio.play().catch(() => {});
+  }
+  _ttsUpdateBar();
+  _ttsNotify();
+}
+
+// ---- read-aloud for a player bar (the shared dock in native-podcast.js) ----------
+// window.__dioraTts: state(), toggle(), stop(), next(), prev(); a 'diora-tts'
+// event on window after every change. A dock that shows it sets
+// window.__dioraTtsDock = true, and the reader's own little bar stays away.
+
+function _ttsState() {
+  const meta = (currentBookId && bookMetaCache[currentBookId]) || {};
+  const cur = _ttsCur;
+  const chapterEl = cur && cur.block.closest('[data-epub-src]');
+  const blocks = _ttsBlocks || [];
+  return {
+    active: ttsActive,
+    paused: ttsPaused,
+    bookId: currentBookId,
+    title: meta.title || '',
+    author: meta.author || '',
+    chapter: chapterEl ? _tocTitleForChapterSrc(chapterEl.dataset.epubSrc) : '',
+    sentence: cur ? cur.sentence : '',
+    progress: cur && blocks.length ? cur.bi / blocks.length : 0,
+  };
+}
+
+function _ttsNotify() {
+  try { window.dispatchEvent(new CustomEvent('diora-tts', {detail: _ttsState()})); } catch (e) {}
+}
+
+// Read from another sentence on: the one before/after the current one.
+function _ttsRestartAt(bi, si) {
+  const blocks = _ttsBlocks;
+  if (!ttsActive || !blocks) return;
+  ttsRunToken++;
+  const runToken = ttsRunToken;
+  if (ttsAudio) {
+    try { ttsAudio.pause(); ttsAudio.src = ''; } catch (e) {}
+    ttsAudio = null;
+  }
+  _ttsPlayLoop(blocks, bi, runToken, si);
+}
+
+// Where sentence si of a block starts in its text (for the highlight).
+function _ttsOffsetOf(block, si) {
+  const full = block.textContent || '';
+  let off = 0;
+  _ttsSplitSentences(full.trim()).slice(0, si).forEach(s => {
+    const k = full.indexOf(s, off);
+    if (k >= 0) off = k + s.length;
+  });
+  return off;
+}
+
+function _ttsSentenceCount(block) {
+  const text = (block.textContent || '').trim();
+  return text ? _ttsSplitSentences(text).length : 0;
+}
+
+function _ttsStep(dir) {
+  const cur = _ttsCur;
+  const blocks = _ttsBlocks;
+  if (!cur || !blocks) return;
+  if (dir > 0) {
+    if (cur.si + 1 < _ttsSentenceCount(cur.block)) return _ttsRestartAt(cur.bi, cur.si + 1);
+    for (let bi = cur.bi + 1; bi < blocks.length; bi++) if (_ttsSentenceCount(blocks[bi])) return _ttsRestartAt(bi, 0);
+    stopReadAloud();
+  } else {
+    if (cur.si > 0) return _ttsRestartAt(cur.bi, cur.si - 1);
+    for (let bi = cur.bi - 1; bi >= 0; bi--) {
+      const n = _ttsSentenceCount(blocks[bi]);
+      if (n) return _ttsRestartAt(bi, n - 1);
+    }
+    _ttsRestartAt(cur.bi, 0);
+  }
+}
+
+window.__dioraTts = {
+  state: _ttsState,
+  toggle: () => (ttsActive ? _ttsTogglePause() : startReadAloud()),
+  stop: () => stopReadAloud(),
+  next: () => _ttsStep(1),
+  prev: () => _ttsStep(-1),
+};
+
+function _ttsUpdateBar() {
+  if (!ttsBarEl) return;
+  const btn = ttsBarEl.querySelector('.tts-pause-btn');
+  if (btn) btn.textContent = ttsPaused ? '▶' : '⏸';
+}
+
+function _ttsShowBar() {
+  _ttsRemoveBar();
+  if (window.__dioraTtsDock) return; // the player bar shows it
+  const bar = document.createElement('div');
+  bar.className = 'tts-bar';
+  bar.innerHTML = `
+    <button type="button" class="tts-pause-btn" title="Pause/Weiter">⏸</button>
+    <button type="button" class="tts-stop-btn" title="Vorlesen beenden">■</button>
+  `;
+  document.body.appendChild(bar);
+  ttsBarEl = bar;
+  bar.querySelector('.tts-pause-btn').addEventListener('click', _ttsTogglePause);
+  bar.querySelector('.tts-stop-btn').addEventListener('click', stopReadAloud);
+}
+
+function _ttsRemoveBar() {
+  if (ttsBarEl) { ttsBarEl.remove(); ttsBarEl = null; }
+}
+
+function toggleReadAloud() {
+  if (ttsActive) stopReadAloud();
+  else startReadAloud();
+}
+
+function startReadAloud() {
+  if (ttsActive) return;
+  if (currentPdfDoc) {
+    const toast = document.createElement('div');
+    toast.className = 'reader-toast';
+    toast.textContent = 'Vorlesen ist aktuell nur für EPUB-Bücher verfügbar.';
+    document.body.appendChild(toast);
+    setTimeout(() => toast.remove(), 2200);
+    return;
+  }
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+  const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
+  if (!blocks.length) return;
+
+  const [anchorBlock] = _anchorParts(getPositionAnchor(contentEl));
+  const startIndex = (anchorBlock >= 0 && anchorBlock < blocks.length) ? anchorBlock : 0;
+
+  ttsActive = true;
+  ttsPaused = false;
+  ttsRunToken++;
+  const runToken = ttsRunToken;
+  _ttsBlocks = blocks;
+  _ttsCur = null;
+
+  const btn = $('reader-tts-btn');
+  if (btn) { btn.classList.add('active'); btn.title = 'Vorlesen beenden'; }
+  _ttsShowBar();
+  _ttsNotify();
+
+  _ttsPlayLoop(blocks, startIndex, runToken);
+}
+
+function stopReadAloud() {
+  ttsRunToken++;
+  ttsActive = false;
+  ttsPaused = false;
+  if (ttsAudio) {
+    try { ttsAudio.pause(); ttsAudio.src = ''; } catch (e) {}
+    ttsAudio = null;
+  }
+  _ttsClearHighlight();
+  _ttsRemoveBar();
+  _ttsBlocks = null;
+  _ttsCur = null;
+  const btn = $('reader-tts-btn');
+  if (btn) { btn.classList.remove('active'); btn.title = 'Vorlesen'; }
+  _ttsNotify();
+}
diff --git a/static/js/app/62-reader.js b/static/js/app/62-reader.js
new file mode 100644
index 0000000..a78aecd
--- /dev/null
+++ b/static/js/app/62-reader.js
@@ -0,0 +1,641 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Immersive reader mode — tap centre of screen to toggle bars
+// ---------------------------------------------------------------------------
+let _immBarsVisible = true;
+
+function _immHandleTap(e) {
+  // Ignore taps on interactive elements (buttons, links, inputs, settings panel, footnote popover)
+  if (e.target.closest('button, a, input, select, label, #reader-settings-panel, .reader-header, .footnote-popover, #reader-margin, #highlight-popover, .note-bottom-sheet, .tts-bar')) return;
+  // In marker mode, taps have a dedicated meaning (highlight/create a note) —
+  // don't also toggle the immersive bars underneath.
+  if (markerModeActive) return;
+  // Don't toggle bars while the user has just finished selecting text (e.g. to highlight it)
+  const sel = window.getSelection();
+  if (sel && !sel.isCollapsed) return;
+  // If a footnote popover is open, dismiss it instead of toggling bars
+  if (currentFootnotePopover && !currentFootnotePopover.contains(e.target)) {
+    dismissFootnotePopover();
+    return;
+  }
+  _immBarsVisible = !_immBarsVisible;
+  document.body.classList.toggle('reader-immersive', !_immBarsVisible);
+  // Close settings panel when bars disappear
+  if (!_immBarsVisible && readerSettingsPanelOpen) {
+    const sp = document.getElementById('reader-settings-panel');
+    if (sp) sp.remove();
+    readerSettingsPanelOpen = false;
+  }
+}
+
+function enterReaderImmersiveMode() {
+  _immBarsVisible = true;
+  document.body.classList.remove('reader-immersive');
+  document.addEventListener('click', _immHandleTap);
+}
+
+function exitReaderImmersiveMode() {
+  _immBarsVisible = true;
+  document.body.classList.remove('reader-immersive');
+  document.removeEventListener('click', _immHandleTap);
+}
+
+// Serializes openBook: it empties #reader-content, then appends the chapters
+// across several awaits. A second call in between (a second tap while a slow
+// e-reader is still decrypting) appended the whole book a second time — and
+// progress saved from that doubled DOM had block indices beyond the real book,
+// which then out-ranked every real position on the server.
+let _openBookInFlight = null;
+
+async function openBook(bookId) {
+  if (_openBookInFlight) {
+    if (_openBookInFlight.bookId === bookId) return _openBookInFlight.promise;
+    await _openBookInFlight.promise.catch(() => {});
+  }
+  const promise = _openBookOnce(bookId);
+  _openBookInFlight = {bookId, promise};
+  try {
+    return await promise;
+  } finally {
+    if (_openBookInFlight && _openBookInFlight.promise === promise) _openBookInFlight = null;
+  }
+}
+
+async function _openBookOnce(bookId) {
+  // Nothing is saved for this book until its place is restored.
+  _readPos = {bookId, ready: false, key: null, readAt: 0, moved: false, hold: false};
+  const overlay = $('reader-overlay');
+  const contentEl = $('reader-content');
+  const titleEl = $('reader-title');
+  if (!overlay || !contentEl) return;
+
+  titleEl.textContent = 'Lade …';
+  contentEl.innerHTML = '';
+  overlay.style.display = '';
+
+  try {
+    loadReaderSettings(bookId);
+    _charIndex = null;
+    const key = await getOrCreateEncKey();
+    let data_ct, data_iv;
+    const cached = await _getCachedBook(bookId);
+    if (cached) {
+      ({data_ct, data_iv} = cached);
+    } else {
+      let res;
+      try {
+        res = await fetch(`/books/${bookId}/data/`);
+      } catch {
+        // offline and book not cached yet
+        overlay.style.display = 'none';
+        const toast = document.createElement('div');
+        toast.className = 'reader-toast';
+        toast.textContent = 'Buch nicht offline verfügbar — einmal online öffnen zum Cachen.';
+        document.body.appendChild(toast);
+        setTimeout(() => toast.remove(), 3500);
+        return;
+      }
+      ({data_ct, data_iv} = await res.json());
+      _setCachedBook(bookId, data_ct, data_iv); // fire-and-forget
+    }
+    const plain = await decryptBytes(key, data_iv, data_ct);
+
+    // Revoke any previous image blob URLs
+    for (const url of Object.values(currentImageMap)) URL.revokeObjectURL(url);
+    currentImageMap = {};
+
+    const cachedMeta = bookMetaCache[bookId] || {};
+    let title = cachedMeta.title || '';
+    let author = cachedMeta.author || '';
+    let toc = [];
+    let numPages = 0;
+    const isPdfBook = cachedMeta.type === 'pdf';
+
+    if (isPdfBook) {
+      currentPdfDoc = null; // reset so renderPdf creates fresh doc
+      const loadingEl = document.createElement('div');
+      loadingEl.className = 'pdf-loading-overlay';
+      loadingEl.innerHTML = '<span class="pdf-loading-spinner"></span>';
+      overlay.appendChild(loadingEl);
+      const result = await renderPdf(plain, contentEl);
+      loadingEl.remove();
+      title = result.title || title;
+      author = result.author || author;
+      toc = result.toc;
+      numPages = result.numPages;
+      currentPdfBuffer = plain;
+    } else {
+      currentPdfBuffer = null;
+      // Prepared before (same book file, same preparation code): only the images to unpack.
+      const prepared = await _getParsedBook(bookId, data_iv, key);
+      const result = prepared ? await _restoreParsedBook(prepared, plain) : await parseEpub(plain);
+      if (!prepared) {
+        // Kept for the next open once the book is on screen (encrypting takes a moment).
+        setTimeout(() => _setParsedBook(bookId, data_iv, key, result), 3000);
+      }
+      title = result.title || title;
+      author = result.author || author;
+      toc = result.toc;
+      currentImageMap = result.imageMap;
+      // Inject chapters progressively so the browser stays responsive on large books:
+      // a batch per ~50 ms of work (a fixed count waited a frame every 8 chapters).
+      const tmp = document.createElement('div');
+      for (let i = 0; i < result.chapters.length;) {
+        const frag = document.createDocumentFragment();
+        const start = performance.now();
+        do {
+          tmp.innerHTML = result.chapters[i++];
+          while (tmp.firstChild) frag.appendChild(tmp.firstChild);
+        } while (i < result.chapters.length && performance.now() - start < 50);
+        contentEl.appendChild(frag);
+        if (i < result.chapters.length) await new Promise(r => setTimeout(r, 0));
+      }
+      // Used to decide whole-percent vs one-decimal display further down —
+      // see _formatBookPercent().
+      _currentBookCharCount = contentEl.textContent.length;
+    }
+
+    currentBookToc = toc;
+    titleEl.textContent = title + (author ? ` — ${author}` : '');
+
+    currentBookId = bookId;
+
+    // Remember the book's real (PDF) or estimated (EPUB) page count in its encrypted meta so
+    // the book list can show it; rewritten only when it changed.
+    const bookPages = isPdfBook ? numPages : Math.max(1, Math.round(_currentBookCharCount / CHARS_PER_BOOK_PAGE));
+    if (bookPages > 0 && cachedMeta.pages !== bookPages) {
+      _updateBookMeta(bookId, {pages: bookPages}).catch(() => {});
+    }
+
+    // Load bookmarks and highlights
+    await Promise.all([
+      loadBookmarks(bookId),
+      loadHighlights(bookId),
+    ]);
+
+    // Apply reader settings (theme, font size, etc.)
+    applyReaderSettings(isPdfBook);
+
+    // If this book already has notes/highlights, surface them right away
+    // instead of making the reader hide them behind a manual toggle.
+    // Not on phones: there the margin covers the text; it stays one tap away (✎).
+    if (!isPdfBook && currentHighlights.length && !readerAnnotationsMarginOpen && !_isMobileReader()) {
+      toggleAnnotationsMargin();
+    }
+
+    // Touch: swipe (paginated) + pinch-to-zoom
+    contentEl.addEventListener('touchstart',  _pdfTouchStart,  {passive: true});
+    contentEl.addEventListener('touchmove',   _pdfTouchMove,   {passive: false});
+    contentEl.addEventListener('touchend',    _pdfTouchEnd,    {passive: true});
+    contentEl.addEventListener('touchcancel', _pdfTouchEnd,    {passive: true});
+
+    // Set up progress input
+    const progressInput = $('reader-progress-input');
+    const progressSuffix = $('reader-progress-suffix');
+    const isPdf = isPdfBook;
+
+    if (progressInput) {
+      progressInput.style.display = '';
+      if (isPdf) {
+        progressInput.value = 1;
+        if (progressSuffix) progressSuffix.textContent = `/ ${numPages}`;
+      } else {
+        progressInput.value = _formatBookPercent(0);
+        if (progressSuffix) progressSuffix.textContent = '%';
+      }
+
+      progressInput.addEventListener('change', function () {
+        _suppressScrollJumpDetect();
+        if (isPdf) {
+          const page = Math.min(numPages, Math.max(1, parseInt(this.value, 10) || 1));
+          this.value = page;
+          const target = contentEl.querySelector(`#pdf-page-${page}`);
+          if (target) {
+            const top = target.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
+            contentEl.scrollBy({top: top - 8, behavior: 'smooth'});
+          }
+        } else {
+          const pct = Math.min(100, Math.max(0, _parseLocalePercent(this.value)));
+          this.value = _formatBookPercent(pct / 100);
+          restoreFromAnchor(contentEl, _anchorForFraction(contentEl, pct / 100));
+        }
+      });
+
+      progressInput.addEventListener('click', function () { this.select(); });
+    }
+
+    // Restore scroll position — must happen BEFORE auto-save timer is started
+    _suppressScrollJumpDetect();
+    let openedProgress = null;
+    try {
+      let fraction = 0, anchor = '';
+      let bookData = null;
+      try {
+        const progressRes = await fetch('/books/', {cache: 'no-store'});
+        _noteServerNowHeader(progressRes);
+        const allBooks = await progressRes.json();
+        bookData = allBooks.find(b => b.id === bookId) || null;
+      } catch {
+        // offline — use cached meta
+        const cached = await _loadCachedBookMeta();
+        bookData = cached.find(b => b.id === bookId) || null;
+      }
+      // The newer of the server's place and an own one it doesn't have yet.
+      if (bookData) bookData = _withPendingProgress(bookData);
+      fraction = bookData ? (bookData.scroll_fraction || 0) : 0;
+      anchor   = bookData ? (bookData.position_anchor || '') : '';
+      openedProgress = bookData;
+      _currentPositionAnchor = anchor;
+      if (isPdf && readerSettings.pdfPaginated) {
+        if (fraction > 0 && pdfTotalPages > 1)
+          pdfCurrentPage = Math.max(1, Math.round(fraction * (pdfTotalPages - 1)) + 1);
+        enterPdfPaginatedMode();
+      } else if (isPdf) {
+        // PDF scroll mode
+        await new Promise(r => requestAnimationFrame(r));
+        if (fraction > 0)
+          contentEl.scrollTop = fraction * (contentEl.scrollHeight - contentEl.clientHeight);
+      } else {
+        // EPUB — wait for images so scrollHeight is final
+        const imgs = Array.from(contentEl.querySelectorAll('img'));
+        if (imgs.length) {
+          await Promise.all(imgs.map(img =>
+            img.complete ? Promise.resolve()
+              : new Promise(r => { img.onload = r; img.onerror = r; })
+          ));
+        }
+        await new Promise(r => requestAnimationFrame(r));
+        if (!restoreFromAnchor(contentEl, anchor) && fraction > 0) {
+          restoreFromAnchor(contentEl, _anchorForFraction(contentEl, fraction));
+        }
+      }
+    } catch (e) {}
+
+    // From here on, what the reader does is reading. The place shown has the
+    // time it was read at (elsewhere, or here earlier): nothing new to send yet.
+    if (_readPos && _readPos.bookId === bookId && currentBookId === bookId) {
+      const shownAnchor = isPdf ? '' : getPositionAnchor(contentEl);
+      const readAtServer = openedProgress && openedProgress.read_at != null ? openedProgress.read_at : null;
+      _readPos.key = _positionKey(shownAnchor, openedProgress ? (openedProgress.scroll_fraction || 0) : 0);
+      _readPos.readAt = readAtServer == null ? 0 : readAtServer - _serverOffset;
+      _readPos.ready = true;
+      _offerFurthestPosition(openedProgress);
+    }
+
+    // Prime the "settled" baseline to wherever we just restored to, rather
+    // than waiting to lazily pick up whatever scroll event happens to fire
+    // first — that could otherwise be a later, unrelated layout correction.
+    _scrollRestTop = contentEl.scrollTop;
+
+    // Update progress input on scroll
+    contentEl.addEventListener('scroll', () => {
+      if (!progressInput) return;
+      if (isPdf) {
+        const wrappers = contentEl.querySelectorAll('.pdf-page-wrapper');
+        const cTop = contentEl.getBoundingClientRect().top;
+        let currentPage = 1;
+        for (const w of wrappers) {
+          if (w.getBoundingClientRect().bottom > cTop + 20) {
+            currentPage = parseInt(w.id.replace('pdf-page-', ''), 10) || 1;
+            break;
+          }
+        }
+        progressInput.value = currentPage;
+      }
+      // EPUB: shown from the position anchor, see the anchor tracking below.
+    });
+
+    // Auto-save progress every 10s and on scroll (debounced 2s)
+    // Started AFTER restore so an early visibilitychange can't overwrite with position 0
+    readerScrollSaveTimer = setInterval(saveReaderProgress, 10000);
+    let _scrollDebounce = null;
+    contentEl.addEventListener('scroll', () => {
+      clearTimeout(_scrollDebounce);
+      _scrollDebounce = setTimeout(saveReaderProgress, 2000);
+    }, {passive: true});
+
+    // Keep _currentPositionAnchor fresh independent of the slower save debounce
+    // above: the resize observer below (or an immersive-bars toggle right after
+    // scrolling) would otherwise restore to a stale, pre-scroll anchor.
+    if (!isPdf) {
+      let _anchorTrackDebounce = null;
+      contentEl.addEventListener('scroll', () => {
+        clearTimeout(_anchorTrackDebounce);
+        _anchorTrackDebounce = setTimeout(() => {
+          _currentPositionAnchor = getPositionAnchor(contentEl);
+          const f = _fractionFromAnchor(contentEl, _currentPositionAnchor);
+          _noteReadingPosition(_currentPositionAnchor, f === null ? 0 : f);
+          if (progressInput && f !== null && document.activeElement !== progressInput) {
+            progressInput.value = _formatBookPercent(f);
+          }
+        }, 150);
+      }, {passive: true});
+    }
+
+    // Restore anchor on viewport resize (e.g. screen rotation, font zoom)
+    if (!isPdf) {
+      _resizeObserver = new ResizeObserver(() => {
+        if (_currentPositionAnchor) {
+          _suppressScrollJumpDetect();
+          requestAnimationFrame(() => restoreFromAnchor(contentEl, _currentPositionAnchor));
+        }
+        _repositionMarginMarkers();
+      });
+      _resizeObserver.observe(contentEl);
+    }
+
+    // Offer to jump back after a sudden, large scroll (accidental fling,
+    // fat-fingered 'g'/'G' keybind, etc.) — see _checkScrollJump above.
+    _scrollRestTop = null;
+    let _scrollJumpRaf = null;
+    contentEl.addEventListener('scroll', () => {
+      if (_scrollJumpRaf) return;
+      _scrollJumpRaf = requestAnimationFrame(() => {
+        _scrollJumpRaf = null;
+        _checkScrollJump(contentEl);
+        _repositionMarginMarkers();
+      });
+    }, {passive: true});
+
+    enterReaderImmersiveMode();
+
+  } catch (e) {
+    console.error('openBook failed:', e);
+    overlay.style.display = 'none';
+    markBookBroken(bookId);
+  }
+}
+
+async function exportEncKey() {
+  const statusEl = $('book-key-status');
+  try {
+    const key = await getOrCreateEncKey();
+    const raw = await crypto.subtle.exportKey('raw', key);
+    const b64 = bytesToBase64(raw);
+    await navigator.clipboard.writeText(b64);
+    if (statusEl) statusEl.textContent = '✓ Schlüssel in die Zwischenablage kopiert';
+    setTimeout(() => { if (statusEl) statusEl.textContent = ''; }, 3000);
+  } catch (e) {
+    if (statusEl) statusEl.textContent = 'Export fehlgeschlagen: ' + e.message;
+  }
+}
+
+function showImportKey() {
+  const body = $('sidebar-body');
+  openSidebar('Schlüssel importieren', `
+    <p class="muted">Füge den Schlüssel ein, den du im anderen Browser exportiert hast:</p>
+    <textarea id="import-key-input" class="search-input" rows="3" style="width:100%;resize:none;font-family:monospace;font-size:0.75rem;"></textarea>
+    <button class="btn" style="margin-top:8px;" data-import-key-apply>Übernehmen</button>
+    <p class="muted" style="margin-top:8px;">Das ersetzt den Schlüssel in diesem Browser. Hier hochgeladene Bücher sind erst wieder lesbar, wenn du den Schlüssel zurück abgleichst.</p>
+  `);
+  body.addEventListener('click', async function _importClick(e) {
+    if (!e.target.closest('[data-import-key-apply]')) return;
+    body.removeEventListener('click', _importClick);
+    const b64 = (body.querySelector('#import-key-input')?.value || '').trim();
+    const statusEl = $('book-key-status');
+    try {
+      const raw = base64ToBytes(b64);
+      const importedKey = await crypto.subtle.importKey('raw', raw, {name: 'AES-GCM', length: 256}, true, ['encrypt', 'decrypt']);
+      const re_exported = await crypto.subtle.exportKey('raw', importedKey);
+      localStorage.setItem(`diora_enc_key_${window.USER_ID}`, bytesToBase64(re_exported));
+      closeSidebar();
+      if (statusEl) statusEl.textContent = '✓ Schlüssel importiert – Bücher werden neu geladen …';
+      await loadBookList();
+      if (statusEl) setTimeout(() => { statusEl.textContent = ''; }, 3000);
+    } catch (e) {
+      if ($('book-key-status')) $('book-key-status').textContent = 'Import fehlgeschlagen: ungültiger Schlüssel';
+    }
+  });
+}
+
+async function deleteBook(bookId) {
+  if (!await customConfirm('Dieses Buch löschen? Das lässt sich nicht rückgängig machen.', { danger: true })) return;
+  try {
+    const res = await fetch(`/books/${bookId}/delete/`, {
+      method: 'POST',
+      headers: {'X-CSRFToken': getCsrfToken()},
+    });
+    const data = await res.json();
+    if (data.ok) loadBookList();
+  } catch (e) {}
+}
+
+// Opened somewhere before the furthest place reached: offer it.
+function _offerFurthestPosition(p) {
+  if (!p) return;
+  const furthest = p.furthest_fraction || 0;
+  if (furthest - (p.scroll_fraction || 0) < 0.02 || furthest >= 0.999) return;
+  const pos = _readPos;
+  _readerToast(`Weiteste Stelle: ${_formatBookPercent(furthest)} %`, 'Dorthin', () => {
+    if (_readPos !== pos) return;
+    _noteReaderInteraction();
+    _jumpToPosition(p.furthest_anchor || '', furthest);
+  }, 8000);
+}
+
+async function saveReaderProgress(force = false) {
+  if (!currentBookId) return;
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+
+  let fraction;
+  if (readerSettings.pdfPaginated && currentPdfDoc && pdfTotalPages > 1) {
+    fraction = (pdfCurrentPage - 1) / (pdfTotalPages - 1);
+  } else {
+    fraction = contentEl.scrollTop / (contentEl.scrollHeight - contentEl.clientHeight || 1);
+  }
+
+  // Chapter wrappers carry unique ids; seeing one twice means the book was
+  // rendered twice. Positions from that DOM are wrong — don't store them.
+  if (!currentPdfDoc && contentEl.querySelectorAll('#epub-chapter-0').length > 1) {
+    console.warn('Book rendered twice, progress not saved');
+    return;
+  }
+
+  // Not restored yet (or another book): what's shown isn't a place read.
+  const pos = _readPos;
+  if (!pos || !pos.ready || pos.bookId !== currentBookId) return;
+  // A jump that's only a look: the place before it stays.
+  if (pos.hold && !force) return;
+
+  let anchor = '';
+  if (!currentPdfDoc) {
+    anchor = getPositionAnchor(contentEl);
+    _currentPositionAnchor = anchor;
+    // EPUB: share of the text, the same on every device and layout.
+    const textFraction = _fractionFromAnchor(contentEl, anchor);
+    if (textFraction !== null) fraction = textFraction;
+  }
+  fraction = Math.min(1.0, Math.max(0.0, fraction));
+
+  _noteReadingPosition(anchor, fraction);
+  if (force) {
+    pos.readAt = Date.now();
+    pos.moved = true;
+  }
+  // Nothing read here since opening: the server has this place already.
+  if (!pos.moved) return;
+
+  const entry = {book: currentBookId, fraction, anchor, read_at: pos.readAt, device: _progressDevice(), ...(force && {force: true})};
+  const sig = `${entry.book}|${anchor}|${fraction.toFixed(5)}|${entry.read_at}`;
+  _lastProgressBeacon = entry;
+  if (!force && sig === pos.sentSig) return; // unchanged since the last save
+  pos.sentSig = sig;
+  _progressOutboxPut(entry);
+  _updateCachedBookProgress(currentBookId, fraction, anchor, force, pos.readAt);
+  const sent = await _sendProgress(entry);
+  if (!sent) pos.sentSig = null; // try again with the next save
+  if (sent && force) {
+    const toast = document.createElement('div');
+    toast.className = 'reader-toast';
+    toast.textContent = 'Position gesetzt';
+    document.body.appendChild(toast);
+    setTimeout(() => toast.remove(), 1800);
+  }
+}
+
+function closeReader() {
+  exitReaderImmersiveMode();
+  stopReadAloud();
+  // Save progress BEFORE hiding — scrollHeight/clientHeight return 0 once display:none
+  saveReaderProgress();
+  _readPos = null; // nothing more is saved for this book
+  if (bookmarksDirty) saveBookmarks();
+  if (highlightsDirty) saveHighlights();
+
+  const overlay = $('reader-overlay');
+  if (overlay) overlay.style.display = 'none';
+  if (readerScrollSaveTimer) {
+    clearInterval(readerScrollSaveTimer);
+    readerScrollSaveTimer = null;
+  }
+  if (_resizeObserver) {
+    _resizeObserver.disconnect();
+    _resizeObserver = null;
+  }
+  _currentPositionAnchor = '';
+
+  // Close the margin panel
+  readerAnnotationsMarginOpen = false;
+  const marginEl = $('reader-margin');
+  if (marginEl) marginEl.classList.remove('open');
+  const marginMarkersEl = $('reader-margin-markers');
+  if (marginMarkersEl) marginMarkersEl.innerHTML = '';
+
+  // Disarm marker mode
+  markerModeActive = false;
+  document.querySelectorAll('.marker-mode-btn').forEach(b => b.classList.remove('active'));
+  dismissNoteBottomSheet();
+
+  // Clear search before wiping content
+  clearReaderSearch();
+
+  // Close settings panel if open
+  readerSettingsPanelOpen = false;
+  const sp = document.getElementById('reader-settings-panel');
+  if (sp) sp.remove();
+
+  // Reset progress input
+  const progressInput = $('reader-progress-input');
+  if (progressInput) { progressInput.style.display = 'none'; progressInput.value = 0; }
+  const progressSuffix = $('reader-progress-suffix');
+  if (progressSuffix) progressSuffix.textContent = '';
+
+  // Remove touch handlers and free image blob URLs
+  const contentEl = $('reader-content');
+  if (contentEl) {
+    contentEl.removeEventListener('touchstart',  _pdfTouchStart);
+    contentEl.removeEventListener('touchmove',   _pdfTouchMove);
+    contentEl.removeEventListener('touchend',    _pdfTouchEnd);
+    contentEl.removeEventListener('touchcancel', _pdfTouchEnd);
+    contentEl.classList.remove('pinch-active');
+    contentEl.innerHTML = '';
+  }
+  for (const url of Object.values(currentImageMap)) URL.revokeObjectURL(url);
+  currentImageMap = {};
+
+  // Reset all state
+  currentBookId = null;
+  currentBookToc = [];
+  _currentBookCharCount = 0;
+  currentPdfDoc = null;
+  currentPdfBuffer = null;
+  currentBookmarks = [];
+  bookmarksDirty = false;
+  currentHighlights = [];
+  highlightsDirty = false;
+  _lastProgressBeacon = null;
+  _lastBookmarkBeacon = null;
+  _lastHighlightBeacon = null;
+  dismissHighlightPopover();
+  pdfCurrentPage = 1;
+  pdfTotalPages = 0;
+  _pdfPageTextBoxCache = {};
+
+  // Remove PDF invert class
+  if (overlay) overlay.classList.remove('pdf-inverted');
+
+}
+
+function openTocSidebar() {
+  if (!currentBookToc.length) {
+    openSidebar('Inhaltsverzeichnis', '<p class="muted">Dieses Buch hat kein Inhaltsverzeichnis.</p>');
+    return;
+  }
+  let html = '<ul class="toc-list">';
+  for (const entry of currentBookToc) {
+    const indent = entry.depth * 14;
+    // Use data-toc-href — onclick would be stripped by sanitizeSidebarHtml
+    html += `<li style="padding-left:${indent}px">
+      <button class="btn-link toc-entry" data-toc-href="${escapeHtml(entry.href)}">${escapeHtml(entry.label)}</button>
+    </li>`;
+  }
+  html += '</ul>';
+  openSidebar('Inhaltsverzeichnis', html);
+  // Attach delegated listener after sidebar body is populated
+  const body = $('sidebar-body');
+  body.addEventListener('click', function _tocClick(e) {
+    const btn = e.target.closest('.toc-entry');
+    if (btn) {
+      body.removeEventListener('click', _tocClick);
+      jumpToTocEntry(btn.getAttribute('data-toc-href') || '');
+    }
+  });
+}
+
+function jumpToTocEntry(href) {
+  closeSidebar();
+  _suppressScrollJumpDetect();
+  setTimeout(() => {
+    const contentEl = $('reader-content');
+    if (!contentEl) return;
+
+    // PDF page jump
+    if (href.startsWith('#pdf-page-')) {
+      const target = contentEl.querySelector(href);
+      if (target) {
+        const top = target.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
+        contentEl.scrollBy({top: top - 16, behavior: 'smooth'});
+      }
+      return;
+    }
+
+    const hashIdx = href.indexOf('#');
+    const fragment = hashIdx >= 0 ? href.slice(hashIdx + 1) : '';
+    const filePath = hashIdx >= 0 ? href.slice(0, hashIdx) : href;
+
+    let target = null;
+    if (fragment) {
+      target = contentEl.querySelector(`#${CSS.escape(fragment)}`);
+    }
+    if (!target && filePath) {
+      target = Array.from(contentEl.querySelectorAll('[data-epub-src]'))
+        .find(el => el.getAttribute('data-epub-src') === filePath) || null;
+    }
+    if (target) {
+      const top = target.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
+      contentEl.scrollBy({top: top - 16, behavior: 'smooth'});
+    }
+  }, 50);
+}
diff --git a/static/js/app/64-reader-settings.js b/static/js/app/64-reader-settings.js
new file mode 100644
index 0000000..f9c604e
--- /dev/null
+++ b/static/js/app/64-reader-settings.js
@@ -0,0 +1,327 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Reader Settings
+// ---------------------------------------------------------------------------
+
+// Typography defaults. Phones keep the long-standing ones; a wide screen
+// (desktop browser, diora desktop) starts bigger and wider.
+const _READER_TYPE_DEFAULTS_NARROW = { fontSize: 16, lineHeight: 1.8, maxWidth: 65, fontWeight: null };
+const _READER_TYPE_DEFAULTS_WIDE = { fontSize: 20, lineHeight: 1.6, maxWidth: 90, fontWeight: 375 };
+const _READER_WIDTH_MAX = 140; // ch, the width slider's upper end ("Full" stays separate)
+
+function _readerTypeDefaults() {
+  return window.matchMedia('(min-width: 900px)').matches
+    ? _READER_TYPE_DEFAULTS_WIDE : _READER_TYPE_DEFAULTS_NARROW;
+}
+
+function loadReaderSettings(bookId) {
+  // Reset to defaults, then apply per-book overrides
+  Object.assign(readerSettings, { theme: 'app', fontFamily: 'serif', noBold: false,
+                                   pdfZoom: 100, pdfInverted: false, pdfPaginated: false, pdfSpread: false },
+                _readerTypeDefaults());
+  try {
+    const saved = JSON.parse(localStorage.getItem(`diora_reader_settings_${bookId}`) || '{}');
+    // Settings saved before v2 hold every value, changed or not. A value equal
+    // to the old default was never chosen, so it gives way to today's default.
+    if (!saved.v) {
+      for (const [key, old] of Object.entries(_READER_TYPE_DEFAULTS_NARROW)) {
+        if (saved[key] === old) delete saved[key];
+      }
+    }
+    // Before v3 the reader's theme was always stored, "dark" by default: that now means "Wie die App".
+    if ((saved.v || 0) < 3 && saved.theme === 'dark') delete saved.theme;
+    delete saved.v;
+    Object.assign(readerSettings, saved);
+    if (saved.pdfPaginated === undefined) {
+      readerSettings.pdfPaginated = window.innerWidth < 768;
+    }
+  } catch (e) {}
+}
+
+function saveReaderSettings() {
+  if (currentBookId) {
+    localStorage.setItem(`diora_reader_settings_${currentBookId}`, JSON.stringify({ ...readerSettings, v: 3 }));
+  }
+}
+
+function applyReaderSettings(isPdf) {
+  const overlay = $('reader-overlay');
+  const contentEl = $('reader-content');
+  if (!overlay || !contentEl) return;
+
+  if (!isPdf) {
+    contentEl.style.fontSize = readerSettings.fontSize + 'px';
+    contentEl.style.lineHeight = readerSettings.lineHeight;
+    contentEl.style.setProperty('--reader-max-width', readerSettings.maxWidth + 'ch');
+    const fontMap = {
+      serif:    "'Source Serif 4', Georgia, 'Times New Roman', serif",
+      sans:     'system-ui, -apple-system, sans-serif',
+      humanist: 'Verdana, Geneva, sans-serif',
+      mono:     "'Courier New', monospace",
+    };
+    contentEl.style.fontFamily = fontMap[readerSettings.fontFamily] || fontMap.serif;
+    contentEl.classList.toggle('reader-no-bold', !!readerSettings.noBold);
+    // Weight: null keeps the stylesheet's. --reader-weight lets old WebViews
+    // without variable-font support (which drop weights like 425) pick a
+    // static cut instead.
+    contentEl.style.fontWeight = '';
+    if (readerSettings.fontWeight) {
+      contentEl.style.fontWeight = String(readerSettings.fontWeight);
+      contentEl.style.setProperty('--reader-weight', String(readerSettings.fontWeight));
+    } else {
+      contentEl.style.removeProperty('--reader-weight');
+    }
+    if (_currentPositionAnchor && currentBookId) {
+      _suppressScrollJumpDetect();
+      requestAnimationFrame(() => restoreFromAnchor($('reader-content'), _currentPositionAnchor));
+    }
+  }
+
+  // Theme
+  overlay.classList.remove('reader-theme-sepia', 'reader-theme-bright');
+  const readerTheme = readerSettings.theme === 'app'
+    ? (document.documentElement.getAttribute('data-theme') === 'light' ? 'bright' : 'dark')
+    : readerSettings.theme;
+  if (readerTheme === 'sepia') overlay.classList.add('reader-theme-sepia');
+  else if (readerTheme === 'bright') overlay.classList.add('reader-theme-bright');
+
+  // PDF invert
+  if (isPdf && readerSettings.pdfInverted) overlay.classList.add('pdf-inverted');
+  else overlay.classList.remove('pdf-inverted');
+
+  // Annotations (marker mode + margin panel) are EPUB-only for now — PDFs have no text layer yet
+  const marginBtn = $('reader-margin-btn');
+  if (marginBtn) marginBtn.style.display = isPdf ? 'none' : '';
+  if (isPdf && readerAnnotationsMarginOpen) toggleAnnotationsMargin();
+  document.querySelectorAll('.marker-mode-btn').forEach(b => { b.style.display = isPdf ? 'none' : ''; });
+  if (isPdf && markerModeActive) toggleMarkerMode();
+}
+
+// Font weight slider: the variable Source Serif 4 takes any weight, the
+// system fonts only their fixed cuts (multiples of 100).
+function _readerWeightStep() {
+  return readerSettings.fontFamily === 'serif' ? 25 : 100;
+}
+
+function _readerWeight() {
+  const step = _readerWeightStep();
+  const w = readerSettings.fontWeight
+    || parseInt(getComputedStyle($('reader-content')).fontWeight, 10) || 400;
+  return Math.round(w / step) * step;
+}
+
+function toggleSettingsPanel() {
+  const overlay = $('reader-overlay');
+  const contentEl = $('reader-content');
+  if (!overlay || !contentEl) return;
+
+  const existing = document.getElementById('reader-settings-panel');
+  if (existing) {
+    existing.remove();
+    readerSettingsPanelOpen = false;
+    return;
+  }
+
+  readerSettingsPanelOpen = true;
+  const isPdf = !!currentPdfDoc;
+
+  const panel = document.createElement('div');
+  panel.id = 'reader-settings-panel';
+  panel.className = 'reader-settings-panel';
+
+  if (!isPdf) {
+    panel.innerHTML = `
+      <label>Schrift <button class="btn btn-sm" id="rs-font-minus">−</button> <input type="range" id="rs-font" min="12" max="24" step="1" value="${readerSettings.fontSize}"> <button class="btn btn-sm" id="rs-font-plus">+</button> <span id="rs-font-val">${readerSettings.fontSize}px</span></label>
+      <label>Zeilen <button class="btn btn-sm" id="rs-line-minus">−</button> <input type="range" id="rs-line" min="12" max="30" step="1" value="${Math.round(readerSettings.lineHeight * 10)}"> <button class="btn btn-sm" id="rs-line-plus">+</button> <span id="rs-line-val">${readerSettings.lineHeight}</span></label>
+      <label>Breite <button class="btn btn-sm" id="rs-width-minus">−</button> <input type="range" id="rs-width" min="40" max="${_READER_WIDTH_MAX}" step="5" value="${Math.min(readerSettings.maxWidth, _READER_WIDTH_MAX)}"> <button class="btn btn-sm" id="rs-width-plus">+</button> <span id="rs-width-val">${readerSettings.maxWidth}ch</span></label>
+      <button class="btn btn-sm" id="rs-width-full">Volle Breite</button>
+      <label>Stärke <button class="btn btn-sm" id="rs-weight-minus">−</button> <input type="range" id="rs-weight" min="200" max="800" step="${_readerWeightStep()}" value="${_readerWeight()}"> <button class="btn btn-sm" id="rs-weight-plus">+</button> <span id="rs-weight-val">${_readerWeight()}</span></label>
+      <button class="btn btn-sm ${readerSettings.fontFamily === 'serif'    ? 'active' : ''}" data-rs-font="serif">Serif</button>
+      <button class="btn btn-sm ${readerSettings.fontFamily === 'sans'     ? 'active' : ''}" data-rs-font="sans">Sans</button>
+      <button class="btn btn-sm ${readerSettings.fontFamily === 'humanist' ? 'active' : ''}" data-rs-font="humanist">Verdana</button>
+      <button class="btn btn-sm ${readerSettings.fontFamily === 'mono'     ? 'active' : ''}" data-rs-font="mono">Mono</button>
+      <button class="btn btn-sm ${readerSettings.noBold ? 'active' : ''}" id="rs-no-bold">Kein Fett</button>
+      <button class="btn btn-sm ${readerSettings.theme === 'app'    ? 'active' : ''}" data-rs-theme="app">Wie die App</button>
+      <button class="btn btn-sm ${readerSettings.theme === 'dark'   ? 'active' : ''}" data-rs-theme="dark">Dunkel</button>
+      <button class="btn btn-sm ${readerSettings.theme === 'sepia'  ? 'active' : ''}" data-rs-theme="sepia">Sepia</button>
+      <button class="btn btn-sm ${readerSettings.theme === 'bright' ? 'active' : ''}" data-rs-theme="bright">Hell</button>
+    `;
+  } else {
+    panel.innerHTML = `
+      <label>Zoom <button class="btn btn-sm" id="rs-zoom-minus">−</button> <input type="range" id="rs-zoom" min="50" max="200" step="10" value="${readerSettings.pdfZoom}"> <button class="btn btn-sm" id="rs-zoom-plus">+</button> <span id="rs-zoom-val">${readerSettings.pdfZoom}%</span></label>
+      <button class="btn btn-sm ${readerSettings.pdfInverted ? 'active' : ''}" id="rs-invert">Invertieren</button>
+      <button class="btn btn-sm ${readerSettings.pdfSpread ? 'active' : ''}" id="rs-spread">Doppelseite</button>
+    `;
+  }
+
+  overlay.insertBefore(panel, $('reader-body-row'));
+
+  if (!isPdf) {
+    const fontRange = panel.querySelector('#rs-font');
+    const fontVal   = panel.querySelector('#rs-font-val');
+    fontRange.addEventListener('input', () => {
+      readerSettings.fontSize = parseInt(fontRange.value, 10);
+      fontVal.textContent = readerSettings.fontSize + 'px';
+      applyReaderSettings(false);
+      saveReaderSettings();
+    });
+    panel.querySelector('#rs-font-minus').addEventListener('click', () => {
+      fontRange.value = Math.max(+fontRange.min, parseInt(fontRange.value, 10) - 1);
+      fontRange.dispatchEvent(new Event('input'));
+    });
+    panel.querySelector('#rs-font-plus').addEventListener('click', () => {
+      fontRange.value = Math.min(+fontRange.max, parseInt(fontRange.value, 10) + 1);
+      fontRange.dispatchEvent(new Event('input'));
+    });
+
+    const lineRange = panel.querySelector('#rs-line');
+    const lineVal   = panel.querySelector('#rs-line-val');
+    lineRange.addEventListener('input', () => {
+      readerSettings.lineHeight = (parseInt(lineRange.value, 10) / 10).toFixed(1);
+      lineVal.textContent = readerSettings.lineHeight;
+      applyReaderSettings(false);
+      saveReaderSettings();
+    });
+    panel.querySelector('#rs-line-minus').addEventListener('click', () => {
+      lineRange.value = Math.max(+lineRange.min, parseInt(lineRange.value, 10) - 1);
+      lineRange.dispatchEvent(new Event('input'));
+    });
+    panel.querySelector('#rs-line-plus').addEventListener('click', () => {
+      lineRange.value = Math.min(+lineRange.max, parseInt(lineRange.value, 10) + 1);
+      lineRange.dispatchEvent(new Event('input'));
+    });
+
+    const widthRange = panel.querySelector('#rs-width');
+    const widthVal   = panel.querySelector('#rs-width-val');
+    widthRange.addEventListener('input', () => {
+      readerSettings.maxWidth = parseInt(widthRange.value, 10);
+      widthVal.textContent = readerSettings.maxWidth + 'ch';
+      applyReaderSettings(false);
+      saveReaderSettings();
+    });
+    panel.querySelector('#rs-width-minus').addEventListener('click', () => {
+      widthRange.value = Math.max(+widthRange.min, parseInt(widthRange.value, 10) - 5);
+      widthRange.dispatchEvent(new Event('input'));
+    });
+    panel.querySelector('#rs-width-plus').addEventListener('click', () => {
+      widthRange.value = Math.min(+widthRange.max, parseInt(widthRange.value, 10) + 5);
+      widthRange.dispatchEvent(new Event('input'));
+    });
+
+    panel.querySelector('#rs-width-full').addEventListener('click', () => {
+      readerSettings.maxWidth = 999;
+      widthRange.value = 90;
+      widthVal.textContent = 'full';
+      applyReaderSettings(false);
+      saveReaderSettings();
+    });
+
+    const weightRange = panel.querySelector('#rs-weight');
+    const weightVal   = panel.querySelector('#rs-weight-val');
+    weightRange.addEventListener('input', () => {
+      readerSettings.fontWeight = parseInt(weightRange.value, 10);
+      weightVal.textContent = readerSettings.fontWeight;
+      applyReaderSettings(false);
+      saveReaderSettings();
+    });
+    panel.querySelector('#rs-weight-minus').addEventListener('click', () => {
+      weightRange.value = Math.max(+weightRange.min, parseInt(weightRange.value, 10) - +weightRange.step);
+      weightRange.dispatchEvent(new Event('input'));
+    });
+    panel.querySelector('#rs-weight-plus').addEventListener('click', () => {
+      weightRange.value = Math.min(+weightRange.max, parseInt(weightRange.value, 10) + +weightRange.step);
+      weightRange.dispatchEvent(new Event('input'));
+    });
+
+    panel.querySelectorAll('[data-rs-font]').forEach(btn => {
+      btn.addEventListener('click', () => {
+        readerSettings.fontFamily = btn.dataset.rsFont;
+        panel.querySelectorAll('[data-rs-font]').forEach(b => b.classList.toggle('active', b === btn));
+        // The system fonts only have cuts at multiples of 100.
+        weightRange.step = _readerWeightStep();
+        if (readerSettings.fontWeight) {
+          readerSettings.fontWeight = Math.round(readerSettings.fontWeight / weightRange.step) * weightRange.step;
+        }
+        applyReaderSettings(false);
+        saveReaderSettings();
+        weightRange.value = _readerWeight();
+        weightVal.textContent = _readerWeight();
+      });
+    });
+
+    panel.querySelector('#rs-no-bold').addEventListener('click', function () {
+      readerSettings.noBold = !readerSettings.noBold;
+      this.classList.toggle('active', readerSettings.noBold);
+      applyReaderSettings(false);
+      saveReaderSettings();
+    });
+
+    panel.querySelectorAll('[data-rs-theme]').forEach(btn => {
+      btn.addEventListener('click', () => {
+        readerSettings.theme = btn.dataset.rsTheme;
+        panel.querySelectorAll('[data-rs-theme]').forEach(b => b.classList.toggle('active', b === btn));
+        applyReaderSettings(false);
+        saveReaderSettings();
+      });
+    });
+  } else {
+    const zoomRange = panel.querySelector('#rs-zoom');
+
+    zoomRange.addEventListener('input', () => applyPdfZoom(parseInt(zoomRange.value, 10)));
+    panel.querySelector('#rs-zoom-minus').addEventListener('click', () =>
+      applyPdfZoom(Math.max(50,  readerSettings.pdfZoom - 10)));
+    panel.querySelector('#rs-zoom-plus').addEventListener('click', () =>
+      applyPdfZoom(Math.min(200, readerSettings.pdfZoom + 10)));
+
+    panel.querySelector('#rs-invert').addEventListener('click', function () {
+      readerSettings.pdfInverted = !readerSettings.pdfInverted;
+      this.classList.toggle('active', readerSettings.pdfInverted);
+      applyReaderSettings(true);
+      saveReaderSettings();
+    });
+
+    panel.querySelector('#rs-spread').addEventListener('click', function () {
+      readerSettings.pdfSpread = !readerSettings.pdfSpread;
+      this.classList.toggle('active', readerSettings.pdfSpread);
+      saveReaderSettings();
+      reRenderPdf();
+    });
+
+  }
+}
+
+async function applyPdfZoom(newZoom) {
+  readerSettings.pdfZoom = newZoom;
+  const zoomRange = document.getElementById('rs-zoom');
+  const zoomVal = document.getElementById('rs-zoom-val');
+  if (zoomRange) zoomRange.value = newZoom;
+  if (zoomVal) zoomVal.textContent = newZoom + '%';
+  saveReaderSettings();
+  if (readerSettings.pdfPaginated) {
+    pdfSmartZoomPage(pdfCurrentPage);
+  } else {
+    await reRenderPdf();
+  }
+}
+
+function _currentScrollPage(contentEl) {
+  const wrappers = contentEl.querySelectorAll('.pdf-page-wrapper');
+  const viewTop = contentEl.scrollTop;
+  for (const w of wrappers) {
+    if (w.offsetTop + w.offsetHeight > viewTop) {
+      const n = parseInt(w.id.replace('pdf-page-', ''), 10);
+      if (n) return n;
+    }
+  }
+  return pdfCurrentPage || 1;
+}
+
+async function reRenderPdf() {
+  if (!currentPdfBuffer) return;
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+  const pivot = readerSettings.pdfPaginated ? pdfCurrentPage : _currentScrollPage(contentEl);
+  await renderPdf(currentPdfBuffer, contentEl, undefined, pivot);
+  if (readerSettings.pdfPaginated) enterPdfPaginatedMode();
+}
diff --git a/static/js/app/66-pdf-paginated.js b/static/js/app/66-pdf-paginated.js
new file mode 100644
index 0000000..acfd020
--- /dev/null
+++ b/static/js/app/66-pdf-paginated.js
@@ -0,0 +1,212 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// PDF Paginated Mode
+// ---------------------------------------------------------------------------
+
+function enterPdfPaginatedMode() {
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+  contentEl.classList.add('pdf-paginated');
+  contentEl.style.overflow = 'hidden';
+  const pdfVp = document.getElementById('pdf-viewport');
+  if (pdfVp) pdfVp.style.zoom = 1;
+
+  const wrappers = contentEl.querySelectorAll('.pdf-page-wrapper');
+  wrappers.forEach((w, i) => {
+    w.style.display = (i + 1 === pdfCurrentPage) ? '' : 'none';
+  });
+
+  pdfSmartZoomPage(pdfCurrentPage);
+
+  // Tap left/right to navigate
+  contentEl.addEventListener('click', _pdfPaginatedClick);
+}
+
+function exitPdfPaginatedMode() {
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+  contentEl.classList.remove('pdf-paginated');
+  contentEl.style.overflow = '';
+  contentEl.removeEventListener('click', _pdfPaginatedClick);
+  reRenderPdf();
+}
+
+function _pdfPaginatedClick(e) {
+  const w = e.currentTarget.clientWidth;
+  if (e.clientX < w * 0.4) pdfGoToPage(pdfCurrentPage - 1);
+  else if (e.clientX > w * 0.6) pdfGoToPage(pdfCurrentPage + 1);
+}
+
+function _pdfTouchStart(e) {
+  if (e.touches.length === 2) {
+    const dx = e.touches[0].clientX - e.touches[1].clientX;
+    const dy = e.touches[0].clientY - e.touches[1].clientY;
+    _pinchStartDist = Math.hypot(dx, dy);
+    _pinchStartZoom = readerSettings.pdfZoom;
+    _isPinching = true;
+    const ce = $('reader-content');
+    if (ce) ce.classList.add('pinch-active');
+  } else {
+    _touchStartX = e.touches[0].clientX;
+    _isPinching = false;
+  }
+}
+
+function _pdfTouchMove(e) {
+  if (e.touches.length !== 2 || !_isPinching) return;
+  e.preventDefault();
+  const dx = e.touches[0].clientX - e.touches[1].clientX;
+  const dy = e.touches[0].clientY - e.touches[1].clientY;
+  const dist = Math.hypot(dx, dy);
+  if (_pinchStartDist === 0) return;
+  const liveZoom = Math.max(50, Math.min(200, _pinchStartZoom * (dist / _pinchStartDist)));
+  const vp = document.getElementById('pdf-viewport');
+  if (vp) vp.style.zoom = liveZoom / 100;
+}
+
+function _pdfTouchEnd(e) {
+  if (_isPinching) {
+    _isPinching = false;
+    const ce = $('reader-content');
+    if (ce) ce.classList.remove('pinch-active');
+    const vp = document.getElementById('pdf-viewport');
+    const liveZoom = vp ? parseFloat(vp.style.zoom) * 100 : readerSettings.pdfZoom;
+    const snapped = Math.max(50, Math.min(200, Math.round(liveZoom / 10) * 10));
+    applyPdfZoom(snapped);
+    return;
+  }
+  if (!readerSettings.pdfPaginated) return;
+  const delta = e.changedTouches[0].clientX - _touchStartX;
+  if (delta > 50) pdfGoToPage(pdfCurrentPage - 1);
+  else if (delta < -50) pdfGoToPage(pdfCurrentPage + 1);
+}
+
+function pdfGoToPage(n) {
+  if (!currentPdfDoc) return;
+  n = Math.max(1, Math.min(pdfTotalPages, n));
+  if (n === pdfCurrentPage) return;
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+
+  const oldWrapper = contentEl.querySelector(`#pdf-page-${pdfCurrentPage}`);
+  if (oldWrapper) oldWrapper.style.display = 'none';
+
+  pdfCurrentPage = n;
+  const newWrapper = contentEl.querySelector(`#pdf-page-${pdfCurrentPage}`);
+  if (newWrapper) newWrapper.style.display = '';
+
+  pdfSmartZoomPage(pdfCurrentPage);
+
+  const progressInput = $('reader-progress-input');
+  if (progressInput) progressInput.value = pdfCurrentPage;
+}
+
+async function pdfSmartZoomPage(pageNum) {
+  if (!currentPdfDoc) return;
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+  const wrapper = contentEl.querySelector(`#pdf-page-${pageNum}`);
+  if (!wrapper) return;
+  const canvas = wrapper.querySelector('canvas');
+  if (!canvas) return;
+
+  const page = await currentPdfDoc.getPage(pageNum);
+  const naturalVp = page.getViewport({scale: 1});
+  const pageW = naturalVp.width;
+  const pageH = naturalVp.height;
+
+  let bbox = _pdfPageTextBoxCache[pageNum];
+  if (!bbox) {
+    bbox = await _computePdfTextBox(page, pageW, pageH);
+    _pdfPageTextBoxCache[pageNum] = bbox;
+  }
+
+  const containerW = contentEl.clientWidth;
+  const containerH = contentEl.clientHeight;
+  const contentW = bbox.x2 - bbox.x1;
+  const contentH = bbox.y2 - bbox.y1;
+  const pad = 12;
+  const scale = Math.min(
+    (containerW - pad * 2) / contentW,
+    (containerH - pad * 2) / contentH
+  ) * (readerSettings.pdfZoom / 100);
+
+  // Re-render canvas at new scale if significantly different
+  const currentScale = canvas.width / naturalVp.width;
+  if (Math.abs(scale - currentScale) / currentScale > 0.05) {
+    const vp = page.getViewport({scale});
+    canvas.width = vp.width;
+    canvas.height = vp.height;
+    await page.render({canvasContext: canvas.getContext('2d'), viewport: vp}).promise;
+  }
+
+  // Position canvas to center the text bounding box
+  const renderedScale = canvas.width / naturalVp.width;
+  const offsetX = -renderedScale * (bbox.x1 - pad) + (containerW - renderedScale * contentW - pad * 2) / 2;
+  // PDF y-axis is bottom-up; canvas is top-down
+  const offsetY = -renderedScale * (pageH - bbox.y2 - pad) + (containerH - renderedScale * contentH - pad * 2) / 2;
+  canvas.style.transform = `translate(${offsetX}px, ${offsetY}px)`;
+  wrapper.style.overflow = 'hidden';
+  wrapper.style.width = containerW + 'px';
+  wrapper.style.height = containerH + 'px';
+}
+
+async function _computePdfTextBox(page, pageW, pageH) {
+  // Tier 1: text-based
+  try {
+    const tc = await page.getTextContent();
+    if (tc.items && tc.items.length) {
+      let x1 = Infinity, y1 = Infinity, x2 = -Infinity, y2 = -Infinity;
+      for (const item of tc.items) {
+        if (!item.transform) continue;
+        const tx = item.transform[4], ty = item.transform[5];
+        const iw = item.width || 0, ih = item.height || 0;
+        if (tx < x1) x1 = tx;
+        if (ty < y1) y1 = ty;
+        if (tx + iw > x2) x2 = tx + iw;
+        if (ty + ih > y2) y2 = ty + ih;
+      }
+      const area = (x2 - x1) * (y2 - y1);
+      if (isFinite(x1) && area > pageW * pageH * 0.25) {
+        return {x1, y1, x2, y2};
+      }
+    }
+  } catch (e) {}
+
+  // Tier 2: pixel analysis at scale 0.3
+  try {
+    const lowScale = 0.3;
+    const vp = page.getViewport({scale: lowScale});
+    const offCanvas = document.createElement('canvas');
+    offCanvas.width = vp.width;
+    offCanvas.height = vp.height;
+    const ctx = offCanvas.getContext('2d');
+    await page.render({canvasContext: ctx, viewport: vp}).promise;
+    const {data, width, height} = ctx.getImageData(0, 0, vp.width, vp.height);
+
+    let rMin = height, rMax = 0, cMin = width, cMax = 0;
+    for (let r = 0; r < height; r++) {
+      for (let c = 0; c < width; c++) {
+        const idx = (r * width + c) * 4;
+        if (data[idx] + data[idx+1] + data[idx+2] < 720) {
+          if (r < rMin) rMin = r;
+          if (r > rMax) rMax = r;
+          if (c < cMin) cMin = c;
+          if (c > cMax) cMax = c;
+        }
+      }
+    }
+    if (rMin < rMax && cMin < cMax) {
+      return {
+        x1: cMin / lowScale,
+        y1: (height - rMax) / lowScale,
+        x2: cMax / lowScale,
+        y2: (height - rMin) / lowScale,
+      };
+    }
+  } catch (e) {}
+
+  // Fallback: full page
+  return {x1: 0, y1: 0, x2: pageW, y2: pageH};
+}
diff --git a/static/js/app/68-bookmarks.js b/static/js/app/68-bookmarks.js
new file mode 100644
index 0000000..783b369
--- /dev/null
+++ b/static/js/app/68-bookmarks.js
@@ -0,0 +1,166 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Bookmarks
+// ---------------------------------------------------------------------------
+
+async function loadBookmarks(bookId) {
+  try {
+    const res = await fetch(`/books/${bookId}/bookmarks/`);
+    const {ct, iv} = await res.json();
+    if (ct) {
+      _saveAnnotationsCache(bookId, 'bookmarks', ct, iv); // persist for offline
+      const key = await getOrCreateEncKey();
+      const plain = await decryptBytes(key, iv, ct);
+      currentBookmarks = JSON.parse(new TextDecoder().decode(plain));
+    } else {
+      currentBookmarks = [];
+    }
+  } catch (e) {
+    // offline fallback
+    const cached = await _loadAnnotationsCache(bookId, 'bookmarks');
+    if (cached?.ct) {
+      try {
+        const key = await getOrCreateEncKey();
+        const plain = await decryptBytes(key, cached.iv, cached.ct);
+        currentBookmarks = JSON.parse(new TextDecoder().decode(plain));
+      } catch { currentBookmarks = []; }
+    } else {
+      currentBookmarks = [];
+    }
+  }
+}
+
+async function saveBookmarks() {
+  if (!currentBookId) return;
+  try {
+    const key = await getOrCreateEncKey();
+    const plain = new TextEncoder().encode(JSON.stringify(currentBookmarks));
+    const {iv, ciphertext} = await encryptBytes(key, plain);
+    const body = JSON.stringify({ct: ciphertext, iv});
+    const url = `/books/${currentBookId}/bookmarks/`;
+    _lastBookmarkBeacon = {url, body};
+    _saveAnnotationsCache(currentBookId, 'bookmarks', ciphertext, iv); // keep local cache current
+    await fetch(url, {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+      body,
+    });
+    bookmarksDirty = false;
+  } catch (e) {
+    _markPendingSync(currentBookId, 'bookmarks');
+  }
+}
+
+function addBookmark() {
+  const contentEl = $('reader-content');
+  if (!contentEl || !currentBookId) return;
+
+  let label, anchor, scrollFraction;
+
+  if (currentPdfDoc) {
+    const page = pdfCurrentPage || parseInt($('reader-progress-input')?.value, 10) || 1;
+    label = `Seite ${page}`;
+    anchor = `pdf-page-${page}`;
+    scrollFraction = (page - 1) / Math.max(1, pdfTotalPages - 1);
+  } else {
+    // Find first visible chapter div
+    const chapters = contentEl.querySelectorAll('[data-epub-src]');
+    let visibleChapter = null;
+    for (const ch of chapters) {
+      const rect = ch.getBoundingClientRect();
+      if (rect.bottom > 0 && rect.top < window.innerHeight) {
+        visibleChapter = ch;
+        break;
+      }
+    }
+    const src = visibleChapter?.getAttribute('data-epub-src') || '';
+    label = src.split('/').pop().replace(/\.x?html?$/i, '') || 'Bookmark';
+    anchor = src;
+    scrollFraction = contentEl.scrollTop / (contentEl.scrollHeight - contentEl.clientHeight || 1);
+  }
+
+  const bm = {
+    id: crypto.randomUUID(),
+    label,
+    anchor,
+    scrollFraction,
+    createdAt: new Date().toISOString(),
+  };
+  currentBookmarks.unshift(bm);
+  bookmarksDirty = true;
+  saveBookmarks();
+
+  // Toast
+  const toast = document.createElement('div');
+  toast.className = 'reader-toast';
+  toast.textContent = `★ Lesezeichen: ${label}`;
+  document.body.appendChild(toast);
+  setTimeout(() => toast.remove(), 2200);
+}
+
+function openBookmarksSidebar() {
+  if (!currentBookmarks.length) {
+    openSidebar('Lesezeichen', '<p class="muted">Noch keine Lesezeichen. Tippe beim Lesen auf ★.</p>');
+    return;
+  }
+  let html = '<ul style="list-style:none;padding:0;">';
+  for (const bm of currentBookmarks) {
+    html += `<li class="bookmark-entry">
+      <button class="btn-link" data-jump-bookmark="${escapeHtml(bm.id)}" style="flex:1;text-align:left;">
+        ${escapeHtml(bm.label)}
+      </button>
+      <button class="btn-icon" data-delete-bookmark="${escapeHtml(bm.id)}" title="Löschen">✕</button>
+    </li>`;
+  }
+  html += '</ul>';
+  openSidebar('Lesezeichen', html);
+
+  const body = $('sidebar-body');
+  body.addEventListener('click', function _bmClick(e) {
+    const jumpBtn = e.target.closest('[data-jump-bookmark]');
+    const delBtn  = e.target.closest('[data-delete-bookmark]');
+    if (jumpBtn) {
+      body.removeEventListener('click', _bmClick);
+      jumpToBookmark(jumpBtn.dataset.jumpBookmark);
+    }
+    if (delBtn) {
+      const id = delBtn.dataset.deleteBookmark;
+      currentBookmarks = currentBookmarks.filter(b => b.id !== id);
+      bookmarksDirty = true;
+      saveBookmarks();
+      openBookmarksSidebar(); // re-render
+    }
+  });
+}
+
+function jumpToBookmark(id) {
+  const bm = currentBookmarks.find(b => b.id === id);
+  if (!bm) return;
+  closeSidebar();
+  _suppressScrollJumpDetect();
+  setTimeout(() => {
+    const contentEl = $('reader-content');
+    if (!contentEl) return;
+    if (bm.anchor.startsWith('pdf-page-')) {
+      if (readerSettings.pdfPaginated) {
+        pdfGoToPage(parseInt(bm.anchor.replace('pdf-page-', ''), 10) || 1);
+      } else {
+        const target = contentEl.querySelector('#' + bm.anchor);
+        if (target) {
+          const top = target.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
+          contentEl.scrollBy({top: top - 16, behavior: 'smooth'});
+        }
+      }
+    } else {
+      const target = Array.from(contentEl.querySelectorAll('[data-epub-src]'))
+        .find(el => el.getAttribute('data-epub-src') === bm.anchor);
+      if (target) {
+        const top = target.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
+        contentEl.scrollBy({top: top - 16, behavior: 'smooth'});
+      } else {
+        contentEl.scrollTop = bm.scrollFraction * (contentEl.scrollHeight - contentEl.clientHeight);
+      }
+    }
+  }, 50);
+}
diff --git a/static/js/app/70-search.js b/static/js/app/70-search.js
new file mode 100644
index 0000000..59d1c68
--- /dev/null
+++ b/static/js/app/70-search.js
@@ -0,0 +1,170 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Reader Search
+// ---------------------------------------------------------------------------
+
+let _readerSearchDebounce = null;
+
+function toggleReaderSearch() {
+  const overlay = $('reader-overlay');
+  const contentEl = $('reader-content');
+  if (!overlay || !contentEl) return;
+
+  const existing = document.getElementById('reader-search-bar');
+  if (existing) {
+    existing.remove();
+    readerSearchOpen = false;
+    clearReaderSearch();
+    return;
+  }
+
+  readerSearchOpen = true;
+  const bar = document.createElement('div');
+  bar.id = 'reader-search-bar';
+  bar.className = 'reader-search-bar';
+  bar.innerHTML = `
+    <input type="text" id="reader-search-input" class="search-input" placeholder="Suchen …" style="width:160px;">
+    <button class="btn-icon" id="rs-search-prev" title="Vorheriger Treffer">↑</button>
+    <button class="btn-icon" id="rs-search-next" title="Nächster Treffer">↓</button>
+    <span id="rs-search-count" class="muted"></span>
+    <button class="btn-icon" id="rs-search-clear" title="Close">✕</button>
+  `;
+  overlay.insertBefore(bar, $('reader-body-row'));
+
+  const input = bar.querySelector('#reader-search-input');
+  input.focus();
+  input.addEventListener('input', () => {
+    clearTimeout(_readerSearchDebounce);
+    _readerSearchDebounce = setTimeout(() => doReaderSearch(input.value.trim()), 300);
+  });
+  input.addEventListener('keydown', e => {
+    if (e.key === 'Enter') { e.shiftKey ? readerSearchPrev() : readerSearchNext(); }
+    if (e.key === 'Escape') { toggleReaderSearch(); }
+  });
+  bar.querySelector('#rs-search-prev').addEventListener('click', readerSearchPrev);
+  bar.querySelector('#rs-search-next').addEventListener('click', readerSearchNext);
+  bar.querySelector('#rs-search-clear').addEventListener('click', toggleReaderSearch);
+}
+
+async function doReaderSearch(query) {
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+  const countEl = document.getElementById('rs-search-count');
+
+  clearReaderSearchHighlights();
+  searchMatches = [];
+  searchMatchIndex = -1;
+
+  if (!query) { if (countEl) countEl.textContent = ''; return; }
+
+  if (!currentPdfDoc) {
+    // EPUB: snapshot original content
+    if (!searchOriginalContent) {
+      searchOriginalContent = contentEl.innerHTML;
+    } else {
+      contentEl.innerHTML = searchOriginalContent;
+      applyHighlightsToContent();
+    }
+
+    const walker = document.createTreeWalker(contentEl, NodeFilter.SHOW_TEXT);
+    const lq = query.toLowerCase();
+    const ranges = [];
+    let node;
+    while ((node = walker.nextNode())) {
+      const text = node.textContent;
+      const lt = text.toLowerCase();
+      let idx = 0;
+      while ((idx = lt.indexOf(lq, idx)) !== -1) {
+        const range = document.createRange();
+        range.setStart(node, idx);
+        range.setEnd(node, idx + query.length);
+        ranges.push(range);
+        idx += query.length;
+      }
+    }
+
+    // Insert marks in reverse to preserve range validity
+    for (let i = ranges.length - 1; i >= 0; i--) {
+      try {
+        const mark = document.createElement('mark');
+        mark.className = 'reader-search-match';
+        ranges[i].surroundContents(mark);
+        searchMatches.unshift(mark);
+      } catch (e) {}
+    }
+  } else {
+    // PDF: collect text layer spans
+    const spans = contentEl.querySelectorAll('.pdf-text-layer > span');
+    const lq = query.toLowerCase();
+    for (const span of spans) {
+      if (span.textContent.toLowerCase().includes(lq)) {
+        span.classList.add('reader-search-match');
+        searchMatches.push(span);
+      }
+    }
+  }
+
+  if (countEl) countEl.textContent = searchMatches.length ? `1 / ${searchMatches.length}` : '0';
+  if (searchMatches.length) {
+    searchMatchIndex = 0;
+    scrollToSearchMatch(0);
+  }
+}
+
+function clearReaderSearchHighlights() {
+  if (!currentPdfDoc) {
+    // EPUB: restore from snapshot
+    if (searchOriginalContent !== null) {
+      const contentEl = $('reader-content');
+      if (contentEl) {
+        contentEl.innerHTML = searchOriginalContent;
+        applyHighlightsToContent();
+      }
+      searchOriginalContent = null;
+    } else {
+      // Just remove marks without full restore
+      document.querySelectorAll('mark.reader-search-match').forEach(m => {
+        const parent = m.parentNode;
+        while (m.firstChild) parent.insertBefore(m.firstChild, m);
+        parent.removeChild(m);
+      });
+    }
+  } else {
+    // PDF: remove highlight class from spans
+    document.querySelectorAll('.reader-search-match').forEach(el => {
+      el.classList.remove('reader-search-match', 'active');
+    });
+  }
+  searchMatches = [];
+  searchMatchIndex = -1;
+}
+
+function clearReaderSearch() {
+  clearTimeout(_readerSearchDebounce);
+  clearReaderSearchHighlights();
+  readerSearchOpen = false;
+  const countEl = document.getElementById('rs-search-count');
+  if (countEl) countEl.textContent = '';
+}
+
+function scrollToSearchMatch(idx) {
+  if (!searchMatches.length) return;
+  _suppressScrollJumpDetect();
+  searchMatches.forEach((m, i) => m.classList.toggle('active', i === idx));
+  searchMatches[idx].scrollIntoView({behavior: 'smooth', block: 'center'});
+  const countEl = document.getElementById('rs-search-count');
+  if (countEl) countEl.textContent = `${idx + 1} / ${searchMatches.length}`;
+}
+
+function readerSearchNext() {
+  if (!searchMatches.length) return;
+  searchMatchIndex = (searchMatchIndex + 1) % searchMatches.length;
+  scrollToSearchMatch(searchMatchIndex);
+}
+
+function readerSearchPrev() {
+  if (!searchMatches.length) return;
+  searchMatchIndex = (searchMatchIndex - 1 + searchMatches.length) % searchMatches.length;
+  scrollToSearchMatch(searchMatchIndex);
+}
diff --git a/static/js/app/72-highlights.js b/static/js/app/72-highlights.js
new file mode 100644
index 0000000..4e950f7
--- /dev/null
+++ b/static/js/app/72-highlights.js
@@ -0,0 +1,424 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Highlights
+// ---------------------------------------------------------------------------
+
+async function loadHighlights(bookId) {
+  try {
+    const res = await fetch(`/books/${bookId}/highlights/`);
+    const {ct, iv} = await res.json();
+    if (ct) {
+      _saveAnnotationsCache(bookId, 'highlights', ct, iv); // persist for offline
+      const key = await getOrCreateEncKey();
+      const plain = await decryptBytes(key, iv, ct);
+      currentHighlights = JSON.parse(new TextDecoder().decode(plain));
+    } else {
+      currentHighlights = [];
+    }
+    applyHighlightsToContent();
+  } catch (e) {
+    // offline fallback
+    const cached = await _loadAnnotationsCache(bookId, 'highlights');
+    if (cached?.ct) {
+      try {
+        const key = await getOrCreateEncKey();
+        const plain = await decryptBytes(key, cached.iv, cached.ct);
+        currentHighlights = JSON.parse(new TextDecoder().decode(plain));
+      } catch { currentHighlights = []; }
+    } else {
+      currentHighlights = [];
+    }
+    applyHighlightsToContent();
+  }
+}
+
+async function saveHighlights() {
+  if (!currentBookId) return;
+  try {
+    const key = await getOrCreateEncKey();
+    const plain = new TextEncoder().encode(JSON.stringify(currentHighlights));
+    const {iv, ciphertext} = await encryptBytes(key, plain);
+    const body = JSON.stringify({ct: ciphertext, iv});
+    const url = `/books/${currentBookId}/highlights/`;
+    _lastHighlightBeacon = {url, body};
+    _saveAnnotationsCache(currentBookId, 'highlights', ciphertext, iv); // keep local cache current
+    await fetch(url, {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+      body,
+    });
+    highlightsDirty = false;
+  } catch (e) {
+    _markPendingSync(currentBookId, 'highlights');
+  }
+}
+
+let _highlightSaveDebounce = null;
+function debounceSaveHighlights() {
+  clearTimeout(_highlightSaveDebounce);
+  _highlightSaveDebounce = setTimeout(saveHighlights, 2000);
+}
+
+function applyHighlightsToContent() {
+  const contentEl = $('reader-content');
+  if (!contentEl || currentPdfDoc) return;
+  for (const h of currentHighlights) {
+    try { renderHighlight(h); } catch (e) {}
+  }
+  _repositionMarginMarkers();
+}
+
+// Resolves a highlight/note's stored anchor back to a live DOM Range. Shared by
+// rendering, margin-marker positioning and export ordering — all three need the
+// same "where in the current DOM is this annotation" answer.
+function resolveAnchorRange(h) {
+  const contentEl = $('reader-content');
+  if (!contentEl || !h.anchor) return null;
+
+  let range = null;
+  try {
+    const {blocks} = _epubBlocks(contentEl);
+    const startBlock = blocks[h.anchor.startBlockIndex];
+    const endBlock = blocks[h.anchor.endBlockIndex] ?? startBlock;
+    if (startBlock && endBlock) {
+      const start = _nodeAtCharOffset(startBlock, h.anchor.startChar);
+      const end = _nodeAtCharOffset(endBlock, h.anchor.endChar);
+      if (start && end) {
+        range = document.createRange();
+        range.setStart(start.node, start.offset);
+        range.setEnd(end.node, end.offset);
+      }
+    }
+  } catch (e) {}
+
+  // Fallback: quote substring search within the chapter
+  if (!range && h.anchor.quote) {
+    const chapterEl = contentEl.querySelector(`[data-epub-src="${CSS.escape(h.anchor.chapterSrc || '')}"]`)
+      || contentEl;
+    const walker = document.createTreeWalker(chapterEl, NodeFilter.SHOW_TEXT);
+    let node;
+    while ((node = walker.nextNode())) {
+      const idx = node.textContent.indexOf(h.anchor.quote);
+      if (idx !== -1) {
+        range = document.createRange();
+        range.setStart(node, idx);
+        range.setEnd(node, idx + h.anchor.quote.length);
+        break;
+      }
+    }
+  }
+
+  return range;
+}
+
+function renderHighlight(h) {
+  // Freeform notes carry no in-text mark — their anchor exists purely to
+  // position the note card in the margin (resolveAnchorRange handles that
+  // directly from the stored xpath, no DOM wrapper needed).
+  if (h.type === 'note') return;
+
+  const range = resolveAnchorRange(h);
+  if (!range) return;
+
+  try {
+    const mark = document.createElement('mark');
+    mark.dataset.highlightId = h.id;
+    mark.className = 'epub-highlight';
+    mark.dataset.color = h.color || 'yellow';
+    range.surroundContents(mark);
+  } catch (e) {}
+}
+
+// Character-offset addressing within a block element (p, li, ...), rather
+// than XPath-to-a-specific-text-node: XPath sibling indices shift whenever
+// ANY highlight in the same block gets wrapped/unwrapped in a <mark> (that
+// splits/merges text nodes), silently corrupting OTHER highlights' anchors
+// in the same block. A block's overall textContent length/order is never
+// touched by mark-wrapping, so a character offset into it stays valid no
+// matter how many other highlights come and go around it.
+function _charOffsetInBlock(block, node, nodeOffset) {
+  const walker = document.createTreeWalker(block, NodeFilter.SHOW_TEXT);
+  let count = 0, n;
+  while ((n = walker.nextNode())) {
+    if (n === node) return count + nodeOffset;
+    count += n.textContent.length;
+  }
+  return count;
+}
+
+function _nodeAtCharOffset(block, targetOffset) {
+  const walker = document.createTreeWalker(block, NodeFilter.SHOW_TEXT);
+  let count = 0, lastNode = null, n;
+  while ((n = walker.nextNode())) {
+    lastNode = n;
+    const len = n.textContent.length;
+    if (targetOffset <= count + len) {
+      return {node: n, offset: Math.max(0, targetOffset - count)};
+    }
+    count += len;
+  }
+  return lastNode ? {node: lastNode, offset: lastNode.textContent.length} : null;
+}
+
+function _blockAncestor(node) {
+  const el = node.nodeType === Node.ELEMENT_NODE ? node : node.parentElement;
+  return el ? el.closest(EPUB_BLOCK_SELECTOR) : null;
+}
+
+function buildEpubAnchor(range) {
+  const contentEl = $('reader-content');
+  const chapterEl = range.commonAncestorContainer.nodeType === Node.ELEMENT_NODE
+    ? range.commonAncestorContainer.closest('[data-epub-src]')
+    : range.commonAncestorContainer.parentElement?.closest('[data-epub-src]');
+
+  const startBlock = _blockAncestor(range.startContainer);
+  const endBlock = _blockAncestor(range.endContainer) || startBlock;
+  const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
+
+  return {
+    type: 'epub',
+    chapterSrc: chapterEl?.getAttribute('data-epub-src') || '',
+    startBlockIndex: startBlock ? blocks.indexOf(startBlock) : -1,
+    startChar: startBlock ? _charOffsetInBlock(startBlock, range.startContainer, range.startOffset) : 0,
+    endBlockIndex: endBlock ? blocks.indexOf(endBlock) : -1,
+    endChar: endBlock ? _charOffsetInBlock(endBlock, range.endContainer, range.endOffset) : 0,
+    quote: range.toString().slice(0, 200),
+  };
+}
+
+// Marker mode — armed via the pen button in the reader header. Text selection
+// only opens the highlight popover while this is active, so normal selection
+// (e.g. to copy text) isn't hijacked, and the feature has a discoverable
+// on/off switch instead of being an invisible "just select text" gesture.
+let markerModeActive = false;
+
+function toggleMarkerMode() {
+  markerModeActive = !markerModeActive;
+  document.querySelectorAll('.marker-mode-btn').forEach(b => b.classList.toggle('active', markerModeActive));
+}
+
+// Note editing/creation happens in the margin column on desktop, but a note
+// bottom sheet (see showNoteBottomSheet) on narrow viewports — typing into a
+// 150px margin strip on a phone keyboard is unpleasant, and opening that
+// column at all is exactly the friction we're trying to remove for mobile
+// note-taking. Reviewing existing notes in depth is expected to stay a
+// desktop activity; this only affects where the editor for a note appears.
+function _isMobileReader() {
+  return window.innerWidth <= 600;
+}
+
+function handleReaderSelection(e) {
+  // Clicking an existing highlight always shows its tooltip, regardless of marker mode
+  const hlMark = e.target.closest('.epub-highlight');
+  if (hlMark) {
+    dismissHighlightPopover();
+    const id = hlMark.dataset.highlightId;
+    const h = currentHighlights.find(x => x.id === id);
+    showHighlightTooltip(hlMark, h);
+    return;
+  }
+
+  if (!markerModeActive) return;
+  // Don't hijack taps on real interactive content (footnote refs, external
+  // links) — but plenty of EPUBs wrap plain reading text in a bare, hrefless
+  // <a id="..."> used only as an internal jump target (sanitizeEpubHtml
+  // strips its href but the tag itself stays); those aren't actually
+  // clickable and must not block note-taking, so check for a surviving
+  // href/footnote-ref rather than just "is inside some <a>".
+  if (e.target.closest('button, [data-footnote-ref], a[href]')) return;
+
+  dismissHighlightPopover();
+  const sel = window.getSelection();
+  if (sel && !sel.isCollapsed && sel.rangeCount) {
+    const range = sel.getRangeAt(0);
+    const contentEl = $('reader-content');
+    if (!contentEl || !contentEl.contains(range.commonAncestorContainer)) return;
+    if (range.toString().trim().length === 0) return;
+    showHighlightPopover(range);
+    return;
+  }
+
+  // A plain tap with nothing selected — in marker mode this means "drop a
+  // freeform note here" instead of doing nothing, so a note-only annotation
+  // never depends on finding the margin's precise click target (especially
+  // hard on a narrow phone screen — see createFreeformNote/_openNoteEditor).
+  if (typeof e.clientX === 'number' && typeof e.clientY === 'number') {
+    const range = _wordRangeAtPoint(e.clientX, e.clientY);
+    if (range) createFreeformNote(range);
+  }
+}
+
+function showHighlightPopover(range) {
+  const rect = range.getBoundingClientRect();
+  const popover = document.createElement('div');
+  popover.id = 'highlight-popover';
+  popover.className = 'highlight-popover';
+  popover.innerHTML = `
+    <button class="hl-color-btn" data-hl-color="yellow" style="background:#f1c40f" title="Gelb">A</button>
+    <button class="hl-color-btn" data-hl-color="green"  style="background:#2ecc71" title="Grün">A</button>
+    <button class="hl-color-btn" data-hl-color="blue"   style="background:#3498db" title="Blau">A</button>
+    <button class="hl-color-btn" data-hl-color="red"    style="background:#e63946" title="Rot">A</button>
+    <button class="hl-note-btn" title="Notiz hinzufügen">✎</button>
+  `;
+  popover.style.visibility = 'hidden'; // measure before showing, to avoid a flash at the wrong spot
+  document.body.appendChild(popover);
+  currentHighlightPopover = popover;
+
+  // Clamp within the viewport — a selection near the top/edge of the page must
+  // not produce an invisible, off-screen popover (flip below when there's no
+  // room above; keep it horizontally on-screen).
+  const pRect = popover.getBoundingClientRect();
+  const minTop = window.scrollY + 8;
+  const maxTop = window.scrollY + window.innerHeight - pRect.height - 8;
+  let top = rect.top + window.scrollY - 44;
+  if (top < minTop) top = rect.bottom + window.scrollY + 8; // no room above -> try below
+  top = Math.max(minTop, Math.min(top, maxTop));
+  let left = rect.left + window.scrollX + rect.width / 2 - pRect.width / 2;
+  left = Math.max(window.scrollX + 8, Math.min(left, window.scrollX + window.innerWidth - pRect.width - 8));
+  popover.style.top = top + 'px';
+  popover.style.left = left + 'px';
+  popover.style.visibility = '';
+
+  // Store range info before selection is cleared
+  const savedRange = range.cloneRange();
+
+  popover.addEventListener('click', e => {
+    const colorBtn = e.target.closest('.hl-color-btn');
+    const noteBtn  = e.target.closest('.hl-note-btn');
+    if (colorBtn) {
+      createHighlight(colorBtn.dataset.hlColor, savedRange);
+    } else if (noteBtn) {
+      createHighlightWithNote(savedRange);
+    }
+  });
+}
+
+function showHighlightTooltip(markEl, h) {
+  const rect = markEl.getBoundingClientRect();
+  const popover = document.createElement('div');
+  popover.id = 'highlight-popover';
+  popover.className = 'highlight-popover';
+  popover.style.flexDirection = 'column';
+  popover.style.maxWidth = '220px';
+  const noteText = h?.note ? escapeHtml(h.note) : '<span class="muted">Keine Notiz</span>';
+  popover.innerHTML = `
+    <div style="font-size:12px;padding-bottom:4px;">${noteText}</div>
+    <div style="display:flex;gap:6px;">
+      <button class="btn btn-sm" data-hl-edit-note="${escapeHtml(h?.id || '')}">Notiz bearbeiten</button>
+      <button class="btn btn-sm btn-danger" data-hl-delete="${escapeHtml(h?.id || '')}">Löschen</button>
+    </div>
+  `;
+  popover.style.visibility = 'hidden';
+  document.body.appendChild(popover);
+  currentHighlightPopover = popover;
+
+  const pRect = popover.getBoundingClientRect();
+  const minTop = window.scrollY + 8;
+  const maxTop = window.scrollY + window.innerHeight - pRect.height - 8;
+  let top = rect.bottom + window.scrollY + 4;
+  if (top > maxTop) top = rect.top + window.scrollY - pRect.height - 4; // flip above if no room below
+  top = Math.max(minTop, Math.min(top, maxTop));
+  let left = rect.left + window.scrollX;
+  left = Math.max(window.scrollX + 8, Math.min(left, window.scrollX + window.innerWidth - pRect.width - 8));
+  popover.style.top = top + 'px';
+  popover.style.left = left + 'px';
+  popover.style.visibility = '';
+
+  popover.addEventListener('click', ev => {
+    const editBtn = ev.target.closest('[data-hl-edit-note]');
+    const delBtn  = ev.target.closest('[data-hl-delete]');
+    if (editBtn && h) {
+      dismissHighlightPopover();
+      _openNoteEditor(h);
+    }
+    if (delBtn && h) {
+      dismissHighlightPopover();
+      deleteHighlight(h.id);
+    }
+  });
+
+  // Close on outside click
+  setTimeout(() => {
+    document.addEventListener('click', dismissHighlightPopover, {once: true});
+  }, 0);
+}
+
+function createHighlight(color, range) {
+  const anchor = buildEpubAnchor(range);
+  const h = {
+    id: crypto.randomUUID(),
+    type: 'highlight',
+    anchor,
+    color,
+    note: '',
+    createdAt: new Date().toISOString(),
+  };
+  currentHighlights.push(h);
+  highlightsDirty = true;
+  window.getSelection()?.removeAllRanges();
+  dismissHighlightPopover();
+  renderHighlight(h);
+  _repositionMarginMarkers();
+  debounceSaveHighlights();
+}
+
+function createHighlightWithNote(range) {
+  const anchor = buildEpubAnchor(range);
+  const h = {
+    id: crypto.randomUUID(),
+    type: 'highlight',
+    anchor,
+    color: 'yellow',
+    note: '',
+    createdAt: new Date().toISOString(),
+  };
+  currentHighlights.push(h);
+  highlightsDirty = true;
+  window.getSelection()?.removeAllRanges();
+  dismissHighlightPopover();
+  renderHighlight(h);
+  _repositionMarginMarkers();
+  _openNoteEditor(h);
+}
+
+// Every "add/edit a note" entry point routes here — notes are always edited
+// right where they conceptually live (the margin), never in the separate
+// right-hand sidebar, EXCEPT on narrow viewports, where the margin itself is
+// too cramped to type into and a full-width bottom sheet takes over instead.
+// `pending` is only set for a not-yet-created freeform note (see
+// createFreeformNote); h is null in that case until the user actually saves
+// text, so an empty tap doesn't leave a permanent ghost entry behind.
+function _openNoteEditor(h, pending) {
+  if (_isMobileReader()) {
+    showNoteBottomSheet(h, pending);
+  } else {
+    if (!readerAnnotationsMarginOpen) toggleAnnotationsMargin();
+    editNoteInlineInMargin(h, pending);
+  }
+}
+
+function deleteHighlight(id) {
+  currentHighlights = currentHighlights.filter(h => h.id !== id);
+  highlightsDirty = true;
+  // Re-apply all highlights after removing the deleted one
+  const contentEl = $('reader-content');
+  if (contentEl && !currentPdfDoc) {
+    // Snapshot restore not available mid-session, so remove the mark manually
+    const mark = contentEl.querySelector(`mark[data-highlight-id="${id}"]`);
+    if (mark) {
+      const parent = mark.parentNode;
+      while (mark.firstChild) parent.insertBefore(mark.firstChild, mark);
+      parent.removeChild(mark);
+    }
+  }
+  _repositionMarginMarkers();
+  debounceSaveHighlights();
+}
+
+function dismissHighlightPopover() {
+  if (currentHighlightPopover) {
+    currentHighlightPopover.remove();
+    currentHighlightPopover = null;
+  }
+}
diff --git a/static/js/app/74-margin.js b/static/js/app/74-margin.js
new file mode 100644
index 0000000..60f0c6b
--- /dev/null
+++ b/static/js/app/74-margin.js
@@ -0,0 +1,408 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Margin panel — a "page margin" strip left of the reader content. Shows small
+// markers next to the on-screen highlights/notes, and lets you click empty
+// space to anchor a freeform note at that line's height (EPUB only).
+// ---------------------------------------------------------------------------
+let readerAnnotationsMarginOpen = false;
+
+function toggleAnnotationsMargin() {
+  const el = $('reader-margin');
+  const markersEl = $('reader-margin-markers');
+  if (!el || !markersEl || currentPdfDoc) return;
+  readerAnnotationsMarginOpen = !readerAnnotationsMarginOpen;
+  el.classList.toggle('open', readerAnnotationsMarginOpen);
+  if (readerAnnotationsMarginOpen) {
+    // Reposition once now (pre-transition) and once more after the width
+    // transition settles, since content reflow can shift line heights.
+    _repositionMarginMarkers();
+    el.addEventListener('transitionend', _repositionMarginMarkers, {once: true});
+  } else {
+    markersEl.innerHTML = '';
+  }
+}
+
+// Renders each highlight/note at its text position in the margin. Entries
+// with note text become a readable "post-it" card (the whole point of the
+// margin — you can read notes there, not just see that one exists); a plain
+// highlight with no note is just a small color dot. Cards are stacked
+// top-to-bottom so overlapping anchors don't overlap visually.
+// Where each highlight sits in the book's scroll coordinates. Finding a range
+// and measuring it is the expensive part, and scrolling doesn't change it:
+// kept until the layout does (content, width, height) or the anchor changes.
+let _marginPosCache = null;
+const _marginCardHeights = new Map(); // `${stripWidth}|${note}` (or 'dot') → px
+
+function _marginDocY(h, contentEl) {
+  const {blocks} = _epubBlocks(contentEl);
+  const key = `${contentEl.clientWidth}x${contentEl.scrollHeight}`;
+  if (!_marginPosCache || _marginPosCache.blocks !== blocks || _marginPosCache.key !== key) {
+    _marginPosCache = {blocks, key, byId: new Map()};
+  }
+  const hit = _marginPosCache.byId.get(h.id);
+  if (hit && hit.anchor === h.anchor) return hit.y;
+  let y = null;
+  try {
+    const range = resolveAnchorRange(h);
+    const rect = range && range.getBoundingClientRect();
+    if (rect && (rect.width || rect.height)) {
+      y = rect.top + rect.height / 2 - contentEl.getBoundingClientRect().top + contentEl.scrollTop;
+    }
+  } catch (e) {}
+  _marginPosCache.byId.set(h.id, {anchor: h.anchor, y});
+  return y;
+}
+
+// The cards live on one layer in the book's coordinates, built when the
+// highlights or the layout change; scrolling only moves the layer (a transform,
+// no layout). Rebuilding and measuring the cards on every scroll frame made a
+// long book with the margin open stutter.
+let _marginLayerKey = null;
+
+function _repositionMarginMarkers() {
+  const markersEl = $('reader-margin-markers');
+  if (!markersEl) return;
+  if (!readerAnnotationsMarginOpen || currentPdfDoc) {
+    markersEl.innerHTML = '';
+    _marginLayerKey = null;
+    return;
+  }
+  if (markersEl.querySelector('.margin-note-editor')) return; // don't blow away an active inline edit
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+
+  const {blocks} = _epubBlocks(contentEl);
+  const areaRect = markersEl.getBoundingClientRect();
+  const width = Math.round(areaRect.width);
+  const key = `${width}x${contentEl.clientWidth}x${contentEl.scrollHeight}|` +
+    currentHighlights.map(h => `${h.id}:${h.color || ''}:${h.note || ''}`).join('|');
+  let layer = markersEl.querySelector('.margin-layer');
+  if (!layer || key !== _marginLayerKey || !_marginPosCache || _marginPosCache.blocks !== blocks) {
+    markersEl.innerHTML = '';
+    layer = document.createElement('div');
+    layer.className = 'margin-layer';
+    markersEl.appendChild(layer);
+    _renderMarginLayer(layer, contentEl, width);
+    _marginLayerKey = key;
+  }
+  // Book coordinates → this strip's.
+  const shift = contentEl.getBoundingClientRect().top - contentEl.scrollTop - areaRect.top;
+  layer.style.transform = `translateY(${Math.round(shift)}px)`;
+}
+
+// Renders each highlight/note at its text position, in book coordinates.
+// Entries with note text become a readable "post-it" card (the whole point of
+// the margin — you can read notes there, not just see that one exists); a
+// plain highlight with no note is a small colour dot. Cards are stacked top to
+// bottom so overlapping anchors don't overlap visually.
+function _renderMarginLayer(layer, contentEl, width) {
+  const entries = [];
+  for (const h of currentHighlights) {
+    const y = _marginDocY(h, contentEl);
+    if (y !== null) entries.push({h, y});
+  }
+  entries.sort((a, b) => a.y - b.y);
+
+  // All cards first, then their heights in one go (each measured right after
+  // adding it, the browser laid out the whole book once per card). Heights are
+  // kept per note text and strip width.
+  const cards = entries.map(({h, y}) => {
+    const hasText = !!h.note;
+    const el = document.createElement('div');
+    el.className = 'margin-note ' + (hasText ? 'margin-note-text' : 'margin-note-dot');
+    el.dataset.highlightId = h.id;
+    if (h.type === 'note') {
+      if (hasText) el.classList.add('margin-note-freeform');
+    } else {
+      el.dataset.color = h.color || 'yellow';
+    }
+    if (hasText) el.textContent = h.note;
+    layer.appendChild(el);
+    return {el, y, hasText, key: hasText ? `${width}|${h.note}` : 'dot'};
+  });
+  if (_marginCardHeights.size > 500) _marginCardHeights.clear();
+  const unmeasured = cards.filter(c => !_marginCardHeights.has(c.key));
+  for (const c of unmeasured) _marginCardHeights.set(c.key, c.el.getBoundingClientRect().height || (c.hasText ? 20 : 12));
+
+  let nextTop = -Infinity;
+  const GAP = 4;
+  for (const {el, y, hasText, key} of cards) {
+    const top = Math.max(hasText ? y - 8 : y - 6, nextTop);
+    el.style.top = top + 'px';
+    nextTop = top + _marginCardHeights.get(key) + GAP;
+  }
+}
+
+function handleMarginClick(e) {
+  const markerBtn = e.target.closest('.margin-note');
+  if (markerBtn) {
+    const h = currentHighlights.find(x => x.id === markerBtn.dataset.highlightId);
+    if (h) _openNoteEditor(h);
+    return;
+  }
+
+  // Empty space in the markers area → place a new freeform note anchored to
+  // the first word of whatever line sits at this click height.
+  if (!readerAnnotationsMarginOpen || currentPdfDoc) return;
+  const markersEl = $('reader-margin-markers');
+  if (!markersEl || !markersEl.contains(e.target)) return;
+  // If an editor is already open, this click just blurs/commits it (see its
+  // own blur handler) — it shouldn't also create a second, unrelated note.
+  if (markersEl.querySelector('.margin-note-editor')) return;
+  const contentEl = $('reader-content');
+  if (!contentEl) return;
+
+  const x = contentEl.getBoundingClientRect().left + 4;
+  const range = _wordRangeAtPoint(x, e.clientY);
+  if (range) createFreeformNote(range);
+}
+
+// Finds the word starting at (or just after) the given viewport point, by
+// probing near the left edge of the reader content at that height — since
+// text is left-aligned, that lands at (or very near) the start of the line.
+function _wordRangeAtPoint(x, y) {
+  let caret = null;
+  if (document.caretRangeFromPoint) {
+    caret = document.caretRangeFromPoint(x, y);
+  } else if (document.caretPositionFromPoint) {
+    const pos = document.caretPositionFromPoint(x, y);
+    if (pos) {
+      caret = document.createRange();
+      caret.setStart(pos.offsetNode, pos.offset);
+    }
+  }
+  if (!caret) return null;
+
+  const contentEl = $('reader-content');
+  if (!contentEl || !contentEl.contains(caret.startContainer)) return null;
+
+  let node = caret.startContainer;
+  let offset = caret.startOffset;
+  if (node.nodeType !== Node.TEXT_NODE) {
+    const walker = document.createTreeWalker(contentEl, NodeFilter.SHOW_TEXT);
+    walker.currentNode = node;
+    node = walker.nextNode();
+    if (!node) return null;
+    offset = 0;
+  }
+
+  const text = node.textContent;
+  let start = offset;
+  while (start < text.length && /\s/.test(text[start])) start++;
+  if (start >= text.length) return null;
+  let wordStart = start;
+  while (wordStart > 0 && !/\s/.test(text[wordStart - 1])) wordStart--;
+  let wordEnd = start;
+  while (wordEnd < text.length && !/\s/.test(text[wordEnd])) wordEnd++;
+  if (wordEnd <= wordStart) return null;
+
+  const range = document.createRange();
+  range.setStart(node, wordStart);
+  range.setEnd(node, wordEnd);
+  return range;
+}
+
+function createFreeformNote(range) {
+  const anchor = buildEpubAnchor(range);
+  // Where the note's card/dot would sit in the margin, computed from the live
+  // range right now (before it goes stale) — used to position the editor,
+  // whether or not the margin is actually open.
+  let top = 0;
+  const markersEl = $('reader-margin-markers');
+  if (markersEl) {
+    const areaRect = markersEl.getBoundingClientRect();
+    const rangeRect = range.getBoundingClientRect();
+    top = Math.max(0, rangeRect.top + rangeRect.height / 2 - areaRect.top - 8);
+  }
+  // The highlight object itself isn't created yet — see _openNoteEditor's
+  // `pending` param — so a tap that's immediately cancelled or left empty
+  // never leaves a ghost entry in currentHighlights.
+  _openNoteEditor(null, {anchor, top});
+}
+
+// Commits an edit for both note-editor UIs (inline margin + mobile bottom
+// sheet): updates an existing note in place, or — only if there's actual
+// text — creates and persists a not-yet-existing freeform note. An empty
+// tap/cancel on a pending note must never leave a permanent ghost entry.
+function _commitNoteEdit(h, pending, text) {
+  if (h) {
+    if (h.note !== text) {
+      h.note = text;
+      highlightsDirty = true;
+      debounceSaveHighlights();
+    }
+    return h;
+  }
+  if (!text) return null;
+  const newH = {
+    id: crypto.randomUUID(), type: 'note', anchor: pending.anchor,
+    color: null, note: text, createdAt: new Date().toISOString(),
+  };
+  currentHighlights.push(newH);
+  highlightsDirty = true;
+  debounceSaveHighlights();
+  return newH;
+}
+
+// Edit a note's text right where it lives in the margin, instead of jumping
+// to the separate right-hand sidebar — the whole point of setting a note in
+// the margin is that you shouldn't have to look away from it to write it.
+// `h` is null for a not-yet-created freeform note (see createFreeformNote);
+// `pending` then carries its anchor + intended margin position instead.
+function editNoteInlineInMargin(h, pending) {
+  const markersEl = $('reader-margin-markers');
+  if (!markersEl) return;
+  markersEl.querySelector('.margin-note-editor')?.remove();
+
+  let top = pending?.top || 0;
+  if (h) {
+    const existingCard = markersEl.querySelector(`[data-highlight-id="${h.id}"]`);
+    // The card sits on the moving layer: where it shows in the strip right now.
+    top = existingCard ? existingCard.getBoundingClientRect().top - markersEl.getBoundingClientRect().top : 0;
+    if (existingCard) existingCard.style.display = 'none';
+  }
+
+  const editor = document.createElement('div');
+  editor.className = 'margin-note-editor';
+  editor.style.top = top + 'px';
+  editor.innerHTML = '<textarea class="margin-note-textarea"></textarea>';
+  markersEl.appendChild(editor);
+  const textarea = editor.querySelector('textarea');
+  textarea.value = h?.note || '';
+
+  function commit() {
+    _commitNoteEdit(h, pending, textarea.value.trim());
+    editor.remove();
+    _marginLayerKey = null; // the edited card was hidden: draw the layer anew
+    _repositionMarginMarkers();
+  }
+
+  textarea.addEventListener('blur', commit);
+  textarea.addEventListener('keydown', e => {
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      e.stopPropagation();
+      textarea.blur(); // triggers commit()
+    } else if (e.key === 'Escape') {
+      // Stop this from bubbling to the document-level Escape handler, which
+      // would otherwise close the whole reader (it doesn't know we just want
+      // to cancel this one edit) — see the global keydown listener.
+      e.stopPropagation();
+      textarea.removeEventListener('blur', commit); // discard, don't save
+      editor.remove();
+      _marginLayerKey = null;
+      _repositionMarginMarkers();
+    }
+  });
+
+  textarea.focus();
+  textarea.select();
+}
+
+// Mobile alternative to editNoteInlineInMargin — a full-width sheet instead
+// of squeezing a textarea into the 150px margin column (see _openNoteEditor).
+let currentNoteBottomSheet = null;
+
+function dismissNoteBottomSheet() {
+  currentNoteBottomSheet?.remove();
+  currentNoteBottomSheet = null;
+}
+
+function showNoteBottomSheet(h, pending) {
+  dismissNoteBottomSheet();
+
+  const sheet = document.createElement('div');
+  sheet.className = 'note-bottom-sheet';
+  sheet.innerHTML = `
+    <div class="note-bottom-sheet-backdrop"></div>
+    <div class="note-bottom-sheet-panel">
+      <textarea class="note-bottom-sheet-textarea" placeholder="Notiz…"></textarea>
+      <div class="note-bottom-sheet-actions">
+        <button class="btn btn-sm" data-nbs-cancel>Abbrechen</button>
+        <button class="btn btn-sm btn-primary" data-nbs-save>Speichern</button>
+      </div>
+    </div>
+  `;
+  document.body.appendChild(sheet);
+  currentNoteBottomSheet = sheet;
+
+  const textarea = sheet.querySelector('.note-bottom-sheet-textarea');
+  textarea.value = h?.note || '';
+
+  function commit() {
+    _commitNoteEdit(h, pending, textarea.value.trim());
+    dismissNoteBottomSheet();
+    if (readerAnnotationsMarginOpen) _repositionMarginMarkers();
+  }
+  function cancel() { dismissNoteBottomSheet(); }
+
+  sheet.querySelector('[data-nbs-save]').addEventListener('click', commit);
+  sheet.querySelector('[data-nbs-cancel]').addEventListener('click', cancel);
+  sheet.querySelector('.note-bottom-sheet-backdrop').addEventListener('click', cancel);
+  textarea.addEventListener('keydown', e => {
+    if (e.key === 'Escape') { e.stopPropagation(); cancel(); }
+  });
+
+  requestAnimationFrame(() => {
+    sheet.classList.add('open');
+    textarea.focus();
+  });
+}
+
+// Same plain-text export as exportAnnotations(), but callable straight from the
+// book list (no open reader, so no live DOM/TOC to resolve percent position or
+// chapter titles against — falls back to the raw chapterSrc path and orders by
+// the anchor's block index, which is already a global reading-order index).
+async function downloadBookAnnotationsFromList(bookId, btnEl) {
+  if (btnEl) btnEl.disabled = true;
+  try {
+    const res = await fetch(`/books/${bookId}/highlights/`);
+    const {ct, iv} = await res.json();
+    if (!ct) { await customAlert('In diesem Buch gibt es noch keine Markierungen oder Notizen.'); return; }
+    const key = await getOrCreateEncKey();
+    const plain = await decryptBytes(key, iv, ct);
+    const highlights = JSON.parse(new TextDecoder().decode(plain));
+    if (!highlights.length) { await customAlert('In diesem Buch gibt es noch keine Markierungen oder Notizen.'); return; }
+
+    highlights.sort((a, b) => {
+      const ab = a.anchor?.startBlockIndex ?? 0, bb = b.anchor?.startBlockIndex ?? 0;
+      if (ab !== bb) return ab - bb;
+      return (a.anchor?.startChar ?? 0) - (b.anchor?.startChar ?? 0);
+    });
+
+    const bookTitle = bookMetaCache[bookId]?.title || `Buch #${bookId}`;
+    const lines = [`${bookTitle} — Markierungen & Notizen`, `Exportiert: ${new Date().toISOString().slice(0, 10)}`, ''];
+
+    let lastChapter = null;
+    for (const h of highlights) {
+      const chapterTitle = h.anchor?.chapterSrc || '';
+      if (chapterTitle !== lastChapter) {
+        lines.push(`── ${chapterTitle || 'Abschnitt ohne Titel'} ──`);
+        lastChapter = chapterTitle;
+      }
+      if (h.type === 'note') {
+        lines.push(`[Notiz] bei: „${(h.anchor?.quote || '').trim()}“`);
+        if (h.note) lines.push(`    ${h.note}`);
+      } else {
+        lines.push(`[Markierung · ${_hlColorName(h.color || 'yellow')}] „${(h.anchor?.quote || '').trim()}“`);
+        if (h.note) lines.push(`    Notiz: ${h.note}`);
+      }
+      lines.push('');
+    }
+
+    const blob = new Blob([lines.join('\n')], {type: 'text/plain;charset=utf-8'});
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `${bookTitle.replace(/[^\w\-]+/g, '_')}-notizen.txt`;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    URL.revokeObjectURL(url);
+  } catch (e) {
+    await customAlert('Export fehlgeschlagen: ' + e.message);
+  } finally {
+    if (btnEl) btnEl.disabled = false;
+  }
+}
diff --git a/static/js/app/76-export.js b/static/js/app/76-export.js
new file mode 100644
index 0000000..06f7287
--- /dev/null
+++ b/static/js/app/76-export.js
@@ -0,0 +1,157 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Export annotations — walks all highlights/notes of the current book in
+// reading order and offers them as a downloadable plain-text file.
+// ---------------------------------------------------------------------------
+function _tocTitleForChapterSrc(chapterSrc) {
+  if (!chapterSrc) return '';
+  const entry = currentBookToc.find(t => (t.href || '').split('#')[0] === chapterSrc);
+  return entry ? entry.label : '';
+}
+
+// Rough "how far through the book" position for a resolved range — there's no
+// real page concept for reflowable EPUB text, so this is a coordinate of last
+// resort: percent of total scrollable content height, good enough to roughly
+// relocate a highlight/note later.
+function _percentFromRange(range) {
+  const contentEl = $('reader-content');
+  if (!contentEl || !range) return null;
+  // Share of the text before the range, like the reading progress.
+  const block = _blockAncestor(range.startContainer);
+  if (block && contentEl.contains(block)) {
+    const blocks = Array.from(contentEl.querySelectorAll(EPUB_BLOCK_SELECTOR));
+    const i = blocks.indexOf(block);
+    if (i >= 0) {
+      const idx = _bookCharIndex(contentEl);
+      const at = idx.starts[i] + _charOffsetInBlock(block, range.startContainer, range.startOffset);
+      return Math.max(0, Math.min(100, (at / idx.total) * 100));
+    }
+  }
+  if (!contentEl.scrollHeight) return null;
+  const contentRect = contentEl.getBoundingClientRect();
+  const rangeRect = range.getBoundingClientRect();
+  if (!rangeRect.width && !rangeRect.height) return null;
+  const offsetWithinScroll = (rangeRect.top - contentRect.top) + contentEl.scrollTop;
+  return Math.max(0, Math.min(100, (offsetWithinScroll / contentEl.scrollHeight) * 100));
+}
+
+function _sortedAnnotations() {
+  const resolved = currentHighlights.map(h => {
+    let range;
+    try { range = resolveAnchorRange(h); } catch (e) { range = null; }
+    return {h, range};
+  });
+  resolved.sort((a, b) => {
+    if (!a.range || !b.range) return 0;
+    return a.range.compareBoundaryPoints(Range.START_TO_START, b.range);
+  });
+  return resolved;
+}
+
+// Highlight colours as the export and the list name them.
+function _hlColorName(color) {
+  return ({yellow: 'gelb', green: 'grün', blue: 'blau', red: 'rot'})[color] || color;
+}
+
+function exportAnnotations() {
+  if (!currentHighlights.length) {
+    customAlert('In diesem Buch gibt es noch keine Markierungen oder Notizen.');
+    return;
+  }
+
+  const resolved = _sortedAnnotations();
+
+  const titleEl = $('reader-title');
+  const bookTitle = (titleEl?.textContent || 'Buch').split(' — ')[0];
+  const lines = [`${bookTitle} — Markierungen & Notizen`, `Exportiert: ${new Date().toISOString().slice(0, 10)}`, ''];
+
+  let lastChapter = null;
+  for (const {h, range} of resolved) {
+    const chapterTitle = _tocTitleForChapterSrc(h.anchor?.chapterSrc) || h.anchor?.chapterSrc || '';
+    if (chapterTitle !== lastChapter) {
+      lines.push(`── ${chapterTitle || 'Abschnitt ohne Titel'} ──`);
+      lastChapter = chapterTitle;
+    }
+    const pct = _percentFromRange(range);
+    const coord = pct !== null ? ` (≈${_formatBookPercent(pct / 100)}% im Buch)` : '';
+    if (h.type === 'note') {
+      lines.push(`[Notiz]${coord} bei: „${(h.anchor?.quote || '').trim()}“`);
+      if (h.note) lines.push(`    ${h.note}`);
+    } else {
+      lines.push(`[Markierung · ${_hlColorName(h.color || 'yellow')}]${coord} „${(h.anchor?.quote || '').trim()}“`);
+      if (h.note) lines.push(`    Notiz: ${h.note}`);
+    }
+    lines.push('');
+  }
+
+  const blob = new Blob([lines.join('\n')], {type: 'text/plain;charset=utf-8'});
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = `${bookTitle.replace(/[^\w\-]+/g, '_')}-notizen.txt`;
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+  URL.revokeObjectURL(url);
+}
+
+// List of every highlight/note in the book, in reading order, each jumpable —
+// the same pattern as the bookmarks sidebar, but for annotations. Unlike the
+// margin panel (which only shows what's currently on-screen), this is a full
+// overview, useful once a book has annotations scattered throughout.
+function openAnnotationsSidebar() {
+  if (!currentHighlights.length) {
+    openSidebar('Markierungen & Notizen', '<p class="muted">Noch keine Markierungen oder Notizen.</p>');
+    return;
+  }
+
+  const resolved = _sortedAnnotations();
+  let html = '<ul style="list-style:none;padding:0;">';
+  for (const {h, range} of resolved) {
+    const pct = _percentFromRange(range);
+    const pctLabel = pct !== null ? `≈${_formatBookPercent(pct / 100)}%` : '';
+    const kind = h.type === 'note' ? 'Notiz' : `Markierung${h.color ? ' · ' + _hlColorName(h.color) : ''}`;
+    const preview = h.note || h.anchor?.quote || '(kein Text)';
+    html += `<li class="bookmark-entry">
+      <button class="btn-link" data-jump-annotation="${escapeHtml(h.id)}" style="flex:1;text-align:left;">
+        <span class="muted" style="font-size:11px;">${escapeHtml(kind)} ${pctLabel}</span><br>
+        ${escapeHtml(preview.slice(0, 80))}
+      </button>
+      <button class="btn-icon" data-delete-annotation="${escapeHtml(h.id)}" title="Löschen">✕</button>
+    </li>`;
+  }
+  html += '</ul>';
+  openSidebar('Markierungen & Notizen', html);
+
+  const body = $('sidebar-body');
+  body.addEventListener('click', function _annClick(e) {
+    const jumpBtn = e.target.closest('[data-jump-annotation]');
+    const delBtn  = e.target.closest('[data-delete-annotation]');
+    if (jumpBtn) {
+      body.removeEventListener('click', _annClick);
+      jumpToAnnotation(jumpBtn.dataset.jumpAnnotation);
+    }
+    if (delBtn) {
+      deleteHighlight(delBtn.dataset.deleteAnnotation);
+      openAnnotationsSidebar(); // re-render
+    }
+  });
+}
+
+function jumpToAnnotation(id) {
+  const h = currentHighlights.find(x => x.id === id);
+  if (!h) return;
+  closeSidebar();
+  _suppressScrollJumpDetect();
+  setTimeout(() => {
+    const contentEl = $('reader-content');
+    if (!contentEl) return;
+    let range;
+    try { range = resolveAnchorRange(h); } catch (e) { range = null; }
+    if (range) {
+      const top = range.getBoundingClientRect().top - contentEl.getBoundingClientRect().top;
+      contentEl.scrollBy({top: top - 16, behavior: 'smooth'});
+    }
+  }, 50);
+}
diff --git a/static/js/app/78-footnotes.js b/static/js/app/78-footnotes.js
new file mode 100644
index 0000000..727efc2
--- /dev/null
+++ b/static/js/app/78-footnotes.js
@@ -0,0 +1,76 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Footnote popover
+// ---------------------------------------------------------------------------
+
+let currentFootnotePopover = null;
+let _footnotePopoverTimer = null;
+
+function showFootnotePopover(link) {
+  dismissFootnotePopover();
+  const targetEl = document.getElementById(link.dataset.footnoteRef);
+  if (!targetEl) return;
+  // The note's paragraph, also when the id sits on an inline element in it
+  // (<p><span><a id="F400" …>143</a></span> Note…</p>).
+  const inline = /^(A|SPAN|SUP|SUB|B|I|EM|STRONG|SMALL)$/.test(targetEl.tagName);
+  const container = targetEl.closest('.footnote') ||
+    (inline && targetEl.closest('p, li, dd, blockquote')) || targetEl.parentElement;
+  if (!container) return;
+
+  const clone = container.cloneNode(true);
+  clone.querySelector('sup')?.remove();
+  clone.querySelectorAll('.epub-pagenum').forEach(e => e.remove());
+  // The note's own number at its start, a link back to the text ("1 Note…").
+  const first = Array.from(clone.querySelectorAll('a')).find(a => a.textContent.trim());
+  const num = first ? first.textContent.trim() : '';
+  if (/^[\[(]?\d{1,4}[\])]?\.?$/.test(num) && clone.textContent.trim().startsWith(num)) first.remove();
+  // Only the number: the note (a poem, a long quote) runs on in the next
+  // paragraphs, up to the next note's anchor.
+  if (!clone.textContent.trim()) {
+    let len = 0;
+    for (let next = container.nextElementSibling; next && len < 6000; next = next.nextElementSibling) {
+      if (/^H[1-6]$/.test(next.tagName) || next.querySelector('[id]')) break;
+      if (!next.textContent.trim()) continue;
+      clone.appendChild(next.cloneNode(true));
+      len += next.textContent.length;
+    }
+  }
+
+  const popover = document.createElement('div');
+  popover.className = 'footnote-popover';
+  const _overlay = document.getElementById('reader-overlay');
+  ['reader-theme-sepia', 'reader-theme-bright'].forEach(cls => {
+    if (_overlay?.classList.contains(cls)) popover.classList.add(cls);
+  });
+  popover.innerHTML = clone.innerHTML;
+
+  const closeBtn = document.createElement('button');
+  closeBtn.className = 'footnote-popover-close';
+  closeBtn.textContent = '✕';
+  closeBtn.addEventListener('click', dismissFootnotePopover);
+  popover.appendChild(closeBtn);
+
+  const rect = link.getBoundingClientRect();
+  popover.style.top  = (rect.bottom + 8) + 'px';
+  popover.style.left = Math.max(8, rect.left - 8) + 'px';
+
+  popover.addEventListener('mouseenter', () => clearTimeout(_footnotePopoverTimer));
+  popover.addEventListener('mouseleave', () => {
+    _footnotePopoverTimer = setTimeout(dismissFootnotePopover, 250);
+  });
+
+  document.body.appendChild(popover);
+  currentFootnotePopover = popover;
+  currentFootnotePopover._refLink = link;
+
+  const pr = popover.getBoundingClientRect();
+  if (pr.right  > window.innerWidth  - 8) popover.style.left = (window.innerWidth  - pr.width  - 8) + 'px';
+  if (pr.bottom > window.innerHeight - 8) popover.style.top  = (rect.top - pr.height - 8) + 'px';
+}
+
+function dismissFootnotePopover() {
+  clearTimeout(_footnotePopoverTimer);
+  currentFootnotePopover?.remove();
+  currentFootnotePopover = null;
+}
diff --git a/static/js/app/80-radio-sidebar.js b/static/js/app/80-radio-sidebar.js
new file mode 100644
index 0000000..65d4b3e
--- /dev/null
+++ b/static/js/app/80-radio-sidebar.js
@@ -0,0 +1,44 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Radio sidebar (compact player)
+// ---------------------------------------------------------------------------
+
+function openRadioSidebar() {
+  const stationName = currentStation ? escapeHtml(currentStation.name) : '— kein Sender —';
+  const track = currentTrack ? escapeHtml(currentTrack) : '';
+  const vol = document.getElementById('volume')?.value ?? 204;
+
+  const rows = [...document.querySelectorAll('#saved-tbody tr[data-id]')];
+  const stationsHtml = rows.length
+    ? rows.map(r => `<li><button class="btn btn-sm rsb-play-btn" data-url="${escapeHtml(r.dataset.url || '')}" data-name="${escapeHtml(r.dataset.name || '')}">${escapeHtml(r.dataset.name || '')}</button></li>`).join('')
+    : `<li class="muted">Keine gespeicherten Sender.</li>`;
+
+  const html = `
+    <div class="rsb-nowplaying">
+      <div class="rsb-station-name">${stationName}</div>
+      ${track ? `<div class="rsb-track muted">${track}</div>` : ''}
+    </div>
+    <div class="rsb-controls">
+      <button class="btn ${isPlaying ? 'playing' : ''}" id="rsb-playstop">${isPlaying ? '⏹ Stopp' : '▶ Abspielen'}</button>
+      <label class="rsb-vol">Lautst. <input type="range" id="rsb-volume" min="0" max="255" value="${vol}"></label>
+    </div>
+    <ul class="rsb-station-list">${stationsHtml}</ul>
+  `;
+
+  openSidebar('Radio', html);
+
+  const body = $('sidebar-body');
+  body.querySelector('#rsb-playstop').addEventListener('click', togglePlayStop);
+  body.querySelector('#rsb-volume').addEventListener('input', function () {
+    const v = this.value;
+    const mainSlider = document.getElementById('volume');
+    const mainNum = document.getElementById('volume-num');
+    if (mainSlider) mainSlider.value = v;
+    if (mainNum) mainNum.value = v;
+    audio.volume = v / 255;
+  });
+  body.querySelectorAll('.rsb-play-btn').forEach(btn => {
+    btn.addEventListener('click', () => playStation(btn.dataset.url, btn.dataset.name, null));
+  });
+}
diff --git a/static/js/app/99-init.js b/static/js/app/99-init.js
new file mode 100644
index 0000000..de390d6
--- /dev/null
+++ b/static/js/app/99-init.js
@@ -0,0 +1,150 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Init
+// ---------------------------------------------------------------------------
+
+(function init() {
+  // Migrate PBKDF2-derived key stored by login/register form
+  if (window.USER_ID) {
+    const pending = localStorage.getItem('diora_pending_enc_key');
+    if (pending) {
+      localStorage.setItem(`diora_enc_key_${window.USER_ID}`, pending);
+      localStorage.removeItem('diora_pending_enc_key');
+    }
+  }
+
+  // Populate saved stations from server-side context if available
+  if (typeof INITIAL_SAVED !== 'undefined' && Array.isArray(INITIAL_SAVED)) {
+    // The server already renders saved stations in the template; nothing extra needed.
+    // But if JS-rendered saved tab were needed we'd call addSavedRow here.
+  }
+
+  // Restore persisted volume, fall back to slider default
+  const volSlider = $('volume');
+  if (volSlider) {
+    const saved = localStorage.getItem('diora_volume');
+    const vol = saved !== null ? parseInt(saved, 10) : parseInt(volSlider.value, 10);
+    setVolume(vol);
+  }
+
+  // Restore persisted read-aloud language
+  const ttsLangSelect = $('reader-tts-lang');
+  if (ttsLangSelect) ttsLangSelect.value = ttsLang;
+
+  // Load recommendations on page load
+  loadRecommendations();
+
+  // Initialise focus timer display
+  renderTimer();
+
+  // Initialise mood/genre chips
+  initMoodChips();
+
+  // Initialise curated station lists
+  initCuratedLists();
+
+  // Show curated lists again when search input is cleared
+  const searchInput = document.getElementById('search-input');
+  if (searchInput) {
+    searchInput.addEventListener('input', function () {
+      if (this.value === '') {
+        const curated = document.getElementById('curated-lists');
+        if (curated) curated.style.display = '';
+      }
+    });
+  }
+
+  // Load focus session stats
+  loadFocusStats();
+
+  // Apply encrypted wallpaper (if set)
+  applyEncryptedBackground();
+
+  // Init book drop zone
+  initBookDropZone();
+  const showReadToggle = $('book-show-read-toggle');
+  if (showReadToggle) showReadToggle.checked = _bookShowRead;
+
+  // Restore active tab: a URL hash (shared/bookmarked link, or browser
+  // back/forward) wins over the last-used tab remembered in localStorage —
+  // except when offline, where books (usable offline) always takes over.
+  const offlineOverride = !navigator.onLine && IS_AUTHENTICATED;
+  const hashTab = (location.hash || '').replace(/^#/, '').split('/')[0];
+  if (!offlineOverride && TOP_TABS.includes(hashTab)) {
+    _routeFromHash();
+  } else {
+    const savedTab = localStorage.getItem('diora_active_tab') || 'radio';
+    const savedRadioTab = localStorage.getItem('diora_active_radio_tab') || 'saved';
+    showTab(offlineOverride ? 'books' : savedTab);
+    showRadioTab(savedRadioTab);
+  }
+
+  // React to connectivity changes
+  window.addEventListener('offline', () => {
+    showOfflineBanner(true);
+    if (IS_AUTHENTICATED) showTab('books');
+  });
+  window.addEventListener('online', async () => {
+    showOfflineBanner(false);
+    await _syncPendingAnnotations();
+    loadBookList(); // sends the positions read offline first (the progress outbox)
+  });
+
+  // Show banner immediately if already offline at startup
+  if (!navigator.onLine) showOfflineBanner(true);
+
+  // Reading position: positions reached by the reader's own doing count (see _noteReadingPosition).
+  {
+    const content = $('reader-content');
+    if (content) {
+      for (const type of ['wheel', 'touchstart', 'mousedown']) {
+        content.addEventListener(type, _noteReaderInteraction, {passive: true, capture: true});
+      }
+    }
+    document.addEventListener('keydown', () => { if (currentBookId) _noteReaderInteraction(); }, true);
+    if (IS_AUTHENTICATED) _flushProgressOutbox();
+  }
+
+  // Footnote hover (desktop) + tap (mobile) via event delegation
+  const _readerContentEl = $('reader-content');
+  if (_readerContentEl) {
+    _readerContentEl.addEventListener('mouseover', e => {
+      const link = e.target.closest('[data-footnote-ref]');
+      if (!link) return;
+      clearTimeout(_footnotePopoverTimer);
+      _footnotePopoverTimer = setTimeout(() => showFootnotePopover(link), 120);
+    });
+    _readerContentEl.addEventListener('mouseout', e => {
+      if (!e.target.closest('[data-footnote-ref]')) return;
+      _footnotePopoverTimer = setTimeout(dismissFootnotePopover, 250);
+    });
+    _readerContentEl.addEventListener('click', e => {
+      const link = e.target.closest('[data-footnote-ref]');
+      if (!link) return;
+      e.preventDefault();
+      if (currentFootnotePopover?._refLink === link) {
+        dismissFootnotePopover();
+      } else {
+        showFootnotePopover(link);
+      }
+    });
+
+    // Text selection → highlight color/note popover
+    _readerContentEl.addEventListener('mouseup', handleReaderSelection);
+    _readerContentEl.addEventListener('touchend', e => {
+      const target = e.target;
+      const touch = e.changedTouches && e.changedTouches[0];
+      const clientX = touch ? touch.clientX : undefined;
+      const clientY = touch ? touch.clientY : undefined;
+      setTimeout(() => handleReaderSelection({target, clientX, clientY}), 50);
+    });
+  }
+
+  // Margin ("page margin") panel — click a marker to view/edit, click empty
+  // space to anchor a new freeform note at that line's height
+  const _readerMarginEl = $('reader-margin');
+  if (_readerMarginEl) {
+    _readerMarginEl.addEventListener('click', handleMarginClick);
+  }
+})();
diff --git a/static/js/sw.js b/static/js/sw.js
index 9136067..cd485c4 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,10 +2,41 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v105';
+const CACHE = 'diora-v106';
 const SHELL = [
   '/static/css/app.css',
-  '/static/js/app.js',
+  '/static/js/app/01-core.js',
+  '/static/js/app/10-radio.js',
+  '/static/js/app/14-focus.js',
+  '/static/js/app/16-stations.js',
+  '/static/js/app/20-tabs.js',
+  '/static/js/app/24-ambient.js',
+  '/static/js/app/26-sidebar.js',
+  '/static/js/app/28-serviceworker.js',
+  '/static/js/app/29-m3u.js',
+  '/static/js/app/30-contrast.js',
+  '/static/js/app/32-crypto.js',
+  '/static/js/app/34-wallpaper.js',
+  '/static/js/app/40-epub.js',
+  '/static/js/app/44-books.js',
+  '/static/js/app/46-readpos.js',
+  '/static/js/app/48-book-cache.js',
+  '/static/js/app/50-reader-state.js',
+  '/static/js/app/52-book-list.js',
+  '/static/js/app/56-cloud-import.js',
+  '/static/js/app/58-pdf.js',
+  '/static/js/app/60-tts.js',
+  '/static/js/app/62-reader.js',
+  '/static/js/app/64-reader-settings.js',
+  '/static/js/app/66-pdf-paginated.js',
+  '/static/js/app/68-bookmarks.js',
+  '/static/js/app/70-search.js',
+  '/static/js/app/72-highlights.js',
+  '/static/js/app/74-margin.js',
+  '/static/js/app/76-export.js',
+  '/static/js/app/78-footnotes.js',
+  '/static/js/app/80-radio-sidebar.js',
+  '/static/js/app/99-init.js',
   '/static/js/podcasts-web.js',
   '/static/js/home.js',
   '/static/js/feeds.js',
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 07474ad..d87d291 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -47,7 +47,7 @@
 
 <!-- ===== TABS ===== -->
 <div class="tabs" id="tabs">
-  {# Order = app.js TOP_TABS. Home needs an account: hidden, but kept in place for the order. #}
+  {# Order = TOP_TABS (static/js/app/20-tabs.js). Home needs an account: hidden, but kept in place for the order. #}
   <button class="tab-btn" onclick="showTab('home')"{% if not user.is_authenticated %} style="display:none;"{% endif %}>Home</button>
   <button class="tab-btn active" onclick="showTab('radio')">Radio</button>
   <button class="tab-btn" onclick="showTab('focus')">Fokus</button>
@@ -347,7 +347,39 @@
   window.USER_ID = {{ user.id|default:"null" }};
   let USER_FOCUS_STATION = {{ focus_station_json|safe }};
 </script>
-<script src="/static/js/app.js"></script>
+{# app.js, split by area (docs/refactoring.md): classic scripts sharing one global scope, in this order. #}
+<script src="/static/js/app/01-core.js"></script>
+<script src="/static/js/app/10-radio.js"></script>
+<script src="/static/js/app/14-focus.js"></script>
+<script src="/static/js/app/16-stations.js"></script>
+<script src="/static/js/app/20-tabs.js"></script>
+<script src="/static/js/app/24-ambient.js"></script>
+<script src="/static/js/app/26-sidebar.js"></script>
+<script src="/static/js/app/28-serviceworker.js"></script>
+<script src="/static/js/app/29-m3u.js"></script>
+<script src="/static/js/app/30-contrast.js"></script>
+<script src="/static/js/app/32-crypto.js"></script>
+<script src="/static/js/app/34-wallpaper.js"></script>
+<script src="/static/js/app/40-epub.js"></script>
+<script src="/static/js/app/44-books.js"></script>
+<script src="/static/js/app/46-readpos.js"></script>
+<script src="/static/js/app/48-book-cache.js"></script>
+<script src="/static/js/app/50-reader-state.js"></script>
+<script src="/static/js/app/52-book-list.js"></script>
+<script src="/static/js/app/56-cloud-import.js"></script>
+<script src="/static/js/app/58-pdf.js"></script>
+<script src="/static/js/app/60-tts.js"></script>
+<script src="/static/js/app/62-reader.js"></script>
+<script src="/static/js/app/64-reader-settings.js"></script>
+<script src="/static/js/app/66-pdf-paginated.js"></script>
+<script src="/static/js/app/68-bookmarks.js"></script>
+<script src="/static/js/app/70-search.js"></script>
+<script src="/static/js/app/72-highlights.js"></script>
+<script src="/static/js/app/74-margin.js"></script>
+<script src="/static/js/app/76-export.js"></script>
+<script src="/static/js/app/78-footnotes.js"></script>
+<script src="/static/js/app/80-radio-sidebar.js"></script>
+<script src="/static/js/app/99-init.js"></script>
 <script src="/static/js/podcasts-web.js"></script>
 <script src="/static/js/home.js"></script>
 <script src="/static/js/feeds.js"></script>

From a7d4d92f9ede51483b0c7a564c28bf5e671e331d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Wed, 14 Oct 2026 19:43:03 +0200
Subject: [PATCH 107/176] Reader: offene Notizleiste schiebt den Text nicht
 mehr aus der Mitte; sw v107
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die Leiste nimmt ihre Breite links weg; dieselbe Breite kommt rechts als
Abstand dazu, soweit Platz ist (die Spalte wird dafür nie schmaler). Beides
gleitet gleichzeitig, der Text bleibt stehen. Neu berechnet beim Öffnen und
Schließen der Leiste, bei Fenstergröße und Zeilenlänge/Schrift.

e2e: Test dafür (breit: Spalte bleibt, schmal: weicht aus, bleibt gleich
breit, liegt nicht unter der Leiste); Service Worker in den Tests aus (sein
Neuladen störte mitten im Test).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 e2e/reader.spec.js                  | 27 +++++++++++++++++++++++++++
 playwright.config.js                |  3 +++
 static/css/app.css                  |  7 +++++--
 static/js/app/62-reader.js          |  1 +
 static/js/app/64-reader-settings.js |  2 ++
 static/js/app/74-margin.js          | 27 +++++++++++++++++++++++++++
 static/js/sw.js                     |  2 +-
 7 files changed, 66 insertions(+), 3 deletions(-)

diff --git a/e2e/reader.spec.js b/e2e/reader.spec.js
index 9ea0654..7ad28f8 100644
--- a/e2e/reader.spec.js
+++ b/e2e/reader.spec.js
@@ -120,6 +120,31 @@ test('a highlight is kept, and shows in the margin', async ({ page }) => {
   await expect(page.locator('#reader-margin-markers .margin-note')).toHaveCount(1);
 });
 
+test('an open margin keeps the text column in the middle when there is room', async ({ page }) => {
+  const column = () => page.evaluate(() => {
+    const c = document.getElementById('reader-content');
+    const p = c.querySelector('p');
+    const r = p.getBoundingClientRect();
+    const m = document.getElementById('reader-margin').getBoundingClientRect();
+    return {left: r.left, right: r.right, width: r.width, marginRight: m.right, window: window.innerWidth};
+  });
+  await page.setViewportSize({ width: 1600, height: 900 });
+  await openTestBook(page);
+  const closed = await column();
+  await page.evaluate(() => { if (!readerAnnotationsMarginOpen) toggleAnnotationsMargin(); });
+  await page.waitForTimeout(400); // the margin and the padding slide together
+  const open = await column();
+  expect(Math.abs(open.left - closed.left)).toBeLessThanOrEqual(2);
+  expect(open.width).toBeCloseTo(closed.width, 0);
+
+  // Not enough room: the column moves aside, but keeps its width and clears the margin.
+  await page.setViewportSize({ width: 1000, height: 900 });
+  await page.waitForTimeout(400);
+  const narrow = await column();
+  expect(narrow.left).toBeGreaterThanOrEqual(narrow.marginRight);
+  await page.evaluate(() => { toggleAnnotationsMargin(); });
+});
+
 test('the theme switch turns the page and the reader light, and stays', async ({ page }) => {
   await page.goto('/');
   await expect(page.locator('html')).toHaveAttribute('data-theme', 'dark');
@@ -135,6 +160,8 @@ test('the theme switch turns the page and the reader light, and stays', async ({
 
 test('every tab opens without errors', async ({ page }) => {
   await page.goto('/');
+  await page.waitForLoadState('networkidle');
+  await page.waitForFunction(() => typeof showTab === 'function' && typeof loadBookList === 'function');
   for (const tab of ['home', 'radio', 'podcasts', 'books', 'feeds', 'focus', 'ambient']) {
     await page.evaluate(t => showTab(t), tab);
     await expect(page.locator(`#tab-${tab}`)).toBeVisible();
diff --git a/playwright.config.js b/playwright.config.js
index 2c6bd11..bd285ac 100644
--- a/playwright.config.js
+++ b/playwright.config.js
@@ -18,6 +18,9 @@ module.exports = defineConfig({
     baseURL: BASE_URL,
     trace: 'retain-on-failure',
     screenshot: 'only-on-failure',
+    // A new service worker taking over reloads the page (28-serviceworker.js),
+    // mid-test. It isn't what these tests are about.
+    serviceWorkers: 'block',
   },
   projects: [
     {
diff --git a/static/css/app.css b/static/css/app.css
index 350c0b4..4fd1024 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1893,12 +1893,15 @@ html.nui-tts-on body.reader-immersive .reader-overlay  { bottom: var(--bar-h); }
    is purely positional, only ever visible here in the margin. */
 .reader-body-row { display:flex; flex:1; min-height:0; }
 .reader-margin {
+  --reader-margin-w:220px; /* read by app.js _centerReaderColumn */
   width:0; flex-shrink:0; overflow:hidden;
   display:flex; flex-direction:column;
   border-right:1px solid var(--border); background:var(--bg);
   transition:width 0.25s ease;
 }
-.reader-margin.open { width:220px; }
+.reader-margin.open { width:var(--reader-margin-w); }
+/* The text column keeps its place while the margin opens (app.js _centerReaderColumn). */
+.reader-content { transition: padding-right 0.25s ease; }
 .reader-margin-header {
   display:none; align-items:center; justify-content:space-between;
   padding:6px 8px; border-bottom:1px solid var(--border); white-space:nowrap; flex-shrink:0;
@@ -1973,7 +1976,7 @@ html.nui-tts-on body.reader-immersive .reader-overlay  { bottom: var(--bar-h); }
 .note-bottom-sheet-actions { display:flex; justify-content:flex-end; gap:8px; }
 
 @media (max-width: 600px) {
-  .reader-margin.open { width:150px; }
+  .reader-margin { --reader-margin-w:150px; }
   .reader-margin-title { display:none; }
 }
 
diff --git a/static/js/app/62-reader.js b/static/js/app/62-reader.js
index a78aecd..268e896 100644
--- a/static/js/app/62-reader.js
+++ b/static/js/app/62-reader.js
@@ -520,6 +520,7 @@ function closeReader() {
   readerAnnotationsMarginOpen = false;
   const marginEl = $('reader-margin');
   if (marginEl) marginEl.classList.remove('open');
+  _centerReaderColumn();
   const marginMarkersEl = $('reader-margin-markers');
   if (marginMarkersEl) marginMarkersEl.innerHTML = '';
 
diff --git a/static/js/app/64-reader-settings.js b/static/js/app/64-reader-settings.js
index f9c604e..fe94dae 100644
--- a/static/js/app/64-reader-settings.js
+++ b/static/js/app/64-reader-settings.js
@@ -96,6 +96,8 @@ function applyReaderSettings(isPdf) {
   if (isPdf && readerAnnotationsMarginOpen) toggleAnnotationsMargin();
   document.querySelectorAll('.marker-mode-btn').forEach(b => { b.style.display = isPdf ? 'none' : ''; });
   if (isPdf && markerModeActive) toggleMarkerMode();
+  // Line length or font changed: the column's place next to an open margin too.
+  if (readerAnnotationsMarginOpen) _centerReaderColumn();
 }
 
 // Font weight slider: the variable Source Serif 4 takes any weight, the
diff --git a/static/js/app/74-margin.js b/static/js/app/74-margin.js
index 60f0c6b..d929fd8 100644
--- a/static/js/app/74-margin.js
+++ b/static/js/app/74-margin.js
@@ -13,6 +13,7 @@ function toggleAnnotationsMargin() {
   if (!el || !markersEl || currentPdfDoc) return;
   readerAnnotationsMarginOpen = !readerAnnotationsMarginOpen;
   el.classList.toggle('open', readerAnnotationsMarginOpen);
+  _centerReaderColumn();
   if (readerAnnotationsMarginOpen) {
     // Reposition once now (pre-transition) and once more after the width
     // transition settles, since content reflow can shift line heights.
@@ -23,6 +24,32 @@ function toggleAnnotationsMargin() {
   }
 }
 
+// The margin takes its width from the left, which pushes the text column off
+// the middle of the window. Where there's room, the same width added on the
+// right puts it back; where there isn't, as much as fits (the column never
+// gets narrower for it). Both widths change together, so the text stays put.
+function _centerReaderColumn() {
+  const contentEl = $('reader-content');
+  const marginEl = $('reader-margin');
+  const rowEl = $('reader-body-row');
+  if (!contentEl) return;
+  if (!readerAnnotationsMarginOpen || !marginEl || !rowEl || currentPdfDoc) {
+    contentEl.style.paddingRight = '';
+    return;
+  }
+  const margin = parseFloat(getComputedStyle(marginEl).getPropertyValue('--reader-margin-w')) || 0;
+  const side = parseFloat(getComputedStyle(contentEl).paddingLeft) || 0;
+  // The column's width: --reader-max-width, measured in the reader's font.
+  const probe = document.createElement('div');
+  probe.style.cssText = 'position:absolute;visibility:hidden;height:0;width:var(--reader-max-width,65ch)';
+  contentEl.appendChild(probe);
+  const column = probe.getBoundingClientRect().width;
+  probe.remove();
+  const room = rowEl.clientWidth - margin - 2 * side - column;
+  contentEl.style.paddingRight = (side + Math.max(0, Math.min(margin, room))) + 'px';
+}
+window.addEventListener('resize', () => { if (readerAnnotationsMarginOpen) _centerReaderColumn(); });
+
 // Renders each highlight/note at its text position in the margin. Entries
 // with note text become a readable "post-it" card (the whole point of the
 // margin — you can read notes there, not just see that one exists); a plain
diff --git a/static/js/sw.js b/static/js/sw.js
index cd485c4..24d713e 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v106';
+const CACHE = 'diora-v107';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 1c74e602243e0ed0da4f9e01b587ea8f2bd347f9 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Wed, 14 Oct 2026 19:54:12 +0200
Subject: [PATCH 108/176] =?UTF-8?q?Vorbereitete=20B=C3=BCcher:=20Schl?=
 =?UTF-8?q?=C3=BCssel=20enth=C3=A4lt=20die=20Fu=C3=9Fnoten-Erkennung=20der?=
 =?UTF-8?q?=20App-Schicht;=20sw=20v108?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Änderungen an native-ui.js (diora-android) erneuern jetzt auch die im
IndexedDB gespeicherte Aufbereitung (window.__dioraPrepareSig).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app/48-book-cache.js | 4 +++-
 static/js/sw.js                | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/static/js/app/48-book-cache.js b/static/js/app/48-book-cache.js
index 84cf793..5b0781d 100644
--- a/static/js/app/48-book-cache.js
+++ b/static/js/app/48-book-cache.js
@@ -41,8 +41,10 @@ let _parseCodeSig = null;
 
 function _parsePreparationSig() {
   if (_parseCodeSig) return _parseCodeSig;
+  // window.__dioraPrepareSig: what an app layer adds to the preparation (the
+  // footnote detection in diora-android's native-ui.js) — a change there too.
   const src = [parseEpub, sanitizeEpubHtml, _injectImageBlobs, _resolveImageBlob, _parseEpubToc]
-    .map(f => String(f)).join('\n');
+    .map(f => String(f)).join('\n') + (window.__dioraPrepareSig || '');
   let h = 5381;
   for (let i = 0; i < src.length; i++) h = ((h << 5) + h + src.charCodeAt(i)) | 0;
   return (_parseCodeSig = (h >>> 0).toString(36) + '.' + src.length);
diff --git a/static/js/sw.js b/static/js/sw.js
index 24d713e..e4af648 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v107';
+const CACHE = 'diora-v108';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From cac8027fb3d39399d9c6e5e3c70614e1d15a2067 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Thu, 15 Oct 2026 09:01:57 +0200
Subject: [PATCH 109/176] =?UTF-8?q?Stille=20=C3=BCberspringen=20(Browser/D?=
 =?UTF-8?q?esktop):=20Pausen=20schnell=20durchspielen=20statt=20springen;?=
 =?UTF-8?q?=20sw=20v109?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ein Sprung im gestreamten Podcast wartet aufs Netz (hörbares Haken). Jetzt
läuft eine Pause mit 4-facher Geschwindigkeit (höchstens 8x), je 0,12 s
bleiben an beiden Enden; nur Pausen über 3 s werden noch übersprungen.
Geprüft alle 40 ms statt mit timeupdate (alle 250 ms). Browser-Tab im
Hintergrund (gedrosselte Timer): weiter mit Sprüngen, sonst liefe Sprache
sekundenlang vierfach. Gemessen in der Desktop-App: Pausen 52,85–53,34 und
57,03–57,58 s schnell durchlaufen, kein Sprung.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/podcasts-web.js | 63 ++++++++++++++++++++++++++++++++++-----
 static/js/sw.js           |  2 +-
 2 files changed, 57 insertions(+), 8 deletions(-)

diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 5de28d6..a129f86 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -974,16 +974,65 @@
     return silence.spans;
   }
 
-  audio.addEventListener('timeupdate', () => {
-    if (!loaded || audio.paused || audio.seeking) return;
+  // A pause is run through fast rather than jumped over: a jump in a streamed
+  // file waits for the network again (a hitch you hear), a faster rate doesn't.
+  // A little of each pause stays at both ends; only a long one is still jumped.
+  // Checked every 40 ms while playing (timeupdate comes only every 250 ms, too
+  // late for a short pause). A browser tab in the background gets its timers
+  // slowed down to a second or more — speech at four times the speed for that
+  // long would be worse than a hitch, so there it jumps as before.
+  const SILENCE_RATE = 4;     // × the podcast's own speed, inside a pause
+  const SILENCE_KEEP = 0.12;  // s of each pause kept at either end
+  const SILENCE_JUMP = 3;     // s: a pause longer than this is jumped over
+  let silenceFast = false;
+  let silenceTimer = null;
+
+  // The end of the pause the player is in (less what stays of it), or null.
+  function silenceEndAt(t) {
     const spans = silenceSpans();
-    if (!spans || !spans.length) return;
-    const t = audio.currentTime;
+    if (!spans) return null;
     for (const [start, end] of spans) {   // in order
-      if (start > t) break;
-      if (t < end - 0.3) { try { audio.currentTime = end - 0.15; } catch (e) {} return; }
+      if (start + SILENCE_KEEP > t) return null;
+      if (t < end - SILENCE_KEEP) return end - SILENCE_KEEP;
     }
-  });
+    return null;
+  }
+
+  function silenceNormal() {
+    if (!silenceFast) return;
+    silenceFast = false;
+    audio.playbackRate = speedFor(curFeed());
+  }
+
+  function silenceTick() {
+    if (!loaded || audio.paused || audio.seeking) { silenceNormal(); return; }
+    const t = audio.currentTime;
+    const endAt = silenceEndAt(t);
+    if (endAt === null) { silenceNormal(); return; }
+    const timersFine = !document.hidden || !!window.dioraDesktop; // the desktop app never slows them
+    if (endAt - t > SILENCE_JUMP || !timersFine) {
+      silenceNormal();
+      try { audio.currentTime = endAt; } catch (e) {}
+    } else {
+      const fast = Math.min(speedFor(curFeed()) * SILENCE_RATE, 8);
+      silenceFast = true;
+      if (audio.playbackRate !== fast) audio.playbackRate = fast; // also after applyKind reset it
+    }
+  }
+
+  function silenceWatch() {
+    clearInterval(silenceTimer);
+    silenceTimer = null;
+    silenceNormal();
+    if (loaded && !audio.paused && skipSilenceFor(curFeed())) silenceTimer = setInterval(silenceTick, 40);
+  }
+  audio.addEventListener('playing', silenceWatch);
+  audio.addEventListener('pause', silenceWatch);
+  audio.addEventListener('ended', silenceWatch);
+  audio.addEventListener('emptied', silenceWatch);
+  // Back from the background, or the setting changed: the timer may have to start.
+  document.addEventListener('visibilitychange', silenceWatch);
+  audio.addEventListener('timeupdate', () => { if (!silenceTimer && !audio.paused) silenceWatch(); else silenceTick(); });
 
   // ---- radio and podcasts take turns ---------------------------------------------------
 
diff --git a/static/js/sw.js b/static/js/sw.js
index e4af648..efabfca 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v108';
+const CACHE = 'diora-v109';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From de1940b4e5f4829b37827eef68ef2487284fca5c Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Thu, 15 Oct 2026 11:18:16 +0200
Subject: [PATCH 110/176] =?UTF-8?q?Stille=20=C3=BCberspringen:=20Regeln=20?=
 =?UTF-8?q?des=20Pausen-K=C3=BCrzers,=20sanftere=20=C3=9Cberg=C3=A4nge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der Server findet die Pausen jetzt nach den Regeln der App (PauseCutter):
10-ms-Fenster, Rauschboden als gleitendes Perzentil, ein Fünftel jeder Pause
bleibt (60–250 ms), halb davor, halb danach. Ältere Ergebnisse werden neu
berechnet (v: 2).

Der Player läuft durch diese Teile höchstens 4× schnell statt 8×: Chromium
schaltet darüber stumm, und weil currentTime in 10–20-ms-Schritten läuft,
landete der Wechsel zurück bei 8× bis zu 200 ms in der Sprache. Pro Pause
wird das Tempo gewählt, das am meisten spart und trotzdem rechtzeitig endet.
Das Tempo des Podcasts setzt die Rate während einer Pause nicht mehr zurück.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/silence.py       | 194 ++++++++++++++++++++++++++++++--------
 podcasts/tests.py         |  67 +++++++++----
 podcasts/views.py         |  11 ++-
 static/js/podcasts-web.js | 124 +++++++++++++++---------
 static/js/sw.js           |   2 +-
 5 files changed, 291 insertions(+), 107 deletions(-)

diff --git a/podcasts/silence.py b/podcasts/silence.py
index 2c5ab04..f0e5f84 100644
--- a/podcasts/silence.py
+++ b/podcasts/silence.py
@@ -1,60 +1,178 @@
-"""Skip silence in the browser: the pauses of an episode, found once on the server.
+"""Skip silence in the browser: what to cut out of an episode's pauses, found once on the server.
 
-Android's player skips silence itself. A browser can't listen to the audio of
-most podcast servers (no CORS: Web Audio hears only zeros), so the server
-reads the file once with ffmpeg's silencedetect and keeps the pauses on the
-episode (PodcastEpisode.silences); the browser then jumps over them while it
-plays (podcasts-web.js).
+Android shortens pauses while it plays (diora-android PauseCutter.kt). A browser
+can't listen to the audio of most podcast servers (no CORS: Web Audio hears only
+zeros), so the server reads the file once and keeps the result on the episode
+(PodcastEpisode.silences); the browser then runs fast through those parts while
+it plays (podcasts-web.js).
+
+The rules are PauseCutter's, so a pause sounds the same everywhere: the audio
+is judged in 10 ms windows against the recording itself — silence is well below
+the recent speech level *and* close to the recording's noise floor, never above
+-30 dB — and a pause of 90 ms or more keeps a fifth of its length (at least
+60 ms, at most 250 ms), half before and half after the part that goes.
 """
 import logging
+import math
 import os
-import re
 import subprocess
 import tempfile
 import threading
+import warnings
 
 import requests
 
 from django.db import close_old_connections
 
+with warnings.catch_warnings():
+    warnings.simplefilter('ignore', DeprecationWarning)
+    try:
+        import audioop  # the RMS of a window in C; gone from Python 3.13 (then: audioop-lts)
+    except ImportError:  # pragma: no cover
+        audioop = None
+
 log = logging.getLogger(__name__)
 
-NOISE = '-35dB'        # quieter than this counts as silence
-MIN_SILENCE = 0.4      # seconds; shorter pauses stay (they belong to speech)
+VERSION = 2            # what's stored on the episode; an older result is found anew
+RATE = 8000            # Hz, mono: enough to judge loudness
+WINDOW = 0.01          # s
 TIMEOUT = 900          # seconds for decoding one episode
 MAX_BYTES = 800 * 1024 * 1024   # a larger file isn't an episode to analyse
 MAX_RUNNING = 2        # episodes analysed at the same time
 
-_START = re.compile(r'silence_start: (-?[\d.]+)')
-_END = re.compile(r'silence_end: ([\d.]+)')
+# PauseCutter.Params
+MIN_PAUSE_MS = 90
+KEEP_MIN_MS = 60
+KEEP_RATIO = 0.2
+KEEP_MAX_MS = 250
+FADE_MS = 12
+BELOW_SPEECH_DB = 20.0
+ABOVE_NOISE_DB = 12.0
+CEILING_DB = -30.0
+FLOOR_DB = -70.0
+DECAY_DB_PER_WINDOW = 6.0 * WINDOW   # 6 dB per second
+NOISE_SHARE = 0.1
+NOISE_WINDOWS = 1000                 # 10 s
+NOISE_MIN_DB = -90.0
+NOISE_MAX_DB = -35.0
 
 _running = set()
 _lock = threading.Lock()
 _slots = threading.BoundedSemaphore(MAX_RUNNING)
 
 
-def parse(stderr):
-    """ffmpeg's silencedetect output -> [[start, end], …] in seconds (2 decimals)."""
-    spans = []
+class _NoiseHistory:
+    """The last windows' levels in 1 dB steps, for a running percentile."""
+    BINS = 121
+
+    def __init__(self):
+        self.ring = [0] * NOISE_WINDOWS
+        self.bins = [0] * self.BINS
+        self.count = 0
+        self.at = 0
+
+    def add(self, db):
+        b = min(max(int(db + 120.0), 0), self.BINS - 1)
+        if self.count == NOISE_WINDOWS:
+            self.bins[self.ring[self.at]] -= 1
+        else:
+            self.count += 1
+        self.ring[self.at] = b
+        self.bins[b] += 1
+        self.at = (self.at + 1) % NOISE_WINDOWS
+
+    def level(self):
+        if self.count < NOISE_WINDOWS // 10:
+            return -60.0  # not enough seen yet
+        target = max(int(self.count * NOISE_SHARE), 1)
+        seen = 0
+        for b, n in enumerate(self.bins):
+            seen += n
+            if seen >= target:
+                return b - 120.0
+        return 0.0
+
+
+def _cut_of(start, end):
+    """The part of the pause [start, end) (window indexes) that goes, in seconds, or None."""
+    p = round((end - start) * WINDOW * 1000)   # ms
+    if p < MIN_PAUSE_MS:
+        return None
+    keep = min(max(round(p * KEEP_RATIO), KEEP_MIN_MS), KEEP_MAX_MS, p)
+    if p - keep < FADE_MS:
+        return None
+    head = keep // 2
+    tail = keep - head
+    return [round(start * WINDOW + head / 1000, 3), round(end * WINDOW - tail / 1000, 3)]
+
+
+def cuts(levels):
+    """[[from, to], …] in seconds: what to leave out, for 10 ms window levels in dB."""
+    level = -20.0                  # recent speech level
+    noise = -60.0                  # noise floor
+    history = _NoiseHistory()
+    out = []
     start = None
-    for line in stderr.splitlines():
-        m = _START.search(line)
-        if m:
-            start = max(0.0, float(m.group(1)))
-            continue
-        m = _END.search(line)
-        if m and start is not None:
-            end = float(m.group(1))
-            if end - start >= MIN_SILENCE:
-                spans.append([round(start, 2), round(end, 2)])
+    for i, db in enumerate(levels):
+        threshold = max(min(level - BELOW_SPEECH_DB, noise + ABOVE_NOISE_DB, CEILING_DB), FLOOR_DB)
+        silent = db < threshold
+        level = db if db > level else max(FLOOR_DB, level - DECAY_DB_PER_WINDOW)
+        history.add(db)
+        noise = min(max(history.level(), NOISE_MIN_DB), NOISE_MAX_DB)
+        if silent:
+            if start is None:
+                start = i
+        elif start is not None:
+            cut = _cut_of(start, i)
+            if cut:
+                out.append(cut)
             start = None
-    return spans
+    return out  # a pause running to the end stays as it is
+
+
+def _level_db(window):
+    if audioop is not None:
+        rms = audioop.rms(window, 2)
+    else:  # pragma: no cover
+        samples = memoryview(window).cast('h')
+        rms = math.sqrt(sum(s * s for s in samples) / len(samples))
+    return -120.0 if rms < 1 else 20 * math.log10(rms / 32768)
+
+
+def levels_of(path):
+    """10 ms window levels (dB full scale) of the audio file at `path`."""
+    import imageio_ffmpeg
+    proc = subprocess.Popen(
+        [imageio_ffmpeg.get_ffmpeg_exe(), '-nostdin', '-hide_banner', '-loglevel', 'error',
+         '-vn', '-sn', '-dn', '-i', path, '-ac', '1', '-ar', str(RATE), '-f', 's16le', '-'],
+        stdout=subprocess.PIPE, stderr=subprocess.PIPE,
+    )
+    size = int(RATE * WINDOW) * 2
+    levels = []
+    rest = b''
+    timer = threading.Timer(TIMEOUT, proc.kill)
+    timer.start()
+    try:
+        while True:
+            chunk = proc.stdout.read(1 << 20)
+            if not chunk:
+                break
+            data = rest + chunk
+            whole = len(data) // size * size
+            for i in range(0, whole, size):
+                levels.append(_level_db(data[i:i + size]))
+            rest = data[whole:]
+        err = proc.stderr.read().decode('utf-8', 'replace')
+        if proc.wait() != 0:
+            raise RuntimeError((err.strip().splitlines()[-1:] or [f'ffmpeg failed ({proc.returncode})'])[0][:200])
+    finally:
+        timer.cancel()
+    return levels
 
 
 def analyze(url):
-    """The pauses of the audio at `url`. Downloaded here first: the static ffmpeg
+    """What to cut out of the audio at `url`. Downloaded here first: the static ffmpeg
     build can't look up host names (it crashes doing so), it reads a local file."""
-    import imageio_ffmpeg
     fd, path = tempfile.mkstemp(suffix='.audio')
     try:
         with os.fdopen(fd, 'wb') as out, requests.get(
@@ -67,16 +185,7 @@ def analyze(url):
                 if size > MAX_BYTES:
                     raise RuntimeError('file too large')
                 out.write(chunk)
-        proc = subprocess.run(
-            [imageio_ffmpeg.get_ffmpeg_exe(), '-nostdin', '-hide_banner', '-nostats',
-             '-vn', '-sn', '-dn', '-i', path,
-             '-af', f'silencedetect=noise={NOISE}:d={MIN_SILENCE}', '-f', 'null', '-'],
-            capture_output=True, text=True, timeout=TIMEOUT,
-        )
-        if proc.returncode != 0:
-            tail = (proc.stderr or '').strip().splitlines()[-1:] or [f'ffmpeg failed ({proc.returncode})']
-            raise RuntimeError(tail[0][:200])
-        return parse(proc.stderr)
+        return cuts(levels_of(path))
     finally:
         try:
             os.remove(path)
@@ -84,8 +193,13 @@ def analyze(url):
             pass
 
 
+def current(silences):
+    """Whether a stored result is from these rules (else it's found anew)."""
+    return bool(silences) and silences.get('v') == VERSION
+
+
 def ensure(episode_id):
-    """Find the episode's pauses in the background, unless that runs already."""
+    """Find the episode's cuts in the background, unless that runs already."""
     with _lock:
         if episode_id in _running:
             return
@@ -102,10 +216,10 @@ def _work(episode_id):
             if ep is None:
                 return
             try:
-                result = {'spans': analyze(ep.audio_url)}
+                result = {'v': VERSION, 'spans': analyze(ep.audio_url)}
             except Exception as e:  # unreachable file, timeout, not audio: remembered, not retried
                 log.warning('silences of episode %s failed: %s', episode_id, e)
-                result = {'spans': [], 'error': str(e)[:200] or type(e).__name__}
+                result = {'v': VERSION, 'spans': [], 'error': str(e)[:200] or type(e).__name__}
             PodcastEpisode.objects.filter(pk=episode_id).update(silences=result)
     finally:
         with _lock:
diff --git a/podcasts/tests.py b/podcasts/tests.py
index e33a44a..7a608dd 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -2675,15 +2675,48 @@ class DiscardTests(TestCase):
 # ---------------------------------------------------------------------------
 
 class SilenceTests(TestCase):
-    STDERR = """Input #0, mp3, from 'x':
-[silencedetect @ 0x1] silence_start: 1.5
-[silencedetect @ 0x1] silence_end: 2.4 | silence_duration: 0.9
-[silencedetect @ 0x1] silence_start: 10
-[silencedetect @ 0x1] silence_end: 10.2 | silence_duration: 0.2
-[silencedetect @ 0x1] silence_start: -0.01
-[silencedetect @ 0x1] silence_end: 0.75 | silence_duration: 0.76
-[silencedetect @ 0x1] silence_start: 99.123456
-"""
+    """The rules are diora-android's PauseCutter: what Android cuts, the browser runs through."""
+
+    @staticmethod
+    def speech(seconds, db=-22.0):
+        return [db + (0.5 if i % 2 else 0.0) for i in range(int(seconds * 100))]
+
+    @staticmethod
+    def quiet(seconds, db=-75.0):
+        return [db] * int(seconds * 100)
+
+    def test_a_pause_keeps_a_fifth_half_before_half_after(self):
+        from .silence import cuts
+        # 2 s of speech (the noise floor needs some history), a 0.5 s pause, speech.
+        levels = self.speech(12) + self.quiet(0.5) + self.speech(2)
+        self.assertEqual(cuts(levels), [[12.05, 12.45]])     # keeps 100 ms: 50 + 50
+
+    def test_short_gaps_between_words_stay(self):
+        from .silence import cuts
+        self.assertEqual(cuts(self.speech(12) + self.quiet(0.08) + self.speech(2)), [])
+
+    def test_a_long_pause_keeps_at_most_a_quarter_second(self):
+        from .silence import cuts
+        self.assertEqual(cuts(self.speech(12) + self.quiet(3) + self.speech(2)), [[12.125, 14.875]])
+
+    def test_a_short_pause_keeps_at_least_60_ms(self):
+        from .silence import cuts
+        self.assertEqual(cuts(self.speech(12) + self.quiet(0.1) + self.speech(2)), [[12.03, 12.07]])
+
+    def test_a_quiet_second_voice_is_not_a_pause(self):
+        from .silence import cuts
+        # A talk with real pauses now and then (that's where the noise floor shows),
+        # then a voice well below the speaker but far above the floor: someone
+        # asking from the back. Only the real pauses are cut.
+        talk = (self.speech(1.8) + self.quiet(0.2)) * 6
+        levels = talk + self.quiet(2, db=-48.0) + self.speech(2)
+        found = cuts(levels)
+        self.assertEqual(len(found), 6)
+        self.assertTrue(all(end <= 12.0 for _, end in found))
+
+    def test_a_pause_running_to_the_end_stays(self):
+        from .silence import cuts
+        self.assertEqual(cuts(self.speech(12) + self.quiet(2)), [])
 
     def setUp(self):
         self.user = User.objects.create_user(username='alice', password='pw12345678')
@@ -2691,11 +2724,6 @@ class SilenceTests(TestCase):
         feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/f', title='F')
         self.ep = PodcastEpisode.objects.create(feed=feed, guid='e', title='E', audio_url='https://example.org/e.mp3')
 
-    def test_parse_keeps_pauses_long_enough(self):
-        from .silence import parse
-        # 0.2 s is too short; a start below 0 is 0; an open start at the end is dropped.
-        self.assertEqual(parse(self.STDERR), [[1.5, 2.4], [0.0, 0.75]])
-
     def test_first_request_starts_the_search_then_answers_with_the_pauses(self):
         with patch('podcasts.silence.ensure') as ensure:
             r = self.client.get(f'/podcasts/episodes/{self.ep.id}/silences/')
@@ -2705,7 +2733,14 @@ class SilenceTests(TestCase):
             from .silence import _work
             _work(self.ep.id)
         r = self.client.get(f'/podcasts/episodes/{self.ep.id}/silences/')
-        self.assertEqual(r.json(), {'ready': True, 'spans': [[1.5, 2.4]]})
+        self.assertEqual(r.json(), {'ready': True, 'v': 2, 'spans': [[1.5, 2.4]]})
+
+    def test_a_result_of_the_old_rules_is_found_anew(self):
+        PodcastEpisode.objects.filter(pk=self.ep.id).update(silences={'spans': [[1.0, 2.0]]})
+        with patch('podcasts.silence.ensure') as ensure:
+            r = self.client.get(f'/podcasts/episodes/{self.ep.id}/silences/')
+        self.assertEqual(r.json(), {'ready': False})
+        ensure.assert_called_once_with(self.ep.id)
 
     def test_a_failure_is_remembered_not_retried(self):
         from .silence import _work
@@ -2714,7 +2749,7 @@ class SilenceTests(TestCase):
         with patch('podcasts.silence.ensure') as ensure:
             r = self.client.get(f'/podcasts/episodes/{self.ep.id}/silences/')
         ensure.assert_not_called()
-        self.assertEqual(r.json(), {'ready': True, 'spans': [], 'error': 'HTTP error 404 Not Found'})
+        self.assertEqual(r.json(), {'ready': True, 'v': 2, 'spans': [], 'error': 'HTTP error 404 Not Found'})
 
     def test_only_own_episodes(self):
         bob = User.objects.create_user(username='bob', password='pw12345678')
diff --git a/podcasts/views.py b/podcasts/views.py
index 50f3f8e..2124148 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -1173,18 +1173,19 @@ def _has_transcript(ep):
 @csrf_exempt
 @require_http_methods(['GET'])
 def episode_silences(request, pk):
-    """The episode's pauses for skipping silence in the browser:
-    {"ready": true, "spans": [[start, end], …]} once found; the first request
-    starts the search on the server ({"ready": false}, ask again later)."""
+    """What to cut out of the episode's pauses for skipping silence in the
+    browser: {"ready": true, "v": 2, "spans": [[from, to], …]} once found (the
+    parts to leave out, podcasts/silence.py); the first request starts the search
+    on the server ({"ready": false}, ask again later)."""
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
     ep = PodcastEpisode.objects.filter(pk=pk, feed__user=request.user).only('id', 'silences').first()
     if ep is None:
         return JsonResponse({'error': 'not found'}, status=404)
-    if ep.silences is None:
+    if not silence_mod.current(ep.silences):   # none yet, or found by older rules
         silence_mod.ensure(ep.pk)
         return JsonResponse({'ready': False})
-    return JsonResponse({'ready': True, 'spans': ep.silences.get('spans', []),
+    return JsonResponse({'ready': True, 'v': silence_mod.VERSION, 'spans': ep.silences.get('spans', []),
                          **({'error': ep.silences['error']} if ep.silences.get('error') else {})})
 
 
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index a129f86..108da64 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -691,7 +691,7 @@
   function applyKind() {
     const rate = speedFor(curFeed());
     audio.defaultPlaybackRate = rate;
-    if (audio.playbackRate !== rate) audio.playbackRate = rate;
+    if (!silenceFast && audio.playbackRate !== rate) audio.playbackRate = rate;  // else: after the pause
     audio.preservesPitch = true;
     applyVolume();
   }
@@ -949,10 +949,10 @@
   }, 1000);
 
   // ---- skip silence ----------------------------------------------------------------------
-  // A browser can't listen to most podcast servers' audio (no CORS), so the server finds an
-  // episode's pauses once (podcasts/silence.py, it takes a little while the first time) and
-  // the player jumps over them, a little of each kept. The podcast's own choice, else this
-  // browser's (as in the app, PlaybackRules.skipSilence).
+  // A browser can't listen to most podcast servers' audio (no CORS), so the server works out
+  // once per episode which parts of its pauses go (podcasts/silence.py, the same rules as the
+  // app's PauseCutter: a fifth of each pause stays). It takes a little while the first time.
+  // The podcast's own choice, else this browser's (as in the app, PlaybackRules.skipSilence).
   function skipSilenceFor(feedId) {
     const f = feed(feedId);
     return f && f.skip_silence != null ? !!f.skip_silence : !!prefs.skip_silence;
@@ -960,6 +960,7 @@
 
   const silence = {id: null, spans: null, asked: 0};
 
+  // [[from, to], …] in seconds: what to leave out of this episode, once known.
   function silenceSpans() {
     const id = curId();
     if (id == null || !skipSilenceFor(curFeed())) return null;
@@ -968,71 +969,104 @@
       silence.asked = Date.now();
       fetch(`/podcasts/episodes/${id}/silences/`, {credentials: 'same-origin', cache: 'no-store'})
         .then(r => (r.ok ? r.json() : null))
-        .then(d => { if (d && d.ready && silence.id === id) silence.spans = d.spans || []; })
+        .then(d => { if (d && d.ready && d.v === 2 && silence.id === id) silence.spans = d.spans || []; })
         .catch(() => {});
     }
     return silence.spans;
   }
 
-  // A pause is run through fast rather than jumped over: a jump in a streamed
-  // file waits for the network again (a hitch you hear), a faster rate doesn't.
-  // A little of each pause stays at both ends; only a long one is still jumped.
-  // Checked every 40 ms while playing (timeupdate comes only every 250 ms, too
-  // late for a short pause). A browser tab in the background gets its timers
-  // slowed down to a second or more — speech at four times the speed for that
-  // long would be worse than a hitch, so there it jumps as before.
-  const SILENCE_RATE = 4;     // × the podcast's own speed, inside a pause
-  const SILENCE_KEEP = 0.12;  // s of each pause kept at either end
-  const SILENCE_JUMP = 3;     // s: a pause longer than this is jumped over
+  // Such a part is run through faster rather than jumped over: a jump in a streamed file waits
+  // for the network again (a hitch you hear), a faster rate doesn't. Only a long part is still
+  // jumped. Start and end are timed (timeupdate comes only every 250 ms), but not to the
+  // millisecond: a timer is a few ms late and currentTime moves in steps of 10–20 ms, which at
+  // 8× is up to 200 ms of speech. So no faster than 4× (Chromium mutes above that: a word run
+  // into would be gone, the room tone cut off), and back to normal early enough that the
+  // switch lands in the pause — per part, the rate that leaves out the most of it that way.
+  // A browser tab in the background gets its timers slowed to a second or more — speech run
+  // fast for that long would be worse than a hitch, so there it jumps.
+  const SILENCE_RATES = [2, 2.5, 3, 4];
+  const SILENCE_SLACK = 0.025;  // s of real time the switch back may come late
+  const SILENCE_GAIN = 0.01;    // s: a part that would save less is played as it is
+  const SILENCE_JUMP = 2.5;     // s: a longer part is jumped over
   let silenceFast = false;
+  let silenceEnd = 0;           // where the part run through now is left
+  let silenceDone = -1;         // the end of the part last run through (not entered again)
   let silenceTimer = null;
 
-  // The end of the pause the player is in (less what stays of it), or null.
-  function silenceEndAt(t) {
-    const spans = silenceSpans();
-    if (!spans) return null;
-    for (const [start, end] of spans) {   // in order
-      if (start + SILENCE_KEEP > t) return null;
-      if (t < end - SILENCE_KEEP) return end - SILENCE_KEEP;
-    }
-    return null;
-  }
-
   function silenceNormal() {
     if (!silenceFast) return;
     silenceFast = false;
     audio.playbackRate = speedFor(curFeed());
   }
 
-  function silenceTick() {
-    if (!loaded || audio.paused || audio.seeking) { silenceNormal(); return; }
-    const t = audio.currentTime;
-    const endAt = silenceEndAt(t);
-    if (endAt === null) { silenceNormal(); return; }
-    const timersFine = !document.hidden || !!window.dioraDesktop; // the desktop app never slows them
-    if (endAt - t > SILENCE_JUMP || !timersFine) {
-      silenceNormal();
-      try { audio.currentTime = endAt; } catch (e) {}
-    } else {
-      const fast = Math.min(speedFor(curFeed()) * SILENCE_RATE, 8);
-      silenceFast = true;
-      if (audio.playbackRate !== fast) audio.playbackRate = fast; // also after applyKind reset it
+  function silenceSchedule(ms) {
+    clearTimeout(silenceTimer);
+    silenceTimer = setTimeout(silenceTick, Math.max(5, Math.min(ms, 1000)));
+  }
+
+  // The rate for running through the rest of a part, [t, to), and where to leave it, or null.
+  function silencePlan(t, to, speed) {
+    let best = null;
+    for (const rate of SILENCE_RATES) {
+      if (rate < speed * 1.25) continue;
+      const end = to - rate * SILENCE_SLACK;
+      const gain = (end - t) * (1 / speed - 1 / rate);
+      if (gain >= SILENCE_GAIN && (!best || gain > best.gain)) best = {rate, end, gain};
     }
+    return best;
+  }
+
+  function silenceTick() {
+    silenceTimer = null;
+    if (!loaded || audio.paused || audio.seeking) { silenceNormal(); return; }
+    const spans = silenceSpans();
+    if (!spans) { silenceNormal(); silenceSchedule(1000); return; }
+    const t = audio.currentTime;
+    const speed = speedFor(curFeed()) || 1;
+    const timersFine = !document.hidden || !!window.dioraDesktop; // the desktop app never slows them
+    let next = null;
+    for (const [from, to] of spans) {   // in order
+      if (to <= t || to === silenceDone) continue;
+      if (from > t) { next = from; break; }
+      // Inside a part that goes.
+      if (to - t > SILENCE_JUMP || !timersFine) {
+        silenceNormal();
+        silenceDone = to;
+        try { audio.currentTime = to; } catch (e) {}
+        silenceSchedule(50);
+        return;
+      }
+      if (silenceFast && t < silenceEnd) {   // under way: keep the rate chosen on the way in
+        silenceSchedule((silenceEnd - t) / audio.playbackRate * 1000);
+        return;
+      }
+      const plan = silenceFast ? null : silencePlan(t, to, speed);
+      if (!plan) { silenceDone = to; continue; }   // too little left of it: played as it is
+      silenceFast = true;
+      silenceEnd = plan.end;
+      audio.playbackRate = plan.rate;
+      silenceSchedule((plan.end - t) / plan.rate * 1000);
+      return;
+    }
+    silenceNormal();
+    if (next !== null) silenceSchedule((next - t) / (audio.playbackRate || 1) * 1000);
   }
 
   function silenceWatch() {
-    clearInterval(silenceTimer);
+    clearTimeout(silenceTimer);
     silenceTimer = null;
-    silenceNormal();
-    if (loaded && !audio.paused && skipSilenceFor(curFeed())) silenceTimer = setInterval(silenceTick, 40);
+    if (loaded && !audio.paused && skipSilenceFor(curFeed())) silenceTick();  // stays fast inside a part
+    else silenceNormal();
   }
   audio.addEventListener('playing', silenceWatch);
   audio.addEventListener('pause', silenceWatch);
   audio.addEventListener('ended', silenceWatch);
   audio.addEventListener('emptied', silenceWatch);
-  // Back from the background, or the setting changed: the timer may have to start.
+  audio.addEventListener('seeked', () => { silenceDone = -1; silenceWatch(); });  // a part again
+  audio.addEventListener('ratechange', () => { if (!silenceFast && silenceTimer) silenceWatch(); });
+  // Back from the background, or the setting changed: start over.
   document.addEventListener('visibilitychange', silenceWatch);
-  audio.addEventListener('timeupdate', () => { if (!silenceTimer && !audio.paused) silenceWatch(); else silenceTick(); });
+  audio.addEventListener('timeupdate', () => { if (!silenceTimer && !audio.paused) silenceWatch(); });
 
   // ---- radio and podcasts take turns ---------------------------------------------------
 
diff --git a/static/js/sw.js b/static/js/sw.js
index efabfca..5fe14c6 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v109';
+const CACHE = 'diora-v110';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 1d6ddabb7bb96026e55d4f8da3b652fb366eb530 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Thu, 15 Oct 2026 14:28:37 +0200
Subject: [PATCH 111/176] =?UTF-8?q?Podcast-Player:=20abgelaufene=20Downloa?=
 =?UTF-8?q?d-Links=20=C3=BCberstehen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

SoundCloud leitet die Feed-Adresse auf einen signierten Link um, der nach
zwei Minuten abläuft. Das Audio-Element fragt für jeden weiteren Teil der
Datei diesen Link an, wird abgewiesen (MEDIA_ERR_NETWORK) und blieb danach
kaputt, bis die App neu startete. Jetzt wird die Folge bei einem Fehler an
derselben Stelle neu geladen (bis zu dreimal pro Minute), und nach dem
Aufgeben beim nächsten Abspielen frisch.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/podcasts-web.js | 16 +++++++++++++++-
 static/js/sw.js           |  2 +-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 108da64..519ad2f 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -920,12 +920,26 @@
     applyKind();
     report();
   });
+  // Some hosts hand out a signed address that runs out within minutes (SoundCloud: 2).
+  // The element keeps asking that one for the next part of the file and gets refused:
+  // loaded anew from the feed's address (a fresh link) at the same place, it plays on.
+  // An element that failed can't play again, so after giving up it's loaded anew on play.
+  let failures = 0;
+  let failedAt = 0;
   audio.addEventListener('error', () => {
     if (!loaded || !audio.getAttribute('src')) return;
+    const at = posMs();
+    const play = wantPlay;
+    if (Date.now() - failedAt > 60000) failures = 0;
+    failedAt = Date.now();
+    loaded = false;
+    startAt = at;
+    mustReach = null;
+    if (play && ++failures <= 3) { resume(); return; }
     error = 'MEDIA_ERR_' + (audio.error ? audio.error.code : 0);
     wantPlay = false;
     buffering = false;
-    toast('Diese Folge lässt sich gerade nicht abspielen');
+    if (play) toast('Diese Folge lässt sich gerade nicht abspielen');
     report();
     syncSoon();
   });
diff --git a/static/js/sw.js b/static/js/sw.js
index 5fe14c6..9e77855 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v110';
+const CACHE = 'diora-v111';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From cde90bed8ee04ab95ad526719e8f9f388f7f8868 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 10:33:26 +0200
Subject: [PATCH 112/176] =?UTF-8?q?YouTube-Kan=C3=A4le=20als=20Podcasts=20?=
 =?UTF-8?q?abonnieren?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Eine YouTube-Adresse (Kanal, Playlist, Video, Feed) lässt sich wie ein
Podcast abonnieren und in der Suche einfügen. Der Server liest dafür nur
die Kanalseite (einmal) und danach den RSS-Feed des Kanals; Ton oder Video
holt er nie: Die Adresse einer Folge ist die Videoseite (watch?v=…), und
jede App sucht sich den reinen Audio-Stream selbst (docs/youtube.md).
Shorts bleiben draußen, Stille-Analyse und ID3-Kapitel gibt es für solche
Folgen nicht.

Der Player im Browser verweist auf die Apps; die Desktop-App fragt ihren
Hauptprozess (yt-dlp) nach dem Stream. Eine Dauer, die der Feed nicht hat,
meldet der Player mit dem Fortschritt (progress/save: duration_seconds).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/youtube.md           |  46 +++++++++
 podcasts/test_youtube.py  | 194 ++++++++++++++++++++++++++++++++++++++
 podcasts/views.py         |  47 +++++++--
 podcasts/youtube.py       | 176 ++++++++++++++++++++++++++++++++++
 static/js/podcasts-web.js |  47 ++++++++-
 static/js/sw.js           |   2 +-
 6 files changed, 504 insertions(+), 8 deletions(-)
 create mode 100644 docs/youtube.md
 create mode 100644 podcasts/test_youtube.py
 create mode 100644 podcasts/youtube.py

diff --git a/docs/youtube.md b/docs/youtube.md
new file mode 100644
index 0000000..3ef30d5
--- /dev/null
+++ b/docs/youtube.md
@@ -0,0 +1,46 @@
+# YouTube channels as podcasts
+
+A YouTube channel (or playlist) can be subscribed to like a podcast. Only its
+sound is played, and **the server never downloads or streams a video or its
+sound**: each app finds the audio stream itself.
+
+## Server (diora-web, `podcasts/youtube.py`)
+
+- `POST /podcasts/feeds/add/` takes a YouTube address as `rss_url`: a channel
+  (`/@name`, `/channel/UC…`, `/c/…`, `/user/…`), a playlist (`?list=…`), a video
+  (subscribes its channel) or the feed itself. The server reads the channel page
+  once (feed address, name, picture) and stores the feed
+  `https://www.youtube.com/feeds/videos.xml?channel_id=UC…` (or `?playlist_id=…`).
+  `GET /podcasts/search/?q=<YouTube address>` answers with that one channel.
+- From then on the feed is refreshed like any other. It carries the latest 15
+  videos. **Shorts are left out.** There is no duration (`duration_seconds` 0)
+  until a player knows it: `POST /podcasts/progress/save/` takes an optional
+  `duration_seconds` (number, 1 s … 7 days), stored only while the episode has none.
+- An episode from such a feed has
+  - `audio_url` = `https://www.youtube.com/watch?v=<11-character id>`. This is
+    **the** marker: a client recognises a YouTube episode by this prefix;
+  - `guid` = `yt:video:<id>`, `artwork_url` = the video's thumbnail,
+    `description` = the video description as HTML (links, line breaks; timestamps
+    like `00:00 Intro` work as usual).
+- Nothing on the server touches the sound of such an episode: no ID3 chapters,
+  no transcripts, and `/podcasts/episodes/<id>/silences/` answers
+  `{"ready": true, "spans": [], "error": "youtube"}` (skip silence is up to the
+  app, as on Android anyway).
+
+## Apps
+
+A client that sees a `watch?v=` address resolves it **itself, on the device,
+to an audio-only stream** (no video track), and plays or downloads that.
+
+| Client  | How |
+|---------|-----|
+| Android | NewPipeExtractor: the original audio track, progressive, opus before m4a, ≤ 160 kbit/s; resolved when the stream is opened and once more on a 403; downloads in 10 MB ranges (in one go YouTube throttles to ~50 KB/s) |
+| Desktop | yt-dlp in the main process (`-f bestaudio`), Electron itself as its JavaScript runtime; yt-dlp is fetched from its GitHub release on first use and kept up to date (`src/main/youtube.js`) |
+| Browser | can't (YouTube doesn't let a web page read its pages, and a stream address only works for the device that asked for it): the episode is listed but says it plays in the app |
+
+Stream addresses are bound to the device's IP address and run out after a few
+hours: resolve shortly before playing, and again when the player reports an
+error (podcasts-web.js reloads after a media error anyway).
+
+Progress, queue, played state etc. work as for any episode: they belong to the
+episode on the server, not to the stream address.
diff --git a/podcasts/test_youtube.py b/podcasts/test_youtube.py
new file mode 100644
index 0000000..215615c
--- /dev/null
+++ b/podcasts/test_youtube.py
@@ -0,0 +1,194 @@
+import json
+from unittest.mock import patch
+
+import feedparser
+from django.contrib.auth.models import User
+from django.test import TestCase
+
+from . import youtube
+from .models import PodcastEpisode, PodcastFeed
+from .views import FeedFetch, _load_chapters
+
+CHANNEL = 'UC5NOEUbkLheQcaaRldYW5GA'
+FEATURED = 'UC1_uAIS3r8Vu6JjXWvastJg'   # another channel the page shows
+
+PAGE = (
+    f'<html><script>{{"channelId":"{FEATURED}"}}</script><head><meta property="og:title" content="Tages &amp; Schau">'
+    '<meta property="og:image" content="https://yt3.example/pic.jpg">'
+    f'<link rel="alternate" type="application/rss+xml" title="RSS" href="{youtube.FEED}?channel_id={CHANNEL}">'
+    f'</head><body><script>var x = {{"externalId":"{CHANNEL}"}};</script></body></html>'
+)
+
+
+def _entry(vid, title, kind='watch?v=', when='2026-10-14T10:00:00+00:00', text='Hallo\nhttps://example.org/x\n\n00:00 Anfang'):
+    link = f'https://www.youtube.com/{kind}{vid}'
+    return (
+        f'<entry><id>yt:video:{vid}</id><yt:videoId>{vid}</yt:videoId><yt:channelId>{CHANNEL}</yt:channelId>'
+        f'<title>{title}</title><link rel="alternate" href="{link}"/>'
+        f'<author><name>Tages Schau</name></author><published>{when}</published><updated>{when}</updated>'
+        f'<media:group><media:title>{title}</media:title>'
+        f'<media:content url="https://www.youtube.com/v/{vid}?version=3" type="application/x-shockwave-flash" width="640" height="390"/>'
+        f'<media:thumbnail url="https://i1.ytimg.com/vi/{vid}/hqdefault.jpg" width="480" height="360"/>'
+        f'<media:description>{text}</media:description></media:group></entry>'
+    )
+
+
+FEED_XML = (
+    '<?xml version="1.0" encoding="UTF-8"?>'
+    '<feed xmlns:yt="http://www.youtube.com/xml/schemas/2015" xmlns:media="http://search.yahoo.com/mrss/" '
+    'xmlns="http://www.w3.org/2005/Atom">'
+    f'<link rel="self" href="{youtube.FEED}?channel_id={CHANNEL}"/><id>yt:channel:{CHANNEL[2:]}</id>'
+    f'<yt:channelId>{CHANNEL[2:]}</yt:channelId><title>Tages Schau</title>'
+    f'<link rel="alternate" href="https://www.youtube.com/channel/{CHANNEL}"/>'
+    '<author><name>Tages Schau</name></author><published>2010-01-01T00:00:00+00:00</published>'
+    + _entry('aaaaaaaaaaa', 'Video eins')
+    + _entry('bbbbbbbbbbb', 'Ein Short', kind='shorts/')
+    + _entry('ccccccccccc', 'Video zwei', when='2026-10-13T10:00:00+00:00')
+    + '</feed>'
+)
+
+
+class _Page:
+    def __init__(self, text, status=200):
+        self.status_code = status
+        self.raw = self
+        self._body = text.encode()
+
+    def read(self, n, decode_content=True):
+        return self._body[:n]
+
+    def close(self):
+        pass
+
+
+class ResolveTests(TestCase):
+    def resolve(self, url, page=PAGE):
+        seen = []
+
+        def get(u, **kw):
+            seen.append(u)
+            return _Page(page)
+        with patch('podcasts.youtube.requests.get', get):
+            return youtube.resolve(url), seen
+
+    def test_a_channel_page_is_its_own_channel_not_one_it_features(self):
+        page = (f'<script>{{"channelId":"{FEATURED}"}}</script>'
+                f'<link rel="canonical" href="https://www.youtube.com/channel/{CHANNEL}">')
+        found, _ = self.resolve('https://www.youtube.com/@3blue1brown', page)
+        self.assertEqual(found['feed'], f'{youtube.FEED}?channel_id={CHANNEL}')
+
+    def test_a_handle_leads_to_its_channel_feed(self):
+        found, seen = self.resolve('https://www.youtube.com/@tagesschau/videos')
+        self.assertEqual(found, {'feed': f'{youtube.FEED}?channel_id={CHANNEL}', 'title': 'Tages & Schau',
+                                 'artwork': 'https://yt3.example/pic.jpg'})
+        self.assertEqual(seen, ['https://www.youtube.com/@tagesschau/videos'])
+
+    def test_a_video_leads_to_its_channel_without_the_videos_name(self):
+        page = (f'<meta property="og:title" content="Ein Video"><script>{{"channelId":"{FEATURED}"}};'
+                f'{{"videoDetails":{{"videoId":"aaaaaaaaaaa","channelId":"{CHANNEL}"}}}}</script>')
+        found, seen = self.resolve('https://youtu.be/aaaaaaaaaaa', page)
+        self.assertEqual(found['feed'], f'{youtube.FEED}?channel_id={CHANNEL}')
+        self.assertEqual((found['title'], found['artwork']), ('', ''))
+        self.assertEqual(seen, [youtube.WATCH + 'aaaaaaaaaaa'])
+
+    def test_a_playlist_has_its_own_feed(self):
+        found, _ = self.resolve('https://www.youtube.com/playlist?list=PLabcdefghijk')
+        self.assertEqual(found['feed'], f'{youtube.FEED}?playlist_id=PLabcdefghijk')
+
+    def test_other_youtube_pages_are_no_channel(self):
+        with self.assertRaises(youtube.NotAChannel):
+            youtube.resolve('https://www.youtube.com/feed/subscriptions')
+
+    def test_a_page_without_a_channel_is_none(self):
+        with self.assertRaises(youtube.NotAChannel):
+            self.resolve('https://www.youtube.com/@nobody', '<html>consent</html>')
+
+
+class YouTubeFeedTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+
+    def subscribe(self, url):
+        pages = []
+
+        def get(u, **kw):
+            pages.append(u)
+            return _Page(PAGE)
+        fetched = []
+
+        def fetch(u, **kw):
+            fetched.append(u)
+            return FeedFetch(200, feedparser.parse(FEED_XML))
+        with patch('podcasts.youtube.requests.get', get), patch('podcasts.views._fetch_feed', fetch):
+            r = self.client.post('/podcasts/feeds/add/', json.dumps({'rss_url': url, 'title': url}),
+                                 content_type='application/json')
+        return r, pages, fetched
+
+    def test_subscribing_to_a_channel_reads_its_feed_never_a_video(self):
+        r, pages, fetched = self.subscribe('https://www.youtube.com/@tagesschau')
+        self.assertEqual(r.status_code, 200, r.content)
+        feed = PodcastFeed.objects.get()
+        self.assertEqual(feed.rss_url, f'{youtube.FEED}?channel_id={CHANNEL}')
+        self.assertEqual(feed.title, 'Tages Schau')
+        self.assertEqual(feed.artwork_url, 'https://yt3.example/pic.jpg')   # kept: the feed has none
+        self.assertEqual(pages, ['https://www.youtube.com/@tagesschau'])
+        self.assertEqual(fetched, [feed.rss_url])
+        eps = {e.title: e for e in PodcastEpisode.objects.all()}
+        self.assertEqual(set(eps), {'Video eins', 'Video zwei'})   # no Short
+        one = eps['Video eins']
+        self.assertEqual(one.audio_url, 'https://www.youtube.com/watch?v=aaaaaaaaaaa')
+        self.assertEqual(one.guid, 'yt:video:aaaaaaaaaaa')
+        self.assertEqual(one.artwork_url, 'https://i1.ytimg.com/vi/aaaaaaaaaaa/hqdefault.jpg')
+        self.assertEqual(one.description,
+                         '<p>Hallo<br><a href="https://example.org/x">https://example.org/x</a></p><p>00:00 Anfang</p>')
+
+    def test_the_same_channel_twice_is_one_subscription(self):
+        self.subscribe('https://www.youtube.com/@tagesschau')
+        r, _, _ = self.subscribe(f'https://www.youtube.com/channel/{CHANNEL}')
+        self.assertFalse(r.json()['created'])
+        self.assertEqual(PodcastFeed.objects.count(), 1)
+
+    def test_a_feed_subscribed_directly_gets_the_channels_picture(self):
+        r, pages, _ = self.subscribe(f'{youtube.FEED}?channel_id={CHANNEL}')
+        self.assertEqual(r.status_code, 200)
+        self.assertEqual(PodcastFeed.objects.get().artwork_url, 'https://yt3.example/pic.jpg')
+        self.assertEqual(pages, [f'https://www.youtube.com/channel/{CHANNEL}'])
+
+    def test_no_channel_there_is_an_error(self):
+        with patch('podcasts.youtube.requests.get', lambda u, **kw: _Page('<html></html>')):
+            r = self.client.post('/podcasts/feeds/add/', json.dumps({'rss_url': 'https://www.youtube.com/@x'}),
+                                 content_type='application/json')
+        self.assertEqual(r.status_code, 400)
+        self.assertFalse(PodcastFeed.objects.exists())
+
+    def test_search_finds_a_pasted_channel(self):
+        with patch('podcasts.youtube.requests.get', lambda u, **kw: _Page(PAGE)):
+            r = self.client.get('/podcasts/search/', {'q': 'https://www.youtube.com/@tagesschau'})
+        self.assertEqual(r.json()['results'][0]['rss_url'], f'{youtube.FEED}?channel_id={CHANNEL}')
+        self.assertEqual(r.json()['results'][0]['title'], 'Tages & Schau')
+
+    def test_the_server_never_fetches_a_videos_sound(self):
+        self.subscribe('https://www.youtube.com/@tagesschau')
+        ep = PodcastEpisode.objects.get(title='Video eins')
+        with patch('podcasts.silence.ensure') as ensure:
+            d = self.client.get(f'/podcasts/episodes/{ep.pk}/silences/').json()
+        ensure.assert_not_called()
+        self.assertEqual((d['ready'], d['spans'], d['error']), (True, [], 'youtube'))
+        with patch('podcasts.chapters.fetch_id3') as id3:
+            self.assertEqual(_load_chapters(ep), [])
+        id3.assert_not_called()
+
+    def test_the_players_duration_is_kept_when_the_feed_has_none(self):
+        self.subscribe('https://www.youtube.com/@tagesschau')
+        ep = PodcastEpisode.objects.get(title='Video eins')
+        save = lambda body: self.client.post('/podcasts/progress/save/', json.dumps({'episode_id': ep.pk, **body}),
+                                             content_type='application/json')
+        save({'position_seconds': 10, 'duration_seconds': 'x'})
+        save({'position_seconds': 10, 'duration_seconds': 10 ** 9})
+        ep.refresh_from_db()
+        self.assertEqual(ep.duration_seconds, 0)
+        save({'position_seconds': 10, 'duration_seconds': 929.3})
+        save({'position_seconds': 20, 'duration_seconds': 5})   # known now: not changed again
+        ep.refresh_from_db()
+        self.assertEqual(ep.duration_seconds, 929)
diff --git a/podcasts/views.py b/podcasts/views.py
index 2124148..45257bb 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -28,6 +28,7 @@ from . import chapters as chapters_mod
 from . import silence as silence_mod
 from . import feedext
 from . import transcripts as transcripts_mod
+from . import youtube as youtube_mod
 from .models import (
     EpisodeProgress, EpisodeTranscript, PlayerDevice, PlayerState, PodcastEpisode, PodcastFeed, PodcastQueue,
     MAX_SPEED, MIN_SPEED, PodcastSettings, counts_as_played,
@@ -44,6 +45,7 @@ FEED_WORKERS = 16      # feeds downloaded at the same time
 REFRESH_WAIT = 40      # seconds a refresh-all (⟳) waits; feeds not done by then wait for the hourly job
 MAX_DESCRIPTION = 50_000  # characters of shownotes HTML kept per episode
 MAX_TRANSCRIPTS = 10
+MAX_DURATION = 7 * 24 * 3600   # seconds: a longer one reported is nonsense
 
 
 # ---------------------------------------------------------------------------
@@ -537,7 +539,8 @@ def _entry_media_url(entry):
             return url
         if not video and (mime.startswith('video/') or path.endswith(VIDEO_EXTENSIONS)):
             video = url
-    return video
+    # A YouTube feed has no files: the video's page, whose sound the app finds itself.
+    return video or youtube_mod.video_url(entry)
 
 
 def _apply_feed(feed_obj, fetched, full=False):
@@ -569,7 +572,10 @@ def _apply_feed(feed_obj, fetched, full=False):
         channel.get('itunes_image', {}).get('href', '')
         or image.get('href', '')
         or image.get('url', '')
+        or feed_obj.artwork_url   # a YouTube feed has none: the channel's, found when subscribing
     )[:1000]
+    if not feed_obj.artwork_url and youtube_mod.feed_channel_id(channel):
+        feed_obj.artwork_url = youtube_mod.channel_artwork(youtube_mod.feed_channel_id(channel))[:1000]
 
     feed_obj.last_refreshed_at = now
     feed_obj.save()
@@ -596,7 +602,8 @@ def _apply_feed(feed_obj, fetched, full=False):
         guid = entry.get('id') or entry.get('guid') or audio_url
         guid = str(guid)[:1000]
         title = entry.get('title', 'Untitled')[:500]
-        description = _entry_description(entry)
+        video = youtube_mod.is_video(audio_url)
+        description = youtube_mod.description_html(entry.get('summary')) if video else _entry_description(entry)
         chapters_url = _entry_chapters_url(entry)
         psc_chapters = chapters_mod.from_psc(entry)
         transcripts = _entry_transcripts(entry)
@@ -628,7 +635,7 @@ def _apply_feed(feed_obj, fetched, full=False):
         except (ValueError, TypeError):
             pass
 
-        artwork_url = entry.get('itunes_image', {}).get('href', '')[:1000]
+        artwork_url = (youtube_mod.entry_artwork(entry) if video else entry.get('itunes_image', {}).get('href', ''))[:1000]
 
         episode_obj, created = PodcastEpisode.objects.get_or_create(
             feed=feed_obj,
@@ -723,6 +730,15 @@ def podcast_search(request):
     q = request.GET.get('q', '').strip()
     if not q:
         return JsonResponse({'results': []})
+    if youtube_mod.is_youtube(q):
+        try:
+            found = youtube_mod.resolve(q)
+        except youtube_mod.NotAChannel:
+            return JsonResponse({'results': []})
+        return JsonResponse({'results': [{
+            'id': found['feed'], 'title': found['title'] or 'YouTube', 'author': 'YouTube',
+            'artwork_url': found['artwork'], 'rss_url': found['feed'], 'genre': 'YouTube',
+        }]})
 
     try:
         url = f'https://itunes.apple.com/search?term={urllib.parse.quote(q)}&media=podcast&limit=20'
@@ -830,11 +846,22 @@ def add_feed(request):
     rss_url = body.get('rss_url', '').strip()
     if not rss_url:
         return JsonResponse({'error': 'rss_url required'}, status=400)
+    title = body.get('title', rss_url)
+    artwork = ''
+    if youtube_mod.is_youtube(rss_url) and not youtube_mod.is_feed(rss_url):
+        # A channel, playlist or video address: its channel's feed (the server reads only that).
+        try:
+            found = youtube_mod.resolve(rss_url)
+        except youtube_mod.NotAChannel as e:
+            return JsonResponse({'error': f'No YouTube channel there ({e})'}, status=400)
+        rss_url, artwork = found['feed'], found['artwork']
+        title = found['title'] or title
 
     feed, created = PodcastFeed.objects.get_or_create(
         user=request.user,
         rss_url=rss_url,
-        defaults={'title': body.get('title', rss_url)[:300], **PodcastSettings.new_feed_defaults(request.user)},
+        defaults={'title': title[:300], 'artwork_url': artwork[:1000],
+                  **PodcastSettings.new_feed_defaults(request.user)},
     )
 
     new_episodes = 0
@@ -1101,7 +1128,7 @@ def _load_chapters(episode):
                 chapters = chapters_mod.fetch(url)
             except chapters_mod.ChaptersInvalid as e:
                 log.info('chapters of episode %s unusable: %s', episode.id, e)
-        if not chapters and episode.audio_url:
+        if not chapters and episode.audio_url and not youtube_mod.is_video(episode.audio_url):
             try:
                 chapters = chapters_mod.fetch_id3(episode.audio_url)
             except chapters_mod.ChaptersInvalid as e:
@@ -1179,9 +1206,11 @@ def episode_silences(request, pk):
     on the server ({"ready": false}, ask again later)."""
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
-    ep = PodcastEpisode.objects.filter(pk=pk, feed__user=request.user).only('id', 'silences').first()
+    ep = PodcastEpisode.objects.filter(pk=pk, feed__user=request.user).only('id', 'silences', 'audio_url').first()
     if ep is None:
         return JsonResponse({'error': 'not found'}, status=404)
+    if youtube_mod.is_video(ep.audio_url):   # the server never fetches a video's sound
+        return JsonResponse({'ready': True, 'v': silence_mod.VERSION, 'spans': [], 'error': 'youtube'})
     if not silence_mod.current(ep.silences):   # none yet, or found by older rules
         silence_mod.ensure(ep.pk)
         return JsonResponse({'ready': False})
@@ -1917,6 +1946,12 @@ def save_progress(request):
     except PodcastEpisode.DoesNotExist:
         return JsonResponse({'error': 'not found'}, status=404)
 
+    # A feed without durations (YouTube): the one the player found, once.
+    duration = body.get('duration_seconds')
+    if not episode.duration_seconds and _number(duration) and math.isfinite(duration) and 1 <= duration <= MAX_DURATION:
+        episode.duration_seconds = int(duration)
+        PodcastEpisode.objects.filter(pk=episode.pk, duration_seconds=0).update(duration_seconds=int(duration))
+
     progress, _ = EpisodeProgress.objects.get_or_create(
         user=request.user,
         episode=episode,
diff --git a/podcasts/youtube.py b/podcasts/youtube.py
new file mode 100644
index 0000000..15dab4f
--- /dev/null
+++ b/podcasts/youtube.py
@@ -0,0 +1,176 @@
+"""YouTube channels (and playlists) as podcasts.
+
+The server only reads what YouTube publishes about a channel: its page once,
+when it's subscribed (feed address, name, picture), and from then on its RSS
+feed like any podcast's. It never fetches a video or its sound: an episode's
+address is the video's page (https://www.youtube.com/watch?v=…), and each app
+finds the audio stream for it itself and plays only that (docs/youtube.md).
+Hence no skipping of silence and no ID3 chapters found on the server for them.
+
+Shorts are left out: a minute of sound cut from a vertical video isn't an
+episode.
+"""
+import html
+import re
+import urllib.parse
+
+import requests
+
+WATCH = 'https://www.youtube.com/watch?v='
+FEED = 'https://www.youtube.com/feeds/videos.xml'
+HOSTS = {'youtube.com', 'www.youtube.com', 'm.youtube.com', 'music.youtube.com', 'youtu.be'}
+TIMEOUT = 15
+MAX_PAGE = 4 * 1024 * 1024
+# Without this, a server in the EU gets the cookie consent page instead (SOCS=CAI: declined).
+COOKIES = {'SOCS': 'CAI'}
+HEADERS = {'User-Agent': 'Mozilla/5.0 (X11; Linux x86_64; rv:140.0) Gecko/20100101 Firefox/140.0',
+           'Accept-Language': 'de,en;q=0.8'}
+
+_CHANNEL_ID = re.compile(r'^UC[\w-]{22}$')
+_VIDEO_ID = re.compile(r'^[\w-]{11}$')
+
+
+# Where a page names its own channel, surest first: a channel page in its head, a video's in
+# its videoDetails.
+_OWN_CHANNEL = (
+    r'<link rel="canonical" href="https://www\.youtube\.com/channel/(UC[\w-]{22})"',
+    r'type="application/rss\+xml" title="RSS" href="[^"]*channel_id=(UC[\w-]{22})"',
+    r'"externalId":"(UC[\w-]{22})"',
+    r'<meta itemprop="identifier" content="(UC[\w-]{22})"',
+    r'"videoDetails":\{[^{}]*?"channelId":"(UC[\w-]{22})"',
+)
+
+
+class NotAChannel(Exception):
+    pass
+
+
+def _host(url):
+    try:
+        return (urllib.parse.urlsplit(url).hostname or '').lower()
+    except ValueError:
+        return ''
+
+
+def is_youtube(url):
+    """An address on YouTube (a channel, a video, a playlist, a feed)."""
+    return _host(url) in HOSTS
+
+
+def is_feed(url):
+    return is_youtube(url) and urllib.parse.urlsplit(url).path == '/feeds/videos.xml'
+
+
+def is_video(audio_url):
+    """An episode that is a YouTube video (its sound is found by the app)."""
+    return audio_url.startswith(WATCH)
+
+
+def channel_feed(channel_id):
+    return f'{FEED}?channel_id={channel_id}'
+
+
+def video_url(entry):
+    """The episode address for a YouTube feed entry, '' for a Short (or not a video)."""
+    vid = entry.get('yt_videoid') or ''
+    if not _VIDEO_ID.match(vid) or '/shorts/' in (entry.get('link') or ''):
+        return ''
+    return WATCH + vid
+
+
+def entry_artwork(entry):
+    thumbs = entry.get('media_thumbnail') or []
+    return (thumbs[0].get('url') or '') if thumbs else ''
+
+
+_LINK = re.compile(r'(https?://[^\s<>"]+)')
+
+
+def description_html(text):
+    """A video description (plain text) as shownotes: links clickable, lines kept."""
+    escaped = html.escape(text or '', quote=False)
+    linked = _LINK.sub(lambda m: f'<a href="{m.group(1)}">{m.group(1)}</a>', escaped)
+    return '<p>' + linked.strip().replace('\n\n', '</p><p>').replace('\n', '<br>') + '</p>' if linked.strip() else ''
+
+
+def _page(url):
+    r = requests.get(url, headers=HEADERS, cookies=COOKIES, timeout=TIMEOUT, stream=True)
+    try:
+        if r.status_code >= 400:
+            raise NotAChannel(f'HTTP {r.status_code}')
+        body = r.raw.read(MAX_PAGE, decode_content=True)
+    finally:
+        r.close()
+    return body.decode('utf-8', 'replace')
+
+
+def _meta(page, prop):
+    m = re.search(r'<meta property="%s" content="([^"]*)"' % re.escape(prop), page)
+    return html.unescape(m.group(1)) if m else ''
+
+
+def resolve(url):
+    """{'feed', 'title', 'artwork'} for a YouTube address someone wants to subscribe to:
+    a channel (/@name, /channel/…, /c/…, /user/…), a playlist, or a video (its channel).
+    Raises NotAChannel when it leads to none."""
+    parts = urllib.parse.urlsplit(url.strip())
+    query = urllib.parse.parse_qs(parts.query)
+    path = parts.path.rstrip('/')
+    if path == '/feeds/videos.xml':
+        return {'feed': url.strip(), 'title': '', 'artwork': ''}
+    if 'list' in query and path in ('/playlist', '/watch'):
+        playlist = query['list'][0]
+        if not re.match(r'^[\w-]{10,64}$', playlist):
+            raise NotAChannel('playlist id')
+        page = ''
+        try:
+            page = _page(f'https://www.youtube.com/playlist?list={playlist}')
+        except (requests.RequestException, NotAChannel):
+            pass
+        return {'feed': f'{FEED}?playlist_id={playlist}', 'title': _meta(page, 'og:title'),
+                'artwork': _meta(page, 'og:image')}
+    segs = [s for s in path.split('/') if s]
+    if segs[:1] == ['channel'] and len(segs) > 1 and _CHANNEL_ID.match(segs[1]):
+        page_url = f'https://www.youtube.com/channel/{segs[1]}'
+    elif parts.hostname == 'youtu.be' and segs:
+        page_url = WATCH + segs[0]
+    elif segs and (segs[0].startswith('@') or segs[0] in ('c', 'user', 'watch', 'shorts', 'live')):
+        page_url = urllib.parse.urlunsplit(('https', 'www.youtube.com', parts.path, parts.query, ''))
+    else:
+        raise NotAChannel('not a channel address')
+    try:
+        page = _page(page_url)
+    except requests.RequestException as e:
+        raise NotAChannel(type(e).__name__)
+    # The page's own channel, never the first one named (featured channels come earlier).
+    m = None
+    for pattern in _OWN_CHANNEL:
+        m = re.search(pattern, page)
+        if m:
+            break
+    if not m:
+        raise NotAChannel('no channel found')
+    is_channel_page = not (segs and segs[0] in ('watch', 'shorts', 'live')) and parts.hostname != 'youtu.be'
+    return {
+        'feed': channel_feed(m.group(1)),
+        # A video's page is about the video: its channel's name and picture come with the feed.
+        'title': _meta(page, 'og:title') if is_channel_page else '',
+        'artwork': _meta(page, 'og:image') if is_channel_page else '',
+    }
+
+
+def feed_channel_id(channel):
+    """The channel a YouTube feed (feedparser's .feed) belongs to, '' for another feed."""
+    for url in (channel.get('link') or '', (channel.get('author_detail') or {}).get('href') or ''):
+        m = re.match(r'^https://www\.youtube\.com/channel/(UC[\w-]{22})$', url)
+        if m:
+            return m.group(1)
+    return ''
+
+
+def channel_artwork(channel_id):
+    """The channel's picture (the feed has none), '' if it can't be had."""
+    try:
+        return _meta(_page(f'https://www.youtube.com/channel/{channel_id}'), 'og:image')
+    except (requests.RequestException, NotAChannel):
+        return ''
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 519ad2f..ce7b8be 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -330,7 +330,10 @@
   function saveProgress(id, seconds) {
     forEpisode(state, id, o => { o.position_seconds = seconds; });
     if (seconds > 0) removeFromInbox(state, new Set([id]));   // started: no longer new
-    queueOp('/podcasts/progress/save/', {episode_id: id, position_seconds: seconds}, 'progress:' + id);
+    const body = {episode_id: id, position_seconds: seconds};
+    // A feed without durations (YouTube): the player's, kept by the server if it has none.
+    if (curId() === id && !(cur.episode__duration_seconds > 0) && lastDur > 0) body.duration_seconds = Math.round(lastDur / 1000);
+    queueOp('/podcasts/progress/save/', body, 'progress:' + id);
     save();
     // No re-render: progress changes every few seconds while playing.
   }
@@ -708,12 +711,52 @@
     loaded = true;
     error = null;
     buffering = true;
+    if (YOUTUBE.test(cur.episode__audio_url)) { prepareYouTube(); return; }
     audio.src = cur.episode__audio_url;
     applyKind();
   }
 
+  // A YouTube episode's address is the video's page: the server never touches its sound
+  // (diora-web docs/youtube.md). The desktop app finds the audio-only stream on this
+  // computer; a browser can't (YouTube doesn't let a page read it).
+  const YOUTUBE = /^https:\/\/www\.youtube\.com\/watch\?v=[\w-]{11}$/;
+  let youtubeStale = false;   // the last stream failed: find it anew
+  let youtubeAsk = 0;
+
+  function prepareYouTube() {
+    const ask = ++youtubeAsk;
+    audio.removeAttribute('src');   // not the stream that failed, while the new one is found
+    try { audio.load(); } catch (e) {}
+    const desk = window.dioraDesktop;
+    const fail = text => {
+      loaded = false;
+      error = 'youtube';
+      wantPlay = false;
+      buffering = false;
+      toast(text);
+      report();
+      syncSoon();
+    };
+    if (!desk || !desk.youtubeAudio) { fail('YouTube-Folgen spielen in der diora-App (Android, Desktop)'); return; }
+    const fresh = youtubeStale;
+    youtubeStale = false;
+    desk.youtubeAudio(cur.episode__audio_url, fresh).then(r => {
+      if (ask !== youtubeAsk || !loaded) return;   // moved on meanwhile
+      if (!r || r.error || !r.url) { fail('Diese YouTube-Folge lässt sich gerade nicht abspielen'); return; }
+      if (r.duration > 0) lastDur = r.duration * 1000;
+      audio.src = r.url;
+      applyKind();
+      if (wantPlay) {
+        const p = audio.play();
+        if (p && p.catch) p.catch(() => {});
+      }
+      report();
+    });
+  }
+
   function unload() {
     loaded = false;
+    youtubeAsk++;
     mustReach = null;
     audio.pause();
     audio.removeAttribute('src');
@@ -764,6 +807,7 @@
     sync.start = true;
     applyKind();
     setSession();
+    if (!audio.getAttribute('src')) { report(); syncSoon(); return; }   // a stream still being found
     const p = audio.play();
     if (p && p.catch) {
       p.catch(err => {
@@ -935,6 +979,7 @@
     loaded = false;
     startAt = at;
     mustReach = null;
+    youtubeStale = true;
     if (play && ++failures <= 3) { resume(); return; }
     error = 'MEDIA_ERR_' + (audio.error ? audio.error.code : 0);
     wantPlay = false;
diff --git a/static/js/sw.js b/static/js/sw.js
index 9e77855..00c945a 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v111';
+const CACHE = 'diora-v112';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 3e843aea9f866b8c85f4a6093d3e8f3f1f06a74b Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 11:11:44 +0200
Subject: [PATCH 113/176] =?UTF-8?q?Abo=20umziehen:=20Feed-Adresse=20=C3=A4?=
 =?UTF-8?q?ndern,=20alles=20behalten?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

POST /podcasts/feeds/<id>/move/ gibt einem Abo eine neue Adresse und
behält Einstellungen, Folgen, Stellen, Gespielt- und Favoriten-Markierungen
und die Warteschlange. Bei einer YouTube-Adresse werden Folgen, deren Datei
nach ihrem Video benannt ist (podsync-artige Server), zu diesem Video, damit
der Kanal-Feed sie wiederfindet statt sie doppelt anzulegen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/youtube.md          |  9 ++++++
 podcasts/test_youtube.py | 65 ++++++++++++++++++++++++++++++++++++++++
 podcasts/urls.py         |  1 +
 podcasts/views.py        | 62 ++++++++++++++++++++++++++++++++++++++
 podcasts/youtube.py      | 10 +++++++
 5 files changed, 147 insertions(+)

diff --git a/docs/youtube.md b/docs/youtube.md
index 3ef30d5..4e1be4c 100644
--- a/docs/youtube.md
+++ b/docs/youtube.md
@@ -27,6 +27,15 @@ sound**: each app finds the audio stream itself.
   `{"ready": true, "spans": [], "error": "youtube"}` (skip silence is up to the
   app, as on Android anyway).
 
+- `POST /podcasts/feeds/<id>/move/ {"rss_url": …}` gives an existing subscription a
+  new address and keeps everything (settings, episodes, places, played and favourite
+  marks, queue). Moved to a YouTube address, every episode whose file is named after
+  its video (`…/<11-character id>.mp3`, as podsync-like servers name them) becomes
+  that video (`guid` `yt:video:<id>`, `audio_url` its `watch?v=` page), so the
+  channel's feed finds it again instead of adding it twice. Used to move channels
+  that came through such a server (it downloaded the sound on the server) to the
+  channel itself.
+
 ## Apps
 
 A client that sees a `watch?v=` address resolves it **itself, on the device,
diff --git a/podcasts/test_youtube.py b/podcasts/test_youtube.py
index 215615c..e52734c 100644
--- a/podcasts/test_youtube.py
+++ b/podcasts/test_youtube.py
@@ -192,3 +192,68 @@ class YouTubeFeedTests(TestCase):
         save({'position_seconds': 20, 'duration_seconds': 5})   # known now: not changed again
         ep.refresh_from_db()
         self.assertEqual(ep.duration_seconds, 929)
+
+
+class MoveFeedTests(TestCase):
+    """A channel fed through another server (podsync-like) moved to the channel itself."""
+    OLD = 'http://creamfresh.example:8001/feed/abc/rss.xml'
+
+    def setUp(self):
+        from .models import EpisodeProgress, PodcastQueue
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url=self.OLD, title='Tages Schau',
+                                               playback_speed=1.2, http_etag='"x"')
+        mk = lambda vid, title, guid=None: PodcastEpisode.objects.create(
+            feed=self.feed, guid=guid or f'old-{vid}', title=title, duration_seconds=600,
+            audio_url=f'http://creamfresh.example:8001/feed/abc/audio/{vid}.mp3')
+        self.newest = mk('aaaaaaaaaaa', 'Video eins')
+        self.older = mk('zzzzzzzzzzz', 'Altes Video')            # no longer in the channel's feed
+        self.trailer = mk('UCs8mbJ-M142ZskR5VR0gBig', 'Kanal - Videos')
+        EpisodeProgress.objects.create(user=self.user, episode=self.newest, position_seconds=0, played=True)
+        EpisodeProgress.objects.create(user=self.user, episode=self.older, position_seconds=300, favorite=True)
+        PodcastQueue.objects.create(user=self.user, episode=self.older, position=0)
+
+    def move(self, url):
+        def fetch(u, **kw):
+            self.assertEqual(kw.get('etag', ''), '')   # the old address's validators are gone
+            return FeedFetch(200, feedparser.parse(FEED_XML))
+        with patch('podcasts.youtube.requests.get', lambda u, **kw: _Page(PAGE)), \
+                patch('podcasts.views._fetch_feed', fetch):
+            return self.client.post(f'/podcasts/feeds/{self.feed.pk}/move/', json.dumps({'rss_url': url}),
+                                    content_type='application/json')
+
+    def test_the_subscription_keeps_everything_and_its_episodes_become_videos(self):
+        from .models import EpisodeProgress, PodcastQueue
+        r = self.move('https://www.youtube.com/@tagesschau')
+        self.assertEqual(r.status_code, 200, r.content)
+        self.assertEqual(r.json()['videos'], 2)
+        self.feed.refresh_from_db()
+        self.assertEqual(self.feed.rss_url, f'{youtube.FEED}?channel_id={CHANNEL}')
+        self.assertEqual(self.feed.playback_speed, 1.2)
+        self.assertEqual(self.feed.artwork_url, 'https://yt3.example/pic.jpg')
+        self.newest.refresh_from_db()
+        self.older.refresh_from_db()
+        self.trailer.refresh_from_db()
+        self.assertEqual((self.newest.guid, self.newest.audio_url), ('yt:video:aaaaaaaaaaa', youtube.WATCH + 'aaaaaaaaaaa'))
+        self.assertEqual(self.older.audio_url, youtube.WATCH + 'zzzzzzzzzzz')
+        self.assertTrue(self.trailer.audio_url.endswith('.mp3'))   # not a video: left as it was
+        # Video eins came again with the channel's feed: the same episode, not a second one.
+        self.assertEqual(PodcastEpisode.objects.filter(title='Video eins').count(), 1)
+        self.assertEqual(set(PodcastEpisode.objects.values_list('title', flat=True)),
+                         {'Video eins', 'Video zwei', 'Altes Video', 'Kanal - Videos'})
+        self.assertTrue(EpisodeProgress.objects.get(episode=self.newest).played)
+        p = EpisodeProgress.objects.get(episode=self.older)
+        self.assertEqual((p.position_seconds, p.favorite), (300, True))
+        self.assertTrue(PodcastQueue.objects.filter(episode=self.older).exists())
+
+    def test_an_address_subscribed_already_is_refused(self):
+        PodcastFeed.objects.create(user=self.user, rss_url=f'{youtube.FEED}?channel_id={CHANNEL}', title='x')
+        self.assertEqual(self.move('https://www.youtube.com/@tagesschau').status_code, 409)
+        self.feed.refresh_from_db()
+        self.assertEqual(self.feed.rss_url, self.OLD)
+
+    def test_only_ones_own_feed(self):
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        self.client.force_login(bob)
+        self.assertEqual(self.move('https://www.youtube.com/@tagesschau').status_code, 404)
diff --git a/podcasts/urls.py b/podcasts/urls.py
index 2ec6463..a6ebd46 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -13,6 +13,7 @@ urlpatterns = [
     path('feeds/<int:pk>/remove/', views.remove_feed, name='podcast_remove_feed'),
     path('feeds/<int:pk>/set-auto-queue/', views.set_auto_queue, name='podcast_set_auto_queue'),
     path('feeds/<int:pk>/settings/', views.feed_settings, name='podcast_feed_settings'),
+    path('feeds/<int:pk>/move/', views.move_feed, name='podcast_move_feed'),
     path('feeds/<int:pk>/episodes/', views.feed_episodes, name='podcast_feed_episodes'),
     path('episodes/', views.episode_list, name='podcast_episode_list'),
     path('episodes/favorite/', views.set_favorites, name='podcast_set_favorites'),
diff --git a/podcasts/views.py b/podcasts/views.py
index 45257bb..ce5e208 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -1012,6 +1012,68 @@ FEED_SETTING_PARSERS = {
 }
 
 
+@csrf_exempt
+@require_http_methods(['POST'])
+def move_feed(request, pk):
+    """Give a subscription a new address, keeping it: its settings, episodes, places,
+    played and favourite marks, queue entries. For a podcast that moved, or one that was
+    a YouTube channel fed through some other server (a podsync-like one): moved to the
+    channel itself (a YouTube address of any kind), each episode whose file was named
+    after its video becomes that video (docs/youtube.md), so the channel's feed finds it
+    again instead of adding it twice. {"ok", "rss_url", "videos": episodes made videos,
+    "new_episodes"}."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        body = json.loads(request.body)
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    feed = PodcastFeed.objects.filter(pk=pk, user=request.user).first()
+    if feed is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    rss_url = str(body.get('rss_url') or '').strip()
+    if not rss_url.startswith(('http://', 'https://')) or len(rss_url) > 1000:
+        return JsonResponse({'error': 'rss_url required'}, status=400)
+    artwork = ''
+    if youtube_mod.is_youtube(rss_url) and not youtube_mod.is_feed(rss_url):
+        try:
+            found = youtube_mod.resolve(rss_url)
+        except youtube_mod.NotAChannel as e:
+            return JsonResponse({'error': f'No YouTube channel there ({e})'}, status=400)
+        rss_url, artwork = found['feed'], found['artwork']
+    if rss_url != feed.rss_url and PodcastFeed.objects.filter(user=request.user, rss_url=rss_url).exists():
+        return JsonResponse({'error': 'already subscribed at that address'}, status=409)
+
+    videos = 0
+    with transaction.atomic():
+        if youtube_mod.is_feed(rss_url):
+            taken = set(feed.episodes.values_list('guid', flat=True))
+            changed = []
+            for ep in feed.episodes.only('id', 'guid', 'audio_url'):
+                vid = youtube_mod.video_id_in(ep.audio_url)
+                guid = f'yt:video:{vid}' if vid else ''
+                if not vid or (guid in taken and ep.guid != guid):
+                    continue   # not named after a video, or that video is here already
+                taken.add(guid)
+                ep.guid, ep.audio_url = guid, youtube_mod.WATCH + vid
+                changed.append(ep)
+            PodcastEpisode.objects.bulk_update(changed, ['guid', 'audio_url'], batch_size=200)
+            videos = len(changed)
+        feed.rss_url = rss_url
+        if artwork:
+            feed.artwork_url = artwork[:1000]
+        # Whatever the old address answered says nothing about the new one.
+        feed.http_etag = feed.http_last_modified = feed.http_body_hash = ''
+        feed.save()
+    try:
+        # Videos the old address didn't carry that came out before its last refresh aren't news.
+        new_episodes = _refresh_feed(feed, full=True)
+    except Exception as e:  # moved all the same: the next refresh tries again
+        log.warning('feed %s moved, first refresh failed: %s', feed.pk, e)
+        new_episodes = 0
+    return JsonResponse({'ok': True, 'rss_url': feed.rss_url, 'videos': videos, 'new_episodes': new_episodes})
+
+
 @csrf_exempt
 @require_http_methods(['POST'])
 def feed_settings(request, pk):
diff --git a/podcasts/youtube.py b/podcasts/youtube.py
index 15dab4f..e8e53e2 100644
--- a/podcasts/youtube.py
+++ b/podcasts/youtube.py
@@ -78,6 +78,16 @@ def video_url(entry):
     return WATCH + vid
 
 
+def video_id_in(audio_url):
+    """The video an episode is, judged by its address: a watch page, or a file named after
+    the video (as servers that turn channels into podcasts name them), '' otherwise."""
+    if is_video(audio_url):
+        return audio_url[len(WATCH):]
+    path = urllib.parse.urlsplit(audio_url).path
+    m = re.search(r'/([\w-]{11})\.(?:mp3|m4a|mp4|webm|opus|ogg|aac)$', path)
+    return m.group(1) if m else ''
+
+
 def entry_artwork(entry):
     thumbs = entry.get('media_thumbnail') or []
     return (thumbs[0].get('url') or '') if thumbs else ''

From a3673a6042f6cb4d8723bf8d5c831f5c7b3a8c65 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 11:15:42 +0200
Subject: [PATCH 114/176] =?UTF-8?q?YouTube:=20Kanal=20eines=20Videos=20auc?=
 =?UTF-8?q?h=20=C3=BCber=20externalChannelId=20finden?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/test_youtube.py | 6 ++++++
 podcasts/youtube.py      | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/podcasts/test_youtube.py b/podcasts/test_youtube.py
index e52734c..3722fba 100644
--- a/podcasts/test_youtube.py
+++ b/podcasts/test_youtube.py
@@ -91,6 +91,12 @@ class ResolveTests(TestCase):
         self.assertEqual((found['title'], found['artwork']), ('', ''))
         self.assertEqual(seen, [youtube.WATCH + 'aaaaaaaaaaa'])
 
+    def test_a_video_whose_details_hold_objects_still_names_its_channel(self):
+        page = (f'<script>{{"channelId":"{FEATURED}"}};{{"videoDetails":{{"videoId":"aaaaaaaaaaa",'
+                f'"thumbnail":{{"x":1}},"channelId":"{CHANNEL}","isOwnerViewing":false}}}}</script>')
+        found, _ = self.resolve(youtube.WATCH + 'aaaaaaaaaaa', page)
+        self.assertEqual(found['feed'], f'{youtube.FEED}?channel_id={CHANNEL}')
+
     def test_a_playlist_has_its_own_feed(self):
         found, _ = self.resolve('https://www.youtube.com/playlist?list=PLabcdefghijk')
         self.assertEqual(found['feed'], f'{youtube.FEED}?playlist_id=PLabcdefghijk')
diff --git a/podcasts/youtube.py b/podcasts/youtube.py
index e8e53e2..d15fe6c 100644
--- a/podcasts/youtube.py
+++ b/podcasts/youtube.py
@@ -38,6 +38,8 @@ _OWN_CHANNEL = (
     r'"externalId":"(UC[\w-]{22})"',
     r'<meta itemprop="identifier" content="(UC[\w-]{22})"',
     r'"videoDetails":\{[^{}]*?"channelId":"(UC[\w-]{22})"',
+    r'"externalChannelId":"(UC[\w-]{22})"',             # a video's owner, in its microformat
+    r'"channelId":"(UC[\w-]{22})","isOwnerViewing"',    # videoDetails with braces before it
 )
 
 

From 5be1b3fbaf689b5953a6826605eccf4b3e41afdb Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 13:05:00 +0200
Subject: [PATCH 115/176] =?UTF-8?q?H=C3=B6rb=C3=BCcher:=20Podcasts=20als?=
 =?UTF-8?q?=20H=C3=B6rbuch=20markieren=20und=20in=20=E2=80=9EB=C3=BCcher?=
 =?UTF-8?q?=E2=80=9C=20h=C3=B6ren?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ein Abo lässt sich als Hörbuch (oder Hörspiel) markieren (PodcastFeed.kind).
Es verlässt dann die Podcast-Welt: keine „Neu“-Folgen, keine Warteschlangen-
Automatik, nicht in „Folgen“. In der Bibliothek steht es neben den E-Books
(static/js/audiobooks.js, eine Datei für Web, Desktop und Android):
„Weiterhören“, ein Fortschritt pro Buch, die Kapitel in Reihenfolge,
Lesezeichen mit Notiz, Schlummer bis Kapitelende.

Server: /podcasts/audiobooks/ (+<id>/), /podcasts/bookmarks/…, Migration 0019.
Player (podcasts-web.js): podcastPlayBook spielt die Kapitel nacheinander
außerhalb der Warteschlange; ⏭ markiert nicht als gehört. Vertrag:
docs/audiobooks.md. native-podcast.js aus diora-android 7b1d500.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/audiobooks.md                     | 112 +++++
 podcasts/audiobooks.py                 | 212 +++++++++
 podcasts/migrations/0019_audiobooks.py |  35 ++
 podcasts/models.py                     |  21 +
 podcasts/test_audiobooks.py            | 135 ++++++
 podcasts/tests.py                      |   4 +-
 podcasts/urls.py                       |   7 +-
 podcasts/views.py                      |  20 +-
 static/js/audiobooks.js                | 600 +++++++++++++++++++++++++
 static/js/podcasts-web.js              |  44 +-
 static/js/sw.js                        |   3 +-
 static/podcasts/native-podcast.js      | 182 ++++----
 static/podcasts/podcast-ui.css         | 190 +-------
 templates/radio/player.html            |   1 +
 14 files changed, 1283 insertions(+), 283 deletions(-)
 create mode 100644 docs/audiobooks.md
 create mode 100644 podcasts/audiobooks.py
 create mode 100644 podcasts/migrations/0019_audiobooks.py
 create mode 100644 podcasts/test_audiobooks.py
 create mode 100644 static/js/audiobooks.js

diff --git a/docs/audiobooks.md b/docs/audiobooks.md
new file mode 100644
index 0000000..00d57af
--- /dev/null
+++ b/docs/audiobooks.md
@@ -0,0 +1,112 @@
+# Audiobooks (Hörbücher & Hörspiele)
+
+A podcast subscription can be marked as an audiobook. It then leaves the
+podcast world (no "Neu", no queue automation, not in the podcast lists) and
+shows up in the library ("Bücher") next to the e-books, where it is listened to
+like a book: its episodes are chapters in order, "Weiterhören" goes on where
+the last chapter stopped, the whole book has one progress, places can be kept
+as bookmarks with a note, and the sleep timer can stop at the end of a chapter.
+
+## Server (diora-web)
+
+### The mark
+
+`PodcastFeed.kind`: `"podcast"` (default) or `"audiobook"`. A feed setting like
+the others: in `state.feeds[]` (`/podcasts/state/`), set with
+`POST /podcasts/feeds/<id>/settings/ {"kind": "audiobook"}`.
+
+Marked as an audiobook:
+- its episodes leave "Neu" (dismissed, not played); new ones never get there
+  and are never queued, whatever `new_episodes` says;
+- it is left out of "Folgen" (`/podcasts/episodes/` without `feed_id`);
+- nothing else changes: places, played marks, downloads, settings stay.
+  Episodes of it already in the queue stay there until played or removed.
+
+### Chapters and progress
+
+Chapter order: `episode_number` (if set), then `pub_date`, then the title in
+natural order ("Kapitel 2" before "Kapitel 10"), then id.
+
+`GET /podcasts/audiobooks/` → `{"books": [book, …]}`, the last listened first:
+
+```
+book = {
+  "feed_id", "title", "author", "artwork_url",
+  "chapters": 24, "done": 6,                 // played chapters
+  "total_seconds": 32400, "heard_seconds": 11400,
+  "next": {"episode_id", "index", "position_seconds"} | null,   // null: finished
+  "last_played_at": ISO | null
+}
+```
+
+`heard_seconds` = played chapters' durations + the places in the others.
+Durations the feed doesn't have count as 0 until a player reports them
+(`progress/save` with `duration_seconds`, see youtube.md).
+
+`GET /podcasts/audiobooks/<feed_id>/` → `{"book": book, "chapters": [ch, …],
+"bookmarks": [bm, …]}` with
+
+```
+ch = {   // the queue entry's shape, so it can be handed to the player as it is
+  "episode__id", "episode__title", "episode__audio_url", "episode__duration_seconds",
+  "episode__artwork_url", "episode__feed__id", "episode__feed__title",
+  "episode__feed__artwork_url", "episode__pub_date", "position_seconds", "played",
+  "index"
+}
+bm = {"id", "episode_id", "position_ms", "note", "created_at"}   // in chapter order, then place
+```
+
+### Bookmarks
+
+- `POST /podcasts/bookmarks/ {"episode_id", "position_ms", "note"}` → `{"ok", "bookmark": bm}`
+- `POST /podcasts/bookmarks/<id>/ {"note"}` → `{"ok", "bookmark": bm}`
+- `POST /podcasts/bookmarks/<id>/delete/` → `{"ok"}`
+
+Any episode can have bookmarks; the library shows those of audiobooks.
+
+## The player (both hosts: podcasts-web.js and Android)
+
+One new host call, next to `podcastPlayEpisode`:
+
+`podcastPlayBook(json)` with `json = {"feed_id", "chapters": [ch, …], "index", "position_ms"}`
+(`position_ms` optional: else the chapter's own place)
+
+- plays `chapters[index]` **without putting anything in the queue**;
+- the book is what plays next: when a chapter ends it counts as played and the
+  next chapter follows from its own place; after the last one playing stops;
+  "next" (⏭, media keys) goes to the next chapter without marking the one left
+  as played;
+- playing anything else (a queue episode, the radio's own handover aside) ends
+  the book context; the book context survives a restart of the page/app;
+- the sleep timer needs nothing new: "end of chapter" is `podcastSleep(-1)`
+  (end of the episode) or, for an episode with chapters of its own, the minutes
+  until that chapter's end (`podcastSleep(ms / 60000)`, fractions are fine).
+
+`playerState()` (unchanged) tells the library which chapter plays where.
+
+## The library (diora-web `static/js/audiobooks.js`, everywhere)
+
+One file for the web page, the desktop app and the Android app (like
+feeds.js; full flavour only, it needs the podcast host). It draws into
+`#tab-books`, above `#book-list`, in its own container `#audiobook-shelf`:
+
+- "Weiterhören": the audiobook listened to last (unless finished);
+- "Hörbücher": a card per audiobook — picture, title, author,
+  "3 h 10 von 9 h · Kapitel 7/24" and a progress bar;
+- "+ Hörbuch": pick one of the podcast subscriptions to mark as an audiobook;
+- the book view: picture, progress, ▶ Weiterhören / Von vorn, the chapter list
+  (tap: play it from its place; played ones ✓), bookmarks (tap: play from there;
+  note editable; ✕), "+ Lesezeichen" (at the place where this book plays now),
+  "Schlummer: Kapitelende", and ⋮ → "Wieder als Podcast", "Alles als ungehört".
+
+It talks to the server with fetch and to the player through the host
+(`window.DioraNative` on Android, `window.DioraPodcastHost` elsewhere):
+`podcastState`, `podcastFeedSettings`, `podcastPlayBook`, `playerState`,
+`podcastSleep`, `podcastMarkPlayedAll`.
+
+## The podcast UI (native-podcast.js, diora-android)
+
+- feed settings sheet: "Als Hörbuch" (sets `kind`);
+- audiobook feeds left out of Abos, Neu, Folgen, search results of the
+  subscriptions; a hint "In Bücher → Hörbücher" where one was moved;
+- the player shows a book chapter as "Kapitel 7/24 · <book>" when it plays one.
diff --git a/podcasts/audiobooks.py b/podcasts/audiobooks.py
new file mode 100644
index 0000000..707ccf9
--- /dev/null
+++ b/podcasts/audiobooks.py
@@ -0,0 +1,212 @@
+"""Audiobooks: podcast subscriptions marked as one (PodcastFeed.kind), listened to like
+a book in the library — chapters in order, one progress, bookmarks (docs/audiobooks.md)."""
+import json
+import re
+from datetime import datetime, timezone as dt_timezone
+
+from django.db.models import Max, Q
+from django.http import JsonResponse
+from django.views.decorators.csrf import csrf_exempt
+from django.views.decorators.http import require_http_methods
+
+from .models import EpisodeBookmark, EpisodeProgress, PodcastEpisode, PodcastFeed
+
+MAX_NOTE = 1000
+_FAR = datetime.max.replace(tzinfo=dt_timezone.utc)
+_DIGITS = re.compile(r'(\d+)')
+
+CHAPTER_FIELDS = ('id', 'title', 'audio_url', 'duration_seconds', 'artwork_url', 'pub_date', 'episode_number')
+
+
+def _natural(title):
+    """'Kapitel 2' before 'Kapitel 10'."""
+    return [int(part) if part.isdigit() else part.casefold() for part in _DIGITS.split(title or '')]
+
+
+def chapter_key(ep):
+    number = ep['episode_number']
+    return (number is None, number or 0, ep['pub_date'] or _FAR, _natural(ep['title']), ep['id'])
+
+
+def _chapters(user, feed):
+    """The feed's episodes in chapter order, with the user's place and played mark."""
+    eps = sorted(PodcastEpisode.objects.filter(feed=feed).values(*CHAPTER_FIELDS), key=chapter_key)
+    progress = {
+        p['episode_id']: p for p in EpisodeProgress.objects.filter(user=user, episode__feed=feed)
+        .values('episode_id', 'position_seconds', 'played', 'updated_at')
+    }
+    out = []
+    for i, ep in enumerate(eps):
+        p = progress.get(ep['id']) or {}
+        out.append({
+            'episode__id': ep['id'],
+            'episode__title': ep['title'],
+            'episode__audio_url': ep['audio_url'],
+            'episode__duration_seconds': ep['duration_seconds'],
+            'episode__artwork_url': ep['artwork_url'],
+            'episode__feed__id': feed.id,
+            'episode__feed__title': feed.title,
+            'episode__feed__artwork_url': feed.artwork_url,
+            'episode__pub_date': ep['pub_date'].isoformat() if ep['pub_date'] else None,
+            'position_seconds': p.get('position_seconds') or 0,
+            'played': bool(p.get('played')),
+            'index': i,
+            # When it was last listened to (a place or played), for where the book goes on.
+            '_heard_at': p.get('updated_at') if (p.get('played') or p.get('position_seconds')) else None,
+        })
+    return out
+
+
+def _next(chapters):
+    """Where the book goes on: in the chapter listened to last if it isn't finished, else
+    in the first unfinished one after it (or before it, when the end was reached). Never
+    listened: the first unfinished one. None: all finished."""
+    open_ = [ch for ch in chapters if not ch['played']]
+    if not open_:
+        return None
+    heard = [ch for ch in chapters if ch['_heard_at']]
+    if heard:
+        last = max(heard, key=lambda ch: ch['_heard_at'])
+        after = [ch for ch in open_ if ch['index'] >= last['index']]
+        ch = after[0] if after else open_[0]
+    else:
+        ch = open_[0]
+    return {'episode_id': ch['episode__id'], 'index': ch['index'], 'position_seconds': ch['position_seconds']}
+
+
+def _book(feed, chapters, last_played_at):
+    total = heard = done = 0
+    for ch in chapters:
+        dur = max(ch['episode__duration_seconds'] or 0, 0)
+        total += dur
+        if ch['played']:
+            done += 1
+            heard += dur
+        elif dur:
+            heard += min(ch['position_seconds'], dur)
+    nxt = _next(chapters)
+    return {
+        'feed_id': feed.id, 'title': feed.title, 'author': feed.author, 'artwork_url': feed.artwork_url,
+        'chapters': len(chapters), 'done': done, 'total_seconds': total, 'heard_seconds': heard,
+        'next': nxt, 'last_played_at': last_played_at.isoformat() if last_played_at else None,
+    }
+
+
+def _bookmark_json(bm):
+    return {'id': bm.id, 'episode_id': bm.episode_id, 'position_ms': bm.position_ms, 'note': bm.note,
+            'created_at': bm.created_at.isoformat()}
+
+
+def _last_played(user, feed_ids):
+    """When each book was last listened to: a place or a played mark, not the rows that
+    only took its chapters out of "Neu" when it was marked."""
+    return dict(
+        EpisodeProgress.objects.filter(user=user, episode__feed_id__in=feed_ids)
+        .filter(Q(position_seconds__gt=0) | Q(played=True))
+        .values('episode__feed_id').annotate(at=Max('updated_at')).values_list('episode__feed_id', 'at')
+    )
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def audiobook_list(request):
+    """The user's audiobooks with their progress, the last listened first."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    feeds = list(PodcastFeed.objects.filter(user=request.user, kind=PodcastFeed.AUDIOBOOK))
+    last = _last_played(request.user, [f.id for f in feeds])
+    books = [_book(f, _chapters(request.user, f), last.get(f.id)) for f in feeds]
+    books.sort(key=lambda b: b['title'].casefold())
+    books.sort(key=lambda b: b['last_played_at'] or '', reverse=True)   # never listened: last
+    return JsonResponse({'books': books})
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def audiobook_detail(request, feed_id):
+    """One audiobook: its progress, its chapters (shaped like queue entries, for the
+    player) and its bookmarks in chapter order."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    feed = PodcastFeed.objects.filter(pk=feed_id, user=request.user, kind=PodcastFeed.AUDIOBOOK).first()
+    if feed is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    chapters = _chapters(request.user, feed)
+    order = {ch['episode__id']: ch['index'] for ch in chapters}
+    marks = sorted(EpisodeBookmark.objects.filter(user=request.user, episode__feed=feed),
+                   key=lambda bm: (order.get(bm.episode_id, 0), bm.position_ms, bm.id))
+    book = _book(feed, chapters, _last_played(request.user, [feed.id]).get(feed.id))
+    for ch in chapters:
+        del ch['_heard_at']
+    return JsonResponse({
+        'book': book,
+        'chapters': chapters,
+        'bookmarks': [_bookmark_json(bm) for bm in marks],
+    })
+
+
+def _body(request):
+    try:
+        body = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return None
+    return body if isinstance(body, dict) else None
+
+
+def _note(value):
+    if value is None:
+        return ''
+    if not isinstance(value, str):
+        raise ValueError
+    return value.strip()[:MAX_NOTE]
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def bookmark_add(request):
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    body = _body(request)
+    if body is None:
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    episode = PodcastEpisode.objects.filter(pk=body.get('episode_id'), feed__user=request.user).first() \
+        if isinstance(body.get('episode_id'), int) else None
+    if episode is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    pos = body.get('position_ms')
+    if not isinstance(pos, (int, float)) or isinstance(pos, bool) or not 0 <= pos < 2 ** 31:
+        return JsonResponse({'error': 'invalid position_ms'}, status=400)
+    try:
+        note = _note(body.get('note'))
+    except ValueError:
+        return JsonResponse({'error': 'invalid note'}, status=400)
+    bm = EpisodeBookmark.objects.create(user=request.user, episode=episode, position_ms=int(pos), note=note)
+    return JsonResponse({'ok': True, 'bookmark': _bookmark_json(bm)})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def bookmark_update(request, pk):
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    bm = EpisodeBookmark.objects.filter(pk=pk, user=request.user).first()
+    body = _body(request)
+    if bm is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    if body is None:
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    try:
+        bm.note = _note(body.get('note'))
+    except ValueError:
+        return JsonResponse({'error': 'invalid note'}, status=400)
+    bm.save(update_fields=['note'])
+    return JsonResponse({'ok': True, 'bookmark': _bookmark_json(bm)})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def bookmark_delete(request, pk):
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    EpisodeBookmark.objects.filter(pk=pk, user=request.user).delete()
+    return JsonResponse({'ok': True})
diff --git a/podcasts/migrations/0019_audiobooks.py b/podcasts/migrations/0019_audiobooks.py
new file mode 100644
index 0000000..3323ded
--- /dev/null
+++ b/podcasts/migrations/0019_audiobooks.py
@@ -0,0 +1,35 @@
+# Generated by Django 6.1 on 2026-10-16 10:38
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0018_episode_silences'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='kind',
+            field=models.CharField(choices=[('podcast', 'Podcast'), ('audiobook', 'Hörbuch')], default='podcast', max_length=10),
+        ),
+        migrations.CreateModel(
+            name='EpisodeBookmark',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('position_ms', models.PositiveIntegerField()),
+                ('note', models.CharField(blank=True, max_length=1000)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('episode', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='bookmarks', to='podcasts.podcastepisode')),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='episode_bookmarks', to=settings.AUTH_USER_MODEL)),
+            ],
+            options={
+                'ordering': ['position_ms', 'id'],
+            },
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index a3c95af..28dc2fd 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -19,6 +19,11 @@ class PodcastFeed(models.Model):
     ]
     # Volume factors: below 1 quieter, above 1 louder (the apps boost those).
     VOLUMES = (0.2, 0.5, 1.0, 1.5, 2.0, 2.5)
+    # What it is: a podcast, or an audiobook (Hörbuch, Hörspiel), which lives in the
+    # library: its episodes are chapters in order, never news (docs/audiobooks.md).
+    PODCAST = 'podcast'
+    AUDIOBOOK = 'audiobook'
+    KINDS = [(PODCAST, 'Podcast'), (AUDIOBOOK, 'Hörbuch')]
 
     user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='podcast_feeds')
     rss_url = models.URLField(max_length=1000)
@@ -69,6 +74,7 @@ class PodcastFeed(models.Model):
     episode_filter = models.JSONField(default=list, blank=True)
     # Skip silence in this podcast's episodes: null = as the device is set.
     skip_silence = models.BooleanField(null=True, blank=True)
+    kind = models.CharField(max_length=10, choices=KINDS, default=PODCAST)
 
     # The vocabulary of episode_sort and episode_filter: the podcast page's
     # sort menu and filter chips (native-podcast.js EP_SORTS and FILTERS).
@@ -222,6 +228,21 @@ class EpisodeProgress(models.Model):
         return f'{self.user} - {self.episode}'
 
 
+class EpisodeBookmark(models.Model):
+    """A place in an episode kept with a note (an audiobook's bookmarks)."""
+    user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='episode_bookmarks')
+    episode = models.ForeignKey(PodcastEpisode, on_delete=models.CASCADE, related_name='bookmarks')
+    position_ms = models.PositiveIntegerField()
+    note = models.CharField(max_length=1000, blank=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    class Meta:
+        ordering = ['position_ms', 'id']
+
+    def __str__(self):
+        return f'{self.user} - {self.episode} @ {self.position_ms} ms'
+
+
 class PodcastQueue(models.Model):
     user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='podcast_queue')
     episode = models.ForeignKey(PodcastEpisode, on_delete=models.CASCADE, related_name='queued_by')
diff --git a/podcasts/test_audiobooks.py b/podcasts/test_audiobooks.py
new file mode 100644
index 0000000..da9014d
--- /dev/null
+++ b/podcasts/test_audiobooks.py
@@ -0,0 +1,135 @@
+import json
+from datetime import datetime, timedelta, timezone
+from unittest.mock import patch
+
+import feedparser
+from django.contrib.auth.models import User
+from django.test import TestCase
+
+from .models import EpisodeBookmark, EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue
+from .views import FeedFetch, _refresh_feed
+
+T0 = datetime(2026, 1, 1, tzinfo=timezone.utc)
+
+
+class AudiobookTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/book', title='Das Buch',
+                                               author='A. Autor', last_refreshed_at=T0)
+        # Out of order on purpose: the same date, chapter numbers only in the titles.
+        self.eps = {}
+        for title, dur in [('Kapitel 10', 600), ('Kapitel 2', 300), ('Kapitel 1', 100), ('Vorwort', 0)]:
+            self.eps[title] = PodcastEpisode.objects.create(
+                feed=self.feed, guid=title, title=title, audio_url=f'https://example.org/{title}.mp3',
+                duration_seconds=dur, pub_date=T0 - (timedelta(days=1) if title == 'Vorwort' else timedelta(0)))
+
+    def post(self, url, body):
+        return self.client.post(url, json.dumps(body), content_type='application/json')
+
+    def mark(self):
+        r = self.post(f'/podcasts/feeds/{self.feed.pk}/settings/', {'kind': 'audiobook'})
+        self.assertEqual(r.status_code, 200, r.content)
+        self.assertEqual(r.json()['kind'], 'audiobook')
+
+    def test_marking_takes_its_episodes_out_of_neu_without_playing_them(self):
+        self.mark()
+        self.assertIsNone(self.client.get('/podcasts/audiobooks/').json()['books'][0]['last_played_at'])
+        self.assertEqual(EpisodeProgress.objects.filter(episode__feed=self.feed, dismissed=True).count(), 4)
+        self.assertFalse(EpisodeProgress.objects.filter(played=True).exists())
+
+    def test_an_unknown_kind_is_refused(self):
+        r = self.post(f'/podcasts/feeds/{self.feed.pk}/settings/', {'kind': 'radio'})
+        self.assertEqual(r.status_code, 400)
+
+    def test_chapters_in_order_and_one_progress_for_the_book(self):
+        self.mark()
+        EpisodeProgress.objects.filter(episode=self.eps['Vorwort']).update(played=True)
+        EpisodeProgress.objects.filter(episode=self.eps['Kapitel 1']).update(played=True)
+        EpisodeProgress.objects.filter(episode=self.eps['Kapitel 2']).update(position_seconds=120)
+        d = self.client.get(f'/podcasts/audiobooks/{self.feed.pk}/').json()
+        self.assertEqual([c['episode__title'] for c in d['chapters']], ['Vorwort', 'Kapitel 1', 'Kapitel 2', 'Kapitel 10'])
+        self.assertEqual([c['index'] for c in d['chapters']], [0, 1, 2, 3])
+        book = d['book']
+        self.assertEqual((book['chapters'], book['done'], book['total_seconds'], book['heard_seconds']), (4, 2, 1000, 220))
+        self.assertEqual(book['next'], {'episode_id': self.eps['Kapitel 2'].pk, 'index': 2, 'position_seconds': 120})
+        listed = self.client.get('/podcasts/audiobooks/').json()['books']
+        self.assertEqual([b['feed_id'] for b in listed], [self.feed.pk])
+
+    def test_it_goes_on_where_it_was_listened_to_last_not_at_a_skipped_chapter(self):
+        self.mark()
+        # Started at Kapitel 1 (the foreword skipped), finished it, now in Kapitel 2.
+        EpisodeProgress.objects.filter(episode=self.eps['Kapitel 1']).update(played=True, position_seconds=100, updated_at=T0 + timedelta(hours=1))
+        EpisodeProgress.objects.filter(episode=self.eps['Kapitel 2']).update(position_seconds=30, updated_at=T0 + timedelta(hours=2))
+        nxt = self.client.get(f'/podcasts/audiobooks/{self.feed.pk}/').json()['book']['next']
+        self.assertEqual(nxt['episode_id'], self.eps['Kapitel 2'].pk)
+        # Kapitel 2 finished as well (last): on with Kapitel 10, not back to the foreword.
+        EpisodeProgress.objects.filter(episode=self.eps['Kapitel 2']).update(played=True, updated_at=T0 + timedelta(hours=3))
+        nxt = self.client.get(f'/podcasts/audiobooks/{self.feed.pk}/').json()['book']['next']
+        self.assertEqual(nxt['episode_id'], self.eps['Kapitel 10'].pk)
+        # The end reached with the foreword still open: that one.
+        EpisodeProgress.objects.filter(episode=self.eps['Kapitel 10']).update(played=True, updated_at=T0 + timedelta(hours=4))
+        nxt = self.client.get(f'/podcasts/audiobooks/{self.feed.pk}/').json()['book']['next']
+        self.assertEqual(nxt['episode_id'], self.eps['Vorwort'].pk)
+
+    def test_a_podcast_is_no_audiobook(self):
+        self.assertEqual(self.client.get(f'/podcasts/audiobooks/{self.feed.pk}/').status_code, 404)
+        self.assertEqual(self.client.get('/podcasts/audiobooks/').json()['books'], [])
+
+    def test_a_finished_book_has_no_next(self):
+        self.mark()
+        EpisodeProgress.objects.filter(episode__feed=self.feed).update(played=True)
+        self.assertIsNone(self.client.get('/podcasts/audiobooks/').json()['books'][0]['next'])
+
+    def test_audiobooks_stay_out_of_folgen(self):
+        self.mark()
+        self.assertEqual(self.client.get('/podcasts/episodes/').json()['episodes'], [])
+        d = self.client.get('/podcasts/episodes/', {'feed_id': self.feed.pk}).json()
+        self.assertEqual(len(d['episodes']), 4)   # in its own list they are
+
+    def test_new_chapters_never_go_to_neu_or_the_queue(self):
+        self.feed.new_episodes = PodcastFeed.NEW_QUEUE
+        self.feed.save()
+        self.mark()
+        rss = ('<?xml version="1.0"?><rss version="2.0"><channel><title>Das Buch</title>'
+               '<item><guid>neu</guid><title>Kapitel 11</title><pubDate>Mon, 05 Jan 2026 10:00:00 GMT</pubDate>'
+               '<enclosure url="https://example.org/11.mp3" type="audio/mpeg" length="1"/></item></channel></rss>')
+        self.feed.refresh_from_db()
+        with patch('podcasts.views._fetch_feed', lambda url, **kw: FeedFetch(200, feedparser.parse(rss))):
+            _refresh_feed(self.feed)
+        new = PodcastEpisode.objects.get(guid='neu')
+        self.assertFalse(PodcastQueue.objects.filter(episode=new).exists())
+        self.assertTrue(EpisodeProgress.objects.get(episode=new).dismissed)
+
+    def test_bookmarks(self):
+        self.mark()
+        ep = self.eps['Kapitel 2']
+        r = self.post('/podcasts/bookmarks/', {'episode_id': ep.pk, 'position_ms': 61500, 'note': '  Wichtig  '})
+        self.assertEqual(r.status_code, 200, r.content)
+        bm = r.json()['bookmark']
+        self.assertEqual((bm['episode_id'], bm['position_ms'], bm['note']), (ep.pk, 61500, 'Wichtig'))
+        self.post('/podcasts/bookmarks/', {'episode_id': self.eps['Kapitel 1'].pk, 'position_ms': 5})
+        marks = self.client.get(f'/podcasts/audiobooks/{self.feed.pk}/').json()['bookmarks']
+        self.assertEqual([m['episode_id'] for m in marks], [self.eps['Kapitel 1'].pk, ep.pk])   # chapter order
+        r = self.post(f'/podcasts/bookmarks/{bm["id"]}/', {'note': 'Anders'})
+        self.assertEqual(r.json()['bookmark']['note'], 'Anders')
+        self.post(f'/podcasts/bookmarks/{bm["id"]}/delete/', {})
+        self.assertEqual(EpisodeBookmark.objects.count(), 1)
+
+    def test_bookmarks_are_ones_own(self):
+        self.mark()
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        mine = EpisodeBookmark.objects.create(user=self.user, episode=self.eps['Kapitel 1'], position_ms=1)
+        self.client.force_login(bob)
+        self.assertEqual(self.post('/podcasts/bookmarks/', {'episode_id': self.eps['Kapitel 1'].pk, 'position_ms': 1}).status_code, 404)
+        self.assertEqual(self.post(f'/podcasts/bookmarks/{mine.pk}/', {'note': 'x'}).status_code, 404)
+        self.post(f'/podcasts/bookmarks/{mine.pk}/delete/', {})
+        self.assertTrue(EpisodeBookmark.objects.filter(pk=mine.pk).exists())
+        self.assertEqual(self.client.get(f'/podcasts/audiobooks/{self.feed.pk}/').status_code, 404)
+
+    def test_bad_bookmarks_are_refused(self):
+        ep = self.eps['Kapitel 1']
+        self.assertEqual(self.post('/podcasts/bookmarks/', {'episode_id': ep.pk, 'position_ms': -1}).status_code, 400)
+        self.assertEqual(self.post('/podcasts/bookmarks/', {'episode_id': ep.pk, 'position_ms': 'x'}).status_code, 400)
+        self.assertEqual(self.post('/podcasts/bookmarks/', {'episode_id': ep.pk, 'position_ms': 1, 'note': 5}).status_code, 400)
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 7a608dd..a576f99 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -1073,7 +1073,7 @@ class OpmlExportTests(TestCase):
 FEED_DEFAULTS = {
     'playback_speed': None, 'skip_intro': 0, 'skip_outro': 0, 'volume': 1.0, 'new_episodes': 'inbox',
     'include_words': '', 'exclude_words': '', 'min_duration': 0, 'auto_queue': False, 'auto_download': False,
-    'notify': False, 'episode_sort': '', 'episode_filter': [], 'skip_silence': None,
+    'notify': False, 'episode_sort': '', 'episode_filter': [], 'skip_silence': None, 'kind': 'podcast',
 }
 
 
@@ -1100,7 +1100,7 @@ class FeedSettingsTests(TestCase):
             'feed_id': self.feed.id, 'playback_speed': 1.5, 'skip_intro': 30, 'skip_outro': 600, 'volume': 2.0,
             'new_episodes': 'inbox', 'include_words': 'News, Talk', 'exclude_words': 'Teaser', 'min_duration': 10,
             'auto_queue': False, 'auto_download': False, 'notify': False,
-            'episode_sort': '', 'episode_filter': [], 'skip_silence': None,
+            'episode_sort': '', 'episode_filter': [], 'skip_silence': None, 'kind': 'podcast',
         })
         self.feed.refresh_from_db()
         self.assertEqual((self.feed.playback_speed, self.feed.skip_intro, self.feed.volume, self.feed.min_duration),
diff --git a/podcasts/urls.py b/podcasts/urls.py
index a6ebd46..ed6d08e 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -1,5 +1,5 @@
 from django.urls import path
-from . import views
+from . import audiobooks, views
 
 urlpatterns = [
     path('search/', views.podcast_search, name='podcast_search'),
@@ -14,6 +14,11 @@ urlpatterns = [
     path('feeds/<int:pk>/set-auto-queue/', views.set_auto_queue, name='podcast_set_auto_queue'),
     path('feeds/<int:pk>/settings/', views.feed_settings, name='podcast_feed_settings'),
     path('feeds/<int:pk>/move/', views.move_feed, name='podcast_move_feed'),
+    path('audiobooks/', audiobooks.audiobook_list, name='podcast_audiobooks'),
+    path('audiobooks/<int:feed_id>/', audiobooks.audiobook_detail, name='podcast_audiobook'),
+    path('bookmarks/', audiobooks.bookmark_add, name='podcast_bookmark_add'),
+    path('bookmarks/<int:pk>/', audiobooks.bookmark_update, name='podcast_bookmark_update'),
+    path('bookmarks/<int:pk>/delete/', audiobooks.bookmark_delete, name='podcast_bookmark_delete'),
     path('feeds/<int:pk>/episodes/', views.feed_episodes, name='podcast_feed_episodes'),
     path('episodes/', views.episode_list, name='podcast_episode_list'),
     path('episodes/favorite/', views.set_favorites, name='podcast_set_favorites'),
diff --git a/podcasts/views.py b/podcasts/views.py
index ce5e208..c67913f 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -692,14 +692,14 @@ def _apply_feed(feed_obj, fetched, full=False):
     # 'inbox' leaves them there.
     if new_episodes_list:
         unwanted = [e for e in new_episodes_list if not feed_obj.matches_filter(e.title, e.duration_seconds)]
-        if feed_obj.new_episodes == PodcastFeed.NEW_IGNORE:
-            unwanted = new_episodes_list
+        if feed_obj.new_episodes == PodcastFeed.NEW_IGNORE or feed_obj.kind == PodcastFeed.AUDIOBOOK:
+            unwanted = new_episodes_list   # an audiobook's new chapters wait in the library
         if unwanted:
             gone = {e.id for e in unwanted}
             _leave_inbox(feed_obj.user, list(gone))
             new_episodes_list = [e for e in new_episodes_list if e.id not in gone]
 
-    if feed_obj.new_episodes == PodcastFeed.NEW_QUEUE and new_episodes_list:
+    if feed_obj.new_episodes == PodcastFeed.NEW_QUEUE and new_episodes_list and feed_obj.kind != PodcastFeed.AUDIOBOOK:
         where = PodcastSettings.for_user(feed_obj.user).auto_queue_position
         # Newest first in front of what's there; oldest first when appended,
         # so the end of the queue plays in the order the episodes came out.
@@ -777,7 +777,7 @@ def feed_list(request):
 FEED_SETTING_FIELDS = (
     'playback_speed', 'skip_intro', 'skip_outro', 'volume',
     'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_queue', 'auto_download',
-    'notify', 'episode_sort', 'episode_filter', 'skip_silence',
+    'notify', 'episode_sort', 'episode_filter', 'skip_silence', 'kind',
 )
 
 
@@ -975,6 +975,12 @@ def _volume(value):
     return float(value)
 
 
+def _kind(value):
+    if value not in {key for key, _ in PodcastFeed.KINDS}:
+        raise ValueError
+    return value
+
+
 def _new_episodes(value):
     if value not in {key for key, _ in PodcastFeed.NEW_EPISODE_ACTIONS}:
         raise ValueError
@@ -1008,6 +1014,7 @@ FEED_SETTING_PARSERS = {
     'notify': _boolean,
     'episode_sort': _episode_sort,
     'episode_filter': _episode_filter,
+    'kind': _kind,
     'skip_silence': _optional_boolean,
 }
 
@@ -1099,10 +1106,13 @@ def feed_settings(request, pk):
                 changes[name] = parse(body[name])
             except (ValueError, TypeError, OverflowError):
                 return JsonResponse({'error': f'invalid {name}', 'field': name}, status=400)
+    became_book = changes.get('kind') == PodcastFeed.AUDIOBOOK and feed.kind != PodcastFeed.AUDIOBOOK
     if changes:
         for name, value in changes.items():
             setattr(feed, name, value)
         feed.save(update_fields=list(changes))
+    if became_book:   # an audiobook's chapters aren't news (docs/audiobooks.md)
+        _leave_inbox(request.user, list(feed.episodes.values_list('id', flat=True)))
     return JsonResponse(_feed_settings(feed))
 
 
@@ -1461,6 +1471,8 @@ def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, li
         qs = qs.filter(feed_id=feed_id)
     if ids is not None:
         qs = qs.filter(id__in=ids)
+    if feed_id is None and ids is None:   # audiobooks are listened to in the library
+        qs = qs.exclude(feed__kind=PodcastFeed.AUDIOBOOK)
     order = EPISODE_SORTS[sort or ('played' if 'history' in names else 'new')]
     if q and notes:
         qs = qs.filter(Q(title__icontains=q) | Q(description__icontains=q)).annotate(
diff --git a/static/js/audiobooks.js b/static/js/audiobooks.js
new file mode 100644
index 0000000..7e9ddd8
--- /dev/null
+++ b/static/js/audiobooks.js
@@ -0,0 +1,600 @@
+/*
+ * Audiobooks in the library (docs/audiobooks.md): podcast subscriptions marked as a
+ * Hörbuch or Hörspiel are listened to like a book, next to the e-books in "Bücher" —
+ * "Weiterhören", one progress per book, the chapters in order, bookmarks with a note,
+ * the sleep timer to the end of the chapter. The server knows the books
+ * (/podcasts/audiobooks/), the podcast host plays them (podcastPlayBook: the chapters in
+ * order, outside the queue). Runs in the web page, the desktop app and the Android app
+ * (not in diora Reader, which has no podcasts). Chrome-61-safe: no ?. / ??.
+ */
+(function () {
+  'use strict';
+  const tab = document.getElementById('tab-books');
+  const list = document.getElementById('book-list');
+  if (!tab || !list) return;
+  if (typeof IS_AUTHENTICATED !== 'undefined' && !IS_AUTHENTICATED) return;
+
+  // The podcast host: the app's own on Android, podcasts-web.js elsewhere.
+  function host() {
+    const n = window.DioraNative;
+    if (n && typeof n.podcastPlayBook === 'function') return n;
+    const h = window.DioraPodcastHost;
+    return h && typeof h.podcastPlayBook === 'function' ? h : null;
+  }
+
+  const st = {
+    books: null,       // /podcasts/audiobooks/ books
+    open: null,        // feed id of the book shown
+    detail: null,      // /podcasts/audiobooks/<id>/
+    picking: false,    // choosing a podcast to make an audiobook
+    pickQuery: '',
+    now: null,         // playerState() of the last poll
+  };
+
+  const shelf = document.createElement('div');
+  shelf.id = 'audiobook-shelf';
+  // Above the e-books, and above their "Gelesene anzeigen" switch (it is about them).
+  const filter = list.previousElementSibling;
+  const before = filter && filter.classList.contains('book-list-filter') ? filter : list;
+  list.parentNode.insertBefore(shelf, before);
+
+  // ---- helpers ------------------------------------------------------------------------
+
+  function esc(s) {
+    return String(s == null ? '' : s).replace(/[&<>"']/g, c =>
+      ({'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'}[c]));
+  }
+
+  function hours(seconds) {
+    const m = Math.round(Math.max(0, seconds) / 60);
+    if (m < 60) return m + ' min';
+    const h = Math.floor(m / 60);
+    return h + ' h' + (m % 60 ? ' ' + (m % 60) + ' min' : '');
+  }
+
+  function clock(ms) {
+    const s = Math.max(0, Math.floor(ms / 1000));
+    const h = Math.floor(s / 3600);
+    const mm = String(Math.floor(s / 60) % 60);
+    const ss = String(s % 60).padStart(2, '0');
+    return h ? h + ':' + mm.padStart(2, '0') + ':' + ss : mm + ':' + ss;
+  }
+
+  function progressText(b) {
+    const parts = [];
+    if (b.total_seconds > 0) parts.push(hours(b.heard_seconds) + ' von ' + hours(b.total_seconds));
+    if (!b.next) parts.push('fertig gehört');
+    else parts.push('Kapitel ' + (b.next.index + 1) + '/' + b.chapters);
+    return parts.join(' · ');
+  }
+
+  function pct(b) {
+    if (b.total_seconds > 0) return Math.min(100, Math.round(100 * b.heard_seconds / b.total_seconds));
+    return b.chapters ? Math.round(100 * b.done / b.chapters) : 0;
+  }
+
+  function cover(url, title, cls) {
+    const art = String(url || '').replace(/^http:/, 'https:');
+    return art
+      ? '<img class="' + cls + '" src="' + esc(art) + '" alt="" loading="lazy">'
+      : '<span class="' + cls + ' ab-nocover">' + esc((title || '?').trim().charAt(0).toUpperCase()) + '</span>';
+  }
+
+  function toast(text) {
+    let t = document.getElementById('ab-toast');
+    if (!t) {
+      t = document.createElement('div');
+      t.id = 'ab-toast';
+      document.body.appendChild(t);
+    }
+    t.textContent = text;
+    t.classList.add('ab-show');
+    clearTimeout(toast.timer);
+    toast.timer = setTimeout(() => t.classList.remove('ab-show'), 2600);
+  }
+
+  function cached(name, value) {
+    try {
+      if (value === undefined) return JSON.parse(localStorage.getItem('diora_ab_' + name) || 'null');
+      localStorage.setItem('diora_ab_' + name, JSON.stringify(value));
+    } catch (e) {}
+    return null;
+  }
+
+  async function api(path, body) {
+    const opts = {credentials: 'same-origin', cache: 'no-store'};
+    if (body !== undefined) {
+      opts.method = 'POST';
+      opts.headers = {'Content-Type': 'application/json'};
+      opts.body = JSON.stringify(body);
+    }
+    const r = await fetch(path, opts);
+    const d = await r.json().catch(() => null);
+    if (!r.ok || !d) throw new Error((d && d.error) || ('HTTP ' + r.status));
+    return d;
+  }
+
+  function podcastState() {
+    const h = host();
+    if (!h) return null;
+    try { return JSON.parse(h.podcastState()); } catch (e) { return null; }
+  }
+
+  function playerState() {
+    const h = host();
+    if (!h || typeof h.playerState !== 'function') return null;
+    try { return JSON.parse(h.playerState()); } catch (e) { return null; }
+  }
+
+  // The chapter of the open book playing (or paused) now, else null.
+  function nowInBook() {
+    const p = st.now;
+    const d = st.detail;
+    if (!p || !d || p.kind !== 'podcast') return null;
+    for (let i = 0; i < d.chapters.length; i++) {
+      if (d.chapters[i].episode__id === p.episodeId) return {index: i, pos: p.pos || 0, dur: p.dur || 0, playing: !!p.playing};
+    }
+    return null;
+  }
+
+  // ---- loading ------------------------------------------------------------------------
+
+  async function loadList() {
+    if (!host()) { shelf.innerHTML = ''; return; }
+    if (!st.books) { st.books = cached('books'); renderShelf(); }
+    try {
+      st.books = (await api('/podcasts/audiobooks/')).books || [];
+      cached('books', st.books);
+    } catch (e) {
+      if (!st.books) st.books = [];
+    }
+    renderShelf();
+  }
+
+  async function loadDetail(feedId) {
+    if (!st.detail || st.detail.book.feed_id !== feedId) st.detail = cached('book_' + feedId);
+    renderView();
+    try {
+      const d = await api('/podcasts/audiobooks/' + feedId + '/');
+      if (st.open !== feedId) return d;
+      st.detail = d;
+      cached('book_' + feedId, d);
+    } catch (e) {
+      if (!st.detail) toast('Das Hörbuch braucht eine Verbindung.');
+    }
+    renderView();
+    return st.detail;
+  }
+
+  // ---- the shelf in "Bücher" ------------------------------------------------------------
+
+  function renderShelf() {
+    const h = host();
+    const books = st.books || [];
+    const state = h ? podcastState() : null;
+    const pods = state && state.feeds ? state.feeds.filter(f => f.kind !== 'audiobook') : [];
+    if (!h || (!books.length && !pods.length)) { shelf.innerHTML = ''; return; }
+    let html = '';
+    const go = books.filter(b => b.next && b.last_played_at)[0];
+    if (go) {
+      html += '<div class="ab-continue" data-ab-open="' + go.feed_id + '">' +
+        cover(go.artwork_url, go.title, 'ab-cover ab-cover-s') +
+        '<div class="ab-card-text"><div class="ab-label">Weiterhören</div>' +
+        '<div class="ab-title">' + esc(go.title) + '</div>' +
+        '<div class="ab-meta">' + esc(progressText(go)) + '</div>' +
+        '<div class="ab-bar"><span style="width:' + pct(go) + '%"></span></div></div>' +
+        '<button type="button" class="ab-play" data-ab-go="' + go.feed_id + '" aria-label="Weiterhören">▶</button></div>';
+    }
+    html += '<div class="ab-head"><h3 class="ab-h">Hörbücher</h3>' +
+      (pods.length ? '<button type="button" class="ab-link" data-ab="pick">+ Hörbuch</button>' : '') + '</div>';
+    if (books.length) {
+      html += '<div class="ab-grid">' + books.map(b =>
+        '<button type="button" class="ab-card" data-ab-open="' + b.feed_id + '">' +
+        cover(b.artwork_url, b.title, 'ab-cover') +
+        '<span class="ab-card-text"><span class="ab-title">' + esc(b.title) + '</span>' +
+        (b.author ? '<span class="ab-meta">' + esc(b.author) + '</span>' : '') +
+        '<span class="ab-meta">' + esc(progressText(b)) + '</span>' +
+        '<span class="ab-bar"><span style="width:' + pct(b) + '%"></span></span></span></button>').join('') + '</div>';
+    } else {
+      html += '<p class="ab-empty">Podcasts, die eigentlich Hörbücher oder Hörspiele sind, lassen sich hier ' +
+        'wie ein Buch hören: in Kapitelreihenfolge, mit Lesezeichen. „+ Hörbuch“ wählt einen aus.</p>';
+    }
+    if (st.picking) html += pickHtml(pods);
+    shelf.innerHTML = html;
+    const input = shelf.querySelector('.ab-pick-q');
+    if (input && document.activeElement !== input && st.pickFocus) { input.focus(); st.pickFocus = false; }
+  }
+
+  function pickHtml(pods) {
+    const q = st.pickQuery.trim().toLowerCase();
+    const found = pods.filter(f => !q || (f.title + ' ' + (f.author || '')).toLowerCase().indexOf(q) >= 0)
+      .sort((a, b) => a.title.localeCompare(b.title)).slice(0, 60);
+    return '<div class="ab-pick"><div class="ab-pick-head"><strong>Welcher Podcast ist ein Hörbuch?</strong>' +
+      '<button type="button" class="ab-icon" data-ab="pick-close" aria-label="Schließen">✕</button></div>' +
+      '<input type="search" class="ab-pick-q" placeholder="Abo suchen …" value="' + esc(st.pickQuery) + '">' +
+      '<div class="ab-pick-list">' + found.map(f =>
+        '<button type="button" class="ab-row" data-ab-mark="' + f.id + '">' + cover(f.artwork_url, f.title, 'ab-cover ab-cover-xs') +
+        '<span class="ab-card-text"><span class="ab-title">' + esc(f.title) + '</span>' +
+        (f.author ? '<span class="ab-meta">' + esc(f.author) + '</span>' : '') + '</span></button>').join('') +
+      (found.length ? '' : '<p class="ab-empty">Kein Abo gefunden.</p>') + '</div></div>';
+  }
+
+  function setKind(feedId, kind) {
+    const h = host();
+    if (!h) return;
+    h.podcastFeedSettings(feedId, JSON.stringify({kind}));
+    // The host sends it on its own; the books are asked again once the server has it.
+    setTimeout(loadList, 900);
+    setTimeout(loadList, 3500);
+  }
+
+  // ---- the book --------------------------------------------------------------------------
+
+  let view = null;
+
+  function openBook(feedId) {
+    st.open = feedId;
+    if (!view) {
+      view = document.createElement('div');
+      view.id = 'ab-view';
+      view.addEventListener('click', onViewClick);
+      document.body.appendChild(view);
+    }
+    view.style.display = '';
+    document.documentElement.classList.add('ab-open');
+    view.scrollTop = 0;
+    poll();
+    loadDetail(feedId);
+  }
+
+  function closeBook() {
+    st.open = null;
+    if (view) view.style.display = 'none';
+    document.documentElement.classList.remove('ab-open');
+    loadList();
+  }
+
+  function renderView() {
+    if (!view || st.open == null) return;
+    const d = st.detail && st.detail.book.feed_id === st.open ? st.detail : null;
+    const fromList = (st.books || []).filter(b => b.feed_id === st.open)[0];
+    const b = d ? d.book : fromList;
+    if (!b) { view.innerHTML = '<div class="ab-top"><button type="button" class="ab-back" data-ab="close">‹ Bücher</button></div><p class="ab-empty">Wird geladen …</p>'; return; }
+    const now = nowInBook();
+    const marks = d ? d.bookmarks : [];
+    const titleOf = id => {
+      const ch = d ? d.chapters.filter(c => c.episode__id === id)[0] : null;
+      return ch ? 'Kapitel ' + (ch.index + 1) : '';
+    };
+    view.innerHTML =
+      '<div class="ab-top"><button type="button" class="ab-back" data-ab="close">‹ Bücher</button>' +
+      '<button type="button" class="ab-icon" data-ab="menu" aria-label="Optionen">⋮</button></div>' +
+      '<div class="ab-menu" hidden>' +
+      '<button type="button" data-ab="unplayed">Alles als ungehört markieren</button>' +
+      '<button type="button" data-ab="played">Alles als gehört markieren</button>' +
+      '<button type="button" data-ab="podcast">Wieder als Podcast führen</button></div>' +
+      '<div class="ab-hero">' + cover(b.artwork_url, b.title, 'ab-cover ab-cover-l') +
+      '<div class="ab-hero-text"><h2 class="ab-book-title">' + esc(b.title) + '</h2>' +
+      (b.author ? '<div class="ab-meta">' + esc(b.author) + '</div>' : '') +
+      '<div class="ab-meta ab-progress">' + esc(progressText(b)) + '</div>' +
+      '<div class="ab-bar"><span style="width:' + pct(b) + '%"></span></div></div></div>' +
+      '<div class="ab-actions">' +
+      '<button type="button" class="ab-btn ab-primary" data-ab="go">' + goLabel(b, now) + '</button>' +
+      '<button type="button" class="ab-btn" data-ab="sleep"' + (now ? '' : ' disabled') + '>☾ Kapitelende</button>' +
+      '<button type="button" class="ab-btn" data-ab="mark"' + (now ? '' : ' disabled') + '>+ Lesezeichen</button></div>' +
+      (marks.length ? '<h3 class="ab-h">Lesezeichen</h3><div class="ab-marks">' + marks.map(m =>
+        '<div class="ab-mark"><button type="button" class="ab-row" data-ab-bm="' + m.id + '">' +
+        '<span class="ab-card-text"><span class="ab-meta">' + esc(titleOf(m.episode_id)) + ' · ' + clock(m.position_ms) + '</span>' +
+        '<span class="ab-title">' + (m.note ? esc(m.note) : '<span class="ab-meta">ohne Notiz</span>') + '</span></span></button>' +
+        '<button type="button" class="ab-icon" data-ab-bm-edit="' + m.id + '" aria-label="Notiz ändern">✎</button>' +
+        '<button type="button" class="ab-icon" data-ab-bm-del="' + m.id + '" aria-label="Löschen">✕</button></div>').join('') + '</div>' : '') +
+      '<h3 class="ab-h">Kapitel</h3>' +
+      (d ? '<div class="ab-chapters">' + d.chapters.map(c => chapterHtml(c, now)).join('') + '</div>'
+        : '<p class="ab-empty">Wird geladen …</p>');
+  }
+
+  function goLabel(b, now) {
+    if (now && now.playing) return '❚❚ Pause';
+    if (!b.next) return '↺ Von vorn';
+    return '▶ ' + (b.done || b.heard_seconds > 0 ? 'Weiterhören' : 'Anfangen');
+  }
+
+  function chapterHtml(c, now) {
+    const playing = now && now.index === c.index;
+    const dur = c.episode__duration_seconds || 0;
+    let meta;
+    if (c.played) meta = '✓ gehört';
+    else if (playing && now.dur) meta = clock(now.pos) + ' / ' + clock(now.dur);
+    else if (c.position_seconds > 0 && dur) meta = 'noch ' + hours(dur - c.position_seconds);
+    else meta = dur ? hours(dur) : '';
+    return '<button type="button" class="ab-row ab-chapter' + (c.played ? ' ab-done' : '') + (playing ? ' ab-now' : '') +
+      '" data-ab-ch="' + c.index + '"><span class="ab-num">' + (playing ? '♪' : (c.index + 1)) + '</span>' +
+      '<span class="ab-card-text"><span class="ab-title">' + esc(c.episode__title) + '</span>' +
+      '<span class="ab-meta">' + esc(meta) + '</span></span></button>';
+  }
+
+  // Play the open book's chapter `index` (from its own place, or from `ms`).
+  function play(index, ms) {
+    const h = host();
+    const d = st.detail;
+    if (!h || !d || !d.chapters[index]) return;
+    const ch = d.chapters[index];
+    const body = {feed_id: d.book.feed_id, chapters: d.chapters, index};
+    if (ms != null) body.position_ms = ms;
+    else if (ch.played) body.position_ms = 0;   // heard already: from its start
+    h.podcastPlayBook(JSON.stringify(body));
+    setTimeout(poll, 400);
+  }
+
+  async function goOn(feedId) {
+    if (st.open !== feedId || !st.detail || st.detail.book.feed_id !== feedId) {
+      st.open = feedId;
+      await loadDetail(feedId);
+      if (!view || view.style.display === 'none') st.open = null;
+    }
+    const d = st.detail;
+    if (!d || d.book.feed_id !== feedId) return;
+    const b = d.book;
+    play(b.next ? b.next.index : 0, b.next ? undefined : 0);
+  }
+
+  function togglePlay() {
+    const now = nowInBook();
+    const h = host();
+    if (now && now.playing && h) {
+      if (typeof h.podcastToggle === 'function') h.podcastToggle();
+      else if (typeof h.podcastPause === 'function') h.podcastPause();
+      setTimeout(poll, 300);
+      return;
+    }
+    if (now && h) { play(now.index, now.pos); return; }
+    goOn(st.open);
+  }
+
+  // The sleep timer to the end of the chapter: the episode's own chapter mark if it has
+  // some (a long file), else the end of the episode.
+  async function sleepAtChapterEnd() {
+    const h = host();
+    const now = nowInBook();
+    if (!h || !now) return;
+    const id = st.detail.chapters[now.index].episode__id;
+    let marks = [];
+    try { marks = (await api('/podcasts/episodes/' + id + '/')).chapters || []; } catch (e) {}
+    const pos = (playerState() || {}).pos || now.pos;
+    const next = marks.map(m => m.start * 1000).filter(s => s > pos + 1000).sort((a, b) => a - b)[0];
+    if (next) {
+      const speed = (st.now && st.now.speed) || 1;
+      h.podcastSleep((next - pos) / speed / 60000);
+      toast('Schlummer: in ' + clock((next - pos) / speed) + ', am Kapitelende');
+    } else {
+      h.podcastSleep(-1);
+      toast('Schlummer: am Ende dieses Kapitels');
+    }
+  }
+
+  async function addBookmark() {
+    const now = nowInBook();
+    if (!now) return;
+    const pos = (playerState() || {}).pos || now.pos;
+    const ch = st.detail.chapters[now.index];
+    const note = typeof customPrompt === 'function'
+      ? await customPrompt('Lesezeichen bei Kapitel ' + (now.index + 1) + ', ' + clock(pos) + ' – Notiz (optional):', '')
+      : window.prompt('Notiz (optional):', '');
+    if (note === null || note === undefined) return;
+    try {
+      await api('/podcasts/bookmarks/', {episode_id: ch.episode__id, position_ms: Math.round(pos), note: String(note)});
+      toast('Lesezeichen gesetzt');
+    } catch (e) {
+      toast('Lesezeichen brauchen eine Verbindung.');
+    }
+    loadDetail(st.open);
+  }
+
+  async function editBookmark(id) {
+    const m = st.detail.bookmarks.filter(x => x.id === id)[0];
+    if (!m) return;
+    const note = typeof customPrompt === 'function' ? await customPrompt('Notiz:', m.note) : window.prompt('Notiz:', m.note);
+    if (note === null || note === undefined) return;
+    try { await api('/podcasts/bookmarks/' + id + '/', {note: String(note)}); } catch (e) { toast('Braucht eine Verbindung.'); }
+    loadDetail(st.open);
+  }
+
+  async function deleteBookmark(id) {
+    const ok = typeof customConfirm === 'function' ? await customConfirm('Lesezeichen löschen?') : window.confirm('Lesezeichen löschen?');
+    if (!ok) return;
+    try { await api('/podcasts/bookmarks/' + id + '/delete/', {}); } catch (e) { toast('Braucht eine Verbindung.'); }
+    loadDetail(st.open);
+  }
+
+  function playBookmark(id) {
+    const m = st.detail.bookmarks.filter(x => x.id === id)[0];
+    if (!m) return;
+    const ch = st.detail.chapters.filter(c => c.episode__id === m.episode_id)[0];
+    if (ch) play(ch.index, m.position_ms);
+  }
+
+  function markAll(played) {
+    const h = host();
+    const d = st.detail;
+    if (!h || !d) return;
+    h.podcastMarkPlayedAll(JSON.stringify(d.chapters.map(c => c.episode__id)), !!played);
+    setTimeout(() => loadDetail(st.open), 900);
+  }
+
+  async function onViewClick(e) {
+    const t = e.target.closest('button');
+    const menu = view.querySelector('.ab-menu');
+    if (menu && (!t || t.dataset.ab !== 'menu')) menu.hidden = true;
+    if (!t) return;
+    const act = t.dataset.ab;
+    if (act === 'close') closeBook();
+    else if (act === 'menu') { if (menu) menu.hidden = !menu.hidden; }
+    else if (act === 'go') togglePlay();
+    else if (act === 'sleep') sleepAtChapterEnd();
+    else if (act === 'mark') addBookmark();
+    else if (act === 'unplayed') markAll(false);
+    else if (act === 'played') markAll(true);
+    else if (act === 'podcast') {
+      const ok = typeof customConfirm === 'function'
+        ? await customConfirm('„' + st.detail.book.title + '“ wieder als Podcast führen? Es verlässt die Bücher; Stellen und Lesezeichen bleiben.')
+        : true;
+      if (!ok) return;
+      setKind(st.open, 'podcast');
+      closeBook();
+    }
+    else if (t.dataset.abCh != null) play(Number(t.dataset.abCh));
+    else if (t.dataset.abBm != null) playBookmark(Number(t.dataset.abBm));
+    else if (t.dataset.abBmEdit != null) editBookmark(Number(t.dataset.abBmEdit));
+    else if (t.dataset.abBmDel != null) deleteBookmark(Number(t.dataset.abBmDel));
+  }
+
+  shelf.addEventListener('click', e => {
+    const t = e.target.closest('button, .ab-continue');
+    if (!t) return;
+    if (t.dataset.abGo != null) { e.stopPropagation(); goOn(Number(t.dataset.abGo)); return; }
+    if (t.dataset.abOpen != null) { openBook(Number(t.dataset.abOpen)); return; }
+    if (t.dataset.abMark != null) {
+      const id = Number(t.dataset.abMark);
+      st.picking = false;
+      st.pickQuery = '';
+      // At once on the shelf, before the server has it: a card that fills in when it answers.
+      const f = ((podcastState() || {}).feeds || []).filter(x => x.id === id)[0];
+      if (f) {
+        st.books = [{feed_id: id, title: f.title, author: f.author || '', artwork_url: f.artwork_url || '',
+          chapters: f.episode_count || 0, done: 0, total_seconds: 0, heard_seconds: 0, next: null, last_played_at: null}]
+          .concat((st.books || []).filter(b => b.feed_id !== id));
+      }
+      setKind(id, 'audiobook');
+      renderShelf();
+      toast('„' + (f ? f.title : 'Podcast') + '“ ist jetzt ein Hörbuch');
+      return;
+    }
+    if (t.dataset.ab === 'pick') { st.picking = !st.picking; st.pickFocus = st.picking; renderShelf(); return; }
+    if (t.dataset.ab === 'pick-close') { st.picking = false; renderShelf(); }
+  });
+  shelf.addEventListener('input', e => {
+    if (!e.target.classList.contains('ab-pick-q')) return;
+    st.pickQuery = e.target.value;
+    const box = shelf.querySelector('.ab-pick-list');
+    const pods = ((podcastState() || {}).feeds || []).filter(f => f.kind !== 'audiobook');
+    const tmp = document.createElement('div');
+    tmp.innerHTML = pickHtml(pods);
+    const fresh = tmp.querySelector('.ab-pick-list');
+    if (box && fresh) box.innerHTML = fresh.innerHTML;
+  });
+
+  // ---- following the player ------------------------------------------------------------
+
+  let pollTimer = 0;
+  let lastEpisode = null;
+  function poll() {
+    clearTimeout(pollTimer);
+    const p = playerState();
+    st.now = p;
+    const ep = p && p.kind === 'podcast' ? p.episodeId : null;
+    if (st.open != null && view && view.style.display !== 'none') {
+      if (ep !== lastEpisode && lastEpisode != null) loadDetail(st.open);   // a chapter ended: progress moved
+      else renderView();
+      pollTimer = setTimeout(poll, 1000);
+    } else if (ep !== lastEpisode && lastEpisode != null && tab.style.display !== 'none') {
+      loadList();
+    }
+    lastEpisode = ep;
+    if (st.open == null) pollTimer = setTimeout(poll, 5000);
+  }
+
+  // ---- when to look ------------------------------------------------------------------------
+
+  const showTab = window.showTab;
+  if (typeof showTab === 'function') {
+    window.showTab = function (name) {
+      const r = showTab.apply(this, arguments);
+      if (name === 'books') loadList();
+      else if (st.open != null) closeBook();
+      return r;
+    };
+  }
+
+  const back = window.__dioraBack;
+  window.__dioraBack = function () {
+    if (st.open != null) {
+      const menu = view && view.querySelector('.ab-menu');
+      if (menu && !menu.hidden) { menu.hidden = true; return true; }
+      closeBook();
+      return true;
+    }
+    if (st.picking && tab.style.display !== 'none') { st.picking = false; renderShelf(); return true; }
+    return back ? back() : false;
+  };
+  document.addEventListener('keydown', e => {
+    if (e.key === 'Escape' && st.open != null) closeBook();
+  });
+  document.addEventListener('visibilitychange', () => {
+    if (!document.hidden && tab.style.display !== 'none') loadList();
+  });
+
+  // The podcast host fills its state a moment after the page; the shelf needs its abos.
+  setTimeout(loadList, 300);
+  setTimeout(poll, 1500);
+
+  // ---- styles ----------------------------------------------------------------------------
+
+  const style = document.createElement('style');
+  style.textContent = [
+    '#audiobook-shelf { margin: 0 0 14px; }',
+    '#audiobook-shelf:empty { display: none; }',
+    '.ab-h { margin: 18px 0 8px; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted, #9a9a9a); }',
+    '.ab-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }',
+    '.ab-link { background: none; border: none; color: var(--accent, #e63946); font: inherit; font-size: 14px; padding: 8px 0; cursor: pointer; }',
+    '.ab-empty { color: var(--muted, #9a9a9a); font-size: 13px; line-height: 1.45; margin: 6px 0; }',
+    '.ab-meta { display: block; color: var(--muted, #9a9a9a); font-size: 12px; line-height: 1.35; }',
+    '.ab-title { display: block; font-size: 14px; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; }',
+    '.ab-label { color: var(--accent, #e63946); font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; }',
+    '.ab-bar { display: block; height: 3px; border-radius: 2px; background: var(--border, #2a2a2a); margin-top: 6px; overflow: hidden; }',
+    '.ab-bar > span { display: block; height: 100%; background: var(--accent, #e63946); }',
+    '.ab-cover { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 6px; background: var(--panel, #161616); display: block; }',
+    '.ab-nocover { display: flex; align-items: center; justify-content: center; font-size: 28px; color: var(--muted, #9a9a9a); }',
+    '.ab-cover-s { width: 56px; height: 56px; flex: none; }',
+    '.ab-cover-xs { width: 40px; height: 40px; flex: none; font-size: 16px; }',
+    '.ab-cover-l { width: 120px; height: 120px; flex: none; }',
+    '.ab-card-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; text-align: left; }',
+    '.ab-continue { display: flex; align-items: center; gap: 12px; padding: 10px; margin: 4px 0 6px; border: 1px solid var(--border, #2a2a2a); border-radius: 8px; background: var(--card, #0b0b0b); box-shadow: var(--shadow, none); cursor: pointer; }',
+    '.ab-play { flex: none; width: 48px; height: 48px; border-radius: 50%; border: none; background: var(--accent, #e63946); color: var(--on-accent, #fff); font-size: 18px; cursor: pointer; }',
+    '.ab-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 14px; }',
+    '.ab-card { display: flex; flex-direction: column; gap: 6px; padding: 0; background: none; border: none; color: inherit; font: inherit; cursor: pointer; text-align: left; min-width: 0; }',
+    '.ab-row { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 0; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; cursor: pointer; text-align: left; }',
+    '.ab-icon { background: none; border: none; color: inherit; font: inherit; font-size: 18px; min-width: 40px; min-height: 40px; cursor: pointer; }',
+    '.ab-pick { margin-top: 10px; border: 1px solid var(--border, #2a2a2a); border-radius: 8px; padding: 10px 12px; background: var(--card, #0b0b0b); }',
+    '.ab-pick-head { display: flex; align-items: center; justify-content: space-between; }',
+    '.ab-pick-q { width: 100%; box-sizing: border-box; margin: 6px 0; padding: 9px 10px; border-radius: 6px; border: 1px solid var(--border, #2a2a2a); background: var(--bg, #000); color: inherit; font: inherit; }',
+    '.ab-pick-list { max-height: 50vh; overflow-y: auto; }',
+    // Above the tab bar (150), below the page's dialogs (990): a note is asked for on top of it.
+    '#ab-view { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 900; overflow-y: auto; background: var(--bg, #000); color: var(--fg, #eee); padding: 8px 16px 120px; box-sizing: border-box; }',
+    '#ab-view > * { max-width: 760px; margin-left: auto; margin-right: auto; }',
+    'html.ab-open { overflow: hidden; }',
+    '.ab-top { display: flex; align-items: center; justify-content: space-between; position: relative; }',
+    '.ab-back { background: none; border: none; color: inherit; font: inherit; font-size: 15px; padding: 10px 0; cursor: pointer; }',
+    '.ab-menu { position: absolute; right: 16px; z-index: 2; display: flex; flex-direction: column; min-width: 240px; background: var(--raised, #222); border: 1px solid var(--border, #2a2a2a); border-radius: 8px; box-shadow: var(--shadow, 0 6px 24px rgba(0,0,0,.4)); }',
+    '#ab-view .ab-menu { margin: 0; left: auto; }',
+    '.ab-menu[hidden] { display: none; }',
+    '.ab-menu button { background: none; border: none; color: inherit; font: inherit; text-align: left; padding: 12px 14px; cursor: pointer; }',
+    '.ab-menu button:hover, .ab-row:hover { background: var(--hover, rgba(255,255,255,0.05)); }',
+    '.ab-hero { display: flex; gap: 16px; align-items: center; margin: 6px auto 14px; }',
+    '.ab-hero-text { flex: 1; min-width: 0; }',
+    '.ab-book-title { margin: 0 0 4px; font-size: 19px; line-height: 1.3; }',
+    '.ab-progress { margin-top: 6px; }',
+    '.ab-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; }',
+    '.ab-btn { min-height: 42px; padding: 0 14px; border-radius: 21px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; font-size: 14px; cursor: pointer; }',
+    '.ab-btn[disabled] { opacity: 0.4; cursor: default; }',
+    '.ab-primary { background: var(--accent, #e63946); border-color: var(--accent, #e63946); color: var(--on-accent, #fff); min-width: 150px; }',
+    '.ab-num { flex: none; width: 28px; text-align: right; color: var(--muted, #9a9a9a); font-size: 13px; }',
+    '.ab-chapter.ab-done .ab-title { color: var(--muted, #9a9a9a); }',
+    '.ab-chapter.ab-now .ab-title, .ab-chapter.ab-now .ab-num { color: var(--accent, #e63946); }',
+    '.ab-mark { display: flex; align-items: center; }',
+    '.ab-mark .ab-row { flex: 1; min-width: 0; }',
+    '#ab-toast { position: fixed; left: 50%; bottom: calc(var(--nui-dock-h, 0px) + 90px); transform: translateX(-50%); z-index: 2500; background: var(--raised, #222); color: var(--fg, #eee); padding: 10px 16px; border-radius: 8px; font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s; max-width: calc(100vw - 32px); }',
+    '#ab-toast.ab-show { opacity: 1; }',
+    '@media (max-width: 480px) { .ab-grid { grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 10px; } .ab-cover-l { width: 96px; height: 96px; } }',
+  ].join('\n');
+  document.head.appendChild(style);
+})();
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index ce7b8be..bad0ce3 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -76,7 +76,7 @@
   const SORT_RULES = ['', 'new', 'old', 'short', 'long', 'feed'];
   const FEED_SETTINGS = ['playback_speed', 'skip_intro', 'skip_outro', 'volume',
     'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_download', 'notify',
-    'episode_sort', 'episode_filter', 'skip_silence'];
+    'episode_sort', 'episode_filter', 'skip_silence', 'kind'];
   // The account's playback settings (diora-web PodcastSettings) and what each may be.
   const SKIPS = [5, 10, 15, 20, 30, 45, 60];
   const MIN_SPEED = 0.5;
@@ -329,6 +329,8 @@
 
   function saveProgress(id, seconds) {
     forEpisode(state, id, o => { o.position_seconds = seconds; });
+    const at = bookIndex(id);
+    if (at >= 0) { book.chapters[at].position_seconds = seconds; store('book', book); }
     if (seconds > 0) removeFromInbox(state, new Set([id]));   // started: no longer new
     const body = {episode_id: id, position_seconds: seconds};
     // A feed without durations (YouTube): the player's, kept by the server if it has none.
@@ -617,6 +619,15 @@
   let error = null;
   let sessionFor = null;  // episode the media session shows
   let mustReach = null;   // ms the first seek after loading should have reached
+  // An audiobook playing (docs/audiobooks.md): {feed_id, chapters: [entry, …]}. Its chapters
+  // play in order, outside the queue; playing anything else ends it. Kept across reloads.
+  let book = load('book', null);
+  if (!book || !Array.isArray(book.chapters)) book = null;
+  const bookIndex = id => (book ? book.chapters.findIndex(c => c.episode__id === id) : -1);
+  function setBook(b) {
+    book = b;
+    store('book', b);
+  }
 
   const curId = () => (cur ? cur.episode__id : null);
   const curFeed = () => (cur ? cur.episode__feed__id : null);
@@ -646,6 +657,8 @@
   }
 
   function nextEntry() {
+    const inBook = bookIndex(curId());
+    if (inBook >= 0) return book.chapters[inBook + 1] || null;   // a book goes on with its next chapter
     const q = queueOf(state);
     const at = q.findIndex(e => e.episode__id === curId());
     if (at >= 0) return q[at + 1] || null;
@@ -660,6 +673,8 @@
 
   // An episode is done: played, out of the queue (setting). True when the sleep timer says stop.
   function finished(id) {
+    const at = bookIndex(id);
+    if (at >= 0) { book.chapters[at].played = true; store('book', book); }
     markPlayedAll([id], true, prefs.remove_played);
     flush();
     return sleep.episodeFinished();
@@ -770,9 +785,10 @@
   function goTo(e, auto, play, skipped) {
     const prev = curId();
     let stop = false;
+    if (book && bookIndex(e.episode__id) < 0) setBook(null);   // something else plays: the book is left
     if (prev != null && prev !== outroDone && (auto || e.episode__id !== prev)) {
       if (auto || almostEnded()) stop = finished(prev);
-      else if (skipped && !keepSkipped()) { markPlayedAll([prev], true, prefs.remove_played); flush(); }
+      else if (skipped && !keepSkipped() && bookIndex(prev) < 0) { markPlayedAll([prev], true, prefs.remove_played); flush(); }
       else saveNow(prev, true);
     }
     unload();
@@ -1730,6 +1746,8 @@
     o.artwork = cur.episode__artwork_url || cur.episode__feed__artwork_url || '';
     o.pos = Math.round(posMs());
     o.dur = Math.round(durMs());
+    const at = bookIndex(cur.episode__id);
+    if (at >= 0) o.book = {feed_id: book.feed_id, index: at, chapters: book.chapters.length};
     o.playing = wantPlay;
     o.buffering = buffering && wantPlay;
     if (error) o.error = error;
@@ -1824,6 +1842,25 @@
     podcastSetPrefValue: (name, value) => setPref(name, Number(value)),
 
     podcastPlay: id => playEpisode(id),
+    // An audiobook's chapter (docs/audiobooks.md), and the rest of the book after it: not queued.
+    podcastPlayBook(json) {
+      const b = parse(json, {}) || {};
+      const chapters = Array.isArray(b.chapters) ? b.chapters : [];
+      const e = chapters[Number(b.index) || 0];
+      if (!e || e.episode__id == null) return;
+      setBook({feed_id: b.feed_id, chapters});
+      const at = b.position_ms != null && isFinite(Number(b.position_ms)) ? Math.max(0, Number(b.position_ms)) : null;
+      if (curId() === e.episode__id) {
+        cur = Object.assign({}, e);
+        storePlayer();
+        if (at != null) seek(at);
+        resume();
+        return;
+      }
+      goTo(e, false, false);
+      if (at != null) { startAt = at; lastPos = at; }
+      resume();
+    },
     // Play an episode; one that isn't queued yet is queued first (where the setting says).
     podcastPlayEpisode(json, currentId) {
       const ep = parse(json, {}) || {};
@@ -1976,7 +2013,8 @@
   // The episode that was in the player before the page was left (not loaded until played).
   const was = load('player', null);
   if (was && was.entry && was.entry.episode__id != null) {
-    cur = entry(was.entry.episode__id) || was.entry;
+    const at = bookIndex(was.entry.episode__id);
+    cur = entry(was.entry.episode__id) || (at >= 0 ? book.chapters[at] : null) || was.entry;
     lastPos = resumeMs();
   }
 
diff --git a/static/js/sw.js b/static/js/sw.js
index 00c945a..ed72e60 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v112';
+const CACHE = 'diora-v113';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
@@ -40,6 +40,7 @@ const SHELL = [
   '/static/js/podcasts-web.js',
   '/static/js/home.js',
   '/static/js/feeds.js',
+  '/static/js/audiobooks.js',
   '/static/podcasts/native-podcast.js',
   '/static/podcasts/podcast-ui.css',
   '/static/podcasts/podcasts-web.css',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 992619b..64ddadf 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 6a02899 2026-10-14: web-native/static/native-podcast.js
+// Copied from diora-android 7b1d500 2026-10-16: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -78,6 +78,12 @@
   let renderAfterSwipe = false;
   let selected = null;      // Set of episode ids while choosing several (queue or inbox)
   let locked = false;       // queue locked: no dragging
+  // Downloads (Downloads.kt; see "downloads" further down): where the host has them.
+  const DL = !!N.podcastDownloads;
+  let downloads = DL ? parse(N.podcastDownloads(), {}) : {};
+  let dlSettings = DL ? parse(N.podcastDownloadSettings(), {}) : {};
+  // All at a glance (Downloads.infoJson): paused, how many run and wait, done of all in this round.
+  let dlInfo = DL && N.podcastDownloadsInfo ? parse(N.podcastDownloadsInfo(), {}) : {};
   try { locked = localStorage.getItem('nui_pod_locked') === '1'; } catch (e) {}
   try { view = localStorage.getItem('nui_pod_view') || 'queue'; } catch (e) {}
   // Opening into the podcasts (start page): that list.
@@ -96,6 +102,9 @@
     return Math.max(n, total - Math.max(0, sent - n));
   }
   const feeds = () => state.feeds || [];
+  // Audiobooks (diora-web docs/audiobooks.md) are listened to in the library ("Bücher"), not here.
+  const isBook = f => !!f && f.kind === 'audiobook';
+  const podcastFeeds = () => feeds().filter(f => !isBook(f));
   const settings = () => state.settings || {};
   const currentId = () => (player.kind === 'podcast' ? player.episodeId : 0);
   // The account's speed presets (null there: the default list).
@@ -212,6 +221,33 @@
     t.nuiTimer = setTimeout(() => t.classList.remove('nui-show'), 2600);
   }
 
+  // GET from our server; a status other than 2xx throws (as a network error does).
+  async function getJson(url) {
+    const r = await fetch(url);
+    if (!r.ok) throw new Error(r.status);
+    return r.json();
+  }
+
+  // A full sheet (the player, shownotes, a podcast's info, statistics, downloads): the
+  // overlay — one id, the CSS and the TV's focus know it — its panel, the ⌄ at the top,
+  // and a tap beside the panel closes it. The caller fills the panel (top first) and
+  // puts the sheet on the page.
+  function podSheet(cls, closeLabel, onClose, dialogLabel) {
+    const sheet = el('div');
+    sheet.id = 'nui-pod-player';
+    if (cls) sheet.className = cls;
+    const panel = el('div', 'nui-pod-player-panel');
+    if (dialogLabel) {
+      panel.setAttribute('role', 'dialog');
+      panel.setAttribute('aria-label', dialogLabel);
+    }
+    const top = el('div', 'nui-pod-player-top');
+    top.append(button('⌄', closeLabel, onClose));
+    sheet.append(panel);
+    sheet.addEventListener('click', ev => { if (ev.target === sheet) onClose(); });
+    return {sheet, panel, top};
+  }
+
   // Feed titles sometimes arrive with HTML entities still in them (&amp;).
   const decoder = document.createElement('textarea');
   function plain(s) {
@@ -235,15 +271,30 @@
         id: o.episode__id, title: o.episode__title, feed: o.episode__feed__title, feedId: o.episode__feed__id,
         art: o.episode__artwork_url, feedArt: o.episode__feed__artwork_url || feedArtOf(o.episode__feed__id),
         duration: o.episode__duration_seconds, pos: o.position_seconds, date: o.episode__pub_date, raw: o,
+        yt: isYouTube(o.episode__audio_url),
       };
     }
     return {
       id: o.id, title: o.title, feed: o.feed__title || (feedView && feedView.feed.title), feedId: o.feed__id,
       art: o.artwork_url, feedArt: o.feed__artwork_url || feedArtOf(o.feed__id) || (feedView && feedView.feed.artwork_url),
       duration: o.duration_seconds, pos: o.position_seconds, date: o.pub_date, played: o.played, inQueue: o.in_queue, raw: o,
+      yt: isYouTube(o.audio_url),
     };
   }
 
+  // "Kapitel 7/24 · <book>" while a chapter of an audiobook plays (playerState().book).
+  function bookLine(p) {
+    const b = p && p.book;
+    if (!b || !b.chapters) return '';
+    return `Kapitel ${b.index + 1}/${b.chapters}` + (b.title || p.feed ? ' · ' + plain(b.title || p.feed) : '');
+  }
+
+  // A video of a subscribed YouTube channel (diora-web docs/youtube.md): its sound
+  // is found on this device; the feed knows no length until it has played.
+  function isYouTube(url) {
+    return /^https:\/\/www\.youtube\.com\/watch\?v=/.test(url || '');
+  }
+
   function feedArtOf(id) {
     const f = id ? feeds().find(x => x.id === id) : null;
     return f ? f.artwork_url : '';
@@ -1118,6 +1169,7 @@
     // A played episode, or a place past the feed's (often wrong) length: just the length.
     const started = e.pos > 30 && !e.played && e.pos < e.duration - 30;
     if (e.duration) meta.push(started ? minutes(shown(e.duration - e.pos, e.feedId)) + ' übrig' : minutes(shown(e.duration, e.feedId)));
+    if (e.yt) meta.push('YouTube');
     if (opts.showDate && e.date) meta.push(day(e.date));
     if (opts.showFeed && e.feed) meta.push(e.feed);
     const metaEl = el('div', 'nui-pod-meta', meta.join(' · '));
@@ -1141,7 +1193,7 @@
     row.addEventListener('click', () => openEpisode(e, how));
     // Swipes: touch only, not while the queue is locked.
     const swipes = list && SWIPE_LISTS[list] && !(list === 'queue' && locked) ? list : '';
-    rowGestures(row, menu, swipes && ((act, dir) => swipeDone(e, swipes, act, opts.filters || [], dir)), swipes);
+    rowGestures(row, menu, swipes && (act => swipeDone(e, swipes, act, opts.filters || [])), swipes);
     return row;
   }
 
@@ -1346,8 +1398,8 @@
   const SWIPE_ACTIONS = [
     {id: 'none', label: 'Nichts', icon: ''},
     {id: 'queue', label: 'Einreihen', icon: '+'},
-    // Where there are files (DL is known only further down: getters).
-    {id: 'dequeue', get label() { return DL ? 'Aus Warteschlange · Datei bleibt' : 'Aus der Warteschlange'; },
+    // Where there are files.
+    {id: 'dequeue', label: DL ? 'Aus Warteschlange · Datei bleibt' : 'Aus der Warteschlange',
      icon: '✕', svg: 'listx'},
     {id: 'download', label: 'Herunterladen', icon: '↓', dl: true},
     {id: 'delete', label: 'Datei löschen', hint: 'nur die Datei auf diesem Gerät', icon: '✕', svg: 'trash', dl: true},
@@ -1739,9 +1791,13 @@
 
   function renderFeeds() {
     const sort = FEED_SORTS.find(s => s.id === feedSort) || FEED_SORTS[0];
-    const items = feeds().slice().sort((a, b) => sort.cmp(a, b) || byTitle(a, b));
+    const items = podcastFeeds().slice().sort((a, b) => sort.cmp(a, b) || byTitle(a, b));
+    const books = feeds().length - items.length;
+    const booksHint = () => el('div', 'nui-pod-hint',
+      `${books === 1 ? 'Ein Hörbuch' : books + ' Hörbücher'}: in Bücher → Hörbücher`);
     if (!items.length) {
       empty('Noch keine Abos. Unter „Suche“ findest du Podcasts.');
+      if (books) root.append(booksHint());
       return;
     }
     const head = el('div', 'nui-pod-head');
@@ -1751,6 +1807,7 @@
     const list = el('div', 'nui-pod-list');
     for (const f of items) list.append(feedRow(f));
     root.append(list);
+    if (books) root.append(booksHint());
   }
 
   async function openFeed(f) {
@@ -1759,9 +1816,7 @@
     render();
     scrollTop(0);
     try {
-      const r = await fetch(`/podcasts/feeds/${f.id}/episodes/`);
-      if (!r.ok) throw new Error(r.status);
-      const data = await r.json();
+      const data = await getJson(`/podcasts/feeds/${f.id}/episodes/`);
       if (feedView && feedView.feed.id === f.id) {
         feedView = {feed: Object.assign({}, f, data.feed), episodes: data.episodes};
         render();
@@ -1787,9 +1842,9 @@
     info.append(el('div', 'nui-pod-title', plain(f.title)));
     if (f.author) info.append(el('div', 'nui-pod-meta', plain(f.author)));
     head.append(info, button('ⓘ', 'Über diesen Podcast', () => openFeedInfo(f), 'nui-pod-infobtn'));
-    if (feedHasSettings(live)) head.append(button('⚙︎', 'Einstellungen für diesen Podcast', () => feedSettingsSheet(f), 'nui-pod-infobtn nui-pod-gear'));
+    if (feedHasSettings()) head.append(button('⚙︎', 'Einstellungen für diesen Podcast', () => feedSettingsSheet(f), 'nui-pod-infobtn nui-pod-gear'));
     root.append(head);
-    const line = feedHasSettings(live) ? feedSummary(f, live) : '';
+    const line = feedHasSettings() ? feedSummary(f, live) : '';
     if (line) {
       const s = el('button', 'nui-pod-feedsum', line);
       s.type = 'button';
@@ -1805,7 +1860,8 @@
     renderFeedEpisodes(f);
   }
 
-  function feedHasSettings(live) {
+  // The host keeps per-podcast settings (the browser and the app do; an old host doesn't).
+  function feedHasSettings() {
     return !!N.podcastFeedSettings || !!N.podcastAutoQueue || !!N.podcastFeedPrefs;
   }
 
@@ -1920,6 +1976,13 @@
              .map(([v, label]) => ({icon: (own.volume || 1) === v ? '●' : '○', label, active: (own.volume || 1) === v, action: () => set('volume', v)})))},
       );
     }
+    // An audiobook: its episodes are chapters, listened to in the library (diora-web docs/audiobooks.md).
+    if ('kind' in live && N.podcastFeedSettings) {
+      const book = isBook(live);
+      items.push({icon: '▤', label: book ? 'Hörbuch (in Bücher)' : 'Als Hörbuch',
+        hint: book ? 'tippen: wieder als Podcast' : 'Folgen als Kapitel in der Bibliothek, nicht in „Neu“',
+        active: book, action: () => save({kind: book ? 'podcast' : 'audiobook'})});
+    }
     // Skip silence for this podcast (server), where this player can skip silence at all.
     if ('skip_silence' in live && 'skip_silence' in devicePrefs() && N.podcastFeedSettings) {
       const mine = live.skip_silence;
@@ -2054,12 +2117,8 @@
     const live = Object.assign({}, f, feedView && feedView.feed.id === f.id ? feedView.feed : {},
       feeds().find(x => x.id === f.id) || {});
     closeNotes();
-    notesSheet = el('div');
-    notesSheet.id = 'nui-pod-player';
-    notesSheet.className = 'nui-pod-notes-sheet nui-pod-info';
-    const panel = el('div', 'nui-pod-player-panel');
-    const top = el('div', 'nui-pod-player-top');
-    top.append(button('⌄', 'Schließen', closeNotes));
+    const {sheet: made, panel, top} = podSheet('nui-pod-notes-sheet nui-pod-info', 'Schließen', closeNotes);
+    notesSheet = made;
     const head = el('div', 'nui-pod-feedhead');
     const title = el('div', 'nui-pod-main');
     title.append(el('div', 'nui-pod-title', plain(live.title)));
@@ -2116,8 +2175,6 @@
         (live.error_count > 1 ? ` · ${live.error_count}× nacheinander` : '')));
     }
     panel.append(facts);
-    notesSheet.append(panel);
-    notesSheet.addEventListener('click', ev => { if (ev.target === notesSheet) closeNotes(); });
     document.body.append(notesSheet);
   }
 
@@ -2185,7 +2242,7 @@
     epSort = localStorage.getItem('nui_pod_epsort') || epSort;
   } catch (e) {}
   if (!Array.isArray(epFilters)) epFilters = [];
-  epFilters = epFilters.filter(id => FILTERS.some(f => f.id === id && (!f.app || !!N.podcastDownloads)));
+  epFilters = epFilters.filter(id => FILTERS.some(f => f.id === id && (!f.app || DL)));
   if (!EP_SORTS.some(s => s.id === epSort)) epSort = 'new';
   let epList = null;   // {key, items, total, loading, error}
 
@@ -2336,17 +2393,11 @@
 
   function openStats() {
     closeStats();
-    statsSheet = el('div');
-    statsSheet.id = 'nui-pod-player';
-    statsSheet.className = 'nui-pod-notes-sheet';
-    const panel = el('div', 'nui-pod-player-panel');
-    const top = el('div', 'nui-pod-player-top');
-    top.append(button('⌄', 'Schließen', closeStats));
+    const {sheet: made, panel, top} = podSheet('nui-pod-notes-sheet', 'Schließen', closeStats);
+    statsSheet = made;
     const tabs = el('div', 'nui-pod-subtabs');
     const body = el('div', 'nui-pod-stats');
     panel.append(top, el('div', 'nui-pod-player-title', 'Hörstatistik'), tabs, body);
-    statsSheet.append(panel);
-    statsSheet.addEventListener('click', ev => { if (ev.target === statsSheet) closeStats(); });
     document.body.append(statsSheet);
     const ranges = [{days: 30, label: '30 Tage'}, {days: 365, label: 'Jahr'}, {days: 0, label: 'Gesamt'}];
     const show = async range => {
@@ -2355,9 +2406,7 @@
       body.append(el('div', 'nui-pod-meta', 'Wird geladen …'));
       let d = null;
       try {
-        const r = await fetch('/podcasts/stats/' + (range.days ? `?days=${range.days}` : ''));
-        if (!r.ok) throw new Error(r.status);
-        d = await r.json();
+        d = await getJson('/podcasts/stats/' + (range.days ? `?days=${range.days}` : ''));
       } catch (e) {
         body.textContent = '';
         body.append(el('div', 'nui-pod-meta', 'Die Statistik braucht eine Verbindung.'));
@@ -2555,7 +2604,7 @@
     const test = matcher(q);
     const s = searchResults = {
       q,
-      feeds: feeds().filter(f => test(fold(f.title) + ' ' + fold(f.author))),
+      feeds: podcastFeeds().filter(f => test(fold(f.title) + ' ' + fold(f.author))),
       eps: {items: [], total: 0, loading: true},
       dir: {items: [], loading: true},
     };
@@ -2569,9 +2618,7 @@
     s.eps.loading = true;
     if (more) render();
     try {
-      const r = await fetch(`/podcasts/episodes/?q=${encodeURIComponent(s.q)}&notes=1&limit=30&offset=${offset}`);
-      if (!r.ok) throw new Error(r.status);
-      const d = await r.json();
+      const d = await getJson(`/podcasts/episodes/?q=${encodeURIComponent(s.q)}&notes=1&limit=30&offset=${offset}`);
       s.eps = {items: (more ? s.eps.items : []).concat(d.episodes || []), total: d.total || 0};
     } catch (e) {
       if (more) {
@@ -3026,7 +3073,7 @@
       sk.setAttribute('aria-label', sk.title);
     }
     mini.querySelector('.nui-mini-track').textContent = (player.buffering && player.playing ? 'Lädt …'
-      : (player.feed || '') + (player.dur ? ' · ' + clock(shown((player.dur - player.pos) / 1000, 0, player.speed || 1)) + ' übrig' : ''))
+      : (bookLine(player) || player.feed || '') + (player.dur ? ' · ' + clock(shown((player.dur - player.pos) / 1000, 0, player.speed || 1)) + ' übrig' : ''))
       + sleepSuffix();
     const t = mini.querySelector('.nui-mini-toggle');
     t.textContent = player.playing ? '❚❚' : '▶';
@@ -3068,9 +3115,7 @@
 
   async function loadDetails(id) {
     try {
-      const r = await fetch(`/podcasts/episodes/${id}/`);
-      if (!r.ok) throw new Error(r.status);
-      const d = await r.json();
+      const d = await getJson(`/podcasts/episodes/${id}/`);
       keepDetails(id, d);
       return d;
     } catch (e) {
@@ -3254,9 +3299,7 @@
     let t = transcripts.get(id);
     if (!t) {
       try {
-        const r = await fetch(`/podcasts/episodes/${id}/transcript/`);
-        if (!r.ok) throw new Error(r.status);
-        t = await r.json();
+        t = await getJson(`/podcasts/episodes/${id}/transcript/`);
         transcripts.set(id, t);
       } catch (e) {
         body.textContent = '';
@@ -3301,12 +3344,8 @@
   function openEpisode(e, ctx) {
     closeNotes();
     ctx = ctx || {};
-    notesSheet = el('div');
-    notesSheet.id = 'nui-pod-player';
-    notesSheet.className = 'nui-pod-notes-sheet nui-pod-episode';
-    const panel = el('div', 'nui-pod-player-panel');
-    const top = el('div', 'nui-pod-player-top');
-    top.append(button('⌄', 'Schließen', closeNotes));
+    const {sheet: made, panel, top} = podSheet('nui-pod-notes-sheet nui-pod-episode', 'Schließen', closeNotes);
+    notesSheet = made;
     const head = el('div', 'nui-pod-ephead');
     head.append(art(e.art, 'big', e.feedArt, e.feed));
     const info = el('div', 'nui-pod-main');
@@ -3339,8 +3378,6 @@
     const actions = el('div', 'nui-pod-epactions');
     const box = el('div', 'nui-pod-notesbox');
     panel.append(top, head, playBtn, actions, box);
-    notesSheet.append(panel);
-    notesSheet.addEventListener('click', ev => { if (ev.target === notesSheet) closeNotes(); });
     document.body.append(notesSheet);
     epScreen = {e, ctx, actions, playBtn, facts: info.querySelector('.nui-pod-epfacts')};
     episodeScreenParts();
@@ -3421,12 +3458,8 @@
     if (player.kind !== 'podcast') return;
     closePlayer();
     sheetKind = 'podcast';
-    sheet = el('div');
-    sheet.id = 'nui-pod-player';
-    sheet.innerHTML = '<div class="nui-pod-player-panel" role="dialog" aria-label="Player"></div>';
-    const panel = sheet.firstChild;
-    const top = el('div', 'nui-pod-player-top');
-    top.append(button('⌄', 'Player schließen', closePlayer));
+    const {sheet: made, panel, top} = podSheet('', 'Player schließen', closePlayer, 'Player');
+    sheet = made;
     panel.append(top, art(player.artwork, 'player', null, player.feed));
     const chapBox = el('div', 'nui-pod-chapbox');
     chapBox.hidden = true;
@@ -3473,7 +3506,6 @@
     panel.append(extra);
     const notes = el('div', 'nui-pod-notesbox');
     panel.append(notes);
-    sheet.addEventListener('click', e => { if (e.target === sheet) closePlayer(); });
     document.body.append(sheet);
     sheetEpisode = player.episodeId;
     showDetails(notes, player.episodeId, true);
@@ -3494,12 +3526,8 @@
     if (!r) return;
     closePlayer();
     sheetKind = 'radio';
-    sheet = el('div');
-    sheet.id = 'nui-pod-player';
-    sheet.innerHTML = '<div class="nui-pod-player-panel" role="dialog" aria-label="Radio"></div>';
-    const panel = sheet.firstChild;
-    const top = el('div', 'nui-pod-player-top');
-    top.append(button('⌄', 'Player schließen', closePlayer));
+    const {sheet: made, panel, top} = podSheet('', 'Player schließen', closePlayer, 'Radio');
+    sheet = made;
     const cover = art(r.logo, 'player');
     cover.classList.add('nui-radio-art');
     panel.append(top, cover, el('div', 'nui-pod-player-title'), el('div', 'nui-pod-player-feed'),
@@ -3517,7 +3545,6 @@
     extra.append(stations);
     if (N.playerTransfer) extra.append(devicesButton());
     panel.append(controls, extra);
-    sheet.addEventListener('click', e => { if (e.target === sheet) closePlayer(); });
     document.body.append(sheet);
     renderRadioPlayer();
   }
@@ -3590,7 +3617,7 @@
     }
     markChapter(sheet, (player.pos || 0) / 1000);
     sheet.querySelector('.nui-pod-player-title').textContent = player.title || '';
-    sheet.querySelector('.nui-pod-player-feed').textContent = player.feed || '';
+    sheet.querySelector('.nui-pod-player-feed').textContent = bookLine(player) || player.feed || '';
     const range = sheet.querySelector('.nui-pod-seek');
     const dur = Math.round((player.dur || 0) / 1000);
     const pos = Math.round((player.pos || 0) / 1000);
@@ -3913,14 +3940,9 @@
     closePlayer();
     sheetKind = 'remote';
     const onRadio = r.kind === 'radio';
-    sheet = el('div');
-    sheet.id = 'nui-pod-player';
-    sheet.className = 'nui-pod-remote';
+    const {sheet: made, panel, top} = podSheet('nui-pod-remote', 'Player schließen', closePlayer, 'Player');
+    sheet = made;
     sheet.dataset.remote = remoteKey(r);
-    sheet.innerHTML = '<div class="nui-pod-player-panel" role="dialog" aria-label="Player"></div>';
-    const panel = sheet.firstChild;
-    const top = el('div', 'nui-pod-player-top');
-    top.append(button('⌄', 'Player schließen', closePlayer));
     const cover = art(onRadio ? r.station && r.station.logo : r.artwork, 'player');
     if (onRadio) cover.classList.add('nui-radio-art');
     panel.append(top, cover, el('div', 'nui-pod-player-title'), el('div', 'nui-pod-player-feed nui-pod-remote-line'));
@@ -3971,7 +3993,6 @@
       panel.append(notes);
       showDetails(notes, r.episodeId, false);
     }
-    sheet.addEventListener('click', e => { if (e.target === sheet) closePlayer(); });
     document.body.append(sheet);
     renderRemotePlayer();
   }
@@ -4008,11 +4029,6 @@
   // menus and the settings sheet get their entries. The app downloads the
   // first episodes of the queue by itself and tells us via __dioraDownloads.
 
-  const DL = !!N.podcastDownloads;
-  let downloads = DL ? parse(N.podcastDownloads(), {}) : {};
-  let dlSettings = DL ? parse(N.podcastDownloadSettings(), {}) : {};
-  // All at a glance (Downloads.infoJson): paused, how many run and wait, done of all in this round.
-  let dlInfo = DL && N.podcastDownloadsInfo ? parse(N.podcastDownloadsInfo(), {}) : {};
   // How many of the queue's first episodes load by themselves; 0 = all of them.
   const DL_COUNTS = [1, 2, 3, 5, 10, 0];
   const dlCountLabel = n => (n === 0 ? 'Alle' : n === 1 ? '1 Folge' : n + ' Folgen');
@@ -4245,16 +4261,10 @@
   function openDownloads() {
     if (!DL) return;
     closeDownloads();
-    dlSheet = el('div');
-    dlSheet.id = 'nui-pod-player';
-    dlSheet.className = 'nui-pod-notes-sheet nui-pod-dls';
-    const panel = el('div', 'nui-pod-player-panel');
-    const top = el('div', 'nui-pod-player-top');
-    top.append(button('⌄', 'Schließen', closeDownloads));
+    const {sheet: made, panel, top} = podSheet('nui-pod-notes-sheet nui-pod-dls', 'Schließen', closeDownloads);
+    dlSheet = made;
     dlBody = el('div', 'nui-pod-dls-body');
     panel.append(top, el('div', 'nui-pod-player-title', 'Downloads'), dlBody);
-    dlSheet.append(panel);
-    dlSheet.addEventListener('click', ev => { if (ev.target === dlSheet) closeDownloads(); });
     document.body.append(dlSheet);
     renderDownloads(true);
   }
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index d072b24..fd2cd1c 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 88b4842 2026-10-14: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 7b1d500 2026-10-16: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -194,6 +194,8 @@ html.nui-one-player #nui-mini { display: none !important; }
 .nui-pod-count-queue { background: var(--accent); color: var(--on-accent, #fff); }
 
 .nui-pod-summary { padding: 6px 2px 10px; font-size: 12px; color: var(--nui-muted); }
+/* Where audiobook subscriptions went (they are in the library, see audiobooks.js). */
+.nui-pod-hint { padding: 14px 2px; font-size: 13px; color: var(--nui-muted); font-family: var(--nui-sans); letter-spacing: normal; }
 .nui-pod-empty { padding: 32px 12px; color: var(--nui-muted); text-align: center; line-height: 1.5; font-family: var(--nui-sans); letter-spacing: normal; font-weight: 400; font-size: 14px; }
 
 .nui-pod-list { display: flex; flex-direction: column; }
@@ -231,7 +233,7 @@ html.nui-one-player #nui-mini { display: none !important; }
 .nui-pod-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
 .nui-pod-art-big { width: 64px; height: 64px; }
 .nui-pod-art-mini { width: 44px; height: 44px; margin-left: 10px; }
-.nui-pod-art-player { width: min(72vw, 320px); height: min(72vw, 320px); border-radius: 8px; align-self: center; }
+.nui-pod-art-player { width: min(64vw, 300px); height: min(64vw, 300px); border-radius: 8px; align-self: center; }
 
 .nui-pod-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
 .nui-pod-title {
@@ -377,7 +379,6 @@ body.eink .nui-pod-row { background: #fff; }
 body.eink .nui-pod-row:active { background: #ddd; }
 body.eink .nui-pod-count { background: #ddd; color: #000; }
 body.eink .nui-pod-tab.active { border-bottom-color: #000; color: #000; }
-body.eink .nui-pod-tab.active .nui-pod-count { background: #000; color: #fff; }
 body.eink .nui-pod-progress { background: #ccc; }
 body.eink .nui-pod-progress > span,
 body.eink .nui-pod-mini-bar span { background: #000; }
@@ -748,7 +749,6 @@ body.eink .nui-pod-facts a { color: #000; text-decoration: underline; }
 .nui-pod-chaplist { position: relative; max-height: 168px; overflow-y: auto; margin: 0 -4px 4px -10px; padding: 0 4px 0 10px; border-top: 1px solid var(--border); }
 .nui-pod-chaplist .nui-pod-chapter { padding: 8px 4px; }
 .nui-pod-chaplist .nui-pod-chapter:last-child { border-bottom: none; }
-.nui-pod-art-player { width: min(64vw, 300px); height: min(64vw, 300px); }
 .nui-pod-withchapters .nui-pod-art-player { width: min(46vw, 220px); height: min(46vw, 220px); }
 
 /* the downloads overview: the finished ones as a list */
@@ -796,185 +796,3 @@ body.eink .nui-pod-facts a { text-decoration-color: #000; }
   background: rgba(0, 0, 0, 0.55);
   color: #ddd;
 }
-
-/* diora Reader (books only, native.js): no read-aloud, no cloud import. */
-.nui-reader-app #reader-tts-btn,
-.nui-reader-app #reader-tts-lang,
-.nui-reader-app button[onclick*="toggleCloudImport"],
-.nui-reader-app #cloud-browser { display: none !important; }
-
-/* Datenverbrauch (native-ui.js showDataUsage) */
-.nui-usage { padding: 4px 16px 12px; }
-.nui-usage-chips { display: flex; gap: 6px; margin-bottom: 12px; }
-.nui-usage-chip { padding: 6px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 16px; background: none; color: inherit; font: inherit; font-size: 13px; }
-.nui-usage-chip.on { border-color: var(--accent, #e63946); color: var(--accent, #e63946); }
-.nui-usage-total { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; margin-bottom: 10px; }
-.nui-usage-total b { color: var(--accent, #e63946); }
-.nui-usage-table { width: 100%; border-collapse: collapse; font-size: 13px; }
-.nui-usage-table th { text-align: right; font-weight: 400; color: var(--nui-muted, #9a9a9a); padding: 2px 0 6px; }
-.nui-usage-table td { padding: 7px 0; border-top: 1px solid var(--border, #2a2a2a); vertical-align: top; }
-.nui-usage-table td + td { text-align: right; white-space: nowrap; padding-left: 10px; }
-.nui-usage-bar { display: block; height: 3px; margin-top: 4px; background: var(--raised, #2a2a2a); border-radius: 2px; overflow: hidden; }
-.nui-usage-bar > span { display: block; height: 100%; background: var(--accent, #e63946); }
-.nui-usage-note { font-size: 12px; color: var(--nui-muted, #9a9a9a); margin: 10px 0 0; }
-body.eink .nui-usage-bar > span { background: #000; }
-body.eink .nui-usage-total b { color: #000; }
-
-/* ---- sidebar layout (html.nui-sidebar, native-radio.js): the menu as a rail on the left,
-   the player bars at the bottom of the page. Always on a TV, a choice in the app menu elsewhere. ---- */
-
-.nui-rail-brand, .nui-rail-menu { display: none; }
-
-html.nui-sidebar { --nui-rail-w: 200px; }
-html.nui-sidebar body { padding-left: var(--nui-rail-w); }
-html.nui-sidebar.nui-reading body { padding-left: 0; }
-html.nui-sidebar #nui-dock { left: var(--nui-rail-w); }
-html.nui-sidebar #nui-tabbar {
-  position: fixed;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: var(--nui-rail-w);
-  flex-direction: column;
-  padding: 18px 0 12px;
-  background: var(--panel, #0b0b0b);
-  border-right: 1px solid var(--border);
-  overflow-y: auto;
-}
-html.nui-sidebar #nui-tabbar button {
-  flex: 0 0 auto;
-  height: 46px;
-  flex-direction: row;
-  justify-content: flex-start;
-  gap: 14px;
-  padding: 0 22px;
-  font-size: 15px;
-  text-align: left;
-}
-html.nui-sidebar #nui-tabbar .nui-tab-icon { width: 22px; text-align: center; font-size: 19px; }
-html.nui-sidebar #nui-tabbar button.nui-active { background: var(--hover, #181818); box-shadow: inset 3px 0 0 var(--accent); }
-html.nui-sidebar .nui-rail-brand {
-  display: block;
-  padding: 0 22px 18px;
-  color: var(--accent);
-  font-weight: 700;
-  font-size: 22px;
-  letter-spacing: 0.08em;
-}
-html.nui-sidebar .nui-rail-menu { display: flex; margin-top: auto; }
-/* Home's own wordmark: the rail has it already. */
-html.nui-sidebar #tab-home .home-brand { display: none; }
-body.eink #nui-tabbar { background: #fff; }
-/* A narrow screen (a phone upright): the rail shows its signs only. */
-@media (max-width: 640px) {
-  html.nui-sidebar { --nui-rail-w: 60px; }
-  html.nui-sidebar #nui-tabbar button { padding: 0; justify-content: center; font-size: 0; gap: 0; }
-  html.nui-sidebar #nui-tabbar .nui-tab-icon { font-size: 21px; }
-  html.nui-sidebar .nui-rail-brand { padding: 0 0 14px; text-align: center; font-size: 16px; letter-spacing: 0; overflow: hidden; }
-}
-
-/* ---- television (html.nui-tv, native-tv.js): a focus that the remote moves ---- */
-
-html.nui-tv { scroll-padding: 24px 0 calc(var(--nui-dock-h, 0px) + 24px); }
-html.nui-tv .nui-tv-focus {
-  outline: 3px solid var(--accent) !important;
-  outline-offset: 2px;
-  border-radius: 6px;
-}
-html.nui-tv #nui-tabbar button.nui-tv-focus { outline-offset: -3px; background: #222; }
-html.nui-tv :focus:not(.nui-tv-focus) { outline: none; }
-
-/* Books and feeds hidden on the TV (unless switched on in the app menu); Home's
-   sections of them: native-tv.js (:has, which the e-readers' old WebView lacks). */
-html.nui-noread #nui-tabbar button[data-tab="books"],
-html.nui-noread #nui-tabbar button[data-tab="feeds"] { display: none; }
-
-/* ---- screensaver (native-saver.js): what plays, large, drifting slowly ---- */
-
-#nui-saver {
-  position: fixed;
-  inset: 0;
-  z-index: 3000;
-  display: none;
-  overflow: hidden;
-  background: #000;
-  color: #fff;
-  cursor: none;
-}
-#nui-saver.nui-on { display: block; animation: nui-saver-in 1.2s ease-out; }
-@keyframes nui-saver-in { from { opacity: 0; } to { opacity: 1; } }
-.nui-saver-bg {
-  position: absolute;
-  inset: -10%;
-  background: center / cover no-repeat;
-  filter: blur(60px) brightness(0.32) saturate(1.3);
-}
-.nui-saver-stage {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 5vw;
-  padding: 8vh 10vw;
-  transition: transform 44s ease-in-out;
-}
-.nui-saver-art {
-  flex: 0 0 auto;
-  width: 34vmin;
-  height: 34vmin;
-  border-radius: 3vmin;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #161616;
-  box-shadow: 0 2vmin 8vmin rgba(0, 0, 0, 0.6);
-}
-.nui-saver-art img { width: 100%; height: 100%; object-fit: cover; }
-.nui-saver-art span { font-size: 16vmin; color: var(--accent); line-height: 1; }
-.nui-saver-text { flex: 0 1 52vw; min-width: 0; display: flex; flex-direction: column; gap: 1.6vmin; }
-.nui-saver-kicker, .nui-saver-sub, .nui-saver-chapter, .nui-saver-left { font-family: var(--nui-sans); letter-spacing: normal; }
-.nui-saver-kicker { color: var(--accent); font-size: 2.6vmin; font-weight: 600; text-transform: uppercase; }
-.nui-saver-title {
-  font-size: 5.4vmin;
-  font-weight: 700;
-  line-height: 1.2;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-.nui-saver-sub { font-size: 3.4vmin; color: #ddd; line-height: 1.3; }
-.nui-saver-chapter { font-size: 3vmin; color: var(--accent); }
-.nui-saver-progress { height: 0.6vmin; border-radius: 1vmin; background: rgba(255, 255, 255, 0.18); overflow: hidden; margin-top: 1vmin; }
-.nui-saver-progress span { display: block; height: 100%; background: var(--accent); transition: width 4s linear; }
-.nui-saver-left { font-size: 2.6vmin; color: #bbb; }
-#nui-saver [hidden] { display: none; }
-.nui-saver-clock {
-  position: absolute;
-  right: 5vw;
-  bottom: 6vh;
-  font-size: 7vmin;
-  font-weight: 200;
-  color: rgba(255, 255, 255, 0.75);
-  font-variant-numeric: tabular-nums;
-  transition: transform 44s ease-in-out;
-}
-/* Ambient: its own picture full screen; the saver only adds the clock and the sound world. */
-html.nui-saver-ambient #tab-ambient { display: block !important; }
-html.nui-saver-ambient #ambient-frame {
-  position: fixed !important;
-  inset: 0;
-  width: 100vw !important;
-  height: 100vh !important;
-  z-index: 2999;
-  border: 0;
-}
-html.nui-saver-ambient #nui-saver { background: transparent; }
-html.nui-saver-ambient .nui-saver-bg,
-html.nui-saver-ambient .nui-saver-art,
-html.nui-saver-ambient .nui-saver-progress,
-html.nui-saver-ambient .nui-saver-left { display: none; }
-html.nui-saver-ambient .nui-saver-stage { align-items: flex-start; justify-content: flex-start; }
-html.nui-saver-ambient .nui-saver-title { font-size: 3.4vmin; font-weight: 300; letter-spacing: 0.1em; }
diff --git a/templates/radio/player.html b/templates/radio/player.html
index d87d291..85a60ec 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -383,4 +383,5 @@
 <script src="/static/js/podcasts-web.js"></script>
 <script src="/static/js/home.js"></script>
 <script src="/static/js/feeds.js"></script>
+<script src="/static/js/audiobooks.js"></script>
 {% endblock %}

From 12b651b7727095d4aa79f8acf13fd65721ce69cf Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 14:08:44 +0200
Subject: [PATCH 116/176] =?UTF-8?q?H=C3=B6rb=C3=BCcher:=20Kapitel=20einzel?=
 =?UTF-8?q?n=20als=20(nicht)=20geh=C3=B6rt,=20Reihenfolge=20nach=20Korrekt?=
 =?UTF-8?q?uren?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Jedes Kapitel hat ✓/○ zum Umschalten. Ein bis zum Ende gehörtes, das wieder
  als nicht gehört gilt, beginnt von vorn (mark-played setzt die Stelle zurück).
- Feeds, die Titel, Datum oder Nummer schon bekannter Folgen korrigieren, werden
  übernommen: davon hängt die Kapitelreihenfolge ab (Das Kapital, Erster Band,
  hatte Daten aus einer älteren Fassung des Feeds). Ein Aktualisieren von Hand
  und das Markieren als Hörbuch lesen den Feed dafür ganz.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/test_audiobooks.py | 54 +++++++++++++++++++++++++++++++++++++
 podcasts/tests.py           |  3 ++-
 podcasts/views.py           | 43 ++++++++++++++++++++---------
 static/js/audiobooks.js     | 32 +++++++++++++++++++---
 static/js/sw.js             |  2 +-
 5 files changed, 116 insertions(+), 18 deletions(-)

diff --git a/podcasts/test_audiobooks.py b/podcasts/test_audiobooks.py
index da9014d..aa4631d 100644
--- a/podcasts/test_audiobooks.py
+++ b/podcasts/test_audiobooks.py
@@ -133,3 +133,57 @@ class AudiobookTests(TestCase):
         self.assertEqual(self.post('/podcasts/bookmarks/', {'episode_id': ep.pk, 'position_ms': -1}).status_code, 400)
         self.assertEqual(self.post('/podcasts/bookmarks/', {'episode_id': ep.pk, 'position_ms': 'x'}).status_code, 400)
         self.assertEqual(self.post('/podcasts/bookmarks/', {'episode_id': ep.pk, 'position_ms': 1, 'note': 5}).status_code, 400)
+
+
+class FeedCorrectionTests(TestCase):
+    """A feed that corrects titles and dates of episodes it had already (an audiobook's
+    order depends on them): a refresh takes them over, a refresh by hand even when the
+    feed looks unchanged."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/book', title='Buch',
+                                               last_refreshed_at=T0, http_body_hash='same')
+        PodcastEpisode.objects.create(feed=self.feed, guid='a', title='010 - Erstes Kapitel', pub_date=T0,
+                                      audio_url='https://example.org/a.mp3')
+
+    RSS = ('<?xml version="1.0"?><rss version="2.0"><channel><title>Buch</title>'
+           '<item><guid>a</guid><title>Erstes Kapitel</title><pubDate>Wed, 14 Oct 2026 21:45:54 GMT</pubDate>'
+           '<enclosure url="https://example.org/a.mp3" type="audio/mpeg" length="1"/></item></channel></rss>')
+
+    def test_a_refresh_by_hand_takes_over_corrected_titles_and_dates(self):
+        seen = {}
+
+        def fetch(url, **kw):
+            seen.update(kw)
+            if kw.get('body_hash') == 'same':   # what an unchanged feed gets: nothing parsed
+                return FeedFetch(304, None, body_hash='same')
+            return FeedFetch(200, feedparser.parse(self.RSS), body_hash='same')
+        with patch('podcasts.views._fetch_feed', fetch):
+            r = self.client.post('/podcasts/feeds/refresh/', json.dumps({'feed_id': self.feed.pk}),
+                                 content_type='application/json')
+        self.assertEqual(r.status_code, 200, r.content)
+        self.assertEqual(seen.get('body_hash', ''), '')
+        ep = PodcastEpisode.objects.get(guid='a')
+        self.assertEqual(ep.title, 'Erstes Kapitel')
+        self.assertEqual(ep.pub_date, datetime(2026, 10, 14, 21, 45, 54, tzinfo=timezone.utc))
+        self.assertEqual(PodcastEpisode.objects.count(), 1)
+
+
+class UnplayedTests(TestCase):
+    def test_a_chapter_heard_to_the_end_starts_over_once_not_heard(self):
+        user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(user)
+        feed = PodcastFeed.objects.create(user=user, rss_url='https://example.org/b', title='B')
+        ep = PodcastEpisode.objects.create(feed=feed, guid='x', title='x', audio_url='https://example.org/x.mp3',
+                                           duration_seconds=600)
+        half = PodcastEpisode.objects.create(feed=feed, guid='y', title='y', audio_url='https://example.org/y.mp3',
+                                             duration_seconds=600)
+        EpisodeProgress.objects.create(user=user, episode=ep, position_seconds=598, played=True)
+        EpisodeProgress.objects.create(user=user, episode=half, position_seconds=200, played=True)
+        for e in (ep, half):
+            self.client.post('/podcasts/progress/mark-played/', json.dumps({'episode_id': e.pk, 'played': False}),
+                             content_type='application/json')
+        self.assertEqual(EpisodeProgress.objects.get(episode=ep).position_seconds, 0)
+        self.assertEqual(EpisodeProgress.objects.get(episode=half).position_seconds, 200)   # its place stays
diff --git a/podcasts/tests.py b/podcasts/tests.py
index a576f99..a11bfb4 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -1706,7 +1706,8 @@ class FeedRefreshTests(TestCase):
                                  content_type='application/json')
         self.assertEqual(r.status_code, 502)
         self.assertEqual(r.json()['error'], 'not a feed')
-        self.assertEqual(self.calls, [('https://example.org/feed', self.V)])
+        # By hand: the whole feed, without the validators (corrections to known episodes come in).
+        self.assertEqual(self.calls, [('https://example.org/feed', {})])
         self.feed.refresh_from_db()
         self.assertEqual((self.feed.last_error, self.feed.error_count), ('not a feed', 1))
 
diff --git a/podcasts/views.py b/podcasts/views.py
index c67913f..5320b31 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -249,8 +249,10 @@ def _entry_transcripts(entry):
     return transcripts
 
 
-def _apply_extras(episode, description, chapters_url, psc_chapters, transcripts):
+def _apply_extras(episode, description, chapters_url, psc_chapters, transcripts, renamed=None):
     """Copy what the feed says now onto `episode`; True if anything changed.
+    `renamed`: its title, date and number as the feed has them now (a feed may correct
+    them; an audiobook's chapter order depends on them).
 
     Inline (Podlove) chapters win. Without them, fetched chapters (from
     chapters_url, or from the audio file when there's no URL) stay cached for
@@ -258,6 +260,10 @@ def _apply_extras(episode, description, chapters_url, psc_chapters, transcripts)
     fresh fetch.
     """
     changed = []
+    for name, value in (renamed or {}).items():
+        if getattr(episode, name) != value:
+            setattr(episode, name, value)
+            changed.append(name)
     if episode.description != description:
         episode.description = description
         changed.append('description')
@@ -282,7 +288,8 @@ def _apply_extras(episode, description, chapters_url, psc_chapters, transcripts)
     return bool(changed)
 
 
-EXTRA_FIELDS = ['description', 'transcripts', 'chapters_url', 'chapters', 'chapters_fetched_at']
+EXTRA_FIELDS = ['description', 'transcripts', 'chapters_url', 'chapters', 'chapters_fetched_at',
+                'title', 'pub_date', 'episode_number']
 
 
 # ---------------------------------------------------------------------------
@@ -608,15 +615,6 @@ def _apply_feed(feed_obj, fetched, full=False):
         psc_chapters = chapters_mod.from_psc(entry)
         transcripts = _entry_transcripts(entry)
 
-        known = existing.get(guid)
-        if known is not None:
-            if _apply_extras(known, description, chapters_url, psc_chapters, transcripts):
-                changed_episodes[known.id] = known
-            continue
-
-        duration_raw = entry.get('itunes_duration', 0)
-        duration_seconds = _parse_duration(duration_raw)
-
         pub_date = None
         if entry.get('published_parsed'):
             import datetime as dt
@@ -629,6 +627,18 @@ def _apply_feed(feed_obj, fetched, full=False):
         except (ValueError, TypeError):
             pass
 
+        known = existing.get(guid)
+        if known is not None:
+            renamed = {'title': title, 'episode_number': ep_number}
+            if pub_date is not None:
+                renamed['pub_date'] = pub_date
+            if _apply_extras(known, description, chapters_url, psc_chapters, transcripts, renamed):
+                changed_episodes[known.id] = known
+            continue
+
+        duration_raw = entry.get('itunes_duration', 0)
+        duration_seconds = _parse_duration(duration_raw)
+
         season_number = None
         try:
             season_number = int(entry.get('itunes_season', ''))
@@ -1113,6 +1123,8 @@ def feed_settings(request, pk):
         feed.save(update_fields=list(changes))
     if became_book:   # an audiobook's chapters aren't news (docs/audiobooks.md)
         _leave_inbox(request.user, list(feed.episodes.values_list('id', flat=True)))
+        # Its order depends on titles and dates: the next refresh reads the feed whole.
+        PodcastFeed.objects.filter(pk=feed.pk).update(http_etag='', http_last_modified='', http_body_hash='')
     return JsonResponse(_feed_settings(feed))
 
 
@@ -1693,6 +1705,9 @@ def refresh_feed_now(request):
     except PodcastFeed.DoesNotExist:
         return JsonResponse({'error': 'not found'}, status=404)
 
+    # Asked for by hand: read it whole even if it looks unchanged (validators, body hash),
+    # so corrections to episodes already known come in too.
+    feed.http_etag = feed.http_last_modified = feed.http_body_hash = ''
     try:
         new_episodes = _refresh_feed(feed)
     except Exception as e:
@@ -2066,7 +2081,11 @@ def mark_played(request):
         episode=episode,
     )
     progress.played = played
-    progress.save(update_fields=['played', 'updated_at'])
+    fields = ['played', 'updated_at']
+    if not played and counts_as_played(progress.position_seconds, episode.duration_seconds):
+        progress.position_seconds = 0   # heard to the end, now "not heard": from the start again
+        fields.append('position_seconds')
+    progress.save(update_fields=fields)
     return JsonResponse({'ok': True, 'played': played})
 
 
diff --git a/static/js/audiobooks.js b/static/js/audiobooks.js
index 7e9ddd8..7b258b6 100644
--- a/static/js/audiobooks.js
+++ b/static/js/audiobooks.js
@@ -307,10 +307,13 @@
     else if (playing && now.dur) meta = clock(now.pos) + ' / ' + clock(now.dur);
     else if (c.position_seconds > 0 && dur) meta = 'noch ' + hours(dur - c.position_seconds);
     else meta = dur ? hours(dur) : '';
-    return '<button type="button" class="ab-row ab-chapter' + (c.played ? ' ab-done' : '') + (playing ? ' ab-now' : '') +
+    return '<div class="ab-chrow"><button type="button" class="ab-row ab-chapter' + (c.played ? ' ab-done' : '') + (playing ? ' ab-now' : '') +
       '" data-ab-ch="' + c.index + '"><span class="ab-num">' + (playing ? '♪' : (c.index + 1)) + '</span>' +
       '<span class="ab-card-text"><span class="ab-title">' + esc(c.episode__title) + '</span>' +
-      '<span class="ab-meta">' + esc(meta) + '</span></span></button>';
+      '<span class="ab-meta">' + esc(meta) + '</span></span></button>' +
+      '<button type="button" class="ab-icon ab-tick' + (c.played ? ' ab-ticked' : '') + '" data-ab-played="' + c.index + '" ' +
+      'aria-label="' + (c.played ? 'Als nicht gehört markieren' : 'Als gehört markieren') + '" ' +
+      'title="' + (c.played ? 'Als nicht gehört markieren' : 'Als gehört markieren') + '">' + (c.played ? '✓' : '○') + '</button></div>';
   }
 
   // Play the open book's chapter `index` (from its own place, or from `ms`).
@@ -320,8 +323,9 @@
     if (!h || !d || !d.chapters[index]) return;
     const ch = d.chapters[index];
     const body = {feed_id: d.book.feed_id, chapters: d.chapters, index};
+    const dur = ch.episode__duration_seconds || 0;
     if (ms != null) body.position_ms = ms;
-    else if (ch.played) body.position_ms = 0;   // heard already: from its start
+    else if (ch.played || (dur && ch.position_seconds >= dur - 30)) body.position_ms = 0;   // heard already: from its start
     h.podcastPlayBook(JSON.stringify(body));
     setTimeout(poll, 400);
   }
@@ -413,6 +417,20 @@
     if (ch) play(ch.index, m.position_ms);
   }
 
+  // One chapter heard or not: at once here, the host tells the server.
+  function markChapter(index) {
+    const h = host();
+    const d = st.detail;
+    const ch = d && d.chapters[index];
+    if (!h || !ch) return;
+    ch.played = !ch.played;
+    const dur = ch.episode__duration_seconds || 0;
+    if (!ch.played && dur && ch.position_seconds >= dur - 30) ch.position_seconds = 0;   // from the start again
+    h.podcastMarkPlayedAll(JSON.stringify([ch.episode__id]), ch.played);
+    renderView();
+    setTimeout(() => loadDetail(st.open), 1500);
+  }
+
   function markAll(played) {
     const h = host();
     const d = st.detail;
@@ -442,6 +460,7 @@
       setKind(st.open, 'podcast');
       closeBook();
     }
+    else if (t.dataset.abPlayed != null) markChapter(Number(t.dataset.abPlayed));
     else if (t.dataset.abCh != null) play(Number(t.dataset.abCh));
     else if (t.dataset.abBm != null) playBookmark(Number(t.dataset.abBm));
     else if (t.dataset.abBmEdit != null) editBookmark(Number(t.dataset.abBmEdit));
@@ -590,7 +609,12 @@
     '.ab-num { flex: none; width: 28px; text-align: right; color: var(--muted, #9a9a9a); font-size: 13px; }',
     '.ab-chapter.ab-done .ab-title { color: var(--muted, #9a9a9a); }',
     '.ab-chapter.ab-now .ab-title, .ab-chapter.ab-now .ab-num { color: var(--accent, #e63946); }',
-    '.ab-mark { display: flex; align-items: center; }',
+    '.ab-mark, .ab-chrow { display: flex; align-items: center; }',
+    '.ab-chrow .ab-row { flex: 1; min-width: 0; }',
+    '.ab-chrow { border-bottom: 1px solid var(--border, #2a2a2a); }',
+    '.ab-chrow .ab-row { border-bottom: none; }',
+    '.ab-tick { color: var(--muted, #9a9a9a); font-size: 17px; }',
+    '.ab-tick.ab-ticked { color: var(--accent, #e63946); }',
     '.ab-mark .ab-row { flex: 1; min-width: 0; }',
     '#ab-toast { position: fixed; left: 50%; bottom: calc(var(--nui-dock-h, 0px) + 90px); transform: translateX(-50%); z-index: 2500; background: var(--raised, #222); color: var(--fg, #eee); padding: 10px 16px; border-radius: 8px; font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s; max-width: calc(100vw - 32px); }',
     '#ab-toast.ab-show { opacity: 1; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index ed72e60..1b3e3d8 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v113';
+const CACHE = 'diora-v114';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 838457f6f9a669e34dfe93bbf42748d8c4af6c0e Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 14:31:58 +0200
Subject: [PATCH 117/176] =?UTF-8?q?Navigation:=20Lesen=20und=20H=C3=B6ren?=
 =?UTF-8?q?=20(Phase=201,=20noch=20nicht=20ver=C3=B6ffentlicht)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die Bereiche nach dem, was man tut (docs/navigation.md): Home; Lesen mit
Bücher, Zeitschriften, Nachrichten, Blogs; Hören mit Hörbücher, Podcasts,
Radio, Ambient. static/js/nav.js ist die eine Definition für alle Plattformen
(DioraNav: Abschnitte, Gruppen, go, Hash, zuletzt gewählter Abschnitt je
Gruppe). Die Webseite zeichnet ihre Leiste daraus: breit alle Abschnitte unter
ihrer Gruppe, schmal Home · Lesen · Hören mit einer Abschnittszeile oben.

- Hörbücher haben ein eigenes Panel (#tab-audiobooks), nicht mehr über den E-Books.
- Zeitschriften: die Bücher im Ordner „Zeitschriften“ (oder „Magazine“).
- Nachrichten/Blogs wählt die Navigation; der eigene Umschalter verschwindet dann.
- Ein Link auf einen Abschnitt (#news …) schlägt die Startseite.

Die Apps zeichnen ihre Leiste (native-radio.js, diora-android) bald ebenfalls
daraus; bis dahin bleibt das hier unveröffentlicht.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/navigation.md            |  87 +++++++++++
 e2e/navigation.spec.js        |  61 ++++++++
 static/js/app/20-tabs.js      |  13 +-
 static/js/app/52-book-list.js |  34 ++++-
 static/js/app/99-init.js      |   5 +-
 static/js/audiobooks.js       |  23 +--
 static/js/feeds.js            |   9 ++
 static/js/nav.js              | 271 ++++++++++++++++++++++++++++++++++
 static/js/podcasts-web.js     |   2 +
 static/js/sw.js               |   3 +-
 templates/radio/player.html   |   3 +
 11 files changed, 489 insertions(+), 22 deletions(-)
 create mode 100644 docs/navigation.md
 create mode 100644 e2e/navigation.spec.js
 create mode 100644 static/js/nav.js

diff --git a/docs/navigation.md b/docs/navigation.md
new file mode 100644
index 0000000..627de39
--- /dev/null
+++ b/docs/navigation.md
@@ -0,0 +1,87 @@
+# Navigation: Lesen and Hören
+
+diora's areas are sorted by what one does, not where things come from:
+
+| Group | Sections |
+|-------|----------|
+| —     | Home |
+| Lesen | Bücher · Zeitschriften · Nachrichten · Blogs |
+| Hören | Hörbücher · Podcasts · Radio · Ambient |
+| —     | Abos & Quellen (managing all subscriptions; phase 2) |
+
+- **Desktop / wide window (sidebar):** every section is its own entry, under
+  its group's heading. Nothing inside a section repeats the choice.
+- **Phone (tab bar):** three tabs, **Home · Lesen · Hören**. Lesen and Hören
+  show a row of their sections at the top (segments); each group remembers
+  the section last used. The mini player stays below as it is.
+- **diora Reader** (tolino, e-readers): only Lesen, without Home. **TV:** Hören.
+
+Anything new goes into one of the two groups. Managing (subscribing, settings,
+folders) moves out of the everyday views into "Abos & Quellen" (phase 2).
+
+## One definition: `static/js/nav.js` (diora-web)
+
+Loaded by the page on every platform, before the other area scripts. It owns
+the sections, which panel shows each, switching between them, the URL hash
+and the remembered choice. The bars are drawn from it.
+
+```
+window.DioraNav = {
+  sections(),   // [{id, group, label, icon, available}] in order (only those the page has)
+  groups(),     // [{id: 'home'|'lesen'|'hoeren', label, icon, sections: [id…]}]
+  current(),    // the section id shown now
+  go(id),       // show a section ('lesen'/'hoeren': that group's last section)
+  onChange(fn), // fn(sectionId) after every change
+}
+```
+
+| Section id | Group | Label | Panel | View inside the panel |
+|------------|-------|-------|-------|-----------------------|
+| `home` | — | Home | `#tab-home` | |
+| `books` | lesen | Bücher | `#tab-books` | e-books (not magazines) |
+| `magazines` | lesen | Zeitschriften | `#tab-books` | magazines |
+| `news` | lesen | Nachrichten | `#tab-feeds` | news |
+| `blogs` | lesen | Blogs | `#tab-feeds` | blogs |
+| `audiobooks` | hoeren | Hörbücher | `#tab-audiobooks` | (audiobooks.js) |
+| `podcasts` | hoeren | Podcasts | `#tab-podcasts` | |
+| `radio` | hoeren | Radio | `#tab-radio` | |
+| `ambient` | hoeren | Ambient | `#tab-ambient` | |
+
+`go()` calls the page's `showTab(panel)` as before (so everything hooked onto
+showTab keeps working) and then the panel's view hook:
+`window.__dioraBooksView('books'|'magazines')`,
+`window.__dioraFeedsView('news'|'blogs')`. The panels' own switches for that
+choice (feeds.js News/Blogs) are hidden. `_currentTopTab` stays the panel name.
+
+Hash: `#books`, `#magazines`, `#news`, `#blogs`, `#audiobooks`, … (old hashes
+`#feeds`, `#radio/saved` keep working). Remembered: `localStorage`
+`diora_nav_section` and `diora_nav_last_<group>`.
+
+**Zeitschriften** (phase 1): the books in a library folder called
+"Zeitschriften" (or "Magazine"); a per-book mark follows with phase 3.
+
+### The segment row (phone)
+
+nav.js draws `#nav-segments` above the panels: the current group's sections,
+when the layout is the tab bar (not `html.nui-sidebar`) and the group has more
+than one available section. Styled with the theme tokens; the native CSS may
+restyle it.
+
+## Who draws what
+
+| Where | Bar | Drawn by |
+|-------|-----|----------|
+| Android (phone) | `#nui-tabbar`: Home · Lesen · Hören | native-radio.js, from `DioraNav.groups()` |
+| Android tablet, desktop (`html.nui-sidebar`) | rail: Home, headings Lesen/Hören with their sections, Menü | native-radio.js, from `DioraNav.sections()` |
+| Web page | `#tabs` (narrow: groups + segments; wide: all sections under headings) | nav.js |
+
+A tab/rail button calls `DioraNav.go(id)`; the active state comes from
+`DioraNav.onChange`.
+
+## Phases
+
+1. Navigation (this document), Hörbücher as their own panel, Zeitschriften by folder.
+2. "Abos & Quellen": podcasts, YouTube channels, news sources, blogs and the
+   audiobook mark in one place; the everyday views without managing.
+3. Library: audiobook series (e.g. Das Kapital, Band 1–3) and folders,
+   magazines marked per book.
diff --git a/e2e/navigation.spec.js b/e2e/navigation.spec.js
new file mode 100644
index 0000000..817602b
--- /dev/null
+++ b/e2e/navigation.spec.js
@@ -0,0 +1,61 @@
+// The navigation (docs/navigation.md): Home, Lesen (Bücher, Zeitschriften, Nachrichten,
+// Blogs), Hören (Hörbücher, Podcasts, Radio, Ambient), on the web page's own bar.
+const { test, expect } = require('@playwright/test');
+const path = require('path');
+
+test.use({ storageState: path.join(__dirname, '.auth', 'user.json') });
+
+const visiblePanel = page => page.evaluate(() =>
+  [...document.querySelectorAll('section.tab-panel')].filter(p => p.style.display !== 'none').map(p => p.id));
+
+test('wide: every section in the bar under its group, each shows its panel and view', async ({ page }) => {
+  await page.setViewportSize({ width: 1200, height: 800 });
+  await page.goto('/#books');
+  const wide = page.locator('#tabs .nav-wide');
+  await expect(wide.locator('.nav-group-label')).toHaveText(['Lesen', 'Hören']);
+  await expect(wide.locator('[data-nav]')).toHaveText(
+    ['Home', 'Bücher', 'Zeitschriften', 'Nachrichten', 'Blogs', 'Hörbücher', 'Podcasts', 'Radio', 'Ambient', 'Fokus']);
+
+  await wide.locator('[data-nav="blogs"]').click();
+  await expect(page).toHaveURL(/#blogs$/);
+  expect(await visiblePanel(page)).toEqual(['tab-feeds']);
+  expect(await page.evaluate(() => localStorage.getItem('diora_feeds_view'))).toBe('blogs');
+  await expect(page.locator('#tab-feeds .fd-seg')).toBeHidden();   // the bar chooses, not the tab
+  await expect(page.locator('#nav-segments')).toBeHidden();
+
+  await wide.locator('[data-nav="audiobooks"]').click();
+  expect(await visiblePanel(page)).toEqual(['tab-audiobooks']);
+  await expect(page.locator('#audiobook-shelf')).toBeVisible();
+  await expect(wide.locator('[data-nav="audiobooks"]')).toHaveClass(/active/);
+});
+
+test('narrow: three groups, the sections as a row on top, each group remembers its last', async ({ page }) => {
+  await page.setViewportSize({ width: 390, height: 800 });
+  await page.goto('/#news');
+  const narrow = page.locator('#tabs .nav-narrow');
+  await expect(narrow.locator('[data-nav]')).toHaveText(['Home', 'Lesen', 'Hören']);
+  await expect(narrow.locator('[data-nav="lesen"]')).toHaveClass(/active/);
+  const segs = page.locator('#nav-segments');
+  await expect(segs.locator('[data-nav]')).toHaveText(['Bücher', 'Zeitschriften', 'Nachrichten', 'Blogs']);
+  await expect(segs.locator('[data-nav="news"]')).toHaveClass(/active/);
+
+  await narrow.locator('[data-nav="hoeren"]').click();
+  await segs.locator('[data-nav="radio"]').click();
+  expect(await visiblePanel(page)).toEqual(['tab-radio']);
+  await narrow.locator('[data-nav="lesen"]').click();
+  await expect(page).toHaveURL(/#news$/);   // back where Lesen was left
+  await narrow.locator('[data-nav="hoeren"]').click();
+  await expect(page).toHaveURL(/#radio/);
+});
+
+test('old links and direct panel switches land in their section', async ({ page }) => {
+  await page.setViewportSize({ width: 1200, height: 800 });
+  await page.goto('/#feeds');
+  expect(await visiblePanel(page)).toEqual(['tab-feeds']);
+  await expect(page.locator('#tabs .nav-wide [data-nav].active')).toHaveText(/Nachrichten|Blogs/);
+  await page.evaluate(() => showTab('podcasts'));
+  await expect(page.locator('#tabs [data-nav="podcasts"]')).toHaveClass(/active/);
+  await expect(page).toHaveURL(/#podcasts$/);
+  await page.reload();
+  expect(await visiblePanel(page)).toEqual(['tab-podcasts']);   // remembered
+});
diff --git a/static/js/app/20-tabs.js b/static/js/app/20-tabs.js
index a0facca..6ea6a78 100644
--- a/static/js/app/20-tabs.js
+++ b/static/js/app/20-tabs.js
@@ -4,7 +4,7 @@
 // Tabs
 // ---------------------------------------------------------------------------
 
-const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'feeds', 'ambient'];
+const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'feeds', 'ambient', 'audiobooks'];
 const RADIO_SUB_TABS = ['search', 'saved', 'history'];
 
 // ---------------------------------------------------------------------------
@@ -17,7 +17,7 @@ let _routingFromHash = false;
 let _currentTopTab = 'radio';
 
 function _syncHash() {
-  if (_routingFromHash) return;
+  if (_routingFromHash || window.DioraNav) return;   // the navigation keeps the hash (static/js/nav.js)
   let hash = _currentTopTab;
   if (_currentTopTab === 'radio') {
     hash += '/' + (localStorage.getItem('diora_active_radio_tab') || 'saved');
@@ -26,6 +26,7 @@ function _syncHash() {
 }
 
 function _routeFromHash() {
+  if (window.DioraNav) return;   // nav.js routes (#news, #audiobooks …)
   const [tab, sub] = (location.hash || '').replace(/^#/, '').split('/').filter(Boolean);
   if (!TOP_TABS.includes(tab)) return;
   _routingFromHash = true;
@@ -52,9 +53,11 @@ function showTab(name) {
     if (panel) panel.style.display = (p === name) ? '' : 'none';
   });
 
-  document.querySelectorAll('#tabs .tab-btn').forEach((btn, i) => {
-    btn.classList.toggle('active', TOP_TABS[i] === name);
-  });
+  if (!window.DioraNav) {   // else nav.js marks its own buttons
+    document.querySelectorAll('#tabs .tab-btn').forEach((btn, i) => {
+      btn.classList.toggle('active', TOP_TABS[i] === name);
+    });
+  }
 
   localStorage.setItem('diora_active_tab', name);
   _currentTopTab = name;
diff --git a/static/js/app/52-book-list.js b/static/js/app/52-book-list.js
index 3205b2a..32f4f79 100644
--- a/static/js/app/52-book-list.js
+++ b/static/js/app/52-book-list.js
@@ -205,6 +205,27 @@ async function toggleBookRead(bookId, currentlyRead) {
 // free in /api/sync/. One level only: folders don't nest.
 let _currentBookFolder = null; // null = root view (folder tiles + unfiled books)
 
+// Bücher and Zeitschriften are two sections of Lesen (static/js/nav.js), one list: the
+// magazines are the books in a folder called "Zeitschriften" (or "Magazine").
+let _bookSection = 'books';
+const _MAGAZINE_FOLDER = /^(zeitschriften|magazine|magazines)$/i;
+const _isMagazine = b => _MAGAZINE_FOLDER.test((b.folder || '').trim());
+
+// The books of the section shown (all of them where there are no sections).
+function _bookSectionFilter(books) {
+  if (!window.DioraNav) return books;
+  return books.filter(b => (_bookSection === 'magazines') === _isMagazine(b));
+}
+window._bookSectionFilter = _bookSectionFilter;
+
+window.__dioraBooksView = function (view) {
+  const next = view === 'magazines' ? 'magazines' : 'books';
+  if (next === _bookSection) return;
+  _bookSection = next;
+  _currentBookFolder = null;
+  if (_lastBookListData) renderBookList(_lastBookListData);
+};
+
 function _recentlyReadBooks(books) {
   return books
     .filter(b => b.last_read)
@@ -265,13 +286,18 @@ function _openBookFolder(name) {
   renderBookList(_lastBookListData);
 }
 
-function renderBookList(books) {
+function renderBookList(allBooks) {
   const listEl = $('book-list');
   if (!listEl) return;
-  _lastBookListData = books;
+  _lastBookListData = allBooks;
+  const books = _bookSectionFilter(allBooks);
 
   if (!books.length) {
-    listEl.innerHTML = '';
+    listEl.innerHTML = window.DioraNav && allBooks.length
+      ? (_bookSection === 'magazines'
+        ? '<p class="muted">Noch keine Zeitschriften. Hefte, die in einem Ordner „Zeitschriften“ liegen, stehen hier (⋮ → Ordner zuweisen).</p>'
+        : '<p class="muted">Alle Bücher liegen bei den Zeitschriften.</p>')
+      : '';
     return;
   }
 
@@ -299,7 +325,7 @@ function renderBookList(books) {
 
   const grouped = new Map();
   for (const b of visible) {
-    const key = b.folder || '';
+    const key = _bookSection === 'magazines' && _isMagazine(b) ? '' : (b.folder || '');
     if (!grouped.has(key)) grouped.set(key, []);
     grouped.get(key).push(b);
   }
diff --git a/static/js/app/99-init.js b/static/js/app/99-init.js
index de390d6..e19794d 100644
--- a/static/js/app/99-init.js
+++ b/static/js/app/99-init.js
@@ -71,7 +71,10 @@
   // except when offline, where books (usable offline) always takes over.
   const offlineOverride = !navigator.onLine && IS_AUTHENTICATED;
   const hashTab = (location.hash || '').replace(/^#/, '').split('/')[0];
-  if (!offlineOverride && TOP_TABS.includes(hashTab)) {
+  if (window.DioraNav) {   // sections (static/js/nav.js)
+    DioraNav.restore(offlineOverride);
+    showRadioTab(localStorage.getItem('diora_active_radio_tab') || 'saved');
+  } else if (!offlineOverride && TOP_TABS.includes(hashTab)) {
     _routeFromHash();
   } else {
     const savedTab = localStorage.getItem('diora_active_tab') || 'radio';
diff --git a/static/js/audiobooks.js b/static/js/audiobooks.js
index 7b258b6..2fab3fd 100644
--- a/static/js/audiobooks.js
+++ b/static/js/audiobooks.js
@@ -1,6 +1,6 @@
 /*
- * Audiobooks in the library (docs/audiobooks.md): podcast subscriptions marked as a
- * Hörbuch or Hörspiel are listened to like a book, next to the e-books in "Bücher" —
+ * Audiobooks, the section "Hörbücher" of Hören (docs/audiobooks.md, docs/navigation.md):
+ * podcast subscriptions marked as a Hörbuch or Hörspiel are listened to like a book —
  * "Weiterhören", one progress per book, the chapters in order, bookmarks with a note,
  * the sleep timer to the end of the chapter. The server knows the books
  * (/podcasts/audiobooks/), the podcast host plays them (podcastPlayBook: the chapters in
@@ -9,9 +9,8 @@
  */
 (function () {
   'use strict';
-  const tab = document.getElementById('tab-books');
-  const list = document.getElementById('book-list');
-  if (!tab || !list) return;
+  const tab = document.getElementById('tab-audiobooks');
+  if (!tab) return;
   if (typeof IS_AUTHENTICATED !== 'undefined' && !IS_AUTHENTICATED) return;
 
   // The podcast host: the app's own on Android, podcasts-web.js elsewhere.
@@ -33,10 +32,7 @@
 
   const shelf = document.createElement('div');
   shelf.id = 'audiobook-shelf';
-  // Above the e-books, and above their "Gelesene anzeigen" switch (it is about them).
-  const filter = list.previousElementSibling;
-  const before = filter && filter.classList.contains('book-list-filter') ? filter : list;
-  list.parentNode.insertBefore(shelf, before);
+  tab.appendChild(shelf);
 
   // ---- helpers ------------------------------------------------------------------------
 
@@ -173,7 +169,12 @@
     const books = st.books || [];
     const state = h ? podcastState() : null;
     const pods = state && state.feeds ? state.feeds.filter(f => f.kind !== 'audiobook') : [];
-    if (!h || (!books.length && !pods.length)) { shelf.innerHTML = ''; return; }
+    if (!h) { shelf.innerHTML = ''; return; }
+    if (!books.length && !pods.length) {
+      shelf.innerHTML = '<p class="ab-empty">Hörbücher und Hörspiele sind hier Podcasts, die wie ein Buch gehört ' +
+        'werden: Kapitel in Reihenfolge, Lesezeichen. Erst einen Podcast abonnieren (Podcasts → Suche), dann hier markieren.</p>';
+      return;
+    }
     let html = '';
     const go = books.filter(b => b.next && b.last_played_at)[0];
     if (go) {
@@ -528,7 +529,7 @@
   if (typeof showTab === 'function') {
     window.showTab = function (name) {
       const r = showTab.apply(this, arguments);
-      if (name === 'books') loadList();
+      if (name === 'audiobooks') loadList();
       else if (st.open != null) closeBook();
       return r;
     };
diff --git a/static/js/feeds.js b/static/js/feeds.js
index 54e7fdf..6780b41 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -994,6 +994,14 @@
   // ---- showing the tab
 
   let shownAt = 0;
+  // Nachrichten and Blogs are sections of Lesen (static/js/nav.js): it chooses, before the
+  // tab is shown; its own switch is then hidden.
+  window.__dioraFeedsView = function (view) {
+    if (view !== 'news' && view !== 'blogs' || view === st.view) return;
+    st.view = view;
+    try { localStorage.setItem('diora_feeds_view', view); } catch (err) {}
+    shownAt = 0;   // shown next: loaded for this view
+  };
   window.__dioraFeedsShow = function () {
     // Back after a while: fresh state (new briefing); otherwise as it was.
     if (!st.state || Date.now() - shownAt > 5 * 60000) load();
@@ -1078,6 +1086,7 @@
     '#tab-feeds .fd-seg { display: flex; border: 1px solid var(--border, #2a2a2a); border-radius: 6px; overflow: hidden; }',
     '#tab-feeds .fd-seg button { background: none; border: none; color: inherit; font: inherit; padding: 9px 14px; cursor: pointer; }',
     '#tab-feeds .fd-seg button.on { background: var(--accent, #e63946); color: var(--on-accent, #fff); }',
+    'html.nav-bars #tab-feeds .fd-seg { display: none; }',
     '#tab-feeds .fd-count { display: inline-block; min-width: 18px; padding: 0 5px; border-radius: 9px; background: var(--raised, rgba(255,255,255,0.18)); font-size: 11px; text-align: center; }',
     '#tab-feeds .fd-actions { display: flex; gap: 4px; }',
     '.fd-icon { background: none; border: none; color: inherit; font: inherit; font-size: 20px; min-width: 40px; min-height: 40px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }',
diff --git a/static/js/nav.js b/static/js/nav.js
new file mode 100644
index 0000000..d37733a
--- /dev/null
+++ b/static/js/nav.js
@@ -0,0 +1,271 @@
+/*
+ * The navigation (docs/navigation.md): diora's sections, sorted by what one does —
+ * Home; Lesen: Bücher, Zeitschriften, Nachrichten, Blogs; Hören: Hörbücher, Podcasts,
+ * Radio, Ambient. One definition for every platform: the web page's #tabs are drawn
+ * here, the apps' tab bar and sidebar (native-radio.js) from DioraNav.groups() and
+ * DioraNav.sections(). A section is a panel (showTab, as before) plus a view in it.
+ * On a phone, Lesen and Hören show their sections as a row on top (#nav-segments).
+ * Loaded before the app scripts (99-init.js restores the section through it).
+ * Chrome-61-safe: no ?. / ??.
+ */
+(function () {
+  'use strict';
+  const html = document.documentElement;
+  const authed = typeof IS_AUTHENTICATED === 'undefined' || !!IS_AUTHENTICATED;
+
+  const SECTIONS = [
+    {id: 'home', group: 'home', label: 'Home', icon: '⌂', panel: 'home', account: true},
+    {id: 'books', group: 'lesen', label: 'Bücher', icon: '▤', panel: 'books', view: 'books'},
+    {id: 'magazines', group: 'lesen', label: 'Zeitschriften', icon: '▥', panel: 'books', view: 'magazines', account: true},
+    {id: 'news', group: 'lesen', label: 'Nachrichten', icon: '☰', panel: 'feeds', view: 'news', account: true},
+    {id: 'blogs', group: 'lesen', label: 'Blogs', icon: '✎', panel: 'feeds', view: 'blogs', account: true},
+    {id: 'audiobooks', group: 'hoeren', label: 'Hörbücher', icon: '◐', panel: 'audiobooks', account: true, needsPodcasts: true},
+    {id: 'podcasts', group: 'hoeren', label: 'Podcasts', icon: '◎', panel: 'podcasts'},
+    {id: 'radio', group: 'hoeren', label: 'Radio', icon: '◉', panel: 'radio'},
+    {id: 'ambient', group: 'hoeren', label: 'Ambient', icon: '∿', panel: 'ambient'},
+    // The focus timer: the web page's own (the apps never had it).
+    {id: 'focus', group: 'hoeren', label: 'Fokus', icon: '◷', panel: 'focus', webOnly: true},
+  ];
+  const GROUPS = [
+    {id: 'home', label: 'Home', icon: '⌂'},
+    {id: 'lesen', label: 'Lesen', icon: '▤'},
+    {id: 'hoeren', label: 'Hören', icon: '◉'},
+  ];
+  const byId = {};
+  SECTIONS.forEach(s => { byId[s.id] = s; });
+
+  const nativeUi = () => html.classList.contains('nui-radio');   // the apps' own bars (native-radio.js)
+  const readerApp = () => html.classList.contains('nui-reader-app');
+  const noRead = () => html.classList.contains('nui-noread');     // TV
+  // Audiobooks need the podcast player: the page has them where it loads audiobooks.js
+  // (diora Reader's build leaves it out). Known before the player's script has run.
+  const podcastHost = () => !!document.querySelector('script[src$="/static/js/audiobooks.js"]');
+
+  function available(s) {
+    if (!document.getElementById('tab-' + s.panel)) return false;
+    if (s.account && !authed) return false;
+    if (s.webOnly && nativeUi()) return false;
+    if (s.needsPodcasts && !podcastHost()) return false;
+    if (readerApp() && s.group !== 'lesen') return false;   // diora Reader: reading only
+    if (noRead() && s.group === 'lesen') return false;       // TV: no reading
+    return true;
+  }
+
+  function sections() {
+    return SECTIONS.filter(available).map(s => ({id: s.id, group: s.group, label: s.label, icon: s.icon}));
+  }
+
+  function groups() {
+    const list = sections();
+    return GROUPS.map(g => ({id: g.id, label: g.label, icon: g.icon,
+      sections: list.filter(s => s.group === g.id).map(s => s.id)})).filter(g => g.sections.length);
+  }
+
+  function load(key) {
+    try { return localStorage.getItem(key); } catch (e) { return null; }
+  }
+
+  function save(key, value) {
+    try { localStorage.setItem(key, value); } catch (e) {}
+  }
+
+  let current = null;
+  const listeners = [];
+
+  // A section of `group`: the one used last there, else its first.
+  function lastOf(group) {
+    const list = sections().filter(s => s.group === group);
+    const last = load('diora_nav_last_' + group);
+    const found = list.filter(s => s.id === last)[0];
+    return (found || list[0] || {}).id || null;
+  }
+
+  // What a name means: a section, a group (its last section), or a panel (its section).
+  function resolve(name) {
+    if (byId[name] && available(byId[name])) return name;
+    if (GROUPS.some(g => g.id === name)) return lastOf(name);
+    const inPanel = sections().filter(s => byId[s.id].panel === name);
+    if (!inPanel.length) return null;
+    const last = lastOf(byId[inPanel[0].id].group);
+    return inPanel.some(s => s.id === last) ? last : inPanel[0].id;
+  }
+
+  function applyView(s) {
+    if (s.panel === 'books' && window.__dioraBooksView) window.__dioraBooksView(s.view);
+    if (s.panel === 'feeds' && window.__dioraFeedsView) window.__dioraFeedsView(s.view);
+  }
+
+  function setCurrent(id) {
+    current = id;
+    const s = byId[id];
+    save('diora_nav_section', id);
+    save('diora_nav_last_' + s.group, id);
+    syncHash();
+    render();
+    listeners.slice().forEach(fn => { try { fn(id); } catch (e) {} });
+  }
+
+  let going = false;
+  function go(name) {
+    wrapShowTab();
+    const id = resolve(name);
+    if (!id) return false;
+    const s = byId[id];
+    applyView(s);   // first: the panel then shows the chosen view
+    going = true;
+    try { window.showTab(s.panel); } finally { going = false; }   // with everything hooked onto it
+    setCurrent(id);
+    return true;
+  }
+
+  // Anything that shows a panel directly (Home's cards, the offline switch to the books,
+  // a notification …): the section follows. Hooked on when first needed: this file comes
+  // before the app's scripts, which define showTab.
+  let wrapped = false;
+  function wrapShowTab() {
+    if (wrapped || typeof window.showTab !== 'function') return;
+    wrapped = true;
+    const showTab = window.showTab;
+    window.showTab = function (name) {
+      const r = showTab.apply(this, arguments);
+      if (!going) {
+        const cur = current && byId[current];
+        if (!cur || cur.panel !== name) {
+          const id = resolve(name);
+          if (id) {
+            if (byId[id].view) applyView(byId[id]);
+            setCurrent(id);
+          }
+        }
+      }
+      return r;
+    };
+  }
+
+  // ---- the URL hash: #books, #news, #audiobooks … (old ones like #feeds, #radio/saved too)
+
+  let routing = false;
+  function syncHash() {
+    if (routing) return;
+    let hash = current;
+    if (current === 'radio') hash += '/' + (load('diora_active_radio_tab') || 'saved');
+    if (location.hash.slice(1) !== hash) history.pushState(null, '', '#' + hash);
+  }
+
+  function route() {
+    const parts = (location.hash || '').replace(/^#/, '').split('/').filter(Boolean);
+    if (!parts.length || !resolve(parts[0])) return false;
+    routing = true;
+    try {
+      go(parts[0]);
+      if (parts[0] === 'radio' && parts[1] && typeof showRadioTab === 'function') showRadioTab(parts[1]);
+    } finally {
+      routing = false;
+    }
+    return true;
+  }
+
+  // At the start (99-init.js): the hash, else the section used last; offline the books.
+  function restore(offline) {
+    if (offline) { go('books'); return; }
+    if (route()) return;
+    const saved = load('diora_nav_section') || load('diora_active_tab') || 'radio';
+    if (!go(saved)) go(sections()[0] ? sections()[0].id : 'radio');
+  }
+
+  // ---- the web page's bar and the segment row --------------------------------------------
+
+  function esc(s) {
+    return String(s).replace(/[&<>"]/g, c => ({'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;'}[c]));
+  }
+
+  function button(id, label, cls, on) {
+    return '<button type="button" class="' + cls + (on ? ' active' : '') + '" data-nav="' + id + '">' + esc(label) + '</button>';
+  }
+
+  let tabs = null;
+  let segs = null;
+  function render() {
+    const cur = current && byId[current];
+    const gs = groups();
+    if (tabs && !nativeUi()) {
+      // Wide: every section under its group; narrow: the groups (their sections on top).
+      tabs.innerHTML =
+        '<div class="nav-wide">' + gs.map(g => g.id === 'home'
+          ? button('home', 'Home', 'tab-btn', current === 'home')
+          : '<span class="nav-group-label">' + esc(g.label) + '</span>' +
+            g.sections.map(id => button(id, byId[id].label, 'tab-btn', current === id)).join('')).join('') + '</div>' +
+        '<div class="nav-narrow">' + gs.map(g =>
+          button(g.id, g.label, 'tab-btn', !!cur && cur.group === g.id)).join('') + '</div>';
+    }
+    if (segs) {
+      const g = cur ? gs.filter(x => x.id === cur.group)[0] : null;
+      const show = !!g && g.sections.length > 1 && html.classList.contains('nav-bars');
+      segs.hidden = !show;
+      segs.innerHTML = show ? g.sections.map(id => button(id, byId[id].label, 'nav-seg', current === id)).join('') : '';
+    }
+  }
+
+  function setup() {
+    wrapShowTab();
+    tabs = document.getElementById('tabs');
+    const first = document.querySelector('section.tab-panel');
+    if (first) {
+      segs = document.createElement('nav');
+      segs.id = 'nav-segments';
+      segs.hidden = true;
+      first.parentNode.insertBefore(segs, first);
+      segs.addEventListener('click', onClick);
+    }
+    if (tabs && !nativeUi()) {
+      html.classList.add('nav-bars');   // the page's own bar knows the sections
+      tabs.addEventListener('click', onClick);
+    }
+    render();
+  }
+
+  function onClick(e) {
+    const b = e.target.closest('[data-nav]');
+    if (!b) return;
+    e.preventDefault();
+    go(b.dataset.nav);
+    window.scrollTo(0, 0);
+  }
+
+  window.DioraNav = {
+    sections,
+    groups,
+    current: () => current,
+    go,
+    onChange(fn) { if (typeof fn === 'function') listeners.push(fn); },
+    // For a bar drawn elsewhere (native-radio.js): it shows the sections itself.
+    barsReady() { html.classList.add('nav-bars'); render(); },
+    route,
+    restore,
+  };
+
+  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', setup);
+  else setup();
+  window.addEventListener('popstate', route);
+  window.addEventListener('hashchange', route);
+
+  // ---- styles ----------------------------------------------------------------------------
+
+  const style = document.createElement('style');
+  style.textContent = [
+    '#tabs .nav-wide, #tabs .nav-narrow { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; }',
+    '#tabs .nav-narrow { display: none; }',
+    '#tabs .nav-group-label { margin: 0 4px 0 14px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted, #9a9a9a); }',
+    '@media (max-width: 720px) { #tabs .nav-wide { display: none; } #tabs .nav-narrow { display: flex; } }',
+    '#nav-segments { display: flex; gap: 6px; overflow-x: auto; padding: 8px 0 12px; scrollbar-width: none; }',
+    '#nav-segments[hidden] { display: none; }',
+    '#nav-segments::-webkit-scrollbar { display: none; }',
+    '.nav-seg { flex: none; min-height: 36px; padding: 0 14px; border-radius: 18px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; font-size: 14px; cursor: pointer; }',
+    '.nav-seg.active { background: var(--accent, #e63946); border-color: var(--accent, #e63946); color: var(--on-accent, #fff); }',
+    // Wide web page: every section is in the bar, the row would repeat it.
+    '@media (min-width: 721px) { html:not(.nui-radio) #nav-segments { display: none; } }',
+    // The sidebar (apps, wide): the sections are in it.
+    'html.nui-sidebar #nav-segments { display: none; }',
+  ].join('\n');
+  document.head.appendChild(style);
+})();
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index bad0ce3..6e230df 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -2063,6 +2063,8 @@
     if (!start || typeof showTab !== 'function') return;
     const nav = performance.getEntriesByType ? performance.getEntriesByType('navigation')[0] : null;
     if (nav && nav.type !== 'navigate') return;
+    // A link to a section (#news, #audiobooks …) is where one wanted to go.
+    if (window.DioraNav && location.hash.length > 1) return;
     const tab = start === 'queue' || start === 'inbox' ? 'podcasts' : start === 'radio' ? 'radio'
       : start === 'home' && document.getElementById('tab-home') ? 'home' : 'books';
     if (typeof _currentTopTab === 'undefined' || _currentTopTab !== tab) showTab(tab);
diff --git a/static/js/sw.js b/static/js/sw.js
index 1b3e3d8..ea59ca9 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v114';
+const CACHE = 'diora-v115';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
@@ -41,6 +41,7 @@ const SHELL = [
   '/static/js/home.js',
   '/static/js/feeds.js',
   '/static/js/audiobooks.js',
+  '/static/js/nav.js',
   '/static/podcasts/native-podcast.js',
   '/static/podcasts/podcast-ui.css',
   '/static/podcasts/podcasts-web.css',
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 85a60ec..dcfef80 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -263,6 +263,8 @@
 <section class="tab-panel" id="tab-home" style="display:none;"></section>
 
 <!-- ===== FEEDS TAB ===== -->
+{% comment %}Audiobooks (podcasts marked as one, docs/audiobooks.md): filled by static/js/audiobooks.js.{% endcomment %}
+{% if user.is_authenticated %}<section class="tab-panel" id="tab-audiobooks" style="display:none;"></section>{% endif %}
 {% comment %}The feed reader, news and blogs: filled by static/js/feeds.js.{% endcomment %}
 <section class="tab-panel" id="tab-feeds" style="display:none;"></section>
 
@@ -348,6 +350,7 @@
   let USER_FOCUS_STATION = {{ focus_station_json|safe }};
 </script>
 {# app.js, split by area (docs/refactoring.md): classic scripts sharing one global scope, in this order. #}
+<script src="/static/js/nav.js"></script>
 <script src="/static/js/app/01-core.js"></script>
 <script src="/static/js/app/10-radio.js"></script>
 <script src="/static/js/app/14-focus.js"></script>

From b21f59f4eb0323ff54cea1dcbcaaed510546eabb Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 14:42:20 +0200
Subject: [PATCH 118/176] =?UTF-8?q?Home:=20H=C3=B6rb=C3=BCcher=20als=20eig?=
 =?UTF-8?q?ener=20Block,=20ihre=20Kapitel=20nicht=20unter=20Podcasts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ein laufendes Kapitel steht mit „Kapitel i/n · <Buch>“ unter Hörbücher, sonst
das zuletzt gehörte Buch mit ▶ Weiterhören (audiobooks.js __dioraAudiobookGo).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/audiobooks.js |  3 +++
 static/js/home.js       | 32 ++++++++++++++++++++++++++++++--
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/static/js/audiobooks.js b/static/js/audiobooks.js
index 2fab3fd..29a3fca 100644
--- a/static/js/audiobooks.js
+++ b/static/js/audiobooks.js
@@ -503,6 +503,9 @@
     if (box && fresh) box.innerHTML = fresh.innerHTML;
   });
 
+  // Home's "Weiterhören" card (home.js) plays the book from where it was left.
+  window.__dioraAudiobookGo = feedId => goOn(feedId);
+
   // ---- following the player ------------------------------------------------------------
 
   let pollTimer = 0;
diff --git a/static/js/home.js b/static/js/home.js
index 712ad66..144764a 100644
--- a/static/js/home.js
+++ b/static/js/home.js
@@ -91,7 +91,7 @@
       card = podCard('Läuft auf ' + (r.device || 'einem anderen Gerät'), r.title || '', r.feed || '', r.artwork || '',
         r.dur ? (r.dur - (r.pos || 0)) / 1000 : 0, r.dur ? (r.pos || 0) / r.dur : 0,
         '<button type="button" class="btn btn-sm" data-act="pod-here">Hier weiterhören</button>');
-    } else if (player.kind === 'podcast') {
+    } else if (player.kind === 'podcast' && !player.book) {   // an audiobook's chapter: under Hörbücher
       const left = player.dur ? (player.dur - (player.pos || 0)) / 1000 : 0;
       card = podCard(player.playing ? 'Läuft gerade' : 'Weiterhören', player.title, player.feed, player.artwork, left,
         player.dur ? (player.pos || 0) / player.dur : 0,
@@ -239,6 +239,33 @@
 
   // ---- page ---------------------------------------------------------------------
 
+  // ---- Hörbücher (static/js/audiobooks.js) -------------------------------------------
+
+  function audiobookSection() {
+    const h = podHost();
+    if (!h || !document.getElementById('tab-audiobooks') || !window.__dioraAudiobookGo) return '';
+    const player = h.playerState ? parse(h.playerState(), {}) || {} : {};
+    let books = [];
+    try { books = JSON.parse(localStorage.getItem('diora_ab_books') || '[]') || []; } catch (e) {}
+    let card;
+    if (player.kind === 'podcast' && player.book) {
+      const b = player.book;
+      const left = player.dur ? (player.dur - (player.pos || 0)) / 1000 : 0;
+      card = podCard((player.playing ? 'Läuft gerade' : 'Weiterhören') + ' · Kapitel ' + (b.index + 1) + '/' + b.chapters,
+        player.title, b.title || player.feed, player.artwork, left, player.dur ? (player.pos || 0) / player.dur : 0,
+        '<button type="button" class="btn btn-sm home-play" data-act="' + (player.playing ? 'pod-pause' : 'pod-resume') +
+        '" data-id="' + esc(player.episodeId) + '">' + (player.playing ? '■ Pause' : '▶ Weiter') + '</button>');
+    } else {
+      const b = books.filter(x => x.next && x.last_played_at)[0];
+      if (!b) return '';
+      card = podCard('Weiterhören · Kapitel ' + (b.next.index + 1) + '/' + b.chapters, b.title, b.author || '',
+        b.artwork_url, b.total_seconds ? b.total_seconds - b.heard_seconds : 0,
+        b.total_seconds ? b.heard_seconds / b.total_seconds : 0,
+        '<button type="button" class="btn btn-sm home-play" data-act="ab-go" data-id="' + esc(b.feed_id) + '">▶ Weiterhören</button>');
+    }
+    return section('Hörbücher', card, 'audiobooks');
+  }
+
   function section(title, body, tabName) {
     return '<section class="home-section"><div class="home-head"><h2>' + esc(title) + '</h2>' +
       '<button type="button" class="home-more" data-act="tab" data-tab="' + tabName + '">Alle ›</button></div>' + body + '</section>';
@@ -256,7 +283,7 @@
     }
     let html = '<div class="home-brand">diora</div>';
     refreshFeeds(3 * 60000);
-    for (const part of [booksSection, podcastSection, feedsSection, radioSection, ambientSection]) {
+    for (const part of [booksSection, audiobookSection, podcastSection, feedsSection, radioSection, ambientSection]) {
       try { html += part(); } catch (e) { console.warn('home', e); }
     }
     if (html !== lastHtml) {
@@ -293,6 +320,7 @@
       if (q) h.podcastPlayEpisode(JSON.stringify(q), 0);
     } else if (act === 'pod-resume' && h) h.podcastPlay(Number(el.dataset.id));
     else if (act === 'pod-pause' && h) h.podcastToggle();
+    else if (act === 'ab-go' && window.__dioraAudiobookGo) window.__dioraAudiobookGo(Number(el.dataset.id));
     else if (act === 'pod-here' && h && h.playerTakeOver) h.playerTakeOver();
     else if (act === 'pod-open') {
       if (window.__dioraOpenPlayer && h && parse(h.playerState(), {}).kind) window.__dioraOpenPlayer('podcast');

From a48dca07ea71b88b5d47e2f12cf194dae1b553ea Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 14:53:38 +0200
Subject: [PATCH 119/176] Navigation: diora Reader zeigt die Lesen-Abschnitte
 in seiner Leiste; Podcast-UI aus diora-android 26f5019
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Auf dem tolino stehen Bücher, Zeitschriften, Nachrichten, Blogs direkt in der
Leiste unten (html.nav-flat, keine Abschnittszeile: auf E-Ink nicht wischen).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/feeds.js                | 25 ++++++++++++++++++-------
 static/js/nav.js                  |  8 +++++---
 static/js/sw.js                   |  2 +-
 static/podcasts/native-podcast.js | 10 +++++++---
 static/podcasts/podcast-ui.css    |  2 +-
 5 files changed, 32 insertions(+), 15 deletions(-)

diff --git a/static/js/feeds.js b/static/js/feeds.js
index 6780b41..431f322 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -1047,22 +1047,33 @@
     if (e.key === 'Escape' && readerOpen()) closeReader();
   });
 
-  // diora Reader has no tab bar of its own: a small one for books and feeds.
+  // diora Reader has no tab bar of its own: a small one. With the navigation (nav.js) it
+  // holds the sections of Lesen itself — a row of them to swipe is no good on e-ink.
   if (READER_APP && !document.getElementById('nui-tabbar')) {
+    const NAV = window.DioraNav;
     const dock = document.createElement('div');
     dock.id = 'nui-dock';
-    dock.innerHTML = '<nav id="nui-tabbar">' +
-      '<button type="button" data-tab="books"><span class="nui-tab-icon">▤</span>Bücher</button>' +
-      '<button type="button" data-tab="feeds"><span class="nui-tab-icon">☰</span>Feeds</button></nav>';
+    dock.innerHTML = '<nav id="nui-tabbar">' + (NAV
+      ? NAV.sections().map(s => '<button type="button" data-nav="' + s.id + '"><span class="nui-tab-icon">' +
+        esc(s.icon) + '</span>' + esc(s.label) + '</button>').join('')
+      : '<button type="button" data-tab="books"><span class="nui-tab-icon">▤</span>Bücher</button>' +
+        '<button type="button" data-tab="feeds"><span class="nui-tab-icon">☰</span>Feeds</button>') + '</nav>';
     document.body.appendChild(dock);
-    const mark = () => dock.querySelectorAll('button').forEach(b =>
-      b.classList.toggle('nui-active', typeof _currentTopTab !== 'undefined' && b.dataset.tab === _currentTopTab));
+    const mark = () => dock.querySelectorAll('button').forEach(b => b.classList.toggle('nui-active', NAV
+      ? b.dataset.nav === NAV.current()
+      : typeof _currentTopTab !== 'undefined' && b.dataset.tab === _currentTopTab));
     dock.addEventListener('click', e => {
       const b = e.target.closest('button');
       if (!b) return;
-      showTab(b.dataset.tab);
+      if (NAV) NAV.go(b.dataset.nav);
+      else showTab(b.dataset.tab);
       window.scrollTo(0, 0);
     });
+    if (NAV) {
+      document.documentElement.classList.add('nav-flat');   // every section in the bar: no row on top
+      NAV.onChange(mark);
+      NAV.barsReady();
+    }
     const orig = window.showTab;
     window.showTab = function (name) {
       orig.apply(this, arguments);
diff --git a/static/js/nav.js b/static/js/nav.js
index d37733a..6918fa1 100644
--- a/static/js/nav.js
+++ b/static/js/nav.js
@@ -200,7 +200,9 @@
     }
     if (segs) {
       const g = cur ? gs.filter(x => x.id === cur.group)[0] : null;
-      const show = !!g && g.sections.length > 1 && html.classList.contains('nav-bars');
+      // Not where the bar has every section already (the sidebar, diora Reader's bar).
+      const show = !!g && g.sections.length > 1 && html.classList.contains('nav-bars') &&
+        !html.classList.contains('nav-flat') && !html.classList.contains('nui-sidebar');
       segs.hidden = !show;
       segs.innerHTML = show ? g.sections.map(id => button(id, byId[id].label, 'nav-seg', current === id)).join('') : '';
     }
@@ -217,7 +219,7 @@
       first.parentNode.insertBefore(segs, first);
       segs.addEventListener('click', onClick);
     }
-    if (tabs && !nativeUi()) {
+    if (tabs && !nativeUi() && !readerApp()) {   // diora Reader brings its own (feeds.js)
       html.classList.add('nav-bars');   // the page's own bar knows the sections
       tabs.addEventListener('click', onClick);
     }
@@ -265,7 +267,7 @@
     // Wide web page: every section is in the bar, the row would repeat it.
     '@media (min-width: 721px) { html:not(.nui-radio) #nav-segments { display: none; } }',
     // The sidebar (apps, wide): the sections are in it.
-    'html.nui-sidebar #nav-segments { display: none; }',
+    'html.nui-sidebar #nav-segments, html.nav-flat #nav-segments { display: none; }',
   ].join('\n');
   document.head.appendChild(style);
 })();
diff --git a/static/js/sw.js b/static/js/sw.js
index ea59ca9..98d1f66 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v115';
+const CACHE = 'diora-v116';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 64ddadf..0dda5ff 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 7b1d500 2026-10-16: web-native/static/native-podcast.js
+// Copied from diora-android 26f5019 2026-10-16: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -42,6 +42,9 @@
     {id: 'queue', label: 'Podcasts: Warteschlange'},
     {id: 'inbox', label: 'Podcasts: Neu'},
     {id: 'radio', label: 'Radio'},
+    // Sections of the page's navigation (nav.js), where the page has them.
+    window.DioraNav && DioraNav.sections().some(s => s.id === 'audiobooks') && {id: 'audiobooks', label: 'Hörbücher'},
+    window.DioraNav && DioraNav.sections().some(s => s.id === 'news') && {id: 'news', label: 'Nachrichten'},
   ].filter(Boolean);
   function startPage() {
     let v = null;
@@ -2877,9 +2880,10 @@
     // One player for podcasts and radio: the radio's own bar steps aside.
     document.documentElement.classList.add('nui-one-player');
 
-    // A "Podcasts" button in the bottom bar, between books and radio.
+    // A "Podcasts" button in the bottom bar, between books and radio (with the page's
+    // navigation, nav.js, the bar has the podcasts as a section already).
     const tabbar = $id('nui-tabbar');
-    if (tabbar && !tabbar.querySelector('[data-tab="podcasts"]')) {
+    if (tabbar && !window.DioraNav && !tabbar.querySelector('[data-tab="podcasts"]')) {
       const b = el('button');
       b.type = 'button';
       b.dataset.tab = 'podcasts';
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index fd2cd1c..dede26a 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 7b1d500 2026-10-16: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 26f5019 2026-10-16: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 

From 143950df94d9c35b6abc426e40922693cc44801f Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 15:23:12 +0200
Subject: [PATCH 120/176] Abos & Quellen: alle Abos an einem Ort (Navigation
 Phase 2)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ein neuer Abschnitt (docs/sources.md, static/js/sources.js) für Podcasts,
YouTube-Kanäle, Hörbücher, Nachrichten und Blogs:
- ein Feld zum Hinzufügen: Adresse (Feed, Seite, YouTube) oder Name eines
  Podcasts; die Art ist wählbar (Podcast, Hörbuch, Nachrichten, Blog);
  /feeds/discover/ erkennt dafür Podcasts (Folgen mit Ton oder Video);
- eine Liste aller Abos mit Filtern (auch „Probleme“) und Suche;
- je Abo: Inhalt öffnen, Einstellungen (die vorhandenen Editoren), Art ändern,
  abbestellen; OPML-Import und -Export.
In der Seitenleiste unten, auf dem Telefon im App-Menü; ⚙ in den Feeds führt
hierher. Abschnitte, die beim Laden schon gezeigt werden, füllen sich jetzt
auch (nav.js zeigt sie nach dem Laden aller Skripte noch einmal).
Podcast-UI aus diora-android 50c6f9c.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/sources.md                   |  47 +++
 e2e/navigation.spec.js            |  17 +-
 feeds/tests.py                    |  26 ++
 feeds/views.py                    |  15 +-
 static/js/app/20-tabs.js          |   2 +-
 static/js/audiobooks.js           |   2 +
 static/js/feeds.js                |  28 +-
 static/js/nav.js                  |  26 +-
 static/js/sources.js              | 481 ++++++++++++++++++++++++++++++
 static/js/sw.js                   |   3 +-
 static/podcasts/native-podcast.js |  35 ++-
 static/podcasts/podcast-ui.css    |   4 +-
 templates/radio/player.html       |   3 +
 13 files changed, 672 insertions(+), 17 deletions(-)
 create mode 100644 docs/sources.md
 create mode 100644 static/js/sources.js

diff --git a/docs/sources.md b/docs/sources.md
new file mode 100644
index 0000000..c85342a
--- /dev/null
+++ b/docs/sources.md
@@ -0,0 +1,47 @@
+# Abos & Quellen (navigation phase 2)
+
+One place to manage every subscription: podcasts, YouTube channels, audiobooks,
+news sources and blogs. The everyday views (Neu, Warteschlange, Nachrichten,
+Blogs, Hörbücher) show content; adding, changing and removing sources happens
+here (their own small entry points lead here).
+
+## Where
+
+`DioraNav` section `sources` ("Abos & Quellen", icon ⚙), panel `#tab-sources`,
+`group: 'more'`, `footer: true`:
+- not in `groups()` (no tab of its own on a phone);
+- in `sections()` with `footer: true`: the sidebar puts it at the bottom, above
+  "Menü"; the phone's app menu has an entry; diora Reader's bar leaves it out;
+- the web page's bar: at the end (wide), as ⚙ (narrow).
+
+## The page (`static/js/sources.js`, diora-web, every platform)
+
+- **Hinzufügen**: one field for an address or search words.
+  - a YouTube address → its channel (`/podcasts/search/?q=`), as Podcast or Hörbuch;
+  - another address → `/feeds/discover/`: every feed found, with the kind it
+    looks like (`suggested_kind`: `podcast` when most entries carry sound or
+    video, else `news`/`blog`) and whether it's subscribed already
+    (`subscribed` as a feed, `podcast_subscribed`); the kind can be changed:
+    Podcast · Hörbuch · Nachrichten · Blog;
+  - words → the podcast directory (`/podcasts/search/`).
+  Podcast/Hörbuch subscribe with `POST /podcasts/feeds/add/` (then
+  `settings {kind: 'audiobook'}`), Nachrichten/Blog with `POST /feeds/sources/add/`.
+- **The list**: all sources, filter chips Alle · Podcasts · YouTube · Hörbücher ·
+  Nachrichten · Blogs · Probleme (fetching fails), and a search over the names.
+- **A source's actions** (tapping it): open its content, its settings (the
+  existing editors), change its kind (Podcast ↔ Hörbuch, Nachrichten ↔ Blog),
+  unsubscribe.
+- **Import & Export**: OPML for podcasts and feeds.
+
+## Hooks it uses (each optional: without it, it goes to the section instead)
+
+| Hook | From | Does |
+|------|------|------|
+| `__dioraPodcastFeedSettings(feedId)` | native-podcast.js | opens the podcast's settings sheet |
+| `__dioraPodcastOpenFeed(feedId)` | native-podcast.js | shows the podcast's episode list (Podcasts section) |
+| `__dioraFeedsEdit(sourceId)` | feeds.js | opens the source's editor (Nachrichten/Blogs, manage view) |
+| `__dioraFeedsStale()` | feeds.js | its state is old: load again when shown |
+| `__dioraAudiobookOpen(feedId)` | audiobooks.js | opens the book |
+
+The host calls it uses: `podcastState`, `podcastFeedSettings`, `podcastRefresh`
+(after subscribing), `podcastFeedRemoved` (after unsubscribing).
diff --git a/e2e/navigation.spec.js b/e2e/navigation.spec.js
index 817602b..840e44c 100644
--- a/e2e/navigation.spec.js
+++ b/e2e/navigation.spec.js
@@ -14,7 +14,7 @@ test('wide: every section in the bar under its group, each shows its panel and v
   const wide = page.locator('#tabs .nav-wide');
   await expect(wide.locator('.nav-group-label')).toHaveText(['Lesen', 'Hören']);
   await expect(wide.locator('[data-nav]')).toHaveText(
-    ['Home', 'Bücher', 'Zeitschriften', 'Nachrichten', 'Blogs', 'Hörbücher', 'Podcasts', 'Radio', 'Ambient', 'Fokus']);
+    ['Home', 'Bücher', 'Zeitschriften', 'Nachrichten', 'Blogs', 'Hörbücher', 'Podcasts', 'Radio', 'Ambient', 'Fokus', 'Abos & Quellen']);
 
   await wide.locator('[data-nav="blogs"]').click();
   await expect(page).toHaveURL(/#blogs$/);
@@ -33,7 +33,7 @@ test('narrow: three groups, the sections as a row on top, each group remembers i
   await page.setViewportSize({ width: 390, height: 800 });
   await page.goto('/#news');
   const narrow = page.locator('#tabs .nav-narrow');
-  await expect(narrow.locator('[data-nav]')).toHaveText(['Home', 'Lesen', 'Hören']);
+  await expect(narrow.locator('[data-nav]')).toHaveText(['Home', 'Lesen', 'Hören', '⚙']);
   await expect(narrow.locator('[data-nav="lesen"]')).toHaveClass(/active/);
   const segs = page.locator('#nav-segments');
   await expect(segs.locator('[data-nav]')).toHaveText(['Bücher', 'Zeitschriften', 'Nachrichten', 'Blogs']);
@@ -59,3 +59,16 @@ test('old links and direct panel switches land in their section', async ({ page
   await page.reload();
   expect(await visiblePanel(page)).toEqual(['tab-podcasts']);   // remembered
 });
+
+test('Abos & Quellen: one page for every subscription, reached from the feeds too', async ({ page }) => {
+  await page.setViewportSize({ width: 1200, height: 800 });
+  await page.goto('/#news');
+  await page.locator('#tab-feeds [data-act="manage"]').first().click();
+  await expect(page).toHaveURL(/#sources$/);
+  const tab = page.locator('#tab-sources');
+  await expect(tab.locator('.src-h1')).toHaveText('Abos & Quellen');
+  await expect(tab.locator('.src-add-q')).toBeVisible();
+  await expect(tab.locator('.src-chip.on')).toContainText('Nachrichten');   // came from the news
+  await tab.locator('[data-filter="all"]').click();
+  await expect(tab.locator('.src-chip.on')).toContainText('Alle');
+});
diff --git a/feeds/tests.py b/feeds/tests.py
index 5464e39..2ec8086 100644
--- a/feeds/tests.py
+++ b/feeds/tests.py
@@ -395,3 +395,29 @@ class FolderAndProgressTest(TestCase):
         self.assertEqual(r, {'progress': 0.4, 'read': False})
         self.assertEqual(self.client.get('/feeds/blogs/').json()['items'][0]['progress'], 0.4)
         self.assertTrue(self.post(f'/feeds/items/{self.post_a.id}/progress/', {'progress': 0.95}).json()['read'])
+
+
+class DiscoverKindTest(TestCase):
+    """Abos & Quellen: a feed whose entries carry sound is offered as a podcast."""
+
+    def setUp(self):
+        self.u = User.objects.create_user('u', password='pw12345678')
+        self.client.force_login(self.u)
+
+    def discover(self, items):
+        xml = ('<?xml version="1.0"?><rss version="2.0"><channel><title>X</title>' + ''.join(
+            f'<item><title>Folge {i}</title><guid>g{i}</guid>{extra}</item>' for i, extra in enumerate(items)) +
+            '</channel></rss>')
+        with mock.patch('feeds.views._probe', lambda url: (('https://ex.org/feed', 'X', feedparser.parse(xml)), None)):
+            r = self.client.post('/feeds/discover/', json.dumps({'url': 'https://ex.org/feed'}),
+                                 content_type='application/json')
+        return r.json()['feeds'][0]
+
+    def test_sound_files_make_a_podcast(self):
+        enc = '<enclosure url="https://ex.org/a.mp3" type="audio/mpeg" length="1"/>'
+        f = self.discover([enc] * 4)
+        self.assertEqual(f['suggested_kind'], 'podcast')
+        self.assertFalse(f['podcast_subscribed'])
+
+    def test_text_entries_stay_news_or_a_blog(self):
+        self.assertIn(self.discover([''] * 4)['suggested_kind'], ('news', 'blog'))
diff --git a/feeds/views.py b/feeds/views.py
index 055b4b0..3f2efa0 100644
--- a/feeds/views.py
+++ b/feeds/views.py
@@ -241,20 +241,33 @@ def discover(request):
             found = [feed]
     except requests.RequestException:
         return JsonResponse({'error': 'Die Adresse ist nicht erreichbar.'}, status=502)
+    from podcasts.models import PodcastFeed
     out = []
     for u, title, parsed in found:
         entries = parsed.entries[:5]
         teaser = sum(1 for e in entries if fetch.is_teaser(fetch.parse_entry(e, u)['content']))
+        # Most entries with a sound or video file: a podcast (Abos & Quellen offers it as one).
+        media = sum(1 for e in parsed.entries[:10] if _has_media(e))
+        podcast = media and media * 2 >= min(len(parsed.entries), 10)
         out.append({
             'url': u, 'title': title,
             'subscribed': Source.objects.filter(user=request.user, url=u).exists(),
+            'podcast_subscribed': PodcastFeed.objects.filter(user=request.user, rss_url=u).exists(),
             'samples': [fetch.plain(e.get('title') or '') for e in entries],
             # Many entries a day suggests news, few long ones a blog.
-            'suggested_kind': Source.NEWS if len(parsed.entries) >= 25 or teaser >= 3 else Source.BLOG,
+            'suggested_kind': 'podcast' if podcast
+            else Source.NEWS if len(parsed.entries) >= 25 or teaser >= 3 else Source.BLOG,
         })
     return JsonResponse({'feeds': out})
 
 
+def _has_media(entry):
+    for enc in entry.get('enclosures') or []:
+        if (enc.get('type') or '').lower().startswith(('audio/', 'video/')):
+            return True
+    return False
+
+
 def _place(user, kind, category, folders, **more):
     """Where a new source goes: news into a section (category), a blog into
     folders (the category of an OPML folder or the add dialog is its folder)."""
diff --git a/static/js/app/20-tabs.js b/static/js/app/20-tabs.js
index 6ea6a78..fb1d079 100644
--- a/static/js/app/20-tabs.js
+++ b/static/js/app/20-tabs.js
@@ -4,7 +4,7 @@
 // Tabs
 // ---------------------------------------------------------------------------
 
-const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'feeds', 'ambient', 'audiobooks'];
+const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'feeds', 'ambient', 'audiobooks', 'sources'];
 const RADIO_SUB_TABS = ['search', 'saved', 'history'];
 
 // ---------------------------------------------------------------------------
diff --git a/static/js/audiobooks.js b/static/js/audiobooks.js
index 29a3fca..b6cd249 100644
--- a/static/js/audiobooks.js
+++ b/static/js/audiobooks.js
@@ -505,6 +505,8 @@
 
   // Home's "Weiterhören" card (home.js) plays the book from where it was left.
   window.__dioraAudiobookGo = feedId => goOn(feedId);
+  // Abos & Quellen (sources.js): open a book.
+  window.__dioraAudiobookOpen = feedId => openBook(Number(feedId));
 
   // ---- following the player ------------------------------------------------------------
 
diff --git a/static/js/feeds.js b/static/js/feeds.js
index 431f322..c86d83a 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -824,6 +824,13 @@
       return load();
     }
     if (act === 'manage') {
+      // Managing every subscription has its place (Abos & Quellen, docs/sources.md).
+      const nav = window.DioraNav;
+      if (nav && nav.sections().some(s => s.id === 'sources')) {
+        try { localStorage.setItem('diora_sources_filter', st.view === 'blogs' ? 'blog' : 'news'); } catch (err) {}
+        nav.go('sources');
+        return;
+      }
       st.view = 'manage';
       st.found = null;
       window.scrollTo(0, 0);
@@ -834,6 +841,7 @@
       try { st.view = localStorage.getItem('diora_feeds_view') || 'news'; } catch (err) { st.view = 'news'; }
       st.editing = null;
       st.opml = null;
+      if (st.fromSources && window.DioraNav) { st.fromSources = false; window.DioraNav.go('sources'); return; }
       return load();
     }
     if (act === 'seen') {
@@ -994,6 +1002,24 @@
   // ---- showing the tab
 
   let shownAt = 0;
+  // Abos & Quellen (sources.js): a source's editor (null: the management page itself, with
+  // the OPML import), and "the sources changed, load again".
+  window.__dioraFeedsEdit = async function (id) {
+    if (!st.state) await loadState().catch(() => {});
+    const src = id == null ? null : sources().find(x => x.id === Number(id));
+    const section = src && src.kind === 'blog' ? 'blogs' : 'news';
+    if (window.DioraNav) window.DioraNav.go(section); else showTab('feeds');
+    st.view = 'manage';
+    st.editing = src ? src.id : null;
+    st.found = null;
+    st.fromSources = true;
+    window.scrollTo(0, 0);
+    render();
+  };
+  window.__dioraFeedsStale = function () {
+    st.state = null;
+    shownAt = 0;
+  };
   // Nachrichten and Blogs are sections of Lesen (static/js/nav.js): it chooses, before the
   // tab is shown; its own switch is then hidden.
   window.__dioraFeedsView = function (view) {
@@ -1054,7 +1080,7 @@
     const dock = document.createElement('div');
     dock.id = 'nui-dock';
     dock.innerHTML = '<nav id="nui-tabbar">' + (NAV
-      ? NAV.sections().map(s => '<button type="button" data-nav="' + s.id + '"><span class="nui-tab-icon">' +
+      ? NAV.sections().filter(s => !s.footer).map(s => '<button type="button" data-nav="' + s.id + '"><span class="nui-tab-icon">' +
         esc(s.icon) + '</span>' + esc(s.label) + '</button>').join('')
       : '<button type="button" data-tab="books"><span class="nui-tab-icon">▤</span>Bücher</button>' +
         '<button type="button" data-tab="feeds"><span class="nui-tab-icon">☰</span>Feeds</button>') + '</nav>';
diff --git a/static/js/nav.js b/static/js/nav.js
index 6918fa1..b0af37b 100644
--- a/static/js/nav.js
+++ b/static/js/nav.js
@@ -25,6 +25,9 @@
     {id: 'ambient', group: 'hoeren', label: 'Ambient', icon: '∿', panel: 'ambient'},
     // The focus timer: the web page's own (the apps never had it).
     {id: 'focus', group: 'hoeren', label: 'Fokus', icon: '◷', panel: 'focus', webOnly: true},
+    // Managing every subscription (docs/sources.md): at the foot of the sidebar, in the app
+    // menu on a phone — not a tab of its own.
+    {id: 'sources', group: 'more', label: 'Abos & Quellen', icon: '⚙', panel: 'sources', account: true, footer: true},
   ];
   const GROUPS = [
     {id: 'home', label: 'Home', icon: '⌂'},
@@ -46,19 +49,19 @@
     if (s.account && !authed) return false;
     if (s.webOnly && nativeUi()) return false;
     if (s.needsPodcasts && !podcastHost()) return false;
-    if (readerApp() && s.group !== 'lesen') return false;   // diora Reader: reading only
+    if (readerApp() && s.group !== 'lesen' && s.id !== 'sources') return false;   // diora Reader: reading only
     if (noRead() && s.group === 'lesen') return false;       // TV: no reading
     return true;
   }
 
   function sections() {
-    return SECTIONS.filter(available).map(s => ({id: s.id, group: s.group, label: s.label, icon: s.icon}));
+    return SECTIONS.filter(available).map(s => ({id: s.id, group: s.group, label: s.label, icon: s.icon, footer: !!s.footer}));
   }
 
   function groups() {
     const list = sections();
     return GROUPS.map(g => ({id: g.id, label: g.label, icon: g.icon,
-      sections: list.filter(s => s.group === g.id).map(s => s.id)})).filter(g => g.sections.length);
+      sections: list.filter(s => s.group === g.id && !s.footer).map(s => s.id)})).filter(g => g.sections.length);
   }
 
   function load(key) {
@@ -74,7 +77,7 @@
 
   // A section of `group`: the one used last there, else its first.
   function lastOf(group) {
-    const list = sections().filter(s => s.group === group);
+    const list = sections().filter(s => s.group === group && !s.footer);
     const last = load('diora_nav_last_' + group);
     const found = list.filter(s => s.id === last)[0];
     return (found || list[0] || {}).id || null;
@@ -99,7 +102,7 @@
     current = id;
     const s = byId[id];
     save('diora_nav_section', id);
-    save('diora_nav_last_' + s.group, id);
+    if (!s.footer) save('diora_nav_last_' + s.group, id);
     syncHash();
     render();
     listeners.slice().forEach(fn => { try { fn(id); } catch (e) {} });
@@ -188,15 +191,19 @@
   function render() {
     const cur = current && byId[current];
     const gs = groups();
+    const foot = sections().filter(s => s.footer);
     if (tabs && !nativeUi()) {
       // Wide: every section under its group; narrow: the groups (their sections on top).
       tabs.innerHTML =
         '<div class="nav-wide">' + gs.map(g => g.id === 'home'
           ? button('home', 'Home', 'tab-btn', current === 'home')
           : '<span class="nav-group-label">' + esc(g.label) + '</span>' +
-            g.sections.map(id => button(id, byId[id].label, 'tab-btn', current === id)).join('')).join('') + '</div>' +
+            g.sections.map(id => button(id, byId[id].label, 'tab-btn', current === id)).join('')).join('') +
+          (foot.length ? '<span class="nav-foot">' + foot.map(s => button(s.id, s.label, 'tab-btn', current === s.id)).join('') + '</span>' : '') +
+        '</div>' +
         '<div class="nav-narrow">' + gs.map(g =>
-          button(g.id, g.label, 'tab-btn', !!cur && cur.group === g.id)).join('') + '</div>';
+          button(g.id, g.label, 'tab-btn', !!cur && cur.group === g.id)).join('') +
+          foot.map(s => button(s.id, s.icon, 'tab-btn nav-icon', current === s.id)).join('') + '</div>';
     }
     if (segs) {
       const g = cur ? gs.filter(x => x.id === cur.group)[0] : null;
@@ -224,6 +231,9 @@
       tabs.addEventListener('click', onClick);
     }
     render();
+    // The section was restored while the page was still loading (99-init.js), before the
+    // areas' scripts (feeds.js, audiobooks.js …) were there to fill it: once more, now.
+    if (current) go(current);
   }
 
   function onClick(e) {
@@ -257,6 +267,8 @@
   style.textContent = [
     '#tabs .nav-wide, #tabs .nav-narrow { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; }',
     '#tabs .nav-narrow { display: none; }',
+    '#tabs .nav-foot { margin-left: auto; }',
+    '#tabs .nav-narrow .nav-icon { margin-left: auto; }',
     '#tabs .nav-group-label { margin: 0 4px 0 14px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted, #9a9a9a); }',
     '@media (max-width: 720px) { #tabs .nav-wide { display: none; } #tabs .nav-narrow { display: flex; } }',
     '#nav-segments { display: flex; gap: 6px; overflow-x: auto; padding: 8px 0 12px; scrollbar-width: none; }',
diff --git a/static/js/sources.js b/static/js/sources.js
new file mode 100644
index 0000000..8f049cc
--- /dev/null
+++ b/static/js/sources.js
@@ -0,0 +1,481 @@
+/*
+ * Abos & Quellen (docs/sources.md): every subscription in one place — podcasts, YouTube
+ * channels, audiobooks, news sources, blogs. One field adds any of them (an address or
+ * search words), one list shows them all, a source's actions open its content, its
+ * settings (the existing editors, through their hooks), change its kind or unsubscribe.
+ * Runs in the web page, the desktop app and the Android apps (diora Reader: news and
+ * blogs only, there are no podcasts). Chrome-61-safe: no ?. / ??.
+ */
+(function () {
+  'use strict';
+  const tab = document.getElementById('tab-sources');
+  if (!tab) return;
+
+  const st = {
+    filter: 'all',
+    q: '',
+    feeds: null,        // /feeds/state/ sources
+    adding: null,       // {loading, error, found: [candidate…]}
+    open: null,         // key of the source whose actions are shown
+    busy: false,
+  };
+  try {
+    const f = localStorage.getItem('diora_sources_filter');
+    if (f) st.filter = f;
+  } catch (e) {}
+
+  const FILTERS = [
+    ['all', 'Alle'], ['podcast', 'Podcasts'], ['youtube', 'YouTube'], ['audiobook', 'Hörbücher'],
+    ['news', 'Nachrichten'], ['blog', 'Blogs'], ['problem', 'Probleme'],
+  ];
+  const KIND_LABEL = {podcast: 'Podcast', youtube: 'YouTube', audiobook: 'Hörbuch', news: 'Nachrichten', blog: 'Blog'};
+
+  // ---- helpers -------------------------------------------------------------------------
+
+  function esc(s) {
+    return String(s == null ? '' : s).replace(/[&<>"']/g, c =>
+      ({'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'}[c]));
+  }
+
+  function host() {
+    const n = window.DioraNative;
+    if (n && typeof n.podcastState === 'function') return n;
+    return window.DioraPodcastHost || null;
+  }
+
+  function podcastFeeds() {
+    const h = host();
+    if (!h) return [];
+    try { return (JSON.parse(h.podcastState()) || {}).feeds || []; } catch (e) { return []; }
+  }
+
+  async function api(path, body) {
+    const opts = {credentials: 'same-origin', cache: 'no-store'};
+    if (body !== undefined) {
+      opts.method = 'POST';
+      opts.headers = {'Content-Type': 'application/json'};
+      opts.body = JSON.stringify(body);
+    }
+    const r = await fetch(path, opts);
+    const d = await r.json().catch(() => null);
+    if (!r.ok || !d) throw new Error((d && d.error) || ('HTTP ' + r.status));
+    return d;
+  }
+
+  function toast(text) {
+    let t = document.getElementById('src-toast');
+    if (!t) {
+      t = document.createElement('div');
+      t.id = 'src-toast';
+      document.body.appendChild(t);
+    }
+    t.textContent = text;
+    t.classList.add('src-show');
+    clearTimeout(toast.timer);
+    toast.timer = setTimeout(() => t.classList.remove('src-show'), 2800);
+  }
+
+  const isYouTubeFeed = url => /^https?:\/\/(www\.)?youtube\.com\/feeds\/videos\.xml/.test(url || '');
+  const isYouTubeAddress = s => /^(https?:\/\/)?((www|m|music)\.)?(youtube\.com|youtu\.be)\//i.test(s.trim());
+  const looksLikeAddress = s => !/\s/.test(s.trim()) && /\.[a-z]{2,}/i.test(s);
+
+  function go(id) {
+    if (window.DioraNav) window.DioraNav.go(id);
+    else if (typeof showTab === 'function') showTab(id);
+  }
+
+  // ---- all sources as one list -----------------------------------------------------------
+
+  function rows() {
+    const out = [];
+    podcastFeeds().forEach(f => {
+      const type = f.kind === 'audiobook' ? 'audiobook' : isYouTubeFeed(f.rss_url) ? 'youtube' : 'podcast';
+      out.push({
+        key: 'p' + f.id, type, id: f.id, title: f.title || f.rss_url, sub: f.author || '',
+        art: f.artwork_url || '', url: f.rss_url,
+        meta: (f.episode_count ? f.episode_count + ' Folgen' : '') + (f.new_count ? ' · ' + f.new_count + ' neu' : ''),
+        problem: (f.error_count || 0) >= 3 ? (f.last_error || 'Abruf schlägt fehl') : '',
+      });
+    });
+    (st.feeds || []).forEach(s => {
+      out.push({
+        key: 'f' + s.id, type: s.kind === 'news' ? 'news' : 'blog', id: s.id, title: s.title || s.url,
+        sub: s.kind === 'news' ? (s.category || 'Allgemein') : (s.folders || []).join(', '),
+        art: s.icon_url || '', url: s.url,
+        meta: s.unread ? s.unread + ' ungelesen' : '',
+        problem: (s.error_count || 0) >= 3 ? (s.last_error || 'Abruf schlägt fehl') : '',
+      });
+    });
+    return out.sort((a, b) => a.title.localeCompare(b.title, 'de', {sensitivity: 'base'}));
+  }
+
+  function shown(list) {
+    const q = st.q.trim().toLowerCase();
+    return list.filter(r =>
+      (st.filter === 'all' || (st.filter === 'problem' ? !!r.problem : r.type === st.filter)) &&
+      (!q || (r.title + ' ' + r.sub + ' ' + r.url).toLowerCase().indexOf(q) >= 0));
+  }
+
+  // ---- drawing ---------------------------------------------------------------------------
+
+  function render() {
+    const all = rows();
+    const list = shown(all);
+    const count = id => id === 'all' ? all.length
+      : id === 'problem' ? all.filter(r => r.problem).length : all.filter(r => r.type === id).length;
+    let h = '<div class="src">';
+    h += '<h2 class="src-h1">Abos &amp; Quellen</h2>';
+    h += addHtml();
+    h += '<div class="src-chips">' + FILTERS.filter(f => f[0] === 'all' || f[0] === st.filter || count(f[0]))
+      .map(f => '<button type="button" class="src-chip' + (st.filter === f[0] ? ' on' : '') + '" data-filter="' + f[0] + '">' +
+        esc(f[1]) + ' <span class="src-count">' + count(f[0]) + '</span></button>').join('') + '</div>';
+    h += '<input type="search" class="src-q" placeholder="In ' + all.length + ' Abos suchen …" value="' + esc(st.q) + '">';
+    if (st.feeds === null && !all.length) h += '<p class="src-note">Wird geladen …</p>';
+    else if (!list.length) h += '<p class="src-note">' + (all.length ? 'Nichts gefunden.' : 'Noch keine Abos. Oben eine Adresse oder einen Namen eingeben.') + '</p>';
+    h += '<div class="src-list">' + list.map(rowHtml).join('') + '</div>';
+    h += ioHtml();
+    h += '</div>';
+    const q = tab.querySelector('.src-q');
+    const focused = q && document.activeElement === q;
+    tab.innerHTML = h;
+    if (focused) {
+      const n = tab.querySelector('.src-q');
+      n.focus();
+      n.setSelectionRange(n.value.length, n.value.length);
+    }
+  }
+
+  function addHtml() {
+    const a = st.adding;
+    let h = '<form class="src-add" data-form="add"><input class="src-add-q" name="q" autocomplete="off" ' +
+      'placeholder="Adresse (Seite, Feed, YouTube) oder Name eines Podcasts" value="' + esc(a && a.query || '') + '">' +
+      '<button class="src-btn src-primary" type="submit"' + (a && a.loading ? ' disabled' : '') + '>' +
+      (a && a.loading ? '…' : 'Suchen') + '</button></form>';
+    if (!a) return h;
+    if (a.error) h += '<p class="src-warn">' + esc(a.error) + '</p>';
+    if (a.found && a.found.length) {
+      h += '<div class="src-found">' + a.found.map((c, n) =>
+        '<div class="src-cand">' + art(c.art, c.title, 'src-art') +
+        '<div class="src-text"><div class="src-title">' + esc(c.title) + '</div>' +
+        '<div class="src-meta">' + esc(c.sub || c.url) + '</div>' +
+        (c.samples && c.samples.length ? '<div class="src-meta">' + c.samples.slice(0, 2).map(esc).join(' · ') + '</div>' : '') +
+        (c.subscribed ? '<div class="src-meta">✓ schon abonniert</div>' :
+          '<div class="src-kinds">' + c.kinds.map(k =>
+            '<button type="button" class="src-btn' + (k === c.kind ? ' src-primary' : '') + '" data-sub="' + n + '" data-kind="' + k + '">' +
+            (k === c.kind ? '+ ' : '') + esc(KIND_LABEL[k]) + '</button>').join('') + '</div>') +
+        '</div></div>').join('') + '</div>';
+    }
+    return h;
+  }
+
+  function art(url, title, cls) {
+    const u = String(url || '').replace(/^http:/, 'https:');
+    return u ? '<img class="' + cls + '" src="' + esc(u) + '" alt="" loading="lazy">'
+      : '<span class="' + cls + ' src-noart">' + esc((title || '?').trim().charAt(0).toUpperCase()) + '</span>';
+  }
+
+  function rowHtml(r) {
+    const open = st.open === r.key;
+    let h = '<div class="src-row' + (open ? ' src-open' : '') + '"><button type="button" class="src-main" data-row="' + r.key + '">' +
+      art(r.art, r.title, 'src-art') + '<span class="src-text"><span class="src-title">' + esc(r.title) + '</span>' +
+      '<span class="src-meta"><span class="src-kind src-kind-' + r.type + '">' + esc(KIND_LABEL[r.type]) + '</span>' +
+      (r.sub ? ' ' + esc(r.sub) : '') + (r.meta ? ' · ' + esc(r.meta) : '') + '</span>' +
+      (r.problem ? '<span class="src-warn">⚠ ' + esc(r.problem) + '</span>' : '') + '</span></button>';
+    if (open) h += actionsHtml(r);
+    return h + '</div>';
+  }
+
+  function actionsHtml(r) {
+    const a = (act, label, cls) => '<button type="button" class="src-btn' + (cls ? ' ' + cls : '') + '" data-act="' + act + '" data-key="' + r.key + '">' + label + '</button>';
+    const list = [];
+    if (r.type === 'audiobook') list.push(a('open', '▶ Hörbuch öffnen'));
+    else if (r.type === 'news' || r.type === 'blog') list.push(a('open', r.type === 'news' ? 'Nachrichten lesen' : 'Blog lesen'));
+    else list.push(a('open', 'Folgen ansehen'));
+    list.push(a('settings', 'Einstellungen …'));
+    if (r.type === 'podcast' || r.type === 'youtube') list.push(a('to-audiobook', 'Als Hörbuch führen'));
+    if (r.type === 'audiobook') list.push(a('to-podcast', 'Als Podcast führen'));
+    if (r.type === 'news') list.push(a('to-blog', 'Als Blog führen'));
+    if (r.type === 'blog') list.push(a('to-news', 'Als Nachrichten führen'));
+    list.push(a('remove', 'Abbestellen', 'src-danger'));
+    return '<div class="src-actions"><div class="src-meta src-url">' + esc(r.url) + '</div>' + list.join('') + '</div>';
+  }
+
+  function ioHtml() {
+    const h = host();
+    const web = !window.DioraNative;
+    return '<details class="src-io"><summary>Import &amp; Export</summary>' +
+      (h ? '<label class="src-btn src-file">Podcasts aus OPML …<input type="file" accept=".opml,.xml,text/xml,text/x-opml" data-io="podcasts" hidden></label>' : '') +
+      (h && web ? '<a class="src-btn" href="/podcasts/feeds/export.opml">Podcasts als OPML</a>' : '') +
+      '<button type="button" class="src-btn" data-io="feeds-opml">Feeds aus OPML …</button>' +
+      (web ? '<a class="src-btn" href="/feeds/export.opml">Feeds als OPML</a>' : '') +
+      '<p class="src-note">Feeds aus einer OPML-Datei werden in der Feed-Verwaltung übernommen (mit Vorschau).</p></details>';
+  }
+
+  // ---- adding --------------------------------------------------------------------------------
+
+  async function find(query) {
+    const q = query.trim();
+    if (!q) return;
+    st.adding = {query: q, loading: true};
+    render();
+    try {
+      let found = [];
+      const podcasts = !!host();
+      if (isYouTubeAddress(q) && podcasts) {
+        const d = await api('/podcasts/search/?q=' + encodeURIComponent(q));
+        found = (d.results || []).map(r => ({title: r.title, sub: 'YouTube', url: r.rss_url, art: r.artwork_url,
+          kind: 'podcast', kinds: ['podcast', 'audiobook'], subscribed: podcastFeeds().some(f => f.rss_url === r.rss_url)}));
+        if (!found.length) throw new Error('Dort ist kein YouTube-Kanal zu finden.');
+      } else if (looksLikeAddress(q)) {
+        const d = await api('/feeds/discover/', {url: q});
+        found = (d.feeds || []).map(f => {
+          const kind = f.suggested_kind === 'podcast' && !podcasts ? 'blog' : f.suggested_kind;
+          return {title: f.title, url: f.url, samples: f.samples, kind,
+            kinds: podcasts ? ['podcast', 'audiobook', 'news', 'blog'] : ['news', 'blog'],
+            subscribed: kind === 'podcast' || kind === 'audiobook' ? f.podcast_subscribed : f.subscribed};
+        });
+      } else if (podcasts) {
+        const d = await api('/podcasts/search/?q=' + encodeURIComponent(q));
+        found = (d.results || []).filter(r => r.rss_url).slice(0, 12).map(r => ({title: r.title, sub: r.author,
+          url: r.rss_url, art: r.artwork_url, kind: 'podcast', kinds: ['podcast', 'audiobook'],
+          subscribed: podcastFeeds().some(f => f.rss_url === r.rss_url)}));
+        if (!found.length) throw new Error('Kein Podcast dieses Namens gefunden.');
+      } else {
+        throw new Error('Bitte die Adresse einer Seite oder eines Feeds eingeben.');
+      }
+      st.adding = {query: q, found};
+    } catch (e) {
+      st.adding = {query: q, error: navigator.onLine ? (e.message || 'Hat nicht geklappt.') : 'Das braucht eine Verbindung.'};
+    }
+    render();
+  }
+
+  async function subscribe(c, kind) {
+    if (st.busy) return;
+    st.busy = true;
+    toast('Wird abonniert …');
+    try {
+      if (kind === 'podcast' || kind === 'audiobook') {
+        const d = await api('/podcasts/feeds/add/', {rss_url: c.url, title: c.title});
+        if (kind === 'audiobook') await api('/podcasts/feeds/' + d.feed_id + '/settings/', {kind: 'audiobook'});
+        refreshPodcasts();
+        toast('„' + (d.title || c.title) + '“ abonniert' + (kind === 'audiobook' ? ' (Hörbuch)' : ''));
+      } else {
+        await api('/feeds/sources/add/', {url: c.url, title: c.title, kind});
+        if (window.__dioraFeedsStale) window.__dioraFeedsStale();
+        toast('„' + c.title + '“ abonniert');
+        await loadFeeds();
+      }
+      c.subscribed = true;
+    } catch (e) {
+      toast(navigator.onLine ? 'Das ließ sich nicht abonnieren.' : 'Abonnieren braucht eine Verbindung.');
+    }
+    st.busy = false;
+    render();
+  }
+
+  function refreshPodcasts() {
+    const h = host();
+    // The server read the new feed already: the host only needs its state again.
+    if (h && typeof h.podcastRefresh === 'function') h.podcastRefresh(false);
+    // The host's state comes a moment later.
+    setTimeout(render, 1500);
+    setTimeout(render, 4000);
+  }
+
+  // ---- a source's actions -----------------------------------------------------------------------
+
+  async function act(name, r) {
+    const h = host();
+    if (name === 'open') {
+      if (r.type === 'audiobook') {
+        go('audiobooks');
+        if (window.__dioraAudiobookOpen) window.__dioraAudiobookOpen(r.id);
+      } else if (r.type === 'news' || r.type === 'blog') {
+        go(r.type === 'news' ? 'news' : 'blogs');
+      } else if (window.__dioraPodcastOpenFeed) {
+        window.__dioraPodcastOpenFeed(r.id);
+      } else {
+        go('podcasts');
+      }
+      return;
+    }
+    if (name === 'settings') {
+      if (r.type === 'news' || r.type === 'blog') {
+        if (window.__dioraFeedsEdit) window.__dioraFeedsEdit(r.id);
+        else go(r.type === 'news' ? 'news' : 'blogs');
+      } else if (window.__dioraPodcastFeedSettings) {
+        window.__dioraPodcastFeedSettings(r.id);
+      } else if (window.__dioraPodcastOpenFeed) {
+        window.__dioraPodcastOpenFeed(r.id);
+      } else {
+        go('podcasts');
+      }
+      return;
+    }
+    if (name === 'to-audiobook' || name === 'to-podcast') {
+      if (!h) return;
+      h.podcastFeedSettings(r.id, JSON.stringify({kind: name === 'to-audiobook' ? 'audiobook' : 'podcast'}));
+      toast(name === 'to-audiobook' ? '„' + r.title + '“ ist jetzt ein Hörbuch' : '„' + r.title + '“ ist wieder ein Podcast');
+      st.open = null;
+      render();
+      setTimeout(render, 600);
+      return;
+    }
+    if (name === 'to-blog' || name === 'to-news') {
+      try {
+        await api('/feeds/sources/' + r.id + '/', {kind: name === 'to-blog' ? 'blog' : 'news'});
+        if (window.__dioraFeedsStale) window.__dioraFeedsStale();
+        await loadFeeds();
+      } catch (e) { toast('Das braucht eine Verbindung.'); }
+      return;
+    }
+    if (name === 'remove') {
+      const ok = typeof customConfirm === 'function'
+        ? await customConfirm('„' + r.title + '“ abbestellen?', {danger: true})
+        : window.confirm('„' + r.title + '“ abbestellen?');
+      if (!ok) return;
+      try {
+        if (r.type === 'news' || r.type === 'blog') {
+          await api('/feeds/sources/' + r.id + '/delete/', {});
+          if (window.__dioraFeedsStale) window.__dioraFeedsStale();
+          await loadFeeds();
+        } else {
+          await api('/podcasts/feeds/' + r.id + '/remove/', {});
+          if (h && typeof h.podcastFeedRemoved === 'function') h.podcastFeedRemoved();
+          setTimeout(render, 1500);
+        }
+        st.open = null;
+        toast('„' + r.title + '“ abbestellt');
+      } catch (e) { toast('Das braucht eine Verbindung.'); }
+      render();
+    }
+  }
+
+  async function importPodcasts(file) {
+    const form = new FormData();
+    form.append('file', file);
+    toast('Wird übernommen …');
+    try {
+      const r = await fetch('/podcasts/feeds/import/', {method: 'POST', body: form, credentials: 'same-origin'});
+      const d = await r.json();
+      if (!r.ok) throw new Error(d.error || r.status);
+      toast((d.added || 0) + ' Podcasts übernommen');
+      refreshPodcasts();
+    } catch (e) {
+      toast('Die Datei ließ sich nicht übernehmen.');
+    }
+  }
+
+  // ---- events ---------------------------------------------------------------------------------
+
+  tab.addEventListener('submit', e => {
+    const form = e.target.closest('[data-form="add"]');
+    if (!form) return;
+    e.preventDefault();
+    find(form.q.value);
+  });
+  tab.addEventListener('input', e => {
+    if (!e.target.classList.contains('src-q')) return;
+    st.q = e.target.value;
+    render();
+  });
+  tab.addEventListener('change', e => {
+    const io = e.target.dataset && e.target.dataset.io;
+    if (io === 'podcasts' && e.target.files && e.target.files[0]) importPodcasts(e.target.files[0]);
+  });
+  tab.addEventListener('click', e => {
+    const t = e.target.closest('button, label');
+    if (!t) return;
+    if (t.dataset.filter) {
+      st.filter = t.dataset.filter;
+      try { localStorage.setItem('diora_sources_filter', st.filter); } catch (err) {}
+      render();
+    } else if (t.dataset.row) {
+      st.open = st.open === t.dataset.row ? null : t.dataset.row;
+      render();
+    } else if (t.dataset.act) {
+      const r = rows().filter(x => x.key === t.dataset.key)[0];
+      if (r) act(t.dataset.act, r);
+    } else if (t.dataset.sub != null) {
+      const c = st.adding && st.adding.found && st.adding.found[Number(t.dataset.sub)];
+      if (c) subscribe(c, t.dataset.kind);
+    } else if (t.dataset.io === 'feeds-opml') {
+      if (window.__dioraFeedsEdit) window.__dioraFeedsEdit(null);
+      else go('news');
+    }
+  });
+
+  // ---- loading, showing --------------------------------------------------------------------------
+
+  async function loadFeeds() {
+    try {
+      const d = await api('/feeds/state/');
+      st.feeds = d.sources || [];
+    } catch (e) {
+      if (st.feeds === null) st.feeds = [];
+    }
+    render();
+  }
+
+  function show() {
+    // Another view may have chosen what to show (feeds.js: its own kind).
+    try {
+      const f = localStorage.getItem('diora_sources_filter');
+      if (f && FILTERS.some(x => x[0] === f)) st.filter = f;
+    } catch (e) {}
+    render();
+    loadFeeds();
+  }
+
+  const showTab = window.showTab;
+  if (typeof showTab === 'function') {
+    window.showTab = function (name) {
+      const r = showTab.apply(this, arguments);
+      if (name === 'sources') show();
+      return r;
+    };
+  }
+  if (tab.style.display !== 'none') show();
+
+  // ---- styles --------------------------------------------------------------------------------------
+
+  const style = document.createElement('style');
+  style.textContent = [
+    '#tab-sources .src { max-width: 760px; margin: 0 auto; padding-bottom: 24px; }',
+    '#tab-sources .src-h1 { font-size: 18px; margin: 4px 0 12px; }',
+    '#tab-sources .src-add { display: flex; gap: 8px; }',
+    '#tab-sources .src-add-q, #tab-sources .src-q { flex: 1; min-width: 0; box-sizing: border-box; padding: 10px 12px; border-radius: 6px; border: 1px solid var(--border, #2a2a2a); background: var(--bg, #000); color: inherit; font: inherit; }',
+    '#tab-sources .src-q { width: 100%; margin: 8px 0 4px; }',
+    '#tab-sources .src-btn { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; border-radius: 19px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; font-size: 14px; cursor: pointer; text-decoration: none; margin: 4px 6px 0 0; }',
+    '#tab-sources .src-primary { background: var(--accent, #e63946); border-color: var(--accent, #e63946); color: var(--on-accent, #fff); }',
+    '#tab-sources .src-danger { color: var(--accent, #e63946); }',
+    '#tab-sources .src-btn[disabled] { opacity: .5; }',
+    '#tab-sources .src-found { margin: 10px 0 4px; border: 1px solid var(--border, #2a2a2a); border-radius: 8px; background: var(--card, #0b0b0b); }',
+    '#tab-sources .src-cand { display: flex; gap: 10px; padding: 10px 12px; border-bottom: 1px solid var(--border, #2a2a2a); }',
+    '#tab-sources .src-cand:last-child { border-bottom: none; }',
+    '#tab-sources .src-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0 4px; }',
+    '#tab-sources .src-chip { min-height: 34px; padding: 0 12px; border-radius: 17px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; font-size: 13px; cursor: pointer; }',
+    '#tab-sources .src-chip.on { background: var(--accent, #e63946); border-color: var(--accent, #e63946); color: var(--on-accent, #fff); }',
+    '#tab-sources .src-count { opacity: .7; font-size: 12px; }',
+    '#tab-sources .src-row { border-bottom: 1px solid var(--border, #2a2a2a); }',
+    '#tab-sources .src-main { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 0; background: none; border: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+    '#tab-sources .src-main:hover { background: var(--hover, rgba(255,255,255,.04)); }',
+    '#tab-sources .src-art { width: 40px; height: 40px; flex: none; border-radius: 6px; object-fit: cover; background: var(--panel, #161616); }',
+    '#tab-sources .src-noart { display: flex; align-items: center; justify-content: center; color: var(--muted, #9a9a9a); }',
+    '#tab-sources .src-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }',
+    '#tab-sources .src-title { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
+    '#tab-sources .src-meta, #tab-sources .src-note { color: var(--muted, #9a9a9a); font-size: 12px; overflow: hidden; text-overflow: ellipsis; }',
+    '#tab-sources .src-url { white-space: nowrap; margin-bottom: 4px; }',
+    '#tab-sources .src-warn { color: var(--accent, #e63946); font-size: 12px; }',
+    '#tab-sources .src-kind { display: inline-block; padding: 0 6px; border-radius: 8px; background: var(--raised, rgba(255,255,255,.12)); color: var(--fg, #eee); font-size: 11px; }',
+    '#tab-sources .src-kind-audiobook, #tab-sources .src-kind-youtube { background: var(--accent, #e63946); color: var(--on-accent, #fff); }',
+    '#tab-sources .src-actions { padding: 0 0 12px 50px; }',
+    '#tab-sources .src-io { margin-top: 22px; }',
+    '#tab-sources .src-io summary { cursor: pointer; color: var(--muted, #9a9a9a); font-size: 13px; padding: 6px 0; }',
+    '#src-toast { position: fixed; left: 50%; bottom: calc(var(--nui-dock-h, 0px) + 90px); transform: translateX(-50%); z-index: 2500; background: var(--raised, #222); color: var(--fg, #eee); padding: 10px 16px; border-radius: 8px; font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s; max-width: calc(100vw - 32px); }',
+    '#src-toast.src-show { opacity: 1; }',
+    'body.eink #tab-sources .src-primary, body.eink #tab-sources .src-chip.on { background: #000; color: #fff; }',
+  ].join('\n');
+  document.head.appendChild(style);
+})();
diff --git a/static/js/sw.js b/static/js/sw.js
index 98d1f66..3b2f9bc 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v116';
+const CACHE = 'diora-v117';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
@@ -42,6 +42,7 @@ const SHELL = [
   '/static/js/feeds.js',
   '/static/js/audiobooks.js',
   '/static/js/nav.js',
+  '/static/js/sources.js',
   '/static/podcasts/native-podcast.js',
   '/static/podcasts/podcast-ui.css',
   '/static/podcasts/podcasts-web.css',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 0dda5ff..c082c04 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 26f5019 2026-10-16: web-native/static/native-podcast.js
+// Copied from diora-android 50c6f9c 2026-10-16: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -105,6 +105,9 @@
     return Math.max(n, total - Math.max(0, sent - n));
   }
   const feeds = () => state.feeds || [];
+  // "Abos & Quellen" (diora-web docs/sources.md, sources.js): where subscriptions are managed, if the page has it.
+  const hasSources = () => !!window.DioraNav && DioraNav.sections().some(s => s.id === 'sources');
+  const toSources = () => DioraNav.go('sources');
   // Audiobooks (diora-web docs/audiobooks.md) are listened to in the library ("Bücher"), not here.
   const isBook = f => !!f && f.kind === 'audiobook';
   const podcastFeeds = () => feeds().filter(f => !isBook(f));
@@ -494,7 +497,8 @@
       group('⇅', 'Abos umziehen', 'OPML exportieren und importieren', () => [
         {icon: '⇩', label: 'Abos exportieren (OPML)', hint: 'zum Umziehen in eine andere App', action: exportOpml},
         {icon: '⇧', label: 'Abos importieren (OPML)', action: importOpml},
-      ]),
+        hasSources() && {icon: '⚙', label: 'Abos & Quellen', hint: 'alle Abos an einem Ort: Podcasts, YouTube, Nachrichten, Blogs', action: toSources},
+      ].filter(Boolean)),
       {icon: '▤', label: 'Hörstatistik', action: openStats},
     ]);
   }
@@ -1805,7 +1809,10 @@
     }
     const head = el('div', 'nui-pod-head');
     head.append(el('div', 'nui-pod-summary', `${items.length} ${items.length === 1 ? 'Abo' : 'Abos'} · ${sort.label.toLowerCase()}`),
-      listTools([button('⇅', 'Sortieren und Zahl wählen', feedSortMenu)]));
+      listTools([
+        hasSources() && button('⚙', 'Verwalten: Abos & Quellen', toSources),
+        button('⇅', 'Sortieren und Zahl wählen', feedSortMenu),
+      ].filter(Boolean)));
     root.append(head);
     const list = el('div', 'nui-pod-list');
     for (const f of items) list.append(feedRow(f));
@@ -1813,6 +1820,22 @@
     if (books) root.append(booksHint());
   }
 
+  // For Abos & Quellen (sources.js): a podcast's settings sheet, its episode list.
+  window.__dioraPodcastFeedSettings = function (feedId) {
+    const f = feeds().find(x => x.id === Number(feedId));
+    if (!f) return false;
+    feedSettingsSheet(f);
+    return true;
+  };
+  window.__dioraPodcastOpenFeed = function (feedId) {
+    const f = feeds().find(x => x.id === Number(feedId));
+    if (!f) return false;
+    if (window.DioraNav) DioraNav.go('podcasts');
+    else if (typeof showTab === 'function') showTab('podcasts');
+    openFeed(f);
+    return true;
+  };
+
   async function openFeed(f) {
     feedView = {feed: f, episodes: null};
     selected = null;
@@ -2542,6 +2565,12 @@
       search(input.value.trim());
     });
     root.append(form);
+    if (hasSources()) {
+      const more = el('button', 'nui-pod-hint nui-pod-link', 'Alles abonnieren und verwalten – auch YouTube, Nachrichten, Blogs: Abos & Quellen ›');
+      more.type = 'button';
+      more.addEventListener('click', toSources);
+      root.append(more);
+    }
     const s = searchResults;
     if (!s) {
       empty('Sucht in deinen Abos und ihren Folgen (auch in den Shownotes) und im Podcast-Verzeichnis von Apple. ' +
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index dede26a..52389e4 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 26f5019 2026-10-16: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 50c6f9c 2026-10-16: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -196,6 +196,8 @@ html.nui-one-player #nui-mini { display: none !important; }
 .nui-pod-summary { padding: 6px 2px 10px; font-size: 12px; color: var(--nui-muted); }
 /* Where audiobook subscriptions went (they are in the library, see audiobooks.js). */
 .nui-pod-hint { padding: 14px 2px; font-size: 13px; color: var(--nui-muted); font-family: var(--nui-sans); letter-spacing: normal; }
+/* A hint that leads somewhere (Abos & Quellen). */
+button.nui-pod-link { display: block; width: 100%; border: none; background: none; text-align: left; cursor: pointer; padding: 4px 2px 12px; }
 .nui-pod-empty { padding: 32px 12px; color: var(--nui-muted); text-align: center; line-height: 1.5; font-family: var(--nui-sans); letter-spacing: normal; font-weight: 400; font-size: 14px; }
 
 .nui-pod-list { display: flex; flex-direction: column; }
diff --git a/templates/radio/player.html b/templates/radio/player.html
index dcfef80..afcba7e 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -265,6 +265,8 @@
 <!-- ===== FEEDS TAB ===== -->
 {% comment %}Audiobooks (podcasts marked as one, docs/audiobooks.md): filled by static/js/audiobooks.js.{% endcomment %}
 {% if user.is_authenticated %}<section class="tab-panel" id="tab-audiobooks" style="display:none;"></section>{% endif %}
+{% comment %}Abos & Quellen, every subscription in one place (docs/sources.md): filled by static/js/sources.js.{% endcomment %}
+{% if user.is_authenticated %}<section class="tab-panel" id="tab-sources" style="display:none;"></section>{% endif %}
 {% comment %}The feed reader, news and blogs: filled by static/js/feeds.js.{% endcomment %}
 <section class="tab-panel" id="tab-feeds" style="display:none;"></section>
 
@@ -387,4 +389,5 @@
 <script src="/static/js/home.js"></script>
 <script src="/static/js/feeds.js"></script>
 <script src="/static/js/audiobooks.js"></script>
+<script src="/static/js/sources.js"></script>
 {% endblock %}

From d7930fcdb971a6028d95a821a748fd43fd3efcc3 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 15:45:14 +0200
Subject: [PATCH 121/176] =?UTF-8?q?Bibliothek=20ordnen=20(Navigation=20Pha?=
 =?UTF-8?q?se=203):=20H=C3=B6rbuch-Reihen=20und=20-Ordner,=20Zeitschriften?=
 =?UTF-8?q?=20je=20Heft?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Hörbücher: Reihen werden aus den Titeln erkannt („Das Kapital – Erster
  Band“, „…: Teil 3“, „… – Folge 12“, „Der Zauberberg. Erster Band“) und als
  Stapel gezeigt, darin die Bände in Reihenfolge. Ordner je Hörbuch
  (PodcastFeed.folder, Migration 0020), im Buch über ⋮ → Ordner zuweisen.
- Zeitschriften: ein Heft wird als Zeitschrift markiert (⋮ → Als Zeitschrift
  führen, im verschlüsselten Meta); unmarkiert entscheidet weiter der Ordner
  „Zeitschriften“. Die Hefte stehen nach Zeitschrift gruppiert, neueste zuerst.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/navigation.md                           |   7 +-
 podcasts/audiobooks.py                       |   1 +
 podcasts/migrations/0020_audiobook_folder.py |  18 +++
 podcasts/models.py                           |   2 +
 podcasts/test_audiobooks.py                  |  11 ++
 podcasts/tests.py                            |   3 +-
 podcasts/views.py                            |   3 +-
 static/js/app/52-book-list.js                |  54 +++++--
 static/js/audiobooks.js                      | 160 ++++++++++++++++++-
 static/js/podcasts-web.js                    |   2 +-
 static/js/sw.js                              |   2 +-
 static/podcasts/native-podcast.js            |   8 +-
 static/podcasts/podcast-ui.css               |   2 +-
 13 files changed, 246 insertions(+), 27 deletions(-)
 create mode 100644 podcasts/migrations/0020_audiobook_folder.py

diff --git a/docs/navigation.md b/docs/navigation.md
index 627de39..2e77a86 100644
--- a/docs/navigation.md
+++ b/docs/navigation.md
@@ -83,5 +83,8 @@ A tab/rail button calls `DioraNav.go(id)`; the active state comes from
 1. Navigation (this document), Hörbücher as their own panel, Zeitschriften by folder.
 2. "Abos & Quellen": podcasts, YouTube channels, news sources, blogs and the
    audiobook mark in one place; the everyday views without managing.
-3. Library: audiobook series (e.g. Das Kapital, Band 1–3) and folders,
-   magazines marked per book.
+3. Library (done): audiobook series are found in the titles ("Das Kapital –
+   Erster Band" …) and shown as one stack; audiobooks have folders
+   (`PodcastFeed.folder`); a book is marked as a magazine in its encrypted
+   meta (`magazine: true/false`; unset: the "Zeitschriften" folder decides), and
+   Zeitschriften groups the issues by periodical.
diff --git a/podcasts/audiobooks.py b/podcasts/audiobooks.py
index 707ccf9..c29892a 100644
--- a/podcasts/audiobooks.py
+++ b/podcasts/audiobooks.py
@@ -87,6 +87,7 @@ def _book(feed, chapters, last_played_at):
     nxt = _next(chapters)
     return {
         'feed_id': feed.id, 'title': feed.title, 'author': feed.author, 'artwork_url': feed.artwork_url,
+        'folder': feed.folder,
         'chapters': len(chapters), 'done': done, 'total_seconds': total, 'heard_seconds': heard,
         'next': nxt, 'last_played_at': last_played_at.isoformat() if last_played_at else None,
     }
diff --git a/podcasts/migrations/0020_audiobook_folder.py b/podcasts/migrations/0020_audiobook_folder.py
new file mode 100644
index 0000000..1f0133a
--- /dev/null
+++ b/podcasts/migrations/0020_audiobook_folder.py
@@ -0,0 +1,18 @@
+# Generated by Django 6.1 on 2026-10-16 13:29
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0019_audiobooks'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='folder',
+            field=models.CharField(blank=True, max_length=100),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 28dc2fd..222a4fc 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -75,6 +75,8 @@ class PodcastFeed(models.Model):
     # Skip silence in this podcast's episodes: null = as the device is set.
     skip_silence = models.BooleanField(null=True, blank=True)
     kind = models.CharField(max_length=10, choices=KINDS, default=PODCAST)
+    # An audiobook's folder in the library ('' = none; one level, like the e-books' folders).
+    folder = models.CharField(max_length=100, blank=True)
 
     # The vocabulary of episode_sort and episode_filter: the podcast page's
     # sort menu and filter chips (native-podcast.js EP_SORTS and FILTERS).
diff --git a/podcasts/test_audiobooks.py b/podcasts/test_audiobooks.py
index aa4631d..cc59cf8 100644
--- a/podcasts/test_audiobooks.py
+++ b/podcasts/test_audiobooks.py
@@ -187,3 +187,14 @@ class UnplayedTests(TestCase):
                              content_type='application/json')
         self.assertEqual(EpisodeProgress.objects.get(episode=ep).position_seconds, 0)
         self.assertEqual(EpisodeProgress.objects.get(episode=half).position_seconds, 200)   # its place stays
+
+
+class AudiobookFolderTests(TestCase):
+    def test_a_book_has_a_folder(self):
+        user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(user)
+        feed = PodcastFeed.objects.create(user=user, rss_url='https://example.org/b', title='B', kind='audiobook')
+        r = self.client.post(f'/podcasts/feeds/{feed.pk}/settings/', json.dumps({'folder': '  Marx   und Engels '}),
+                             content_type='application/json')
+        self.assertEqual(r.json()['folder'], 'Marx und Engels')
+        self.assertEqual(self.client.get('/podcasts/audiobooks/').json()['books'][0]['folder'], 'Marx und Engels')
diff --git a/podcasts/tests.py b/podcasts/tests.py
index a11bfb4..258b44f 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -1074,6 +1074,7 @@ FEED_DEFAULTS = {
     'playback_speed': None, 'skip_intro': 0, 'skip_outro': 0, 'volume': 1.0, 'new_episodes': 'inbox',
     'include_words': '', 'exclude_words': '', 'min_duration': 0, 'auto_queue': False, 'auto_download': False,
     'notify': False, 'episode_sort': '', 'episode_filter': [], 'skip_silence': None, 'kind': 'podcast',
+    'folder': '',
 }
 
 
@@ -1100,7 +1101,7 @@ class FeedSettingsTests(TestCase):
             'feed_id': self.feed.id, 'playback_speed': 1.5, 'skip_intro': 30, 'skip_outro': 600, 'volume': 2.0,
             'new_episodes': 'inbox', 'include_words': 'News, Talk', 'exclude_words': 'Teaser', 'min_duration': 10,
             'auto_queue': False, 'auto_download': False, 'notify': False,
-            'episode_sort': '', 'episode_filter': [], 'skip_silence': None, 'kind': 'podcast',
+            'episode_sort': '', 'episode_filter': [], 'skip_silence': None, 'kind': 'podcast', 'folder': '',
         })
         self.feed.refresh_from_db()
         self.assertEqual((self.feed.playback_speed, self.feed.skip_intro, self.feed.volume, self.feed.min_duration),
diff --git a/podcasts/views.py b/podcasts/views.py
index 5320b31..46d75da 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -787,7 +787,7 @@ def feed_list(request):
 FEED_SETTING_FIELDS = (
     'playback_speed', 'skip_intro', 'skip_outro', 'volume',
     'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_queue', 'auto_download',
-    'notify', 'episode_sort', 'episode_filter', 'skip_silence', 'kind',
+    'notify', 'episode_sort', 'episode_filter', 'skip_silence', 'kind', 'folder',
 )
 
 
@@ -1025,6 +1025,7 @@ FEED_SETTING_PARSERS = {
     'episode_sort': _episode_sort,
     'episode_filter': _episode_filter,
     'kind': _kind,
+    'folder': lambda v: ' '.join(str(v or '').split())[:100],
     'skip_silence': _optional_boolean,
 }
 
diff --git a/static/js/app/52-book-list.js b/static/js/app/52-book-list.js
index 32f4f79..fe44304 100644
--- a/static/js/app/52-book-list.js
+++ b/static/js/app/52-book-list.js
@@ -41,8 +41,8 @@ async function loadBookList() {
       try {
         const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
         const meta = JSON.parse(new TextDecoder().decode(metaBuf));
-        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0};
-        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine};
+        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       } catch (e) {
         bookMetaCache[b.id] = {title: `Buch #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
         decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
@@ -59,7 +59,7 @@ async function loadBookList() {
     const cachedBooks = (await _loadCachedBookMeta()).map(_withPendingProgress);
     if (cachedBooks.length) {
       cachedBooks.sort((a, b) => (_bookRecency(b) - _bookRecency(a)) || (b.uploaded_at || '').localeCompare(a.uploaded_at || ''));
-      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0};
+      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0, magazine: b.magazine};
       const uploadArea = $('book-upload-area');
       if (uploadArea) uploadArea.style.display = 'none';
       renderBookList(cachedBooks);
@@ -145,6 +145,7 @@ function repairBook(bookId) {
         isbn: isbn || prevMeta.isbn || '',
         folder: prevMeta.folder || '',
         shelfTag: prevMeta.shelfTag || '',
+        magazine: prevMeta.magazine,
       }));
       const [metaEnc, dataEnc] = await Promise.all([
         encryptBytes(key, metaJson),
@@ -205,11 +206,33 @@ async function toggleBookRead(bookId, currentlyRead) {
 // free in /api/sync/. One level only: folders don't nest.
 let _currentBookFolder = null; // null = root view (folder tiles + unfiled books)
 
-// Bücher and Zeitschriften are two sections of Lesen (static/js/nav.js), one list: the
-// magazines are the books in a folder called "Zeitschriften" (or "Magazine").
+// Bücher and Zeitschriften are two sections of Lesen (static/js/nav.js), one list: a
+// magazine is an issue marked as one (⋮ → Als Zeitschrift, kept in the encrypted meta),
+// or, unmarked, a book in a folder called "Zeitschriften" (or "Magazine").
 let _bookSection = 'books';
 const _MAGAZINE_FOLDER = /^(zeitschriften|magazine|magazines)$/i;
-const _isMagazine = b => _MAGAZINE_FOLDER.test((b.folder || '').trim());
+const _isMagazine = b => b.magazine === true || (b.magazine !== false && _MAGAZINE_FOLDER.test((b.folder || '').trim()));
+window._isMagazine = _isMagazine;
+
+// The periodical an issue belongs to: its title up to the issue's number ("Jacobin #24",
+// "New Left Review 157", "LuXemburg 1/2026"), else its author ("Vol 9 – Issue 2–3" by Catalyst).
+function _periodicalOf(b) {
+  const m = /^(.*?)\s*(?:#|\bno\.|\bnr\.|\bheft\b|\bausgabe\b|\bissue\b|\bvol\b|\d)/i.exec(b.title || '');
+  const name = (m ? m[1] : '').replace(/[\s–—:,-]+$/, '').trim();
+  return name.length >= 3 ? name : (b.author || '').trim() || (b.title || '').trim();
+}
+
+async function toggleBookMagazine(bookId) {
+  const book = _lastBookListData.find(b => b.id === bookId);
+  if (!book) return;
+  try {
+    await _updateBookMeta(bookId, {magazine: !_isMagazine(book)});
+    renderBookList(_lastBookListData);
+  } catch (e) {
+    customAlert('Das ließ sich nicht speichern: ' + e.message);
+  }
+}
+window.toggleBookMagazine = toggleBookMagazine;
 
 // The books of the section shown (all of them where there are no sections).
 function _bookSectionFilter(books) {
@@ -254,6 +277,7 @@ function _renderBookItemHtml(b) {
             ${broken ? `<button class="book-menu-item book-menu-item--danger book-broken-btn" onclick="repairBook(${b.id})">🔧 Reparieren (Datei erneut hochladen)</button>` : ''}
             ${b.has_highlights ? `<button class="book-menu-item" onclick="downloadBookAnnotationsFromList(${b.id}, this)">⭳ Markierungen &amp; Notizen herunterladen</button>` : ''}
             <button class="book-menu-item" onclick="assignBookFolder(${b.id})">📁 Ordner zuweisen</button>
+            <button class="book-menu-item" onclick="toggleBookMagazine(${b.id})">${_isMagazine(b) ? '▤ Als Buch führen' : '📰 Als Zeitschrift führen'}</button>
             <button class="book-menu-item" onclick="lookupBookMetadata(${b.id})">🏷️ Metadaten abrufen (Regal)</button>
             <button class="book-menu-item" onclick="toggleBookRead(${b.id}, ${!!b.is_read})">${b.is_read ? '↺ Als ungelesen markieren' : '✓ Als gelesen markieren'}</button>
             <button class="book-menu-item book-menu-item--danger" onclick="deleteBook(${b.id})">🗑 Löschen</button>
@@ -295,7 +319,7 @@ function renderBookList(allBooks) {
   if (!books.length) {
     listEl.innerHTML = window.DioraNav && allBooks.length
       ? (_bookSection === 'magazines'
-        ? '<p class="muted">Noch keine Zeitschriften. Hefte, die in einem Ordner „Zeitschriften“ liegen, stehen hier (⋮ → Ordner zuweisen).</p>'
+        ? '<p class="muted">Noch keine Zeitschriften. Ein Heft unter Bücher über ⋮ → „Als Zeitschrift führen“ hierher holen.</p>'
         : '<p class="muted">Alle Bücher liegen bei den Zeitschriften.</p>')
       : '';
     return;
@@ -324,11 +348,22 @@ function renderBookList(allBooks) {
   }
 
   const grouped = new Map();
+  const magazines = _bookSection === 'magazines' && !!window.DioraNav;
   for (const b of visible) {
-    const key = _bookSection === 'magazines' && _isMagazine(b) ? '' : (b.folder || '');
+    const key = magazines ? _periodicalOf(b) : (b.folder || '');
     if (!grouped.has(key)) grouped.set(key, []);
     grouped.get(key).push(b);
   }
+  if (magazines) {
+    // A periodical with one issue is no tile; issues newest first.
+    const loose = grouped.get('') || [];
+    for (const [k, list] of [...grouped]) {
+      if (k !== '' && list.length < 2) { loose.push(...list); grouped.delete(k); }
+    }
+    grouped.set('', loose);
+    const issue = (a, b) => b.title.localeCompare(a.title, 'de', {numeric: true});
+    for (const list of grouped.values()) list.sort(issue);
+  }
   // Folder emptied out (last book moved/deleted, or read-filter hid it) — fall back to root.
   if (_currentBookFolder !== null && !grouped.has(_currentBookFolder)) {
     _currentBookFolder = null;
@@ -339,7 +374,7 @@ function renderBookList(allBooks) {
     if (folderNames.length) {
       html += '<div class="book-folder-grid">'
         + folderNames.map(name => `<button class="book-folder-tile" data-folder="${escapeHtml(name)}">
-            <span class="book-folder-tile-icon">📁</span>
+            <span class="book-folder-tile-icon">${magazines ? '📰' : '📁'}</span>
             <span class="book-folder-tile-name">${escapeHtml(name)}</span>
             <span class="book-folder-tile-count">${grouped.get(name).length}</span>
           </button>`).join('')
@@ -375,6 +410,7 @@ async function _updateBookMeta(bookId, overrides) {
     folder: cached.folder || book.folder || '',
     shelfTag: cached.shelfTag || book.shelfTag || '',
     pages: cached.pages || book.pages || 0,
+    magazine: cached.magazine !== undefined ? cached.magazine : book.magazine,
     ...overrides,
   };
   const key = await getOrCreateEncKey();
diff --git a/static/js/audiobooks.js b/static/js/audiobooks.js
index b6cd249..a923d2b 100644
--- a/static/js/audiobooks.js
+++ b/static/js/audiobooks.js
@@ -28,6 +28,8 @@
     picking: false,    // choosing a podcast to make an audiobook
     pickQuery: '',
     now: null,         // playerState() of the last poll
+    folder: null,      // the folder shown (null: all)
+    series: null,      // the series shown (its key), inside the folder
   };
 
   const shelf = document.createElement('div');
@@ -189,13 +191,7 @@
     html += '<div class="ab-head"><h3 class="ab-h">Hörbücher</h3>' +
       (pods.length ? '<button type="button" class="ab-link" data-ab="pick">+ Hörbuch</button>' : '') + '</div>';
     if (books.length) {
-      html += '<div class="ab-grid">' + books.map(b =>
-        '<button type="button" class="ab-card" data-ab-open="' + b.feed_id + '">' +
-        cover(b.artwork_url, b.title, 'ab-cover') +
-        '<span class="ab-card-text"><span class="ab-title">' + esc(b.title) + '</span>' +
-        (b.author ? '<span class="ab-meta">' + esc(b.author) + '</span>' : '') +
-        '<span class="ab-meta">' + esc(progressText(b)) + '</span>' +
-        '<span class="ab-bar"><span style="width:' + pct(b) + '%"></span></span></span></button>').join('') + '</div>';
+      html += gridHtml(books);
     } else {
       html += '<p class="ab-empty">Podcasts, die eigentlich Hörbücher oder Hörspiele sind, lassen sich hier ' +
         'wie ein Buch hören: in Kapitelreihenfolge, mit Lesezeichen. „+ Hörbuch“ wählt einen aus.</p>';
@@ -206,6 +202,131 @@
     if (input && document.activeElement !== input && st.pickFocus) { input.focus(); st.pickFocus = false; }
   }
 
+  // ---- organising: folders (set per book) and series (found in the titles) ----------------
+
+  // "Das Kapital – Erster Band", "Harry Potter: Teil 3", "Die drei ??? – Folge 12":
+  // the series' name and the volume's number, or null.
+  const VOLUME_WORD = /\b(band|bd\.|teil|buch|folge|staffel|episode|vol\.?|volume|part|book)\b/i;
+  const ORDINALS = ['erst', 'zweit', 'dritt', 'viert', 'fünft', 'sechst', 'siebt', 'acht', 'neunt', 'zehnt',
+    'elft', 'zwölft'];
+  const ORDINALS_EN = ['first', 'second', 'third', 'fourth', 'fifth', 'sixth', 'seventh', 'eighth', 'ninth', 'tenth'];
+  const ROMAN = {i: 1, ii: 2, iii: 3, iv: 4, v: 5, vi: 6, vii: 7, viii: 8, ix: 9, x: 10, xi: 11, xii: 12};
+
+  function volumeNumber(text) {
+    const t = text.toLowerCase();
+    const digits = /(\d+)/.exec(t);
+    if (digits) return parseInt(digits[1], 10);
+    for (const word of t.split(/[^a-zäöüß]+/)) {
+      if (ROMAN[word]) return ROMAN[word];
+      for (let i = 0; i < ORDINALS.length; i++) if (word.indexOf(ORDINALS[i]) === 0) return i + 1;
+      for (let i = 0; i < ORDINALS_EN.length; i++) if (word === ORDINALS_EN[i]) return i + 1;
+    }
+    return 999;
+  }
+
+  function seriesOf(b) {
+    const m = /^(.+?)\s+[–—-]\s+(.+)$/.exec(b.title) || /^(.+?):\s+(.+)$/.exec(b.title) ||
+      /^(.+?)\.\s+(.+)$/.exec(b.title);   // "Der Zauberberg. Erster Band"
+    if (!m || !(VOLUME_WORD.test(m[2]) || /^\s*\d+\s*$/.test(m[2]))) return null;
+    const name = m[1].trim();
+    return {key: (name + '|' + (b.author || '')).toLowerCase(), name, number: volumeNumber(m[2]), volume: m[2].trim()};
+  }
+
+  // The books of one level (all, or one folder) as cards: series of two or more volumes
+  // become one stack; folders come first (at the top level).
+  function entries(books) {
+    const groups = new Map();
+    const single = [];
+    books.forEach(b => {
+      const sr = seriesOf(b);
+      if (!sr) { single.push({kind: 'book', b, sort: b.title}); return; }
+      if (!groups.has(sr.key)) groups.set(sr.key, {kind: 'series', key: sr.key, name: sr.name, books: [], sort: sr.name});
+      groups.get(sr.key).books.push(Object.assign({}, b, {_volume: sr.volume, _number: sr.number}));
+    });
+    const out = single;
+    groups.forEach(g => {
+      if (g.books.length < 2) { out.push({kind: 'book', b: g.books[0], sort: g.books[0].title}); return; }
+      g.books.sort((x, y) => x._number - y._number || x.title.localeCompare(y.title));
+      out.push(g);
+    });
+    // The last listened first (as the list comes), then the rest by name.
+    const recent = e => {
+      const list = e.kind === 'series' ? e.books : [e.b];
+      return list.map(x => x.last_played_at || '').sort().pop() || '';
+    };
+    return out.sort((x, y) => (recent(y) > recent(x) ? 1 : recent(y) < recent(x) ? -1 : 0) ||
+      x.sort.localeCompare(y.sort, 'de'));
+  }
+
+  function bookCard(b, label) {
+    return '<button type="button" class="ab-card" data-ab-open="' + b.feed_id + '">' +
+      cover(b.artwork_url, b.title, 'ab-cover') +
+      '<span class="ab-card-text"><span class="ab-title">' + esc(label || b.title) + '</span>' +
+      (b.author && !label ? '<span class="ab-meta">' + esc(b.author) + '</span>' : '') +
+      '<span class="ab-meta">' + esc(progressText(b)) + '</span>' +
+      '<span class="ab-bar"><span style="width:' + pct(b) + '%"></span></span></span></button>';
+  }
+
+  function seriesCard(g) {
+    const total = g.books.reduce((n, b) => n + (b.total_seconds || 0), 0);
+    const heard = g.books.reduce((n, b) => n + (b.heard_seconds || 0), 0);
+    const going = g.books.filter(b => b.next && b.last_played_at)[0];
+    const done = g.books.filter(b => !b.next).length;
+    const meta = g.books.length + ' Bände' + (going ? ' · bei ' + going._volume
+      : done === g.books.length ? ' · fertig gehört' : done ? ' · ' + done + ' gehört' : '');
+    return '<button type="button" class="ab-card ab-stack" data-ab-series="' + esc(g.key) + '">' +
+      '<span class="ab-stack-covers">' + cover(g.books[0].artwork_url, g.name, 'ab-cover') + '</span>' +
+      '<span class="ab-card-text"><span class="ab-title">' + esc(g.name) + '</span>' +
+      (g.books[0].author ? '<span class="ab-meta">' + esc(g.books[0].author) + '</span>' : '') +
+      '<span class="ab-meta">' + esc(meta) + '</span>' +
+      '<span class="ab-bar"><span style="width:' + (total ? Math.round(100 * heard / total) : 0) + '%"></span></span></span></button>';
+  }
+
+  function gridHtml(books) {
+    const folders = new Map();
+    books.forEach(b => { if (b.folder) folders.set(b.folder, (folders.get(b.folder) || 0) + 1); });
+    if (st.folder != null && !folders.has(st.folder)) st.folder = null;
+    const here = books.filter(b => st.folder == null ? !b.folder : b.folder === st.folder);
+    const list = entries(here);
+    let html = '';
+    if (st.series != null) {
+      const g = list.filter(e => e.kind === 'series' && e.key === st.series)[0];
+      if (g) {
+        return '<div class="ab-place"><button type="button" class="ab-back" data-ab="up">‹ ' +
+          esc(st.folder == null ? 'Alle Hörbücher' : st.folder) + '</button><strong>' + esc(g.name) + '</strong></div>' +
+          '<div class="ab-grid">' + g.books.map(b => bookCard(b, b._volume)).join('') + '</div>';
+      }
+      st.series = null;
+    }
+    if (st.folder != null) {
+      html += '<div class="ab-place"><button type="button" class="ab-back" data-ab="up">‹ Alle Hörbücher</button>' +
+        '<strong>' + esc(st.folder) + '</strong></div>';
+    } else if (folders.size) {
+      html += '<div class="ab-folders">' + Array.from(folders.keys()).sort((a, b) => a.localeCompare(b, 'de')).map(f =>
+        '<button type="button" class="ab-folder" data-ab-folder="' + esc(f) + '"><span class="ab-folder-icon">▤</span>' +
+        '<span class="ab-title">' + esc(f) + '</span><span class="ab-meta">' + folders.get(f) + '</span></button>').join('') + '</div>';
+    }
+    return html + '<div class="ab-grid">' + list.map(e => e.kind === 'series' ? seriesCard(e) : bookCard(e.b)).join('') + '</div>';
+  }
+
+  // Into a folder ('' = none): the server keeps it with the subscription.
+  async function assignFolder(feedId) {
+    const b = (st.books || []).filter(x => x.feed_id === feedId)[0];
+    const names = Array.from(new Set((st.books || []).map(x => x.folder).filter(Boolean))).sort();
+    const ask = 'Ordner für „' + (b ? b.title : 'Hörbuch') + '“' + (names.length ? ' (vorhanden: ' + names.join(', ') + ')' : '') +
+      ' – leer lassen für keinen:';
+    const name = typeof customPrompt === 'function' ? await customPrompt(ask, b ? b.folder || '' : '') : window.prompt(ask, b ? b.folder || '' : '');
+    if (name === null || name === undefined) return;
+    try {
+      await api('/podcasts/feeds/' + feedId + '/settings/', {folder: String(name)});
+      toast(String(name).trim() ? 'In „' + String(name).trim() + '“' : 'Ohne Ordner');
+    } catch (e) {
+      toast('Das braucht eine Verbindung.');
+    }
+    loadList();
+    if (st.open === feedId) loadDetail(feedId);
+  }
+
   function pickHtml(pods) {
     const q = st.pickQuery.trim().toLowerCase();
     const found = pods.filter(f => !q || (f.title + ' ' + (f.author || '')).toLowerCase().indexOf(q) >= 0)
@@ -273,6 +394,7 @@
       '<div class="ab-menu" hidden>' +
       '<button type="button" data-ab="unplayed">Alles als ungehört markieren</button>' +
       '<button type="button" data-ab="played">Alles als gehört markieren</button>' +
+      '<button type="button" data-ab="folder">Ordner zuweisen …</button>' +
       '<button type="button" data-ab="podcast">Wieder als Podcast führen</button></div>' +
       '<div class="ab-hero">' + cover(b.artwork_url, b.title, 'ab-cover ab-cover-l') +
       '<div class="ab-hero-text"><h2 class="ab-book-title">' + esc(b.title) + '</h2>' +
@@ -453,6 +575,7 @@
     else if (act === 'mark') addBookmark();
     else if (act === 'unplayed') markAll(false);
     else if (act === 'played') markAll(true);
+    else if (act === 'folder') assignFolder(st.open);
     else if (act === 'podcast') {
       const ok = typeof customConfirm === 'function'
         ? await customConfirm('„' + st.detail.book.title + '“ wieder als Podcast führen? Es verlässt die Bücher; Stellen und Lesezeichen bleiben.')
@@ -473,6 +596,13 @@
     if (!t) return;
     if (t.dataset.abGo != null) { e.stopPropagation(); goOn(Number(t.dataset.abGo)); return; }
     if (t.dataset.abOpen != null) { openBook(Number(t.dataset.abOpen)); return; }
+    if (t.dataset.abFolder != null) { st.folder = t.dataset.abFolder; st.series = null; renderShelf(); return; }
+    if (t.dataset.abSeries != null) { st.series = t.dataset.abSeries; renderShelf(); return; }
+    if (t.dataset.ab === 'up') {
+      if (st.series != null) st.series = null; else st.folder = null;
+      renderShelf();
+      return;
+    }
     if (t.dataset.abMark != null) {
       const id = Number(t.dataset.abMark);
       st.picking = false;
@@ -549,6 +679,11 @@
       return true;
     }
     if (st.picking && tab.style.display !== 'none') { st.picking = false; renderShelf(); return true; }
+    if ((st.series != null || st.folder != null) && tab.style.display !== 'none') {
+      if (st.series != null) st.series = null; else st.folder = null;
+      renderShelf();
+      return true;
+    }
     return back ? back() : false;
   };
   document.addEventListener('keydown', e => {
@@ -616,6 +751,17 @@
     '.ab-chapter.ab-done .ab-title { color: var(--muted, #9a9a9a); }',
     '.ab-chapter.ab-now .ab-title, .ab-chapter.ab-now .ab-num { color: var(--accent, #e63946); }',
     '.ab-mark, .ab-chrow { display: flex; align-items: center; }',
+    '.ab-place { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; }',
+    '.ab-place .ab-back { padding: 6px 0; }',
+    '.ab-folders { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; margin-bottom: 14px; }',
+    '.ab-folder { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 8px; background: var(--card, #0b0b0b); color: inherit; font: inherit; cursor: pointer; text-align: left; }',
+    '.ab-folder .ab-title { flex: 1; min-width: 0; }',
+    '.ab-folder-icon { color: var(--muted, #9a9a9a); }',
+    '.ab-stack-covers { position: relative; display: block; }',
+    '.ab-stack-covers::before, .ab-stack-covers::after { content: ""; position: absolute; left: 6%; right: 6%; height: 100%; border-radius: 6px; border: 1px solid var(--border-strong, #444); background: var(--panel, #161616); }',
+    '.ab-stack-covers::before { top: -8px; left: 12%; right: 12%; }',
+    '.ab-stack-covers::after { top: -4px; }',
+    '.ab-stack-covers .ab-cover { position: relative; z-index: 1; }',
     '.ab-chrow .ab-row { flex: 1; min-width: 0; }',
     '.ab-chrow { border-bottom: 1px solid var(--border, #2a2a2a); }',
     '.ab-chrow .ab-row { border-bottom: none; }',
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 6e230df..d4a52ff 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -76,7 +76,7 @@
   const SORT_RULES = ['', 'new', 'old', 'short', 'long', 'feed'];
   const FEED_SETTINGS = ['playback_speed', 'skip_intro', 'skip_outro', 'volume',
     'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_download', 'notify',
-    'episode_sort', 'episode_filter', 'skip_silence', 'kind'];
+    'episode_sort', 'episode_filter', 'skip_silence', 'kind', 'folder'];
   // The account's playback settings (diora-web PodcastSettings) and what each may be.
   const SKIPS = [5, 10, 15, 20, 30, 45, 60];
   const MIN_SPEED = 0.5;
diff --git a/static/js/sw.js b/static/js/sw.js
index 3b2f9bc..d585cf5 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v117';
+const CACHE = 'diora-v118';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index c082c04..7a80727 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 50c6f9c 2026-10-16: web-native/static/native-podcast.js
+// Copied from diora-android 3eed256 2026-10-16: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -1801,7 +1801,7 @@
     const items = podcastFeeds().slice().sort((a, b) => sort.cmp(a, b) || byTitle(a, b));
     const books = feeds().length - items.length;
     const booksHint = () => el('div', 'nui-pod-hint',
-      `${books === 1 ? 'Ein Hörbuch' : books + ' Hörbücher'}: in Bücher → Hörbücher`);
+      `${books === 1 ? 'Ein Hörbuch' : books + ' Hörbücher'}: unter Hören → Hörbücher`);
     if (!items.length) {
       empty('Noch keine Abos. Unter „Suche“ findest du Podcasts.');
       if (books) root.append(booksHint());
@@ -2005,8 +2005,8 @@
     // An audiobook: its episodes are chapters, listened to in the library (diora-web docs/audiobooks.md).
     if ('kind' in live && N.podcastFeedSettings) {
       const book = isBook(live);
-      items.push({icon: '▤', label: book ? 'Hörbuch (in Bücher)' : 'Als Hörbuch',
-        hint: book ? 'tippen: wieder als Podcast' : 'Folgen als Kapitel in der Bibliothek, nicht in „Neu“',
+      items.push({icon: '▤', label: book ? 'Hörbuch (unter Hören → Hörbücher)' : 'Als Hörbuch',
+        hint: book ? 'tippen: wieder als Podcast' : 'Folgen als Kapitel unter Hören → Hörbücher, nicht in „Neu“',
         active: book, action: () => save({kind: book ? 'podcast' : 'audiobook'})});
     }
     // Skip silence for this podcast (server), where this player can skip silence at all.
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 52389e4..1dbdce9 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 50c6f9c 2026-10-16: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 3eed256 2026-10-16: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 

From 8f5be379fea8c75da4056c4f6a384dbd60128b2f Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 20:44:23 +0200
Subject: [PATCH 122/176] =?UTF-8?q?Bibliothek=20neu:=20Ordner=20als=20Filt?=
 =?UTF-8?q?er-Chips=20=C3=BCberall,=20Cover-Raster,=20Cover=20verschl?=
 =?UTF-8?q?=C3=BCsselt=20und=20generiert=20(noch=20nicht=20ver=C3=B6ffentl?=
 =?UTF-8?q?icht)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ordner wie Tags (docs/library.md): folders.js zeichnet die Chip-Reihe, das
  Blatt „In Ordner …“ (Häkchen, Neuer Ordner) und „Ordner verwalten“
  (umbenennen = zusammenlegen, löschen, Reihenfolge). E-Books: `folders` im
  verschlüsselten Meta, Reihenfolge in verschlüsselten Bibliotheks-Einstellungen
  (/books/prefs/). Podcasts/Hörbücher: PodcastFeed.folders (Migration 0021,
  übernimmt `folder`), /podcasts/folders/ (+rename, +delete). Blogs: Reihenfolge
  (/feeds/folders/order/).
- Bibliothek (53-library.js): Kopf mit Suche, Sortierung, Raster/Liste und +;
  Chips Angefangen · Ungelesen · Gelesen · Ordner; eine „Weiterlesen“-Karte;
  Mehrfachauswahl (lange drücken). E-Ink und diora Reader beginnen als Liste.
- Cover Ende-zu-Ende verschlüsselt (covers.js, /books/<id>/cover/): aus dem
  E-Book (EPUB-Coverbild, PDF Seite 1), 300 px, mit dem Nutzerschlüssel
  verschlüsselt, einmal hochgeladen; sparsam im Leerlauf, nie beim Lesen, nie
  auf E-Ink.
- Bücher ohne Cover bekommen eins (gencover.js): Stichwörter aus Titel, Autor,
  Regal und Ordnern wählen ein Gestaltungskonzept (Konstruktivismus, Geometrie,
  Psyche, Wellen, Karte, Kosmos, Ornament, Botanik, Berge, Zellen, Raster,
  Schatten, Typo, sonst Bauhaus); ein Hash aus Titel und Autor Palette, Aufbau
  und Details – einzigartig, überall gleich, nichts gespeichert.
- Hörbücher: Ordner-Chips statt Kacheln, „In Ordner …“ mit mehreren Ordnern.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 books/migrations/0006_covers_and_prefs.py |  36 ++
 books/models.py                           |  13 +
 books/tests.py                            |  39 ++
 books/urls.py                             |   2 +
 books/views.py                            |  61 ++-
 docs/library.md                           |  61 +++
 feeds/migrations/0006_folder_order.py     |  18 +
 feeds/models.py                           |   2 +
 feeds/tests.py                            |  13 +
 feeds/urls.py                             |   1 +
 feeds/views.py                            |  24 +-
 podcasts/audiobooks.py                    |   2 +-
 podcasts/folders.py                       | 116 +++++
 podcasts/migrations/0021_folders_list.py  |  32 ++
 podcasts/models.py                        |   6 +-
 podcasts/test_audiobooks.py               |  34 ++
 podcasts/tests.py                         |   4 +-
 podcasts/urls.py                          |   5 +-
 podcasts/views.py                         |  15 +-
 static/js/app/52-book-list.js             |  23 +-
 static/js/app/53-library.js               | 502 ++++++++++++++++++++++
 static/js/audiobooks.js                   | 133 ++++--
 static/js/covers.js                       | 223 ++++++++++
 static/js/folders.js                      | 213 +++++++++
 static/js/gencover.js                     | 396 +++++++++++++++++
 static/js/sw.js                           |   6 +-
 templates/radio/player.html               |   4 +
 27 files changed, 1928 insertions(+), 56 deletions(-)
 create mode 100644 books/migrations/0006_covers_and_prefs.py
 create mode 100644 docs/library.md
 create mode 100644 feeds/migrations/0006_folder_order.py
 create mode 100644 podcasts/folders.py
 create mode 100644 podcasts/migrations/0021_folders_list.py
 create mode 100644 static/js/app/53-library.js
 create mode 100644 static/js/covers.js
 create mode 100644 static/js/folders.js
 create mode 100644 static/js/gencover.js

diff --git a/books/migrations/0006_covers_and_prefs.py b/books/migrations/0006_covers_and_prefs.py
new file mode 100644
index 0000000..488374e
--- /dev/null
+++ b/books/migrations/0006_covers_and_prefs.py
@@ -0,0 +1,36 @@
+# Generated by Django 6.1 on 2026-10-16 18:21
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('books', '0005_progress_last_read_wins'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='ebook',
+            name='cover_ct',
+            field=models.TextField(blank=True, default=''),
+        ),
+        migrations.AddField(
+            model_name='ebook',
+            name='cover_iv',
+            field=models.CharField(blank=True, default='', max_length=32),
+        ),
+        migrations.CreateModel(
+            name='LibraryPrefs',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('prefs_ct', models.TextField(blank=True, default='')),
+                ('prefs_iv', models.CharField(blank=True, default='', max_length=32)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+                ('user', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, related_name='library_prefs', to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+    ]
diff --git a/books/models.py b/books/models.py
index ee1a91e..d50c5eb 100644
--- a/books/models.py
+++ b/books/models.py
@@ -10,6 +10,10 @@ class EBook(models.Model):
     data_iv = models.CharField(max_length=32)  # hex IV for EPUB data
     uploaded_at = models.DateTimeField(auto_now_add=True)
     is_read = models.BooleanField(default=False)
+    # The cover, end-to-end encrypted like the rest (docs/library.md): a client that has
+    # the file extracts it, encrypts it with the user's key and sends it once.
+    cover_ct = models.TextField(blank=True, default='')
+    cover_iv = models.CharField(max_length=32, blank=True, default='')
 
     class Meta:
         ordering = ['uploaded_at']
@@ -18,6 +22,15 @@ class EBook(models.Model):
         return f"EBook #{self.pk} (user={self.user_id})"
 
 
+class LibraryPrefs(models.Model):
+    """The library's own settings, encrypted with the user's key (the folder order:
+    folder names are private, docs/library.md). One blob, replaced as a whole."""
+    user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='library_prefs')
+    prefs_ct = models.TextField(blank=True, default='')
+    prefs_iv = models.CharField(max_length=32, blank=True, default='')
+    updated_at = models.DateTimeField(auto_now=True)
+
+
 class EBookProgress(models.Model):
     """Where to continue a book: the place it was last read, on any device
     (docs/progress-sync.md), plus the furthest place ever reached."""
diff --git a/books/tests.py b/books/tests.py
index 93d9ac4..e98d3d1 100644
--- a/books/tests.py
+++ b/books/tests.py
@@ -160,3 +160,42 @@ class ProgressTests(TestCase):
     def test_a_never_opened_book(self):
         b = self.client.get('/books/', **self.auth).json()[0]
         self.assertEqual((b['read_at'], b['last_read'], b['position_anchor']), (None, None, ''))
+
+
+class CoverAndPrefsTests(TestCase):
+    """Covers and the library's settings travel encrypted (docs/library.md)."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.auth = {'HTTP_AUTHORIZATION': f'Bearer {ApiToken.objects.create(user=self.user).token}'}
+        self.book = EBook.objects.create(user=self.user, meta_ct='m', meta_iv='i', data_ct='d', data_iv='i')
+
+    def post(self, url, body, **auth):
+        return self.client.post(url, json.dumps(body), content_type='application/json', **(auth or self.auth))
+
+    def test_a_cover_is_kept_and_listed(self):
+        url = f'/books/{self.book.id}/cover/'
+        self.assertEqual(self.client.get(url, **self.auth).status_code, 404)
+        self.assertFalse(self.client.get('/books/', **self.auth).json()[0]['has_cover'])
+        self.assertEqual(self.post(url, {'cover_ct': 'Q0lQSEVS', 'cover_iv': 'a1b2c3d4e5f60718293a4b5c'}).status_code, 200)
+        self.assertEqual(self.client.get(url, **self.auth).json(),
+                         {'cover_ct': 'Q0lQSEVS', 'cover_iv': 'a1b2c3d4e5f60718293a4b5c'})
+        self.assertTrue(self.client.get('/books/', **self.auth).json()[0]['has_cover'])
+
+    def test_bad_or_huge_covers_are_refused(self):
+        url = f'/books/{self.book.id}/cover/'
+        self.assertEqual(self.post(url, {'cover_ct': 'x', 'cover_iv': 'not hex!'}).status_code, 400)
+        self.assertEqual(self.post(url, {'cover_ct': 'x' * 300_000, 'cover_iv': 'a1b2c3d4'}).status_code, 400)
+
+    def test_covers_are_ones_own(self):
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        bob_auth = {'HTTP_AUTHORIZATION': f'Bearer {ApiToken.objects.create(user=bob).token}'}
+        url = f'/books/{self.book.id}/cover/'
+        self.assertEqual(self.post(url, {'cover_ct': 'x', 'cover_iv': 'a1b2c3d4'}, **bob_auth).status_code, 404)
+        self.assertEqual(self.client.get(url, **bob_auth).status_code, 404)
+
+    def test_prefs_are_one_encrypted_blob(self):
+        self.assertEqual(self.client.get('/books/prefs/', **self.auth).json(), {'prefs_ct': '', 'prefs_iv': ''})
+        self.post('/books/prefs/', {'prefs_ct': 'AAA', 'prefs_iv': 'a1b2c3d4e5f6'})
+        self.post('/books/prefs/', {'prefs_ct': 'BBB', 'prefs_iv': 'a1b2c3d4e5f7'})
+        self.assertEqual(self.client.get('/books/prefs/', **self.auth).json(), {'prefs_ct': 'BBB', 'prefs_iv': 'a1b2c3d4e5f7'})
diff --git a/books/urls.py b/books/urls.py
index a9d738b..557354a 100644
--- a/books/urls.py
+++ b/books/urls.py
@@ -12,6 +12,8 @@ urlpatterns = [
     path('<int:pk>/delete/', views.delete_book, name='delete_book'),
     path('<int:pk>/read/', views.set_book_read, name='set_book_read'),
     path('<int:pk>/meta/', views.update_book_meta, name='update_book_meta'),
+    path('<int:pk>/cover/', views.book_cover, name='book_cover'),
+    path('prefs/', views.library_prefs, name='library_prefs'),
     path('<int:pk>/replace-data/', views.replace_book_data, name='replace_book_data'),
     path('<int:pk>/rekey/', views.rekey_book, name='rekey_book'),
     path('<int:pk>/progress/', views.save_progress, name='save_book_progress'),
diff --git a/books/views.py b/books/views.py
index 41865ad..8ed0203 100644
--- a/books/views.py
+++ b/books/views.py
@@ -12,7 +12,7 @@ from django.http import JsonResponse
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
-from .models import EBook, EBookProgress, EBookHighlights, EBookBookmarks
+from .models import EBook, EBookProgress, EBookHighlights, EBookBookmarks, LibraryPrefs
 
 
 def _require_auth(request):
@@ -291,11 +291,13 @@ def book_list(request):
     err = _require_auth(request)
     if err:
         return err
+    with_cover = set(request.user.ebooks.exclude(cover_ct='').values_list('id', flat=True))
     books = list(
         request.user.ebooks.values('id', 'meta_ct', 'meta_iv', 'uploaded_at', 'is_read')
     )
     for b in books:
         b['uploaded_at'] = b['uploaded_at'].isoformat()
+        b['has_cover'] = b['id'] in with_cover
     progress_map = {p.book_id: p for p in EBookProgress.objects.filter(user=request.user)}
     highlighted_ids = set(
         EBookHighlights.objects.filter(user=request.user).values_list('book_id', flat=True)
@@ -360,6 +362,63 @@ def update_book_meta(request, pk):
     return JsonResponse({'ok': True})
 
 
+MAX_COVER = 200_000   # characters of base64: a 300×450 JPEG is far below
+MAX_PREFS = 100_000
+
+
+def _hex_iv(value):
+    return isinstance(value, str) and 8 <= len(value) <= 32 and all(c in '0123456789abcdefABCDEF' for c in value)
+
+
+@csrf_exempt
+@require_http_methods(['GET', 'POST'])
+def book_cover(request, pk):
+    """A book's cover, encrypted on the device with the user's key (docs/library.md):
+    GET {cover_ct, cover_iv} (404 without one), POST the same to set it."""
+    err = _require_auth(request)
+    if err:
+        return err
+    book = EBook.objects.filter(pk=pk, user=request.user).only('id', 'cover_ct', 'cover_iv').first()
+    if book is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    if request.method == 'GET':
+        if not book.cover_ct:
+            return JsonResponse({'error': 'no cover'}, status=404)
+        return JsonResponse({'cover_ct': book.cover_ct, 'cover_iv': book.cover_iv})
+    try:
+        body = json.loads(request.body)
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    ct, iv = body.get('cover_ct'), body.get('cover_iv')
+    if not isinstance(ct, str) or not ct or len(ct) > MAX_COVER or not _hex_iv(iv):
+        return JsonResponse({'error': 'cover_ct, cover_iv required (cover at most 150 KB)'}, status=400)
+    book.cover_ct, book.cover_iv = ct, iv
+    book.save(update_fields=['cover_ct', 'cover_iv'])
+    return JsonResponse({'ok': True})
+
+
+@csrf_exempt
+@require_http_methods(['GET', 'POST'])
+def library_prefs(request):
+    """The library's settings, encrypted with the user's key ({folder_order: [...]}):
+    GET {prefs_ct, prefs_iv} ('' while there are none), POST the same, replacing them."""
+    err = _require_auth(request)
+    if err:
+        return err
+    if request.method == 'GET':
+        p = LibraryPrefs.objects.filter(user=request.user).first()
+        return JsonResponse({'prefs_ct': p.prefs_ct if p else '', 'prefs_iv': p.prefs_iv if p else ''})
+    try:
+        body = json.loads(request.body)
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    ct, iv = body.get('prefs_ct'), body.get('prefs_iv')
+    if not isinstance(ct, str) or not ct or len(ct) > MAX_PREFS or not _hex_iv(iv):
+        return JsonResponse({'error': 'prefs_ct, prefs_iv required'}, status=400)
+    LibraryPrefs.objects.update_or_create(user=request.user, defaults={'prefs_ct': ct, 'prefs_iv': iv})
+    return JsonResponse({'ok': True})
+
+
 @csrf_exempt
 @require_http_methods(['POST'])
 def upload_book(request):
diff --git a/docs/library.md b/docs/library.md
new file mode 100644
index 0000000..597eb08
--- /dev/null
+++ b/docs/library.md
@@ -0,0 +1,61 @@
+# Folders and the library (redesign)
+
+## Folders everywhere: tags shown as filter chips
+
+One idea of a folder for every area — Bücher, Zeitschriften, Hörbücher,
+Podcasts, Blogs (and the news' Ressorts, which already work this way):
+
+- A thing can be in **several folders** (they work like tags); none is fine.
+- Folders are **filters**, not rooms: a row of chips on top —
+  `Alle · <folder> n · … · Ohne Ordner` — tapping one filters in place; no
+  "inside a folder" view, no back button. On a wide window the row wraps.
+- **Assigning**: mark one or more things (long press / ☐ select mode, or ⋮ on
+  one), then "In Ordner …": a sheet with every folder of the area as checkboxes
+  and "Neuer Ordner". No typing a name that must match.
+- **Managing** (⋮ on the chip row → "Ordner verwalten"): rename, merge (rename
+  onto an existing name), delete (the things stay, only the folder goes),
+  reorder by dragging. The order is the chip order.
+- **Automatic groups** stay automatic and look different from folders (no
+  chip; a stack/group heading): audiobook series, magazine periodicals.
+
+### Where folders are kept
+
+| Area | Field | Notes |
+|------|-------|-------|
+| E-books, magazines | encrypted meta `folders: [names]` | `folder` (the first) kept for older clients; read `folders` or else `[folder]` |
+| Audiobooks, podcasts | `PodcastFeed.folders` (JSON list) | feed setting `folders`; `folder` (string) still accepted |
+| Blogs | `Source.folders` (exists) | |
+| News | `Source.category` (one Ressort) | already chips in Nachrichten |
+
+The folder order per area: e-books in the encrypted user settings blob (names
+are private), the others on the server (`/podcasts/folders/`, `/feeds/folders/`,
+`{order: [names]}`).
+
+### Shared code: `static/js/folders.js` (diora-web, every platform)
+
+```
+DioraFolders.chips(el, {folders: [{name, count}], active, none: count|0, onPick(name|''|null), onManage()})
+DioraFolders.assign({title, folders: [names], selected: [names], onDone(names)})     // the sheet
+DioraFolders.manage({folders: [names], onRename(old, new), onDelete(name), onOrder(names)})
+```
+Each area keeps its own storage and calls these for the look and the dialogs.
+
+## The library (Bücher, Zeitschriften)
+
+- **Header**: title, search (title, author), sort (zuletzt gelesen · Titel ·
+  Autor · hinzugefügt), ⊞/☰ grid or list, `+` (Buch hinzufügen, Aus Cloud).
+- **Filter chips**: Alle · Angefangen · Ungelesen · Gelesen — then the folders.
+- **Weiterlesen**: one card on top (cover, title, "Seite 132 von 186 · gestern",
+  ▶), not repeated in the list below.
+- **Grid** (default on phone and desktop): covers with a progress line, title.
+  **List** (default on e-ink / diora Reader): one row per book, small cover,
+  title, author, % / ✓.
+
+### Covers, end-to-end encrypted
+
+A client that has a book's file extracts its cover (EPUB: the OPF cover image;
+PDF: page 1), scales it to 240 px wide JPEG, **encrypts it with the user's key**
+(AES-GCM like the meta) and uploads it once: `POST /books/<id>/cover/
+{cover_ct, cover_iv}`. `GET /books/` lists `has_cover`; `GET /books/<id>/cover/`
+returns `{cover_ct, cover_iv}`. Clients cache the decrypted image locally. The
+server never sees a cover.
diff --git a/feeds/migrations/0006_folder_order.py b/feeds/migrations/0006_folder_order.py
new file mode 100644
index 0000000..934ba3c
--- /dev/null
+++ b/feeds/migrations/0006_folder_order.py
@@ -0,0 +1,18 @@
+# Generated by Django 6.1 on 2026-10-16 18:21
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('feeds', '0005_blog_folders_progress'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='feedsettings',
+            name='folder_order',
+            field=models.JSONField(blank=True, default=list),
+        ),
+    ]
diff --git a/feeds/models.py b/feeds/models.py
index 7ac837e..309e790 100644
--- a/feeds/models.py
+++ b/feeds/models.py
@@ -136,3 +136,5 @@ class FeedSettings(models.Model):
     news_seen_at = models.DateTimeField(null=True, blank=True)
     # News older than this goes (unless starred).
     news_keep_days = models.PositiveIntegerField(default=2)
+    # The order of the blog folders (their chips), names (docs/library.md).
+    folder_order = models.JSONField(default=list, blank=True)
diff --git a/feeds/tests.py b/feeds/tests.py
index 2ec8086..aa0969c 100644
--- a/feeds/tests.py
+++ b/feeds/tests.py
@@ -421,3 +421,16 @@ class DiscoverKindTest(TestCase):
 
     def test_text_entries_stay_news_or_a_blog(self):
         self.assertIn(self.discover([''] * 4)['suggested_kind'], ('news', 'blog'))
+
+
+class FolderOrderTest(TestCase):
+    def test_blog_folders_come_in_the_users_order(self):
+        u = User.objects.create_user('u', password='pw12345678')
+        self.client.force_login(u)
+        Source.objects.create(user=u, url='https://a/', title='A', kind='blog', folders=['Kunst', 'Code'])
+        Source.objects.create(user=u, url='https://b/', title='B', kind='blog', folders=['Politik'])
+        self.assertEqual(self.client.get('/feeds/state/').json()['folders'], ['Code', 'Kunst', 'Politik'])
+        r = self.client.post('/feeds/folders/order/', json.dumps({'order': ['Politik', 'kunst']}),
+                             content_type='application/json')
+        self.assertEqual(r.json()['folders'], ['Politik', 'Kunst', 'Code'])
+        self.assertEqual(self.client.get('/feeds/state/').json()['folders'], ['Politik', 'Kunst', 'Code'])
diff --git a/feeds/urls.py b/feeds/urls.py
index 9c8546c..c1aaf92 100644
--- a/feeds/urls.py
+++ b/feeds/urls.py
@@ -22,6 +22,7 @@ urlpatterns = [
     path('items/<int:pk>/star/', views.star, name='feeds_star'),
     path('items/<int:pk>/progress/', views.item_progress, name='feeds_item_progress'),
     path('folders/rename/', views.rename_folder, name='feeds_rename_folder'),
+    path('folders/order/', views.folder_order, name='feeds_folder_order'),
     path('folders/dissolve/', views.dissolve_folder, name='feeds_dissolve_folder'),
     path('settings/', views.settings, name='feeds_settings'),
     path('notifications/', views.notifications, name='feeds_notifications'),
diff --git a/feeds/views.py b/feeds/views.py
index 3f2efa0..0068d2f 100644
--- a/feeds/views.py
+++ b/feeds/views.py
@@ -146,7 +146,7 @@ def state(request):
     return JsonResponse({
         'sources': [_source_data(x, unread.get(x.id, 0), new.get(x.id, 0), intervals.get(x.id)) for x in sources],
         'categories': sorted({x.category for x in sources if x.kind == Source.NEWS and x.category}),
-        'folders': _all_folders(sources),
+        'folders': _ordered(_all_folders(sources), s.folder_order),
         'news_new': new_news,
         'blogs_unread': sum(unread.get(x.id, 0) for x in sources if x.kind == Source.BLOG and not x.hidden),
         'blogs_new': sum(new.get(x.id, 0) for x in sources if x.kind == Source.BLOG and not x.hidden),
@@ -168,6 +168,28 @@ def _all_folders(sources):
     return sorted(seen.values(), key=str.casefold)
 
 
+def _ordered(names, order):
+    """The folders in the order the user gave them (docs/library.md), new ones after."""
+    rank = {n.casefold(): i for i, n in enumerate(order or [])}
+    return sorted(names, key=lambda n: (rank.get(n.casefold(), len(rank)), n.casefold()))
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def folder_order(request):
+    """{order: [names]}: the blog folders' chip order."""
+    if (err := _auth(request)):
+        return err
+    order = (_body(request) or {}).get('order')
+    if not isinstance(order, list) or not all(isinstance(n, str) for n in order):
+        return JsonResponse({'error': 'order: eine Liste von Namen'}, status=400)
+    s = refresh.settings_for(request.user)
+    s.folder_order = [_clean_folder(n) for n in order if _clean_folder(n)][:100]
+    s.save(update_fields=['folder_order'])
+    sources = Source.objects.filter(user=request.user, kind=Source.BLOG)
+    return JsonResponse({'folders': _ordered(_all_folders(sources), s.folder_order)})
+
+
 def _folders_for(user, names):
     """Folder names cleaned, without doubles, spelled as an existing folder is."""
     existing = {f.casefold(): f for f in _all_folders(Source.objects.filter(user=user, kind=Source.BLOG))}
diff --git a/podcasts/audiobooks.py b/podcasts/audiobooks.py
index c29892a..3851c47 100644
--- a/podcasts/audiobooks.py
+++ b/podcasts/audiobooks.py
@@ -87,7 +87,7 @@ def _book(feed, chapters, last_played_at):
     nxt = _next(chapters)
     return {
         'feed_id': feed.id, 'title': feed.title, 'author': feed.author, 'artwork_url': feed.artwork_url,
-        'folder': feed.folder,
+        'folder': feed.folder, 'folders': feed.folders or [],
         'chapters': len(chapters), 'done': done, 'total_seconds': total, 'heard_seconds': heard,
         'next': nxt, 'last_played_at': last_played_at.isoformat() if last_played_at else None,
     }
diff --git a/podcasts/folders.py b/podcasts/folders.py
new file mode 100644
index 0000000..aa63a0c
--- /dev/null
+++ b/podcasts/folders.py
@@ -0,0 +1,116 @@
+"""Folders of podcasts and audiobooks (docs/library.md): like tags, any number per
+subscription (PodcastFeed.folders), shown as filter chips in their order
+(PodcastSettings.folder_order). Renaming onto an existing name merges; deleting
+a folder leaves its subscriptions where they are."""
+import json
+
+from django.http import JsonResponse
+from django.views.decorators.csrf import csrf_exempt
+from django.views.decorators.http import require_http_methods
+
+from .models import PodcastFeed, PodcastSettings
+
+MAX_FOLDERS = 20
+MAX_NAME = 100
+
+
+def clean_name(value):
+    return ' '.join(str(value or '').split())[:MAX_NAME]
+
+
+def clean_list(value):
+    """A list of folder names: trimmed, without empties and doubles (first spelling wins)."""
+    if not isinstance(value, list):
+        raise ValueError
+    out, seen = [], set()
+    for v in value:
+        if not isinstance(v, str):
+            raise ValueError
+        name = clean_name(v)
+        if name and name.casefold() not in seen:
+            seen.add(name.casefold())
+            out.append(name)
+    return out[:MAX_FOLDERS]
+
+
+def set_folders(feed, names):
+    """The feed's folders, and `folder` (the first) for older clients."""
+    feed.folders = names
+    feed.folder = names[0] if names else ''
+
+
+def _body(request):
+    try:
+        body = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return None
+    return body if isinstance(body, dict) else None
+
+
+def _data(user):
+    counts = {}
+    for names in PodcastFeed.objects.filter(user=user).values_list('folders', flat=True):
+        for n in names or []:
+            counts[n] = counts.get(n, 0) + 1
+    order = [n for n in PodcastSettings.for_user(user).folder_order if n in counts]
+    rest = sorted((n for n in counts if n not in order), key=str.casefold)
+    return {'order': order + rest, 'folders': [{'name': n, 'count': counts[n]} for n in order + rest]}
+
+
+@csrf_exempt
+@require_http_methods(['GET', 'POST'])
+def folders(request):
+    """GET {order, folders: [{name, count}]}; POST {order: [names]} sets the chip order."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    if request.method == 'POST':
+        body = _body(request)
+        try:
+            order = clean_list((body or {}).get('order'))
+        except ValueError:
+            return JsonResponse({'error': 'order: a list of names'}, status=400)
+        s = PodcastSettings.for_user(request.user)
+        s.folder_order = order
+        s.save(update_fields=['folder_order'])
+    return JsonResponse(_data(request.user))
+
+
+def _rewrite(user, fn):
+    for feed in PodcastFeed.objects.filter(user=user).only('id', 'folders', 'folder'):
+        names = fn(list(feed.folders or []))
+        if names != (feed.folders or []):
+            set_folders(feed, clean_list(names))
+            feed.save(update_fields=['folders', 'folder'])
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def rename_folder(request):
+    """{old, new}: every subscription in `old` is in `new` instead (merged if it exists)."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    body = _body(request) or {}
+    old, new = clean_name(body.get('old')), clean_name(body.get('new'))
+    if not old or not new:
+        return JsonResponse({'error': 'old and new required'}, status=400)
+    _rewrite(request.user, lambda names: [new if n == old else n for n in names])
+    s = PodcastSettings.for_user(request.user)
+    s.folder_order = clean_list([new if n == old else n for n in s.folder_order])
+    s.save(update_fields=['folder_order'])
+    return JsonResponse(_data(request.user))
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def delete_folder(request):
+    """{name}: the folder goes, its subscriptions stay."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    name = clean_name((_body(request) or {}).get('name'))
+    if not name:
+        return JsonResponse({'error': 'name required'}, status=400)
+    _rewrite(request.user, lambda names: [n for n in names if n != name])
+    s = PodcastSettings.for_user(request.user)
+    s.folder_order = [n for n in s.folder_order if n != name]
+    s.save(update_fields=['folder_order'])
+    return JsonResponse(_data(request.user))
diff --git a/podcasts/migrations/0021_folders_list.py b/podcasts/migrations/0021_folders_list.py
new file mode 100644
index 0000000..d05e057
--- /dev/null
+++ b/podcasts/migrations/0021_folders_list.py
@@ -0,0 +1,32 @@
+# Generated by Django 6.1 on 2026-10-16 18:21
+
+from django.db import migrations, models
+
+
+def folder_to_folders(apps, schema_editor):
+    """An audiobook's one folder becomes its first (and only) folder in the list."""
+    PodcastFeed = apps.get_model('podcasts', 'PodcastFeed')
+    for feed in PodcastFeed.objects.exclude(folder=''):
+        feed.folders = [feed.folder]
+        feed.save(update_fields=['folders'])
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0020_audiobook_folder'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='folders',
+            field=models.JSONField(blank=True, default=list),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='folder_order',
+            field=models.JSONField(blank=True, default=list),
+        ),
+        migrations.RunPython(folder_to_folders, migrations.RunPython.noop),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 222a4fc..798b0ab 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -75,7 +75,9 @@ class PodcastFeed(models.Model):
     # Skip silence in this podcast's episodes: null = as the device is set.
     skip_silence = models.BooleanField(null=True, blank=True)
     kind = models.CharField(max_length=10, choices=KINDS, default=PODCAST)
-    # An audiobook's folder in the library ('' = none; one level, like the e-books' folders).
+    # Its folders (docs/library.md): like tags, any number; shown as filter chips. `folder`
+    # is the first of them, for older clients.
+    folders = models.JSONField(default=list, blank=True)
     folder = models.CharField(max_length=100, blank=True)
 
     # The vocabulary of episode_sort and episode_filter: the podcast page's
@@ -293,6 +295,8 @@ class PodcastSettings(models.Model):
     # imported: [{episode_id, size (bytes, 0 = unknown)}]. The app offers once
     # to download them again, then clears the list.
     import_downloads = models.JSONField(default=list, blank=True)
+    # The order of the podcast/audiobook folders (their chips), names.
+    folder_order = models.JSONField(default=list, blank=True)
 
     # Playback, the same on every device (AntennaPod's playback settings).
     # Null = not set yet: each device keeps its own value; the first app that
diff --git a/podcasts/test_audiobooks.py b/podcasts/test_audiobooks.py
index cc59cf8..4a404a1 100644
--- a/podcasts/test_audiobooks.py
+++ b/podcasts/test_audiobooks.py
@@ -198,3 +198,37 @@ class AudiobookFolderTests(TestCase):
                              content_type='application/json')
         self.assertEqual(r.json()['folder'], 'Marx und Engels')
         self.assertEqual(self.client.get('/podcasts/audiobooks/').json()['books'][0]['folder'], 'Marx und Engels')
+
+
+class FolderTagTests(TestCase):
+    """Folders of podcasts and audiobooks work like tags (docs/library.md)."""
+
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.a = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/a', title='A')
+        self.b = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/b', title='B')
+
+    def post(self, url, body):
+        return self.client.post(url, json.dumps(body), content_type='application/json')
+
+    def test_several_folders_and_the_old_single_one(self):
+        r = self.post(f'/podcasts/feeds/{self.a.pk}/settings/', {'folders': [' Politik ', 'Wissen', 'politik', '']})
+        self.assertEqual((r.json()['folders'], r.json()['folder']), (['Politik', 'Wissen'], 'Politik'))
+        r = self.post(f'/podcasts/feeds/{self.a.pk}/settings/', {'folder': 'Romane'})   # an older client
+        self.assertEqual((r.json()['folders'], r.json()['folder']), (['Romane'], 'Romane'))
+        r = self.post(f'/podcasts/feeds/{self.a.pk}/settings/', {'folders': []})
+        self.assertEqual((r.json()['folders'], r.json()['folder']), ([], ''))
+
+    def test_order_rename_merge_delete(self):
+        self.post(f'/podcasts/feeds/{self.a.pk}/settings/', {'folders': ['Politik', 'Wissen']})
+        self.post(f'/podcasts/feeds/{self.b.pk}/settings/', {'folders': ['Wissenschaft']})
+        d = self.post('/podcasts/folders/', {'order': ['Wissen', 'Politik']}).json()
+        self.assertEqual(d['order'], ['Wissen', 'Politik', 'Wissenschaft'])
+        d = self.post('/podcasts/folders/rename/', {'old': 'Wissenschaft', 'new': 'Wissen'}).json()   # merge
+        self.assertEqual(d['folders'], [{'name': 'Wissen', 'count': 2}, {'name': 'Politik', 'count': 1}])
+        d = self.post('/podcasts/folders/delete/', {'name': 'Politik'}).json()
+        self.assertEqual(d['folders'], [{'name': 'Wissen', 'count': 2}])
+        self.a.refresh_from_db()
+        self.assertEqual((self.a.folders, self.a.folder), (['Wissen'], 'Wissen'))
+        self.assertEqual(PodcastFeed.objects.count(), 2)   # the subscriptions stay
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 258b44f..43bed26 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -1074,7 +1074,7 @@ FEED_DEFAULTS = {
     'playback_speed': None, 'skip_intro': 0, 'skip_outro': 0, 'volume': 1.0, 'new_episodes': 'inbox',
     'include_words': '', 'exclude_words': '', 'min_duration': 0, 'auto_queue': False, 'auto_download': False,
     'notify': False, 'episode_sort': '', 'episode_filter': [], 'skip_silence': None, 'kind': 'podcast',
-    'folder': '',
+    'folder': '', 'folders': [],
 }
 
 
@@ -1101,7 +1101,7 @@ class FeedSettingsTests(TestCase):
             'feed_id': self.feed.id, 'playback_speed': 1.5, 'skip_intro': 30, 'skip_outro': 600, 'volume': 2.0,
             'new_episodes': 'inbox', 'include_words': 'News, Talk', 'exclude_words': 'Teaser', 'min_duration': 10,
             'auto_queue': False, 'auto_download': False, 'notify': False,
-            'episode_sort': '', 'episode_filter': [], 'skip_silence': None, 'kind': 'podcast', 'folder': '',
+            'episode_sort': '', 'episode_filter': [], 'skip_silence': None, 'kind': 'podcast', 'folder': '', 'folders': [],
         })
         self.feed.refresh_from_db()
         self.assertEqual((self.feed.playback_speed, self.feed.skip_intro, self.feed.volume, self.feed.min_duration),
diff --git a/podcasts/urls.py b/podcasts/urls.py
index ed6d08e..0fad4c6 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -1,5 +1,5 @@
 from django.urls import path
-from . import audiobooks, views
+from . import audiobooks, folders, views
 
 urlpatterns = [
     path('search/', views.podcast_search, name='podcast_search'),
@@ -16,6 +16,9 @@ urlpatterns = [
     path('feeds/<int:pk>/move/', views.move_feed, name='podcast_move_feed'),
     path('audiobooks/', audiobooks.audiobook_list, name='podcast_audiobooks'),
     path('audiobooks/<int:feed_id>/', audiobooks.audiobook_detail, name='podcast_audiobook'),
+    path('folders/', folders.folders, name='podcast_folders'),
+    path('folders/rename/', folders.rename_folder, name='podcast_folder_rename'),
+    path('folders/delete/', folders.delete_folder, name='podcast_folder_delete'),
     path('bookmarks/', audiobooks.bookmark_add, name='podcast_bookmark_add'),
     path('bookmarks/<int:pk>/', audiobooks.bookmark_update, name='podcast_bookmark_update'),
     path('bookmarks/<int:pk>/delete/', audiobooks.bookmark_delete, name='podcast_bookmark_delete'),
diff --git a/podcasts/views.py b/podcasts/views.py
index 46d75da..c67299d 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -29,6 +29,7 @@ from . import silence as silence_mod
 from . import feedext
 from . import transcripts as transcripts_mod
 from . import youtube as youtube_mod
+from . import folders as folders_mod
 from .models import (
     EpisodeProgress, EpisodeTranscript, PlayerDevice, PlayerState, PodcastEpisode, PodcastFeed, PodcastQueue,
     MAX_SPEED, MIN_SPEED, PodcastSettings, counts_as_played,
@@ -787,7 +788,7 @@ def feed_list(request):
 FEED_SETTING_FIELDS = (
     'playback_speed', 'skip_intro', 'skip_outro', 'volume',
     'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_queue', 'auto_download',
-    'notify', 'episode_sort', 'episode_filter', 'skip_silence', 'kind', 'folder',
+    'notify', 'episode_sort', 'episode_filter', 'skip_silence', 'kind', 'folder', 'folders',
 )
 
 
@@ -1025,7 +1026,8 @@ FEED_SETTING_PARSERS = {
     'episode_sort': _episode_sort,
     'episode_filter': _episode_filter,
     'kind': _kind,
-    'folder': lambda v: ' '.join(str(v or '').split())[:100],
+    'folder': lambda v: folders_mod.clean_name(v),
+    'folders': folders_mod.clean_list,
     'skip_silence': _optional_boolean,
 }
 
@@ -1117,6 +1119,15 @@ def feed_settings(request, pk):
                 changes[name] = parse(body[name])
             except (ValueError, TypeError, OverflowError):
                 return JsonResponse({'error': f'invalid {name}', 'field': name}, status=400)
+    # Folders (docs/library.md): a list; `folder` alone (older clients) means that one only.
+    if 'folders' in changes or 'folder' in changes:
+        names = changes.pop('folders', None)
+        if names is None:
+            one = changes.pop('folder')
+            names = [one] if one else []
+        changes.pop('folder', None)
+        folders_mod.set_folders(feed, names)
+        changes['folders'], changes['folder'] = feed.folders, feed.folder
     became_book = changes.get('kind') == PodcastFeed.AUDIOBOOK and feed.kind != PodcastFeed.AUDIOBOOK
     if changes:
         for name, value in changes.items():
diff --git a/static/js/app/52-book-list.js b/static/js/app/52-book-list.js
index fe44304..0f592a1 100644
--- a/static/js/app/52-book-list.js
+++ b/static/js/app/52-book-list.js
@@ -1,5 +1,12 @@
 'use strict';
 
+// A book's folders: the list, or the single folder of older metas.
+function _foldersOfMeta(meta) {
+  if (Array.isArray(meta.folders)) return meta.folders.filter(f => typeof f === 'string' && f.trim());
+  return meta.folder ? [meta.folder] : [];
+}
+window._foldersOfMeta = _foldersOfMeta;
+
 async function loadBookList() {
   if (!IS_AUTHENTICATED) return;
   const listEl = $('book-list');
@@ -41,8 +48,8 @@ async function loadBookList() {
       try {
         const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
         const meta = JSON.parse(new TextDecoder().decode(metaBuf));
-        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine};
-        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine};
+        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, has_cover: !!b.has_cover, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       } catch (e) {
         bookMetaCache[b.id] = {title: `Buch #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
         decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
@@ -59,7 +66,7 @@ async function loadBookList() {
     const cachedBooks = (await _loadCachedBookMeta()).map(_withPendingProgress);
     if (cachedBooks.length) {
       cachedBooks.sort((a, b) => (_bookRecency(b) - _bookRecency(a)) || (b.uploaded_at || '').localeCompare(a.uploaded_at || ''));
-      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0, magazine: b.magazine};
+      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', folders: _foldersOfMeta(b), isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0, magazine: b.magazine};
       const uploadArea = $('book-upload-area');
       if (uploadArea) uploadArea.style.display = 'none';
       renderBookList(cachedBooks);
@@ -144,6 +151,7 @@ function repairBook(bookId) {
         title, author, filename: file.name, type,
         isbn: isbn || prevMeta.isbn || '',
         folder: prevMeta.folder || '',
+        folders: prevMeta.folders || _foldersOfMeta(prevMeta),
         shelfTag: prevMeta.shelfTag || '',
         magazine: prevMeta.magazine,
       }));
@@ -211,7 +219,8 @@ let _currentBookFolder = null; // null = root view (folder tiles + unfiled books
 // or, unmarked, a book in a folder called "Zeitschriften" (or "Magazine").
 let _bookSection = 'books';
 const _MAGAZINE_FOLDER = /^(zeitschriften|magazine|magazines)$/i;
-const _isMagazine = b => b.magazine === true || (b.magazine !== false && _MAGAZINE_FOLDER.test((b.folder || '').trim()));
+const _isMagazine = b => b.magazine === true ||
+  (b.magazine !== false && _foldersOfMeta(b).some(f => _MAGAZINE_FOLDER.test(f.trim())));
 window._isMagazine = _isMagazine;
 
 // The periodical an issue belongs to: its title up to the issue's number ("Jacobin #24",
@@ -408,11 +417,15 @@ async function _updateBookMeta(bookId, overrides) {
     type: cached.type || book.type || 'epub',
     isbn: cached.isbn || book.isbn || '',
     folder: cached.folder || book.folder || '',
+    folders: cached.folders || book.folders || _foldersOfMeta(book),
     shelfTag: cached.shelfTag || book.shelfTag || '',
     pages: cached.pages || book.pages || 0,
     magazine: cached.magazine !== undefined ? cached.magazine : book.magazine,
     ...overrides,
   };
+  // The list decides; `folder` follows it (the first), for older clients.
+  if (overrides.folders) merged.folder = overrides.folders[0] || '';
+  else if ('folder' in overrides) merged.folders = overrides.folder ? [overrides.folder] : [];
   const key = await getOrCreateEncKey();
   const metaJson = new TextEncoder().encode(JSON.stringify(merged));
   const metaEnc = await encryptBytes(key, metaJson);
@@ -423,7 +436,7 @@ async function _updateBookMeta(bookId, overrides) {
   });
   const data = await res.json();
   if (!data.ok) throw new Error('Serverfehler');
-  Object.assign(book, overrides);
+  Object.assign(book, overrides, {folder: merged.folder, folders: merged.folders});
   bookMetaCache[bookId] = merged;
   _saveBookMeta(_lastBookListData);
   return true;
diff --git a/static/js/app/53-library.js b/static/js/app/53-library.js
new file mode 100644
index 0000000..a826528
--- /dev/null
+++ b/static/js/app/53-library.js
@@ -0,0 +1,502 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// The library (docs/library.md): Bücher and Zeitschriften as one page — a header with
+// search, sort, grid/list and +, one row of chips (Angefangen · Ungelesen · Gelesen,
+// then the folders, docs/library.md: tags, any number per book), one "Weiterlesen"
+// card, then the books as covers (grid) or rows (list; e-ink and diora Reader start
+// with it). Folders live in each book's encrypted meta (`folders`), their order in the
+// encrypted library prefs (/books/prefs/). Covers come from covers.js.
+// Takes over renderBookList; loading, decrypting and the book actions stay in
+// 52-book-list.js.
+// ---------------------------------------------------------------------------
+
+const _LIB_EINK = () => document.documentElement.classList.contains('nui-reader-app') ||
+  (document.body && document.body.classList.contains('eink'));
+
+const _lib = {
+  q: '',
+  searching: false,
+  sort: (() => { try { return localStorage.getItem('diora_lib_sort') || 'recent'; } catch (e) { return 'recent'; } })(),
+  layout: (() => { try { return localStorage.getItem('diora_lib_layout') || ''; } catch (e) { return ''; } })(),
+  status: 'all',      // all | started | unread | read
+  folder: null,       // null: all, '': without a folder, else a name
+  selecting: null,    // a Set of book ids while choosing several
+  order: null,        // the folders' order (decrypted prefs)
+};
+window.__dioraLibraryV2 = true;
+document.documentElement.classList.add('lib-v2');
+
+const _libLayout = () => _lib.layout || (_LIB_EINK() ? 'list' : 'grid');
+const _libFolders = b => (typeof _foldersOfMeta === 'function' ? _foldersOfMeta(b) : (b.folder ? [b.folder] : []));
+const _libNorm = s => String(s || '').normalize('NFD').replace(/[̀-ͯ]/g, '').toLowerCase();
+const _libStarted = b => !b.is_read && (b.scroll_fraction || 0) > 0;
+const _libUnread = b => !b.is_read && !(b.scroll_fraction > 0);
+
+// ---- the folders' order: encrypted prefs ------------------------------------------------
+
+async function _libLoadPrefs() {
+  try { _lib.order = JSON.parse(localStorage.getItem('diora_lib_order') || 'null'); } catch (e) {}
+  try {
+    const r = await fetch('/books/prefs/', {cache: 'no-store'});
+    const d = r.ok ? await r.json() : null;
+    if (d && d.prefs_ct) {
+      const plain = await decryptBytes(await getOrCreateEncKey(), d.prefs_iv, d.prefs_ct);
+      const prefs = JSON.parse(new TextDecoder().decode(plain));
+      _lib.order = Array.isArray(prefs.folder_order) ? prefs.folder_order : [];
+      try { localStorage.setItem('diora_lib_order', JSON.stringify(_lib.order)); } catch (e) {}
+      if (_lastBookListData && _lastBookListData.length) renderBookList(_lastBookListData);
+    }
+  } catch (e) { /* offline: the order kept here */ }
+}
+
+async function _libSaveOrder(order) {
+  _lib.order = order;
+  try { localStorage.setItem('diora_lib_order', JSON.stringify(order)); } catch (e) {}
+  const enc = await encryptBytes(await getOrCreateEncKey(), new TextEncoder().encode(JSON.stringify({folder_order: order})));
+  await fetch('/books/prefs/', {method: 'POST', headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+    body: JSON.stringify({prefs_ct: enc.ciphertext, prefs_iv: enc.iv})});
+}
+
+// Every folder of the books shown (this section), in the user's order.
+function _libFolderList(books) {
+  const counts = new Map();
+  books.forEach(b => _libFolders(b).forEach(f => counts.set(f, (counts.get(f) || 0) + 1)));
+  const order = _lib.order || [];
+  const rank = n => { const i = order.indexOf(n); return i < 0 ? 1e6 : i; };
+  return Array.from(counts.keys()).sort((a, b) => rank(a) - rank(b) || a.localeCompare(b, 'de'))
+    .map(n => ({name: n, count: counts.get(n)}));
+}
+
+// ---- which books, in which order ---------------------------------------------------------------
+
+function _libShown(books) {
+  const q = _libNorm(_lib.q).trim();
+  let list = books.filter(b =>
+    (_lib.status === 'all' || (_lib.status === 'started' ? _libStarted(b) : _lib.status === 'unread' ? _libUnread(b) : b.is_read)) &&
+    (_lib.folder == null || (_lib.folder === '' ? !_libFolders(b).length : _libFolders(b).indexOf(_lib.folder) >= 0)) &&
+    (!q || _libNorm(b.title + ' ' + b.author).indexOf(q) >= 0));
+  const by = {
+    recent: (a, b) => (_bookRecency(b) - _bookRecency(a)) || String(b.uploaded_at || '').localeCompare(String(a.uploaded_at || '')),
+    title: (a, b) => a.title.localeCompare(b.title, 'de', {numeric: true}),
+    author: (a, b) => (a.author || '~').localeCompare(b.author || '~', 'de') || a.title.localeCompare(b.title, 'de', {numeric: true}),
+    added: (a, b) => String(b.uploaded_at || '').localeCompare(String(a.uploaded_at || '')),
+  };
+  return list.slice().sort(by[_lib.sort] || by.recent);
+}
+
+// ---- drawing -------------------------------------------------------------------------------------
+
+function _libEsc(s) {
+  return typeof escapeHtml === 'function' ? escapeHtml(s) : String(s == null ? '' : s);
+}
+
+function _libHue(s) {
+  let h = 0;
+  for (let i = 0; i < s.length; i++) h = (h * 31 + s.charCodeAt(i)) % 360;
+  return h;
+}
+
+function _libCover(b, cls) {
+  const url = window.DioraCovers ? DioraCovers.url(b) : null;
+  if (url) return `<img class="${cls}" src="${url}" alt="" data-cover-id="${b.id}">`;
+  // None (yet): one drawn from the book's title, author, category and folders (gencover.js).
+  if (window.DioraGenCover) {
+    return `<img class="${cls}" src="${DioraGenCover.url(b, {gray: _LIB_EINK()})}" alt="" data-cover-id="${b.id}">`;
+  }
+  const initials = (b.title || '?').trim().slice(0, 1).toUpperCase();
+  return `<span class="${cls} lib-nocover" data-cover-id="${b.id}" style="--h:${_libHue(b.title || '')}"><span>${_libEsc(b.title || '')}</span><b>${_libEsc(initials)}</b></span>`;
+}
+
+function _libPct(b) {
+  return b.is_read ? 100 : Math.round((b.scroll_fraction || 0) * 100);
+}
+
+function _libState(b) {
+  if (b.keyOk === false) return '⚠ falscher Schlüssel';
+  if (b.is_read) return '✓ gelesen';
+  const p = _libPct(b);
+  return p > 0 ? p + ' %' : 'neu';
+}
+
+function _libCard(b) {
+  const sel = _lib.selecting && _lib.selecting.has(b.id);
+  const pct = _libPct(b);
+  if (_libLayout() === 'list') {
+    return `<div class="lib-row${sel ? ' lib-sel' : ''}" data-lib-book="${b.id}">
+      ${_libCover(b, 'lib-thumb')}
+      <span class="lib-text"><span class="lib-title">${_libEsc(b.title)}</span>
+        <span class="lib-meta">${_libEsc(b.author || '')}</span></span>
+      <span class="lib-state${b.is_read ? ' lib-done' : ''}">${_libEsc(_libState(b))}</span>
+      <button type="button" class="lib-more" data-lib-more="${b.id}" aria-label="Optionen">⋮</button></div>`;
+  }
+  return `<div class="lib-card${sel ? ' lib-sel' : ''}" data-lib-book="${b.id}">
+    <span class="lib-coverbox">${_libCover(b, 'lib-cover')}
+      ${b.is_read ? '<span class="lib-badge">✓</span>' : ''}
+      <button type="button" class="lib-more" data-lib-more="${b.id}" aria-label="Optionen">⋮</button></span>
+    <span class="lib-bar"><span style="width:${pct}%"></span></span>
+    <span class="lib-title">${_libEsc(b.title)}</span>
+    <span class="lib-meta">${_libEsc(b.author || '')}</span></div>`;
+}
+
+function _libContinueBook(books) {
+  if (_lib.status !== 'all' || _lib.folder != null || _lib.q || _lib.selecting) return null;
+  return _recentlyReadBooks(books).filter(x => !x.is_read && x.keyOk !== false)[0] || null;
+}
+
+function _libContinue(b) {
+  if (!b) return '';
+  const pages = b.pages ? ` · Seite ${Math.max(1, Math.round(b.pages * (b.scroll_fraction || 0)))} von ${b.pages}` : '';
+  return `<div class="lib-continue" data-lib-book="${b.id}">${_libCover(b, 'lib-thumb lib-thumb-l')}
+    <span class="lib-text"><span class="lib-kicker">Weiterlesen</span>
+      <span class="lib-title">${_libEsc(b.title)}</span>
+      <span class="lib-meta">${_libEsc(b.author || '')}</span>
+      <span class="lib-bar"><span style="width:${_libPct(b)}%"></span></span>
+      <span class="lib-meta">${_libPct(b)} %${pages}</span></span>
+    <span class="lib-play" aria-hidden="true">▶</span></div>`;
+}
+
+// Zeitschriften: the issues under their periodical (automatic, not a folder).
+function _libMagazines(list) {
+  const groups = new Map();
+  list.forEach(b => {
+    const k = typeof _periodicalOf === 'function' ? _periodicalOf(b) : '';
+    if (!groups.has(k)) groups.set(k, []);
+    groups.get(k).push(b);
+  });
+  const names = Array.from(groups.keys()).sort((a, b) => a.localeCompare(b, 'de'));
+  return names.map(n => {
+    const issues = groups.get(n).sort((a, b) => b.title.localeCompare(a.title, 'de', {numeric: true}));
+    return `<h3 class="lib-group">${_libEsc(n)} <span class="lib-count">${issues.length}</span></h3>` +
+      `<div class="${_libLayout() === 'list' ? 'lib-list' : 'lib-grid'}">${issues.map(_libCard).join('')}</div>`;
+  }).join('');
+}
+
+function _libRender(allBooks) {
+  const listEl = $('book-list');
+  if (!listEl) return;
+  _lastBookListData = allBooks;
+  const books = _bookSectionFilter(allBooks);
+  const magazines = window.DioraNav && _bookSection === 'magazines';
+  const shown = _libShown(books);
+  const narrow = window.matchMedia && matchMedia('(max-width: 720px)').matches;
+  const sorts = [['recent', 'Zuletzt'], ['title', 'Titel'], ['author', 'Autor'], ['added', 'Neu hinzugefügt']];
+  let h = `<div class="lib-head"><h2 class="lib-h">${magazines ? 'Zeitschriften' : 'Bücher'}</h2>
+    ${!narrow || _lib.searching || _lib.q ? `<input class="lib-q" type="search" placeholder="Titel, Autor …" value="${_libEsc(_lib.q)}">` :
+      '<button type="button" class="lib-icon" data-lib="search" aria-label="Suchen">⌕</button>'}
+    <select class="lib-sort" aria-label="Sortieren">${sorts.map(s => `<option value="${s[0]}"${_lib.sort === s[0] ? ' selected' : ''}>${s[1]}</option>`).join('')}</select>
+    <button type="button" class="lib-icon" data-lib="layout" aria-label="${_libLayout() === 'grid' ? 'Als Liste' : 'Als Raster'}">${_libLayout() === 'grid' ? '☰' : '⊞'}</button>
+    <button type="button" class="lib-icon lib-add" data-lib="add" aria-label="Hinzufügen">+</button></div>
+    <div class="lib-chips"></div>`;
+  if (_lib.selecting) {
+    h += `<div class="lib-selbar"><span>${_lib.selecting.size} ausgewählt</span>
+      <button type="button" class="lib-btn" data-lib="sel-folders"${_lib.selecting.size ? '' : ' disabled'}>In Ordner …</button>
+      <button type="button" class="lib-btn" data-lib="sel-done">Fertig</button></div>`;
+  }
+  if (!allBooks.length) {
+    h += '<p class="lib-empty">Noch keine Bücher. Mit + eine .epub- oder .pdf-Datei hinzufügen.</p>';
+  } else if (!books.length) {
+    h += `<p class="lib-empty">${magazines ? 'Noch keine Zeitschriften. Ein Heft unter Bücher über ⋮ → „Als Zeitschrift führen“ hierher holen.' : 'Alle Bücher stehen bei den Zeitschriften.'}</p>`;
+  } else {
+    const going = _libContinueBook(books);
+    h += _libContinue(going);
+    if (going) shown.splice(shown.indexOf(going), 1);   // once, on top
+    if (!shown.length && !going) h += '<p class="lib-empty">Nichts gefunden.</p>';
+    else if (magazines && _lib.sort === 'recent' && !_lib.q) h += _libMagazines(shown);
+    else h += `<div class="${_libLayout() === 'list' ? 'lib-list' : 'lib-grid'}">${shown.map(_libCard).join('')}</div>`;
+  }
+  const q = listEl.querySelector('.lib-q');
+  const focused = q && document.activeElement === q;
+  listEl.innerHTML = h;
+  const status = document.getElementById('book-upload-status');
+  if (status && status.textContent.trim()) listEl.querySelector('.lib-head').after(status);
+  _libChips(books);
+  if (focused || (_lib.searching && !_lib.q)) {
+    const n = listEl.querySelector('.lib-q');
+    if (n) { n.focus(); n.setSelectionRange(n.value.length, n.value.length); }
+  }
+}
+
+function _libChips(books) {
+  const el = document.querySelector('#book-list .lib-chips');
+  if (!el || !window.DioraFolders) return;
+  const folders = _libFolderList(books);
+  const none = books.filter(b => !_libFolders(b).length).length;
+  DioraFolders.chips(el, {
+    lead: [
+      {id: 'started', label: 'Angefangen', count: books.filter(_libStarted).length, on: _lib.status === 'started'},
+      {id: 'unread', label: 'Ungelesen', count: books.filter(_libUnread).length, on: _lib.status === 'unread'},
+      {id: 'read', label: 'Gelesen', count: books.filter(b => b.is_read).length, on: _lib.status === 'read'},
+    ],
+    folders, active: _lib.folder, none: folders.length ? none : 0,
+    onPick(p) {
+      if (p && p.lead) _lib.status = _lib.status === p.lead ? 'all' : p.lead;
+      else _lib.folder = p;
+      renderBookList(_lastBookListData);
+    },
+    onManage: folders.length ? _libManage : null,
+  });
+}
+
+window.renderBookList = _libRender;
+
+// ---- folders ---------------------------------------------------------------------------------------
+
+// Into folders: one book (its folders as they are), or several (the folders they share).
+function _libAssign(ids) {
+  const books = ids.map(id => _lastBookListData.find(b => b.id === id)).filter(Boolean);
+  if (!books.length || !window.DioraFolders) return;
+  const common = _libFolders(books[0]).filter(f => books.every(b => _libFolders(b).indexOf(f) >= 0));
+  DioraFolders.assign({
+    title: books.length === 1 ? `Ordner für „${books[0].title}“` : `Ordner für ${books.length} Bücher`,
+    folders: _libFolderList(_lastBookListData).map(f => f.name),
+    selected: common,
+    async onDone(picked) {
+      try {
+        for (const b of books) {
+          const kept = _libFolders(b).filter(f => common.indexOf(f) < 0 || picked.indexOf(f) >= 0);
+          const next = kept.concat(picked.filter(f => kept.indexOf(f) < 0));
+          if (next.join('\u0000') !== _libFolders(b).join('\u0000')) await _updateBookMeta(b.id, {folders: next});
+        }
+      } catch (e) {
+        customAlert('Das ließ sich nicht speichern: ' + e.message);
+      }
+      _lib.selecting = null;
+      renderBookList(_lastBookListData);
+    },
+  });
+}
+window.assignBookFolder = id => _libAssign([Number(id)]);
+
+function _libManage() {
+  if (!window.DioraFolders) return;
+  const rewrite = async fn => {
+    for (const b of _lastBookListData) {
+      const was = _libFolders(b);
+      const next = fn(was).filter((f, i, all) => f && all.indexOf(f) === i);
+      if (next.join('\u0000') !== was.join('\u0000')) await _updateBookMeta(b.id, {folders: next});
+    }
+    renderBookList(_lastBookListData);
+  };
+  DioraFolders.manage({
+    title: 'Ordner der Bücher',
+    folders: _libFolderList(_lastBookListData).map(f => f.name),
+    onRename: (old, n) => {
+      if (_lib.folder === old) _lib.folder = n;
+      return rewrite(fs => fs.map(f => (f === old ? n : f))).then(() =>
+        _libSaveOrder((_lib.order || []).map(f => (f === old ? n : f)).filter((f, i, a) => a.indexOf(f) === i)));
+    },
+    onDelete: name => {
+      if (_lib.folder === name) _lib.folder = null;
+      return rewrite(fs => fs.filter(f => f !== name)).then(() => _libSaveOrder((_lib.order || []).filter(f => f !== name)));
+    },
+    onOrder: order => _libSaveOrder(order).then(() => renderBookList(_lastBookListData)).catch(() => {}),
+  });
+}
+
+// ---- a book's actions (the apps may bring their own sheet: __dioraBookSheet) -------------------------
+
+function _libSheet(b) {
+  if (window.__dioraBookSheet && window.__dioraBookSheet(b) !== false) return;
+  const broken = typeof _brokenBooks !== 'undefined' && _brokenBooks.has(b.id);
+  const items = [
+    b.keyOk !== false && ['Lesen', () => openBook(b.id)],
+    ['In Ordner …', () => _libAssign([b.id])],
+    [_isMagazine(b) ? 'Als Buch führen' : 'Als Zeitschrift führen', () => toggleBookMagazine(b.id)],
+    [b.is_read ? 'Als ungelesen markieren' : 'Als gelesen markieren', () => toggleBookRead(b.id, !!b.is_read)],
+    b.has_highlights && ['Markierungen exportieren', () => downloadBookAnnotationsFromList(b.id, null)],
+    ['Regal-Kategorie abrufen', () => lookupBookMetadata(b.id)],
+    ['Mehrere auswählen', () => { _lib.selecting = new Set([b.id]); renderBookList(_lastBookListData); }],
+    broken && ['Reparieren', () => repairBook(b.id)],
+    ['Löschen', () => deleteBook(b.id), true],
+  ].filter(Boolean);
+  const wrap = document.createElement('div');
+  wrap.className = 'dfo-scrim';
+  wrap.innerHTML = `<div class="dfo-sheet" role="dialog"><div class="dfo-head"><strong>${_libEsc(b.title)}</strong>
+    <button type="button" class="dfo-x" data-x="1" aria-label="Schließen">✕</button></div>
+    ${items.map((it, i) => `<button type="button" class="lib-sheet-item${it[2] ? ' lib-danger' : ''}" data-i="${i}">${it[0]}</button>`).join('')}</div>`;
+  const close = () => wrap.remove();
+  wrap.addEventListener('click', e => {
+    const t = e.target.closest('[data-i]');
+    if (e.target === wrap || e.target.closest('[data-x]')) { close(); return; }
+    if (t) { close(); items[Number(t.dataset.i)][1](); }
+  });
+  document.body.appendChild(wrap);
+}
+
+// ---- events ------------------------------------------------------------------------------------------
+
+(function () {
+  const listEl = $('book-list');
+  if (!listEl) return;
+  let pressTimer = 0;
+  let pressed = null;
+  // First on the list: the apps' own card clicks (native-ui.js) don't run for these cards.
+  listEl.addEventListener('click', e => {
+    const t = e.target;
+    const more = t.closest('[data-lib-more]');
+    const act = t.closest('[data-lib]');
+    const card = t.closest('[data-lib-book]');
+    if (!more && !act && !card) return;
+    e.stopImmediatePropagation();
+    if (pressed) { pressed = null; return; }   // the long press already chose
+    if (more) {
+      const b = _lastBookListData.find(x => x.id === Number(more.dataset.libMore));
+      if (b) _libSheet(b);
+      return;
+    }
+    if (act) {
+      const a = act.dataset.lib;
+      if (a === 'search') { _lib.searching = true; renderBookList(_lastBookListData); }
+      else if (a === 'layout') {
+        _lib.layout = _libLayout() === 'grid' ? 'list' : 'grid';
+        try { localStorage.setItem('diora_lib_layout', _lib.layout); } catch (err) {}
+        renderBookList(_lastBookListData);
+      } else if (a === 'add') _libAddMenu();
+      else if (a === 'sel-done') { _lib.selecting = null; renderBookList(_lastBookListData); }
+      else if (a === 'sel-folders') _libAssign(Array.from(_lib.selecting || []));
+      return;
+    }
+    const id = Number(card.dataset.libBook);
+    if (_lib.selecting) {
+      if (_lib.selecting.has(id)) _lib.selecting.delete(id); else _lib.selecting.add(id);
+      renderBookList(_lastBookListData);
+      return;
+    }
+    const b = _lastBookListData.find(x => x.id === id);
+    if (b && b.keyOk === false) {
+      customAlert('Dieses Buch lässt sich mit deinem Schlüssel nicht entschlüsseln. Über ⋮ → „Schlüssel einfügen …“ den richtigen Schlüssel eintragen.');
+      return;
+    }
+    openBook(id);
+  }, true);
+  // A long press on a book: choosing several.
+  listEl.addEventListener('pointerdown', e => {
+    const card = e.target.closest('[data-lib-book]');
+    if (!card || e.target.closest('button')) return;
+    clearTimeout(pressTimer);
+    pressTimer = setTimeout(() => {
+      const id = Number(card.dataset.libBook);
+      _lib.selecting = _lib.selecting || new Set();
+      _lib.selecting.add(id);
+      pressed = id;
+      renderBookList(_lastBookListData);
+    }, 550);
+  });
+  ['pointerup', 'pointercancel', 'pointerleave'].forEach(n => listEl.addEventListener(n, () => clearTimeout(pressTimer)));
+  listEl.addEventListener('input', e => {
+    if (!e.target.classList.contains('lib-q')) return;
+    _lib.q = e.target.value;
+    renderBookList(_lastBookListData);
+  });
+  listEl.addEventListener('change', e => {
+    if (!e.target.classList.contains('lib-sort')) return;
+    _lib.sort = e.target.value;
+    try { localStorage.setItem('diora_lib_sort', _lib.sort); } catch (err) {}
+    renderBookList(_lastBookListData);
+  });
+  // Back (Android): out of choosing, out of a search.
+  const back = window.__dioraBack;
+  window.__dioraBack = function () {
+    const shown = $('tab-books') && $('tab-books').style.display !== 'none';
+    if (shown && _lib.selecting) { _lib.selecting = null; renderBookList(_lastBookListData); return true; }
+    if (shown && (_lib.q || _lib.searching)) { _lib.q = ''; _lib.searching = false; renderBookList(_lastBookListData); return true; }
+    return back ? back() : false;
+  };
+  if (window.DioraCovers) {
+    DioraCovers.onReady(id => {
+      const url = DioraCovers.url({id});
+      document.querySelectorAll(`#book-list [data-cover-id="${id}"]`).forEach(el => {
+        if (el.tagName === 'IMG') { el.src = url; return; }
+        const img = document.createElement('img');
+        img.className = el.className.replace('lib-nocover', '').trim();
+        img.alt = '';
+        img.dataset.coverId = id;
+        img.src = url;
+        el.replaceWith(img);
+      });
+    });
+  }
+  window.addEventListener('resize', () => { if (_lastBookListData && _lastBookListData.length) renderBookList(_lastBookListData); });
+  _libLoadPrefs();
+})();
+
+function _libAddMenu() {
+  const wrap = document.createElement('div');
+  wrap.className = 'dfo-scrim';
+  const cloud = !(window.DioraNative && DioraNative.isReaderApp && DioraNative.isReaderApp());
+  wrap.innerHTML = `<div class="dfo-sheet" role="dialog"><div class="dfo-head"><strong>Hinzufügen</strong>
+    <button type="button" class="dfo-x" data-x="1" aria-label="Schließen">✕</button></div>
+    <button type="button" class="lib-sheet-item" data-a="file">E-Book-Datei (.epub, .pdf) …</button>
+    ${cloud ? '<button type="button" class="lib-sheet-item" data-a="cloud">Aus der Cloud (WebDAV, Nextcloud) …</button>' : ''}
+    <button type="button" class="lib-sheet-item" data-a="select">Mehrere Bücher auswählen</button></div>`;
+  wrap.addEventListener('click', e => {
+    const a = e.target.closest('[data-a]');
+    if (e.target === wrap || e.target.closest('[data-x]')) { wrap.remove(); return; }
+    if (!a) return;
+    wrap.remove();
+    if (a.dataset.a === 'file') { const f = $('book-file-input'); if (f) f.click(); }
+    else if (a.dataset.a === 'cloud') toggleCloudImport();
+    else { _lib.selecting = new Set(); renderBookList(_lastBookListData); }
+  });
+  document.body.appendChild(wrap);
+}
+
+// ---- styles ---------------------------------------------------------------------------------------------
+
+(function () {
+  const style = document.createElement('style');
+  style.textContent = [
+    'html.lib-v2 #tab-books .book-drop-zone, html.lib-v2 #tab-books .book-list-filter,',
+    'html.lib-v2 #book-upload-area > button.btn, html.lib-v2 #book-upload-area > .nui-add-row { display: none !important; }',
+    '#book-list .lib-head { display: flex; align-items: center; gap: 6px; margin: 4px 0 8px; }',
+    '#book-list .lib-h { margin: 0 auto 0 0; font-size: 18px; }',
+    '#book-list .lib-q { flex: 0 1 260px; min-width: 0; padding: 8px 10px; border-radius: 6px; border: 1px solid var(--border, #2a2a2a); background: var(--bg, #000); color: inherit; font: inherit; }',
+    '#book-list .lib-sort { padding: 7px 6px; border-radius: 6px; border: 1px solid var(--border, #2a2a2a); background: var(--bg, #000); color: inherit; font: inherit; font-size: 13px; max-width: 140px; }',
+    '#book-list .lib-icon { min-width: 38px; min-height: 38px; border-radius: 19px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; font-size: 17px; cursor: pointer; }',
+    '#book-list .lib-add { background: var(--accent, #e63946); border-color: var(--accent, #e63946); color: var(--on-accent, #fff); font-size: 20px; }',
+    '#book-list .lib-chips { margin: 0 0 10px; }',
+    '#book-list .lib-selbar { display: flex; align-items: center; gap: 8px; padding: 8px 10px; margin: 0 0 10px; border-radius: 8px; background: var(--raised, #222); }',
+    '#book-list .lib-selbar span { flex: 1; }',
+    '#book-list .lib-btn, .lib-sheet-item { min-height: 36px; padding: 0 14px; border-radius: 18px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; font-size: 14px; cursor: pointer; }',
+    '.lib-sheet-item { display: block; width: 100%; text-align: left; border: none; border-radius: 0; border-bottom: 1px solid var(--border, #2a2a2a); min-height: 46px; }',
+    '.lib-danger { color: var(--accent, #e63946); }',
+    '#book-list .lib-continue { display: flex; align-items: center; gap: 12px; padding: 10px; margin: 0 0 16px; border: 1px solid var(--border, #2a2a2a); border-radius: 10px; background: var(--card, #0b0b0b); cursor: pointer; }',
+    '#book-list .lib-kicker { color: var(--accent, #e63946); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }',
+    '#book-list .lib-play { flex: none; width: 46px; height: 46px; border-radius: 50%; background: var(--accent, #e63946); color: var(--on-accent, #fff); display: flex; align-items: center; justify-content: center; font-size: 17px; }',
+    '#book-list .lib-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 18px 14px; }',
+    '@media (max-width: 480px) { #book-list .lib-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 10px; } }',
+    '#book-list .lib-card { display: flex; flex-direction: column; gap: 3px; min-width: 0; cursor: pointer; }',
+    '#book-list .lib-coverbox { position: relative; display: block; }',
+    '#book-list .lib-cover { display: block; width: 100%; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 4px; background: var(--panel, #161616); box-shadow: 0 1px 3px rgba(0,0,0,.35); }',
+    '#book-list .lib-nocover { display: flex; flex-direction: column; justify-content: space-between; padding: 8px; box-sizing: border-box; overflow: hidden; background: hsl(var(--h), 28%, 24%); color: hsl(var(--h), 40%, 88%); }',
+    '#book-list .lib-nocover span { font-size: 12px; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }',
+    '#book-list .lib-nocover b { font-size: 26px; opacity: .5; align-self: flex-end; }',
+    '#book-list .lib-thumb { width: 34px; height: 51px; flex: none; border-radius: 3px; object-fit: cover; }',
+    '#book-list .lib-thumb.lib-nocover { padding: 2px; }',
+    '#book-list .lib-thumb.lib-nocover span { display: none; }',
+    '#book-list .lib-thumb.lib-nocover b { font-size: 15px; align-self: center; margin: auto; }',
+    '#book-list .lib-thumb-l { width: 52px; height: 78px; }',
+    '#book-list .lib-badge { position: absolute; left: 6px; bottom: 6px; padding: 1px 6px; border-radius: 9px; background: var(--accent, #e63946); color: var(--on-accent, #fff); font-size: 11px; }',
+    '#book-list .lib-card .lib-more { position: absolute; right: 2px; top: 2px; width: 30px; height: 30px; border-radius: 15px; border: none; background: rgba(0,0,0,.45); color: #fff; font-size: 16px; cursor: pointer; opacity: 0; }',
+    '#book-list .lib-card:hover .lib-more, #book-list .lib-card:focus-within .lib-more { opacity: 1; }',
+    '@media (hover: none) { #book-list .lib-card .lib-more { opacity: .85; } }',
+    '#book-list .lib-bar { display: block; height: 3px; border-radius: 2px; background: var(--border, #2a2a2a); overflow: hidden; margin-top: 4px; }',
+    '#book-list .lib-bar > span { display: block; height: 100%; background: var(--accent, #e63946); }',
+    '#book-list .lib-title { font-size: 13px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }',
+    '#book-list .lib-meta { font-size: 12px; color: var(--muted, #9a9a9a); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
+    '#book-list .lib-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }',
+    '#book-list .lib-row { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--border, #2a2a2a); cursor: pointer; }',
+    '#book-list .lib-row .lib-more { background: none; border: none; color: inherit; font-size: 18px; min-width: 36px; min-height: 36px; cursor: pointer; }',
+    '#book-list .lib-state { font-size: 12px; color: var(--muted, #9a9a9a); white-space: nowrap; }',
+    '#book-list .lib-done { color: var(--accent, #e63946); }',
+    '#book-list .lib-sel .lib-cover, #book-list .lib-sel .lib-thumb { outline: 3px solid var(--accent, #e63946); outline-offset: 2px; }',
+    '#book-list .lib-row.lib-sel { background: var(--hover, rgba(255,255,255,.05)); }',
+    '#book-list .lib-group { margin: 18px 0 8px; font-size: 13px; font-weight: 400; color: var(--muted, #9a9a9a); }',
+    '#book-list .lib-count { opacity: .7; }',
+    '#book-list .lib-empty { color: var(--muted, #9a9a9a); font-size: 14px; }',
+    'body.eink #book-list .lib-add, body.eink #book-list .lib-play { background: #000; color: #fff; }',
+    'body.eink #book-list .lib-cover { box-shadow: none; border: 1px solid #000; }',
+  ].join('\n');
+  document.head.appendChild(style);
+})();
diff --git a/static/js/audiobooks.js b/static/js/audiobooks.js
index a923d2b..18f82e3 100644
--- a/static/js/audiobooks.js
+++ b/static/js/audiobooks.js
@@ -28,7 +28,8 @@
     picking: false,    // choosing a podcast to make an audiobook
     pickQuery: '',
     now: null,         // playerState() of the last poll
-    folder: null,      // the folder shown (null: all)
+    folder: null,      // the folder chip chosen (null: all, '': without a folder)
+    folderOrder: [],   // the podcasts' folder order (/podcasts/folders/)
     series: null,      // the series shown (its key), inside the folder
   };
 
@@ -71,8 +72,11 @@
     return b.chapters ? Math.round(100 * b.done / b.chapters) : 0;
   }
 
-  function cover(url, title, cls) {
+  function cover(url, title, cls, author) {
     const art = String(url || '').replace(/^http:/, 'https:');
+    if (!art && window.DioraGenCover) {   // none: one drawn from the title (gencover.js)
+      return '<img class="' + cls + '" src="' + DioraGenCover.url({title: title || '', author: author || ''}) + '" alt="">';
+    }
     return art
       ? '<img class="' + cls + '" src="' + esc(art) + '" alt="" loading="lazy">'
       : '<span class="' + cls + ' ab-nocover">' + esc((title || '?').trim().charAt(0).toUpperCase()) + '</span>';
@@ -141,7 +145,8 @@
     if (!host()) { shelf.innerHTML = ''; return; }
     if (!st.books) { st.books = cached('books'); renderShelf(); }
     try {
-      st.books = (await api('/podcasts/audiobooks/')).books || [];
+      const got = await Promise.all([api('/podcasts/audiobooks/'), loadFolderOrder()]);
+      st.books = got[0].books || [];
       cached('books', st.books);
     } catch (e) {
       if (!st.books) st.books = [];
@@ -198,6 +203,7 @@
     }
     if (st.picking) html += pickHtml(pods);
     shelf.innerHTML = html;
+    drawChips(books);
     const input = shelf.querySelector('.ab-pick-q');
     if (input && document.activeElement !== input && st.pickFocus) { input.focus(); st.pickFocus = false; }
   }
@@ -282,49 +288,98 @@
       '<span class="ab-bar"><span style="width:' + (total ? Math.round(100 * heard / total) : 0) + '%"></span></span></span></button>';
   }
 
+  const foldersOf = b => (b.folders && b.folders.length ? b.folders : (b.folder ? [b.folder] : []));
+
+  // The audiobooks' folders as chips (docs/library.md), in the podcasts' folder order.
+  function folderChips(books) {
+    const counts = new Map();
+    let none = 0;
+    books.forEach(b => {
+      const fs = foldersOf(b);
+      if (!fs.length) none++;
+      fs.forEach(f => counts.set(f, (counts.get(f) || 0) + 1));
+    });
+    const rank = n => { const i = st.folderOrder.indexOf(n); return i < 0 ? 1e6 : i; };
+    const names = Array.from(counts.keys()).sort((a, b) => rank(a) - rank(b) || a.localeCompare(b, 'de'));
+    if (st.folder && !counts.has(st.folder)) st.folder = null;
+    return {folders: names.map(n => ({name: n, count: counts.get(n)})), none: names.length ? none : 0};
+  }
+
   function gridHtml(books) {
-    const folders = new Map();
-    books.forEach(b => { if (b.folder) folders.set(b.folder, (folders.get(b.folder) || 0) + 1); });
-    if (st.folder != null && !folders.has(st.folder)) st.folder = null;
-    const here = books.filter(b => st.folder == null ? !b.folder : b.folder === st.folder);
+    const here = books.filter(b => st.folder == null ? true
+      : st.folder === '' ? !foldersOf(b).length : foldersOf(b).indexOf(st.folder) >= 0);
     const list = entries(here);
-    let html = '';
     if (st.series != null) {
       const g = list.filter(e => e.kind === 'series' && e.key === st.series)[0];
       if (g) {
-        return '<div class="ab-place"><button type="button" class="ab-back" data-ab="up">‹ ' +
-          esc(st.folder == null ? 'Alle Hörbücher' : st.folder) + '</button><strong>' + esc(g.name) + '</strong></div>' +
+        return '<div class="ab-place"><button type="button" class="ab-back" data-ab="up">‹ Hörbücher</button>' +
+          '<strong>' + esc(g.name) + '</strong></div>' +
           '<div class="ab-grid">' + g.books.map(b => bookCard(b, b._volume)).join('') + '</div>';
       }
       st.series = null;
     }
-    if (st.folder != null) {
-      html += '<div class="ab-place"><button type="button" class="ab-back" data-ab="up">‹ Alle Hörbücher</button>' +
-        '<strong>' + esc(st.folder) + '</strong></div>';
-    } else if (folders.size) {
-      html += '<div class="ab-folders">' + Array.from(folders.keys()).sort((a, b) => a.localeCompare(b, 'de')).map(f =>
-        '<button type="button" class="ab-folder" data-ab-folder="' + esc(f) + '"><span class="ab-folder-icon">▤</span>' +
-        '<span class="ab-title">' + esc(f) + '</span><span class="ab-meta">' + folders.get(f) + '</span></button>').join('') + '</div>';
-    }
-    return html + '<div class="ab-grid">' + list.map(e => e.kind === 'series' ? seriesCard(e) : bookCard(e.b)).join('') + '</div>';
+    return '<div class="ab-chips"></div><div class="ab-grid">' +
+      list.map(e => e.kind === 'series' ? seriesCard(e) : bookCard(e.b)).join('') + '</div>';
   }
 
-  // Into a folder ('' = none): the server keeps it with the subscription.
-  async function assignFolder(feedId) {
-    const b = (st.books || []).filter(x => x.feed_id === feedId)[0];
-    const names = Array.from(new Set((st.books || []).map(x => x.folder).filter(Boolean))).sort();
-    const ask = 'Ordner für „' + (b ? b.title : 'Hörbuch') + '“' + (names.length ? ' (vorhanden: ' + names.join(', ') + ')' : '') +
-      ' – leer lassen für keinen:';
-    const name = typeof customPrompt === 'function' ? await customPrompt(ask, b ? b.folder || '' : '') : window.prompt(ask, b ? b.folder || '' : '');
-    if (name === null || name === undefined) return;
+  function drawChips(books) {
+    const el = shelf.querySelector('.ab-chips');
+    if (!el || !window.DioraFolders) return;
+    const c = folderChips(books);
+    if (!c.folders.length) { el.innerHTML = ''; return; }
+    window.DioraFolders.chips(el, {
+      folders: c.folders, active: st.folder, none: c.none,
+      onPick(name) { st.folder = name; renderShelf(); },
+      onManage: manageFolders,
+    });
+  }
+
+  async function loadFolderOrder() {
+    try { st.folderOrder = (await api('/podcasts/folders/')).order || []; } catch (e) {}
+  }
+
+  // All folder names of the podcasts and audiobooks, in their order.
+  async function allFolderNames() {
     try {
-      await api('/podcasts/feeds/' + feedId + '/settings/', {folder: String(name)});
-      toast(String(name).trim() ? 'In „' + String(name).trim() + '“' : 'Ohne Ordner');
+      const d = await api('/podcasts/folders/');
+      st.folderOrder = d.order || [];
+      return st.folderOrder;
     } catch (e) {
-      toast('Das braucht eine Verbindung.');
+      return Array.from(new Set([].concat.apply([], (st.books || []).map(foldersOf))));
     }
-    loadList();
-    if (st.open === feedId) loadDetail(feedId);
+  }
+
+  function manageFolders() {
+    if (!window.DioraFolders) return;
+    allFolderNames().then(names => window.DioraFolders.manage({
+      title: 'Ordner der Podcasts und Hörbücher',
+      folders: names,
+      onRename: (old, n) => api('/podcasts/folders/rename/', {old, new: n}).then(loadList).catch(() => toast('Das braucht eine Verbindung.')),
+      onDelete: name => api('/podcasts/folders/delete/', {name}).then(loadList).catch(() => toast('Das braucht eine Verbindung.')),
+      onOrder: order => api('/podcasts/folders/', {order}).then(d => { st.folderOrder = d.order || order; renderShelf(); }).catch(() => {}),
+    }));
+  }
+
+  // Into folders (any number): the server keeps them with the subscription.
+  async function assignFolder(feedId) {
+    if (!window.DioraFolders) return;
+    const b = (st.books || []).filter(x => x.feed_id === feedId)[0];
+    const names = await allFolderNames();
+    window.DioraFolders.assign({
+      title: 'Ordner für „' + (b ? b.title : 'Hörbuch') + '“',
+      folders: names,
+      selected: b ? foldersOf(b) : [],
+      async onDone(picked) {
+        try {
+          await api('/podcasts/feeds/' + feedId + '/settings/', {folders: picked});
+          toast(picked.length ? 'In ' + picked.map(n => '„' + n + '“').join(', ') : 'Ohne Ordner');
+        } catch (e) {
+          toast('Das braucht eine Verbindung.');
+        }
+        loadList();
+        if (st.open === feedId) loadDetail(feedId);
+      },
+    });
   }
 
   function pickHtml(pods) {
@@ -394,7 +449,7 @@
       '<div class="ab-menu" hidden>' +
       '<button type="button" data-ab="unplayed">Alles als ungehört markieren</button>' +
       '<button type="button" data-ab="played">Alles als gehört markieren</button>' +
-      '<button type="button" data-ab="folder">Ordner zuweisen …</button>' +
+      '<button type="button" data-ab="folder">In Ordner …</button>' +
       '<button type="button" data-ab="podcast">Wieder als Podcast führen</button></div>' +
       '<div class="ab-hero">' + cover(b.artwork_url, b.title, 'ab-cover ab-cover-l') +
       '<div class="ab-hero-text"><h2 class="ab-book-title">' + esc(b.title) + '</h2>' +
@@ -596,10 +651,9 @@
     if (!t) return;
     if (t.dataset.abGo != null) { e.stopPropagation(); goOn(Number(t.dataset.abGo)); return; }
     if (t.dataset.abOpen != null) { openBook(Number(t.dataset.abOpen)); return; }
-    if (t.dataset.abFolder != null) { st.folder = t.dataset.abFolder; st.series = null; renderShelf(); return; }
     if (t.dataset.abSeries != null) { st.series = t.dataset.abSeries; renderShelf(); return; }
     if (t.dataset.ab === 'up') {
-      if (st.series != null) st.series = null; else st.folder = null;
+      st.series = null;
       renderShelf();
       return;
     }
@@ -679,8 +733,8 @@
       return true;
     }
     if (st.picking && tab.style.display !== 'none') { st.picking = false; renderShelf(); return true; }
-    if ((st.series != null || st.folder != null) && tab.style.display !== 'none') {
-      if (st.series != null) st.series = null; else st.folder = null;
+    if (st.series != null && tab.style.display !== 'none') {
+      st.series = null;
       renderShelf();
       return true;
     }
@@ -753,10 +807,7 @@
     '.ab-mark, .ab-chrow { display: flex; align-items: center; }',
     '.ab-place { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; }',
     '.ab-place .ab-back { padding: 6px 0; }',
-    '.ab-folders { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; margin-bottom: 14px; }',
-    '.ab-folder { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid var(--border, #2a2a2a); border-radius: 8px; background: var(--card, #0b0b0b); color: inherit; font: inherit; cursor: pointer; text-align: left; }',
-    '.ab-folder .ab-title { flex: 1; min-width: 0; }',
-    '.ab-folder-icon { color: var(--muted, #9a9a9a); }',
+    '.ab-chips { margin: 0 0 10px; }',
     '.ab-stack-covers { position: relative; display: block; }',
     '.ab-stack-covers::before, .ab-stack-covers::after { content: ""; position: absolute; left: 6%; right: 6%; height: 100%; border-radius: 6px; border: 1px solid var(--border-strong, #444); background: var(--panel, #161616); }',
     '.ab-stack-covers::before { top: -8px; left: 12%; right: 12%; }',
diff --git a/static/js/covers.js b/static/js/covers.js
new file mode 100644
index 0000000..d1e02c8
--- /dev/null
+++ b/static/js/covers.js
@@ -0,0 +1,223 @@
+/*
+ * Book covers, end-to-end encrypted (docs/library.md). A cover the server has
+ * (has_cover) is fetched and decrypted here; a book without one gets it from its own
+ * file — on a device that keeps the books (the desktop and Android apps, or the
+ * browser's cache): the EPUB's cover image or a PDF's first page, scaled to 300 px,
+ * encrypted with the user's key and sent once. The server never sees a cover.
+ *
+ * Gently: one book at a time, when the page is idle, never while a book is open, and
+ * not at all on e-ink or in diora Reader (the list there has no covers). Decrypted
+ * covers are kept on this device (IndexedDB) and handed out as object URLs.
+ *
+ *   DioraCovers.url(book)   an object URL, or null (and it is looked for, once)
+ *   DioraCovers.onReady(fn) fn(bookId) when one becomes available
+ *
+ * Chrome-61-safe: no ?. / ??.
+ */
+(function () {
+  'use strict';
+  const MAX_W = 300, MAX_H = 450, QUALITY = 0.72;
+  const html = document.documentElement;
+  const off = () => html.classList.contains('nui-reader-app') || (document.body && document.body.classList.contains('eink'));
+  const readerOpen = () => {
+    const o = document.getElementById('reader-overlay');
+    return !!o && o.style.display !== 'none';   // open: '' (the markup starts with none)
+  };
+  const localBooks = () => !!(window.dioraDesktop || window.DioraNative);   // the app keeps every file
+
+  const urls = new Map();       // id -> object URL
+  const tried = new Set();      // looked for this session
+  const queue = [];
+  const listeners = [];
+  let busy = false;
+
+  // ---- this device's store ---------------------------------------------------------------
+
+  let dbp = null;
+  function db() {
+    if (!dbp) {
+      dbp = new Promise(resolve => {
+        try {
+          const req = indexedDB.open('diora_covers', 1);
+          req.onupgradeneeded = () => req.result.createObjectStore('covers');
+          req.onsuccess = () => resolve(req.result);
+          req.onerror = () => resolve(null);
+        } catch (e) { resolve(null); }
+      });
+    }
+    return dbp;
+  }
+
+  async function readLocal(id) {
+    const d = await db();
+    if (!d) return null;
+    return new Promise(resolve => {
+      try {
+        const req = d.transaction('covers').objectStore('covers').get(String(id));
+        req.onsuccess = () => resolve(req.result || null);
+        req.onerror = () => resolve(null);
+      } catch (e) { resolve(null); }
+    });
+  }
+
+  async function writeLocal(id, blob) {
+    const d = await db();
+    if (!d) return;
+    try { d.transaction('covers', 'readwrite').objectStore('covers').put(blob, String(id)); } catch (e) {}
+  }
+
+  function ready(id, blob) {
+    if (urls.has(id)) URL.revokeObjectURL(urls.get(id));
+    urls.set(id, URL.createObjectURL(blob));
+    listeners.slice().forEach(fn => { try { fn(id); } catch (e) {} });
+  }
+
+  // ---- finding one ------------------------------------------------------------------------------
+
+  async function key() {
+    return typeof getOrCreateEncKey === 'function' ? getOrCreateEncKey() : null;
+  }
+
+  async function fromServer(id) {
+    const r = await fetch('/books/' + id + '/cover/', {credentials: 'same-origin'});
+    if (!r.ok) return null;
+    const d = await r.json();
+    const plain = await decryptBytes(await key(), d.cover_iv, d.cover_ct);
+    return new Blob([plain], {type: 'image/jpeg'});
+  }
+
+  // The book's own file, decrypted: the browser's cache, or the app's store.
+  async function bookBytes(id) {
+    let rec = typeof _getCachedBook === 'function' ? await _getCachedBook(id) : null;
+    if (!rec && localBooks()) {
+      const r = await fetch('/books/' + id + '/data/', {credentials: 'same-origin'});
+      if (r.ok) rec = await r.json();
+    }
+    if (!rec || !rec.data_ct) return null;
+    return decryptBytes(await key(), rec.data_iv, rec.data_ct);
+  }
+
+  async function epubCover(bytes) {
+    const zip = await JSZip.loadAsync(bytes);
+    const container = zip.file('META-INF/container.xml');
+    if (!container) return null;
+    const cdoc = new DOMParser().parseFromString(await container.async('text'), 'application/xml');
+    const root = cdoc.querySelector('rootfile');
+    if (!root) return null;
+    const opfPath = root.getAttribute('full-path');
+    const dir = opfPath.indexOf('/') >= 0 ? opfPath.slice(0, opfPath.lastIndexOf('/') + 1) : '';
+    const opf = new DOMParser().parseFromString(await zip.file(opfPath).async('text'), 'application/xml');
+    const items = Array.prototype.slice.call(opf.getElementsByTagName('item'));
+    const meta = Array.prototype.slice.call(opf.getElementsByTagName('meta')).filter(m => m.getAttribute('name') === 'cover')[0];
+    const isImage = i => /^image\//.test(i.getAttribute('media-type') || '');
+    let item = items.filter(i => /\bcover-image\b/.test(i.getAttribute('properties') || ''))[0] ||
+      (meta ? items.filter(i => i.getAttribute('id') === meta.getAttribute('content') && isImage(i))[0] : null) ||
+      items.filter(i => isImage(i) && /cover/i.test((i.getAttribute('id') || '') + (i.getAttribute('href') || '')))[0];
+    if (!item) return null;
+    const path = decodeURIComponent(resolveEpubPath(dir, item.getAttribute('href')));
+    const file = zip.file(path) || zip.file(path.replace(/^\//, ''));
+    if (!file) return null;
+    return new Blob([await file.async('arraybuffer')], {type: item.getAttribute('media-type')});
+  }
+
+  async function pdfCover(bytes) {
+    if (typeof pdfjsLib === 'undefined') return null;
+    const pdf = await pdfjsLib.getDocument({data: new Uint8Array(bytes)}).promise;
+    const page = await pdf.getPage(1);
+    const v = page.getViewport({scale: 1});
+    const scale = Math.min(MAX_W / v.width, MAX_H / v.height);
+    const viewport = page.getViewport({scale});
+    const canvas = document.createElement('canvas');
+    canvas.width = Math.round(viewport.width);
+    canvas.height = Math.round(viewport.height);
+    await page.render({canvasContext: canvas.getContext('2d'), viewport}).promise;
+    pdf.destroy();
+    return new Promise(resolve => canvas.toBlob(resolve, 'image/jpeg', QUALITY));
+  }
+
+  // Any image to a small JPEG.
+  async function shrink(blob) {
+    const url = URL.createObjectURL(blob);
+    try {
+      const img = await new Promise((resolve, reject) => {
+        const i = new Image();
+        i.onload = () => resolve(i);
+        i.onerror = reject;
+        i.src = url;
+      });
+      const scale = Math.min(1, MAX_W / img.naturalWidth, MAX_H / img.naturalHeight);
+      const canvas = document.createElement('canvas');
+      canvas.width = Math.max(1, Math.round(img.naturalWidth * scale));
+      canvas.height = Math.max(1, Math.round(img.naturalHeight * scale));
+      canvas.getContext('2d').drawImage(img, 0, 0, canvas.width, canvas.height);
+      return await new Promise(resolve => canvas.toBlob(resolve, 'image/jpeg', QUALITY));
+    } finally {
+      URL.revokeObjectURL(url);
+    }
+  }
+
+  async function extract(book) {
+    const bytes = await bookBytes(book.id);
+    if (!bytes) return null;
+    let blob = book.type === 'pdf' ? await pdfCover(bytes) : await epubCover(bytes);
+    if (!blob) return null;
+    if (book.type !== 'pdf') blob = await shrink(blob);
+    if (!blob) return null;
+    const enc = await encryptBytes(await key(), new Uint8Array(await blob.arrayBuffer()));
+    fetch('/books/' + book.id + '/cover/', {
+      method: 'POST', credentials: 'same-origin', headers: {'Content-Type': 'application/json'},
+      body: JSON.stringify({cover_ct: enc.ciphertext, cover_iv: enc.iv}),
+    }).then(() => { book.has_cover = true; }).catch(() => {});
+    return blob;
+  }
+
+  async function find(book) {
+    const local = await readLocal(book.id);
+    if (local) return local;
+    let blob = null;
+    if (book.has_cover) blob = await fromServer(book.id).catch(() => null);
+    if (!blob && !book.has_cover && book.keyOk !== false) blob = await extract(book).catch(() => null);
+    if (blob) writeLocal(book.id, blob);
+    return blob;
+  }
+
+  // ---- the queue: one at a time, when idle -------------------------------------------------------
+
+  const idle = fn => (window.requestIdleCallback ? requestIdleCallback(fn, {timeout: 3000}) : setTimeout(fn, 400));
+
+  function pump() {
+    if (busy || !queue.length) return;
+    if (readerOpen()) { setTimeout(pump, 5000); return; }
+    busy = true;
+    idle(async () => {
+      const book = queue.shift();
+      try {
+        const blob = await find(book);
+        if (blob) ready(book.id, blob);
+      } catch (e) {}
+      busy = false;
+      setTimeout(pump, 150);
+    });
+  }
+
+  function url(book) {
+    if (!book || off()) return null;
+    if (urls.has(book.id)) return urls.get(book.id);
+    if (!tried.has(book.id)) {
+      tried.add(book.id);
+      // Stored here already: at once, without waiting in the queue.
+      readLocal(book.id).then(blob => {
+        if (blob) ready(book.id, blob);
+        else { queue.push(book); pump(); }
+      });
+    }
+    return null;
+  }
+
+  // A book read just now: its file is open anyway (the reader calls this).
+  function forget(id) {
+    tried.delete(id);
+  }
+
+  window.DioraCovers = {url, onReady(fn) { listeners.push(fn); }, forget};
+})();
diff --git a/static/js/folders.js b/static/js/folders.js
new file mode 100644
index 0000000..8edf8b1
--- /dev/null
+++ b/static/js/folders.js
@@ -0,0 +1,213 @@
+/*
+ * Folders, the same everywhere (docs/library.md): like tags (a thing may be in several),
+ * shown as a row of filter chips; assigned with a sheet of checkboxes; managed in another
+ * (rename = merge onto an existing name, delete = the things stay, order by ↑ ↓). Each area
+ * keeps its folders where it keeps them and calls these for the look and the dialogs:
+ *
+ *   DioraFolders.chips(el, {folders: [{name, count}], active, none, lead, onPick, onManage})
+ *   DioraFolders.assign({title, folders: [names], selected: [names], onDone(names)})
+ *   DioraFolders.manage({title, folders: [names], onRename(old, new), onDelete(name), onOrder(names)})
+ *
+ * Runs everywhere (web, desktop, both Android apps). Chrome-61-safe: no ?. / ??.
+ */
+(function () {
+  'use strict';
+
+  function esc(s) {
+    return String(s == null ? '' : s).replace(/[&<>"']/g, c =>
+      ({'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'}[c]));
+  }
+
+  // ---- the chip row ----------------------------------------------------------------------
+  // lead: chips before the folders (the library's Angefangen/Ungelesen …): [{id, label, count, on}],
+  // picked with onPick({lead: id}). active: null = all, '' = without a folder, else a name.
+
+  function chips(el, o) {
+    const lead = o.lead || [];
+    const leadOn = lead.some(c => c.on);
+    let h = '<div class="dfo-row" role="toolbar">';
+    if (!lead.length) h += chip('dfo-all', 'Alle', null, o.active == null && !leadOn, 'data-dfo-all="1"');
+    lead.forEach(c => { h += chip('', c.label, c.count, !!c.on, 'data-dfo-lead="' + esc(c.id) + '"'); });
+    if (lead.length && (o.folders || []).length) h += '<span class="dfo-sep" aria-hidden="true"></span>';
+    (o.folders || []).forEach(f => {
+      h += chip('', f.name, f.count, o.active === f.name, 'data-dfo-folder="' + esc(f.name) + '"');
+    });
+    if (o.none) h += chip('dfo-none', 'Ohne Ordner', o.none, o.active === '', 'data-dfo-folder=""');
+    if (o.onManage) h += '<button type="button" class="dfo-chip dfo-manage" data-dfo-manage="1" title="Ordner verwalten" aria-label="Ordner verwalten">⋯</button>';
+    el.innerHTML = h + '</div>';
+    el.onclick = e => {
+      const b = e.target.closest('button');
+      if (!b) return;
+      if (b.dataset.dfoManage) { o.onManage(); return; }
+      if (b.dataset.dfoAll) { o.onPick(null); return; }
+      if (b.dataset.dfoLead != null) { o.onPick({lead: b.dataset.dfoLead}); return; }
+      if (b.dataset.dfoFolder != null) {
+        const name = b.dataset.dfoFolder;
+        o.onPick(o.active === name ? null : name);   // a second tap shows everything again
+      }
+    };
+  }
+
+  function chip(cls, label, count, on, attrs) {
+    return '<button type="button" class="dfo-chip ' + cls + (on ? ' on' : '') + '" ' + attrs + '>' + esc(label) +
+      (count != null ? ' <span class="dfo-count">' + count + '</span>' : '') + '</button>';
+  }
+
+  // ---- a sheet (above the page and the book views, below the page's dialogs) -------------------
+
+  let open = null;
+  function sheet(title, body, onClose) {
+    close();
+    const wrap = document.createElement('div');
+    wrap.className = 'dfo-scrim';
+    wrap.innerHTML = '<div class="dfo-sheet" role="dialog" aria-label="' + esc(title) + '">' +
+      '<div class="dfo-head"><strong>' + esc(title) + '</strong>' +
+      '<button type="button" class="dfo-x" data-dfo-close="1" aria-label="Schließen">✕</button></div>' +
+      '<div class="dfo-body"></div></div>';
+    wrap.querySelector('.dfo-body').appendChild(body);
+    wrap.addEventListener('click', e => {
+      if (e.target === wrap || e.target.closest('[data-dfo-close]')) close();
+    });
+    document.body.appendChild(wrap);
+    open = {wrap, onClose};
+    return wrap;
+  }
+
+  function close() {
+    if (!open) return;
+    const o = open;
+    open = null;
+    o.wrap.remove();
+    if (o.onClose) o.onClose();
+  }
+
+  const back = window.__dioraBack;
+  window.__dioraBack = function () {
+    if (open) { close(); return true; }
+    return back ? back() : false;
+  };
+  document.addEventListener('keydown', e => { if (e.key === 'Escape' && open) close(); });
+
+  // ---- "In Ordner …" ---------------------------------------------------------------------------
+
+  function assign(o) {
+    const chosen = new Set(o.selected || []);
+    const names = (o.folders || []).slice();
+    const body = document.createElement('div');
+    const draw = () => {
+      body.innerHTML = '<div class="dfo-list">' + (names.length ? names.map(n =>
+        '<label class="dfo-check"><input type="checkbox" value="' + esc(n) + '"' + (chosen.has(n) ? ' checked' : '') + '> ' +
+        esc(n) + '</label>').join('') : '<p class="dfo-note">Noch keine Ordner.</p>') + '</div>' +
+        '<form class="dfo-new"><input class="dfo-input" name="n" maxlength="100" placeholder="Neuer Ordner" autocomplete="off">' +
+        '<button type="submit" class="dfo-btn">Anlegen</button></form>' +
+        '<div class="dfo-actions"><button type="button" class="dfo-btn" data-dfo-close="1">Abbrechen</button>' +
+        '<button type="button" class="dfo-btn dfo-primary" data-dfo-ok="1">Übernehmen</button></div>';
+    };
+    draw();
+    body.addEventListener('change', e => {
+      if (e.target.type !== 'checkbox') return;
+      if (e.target.checked) chosen.add(e.target.value); else chosen.delete(e.target.value);
+    });
+    body.addEventListener('submit', e => {
+      e.preventDefault();
+      const n = ' '.concat(e.target.n.value).split(/\s+/).filter(Boolean).join(' ').slice(0, 100);
+      if (!n) return;
+      const same = names.filter(x => x.toLowerCase() === n.toLowerCase())[0];
+      if (!same) names.push(n);
+      chosen.add(same || n);
+      draw();
+    });
+    body.addEventListener('click', e => {
+      if (!e.target.closest('[data-dfo-ok]')) return;
+      const picked = names.filter(n => chosen.has(n));
+      close();
+      o.onDone(picked);
+    });
+    sheet(o.title || 'In Ordner', body);
+  }
+
+  // ---- "Ordner verwalten" ---------------------------------------------------------------------------
+
+  function manage(o) {
+    let names = (o.folders || []).slice();
+    const body = document.createElement('div');
+    const draw = () => {
+      body.innerHTML = names.length ? '<div class="dfo-list">' + names.map((n, i) =>
+        '<div class="dfo-mrow"><span class="dfo-mname">' + esc(n) + '</span>' +
+        '<button type="button" class="dfo-icon" data-up="' + i + '" aria-label="Nach oben"' + (i ? '' : ' disabled') + '>↑</button>' +
+        '<button type="button" class="dfo-icon" data-down="' + i + '" aria-label="Nach unten"' + (i < names.length - 1 ? '' : ' disabled') + '>↓</button>' +
+        '<button type="button" class="dfo-icon" data-rename="' + i + '" aria-label="Umbenennen">✎</button>' +
+        '<button type="button" class="dfo-icon" data-delete="' + i + '" aria-label="Löschen">✕</button></div>').join('') + '</div>' +
+        '<p class="dfo-note">Umbenennen auf einen vorhandenen Namen legt beide zusammen. Löschen entfernt nur den Ordner, nicht seinen Inhalt.</p>'
+        : '<p class="dfo-note">Noch keine Ordner. Sie entstehen beim Einordnen („In Ordner …“).</p>';
+    };
+    draw();
+    body.addEventListener('click', async e => {
+      const b = e.target.closest('button');
+      if (!b) return;
+      const ask = (msg, value) => typeof customPrompt === 'function' ? customPrompt(msg, value) : Promise.resolve(window.prompt(msg, value));
+      const sure = msg => typeof customConfirm === 'function' ? customConfirm(msg, {danger: true}) : Promise.resolve(window.confirm(msg));
+      if (b.dataset.up != null || b.dataset.down != null) {
+        const i = Number(b.dataset.up != null ? b.dataset.up : b.dataset.down);
+        const j = b.dataset.up != null ? i - 1 : i + 1;
+        if (j < 0 || j >= names.length) return;
+        const t = names[i]; names[i] = names[j]; names[j] = t;
+        draw();
+        o.onOrder(names.slice());
+      } else if (b.dataset.rename != null) {
+        const old = names[Number(b.dataset.rename)];
+        const value = await ask('Neuer Name für „' + old + '“:', old);
+        const n = value == null ? '' : String(value).split(/\s+/).filter(Boolean).join(' ').slice(0, 100);
+        if (!n || n === old) return;
+        await o.onRename(old, n);
+        const merged = names.filter(x => x.toLowerCase() === n.toLowerCase())[0];
+        names = merged ? names.filter(x => x !== old) : names.map(x => (x === old ? n : x));
+        draw();
+      } else if (b.dataset.delete != null) {
+        const n = names[Number(b.dataset.delete)];
+        if (!(await sure('Ordner „' + n + '“ löschen? Was darin liegt, bleibt.'))) return;
+        await o.onDelete(n);
+        names = names.filter(x => x !== n);
+        draw();
+      }
+    });
+    sheet(o.title || 'Ordner verwalten', body);
+  }
+
+  window.DioraFolders = {chips, assign, manage, close};
+
+  // ---- styles ----------------------------------------------------------------------------------------
+
+  const style = document.createElement('style');
+  style.textContent = [
+    '.dfo-row { display: flex; gap: 6px; align-items: center; overflow-x: auto; padding: 2px 0 6px; scrollbar-width: none; }',
+    '.dfo-row::-webkit-scrollbar { display: none; }',
+    '@media (min-width: 721px) { .dfo-row { flex-wrap: wrap; overflow: visible; } }',
+    '.dfo-chip { flex: none; min-height: 34px; padding: 0 12px; border-radius: 17px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; font-size: 13px; cursor: pointer; white-space: nowrap; }',
+    '.dfo-chip.on { background: var(--accent, #e63946); border-color: var(--accent, #e63946); color: var(--on-accent, #fff); }',
+    '.dfo-count { opacity: .7; font-size: 12px; }',
+    '.dfo-none { font-style: italic; }',
+    '.dfo-manage { min-width: 34px; padding: 0 8px; }',
+    '.dfo-sep { flex: none; width: 1px; height: 20px; background: var(--border-strong, #444); margin: 0 2px; }',
+    // Above the book view (900), below the page's dialogs (990): a name is asked for on top.
+    '.dfo-scrim { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 950; background: var(--scrim, rgba(0,0,0,.5)); display: flex; align-items: flex-end; justify-content: center; }',
+    '@media (min-width: 721px) { .dfo-scrim { align-items: center; } }',
+    '.dfo-sheet { width: 100%; max-width: 480px; max-height: 80vh; overflow-y: auto; background: var(--panel, #161616); color: var(--fg, #eee); border-radius: 14px 14px 0 0; padding: 12px 16px 18px; box-sizing: border-box; }',
+    '@media (min-width: 721px) { .dfo-sheet { border-radius: 14px; } }',
+    '.dfo-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }',
+    '.dfo-x, .dfo-icon { background: none; border: none; color: inherit; font: inherit; font-size: 17px; min-width: 38px; min-height: 38px; cursor: pointer; }',
+    '.dfo-icon[disabled] { opacity: .3; cursor: default; }',
+    '.dfo-check { display: flex; align-items: center; gap: 10px; padding: 9px 2px; border-bottom: 1px solid var(--border, #2a2a2a); cursor: pointer; }',
+    '.dfo-check input { width: 18px; height: 18px; }',
+    '.dfo-mrow { display: flex; align-items: center; border-bottom: 1px solid var(--border, #2a2a2a); }',
+    '.dfo-mname { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
+    '.dfo-new { display: flex; gap: 8px; margin: 12px 0 4px; }',
+    '.dfo-input { flex: 1; min-width: 0; padding: 9px 10px; border-radius: 6px; border: 1px solid var(--border, #2a2a2a); background: var(--bg, #000); color: inherit; font: inherit; }',
+    '.dfo-btn { min-height: 38px; padding: 0 14px; border-radius: 19px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; font-size: 14px; cursor: pointer; }',
+    '.dfo-primary { background: var(--accent, #e63946); border-color: var(--accent, #e63946); color: var(--on-accent, #fff); }',
+    '.dfo-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }',
+    '.dfo-note { color: var(--muted, #9a9a9a); font-size: 13px; line-height: 1.45; }',
+    'body.eink .dfo-chip.on, body.eink .dfo-primary { background: #000; color: #fff; }',
+  ].join('\n');
+  document.head.appendChild(style);
+})();
diff --git a/static/js/gencover.js b/static/js/gencover.js
new file mode 100644
index 0000000..9f023aa
--- /dev/null
+++ b/static/js/gencover.js
@@ -0,0 +1,396 @@
+/*
+ * Covers for books that have none (docs/library.md): drawn here, the same on every
+ * device, from what the book is called and where it stands — its title, author, shelf
+ * category and folders. Words in them point to a design concept (a motif, curated
+ * palettes, a typeface: Marx and Kapital to constructivism, Hegel and Dialektik to quiet
+ * geometry, Meer to waves, Krieg to map contours …); a hash of title and author picks
+ * the palette, the layout and every detail of the motif, so no two books look alike and
+ * each always looks the same. Nothing is stored or sent: it's an SVG, made when needed.
+ *
+ *   DioraGenCover.url(book, {gray})  a data: URL (book: {title, author, shelfTag, folders})
+ *   DioraGenCover.theme(book)        the concept chosen (for tests)
+ *
+ * Chrome-61-safe: no ?. / ??.
+ */
+(function () {
+  'use strict';
+  const W = 300, H = 450;
+
+  // ---- chance, the same for the same book ------------------------------------------------
+
+  function hash(s) {
+    let h = 2166136261;
+    for (let i = 0; i < s.length; i++) { h ^= s.charCodeAt(i); h = Math.imul(h, 16777619); }
+    return h >>> 0;
+  }
+  function rng(seed) {
+    let a = seed >>> 0;
+    return function () {
+      a = (a + 0x6D2B79F5) >>> 0;
+      let t = a;
+      t = Math.imul(t ^ (t >>> 15), t | 1);
+      t ^= t + Math.imul(t ^ (t >>> 7), t | 61);
+      return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+    };
+  }
+  const pick = (r, list) => list[Math.floor(r() * list.length)];
+  const between = (r, a, b) => a + r() * (b - a);
+  const f1 = n => Math.round(n * 10) / 10;
+
+  // ---- the concepts ---------------------------------------------------------------------------
+  // words: stems found anywhere in the text (lower case, umlauts as they are);
+  // palettes: [background, ink, accent, second accent], curated to sit well together.
+
+  const SERIF = "Georgia, 'Times New Roman', serif";
+  const SANS = "'Helvetica Neue', Helvetica, Arial, sans-serif";
+  const NARROW = "'Arial Narrow', 'Roboto Condensed', 'Helvetica Neue', Arial, sans-serif";
+  const MONO = "'Courier New', Courier, monospace";
+
+  const THEMES = [
+    {id: 'konstruktiv', font: NARROW, upper: true,
+      words: ['marx', 'kapital', 'capital', 'arbeit', 'labor', 'labour', 'revolution', 'sozialis', 'socialis', 'kommun', 'communis',
+        'ökonom', 'econom', 'klasse', 'class', 'gewerkschaft', 'streik', 'strike', 'partei', 'lenin', 'luxemburg', 'engels',
+        'proletar', 'faschis', 'fascis', 'jacobin', 'gegenstandpunkt', 'demokratie', 'herrschaft', 'massen'],
+      palettes: [['#efe6d2', '#1b1b1b', '#c8322b', '#1b1b1b'], ['#1d1d1d', '#f2ead7', '#d23a2c', '#e8b23a'], ['#e9dfc8', '#22252a', '#b5302a', '#7a8a8f']]},
+    {id: 'geometrie', font: SERIF,
+      words: ['philosoph', 'hegel', 'kant', 'dialekt', 'dialect', 'vernunft', 'reason', 'geist', 'spirit', 'ethik', 'ethic',
+        'logik', 'logic', 'metaphys', 'phänomen', 'phenomen', 'denken', 'wahrheit', 'truth', 'sein', 'nichts', 'nothing',
+        'kritik', 'critique', 'theorie', 'theory', 'begriff', 'wissen'],
+      palettes: [['#f1ece1', '#2b2a27', '#b08a3e', '#6f7d72'], ['#26292e', '#ece4d4', '#c9a25a', '#8a9aa8'], ['#e7e1d6', '#3a3833', '#8c5a3c', '#5d6b74']]},
+    {id: 'psyche', font: SERIF,
+      words: ['lacan', 'freud', 'psycho', 'sex', 'begehren', 'desire', 'disavowal', 'verleugn', 'unbewusst', 'unconscious',
+        'comedy', 'komik', 'komöd', 'parallax', 'real', 'voice', 'stimme', 'žižek', 'zizek', 'zupan', 'dolar', 'traum', 'dream',
+        'odd one', 'antigone', 'let them rot', 'klavierspielerin'],
+      palettes: [['#f3e3d9', '#3d2440', '#c45b6a', '#5c8a8a'], ['#2c2236', '#f2dfd2', '#e07a6f', '#7fb3ae'], ['#e8ddeb', '#2e2a3d', '#8d4f8a', '#d99a6c']]},
+    {id: 'wellen', font: SERIF,
+      words: ['meer', 'sea', 'ozean', 'ocean', 'wasser', 'water', 'insel', 'island', 'fluss', 'river', 'flut', 'flood', 'deluge',
+        'sintflut', 'schiff', 'ship', 'welle', 'wave', 'strand', 'küste', 'coast', 'regen', 'rain'],
+      palettes: [['#e5eef0', '#13324a', '#2f6f8f', '#8fb8c6'], ['#0f2a3d', '#e3edf0', '#4c95b0', '#a9d3dc'], ['#efe9dc', '#1f3b4d', '#3d7a8c', '#c98a5a']]},
+    {id: 'karte', font: SERIF, upper: true,
+      words: ['krieg', 'war', 'geschichte', 'history', 'empire', 'imperium', 'reich', 'zerstörung', 'destruction', 'wages',
+        'nazi', 'staat', 'state', 'nation', 'kolonial', 'colonial', 'weltkrieg', 'schlacht', 'battle', 'grenze', 'border',
+        'seeing like', 'world-system', 'weltsystem'],
+      palettes: [['#e9e1cc', '#3b3a2c', '#8a4b2a', '#6d7a4f'], ['#2f3127', '#e6dcc4', '#b5763c', '#8e9a6b'], ['#ddd5bd', '#2c2a22', '#7a3b2e', '#5f6f63']]},
+    {id: 'kosmos', font: SANS, upper: true,
+      words: ['stern', 'star', 'kosmos', 'cosmos', 'space', 'weltraum', 'planet', 'mond', 'moon', 'dune', 'nacht', 'night',
+        'universum', 'universe', 'zeit', 'time', 'licht', 'light', 'galax', 'messiah', 'science fiction', 'sci-fi', 'zukunft', 'future'],
+      palettes: [['#141833', '#ece6d3', '#e3b65b', '#7d8bd4'], ['#0e1424', '#dfe6f2', '#d9824a', '#6fa3c4'], ['#1f1a33', '#efe7da', '#c9a8e0', '#e3c46b']]},
+    {id: 'ornament', font: SERIF,
+      words: ['fantasy', 'drache', 'dragon', 'magie', 'magic', 'prophezei', 'prophecy', 'throne', 'thron', 'könig', 'king',
+        'krone', 'crown', 'schwert', 'sword', 'warrior', 'krieger', 'cats', 'katze', 'legende', 'legend', 'märchen', 'fairy',
+        'zauber', 'spell', 'ice and fire', 'bundle'],
+      palettes: [['#1e2a2a', '#efe3c4', '#c69a3c', '#8f3b46'], ['#2b1d2e', '#f0e2c8', '#d3a13f', '#3f7a6d'], ['#f0e6d0', '#2d2433', '#8c3a4a', '#2f6b65']]},
+    {id: 'botanik', font: SERIF,
+      words: ['natur', 'nature', 'wald', 'forest', 'baum', 'tree', 'garten', 'garden', 'blume', 'flower', 'blatt', 'leaf',
+        'frühling', 'spring', 'sommer', 'summer', 'pflanze', 'plant', 'wurzel', 'root', 'gras', 'grass', 'pilz', 'mushroom'],
+      palettes: [['#eef0e4', '#23301f', '#4f7a43', '#b7a35a'], ['#203024', '#e8ecdc', '#86a86b', '#d6b56a'], ['#f2ece0', '#2b3326', '#6f8f5a', '#c27c5a']]},
+    {id: 'berge', font: SANS, upper: true,
+      words: ['berg', 'mountain', 'alpen', 'alps', 'gipfel', 'peak', 'zauberberg', 'hügel', 'hill', 'landschaft', 'landscape',
+        'schnee', 'snow', 'winter', 'eis', 'ice', 'tal', 'valley', 'wandern'],
+      palettes: [['#e8ecef', '#22303b', '#5b7a8f', '#a9bccb'], ['#24323d', '#eef1f2', '#7f9fb3', '#c8d6de'], ['#efe9e0', '#2e3438', '#6f8590', '#c7a27a']]},
+    {id: 'zellen', font: SANS,
+      words: ['biolog', 'gehirn', 'brain', 'mensch', 'human', 'behave', 'verhalten', 'behavio', 'sucht', 'addict', 'enough',
+        'körper', 'body', 'medizin', 'medic', 'gen', 'evolution', 'neuro', 'zelle', 'cell', 'leben', 'life', 'tier', 'animal'],
+      palettes: [['#f1ebe4', '#26323a', '#e0765c', '#4f9a94'], ['#1f2b31', '#eef0ea', '#f08a6c', '#69b3aa'], ['#eaf0ee', '#22303a', '#d4634e', '#3f8f8a']]},
+    {id: 'raster', font: SANS,
+      words: ['stadt', 'city', 'urban', 'risiko', 'risk', 'gesellschaft', 'society', 'moderne', 'modern', 'system', 'analys',
+        'netz', 'network', 'technik', 'techn', 'smart', 'notes', 'notiz', 'daten', 'data', 'digital', 'maschine', 'machine',
+        'architektur', 'architect', 'hyperpolitik', 'politik', 'politic', 'revolution of', 'end of the'],
+      palettes: [['#ecebe7', '#1f2328', '#d1453b', '#2f5f8f'], ['#22262b', '#ebe8e1', '#e2b33c', '#4f86b8'], ['#f0ede6', '#2a2d31', '#3f6fa0', '#d9a03a']]},
+    {id: 'schatten', font: NARROW, upper: true,
+      words: ['tod', 'death', 'mord', 'murder', 'crime', 'verbrechen', 'schatten', 'shadow', 'dunkel', 'dark', 'angst', 'fear',
+        'serotonin', 'blut', 'blood', 'gift', 'poison', 'detektiv', 'detective', 'kommissar', 'thriller'],
+      palettes: [['#151515', '#ecebe6', '#c2302f', '#5a5a5a'], ['#ecebe6', '#151515', '#a8241f', '#7c7c7c'], ['#1c1f24', '#e4e0d8', '#d0a04a', '#55606b']]},
+    {id: 'typo', font: SERIF,
+      words: ['roman', 'novel', 'erzählung', 'stories', 'geschichten', 'gedicht', 'poem', 'poesie', 'poetry', 'brief', 'letters',
+        'tagebuch', 'diary', 'molloy', 'beckett', 'manuskripte', 'literatur', 'literature', 'review', 'zeitschrift'],
+      palettes: [['#f2ede3', '#211f1c', '#9b3b2f', '#7d7466'], ['#24211e', '#f0e9dc', '#d39b5f', '#8f8578'], ['#e9e4f0', '#26222e', '#5b4a8a', '#a3909a']]},
+  ];
+  const DEFAULT = {id: 'bauhaus', font: SANS,
+    palettes: [['#efe9dd', '#24262a', '#d0533f', '#3f7fb0'], ['#26282d', '#efe8da', '#e3b04b', '#5b9aa8'], ['#e8ecef', '#22272c', '#c8553d', '#6b8f71'],
+      ['#f3e9e2', '#2a2523', '#b84a62', '#4c7a8a']]};
+
+  // ---- which concept: the words, weighted by where they stand -------------------------------
+
+  function norm(s) { return String(s || '').toLowerCase(); }
+
+  function scored(book) {
+    // The title says most about a book; author and shelf category help, a folder only tips the scales.
+    const fields = [[norm(book.title), 3], [norm(book.shelfTag), 2],
+      [norm((book.folders || (book.folder ? [book.folder] : [])).join(' ')), 1], [norm(book.author), 2]];
+    return THEMES.map(t => {
+      let score = 0;
+      t.words.forEach(w => fields.forEach(f => { if (f[0].indexOf(w) >= 0) score += f[1]; }));
+      return {t, score};
+    }).filter(x => x.score > 0).sort((a, b) => b.score - a.score);
+  }
+
+  function theme(book) {
+    const s = scored(book);
+    return s.length ? s[0].t : DEFAULT;
+  }
+
+  // ---- motifs: each draws into the whole cover, the text gets its own space later -----------
+
+  const M = {
+    konstruktiv(r, p) {
+      let s = '';
+      const a = pick(r, [-34, -28, 28, 34, -45]);
+      s += `<g transform="rotate(${a} 150 225)">`;
+      for (let i = 0; i < 3; i++) {
+        const y = between(r, 60, 380), h = between(r, 14, 46);
+        s += `<rect x="-120" y="${f1(y)}" width="540" height="${f1(h)}" fill="${i ? p[1] : p[2]}" opacity="${i ? 0.9 : 1}"/>`;
+      }
+      s += '</g>';
+      s += `<circle cx="${f1(between(r, 70, 230))}" cy="${f1(between(r, 120, 320))}" r="${f1(between(r, 38, 78))}" fill="${p[2]}"/>`;
+      s += `<rect x="${f1(between(r, 20, 200))}" y="${f1(between(r, 40, 360))}" width="${f1(between(r, 30, 80))}" height="${f1(between(r, 30, 80))}" fill="none" stroke="${p[1]}" stroke-width="6"/>`;
+      return s;
+    },
+    geometrie(r, p) {
+      const cx = between(r, 100, 200), cy = between(r, 170, 300);
+      let s = '';
+      const n = 4 + Math.floor(r() * 5);
+      for (let i = 1; i <= n; i++) s += `<circle cx="${f1(cx)}" cy="${f1(cy)}" r="${f1(i * between(r, 14, 22))}" fill="none" stroke="${i % 3 ? p[1] : p[2]}" stroke-width="${i % 3 ? 1 : 2.4}" opacity="${i % 3 ? 0.55 : 0.9}"/>`;
+      const phi = 1.618;
+      s += `<line x1="0" y1="${f1(H / phi)}" x2="${W}" y2="${f1(H / phi)}" stroke="${p[1]}" stroke-width="1" opacity=".5"/>`;
+      s += `<line x1="${f1(W / phi)}" y1="0" x2="${f1(W / phi)}" y2="${H}" stroke="${p[1]}" stroke-width="1" opacity=".5"/>`;
+      s += `<circle cx="${f1(cx + between(r, -40, 40))}" cy="${f1(cy + between(r, -40, 40))}" r="${f1(between(r, 8, 18))}" fill="${p[2]}"/>`;
+      return s;
+    },
+    psyche(r, p) {
+      let s = `<rect x="${W / 2}" y="0" width="${W / 2}" height="${H}" fill="${p[3]}" opacity=".35"/>`;
+      const cy = between(r, 170, 290);
+      const rx = between(r, 60, 95), ry = between(r, 80, 130);
+      s += `<ellipse cx="${f1(W / 2 - rx * 0.45)}" cy="${f1(cy)}" rx="${f1(rx)}" ry="${f1(ry)}" fill="${p[2]}" opacity=".85"/>`;
+      s += `<ellipse cx="${f1(W / 2 + rx * 0.45)}" cy="${f1(cy)}" rx="${f1(rx)}" ry="${f1(ry)}" fill="none" stroke="${p[1]}" stroke-width="2.5"/>`;
+      s += `<line x1="${W / 2}" y1="40" x2="${W / 2}" y2="${H - 40}" stroke="${p[1]}" stroke-width="1" opacity=".6"/>`;
+      return s;
+    },
+    wellen(r, p) {
+      let s = '';
+      const n = 6 + Math.floor(r() * 5);
+      const amp = between(r, 6, 16), len = between(r, 60, 120);
+      for (let i = 0; i < n; i++) {
+        const y0 = 120 + i * (300 / n);
+        let d = `M0 ${f1(y0)}`;
+        for (let x = 0; x <= W; x += 10) d += ` L${x} ${f1(y0 + Math.sin((x / len) * Math.PI * 2 + i * 0.7) * amp)}`;
+        d += ` L${W} ${H} L0 ${H} Z`;
+        s += `<path d="${d}" fill="${i % 2 ? p[2] : p[3]}" opacity="${f1(0.18 + i * 0.07)}"/>`;
+      }
+      return s;
+    },
+    karte(r, p) {
+      let s = '';
+      const cx = between(r, 80, 220), cy = between(r, 160, 320);
+      for (let i = 1; i <= 9; i++) {
+        let d = '';
+        for (let k = 0; k <= 36; k++) {
+          const a = (k / 36) * Math.PI * 2;
+          const rad = i * 15 * (1 + 0.18 * Math.sin(a * 3 + i) + 0.1 * Math.cos(a * 5 + r()));
+          d += (k ? ' L' : 'M') + f1(cx + Math.cos(a) * rad) + ' ' + f1(cy + Math.sin(a) * rad * 1.15);
+        }
+        s += `<path d="${d} Z" fill="none" stroke="${i % 4 ? p[1] : p[2]}" stroke-width="${i % 4 ? 0.8 : 1.8}" opacity="${i % 4 ? 0.45 : 0.9}"/>`;
+      }
+      s += `<g stroke="${p[2]}" stroke-width="1.4"><line x1="${f1(cx)}" y1="${f1(cy - 30)}" x2="${f1(cx)}" y2="${f1(cy + 30)}"/><line x1="${f1(cx - 30)}" y1="${f1(cy)}" x2="${f1(cx + 30)}" y2="${f1(cy)}"/></g>`;
+      return s;
+    },
+    kosmos(r, p) {
+      let s = '';
+      for (let i = 0; i < 70; i++) s += `<circle cx="${f1(r() * W)}" cy="${f1(r() * H)}" r="${f1(between(r, 0.4, 1.5))}" fill="${p[1]}" opacity="${f1(between(r, 0.3, 0.9))}"/>`;
+      const cx = between(r, 90, 210), cy = between(r, 170, 290), pr = between(r, 30, 55);
+      for (let i = 1; i <= 3; i++) s += `<ellipse cx="${f1(cx)}" cy="${f1(cy)}" rx="${f1(pr + i * 28)}" ry="${f1((pr + i * 28) * 0.38)}" fill="none" stroke="${p[3]}" stroke-width="1" opacity=".6" transform="rotate(-18 ${f1(cx)} ${f1(cy)})"/>`;
+      s += `<circle cx="${f1(cx)}" cy="${f1(cy)}" r="${f1(pr)}" fill="${p[2]}"/>`;
+      s += `<circle cx="${f1(cx + pr * 0.35)}" cy="${f1(cy - pr * 0.2)}" r="${f1(pr)}" fill="${p[0]}" opacity=".35"/>`;
+      return s;
+    },
+    ornament(r, p) {
+      const cx = W / 2, cy = between(r, 190, 260), n = pick(r, [8, 10, 12, 16]);
+      let s = `<g transform="translate(${cx} ${f1(cy)})">`;
+      const len = between(r, 70, 105), wid = between(r, 18, 30);
+      for (let i = 0; i < n; i++) {
+        s += `<path d="M0 0 C ${f1(wid)} ${f1(-len * 0.4)} ${f1(wid * 0.5)} ${f1(-len * 0.8)} 0 ${f1(-len)} C ${f1(-wid * 0.5)} ${f1(-len * 0.8)} ${f1(-wid)} ${f1(-len * 0.4)} 0 0 Z" ` +
+          `fill="${i % 2 ? p[2] : p[3]}" opacity=".85" transform="rotate(${f1(i * 360 / n)})"/>`;
+      }
+      s += `<circle r="${f1(between(r, 12, 20))}" fill="${p[1]}"/><circle r="${f1(len + 12)}" fill="none" stroke="${p[2]}" stroke-width="1.5"/></g>`;
+      s += `<rect x="14" y="14" width="${W - 28}" height="${H - 28}" fill="none" stroke="${p[2]}" stroke-width="1.5" opacity=".8"/>`;
+      return s;
+    },
+    botanik(r, p) {
+      let s = '';
+      const n = 5 + Math.floor(r() * 4);
+      for (let i = 0; i < n; i++) {
+        const x = between(r, 40, 260), y = between(r, 150, 420), len = between(r, 60, 130), a = between(r, -50, 50);
+        s += `<g transform="translate(${f1(x)} ${f1(y)}) rotate(${f1(a)})">` +
+          `<path d="M0 0 C ${f1(len * 0.35)} ${f1(-len * 0.35)} ${f1(len * 0.3)} ${f1(-len * 0.8)} 0 ${f1(-len)} C ${f1(-len * 0.3)} ${f1(-len * 0.8)} ${f1(-len * 0.35)} ${f1(-len * 0.35)} 0 0 Z" fill="${i % 3 ? p[2] : p[3]}" opacity=".8"/>` +
+          `<line x1="0" y1="0" x2="0" y2="${f1(-len * 0.95)}" stroke="${p[0]}" stroke-width="1.2" opacity=".7"/></g>`;
+      }
+      return s;
+    },
+    berge(r, p) {
+      let s = `<circle cx="${f1(between(r, 60, 240))}" cy="${f1(between(r, 120, 190))}" r="${f1(between(r, 22, 38))}" fill="${p[3]}"/>`;
+      for (let i = 0; i < 4; i++) {
+        const base = 260 + i * 45;
+        let d = `M0 ${H} L0 ${base}`;
+        for (let x = 0; x <= W; x += 30) d += ` L${x} ${f1(base - between(r, 10, 90 - i * 15))}`;
+        d += ` L${W} ${base} L${W} ${H} Z`;
+        s += `<path d="${d}" fill="${i % 2 ? p[1] : p[2]}" opacity="${f1(0.35 + i * 0.18)}"/>`;
+      }
+      return s;
+    },
+    zellen(r, p) {
+      let s = '';
+      for (let i = 0; i < 16; i++) {
+        const x = between(r, 20, 280), y = between(r, 140, 430), rad = between(r, 12, 42);
+        s += `<circle cx="${f1(x)}" cy="${f1(y)}" r="${f1(rad)}" fill="${i % 3 ? p[3] : p[2]}" opacity="${f1(between(r, 0.25, 0.75))}"/>`;
+        if (i % 4 === 0) s += `<circle cx="${f1(x)}" cy="${f1(y)}" r="${f1(rad * 0.3)}" fill="${p[1]}" opacity=".7"/>`;
+      }
+      return s;
+    },
+    raster(r, p) {
+      if (r() < 0.45) {   // or a skyline
+        let s = '';
+        let x = 10;
+        while (x < W - 10) {
+          const w = between(r, 18, 46), h = between(r, 60, 230), v = r();
+          s += `<rect x="${f1(x)}" y="${f1(H - 20 - h)}" width="${f1(w)}" height="${f1(h)}" fill="${v < 0.15 ? p[2] : v < 0.25 ? p[3] : p[1]}" opacity="${v < 0.25 ? 0.95 : f1(0.12 + v * 0.18)}"/>`;
+          for (let wy = H - 30 - h + 12; wy < H - 32; wy += 14) {
+            if (r() < 0.4) s += `<rect x="${f1(x + 5)}" y="${f1(wy)}" width="${f1(Math.max(3, w - 10))}" height="3" fill="${p[0]}" opacity=".5"/>`;
+          }
+          x += w + between(r, 2, 6);
+        }
+        return s;
+      }
+      let s = '';
+      const cols = 4 + Math.floor(r() * 3), rows = 5 + Math.floor(r() * 3), gap = 6;
+      const cw = (W - 40 - gap * (cols - 1)) / cols, rh = (H - 200 - gap * (rows - 1)) / rows;
+      for (let i = 0; i < cols; i++) for (let j = 0; j < rows; j++) {
+        const v = r();
+        const fill = v < 0.12 ? p[2] : v < 0.2 ? p[3] : p[1];
+        s += `<rect x="${f1(20 + i * (cw + gap))}" y="${f1(180 + j * (rh + gap))}" width="${f1(cw)}" height="${f1(rh)}" fill="${fill}" opacity="${v < 0.2 ? 0.95 : f1(0.08 + v * 0.12)}"/>`;
+      }
+      return s;
+    },
+    schatten(r, p) {
+      const x = between(r, 60, 240);
+      return `<rect x="${f1(x)}" y="0" width="${f1(between(r, 3, 8))}" height="${H}" fill="${p[2]}"/>` +
+        `<circle cx="${f1(x)}" cy="${f1(between(r, 200, 330))}" r="${f1(between(r, 50, 90))}" fill="${p[3]}" opacity=".35"/>`;
+    },
+    typo(r, p, book) {
+      const ch = (book.title || '?').replace(/^[^A-Za-zÄÖÜäöüß0-9]+/, '').charAt(0).toUpperCase() || '?';
+      return `<text x="${f1(between(r, 20, 60))}" y="${f1(between(r, 380, 430))}" font-family="${SERIF}" font-size="${f1(between(r, 240, 320))}" ` +
+        `fill="${p[2]}" opacity=".9">${esc(ch)}</text>` +
+        `<line x1="20" y1="${f1(between(r, 120, 160))}" x2="${W - 20}" y2="${f1(between(r, 120, 160))}" stroke="${p[1]}" stroke-width="1" opacity=".5"/>`;
+    },
+    bauhaus(r, p) {
+      let s = '';
+      for (let i = 0; i < 4; i++) {
+        const kind = Math.floor(r() * 3), x = between(r, 30, 270), y = between(r, 150, 410), size = between(r, 40, 110);
+        const fill = pick(r, [p[2], p[3], p[1]]);
+        if (kind === 0) s += `<circle cx="${f1(x)}" cy="${f1(y)}" r="${f1(size / 2)}" fill="${fill}" opacity=".9"/>`;
+        else if (kind === 1) s += `<rect x="${f1(x - size / 2)}" y="${f1(y - size / 2)}" width="${f1(size)}" height="${f1(size)}" fill="${fill}" opacity=".9" transform="rotate(${f1(between(r, -20, 20))} ${f1(x)} ${f1(y)})"/>`;
+        else s += `<path d="M${f1(x)} ${f1(y - size / 2)} L${f1(x + size / 2)} ${f1(y + size / 2)} L${f1(x - size / 2)} ${f1(y + size / 2)} Z" fill="${fill}" opacity=".9"/>`;
+      }
+      return s;
+    },
+  };
+
+  // ---- the text -------------------------------------------------------------------------------------
+
+  function esc(s) {
+    return String(s).replace(/[&<>"']/g, c => ({'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&apos;'}[c]));
+  }
+
+  // The title's lines, for a size that fits; a word too long is broken.
+  function lines(text, size, max) {
+    const per = Math.max(4, Math.floor(250 / (size * 0.56)));
+    const words = String(text).split(/\s+/).filter(Boolean);
+    const out = [];
+    let cur = '';
+    words.forEach(w => {
+      while (w.length > per) { if (cur) { out.push(cur); cur = ''; } out.push(w.slice(0, per - 1) + '‑'); w = w.slice(per - 1); }
+      if (!cur) cur = w;
+      else if ((cur + ' ' + w).length <= per) cur += ' ' + w;
+      else { out.push(cur); cur = w; }
+    });
+    if (cur) out.push(cur);
+    if (out.length > max) { out.length = max; out[max - 1] = out[max - 1].replace(/\s*\S*$/, '') + ' …'; }
+    return out;
+  }
+
+  // Only the main title ("Seeing Like a State: How …" → "Seeing Like a State").
+  function mainTitle(t) {
+    let s = String(t || '').split(/\s[-:–—•·\/]\s|:\s/)[0].trim();
+    // "Der Zauberberg. Erster Band" → "Der Zauberberg", but not at an initial ("George R. R. Martin").
+    const re = /(\S+)\.\s+(?=[A-ZÄÖÜ])/g;
+    let m;
+    while ((m = re.exec(s))) {
+      if (m[1].length >= 3) { s = s.slice(0, m.index + m[1].length); break; }
+    }
+    return s.length >= 3 ? s : String(t || '?');
+  }
+
+  function textBlock(r, th, p, book) {
+    const title = mainTitle(book.title);
+    const upper = th.upper;
+    const t = upper ? title.toUpperCase() : title;
+    const len = t.length;
+    const longest = t.split(/\s+/).reduce((n, w) => Math.max(n, w.length), 0);
+    // The longest word stays whole: the type gets smaller rather than the word broken.
+    const size = Math.max(15, Math.min(len <= 10 ? 40 : len <= 18 ? 34 : len <= 30 ? 28 : len <= 48 ? 23 : 19,
+      Math.floor(250 / (longest * 0.58))));
+    const ls = lines(t, size, 5);
+    const lh = size * 1.12;
+    const layout = pick(r, ['top', 'top', 'bottom', 'plate']);
+    const author = String(book.author || '').split(/[;,]/)[0].trim();
+    const blockH = ls.length * lh + (author ? 30 : 0) + 40;
+    let y0, s = '';
+    if (layout === 'top') {
+      y0 = 34;
+      s += `<rect x="0" y="0" width="${W}" height="${f1(blockH)}" fill="${p[0]}" opacity=".94"/>`;
+    } else if (layout === 'bottom') {
+      y0 = H - blockH + 20;
+      s += `<rect x="0" y="${f1(H - blockH)}" width="${W}" height="${f1(blockH)}" fill="${p[0]}" opacity=".94"/>`;
+    } else {
+      y0 = 70;
+      s += `<rect x="18" y="${f1(y0 - 34)}" width="${W - 36}" height="${f1(blockH)}" rx="3" fill="${p[0]}" opacity=".95"/>`;
+    }
+    const x = 26;
+    ls.forEach((l, i) => {
+      s += `<text x="${x}" y="${f1(y0 + size * 0.85 + i * lh)}" font-family="${th.font}" font-size="${size}" font-weight="${th.font === SERIF ? 400 : 700}" ` +
+        `fill="${p[1]}" letter-spacing="${upper ? 0.5 : 0}">${esc(l)}</text>`;
+    });
+    if (author) {
+      s += `<text x="${x}" y="${f1(y0 + ls.length * lh + 22)}" font-family="${SANS}" font-size="12" letter-spacing="2" fill="${p[2]}">${esc(author.toUpperCase())}</text>`;
+    }
+    return s;
+  }
+
+  // ---- the cover ---------------------------------------------------------------------------------------
+
+  function gray(hex) {
+    const n = parseInt(hex.slice(1), 16);
+    const y = Math.round(0.3 * (n >> 16) + 0.59 * ((n >> 8) & 255) + 0.11 * (n & 255));
+    const h = (y < 16 ? '0' : '') + y.toString(16);
+    return '#' + h + h + h;
+  }
+
+  function svg(book, opts) {
+    const th = theme(book);
+    const r = rng(hash(norm(book.title) + '|' + norm(book.author)));
+    let p = pick(r, th.palettes);
+    if (opts && opts.gray) p = p.map(gray);
+    const motif = (M[th.id] || M.bauhaus)(r, p, book);
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${W} ${H}" width="${W}" height="${H}">` +
+      `<rect width="${W}" height="${H}" fill="${p[0]}"/>${motif}${textBlock(r, th, p, book)}</svg>`;
+  }
+
+  const cache = new Map();
+  function url(book, opts) {
+    const key = (book.title || '') + '|' + (book.author || '') + '|' + (book.shelfTag || '') + '|' +
+      ((book.folders || []).join(',')) + '|' + (opts && opts.gray ? 1 : 0);
+    if (!cache.has(key)) cache.set(key, 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svg(book, opts)));
+    return cache.get(key);
+  }
+
+  window.DioraGenCover = {url, svg, theme: book => theme(book).id};
+})();
diff --git a/static/js/sw.js b/static/js/sw.js
index d585cf5..33b9c63 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v118';
+const CACHE = 'diora-v119';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
@@ -23,6 +23,7 @@ const SHELL = [
   '/static/js/app/48-book-cache.js',
   '/static/js/app/50-reader-state.js',
   '/static/js/app/52-book-list.js',
+  '/static/js/app/53-library.js',
   '/static/js/app/56-cloud-import.js',
   '/static/js/app/58-pdf.js',
   '/static/js/app/60-tts.js',
@@ -42,6 +43,9 @@ const SHELL = [
   '/static/js/feeds.js',
   '/static/js/audiobooks.js',
   '/static/js/nav.js',
+  '/static/js/folders.js',
+  '/static/js/covers.js',
+  '/static/js/gencover.js',
   '/static/js/sources.js',
   '/static/podcasts/native-podcast.js',
   '/static/podcasts/podcast-ui.css',
diff --git a/templates/radio/player.html b/templates/radio/player.html
index afcba7e..0c38ddf 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -353,6 +353,9 @@
 </script>
 {# app.js, split by area (docs/refactoring.md): classic scripts sharing one global scope, in this order. #}
 <script src="/static/js/nav.js"></script>
+<script src="/static/js/folders.js"></script>
+<script src="/static/js/covers.js"></script>
+<script src="/static/js/gencover.js"></script>
 <script src="/static/js/app/01-core.js"></script>
 <script src="/static/js/app/10-radio.js"></script>
 <script src="/static/js/app/14-focus.js"></script>
@@ -371,6 +374,7 @@
 <script src="/static/js/app/48-book-cache.js"></script>
 <script src="/static/js/app/50-reader-state.js"></script>
 <script src="/static/js/app/52-book-list.js"></script>
+<script src="/static/js/app/53-library.js"></script>
 <script src="/static/js/app/56-cloud-import.js"></script>
 <script src="/static/js/app/58-pdf.js"></script>
 <script src="/static/js/app/60-tts.js"></script>

From d870ed6f9d034597c8a3161c68b76d1d6a7ac458 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 20:56:19 +0200
Subject: [PATCH 123/176] =?UTF-8?q?Blogs:=20Ordner=20verwalten=20und=20zuw?=
 =?UTF-8?q?eisen=20wie=20=C3=BCberall;=20leere=20Bibliothek=20zeigt=20den?=
 =?UTF-8?q?=20Kopf=20mit=20+?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 e2e/navigation.spec.js        | 16 ++++++++++++++
 static/js/app/52-book-list.js |  2 ++
 static/js/feeds.js            | 41 ++++++++++++++++++++++++++++++++++-
 3 files changed, 58 insertions(+), 1 deletion(-)

diff --git a/e2e/navigation.spec.js b/e2e/navigation.spec.js
index 840e44c..cc987b0 100644
--- a/e2e/navigation.spec.js
+++ b/e2e/navigation.spec.js
@@ -72,3 +72,19 @@ test('Abos & Quellen: one page for every subscription, reached from the feeds to
   await tab.locator('[data-filter="all"]').click();
   await expect(tab.locator('.src-chip.on')).toContainText('Alle');
 });
+
+test('the library: a header with search, sort, layout and +, the add menu', async ({ page }) => {
+  await page.setViewportSize({ width: 1200, height: 800 });
+  await page.goto('/#books');
+  const list = page.locator('#book-list');
+  await expect(list.locator('.lib-h')).toHaveText('Bücher');
+  await expect(list.locator('.lib-q')).toBeVisible();
+  await expect(list.locator('.lib-sort')).toBeVisible();
+  await expect(page.locator('#book-drop-zone')).toBeHidden();   // adding is behind +
+  await list.locator('[data-lib="add"]').click();
+  await expect(page.locator('.dfo-sheet')).toContainText('E-Book-Datei');
+  await page.locator('.dfo-sheet [data-x]').click();
+  await expect(page.locator('.dfo-sheet')).toHaveCount(0);
+  await page.goto('/#magazines');
+  await expect(list.locator('.lib-h')).toHaveText('Zeitschriften');
+});
diff --git a/static/js/app/52-book-list.js b/static/js/app/52-book-list.js
index 0f592a1..ff8b34b 100644
--- a/static/js/app/52-book-list.js
+++ b/static/js/app/52-book-list.js
@@ -29,6 +29,8 @@ async function loadBookList() {
       return;
     }
     if (!books.length) {
+      // Drawn like any list: the page's header (with +) is how a first book gets in.
+      if (window.__dioraLibraryV2) { renderBookList([]); return; }
       listEl.innerHTML = '<p class="muted">Noch keine Bücher. Zieh oben eine .epub- oder .pdf-Datei hinein.</p>';
       return;
     }
diff --git a/static/js/feeds.js b/static/js/feeds.js
index c86d83a..a29ea0c 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -309,7 +309,9 @@
         (sum(list, 'unread') ? ' <small>' + sum(list, 'unread') + '</small>' : '') + '</button>';
       h += '<div class="fd-chips">' + chip(null, 'Alle', visible) +
         folders.map(f => chip(f, f, inFolder(f))).join('') +
-        (blogs.some(b => !(b.folders || []).length) ? chip('', 'Ohne Ordner', inFolder('')) : '') + '</div>';
+        (blogs.some(b => !(b.folders || []).length) ? chip('', 'Ohne Ordner', inFolder('')) : '') +
+        (window.DioraFolders ? '<button type="button" class="fd-chip" data-act="folders-manage" title="Ordner verwalten" aria-label="Ordner verwalten">⋯</button>' : '') +
+        '</div>';
     }
     const main = st.blogFolder === null;
     const shown = main ? blogs : inFolder(st.blogFolder);
@@ -336,6 +338,7 @@
         (one.hidden ? 'Im Hauptfeed ausgeblendet' : 'Im Hauptfeed ausblenden') + '</button>' +
         '<button type="button" class="fd-chip' + (one.notify ? ' on' : '') + '" data-flag="notify" data-id="' + one.id + '" title="Benachrichtigung bei neuen Posts (App)">' +
         (one.notify ? '🔔 Glocke an' : '🔕 Glocke') + '</button>' +
+        (window.DioraFolders ? '<button type="button" class="fd-chip" data-act="blog-folders" data-id="' + one.id + '">▤ In Ordner …</button>' : '') +
         '<button type="button" class="fd-chip" data-edit-open="' + one.id + '">⚙</button></div>';
     }
     if (!st.items.length) return h + '<p class="fd-note">' + (st.loading ? 'Lädt …' : (st.blogUnread ? 'Alles gelesen.' : 'Keine Artikel.')) + '</p>';
@@ -823,6 +826,42 @@
       try { await api('/feeds/refresh/', {}); } catch (err) {}
       return load();
     }
+    // Folders the same way as everywhere (folders.js, docs/library.md).
+    if (act === 'folders-manage' && window.DioraFolders) {
+      const done = () => loadState().catch(() => {}).then(() => (st.view === 'blogs' ? load() : render()));
+      window.DioraFolders.manage({
+        title: 'Ordner der Blogs',
+        folders: (st.state && st.state.folders) || [],
+        onRename: (name, neu) => api('/feeds/folders/rename/', {name, new: neu}).catch(() => {}).then(() => {
+          if (st.blogFolder !== null && st.blogFolder.toLowerCase() === name.toLowerCase()) st.blogFolder = neu;
+          return done();
+        }),
+        onDelete: name => api('/feeds/folders/dissolve/', {name}).catch(() => {}).then(() => {
+          if (st.blogFolder !== null && st.blogFolder.toLowerCase() === name.toLowerCase()) st.blogFolder = null;
+          return done();
+        }),
+        onOrder: order => api('/feeds/folders/order/', {order}).then(d => {
+          if (st.state && d && d.folders) st.state.folders = d.folders;
+          render();
+        }).catch(() => {}),
+      });
+      return;
+    }
+    if (act === 'blog-folders' && window.DioraFolders) {
+      const src = sources().find(x => x.id === parseInt(t.dataset.id, 10));
+      if (!src) return;
+      window.DioraFolders.assign({
+        title: 'Ordner für „' + src.title + '“',
+        folders: (st.state && st.state.folders) || [],
+        selected: src.folders || [],
+        onDone: async names => {
+          await api('/feeds/sources/' + src.id + '/', {folders: names}).catch(() => {});
+          await loadState().catch(() => {});
+          load();
+        },
+      });
+      return;
+    }
     if (act === 'manage') {
       // Managing every subscription has its place (Abos & Quellen, docs/sources.md).
       const nav = window.DioraNav;

From 4e4fac227c4ed1a8ed03d5843125f6fa5c7f9388 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 21:06:41 +0200
Subject: [PATCH 124/176] Podcast-UI aus diora-android 449118c (Ordner-Chips,
 ein Kopf je Bereich); E-Ink: Art-Abzeichen in Abos & Quellen lesbar

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sources.js              |   1 +
 static/js/sw.js                   |   2 +-
 static/podcasts/native-podcast.js | 396 ++++++++++++++++++++++++++++--
 static/podcasts/podcast-ui.css    |  37 ++-
 4 files changed, 410 insertions(+), 26 deletions(-)

diff --git a/static/js/sources.js b/static/js/sources.js
index 8f049cc..9072889 100644
--- a/static/js/sources.js
+++ b/static/js/sources.js
@@ -476,6 +476,7 @@
     '#src-toast { position: fixed; left: 50%; bottom: calc(var(--nui-dock-h, 0px) + 90px); transform: translateX(-50%); z-index: 2500; background: var(--raised, #222); color: var(--fg, #eee); padding: 10px 16px; border-radius: 8px; font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s; max-width: calc(100vw - 32px); }',
     '#src-toast.src-show { opacity: 1; }',
     'body.eink #tab-sources .src-primary, body.eink #tab-sources .src-chip.on { background: #000; color: #fff; }',
+    'body.eink #tab-sources .src-kind { background: none; color: #000; border: 1px solid #000; }',
   ].join('\n');
   document.head.appendChild(style);
 })();
diff --git a/static/js/sw.js b/static/js/sw.js
index 33b9c63..f0cd94e 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v119';
+const CACHE = 'diora-v120';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 7a80727..bf23c65 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 3eed256 2026-10-16: web-native/static/native-podcast.js
+// Copied from diora-android 449118c 2026-10-16: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -251,9 +251,59 @@
     top.append(button('⌄', closeLabel, onClose));
     sheet.append(panel);
     sheet.addEventListener('click', ev => { if (ev.target === sheet) onClose(); });
+    swipeToClose(panel, onClose);
     return {sheet, panel, top};
   }
 
+  // A sheet (the player, an episode's details …) follows the finger down from its top and
+  // closes when let go far enough down (or flicked); otherwise it springs back. Only while
+  // nothing under the finger can scroll up any more, and never on a slider.
+  function swipeToClose(panel, onClose) {
+    let g = null;
+    const scrolledUp = target => {
+      for (let n = target; n && n !== panel.parentNode; n = n.parentNode) {
+        if (n.nodeType === 1 && n.scrollTop > 0 && n.scrollHeight > n.clientHeight) return true;
+      }
+      return false;
+    };
+    panel.addEventListener('touchstart', e => {
+      g = null;
+      if (e.touches.length !== 1 || e.target.closest('input, textarea, select, [contenteditable="true"]')) return;
+      if (scrolledUp(e.target)) return;
+      g = {y: e.touches[0].clientY, x: e.touches[0].clientX, t: Date.now(), on: false, dy: 0};
+    }, {passive: true});
+    panel.addEventListener('touchmove', e => {
+      if (!g || e.touches.length !== 1) return;
+      const t = e.touches[0];
+      const dy = t.clientY - g.y;
+      if (!g.on) {
+        if (dy < 0 || Math.abs(t.clientX - g.x) > Math.abs(dy)) { g = null; return; }
+        if (dy < 10) return;
+        g.on = true;
+        panel.style.transition = 'none';
+      }
+      e.preventDefault();   // the sheet moves, the page under it doesn't scroll
+      g.dy = dy;
+      panel.style.transform = `translateY(${Math.max(0, dy)}px)`;
+    }, {passive: false});
+    const end = () => {
+      if (!g || !g.on) { g = null; return; }
+      const fast = g.dy / Math.max(1, Date.now() - g.t) > 0.6;   // a flick: px per ms
+      const far = g.dy > Math.min(160, panel.offsetHeight * 0.25);
+      g = null;
+      panel.style.transition = 'transform 0.18s ease-out';
+      if (far || fast) {
+        panel.style.transform = 'translateY(100%)';
+        setTimeout(onClose, 150);
+      } else {
+        panel.style.transform = '';
+        setTimeout(() => { panel.style.transition = ''; }, 200);
+      }
+    };
+    panel.addEventListener('touchend', end, {passive: true});
+    panel.addEventListener('touchcancel', end, {passive: true});
+  }
+
   // Feed titles sometimes arrive with HTML entities still in them (&amp;).
   const decoder = document.createElement('textarea');
   function plain(s) {
@@ -797,12 +847,12 @@
   }
 
   // The bar while choosing: count, all/none, and what to do with the chosen ones.
-  function selectionBar(items, actions) {
+  function selectionBar(items, actions, hint) {
     const bar = el('div', 'nui-pod-selbar');
     const all = items.length > 0 && items.every(e => selected.has(e.id));
     bar.append(
       button('✕', 'Auswahl beenden', stopSelecting),
-      el('span', 'nui-pod-selcount', selected.size ? `${selected.size} ausgewählt` : 'Folgen antippen'),
+      el('span', 'nui-pod-selcount', selected.size ? `${selected.size} ausgewählt` : (hint || 'Folgen antippen')),
       button(all ? '☑' : '☐', all ? 'Keine auswählen' : 'Alle auswählen', () => {
         selected = new Set(all ? [] : items.map(e => e.id));
         render();
@@ -1013,7 +1063,11 @@
     refreshing = true;
     render();
     N.podcastRefresh(!!fetchFeeds);
+    loadFolderOrder();
   }
+  setTimeout(loadFolderOrder, 1500);
+  // Pull to refresh (native-gestures.js).
+  window.__dioraPodcastRefresh = refresh;
 
   // ---- rendering ---------------------------------------------------------------------------
 
@@ -1091,6 +1145,9 @@
       root.append(tabs);
       const offer = importOffer();
       if (offer) root.append(offer);
+      if (view === 'queue') folderChips(queue().map(ep), e => e.feedId);
+      else if (view === 'inbox') folderChips(inbox().map(ep), e => e.feedId);
+      else if (view === 'feeds') folderChips(podcastFeeds(), f => f.id);
       if (view === 'queue') renderQueue();
       else if (view === 'inbox') renderInbox();
       else if (view === 'episodes') renderEpisodes();
@@ -1637,11 +1694,13 @@
   }
 
   function renderQueue() {
-    const items = queue().map(ep);
-    if (!items.length) {
+    const all = queue().map(ep);
+    if (!all.length) {
       empty('Die Warteschlange ist leer. Unter „Neu“ oder bei einem Abo tippst du auf „+“, um Folgen einzureihen.');
       return;
     }
+    const items = all.filter(e => inFolder(e.feedId));
+    if (!items.length) { empty(folderEmpty('in der Warteschlange')); return; }
     const total = items.reduce((n, e) => n + shown(Math.max(0, (e.duration || 0) - (e.pos || 0)), e.feedId), 0);
     if (selected) {
       root.append(selectionBar(items, [
@@ -1654,7 +1713,8 @@
     } else {
       const head = el('div', 'nui-pod-head');
       const kept = keepSorted() ? ' · ' + ((SORTS.find(x => x.id === keepSorted()) || {}).label || '').toLowerCase() : '';
-      head.append(el('div', 'nui-pod-summary', `${items.length} ${items.length === 1 ? 'Folge' : 'Folgen'} · ${minutes(total)}${kept}`),
+      head.append(el('div', 'nui-pod-summary', `${items.length} ${items.length === 1 ? 'Folge' : 'Folgen'} · ${minutes(total)}${kept}` +
+        (podFolder != null && items.length < all.length ? ` · von ${all.length}` : '')),
         listTools([
           button('⇅', 'Sortieren oder mischen', sortMenu),
           button('☐', 'Mehrere auswählen', () => startSelecting()),
@@ -1667,7 +1727,7 @@
     for (const e of items) {
       const row = episodeRow(e, {showFeed: true, list: 'queue'});
       if (!selected) {
-        if (!locked && !keepSorted()) {
+        if (!locked && !keepSorted() && podFolder == null) {
           const handle = el('div', 'nui-pod-handle', '≡');
           handle.title = 'Ziehen zum Umsortieren';
           handle.addEventListener('click', ev => ev.stopPropagation());
@@ -1681,13 +1741,15 @@
   }
 
   function renderInbox() {
-    const items = inbox().map(ep);
-    if (!items.length) {
+    const all = inbox().map(ep);
+    if (!all.length) {
       empty(feeds().length
         ? 'Keine neuen Folgen. Neue Folgen deiner Abos erscheinen hier, sobald der Server sie gefunden hat.'
         : 'Noch keine Abos. Unter „Suche“ findest du Podcasts.');
       return;
     }
+    const items = all.filter(e => inFolder(e.feedId));
+    if (!items.length) { empty(folderEmpty('neu')); return; }
     if (selected) {
       const chosen = ids => items.filter(e => ids.includes(e.id));
       const add = (ids, where) => {
@@ -1711,8 +1773,9 @@
     } else {
       const head = el('div', 'nui-pod-head');
       const total = inboxTotal();
-      head.append(el('div', 'nui-pod-summary', `${total} neue ${total === 1 ? 'Folge' : 'Folgen'}` +
-        (total > items.length ? ` · die ${items.length} neuesten` : '')),
+      head.append(el('div', 'nui-pod-summary', podFolder != null
+        ? `${items.length} neue ${items.length === 1 ? 'Folge' : 'Folgen'} · von ${total}`
+        : `${total} neue ${total === 1 ? 'Folge' : 'Folgen'}` + (total > items.length ? ` · die ${items.length} neuesten` : '')),
         listTools([button('☐', 'Mehrere auswählen', () => startSelecting())]));
       root.append(head);
     }
@@ -1721,6 +1784,174 @@
     root.append(list);
   }
 
+  // ---- folders (diora-web docs/library.md) ------------------------------------------------------
+  // Like tags: a subscription may be in several (feed.folders; `folder`, the first, is for older
+  // clients). Podcasts and audiobooks share the names and their order (/podcasts/folders/).
+  // One filter for Neu, Warteschlange and Abos, remembered on this device. Putting into
+  // folders, renaming and deleting go through the subscriptions' settings, so they work
+  // offline too; only the order is posted on its own (and again later when that failed).
+
+  // folders.js loads after this file.
+  const hasFolders = () => !!window.DioraFolders;
+  let podFolder = null;     // null: all, '': without a folder, else a name
+  let folderOrder = [];
+  try {
+    podFolder = JSON.parse(localStorage.getItem('nui_pod_folder') || 'null');
+    folderOrder = JSON.parse(localStorage.getItem('nui_pod_folder_order') || '[]') || [];
+  } catch (e) {}
+
+  const foldersOf = f => (!f ? [] : f.folders && f.folders.length ? f.folders.slice() : f.folder ? [f.folder] : []);
+  const sameName = (a, b) => a.toLowerCase() === b.toLowerCase();
+  const dedupe = names => names.filter((n, i) => names.findIndex(m => sameName(m, n)) === i);
+
+  // The names in their order: the order the server keeps first, the rest by name.
+  function orderedNames(names) {
+    const first = folderOrder.filter(n => names.includes(n));
+    const rest = names.filter(n => !first.includes(n)).sort((a, b) => a.localeCompare(b, 'de', {sensitivity: 'base'}));
+    return first.concat(rest);
+  }
+  const namesOf = list => orderedNames(dedupe([].concat(...list.map(foldersOf))));
+
+  function inFolder(feedId) {
+    if (podFolder == null) return true;
+    const fs = foldersOf(feeds().find(f => f.id === feedId));
+    return podFolder === '' ? !fs.length : fs.includes(podFolder);
+  }
+
+  function setFolder(name) {
+    podFolder = name;
+    try { localStorage.setItem('nui_pod_folder', JSON.stringify(name)); } catch (e) {}
+    render();
+    scrollTop(0);
+  }
+
+  function folderEmpty(what) {
+    return podFolder === '' ? `Ohne Ordner ist nichts ${what}.` : `In „${podFolder}“ ist nichts ${what}.`;
+  }
+
+  // The chips (folders.js) above a list: each folder with how many of the list are in it.
+  function folderChips(items, feedIdOf) {
+    if (!hasFolders()) return;
+    const names = namesOf(podcastFeeds());
+    if (!names.length || (podFolder && !names.includes(podFolder))) podFolder = null;
+    if (!names.length) return;
+    const byId = new Map(feeds().map(f => [f.id, f]));
+    const counts = new Map();
+    let none = 0;
+    for (const x of items) {
+      const fs = foldersOf(byId.get(feedIdOf(x)));
+      if (!fs.length) none++;
+      for (const n of fs) counts.set(n, (counts.get(n) || 0) + 1);
+    }
+    const box = el('div', 'nui-pod-folders');
+    DioraFolders.chips(box, {
+      folders: names.map(name => ({name, count: counts.get(name) || 0})),
+      active: podFolder,
+      none: none || (podFolder === '' ? '0' : 0),
+      onPick: name => setFolder(typeof name === 'string' ? name : null),
+      onManage: manageFolders,
+    });
+    root.append(box);
+  }
+
+  function saveFeedFolders(feedId, names) {
+    N.podcastFeedSettings(feedId, JSON.stringify({folders: names}));
+  }
+
+  // Each subscription's folders through fn (renaming, deleting a folder).
+  function rewriteFolders(fn) {
+    for (const f of feeds()) {
+      const before = foldersOf(f);
+      if (!before.length) continue;
+      const after = dedupe(fn(before));
+      if (after.join('\n') !== before.join('\n')) saveFeedFolders(f.id, after);
+    }
+  }
+
+  // "In Ordner …" for one subscription or several: what all of them are in comes ticked;
+  // unticking takes it from all, ticking puts all in; the folders only some are in stay.
+  function assignFolders(list) {
+    if (!list.length) return;
+    const common = foldersOf(list[0]).filter(n => list.every(f => foldersOf(f).includes(n)));
+    DioraFolders.assign({
+      title: list.length === 1 ? `„${plain(list[0].title)}“ in Ordner` : `${list.length} Abos in Ordner`,
+      folders: namesOf(feeds()),
+      selected: common,
+      onDone: picked => {
+        for (const f of list) {
+          const before = foldersOf(f);
+          const after = dedupe(before.filter(n => !common.includes(n) || picked.includes(n)).concat(picked));
+          if (after.join('\n') !== before.join('\n')) saveFeedFolders(f.id, after);
+        }
+        toast(list.length > 1 ? `${list.length} Abos eingeordnet`
+          : picked.length ? 'In ' + picked.map(n => `„${n}“`).join(', ') : 'In keinem Ordner');
+        stopSelecting();
+        setTimeout(render, 80);
+      },
+    });
+  }
+
+  function manageFolders() {
+    DioraFolders.manage({
+      title: 'Ordner verwalten',
+      folders: namesOf(feeds()),
+      onRename: (old, name) => {
+        // Onto an existing name: both become one (its spelling stays).
+        const target = namesOf(feeds()).find(n => n !== old && sameName(n, name)) || name;
+        rewriteFolders(fs => fs.map(n => (n === old ? target : n)));
+        keepOrder(dedupe(folderOrder.map(n => (n === old ? target : n))), true);
+        if (podFolder === old) podFolder = target;
+        setTimeout(render, 80);
+      },
+      onDelete: name => {
+        rewriteFolders(fs => fs.filter(n => n !== name));
+        keepOrder(folderOrder.filter(n => n !== name), true);
+        if (podFolder === name) podFolder = null;
+        setTimeout(render, 80);
+      },
+      onOrder: order => keepOrder(order, true),
+    });
+  }
+
+  async function postJsonTo(url, body) {
+    const headers = {'Content-Type': 'application/json'};
+    if (typeof getCsrfToken === 'function') headers['X-CSRFToken'] = getCsrfToken();
+    const r = await fetch(url, {method: 'POST', headers, body: JSON.stringify(body)});
+    if (!r.ok) throw new Error(r.status);
+    return r.json();
+  }
+
+  // The chips' order: kept here, and on the server (posted again later when that failed).
+  function keepOrder(order, post) {
+    const changed = order.join('\n') !== folderOrder.join('\n');
+    folderOrder = order.slice();
+    try {
+      localStorage.setItem('nui_pod_folder_order', JSON.stringify(folderOrder));
+      if (post) localStorage.setItem('nui_pod_folder_order_dirty', '1');
+    } catch (e) {}
+    if (post) sendOrder();
+    if (changed && !post) render();
+  }
+
+  async function sendOrder() {
+    try {
+      const d = await postJsonTo('/podcasts/folders/', {order: folderOrder});
+      try { localStorage.removeItem('nui_pod_folder_order_dirty'); } catch (e) {}
+      if (d && Array.isArray(d.order)) keepOrder(d.order, false);
+    } catch (e) { /* offline: again on the next load */ }
+  }
+
+  async function loadFolderOrder() {
+    if (!hasFolders()) return;
+    let dirty = false;
+    try { dirty = localStorage.getItem('nui_pod_folder_order_dirty') === '1'; } catch (e) {}
+    if (dirty) { sendOrder(); return; }
+    try {
+      const d = await getJson('/podcasts/folders/');
+      if (d && Array.isArray(d.order)) keepOrder(d.order, false);
+    } catch (e) { /* offline: the order kept here */ }
+  }
+
   // The subscriptions: sorted, each with a number (new, unplayed or downloaded
   // episodes), both remembered on this device.
   const byDate = key => (a, b) => String(b[key] || '').localeCompare(String(a[key] || ''));
@@ -1774,6 +2005,10 @@
 
   function feedRow(f) {
     const row = el('div', 'nui-pod-row');
+    if (selected) {
+      row.classList.add('nui-pod-selecting');
+      row.append(el('span', 'nui-pod-check' + (selected.has(f.id) ? ' on' : ''), selected.has(f.id) ? '☑' : '☐'));
+    }
     row.append(art(f.artwork_url, null, null, f.title));
     const main = el('div', 'nui-pod-main');
     main.append(el('div', 'nui-pod-title', plain(f.title)));
@@ -1783,7 +2018,14 @@
     else if (f.latest_episode_at) meta.push('neueste ' + day(f.latest_episode_at));
     main.append(el('div', 'nui-pod-meta', meta.join(' · ')));
     if (f.last_error) main.append(el('div', 'nui-pod-feederr', '⚠ lädt nicht: ' + f.last_error));
+    // Its folders, where the chips don't already say it.
+    const fs = foldersOf(f).filter(n => n !== podFolder);
+    if (fs.length && hasFolders()) main.append(el('div', 'nui-pod-meta nui-pod-folderline', '▣ ' + fs.join(', ')));
     row.append(main);
+    if (selected) {
+      row.addEventListener('click', () => toggleSelected(f.id));
+      return row;
+    }
     if (f.new_episodes === 'ignore') row.append(el('span', 'nui-pod-badge', 'still'));
     else if (f.auto_queue || f.new_episodes === 'queue') row.append(el('span', 'nui-pod-badge', 'auto'));
     const n = counter().value(f);
@@ -1798,22 +2040,30 @@
 
   function renderFeeds() {
     const sort = FEED_SORTS.find(s => s.id === feedSort) || FEED_SORTS[0];
-    const items = podcastFeeds().slice().sort((a, b) => sort.cmp(a, b) || byTitle(a, b));
+    const items = podcastFeeds().filter(f => inFolder(f.id)).sort((a, b) => sort.cmp(a, b) || byTitle(a, b));
     const books = feeds().length - items.length;
     const booksHint = () => el('div', 'nui-pod-hint',
       `${books === 1 ? 'Ein Hörbuch' : books + ' Hörbücher'}: unter Hören → Hörbücher`);
     if (!items.length) {
+      if (podFolder != null && podcastFeeds().length) { empty(folderEmpty('abonniert')); return; }
       empty('Noch keine Abos. Unter „Suche“ findest du Podcasts.');
       if (books) root.append(booksHint());
       return;
     }
-    const head = el('div', 'nui-pod-head');
-    head.append(el('div', 'nui-pod-summary', `${items.length} ${items.length === 1 ? 'Abo' : 'Abos'} · ${sort.label.toLowerCase()}`),
-      listTools([
-        hasSources() && button('⚙', 'Verwalten: Abos & Quellen', toSources),
-        button('⇅', 'Sortieren und Zahl wählen', feedSortMenu),
-      ].filter(Boolean)));
-    root.append(head);
+    if (selected) {
+      root.append(selectionBar(items, [
+        hasFolders() && N.podcastFeedSettings && {label: 'In Ordner …', run: ids => assignFolders(items.filter(f => ids.includes(f.id)))},
+      ], 'Abos antippen'));
+    } else {
+      const head = el('div', 'nui-pod-head');
+      head.append(el('div', 'nui-pod-summary', `${items.length} ${items.length === 1 ? 'Abo' : 'Abos'} · ${sort.label.toLowerCase()}`),
+        listTools([
+          hasSources() && button('⚙', 'Verwalten: Abos & Quellen', toSources),
+          button('⇅', 'Sortieren und Zahl wählen', feedSortMenu),
+          hasFolders() && N.podcastFeedSettings && button('☐', 'Mehrere auswählen (in Ordner)', () => startSelecting()),
+        ].filter(Boolean)));
+      root.append(head);
+    }
     const list = el('div', 'nui-pod-list');
     for (const f of items) list.append(feedRow(f));
     root.append(list);
@@ -2009,6 +2259,11 @@
         hint: book ? 'tippen: wieder als Podcast' : 'Folgen als Kapitel unter Hören → Hörbücher, nicht in „Neu“',
         active: book, action: () => save({kind: book ? 'podcast' : 'audiobook'})});
     }
+    if (hasFolders() && N.podcastFeedSettings) {
+      const fs = foldersOf(live);
+      items.push({icon: '▣', label: 'In Ordner …', hint: fs.length ? fs.join(', ') : 'in keinem', active: fs.length > 0,
+        action: () => assignFolders([live])});
+    }
     // Skip silence for this podcast (server), where this player can skip silence at all.
     if ('skip_silence' in live && 'skip_silence' in devicePrefs() && N.podcastFeedSettings) {
       const mine = live.skip_silence;
@@ -2880,9 +3135,11 @@
     const text = el('button', 'nui-mini-text');
     text.type = 'button';
     text.append(el('span', 'nui-mini-station'), el('span', 'nui-mini-track'));
-    text.addEventListener('click', () => (miniKind === 'tts' ? ttsShowBook()
+    const openFromMini = () => (miniKind === 'tts' ? ttsShowBook()
       : miniKind === 'ambient' ? showTab('ambient')
-      : miniKind === 'radio' ? openRadioPlayer() : openPlayer()));
+      : miniKind === 'radio' ? openRadioPlayer() : openPlayer());
+    text.addEventListener('click', openFromMini);
+    miniGestures(mini, openFromMini);
     const devices = button('⇄', 'Wiedergabe auf …', deviceMenu, 'nui-mini-devices');
     const here = button('⇩', 'Hier abspielen', takeOver, 'nui-mini-here');
     devices.hidden = here.hidden = true;
@@ -2922,13 +3179,15 @@
     }
   }
 
-  // Ambient (app.js's #tab-ambient): its sleep timer, a ☾ at the frame's top right corner.
+  // Ambient (app.js's #tab-ambient): its sleep timer, a ☾ in the section's header
+  // (native-ui.js), else at the frame's top right corner.
   function ambientSleepButton() {
     const tab = $id('tab-ambient');
     if (!tab || !N.podcastSleep || $id('nui-amb-sleep')) return;
     const b = button('☾', 'Sleep-Timer', () => sleepMenu(true, true), 'nui-pod-sleep');
     b.id = 'nui-amb-sleep';
-    tab.append(b);
+    const bar = tab.querySelector('.nui-section-bar');
+    if (bar) bar.append(b); else tab.append(b);
   }
 
   function renderAmbientSleep() {
@@ -3486,6 +3745,93 @@
   // The full player: one for both. Which one it shows now.
   let sheetKind = '';
 
+  // ---- gestures on the player (native-gestures.js has the reader's and the lists') -----------
+
+  // The mini player: up opens the big player; sideways skips back / forward (an episode,
+  // read-aloud's sentences) or goes to the previous / next saved station.
+  function miniGestures(bar, open) {
+    let g = null;
+    let swiped = 0;
+    bar.addEventListener('touchstart', e => {
+      g = e.touches.length === 1 ? {x: e.touches[0].clientX, y: e.touches[0].clientY, t: Date.now()} : null;
+    }, {passive: true});
+    bar.addEventListener('touchend', e => {
+      if (!g) return;
+      const t = e.changedTouches[0];
+      const dx = t.clientX - g.x;
+      const dy = t.clientY - g.y;
+      const quick = Date.now() - g.t < 700;
+      g = null;
+      if (!quick) return;
+      if (dy < -40 && Math.abs(dy) > Math.abs(dx) * 1.2) {
+        swiped = Date.now();
+        open();
+      } else if (Math.abs(dx) > 60 && Math.abs(dx) > Math.abs(dy) * 1.5) {
+        swiped = Date.now();
+        miniStep(dx < 0);
+      }
+    }, {passive: true});
+    // The tap that a swipe ends with is no tap.
+    bar.addEventListener('click', e => {
+      if (Date.now() - swiped < 450) { e.stopPropagation(); e.preventDefault(); }
+    }, true);
+  }
+
+  function miniStep(forward) {
+    const prefs = devicePrefs();
+    const secs = forward ? (prefs.skip_forward || 30) : (prefs.skip_back || 15);
+    if (miniKind === 'remote') {
+      remoteCmd('skip', forward ? secs : -secs);
+      toast((forward ? '+' : '−') + secs + ' s');
+    } else if (miniKind === 'tts') {
+      const t = window.__dioraTts;
+      if (t) forward ? t.next() : t.prev();
+    } else if (miniKind === 'radio') {
+      radioStep(forward);
+    } else if (miniKind !== 'ambient') {
+      N.podcastSkip(forward);
+      toast((forward ? '+' : '−') + secs + ' s');
+    }
+  }
+
+  // The previous / next of the saved stations (the radio's list, in its order).
+  function radioStep(forward) {
+    const rows = [...document.querySelectorAll('#saved-tbody tr[data-id]')];
+    if (!rows.length || typeof playStation !== 'function') return;
+    const now = typeof currentStation !== 'undefined' && currentStation ? currentStation.url : null;
+    const at = rows.findIndex(r => r.dataset.url === now);
+    const row = rows[((at < 0 ? (forward ? -1 : 0) : at) + (forward ? 1 : -1) + rows.length) % rows.length];
+    playStation(row.dataset.url, row.dataset.name, parseInt(row.dataset.id, 10) || null);
+    toast('◉ ' + row.dataset.name);
+  }
+
+  // The big player's cover: tap twice on its left / right half to skip back / forward.
+  function coverGestures(cover) {
+    let last = 0;
+    let lastSide = null;
+    cover.addEventListener('touchend', e => {
+      if (e.changedTouches.length !== 1) return;
+      const t = e.changedTouches[0];
+      const r = cover.getBoundingClientRect();
+      const side = t.clientX < r.left + r.width / 2 ? 'back' : 'fwd';
+      const now = Date.now();
+      if (now - last < 320 && side === lastSide) {
+        e.preventDefault();
+        last = 0;
+        const prefs = devicePrefs();
+        const fwd = side === 'fwd';
+        N.podcastSkip(fwd);
+        const mark = el('span', 'nui-pod-cover-skip ' + (fwd ? 'nui-right' : 'nui-left'),
+          (fwd ? '+' : '−') + (fwd ? (prefs.skip_forward || 30) : (prefs.skip_back || 15)) + ' s');
+        cover.append(mark);
+        setTimeout(() => mark.remove(), 700);
+        return;
+      }
+      last = now;
+      lastSide = side;
+    }, {passive: false});
+  }
+
   function openPlayer() {
     if (remote()) { openRemotePlayer(); return; }
     if (player.kind !== 'podcast') return;
@@ -3493,7 +3839,9 @@
     sheetKind = 'podcast';
     const {sheet: made, panel, top} = podSheet('', 'Player schließen', closePlayer, 'Player');
     sheet = made;
-    panel.append(top, art(player.artwork, 'player', null, player.feed));
+    const cover = art(player.artwork, 'player', null, player.feed);
+    coverGestures(cover);
+    panel.append(top, cover);
     const chapBox = el('div', 'nui-pod-chapbox');
     chapBox.hidden = true;
     panel.append(el('div', 'nui-pod-player-title'), el('div', 'nui-pod-player-feed'), chapBox);
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 1dbdce9..b6b05f3 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 3eed256 2026-10-16: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 449118c 2026-10-16: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -196,6 +196,34 @@ html.nui-one-player #nui-mini { display: none !important; }
 .nui-pod-summary { padding: 6px 2px 10px; font-size: 12px; color: var(--nui-muted); }
 /* Where audiobook subscriptions went (they are in the library, see audiobooks.js). */
 .nui-pod-hint { padding: 14px 2px; font-size: 13px; color: var(--nui-muted); font-family: var(--nui-sans); letter-spacing: normal; }
+/* ---- gestures (native-gestures.js, native-podcast.js) ---- */
+#nui-gesture-sign {
+  position: fixed; left: 50%; top: 42%; transform: translate(-50%, -50%);
+  z-index: 995; padding: 12px 20px; border-radius: 12px;
+  background: rgba(0, 0, 0, 0.78); color: #fff; font-size: 18px; font-weight: 700;
+  opacity: 0; pointer-events: none; transition: opacity 0.2s;
+}
+#nui-gesture-sign.nui-show { opacity: 1; }
+#nui-pull {
+  position: fixed; left: 50%; top: 0; z-index: 995; width: 40px; height: 40px; border-radius: 50%;
+  display: flex; align-items: center; justify-content: center;
+  background: var(--panel, #111); border: 1px solid var(--border); color: var(--nui-muted); font-size: 20px;
+  transform: translate(-50%, -48px); opacity: 0; pointer-events: none; transition: opacity 0.15s;
+}
+#nui-pull.nui-show { opacity: 1; }
+#nui-pull.nui-ready { color: var(--accent); border-color: var(--accent); }
+.nui-pod-art-player { position: relative; }
+.nui-pod-cover-skip {
+  position: absolute; top: 50%; transform: translateY(-50%); padding: 10px 14px; border-radius: 22px;
+  background: rgba(0, 0, 0, 0.7); color: #fff; font-weight: 700; font-size: 16px; pointer-events: none;
+  animation: nui-cover-skip 0.7s ease-out forwards;
+}
+.nui-pod-cover-skip.nui-left { left: 12px; }
+.nui-pod-cover-skip.nui-right { right: 12px; }
+@keyframes nui-cover-skip { from { opacity: 1; } to { opacity: 0; } }
+body.eink #nui-gesture-sign { background: #000; transition: none; }
+body.eink #nui-pull { transition: none; }
+
 /* A hint that leads somewhere (Abos & Quellen). */
 button.nui-pod-link { display: block; width: 100%; border: none; background: none; text-align: left; cursor: pointer; padding: 4px 2px 12px; }
 .nui-pod-empty { padding: 32px 12px; color: var(--nui-muted); text-align: center; line-height: 1.5; font-family: var(--nui-sans); letter-spacing: normal; font-weight: 400; font-size: 14px; }
@@ -798,3 +826,10 @@ body.eink .nui-pod-facts a { text-decoration-color: #000; }
   background: rgba(0, 0, 0, 0.55);
   color: #ddd;
 }
+.nui-section-bar #nui-amb-sleep {
+  position: static;
+  background: none;
+  border-color: transparent;
+  color: inherit;
+}
+.nui-section-bar #nui-amb-sleep.on { border-color: var(--accent); }

From 6d7fb4a849bc9aece5385eed0c4a3353f185961d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 21:21:10 +0200
Subject: [PATCH 125/176] =?UTF-8?q?Neue=20Navigations-Icons=20(Stil=20B),?=
 =?UTF-8?q?=20mehrere=20B=C3=BCcher=20auf=20einmal,=20generiertes=20Cover?=
 =?UTF-8?q?=20pro=20Buch=20w=C3=A4hlbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Icons: eigene SVGs, kräftig und geometrisch (2,4 px, eckige Enden), in
  nav.js für alle Leisten (DioraNav.icon, sections()/groups() .svg); der
  aktive Bereich gefüllt.
- Hochladen: mehrere Dateien auf einmal (Auswahl oder auf die Bibliothek
  ziehen) und aus der Cloud per Häkchen („Alle auswählen“, „n importieren“);
  nacheinander mit Fortschritt, ein schon vorhandenes Buch (Titel und Autor)
  wird übersprungen.
- Pro Buch: „Generiertes Cover verwenden“ statt des eigenen (im verschlüsselten
  Meta, cover: 'generated').

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 e2e/global-setup.js              |  4 ++
 e2e/make_epub.py                 |  6 +--
 e2e/navigation.spec.js           | 18 +++++++-
 static/js/app/52-book-list.js    | 72 +++++++++++++++++++++++++++-----
 static/js/app/53-library.js      | 26 +++++++++++-
 static/js/app/56-cloud-import.js | 62 +++++++++++++++++++++++++--
 static/js/feeds.js               |  2 +-
 static/js/nav.js                 | 46 ++++++++++++++++++--
 static/js/sw.js                  |  2 +-
 templates/radio/player.html      |  2 +-
 10 files changed, 216 insertions(+), 24 deletions(-)

diff --git a/e2e/global-setup.js b/e2e/global-setup.js
index cb36a8a..581f302 100644
--- a/e2e/global-setup.js
+++ b/e2e/global-setup.js
@@ -47,6 +47,10 @@ User.objects.create_user(${JSON.stringify(TEST_USER.username)}, "", ${JSON.strin
   fs.mkdirSync(AUTH_DIR, { recursive: true });
   // The book the reader tests read (e2e/make_epub.py).
   execFileSync(PYTHON, [path.join(__dirname, 'make_epub.py'), path.join(AUTH_DIR, 'book.epub')], { stdio: 'inherit' });
+  // Two more for uploading several at once (navigation.spec.js).
+  for (const n of ['Eins', 'Zwei']) {
+    execFileSync(PYTHON, [path.join(__dirname, 'make_epub.py'), path.join(AUTH_DIR, `many-${n}.epub`), `Mehrfach ${n}`], { stdio: 'inherit' });
+  }
 
   const browser = await chromium.launch();
   const page = await browser.newPage({ baseURL: BASE_URL });
diff --git a/e2e/make_epub.py b/e2e/make_epub.py
index 6f9d905..df99cd9 100644
--- a/e2e/make_epub.py
+++ b/e2e/make_epub.py
@@ -28,7 +28,7 @@ def chapter(n):
 <body><h1>Kapitel {n}</h1>{''.join(paras)}{notes}</body></html>"""
 
 
-def main(path):
+def main(path, title='E2E Testbuch'):
     chapters = range(1, 13)
     manifest = ''.join(f'<item id="c{n}" href="ch{n}.xhtml" media-type="application/xhtml+xml"/>' for n in chapters)
     spine = ''.join(f'<itemref idref="c{n}"/>' for n in chapters)
@@ -37,7 +37,7 @@ def main(path):
 <package xmlns="http://www.idpf.org/2007/opf" version="3.0" unique-identifier="id">
   <metadata xmlns:dc="http://purl.org/dc/elements/1.1/">
     <dc:identifier id="id">diora-e2e-book</dc:identifier>
-    <dc:title>E2E Testbuch</dc:title><dc:creator>diora</dc:creator><dc:language>de</dc:language>
+    <dc:title>{title}</dc:title><dc:creator>diora</dc:creator><dc:language>de</dc:language>
   </metadata>
   <manifest><item id="nav" href="nav.xhtml" media-type="application/xhtml+xml" properties="nav"/>{manifest}</manifest>
   <spine>{spine}</spine>
@@ -55,4 +55,4 @@ def main(path):
 
 
 if __name__ == '__main__':
-    main(sys.argv[1])
+    main(sys.argv[1], *sys.argv[2:3])
diff --git a/e2e/navigation.spec.js b/e2e/navigation.spec.js
index cc987b0..9e675cc 100644
--- a/e2e/navigation.spec.js
+++ b/e2e/navigation.spec.js
@@ -33,7 +33,8 @@ test('narrow: three groups, the sections as a row on top, each group remembers i
   await page.setViewportSize({ width: 390, height: 800 });
   await page.goto('/#news');
   const narrow = page.locator('#tabs .nav-narrow');
-  await expect(narrow.locator('[data-nav]')).toHaveText(['Home', 'Lesen', 'Hören', '⚙']);
+  await expect(narrow.locator('[data-nav]')).toHaveText(['Home', 'Lesen', 'Hören', '']);
+  await expect(narrow.locator('[data-nav="sources"] svg.dnav-ic')).toBeVisible();
   await expect(narrow.locator('[data-nav="lesen"]')).toHaveClass(/active/);
   const segs = page.locator('#nav-segments');
   await expect(segs.locator('[data-nav]')).toHaveText(['Bücher', 'Zeitschriften', 'Nachrichten', 'Blogs']);
@@ -88,3 +89,18 @@ test('the library: a header with search, sort, layout and +, the add menu', asyn
   await page.goto('/#magazines');
   await expect(list.locator('.lib-h')).toHaveText('Zeitschriften');
 });
+
+test('several books at once; one already there is left out', async ({ page }) => {
+  const files = ['Eins', 'Zwei'].map(n => path.join(__dirname, '.auth', `many-${n}.epub`));
+  await page.goto('/#books');
+  await page.waitForFunction(() => typeof _importMany === 'function' && Array.isArray(_lastBookListData));
+  const status = page.locator('#book-upload-status');
+  await page.locator('#book-file-input').setInputFiles(files);
+  await expect(status).toContainText('2 Bücher hinzugefügt', { timeout: 30000 });
+  await page.waitForFunction(() => _lastBookListData.filter(b => /^Mehrfach/.test(b.title)).length === 2);
+  await page.locator('#book-file-input').setInputFiles(files);
+  await expect(status).toContainText('2 schon da', { timeout: 30000 });
+  // Out again, so the other tests see the library as before.
+  const books = await page.evaluate(() => _lastBookListData.filter(b => /^Mehrfach/.test(b.title)).map(b => b.id));
+  for (const id of books) await page.request.post(`/books/${id}/delete/`);
+});
diff --git a/static/js/app/52-book-list.js b/static/js/app/52-book-list.js
index ff8b34b..5ee4876 100644
--- a/static/js/app/52-book-list.js
+++ b/static/js/app/52-book-list.js
@@ -50,8 +50,8 @@ async function loadBookList() {
       try {
         const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
         const meta = JSON.parse(new TextDecoder().decode(metaBuf));
-        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine};
-        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, has_cover: !!b.has_cover, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover};
+        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, has_cover: !!b.has_cover, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       } catch (e) {
         bookMetaCache[b.id] = {title: `Buch #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
         decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
@@ -68,7 +68,7 @@ async function loadBookList() {
     const cachedBooks = (await _loadCachedBookMeta()).map(_withPendingProgress);
     if (cachedBooks.length) {
       cachedBooks.sort((a, b) => (_bookRecency(b) - _bookRecency(a)) || (b.uploaded_at || '').localeCompare(a.uploaded_at || ''));
-      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', folders: _foldersOfMeta(b), isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0, magazine: b.magazine};
+      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', folders: _foldersOfMeta(b), isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0, magazine: b.magazine, cover: b.cover};
       const uploadArea = $('book-upload-area');
       if (uploadArea) uploadArea.style.display = 'none';
       renderBookList(cachedBooks);
@@ -156,6 +156,7 @@ function repairBook(bookId) {
         folders: prevMeta.folders || _foldersOfMeta(prevMeta),
         shelfTag: prevMeta.shelfTag || '',
         magazine: prevMeta.magazine,
+        cover: prevMeta.cover,
       }));
       const [metaEnc, dataEnc] = await Promise.all([
         encryptBytes(key, metaJson),
@@ -245,6 +246,19 @@ async function toggleBookMagazine(bookId) {
 }
 window.toggleBookMagazine = toggleBookMagazine;
 
+// The generated cover instead of the book's own (or back): a choice per book.
+async function toggleBookCover(bookId) {
+  const book = _lastBookListData.find(b => b.id === bookId);
+  if (!book) return;
+  try {
+    await _updateBookMeta(bookId, {cover: book.cover === 'generated' ? '' : 'generated'});
+    renderBookList(_lastBookListData);
+  } catch (e) {
+    customAlert('Das ließ sich nicht speichern: ' + e.message);
+  }
+}
+window.toggleBookCover = toggleBookCover;
+
 // The books of the section shown (all of them where there are no sections).
 function _bookSectionFilter(books) {
   if (!window.DioraNav) return books;
@@ -423,6 +437,7 @@ async function _updateBookMeta(bookId, overrides) {
     shelfTag: cached.shelfTag || book.shelfTag || '',
     pages: cached.pages || book.pages || 0,
     magazine: cached.magazine !== undefined ? cached.magazine : book.magazine,
+    cover: cached.cover !== undefined ? cached.cover : book.cover,
     ...overrides,
   };
   // The list decides; `folder` follows it (the first), for older clients.
@@ -559,10 +574,43 @@ async function lookupBookMetadata(bookId) {
 }
 
 function bookFileSelected(input) {
-  const file = input.files[0];
-  if (!file) return;
-  uploadEbook(file);
+  const files = Array.from(input.files || []);
   input.value = '';
+  if (files.length === 1) uploadEbook(files[0]);
+  else if (files.length) _importMany(files.map(f => ({name: f.name, size: f.size, buf: () => f.arrayBuffer()})));
+}
+
+// Several books, one after the other (a picked set of files, a cloud folder): each is
+// read, encrypted and sent like a single one; a book already in the library (same title
+// and author) is left out. statusEl shows how far it is and, at the end, what came of it.
+async function _importMany(items, statusEl) {
+  statusEl = statusEl || $('book-upload-status');
+  const done = {ok: 0, dup: 0, failed: []};
+  for (let i = 0; i < items.length; i++) {
+    const it = items[i];
+    if (statusEl) statusEl.textContent = `Buch ${i + 1} von ${items.length}: „${it.name}“ …`;
+    if (it.size && it.size > DIORA_CONFIG.ebookMaxBytes) { done.failed.push(it.name + ' (zu groß)'); continue; }
+    try {
+      const r = await _importEbookBuffer(await it.buf(), it.name, null, {reload: false, skipKnown: true});
+      if (r === 'dup') done.dup++;
+      else if (r) done.ok++;
+      else done.failed.push(it.name);
+    } catch (e) {
+      done.failed.push(it.name);
+    }
+  }
+  const parts = [`✓ ${done.ok} ${done.ok === 1 ? 'Buch' : 'Bücher'} hinzugefügt`];
+  if (done.dup) parts.push(`${done.dup} schon da`);
+  if (done.failed.length) parts.push(`nicht geklappt: ${done.failed.join(', ')}`);
+  if (statusEl) statusEl.textContent = parts.join(' · ');
+  if (done.ok) loadBookList();
+  return done;
+}
+
+// Is a book with this title and author in the library already?
+function _knownBook(title, author) {
+  const n = s => String(s || '').normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase().replace(/\s+/g, ' ').trim();
+  return (_lastBookListData || []).some(b => n(b.title) === n(title) && n(b.author) === n(author));
 }
 
 function initBookDropZone() {
@@ -584,8 +632,9 @@ function initBookDropZone() {
   zone.addEventListener('drop', e => {
     e.preventDefault();
     zone.classList.remove('drag-over');
-    const file = e.dataTransfer.files[0];
-    if (file) uploadEbook(file);
+    const files = Array.from(e.dataTransfer.files || []);
+    if (files.length === 1) uploadEbook(files[0]);
+    else if (files.length) _importMany(files.map(f => ({name: f.name, size: f.size, buf: () => f.arrayBuffer()})));
   });
 }
 
@@ -630,7 +679,8 @@ async function uploadEbook(file) {
 
 // Shared tail of every import path (local file, cloud): parse metadata, encrypt
 // with the user's key and POST ciphertext. Plaintext never leaves the browser.
-async function _importEbookBuffer(buf, filename, statusEl) {
+async function _importEbookBuffer(buf, filename, statusEl, opts) {
+  opts = opts || {};
   const isPdf = /\.pdf$/i.test(filename);
   const isEpub = /\.epub$/i.test(filename);
   if (!isPdf && !isEpub) {
@@ -673,6 +723,7 @@ async function _importEbookBuffer(buf, filename, statusEl) {
       } catch (e) { /* use filename as title */ }
     }
 
+    if (opts.skipKnown && _knownBook(title, author)) return 'dup';
     const key = await getOrCreateEncKey();
     const metaJson = new TextEncoder().encode(JSON.stringify({title, author, filename, type, isbn, folder: '', shelfTag: ''}));
     const [metaEnc, dataEnc] = await Promise.all([
@@ -695,7 +746,8 @@ async function _importEbookBuffer(buf, filename, statusEl) {
     const data = await res.json();
     if (data.ok) {
       if (statusEl) statusEl.textContent = `✓ „${title}“ hochgeladen`;
-      loadBookList();
+      if (opts.reload !== false) loadBookList();
+      else _lastBookListData.push({title, author});   // known for the next of a set
       return true;
     }
     if (statusEl) statusEl.textContent = 'Fehler: ' + (data.error ? _germanError(data.error) : 'Hochladen fehlgeschlagen');
diff --git a/static/js/app/53-library.js b/static/js/app/53-library.js
index a826528..46b7a8a 100644
--- a/static/js/app/53-library.js
+++ b/static/js/app/53-library.js
@@ -98,7 +98,7 @@ function _libHue(s) {
 }
 
 function _libCover(b, cls) {
-  const url = window.DioraCovers ? DioraCovers.url(b) : null;
+  const url = window.DioraCovers && b.cover !== 'generated' ? DioraCovers.url(b) : null;
   if (url) return `<img class="${cls}" src="${url}" alt="" data-cover-id="${b.id}">`;
   // None (yet): one drawn from the book's title, author, category and folders (gencover.js).
   if (window.DioraGenCover) {
@@ -303,6 +303,7 @@ function _libSheet(b) {
     b.keyOk !== false && ['Lesen', () => openBook(b.id)],
     ['In Ordner …', () => _libAssign([b.id])],
     [_isMagazine(b) ? 'Als Buch führen' : 'Als Zeitschrift führen', () => toggleBookMagazine(b.id)],
+    [b.cover === 'generated' ? 'Eigenes Cover verwenden' : 'Generiertes Cover verwenden', () => toggleBookCover(b.id)],
     [b.is_read ? 'Als ungelesen markieren' : 'Als gelesen markieren', () => toggleBookRead(b.id, !!b.is_read)],
     b.has_highlights && ['Markierungen exportieren', () => downloadBookAnnotationsFromList(b.id, null)],
     ['Regal-Kategorie abrufen', () => lookupBookMetadata(b.id)],
@@ -405,6 +406,8 @@ function _libSheet(b) {
   };
   if (window.DioraCovers) {
     DioraCovers.onReady(id => {
+      const b = (_lastBookListData || []).find(x => x.id === id);
+      if (b && b.cover === 'generated') return;
       const url = DioraCovers.url({id});
       document.querySelectorAll(`#book-list [data-cover-id="${id}"]`).forEach(el => {
         if (el.tagName === 'IMG') { el.src = url; return; }
@@ -418,6 +421,22 @@ function _libSheet(b) {
     });
   }
   window.addEventListener('resize', () => { if (_lastBookListData && _lastBookListData.length) renderBookList(_lastBookListData); });
+  // Files dropped anywhere on the library (the old drop zone is hidden): one or several.
+  const tabEl = $('tab-books');
+  if (tabEl) {
+    tabEl.addEventListener('dragover', e => {
+      if (e.dataTransfer && Array.from(e.dataTransfer.types || []).indexOf('Files') >= 0) { e.preventDefault(); tabEl.classList.add('lib-drop'); }
+    });
+    tabEl.addEventListener('dragleave', e => { if (e.target === tabEl) tabEl.classList.remove('lib-drop'); });
+    tabEl.addEventListener('drop', e => {
+      tabEl.classList.remove('lib-drop');
+      const files = Array.from((e.dataTransfer && e.dataTransfer.files) || []);
+      if (!files.length) return;
+      e.preventDefault();
+      if (files.length === 1) uploadEbook(files[0]);
+      else _importMany(files.map(f => ({name: f.name, size: f.size, buf: () => f.arrayBuffer()})));
+    });
+  }
   _libLoadPrefs();
 })();
 
@@ -496,6 +515,11 @@ function _libAddMenu() {
     '#book-list .lib-count { opacity: .7; }',
     '#book-list .lib-empty { color: var(--muted, #9a9a9a); font-size: 14px; }',
     'body.eink #book-list .lib-add, body.eink #book-list .lib-play { background: #000; color: #fff; }',
+    '#tab-books.lib-drop { outline: 2px dashed var(--accent, #e63946); outline-offset: -6px; }',
+    '#book-upload-status { display: block; margin: 0 0 10px; color: var(--muted, #9a9a9a); font-size: 13px; }',
+    '.cloud-chosen { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 6px 0; }',
+    '.cloud-chosen:empty { display: none; }',
+    '.cloud-entry .cloud-check { width: 18px; height: 18px; margin: 0 8px 0 2px; flex: none; }',
     'body.eink #book-list .lib-cover { box-shadow: none; border: 1px solid #000; }',
   ].join('\n');
   document.head.appendChild(style);
diff --git a/static/js/app/56-cloud-import.js b/static/js/app/56-cloud-import.js
index aa582b9..f217144 100644
--- a/static/js/app/56-cloud-import.js
+++ b/static/js/app/56-cloud-import.js
@@ -94,6 +94,49 @@ function _cloudEntryRow(label, onClick, sizeText) {
   return li;
 }
 
+// Books chosen in this folder of the cloud (path -> entry), imported together.
+let _cloudChosen = new Map();
+
+function _cloudChosenBar() {
+  let bar = $('cloud-chosen');
+  const listEl = $('cloud-entries');
+  if (!bar && listEl) {
+    bar = document.createElement('div');
+    bar.id = 'cloud-chosen';
+    bar.className = 'cloud-chosen';
+    listEl.parentNode.insertBefore(bar, listEl);
+  }
+  if (!bar) return;
+  const books = Array.from(listEl.querySelectorAll('.cloud-check'));
+  const n = _cloudChosen.size;
+  bar.innerHTML = books.length ? `<label class="cloud-all"><input type="checkbox" ${n && n === books.length ? 'checked' : ''}> Alle ${books.length} auswählen</label>` +
+    `<button type="button" class="btn btn-primary"${n ? '' : ' disabled'}>${n ? n + ' importieren' : 'Bücher anhaken'}</button>` : '';
+  const all = bar.querySelector('.cloud-all input');
+  if (all) all.onchange = () => {
+    books.forEach(c => { c.checked = all.checked; c.onchange(); });
+  };
+  const go = bar.querySelector('button');
+  if (go) go.onclick = () => _cloudImportChosen();
+}
+
+async function _cloudImportChosen() {
+  const entries = Array.from(_cloudChosen.values());
+  if (!entries.length) return;
+  _cloudChosen = new Map();
+  const statusEl = $('cloud-status');
+  await _importMany(entries.map(entry => ({
+    name: entry.name,
+    size: entry.size,
+    buf: async () => {
+      const res = await fetch(`/books/cloud/${_cloudSourceId}/fetch/?path=${encodeURIComponent(entry.path)}`);
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      return res.arrayBuffer();
+    },
+  })), statusEl);
+  $('cloud-entries').querySelectorAll('.cloud-check').forEach(c => { c.checked = false; });
+  _cloudChosenBar();
+}
+
 async function _cloudBrowse(path) {
   const listEl = $('cloud-entries');
   const pathEl = $('cloud-path');
@@ -102,6 +145,8 @@ async function _cloudBrowse(path) {
 
   if (statusEl) statusEl.textContent = 'Lade…';
   listEl.innerHTML = '';
+  _cloudChosen = new Map();
+  _cloudChosenBar();
 
   let data;
   try {
@@ -127,10 +172,21 @@ async function _cloudBrowse(path) {
   }
 
   for (const entry of entries) {
-    listEl.appendChild(entry.is_dir
-      ? _cloudEntryRow('📁 ' + entry.name, () => _cloudBrowse(entry.path))
-      : _cloudEntryRow('📖 ' + entry.name, () => _cloudImport(entry), _formatBytes(entry.size)));
+    if (entry.is_dir) { listEl.appendChild(_cloudEntryRow('📁 ' + entry.name, () => _cloudBrowse(entry.path))); continue; }
+    // A book: its name imports it alone, its box chooses it for importing several.
+    const row = _cloudEntryRow('📖 ' + entry.name, () => _cloudImport(entry), _formatBytes(entry.size));
+    const box = document.createElement('input');
+    box.type = 'checkbox';
+    box.className = 'cloud-check';
+    box.setAttribute('aria-label', entry.name + ' auswählen');
+    box.onchange = () => {
+      if (box.checked) _cloudChosen.set(entry.path, entry); else _cloudChosen.delete(entry.path);
+      _cloudChosenBar();
+    };
+    row.prepend(box);
+    listEl.appendChild(row);
   }
+  _cloudChosenBar();
 }
 
 async function _cloudImport(entry) {
diff --git a/static/js/feeds.js b/static/js/feeds.js
index a29ea0c..8679d83 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -1120,7 +1120,7 @@
     dock.id = 'nui-dock';
     dock.innerHTML = '<nav id="nui-tabbar">' + (NAV
       ? NAV.sections().filter(s => !s.footer).map(s => '<button type="button" data-nav="' + s.id + '"><span class="nui-tab-icon">' +
-        esc(s.icon) + '</span>' + esc(s.label) + '</button>').join('')
+        (s.svg || esc(s.icon)) + '</span>' + esc(s.label) + '</button>').join('')
       : '<button type="button" data-tab="books"><span class="nui-tab-icon">▤</span>Bücher</button>' +
         '<button type="button" data-tab="feeds"><span class="nui-tab-icon">☰</span>Feeds</button>') + '</nav>';
     document.body.appendChild(dock);
diff --git a/static/js/nav.js b/static/js/nav.js
index b0af37b..fd14db3 100644
--- a/static/js/nav.js
+++ b/static/js/nav.js
@@ -37,6 +37,39 @@
   const byId = {};
   SECTIONS.forEach(s => { byId[s.id] = s; });
 
+  // The icons (style B: bold and geometric, 2.4 px, square ends — at home with the monospace
+  // type and crisp on e-ink). A 24 grid; the parts marked "f" fill in when the section is
+  // the one shown (.active / .nui-active / .on around the icon).
+  const ICONS = {
+    home: '<path class="f" d="M6 10v10h12V10l-6-5z"/><path d="M4 11l8-7 8 7"/><path d="M6 10v10h12V10"/><path d="M10 20v-5h4v5"/>',
+    books: '<rect class="f" x="4" y="4" width="4" height="16" rx="1"/><rect x="4" y="4" width="4" height="16" rx="1"/>' +
+      '<rect x="9" y="6" width="4" height="14" rx="1"/><path d="M14.6 7.4l3.8-1 3 12.6-3.8 1z"/>',
+    magazines: '<rect class="f" x="5" y="3" width="14" height="5"/><rect x="5" y="3" width="14" height="18" rx="1.5"/>' +
+      '<path d="M5 8h14"/><path d="M8 12h8M8 15.5h8M8 19h4"/>',
+    news: '<path class="f" d="M7 8h7v4H7z"/><path d="M4 5h13v14H6a2 2 0 0 1-2-2z"/><path d="M17 9h3v8a2 2 0 0 1-2 2"/><path d="M7 8h7v4H7zM7 15h7"/>',
+    blogs: '<path class="f" d="M15 4l5 5-9 9H6v-5z"/><path d="M15 4l5 5-9 9H6v-5z"/><path d="M13 6l5 5"/><path d="M6 21h12"/>',
+    audiobooks: '<path d="M5 18v-6a7 7 0 0 1 14 0v6"/><rect class="f" x="3.5" y="13" width="4.5" height="7" rx="1.5"/>' +
+      '<rect x="3.5" y="13" width="4.5" height="7" rx="1.5"/><rect class="f" x="16" y="13" width="4.5" height="7" rx="1.5"/>' +
+      '<rect x="16" y="13" width="4.5" height="7" rx="1.5"/>',
+    podcasts: '<rect class="f" x="9" y="3" width="6" height="11" rx="3"/><rect x="9" y="3" width="6" height="11" rx="3"/>' +
+      '<path d="M5.5 11a6.5 6.5 0 0 0 13 0"/><path d="M12 17.5V21M9 21h6"/>',
+    radio: '<rect class="f" x="3" y="9" width="18" height="11" rx="2"/><rect x="3" y="9" width="18" height="11" rx="2"/>' +
+      '<circle cx="15.5" cy="14.5" r="2.6"/><path d="M6.5 13h4.5M6.5 16h4.5M7 9l9-5"/>',
+    ambient: '<path class="f" d="M3 14.5c2-2.6 4-2.6 6 0s4 2.6 6 0 4-2.6 6 0V20H3z"/>' +
+      '<path d="M3 9.5c2-2.6 4-2.6 6 0s4 2.6 6 0 4-2.6 6 0"/><path d="M3 14.5c2-2.6 4-2.6 6 0s4 2.6 6 0 4-2.6 6 0"/>',
+    focus: '<circle class="f" cx="12" cy="13" r="8"/><circle cx="12" cy="13" r="8"/><path d="M12 9v4l3 2M9 3h6"/>',
+    sources: '<circle class="f" cx="6" cy="18" r="2"/><circle cx="6" cy="18" r="1.6"/><path d="M5 11a8 8 0 0 1 8 8"/><path d="M5 5a14 14 0 0 1 14 14"/>',
+    menu: '<rect class="f" x="10.5" y="4" width="3" height="3"/><rect x="10.5" y="4" width="3" height="3"/>' +
+      '<rect x="10.5" y="10.5" width="3" height="3"/><rect x="10.5" y="17" width="3" height="3"/>',
+  };
+  ICONS.lesen = ICONS.books;
+  ICONS.hoeren = ICONS.audiobooks;
+
+  function icon(name) {
+    const body = ICONS[name];
+    return body ? '<svg class="dnav-ic" viewBox="0 0 24 24" aria-hidden="true">' + body + '</svg>' : '';
+  }
+
   const nativeUi = () => html.classList.contains('nui-radio');   // the apps' own bars (native-radio.js)
   const readerApp = () => html.classList.contains('nui-reader-app');
   const noRead = () => html.classList.contains('nui-noread');     // TV
@@ -55,12 +88,13 @@
   }
 
   function sections() {
-    return SECTIONS.filter(available).map(s => ({id: s.id, group: s.group, label: s.label, icon: s.icon, footer: !!s.footer}));
+    return SECTIONS.filter(available).map(s => ({id: s.id, group: s.group, label: s.label, icon: s.icon, svg: icon(s.id),
+      footer: !!s.footer}));
   }
 
   function groups() {
     const list = sections();
-    return GROUPS.map(g => ({id: g.id, label: g.label, icon: g.icon,
+    return GROUPS.map(g => ({id: g.id, label: g.label, icon: g.icon, svg: icon(g.id),
       sections: list.filter(s => s.group === g.id && !s.footer).map(s => s.id)})).filter(g => g.sections.length);
   }
 
@@ -203,7 +237,8 @@
         '</div>' +
         '<div class="nav-narrow">' + gs.map(g =>
           button(g.id, g.label, 'tab-btn', !!cur && cur.group === g.id)).join('') +
-          foot.map(s => button(s.id, s.icon, 'tab-btn nav-icon', current === s.id)).join('') + '</div>';
+          foot.map(s => '<button type="button" class="tab-btn nav-icon' + (current === s.id ? ' active' : '') +
+            '" data-nav="' + s.id + '" aria-label="' + esc(s.label) + '">' + icon(s.id) + '</button>').join('') + '</div>';
     }
     if (segs) {
       const g = cur ? gs.filter(x => x.id === cur.group)[0] : null;
@@ -249,6 +284,8 @@
     groups,
     current: () => current,
     go,
+    // A section's or group's icon as SVG (also 'menu'); the bars draw it.
+    icon,
     onChange(fn) { if (typeof fn === 'function') listeners.push(fn); },
     // For a bar drawn elsewhere (native-radio.js): it shows the sections itself.
     barsReady() { html.classList.add('nav-bars'); render(); },
@@ -269,6 +306,9 @@
     '#tabs .nav-narrow { display: none; }',
     '#tabs .nav-foot { margin-left: auto; }',
     '#tabs .nav-narrow .nav-icon { margin-left: auto; }',
+    '.dnav-ic { width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: square; stroke-linejoin: miter; vertical-align: middle; }',
+    '.dnav-ic .f { fill: none; stroke: none; }',
+    '.active .dnav-ic .f, .nui-active .dnav-ic .f, .on .dnav-ic .f { fill: currentColor; }',
     '#tabs .nav-group-label { margin: 0 4px 0 14px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted, #9a9a9a); }',
     '@media (max-width: 720px) { #tabs .nav-wide { display: none; } #tabs .nav-narrow { display: flex; } }',
     '#nav-segments { display: flex; gap: 6px; overflow-x: auto; padding: 8px 0 12px; scrollbar-width: none; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index f0cd94e..098dcc6 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v120';
+const CACHE = 'diora-v121';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 0c38ddf..33b16a4 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -231,7 +231,7 @@
   <div id="book-upload-area">
     <div class="book-drop-zone" id="book-drop-zone">
       <span>.epub oder .pdf hierher ziehen oder <label for="book-file-input" style="cursor:pointer;text-decoration:underline;">auswählen</label></span>
-      <input type="file" id="book-file-input" accept=".epub,.pdf" style="display:none;" onchange="bookFileSelected(this)">
+      <input type="file" id="book-file-input" accept=".epub,.pdf" multiple style="display:none;" onchange="bookFileSelected(this)">
       <span id="book-upload-status" class="muted"></span>
     </div>
     <button type="button" class="btn" style="margin:0.5rem 0;" onclick="toggleCloudImport()">☁ Aus Cloud importieren</button>

From f3b0080790b9bfdb1d77c6648a0b52edd72def3d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 21:47:18 +0200
Subject: [PATCH 126/176] =?UTF-8?q?Serien=20f=C3=BCr=20B=C3=BCcher:=20erka?=
 =?UTF-8?q?nnt,=20als=20Stapel,=20selbst=20zuweisen=20und=20verwalten?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Beim Hochladen liest diora die Serie aus dem E-Book (calibre:series und
  series_index, EPUB 3 belongs-to-collection mit group-position); vorhandene
  Bücher werden am Titel erkannt („Der Zauberberg. Erster Band“, „…: Teil 3“).
- In der Bibliothek ist eine Serie ab zwei Bänden ein Stapel („2 Bände · bei
  Band 1“), darin die Bände in Reihenfolge; beim Suchen und Filtern einzeln.
- ⋮ → „Serie …“: vorhandene oder neue Serie, Band-Nummer, oder „Keine Serie“.
  In der Serie: umbenennen, Reihenfolge, auflösen. Alles im verschlüsselten
  Meta (series, seriesIndex; '' = bewusst keine).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app/52-book-list.js |  38 +++++-
 static/js/app/53-library.js   | 236 +++++++++++++++++++++++++++++++++-
 static/js/sw.js               |   2 +-
 3 files changed, 266 insertions(+), 10 deletions(-)

diff --git a/static/js/app/52-book-list.js b/static/js/app/52-book-list.js
index 5ee4876..38ba91b 100644
--- a/static/js/app/52-book-list.js
+++ b/static/js/app/52-book-list.js
@@ -50,8 +50,8 @@ async function loadBookList() {
       try {
         const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
         const meta = JSON.parse(new TextDecoder().decode(metaBuf));
-        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover};
-        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, has_cover: !!b.has_cover, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex};
+        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex, has_cover: !!b.has_cover, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       } catch (e) {
         bookMetaCache[b.id] = {title: `Buch #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
         decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
@@ -68,7 +68,7 @@ async function loadBookList() {
     const cachedBooks = (await _loadCachedBookMeta()).map(_withPendingProgress);
     if (cachedBooks.length) {
       cachedBooks.sort((a, b) => (_bookRecency(b) - _bookRecency(a)) || (b.uploaded_at || '').localeCompare(a.uploaded_at || ''));
-      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', folders: _foldersOfMeta(b), isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0, magazine: b.magazine, cover: b.cover};
+      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', folders: _foldersOfMeta(b), isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0, magazine: b.magazine, cover: b.cover, series: b.series, seriesIndex: b.seriesIndex};
       const uploadArea = $('book-upload-area');
       if (uploadArea) uploadArea.style.display = 'none';
       renderBookList(cachedBooks);
@@ -157,6 +157,8 @@ function repairBook(bookId) {
         shelfTag: prevMeta.shelfTag || '',
         magazine: prevMeta.magazine,
         cover: prevMeta.cover,
+        series: prevMeta.series,
+        seriesIndex: prevMeta.seriesIndex,
       }));
       const [metaEnc, dataEnc] = await Promise.all([
         encryptBytes(key, metaJson),
@@ -438,6 +440,8 @@ async function _updateBookMeta(bookId, overrides) {
     pages: cached.pages || book.pages || 0,
     magazine: cached.magazine !== undefined ? cached.magazine : book.magazine,
     cover: cached.cover !== undefined ? cached.cover : book.cover,
+    series: cached.series !== undefined ? cached.series : book.series,
+    seriesIndex: cached.seriesIndex !== undefined ? cached.seriesIndex : book.seriesIndex,
     ...overrides,
   };
   // The list decides; `folder` follows it (the first), for older clients.
@@ -607,6 +611,27 @@ async function _importMany(items, statusEl) {
   return done;
 }
 
+// The series an EPUB names itself: calibre's <meta name="calibre:series" content> with
+// calibre:series_index, or EPUB 3's belongs-to-collection with group-position. Or null.
+function _seriesFromOpf(opf) {
+  const metas = Array.from(opf.getElementsByTagName('meta'));
+  const named = n => metas.filter(m => m.getAttribute('name') === n)[0];
+  const cs = named('calibre:series');
+  if (cs && cs.getAttribute('content')) {
+    const ix = named('calibre:series_index');
+    const n = ix ? parseFloat(ix.getAttribute('content')) : NaN;
+    return {name: cs.getAttribute('content').trim(), index: isFinite(n) ? n : null};
+  }
+  const coll = metas.filter(m => m.getAttribute('property') === 'belongs-to-collection')[0];
+  if (coll && coll.textContent.trim()) {
+    const id = coll.getAttribute('id');
+    const pos = id ? metas.filter(m => m.getAttribute('refines') === '#' + id && m.getAttribute('property') === 'group-position')[0] : null;
+    const n = pos ? parseFloat(pos.textContent) : NaN;
+    return {name: coll.textContent.trim(), index: isFinite(n) ? n : null};
+  }
+  return null;
+}
+
 // Is a book with this title and author in the library already?
 function _knownBook(title, author) {
   const n = s => String(s || '').normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase().replace(/\s+/g, ' ').trim();
@@ -698,6 +723,7 @@ async function _importEbookBuffer(buf, filename, statusEl, opts) {
     let title = filename.replace(/\.(epub|pdf)$/i, '');
     let author = '';
     let isbn = '';
+    let series, seriesIndex;
     const type = isPdf ? 'pdf' : 'epub';
 
     if (isPdf) {
@@ -719,13 +745,17 @@ async function _importEbookBuffer(buf, filename, statusEl, opts) {
           title = opfDoc.querySelector('metadata > title, metadata > *|title')?.textContent?.trim() || title;
           author = opfDoc.querySelector('metadata > creator, metadata > *|creator')?.textContent?.trim() || '';
           isbn = _extractIsbnFromOpf(opfDoc);
+          const sr = _seriesFromOpf(opfDoc);
+          if (sr) { series = sr.name; seriesIndex = sr.index; }
         }
       } catch (e) { /* use filename as title */ }
     }
 
     if (opts.skipKnown && _knownBook(title, author)) return 'dup';
     const key = await getOrCreateEncKey();
-    const metaJson = new TextEncoder().encode(JSON.stringify({title, author, filename, type, isbn, folder: '', shelfTag: ''}));
+    const meta = {title, author, filename, type, isbn, folder: '', shelfTag: ''};
+    if (series) { meta.series = series; if (seriesIndex != null) meta.seriesIndex = seriesIndex; }
+    const metaJson = new TextEncoder().encode(JSON.stringify(meta));
     const [metaEnc, dataEnc] = await Promise.all([
       encryptBytes(key, metaJson),
       encryptBytes(key, buf),
diff --git a/static/js/app/53-library.js b/static/js/app/53-library.js
index 46b7a8a..ce52f4a 100644
--- a/static/js/app/53-library.js
+++ b/static/js/app/53-library.js
@@ -23,6 +23,7 @@ const _lib = {
   folder: null,       // null: all, '': without a folder, else a name
   selecting: null,    // a Set of book ids while choosing several
   order: null,        // the folders' order (decrypted prefs)
+  series: null,       // the series shown (its key), or null
 };
 window.__dioraLibraryV2 = true;
 document.documentElement.classList.add('lib-v2');
@@ -68,6 +69,64 @@ function _libFolderList(books) {
     .map(n => ({name: n, count: counts.get(n)}));
 }
 
+// ---- series (docs/library.md): set per book in its encrypted meta (series, seriesIndex),
+// read from the EPUB on upload, else guessed from the title ("Der Zauberberg. Erster Band").
+// series '' means: none, on purpose.
+
+const _LIB_ORD = ['erst', 'zweit', 'dritt', 'viert', 'fünft', 'sechst', 'siebt', 'acht', 'neunt', 'zehnt', 'elft', 'zwölft'];
+const _LIB_ORD_EN = ['first', 'second', 'third', 'fourth', 'fifth', 'sixth', 'seventh', 'eighth', 'ninth', 'tenth'];
+const _LIB_ROMAN = {i: 1, ii: 2, iii: 3, iv: 4, v: 5, vi: 6, vii: 7, viii: 8, ix: 9, x: 10};
+
+function _libVolumeNumber(text) {
+  const t = String(text || '').toLowerCase();
+  const d = /(\d+(?:[.,]\d+)?)/.exec(t);
+  if (d) return parseFloat(d[1].replace(',', '.'));
+  for (const w of t.split(/[^a-zäöüß]+/)) {
+    if (_LIB_ROMAN[w]) return _LIB_ROMAN[w];
+    for (let i = 0; i < _LIB_ORD.length; i++) if (w.indexOf(_LIB_ORD[i]) === 0) return i + 1;
+    for (let i = 0; i < _LIB_ORD_EN.length; i++) if (w === _LIB_ORD_EN[i]) return i + 1;
+  }
+  return null;
+}
+
+function _libSeriesGuess(title) {
+  const t = String(title || '');
+  const m = /^(.+?)\s+[–—-]\s+(.+)$/.exec(t) || /^(.+?):\s+(.+)$/.exec(t) || /^(.+?)[.,]\s+(.+)$/.exec(t);
+  if (!m || !/\b(band|bd\.|teil|buch|folge|staffel|vol\.?|volume|part|book)\b/i.test(m[2]) || /bände|bundle/i.test(m[2])) return null;
+  return {name: m[1].trim(), index: _libVolumeNumber(m[2]), auto: true};
+}
+
+// A book's series: {name, index, auto} or null.
+function _libSeries(b) {
+  if (b.series === '') return null;
+  if (b.series) {
+    const ix = typeof b.seriesIndex === 'number' ? b.seriesIndex : (_libSeriesGuess(b.title) || {}).index;
+    return {name: b.series, index: ix == null ? null : ix, auto: false};
+  }
+  return _libSeriesGuess(b.title);
+}
+const _libSeriesKey = s => s.name.toLowerCase().replace(/\s+/g, ' ').trim();
+
+function _libVolumeSort(a, b) {
+  const sa = _libSeries(a), sb = _libSeries(b);
+  const ia = sa && sa.index != null ? sa.index : 1e6, ib = sb && sb.index != null ? sb.index : 1e6;
+  return ia - ib || a.title.localeCompare(b.title, 'de', {numeric: true});
+}
+
+// Every series in the library: key -> {name, books (in order)}.
+function _libAllSeries(books) {
+  const map = new Map();
+  books.forEach(b => {
+    const s = _libSeries(b);
+    if (!s) return;
+    const k = _libSeriesKey(s);
+    if (!map.has(k)) map.set(k, {key: k, name: s.name, books: []});
+    map.get(k).books.push(b);
+  });
+  map.forEach(g => g.books.sort(_libVolumeSort));
+  return map;
+}
+
 // ---- which books, in which order ---------------------------------------------------------------
 
 function _libShown(books) {
@@ -119,14 +178,15 @@ function _libState(b) {
   return p > 0 ? p + ' %' : 'neu';
 }
 
-function _libCard(b) {
+function _libCard(b, label) {
   const sel = _lib.selecting && _lib.selecting.has(b.id);
+  const by = (label ? label + (b.author ? ' · ' : '') : '') + (b.author || '');   // "Band 2 · Autor" in a series
   const pct = _libPct(b);
   if (_libLayout() === 'list') {
     return `<div class="lib-row${sel ? ' lib-sel' : ''}" data-lib-book="${b.id}">
       ${_libCover(b, 'lib-thumb')}
       <span class="lib-text"><span class="lib-title">${_libEsc(b.title)}</span>
-        <span class="lib-meta">${_libEsc(b.author || '')}</span></span>
+        <span class="lib-meta">${_libEsc(by)}</span></span>
       <span class="lib-state${b.is_read ? ' lib-done' : ''}">${_libEsc(_libState(b))}</span>
       <button type="button" class="lib-more" data-lib-more="${b.id}" aria-label="Optionen">⋮</button></div>`;
   }
@@ -136,7 +196,7 @@ function _libCard(b) {
       <button type="button" class="lib-more" data-lib-more="${b.id}" aria-label="Optionen">⋮</button></span>
     <span class="lib-bar"><span style="width:${pct}%"></span></span>
     <span class="lib-title">${_libEsc(b.title)}</span>
-    <span class="lib-meta">${_libEsc(b.author || '')}</span></div>`;
+    <span class="lib-meta">${_libEsc(by)}</span></div>`;
 }
 
 function _libContinueBook(books) {
@@ -156,6 +216,56 @@ function _libContinue(b) {
     <span class="lib-play" aria-hidden="true">▶</span></div>`;
 }
 
+function _libVolumeLabel(b) {
+  const s = _libSeries(b);
+  return s && s.index != null ? 'Band ' + String(s.index).replace('.', ',') : '';
+}
+
+function _libStackCard(g) {
+  const next = g.books.filter(b => !b.is_read)[0] || g.books[0];
+  const read = g.books.filter(b => b.is_read).length;
+  const going = g.books.filter(_libStarted)[0];
+  const meta = g.books.length + ' Bände' + (going ? ' · bei ' + (_libVolumeLabel(going) || _libEsc(going.title))
+    : read === g.books.length ? ' · gelesen' : read ? ' · ' + read + ' gelesen' : '');
+  const pct = Math.round(100 * g.books.reduce((n, b) => n + _libPct(b), 0) / (100 * g.books.length) * 100) / 100;
+  if (_libLayout() === 'list') {
+    return `<div class="lib-row lib-stackrow" data-lib-series="${_libEsc(g.key)}">${_libCover(next, 'lib-thumb')}
+      <span class="lib-text"><span class="lib-title">${_libEsc(g.name)}</span><span class="lib-meta">${meta}</span></span>
+      <span class="lib-state">›</span></div>`;
+  }
+  return `<div class="lib-card lib-stack" data-lib-series="${_libEsc(g.key)}">
+    <span class="lib-coverbox lib-stackbox">${_libCover(next, 'lib-cover')}</span>
+    <span class="lib-bar"><span style="width:${pct}%"></span></span>
+    <span class="lib-title">${_libEsc(g.name)}</span>
+    <span class="lib-meta">${meta}</span></div>`;
+}
+
+// The books shown as cards, a series of two or more as one stack (in its last-read place).
+function _libStacked(list, pool) {
+  const groups = _libAllSeries(pool);   // the volumes in what is shown (a folder, all)
+  const out = [];
+  const placed = new Set();
+  list.forEach(b => {
+    const s = _libSeries(b);
+    const g = s ? groups.get(_libSeriesKey(s)) : null;
+    if (!g || g.books.length < 2) { out.push(_libCard(b)); return; }
+    if (placed.has(g.key)) return;
+    placed.add(g.key);
+    out.push(_libStackCard(g));
+  });
+  return out.join('');
+}
+
+function _libSeriesView(books) {
+  const g = _libAllSeries(books).get(_lib.series);
+  if (!g) { _lib.series = null; return ''; }
+  const cards = g.books.map(b => _libCard(b, _libVolumeLabel(b))).join('');
+  return `<div class="lib-place"><button type="button" class="lib-btn" data-lib="series-up">‹ Bücher</button>
+    <strong class="lib-place-name">${_libEsc(g.name)}</strong>
+    <button type="button" class="lib-icon" data-lib="series-manage" aria-label="Serie verwalten">⋯</button></div>
+    <div class="${_libLayout() === 'list' ? 'lib-list' : 'lib-grid'}">${cards}</div>`;
+}
+
 // Zeitschriften: the issues under their periodical (automatic, not a folder).
 function _libMagazines(list) {
   const groups = new Map();
@@ -197,13 +307,18 @@ function _libRender(allBooks) {
     h += '<p class="lib-empty">Noch keine Bücher. Mit + eine .epub- oder .pdf-Datei hinzufügen.</p>';
   } else if (!books.length) {
     h += `<p class="lib-empty">${magazines ? 'Noch keine Zeitschriften. Ein Heft unter Bücher über ⋮ → „Als Zeitschrift führen“ hierher holen.' : 'Alle Bücher stehen bei den Zeitschriften.'}</p>`;
+  } else if (_lib.series && !magazines) {
+    h += _libSeriesView(books);
   } else {
     const going = _libContinueBook(books);
+    const pool = shown.slice();
     h += _libContinue(going);
     if (going) shown.splice(shown.indexOf(going), 1);   // once, on top
+    // Series as stacks, unless searching, filtering by state or choosing several.
+    const stack = !magazines && !_lib.q && _lib.status === 'all' && !_lib.selecting;
     if (!shown.length && !going) h += '<p class="lib-empty">Nichts gefunden.</p>';
     else if (magazines && _lib.sort === 'recent' && !_lib.q) h += _libMagazines(shown);
-    else h += `<div class="${_libLayout() === 'list' ? 'lib-list' : 'lib-grid'}">${shown.map(_libCard).join('')}</div>`;
+    else h += `<div class="${_libLayout() === 'list' ? 'lib-list' : 'lib-grid'}">${stack ? _libStacked(shown, pool) : shown.map(_libCard).join('')}</div>`;
   }
   const q = listEl.querySelector('.lib-q');
   const focused = q && document.activeElement === q;
@@ -294,6 +409,97 @@ function _libManage() {
   });
 }
 
+// ---- series: assign, manage ------------------------------------------------------------------------
+
+function _libSheetBox(title, body) {
+  const wrap = document.createElement('div');
+  wrap.className = 'dfo-scrim';
+  wrap.innerHTML = `<div class="dfo-sheet" role="dialog"><div class="dfo-head"><strong>${_libEsc(title)}</strong>
+    <button type="button" class="dfo-x" data-x="1" aria-label="Schließen">✕</button></div>${body}</div>`;
+  wrap.addEventListener('click', e => { if (e.target === wrap || e.target.closest('[data-x]')) wrap.remove(); });
+  document.body.appendChild(wrap);
+  return wrap;
+}
+
+// A book into a series (an existing one, or a new name) with its number, or out of any.
+function _libSeriesSheet(b) {
+  const now = _libSeries(b);
+  const names = Array.from(_libAllSeries(_lastBookListData).values()).map(g => g.name).sort((x, y) => x.localeCompare(y, 'de'));
+  const radios = names.map(n => `<label class="dfo-check"><input type="radio" name="sr" value="${_libEsc(n)}"${now && now.name === n ? ' checked' : ''}> ${_libEsc(n)}</label>`).join('');
+  const wrap = _libSheetBox(`Serie für „${b.title}“`, `<form class="lib-series-form">
+    <div class="dfo-list">${radios || '<p class="dfo-note">Noch keine Serien.</p>'}
+      <label class="dfo-check"><input type="radio" name="sr" value="__new"${now ? '' : ' checked'}> Neue Serie:
+        <input class="dfo-input" name="newname" maxlength="120" placeholder="Name der Serie" value="${now ? '' : _libEsc((_libSeriesGuess(b.title) || {}).name || '')}"></label></div>
+    <label class="lib-series-ix">Band <input class="dfo-input" name="ix" inputmode="decimal" size="5" value="${now && now.index != null ? String(now.index).replace('.', ',') : ''}"></label>
+    <div class="dfo-actions"><button type="button" class="dfo-btn" data-none="1">Keine Serie</button>
+      <button type="submit" class="dfo-btn dfo-primary">Übernehmen</button></div></form>`);
+  const form = wrap.querySelector('form');
+  form.newname.addEventListener('focus', () => { form.querySelector('input[value="__new"]').checked = true; });
+  const save = async (series, ix) => {
+    wrap.remove();
+    try {
+      await _updateBookMeta(b.id, {series, seriesIndex: ix});
+      renderBookList(_lastBookListData);
+    } catch (e) { customAlert('Das ließ sich nicht speichern: ' + e.message); }
+  };
+  wrap.querySelector('[data-none]').addEventListener('click', () => save('', null));
+  form.addEventListener('submit', e => {
+    e.preventDefault();
+    const pick = (form.querySelector('input[name="sr"]:checked') || {}).value;
+    const name = pick === '__new' ? form.newname.value.trim().replace(/\s+/g, ' ') : pick;
+    if (!name) { form.newname.focus(); return; }
+    const n = parseFloat(String(form.ix.value).replace(',', '.'));
+    save(name.slice(0, 120), isFinite(n) ? n : null);
+  });
+}
+window.assignBookSeries = id => {
+  const b = _lastBookListData.find(x => x.id === Number(id));
+  if (b) _libSeriesSheet(b);
+};
+
+// The series shown: rename (every volume), order (numbers 1 … n), dissolve.
+function _libSeriesManage() {
+  const g = _libAllSeries(_lastBookListData).get(_lib.series);
+  if (!g) return;
+  let order = g.books.slice();
+  const draw = () => order.map((b, i) => `<div class="dfo-mrow"><span class="dfo-mname">${i + 1}. ${_libEsc(b.title)}</span>
+    <button type="button" class="dfo-icon" data-up="${i}"${i ? '' : ' disabled'} aria-label="Nach oben">↑</button>
+    <button type="button" class="dfo-icon" data-down="${i}"${i < order.length - 1 ? '' : ' disabled'} aria-label="Nach unten">↓</button></div>`).join('');
+  const wrap = _libSheetBox(`Serie „${g.name}“`, `<div class="dfo-list lib-series-order">${draw()}</div>
+    <div class="dfo-actions"><button type="button" class="dfo-btn" data-a="rename">Umbenennen …</button>
+      <button type="button" class="dfo-btn" data-a="dissolve">Auflösen</button>
+      <button type="button" class="dfo-btn dfo-primary" data-a="save">Reihenfolge übernehmen</button></div>`);
+  const list = wrap.querySelector('.lib-series-order');
+  const write = async fn => {
+    wrap.remove();
+    try {
+      for (let i = 0; i < order.length; i++) await _updateBookMeta(order[i].id, fn(order[i], i));
+    } catch (e) { customAlert('Das ließ sich nicht speichern: ' + e.message); }
+    renderBookList(_lastBookListData);
+  };
+  wrap.addEventListener('click', async e => {
+    const t = e.target.closest('button');
+    if (!t) return;
+    if (t.dataset.up != null || t.dataset.down != null) {
+      const i = Number(t.dataset.up != null ? t.dataset.up : t.dataset.down), j = t.dataset.up != null ? i - 1 : i + 1;
+      const x = order[i]; order[i] = order[j]; order[j] = x;
+      list.innerHTML = draw();
+    } else if (t.dataset.a === 'save') {
+      write((b, i) => ({series: g.name, seriesIndex: i + 1}));
+    } else if (t.dataset.a === 'rename') {
+      const n = await customPrompt('Neuer Name der Serie:', g.name);
+      const name = n == null ? '' : String(n).trim().replace(/\s+/g, ' ').slice(0, 120);
+      if (!name || name === g.name) return;
+      _lib.series = name.toLowerCase();
+      write(b => ({series: name, seriesIndex: (_libSeries(b) || {}).index == null ? null : _libSeries(b).index}));
+    } else if (t.dataset.a === 'dissolve') {
+      if (!(await customConfirm(`Serie „${g.name}“ auflösen? Die Bücher bleiben.`))) return;
+      _lib.series = null;
+      write(() => ({series: '', seriesIndex: null}));
+    }
+  });
+}
+
 // ---- a book's actions (the apps may bring their own sheet: __dioraBookSheet) -------------------------
 
 function _libSheet(b) {
@@ -304,6 +510,7 @@ function _libSheet(b) {
     ['In Ordner …', () => _libAssign([b.id])],
     [_isMagazine(b) ? 'Als Buch führen' : 'Als Zeitschrift führen', () => toggleBookMagazine(b.id)],
     [b.cover === 'generated' ? 'Eigenes Cover verwenden' : 'Generiertes Cover verwenden', () => toggleBookCover(b.id)],
+    ['Serie …', () => _libSeriesSheet(b)],
     [b.is_read ? 'Als ungelesen markieren' : 'Als gelesen markieren', () => toggleBookRead(b.id, !!b.is_read)],
     b.has_highlights && ['Markierungen exportieren', () => downloadBookAnnotationsFromList(b.id, null)],
     ['Regal-Kategorie abrufen', () => lookupBookMetadata(b.id)],
@@ -338,7 +545,8 @@ function _libSheet(b) {
     const more = t.closest('[data-lib-more]');
     const act = t.closest('[data-lib]');
     const card = t.closest('[data-lib-book]');
-    if (!more && !act && !card) return;
+    const stack = t.closest('[data-lib-series]');
+    if (!more && !act && !card && !stack) return;
     e.stopImmediatePropagation();
     if (pressed) { pressed = null; return; }   // the long press already chose
     if (more) {
@@ -356,6 +564,14 @@ function _libSheet(b) {
       } else if (a === 'add') _libAddMenu();
       else if (a === 'sel-done') { _lib.selecting = null; renderBookList(_lastBookListData); }
       else if (a === 'sel-folders') _libAssign(Array.from(_lib.selecting || []));
+      else if (a === 'series-up') { _lib.series = null; renderBookList(_lastBookListData); }
+      else if (a === 'series-manage') _libSeriesManage();
+      return;
+    }
+    if (stack && !card) {
+      _lib.series = stack.dataset.libSeries;
+      renderBookList(_lastBookListData);
+      window.scrollTo(0, 0);
       return;
     }
     const id = Number(card.dataset.libBook);
@@ -401,6 +617,7 @@ function _libSheet(b) {
   window.__dioraBack = function () {
     const shown = $('tab-books') && $('tab-books').style.display !== 'none';
     if (shown && _lib.selecting) { _lib.selecting = null; renderBookList(_lastBookListData); return true; }
+    if (shown && _lib.series) { _lib.series = null; renderBookList(_lastBookListData); return true; }
     if (shown && (_lib.q || _lib.searching)) { _lib.q = ''; _lib.searching = false; renderBookList(_lastBookListData); return true; }
     return back ? back() : false;
   };
@@ -516,6 +733,15 @@ function _libAddMenu() {
     '#book-list .lib-empty { color: var(--muted, #9a9a9a); font-size: 14px; }',
     'body.eink #book-list .lib-add, body.eink #book-list .lib-play { background: #000; color: #fff; }',
     '#tab-books.lib-drop { outline: 2px dashed var(--accent, #e63946); outline-offset: -6px; }',
+    '#book-list .lib-stackbox::before, #book-list .lib-stackbox::after { content: ""; position: absolute; left: 7%; right: 7%; height: 100%; border-radius: 4px; border: 1px solid var(--border-strong, #444); background: var(--panel, #161616); }',
+    '#book-list .lib-stackbox::before { top: -9px; left: 14%; right: 14%; }',
+    '#book-list .lib-stackbox::after { top: -5px; }',
+    '#book-list .lib-stackbox .lib-cover { position: relative; z-index: 1; }',
+    '#book-list .lib-stack { margin-top: 9px; }',
+    '#book-list .lib-place { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; }',
+    '#book-list .lib-place-name { flex: 1; min-width: 0; font-size: 16px; }',
+    '.lib-series-ix { display: flex; align-items: center; gap: 8px; margin: 10px 0 0; }',
+    '.lib-series-form .dfo-check .dfo-input { margin-left: 6px; }',
     '#book-upload-status { display: block; margin: 0 0 10px; color: var(--muted, #9a9a9a); font-size: 13px; }',
     '.cloud-chosen { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 6px 0; }',
     '.cloud-chosen:empty { display: none; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index 098dcc6..80ad434 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v121';
+const CACHE = 'diora-v122';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From caeb67e8865df415a07a1a7b05316ecbbd7c3a94 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 21:52:31 +0200
Subject: [PATCH 127/176] =?UTF-8?q?Mehrere=20B=C3=BCcher:=20Fehlschl=C3=A4?=
 =?UTF-8?q?ge=20werden=20erneut=20versucht=20(Server-Neustart,=20kurzer=20?=
 =?UTF-8?q?Abbruch),=20Knopf=20=E2=80=9Eerneut=20versuchen=E2=80=9C;=20B?=
 =?UTF-8?q?=C3=BCcher=20bis=20100=20MB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ein Import aus der Cloud lief während eines Updates des Servers; alle Bücher
danach scheiterten in Sekunden. Jetzt bis zu drei weitere Versuche je Buch
(3, 8, 20 s), am Ende ein Knopf für die übrigen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 books/views.py                |  2 +-
 diora/settings.py             |  6 ++---
 static/js/app/01-core.js      |  2 +-
 static/js/app/52-book-list.js | 46 ++++++++++++++++++++++++++---------
 static/js/sw.js               |  2 +-
 5 files changed, 41 insertions(+), 17 deletions(-)

diff --git a/books/views.py b/books/views.py
index 8ed0203..701798b 100644
--- a/books/views.py
+++ b/books/views.py
@@ -447,7 +447,7 @@ def upload_book(request):
         return JsonResponse({'error': 'invalid base64 in data_ct'}, status=400)
 
     if raw_size > max_bytes:
-        return JsonResponse({'error': 'file too large (max 50 MB)'}, status=400)
+        return JsonResponse({'error': f'file too large (max {settings.EBOOK_MAX_BYTES // (1024 * 1024)} MB)'}, status=400)
 
     book = EBook.objects.create(
         user=request.user,
diff --git a/diora/settings.py b/diora/settings.py
index 5bd586c..88ce3af 100644
--- a/diora/settings.py
+++ b/diora/settings.py
@@ -34,10 +34,10 @@ INSTALLED_APPS = [
     'feeds',
 ]
 
-EBOOK_MAX_BYTES = 50 * 1024 * 1024  # 50 MB
+EBOOK_MAX_BYTES = 100 * 1024 * 1024  # 100 MB (big scanned PDFs, complete editions)
 
-# Encrypted uploads are base64-encoded (~33% overhead) so allow ~75 MB body
-DATA_UPLOAD_MAX_MEMORY_SIZE = 75 * 1024 * 1024
+# Encrypted uploads are base64-encoded (~33% overhead) so allow ~140 MB body
+DATA_UPLOAD_MAX_MEMORY_SIZE = 140 * 1024 * 1024
 
 MIDDLEWARE = [
     'django.middleware.security.SecurityMiddleware',
diff --git a/static/js/app/01-core.js b/static/js/app/01-core.js
index 4dbbfef..6c15919 100644
--- a/static/js/app/01-core.js
+++ b/static/js/app/01-core.js
@@ -137,7 +137,7 @@ const _GERMAN_ERRORS = {
   'file must be .m3u or .m3u8': 'Die Datei muss eine .m3u- oder .m3u8-Datei sein.',
   'no file uploaded': 'Keine Datei hochgeladen.',
   'only jpeg, png, or webp allowed': 'Nur JPEG, PNG oder WebP erlaubt.',
-  'file too large (max 50 MB)': 'Datei zu groß (höchstens 50 MB).',
+  'file too large (max 100 MB)': 'Datei zu groß (höchstens 100 MB).',
   'file too large (max 5 MB)': 'Datei zu groß (höchstens 5 MB).',
   'authentication required': 'Bitte anmelden.',
   'not found': 'Nicht gefunden.',
diff --git a/static/js/app/52-book-list.js b/static/js/app/52-book-list.js
index 38ba91b..7479f32 100644
--- a/static/js/app/52-book-list.js
+++ b/static/js/app/52-book-list.js
@@ -589,24 +589,48 @@ function bookFileSelected(input) {
 // and author) is left out. statusEl shows how far it is and, at the end, what came of it.
 async function _importMany(items, statusEl) {
   statusEl = statusEl || $('book-upload-status');
-  const done = {ok: 0, dup: 0, failed: []};
+  const done = {ok: 0, dup: 0, failed: [], big: []};
+  const retry = [];
+  const wait = ms => new Promise(r => setTimeout(r, ms));
   for (let i = 0; i < items.length; i++) {
     const it = items[i];
-    if (statusEl) statusEl.textContent = `Buch ${i + 1} von ${items.length}: „${it.name}“ …`;
-    if (it.size && it.size > DIORA_CONFIG.ebookMaxBytes) { done.failed.push(it.name + ' (zu groß)'); continue; }
-    try {
-      const r = await _importEbookBuffer(await it.buf(), it.name, null, {reload: false, skipKnown: true});
-      if (r === 'dup') done.dup++;
-      else if (r) done.ok++;
-      else done.failed.push(it.name);
-    } catch (e) {
-      done.failed.push(it.name);
+    if (it.size && it.size > DIORA_CONFIG.ebookMaxBytes) { done.big.push(it.name); continue; }
+    // A failure is tried again, a little later each time: the server may be restarting
+    // (an update) or the connection gone for a moment — not a reason to lose the rest.
+    let r = false;
+    for (let attempt = 0; attempt < 4 && r === false; attempt++) {
+      if (attempt) {
+        if (statusEl) statusEl.textContent = `Buch ${i + 1} von ${items.length}: „${it.name}“ – neuer Versuch …`;
+        await wait([0, 3000, 8000, 20000][attempt]);
+      }
+      if (statusEl && !attempt) statusEl.textContent = `Buch ${i + 1} von ${items.length}: „${it.name}“ …`;
+      try {
+        r = await _importEbookBuffer(await it.buf(), it.name, null, {reload: false, skipKnown: true});
+      } catch (e) {
+        r = false;
+      }
     }
+    if (r === 'dup') done.dup++;
+    else if (r) done.ok++;
+    else { done.failed.push(it.name); retry.push(it); }
   }
+  const mb = Math.round(DIORA_CONFIG.ebookMaxBytes / 1024 / 1024);
   const parts = [`✓ ${done.ok} ${done.ok === 1 ? 'Buch' : 'Bücher'} hinzugefügt`];
   if (done.dup) parts.push(`${done.dup} schon da`);
+  if (done.big.length) parts.push(`zu groß (über ${mb} MB): ${done.big.join(', ')}`);
   if (done.failed.length) parts.push(`nicht geklappt: ${done.failed.join(', ')}`);
-  if (statusEl) statusEl.textContent = parts.join(' · ');
+  if (statusEl) {
+    statusEl.textContent = parts.join(' · ');
+    if (retry.length) {
+      const again = document.createElement('button');
+      again.type = 'button';
+      again.className = 'btn btn-sm';
+      again.style.marginLeft = '8px';
+      again.textContent = `${retry.length} erneut versuchen`;
+      again.onclick = () => _importMany(retry, statusEl);
+      statusEl.appendChild(again);
+    }
+  }
   if (done.ok) loadBookList();
   return done;
 }
diff --git a/static/js/sw.js b/static/js/sw.js
index 80ad434..a69672f 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v122';
+const CACHE = 'diora-v123';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From f1158e32a712ebf9db1d843ea7cbb2771f432fb0 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 22:44:45 +0200
Subject: [PATCH 128/176] =?UTF-8?q?Generierte=20Cover:=20Ordner=20w=C3=A4h?=
 =?UTF-8?q?len=20das=20Motiv,=20neue=20Motive=20f=C3=BCr=20Klassiker,=20Ho?=
 =?UTF-8?q?rror,=20Religion,=20Kinderb=C3=BCcher=20und=20Informatik?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Kurze Stichwörter treffen nur noch am Wortanfang bzw. als ganzes Wort ("gen" nicht in
"Leiden", "war" nicht in "Gegenwart"), Ordnernamen werden nicht mehr nach Wörtern
durchsucht, sondern über FOLDER_THEMES einem Motiv zugeordnet. Mehr Varianten für
Philosophie, Psychoanalyse und Krimi; Großbuchstaben und lange Autorennamen laufen
nicht mehr über den Rand.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/library.md       |  22 ++++
 static/js/gencover.js | 253 ++++++++++++++++++++++++++++++++++++++----
 static/js/sw.js       |   2 +-
 3 files changed, 255 insertions(+), 22 deletions(-)

diff --git a/docs/library.md b/docs/library.md
index 597eb08..ac99a83 100644
--- a/docs/library.md
+++ b/docs/library.md
@@ -59,3 +59,25 @@ PDF: page 1), scales it to 240 px wide JPEG, **encrypts it with the user's key**
 {cover_ct, cover_iv}`. `GET /books/` lists `has_cover`; `GET /books/<id>/cover/`
 returns `{cover_ct, cover_iv}`. Clients cache the decrypted image locally. The
 server never sees a cover.
+
+### Generated covers
+
+A book without a cover (or one set to `cover: 'generated'` in its meta) gets one
+drawn by `static/js/gencover.js`: an SVG, the same on every device, never stored.
+A **concept** (motif, palettes, typeface) is chosen by score:
+
+- words in the title (3), the shelf category (2) and the author (2, only at a
+  name's start). A stem of five letters or more counts anywhere (German
+  compounds), a shorter one at a word's start, one of three letters as a whole
+  word; `^` / `$` in the list force a word's start / end.
+- the folders, by name (`FOLDER_THEMES`): the first counts 2.5 — more than an
+  author or shelf word, less than a title word — further ones 1.
+
+Concepts: konstruktiv (Marx), geometrie (Philosophie: rings, turning squares,
+triangle/circle/square), psyche (Psychoanalyse: two ellipses, the Borromean
+knot, a spiral), karte (Geschichte), kosmos (Science-Fiction), ornament
+(Fantasy), raster (Politik, Soziologie), schatten (Krimi: a red line, a lit
+doorway), grusel (Horror), klassiker (patterned paper with a title plate),
+sakral (Religion & Mythologie), spiel (Kinder & Jugend), code (Informatik),
+typo, wellen, botanik, berge, zellen — and bauhaus when nothing matches. A hash
+of title and author picks palette, layout and every detail.
diff --git a/static/js/gencover.js b/static/js/gencover.js
index 9f023aa..0d60152 100644
--- a/static/js/gencover.js
+++ b/static/js/gencover.js
@@ -3,7 +3,9 @@
  * device, from what the book is called and where it stands — its title, author, shelf
  * category and folders. Words in them point to a design concept (a motif, curated
  * palettes, a typeface: Marx and Kapital to constructivism, Hegel and Dialektik to quiet
- * geometry, Meer to waves, Krieg to map contours …); a hash of title and author picks
+ * geometry, Meer to waves, Krieg to map contours …), and so do the folders, by name
+ * (Klassiker to a patterned Insel-style cover, Horror to a bare tree before the moon …);
+ * a hash of title and author picks
  * the palette, the layout and every detail of the motif, so no two books look alike and
  * each always looks the same. Nothing is stored or sent: it's an SVG, made when needed.
  *
@@ -38,7 +40,12 @@
   const f1 = n => Math.round(n * 10) / 10;
 
   // ---- the concepts ---------------------------------------------------------------------------
-  // words: stems found anywhere in the text (lower case, umlauts as they are);
+  // words: stems in the text (lower case, umlauts as they are). One of five letters or
+  // more counts anywhere (German compounds: "Massenpsychologie"); a shorter one only at
+  // the start of a word, and one of three letters only as a word of its own (plural
+  // allowed) — "gen" isn't in "Leiden", "war" not in "Gegenwart" or "Wardrobe".
+  // A leading ^ asks for a word start whatever the length ("stern", not in "Eastern"),
+  // a trailing $ for a word's end as well ("king", not "Kingdom").
   // palettes: [background, ink, accent, second accent], curated to sit well together.
 
   const SERIF = "Georgia, 'Times New Roman', serif";
@@ -55,28 +62,29 @@
     {id: 'geometrie', font: SERIF,
       words: ['philosoph', 'hegel', 'kant', 'dialekt', 'dialect', 'vernunft', 'reason', 'geist', 'spirit', 'ethik', 'ethic',
         'logik', 'logic', 'metaphys', 'phänomen', 'phenomen', 'denken', 'wahrheit', 'truth', 'sein', 'nichts', 'nothing',
+        'pragmati', 'pessimis', 'flatland', 'dimension', 'leviathan', 'republic', 'meditation', 'treatise', 'abhandlung',
         'kritik', 'critique', 'theorie', 'theory', 'begriff', 'wissen'],
       palettes: [['#f1ece1', '#2b2a27', '#b08a3e', '#6f7d72'], ['#26292e', '#ece4d4', '#c9a25a', '#8a9aa8'], ['#e7e1d6', '#3a3833', '#8c5a3c', '#5d6b74']]},
     {id: 'psyche', font: SERIF,
       words: ['lacan', 'freud', 'psycho', 'sex', 'begehren', 'desire', 'disavowal', 'verleugn', 'unbewusst', 'unconscious',
-        'comedy', 'komik', 'komöd', 'parallax', 'real', 'voice', 'stimme', 'žižek', 'zizek', 'zupan', 'dolar', 'traum', 'dream',
+        'comedy', 'komik', 'komöd', 'parallax', 'of the real', 'voice', 'stimme', 'žižek', 'zizek', 'zupan', 'dolar', 'traum', 'dream',
         'odd one', 'antigone', 'let them rot', 'klavierspielerin'],
       palettes: [['#f3e3d9', '#3d2440', '#c45b6a', '#5c8a8a'], ['#2c2236', '#f2dfd2', '#e07a6f', '#7fb3ae'], ['#e8ddeb', '#2e2a3d', '#8d4f8a', '#d99a6c']]},
     {id: 'wellen', font: SERIF,
       words: ['meer', 'sea', 'ozean', 'ocean', 'wasser', 'water', 'insel', 'island', 'fluss', 'river', 'flut', 'flood', 'deluge',
-        'sintflut', 'schiff', 'ship', 'welle', 'wave', 'strand', 'küste', 'coast', 'regen', 'rain'],
+        'sintflut', 'schiff', 'ship', 'welle', 'wave', 'strand', 'küste', 'coast', 'regen', 'rain', 'venedig', 'venice'],
       palettes: [['#e5eef0', '#13324a', '#2f6f8f', '#8fb8c6'], ['#0f2a3d', '#e3edf0', '#4c95b0', '#a9d3dc'], ['#efe9dc', '#1f3b4d', '#3d7a8c', '#c98a5a']]},
     {id: 'karte', font: SERIF, upper: true,
-      words: ['krieg', 'war', 'geschichte', 'history', 'empire', 'imperium', 'reich', 'zerstörung', 'destruction', 'wages',
+      words: ['krieg', 'war', 'history', 'empire', 'imperium', 'reich', 'zerstörung', 'destruction', 'wages',
         'nazi', 'staat', 'state', 'nation', 'kolonial', 'colonial', 'weltkrieg', 'schlacht', 'battle', 'grenze', 'border',
         'seeing like', 'world-system', 'weltsystem'],
       palettes: [['#e9e1cc', '#3b3a2c', '#8a4b2a', '#6d7a4f'], ['#2f3127', '#e6dcc4', '#b5763c', '#8e9a6b'], ['#ddd5bd', '#2c2a22', '#7a3b2e', '#5f6f63']]},
     {id: 'kosmos', font: SANS, upper: true,
-      words: ['stern', 'star', 'kosmos', 'cosmos', 'space', 'weltraum', 'planet', 'mond', 'moon', 'dune', 'nacht', 'night',
+      words: ['^stern', 'star', 'kosmos', 'cosmos', 'space', 'weltraum', 'planet', 'mond', 'moon', 'dune', 'nacht', 'night',
         'universum', 'universe', 'zeit', 'time', 'licht', 'light', 'galax', 'messiah', 'science fiction', 'sci-fi', 'zukunft', 'future'],
       palettes: [['#141833', '#ece6d3', '#e3b65b', '#7d8bd4'], ['#0e1424', '#dfe6f2', '#d9824a', '#6fa3c4'], ['#1f1a33', '#efe7da', '#c9a8e0', '#e3c46b']]},
     {id: 'ornament', font: SERIF,
-      words: ['fantasy', 'drache', 'dragon', 'magie', 'magic', 'prophezei', 'prophecy', 'throne', 'thron', 'könig', 'king',
+      words: ['fantasy', 'drache', 'dragon', 'magie', 'magic', 'prophezei', 'prophecy', 'throne', 'thron', 'könig', 'king$',
         'krone', 'crown', 'schwert', 'sword', 'warrior', 'krieger', 'cats', 'katze', 'legende', 'legend', 'märchen', 'fairy',
         'zauber', 'spell', 'ice and fire', 'bundle'],
       palettes: [['#1e2a2a', '#efe3c4', '#c69a3c', '#8f3b46'], ['#2b1d2e', '#f0e2c8', '#d3a13f', '#3f7a6d'], ['#f0e6d0', '#2d2433', '#8c3a4a', '#2f6b65']]},
@@ -85,12 +93,13 @@
         'frühling', 'spring', 'sommer', 'summer', 'pflanze', 'plant', 'wurzel', 'root', 'gras', 'grass', 'pilz', 'mushroom'],
       palettes: [['#eef0e4', '#23301f', '#4f7a43', '#b7a35a'], ['#203024', '#e8ecdc', '#86a86b', '#d6b56a'], ['#f2ece0', '#2b3326', '#6f8f5a', '#c27c5a']]},
     {id: 'berge', font: SANS, upper: true,
-      words: ['berg', 'mountain', 'alpen', 'alps', 'gipfel', 'peak', 'zauberberg', 'hügel', 'hill', 'landschaft', 'landscape',
+      words: ['berg', 'mountain', 'alpen', 'alps', 'gipfel', 'peak', 'zauberberg', 'hügel', 'landschaft', 'landscape',
         'schnee', 'snow', 'winter', 'eis', 'ice', 'tal', 'valley', 'wandern'],
       palettes: [['#e8ecef', '#22303b', '#5b7a8f', '#a9bccb'], ['#24323d', '#eef1f2', '#7f9fb3', '#c8d6de'], ['#efe9e0', '#2e3438', '#6f8590', '#c7a27a']]},
     {id: 'zellen', font: SANS,
       words: ['biolog', 'gehirn', 'brain', 'mensch', 'human', 'behave', 'verhalten', 'behavio', 'sucht', 'addict', 'enough',
-        'körper', 'body', 'medizin', 'medic', 'gen', 'evolution', 'neuro', 'zelle', 'cell', 'leben', 'life', 'tier', 'animal'],
+        'körper', 'body', 'medizin', 'medic', 'genet', 'genom', 'evolution', 'neuro', 'zelle', 'cell', 'leben', 'life', 'tier',
+        'animal', 'species', 'darwin', 'beagle', 'natural selection'],
       palettes: [['#f1ebe4', '#26323a', '#e0765c', '#4f9a94'], ['#1f2b31', '#eef0ea', '#f08a6c', '#69b3aa'], ['#eaf0ee', '#22303a', '#d4634e', '#3f8f8a']]},
     {id: 'raster', font: SANS,
       words: ['stadt', 'city', 'urban', 'risiko', 'risk', 'gesellschaft', 'society', 'moderne', 'modern', 'system', 'analys',
@@ -99,12 +108,49 @@
       palettes: [['#ecebe7', '#1f2328', '#d1453b', '#2f5f8f'], ['#22262b', '#ebe8e1', '#e2b33c', '#4f86b8'], ['#f0ede6', '#2a2d31', '#3f6fa0', '#d9a03a']]},
     {id: 'schatten', font: NARROW, upper: true,
       words: ['tod', 'death', 'mord', 'murder', 'crime', 'verbrechen', 'schatten', 'shadow', 'dunkel', 'dark', 'angst', 'fear',
-        'serotonin', 'blut', 'blood', 'gift', 'poison', 'detektiv', 'detective', 'kommissar', 'thriller'],
+        'serotonin', 'blut', 'blood', 'gift', 'poison', 'detektiv', 'detective', 'kommissar', 'thriller', 'krimi', 'sherlock',
+        'christie', 'lupin', 'burglar', 'einbrecher'],
       palettes: [['#151515', '#ecebe6', '#c2302f', '#5a5a5a'], ['#ecebe6', '#151515', '#a8241f', '#7c7c7c'], ['#1c1f24', '#e4e0d8', '#d0a04a', '#55606b']]},
     {id: 'typo', font: SERIF,
       words: ['roman', 'novel', 'erzählung', 'stories', 'geschichten', 'gedicht', 'poem', 'poesie', 'poetry', 'brief', 'letters',
         'tagebuch', 'diary', 'molloy', 'beckett', 'manuskripte', 'literatur', 'literature', 'review', 'zeitschrift'],
       palettes: [['#f2ede3', '#211f1c', '#9b3b2f', '#7d7466'], ['#24211e', '#f0e9dc', '#d39b5f', '#8f8578'], ['#e9e4f0', '#26222e', '#5b4a8a', '#a3909a']]},
+    // A patterned paper with a title plate, like the Insel-Bücherei.
+    {id: 'klassiker', font: SERIF, layouts: ['plate'], frame: true,
+      words: ['klassik', 'classic', 'sämtliche werke', 'gesammelte werke', 'works of'],
+      palettes: [['#e9dcc0', '#2a2620', '#a8452f', '#c9a86a'], ['#d9e1d6', '#22302a', '#3f6b57', '#b58a4a'], ['#e4d9e6', '#2c2433', '#6d3f73', '#c09a5a'],
+        ['#dfe4ea', '#1f2733', '#2f557a', '#c5953f'], ['#f0e3d3', '#2d2420', '#7e2f3a', '#3f6f74']]},
+    {id: 'sakral', font: SERIF, upper: true,
+      words: ['bibel', 'bible', 'gott', 'koran', 'quran', 'edda', 'mytholog', 'myth', 'heilig', 'holy', 'sacred', 'kirche',
+        'church', 'religio', 'evangel', 'gospel', 'testament', 'septuaginta', 'kojiki', 'heldensage', 'sagen', 'beowulf',
+        'götter', 'divine', 'paradise', 'paradies', 'hölle', 'hell'],
+      palettes: [['#1d2440', '#efe4c8', '#c9a245', '#7d4b8a'], ['#3a1c1f', '#f1e5cc', '#d1a548', '#4f7a8a'], ['#efe6d2', '#2b2218', '#9a6b22', '#7a2e2a']]},
+    {id: 'grusel', font: SERIF, upper: true,
+      words: ['horror', 'grusel', 'gothic', 'vampir', 'dracula', 'gespenst', 'ghost', 'spuk', 'haunt', 'cthulhu', 'monster',
+        'frankenstein', 'sleepy hollow', 'borderland', 'poe', 'shining', 'scream', 'lovecraft'],
+      palettes: [['#16141a', '#e8e2d6', '#9e2a2b', '#d9d2bf', '#08070a'], ['#1d2320', '#e3e6dc', '#7d9a6a', '#c9cfb5', '#090c0a'],
+        ['#e3dccd', '#1a1718', '#8c1c1c', '#f4efe4', '#1a1718']]},
+    {id: 'spiel', font: SANS,
+      words: ['kinder', 'children', 'kids', 'jugend', 'abenteuer', 'adventure', 'alice', 'looking-glass', 'wonderland',
+        'treasure', 'schatz', 'green gables', 'narnia', 'wardrobe', 'coraline', 'unendliche'],
+      palettes: [['#fdf3e1', '#2d2a26', '#f2a23a', '#4fa3a5'], ['#e8f4f1', '#23343a', '#ef7b5a', '#f4c54b'], ['#2f3e6b', '#fff6e6', '#f6c445', '#ef8a6f'],
+        ['#f6ecf2', '#2c2433', '#e0607e', '#5bb08f']]},
+    {id: 'code', font: MONO,
+      words: ['program', 'comput', 'informatik', 'software', 'algorithm', 'linux', 'unix', 'python', 'javascript',
+        'rhcsa', 'red hat', 'interpretation of computer'],
+      palettes: [['#1e2229', '#e6e1d6', '#e5a93d', '#6fb3c9'], ['#f4f1ea', '#22262c', '#c2453a', '#3d7ab0'], ['#0f1a14', '#d8eadc', '#5fd08a', '#e0c068']]},
+  ];
+
+  // Folders say what a book is when its title doesn't: by name (lower case, a part of it).
+  const FOLDER_THEMES = [
+    ['marx', 'konstruktiv'], ['ökonom', 'konstruktiv'], ['ljubljana', 'psyche'], ['psychoanaly', 'psyche'],
+    ['kritische theorie', 'geometrie'], ['philosoph', 'geometrie'], ['poststruktur', 'raster'], ['zeitdiagnos', 'raster'],
+    ['politik', 'raster'], ['soziolog', 'raster'], ['gesellschaft', 'raster'], ['shadowrun', 'raster'],
+    ['psycholog', 'zellen'], ['wissenschaft', 'zellen'], ['biolog', 'zellen'], ['geschicht', 'karte'],
+    ['informatik', 'code'], ['schreib', 'typo'], ['gegenwartslit', 'typo'], ['roman', 'typo'], ['zeitschrift', 'typo'],
+    ['religion', 'sakral'], ['mytholog', 'sakral'], ['klassiker', 'klassiker'], ['science', 'kosmos'], ['sci-fi', 'kosmos'],
+    ['fantasy', 'ornament'], ['krimi', 'schatten'], ['thriller', 'schatten'], ['warhammer', 'schatten'], ['horror', 'grusel'],
+    ['kinder', 'spiel'], ['jugend', 'spiel'],
   ];
   const DEFAULT = {id: 'bauhaus', font: SANS,
     palettes: [['#efe9dd', '#24262a', '#d0533f', '#3f7fb0'], ['#26282d', '#efe8da', '#e3b04b', '#5b9aa8'], ['#e8ecef', '#22272c', '#c8553d', '#6b8f71'],
@@ -114,13 +160,29 @@
 
   function norm(s) { return String(s || '').toLowerCase(); }
 
+  const LETTER = 'a-z0-9äöüßàâçéèêëîïôûùÿñæœ';
+  function matcher(w, atStart) {
+    const start = atStart || w.charAt(0) === '^';
+    const whole = w.slice(-1) === '$';
+    const stem = w.replace(/^\^|\$$/g, '').replace(/[.*+?()[\]{}|\\]/g, '\\$&');
+    if (!start && !whole && stem.length >= 5) return s => s.indexOf(stem) >= 0;
+    const re = new RegExp('(^|[^' + LETTER + '])' + stem + (whole || stem.length <= 3 ? '(s|e|en)?($|[^' + LETTER + '])' : ''));
+    return s => re.test(s);
+  }
+  // In a name only at a word's start: "light" isn't in "Lightner".
+  THEMES.forEach(t => { t.match = t.words.map(w => matcher(w)); t.matchName = t.words.map(w => matcher(w, true)); });
+
   function scored(book) {
-    // The title says most about a book; author and shelf category help, a folder only tips the scales.
-    const fields = [[norm(book.title), 3], [norm(book.shelfTag), 2],
-      [norm((book.folders || (book.folder ? [book.folder] : [])).join(' ')), 1], [norm(book.author), 2]];
+    // The title says most about a book; author and shelf category help. The first folder
+    // outweighs a word in the author or shelf category (not one in the title), further ones tip the scales.
+    const fields = [[norm(book.title), 3, 'match'], [norm(book.shelfTag), 2, 'match'], [norm(book.author), 2, 'matchName']];
+    const folders = (book.folders || (book.folder ? [book.folder] : [])).map(norm);
     return THEMES.map(t => {
       let score = 0;
-      t.words.forEach(w => fields.forEach(f => { if (f[0].indexOf(w) >= 0) score += f[1]; }));
+      fields.forEach(f => { if (f[0]) t[f[2]].forEach(m => { if (m(f[0])) score += f[1]; }); });
+      folders.forEach((f, i) => {
+        if (FOLDER_THEMES.some(ft => ft[1] === t.id && f.indexOf(ft[0]) >= 0)) score += i ? 1 : 2.5;
+      });
       return {t, score};
     }).filter(x => x.score > 0).sort((a, b) => b.score - a.score);
   }
@@ -147,6 +209,29 @@
       return s;
     },
     geometrie(r, p) {
+      const v = r();
+      if (v < 0.33) {       // nested squares, turning
+        const cx = between(r, 110, 190), cy = between(r, 220, 320), n = 5 + Math.floor(r() * 4), turn = between(r, 6, 12);
+        let s = '';
+        for (let i = n; i >= 1; i--) {
+          const d = i * between(r, 13, 17);
+          s += `<rect x="${f1(cx - d)}" y="${f1(cy - d)}" width="${f1(d * 2)}" height="${f1(d * 2)}" fill="none" stroke="${i === 2 ? p[2] : p[1]}" ` +
+            `stroke-width="${i === 2 ? 2.2 : 1}" opacity="${i === 2 ? 0.9 : 0.5}" transform="rotate(${f1(i * turn)} ${f1(cx)} ${f1(cy)})"/>`;
+        }
+        return s + `<circle cx="${f1(cx)}" cy="${f1(cy)}" r="${f1(between(r, 6, 11))}" fill="${p[2]}"/>`;
+      }
+      if (v < 0.6) {        // triangle, circle and square, drawn
+        const y = between(r, 250, 330), sz = between(r, 46, 60), xs = [70, 150, 230];
+        const order = [0, 1, 2].sort(() => r() - 0.5), filled = Math.floor(r() * 3);
+        let s = `<line x1="20" y1="${f1(y + sz + 14)}" x2="${W - 20}" y2="${f1(y + sz + 14)}" stroke="${p[1]}" stroke-width="1" opacity=".5"/>`;
+        order.forEach((kind, i) => {
+          const x = xs[i], att = i === filled ? `fill="${p[2]}" stroke="none"` : `fill="none" stroke="${p[1]}" stroke-width="1.6"`;
+          if (kind === 0) s += `<circle cx="${x}" cy="${f1(y + sz / 2)}" r="${f1(sz / 2)}" ${att}/>`;
+          else if (kind === 1) s += `<rect x="${f1(x - sz / 2)}" y="${f1(y)}" width="${f1(sz)}" height="${f1(sz)}" ${att}/>`;
+          else s += `<path d="M${x} ${f1(y)} L${f1(x + sz / 2)} ${f1(y + sz)} L${f1(x - sz / 2)} ${f1(y + sz)} Z" ${att}/>`;
+        });
+        return s + `<circle cx="${f1(between(r, 40, 260))}" cy="${f1(y - between(r, 40, 80))}" r="3" fill="${p[3]}"/>`;
+      }
       const cx = between(r, 100, 200), cy = between(r, 170, 300);
       let s = '';
       const n = 4 + Math.floor(r() * 5);
@@ -158,6 +243,27 @@
       return s;
     },
     psyche(r, p) {
+      const v = r();
+      if (v < 0.35) {       // the Borromean knot: three rings, no two linked
+        const cx = between(r, 125, 175), cy = between(r, 250, 300), rr = between(r, 52, 64), d = rr * 0.62;
+        let s = '';
+        [[-90, p[2], 0.75], [30, p[3], 0.6], [150, p[1], 0]].forEach(([a, c, o], i) => {
+          const x = cx + Math.cos(a * Math.PI / 180) * d, y = cy + Math.sin(a * Math.PI / 180) * d;
+          s += `<circle cx="${f1(x)}" cy="${f1(y)}" r="${f1(rr)}" fill="${c}" fill-opacity="${o}" stroke="${p[1]}" stroke-width="${i === 2 ? 2.4 : 1.2}"/>`;
+        });
+        return s;
+      }
+      if (v < 0.6) {        // a spiral, over a divided ground
+        const cx = between(r, 120, 180), cy = between(r, 240, 300), turns = between(r, 3, 4.5), grow = between(r, 4.5, 6.5);
+        let d = '';
+        for (let k = 0; k <= turns * 36; k++) {
+          const a = k / 36 * Math.PI * 2, rad = grow * a;
+          d += (k ? ' L' : 'M') + f1(cx + Math.cos(a) * rad) + ' ' + f1(cy + Math.sin(a) * rad);
+        }
+        return `<rect x="0" y="${f1(cy)}" width="${W}" height="${f1(H - cy)}" fill="${p[3]}" opacity=".3"/>` +
+          `<path d="${d}" fill="none" stroke="${p[2]}" stroke-width="2.4" stroke-linecap="round"/>` +
+          `<circle cx="${f1(cx)}" cy="${f1(cy)}" r="4" fill="${p[1]}"/>`;
+      }
       let s = `<rect x="${W / 2}" y="0" width="${W / 2}" height="${H}" fill="${p[3]}" opacity=".35"/>`;
       const cy = between(r, 170, 290);
       const rx = between(r, 60, 95), ry = between(r, 80, 130);
@@ -271,6 +377,13 @@
       return s;
     },
     schatten(r, p) {
+      if (r() < 0.5) {      // light through a doorway, falling across the floor
+        const x = between(r, 90, 170), w = between(r, 44, 64), top = between(r, 150, 210), floor = between(r, 330, 360);
+        return `<rect x="0" y="${f1(floor)}" width="${W}" height="${f1(H - floor)}" fill="${p[3]}" opacity=".25"/>` +
+          `<rect x="${f1(x)}" y="${f1(top)}" width="${f1(w)}" height="${f1(floor - top)}" fill="${p[1]}" opacity=".9"/>` +
+          `<path d="M${f1(x)} ${f1(floor)} L${f1(x + w)} ${f1(floor)} L${f1(x + w + between(r, 60, 120))} ${H} L${f1(x - between(r, 10, 40))} ${H} Z" fill="${p[1]}" opacity=".35"/>` +
+          `<rect x="${f1(x + w * 0.3)}" y="${f1(floor - between(r, 60, 80))}" width="${f1(w * 0.18)}" height="${f1(between(r, 60, 80))}" fill="${p[2]}"/>`;
+      }
       const x = between(r, 60, 240);
       return `<rect x="${f1(x)}" y="0" width="${f1(between(r, 3, 8))}" height="${H}" fill="${p[2]}"/>` +
         `<circle cx="${f1(x)}" cy="${f1(between(r, 200, 330))}" r="${f1(between(r, 50, 90))}" fill="${p[3]}" opacity=".35"/>`;
@@ -281,6 +394,98 @@
         `fill="${p[2]}" opacity=".9">${esc(ch)}</text>` +
         `<line x1="20" y1="${f1(between(r, 120, 160))}" x2="${W - 20}" y2="${f1(between(r, 120, 160))}" stroke="${p[1]}" stroke-width="1" opacity=".5"/>`;
     },
+    klassiker(r, p) {
+      // An all-over pattern (the paper), the plate for the text goes over it.
+      const kind = Math.floor(r() * 5), sz = pick(r, [18, 22, 26]);
+      let tile;
+      if (kind === 0) {        // lattice of diamonds
+        tile = `<path d="M0 ${sz / 2} L${sz / 2} 0 L${sz} ${sz / 2} L${sz / 2} ${sz} Z" fill="none" stroke="${p[2]}" stroke-width="1.4"/>` +
+          `<circle cx="${sz / 2}" cy="${sz / 2}" r="${f1(sz / 9)}" fill="${p[3]}"/>`;
+      } else if (kind === 1) { // scales
+        tile = `<path d="M0 ${sz} A${sz / 2} ${sz / 2} 0 0 1 ${sz} ${sz} M${-sz / 2} ${sz / 2} A${sz / 2} ${sz / 2} 0 0 1 ${sz / 2} ${sz / 2} ` +
+          `M${sz / 2} ${sz / 2} A${sz / 2} ${sz / 2} 0 0 1 ${sz * 1.5} ${sz / 2}" fill="none" stroke="${p[2]}" stroke-width="1.3"/>`;
+      } else if (kind === 2) { // dots, offset rows
+        tile = `<circle cx="${sz / 4}" cy="${sz / 4}" r="${f1(sz / 7)}" fill="${p[2]}"/><circle cx="${sz * 0.75}" cy="${sz * 0.75}" r="${f1(sz / 7)}" fill="${p[3]}"/>`;
+      } else if (kind === 3) { // little stars
+        const c = sz / 2, a = sz / 3, b = sz / 10;
+        tile = `<path d="M${c} ${f1(c - a)} L${f1(c + b)} ${f1(c - b)} L${f1(c + a)} ${c} L${f1(c + b)} ${f1(c + b)} L${c} ${f1(c + a)} L${f1(c - b)} ${f1(c + b)} L${f1(c - a)} ${c} L${f1(c - b)} ${f1(c - b)} Z" fill="${p[2]}"/>` +
+          `<circle cx="0" cy="0" r="1.6" fill="${p[3]}"/><circle cx="${sz}" cy="0" r="1.6" fill="${p[3]}"/><circle cx="0" cy="${sz}" r="1.6" fill="${p[3]}"/><circle cx="${sz}" cy="${sz}" r="1.6" fill="${p[3]}"/>`;
+      } else {                 // stripes with a beading
+        tile = `<rect x="0" y="0" width="${f1(sz / 3)}" height="${sz}" fill="${p[2]}" opacity=".8"/><circle cx="${f1(sz * 0.67)}" cy="${sz / 2}" r="${f1(sz / 9)}" fill="${p[3]}"/>`;
+      }
+      return `<defs><pattern id="pt" width="${sz}" height="${sz}" patternUnits="userSpaceOnUse">${tile}</pattern></defs>` +
+        `<rect width="${W}" height="${H}" fill="url(#pt)" opacity=".75"/>`;
+    },
+    sakral(r, p) {
+      // A pointed arch with a rose window, nested; light from above.
+      const cx = W / 2, w = between(r, 170, 210), ys = between(r, 300, 330);
+      let s = `<rect width="${W}" height="${H}" fill="${p[3]}" opacity=".12"/>`;
+      for (let i = 0; i < 3; i++) {
+        const ww = w - i * 34, x0 = cx - ww / 2, x1 = cx + ww / 2, apex = ys - ww * 0.866;
+        s += `<path d="M${f1(x0)} ${H} L${f1(x0)} ${f1(ys)} A${f1(ww)} ${f1(ww)} 0 0 1 ${f1(cx)} ${f1(apex)} A${f1(ww)} ${f1(ww)} 0 0 1 ${f1(x1)} ${f1(ys)} L${f1(x1)} ${H}" ` +
+          `fill="${i === 2 ? p[2] : 'none'}" fill-opacity="${i === 2 ? 0.18 : 0}" stroke="${p[2]}" stroke-width="${i ? 1.2 : 2.4}" opacity="${i ? 0.8 : 1}"/>`;
+      }
+      const ry = ys - w * 0.3, rr = between(r, 30, 42), n = pick(r, [8, 12, 16]);
+      s += `<circle cx="${cx}" cy="${f1(ry)}" r="${f1(rr)}" fill="none" stroke="${p[2]}" stroke-width="1.6"/>`;
+      for (let i = 0; i < n; i++) {
+        const a = i * Math.PI * 2 / n;
+        s += `<line x1="${cx}" y1="${f1(ry)}" x2="${f1(cx + Math.cos(a) * rr)}" y2="${f1(ry + Math.sin(a) * rr)}" stroke="${p[2]}" stroke-width="1"/>` +
+          `<circle cx="${f1(cx + Math.cos(a) * rr * 0.62)}" cy="${f1(ry + Math.sin(a) * rr * 0.62)}" r="${f1(rr * 0.16)}" fill="${i % 2 ? p[3] : p[2]}" opacity=".85"/>`;
+      }
+      s += `<line x1="${cx}" y1="${f1(ry + rr)}" x2="${cx}" y2="${H}" stroke="${p[2]}" stroke-width="1.2" opacity=".8"/>`;
+      return s;
+    },
+    grusel(r, p) {
+      // A bare tree before a big moon.
+      const tree = p[4] || p[1];
+      const mx = between(r, 90, 210), my = between(r, 170, 250), mr = between(r, 70, 100);
+      let s = `<circle cx="${f1(mx)}" cy="${f1(my)}" r="${f1(mr)}" fill="${p[3]}" opacity=".9"/>`;
+      s += `<circle cx="${f1(mx + mr * 0.3)}" cy="${f1(my - mr * 0.2)}" r="${f1(mr * 0.18)}" fill="${p[0]}" opacity=".08"/>`;
+      let lines = '';
+      const branch = (x, y, a, len, w, d) => {
+        const x2 = x + Math.cos(a) * len, y2 = y + Math.sin(a) * len;
+        lines += `<line x1="${f1(x)}" y1="${f1(y)}" x2="${f1(x2)}" y2="${f1(y2)}" stroke-width="${f1(w)}"/>`;
+        if (d <= 0) return;
+        const spread = between(r, 0.3, 0.6);
+        branch(x2, y2, a - spread + between(r, -0.15, 0.15), len * between(r, 0.66, 0.8), w * 0.68, d - 1);
+        branch(x2, y2, a + spread + between(r, -0.15, 0.15), len * between(r, 0.66, 0.8), w * 0.68, d - 1);
+      };
+      const tx = between(r, 70, 230);
+      branch(tx, H - 30, -Math.PI / 2 + between(r, -0.15, 0.15), between(r, 85, 110), 9, 6);
+      s += `<g stroke="${tree}" stroke-linecap="round">${lines}</g>`;
+      s += `<path d="M0 ${H} L0 ${H - 34} Q${W / 2} ${f1(H - between(r, 50, 70))} ${W} ${H - 30} L${W} ${H} Z" fill="${tree}"/>`;
+      s += `<rect x="0" y="${H - 8}" width="${W}" height="8" fill="${p[2]}"/>`;
+      return s;
+    },
+    spiel(r, p) {
+      // Rolling hills, a sun, a few bright dots.
+      let s = `<circle cx="${f1(between(r, 70, 230))}" cy="${f1(between(r, 180, 240))}" r="${f1(between(r, 34, 50))}" fill="${p[2]}"/>`;
+      for (let i = 0; i < 3; i++) {
+        const cx = between(r, -40, 340), rad = between(r, 140, 220);
+        s += `<circle cx="${f1(cx)}" cy="${f1(H + rad * 0.45 - i * 30)}" r="${f1(rad)}" fill="${i % 2 ? p[3] : p[1]}" opacity="${f1(0.18 + i * 0.22)}"/>`;
+      }
+      for (let i = 0; i < 9; i++) {
+        s += `<circle cx="${f1(r() * W)}" cy="${f1(between(r, 140, 320))}" r="${f1(between(r, 3, 8))}" fill="${pick(r, [p[2], p[3]])}" opacity=".85"/>`;
+      }
+      return s;
+    },
+    code(r, p) {
+      // An editor's minimap: indented lines of tokens, some of them highlighted.
+      let s = '', indent = 0;
+      for (let y = 150; y < H - 24; y += 13) {
+        if (r() < 0.12) continue;  // an empty line
+        indent = Math.max(0, Math.min(4, indent + pick(r, [-1, 0, 0, 1])));
+        let x = 26 + indent * 16;
+        const n = 1 + Math.floor(r() * 3);
+        for (let k = 0; k < n && x < W - 30; k++) {
+          const w = Math.min(between(r, 14, 70), W - 26 - x), v = r();
+          s += `<rect x="${f1(x)}" y="${y}" width="${f1(w)}" height="6" rx="3" fill="${v < 0.2 ? p[2] : v < 0.35 ? p[3] : p[1]}" opacity="${v < 0.35 ? 0.95 : 0.3}"/>`;
+          x += w + 6;
+        }
+      }
+      s += `<rect x="12" y="140" width="3" height="${H - 160}" fill="${p[2]}" opacity=".7"/>`;
+      return s;
+    },
     bauhaus(r, p) {
       let s = '';
       for (let i = 0; i < 4; i++) {
@@ -301,8 +506,8 @@
   }
 
   // The title's lines, for a size that fits; a word too long is broken.
-  function lines(text, size, max) {
-    const per = Math.max(4, Math.floor(250 / (size * 0.56)));
+  function lines(text, size, max, em) {
+    const per = Math.max(4, Math.floor(248 / (size * (em || 0.56))));
     const words = String(text).split(/\s+/).filter(Boolean);
     const out = [];
     let cur = '';
@@ -336,11 +541,13 @@
     const len = t.length;
     const longest = t.split(/\s+/).reduce((n, w) => Math.max(n, w.length), 0);
     // The longest word stays whole: the type gets smaller rather than the word broken.
-    const size = Math.max(15, Math.min(len <= 10 ? 40 : len <= 18 ? 34 : len <= 30 ? 28 : len <= 48 ? 23 : 19,
-      Math.floor(250 / (longest * 0.58))));
-    const ls = lines(t, size, 5);
+    // Capitals take more room than small letters (about .72 of the size against .56).
+    const em = upper ? 0.74 : 0.58;
+    const size = Math.max(14, Math.min(len <= 10 ? 40 : len <= 18 ? 34 : len <= 30 ? 28 : len <= 48 ? 23 : 19,
+      Math.floor(248 / (longest * em))));
+    const ls = lines(t, size, 5, upper ? 0.72 : 0.56);
     const lh = size * 1.12;
-    const layout = pick(r, ['top', 'top', 'bottom', 'plate']);
+    const layout = pick(r, th.layouts || ['top', 'top', 'bottom', 'plate']);
     const author = String(book.author || '').split(/[;,]/)[0].trim();
     const blockH = ls.length * lh + (author ? 30 : 0) + 40;
     let y0, s = '';
@@ -353,6 +560,7 @@
     } else {
       y0 = 70;
       s += `<rect x="18" y="${f1(y0 - 34)}" width="${W - 36}" height="${f1(blockH)}" rx="3" fill="${p[0]}" opacity=".95"/>`;
+      if (th.frame) s += `<rect x="24" y="${f1(y0 - 28)}" width="${W - 48}" height="${f1(blockH - 12)}" rx="2" fill="none" stroke="${p[1]}" stroke-width="1" opacity=".6"/>`;
     }
     const x = 26;
     ls.forEach((l, i) => {
@@ -360,7 +568,10 @@
         `fill="${p[1]}" letter-spacing="${upper ? 0.5 : 0}">${esc(l)}</text>`;
     });
     if (author) {
-      s += `<text x="${x}" y="${f1(y0 + ls.length * lh + 22)}" font-family="${SANS}" font-size="12" letter-spacing="2" fill="${p[2]}">${esc(author.toUpperCase())}</text>`;
+      // A long name closes up and gets smaller rather than running off the cover.
+      const spacing = author.length > 22 ? 1 : 2;
+      const asz = Math.max(8, Math.min(12, Math.floor((240 / author.length - spacing) / 0.7)));
+      s += `<text x="${x}" y="${f1(y0 + ls.length * lh + 22)}" font-family="${SANS}" font-size="${asz}" letter-spacing="${spacing}" fill="${p[2]}">${esc(author.toUpperCase())}</text>`;
     }
     return s;
   }
diff --git a/static/js/sw.js b/static/js/sw.js
index a69672f..c4ec04f 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v123';
+const CACHE = 'diora-v124';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From c52da00405a59868de1036626cd43d5959186f81 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Fri, 16 Oct 2026 23:08:03 +0200
Subject: [PATCH 129/176] =?UTF-8?q?Bibliothek:=20gr=C3=B6=C3=9Ferer=20?=
 =?UTF-8?q?=E2=80=9EZuletzt=20gelesen=E2=80=9C-Bereich?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Das zuletzt gelesene Buch groß (Cover, Titel, Fortschritt, Seite, „vor 2
Stunden“, Knopf „Weiterlesen“), darunter die davor gelesenen in einer
Reihe mit Cover und Fortschritt. Breite Bildschirme größer, E-Ink in
Schwarz-Weiß; Fortschrittsbalken auf E-Ink hell mit schwarzem Anteil.
sw.js: diora-v125.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app/53-library.js | 74 +++++++++++++++++++++++++++++++------
 static/js/sw.js             |  2 +-
 2 files changed, 64 insertions(+), 12 deletions(-)

diff --git a/static/js/app/53-library.js b/static/js/app/53-library.js
index ce52f4a..db1cc15 100644
--- a/static/js/app/53-library.js
+++ b/static/js/app/53-library.js
@@ -199,21 +199,53 @@ function _libCard(b, label) {
     <span class="lib-meta">${_libEsc(by)}</span></div>`;
 }
 
+// ---- "Zuletzt gelesen": the book read last, large, and the ones read before it in a row --------
+
 function _libContinueBook(books) {
   if (_lib.status !== 'all' || _lib.folder != null || _lib.q || _lib.selecting) return null;
   return _recentlyReadBooks(books).filter(x => !x.is_read && x.keyOk !== false)[0] || null;
 }
 
-function _libContinue(b) {
+// The others read lately (finished ones too), newest first, without the large one.
+function _libRecentBooks(books, going) {
+  if (!going) return [];
+  return _recentlyReadBooks(books).filter(x => x !== going && x.keyOk !== false).slice(0, 6);
+}
+
+// "vor 5 Minuten", "gestern", "vor 3 Tagen", "am 4. Okt."
+function _libAgo(iso) {
+  const t = Date.parse(iso || '');
+  if (!t) return '';
+  const min = Math.round((Date.now() - t) / 60000);
+  if (min < 2) return 'gerade eben';
+  if (min < 60) return `vor ${min} Minuten`;
+  const h = Math.round(min / 60);
+  const day = d => new Date(d).toDateString();
+  if (day(t) === day(Date.now())) return h === 1 ? 'vor einer Stunde' : `vor ${h} Stunden`;
+  if (day(t) === day(Date.now() - 86400000)) return 'gestern';
+  const days = Math.round((Date.now() - t) / 86400000);
+  if (days < 7) return `vor ${days} Tagen`;
+  return 'am ' + new Date(t).toLocaleDateString('de-DE', {day: 'numeric', month: 'short'});
+}
+
+function _libContinue(b, recent) {
   if (!b) return '';
   const pages = b.pages ? ` · Seite ${Math.max(1, Math.round(b.pages * (b.scroll_fraction || 0)))} von ${b.pages}` : '';
-  return `<div class="lib-continue" data-lib-book="${b.id}">${_libCover(b, 'lib-thumb lib-thumb-l')}
-    <span class="lib-text"><span class="lib-kicker">Weiterlesen</span>
-      <span class="lib-title">${_libEsc(b.title)}</span>
-      <span class="lib-meta">${_libEsc(b.author || '')}</span>
-      <span class="lib-bar"><span style="width:${_libPct(b)}%"></span></span>
-      <span class="lib-meta">${_libPct(b)} %${pages}</span></span>
-    <span class="lib-play" aria-hidden="true">▶</span></div>`;
+  const ago = _libAgo(b.last_read);
+  const row = (recent || []).map(r => `<div class="lib-recent-item" data-lib-book="${r.id}">
+      <span class="lib-coverbox">${_libCover(r, 'lib-cover')}${r.is_read ? '<span class="lib-badge">✓</span>' : ''}</span>
+      <span class="lib-bar"><span style="width:${_libPct(r)}%"></span></span>
+      <span class="lib-title">${_libEsc(r.title)}</span></div>`).join('');
+  return `<section class="lib-recent" aria-label="Zuletzt gelesen">
+    <div class="lib-continue" data-lib-book="${b.id}">${_libCover(b, 'lib-hero-cover')}
+      <span class="lib-text"><span class="lib-kicker">Weiterlesen${ago ? ' · ' + ago : ''}</span>
+        <span class="lib-title lib-hero-title">${_libEsc(b.title)}</span>
+        <span class="lib-meta">${_libEsc(b.author || '')}</span>
+        <span class="lib-hero-progress"><span class="lib-bar"><span style="width:${_libPct(b)}%"></span></span>
+          <span class="lib-meta">${_libPct(b)} %${pages}</span></span>
+        <span class="lib-play" aria-hidden="true">▶ Weiterlesen</span></span></div>
+    ${row ? `<div class="lib-recent-head">Zuletzt gelesen</div><div class="lib-recent-row">${row}</div>` : ''}
+  </section>`;
 }
 
 function _libVolumeLabel(b) {
@@ -312,7 +344,7 @@ function _libRender(allBooks) {
   } else {
     const going = _libContinueBook(books);
     const pool = shown.slice();
-    h += _libContinue(going);
+    h += _libContinue(going, _libRecentBooks(books, going));
     if (going) shown.splice(shown.indexOf(going), 1);   // once, on top
     // Series as stacks, unless searching, filtering by state or choosing several.
     const stack = !magazines && !_lib.q && _lib.status === 'all' && !_lib.selecting;
@@ -697,9 +729,24 @@ function _libAddMenu() {
     '#book-list .lib-btn, .lib-sheet-item { min-height: 36px; padding: 0 14px; border-radius: 18px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; font-size: 14px; cursor: pointer; }',
     '.lib-sheet-item { display: block; width: 100%; text-align: left; border: none; border-radius: 0; border-bottom: 1px solid var(--border, #2a2a2a); min-height: 46px; }',
     '.lib-danger { color: var(--accent, #e63946); }',
-    '#book-list .lib-continue { display: flex; align-items: center; gap: 12px; padding: 10px; margin: 0 0 16px; border: 1px solid var(--border, #2a2a2a); border-radius: 10px; background: var(--card, #0b0b0b); cursor: pointer; }',
     '#book-list .lib-kicker { color: var(--accent, #e63946); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }',
-    '#book-list .lib-play { flex: none; width: 46px; height: 46px; border-radius: 50%; background: var(--accent, #e63946); color: var(--on-accent, #fff); display: flex; align-items: center; justify-content: center; font-size: 17px; }',
+    // "Zuletzt gelesen": the last book large (cover, title, progress, a button), the others in a row.
+    '#book-list .lib-recent { margin: 0 0 22px; }',
+    '#book-list .lib-continue { display: flex; align-items: stretch; gap: 16px; padding: 14px; border: 1px solid var(--border, #2a2a2a); border-radius: 12px; background: var(--card, #0b0b0b); cursor: pointer; }',
+    '#book-list .lib-hero-cover { flex: none; width: 104px; height: 156px; border-radius: 5px; object-fit: cover; box-shadow: 0 2px 8px rgba(0,0,0,.35); }',
+    '#book-list .lib-hero-cover.lib-nocover { padding: 8px; }',
+    '#book-list .lib-continue .lib-text { justify-content: center; gap: 4px; }',
+    '#book-list .lib-continue .lib-hero-title { font-size: 18px; font-weight: 700; line-height: 1.25; -webkit-line-clamp: 3; }',
+    '#book-list .lib-hero-progress { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; }',
+    '#book-list .lib-hero-progress .lib-bar { height: 5px; margin-top: 0; }',
+    '#book-list .lib-play { align-self: flex-start; margin-top: 10px; padding: 9px 18px; border-radius: 20px; background: var(--accent, #e63946); color: var(--on-accent, #fff); font-size: 14px; font-weight: 600; white-space: nowrap; }',
+    '@media (min-width: 721px) { #book-list .lib-hero-cover { width: 136px; height: 204px; } #book-list .lib-continue .lib-hero-title { font-size: 22px; } #book-list .lib-continue { padding: 18px; gap: 22px; } }',
+    '#book-list .lib-recent-head { margin: 16px 0 8px; font-size: 13px; color: var(--muted, #9a9a9a); }',
+    '#book-list .lib-recent-row { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }',
+    '#book-list .lib-recent-row::-webkit-scrollbar { display: none; }',
+    '#book-list .lib-recent-item { flex: none; width: 92px; display: flex; flex-direction: column; gap: 3px; cursor: pointer; }',
+    '@media (min-width: 721px) { #book-list .lib-recent-item { width: 112px; } }',
+    '#book-list .lib-recent-item .lib-title { font-size: 12px; }',
     '#book-list .lib-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 18px 14px; }',
     '@media (max-width: 480px) { #book-list .lib-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 10px; } }',
     '#book-list .lib-card { display: flex; flex-direction: column; gap: 3px; min-width: 0; cursor: pointer; }',
@@ -732,6 +779,11 @@ function _libAddMenu() {
     '#book-list .lib-count { opacity: .7; }',
     '#book-list .lib-empty { color: var(--muted, #9a9a9a); font-size: 14px; }',
     'body.eink #book-list .lib-add, body.eink #book-list .lib-play { background: #000; color: #fff; }',
+    'body.eink #book-list .lib-continue { border: 2px solid #000; background: #fff; }',
+    'body.eink #book-list .lib-hero-cover { box-shadow: none; border: 1px solid #000; }',
+    // Progress on e-ink: a light track, the part read in black (the border colour is black there).
+    'body.eink #book-list .lib-bar { background: #ccc; }',
+    'body.eink #book-list .lib-bar > span { background: #000; }',
     '#tab-books.lib-drop { outline: 2px dashed var(--accent, #e63946); outline-offset: -6px; }',
     '#book-list .lib-stackbox::before, #book-list .lib-stackbox::after { content: ""; position: absolute; left: 7%; right: 7%; height: 100%; border-radius: 4px; border: 1px solid var(--border-strong, #444); background: var(--panel, #161616); }',
     '#book-list .lib-stackbox::before { top: -9px; left: 14%; right: 14%; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index c4ec04f..8947bb6 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v124';
+const CACHE = 'diora-v125';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From fa9dc073cb43e81aa0b3a744c00fa29c3f174e60 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 17 Oct 2026 10:16:39 +0200
Subject: [PATCH 130/176] =?UTF-8?q?H=C3=B6rb=C3=BCcher=20herunterladen=20(?=
 =?UTF-8?q?Android-App)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

In der Ansicht eines Hörbuchs „↓ Herunterladen“: alle Kapitel, die noch
fehlen, ab dem nächsten (mit Fortschritt „Lädt … 12/56“, danach „Auf dem
Gerät“); je Kapitel ein Download-Zeichen (laden, Fortschritt, erneut
versuchen, löschen) und im ⋮-Menü „Vom Gerät löschen“. Nur wo der Host
Downloads kann (DioraNative.podcastDownload); sw.js: diora-v126.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/audiobooks.js | 123 ++++++++++++++++++++++++++++++++++++++--
 static/js/sw.js         |   2 +-
 2 files changed, 120 insertions(+), 5 deletions(-)

diff --git a/static/js/audiobooks.js b/static/js/audiobooks.js
index 18f82e3..871292d 100644
--- a/static/js/audiobooks.js
+++ b/static/js/audiobooks.js
@@ -439,6 +439,8 @@
     if (!b) { view.innerHTML = '<div class="ab-top"><button type="button" class="ab-back" data-ab="close">‹ Bücher</button></div><p class="ab-empty">Wird geladen …</p>'; return; }
     const now = nowInBook();
     const marks = d ? d.bookmarks : [];
+    const dlMap = d ? downloads() : null;
+    const dl = dlMap ? bookDownloads(d, dlMap) : null;
     const titleOf = id => {
       const ch = d ? d.chapters.filter(c => c.episode__id === id)[0] : null;
       return ch ? 'Kapitel ' + (ch.index + 1) : '';
@@ -450,6 +452,7 @@
       '<button type="button" data-ab="unplayed">Alles als ungehört markieren</button>' +
       '<button type="button" data-ab="played">Alles als gehört markieren</button>' +
       '<button type="button" data-ab="folder">In Ordner …</button>' +
+      (dl && dl.held ? '<button type="button" data-ab="dl-remove">Vom Gerät löschen (' + dl.held + ' Kapitel)</button>' : '') +
       '<button type="button" data-ab="podcast">Wieder als Podcast führen</button></div>' +
       '<div class="ab-hero">' + cover(b.artwork_url, b.title, 'ab-cover ab-cover-l') +
       '<div class="ab-hero-text"><h2 class="ab-book-title">' + esc(b.title) + '</h2>' +
@@ -459,7 +462,8 @@
       '<div class="ab-actions">' +
       '<button type="button" class="ab-btn ab-primary" data-ab="go">' + goLabel(b, now) + '</button>' +
       '<button type="button" class="ab-btn" data-ab="sleep"' + (now ? '' : ' disabled') + '>☾ Kapitelende</button>' +
-      '<button type="button" class="ab-btn" data-ab="mark"' + (now ? '' : ' disabled') + '>+ Lesezeichen</button></div>' +
+      '<button type="button" class="ab-btn" data-ab="mark"' + (now ? '' : ' disabled') + '>+ Lesezeichen</button>' +
+      (dl ? downloadButton(dl) : '') + '</div>' +
       (marks.length ? '<h3 class="ab-h">Lesezeichen</h3><div class="ab-marks">' + marks.map(m =>
         '<div class="ab-mark"><button type="button" class="ab-row" data-ab-bm="' + m.id + '">' +
         '<span class="ab-card-text"><span class="ab-meta">' + esc(titleOf(m.episode_id)) + ' · ' + clock(m.position_ms) + '</span>' +
@@ -467,7 +471,7 @@
         '<button type="button" class="ab-icon" data-ab-bm-edit="' + m.id + '" aria-label="Notiz ändern">✎</button>' +
         '<button type="button" class="ab-icon" data-ab-bm-del="' + m.id + '" aria-label="Löschen">✕</button></div>').join('') + '</div>' : '') +
       '<h3 class="ab-h">Kapitel</h3>' +
-      (d ? '<div class="ab-chapters">' + d.chapters.map(c => chapterHtml(c, now)).join('') + '</div>'
+      (d ? '<div class="ab-chapters">' + d.chapters.map(c => chapterHtml(c, now, dlMap)).join('') + '</div>'
         : '<p class="ab-empty">Wird geladen …</p>');
   }
 
@@ -477,7 +481,105 @@
     return '▶ ' + (b.done || b.heard_seconds > 0 ? 'Weiterhören' : 'Anfangen');
   }
 
-  function chapterHtml(c, now) {
+  // ---- downloads (the Android app: chapters on the device, for listening without a connection) ----
+
+  function dlHost() {
+    const h = host();
+    return h && typeof h.podcastDownload === 'function' && typeof h.podcastDownloads === 'function' ? h : null;
+  }
+
+  // The host's downloads: {episodeId: {state: queued|downloading|done|failed, progress …}}, or null.
+  function downloads() {
+    const h = dlHost();
+    if (!h) return null;
+    try { return JSON.parse(h.podcastDownloads()) || {}; } catch (e) { return {}; }
+  }
+
+  function bookDownloads(d, map) {
+    const n = {total: d.chapters.length, done: 0, busy: 0, failed: 0, held: 0};
+    d.chapters.forEach(c => {
+      const e = map[c.episode__id];
+      if (!e) return;
+      n.held++;
+      if (e.state === 'done') n.done++;
+      else if (e.state === 'failed') n.failed++;
+      else n.busy++;
+    });
+    return n;
+  }
+
+  function downloadButton(n) {
+    if (n.done === n.total) return '<button type="button" class="ab-btn ab-dl-on" data-ab="dl-info">' + DL_DONE + ' Auf dem Gerät</button>';
+    if (n.busy) return '<button type="button" class="ab-btn" data-ab="dl-info">↓ Lädt … ' + n.done + '/' + n.total + '</button>';
+    return '<button type="button" class="ab-btn" data-ab="dl-all">↓ Herunterladen' + (n.done ? ' (noch ' + (n.total - n.done) + ')' : '') + '</button>';
+  }
+
+  // Arrow into a tray; on the device: the same, white in a full circle (not a ✓: that's "heard").
+  const DL_ICON = '<svg class="ab-dl-ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 4v11M7 10.5l5 5 5-5M5 19.5h14" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="square"/></svg>';
+  const DL_DONE = '<svg class="ab-dl-ic" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="11" fill="currentColor"/><path d="M12 6v8M8.5 10.5l3.5 3.5 3.5-3.5M7.5 17.5h9" fill="none" stroke="var(--bg, #fff)" stroke-width="2" stroke-linecap="square"/></svg>';
+
+  function chapterDownload(c, map) {
+    const e = map[c.episode__id];
+    let sign = DL_ICON;
+    let label = 'Kapitel herunterladen';
+    let cls = '';
+    if (e && e.state === 'done') { sign = DL_DONE; label = 'Auf dem Gerät – tippen: löschen'; cls = ' ab-dl-on'; }
+    else if (e && e.state === 'failed') { sign = '!'; label = 'Fehlgeschlagen – tippen: erneut versuchen'; }
+    else if (e && e.state === 'downloading') { sign = Math.round((e.progress || 0) * 100) + '%'; label = 'Lädt'; cls = ' ab-dl-busy'; }
+    else if (e) { sign = '…'; label = 'Wartet auf den Download'; cls = ' ab-dl-busy'; }
+    return '<button type="button" class="ab-icon ab-dl' + cls + '" data-ab-dl="' + c.index + '" aria-label="' + label + '" title="' + label + '">' + sign + '</button>';
+  }
+
+  // All chapters not yet on the device, from the one that comes next on (then the ones before).
+  function downloadAll() {
+    const h = dlHost();
+    const d = st.detail;
+    if (!h || !d) return;
+    const map = downloads() || {};
+    const from = d.book.next ? d.book.next.index : 0;
+    const order = d.chapters.slice(from).concat(d.chapters.slice(0, from));
+    let n = 0;
+    order.forEach(c => {
+      const e = map[c.episode__id];
+      if (e && e.state !== 'failed') return;
+      if (e && typeof h.podcastRetryDownload === 'function') h.podcastRetryDownload(c.episode__id);
+      else h.podcastDownload(JSON.stringify(c));
+      n++;
+    });
+    toast(n ? n + (n === 1 ? ' Kapitel wird' : ' Kapitel werden') + ' heruntergeladen' : 'Schon alles auf dem Gerät');
+    setTimeout(renderView, 300);
+  }
+
+  async function removeDownloads() {
+    const h = dlHost();
+    const d = st.detail;
+    if (!h || !d || typeof h.podcastDeleteDownload !== 'function') return;
+    const ok = typeof customConfirm === 'function'
+      ? await customConfirm('Die Kapitel von „' + d.book.title + '“ vom Gerät löschen? Stellen und Lesezeichen bleiben; abspielen geht dann nur mit Verbindung.', {danger: true})
+      : true;
+    if (!ok) return;
+    const map = downloads() || {};
+    d.chapters.forEach(c => { if (map[c.episode__id]) h.podcastDeleteDownload(c.episode__id); });
+    toast('Vom Gerät gelöscht');
+    setTimeout(renderView, 300);
+  }
+
+  async function chapterDownloadTap(index) {
+    const h = dlHost();
+    const d = st.detail;
+    const c = d && d.chapters[index];
+    if (!h || !c) return;
+    const e = (downloads() || {})[c.episode__id];
+    if (!e) h.podcastDownload(JSON.stringify(c));
+    else if (e.state === 'failed' && typeof h.podcastRetryDownload === 'function') h.podcastRetryDownload(c.episode__id);
+    else if (e.state === 'done' && typeof h.podcastDeleteDownload === 'function') {
+      const ok = typeof customConfirm === 'function' ? await customConfirm('Kapitel ' + (index + 1) + ' vom Gerät löschen?') : true;
+      if (ok) h.podcastDeleteDownload(c.episode__id);
+    }
+    setTimeout(renderView, 300);
+  }
+
+  function chapterHtml(c, now, dlMap) {
     const playing = now && now.index === c.index;
     const dur = c.episode__duration_seconds || 0;
     let meta;
@@ -491,7 +593,8 @@
       '<span class="ab-meta">' + esc(meta) + '</span></span></button>' +
       '<button type="button" class="ab-icon ab-tick' + (c.played ? ' ab-ticked' : '') + '" data-ab-played="' + c.index + '" ' +
       'aria-label="' + (c.played ? 'Als nicht gehört markieren' : 'Als gehört markieren') + '" ' +
-      'title="' + (c.played ? 'Als nicht gehört markieren' : 'Als gehört markieren') + '">' + (c.played ? '✓' : '○') + '</button></div>';
+      'title="' + (c.played ? 'Als nicht gehört markieren' : 'Als gehört markieren') + '">' + (c.played ? '✓' : '○') + '</button>' +
+      (dlMap ? chapterDownload(c, dlMap) : '') + '</div>';
   }
 
   // Play the open book's chapter `index` (from its own place, or from `ms`).
@@ -631,6 +734,12 @@
     else if (act === 'unplayed') markAll(false);
     else if (act === 'played') markAll(true);
     else if (act === 'folder') assignFolder(st.open);
+    else if (act === 'dl-all') downloadAll();
+    else if (act === 'dl-remove') removeDownloads();
+    else if (act === 'dl-info') {
+      const n = bookDownloads(st.detail, downloads() || {});
+      toast(n.done === n.total ? 'Alle ' + n.total + ' Kapitel sind auf dem Gerät (löschen: ⋮ oben)' : n.done + ' von ' + n.total + ' Kapiteln sind da, der Rest lädt');
+    }
     else if (act === 'podcast') {
       const ok = typeof customConfirm === 'function'
         ? await customConfirm('„' + st.detail.book.title + '“ wieder als Podcast führen? Es verlässt die Bücher; Stellen und Lesezeichen bleiben.')
@@ -640,6 +749,7 @@
       closeBook();
     }
     else if (t.dataset.abPlayed != null) markChapter(Number(t.dataset.abPlayed));
+    else if (t.dataset.abDl != null) chapterDownloadTap(Number(t.dataset.abDl));
     else if (t.dataset.abCh != null) play(Number(t.dataset.abCh));
     else if (t.dataset.abBm != null) playBookmark(Number(t.dataset.abBm));
     else if (t.dataset.abBmEdit != null) editBookmark(Number(t.dataset.abBmEdit));
@@ -818,6 +928,11 @@
     '.ab-chrow .ab-row { border-bottom: none; }',
     '.ab-tick { color: var(--muted, #9a9a9a); font-size: 17px; }',
     '.ab-tick.ab-ticked { color: var(--accent, #e63946); }',
+    '.ab-dl { color: var(--muted, #9a9a9a); font-size: 15px; min-width: 44px; }',
+    '.ab-dl-ic { width: 20px; height: 20px; vertical-align: -4px; }',
+    '.ab-dl.ab-dl-on { color: var(--fg, inherit); }',
+    '.ab-dl.ab-dl-busy { font-size: 12px; }',
+    '.ab-btn.ab-dl-on { border-color: var(--fg, currentColor); }',
     '.ab-mark .ab-row { flex: 1; min-width: 0; }',
     '#ab-toast { position: fixed; left: 50%; bottom: calc(var(--nui-dock-h, 0px) + 90px); transform: translateX(-50%); z-index: 2500; background: var(--raised, #222); color: var(--fg, #eee); padding: 10px 16px; border-radius: 8px; font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s; max-width: calc(100vw - 32px); }',
     '#ab-toast.ab-show { opacity: 1; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index 8947bb6..990e69a 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v125';
+const CACHE = 'diora-v126';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From ea7d62789f2e5b5a85a36fdb744c0111d9d4874d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 17 Oct 2026 11:14:28 +0200
Subject: [PATCH 131/176] Zeitschriften: das Heft und seine Artikel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Das Heft bleibt das Dokument, der Artikel die Einheit, in der man sich
bewegt (docs/library.md):
- Artikel-Index auf dem Gerät aus dem Inhaltsverzeichnis des EPUB bzw. den
  Lesezeichen des PDF (Rubriken, Anreißer, Lesezeit), verschlüsselt im Meta.
- Stand pro Artikel (gelesen / übersprungen, wo man war), verschlüsselt im
  Meta, offline gepuffert.
- Bibliothek: Segmentbalken pro Heft, „7 von 23 gelesen“; ein Tipp öffnet den
  Heft-Inhalt mit Rubriken, Stand je Artikel, „Im Heft weiterlesen“, „Heft
  abschließen“.
- Reader: Kopfzeile „Artikel 8 von 23“, am Ende jedes Artikels eine Zäsur
  (gelesen, Weiter im Heft, Zum Inhalt, überspringen); bei PDF eine Leiste
  beim Weiterblättern. Durchgelesene Artikel zählen als gelesen, Sprünge nicht.
sw.js: diora-v127.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/library.md               |  39 ++
 static/js/app/52-book-list.js |  13 +-
 static/js/app/53-library.js   |  44 +-
 static/js/app/54-issues.js    | 784 ++++++++++++++++++++++++++++++++++
 static/js/app/62-reader.js    |   4 +
 static/js/sw.js               |   3 +-
 templates/radio/player.html   |   1 +
 7 files changed, 879 insertions(+), 9 deletions(-)
 create mode 100644 static/js/app/54-issues.js

diff --git a/docs/library.md b/docs/library.md
index ac99a83..b167270 100644
--- a/docs/library.md
+++ b/docs/library.md
@@ -81,3 +81,42 @@ doorway), grusel (Horror), klassiker (patterned paper with a title plate),
 sakral (Religion & Mythologie), spiel (Kinder & Jugend), code (Informatik),
 typo, wellen, botanik, berge, zellen — and bauhaus when nothing matches. A hash
 of title and author picks palette, layout and every detail.
+
+## Zeitschriften: das Heft und seine Artikel
+
+An issue is a unit (the editors' selection and order, its date, its theme) and
+so is each article in it. Neither is reduced to the other
+(`static/js/app/54-issues.js`):
+
+- **The issue stays the document.** It opens and reads through as before, in
+  the editors' order. The reader marks the article one is in: a running head
+  under the bar ("Schwerpunkt · Artikel 8 von 23 · Titel"), in the apps' footer
+  "Artikel 8/23", and a **pause at each article's end** (`aside.iss-end`):
+  "✓ gelesen", the issue's count, "Weiter im Heft" (the next article not read
+  yet, skipping those read or skipped), "Zum Inhalt", "überspringen",
+  "Doch nicht gelesen". In a PDF the pause is a bar that comes up when one
+  turns from an article's last page onto the next.
+- **The states determine each other.** An article one was in and whose end one
+  reached counts as read (a jump — from the contents, "Weiter" — reads
+  nothing). The issue counts "7 von 23 gelesen · 2 übersprungen"; "Im Heft
+  weiterlesen" goes to the article one was in, else the next one open.
+  "Heft abschließen" marks the rest as skipped, never as read.
+- **In the library** an issue shows one bar with a segment per article (read,
+  skipped, open, the one one is in). A tap opens its contents: Rubriken, the
+  articles with their state, a teaser and the reading time; the ⋮ / mark
+  sets read / unread / skipped by hand.
+
+**The index** comes from the file, on the device: an EPUB's table of contents
+(its leaves are the articles, their parents the Rubriken; without one, each
+spine file with text), a PDF's outline (page ranges). Teasers and reading times
+(200 words a minute) come from the text. It is kept in the encrypted meta as
+`issue: {v: 1, a: [{h, t, r, x, m, p?, e?}]}` (href, title, Rubrik, teaser,
+minutes, a PDF's first and last page), or `{v: 1, a: [], none: true}` for an
+issue without a usable table of contents (read as a whole). Built in the
+background for issues without one (not on e-ink: there when the issue is
+opened, or it comes from another device).
+
+**The states** are in the meta too: `issueRead: {href: 'r' | 's'}`,
+`issueAt: href` (the article one was in). A change goes to the server after
+2.5 s; offline it waits in `localStorage.diora_issue_pending` and goes with the
+next save (or when the connection is back).
diff --git a/static/js/app/52-book-list.js b/static/js/app/52-book-list.js
index 7479f32..700b7d6 100644
--- a/static/js/app/52-book-list.js
+++ b/static/js/app/52-book-list.js
@@ -50,8 +50,8 @@ async function loadBookList() {
       try {
         const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
         const meta = JSON.parse(new TextDecoder().decode(metaBuf));
-        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex};
-        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex, has_cover: !!b.has_cover, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex, issue: meta.issue, issueRead: meta.issueRead, issueAt: meta.issueAt};
+        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex, issue: meta.issue, issueRead: meta.issueRead, issueAt: meta.issueAt, has_cover: !!b.has_cover, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       } catch (e) {
         bookMetaCache[b.id] = {title: `Buch #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
         decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
@@ -68,7 +68,7 @@ async function loadBookList() {
     const cachedBooks = (await _loadCachedBookMeta()).map(_withPendingProgress);
     if (cachedBooks.length) {
       cachedBooks.sort((a, b) => (_bookRecency(b) - _bookRecency(a)) || (b.uploaded_at || '').localeCompare(a.uploaded_at || ''));
-      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', folders: _foldersOfMeta(b), isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0, magazine: b.magazine, cover: b.cover, series: b.series, seriesIndex: b.seriesIndex};
+      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', folders: _foldersOfMeta(b), isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0, magazine: b.magazine, cover: b.cover, series: b.series, seriesIndex: b.seriesIndex, issue: b.issue, issueRead: b.issueRead, issueAt: b.issueAt};
       const uploadArea = $('book-upload-area');
       if (uploadArea) uploadArea.style.display = 'none';
       renderBookList(cachedBooks);
@@ -159,6 +159,9 @@ function repairBook(bookId) {
         cover: prevMeta.cover,
         series: prevMeta.series,
         seriesIndex: prevMeta.seriesIndex,
+        // A new file: its articles are read anew; what was read of them stays.
+        issueRead: prevMeta.issueRead,
+        issueAt: prevMeta.issueAt,
       }));
       const [metaEnc, dataEnc] = await Promise.all([
         encryptBytes(key, metaJson),
@@ -442,6 +445,10 @@ async function _updateBookMeta(bookId, overrides) {
     cover: cached.cover !== undefined ? cached.cover : book.cover,
     series: cached.series !== undefined ? cached.series : book.series,
     seriesIndex: cached.seriesIndex !== undefined ? cached.seriesIndex : book.seriesIndex,
+    // An issue's articles and what was read of them (54-issues.js).
+    issue: cached.issue !== undefined ? cached.issue : book.issue,
+    issueRead: cached.issueRead !== undefined ? cached.issueRead : book.issueRead,
+    issueAt: cached.issueAt !== undefined ? cached.issueAt : book.issueAt,
     ...overrides,
   };
   // The list decides; `folder` follows it (the first), for older clients.
diff --git a/static/js/app/53-library.js b/static/js/app/53-library.js
index db1cc15..abcf879 100644
--- a/static/js/app/53-library.js
+++ b/static/js/app/53-library.js
@@ -182,6 +182,23 @@ function _libCard(b, label) {
   const sel = _lib.selecting && _lib.selecting.has(b.id);
   const by = (label ? label + (b.author ? ' · ' : '') : '') + (b.author || '');   // "Band 2 · Autor" in a series
   const pct = _libPct(b);
+  // An issue with its articles (54-issues.js): read of them instead of a percentage.
+  const iss = typeof _issueSummary === 'function' && _isMagazine(b) ? _issueSummary(b) : null;
+  if (iss && _libLayout() === 'list') {
+    return `<div class="lib-row${sel ? ' lib-sel' : ''}" data-lib-book="${b.id}">
+      ${_libCover(b, 'lib-thumb')}
+      <span class="lib-text"><span class="lib-title">${_libEsc(b.title)}</span>
+        <span class="lib-meta">${_libEsc(_issueCounts(iss))}</span>${_issueSegments(iss, -1, 'iss-seg-thin')}</span>
+      <button type="button" class="lib-more" data-lib-more="${b.id}" aria-label="Optionen">⋮</button></div>`;
+  }
+  if (iss) {
+    return `<div class="lib-card${sel ? ' lib-sel' : ''}" data-lib-book="${b.id}">
+      <span class="lib-coverbox">${_libCover(b, 'lib-cover')}
+        <button type="button" class="lib-more" data-lib-more="${b.id}" aria-label="Optionen">⋮</button></span>
+      ${_issueSegments(iss, -1, 'iss-seg-thin')}
+      <span class="lib-title">${_libEsc(b.title)}</span>
+      <span class="lib-meta">${iss.read}/${iss.total} gelesen</span></div>`;
+  }
   if (_libLayout() === 'list') {
     return `<div class="lib-row${sel ? ' lib-sel' : ''}" data-lib-book="${b.id}">
       ${_libCover(b, 'lib-thumb')}
@@ -230,19 +247,23 @@ function _libAgo(iso) {
 
 function _libContinue(b, recent) {
   if (!b) return '';
+  const iss = typeof _issueSummary === 'function' && _isMagazine(b) ? _issueSummary(b) : null;
+  const nx = iss && iss.next >= 0 ? iss.arts[iss.next] : null;
   const pages = b.pages ? ` · Seite ${Math.max(1, Math.round(b.pages * (b.scroll_fraction || 0)))} von ${b.pages}` : '';
   const ago = _libAgo(b.last_read);
   const row = (recent || []).map(r => `<div class="lib-recent-item" data-lib-book="${r.id}">
       <span class="lib-coverbox">${_libCover(r, 'lib-cover')}${r.is_read ? '<span class="lib-badge">✓</span>' : ''}</span>
-      <span class="lib-bar"><span style="width:${_libPct(r)}%"></span></span>
+      ${(() => { const ri = typeof _issueSummary === 'function' && _isMagazine(r) ? _issueSummary(r) : null;
+        return ri ? _issueSegments(ri, -1, 'iss-seg-thin') : `<span class="lib-bar"><span style="width:${_libPct(r)}%"></span></span>`; })()}
       <span class="lib-title">${_libEsc(r.title)}</span></div>`).join('');
   return `<section class="lib-recent" aria-label="Zuletzt gelesen">
     <div class="lib-continue" data-lib-book="${b.id}">${_libCover(b, 'lib-hero-cover')}
-      <span class="lib-text"><span class="lib-kicker">Weiterlesen${ago ? ' · ' + ago : ''}</span>
+      <span class="lib-text"><span class="lib-kicker">${iss ? 'Im Heft weiterlesen' : 'Weiterlesen'}${ago ? ' · ' + ago : ''}</span>
         <span class="lib-title lib-hero-title">${_libEsc(b.title)}</span>
-        <span class="lib-meta">${_libEsc(b.author || '')}</span>
-        <span class="lib-hero-progress"><span class="lib-bar"><span style="width:${_libPct(b)}%"></span></span>
-          <span class="lib-meta">${_libPct(b)} %${pages}</span></span>
+        <span class="lib-meta">${nx ? _libEsc('Artikel ' + (iss.next + 1) + ' · ' + nx.t) : _libEsc(b.author || '')}</span>
+        ${iss ? `<span class="lib-hero-progress">${_issueSegments(iss, -1)}<span class="lib-meta">${_libEsc(_issueCounts(iss))}</span></span>`
+          : `<span class="lib-hero-progress"><span class="lib-bar"><span style="width:${_libPct(b)}%"></span></span>
+          <span class="lib-meta">${_libPct(b)} %${pages}</span></span>`}
         <span class="lib-play" aria-hidden="true">▶ Weiterlesen</span></span></div>
     ${row ? `<div class="lib-recent-head">Zuletzt gelesen</div><div class="lib-recent-row">${row}</div>` : ''}
   </section>`;
@@ -321,6 +342,9 @@ function _libRender(allBooks) {
   const books = _bookSectionFilter(allBooks);
   const magazines = window.DioraNav && _bookSection === 'magazines';
   const shown = _libShown(books);
+  // An issue opened (54-issues.js): its contents instead of the list, without the list's search and chips.
+  const issueOpen = magazines && _lib.issue != null && typeof _issueView === 'function' && books.some(b => b.id === _lib.issue);
+  listEl.classList.toggle('iss-open', !!issueOpen);
   const narrow = window.matchMedia && matchMedia('(max-width: 720px)').matches;
   const sorts = [['recent', 'Zuletzt'], ['title', 'Titel'], ['author', 'Autor'], ['added', 'Neu hinzugefügt']];
   let h = `<div class="lib-head"><h2 class="lib-h">${magazines ? 'Zeitschriften' : 'Bücher'}</h2>
@@ -339,6 +363,8 @@ function _libRender(allBooks) {
     h += '<p class="lib-empty">Noch keine Bücher. Mit + eine .epub- oder .pdf-Datei hinzufügen.</p>';
   } else if (!books.length) {
     h += `<p class="lib-empty">${magazines ? 'Noch keine Zeitschriften. Ein Heft unter Bücher über ⋮ → „Als Zeitschrift führen“ hierher holen.' : 'Alle Bücher stehen bei den Zeitschriften.'}</p>`;
+  } else if (issueOpen) {
+    h += _issueView(books.find(b => b.id === _lib.issue));
   } else if (_lib.series && !magazines) {
     h += _libSeriesView(books);
   } else {
@@ -358,6 +384,8 @@ function _libRender(allBooks) {
   const status = document.getElementById('book-upload-status');
   if (status && status.textContent.trim()) listEl.querySelector('.lib-head').after(status);
   _libChips(books);
+  // Issues still without their articles' index: built now and then, in the background.
+  if (magazines && typeof _issueIndexLater === 'function') _issueIndexLater(books);
   if (focused || (_lib.searching && !_lib.q)) {
     const n = listEl.querySelector('.lib-q');
     if (n) { n.focus(); n.setSelectionRange(n.value.length, n.value.length); }
@@ -617,6 +645,11 @@ function _libSheet(b) {
       customAlert('Dieses Buch lässt sich mit deinem Schlüssel nicht entschlüsseln. Über ⋮ → „Schlüssel einfügen …“ den richtigen Schlüssel eintragen.');
       return;
     }
+    if (b && _isMagazine(b) && typeof _issueOpen === 'function') {
+      if (card.classList.contains('lib-continue') && _issueSummary(b)) _issueContinue(id);
+      else _issueOpen(id);
+      return;
+    }
     openBook(id);
   }, true);
   // A long press on a book: choosing several.
@@ -649,6 +682,7 @@ function _libSheet(b) {
   window.__dioraBack = function () {
     const shown = $('tab-books') && $('tab-books').style.display !== 'none';
     if (shown && _lib.selecting) { _lib.selecting = null; renderBookList(_lastBookListData); return true; }
+    if (shown && _lib.issue != null) { _lib.issue = null; renderBookList(_lastBookListData); return true; }
     if (shown && _lib.series) { _lib.series = null; renderBookList(_lastBookListData); return true; }
     if (shown && (_lib.q || _lib.searching)) { _lib.q = ''; _lib.searching = false; renderBookList(_lastBookListData); return true; }
     return back ? back() : false;
diff --git a/static/js/app/54-issues.js b/static/js/app/54-issues.js
new file mode 100644
index 0000000..dea3e59
--- /dev/null
+++ b/static/js/app/54-issues.js
@@ -0,0 +1,784 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Zeitschriften: das Heft und seine Artikel (docs/library.md, "Heft und Artikel").
+// The issue stays the document — read through in the editors' order — and the article
+// is the unit one moves in: its own state (gelesen / übersprungen), reading time, a
+// running head ("Artikel 8 von 23") and a pause at its end. Each determines the other:
+// reading the issue through marks the articles one passes; reading articles moves the
+// issue on ("7 von 23"); "Im Heft weiterlesen" goes to the next one not read yet.
+//
+// The index comes from the file, on the device (the server never sees it): an EPUB's
+// table of contents (its leaves are the articles, their parents the Rubriken) or a PDF's
+// outline (page ranges). It is kept in the book's encrypted meta (`issue`), the states
+// too (`issueRead`, `issueAt`), so every device has them; a state that couldn't be saved
+// (offline) waits in localStorage and goes with the next save. Chrome-61-safe (tolino).
+// ---------------------------------------------------------------------------
+
+const ISSUE_WPM = 200;                       // words per minute, for the reading times
+const _issuePendingKey = 'diora_issue_pending';
+
+function _issueEsc(s) {
+  return String(s == null ? '' : s).replace(/[&<>"']/g, c => ({'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'}[c]));
+}
+
+const _issueMeta = b => (b && (bookMetaCache[b.id] || {})) || {};
+function _issueIndexOf(b) {
+  const m = _issueMeta(b);
+  const ix = m.issue || (b && b.issue);
+  return ix && ix.a && ix.a.length ? ix.a : null;
+}
+
+// ---- state: {href: 'r' (gelesen) | 's' (übersprungen)} and the article one was in -----------
+
+function _issuePending() {
+  try { return JSON.parse(localStorage.getItem(_issuePendingKey) || '{}') || {}; } catch (e) { return {}; }
+}
+function _issueSetPending(all) {
+  try { localStorage.setItem(_issuePendingKey, JSON.stringify(all)); } catch (e) {}
+}
+
+function _issueState(b) {
+  const m = _issueMeta(b);
+  const read = Object.assign({}, m.issueRead || b.issueRead || {});
+  let at = m.issueAt || b.issueAt || '';
+  const p = _issuePending()[b.id];
+  if (p) {
+    Object.keys(p.read || {}).forEach(h => { if (p.read[h]) read[h] = p.read[h]; else delete read[h]; });
+    if (p.at) at = p.at;
+  }
+  return {read, at};
+}
+
+// What the issue amounts to: counts, the next article to read, the time still to read.
+function _issueSummary(b) {
+  const arts = _issueIndexOf(b);
+  if (!arts) return null;
+  const st = _issueState(b);
+  let read = 0, skipped = 0, left = 0;
+  arts.forEach(a => {
+    const s = st.read[a.h];
+    if (s === 'r') read++;
+    else if (s === 's') skipped++;
+    else left += a.m || 0;
+  });
+  const at = arts.findIndex(a => a.h === st.at);
+  const open = i => !st.read[arts[i].h];
+  let next = -1;
+  if (at >= 0 && open(at)) next = at;
+  for (let i = at + 1; next < 0 && i < arts.length; i++) if (open(i)) next = i;
+  for (let i = 0; next < 0 && i < arts.length; i++) if (open(i)) next = i;
+  return {arts, st, total: arts.length, read, skipped, left, next, at, started: at >= 0 && open(at)};
+}
+
+function _issueMinutes(m) {
+  if (m < 60) return Math.max(1, Math.round(m)) + ' min';
+  const h = Math.floor(m / 60);
+  const r = Math.round(m - h * 60);
+  return r >= 45 ? 'knapp ' + (h + 1) + ' h' : r >= 15 ? 'gut ' + h + ' h' : h + ' h';
+}
+
+// One bar for the issue, one segment per article: read (full), skipped (hatched), open
+// (empty), the one one is in (accent). `now`: index of the article shown right now.
+function _issueSegments(sum, now, cls) {
+  return `<span class="iss-seg${cls ? ' ' + cls : ''}" aria-label="${sum.read} von ${sum.total} Artikeln gelesen">` +
+    sum.arts.map((a, i) => {
+      const s = sum.st.read[a.h];
+      const k = i === now ? 'iss-s-now' : s === 'r' ? 'iss-s-read' : s === 's' ? 'iss-s-skip' : i === sum.at ? 'iss-s-at' : '';
+      return `<span class="${k}"></span>`;
+    }).join('') + '</span>';
+}
+
+function _issueCounts(sum) {
+  const parts = [`${sum.read} von ${sum.total} gelesen`];
+  if (sum.skipped) parts.push(`${sum.skipped} übersprungen`);
+  return parts.join(' · ');
+}
+
+let _issueSaveTimer = {};
+function _issueMark(bookId, href, state, at) {
+  const all = _issuePending();
+  const p = all[bookId] || {read: {}};
+  if (href) p.read[href] = state || '';
+  if (at) p.at = at;
+  all[bookId] = p;
+  _issueSetPending(all);
+  clearTimeout(_issueSaveTimer[bookId]);
+  _issueSaveTimer[bookId] = setTimeout(() => _issueFlush(bookId), 2500);
+}
+
+async function _issueFlush(bookId) {
+  const all = _issuePending();
+  const p = all[bookId];
+  const b = _lastBookListData.find(x => x.id === bookId);
+  if (!p || !b) return;
+  const st = _issueState(b);
+  try {
+    await _updateBookMeta(bookId, {issueRead: st.read, issueAt: st.at});
+    const now = _issuePending();
+    if (JSON.stringify(now[bookId]) === JSON.stringify(p)) { delete now[bookId]; _issueSetPending(now); }
+  } catch (e) { /* offline: it waits and goes with the next save */ }
+}
+window.addEventListener('online', () => Object.keys(_issuePending()).forEach(id => _issueFlush(Number(id))));
+
+// ---- the index -----------------------------------------------------------------------------------
+
+// The articles of a table of contents: its leaves, each under the nearest entry above it
+// (the Rubrik); one per target. [{h, t, r}]
+function _issueArticlesFromToc(toc) {
+  const out = [];
+  const seen = new Set();
+  const parents = [];
+  for (let i = 0; i < toc.length; i++) {
+    const e = toc[i];
+    parents[e.depth] = e.label;
+    parents.length = e.depth + 1;
+    const nxt = toc[i + 1];
+    const leaf = !nxt || nxt.depth <= e.depth;
+    if (!leaf || !e.href || seen.has(e.href)) continue;
+    seen.add(e.href);
+    out.push({h: e.href, t: (e.label || '').trim() || 'Ohne Titel', r: e.depth > 0 ? (parents[e.depth - 1] || '').trim() : ''});
+  }
+  return out;
+}
+
+function _issueTextStats(text, title) {
+  let t = String(text || '').replace(/\s+/g, ' ').trim();
+  const words = t ? t.split(' ').length : 0;
+  if (title && t.toLowerCase().indexOf(title.toLowerCase()) === 0) t = t.slice(title.length).trim();
+  const x = t.length > 110 ? t.slice(0, 110).replace(/\s+\S*$/, '') + ' …' : t;
+  return {x, m: Math.max(1, Math.round(words / ISSUE_WPM))};
+}
+
+const _issueHtmlText = html => String(html || '')
+  .replace(/<head\b[\s\S]*?<\/head>/gi, ' ')
+  .replace(/<(script|style)\b[\s\S]*?<\/\1>/gi, ' ')
+  .replace(/<[^>]+>/g, ' ')
+  .replace(/&nbsp;/g, ' ').replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&quot;/g, '"').replace(/&#39;/g, "'");
+
+async function _issueIndexEpub(bytes) {
+  const zip = await JSZip.loadAsync(bytes);
+  const container = zip.file('META-INF/container.xml');
+  if (!container) return null;
+  const cdoc = new DOMParser().parseFromString(await container.async('text'), 'application/xml');
+  const root = cdoc.querySelector('rootfile');
+  if (!root) return null;
+  const opfPath = root.getAttribute('full-path');
+  const opfDir = opfPath.indexOf('/') >= 0 ? opfPath.slice(0, opfPath.lastIndexOf('/') + 1) : '';
+  const opfDoc = new DOMParser().parseFromString(await zip.file(opfPath).async('text'), 'application/xml');
+  const manifest = {};
+  Array.prototype.forEach.call(opfDoc.querySelectorAll('manifest > item'), item => {
+    manifest[item.getAttribute('id')] = {href: opfDir + item.getAttribute('href'),
+      mediaType: item.getAttribute('media-type') || '', properties: item.getAttribute('properties') || ''};
+  });
+  const spine = Array.prototype.map.call(opfDoc.querySelectorAll('spine > itemref'), r => (manifest[r.getAttribute('idref')] || {}).href).filter(Boolean);
+  let arts = _issueArticlesFromToc(await _parseEpubToc(zip, opfDoc, manifest));
+  const files = {};
+  const fileText = async path => {
+    if (!(path in files)) {
+      const f = zip.file(path) || zip.file(decodeURIComponent(path));
+      files[path] = f ? await f.async('text') : '';
+    }
+    return files[path];
+  };
+  if (arts.length < 2) {
+    // No usable table of contents: one article per spine file with some text in it.
+    arts = [];
+    for (const path of spine) {
+      const html = await fileText(path);
+      const m = /<h[1-3][^>]*>([\s\S]*?)<\/h[1-3]>/i.exec(html);
+      const text = _issueHtmlText(html);
+      if (text.replace(/\s+/g, '').length < 300) continue;
+      arts.push({h: path, t: m ? _issueHtmlText(m[1]).replace(/\s+/g, ' ').trim() : 'Artikel ' + (arts.length + 1), r: ''});
+    }
+  }
+  // Each article's text: from its target to the next article's (within a file by the
+  // fragment's place, across files along the spine).
+  const split = h => { const k = h.indexOf('#'); return k >= 0 ? [h.slice(0, k), h.slice(k + 1)] : [h, '']; };
+  const posIn = (html, frag) => {
+    if (!frag) return 0;
+    const m = new RegExp('id\\s*=\\s*["\']' + frag.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '["\']').exec(html);
+    if (!m) return 0;
+    return html.lastIndexOf('<', m.index);
+  };
+  for (let i = 0; i < arts.length; i++) {
+    const [file, frag] = split(arts[i].h);
+    const [nFile, nFrag] = i + 1 < arts.length ? split(arts[i + 1].h) : ['', ''];
+    let html = '';
+    const startIdx = spine.indexOf(file);
+    if (nFile === file) {
+      const whole = await fileText(file);
+      html = whole.slice(posIn(whole, frag), nFrag ? posIn(whole, nFrag) : whole.length);
+    } else {
+      const whole = await fileText(file);
+      html = whole.slice(posIn(whole, frag));
+      const endIdx = nFile ? spine.indexOf(nFile) : spine.length;
+      for (let s = startIdx + 1; startIdx >= 0 && s < (endIdx < 0 ? spine.length : endIdx); s++) html += await fileText(spine[s]);
+      if (nFile && nFrag) { const n = await fileText(nFile); html += n.slice(0, posIn(n, nFrag)); }
+    }
+    Object.assign(arts[i], _issueTextStats(_issueHtmlText(html), arts[i].t));
+  }
+  return arts;
+}
+
+async function _issueIndexPdf(bytes) {
+  if (typeof pdfjsLib === 'undefined' || typeof _parsePdfOutline !== 'function') return null;
+  const pdf = await pdfjsLib.getDocument({data: new Uint8Array(bytes)}).promise;
+  const outline = await pdf.getOutline();
+  if (!outline || !outline.length) return [];
+  const arts = _issueArticlesFromToc(await _parsePdfOutline(pdf, outline))
+    .filter(a => /^#pdf-page-\d+$/.test(a.h));
+  arts.forEach(a => { a.p = parseInt(a.h.slice(10), 10); });
+  arts.sort((a, b) => a.p - b.p);
+  const pageText = {};
+  const textOf = async n => {
+    if (!(n in pageText)) {
+      try {
+        const page = await pdf.getPage(n);
+        const c = await page.getTextContent();
+        pageText[n] = c.items.map(it => it.str).join(' ');
+      } catch (e) { pageText[n] = ''; }
+    }
+    return pageText[n];
+  };
+  for (let i = 0; i < arts.length; i++) {
+    const end = i + 1 < arts.length ? Math.max(arts[i].p, arts[i + 1].p - 1) : pdf.numPages;
+    arts[i].e = end;
+    let text = '';
+    for (let n = arts[i].p; n <= Math.min(end, arts[i].p + 30); n++) text += ' ' + await textOf(n);
+    // Pages shared with the next article: counted for both (the next one starts on it).
+    const s = _issueTextStats(text, arts[i].t);
+    // The teaser: from where the title stands on the first page, if it does.
+    const first = (await textOf(arts[i].p)).replace(/\s+/g, ' ');
+    const k = first.toLowerCase().indexOf(arts[i].t.toLowerCase());
+    if (k >= 0) s.x = _issueTextStats(first.slice(k + arts[i].t.length), '').x;
+    Object.assign(arts[i], s);
+  }
+  try { pdf.destroy(); } catch (e) {}
+  return arts;
+}
+
+// The file, decrypted (the browser's cache, or — in the apps — their store).
+async function _issueBytes(id) {
+  let rec = typeof _getCachedBook === 'function' ? await _getCachedBook(id) : null;
+  if (!rec) {
+    const r = await fetch('/books/' + id + '/data/', {credentials: 'same-origin'});
+    if (r.ok) rec = await r.json();
+  }
+  if (!rec || !rec.data_ct) return null;
+  return decryptBytes(await getOrCreateEncKey(), rec.data_iv, rec.data_ct);
+}
+
+const _issueBuilding = new Map();
+// The index of an issue, built once (and kept in its meta) if it has none yet.
+function _issueEnsureIndex(bookId) {
+  const b = _lastBookListData.find(x => x.id === bookId);
+  if (!b) return Promise.resolve(null);
+  const have = _issueIndexOf(b);
+  if (have || (_issueMeta(b).issue && _issueMeta(b).issue.none)) return Promise.resolve(have);
+  if (_issueBuilding.has(bookId)) return _issueBuilding.get(bookId);
+  const job = (async () => {
+    const bytes = await _issueBytes(bookId);
+    if (!bytes) return null;
+    const pdf = (_issueMeta(b).type || b.type) === 'pdf';
+    const arts = pdf ? await _issueIndexPdf(bytes) : await _issueIndexEpub(bytes);
+    if (!arts) return null;
+    // An issue without a usable table of contents stays a whole (and isn't tried again).
+    const issue = arts.length >= 2 ? {v: 1, a: arts} : {v: 1, a: [], none: true};
+    try { await _updateBookMeta(bookId, {issue}); } catch (e) {
+      bookMetaCache[bookId] = Object.assign({}, bookMetaCache[bookId] || {}, {issue});
+    }
+    return issue.a.length ? issue.a : null;
+  })().catch(() => null);
+  _issueBuilding.set(bookId, job);
+  job.then(() => _issueBuilding.delete(bookId));
+  return job;
+}
+
+// Issues still without an index: one after the other, when nothing else goes on (not on
+// an e-reader: there an issue's index is built when it's opened, or comes from elsewhere).
+let _issueQueueBusy = false;
+function _issueIndexLater(books) {
+  if (_issueQueueBusy || (typeof _LIB_EINK === 'function' && _LIB_EINK())) return;
+  const todo = books.filter(b => _isMagazine(b) && b.keyOk !== false && !_issueIndexOf(b) &&
+    !(_issueMeta(b).issue && _issueMeta(b).issue.none));
+  if (!todo.length) return;
+  _issueQueueBusy = true;
+  const idle = window.requestIdleCallback || (fn => setTimeout(fn, 1500));
+  idle(async () => {
+    const reader = document.getElementById('reader-overlay');
+    if (reader && reader.style.display !== 'none') { _issueQueueBusy = false; return; }
+    await _issueEnsureIndex(todo[0].id);
+    _issueQueueBusy = false;
+    if (typeof renderBookList === 'function') renderBookList(_lastBookListData);
+  });
+}
+
+// ---- the library: an issue opened (its contents) --------------------------------------------------
+
+function _issueView(b) {
+  const sum = _issueSummary(b);
+  const back = `<div class="iss-top"><button type="button" class="iss-back" data-issue-act="up">‹ Zeitschriften</button>
+    <button type="button" class="lib-more iss-more" data-lib-more="${b.id}" aria-label="Optionen">⋮</button></div>`;
+  const head = `<div class="iss-head">${_libCover(b, 'iss-cover')}
+    <span class="iss-head-text"><span class="iss-title">${_issueEsc(b.title)}</span>
+    ${b.author ? `<span class="lib-meta">${_issueEsc(b.author)}</span>` : ''}
+    ${sum ? `<span class="lib-meta">${sum.total} Artikel · ${_issueMinutes(sum.arts.reduce((n, a) => n + (a.m || 0), 0))}</span>` : ''}</span></div>`;
+  if (!sum) {
+    const none = _issueMeta(b).issue && _issueMeta(b).issue.none;
+    return back + head + (none
+      ? `<p class="lib-empty">Dieses Heft hat kein Inhaltsverzeichnis, aus dem sich Artikel ablesen lassen – es liest sich als Ganzes.</p>
+         <button type="button" class="iss-go" data-issue-act="read">▶ Lesen</button>`
+      : '<p class="lib-empty">Das Inhaltsverzeichnis wird gelesen …</p>');
+  }
+  const nx = sum.next >= 0 ? sum.arts[sum.next] : null;
+  let h = back + head + `<div class="iss-sum">${_issueSegments(sum, -1)}
+    <span class="lib-meta">${_issueCounts(sum)}${sum.left ? ' · noch ' + _issueMinutes(sum.left) : ''}</span>
+    <span class="iss-actions">
+      ${nx ? `<button type="button" class="iss-go" data-issue-act="continue">▶ ${sum.started ? 'Im Heft weiterlesen' : 'Weiter mit Artikel ' + (sum.next + 1)}</button>`
+        : '<span class="lib-meta">Alles gelesen oder übersprungen.</span>'}
+      ${nx ? '<button type="button" class="iss-btn" data-issue-act="finish">Heft abschließen</button>' : '<button type="button" class="iss-btn" data-issue-act="reopen">Wieder öffnen</button>'}
+    </span></div>`;
+  let rubrik = null;
+  sum.arts.forEach((a, i) => {
+    if (a.r !== rubrik) {
+      rubrik = a.r;
+      if (rubrik) h += `<h3 class="iss-rubrik">${_issueEsc(rubrik)}</h3>`;
+    }
+    const s = sum.st.read[a.h];
+    const mark = s === 'r' ? '✓' : s === 's' ? '–' : i === sum.at ? '◐' : '○';
+    const cls = s === 'r' ? ' iss-read' : s === 's' ? ' iss-skip' : i === sum.next ? ' iss-next' : '';
+    h += `<div class="iss-row${cls}">
+      <button type="button" class="iss-mark" data-issue-mark="${i}" aria-label="Artikel ${i + 1}: Stand ändern">${mark}</button>
+      <button type="button" class="iss-art" data-issue-art="${i}">
+        <span class="iss-n">${i + 1}</span>
+        <span class="iss-art-text"><span class="iss-art-title">${_issueEsc(a.t)}</span>
+        ${a.x ? `<span class="iss-teaser">${_issueEsc(a.x)}</span>` : ''}</span>
+        <span class="iss-min">${a.m ? a.m + ' min' : ''}</span></button></div>`;
+  });
+  return h;
+}
+
+// What to open for "Im Heft weiterlesen": the article one was in (at its place), else the next one open.
+function _issueContinue(bookId) {
+  const b = _lastBookListData.find(x => x.id === bookId);
+  const sum = b && _issueSummary(b);
+  if (!sum || sum.next < 0) { openBook(bookId); return; }
+  if (sum.started && sum.next === sum.at) { openBook(bookId); return; }
+  _issueOpenAt(bookId, sum.next);
+}
+
+async function _issueOpenAt(bookId, index) {
+  const b = _lastBookListData.find(x => x.id === bookId);
+  const arts = b && _issueIndexOf(b);
+  if (!arts || !arts[index]) { openBook(bookId); return; }
+  _issueMark(bookId, null, null, arts[index].h);
+  await openBook(bookId);
+  if (currentBookId !== bookId) return;
+  _issueJump(arts[index]);
+}
+
+function _issueJump(a) {
+  if (a.p && typeof currentPdfDoc !== 'undefined' && currentPdfDoc && readerSettings.pdfPaginated &&
+      typeof enterPdfPaginatedMode === 'function') {
+    if (typeof pdfGoToPage === 'function') pdfGoToPage(a.p);
+    else { pdfCurrentPage = a.p; enterPdfPaginatedMode(); }
+    return;
+  }
+  if (typeof jumpToTocEntry === 'function') jumpToTocEntry(a.h);
+}
+
+function _issueSheet(bookId, i) {
+  const b = _lastBookListData.find(x => x.id === bookId);
+  const sum = b && _issueSummary(b);
+  if (!sum) return;
+  const a = sum.arts[i];
+  const s = sum.st.read[a.h];
+  const set = v => { _issueMark(bookId, a.h, v); renderBookList(_lastBookListData); };
+  const items = [
+    ['Lesen', () => _issueOpenAt(bookId, i)],
+    s === 'r' ? ['Als ungelesen markieren', () => set('')] : ['Als gelesen markieren', () => set('r')],
+    s === 's' ? ['Nicht mehr überspringen', () => set('')] : ['Überspringen', () => set('s')],
+  ];
+  const wrap = document.createElement('div');
+  wrap.className = 'dfo-scrim';
+  wrap.innerHTML = `<div class="dfo-sheet" role="dialog"><div class="dfo-head"><strong>${i + 1} · ${_issueEsc(a.t)}</strong>
+    <button type="button" class="dfo-x" data-x="1" aria-label="Schließen">✕</button></div>
+    ${items.map((it, k) => `<button type="button" class="lib-sheet-item" data-i="${k}">${it[0]}</button>`).join('')}</div>`;
+  wrap.addEventListener('click', e => {
+    const t = e.target.closest('[data-i]');
+    if (e.target === wrap || e.target.closest('[data-x]')) { wrap.remove(); return; }
+    if (t) { wrap.remove(); items[Number(t.dataset.i)][1](); }
+  });
+  document.body.appendChild(wrap);
+}
+
+function _issueFinish(bookId, reopen) {
+  const b = _lastBookListData.find(x => x.id === bookId);
+  const sum = b && _issueSummary(b);
+  if (!sum) return;
+  sum.arts.forEach(a => {
+    const s = sum.st.read[a.h];
+    if (!reopen && !s) _issueMark(bookId, a.h, 's');
+    if (reopen && s === 's') _issueMark(bookId, a.h, '');
+  });
+  renderBookList(_lastBookListData);
+}
+
+(function () {
+  const listEl = document.getElementById('book-list');
+  if (!listEl) return;
+  listEl.addEventListener('click', e => {
+    const id = _lib.issue;
+    if (id == null) return;
+    const act = e.target.closest('[data-issue-act]');
+    const mark = e.target.closest('[data-issue-mark]');
+    const art = e.target.closest('[data-issue-art]');
+    if (!act && !mark && !art) return;
+    e.stopPropagation();
+    if (art) { _issueOpenAt(id, Number(art.dataset.issueArt)); return; }
+    if (mark) { _issueSheet(id, Number(mark.dataset.issueMark)); return; }
+    const a = act.dataset.issueAct;
+    if (a === 'up') { _lib.issue = null; renderBookList(_lastBookListData); }
+    else if (a === 'continue') _issueContinue(id);
+    else if (a === 'read') openBook(id);
+    else if (a === 'finish') _issueFinish(id, false);
+    else if (a === 'reopen') _issueFinish(id, true);
+  });
+})();
+
+// Opened from the library: its contents (built first if needed).
+function _issueOpen(bookId) {
+  _lib.issue = bookId;
+  renderBookList(_lastBookListData);
+  const sc = document.querySelector('.main-content');
+  if (sc) sc.scrollTop = 0;
+  window.scrollTo(0, 0);
+  _issueEnsureIndex(bookId).then(() => { if (_lib.issue === bookId) renderBookList(_lastBookListData); });
+}
+
+// ---- the reader: the running head, the article one is in, the pause at its end ----------------
+
+let _issueR = null;   // {bookId, pdf, arts, els, cur, seen}
+
+function _issueRunLabel() {
+  if (!_issueR || _issueR.cur < 0) return '';
+  const a = _issueR.arts[_issueR.cur];
+  return `Artikel ${_issueR.cur + 1}/${_issueR.arts.length} · ${a.t}`;
+}
+window._issueRunLabel = _issueRunLabel;
+
+async function _issueReaderOpened(bookId, isPdf) {
+  _issueReaderClosed();
+  const b = _lastBookListData.find(x => x.id === bookId);
+  if (!b || !_isMagazine(b)) return;
+  const arts = _issueIndexOf(b) || await _issueEnsureIndex(bookId);
+  if (!arts || currentBookId !== bookId) return;
+  const contentEl = document.getElementById('reader-content');
+  _issueR = {bookId, pdf: !!isPdf, arts, els: [], cur: -1, seen: new Set(), shown: new Set()};
+  if (!isPdf) {
+    const target = h => {
+      const k = h.indexOf('#');
+      const file = k >= 0 ? h.slice(0, k) : h;
+      const frag = k >= 0 ? h.slice(k + 1) : '';
+      let el = null;
+      if (frag) { try { el = contentEl.querySelector('#' + CSS.escape(frag)); } catch (e) {} }
+      if (!el) el = Array.prototype.find.call(contentEl.querySelectorAll('[data-epub-src]'), c => c.getAttribute('data-epub-src') === file) || null;
+      return el;
+    };
+    _issueR.els = arts.map(a => target(a.h));
+    // The pauses push the text down: the place shown stays where it is.
+    const anchor = typeof getPositionAnchor === 'function' ? getPositionAnchor(contentEl) : '';
+    // A pause at each article's end: before the next one starts (inside its chapter, so an
+    // e-reader showing one chapter at a time shows it with the article).
+    arts.forEach((a, i) => {
+      const el = _issueR.els[i];
+      if (!el) return;
+      const aside = document.createElement('aside');
+      aside.className = 'iss-end';
+      aside.dataset.issueEnd = i;
+      aside.innerHTML = _issueEndHtml(i);
+      const next = _issueR.els[i + 1];
+      if (next && !next.hasAttribute('data-epub-src')) next.parentNode.insertBefore(aside, next);
+      else {
+        const chapters = contentEl.querySelectorAll(':scope > [data-epub-src]');
+        let ch = next ? next.previousElementSibling : chapters[chapters.length - 1];
+        while (ch && !ch.hasAttribute('data-epub-src')) ch = ch.previousElementSibling;
+        (ch || el.closest('[data-epub-src]') || contentEl).appendChild(aside);
+      }
+    });
+    contentEl.addEventListener('click', _issueEndClick);
+    if (anchor && typeof restoreFromAnchor === 'function') {
+      if (typeof _suppressScrollJumpDetect === 'function') _suppressScrollJumpDetect();
+      restoreFromAnchor(contentEl, anchor);
+    }
+  } else {
+    // Pages turned one by one (paginated PDF) don't scroll: look now and then.
+    _issueR.poll = setInterval(_issueTrack, 1200);
+  }
+  _issueEnsureHead();
+  contentEl.addEventListener('scroll', _issueScrollLater, {passive: true});
+  _issueTrack();
+}
+
+function _issueReaderClosed() {
+  if (!_issueR) return;
+  const contentEl = document.getElementById('reader-content');
+  if (contentEl) {
+    contentEl.removeEventListener('scroll', _issueScrollLater);
+    contentEl.removeEventListener('click', _issueEndClick);
+  }
+  const head = document.getElementById('iss-runhead');
+  if (head) head.remove();
+  const bar = document.getElementById('iss-pdf-end');
+  if (bar) bar.remove();
+  const id = _issueR.bookId;
+  clearInterval(_issueR.poll);
+  _issueR = null;
+  if (_issuePending()[id]) _issueFlush(id);
+}
+
+function _issueEnsureHead() {
+  let head = document.getElementById('iss-runhead');
+  if (!head) {
+    head = document.createElement('div');
+    head.id = 'iss-runhead';
+    const header = document.querySelector('#reader-overlay .reader-header');
+    if (header && header.parentNode) header.parentNode.insertBefore(head, header.nextSibling);
+    else return;
+  }
+  _issueRenderHead();
+}
+
+function _issueRenderHead() {
+  const head = document.getElementById('iss-runhead');
+  const b = _issueR && _lastBookListData.find(x => x.id === _issueR.bookId);
+  const sum = b && _issueSummary(b);
+  if (!head || !sum) return;
+  const a = _issueR.cur >= 0 ? sum.arts[_issueR.cur] : null;
+  head.innerHTML = `<span class="iss-rh-text">${a && a.r ? `<span class="iss-rh-rubrik">${_issueEsc(a.r)}</span>` : ''}
+    <span class="iss-rh-title">${a ? `Artikel ${_issueR.cur + 1} von ${sum.total} · ${_issueEsc(a.t)}` : `${sum.total} Artikel`}</span></span>
+    ${_issueSegments(sum, _issueR.cur, 'iss-seg-thin')}`;
+  if (window.DioraUI && DioraUI.updateFooter) DioraUI.updateFooter();
+}
+
+let _issueScrollTimer = 0;
+function _issueScrollLater() {
+  clearTimeout(_issueScrollTimer);
+  _issueScrollTimer = setTimeout(_issueTrack, 160);
+}
+
+// Which article is shown, which ends were reached: an article one was in and whose end
+// came into view counts as read.
+function _issueTrack() {
+  if (!_issueR) return;
+  const contentEl = document.getElementById('reader-content');
+  if (!contentEl) return;
+  let cur = _issueR.cur;
+  if (_issueR.pdf) {
+    const page = typeof pdfCurrentPage !== 'undefined' && readerSettings.pdfPaginated ? pdfCurrentPage : _issuePdfPage(contentEl);
+    let c = -1;
+    _issueR.arts.forEach((a, i) => { if (a.p <= page) c = i; });
+    const prev = _issueR.cur;
+    const last = _issueR.page;
+    cur = c;
+    // Read on from an article's last page onto the next one: that article was read
+    // (a jump — the contents, "Weiter" — reads nothing).
+    if (prev >= 0 && cur === prev + 1 && last != null && page === last + 1 &&
+        last >= (_issueR.arts[prev].e || last) && _issueR.seen.has(prev)) _issueEnded(prev);
+    _issueR.page = page;
+  } else {
+    const r = contentEl.getBoundingClientRect();
+    const top = r.top + 60;
+    let c = -1, best = -Infinity;
+    _issueR.els.forEach((el, i) => {
+      if (!el || !el.getClientRects().length) return;
+      const t = el.getBoundingClientRect().top;
+      if (t <= top && t > best) { best = t; c = i; }
+    });
+    if (c >= 0) cur = c;
+    contentEl.querySelectorAll('aside.iss-end').forEach(aside => {
+      const i = Number(aside.dataset.issueEnd);
+      if (!aside.getClientRects().length) return;
+      const ar = aside.getBoundingClientRect();
+      if (ar.top < r.bottom - 40 && ar.bottom > r.top) {
+        if (_issueR.seen.has(i) && !_issueR.shown.has(i)) { _issueR.shown.add(i); _issueEnded(i); }
+        else _issueRenderEnd(aside, i);
+      }
+    });
+  }
+  if (cur !== _issueR.cur && cur >= 0) {
+    _issueR.cur = cur;
+    _issueR.seen.add(cur);
+    _issueMark(_issueR.bookId, null, null, _issueR.arts[cur].h);
+  }
+  _issueRenderHead();
+}
+
+function _issuePdfPage(contentEl) {
+  const top = contentEl.getBoundingClientRect().top + 20;
+  const wrappers = contentEl.querySelectorAll('.pdf-page-wrapper');
+  for (const w of wrappers) {
+    if (w.getBoundingClientRect().bottom > top) return parseInt(w.id.replace('pdf-page-', ''), 10) || 1;
+  }
+  return 1;
+}
+
+// The end of article i reached: read (unless already decided otherwise).
+function _issueEnded(i) {
+  const b = _lastBookListData.find(x => x.id === _issueR.bookId);
+  const st = b && _issueState(b);
+  const a = _issueR.arts[i];
+  if (st && !st.read[a.h]) _issueMark(_issueR.bookId, a.h, 'r');
+  if (_issueR.pdf) _issuePdfEnd(i);
+  else {
+    const aside = document.querySelector(`#reader-content aside.iss-end[data-issue-end="${i}"]`);
+    if (aside) _issueRenderEnd(aside, i);
+  }
+}
+
+// The next article to read after i, skipping those read or skipped.
+function _issueNextAfter(sum, i) {
+  for (let k = i + 1; k < sum.arts.length; k++) if (!sum.st.read[sum.arts[k].h]) return k;
+  for (let k = 0; k < i; k++) if (!sum.st.read[sum.arts[k].h]) return k;
+  return -1;
+}
+
+function _issueEndHtml(i) {
+  const b = _lastBookListData.find(x => x.id === _issueR.bookId);
+  const sum = _issueSummary(b);
+  const a = sum.arts[i];
+  const s = sum.st.read[a.h];
+  const n = _issueNextAfter(sum, i);
+  // On a PDF the next article is usually the page one just turned to: no need to offer it.
+  const na = n >= 0 && !(_issueR.pdf && n === _issueR.cur) ? sum.arts[n] : null;
+  const jumped = n > i + 1 ? `<span class="iss-end-hint">„Weiter“ überspringt ${n - i - 1 === 1 ? 'Artikel ' + (i + 2) : 'die Artikel ' + (i + 2) + '–' + n} (schon gelesen oder übersprungen).</span>` : '';
+  return `<span class="iss-end-state"><strong>${s === 'r' ? '✓ ' : ''}„${_issueEsc(a.t)}“${s === 'r' ? ' gelesen' : s === 's' ? ' übersprungen' : ' – Ende'}</strong>
+      <span class="lib-meta">${_issueEsc(b.title)}: ${_issueCounts(sum)}${sum.left ? ' · noch ' + _issueMinutes(sum.left) : ''}</span></span>
+    ${na ? `<button type="button" class="iss-end-next" data-issue-end-act="next" data-n="${n}">
+        <span class="iss-end-kicker">Weiter im Heft · Artikel ${n + 1}${na.r ? ' · ' + _issueEsc(na.r) : ''}${na.m ? ' · ' + na.m + ' min' : ''}</span>
+        <span class="iss-end-title">${_issueEsc(na.t)}</span></button>${jumped}`
+      : '<span class="lib-meta">Das Heft ist durch.</span>'}
+    <span class="iss-end-actions">
+      <button type="button" class="iss-btn" data-issue-end-act="toc">Zum Inhalt</button>
+      ${na && n === i + 1 ? `<button type="button" class="iss-btn" data-issue-end-act="skip" data-n="${n}">Artikel ${n + 1} überspringen</button>` : ''}
+      ${s === 'r' ? `<button type="button" class="iss-btn" data-issue-end-act="unread" data-i="${i}">Doch nicht gelesen</button>` : ''}
+    </span>`;
+}
+
+function _issueRenderEnd(aside, i) {
+  const html = _issueEndHtml(i);
+  if (aside.innerHTML !== html) aside.innerHTML = html;
+}
+
+function _issuePdfEnd(i) {
+  let bar = document.getElementById('iss-pdf-end');
+  if (!bar) {
+    bar = document.createElement('aside');
+    bar.id = 'iss-pdf-end';
+    bar.className = 'iss-end iss-end-float';
+    bar.addEventListener('click', _issueEndClick);
+    document.body.appendChild(bar);
+  }
+  bar.innerHTML = `<button type="button" class="dfo-x iss-end-x" data-issue-end-act="close" aria-label="Schließen">✕</button>` + _issueEndHtml(i);
+  clearTimeout(bar.timer);
+  bar.timer = setTimeout(() => bar.remove(), 12000);
+}
+
+function _issueEndClick(e) {
+  const t = e.target.closest('[data-issue-end-act]');
+  if (!t || !_issueR) return;
+  e.stopPropagation();
+  e.preventDefault();
+  const id = _issueR.bookId;
+  const act = t.dataset.issueEndAct;
+  const bar = document.getElementById('iss-pdf-end');
+  if (act === 'close') { if (bar) bar.remove(); return; }
+  if (act === 'next') {
+    if (bar) bar.remove();
+    const n = Number(t.dataset.n);
+    _issueR.seen.add(n);
+    _issueJump(_issueR.arts[n]);
+  } else if (act === 'toc') {
+    if (bar) bar.remove();
+    closeReader();
+    if (window.DioraNav) DioraNav.go('magazines');
+    _issueOpen(id);
+  } else if (act === 'skip') {
+    _issueMark(id, _issueR.arts[Number(t.dataset.n)].h, 's');
+  } else if (act === 'unread') {
+    _issueMark(id, _issueR.arts[Number(t.dataset.i)].h, '');
+  }
+  setTimeout(() => {
+    if (!_issueR) return;
+    document.querySelectorAll('aside.iss-end[data-issue-end]').forEach(a => _issueRenderEnd(a, Number(a.dataset.issueEnd)));
+    if (bar && bar.isConnected) bar.remove();
+    _issueRenderHead();
+  }, 0);
+}
+
+// ---- styles ---------------------------------------------------------------------------------------
+
+(function () {
+  const style = document.createElement('style');
+  style.textContent = [
+    '.iss-seg { display: flex; gap: 2px; height: 8px; }',
+    '.iss-seg > span { flex: 1; min-width: 2px; border-radius: 2px; background: var(--border, #2a2a2a); }',
+    '.iss-seg > .iss-s-read { background: var(--fg, #eee); }',
+    '.iss-seg > .iss-s-skip { background: repeating-linear-gradient(135deg, var(--muted, #9a9a9a) 0 2px, var(--border, #2a2a2a) 2px 4px); }',
+    '.iss-seg > .iss-s-at { background: linear-gradient(90deg, var(--accent, #e63946) 45%, var(--border, #2a2a2a) 45%); }',
+    '.iss-seg > .iss-s-now { background: var(--accent, #e63946); flex: 2.5; }',
+    '.iss-seg-thin { height: 5px; }',
+    '#book-list .lib-card .iss-seg, #book-list .lib-row .iss-seg, #book-list .lib-continue .iss-seg { margin-top: 4px; }',
+    '#book-list .iss-top { display: flex; align-items: center; justify-content: space-between; margin: 0 0 8px; }',
+    '#book-list .iss-back { min-height: 44px; padding: 0 6px; border: none; background: none; color: inherit; font: inherit; font-size: 15px; cursor: pointer; }',
+    '#book-list .iss-top .iss-more { position: static; opacity: 1; border: none; background: none; color: inherit; font-size: 20px; width: 44px; height: 44px; }',
+    '#book-list.iss-open .lib-head, #book-list.iss-open .lib-chips { display: none; }',
+    '#book-list .iss-head { display: flex; gap: 14px; margin: 0 0 12px; }',
+    '#book-list .iss-cover { flex: none; width: 96px; height: 144px; border-radius: 4px; object-fit: cover; }',
+    '#book-list .iss-head-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }',
+    '#book-list .iss-title { font-size: 21px; font-weight: 700; line-height: 1.25; }',
+    '#book-list .iss-sum { display: flex; flex-direction: column; gap: 8px; margin: 0 0 8px; }',
+    '#book-list .iss-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }',
+    '.iss-go { min-height: 44px; padding: 0 18px; border: none; border-radius: 22px; background: var(--accent, #e63946); color: var(--on-accent, #fff); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }',
+    '.iss-btn { min-height: 40px; padding: 0 14px; border: 1px solid var(--border-strong, #444); border-radius: 20px; background: none; color: inherit; font: inherit; font-size: 14px; cursor: pointer; }',
+    '#book-list .iss-rubrik { margin: 18px 0 2px; font-size: 12px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; color: var(--muted, #9a9a9a); }',
+    '#book-list .iss-row { display: flex; align-items: center; border-bottom: 1px solid var(--border, #2a2a2a); }',
+    '#book-list .iss-row.iss-next { background: var(--card, #0b0b0b); border: 1px solid var(--accent, #e63946); border-radius: 8px; }',
+    '#book-list .iss-mark { flex: none; width: 40px; min-height: 48px; border: none; background: none; color: var(--muted, #9a9a9a); font: inherit; font-size: 16px; cursor: pointer; }',
+    '#book-list .iss-read .iss-mark { color: var(--fg, #eee); }',
+    '#book-list .iss-next .iss-mark { color: var(--accent, #e63946); }',
+    '#book-list .iss-art { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 9px 8px 9px 0; border: none; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+    '#book-list .iss-n { flex: none; width: 22px; font-size: 12px; color: var(--muted, #9a9a9a); text-align: right; }',
+    '#book-list .iss-art-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }',
+    '#book-list .iss-art-title { font-size: 15px; line-height: 1.3; }',
+    '#book-list .iss-next .iss-art-title { font-weight: 700; }',
+    '#book-list .iss-read .iss-art-title { color: var(--muted, #9a9a9a); }',
+    '#book-list .iss-skip .iss-art-title { color: var(--muted, #9a9a9a); text-decoration: line-through; }',
+    '#book-list .iss-teaser { font-size: 12px; color: var(--muted, #9a9a9a); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
+    '#book-list .iss-min { flex: none; font-size: 12px; color: var(--muted, #9a9a9a); }',
+    '#iss-runhead { display: flex; flex-direction: column; gap: 4px; padding: 4px 16px 6px; border-bottom: 1px solid var(--border, #2a2a2a); background: var(--bg, #000); }',
+    'body.reader-immersive #iss-runhead { display: none; }',
+    '.iss-rh-text { display: flex; flex-direction: column; min-width: 0; }',
+    '.iss-rh-rubrik { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted, #9a9a9a); }',
+    '.iss-rh-title { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }',
+    'aside.iss-end { display: flex; flex-direction: column; gap: 12px; margin: 2.5em 0; padding: 16px; border: 1px solid currentColor; border-radius: 12px; font-family: system-ui, sans-serif; font-size: 15px; line-height: 1.35; text-indent: 0; }',
+    '.iss-end-state { display: flex; flex-direction: column; gap: 3px; }',
+    '.iss-end-next { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border: none; border-radius: 10px; background: var(--accent, #e63946); color: var(--on-accent, #fff); font: inherit; text-align: left; cursor: pointer; }',
+    '.iss-end-kicker { font-size: 12px; opacity: .9; }',
+    '.iss-end-title { font-size: 17px; font-weight: 600; }',
+    '.iss-end-hint { font-size: 12px; opacity: .75; }',
+    '.iss-end-actions { display: flex; flex-wrap: wrap; gap: 8px; }',
+    '.iss-end-float { position: fixed; left: 12px; right: 12px; bottom: 16px; z-index: 960; margin: 0; background: var(--panel, #161616); color: var(--fg, #eee); box-shadow: 0 4px 18px rgba(0,0,0,.4); }',
+    '.iss-end-x { position: absolute; right: 6px; top: 6px; }',
+    'body.eink .iss-seg > span { background: #fff; outline: 1px solid #000; outline-offset: -1px; border-radius: 0; }',
+    'body.eink .iss-seg > .iss-s-read { background: #000; }',
+    'body.eink .iss-seg > .iss-s-skip { background: repeating-linear-gradient(135deg, #000 0 1px, #fff 1px 4px); }',
+    'body.eink .iss-seg > .iss-s-at, body.eink .iss-seg > .iss-s-now { background: linear-gradient(90deg, #000 50%, #fff 50%); }',
+    'body.eink .iss-go, body.eink .iss-end-next { background: #000; color: #fff; }',
+    'body.eink #book-list .iss-row.iss-next { background: #fff; border: 2px solid #000; }',
+    'body.eink #book-list .iss-row, body.eink #iss-runhead { border-color: #000; }',
+    'body.eink .iss-end-float { background: #fff; color: #000; border: 2px solid #000; box-shadow: none; }',
+  ].join('\n');
+  document.head.appendChild(style);
+})();
diff --git a/static/js/app/62-reader.js b/static/js/app/62-reader.js
index 268e896..d352e8d 100644
--- a/static/js/app/62-reader.js
+++ b/static/js/app/62-reader.js
@@ -360,6 +360,9 @@ async function _openBookOnce(bookId) {
 
     enterReaderImmersiveMode();
 
+    // An issue of a magazine: its articles (54-issues.js).
+    if (typeof _issueReaderOpened === 'function') _issueReaderOpened(bookId, isPdf);
+
   } catch (e) {
     console.error('openBook failed:', e);
     overlay.style.display = 'none';
@@ -496,6 +499,7 @@ async function saveReaderProgress(force = false) {
 }
 
 function closeReader() {
+  if (typeof _issueReaderClosed === 'function') _issueReaderClosed();
   exitReaderImmersiveMode();
   stopReadAloud();
   // Save progress BEFORE hiding — scrollHeight/clientHeight return 0 once display:none
diff --git a/static/js/sw.js b/static/js/sw.js
index 990e69a..aae17be 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v126';
+const CACHE = 'diora-v127';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
@@ -24,6 +24,7 @@ const SHELL = [
   '/static/js/app/50-reader-state.js',
   '/static/js/app/52-book-list.js',
   '/static/js/app/53-library.js',
+  '/static/js/app/54-issues.js',
   '/static/js/app/56-cloud-import.js',
   '/static/js/app/58-pdf.js',
   '/static/js/app/60-tts.js',
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 33b16a4..bbfe557 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -375,6 +375,7 @@
 <script src="/static/js/app/50-reader-state.js"></script>
 <script src="/static/js/app/52-book-list.js"></script>
 <script src="/static/js/app/53-library.js"></script>
+<script src="/static/js/app/54-issues.js"></script>
 <script src="/static/js/app/56-cloud-import.js"></script>
 <script src="/static/js/app/58-pdf.js"></script>
 <script src="/static/js/app/60-tts.js"></script>

From 3c7be76a93f2fd79fab580a4e5fe0862f780c262 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 17 Oct 2026 11:48:44 +0200
Subject: [PATCH 132/176] Zeitschriften: Artikel richtig erkennen
 (GegenStandpunkt, PDF-Hefte)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- EPUB: ein Artikel ist eine Datei; die Einträge danach in dieselbe Datei
  sind seine Abschnitte, gleich auf welcher Ebene (beim GegenStandpunkt
  stehen Zwischenüberschriften teils ganz oben). Unterzeile = die Schlagzeile
  unter dem Titel, nicht nummerierte Abschnitte.
- PDF: die meisten Hefte haben keine Lesezeichen – die Artikel kommen jetzt
  aus dem gedruckten Inhaltsverzeichnis (Jacobin, NLR, LuXemburg,
  manuskripte): Seitenzahl vorn oder hinten, Autor in eigener Spalte oder
  darunter („Von …“), Titel in Versalien über mehrere Zeilen, Rubriken; die
  gedruckten Seitenzahlen werden über die Titel auf die PDF-Seiten abgebildet.
- Index-Version 2: schon gebaute Indizes werden neu gebaut.
sw.js: diora-v128.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/library.md            |  37 +++-
 static/js/app/54-issues.js | 419 +++++++++++++++++++++++++++++++++----
 static/js/sw.js            |   2 +-
 3 files changed, 414 insertions(+), 44 deletions(-)

diff --git a/docs/library.md b/docs/library.md
index b167270..d72fcea 100644
--- a/docs/library.md
+++ b/docs/library.md
@@ -106,13 +106,36 @@ so is each article in it. Neither is reduced to the other
   articles with their state, a teaser and the reading time; the ⋮ / mark
   sets read / unread / skipped by hand.
 
-**The index** comes from the file, on the device: an EPUB's table of contents
-(its leaves are the articles, their parents the Rubriken; without one, each
-spine file with text), a PDF's outline (page ranges). Teasers and reading times
-(200 words a minute) come from the text. It is kept in the encrypted meta as
-`issue: {v: 1, a: [{h, t, r, x, m, p?, e?}]}` (href, title, Rubrik, teaser,
-minutes, a PDF's first and last page), or `{v: 1, a: [], none: true}` for an
-issue without a usable table of contents (read as a whole). Built in the
+**The index** comes from the file, on the device:
+
+- **EPUB**: the table of contents, by file — an article is a file (the first
+  entry pointing into it); the entries after it into the same file are its
+  sections, whatever their depth (GegenStandpunkt puts some at the top level);
+  an entry whose children point into other files is a Rubrik. A one-file EPUB:
+  the leaves. No table of contents: each spine file with text. The teaser is
+  the headline under the title (the headings before the first paragraph that
+  the title doesn't say, not numbered sections), else the first paragraph.
+- **PDF**: a real outline (word processors' `_Hlk…`/`_Toc…` leftovers don't
+  count); most magazines' PDFs have none, so mostly **the contents page
+  printed in the issue**: among the first 16 pages the one with most numbered
+  rows (numbers that merely count 1, 2, 3 … are a list, not a contents), plus
+  its neighbours with entries. A row: the page number at the start
+  ("14 Der Krieg gegen Palästina", Jacobin), or at the end, maybe with the
+  author in a column before the title ("Nathan Sperber | Beyond Neoliberalism?
+  | 23", NLR); lines under it in its type size continue the title, an author
+  line ("Von …", a name) gives the author, lines in other type the teaser; a
+  title in capitals may begin on the lines above its number, a lone word on top
+  is its kicker (LuXemburg: GESPRÄCH, INFOGRAFIK); "Name: Titel"
+  (manuskripte). Capitals in the contents' type are Rubriken. The printed
+  numbers are mapped to the file's pages by the offset most titles agree on
+  (found in the page's text, a headline in capitals preferred); running heads
+  and the contents page's own head are dropped.
+
+Reading times count 200 words a minute. It is kept in the encrypted meta as
+`issue: {v: 2, a: [{h, t, r, x, m, a?, p?, e?}]}` (href, title, Rubrik, teaser,
+minutes, author, a PDF's first and last page), or `{v: 2, a: [], none: true}`
+for an issue without a usable table of contents (read as a whole). An index of
+another version is built anew. Built in the
 background for issues without one (not on e-ink: there when the issue is
 opened, or it comes from another device).
 
diff --git a/static/js/app/54-issues.js b/static/js/app/54-issues.js
index dea3e59..6b34c29 100644
--- a/static/js/app/54-issues.js
+++ b/static/js/app/54-issues.js
@@ -16,6 +16,7 @@
 // ---------------------------------------------------------------------------
 
 const ISSUE_WPM = 200;                       // words per minute, for the reading times
+const ISSUE_INDEX_V = 2;                     // an index of another version is built anew
 const _issuePendingKey = 'diora_issue_pending';
 
 function _issueEsc(s) {
@@ -26,7 +27,12 @@ const _issueMeta = b => (b && (bookMetaCache[b.id] || {})) || {};
 function _issueIndexOf(b) {
   const m = _issueMeta(b);
   const ix = m.issue || (b && b.issue);
-  return ix && ix.a && ix.a.length ? ix.a : null;
+  return ix && ix.v === ISSUE_INDEX_V && ix.a && ix.a.length ? ix.a : null;
+}
+// An issue whose file has no usable table of contents (under this version's rules).
+function _issueNone(b) {
+  const ix = _issueMeta(b).issue || (b && b.issue);
+  return !!(ix && ix.v === ISSUE_INDEX_V && ix.none);
 }
 
 // ---- state: {href: 'r' (gelesen) | 's' (übersprungen)} and the article one was in -----------
@@ -123,9 +129,39 @@ window.addEventListener('online', () => Object.keys(_issuePending()).forEach(id
 
 // ---- the index -----------------------------------------------------------------------------------
 
-// The articles of a table of contents: its leaves, each under the nearest entry above it
-// (the Rubrik); one per target. [{h, t, r}]
-function _issueArticlesFromToc(toc) {
+// The articles of a table of contents. An EPUB's (byFile): an article is a file — the
+// first entry pointing into it; the entries after it into the same file are its sections
+// (whatever their depth), and an entry whose children point into other files is a Rubrik.
+// Otherwise (one file for all, a PDF's outline): the leaves, each under the entry above it.
+// Entries that are word processors' leftovers (_Hlk…, _Toc…) don't count. [{h, t, r}]
+const _issueJunk = label => /^_?(Hlk|Toc|Ref|GoBack)\d*$/i.test(String(label || '').trim());
+
+function _issueArticlesFromToc(toc, byFile) {
+  toc = toc.filter(e => !_issueJunk(e.label));
+  const fileOf = h => String(h || '').split('#')[0];
+  if (byFile) {
+    const out = [];
+    const seen = new Set();
+    for (let i = 0; i < toc.length; i++) {
+      const e = toc[i];
+      if (!e.href) continue;
+      const f = fileOf(e.href);
+      let container = false;
+      for (let k = i + 1; k < toc.length && toc[k].depth > e.depth; k++) {
+        if (toc[k].href && fileOf(toc[k].href) !== f) { container = true; break; }
+      }
+      if (container || seen.has(f)) continue;
+      seen.add(f);
+      let r = '';
+      for (let k = i - 1, d = e.depth; k >= 0 && d > 0; k--) {
+        if (toc[k].depth >= d) continue;
+        d = toc[k].depth;
+        if (!toc[k].href || fileOf(toc[k].href) !== f) { r = toc[k].label || ''; break; }
+      }
+      out.push({h: e.href, t: (e.label || '').replace(/\s+/g, ' ').trim() || 'Ohne Titel', r: r.replace(/\s+/g, ' ').trim()});
+    }
+    if (out.length >= 2) return out;
+  }
   const out = [];
   const seen = new Set();
   const parents = [];
@@ -154,6 +190,9 @@ const _issueHtmlText = html => String(html || '')
   .replace(/<head\b[\s\S]*?<\/head>/gi, ' ')
   .replace(/<(script|style)\b[\s\S]*?<\/\1>/gi, ' ')
   .replace(/<[^>]+>/g, ' ')
+  .replace(/&#x([0-9a-f]+);/gi, (m, h) => String.fromCharCode(parseInt(h, 16)))
+  .replace(/&#(\d+);/g, (m, d) => String.fromCharCode(parseInt(d, 10)))
+  .replace(/ /g, ' ')
   .replace(/&nbsp;/g, ' ').replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&quot;/g, '"').replace(/&#39;/g, "'");
 
 async function _issueIndexEpub(bytes) {
@@ -172,7 +211,7 @@ async function _issueIndexEpub(bytes) {
       mediaType: item.getAttribute('media-type') || '', properties: item.getAttribute('properties') || ''};
   });
   const spine = Array.prototype.map.call(opfDoc.querySelectorAll('spine > itemref'), r => (manifest[r.getAttribute('idref')] || {}).href).filter(Boolean);
-  let arts = _issueArticlesFromToc(await _parseEpubToc(zip, opfDoc, manifest));
+  let arts = _issueArticlesFromToc(await _parseEpubToc(zip, opfDoc, manifest), true);
   const files = {};
   const fileText = async path => {
     if (!(path in files)) {
@@ -216,48 +255,356 @@ async function _issueIndexEpub(bytes) {
       for (let s = startIdx + 1; startIdx >= 0 && s < (endIdx < 0 ? spine.length : endIdx); s++) html += await fileText(spine[s]);
       if (nFile && nFrag) { const n = await fileText(nFile); html += n.slice(0, posIn(n, nFrag)); }
     }
-    Object.assign(arts[i], _issueTextStats(_issueHtmlText(html), arts[i].t));
+    const st = _issueTextStats(_issueHtmlText(html), arts[i].t);
+    // The headings before the first paragraph that the title doesn't already say (a
+    // magazine's headline under its kicker): the teaser; else the text's beginning.
+    const body = html.replace(/<head\b[\s\S]*?<\/head>/i, '');
+    const firstP = body.search(/<p[\s>]/i);
+    const heads = [];
+    const re = /<h[1-4]\b[^>]*>([\s\S]*?)<\/h[1-4]>/gi;
+    let m;
+    while ((m = re.exec(body)) && (firstP < 0 || m.index < firstP)) {
+      const t = _issueHtmlText(m[1]).replace(/\s+/g, ' ').trim();
+      // Not one of the article's own numbered sections ("I. Verarmung …", "1. …").
+      if (t && !/^([IVXL]+|\d+)\.\s/.test(t) && _issueNorm(arts[i].t).indexOf(_issueNorm(t)) < 0) heads.push(t);
+    }
+    if (heads.length) st.x = heads.join(' – ');
+    else if (firstP >= 0) st.x = _issueTextStats(_issueHtmlText(body.slice(firstP)), '').x;
+    Object.assign(arts[i], st);
   }
   return arts;
 }
 
+const _issueNorm = s => String(s || '').toLowerCase().replace(/ß/g, 'ss').normalize('NFKD').replace(/[^a-z0-9]/g, '');
+
 async function _issueIndexPdf(bytes) {
-  if (typeof pdfjsLib === 'undefined' || typeof _parsePdfOutline !== 'function') return null;
+  if (typeof pdfjsLib === 'undefined') return null;
   const pdf = await pdfjsLib.getDocument({data: new Uint8Array(bytes)}).promise;
-  const outline = await pdf.getOutline();
-  if (!outline || !outline.length) return [];
-  const arts = _issueArticlesFromToc(await _parsePdfOutline(pdf, outline))
-    .filter(a => /^#pdf-page-\d+$/.test(a.h));
-  arts.forEach(a => { a.p = parseInt(a.h.slice(10), 10); });
-  arts.sort((a, b) => a.p - b.p);
+  try {
+    return await _issuePdfArticles(pdf);
+  } finally {
+    try { pdf.destroy(); } catch (e) {}
+  }
+}
+
+// A PDF's articles: from its outline where it has a real one, else from the contents
+// page printed in the issue (most magazines' PDFs have no outline).
+async function _issuePdfArticles(pdf) {
   const pageText = {};
   const textOf = async n => {
     if (!(n in pageText)) {
       try {
-        const page = await pdf.getPage(n);
-        const c = await page.getTextContent();
+        const c = await (await pdf.getPage(n)).getTextContent();
         pageText[n] = c.items.map(it => it.str).join(' ');
       } catch (e) { pageText[n] = ''; }
     }
     return pageText[n];
   };
-  for (let i = 0; i < arts.length; i++) {
-    const end = i + 1 < arts.length ? Math.max(arts[i].p, arts[i + 1].p - 1) : pdf.numPages;
-    arts[i].e = end;
-    let text = '';
-    for (let n = arts[i].p; n <= Math.min(end, arts[i].p + 30); n++) text += ' ' + await textOf(n);
-    // Pages shared with the next article: counted for both (the next one starts on it).
-    const s = _issueTextStats(text, arts[i].t);
-    // The teaser: from where the title stands on the first page, if it does.
-    const first = (await textOf(arts[i].p)).replace(/\s+/g, ' ');
-    const k = first.toLowerCase().indexOf(arts[i].t.toLowerCase());
-    if (k >= 0) s.x = _issueTextStats(first.slice(k + arts[i].t.length), '').x;
-    Object.assign(arts[i], s);
+  let arts = [];
+  const outline = await pdf.getOutline().catch(() => null);
+  if (outline && outline.length && typeof _parsePdfOutline === 'function') {
+    arts = _issueArticlesFromToc(await _parsePdfOutline(pdf, outline))
+      .filter(a => /^#pdf-page-\d+$/.test(a.h))
+      .map(a => Object.assign(a, {p: parseInt(a.h.slice(10), 10)}));
+  }
+  if (arts.length < 3) arts = await _issuePrintedToc(pdf, textOf);
+  if (arts.length < 2) return [];
+  arts.sort((a, b) => a.p - b.p);
+  for (let i = 0; i < arts.length; i++) {
+    const a = arts[i];
+    a.h = '#pdf-page-' + a.p;
+    a.e = i + 1 < arts.length ? Math.max(a.p, arts[i + 1].p - 1) : pdf.numPages;
+    let text = '';
+    for (let n = a.p; n <= Math.min(a.e, a.p + 40); n++) text += ' ' + await textOf(n);
+    const s = _issueTextStats(text, '');
+    // From a printed contents page: no teaser (a page's running heads and captions come
+    // first in its text); the author stands there instead.
+    if (a.a !== undefined) s.x = a.x || '';
+    else if (!a.x) {
+      // The teaser: what follows the title on its first page, if it stands there.
+      const first = (await textOf(a.p)).replace(/\s+/g, ' ');
+      const k = _issueFind(first, a.t);
+      s.x = _issueTextStats(k >= 0 ? first.slice(k) : '', '').x;
+    } else s.x = a.x;
+    Object.assign(a, s);
   }
-  try { pdf.destroy(); } catch (e) {}
   return arts;
 }
 
+// Where `title` stands in `text` (letters and digits only, any case): the index in
+// `text` just after it, or -1.
+function _issueFind(text, title) {
+  const want = _issueNorm(title).slice(0, 40);
+  if (want.length < 4) return -1;
+  let norm = '';
+  const map = [];
+  for (let i = 0; i < text.length; i++) {
+    const c = _issueNorm(text[i]);
+    for (let k = 0; k < c.length; k++) { norm += c[k]; map.push(i + 1); }
+  }
+  const at = norm.indexOf(want);
+  return at < 0 ? -1 : map[at + want.length - 1];
+}
+
+function _issueSpan(text, title) {
+  const end = _issueFind(text, title);
+  if (end < 0) return '';
+  const want = _issueNorm(title).slice(0, 40);
+  let n = 0, i = end;
+  while (i > 0 && n < want.length) { i--; n += _issueNorm(text[i]).length; }
+  return text.slice(i, end);
+}
+
+// The lines of a page as pdf.js lays its text out: pieces on one baseline that sit close
+// together make a segment; far apart (another column), two. [{x, y, size, text}]
+async function _issuePdfSegments(pdf, n) {
+  const page = await pdf.getPage(n);
+  const c = await page.getTextContent();
+  const items = c.items.filter(it => it.str && it.str.trim())
+    .map(it => ({x: it.transform[4], y: it.transform[5], w: it.width, size: Math.hypot(it.transform[2], it.transform[3]) || it.height || 10, s: it.str}));
+  items.sort((a, b) => (b.y - a.y) || (a.x - b.x));
+  const segs = [];
+  let line = [];
+  const flush = () => {
+    if (!line.length) return;
+    line.sort((a, b) => a.x - b.x);
+    let seg = null;
+    for (const it of line) {
+      if (seg && it.x - seg.end > Math.max(24, it.size * 3)) { segs.push(seg); seg = null; }
+      if (!seg) seg = {x: it.x, y: it.y, size: it.size, text: it.s, end: it.x + it.w};
+      else {
+        seg.text += (it.x - seg.end > it.size * 0.15 && !/\s$/.test(seg.text) && !/^\s/.test(it.s) ? ' ' : '') + it.s;
+        seg.end = Math.max(seg.end, it.x + it.w);
+        seg.size = Math.max(seg.size, it.size);
+      }
+    }
+    if (seg) segs.push(seg);
+    line = [];
+  };
+  for (const it of items) {
+    if (line.length && Math.abs(line[0].y - it.y) > Math.min(line[0].size, it.size) * 0.5) flush();
+    line.push(it);
+  }
+  flush();
+  segs.forEach(s => { s.text = s.text.replace(/\s+/g, ' ').trim(); });
+  return segs.filter(s => s.text);
+}
+
+// The contents page printed in the issue. Its rows: a page number at the start
+// ("14 Der Krieg gegen Palästina") or at the end, maybe with the author before the title
+// in a column of its own ("Nathan Sperber | Beyond Neoliberalism? | 23"); the rows just
+// under one, indented alike in its type size, continue it (more title, the author);
+// capitals make a heading (the Rubrik). The printed numbers are matched to the file's
+// pages by finding the titles there.
+const _ISSUE_L = 'A-Za-zÀ-ÖØ-öø-ÿĀ-ſ';
+const _issueNameLike = t => t.length <= 45 &&
+  /^[A-ZÀ-ÖØ-ÞĀ-ſ][A-Za-zÀ-ÖØ-öø-ÿĀ-ſ.'’-]*(\s+((und|and|&|von|van|de|der|del|y|bin)\s+)?[A-ZÀ-ÖØ-ÞĀ-ſ][A-Za-zÀ-ÖØ-öø-ÿĀ-ſ.'’-]*){1,4}$/.test(t);
+
+function _issueTocRows(segs, N) {
+  const rows = [];
+  segs.slice().sort((a, b) => (b.y - a.y) || (a.x - b.x)).forEach(s => {
+    const row = rows.filter(r => Math.abs(r.y - s.y) < Math.min(r.size, s.size) * 0.4)[0];
+    if (row) { row.segs.push(s); row.size = Math.max(row.size, s.size); } else rows.push({y: s.y, size: s.size, segs: [s]});
+  });
+  const items = [];
+  const isNum = t => /^\d{1,3}$/.test(t) && parseInt(t, 10) >= 1 && parseInt(t, 10) <= N + 20;
+  const letters = t => new RegExp('[' + _ISSUE_L + ']{3}').test(t);
+  rows.forEach(r => {
+    const g = r.segs.sort((a, b) => a.x - b.x);
+    const last = g[g.length - 1];
+    const textSegs = g.filter(x => !isNum(x.text));
+    if (g.length >= 2 && isNum(last.text) && textSegs.length && letters(textSegs[textSegs.length - 1].text)) {
+      // … title | number (an author in a column before the title)
+      const title = textSegs[textSegs.length - 1];
+      items.push({entry: true, printed: parseInt(last.text, 10), lines: [title.text], lead: false,
+        author: textSegs.length > 1 ? textSegs.slice(0, -1).map(x => x.text).join(' ') : '',
+        x: title.x, y: r.y, y0: r.y, size: title.size});
+      return;
+    }
+    const tail = /^(.*\S)\s+(\d{1,3})$/.exec(last.text);
+    if (g.length >= 2 && tail && isNum(tail[2]) && letters(tail[1]) && letters(g[0].text)) {
+      // author | title 57
+      items.push({entry: true, printed: parseInt(tail[2], 10), lines: [tail[1]], lead: false,
+        author: g.slice(0, -1).map(x => x.text).join(' '), x: last.x, y: r.y, y0: r.y, size: last.size});
+      return;
+    }
+    if (g.length >= 2 && isNum(g[0].text) && letters(g[1].text)) {
+      items.push({entry: true, printed: parseInt(g[0].text, 10), lines: [g.slice(1).map(x => x.text).join(' ')], lead: true,
+        author: '', x: g[1].x, y: r.y, y0: r.y, size: g[1].size});
+      return;
+    }
+    g.forEach(seg => {
+      let m = /^(\d{1,3})\s+(\S.*)$/.exec(seg.text);
+      let lead = true;
+      if (!m) { m = /^(.*\S)\s+(\d{1,3})$/.exec(seg.text); lead = false; }
+      const n = m ? parseInt(lead ? m[1] : m[2], 10) : 0;
+      const t = m ? (lead ? m[2] : m[1]) : '';
+      if (m && n >= 1 && n <= N + 20 && letters(t)) {
+        items.push({entry: true, printed: n, lines: [t], lead, author: '', x: seg.x, y: seg.y, y0: seg.y, size: seg.size});
+      } else items.push({entry: false, seg});
+    });
+  });
+  return items;
+}
+
+async function _issuePrintedToc(pdf, textOf) {
+  const N = pdf.numPages;
+  const caps = t => t.length >= 3 && t.length <= 40 && !/\d/.test(t) &&
+    t.replace(new RegExp('[^' + _ISSUE_L + ']', 'g'), '').length >= 3 && t === t.toUpperCase();
+  // The contents page: among the first pages the one with most numbered rows whose
+  // numbers aren't a mere count (1, 2, 3 … is a list, not a contents).
+  const pages = [];
+  for (let n = 1; n <= Math.min(16, N); n++) {
+    const items = _issueTocRows(await _issuePdfSegments(pdf, n), N);
+    const nums = items.filter(x => x.entry);
+    const sorted = nums.map(x => x.printed).sort((a, b) => a - b);
+    let steps = 0;
+    for (let i = 1; i < sorted.length; i++) if (sorted[i] - sorted[i - 1] === 1) steps++;
+    pages.push({n, items, score: nums.length * (steps > sorted.length * 0.6 ? 0.2 : 1)});
+  }
+  let best = null;
+  pages.forEach(pg => { if (pg.score >= 4 && (!best || pg.score > best.score)) best = pg; });
+  if (!best) return [];
+  // A contents running over several pages: the neighbours with entries too.
+  best.best = true;
+  const use = [best];
+  for (let k = best.n; k < pages.length && pages[k].score >= 2; k++) use.push(pages[k]);
+  for (let k = best.n - 2; k >= 0 && pages[k].score >= 2; k--) use.unshift(pages[k]);
+  const isCaps = t => t === t.toUpperCase() && new RegExp('[' + _ISSUE_L + ']{3}').test(t);
+  const entries = [];
+  use.forEach(pg => {
+    const ents = [];
+    const headings = [];
+    const capsRun = [];   // capitals just above, not used yet: a title's beginning or a heading
+    pg.items.forEach(it => {
+      if (it.entry) {
+        const e = it;
+        // A title in capitals may begin on the lines above its number ("DAS POLITISCHE FELD
+        // NACH LINKS / 14 VERSCHIEBEN"); a lone word on top of them is a heading (GESPRÄCH).
+        if (isCaps(e.lines[0])) {
+          const above = capsRun.filter(c => c.x >= e.x - 8 && c.x - e.x < 60 && c.y > e.y && c.y - e.y < c.size * 2.2 * (capsRun.length + 1));
+          above.sort((a, b) => b.y - a.y);
+          let prev = e.y;
+          const chain = [];
+          for (let k = above.length - 1; k >= 0; k--) {
+            if (above[k].y - prev > above[k].size * 2.4) break;
+            chain.unshift(above[k]);
+            prev = above[k].y;
+          }
+          if (chain.length >= 1 && !/\s/.test(chain[0].text)) { e.kicker = chain[0].text; chain.shift(); }
+          chain.forEach(c => { c.used = true; });
+          if (chain.length) e.lines[0] = chain.map(c => c.text).concat([e.lines[0]]).join(' ').replace(/(\w)- (?=\w)/g, '$1-');
+        }
+        e.fromNeighbour = !pg.best;
+        ents.push(e);
+        return;
+      }
+      const s = it.seg;
+      if (/^\d+$/.test(s.text)) return;
+      if (caps(s.text)) {
+        const c = {y: s.y, x: s.x, t: s.text, text: s.text, size: s.size};
+        headings.push(c);
+        capsRun.push(c);
+        return;
+      }
+      const e = ents.filter(x => s.x >= x.x - 8 && s.x - x.x < 60 && x.y - s.y > 0 && x.y - s.y < Math.max(x.size, s.size) * 3 && x.lines.length < 6).pop();
+      if (!e) return;
+      const by = /^(Von|Mit|By|With)\s+(.+)$/.exec(s.text);
+      if (by && !e.author) { e.author = by[2]; e.y = s.y; e.done = true; return; }
+      if (e.done && /(,|&|\bund)$/.test(e.author)) { e.author += ' ' + s.text; e.y = s.y; return; }
+      if (e.done) return;
+      if (Math.abs(s.size - e.size) < 2.5) e.lines.push(s.text);   // more title, or the author
+      else (e.sub = e.sub || []).push(s.text);                      // a line under it in other type
+      e.y = s.y;
+    });
+    // Each entry's heading: the nearest capitals above it in the contents' type size (a
+    // title's beginning is no heading; a kicker on top of one is).
+    ents.forEach(e => {
+      const h = headings.filter(x => x.y > e.y0 && Math.abs(x.x - e.x) < 200 && x.size < e.size * 1.6 &&
+        !x.used).sort((a, b) => a.y - b.y)[0];
+      e.r = e.kicker || (h && !isCaps(e.lines[0]) ? h.t : '');
+    });
+    entries.push.apply(entries, ents);
+  });
+  const sizes = entries.map(e => e.size).sort((a, b) => a - b);
+  const median = sizes[Math.floor(sizes.length / 2)] || 10;
+  for (let i = entries.length - 1; i >= 0; i--) if (entries[i].size > median * 1.6) entries.splice(i, 1);
+  const capsShare = entries.filter(e => isCaps(e.lines[0])).length / entries.length;
+  for (let i = entries.length - 1; i >= 0; i--) {
+    if (capsShare < 0.5 && isCaps(entries[i].lines[0]) && !/\s/.test(entries[i].lines[0])) entries.splice(i, 1);
+  }
+  if (entries.length < 3) return [];
+  entries.forEach(e => {
+    // An author on the last line: the title is the lines before it.
+    if (!e.author && e.lines.length > 1 && _issueNameLike(e.lines[e.lines.length - 1])) e.author = e.lines.pop();
+    // "Name: Title" (manuskripte)
+    const m = /^([^:]{3,45}):\s+(.{3,})$/.exec(e.lines[0]);
+    if (!e.author && m && _issueNameLike(m[1])) { e.author = m[1]; e.lines[0] = m[2]; }
+    e.author = (e.author || '').replace(/\s+/g, ' ').trim();
+  });
+  // The printed numbers onto the file's pages: the offset most titles agree on.
+  const votes = {};
+  const found = {};
+  for (const e of entries) {
+    // The title as printed; where the number stands at the end of one run of text, maybe
+    // with a name before the title ("Marcus Verhagen Grenfell's Fire 121").
+    const t = e.lines.join(' ');
+    const words = t.split(' ');
+    const cands = [t].concat(!e.lead && !e.author && words.length > 3 ? [words.slice(2).join(' '), words.slice(3).join(' ')] : []);
+    for (let off = -2; off <= 8; off++) {
+      const p = e.printed + off;
+      if (p < 1 || p > N) continue;
+      const text = await textOf(p);
+      const hits = cands.filter(c => _issueNorm(c).length >= 8 && _issueFind(text, c) >= 0);
+      const upper = hits.filter(c => { const sp = _issueSpan(text, c); return sp && /[A-ZÄÖÜ]/.test(sp) && sp === sp.toUpperCase(); });
+      const hit = upper[0] || hits[0];
+      if (hit) {
+        votes[off] = (votes[off] || 0) + 1;
+        (found[off] = found[off] || []).push([e, hit]);
+      }
+    }
+  }
+  const offs = Object.keys(votes).sort((a, b) => votes[b] - votes[a]);
+  const off = offs.length ? parseInt(offs[0], 10) : 0;
+  const titled = new Map((found[off] || []).map(x => [x[0], x[1]]));
+  const runningHead = async t => {
+    let n = 0;
+    for (const q of [Math.round(N * 0.3), Math.round(N * 0.55), Math.round(N * 0.8)]) if (_issueFind(await textOf(q), t) >= 0) n++;
+    return n >= 2;
+  };
+  for (let i = entries.length - 1; i >= 0; i--) {
+    const e = entries[i];
+    const t = e.lines.join(' ');
+    // On a further contents page, an entry its page doesn't confirm must look like a title:
+    // capitals, or a few words without a comma (not a sentence running on).
+    const plausible = isCaps(t) || (t.length <= 80 && !/,/.test(t) && /\s/.test(t) && /^[^a-zäöüß]/.test(t));
+    if (await runningHead(t) || (e.fromNeighbour && !titled.get(e) && !plausible)) entries.splice(i, 1);
+  }
+  const out = [];
+  const seen = new Set();
+  entries.forEach(e => {
+    const p = e.printed + off;
+    if (p < 1 || p > N) return;
+    const full = e.lines.join(' ');
+    const t = titled.get(e) || full;
+    let author = e.author;
+    let title = t;
+    if (!author && t !== full && full.indexOf(t) > 0) author = full.slice(0, full.indexOf(t)).trim();
+    if (!author && !e.lead && !titled.get(e)) {
+      const w = full.split(' ');
+      for (const k of [2, 3]) {
+        if (w.length > k + 1 && _issueNameLike(w.slice(0, k).join(' '))) { author = w.slice(0, k).join(' '); title = w.slice(k).join(' '); break; }
+      }
+    }
+    const key = p + '|' + _issueNorm(title);
+    if (seen.has(key)) return;
+    seen.add(key);
+    out.push({p, t: title.replace(/\s+/g, ' ').trim(), r: (e.r || '').replace(/\s+/g, ' ').trim(), a: author,
+      x: e.sub ? e.sub.join(' ').replace(/(\w)- (?=[a-zäöüß])/g, '$1').replace(/\s+/g, ' ').trim() : ''});
+  });
+  return out;
+}
+
 // The file, decrypted (the browser's cache, or — in the apps — their store).
 async function _issueBytes(id) {
   let rec = typeof _getCachedBook === 'function' ? await _getCachedBook(id) : null;
@@ -275,7 +622,7 @@ function _issueEnsureIndex(bookId) {
   const b = _lastBookListData.find(x => x.id === bookId);
   if (!b) return Promise.resolve(null);
   const have = _issueIndexOf(b);
-  if (have || (_issueMeta(b).issue && _issueMeta(b).issue.none)) return Promise.resolve(have);
+  if (have || _issueNone(b)) return Promise.resolve(have);
   if (_issueBuilding.has(bookId)) return _issueBuilding.get(bookId);
   const job = (async () => {
     const bytes = await _issueBytes(bookId);
@@ -284,7 +631,7 @@ function _issueEnsureIndex(bookId) {
     const arts = pdf ? await _issueIndexPdf(bytes) : await _issueIndexEpub(bytes);
     if (!arts) return null;
     // An issue without a usable table of contents stays a whole (and isn't tried again).
-    const issue = arts.length >= 2 ? {v: 1, a: arts} : {v: 1, a: [], none: true};
+    const issue = arts.length >= 2 ? {v: ISSUE_INDEX_V, a: arts} : {v: ISSUE_INDEX_V, a: [], none: true};
     try { await _updateBookMeta(bookId, {issue}); } catch (e) {
       bookMetaCache[bookId] = Object.assign({}, bookMetaCache[bookId] || {}, {issue});
     }
@@ -300,8 +647,7 @@ function _issueEnsureIndex(bookId) {
 let _issueQueueBusy = false;
 function _issueIndexLater(books) {
   if (_issueQueueBusy || (typeof _LIB_EINK === 'function' && _LIB_EINK())) return;
-  const todo = books.filter(b => _isMagazine(b) && b.keyOk !== false && !_issueIndexOf(b) &&
-    !(_issueMeta(b).issue && _issueMeta(b).issue.none));
+  const todo = books.filter(b => _isMagazine(b) && b.keyOk !== false && !_issueIndexOf(b) && !_issueNone(b));
   if (!todo.length) return;
   _issueQueueBusy = true;
   const idle = window.requestIdleCallback || (fn => setTimeout(fn, 1500));
@@ -325,7 +671,7 @@ function _issueView(b) {
     ${b.author ? `<span class="lib-meta">${_issueEsc(b.author)}</span>` : ''}
     ${sum ? `<span class="lib-meta">${sum.total} Artikel · ${_issueMinutes(sum.arts.reduce((n, a) => n + (a.m || 0), 0))}</span>` : ''}</span></div>`;
   if (!sum) {
-    const none = _issueMeta(b).issue && _issueMeta(b).issue.none;
+    const none = _issueNone(b);
     return back + head + (none
       ? `<p class="lib-empty">Dieses Heft hat kein Inhaltsverzeichnis, aus dem sich Artikel ablesen lassen – es liest sich als Ganzes.</p>
          <button type="button" class="iss-go" data-issue-act="read">▶ Lesen</button>`
@@ -353,7 +699,7 @@ function _issueView(b) {
       <button type="button" class="iss-art" data-issue-art="${i}">
         <span class="iss-n">${i + 1}</span>
         <span class="iss-art-text"><span class="iss-art-title">${_issueEsc(a.t)}</span>
-        ${a.x ? `<span class="iss-teaser">${_issueEsc(a.x)}</span>` : ''}</span>
+        ${a.a || a.x ? `<span class="iss-teaser">${_issueEsc([a.a, a.x].filter(Boolean).join(' · '))}</span>` : ''}</span>
         <span class="iss-min">${a.m ? a.m + ' min' : ''}</span></button></div>`;
   });
   return h;
@@ -501,8 +847,9 @@ async function _issueReaderOpened(bookId, isPdf) {
       const next = _issueR.els[i + 1];
       if (next && !next.hasAttribute('data-epub-src')) next.parentNode.insertBefore(aside, next);
       else {
-        const chapters = contentEl.querySelectorAll(':scope > [data-epub-src]');
-        let ch = next ? next.previousElementSibling : chapters[chapters.length - 1];
+        // The chapter just before the next article; the last article: its own (what follows
+        // it — notices, the imprint — is no part of it).
+        let ch = next ? next.previousElementSibling : el.closest('[data-epub-src]');
         while (ch && !ch.hasAttribute('data-epub-src')) ch = ch.previousElementSibling;
         (ch || el.closest('[data-epub-src]') || contentEl).appendChild(aside);
       }
diff --git a/static/js/sw.js b/static/js/sw.js
index aae17be..ddaed8d 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v127';
+const CACHE = 'diora-v128';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From a399374216f505a4a21144412dca342c23956166 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 08:16:09 +0200
Subject: [PATCH 133/176] =?UTF-8?q?YouTube-Kan=C3=A4le:=20zuf=C3=A4llige?=
 =?UTF-8?q?=20404=20abfangen;=20=E2=80=9EAutomatisch=E2=80=9C=20in=20der?=
 =?UTF-8?q?=20Android-App?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- YouTube antwortet auf Kanal-Feeds derzeit bei etwa zwei von drei Abrufen
  grundlos mit 404 (Kanäle zeigten „lädt nicht: HTTP 404“): ein YouTube-Feed
  wird bis zu 12-mal im Abstand von 0,25 s gefragt. Tests dazu.
- Erscheinungsbild „Automatisch“: in der Android-App folgt die WebView nicht
  dem System, sondern dem (dunklen) App-Theme – die Seite fragt dort
  DioraNative.systemScheme() und hört __dioraSystemScheme bei einem Wechsel.
sw.js: diora-v129.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/theme.md            |  5 ++++-
 docs/youtube.md          |  5 ++++-
 podcasts/test_youtube.py | 43 ++++++++++++++++++++++++++++++++++++++++
 podcasts/views.py        | 33 ++++++++++++++++++++----------
 static/js/sw.js          |  2 +-
 templates/base.html      | 12 ++++++++++-
 6 files changed, 86 insertions(+), 14 deletions(-)

diff --git a/docs/theme.md b/docs/theme.md
index 4126c77..8290410 100644
--- a/docs/theme.md
+++ b/docs/theme.md
@@ -13,7 +13,10 @@ podcast-ui.css, feeds.js) and diora-desktop (desktop.css).
 * `window.__dioraTheme()` → the choice; `window.__dioraSetTheme(choice)` sets and applies it;
   `window.__dioraThemeChanged` (event `diora-theme` on `window`, `detail` = the scheme in
   effect) lets native code follow (Android status/navigation bars, Electron's window colour).
-* "auto" follows `prefers-color-scheme` live.
+* "auto" follows `prefers-color-scheme` live — except in the Android app, whose WebView
+  answers that query from the app's own (dark) theme, not the system's: there the page asks
+  `DioraNative.systemScheme()` ("dark" | "light") and the app calls
+  `window.__dioraSystemScheme(scheme)` when the system switches (uiMode change, or on return).
 * E-ink mode (`html.nui-eink`) keeps its own black-on-white rules and ignores this.
 * The reader has its own themes; its default is now "Wie die App" (`readerSettings.theme = 'app'`):
   dark → reader dark, light → reader bright. Sepia, Dunkel and Hell stay choosable.
diff --git a/docs/youtube.md b/docs/youtube.md
index 4e1be4c..b169387 100644
--- a/docs/youtube.md
+++ b/docs/youtube.md
@@ -12,7 +12,10 @@ sound**: each app finds the audio stream itself.
   once (feed address, name, picture) and stores the feed
   `https://www.youtube.com/feeds/videos.xml?channel_id=UC…` (or `?playlist_id=…`).
   `GET /podcasts/search/?q=<YouTube address>` answers with that one channel.
-- From then on the feed is refreshed like any other. It carries the latest 15
+- From then on the feed is refreshed like any other — except that YouTube answers its
+  channel feeds with a 404 (or 5xx) now and then for no reason (October 2026: two
+  requests in three), so a YouTube feed is asked up to 12 times, 0.25 s apart, before
+  its refresh counts as failed (`YOUTUBE_FEED_TRIES` in `podcasts/views.py`). It carries the latest 15
   videos. **Shorts are left out.** There is no duration (`duration_seconds` 0)
   until a player knows it: `POST /podcasts/progress/save/` takes an optional
   `duration_seconds` (number, 1 s … 7 days), stored only while the episode has none.
diff --git a/podcasts/test_youtube.py b/podcasts/test_youtube.py
index 3722fba..d7e47f1 100644
--- a/podcasts/test_youtube.py
+++ b/podcasts/test_youtube.py
@@ -263,3 +263,46 @@ class MoveFeedTests(TestCase):
         bob = User.objects.create_user(username='bob', password='pw12345678')
         self.client.force_login(bob)
         self.assertEqual(self.move('https://www.youtube.com/@tagesschau').status_code, 404)
+
+
+class FlakyFeedTests(TestCase):
+    """YouTube's channel feeds answer 404 now and then; the next request gets them."""
+
+    FEED = 'https://www.youtube.com/feeds/videos.xml?channel_id=UCabcdefghijklmnopqrstuv'
+    BODY = (b'<?xml version="1.0"?><feed xmlns="http://www.w3.org/2005/Atom"><title>Kanal</title>'
+            b'<entry><id>yt:video:abcdefghijk</id><title>Folge</title></entry></feed>')
+
+    def _responses(self, codes):
+        from types import SimpleNamespace
+        calls = []
+
+        def get(url, **kw):
+            code = codes[min(len(calls), len(codes) - 1)]
+            calls.append(url)
+            return SimpleNamespace(status_code=code, content=self.BODY if code == 200 else b'',
+                                   headers={}, url=url, history=[])
+        return get, calls
+
+    def test_a_404_is_asked_again(self):
+        from .views import _fetch_feed
+        get, calls = self._responses([404, 404, 200])
+        with patch('podcasts.views.requests.get', get), patch('podcasts.views.time.sleep', lambda s: None):
+            fetched = _fetch_feed(self.FEED)
+        self.assertEqual(fetched.status, 200)
+        self.assertEqual(len(calls), 3)
+
+    def test_a_feed_that_stays_away_is_an_error(self):
+        from .views import _fetch_feed, FeedFetchError, YOUTUBE_FEED_TRIES
+        get, calls = self._responses([404])
+        with patch('podcasts.views.requests.get', get), patch('podcasts.views.time.sleep', lambda s: None):
+            with self.assertRaises(FeedFetchError):
+                _fetch_feed(self.FEED)
+        self.assertEqual(len(calls), YOUTUBE_FEED_TRIES)
+
+    def test_other_feeds_are_asked_once(self):
+        from .views import _fetch_feed, FeedFetchError
+        get, calls = self._responses([404, 200])
+        with patch('podcasts.views.requests.get', get), patch('podcasts.views.time.sleep', lambda s: None):
+            with self.assertRaises(FeedFetchError):
+                _fetch_feed('https://example.org/feed.xml')
+        self.assertEqual(len(calls), 1)
diff --git a/podcasts/views.py b/podcasts/views.py
index c67299d..f698995 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -332,6 +332,11 @@ def _body_hash(content):
 PERMANENT_REDIRECTS = (301, 308)
 
 
+YOUTUBE_FEED_TRIES = 12
+YOUTUBE_RETRY_STATUS = (404, 500, 502, 503)
+YOUTUBE_RETRY_PAUSE = 0.25   # seconds between tries
+
+
 def _fetch_feed(url, etag='', last_modified='', body_hash='', user_agent='diora podcast refresh'):
     """Download and parse a feed (with a timeout, unlike feedparser's own
     fetch). With etag/last_modified it is a conditional GET; with body_hash a
@@ -343,16 +348,24 @@ def _fetch_feed(url, etag='', last_modified='', body_hash='', user_agent='diora
         headers['If-None-Match'] = etag
     if last_modified:
         headers['If-Modified-Since'] = last_modified
-    try:
-        r = requests.get(url, timeout=FEED_TIMEOUT, headers=headers)
-    except requests.Timeout:
-        raise FeedFetchError('timeout')
-    except requests.TooManyRedirects:
-        raise FeedFetchError('too many redirects')
-    except requests.ConnectionError:
-        raise FeedFetchError('connection failed')
-    except requests.RequestException as e:
-        raise FeedFetchError(f'request failed ({type(e).__name__})')
+    # YouTube's channel feeds answer 404 (or a 5xx) now and then for no reason — in
+    # October 2026 about every other request — and the next request gets the feed: ask
+    # again a few times before calling it an error.
+    tries = YOUTUBE_FEED_TRIES if youtube_mod.is_feed(url) else 1
+    for attempt in range(tries):
+        try:
+            r = requests.get(url, timeout=FEED_TIMEOUT, headers=headers)
+        except requests.Timeout:
+            raise FeedFetchError('timeout')
+        except requests.TooManyRedirects:
+            raise FeedFetchError('too many redirects')
+        except requests.ConnectionError:
+            raise FeedFetchError('connection failed')
+        except requests.RequestException as e:
+            raise FeedFetchError(f'request failed ({type(e).__name__})')
+        if r.status_code not in YOUTUBE_RETRY_STATUS or attempt == tries - 1:
+            break
+        time.sleep(YOUTUBE_RETRY_PAUSE)
 
     # Each hop's target is the next hop's URL (the last one's is r.url).
     permanent_url = url
diff --git a/static/js/sw.js b/static/js/sw.js
index ddaed8d..89fe278 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v128';
+const CACHE = 'diora-v129';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/templates/base.html b/templates/base.html
index 9d26a8a..822e2e8 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -19,6 +19,15 @@
       var KEY = 'diora_theme';
       var LABELS = {dark: 'Dunkel', light: 'Hell', auto: 'Automatisch'};
       var mq = window.matchMedia ? window.matchMedia('(prefers-color-scheme: light)') : null;
+      // In the Android app the WebView's media query follows the app's own theme, not the
+      // system: the app tells what the system is set to (DioraNative.systemScheme, and
+      // __dioraSystemScheme when it switches).
+      var nat = window.DioraNative && typeof window.DioraNative.systemScheme === 'function' ? window.DioraNative : null;
+      var sys = null;
+      function systemLight() {
+        if (nat) { if (sys === null) { try { sys = nat.systemScheme(); } catch (e) { sys = 'dark'; } } return sys === 'light'; }
+        return !!(mq && mq.matches);
+      }
       function choice() {
         var v = null;
         try { v = localStorage.getItem(KEY); } catch (e) {}
@@ -26,7 +35,7 @@
       }
       function scheme() {
         var c = choice();
-        return c === 'light' || (c === 'auto' && mq && mq.matches) ? 'light' : 'dark';
+        return c === 'light' || (c === 'auto' && systemLight()) ? 'light' : 'dark';
       }
       function apply() {
         var s = scheme();
@@ -51,6 +60,7 @@
         window.__dioraSetTheme(order[(order.indexOf(choice()) + 1) % order.length]);
       };
       if (mq && mq.addEventListener) mq.addEventListener('change', function () { if (choice() === 'auto') apply(); });
+      window.__dioraSystemScheme = function (s) { sys = s; if (choice() === 'auto') apply(); };
       document.addEventListener('DOMContentLoaded', apply);
       document.documentElement.setAttribute('data-theme', scheme());
     })();

From e43facb62002e2e6913ebc39ba245edf0218a400 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 10:16:36 +0200
Subject: [PATCH 134/176] =?UTF-8?q?docs/theme.md:=20Desktop-App=20l=C3=A4s?=
 =?UTF-8?q?st=20bei=20=E2=80=9EAutomatisch=E2=80=9C=20das=20System=20entsc?=
 =?UTF-8?q?heiden=20(0.1.31)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/theme.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/theme.md b/docs/theme.md
index 8290410..bf3bdeb 100644
--- a/docs/theme.md
+++ b/docs/theme.md
@@ -17,6 +17,10 @@ podcast-ui.css, feeds.js) and diora-desktop (desktop.css).
   answers that query from the app's own (dark) theme, not the system's: there the page asks
   `DioraNative.systemScheme()` ("dark" | "light") and the app calls
   `window.__dioraSystemScheme(scheme)` when the system switches (uiMode change, or on return).
+* The desktop app (Electron) sets `nativeTheme.themeSource` to the scheme for a fixed choice
+  (title bar, scrollbars, form controls match) but leaves it on `"system"` for "auto", so
+  `prefers-color-scheme` there is the system's; the page tells it the choice along with the
+  scheme (`dioraDesktop.setTheme(scheme, choice)`, desktop 0.1.31).
 * E-ink mode (`html.nui-eink`) keeps its own black-on-white rules and ignores this.
 * The reader has its own themes; its default is now "Wie die App" (`readerSettings.theme = 'app'`):
   dark → reader dark, light → reader bright. Sepia, Dunkel and Hell stay choosable.

From f2583cbefd746017d9907a6ac999393e0c2a378f Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 14:06:19 +0200
Subject: [PATCH 135/176] =?UTF-8?q?Generierte=20Cover:=20=E2=80=9Eblaue=20?=
 =?UTF-8?q?B=C3=A4nde=E2=80=9C=20f=C3=BCr=20Werke=20von=20Marx=20und=20Eng?=
 =?UTF-8?q?els,=20mit=20Buchr=C3=BCcken=20und=20Bandnummer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/library.md       |   6 +-
 feeds/textproc.py     | 352 ++++++++++++++++++++++++++++++++++++++++++
 feeds/urls.py         |   1 +
 feeds/views.py        | 115 +++++++++++++-
 static/js/gencover.js |  81 +++++++++-
 static/js/sw.js       |   2 +-
 6 files changed, 546 insertions(+), 11 deletions(-)
 create mode 100644 feeds/textproc.py

diff --git a/docs/library.md b/docs/library.md
index d72fcea..85efa35 100644
--- a/docs/library.md
+++ b/docs/library.md
@@ -73,7 +73,11 @@ A **concept** (motif, palettes, typeface) is chosen by score:
 - the folders, by name (`FOLDER_THEMES`): the first counts 2.5 — more than an
   author or shelf word, less than a title word — further ones 1.
 
-Concepts: konstruktiv (Marx), geometrie (Philosophie: rings, turning squares,
+A work of Marx or Engels (author, or a volume of the MEW series) is always a **blue volume**
+(blau: blue cloth, gold rules and capitals, the spine on the left with the volume number);
+no other book is.
+
+Concepts: konstruktiv (Marxist and political titles), geometrie (Philosophie: rings, turning squares,
 triangle/circle/square), psyche (Psychoanalyse: two ellipses, the Borromean
 knot, a spiral), karte (Geschichte), kosmos (Science-Fiction), ornament
 (Fantasy), raster (Politik, Soziologie), schatten (Krimi: a red line, a lit
diff --git a/feeds/textproc.py b/feeds/textproc.py
new file mode 100644
index 0000000..41a1e86
--- /dev/null
+++ b/feeds/textproc.py
@@ -0,0 +1,352 @@
+"""Reading help for news, with classic text methods (no language model):
+
+- furniture: sentences a source prints under many of its articles (donation boxes,
+  "Diese Nachricht wurde … gesendet") are no part of an article; they are left out
+  when an article is shown and when a story is looked at;
+- a story's overview: a summary drawn from all its reports (LexRank: the sentences
+  most like the others, without repeating each other — MMR), what only one report
+  says (its sentences unlike any other source's), and each source's own words for
+  the event (log-odds of a word in that report against the story's other reports);
+- related stories in the other language (German/English): stories of the same days
+  that share names (capitalised words that aren't at a sentence's start), weighted by
+  how rare a name is among the day's stories;
+- topics: stories grouped by their words when they're about the same matter, not
+  only the same event, labelled with the words they share most.
+
+Pure Python: these run on the server with the feeds, for one user's stories at a time.
+"""
+
+import math
+import re
+from collections import Counter, defaultdict
+
+from . import fetch
+
+_SENT_END = re.compile(r'(?<=[.!?…])\s+(?=[„"»A-ZÄÖÜ0-9])')
+_TOKEN = re.compile(r"[A-Za-zÄÖÜäöüßÀ-ÿ][A-Za-zÄÖÜäöüßÀ-ÿ0-9'’\-]+")
+
+STOP = set('''
+aber alle allem allen aller alles also als am an andere anderen auch auf aus bei beim bereits bis bisher
+da dabei damit dann darauf darf darum das dass dem den denen der deren des deshalb dessen die dies diese
+diesem diesen dieser dieses doch dort durch ein eine einem einen einer eines einige er es etwa euch für
+gegen geht gibt hab habe haben hat hatte hatten hier hin hinter ich ihr ihre ihrem ihren ihrer im immer
+in ins ist ja jahr jahre jahren jetzt kann kein keine können könnte man mehr mit muss müssen nach neue neuen
+nicht nichts noch nun nur ob oder ohne schon sei seid sein seine seinem seinen seiner seit sich sie sind
+so soll sollen sollte sondern sowie über um und uns unter viel viele vom von vor war waren was weil weiter
+weitere wenn wer werde werden wie wieder will wir wird wo worden wurde wurden zu zum zur zwei drei vier
+heute gestern morgen laut sagt sagte sagten erst mal neu video live ticker meldung bericht hatte hätte
+wäre würde würden zudem sowohl jedoch allerdings bereits rund etwa demnach zufolge angaben unter
+the and for with from that this have has are was were will would been into about after over their they
+his her its our you your not but all can new says said more than when what who how why off out also had
+one two which there been being some other could should would may might them then just only very
+'''.split())
+
+# Capitalised words that are no names (German nouns are capitalised too: those don't matter,
+# they never match an English text; these would match both).
+_NOT_NAMES = set('''
+Der Die Das Den Dem Des Ein Eine Einen Einem Einer Er Sie Es Wir Ihr Ich Und Oder Aber Auch Doch Mit Von
+Nach Bei Für Auf Aus Im In Am Zum Zur Vor Seit Als Wie Wenn Dass Nicht Noch Nur So Da Dann Hier Jetzt
+The A An And Or But With From For After Before In On At By To Of As It He She They We I This That These
+Those Mr Mrs Ms Dr Monday Tuesday Wednesday Thursday Friday Saturday Sunday Montag Dienstag Mittwoch
+Donnerstag Freitag Samstag Sonntag Sonnabend January February March April May June July August September
+October November December Januar Februar März Juni Juli Oktober Dezember Reuters AFP AP dpa BBC CNN
+'''.split())
+
+
+def plain(html):
+    return fetch.plain(html or '')
+
+
+def sentences(text):
+    text = re.sub(r'\s+', ' ', text or '').strip()
+    return [s.strip() for s in _SENT_END.split(text) if 40 <= len(s.strip()) <= 400]
+
+
+def _key(s):
+    """A sentence, the same however its numbers and spaces differ."""
+    return re.sub(r'\d+', '0', re.sub(r'\s+', ' ', s.lower())).strip()
+
+
+def words(text):
+    return [w.lower() for w in _TOKEN.findall(text or '') if len(w) > 2 and w.lower() not in STOP]
+
+
+# ---- furniture ------------------------------------------------------------------------------------
+
+FURNITURE_MIN = 3   # in this many of a source's articles: furniture
+
+
+def furniture(texts):
+    """The sentences (keys) that stand in at least FURNITURE_MIN of these texts (one source's)."""
+    seen = Counter()
+    for t in texts:
+        seen.update({_key(s) for s in _units(t)})
+    return {k for k, n in seen.items() if n >= FURNITURE_MIN}
+
+
+def _units(text):
+    return [u.strip() for u in re.split(r'\n|(?<=[.!?])\s+', text or '') if len(u.strip()) > 15]
+
+
+def without_furniture(text, keys):
+    if not keys:
+        return text
+    return ' '.join(u for u in _units(text) if _key(u) not in keys)
+
+
+_BLOCK = re.compile(r'<(p|li|h[1-6]|blockquote|figcaption|div)\b[^>]*>(.*?)</\1>', re.S | re.I)
+
+
+def html_without_furniture(html, keys):
+    """The article's HTML without the blocks whose text is (only) furniture."""
+    if not keys or not html:
+        return html
+
+    def keep(m):
+        inner = plain(m.group(2))
+        units = _units(inner)
+        if units and all(_key(u) in keys for u in units):
+            return ''
+        return m.group(0)
+    return _BLOCK.sub(keep, html)
+
+
+# ---- tf-idf over sentences -------------------------------------------------------------------------
+
+def _vectors(texts):
+    toks = [Counter(words(t)) for t in texts]
+    df = Counter()
+    for t in toks:
+        df.update(t.keys())
+    n = len(texts)
+    idf = {w: math.log((n + 1) / (d + 1)) + 1 for w, d in df.items()}
+    vecs = []
+    for t in toks:
+        v = {w: (1 + math.log(c)) * idf[w] for w, c in t.items()}
+        norm = math.sqrt(sum(x * x for x in v.values())) or 1.0
+        vecs.append({w: x / norm for w, x in v.items()})
+    return vecs
+
+
+def _cos(a, b):
+    if len(a) > len(b):
+        a, b = b, a
+    return sum(x * b.get(w, 0.0) for w, x in a.items())
+
+
+def summarize(docs, k=3, lam=0.7):
+    """docs: [(source, text)]. The k sentences that say most of what all say, in their order
+    of appearance: [(source, sentence)]."""
+    ss = [(src, s) for src, t in docs for s in sentences(t)[:30]]
+    if len(ss) <= k:
+        return ss
+    vecs = _vectors([s for _, s in ss])
+    n = len(ss)
+    sim = [[_cos(vecs[a], vecs[b]) if a != b else 0.0 for b in range(n)] for a in range(n)]
+    links = [[1.0 if sim[a][b] > 0.1 else 0.0 for b in range(n)] for a in range(n)]
+    deg = [sum(r) or 1.0 for r in links]
+    rank = [1.0 / n] * n
+    for _ in range(40):
+        rank = [0.15 / n + 0.85 * sum(links[b][a] * rank[b] / deg[b] for b in range(n)) for a in range(n)]
+    top = max(rank) or 1.0
+    chosen = []
+    for _ in range(k):
+        best, score = None, -1e9
+        for a in range(n):
+            if a in chosen:
+                continue
+            s = lam * rank[a] / top - (1 - lam) * max((sim[a][c] for c in chosen), default=0.0)
+            if s > score:
+                best, score = a, s
+        chosen.append(best)
+    return [ss[c] for c in sorted(chosen)]
+
+
+def novel(docs, per_source=2, limit=0.2):
+    """What only one report says: per source, up to per_source of its sentences that no other
+    source has anything like (cosine < limit), the most central of its own first."""
+    ss = [(src, s) for src, t in docs for s in sentences(t)[:40]]
+    if len({src for src, _ in ss}) < 2:
+        return {}
+    vecs = _vectors([s for _, s in ss])
+    out = defaultdict(list)
+    for a, (src, s) in enumerate(ss):
+        others = [_cos(vecs[a], vecs[b]) for b, (s2, _) in enumerate(ss) if s2 != src]
+        if not others or max(others) >= limit:
+            continue
+        own = [_cos(vecs[a], vecs[b]) for b, (s2, _) in enumerate(ss) if s2 == src and b != a]
+        out[src].append((sum(own) / len(own) if own else 0.0, s))
+    return {src: [s for _, s in sorted(v, key=lambda x: -x[0])[:per_source]] for src, v in out.items()}
+
+
+def word_choice(docs, per_source=6):
+    """Each source's own words for the event: log-odds of a word in its report against the
+    other reports (with a prior from all of them), at least twice in its report."""
+    forms = defaultdict(Counter)
+    counts = {}
+    for src, t in docs:
+        c = Counter()
+        for w in _TOKEN.findall(t or ''):
+            lw = w.lower()
+            if len(lw) > 3 and lw not in STOP:
+                c[lw] += 1
+                forms[lw][w] += 1
+        counts[src] = counts.get(src, Counter()) + c
+    if len(counts) < 2:
+        return {}
+    total = sum(counts.values(), Counter())
+    a0 = sum(total.values()) or 1
+    out = {}
+    for src, c in counts.items():
+        n_i = sum(c.values()) or 1
+        rest = total - c
+        n_j = sum(rest.values()) or 1
+        scored = []
+        for w, f in c.items():
+            if f < 2:
+                continue
+            aw = total[w] / a0 * 100
+            d = math.log((f + aw) / (n_i + 100 - f - aw)) - math.log((rest[w] + aw) / (n_j + 100 - rest[w] - aw))
+            scored.append((d / math.sqrt(1 / (f + aw) + 1 / (rest[w] + aw)), w))
+        # Nouns and names (as written: capitalised), not the verbs and particles around them.
+        best = [(z, forms[w].most_common(1)[0][0]) for z, w in sorted(scored, reverse=True) if z > 1.0]
+        out[src] = [w for z, w in best if w[:1].isupper()][:per_source]
+    return {k: v for k, v in out.items() if v}
+
+
+# ---- names, languages, related stories -------------------------------------------------------------
+
+_EN = set('the and of to in is that for with was said on as by at from'.split())
+_DE = set('der die das und ist nicht mit den von zu im sich auf für dem des eine sagte'.split())
+
+
+def language(text):
+    w = [x.lower() for x in _TOKEN.findall(text[:3000])]
+    en = sum(1 for x in w if x in _EN)
+    de = sum(1 for x in w if x in _DE)
+    return 'en' if en > de else 'de'
+
+
+def names(text):
+    """Capitalised words not at a sentence's start (in German: names and nouns; in English:
+    names), as a set of lowercased forms."""
+    out = set()
+    for s in sentences(text) or [text or '']:
+        toks = _TOKEN.findall(s)
+        for t in toks[1:]:
+            if t[0].isupper() and t not in _NOT_NAMES and len(t) > 2:
+                out.add(t.lower().rstrip('s’\''))
+    return out
+
+
+def related(stories, min_weight=17.0, per_story=3):
+    """stories: [(id, language, set of names)] of the same days. Pairs of stories in different
+    languages sharing rare names: {id: [(other id, weight)]}, weight = the shared names' idf."""
+    df = Counter()
+    for _, _, ns in stories:
+        df.update(ns)
+    n = len(stories)
+    idf = {w: math.log((n + 1) / (d + 1)) for w, d in df.items()}
+    out = defaultdict(list)
+    for a in range(n):
+        ia, la, na = stories[a]
+        for b in range(a + 1, n):
+            ib, lb, nb = stories[b]
+            if la == lb:
+                continue
+            shared = na & nb
+            if len(shared) < 3:
+                continue
+            w = sum(idf[x] for x in shared)
+            if w >= min_weight:
+                out[ia].append((ib, round(w, 1)))
+                out[ib].append((ia, round(w, 1)))
+    return {k: sorted(v, key=lambda x: -x[1])[:per_story] for k, v in out.items()}
+
+
+# ---- topics ---------------------------------------------------------------------------------------------
+
+NOT_TOPICS = set('breaking news free live watch video sekunden gebärdensprache podcast newsletter abo online'.split())
+
+
+TOPIC_MIN = 3
+
+
+def topics(stories, threshold=0.12, min_size=TOPIC_MIN, max_topics=8, rounds=3):
+    """stories: [(id, text, sources)] (titles and summaries, the set of source names). Groups of
+    stories about one matter, the largest first, each with a label (the words most of its stories
+    share): [{'label': str, 'ids': [ids]}]. Leader clustering against the groups' centroids, a
+    few rounds (each story to its nearest centroid, then the centroids anew); a group counts
+    when it has min_size stories from at least two sources."""
+    if len(stories) < min_size:
+        return []
+    vecs = _vectors([s[1] for s in stories])
+    order = sorted(range(len(stories)), key=lambda i: -len(vecs[i]))
+    cents = []
+    assign = [-1] * len(stories)
+    for _ in range(rounds):
+        changed = False
+        for i in order:
+            best, sim = -1, threshold
+            for g, c in enumerate(cents):
+                x = _cos(vecs[i], c)
+                if x > sim:
+                    best, sim = g, x
+            if best < 0:
+                cents.append(dict(vecs[i]))
+                best = len(cents) - 1
+            if assign[i] != best:
+                assign[i] = best
+                changed = True
+        # centroids anew from their members
+        acc = [Counter() for _ in cents]
+        for i, g in enumerate(assign):
+            for w, v in vecs[i].items():
+                acc[g][w] += v
+        cents = []
+        remap = {}
+        for g, a in enumerate(acc):
+            if a:
+                norm = math.sqrt(sum(v * v for v in a.values())) or 1.0
+                remap[g] = len(cents)
+                cents.append({w: v / norm for w, v in a.items()})
+        assign = [remap.get(g, -1) for g in assign]
+        if not changed:
+            break
+    groups = defaultdict(list)
+    for i, g in enumerate(assign):
+        groups[g].append(i)
+    out = []
+    source_words = {w.lower() for s in stories for src in s[2] for w in _TOKEN.findall(src)}
+    for g in sorted(groups.values(), key=len, reverse=True):
+        if len(g) < min_size or len({src for i in g for src in stories[i][2]}) < 2:
+            continue
+        # Close enough together: the stories' mean likeness to their group's centre.
+        acc = Counter()
+        for i in g:
+            for w, v in vecs[i].items():
+                acc[w] += v
+        norm = math.sqrt(sum(v * v for v in acc.values())) or 1.0
+        centre = {w: v / norm for w, v in acc.items()}
+        if sum(_cos(vecs[i], centre) for i in g) / len(g) < 0.3:
+            continue
+        df = Counter()
+        for i in g:
+            df.update({w for w in words(stories[i][1]) if w not in NOT_TOPICS and w not in source_words})
+        nice = []
+        for w, c in df.most_common(8):
+            if c < max(2, len(g) // 2):
+                break
+            forms = Counter(t for i in g for t in _TOKEN.findall(stories[i][1]) if t.lower() == w)
+            form = forms.most_common(1)[0][0] if forms else w
+            # Nouns and names make a label, not "rückt" or "näher"; "Linke" once, not "Linken" too.
+            if form[:1].isupper() and not any(x.lower()[:5] == form.lower()[:5] for x in nice):
+                nice.append(form)
+            if len(nice) == 3:
+                break
+        if len(nice) < 2:   # one shared word is a coincidence, not a topic
+            continue
+        out.append({'label': ' · '.join(nice), 'ids': [stories[i][0] for i in g]})
+        if len(out) >= max_topics:
+            break
+    return out
diff --git a/feeds/urls.py b/feeds/urls.py
index c1aaf92..5edea27 100644
--- a/feeds/urls.py
+++ b/feeds/urls.py
@@ -15,6 +15,7 @@ urlpatterns = [
     path('briefing/seen/', views.briefing_seen, name='feeds_briefing_seen'),
     path('news/', views.news, name='feeds_news'),
     path('stories/<int:pk>/', views.story, name='feeds_story'),
+    path('stories/<int:pk>/overview/', views.story_overview, name='feeds_story_overview'),
     path('blogs/', views.blogs, name='feeds_blogs'),
     path('starred/', views.starred, name='feeds_starred'),
     path('items/read/', views.mark_read, name='feeds_mark_read'),
diff --git a/feeds/views.py b/feeds/views.py
index 0068d2f..aadc8fd 100644
--- a/feeds/views.py
+++ b/feeds/views.py
@@ -12,8 +12,11 @@ Sources:   GET  /feeds/state/                 sources, unread counts, settings
            POST /feeds/refresh/               refresh the account's sources now
 News:      GET  /feeds/briefing/              what's new since the briefing was last seen
            POST /feeds/briefing/seen/         seen: everything up to now counts as read
-           GET  /feeds/news/?before=&category=  stories, newest first
+           GET  /feeds/news/?before=&category=&ids=  stories, newest first (ids: just these, a topic's);
+                                              the first page also has the day's topics
            GET  /feeds/stories/<id>/          one story with all its items
+           GET  /feeds/stories/<id>/overview/ summary, what only one report says, each source's
+                                              words, the story in the other language (feeds/textproc.py)
 Blogs:     GET  /feeds/blogs/?folder=&source=&unread=1&fav=1&before=   (folder= alone: blogs without one;
                                               without folder/source the hidden blogs stay out)
 Items:     GET  /feeds/items/<id>/            the article (fetches the page if the feed had a teaser)
@@ -35,6 +38,7 @@ from xml.sax.saxutils import quoteattr
 
 import feedparser
 import requests
+from django.core.cache import cache
 from django.db.models import Count
 from django.http import HttpResponse, JsonResponse
 from django.utils import timezone
@@ -42,7 +46,7 @@ from django.utils.dateparse import parse_datetime
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
-from . import fetch, logins, refresh
+from . import fetch, logins, refresh, textproc
 from .models import Item, SiteLogin, Source, Story
 
 PAGE = 40
@@ -71,6 +75,15 @@ def _body(request):
         return None
 
 
+def _when(value):
+    """A datetime parameter; None when there's none or it's garbled (an unencoded '+' arrives as
+    a space)."""
+    try:
+        return parse_datetime((value or '').strip().replace(' ', '+'))
+    except ValueError:
+        return None
+
+
 def _iso(dt):
     return dt.isoformat() if dt else None
 
@@ -479,14 +492,76 @@ def news(request):
     if (err := _auth(request)):
         return err
     qs = Story.objects.filter(user=request.user, items__gone=False).distinct().order_by('-last_at')
-    before = parse_datetime(request.GET.get('before') or '')
+    ids = [int(x) for x in request.GET.get('ids', '').split(',') if x.strip().isdigit()]
+    if ids:
+        stories = _stories(request.user, qs.filter(pk__in=ids[:PAGE]))
+        return JsonResponse({'stories': stories, 'more': False})
+    before = _when(request.GET.get('before'))
     if before:
         qs = qs.filter(last_at__lt=before)
     category = request.GET.get('category')
     if category:
         qs = qs.filter(lead__source__category='' if category == CATEGORY_NONE else category)
     stories = _stories(request.user, qs[:PAGE])
-    return JsonResponse({'stories': stories, 'more': len(stories) == PAGE})
+    out = {'stories': stories, 'more': len(stories) == PAGE}
+    if not before:
+        topics = _news_text(request.user)['topics']
+        if category:
+            # The category's share of each topic.
+            mine = set(qs.values_list('pk', flat=True)[:500])
+            topics = [t for t in ({**t, 'ids': [i for i in t['ids'] if i in mine]} for t in topics)
+                      if len(t['ids']) >= textproc.TOPIC_MIN]
+        out['topics'] = topics
+    return JsonResponse(out)
+
+
+# ---- reading help (feeds/textproc.py)
+
+FURNITURE_ITEMS = 40          # a source's recent articles that show its furniture
+TEXT_DAYS = 2                 # topics and related stories: of these days
+TEXT_CACHE = 6 * 3600
+
+
+def _furniture(source):
+    key = f'feeds:furniture:{source.id}'
+    keys = cache.get(key)
+    if keys is None:
+        texts = [textproc.plain(c) for c in Item.objects.filter(source=source, gone=False)
+                 .order_by('-published').values_list('content', flat=True)[:FURNITURE_ITEMS]]
+        keys = textproc.furniture(texts)
+        cache.set(key, keys, TEXT_CACHE)
+    return keys
+
+
+def _clean_text(i):
+    """An item's text without its source's furniture, plain."""
+    return textproc.without_furniture(textproc.plain(i.content) or i.summary, _furniture(i.source))
+
+
+def _news_text(user):
+    """The news of the last days, looked at as a whole: topics [{label, ids}] and related
+    stories in the other language {story id: [ids]}. Cached until a story changes."""
+    since = timezone.now() - timedelta(days=TEXT_DAYS)
+    qs = Story.objects.filter(user=user, last_at__gte=since, items__gone=False).distinct()
+    latest = qs.order_by('-last_at').values_list('last_at', flat=True).first()
+    key = f'feeds:newstext:{user.id}:{qs.count()}:{latest.timestamp() if latest else 0}'
+    got = cache.get(key)
+    if got is not None:
+        return got
+    items = {}
+    for i in Item.objects.filter(story__in=qs, gone=False).select_related('source'):
+        items.setdefault(i.story_id, []).append(i)
+    tl, sl = [], []
+    for sid, its in items.items():
+        tl.append((sid, ' '.join(f'{i.title}. {i.summary}' for i in its), {i.source.title for i in its}))
+        text = ' '.join(f'{i.title}. {_clean_text(i)[:4000]}' for i in its)
+        sl.append((sid, textproc.language(text), textproc.names(text)))
+    got = {
+        'topics': textproc.topics(tl),
+        'related': {sid: [b for b, _ in lst] for sid, lst in textproc.related(sl).items()},
+    }
+    cache.set(key, got, TEXT_CACHE)
+    return got
 
 
 @csrf_exempt
@@ -500,6 +575,32 @@ def story(request, pk):
     return JsonResponse({'story': found[0]})
 
 
+@csrf_exempt
+@require_http_methods(['GET'])
+def story_overview(request, pk):
+    """What a story's reports say together: a summary from all of them, what only one says,
+    each source's own words, and the same story in the other language."""
+    if (err := _auth(request)):
+        return err
+    s = Story.objects.filter(user=request.user, pk=pk).first()
+    if s is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    its = list(Item.objects.filter(story=s, gone=False).select_related('source').order_by('published'))
+    key = f'feeds:overview:{s.id}:{len(its)}:{sum(len(i.content) for i in its)}'
+    out = cache.get(key)
+    if out is None:
+        docs = [(i.source.title, _clean_text(i)) for i in its]
+        out = {}
+        if len({src for src, _ in docs}) >= 2:
+            out['summary'] = [{'source': src, 'text': t} for src, t in textproc.summarize(docs)]
+            out['novel'] = textproc.novel(docs)
+            out['words'] = textproc.word_choice(docs)
+        cache.set(key, out, TEXT_CACHE)
+    rel = _news_text(request.user)['related'].get(s.id, [])
+    related = _stories(request.user, Story.objects.filter(user=request.user, pk__in=rel)) if rel else []
+    return JsonResponse({**out, 'related': related})
+
+
 # ---- blogs, items
 
 @csrf_exempt
@@ -522,7 +623,7 @@ def blogs(request):
     unread_only = request.GET.get('unread') == '1'
     if unread_only:
         qs = qs.filter(read_at=None)
-    before = parse_datetime(request.GET.get('before') or '')
+    before = _when(request.GET.get('before'))
     if before:
         qs = qs.filter(published__lt=before)
     # Unread: all of them at once (the page sorts them into days, favorites, rare blogs).
@@ -550,7 +651,9 @@ def item(request, pk):
         return JsonResponse({'error': 'not found'}, status=404)
     if refresh.needs_article(i, i.source):
         refresh.load_article(i)
-    return JsonResponse({'item': _item_data(i, content=True)})
+    d = _item_data(i, content=True)
+    d['content'] = textproc.html_without_furniture(i.content, _furniture(i.source))
+    return JsonResponse({'item': d})
 
 
 @csrf_exempt
diff --git a/static/js/gencover.js b/static/js/gencover.js
index 0d60152..095a5dd 100644
--- a/static/js/gencover.js
+++ b/static/js/gencover.js
@@ -54,6 +54,12 @@
   const MONO = "'Courier New', Courier, monospace";
 
   const THEMES = [
+    // The "blue volumes": only the works of Marx and Engels (see theme()), bound in blue cloth
+    // with gold, the spine on the left. It sets its own text (ownText), a volume label when the
+    // book has a number in a series.
+    {id: 'blau', font: SERIF, ownText: true, words: [],
+      palettes: [['#22305e', '#d4b25c', '#b89a52', '#161f40'], ['#1f3554', '#cfae5e', '#a98f55', '#14233a'],
+        ['#1b2747', '#dcbf73', '#b29a62', '#111a33']]},
     {id: 'konstruktiv', font: NARROW, upper: true,
       words: ['marx', 'kapital', 'capital', 'arbeit', 'labor', 'labour', 'revolution', 'sozialis', 'socialis', 'kommun', 'communis',
         'ökonom', 'econom', 'klasse', 'class', 'gewerkschaft', 'streik', 'strike', 'partei', 'lenin', 'luxemburg', 'engels',
@@ -187,8 +193,14 @@
     }).filter(x => x.score > 0).sort((a, b) => b.score - a.score);
   }
 
+  // A work of Marx or Engels (by its author, or a volume of the MEW) is a blue volume,
+  // whatever else the words say; nothing else is.
+  const MARX_ENGELS = /(^|[^a-zäöü])(marx|engels)($|[^a-zäöü])/i;
+  const BLAU = THEMES.filter(t => t.id === 'blau')[0];
+
   function theme(book) {
-    const s = scored(book);
+    if (MARX_ENGELS.test(book.author || '') || /mew|marx.engels.werke/i.test(book.series || '')) return BLAU;
+    const s = scored(book).filter(x => x.t !== BLAU);
     return s.length ? s[0].t : DEFAULT;
   }
 
@@ -394,6 +406,68 @@
         `fill="${p[2]}" opacity=".9">${esc(ch)}</text>` +
         `<line x1="20" y1="${f1(between(r, 120, 160))}" x2="${W - 20}" y2="${f1(between(r, 120, 160))}" stroke="${p[1]}" stroke-width="1" opacity=".5"/>`;
     },
+    blau(r, p, book) {
+      const gold = p[1], dim = p[2], deep = p[3];
+      // Cloth: a fine weave, light from the upper left, the hinge along the spine.
+      let s = `<defs><pattern id="wv" width="3" height="3" patternUnits="userSpaceOnUse">` +
+        `<path d="M0 .5H3" stroke="${deep}" stroke-width="1" opacity=".5"/><path d="M.5 0V3" stroke="${gold}" stroke-width=".6" opacity=".06"/></pattern>` +
+        `<radialGradient id="lt" cx="30%" cy="18%" r="85%"><stop offset="0" stop-color="#ffffff" stop-opacity=".09"/>` +
+        `<stop offset="1" stop-color="#ffffff" stop-opacity="0"/></radialGradient></defs>` +
+        `<rect width="${W}" height="${H}" fill="url(#wv)"/><rect width="${W}" height="${H}" fill="url(#lt)"/>`;
+      // The spine, as on the shelf: gold bands top and bottom, a field with the volume, a groove at the hinge.
+      const SP = 46;
+      s += `<rect x="0" y="0" width="${SP}" height="${H}" fill="${deep}" opacity=".55"/>` +
+        `<rect x="${SP}" y="0" width="3" height="${H}" fill="${deep}"/><rect x="${SP + 3}" y="0" width="1" height="${H}" fill="${gold}" opacity=".16"/>`;
+      [[26, 1.6], [31, .7], [58, .7], [63, 1.6], [H - 68, 1.6], [H - 63, .7], [H - 34, .7], [H - 29, 1.6]].forEach(b => {
+        s += `<rect x="5" y="${b[0]}" width="${SP - 10}" height="${b[1]}" fill="${gold}"/>`;
+      });
+      s += `<path d="M${SP / 2} 40 l4 5 -4 5 -4 -5Z" fill="${gold}"/>`;
+      const vol = typeof book.seriesIndex === 'number' ? String(book.seriesIndex) : '';
+      s += `<rect x="8" y="104" width="${SP - 16}" height="44" fill="none" stroke="${gold}" stroke-width="1"/>`;
+      if (vol) s += `<text x="${SP / 2}" y="132" text-anchor="middle" font-family="${SERIF}" font-size="${vol.length > 3 ? 10 : 14}" fill="${gold}">${esc(vol)}</text>`;
+      else s += `<path d="M${SP / 2} 118 l5 6 -5 6 -5 -6Z" fill="${gold}"/>`;
+      s += `<rect x="12" y="170" width="${SP - 24}" height=".7" fill="${gold}" opacity=".7"/><rect x="12" y="${H - 104}" width="${SP - 24}" height=".7" fill="${gold}" opacity=".7"/>`;
+      const x0 = SP + 22, x1 = W - 22;
+      const rule = y => `<rect x="${x0}" y="${y}" width="${x1 - x0}" height="1.6" fill="${gold}"/>` +
+        `<rect x="${x0}" y="${y + 5}" width="${x1 - x0}" height=".8" fill="${gold}" opacity=".8"/>`;
+      s += rule(52) + rule(H - 64);
+      const cx = (x0 + x1) / 2;
+      const line = (t, y, size, o) => `<text x="${cx}" y="${f1(y)}" text-anchor="middle" font-family="${o && o.sans ? SANS : SERIF}" ` +
+        `font-size="${f1(size)}" letter-spacing="${o && o.ls != null ? o.ls : 1}" fill="${o && o.dim ? dim : gold}">${esc(t)}</text>`;
+      const caps = t => String(t || '').toUpperCase();
+      const fit = (t, max, lsp) => Math.max(7, Math.min(max, Math.floor(((x1 - x0) / Math.max(1, t.length) - lsp) / 0.72)));
+      const em = 0.74 * 248 / (x1 - x0);  // lines() packs into 248 px; the front is narrower
+      const ix = typeof book.seriesIndex === 'number' ? book.seriesIndex : null;
+      const werke = /\bmew\b|marx.engels|werke/i.test(book.series || '');
+      const label = (y) => {
+        const n = String(ix);
+        return `<rect x="${f1(cx - 58)}" y="${y}" width="116" height="70" fill="none" stroke="${gold}" stroke-width="1.4"/>` +
+          `<rect x="${f1(cx - 54)}" y="${y + 4}" width="108" height="62" fill="none" stroke="${gold}" stroke-width=".6" opacity=".7"/>` +
+          line('BAND', y + 22, 10, {ls: 3, sans: true}) + line(n, y + 56, n.length > 3 ? 26 : 32, {ls: 1});
+      };
+      if (werke) {
+        const a = 'KARL MARX · FRIEDRICH ENGELS';
+        s += line(a, 92, fit(a, 11, 2), {ls: 2, sans: true});
+        s += line('WERKE', 160, 34, {ls: 8});
+        if (ix != null) s += label(190);
+        const t = caps(mainTitle(book.title));
+        const ls = lines(t, 14, 4, em);
+        ls.forEach((l, i) => { s += line(l, (ix != null ? 300 : 230) + i * 18, 14, {ls: 1, dim: true}); });
+        return s;
+      }
+      const author = caps(String(book.author || '').split(';')[0].replace(/\s*,\s*/g, ' · '));
+      if (author) s += line(author, 96, fit(author, 12, 2), {ls: 2, sans: true});
+      const t = caps(mainTitle(book.title));
+      const longest = t.split(/\s+/).reduce((n, w) => Math.max(n, w.length), 0);
+      const size = Math.max(14, Math.min(t.length <= 12 ? 28 : t.length <= 24 ? 24 : t.length <= 40 ? 20 : 17,
+        Math.floor((x1 - x0) / (longest * 0.74))));
+      const ls = lines(t, size, 5, em);
+      const lh = size * 1.2, h = ls.length * lh;
+      const y0 = (ix != null ? 200 : 228) - h / 2 + size * 0.8;
+      ls.forEach((l, i) => { s += line(l, y0 + i * lh, size, {ls: 1}); });
+      if (ix != null) s += label(296);
+      return s;
+    },
     klassiker(r, p) {
       // An all-over pattern (the paper), the plate for the text goes over it.
       const kind = Math.floor(r() * 5), sz = pick(r, [18, 22, 26]);
@@ -592,13 +666,14 @@
     if (opts && opts.gray) p = p.map(gray);
     const motif = (M[th.id] || M.bauhaus)(r, p, book);
     return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${W} ${H}" width="${W}" height="${H}">` +
-      `<rect width="${W}" height="${H}" fill="${p[0]}"/>${motif}${textBlock(r, th, p, book)}</svg>`;
+      `<rect width="${W}" height="${H}" fill="${p[0]}"/>${motif}${th.ownText ? '' : textBlock(r, th, p, book)}</svg>`;
   }
 
   const cache = new Map();
   function url(book, opts) {
     const key = (book.title || '') + '|' + (book.author || '') + '|' + (book.shelfTag || '') + '|' +
-      ((book.folders || []).join(',')) + '|' + (opts && opts.gray ? 1 : 0);
+      ((book.folders || []).join(',')) + '|' + (book.series || '') + '|' + (book.seriesIndex == null ? '' : book.seriesIndex) + '|' +
+      (opts && opts.gray ? 1 : 0);
     if (!cache.has(key)) cache.set(key, 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svg(book, opts)));
     return cache.get(key);
   }
diff --git a/static/js/sw.js b/static/js/sw.js
index 89fe278..b0b38d5 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v129';
+const CACHE = 'diora-v130';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 2327eb06d5f6d0d615e58663abecc3c6bc5a3c6e Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 14:06:38 +0200
Subject: [PATCH 136/176] =?UTF-8?q?feeds:=20unfertige=20=C3=84nderungen=20?=
 =?UTF-8?q?aus=20f2583cb=20wieder=20heraus=20(versehentlich=20mit=20commit?=
 =?UTF-8?q?tet,=20liegen=20weiter=20im=20Arbeitsbaum)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 feeds/textproc.py | 352 ----------------------------------------------
 feeds/urls.py     |   1 -
 feeds/views.py    | 115 +--------------
 3 files changed, 6 insertions(+), 462 deletions(-)
 delete mode 100644 feeds/textproc.py

diff --git a/feeds/textproc.py b/feeds/textproc.py
deleted file mode 100644
index 41a1e86..0000000
--- a/feeds/textproc.py
+++ /dev/null
@@ -1,352 +0,0 @@
-"""Reading help for news, with classic text methods (no language model):
-
-- furniture: sentences a source prints under many of its articles (donation boxes,
-  "Diese Nachricht wurde … gesendet") are no part of an article; they are left out
-  when an article is shown and when a story is looked at;
-- a story's overview: a summary drawn from all its reports (LexRank: the sentences
-  most like the others, without repeating each other — MMR), what only one report
-  says (its sentences unlike any other source's), and each source's own words for
-  the event (log-odds of a word in that report against the story's other reports);
-- related stories in the other language (German/English): stories of the same days
-  that share names (capitalised words that aren't at a sentence's start), weighted by
-  how rare a name is among the day's stories;
-- topics: stories grouped by their words when they're about the same matter, not
-  only the same event, labelled with the words they share most.
-
-Pure Python: these run on the server with the feeds, for one user's stories at a time.
-"""
-
-import math
-import re
-from collections import Counter, defaultdict
-
-from . import fetch
-
-_SENT_END = re.compile(r'(?<=[.!?…])\s+(?=[„"»A-ZÄÖÜ0-9])')
-_TOKEN = re.compile(r"[A-Za-zÄÖÜäöüßÀ-ÿ][A-Za-zÄÖÜäöüßÀ-ÿ0-9'’\-]+")
-
-STOP = set('''
-aber alle allem allen aller alles also als am an andere anderen auch auf aus bei beim bereits bis bisher
-da dabei damit dann darauf darf darum das dass dem den denen der deren des deshalb dessen die dies diese
-diesem diesen dieser dieses doch dort durch ein eine einem einen einer eines einige er es etwa euch für
-gegen geht gibt hab habe haben hat hatte hatten hier hin hinter ich ihr ihre ihrem ihren ihrer im immer
-in ins ist ja jahr jahre jahren jetzt kann kein keine können könnte man mehr mit muss müssen nach neue neuen
-nicht nichts noch nun nur ob oder ohne schon sei seid sein seine seinem seinen seiner seit sich sie sind
-so soll sollen sollte sondern sowie über um und uns unter viel viele vom von vor war waren was weil weiter
-weitere wenn wer werde werden wie wieder will wir wird wo worden wurde wurden zu zum zur zwei drei vier
-heute gestern morgen laut sagt sagte sagten erst mal neu video live ticker meldung bericht hatte hätte
-wäre würde würden zudem sowohl jedoch allerdings bereits rund etwa demnach zufolge angaben unter
-the and for with from that this have has are was were will would been into about after over their they
-his her its our you your not but all can new says said more than when what who how why off out also had
-one two which there been being some other could should would may might them then just only very
-'''.split())
-
-# Capitalised words that are no names (German nouns are capitalised too: those don't matter,
-# they never match an English text; these would match both).
-_NOT_NAMES = set('''
-Der Die Das Den Dem Des Ein Eine Einen Einem Einer Er Sie Es Wir Ihr Ich Und Oder Aber Auch Doch Mit Von
-Nach Bei Für Auf Aus Im In Am Zum Zur Vor Seit Als Wie Wenn Dass Nicht Noch Nur So Da Dann Hier Jetzt
-The A An And Or But With From For After Before In On At By To Of As It He She They We I This That These
-Those Mr Mrs Ms Dr Monday Tuesday Wednesday Thursday Friday Saturday Sunday Montag Dienstag Mittwoch
-Donnerstag Freitag Samstag Sonntag Sonnabend January February March April May June July August September
-October November December Januar Februar März Juni Juli Oktober Dezember Reuters AFP AP dpa BBC CNN
-'''.split())
-
-
-def plain(html):
-    return fetch.plain(html or '')
-
-
-def sentences(text):
-    text = re.sub(r'\s+', ' ', text or '').strip()
-    return [s.strip() for s in _SENT_END.split(text) if 40 <= len(s.strip()) <= 400]
-
-
-def _key(s):
-    """A sentence, the same however its numbers and spaces differ."""
-    return re.sub(r'\d+', '0', re.sub(r'\s+', ' ', s.lower())).strip()
-
-
-def words(text):
-    return [w.lower() for w in _TOKEN.findall(text or '') if len(w) > 2 and w.lower() not in STOP]
-
-
-# ---- furniture ------------------------------------------------------------------------------------
-
-FURNITURE_MIN = 3   # in this many of a source's articles: furniture
-
-
-def furniture(texts):
-    """The sentences (keys) that stand in at least FURNITURE_MIN of these texts (one source's)."""
-    seen = Counter()
-    for t in texts:
-        seen.update({_key(s) for s in _units(t)})
-    return {k for k, n in seen.items() if n >= FURNITURE_MIN}
-
-
-def _units(text):
-    return [u.strip() for u in re.split(r'\n|(?<=[.!?])\s+', text or '') if len(u.strip()) > 15]
-
-
-def without_furniture(text, keys):
-    if not keys:
-        return text
-    return ' '.join(u for u in _units(text) if _key(u) not in keys)
-
-
-_BLOCK = re.compile(r'<(p|li|h[1-6]|blockquote|figcaption|div)\b[^>]*>(.*?)</\1>', re.S | re.I)
-
-
-def html_without_furniture(html, keys):
-    """The article's HTML without the blocks whose text is (only) furniture."""
-    if not keys or not html:
-        return html
-
-    def keep(m):
-        inner = plain(m.group(2))
-        units = _units(inner)
-        if units and all(_key(u) in keys for u in units):
-            return ''
-        return m.group(0)
-    return _BLOCK.sub(keep, html)
-
-
-# ---- tf-idf over sentences -------------------------------------------------------------------------
-
-def _vectors(texts):
-    toks = [Counter(words(t)) for t in texts]
-    df = Counter()
-    for t in toks:
-        df.update(t.keys())
-    n = len(texts)
-    idf = {w: math.log((n + 1) / (d + 1)) + 1 for w, d in df.items()}
-    vecs = []
-    for t in toks:
-        v = {w: (1 + math.log(c)) * idf[w] for w, c in t.items()}
-        norm = math.sqrt(sum(x * x for x in v.values())) or 1.0
-        vecs.append({w: x / norm for w, x in v.items()})
-    return vecs
-
-
-def _cos(a, b):
-    if len(a) > len(b):
-        a, b = b, a
-    return sum(x * b.get(w, 0.0) for w, x in a.items())
-
-
-def summarize(docs, k=3, lam=0.7):
-    """docs: [(source, text)]. The k sentences that say most of what all say, in their order
-    of appearance: [(source, sentence)]."""
-    ss = [(src, s) for src, t in docs for s in sentences(t)[:30]]
-    if len(ss) <= k:
-        return ss
-    vecs = _vectors([s for _, s in ss])
-    n = len(ss)
-    sim = [[_cos(vecs[a], vecs[b]) if a != b else 0.0 for b in range(n)] for a in range(n)]
-    links = [[1.0 if sim[a][b] > 0.1 else 0.0 for b in range(n)] for a in range(n)]
-    deg = [sum(r) or 1.0 for r in links]
-    rank = [1.0 / n] * n
-    for _ in range(40):
-        rank = [0.15 / n + 0.85 * sum(links[b][a] * rank[b] / deg[b] for b in range(n)) for a in range(n)]
-    top = max(rank) or 1.0
-    chosen = []
-    for _ in range(k):
-        best, score = None, -1e9
-        for a in range(n):
-            if a in chosen:
-                continue
-            s = lam * rank[a] / top - (1 - lam) * max((sim[a][c] for c in chosen), default=0.0)
-            if s > score:
-                best, score = a, s
-        chosen.append(best)
-    return [ss[c] for c in sorted(chosen)]
-
-
-def novel(docs, per_source=2, limit=0.2):
-    """What only one report says: per source, up to per_source of its sentences that no other
-    source has anything like (cosine < limit), the most central of its own first."""
-    ss = [(src, s) for src, t in docs for s in sentences(t)[:40]]
-    if len({src for src, _ in ss}) < 2:
-        return {}
-    vecs = _vectors([s for _, s in ss])
-    out = defaultdict(list)
-    for a, (src, s) in enumerate(ss):
-        others = [_cos(vecs[a], vecs[b]) for b, (s2, _) in enumerate(ss) if s2 != src]
-        if not others or max(others) >= limit:
-            continue
-        own = [_cos(vecs[a], vecs[b]) for b, (s2, _) in enumerate(ss) if s2 == src and b != a]
-        out[src].append((sum(own) / len(own) if own else 0.0, s))
-    return {src: [s for _, s in sorted(v, key=lambda x: -x[0])[:per_source]] for src, v in out.items()}
-
-
-def word_choice(docs, per_source=6):
-    """Each source's own words for the event: log-odds of a word in its report against the
-    other reports (with a prior from all of them), at least twice in its report."""
-    forms = defaultdict(Counter)
-    counts = {}
-    for src, t in docs:
-        c = Counter()
-        for w in _TOKEN.findall(t or ''):
-            lw = w.lower()
-            if len(lw) > 3 and lw not in STOP:
-                c[lw] += 1
-                forms[lw][w] += 1
-        counts[src] = counts.get(src, Counter()) + c
-    if len(counts) < 2:
-        return {}
-    total = sum(counts.values(), Counter())
-    a0 = sum(total.values()) or 1
-    out = {}
-    for src, c in counts.items():
-        n_i = sum(c.values()) or 1
-        rest = total - c
-        n_j = sum(rest.values()) or 1
-        scored = []
-        for w, f in c.items():
-            if f < 2:
-                continue
-            aw = total[w] / a0 * 100
-            d = math.log((f + aw) / (n_i + 100 - f - aw)) - math.log((rest[w] + aw) / (n_j + 100 - rest[w] - aw))
-            scored.append((d / math.sqrt(1 / (f + aw) + 1 / (rest[w] + aw)), w))
-        # Nouns and names (as written: capitalised), not the verbs and particles around them.
-        best = [(z, forms[w].most_common(1)[0][0]) for z, w in sorted(scored, reverse=True) if z > 1.0]
-        out[src] = [w for z, w in best if w[:1].isupper()][:per_source]
-    return {k: v for k, v in out.items() if v}
-
-
-# ---- names, languages, related stories -------------------------------------------------------------
-
-_EN = set('the and of to in is that for with was said on as by at from'.split())
-_DE = set('der die das und ist nicht mit den von zu im sich auf für dem des eine sagte'.split())
-
-
-def language(text):
-    w = [x.lower() for x in _TOKEN.findall(text[:3000])]
-    en = sum(1 for x in w if x in _EN)
-    de = sum(1 for x in w if x in _DE)
-    return 'en' if en > de else 'de'
-
-
-def names(text):
-    """Capitalised words not at a sentence's start (in German: names and nouns; in English:
-    names), as a set of lowercased forms."""
-    out = set()
-    for s in sentences(text) or [text or '']:
-        toks = _TOKEN.findall(s)
-        for t in toks[1:]:
-            if t[0].isupper() and t not in _NOT_NAMES and len(t) > 2:
-                out.add(t.lower().rstrip('s’\''))
-    return out
-
-
-def related(stories, min_weight=17.0, per_story=3):
-    """stories: [(id, language, set of names)] of the same days. Pairs of stories in different
-    languages sharing rare names: {id: [(other id, weight)]}, weight = the shared names' idf."""
-    df = Counter()
-    for _, _, ns in stories:
-        df.update(ns)
-    n = len(stories)
-    idf = {w: math.log((n + 1) / (d + 1)) for w, d in df.items()}
-    out = defaultdict(list)
-    for a in range(n):
-        ia, la, na = stories[a]
-        for b in range(a + 1, n):
-            ib, lb, nb = stories[b]
-            if la == lb:
-                continue
-            shared = na & nb
-            if len(shared) < 3:
-                continue
-            w = sum(idf[x] for x in shared)
-            if w >= min_weight:
-                out[ia].append((ib, round(w, 1)))
-                out[ib].append((ia, round(w, 1)))
-    return {k: sorted(v, key=lambda x: -x[1])[:per_story] for k, v in out.items()}
-
-
-# ---- topics ---------------------------------------------------------------------------------------------
-
-NOT_TOPICS = set('breaking news free live watch video sekunden gebärdensprache podcast newsletter abo online'.split())
-
-
-TOPIC_MIN = 3
-
-
-def topics(stories, threshold=0.12, min_size=TOPIC_MIN, max_topics=8, rounds=3):
-    """stories: [(id, text, sources)] (titles and summaries, the set of source names). Groups of
-    stories about one matter, the largest first, each with a label (the words most of its stories
-    share): [{'label': str, 'ids': [ids]}]. Leader clustering against the groups' centroids, a
-    few rounds (each story to its nearest centroid, then the centroids anew); a group counts
-    when it has min_size stories from at least two sources."""
-    if len(stories) < min_size:
-        return []
-    vecs = _vectors([s[1] for s in stories])
-    order = sorted(range(len(stories)), key=lambda i: -len(vecs[i]))
-    cents = []
-    assign = [-1] * len(stories)
-    for _ in range(rounds):
-        changed = False
-        for i in order:
-            best, sim = -1, threshold
-            for g, c in enumerate(cents):
-                x = _cos(vecs[i], c)
-                if x > sim:
-                    best, sim = g, x
-            if best < 0:
-                cents.append(dict(vecs[i]))
-                best = len(cents) - 1
-            if assign[i] != best:
-                assign[i] = best
-                changed = True
-        # centroids anew from their members
-        acc = [Counter() for _ in cents]
-        for i, g in enumerate(assign):
-            for w, v in vecs[i].items():
-                acc[g][w] += v
-        cents = []
-        remap = {}
-        for g, a in enumerate(acc):
-            if a:
-                norm = math.sqrt(sum(v * v for v in a.values())) or 1.0
-                remap[g] = len(cents)
-                cents.append({w: v / norm for w, v in a.items()})
-        assign = [remap.get(g, -1) for g in assign]
-        if not changed:
-            break
-    groups = defaultdict(list)
-    for i, g in enumerate(assign):
-        groups[g].append(i)
-    out = []
-    source_words = {w.lower() for s in stories for src in s[2] for w in _TOKEN.findall(src)}
-    for g in sorted(groups.values(), key=len, reverse=True):
-        if len(g) < min_size or len({src for i in g for src in stories[i][2]}) < 2:
-            continue
-        # Close enough together: the stories' mean likeness to their group's centre.
-        acc = Counter()
-        for i in g:
-            for w, v in vecs[i].items():
-                acc[w] += v
-        norm = math.sqrt(sum(v * v for v in acc.values())) or 1.0
-        centre = {w: v / norm for w, v in acc.items()}
-        if sum(_cos(vecs[i], centre) for i in g) / len(g) < 0.3:
-            continue
-        df = Counter()
-        for i in g:
-            df.update({w for w in words(stories[i][1]) if w not in NOT_TOPICS and w not in source_words})
-        nice = []
-        for w, c in df.most_common(8):
-            if c < max(2, len(g) // 2):
-                break
-            forms = Counter(t for i in g for t in _TOKEN.findall(stories[i][1]) if t.lower() == w)
-            form = forms.most_common(1)[0][0] if forms else w
-            # Nouns and names make a label, not "rückt" or "näher"; "Linke" once, not "Linken" too.
-            if form[:1].isupper() and not any(x.lower()[:5] == form.lower()[:5] for x in nice):
-                nice.append(form)
-            if len(nice) == 3:
-                break
-        if len(nice) < 2:   # one shared word is a coincidence, not a topic
-            continue
-        out.append({'label': ' · '.join(nice), 'ids': [stories[i][0] for i in g]})
-        if len(out) >= max_topics:
-            break
-    return out
diff --git a/feeds/urls.py b/feeds/urls.py
index 5edea27..c1aaf92 100644
--- a/feeds/urls.py
+++ b/feeds/urls.py
@@ -15,7 +15,6 @@ urlpatterns = [
     path('briefing/seen/', views.briefing_seen, name='feeds_briefing_seen'),
     path('news/', views.news, name='feeds_news'),
     path('stories/<int:pk>/', views.story, name='feeds_story'),
-    path('stories/<int:pk>/overview/', views.story_overview, name='feeds_story_overview'),
     path('blogs/', views.blogs, name='feeds_blogs'),
     path('starred/', views.starred, name='feeds_starred'),
     path('items/read/', views.mark_read, name='feeds_mark_read'),
diff --git a/feeds/views.py b/feeds/views.py
index aadc8fd..0068d2f 100644
--- a/feeds/views.py
+++ b/feeds/views.py
@@ -12,11 +12,8 @@ Sources:   GET  /feeds/state/                 sources, unread counts, settings
            POST /feeds/refresh/               refresh the account's sources now
 News:      GET  /feeds/briefing/              what's new since the briefing was last seen
            POST /feeds/briefing/seen/         seen: everything up to now counts as read
-           GET  /feeds/news/?before=&category=&ids=  stories, newest first (ids: just these, a topic's);
-                                              the first page also has the day's topics
+           GET  /feeds/news/?before=&category=  stories, newest first
            GET  /feeds/stories/<id>/          one story with all its items
-           GET  /feeds/stories/<id>/overview/ summary, what only one report says, each source's
-                                              words, the story in the other language (feeds/textproc.py)
 Blogs:     GET  /feeds/blogs/?folder=&source=&unread=1&fav=1&before=   (folder= alone: blogs without one;
                                               without folder/source the hidden blogs stay out)
 Items:     GET  /feeds/items/<id>/            the article (fetches the page if the feed had a teaser)
@@ -38,7 +35,6 @@ from xml.sax.saxutils import quoteattr
 
 import feedparser
 import requests
-from django.core.cache import cache
 from django.db.models import Count
 from django.http import HttpResponse, JsonResponse
 from django.utils import timezone
@@ -46,7 +42,7 @@ from django.utils.dateparse import parse_datetime
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
-from . import fetch, logins, refresh, textproc
+from . import fetch, logins, refresh
 from .models import Item, SiteLogin, Source, Story
 
 PAGE = 40
@@ -75,15 +71,6 @@ def _body(request):
         return None
 
 
-def _when(value):
-    """A datetime parameter; None when there's none or it's garbled (an unencoded '+' arrives as
-    a space)."""
-    try:
-        return parse_datetime((value or '').strip().replace(' ', '+'))
-    except ValueError:
-        return None
-
-
 def _iso(dt):
     return dt.isoformat() if dt else None
 
@@ -492,76 +479,14 @@ def news(request):
     if (err := _auth(request)):
         return err
     qs = Story.objects.filter(user=request.user, items__gone=False).distinct().order_by('-last_at')
-    ids = [int(x) for x in request.GET.get('ids', '').split(',') if x.strip().isdigit()]
-    if ids:
-        stories = _stories(request.user, qs.filter(pk__in=ids[:PAGE]))
-        return JsonResponse({'stories': stories, 'more': False})
-    before = _when(request.GET.get('before'))
+    before = parse_datetime(request.GET.get('before') or '')
     if before:
         qs = qs.filter(last_at__lt=before)
     category = request.GET.get('category')
     if category:
         qs = qs.filter(lead__source__category='' if category == CATEGORY_NONE else category)
     stories = _stories(request.user, qs[:PAGE])
-    out = {'stories': stories, 'more': len(stories) == PAGE}
-    if not before:
-        topics = _news_text(request.user)['topics']
-        if category:
-            # The category's share of each topic.
-            mine = set(qs.values_list('pk', flat=True)[:500])
-            topics = [t for t in ({**t, 'ids': [i for i in t['ids'] if i in mine]} for t in topics)
-                      if len(t['ids']) >= textproc.TOPIC_MIN]
-        out['topics'] = topics
-    return JsonResponse(out)
-
-
-# ---- reading help (feeds/textproc.py)
-
-FURNITURE_ITEMS = 40          # a source's recent articles that show its furniture
-TEXT_DAYS = 2                 # topics and related stories: of these days
-TEXT_CACHE = 6 * 3600
-
-
-def _furniture(source):
-    key = f'feeds:furniture:{source.id}'
-    keys = cache.get(key)
-    if keys is None:
-        texts = [textproc.plain(c) for c in Item.objects.filter(source=source, gone=False)
-                 .order_by('-published').values_list('content', flat=True)[:FURNITURE_ITEMS]]
-        keys = textproc.furniture(texts)
-        cache.set(key, keys, TEXT_CACHE)
-    return keys
-
-
-def _clean_text(i):
-    """An item's text without its source's furniture, plain."""
-    return textproc.without_furniture(textproc.plain(i.content) or i.summary, _furniture(i.source))
-
-
-def _news_text(user):
-    """The news of the last days, looked at as a whole: topics [{label, ids}] and related
-    stories in the other language {story id: [ids]}. Cached until a story changes."""
-    since = timezone.now() - timedelta(days=TEXT_DAYS)
-    qs = Story.objects.filter(user=user, last_at__gte=since, items__gone=False).distinct()
-    latest = qs.order_by('-last_at').values_list('last_at', flat=True).first()
-    key = f'feeds:newstext:{user.id}:{qs.count()}:{latest.timestamp() if latest else 0}'
-    got = cache.get(key)
-    if got is not None:
-        return got
-    items = {}
-    for i in Item.objects.filter(story__in=qs, gone=False).select_related('source'):
-        items.setdefault(i.story_id, []).append(i)
-    tl, sl = [], []
-    for sid, its in items.items():
-        tl.append((sid, ' '.join(f'{i.title}. {i.summary}' for i in its), {i.source.title for i in its}))
-        text = ' '.join(f'{i.title}. {_clean_text(i)[:4000]}' for i in its)
-        sl.append((sid, textproc.language(text), textproc.names(text)))
-    got = {
-        'topics': textproc.topics(tl),
-        'related': {sid: [b for b, _ in lst] for sid, lst in textproc.related(sl).items()},
-    }
-    cache.set(key, got, TEXT_CACHE)
-    return got
+    return JsonResponse({'stories': stories, 'more': len(stories) == PAGE})
 
 
 @csrf_exempt
@@ -575,32 +500,6 @@ def story(request, pk):
     return JsonResponse({'story': found[0]})
 
 
-@csrf_exempt
-@require_http_methods(['GET'])
-def story_overview(request, pk):
-    """What a story's reports say together: a summary from all of them, what only one says,
-    each source's own words, and the same story in the other language."""
-    if (err := _auth(request)):
-        return err
-    s = Story.objects.filter(user=request.user, pk=pk).first()
-    if s is None:
-        return JsonResponse({'error': 'not found'}, status=404)
-    its = list(Item.objects.filter(story=s, gone=False).select_related('source').order_by('published'))
-    key = f'feeds:overview:{s.id}:{len(its)}:{sum(len(i.content) for i in its)}'
-    out = cache.get(key)
-    if out is None:
-        docs = [(i.source.title, _clean_text(i)) for i in its]
-        out = {}
-        if len({src for src, _ in docs}) >= 2:
-            out['summary'] = [{'source': src, 'text': t} for src, t in textproc.summarize(docs)]
-            out['novel'] = textproc.novel(docs)
-            out['words'] = textproc.word_choice(docs)
-        cache.set(key, out, TEXT_CACHE)
-    rel = _news_text(request.user)['related'].get(s.id, [])
-    related = _stories(request.user, Story.objects.filter(user=request.user, pk__in=rel)) if rel else []
-    return JsonResponse({**out, 'related': related})
-
-
 # ---- blogs, items
 
 @csrf_exempt
@@ -623,7 +522,7 @@ def blogs(request):
     unread_only = request.GET.get('unread') == '1'
     if unread_only:
         qs = qs.filter(read_at=None)
-    before = _when(request.GET.get('before'))
+    before = parse_datetime(request.GET.get('before') or '')
     if before:
         qs = qs.filter(published__lt=before)
     # Unread: all of them at once (the page sorts them into days, favorites, rare blogs).
@@ -651,9 +550,7 @@ def item(request, pk):
         return JsonResponse({'error': 'not found'}, status=404)
     if refresh.needs_article(i, i.source):
         refresh.load_article(i)
-    d = _item_data(i, content=True)
-    d['content'] = textproc.html_without_furniture(i.content, _furniture(i.source))
-    return JsonResponse({'item': d})
+    return JsonResponse({'item': _item_data(i, content=True)})
 
 
 @csrf_exempt

From 7f9d6fc22a5b5db2a598245066c274ebe265a8d0 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 14:27:14 +0200
Subject: [PATCH 137/176] =?UTF-8?q?Bibliothek:=20Ausgaben=20=E2=80=93=20PD?=
 =?UTF-8?q?F=20und=20EPUB=20(oder=20zwei=20=C3=9Cbersetzungen)=20als=20ein?=
 =?UTF-8?q?=20Werk,=20in=20der=20Liste=20einmal=20mit=20ihren=20Formaten?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/library.md               |  15 ++++
 e2e/navigation.spec.js        |  39 ++++++++++
 static/js/app/52-book-list.js |   9 ++-
 static/js/app/53-library.js   | 141 +++++++++++++++++++++++++++++++++-
 static/js/sw.js               |   2 +-
 5 files changed, 199 insertions(+), 7 deletions(-)

diff --git a/docs/library.md b/docs/library.md
index 85efa35..7d07190 100644
--- a/docs/library.md
+++ b/docs/library.md
@@ -60,6 +60,21 @@ PDF: page 1), scales it to 240 px wide JPEG, **encrypts it with the user's key**
 returns `{cover_ct, cover_iv}`. Clients cache the decrypted image locally. The
 server never sees a cover.
 
+### Editions
+
+Two or more books can be **editions of one work** (the PDF scan and the EPUB, two
+translations …): the same random key in each one's encrypted meta, `work: "w…"`
+(`''` or missing = none). The list shows a work once — the edition read last, else an EPUB,
+else the first added — with its formats on the cover ("EPUB · PDF", in the list view after
+the author). Each edition keeps its own file, position and highlights.
+
+- Joining: choose several books → "Als Ausgaben verbinden", or a book's ⋮ → "Als Ausgabe
+  verbinden …" (other books listed, similar titles first, with a search).
+- ⋮ → "Ausgaben (n) …" lists the editions: open one, "Lösen" sets one apart (the last one
+  left is set apart with it), "Weitere Ausgabe verbinden …".
+- For the apps' own book sheets: `window.bookEditions(id)` opens that sheet,
+  `window.bookEditionsOf(id)` returns the editions (the book alone if it has none).
+
 ### Generated covers
 
 A book without a cover (or one set to `cover: 'generated'` in its meta) gets one
diff --git a/e2e/navigation.spec.js b/e2e/navigation.spec.js
index 9e675cc..3d0a7ee 100644
--- a/e2e/navigation.spec.js
+++ b/e2e/navigation.spec.js
@@ -104,3 +104,42 @@ test('several books at once; one already there is left out', async ({ page }) =>
   const books = await page.evaluate(() => _lastBookListData.filter(b => /^Mehrfach/.test(b.title)).map(b => b.id));
   for (const id of books) await page.request.post(`/books/${id}/delete/`);
 });
+
+test('editions: two books joined show once with their formats, set apart show twice', async ({ page }) => {
+  await page.setViewportSize({ width: 1200, height: 800 });
+  const files = ['Eins', 'Zwei'].map(n => path.join(__dirname, '.auth', `many-${n}.epub`));
+  await page.goto('/#books');
+  await page.waitForFunction(() => typeof _importMany === 'function' && Array.isArray(_lastBookListData));
+  await page.locator('#book-file-input').setInputFiles(files);
+  await page.waitForFunction(() => _lastBookListData.filter(b => /^Mehrfach/.test(b.title)).length === 2, null, { timeout: 30000 });
+  const ids = await page.evaluate(() => _lastBookListData.filter(b => /^Mehrfach/.test(b.title)).map(b => b.id));
+  const list = page.locator('#book-list');
+  // New books: as cards under "Ungelesen" (not in the "Zuletzt gelesen" area on top).
+  const unread = () => page.evaluate(() => { _lib.status = 'unread'; renderBookList(_lastBookListData); });
+  await unread();
+  const cards = () => list.locator('.lib-grid [data-lib-book]').filter({ hasText: 'Mehrfach' });
+  await expect(cards()).toHaveCount(2);
+  // Choose both, join them.
+  await page.evaluate(ids => { _lib.selecting = new Set(ids); renderBookList(_lastBookListData); }, ids);
+  await list.locator('[data-lib="sel-editions"]').click();
+  await page.waitForFunction(ids => {
+    const w = ids.map(id => _lastBookListData.find(b => b.id === id).work);
+    return w[0] && w[0] === w[1];
+  }, ids);
+  await expect(cards()).toHaveCount(1);
+  await expect(cards().locator('.lib-ed')).toHaveText('EPUB');
+  // The work survives a reload (it is in the encrypted meta).
+  await page.reload();
+  await page.waitForFunction(() => Array.isArray(_lastBookListData) && _lastBookListData.length);
+  await unread();
+  await expect(cards()).toHaveCount(1);
+  // Ausgaben: both listed; one set apart, and the other is on its own again.
+  await cards().locator('.lib-more').click({ force: true });
+  await page.locator('.dfo-sheet .lib-sheet-item', { hasText: 'Ausgaben (2)' }).click();
+  await expect(page.locator('.dfo-sheet .lib-ed-row')).toHaveCount(2);
+  await page.locator('.dfo-sheet [data-unlink]').first().click();
+  await page.waitForFunction(ids => ids.every(id => !_lastBookListData.find(b => b.id === id).work), ids);
+  await expect(cards()).toHaveCount(2);
+  await page.evaluate(() => { _lib.status = 'all'; });
+  for (const id of ids) await page.request.post(`/books/${id}/delete/`);
+});
diff --git a/static/js/app/52-book-list.js b/static/js/app/52-book-list.js
index 700b7d6..a4dde37 100644
--- a/static/js/app/52-book-list.js
+++ b/static/js/app/52-book-list.js
@@ -50,8 +50,8 @@ async function loadBookList() {
       try {
         const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
         const meta = JSON.parse(new TextDecoder().decode(metaBuf));
-        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex, issue: meta.issue, issueRead: meta.issueRead, issueAt: meta.issueAt};
-        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex, issue: meta.issue, issueRead: meta.issueRead, issueAt: meta.issueAt, has_cover: !!b.has_cover, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex, work: meta.work, issue: meta.issue, issueRead: meta.issueRead, issueAt: meta.issueAt};
+        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex, work: meta.work, issue: meta.issue, issueRead: meta.issueRead, issueAt: meta.issueAt, has_cover: !!b.has_cover, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       } catch (e) {
         bookMetaCache[b.id] = {title: `Buch #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
         decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
@@ -68,7 +68,7 @@ async function loadBookList() {
     const cachedBooks = (await _loadCachedBookMeta()).map(_withPendingProgress);
     if (cachedBooks.length) {
       cachedBooks.sort((a, b) => (_bookRecency(b) - _bookRecency(a)) || (b.uploaded_at || '').localeCompare(a.uploaded_at || ''));
-      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', folders: _foldersOfMeta(b), isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0, magazine: b.magazine, cover: b.cover, series: b.series, seriesIndex: b.seriesIndex, issue: b.issue, issueRead: b.issueRead, issueAt: b.issueAt};
+      for (const b of cachedBooks) bookMetaCache[b.id] = {title: b.title, author: b.author, type: b.type || 'epub', filename: b.filename || '', folder: b.folder || '', folders: _foldersOfMeta(b), isbn: b.isbn || '', shelfTag: b.shelfTag || '', pages: b.pages || 0, magazine: b.magazine, cover: b.cover, series: b.series, seriesIndex: b.seriesIndex, work: b.work, issue: b.issue, issueRead: b.issueRead, issueAt: b.issueAt};
       const uploadArea = $('book-upload-area');
       if (uploadArea) uploadArea.style.display = 'none';
       renderBookList(cachedBooks);
@@ -159,6 +159,7 @@ function repairBook(bookId) {
         cover: prevMeta.cover,
         series: prevMeta.series,
         seriesIndex: prevMeta.seriesIndex,
+        work: prevMeta.work,
         // A new file: its articles are read anew; what was read of them stays.
         issueRead: prevMeta.issueRead,
         issueAt: prevMeta.issueAt,
@@ -445,6 +446,8 @@ async function _updateBookMeta(bookId, overrides) {
     cover: cached.cover !== undefined ? cached.cover : book.cover,
     series: cached.series !== undefined ? cached.series : book.series,
     seriesIndex: cached.seriesIndex !== undefined ? cached.seriesIndex : book.seriesIndex,
+    // Editions of one work (53-library.js): the same key on each.
+    work: cached.work !== undefined ? cached.work : book.work,
     // An issue's articles and what was read of them (54-issues.js).
     issue: cached.issue !== undefined ? cached.issue : book.issue,
     issueRead: cached.issueRead !== undefined ? cached.issueRead : book.issueRead,
diff --git a/static/js/app/53-library.js b/static/js/app/53-library.js
index abcf879..6048801 100644
--- a/static/js/app/53-library.js
+++ b/static/js/app/53-library.js
@@ -127,6 +127,124 @@ function _libAllSeries(books) {
   return map;
 }
 
+// ---- editions: one work as PDF and EPUB (or two translations …), shown once ----------------------
+// Books with the same `work` key in their meta are editions of one work. The list shows one of
+// them: the one read last, else an EPUB, else the first added; the others are behind "Ausgaben".
+
+const _libWork = b => (b && typeof b.work === 'string' && b.work) || '';
+
+function _libEditionGroups(books) {
+  const map = new Map();
+  books.forEach(b => {
+    const w = _libWork(b);
+    if (!w) return;
+    if (!map.has(w)) map.set(w, []);
+    map.get(w).push(b);
+  });
+  map.forEach((list, w) => { if (list.length < 2) map.delete(w); });
+  return map;
+}
+
+function _libEditionLead(list) {
+  return list.slice().sort((a, b) => (_bookRecency(b) - _bookRecency(a)) ||
+    ((a.type === 'epub' ? 0 : 1) - (b.type === 'epub' ? 0 : 1)) || a.id - b.id)[0];
+}
+
+// The books with every work once; _lib.editions: the shown book's id -> all its editions.
+function _libCollapse(books) {
+  const groups = _libEditionGroups(books);
+  _lib.editions = new Map();
+  if (!groups.size) return books;
+  const hide = new Set();
+  groups.forEach(list => {
+    const lead = _libEditionLead(list);
+    _lib.editions.set(lead.id, list);
+    list.forEach(b => { if (b !== lead) hide.add(b.id); });
+  });
+  return books.filter(b => !hide.has(b.id));
+}
+
+function _libEditionsOf(b) {
+  const w = _libWork(b);
+  return w ? (_lastBookListData || []).filter(x => _libWork(x) === w) : [b];
+}
+
+const _libFormat = b => (b.type || 'epub').toUpperCase();
+
+function _libFormats(list) {
+  return Array.from(new Set(list.map(_libFormat))).join(' · ');
+}
+
+async function _libLinkEditions(ids) {
+  const books = ids.map(id => _lastBookListData.find(b => b.id === id)).filter(Boolean);
+  if (books.length < 2) return;
+  const key = books.map(_libWork).filter(Boolean)[0] ||
+    'w' + Date.now().toString(36) + Math.random().toString(36).slice(2, 8);
+  try {
+    for (const b of books) if (_libWork(b) !== key) await _updateBookMeta(b.id, {work: key});
+    renderBookList(_lastBookListData);
+  } catch (e) { customAlert('Das ließ sich nicht speichern: ' + e.message); }
+}
+
+async function _libUnlinkEdition(b) {
+  const rest = _libEditionsOf(b).filter(x => x !== b);
+  try {
+    await _updateBookMeta(b.id, {work: ''});
+    // One left on its own is no longer an edition of anything.
+    if (rest.length === 1) await _updateBookMeta(rest[0].id, {work: ''});
+    renderBookList(_lastBookListData);
+  } catch (e) { customAlert('Das ließ sich nicht speichern: ' + e.message); }
+}
+
+// "Ausgaben": the editions of a book, each to open or to set apart; or, for a book with none,
+// another book to join it with (the ones with a similar title first).
+function _libEditionsSheet(b) {
+  const eds = _libEditionsOf(b);
+  if (eds.length > 1) {
+    const rows = eds.slice().sort((x, y) => x.id - y.id).map(x => `<div class="lib-ed-row">
+      <button type="button" class="lib-sheet-item" data-open="${x.id}"><b>${_libEsc(_libFormat(x))}</b> · ${_libEsc(_libState(x))}
+        <span class="lib-meta">${_libEsc(x.title)}${x.last_read ? ' · ' + _libEsc(_libAgo(x.last_read)) : ''}</span></button>
+      <button type="button" class="lib-btn" data-unlink="${x.id}">Lösen</button></div>`).join('');
+    const wrap = _libSheetBox(`Ausgaben von „${b.title}“`, `<div class="dfo-list">${rows}</div>
+      <div class="dfo-actions"><button type="button" class="dfo-btn" data-add="1">Weitere Ausgabe verbinden …</button></div>`);
+    wrap.addEventListener('click', e => {
+      const o = e.target.closest('[data-open]'), u = e.target.closest('[data-unlink]'), a = e.target.closest('[data-add]');
+      if (o) { wrap.remove(); openBook(Number(o.dataset.open)); }
+      else if (u) { wrap.remove(); _libUnlinkEdition(eds.find(x => x.id === Number(u.dataset.unlink))); }
+      else if (a) { wrap.remove(); _libPickEdition(b); }
+    });
+    return;
+  }
+  _libPickEdition(b);
+}
+
+function _libPickEdition(b) {
+  const mine = new Set(_libEditionsOf(b).map(x => x.id));
+  const words = t => _libNorm(t).split(/[^a-z0-9äöüß]+/).filter(w => w.length > 3);
+  const own = new Set(words(b.title).concat(words(b.author)));
+  const score = x => words(x.title + ' ' + x.author).filter(w => own.has(w)).length;
+  const others = _lastBookListData.filter(x => !mine.has(x.id) && x.keyOk !== false)
+    .map(x => [score(x), x]).sort((p, q) => q[0] - p[0] || p[1].title.localeCompare(q[1].title, 'de')).map(p => p[1]);
+  const item = x => `<button type="button" class="lib-sheet-item" data-pick="${x.id}"><b>${_libEsc(_libFormat(x))}</b> · ${_libEsc(x.title)}
+    <span class="lib-meta">${_libEsc(x.author || '')}</span></button>`;
+  const wrap = _libSheetBox(`Als Ausgabe von „${b.title}“`, `<input class="dfo-input lib-ed-q" type="search" placeholder="Titel, Autor …">
+    <div class="dfo-list lib-ed-list">${others.slice(0, 30).map(item).join('')}</div>`);
+  const q = wrap.querySelector('.lib-ed-q');
+  q.addEventListener('input', () => {
+    const t = _libNorm(q.value).trim();
+    wrap.querySelector('.lib-ed-list').innerHTML = others.filter(x => !t || _libNorm(x.title + ' ' + x.author).indexOf(t) >= 0)
+      .slice(0, 30).map(item).join('');
+  });
+  wrap.addEventListener('click', e => {
+    const p = e.target.closest('[data-pick]');
+    if (!p) return;
+    wrap.remove();
+    _libLinkEditions([b.id, Number(p.dataset.pick)]);
+  });
+}
+window.bookEditions = id => { const b = (_lastBookListData || []).find(x => x.id === Number(id)); if (b) _libEditionsSheet(b); };
+window.bookEditionsOf = id => { const b = (_lastBookListData || []).find(x => x.id === Number(id)); return b ? _libEditionsOf(b) : []; };
+
 // ---- which books, in which order ---------------------------------------------------------------
 
 function _libShown(books) {
@@ -180,7 +298,10 @@ function _libState(b) {
 
 function _libCard(b, label) {
   const sel = _lib.selecting && _lib.selecting.has(b.id);
-  const by = (label ? label + (b.author ? ' · ' : '') : '') + (b.author || '');   // "Band 2 · Autor" in a series
+  const eds = _lib.editions && _lib.editions.get(b.id);
+  const by = (label ? label + (b.author ? ' · ' : '') : '') + (b.author || '') +   // "Band 2 · Autor" in a series
+    (eds && _libLayout() === 'list' ? ' · ' + _libFormats(eds) : '');
+  const edBadge = eds ? `<span class="lib-ed" title="${eds.length} Ausgaben">${_libEsc(_libFormats(eds))}</span>` : '';
   const pct = _libPct(b);
   // An issue with its articles (54-issues.js): read of them instead of a percentage.
   const iss = typeof _issueSummary === 'function' && _isMagazine(b) ? _issueSummary(b) : null;
@@ -208,7 +329,7 @@ function _libCard(b, label) {
       <button type="button" class="lib-more" data-lib-more="${b.id}" aria-label="Optionen">⋮</button></div>`;
   }
   return `<div class="lib-card${sel ? ' lib-sel' : ''}" data-lib-book="${b.id}">
-    <span class="lib-coverbox">${_libCover(b, 'lib-cover')}
+    <span class="lib-coverbox">${_libCover(b, 'lib-cover')}${edBadge}
       ${b.is_read ? '<span class="lib-badge">✓</span>' : ''}
       <button type="button" class="lib-more" data-lib-more="${b.id}" aria-label="Optionen">⋮</button></span>
     <span class="lib-bar"><span style="width:${pct}%"></span></span>
@@ -339,7 +460,7 @@ function _libRender(allBooks) {
   const listEl = $('book-list');
   if (!listEl) return;
   _lastBookListData = allBooks;
-  const books = _bookSectionFilter(allBooks);
+  const books = _libCollapse(_bookSectionFilter(allBooks));
   const magazines = window.DioraNav && _bookSection === 'magazines';
   const shown = _libShown(books);
   // An issue opened (54-issues.js): its contents instead of the list, without the list's search and chips.
@@ -357,6 +478,7 @@ function _libRender(allBooks) {
   if (_lib.selecting) {
     h += `<div class="lib-selbar"><span>${_lib.selecting.size} ausgewählt</span>
       <button type="button" class="lib-btn" data-lib="sel-folders"${_lib.selecting.size ? '' : ' disabled'}>In Ordner …</button>
+      <button type="button" class="lib-btn" data-lib="sel-editions"${_lib.selecting.size > 1 ? '' : ' disabled'}>Als Ausgaben verbinden</button>
       <button type="button" class="lib-btn" data-lib="sel-done">Fertig</button></div>`;
   }
   if (!allBooks.length) {
@@ -571,6 +693,7 @@ function _libSheet(b) {
     [_isMagazine(b) ? 'Als Buch führen' : 'Als Zeitschrift führen', () => toggleBookMagazine(b.id)],
     [b.cover === 'generated' ? 'Eigenes Cover verwenden' : 'Generiertes Cover verwenden', () => toggleBookCover(b.id)],
     ['Serie …', () => _libSeriesSheet(b)],
+    [_libEditionsOf(b).length > 1 ? `Ausgaben (${_libEditionsOf(b).length}) …` : 'Als Ausgabe verbinden …', () => _libEditionsSheet(b)],
     [b.is_read ? 'Als ungelesen markieren' : 'Als gelesen markieren', () => toggleBookRead(b.id, !!b.is_read)],
     b.has_highlights && ['Markierungen exportieren', () => downloadBookAnnotationsFromList(b.id, null)],
     ['Regal-Kategorie abrufen', () => lookupBookMetadata(b.id)],
@@ -624,6 +747,11 @@ function _libSheet(b) {
       } else if (a === 'add') _libAddMenu();
       else if (a === 'sel-done') { _lib.selecting = null; renderBookList(_lastBookListData); }
       else if (a === 'sel-folders') _libAssign(Array.from(_lib.selecting || []));
+      else if (a === 'sel-editions') {
+        const ids = Array.from(_lib.selecting || []);
+        _lib.selecting = null;
+        _libLinkEditions(ids);
+      }
       else if (a === 'series-up') { _lib.series = null; renderBookList(_lastBookListData); }
       else if (a === 'series-manage') _libSeriesManage();
       return;
@@ -794,6 +922,13 @@ function _libAddMenu() {
     '#book-list .lib-thumb.lib-nocover span { display: none; }',
     '#book-list .lib-thumb.lib-nocover b { font-size: 15px; align-self: center; margin: auto; }',
     '#book-list .lib-thumb-l { width: 52px; height: 78px; }',
+    '#book-list .lib-ed { position: absolute; left: 4px; top: 4px; padding: 1px 6px; border-radius: 4px; background: rgba(0,0,0,.62); color: #fff; font-size: 10px; letter-spacing: .03em; }',
+    'body.eink #book-list .lib-ed { background: #fff; color: #000; border: 1px solid #000; }',
+    '.lib-ed-row { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--border, #2a2a2a); }',
+    '.lib-ed-row .lib-sheet-item { border-bottom: none; flex: 1; }',
+    '.lib-sheet-item .lib-meta { display: block; font-size: 12px; color: var(--muted, #9a9a9a); }',
+    '.lib-ed-q { width: 100%; box-sizing: border-box; margin: 0 0 8px; }',
+    '.lib-ed-list { max-height: 55vh; overflow-y: auto; }',
     '#book-list .lib-badge { position: absolute; left: 6px; bottom: 6px; padding: 1px 6px; border-radius: 9px; background: var(--accent, #e63946); color: var(--on-accent, #fff); font-size: 11px; }',
     '#book-list .lib-card .lib-more { position: absolute; right: 2px; top: 2px; width: 30px; height: 30px; border-radius: 15px; border: none; background: rgba(0,0,0,.45); color: #fff; font-size: 16px; cursor: pointer; opacity: 0; }',
     '#book-list .lib-card:hover .lib-more, #book-list .lib-card:focus-within .lib-more { opacity: 1; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index b0b38d5..7c317ce 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v130';
+const CACHE = 'diora-v131';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 46e47df6d0c8630e8d0f5074469cbcb8d8cdff75 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 14:57:03 +0200
Subject: [PATCH 138/176] =?UTF-8?q?PDFs:=20nur=20Seiten=20nahe=20der=20Ans?=
 =?UTF-8?q?icht=20zeichnen=20(ferne=20wieder=20freigeben),=20sofort=20?=
 =?UTF-8?q?=C3=B6ffnen;=20=C3=96ffnen=20l=C3=A4sst=20sich=20abbrechen=20(K?=
 =?UTF-8?q?nopf,=20Schlie=C3=9Fen,=20anderes=20Buch)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ein MEW-Band mit 1000 Seiten bereitete vorher jede Seite vor und zeichnete alle, bevor er sich
zeigte – Minuten und Gigabytes. e2e/pdf.spec.js mit einem 400-Seiten-PDF (e2e/make_pdf.py, pypdf).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 e2e/global-setup.js        |   2 +
 e2e/make_pdf.py            |  12 ++++
 e2e/pdf.spec.js            |  71 +++++++++++++++++++
 static/css/app.css         |   1 +
 static/js/app/58-pdf.js    | 137 +++++++++++++++++++++++++++++--------
 static/js/app/62-reader.js |  63 +++++++++++++++--
 static/js/sw.js            |   2 +-
 7 files changed, 251 insertions(+), 37 deletions(-)
 create mode 100644 e2e/make_pdf.py
 create mode 100644 e2e/pdf.spec.js

diff --git a/e2e/global-setup.js b/e2e/global-setup.js
index 581f302..ab42a65 100644
--- a/e2e/global-setup.js
+++ b/e2e/global-setup.js
@@ -45,6 +45,8 @@ User.objects.create_user(${JSON.stringify(TEST_USER.username)}, "", ${JSON.strin
   );
 
   fs.mkdirSync(AUTH_DIR, { recursive: true });
+  // A big PDF (e2e/make_pdf.py): opening draws only the pages near the view.
+  execFileSync(PYTHON, [path.join(__dirname, 'make_pdf.py'), path.join(AUTH_DIR, 'big.pdf'), '400'], { stdio: 'inherit' });
   // The book the reader tests read (e2e/make_epub.py).
   execFileSync(PYTHON, [path.join(__dirname, 'make_epub.py'), path.join(AUTH_DIR, 'book.epub')], { stdio: 'inherit' });
   // Two more for uploading several at once (navigation.spec.js).
diff --git a/e2e/make_pdf.py b/e2e/make_pdf.py
new file mode 100644
index 0000000..d3760f4
--- /dev/null
+++ b/e2e/make_pdf.py
@@ -0,0 +1,12 @@
+"""A PDF of many pages for the reader tests (big scanned books): make_pdf.py OUT [PAGES]."""
+import sys
+
+from pypdf import PdfWriter
+
+out, pages = sys.argv[1], int(sys.argv[2]) if len(sys.argv) > 2 else 400
+w = PdfWriter()
+for _ in range(pages):
+    w.add_blank_page(width=420, height=595)
+w.add_metadata({'/Title': 'Dicker Band', '/Author': 'diora'})
+with open(out, 'wb') as f:
+    w.write(f)
diff --git a/e2e/pdf.spec.js b/e2e/pdf.spec.js
new file mode 100644
index 0000000..4befea6
--- /dev/null
+++ b/e2e/pdf.spec.js
@@ -0,0 +1,71 @@
+// A big PDF (a scanned volume of 400 pages, e2e/make_pdf.py): it opens at once, only the
+// pages near the view are drawn, the end can be reached, and opening can be cancelled.
+const path = require('path');
+const { test, expect } = require('@playwright/test');
+
+test.use({ storageState: path.join(__dirname, '.auth', 'user.json') });
+test.describe.configure({ mode: 'serial' });
+
+const PDF = path.join(__dirname, '.auth', 'big.pdf');
+let bookId = null;
+
+let pageErrors = [];
+test.beforeEach(({ page }) => {
+  pageErrors = [];
+  page.on('pageerror', e => pageErrors.push(String(e)));
+});
+test.afterEach(() => {
+  expect(pageErrors, 'errors in the page').toEqual([]);
+});
+
+async function ready(page) {
+  await page.goto('/#books');
+  await page.waitForLoadState('networkidle');
+  await page.waitForFunction(() => typeof openBook === 'function' && Array.isArray(_lastBookListData));
+}
+
+const drawn = page => page.evaluate(() =>
+  [...document.querySelectorAll('#reader-content canvas.pdf-page')].filter(c => c.width > 0).length);
+
+test('the big PDF goes in', async ({ page }) => {
+  await ready(page);
+  await page.locator('#book-file-input').setInputFiles(PDF);
+  await page.waitForFunction(() => _lastBookListData.some(b => b.title === 'Dicker Band'), null, { timeout: 30000 });
+  bookId = await page.evaluate(() => _lastBookListData.find(b => b.title === 'Dicker Band').id);
+});
+
+test('it opens with every page placed, only those near the view drawn', async ({ page }) => {
+  await ready(page);
+  await page.evaluate(id => openBook(id), bookId);
+  await page.waitForFunction(() => _readPos && _readPos.ready, null, { timeout: 20000 });
+  await expect(page.locator('#reader-content .pdf-page-wrapper')).toHaveCount(400);
+  await expect(page.locator('.pdf-loading-overlay')).toHaveCount(0);
+  await expect.poll(() => drawn(page)).toBeGreaterThan(0);
+  expect(await drawn(page)).toBeLessThan(30);
+  // To the end: the last page gets drawn, the first ones are let go.
+  await page.evaluate(() => { const c = document.getElementById('reader-content'); c.scrollTop = c.scrollHeight; });
+  await expect.poll(() => page.evaluate(() => document.querySelector('#pdf-page-400 canvas').width > 0)).toBe(true);
+  await expect.poll(() => page.evaluate(() => document.querySelector('#pdf-page-1 canvas').width)).toBe(0);
+  expect(await drawn(page)).toBeLessThan(30);
+  await page.evaluate(() => closeReader());
+});
+
+test('opening can be cancelled, and another book opens after it', async ({ page }) => {
+  await ready(page);
+  // Slow the file down so the opening is still under way.
+  await page.route(`**/books/${bookId}/data/`, async route => {
+    await new Promise(r => setTimeout(r, 1500));
+    await route.continue().catch(() => {});
+  });
+  const p = page.evaluate(id => openBook(id).then(() => 'done', e => 'error ' + e), bookId);
+  await expect(page.locator('.reader-opening-cancel')).toBeVisible({ timeout: 5000 });
+  await page.locator('.reader-opening-cancel').click();
+  await expect(page.locator('#reader-overlay')).toBeHidden();
+  expect(await p).toBe('done');
+  await page.unroute(`**/books/${bookId}/data/`);
+  // Opening it again works, all the way.
+  await page.evaluate(id => openBook(id), bookId);
+  await page.waitForFunction(() => _readPos && _readPos.ready, null, { timeout: 20000 });
+  await page.evaluate(() => closeReader());
+  await page.request.post(`/books/${bookId}/delete/`);
+});
diff --git a/static/css/app.css b/static/css/app.css
index 4fd1024..94c2eb8 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1846,6 +1846,7 @@ html.nui-tts-on body.reader-immersive .reader-overlay  { bottom: var(--bar-h); }
   animation: pdf-spin 0.7s linear infinite;
 }
 @keyframes pdf-spin { to { transform: rotate(360deg); } }
+.reader-opening { display: flex; flex-direction: column; align-items: center; gap: 16px; }
 
 /* PDF two-page spread */
 .pdf-spread-wrapper { display:flex; flex-direction:row; gap:8px; justify-content:center; margin-bottom:1rem; }
diff --git a/static/js/app/58-pdf.js b/static/js/app/58-pdf.js
index 61138d9..375f688 100644
--- a/static/js/app/58-pdf.js
+++ b/static/js/app/58-pdf.js
@@ -22,9 +22,34 @@ async function _parsePdfOutline(pdf, items, depth) {
   return result;
 }
 
+// The document being loaded (pdf.js loading task), so opening can be cancelled.
+let _pdfLoadingTask = null;
+// The pages' drawing of the last renderPdf: an observer and its queue (stopped on the next one).
+let _pdfLazy = null;
+
+function _pdfStopLazy() {
+  if (_pdfLazy) {
+    _pdfLazy.stopped = true;
+    if (_pdfLazy.observer) _pdfLazy.observer.disconnect();
+    _pdfLazy = null;
+  }
+}
+
+// Every page gets its place at once (sized like the first page until it is drawn), but only the
+// pages near the view are drawn; ones far away are let go again. A book of 1000 scanned pages
+// opens as fast as one of ten, and doesn't hold 1000 canvases.
 async function renderPdf(arrayBuffer, contentEl, scaleOverride, pivotPage) {
   const myGen = ++_pdfRenderGen;
-  const pdf = currentPdfDoc || await pdfjsLib.getDocument({data: new Uint8Array(arrayBuffer.slice(0))}).promise;
+  _pdfStopLazy();
+  let pdf = currentPdfDoc;
+  if (!pdf) {
+    _pdfLoadingTask = pdfjsLib.getDocument({data: new Uint8Array(arrayBuffer.slice(0))});
+    try {
+      pdf = await _pdfLoadingTask.promise;
+    } finally {
+      _pdfLoadingTask = null;
+    }
+  }
   if (_pdfRenderGen !== myGen) return null;
   currentPdfDoc = pdf;
 
@@ -40,6 +65,7 @@ async function renderPdf(arrayBuffer, contentEl, scaleOverride, pivotPage) {
     const outline = await pdf.getOutline();
     if (outline && outline.length) toc = await _parsePdfOutline(pdf, outline);
   } catch (e) {}
+  if (_pdfRenderGen !== myGen) return null;
 
   contentEl.innerHTML = '';
 
@@ -52,35 +78,30 @@ async function renderPdf(arrayBuffer, contentEl, scaleOverride, pivotPage) {
     : Math.min(contentEl.clientWidth - 32, 900);
   const pageWidth = readerSettings.pdfSpread ? (containerWidth - 8) / 2 : containerWidth;
   const dpr = window.devicePixelRatio || 1;
+  const scaleFor = vp => (scaleOverride != null ? scaleOverride
+    : Math.max(0.5, pageWidth / vp.width) * (readerSettings.pdfZoom / 100));
 
-  // Pass 1: build DOM structure and size all canvases (no pixel rendering yet)
-  const pageEntries = [];
+  // The first page's size stands for all until each is drawn (a scan's pages are alike).
+  const first = await pdf.getPage(1);
+  if (_pdfRenderGen !== myGen) return null;
+  const firstVp = first.getViewport({scale: scaleFor(first.getViewport({scale: 1}))});
+
+  const entries = [];
   let spreadContainer = null;
-
   for (let pageNum = 1; pageNum <= pdf.numPages; pageNum++) {
-    if (_pdfRenderGen !== myGen) { contentEl.innerHTML = ''; return null; }
-    const page = await pdf.getPage(pageNum);
-    const naturalVp = page.getViewport({scale: 1});
-    const scale = scaleOverride != null ? scaleOverride
-      : Math.max(0.5, pageWidth / naturalVp.width) * (readerSettings.pdfZoom / 100);
-    const viewport = page.getViewport({scale});
-
     const wrapper = document.createElement('div');
     wrapper.className = 'pdf-page-wrapper';
     wrapper.id = `pdf-page-${pageNum}`;
-
     const inner = document.createElement('div');
     inner.className = 'pdf-page-inner';
-
     const canvas = document.createElement('canvas');
     canvas.className = 'pdf-page';
-    canvas.width = Math.round(viewport.width * dpr);
-    canvas.height = Math.round(viewport.height * dpr);
-    canvas.style.width = viewport.width + 'px';
-    canvas.style.height = viewport.height + 'px';
+    canvas.width = 0;
+    canvas.height = 0;
+    canvas.style.width = firstVp.width + 'px';
+    canvas.style.height = firstVp.height + 'px';
     inner.appendChild(canvas);
     wrapper.appendChild(inner);
-
     if (!readerSettings.pdfSpread) {
       pdfVp.appendChild(wrapper);
     } else if (pageNum === 1) {
@@ -96,29 +117,85 @@ async function renderPdf(arrayBuffer, contentEl, scaleOverride, pivotPage) {
       if (spreadContainer) spreadContainer.appendChild(wrapper);
       else pdfVp.appendChild(wrapper);
     }
-
-    pageEntries.push({page, canvas, viewport});
+    entries.push({num: pageNum, wrapper, canvas, drawn: false, near: false, task: null});
   }
 
   pdfTotalPages = pdf.numPages;
 
-  // Scroll to pivot page immediately — DOM and canvas sizes are set
   const pivot = Math.max(1, Math.min(pdf.numPages, pivotPage || 1));
   const pivotEl = document.getElementById(`pdf-page-${pivot}`);
   if (pivotEl && pivot > 1) pivotEl.scrollIntoView({block: 'start'});
 
-  // Pass 2: render pixels from pivot outward (pivot→end, then pivot-1→start)
-  const order = [];
-  for (let i = pivot - 1; i < pdf.numPages; i++) order.push(i);
-  for (let i = pivot - 2; i >= 0; i--) order.push(i);
+  const lazy = {stopped: false, observer: null, queue: new Set(), working: false};
+  _pdfLazy = lazy;
+  const gone = () => lazy.stopped || _pdfRenderGen !== myGen;
 
-  for (const idx of order) {
-    if (_pdfRenderGen !== myGen) { contentEl.innerHTML = ''; return null; }
-    const {page, canvas, viewport} = pageEntries[idx];
-    const ctx = canvas.getContext('2d');
+  async function draw(e) {
+    const page = await pdf.getPage(e.num);
+    if (gone() || !e.near) return;
+    const viewport = page.getViewport({scale: scaleFor(page.getViewport({scale: 1}))});
+    e.canvas.style.width = viewport.width + 'px';
+    e.canvas.style.height = viewport.height + 'px';
+    e.canvas.width = Math.round(viewport.width * dpr);
+    e.canvas.height = Math.round(viewport.height * dpr);
+    const ctx = e.canvas.getContext('2d');
     ctx.scale(dpr, dpr);
-    await page.render({canvasContext: ctx, viewport}).promise;
+    e.task = page.render({canvasContext: ctx, viewport});
+    try {
+      await e.task.promise;
+      e.drawn = true;
+    } catch (err) { /* cancelled: let go below */ }
+    e.task = null;
   }
 
+  function letGo(e) {
+    if (e.task) { try { e.task.cancel(); } catch (err) {} }
+    if (!e.drawn) return;
+    e.drawn = false;
+    e.canvas.width = 0;   // frees the pixels; the CSS size keeps the page's place
+    e.canvas.height = 0;
+  }
+
+  // One page at a time, the nearest to the current one first.
+  async function work() {
+    if (lazy.working) return;
+    lazy.working = true;
+    try {
+      while (!gone() && lazy.queue.size) {
+        const cur = typeof _currentScrollPage === 'function' && !readerSettings.pdfPaginated
+          ? _currentScrollPage(contentEl) : (pdfCurrentPage || pivot);
+        const next = Array.from(lazy.queue).sort((a, b) => Math.abs(a.num - cur) - Math.abs(b.num - cur))[0];
+        lazy.queue.delete(next);
+        if (next.near && !next.drawn) await draw(next);
+      }
+    } finally {
+      lazy.working = false;
+    }
+  }
+
+  const byEl = new Map(entries.map(e => [e.wrapper, e]));
+  if (typeof IntersectionObserver === 'function') {
+    lazy.observer = new IntersectionObserver(items => {
+      for (const it of items) {
+        const e = byEl.get(it.target);
+        if (!e) continue;
+        e.near = it.isIntersecting;
+        if (e.near) { if (!e.drawn) lazy.queue.add(e); }
+        else { lazy.queue.delete(e); letGo(e); }
+      }
+      work();
+    }, {root: contentEl, rootMargin: '150% 0px'});
+    entries.forEach(e => lazy.observer.observe(e.wrapper));
+  } else {
+    // Very old WebViews: every page, from the pivot on (as before).
+    entries.forEach(e => { e.near = true; lazy.queue.add(e); });
+    work();
+  }
+
+  // The book shows as soon as the page it opens at is drawn.
+  const pe = entries[pivot - 1];
+  pe.near = true;
+  if (!pe.drawn) await draw(pe);
+  if (gone()) return null;
   return {title: pdfTitle, author: pdfAuthor, toc, numPages: pdf.numPages};
 }
diff --git a/static/js/app/62-reader.js b/static/js/app/62-reader.js
index d352e8d..453fafe 100644
--- a/static/js/app/62-reader.js
+++ b/static/js/app/62-reader.js
@@ -47,10 +47,34 @@ function exitReaderImmersiveMode() {
 // progress saved from that doubled DOM had block indices beyond the real book,
 // which then out-ranked every real position on the server.
 let _openBookInFlight = null;
+// The opening under way: {cancelled, ctrl} — "Abbrechen", closing the reader or opening another
+// book end it (docs: a big scanned PDF used to take minutes and could not be left).
+let _openToken = null;
+
+function cancelBookOpening() {
+  const t = _openToken;
+  if (!t || t.cancelled) return false;
+  t.cancelled = true;
+  try { t.ctrl.abort(); } catch (e) {}
+  _pdfRenderGen++;
+  if (typeof _pdfStopLazy === 'function') _pdfStopLazy();
+  if (typeof _pdfLoadingTask !== 'undefined' && _pdfLoadingTask) { try { _pdfLoadingTask.destroy(); } catch (e) {} }
+  document.querySelectorAll('.pdf-loading-overlay').forEach(el => el.remove());
+  const overlay = $('reader-overlay');
+  if (overlay) overlay.style.display = 'none';
+  const contentEl = $('reader-content');
+  if (contentEl) contentEl.innerHTML = '';
+  currentPdfDoc = null;
+  currentPdfBuffer = null;
+  _readPos = null;
+  return true;
+}
+window.cancelBookOpening = cancelBookOpening;
 
 async function openBook(bookId) {
   if (_openBookInFlight) {
     if (_openBookInFlight.bookId === bookId) return _openBookInFlight.promise;
+    cancelBookOpening();   // another book: the one still loading is left
     await _openBookInFlight.promise.catch(() => {});
   }
   const promise = _openBookOnce(bookId);
@@ -73,6 +97,16 @@ async function _openBookOnce(bookId) {
   titleEl.textContent = 'Lade …';
   contentEl.innerHTML = '';
   overlay.style.display = '';
+  const tok = {cancelled: false, ctrl: new AbortController()};
+  _openToken = tok;
+  // A moment later (not for a book that opens at once): the spinner with "Abbrechen".
+  const loadingEl = document.createElement('div');
+  loadingEl.className = 'pdf-loading-overlay';
+  loadingEl.innerHTML = '<div class="reader-opening"><span class="pdf-loading-spinner"></span>' +
+    '<button type="button" class="btn btn-sm reader-opening-cancel">Abbrechen</button></div>';
+  loadingEl.querySelector('button').addEventListener('click', () => cancelBookOpening());
+  const showLoading = setTimeout(() => { if (!tok.cancelled) overlay.appendChild(loadingEl); }, 400);
+  const left = () => tok.cancelled;
 
   try {
     loadReaderSettings(bookId);
@@ -80,13 +114,15 @@ async function _openBookOnce(bookId) {
     const key = await getOrCreateEncKey();
     let data_ct, data_iv;
     const cached = await _getCachedBook(bookId);
+    if (left()) return;
     if (cached) {
       ({data_ct, data_iv} = cached);
     } else {
       let res;
       try {
-        res = await fetch(`/books/${bookId}/data/`);
+        res = await fetch(`/books/${bookId}/data/`, {signal: tok.ctrl.signal});
       } catch {
+        if (left()) return;
         // offline and book not cached yet
         overlay.style.display = 'none';
         const toast = document.createElement('div');
@@ -97,9 +133,11 @@ async function _openBookOnce(bookId) {
         return;
       }
       ({data_ct, data_iv} = await res.json());
+      if (left()) return;
       _setCachedBook(bookId, data_ct, data_iv); // fire-and-forget
     }
     const plain = await decryptBytes(key, data_iv, data_ct);
+    if (left()) return;
 
     // Revoke any previous image blob URLs
     for (const url of Object.values(currentImageMap)) URL.revokeObjectURL(url);
@@ -114,12 +152,8 @@ async function _openBookOnce(bookId) {
 
     if (isPdfBook) {
       currentPdfDoc = null; // reset so renderPdf creates fresh doc
-      const loadingEl = document.createElement('div');
-      loadingEl.className = 'pdf-loading-overlay';
-      loadingEl.innerHTML = '<span class="pdf-loading-spinner"></span>';
-      overlay.appendChild(loadingEl);
       const result = await renderPdf(plain, contentEl);
-      loadingEl.remove();
+      if (left() || !result) return;
       title = result.title || title;
       author = result.author || author;
       toc = result.toc;
@@ -130,6 +164,7 @@ async function _openBookOnce(bookId) {
       // Prepared before (same book file, same preparation code): only the images to unpack.
       const prepared = await _getParsedBook(bookId, data_iv, key);
       const result = prepared ? await _restoreParsedBook(prepared, plain) : await parseEpub(plain);
+      if (left()) return;
       if (!prepared) {
         // Kept for the next open once the book is on screen (encrypting takes a moment).
         setTimeout(() => _setParsedBook(bookId, data_iv, key, result), 3000);
@@ -150,12 +185,19 @@ async function _openBookOnce(bookId) {
         } while (i < result.chapters.length && performance.now() - start < 50);
         contentEl.appendChild(frag);
         if (i < result.chapters.length) await new Promise(r => setTimeout(r, 0));
+        if (left()) return;
       }
+      // On screen: no more need to offer "Abbrechen".
+      clearTimeout(showLoading);
+      loadingEl.remove();
       // Used to decide whole-percent vs one-decimal display further down —
       // see _formatBookPercent().
       _currentBookCharCount = contentEl.textContent.length;
     }
 
+    clearTimeout(showLoading);
+    loadingEl.remove();
+    if (_openToken === tok) _openToken = null;
     currentBookToc = toc;
     titleEl.textContent = title + (author ? ` — ${author}` : '');
 
@@ -364,9 +406,14 @@ async function _openBookOnce(bookId) {
     if (typeof _issueReaderOpened === 'function') _issueReaderOpened(bookId, isPdf);
 
   } catch (e) {
+    if (left()) return;   // cancelled: the half-loaded document may complain, that's all
     console.error('openBook failed:', e);
     overlay.style.display = 'none';
     markBookBroken(bookId);
+  } finally {
+    clearTimeout(showLoading);
+    loadingEl.remove();
+    if (_openToken === tok) _openToken = null;
   }
 }
 
@@ -499,6 +546,8 @@ async function saveReaderProgress(force = false) {
 }
 
 function closeReader() {
+  // Still opening: just leave it (nothing to save yet).
+  if (cancelBookOpening()) return;
   if (typeof _issueReaderClosed === 'function') _issueReaderClosed();
   exitReaderImmersiveMode();
   stopReadAloud();
@@ -564,6 +613,8 @@ function closeReader() {
   currentBookId = null;
   currentBookToc = [];
   _currentBookCharCount = 0;
+  if (typeof _pdfStopLazy === 'function') _pdfStopLazy();
+  if (currentPdfDoc) { try { currentPdfDoc.destroy(); } catch (e) {} }
   currentPdfDoc = null;
   currentPdfBuffer = null;
   currentBookmarks = [];
diff --git a/static/js/sw.js b/static/js/sw.js
index 7c317ce..70eccd4 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v131';
+const CACHE = 'diora-v132';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From b09a4625a451992d5558c48c8830ddf9c72b843e Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 15:04:37 +0200
Subject: [PATCH 139/176] =?UTF-8?q?SQLite=20im=20WAL-Modus,=20Transaktione?=
 =?UTF-8?q?n=20IMMEDIATE:=20Leser=20warten=20nicht=20mehr=20auf=20lange=20?=
 =?UTF-8?q?Schreibvorg=C3=A4nge=20(Feed-Abruf,=20gro=C3=9Fe=20Uploads)=20?=
 =?UTF-8?q?=E2=80=93=20kein=20=E2=80=9Edatabase=20is=20locked=E2=80=9C=20m?=
 =?UTF-8?q?ehr=20bei=20GET=20/books/?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 diora/__init__.py |  2 ++
 diora/settings.py |  4 +++-
 diora/sqlite.py   | 23 +++++++++++++++++++++++
 docs/database.md  | 24 ++++++++++++++++++++++++
 4 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 diora/sqlite.py
 create mode 100644 docs/database.md

diff --git a/diora/__init__.py b/diora/__init__.py
index e69de29..102c0ca 100644
--- a/diora/__init__.py
+++ b/diora/__init__.py
@@ -0,0 +1,2 @@
+# SQLite in WAL mode for every connection (diora/sqlite.py).
+from . import sqlite  # noqa: E402,F401
diff --git a/diora/settings.py b/diora/settings.py
index 88ce3af..0306dbe 100644
--- a/diora/settings.py
+++ b/diora/settings.py
@@ -77,7 +77,9 @@ DATABASES = {
     'default': {
         'ENGINE': 'django.db.backends.sqlite3',
         'NAME': BASE_DIR / 'data' / os.environ.get('DIORA_DB_NAME', 'db.sqlite3'),
-        'OPTIONS': {'timeout': 20},
+        # WAL (diora/sqlite.py); a transaction takes the write lock when it begins, so one that
+        # reads first never fails on upgrading it (WAL's busy timeout can't help there).
+        'OPTIONS': {'timeout': 20, 'transaction_mode': 'IMMEDIATE'},
     }
 }
 
diff --git a/diora/sqlite.py b/diora/sqlite.py
new file mode 100644
index 0000000..873117d
--- /dev/null
+++ b/diora/sqlite.py
@@ -0,0 +1,23 @@
+"""SQLite in write-ahead-log mode (docs/database.md): readers no longer wait for a writer.
+
+In the old rollback-journal mode a long write (the podcast refresh every 15 minutes, a book of
+30 MB going in) kept every reader out until it was done, and requests failed with "database is
+locked" — even GET /books/. WAL is set once per database file and stays; synchronous=NORMAL is
+the safe pairing for it. A connection that can't switch (another one holds the file) just goes
+on as it is; the next one switches.
+"""
+from django.db.backends.signals import connection_created
+
+
+def _sqlite_wal(sender, connection, **kwargs):
+    if connection.vendor != 'sqlite':
+        return
+    with connection.cursor() as cursor:
+        try:
+            cursor.execute('PRAGMA journal_mode=WAL')
+        except Exception:  # noqa: BLE001 - locked right now; another connection will do it
+            pass
+        cursor.execute('PRAGMA synchronous=NORMAL')
+
+
+connection_created.connect(_sqlite_wal, dispatch_uid='diora_sqlite_wal')
diff --git a/docs/database.md b/docs/database.md
new file mode 100644
index 0000000..096f22f
--- /dev/null
+++ b/docs/database.md
@@ -0,0 +1,24 @@
+# The database
+
+One SQLite file, `data/db.sqlite3` (on the server `/home/marwin/diora-prod-data`, mounted into
+`diora-prod` at `/app/data`). The books live in it too, encrypted, so it is large (2.5 GB in
+October 2026) and some writes are big (a scanned book of 30 MB).
+
+## Write-ahead log (since 2026-10-19)
+
+`diora/sqlite.py` puts every connection in WAL mode (`PRAGMA journal_mode=WAL`, set once per
+file, it stays) with `synchronous=NORMAL`; `settings.DATABASES` has `transaction_mode:
+IMMEDIATE`, so a transaction takes the write lock when it begins.
+
+Why: in the rollback-journal mode before, a long write kept all readers out. The podcast
+refresh (cron, every 15 minutes) and big uploads made requests fail with "database is
+locked", GET /books/ among them — the apps then saw no new books and no changed titles.
+With WAL, readers read on while one writer writes; writers still take turns (20 s timeout).
+
+Next to `db.sqlite3` there are now `db.sqlite3-wal` and `db.sqlite3-shm`. They belong to the
+database: a copy of `db.sqlite3` alone may miss the latest writes. To copy it safely:
+
+    docker exec diora-prod python -c "import sqlite3; s=sqlite3.connect('data/db.sqlite3'); d=sqlite3.connect('data/backup.sqlite3'); s.backup(d)"
+
+or stop the container first. Back to the old mode, if ever needed:
+`PRAGMA journal_mode=DELETE` (with no other connection open) and remove `diora/sqlite.py`'s hook.

From c8e05bdb0af24c316bb74d4ecc70eab914433a4a Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 15:37:11 +0200
Subject: [PATCH 140/176] =?UTF-8?q?B=C3=BCcherliste=20liest=20nie=20mehr?=
 =?UTF-8?q?=20an=20den=20Dateien=20vorbei:=20Datum,=20gelesen,=20Cover=20a?=
 =?UTF-8?q?us=20abdeckenden=20Indizes=20(37=20s=20=E2=86=92=20schnell;=20d?=
 =?UTF-8?q?ie=20Desktop-App=20gab=20nach=2010=20s=20auf)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 accounts/sync.py                      |  6 ++----
 books/migrations/0007_list_indexes.py | 23 +++++++++++++++++++++++
 books/models.py                       | 23 +++++++++++++++++++++++
 books/tests.py                        | 26 ++++++++++++++++++++++++++
 books/views.py                        | 10 ++--------
 docs/database.md                      | 12 ++++++++++++
 e2e/navigation.spec.js                |  2 +-
 7 files changed, 89 insertions(+), 13 deletions(-)
 create mode 100644 books/migrations/0007_list_indexes.py

diff --git a/accounts/sync.py b/accounts/sync.py
index 38a17d6..69742ff 100644
--- a/accounts/sync.py
+++ b/accounts/sync.py
@@ -3,7 +3,7 @@ from django.http import JsonResponse
 from django.utils import timezone
 from django.views.decorators.http import require_http_methods
 
-from books.models import EBook, EBookProgress, EBookHighlights, EBookBookmarks
+from books.models import EBook, EBookProgress, EBookHighlights, EBookBookmarks, book_rows
 from books.views import _now_ms, progress_state
 from podcasts.models import PodcastFeed, EpisodeProgress, PodcastQueue
 from radio.models import SavedStation
@@ -30,9 +30,7 @@ def sync_snapshot(request):
 
     user = request.user
 
-    books = list(EBook.objects.filter(user=user).values('id', 'meta_ct', 'meta_iv', 'uploaded_at', 'is_read'))
-    for b in books:
-        b['uploaded_at'] = b['uploaded_at'].isoformat()
+    books = [{k: b[k] for k in ('id', 'meta_ct', 'meta_iv', 'uploaded_at', 'is_read')} for b in book_rows(user)]
 
     book_progress = [
         {'book_id': p.book_id, 'updated_at': p.updated_at.isoformat(), **progress_state(p)}
diff --git a/books/migrations/0007_list_indexes.py b/books/migrations/0007_list_indexes.py
new file mode 100644
index 0000000..054c9b1
--- /dev/null
+++ b/books/migrations/0007_list_indexes.py
@@ -0,0 +1,23 @@
+# Generated by Django 6.1 on 2026-10-19 13:24
+
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('books', '0006_covers_and_prefs'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.AddIndex(
+            model_name='ebook',
+            index=models.Index(fields=['user', 'uploaded_at', 'is_read'], name='ebook_list_idx'),
+        ),
+        migrations.AddIndex(
+            model_name='ebook',
+            index=models.Index(fields=['user', 'cover_iv'], name='ebook_cover_idx'),
+        ),
+    ]
diff --git a/books/models.py b/books/models.py
index d50c5eb..ce958d2 100644
--- a/books/models.py
+++ b/books/models.py
@@ -17,11 +17,34 @@ class EBook(models.Model):
 
     class Meta:
         ordering = ['uploaded_at']
+        # The list reads these from indexes, never from the row: the file (data_ct) stands
+        # before them in it, and SQLite walks through all of a file to reach a column after it
+        # — 37 s for a library of 400 books (docs/database.md). See book_rows().
+        indexes = [
+            models.Index(fields=['user', 'uploaded_at', 'is_read'], name='ebook_list_idx'),
+            models.Index(fields=['user', 'cover_iv'], name='ebook_cover_idx'),
+        ]
 
     def __str__(self):
         return f"EBook #{self.pk} (user={self.user_id})"
 
 
+def book_rows(user):
+    """Every book of the user as {id, meta_ct, meta_iv, uploaded_at (ISO), is_read, has_cover},
+    oldest first — read without passing a book's file: meta_ct and meta_iv stand before it in
+    the row, the rest comes from the covering indexes ebook_list_idx and ebook_cover_idx."""
+    books = {b['id']: b for b in EBook.objects.filter(user=user).order_by().values('id', 'meta_ct', 'meta_iv')}
+    for book_id, at, read in EBook.objects.filter(user=user).order_by().values_list('id', 'uploaded_at', 'is_read'):
+        if book_id in books:
+            books[book_id].update(uploaded_at=at, is_read=read)
+    covered = set(EBook.objects.filter(user=user).exclude(cover_iv='').order_by().values_list('id', flat=True))
+    out = sorted((b for b in books.values() if 'uploaded_at' in b), key=lambda b: (b['uploaded_at'], b['id']))
+    for b in out:
+        b['uploaded_at'] = b['uploaded_at'].isoformat()
+        b['has_cover'] = b['id'] in covered
+    return out
+
+
 class LibraryPrefs(models.Model):
     """The library's own settings, encrypted with the user's key (the folder order:
     folder names are private, docs/library.md). One blob, replaced as a whole."""
diff --git a/books/tests.py b/books/tests.py
index e98d3d1..0be2825 100644
--- a/books/tests.py
+++ b/books/tests.py
@@ -199,3 +199,29 @@ class CoverAndPrefsTests(TestCase):
         self.post('/books/prefs/', {'prefs_ct': 'AAA', 'prefs_iv': 'a1b2c3d4e5f6'})
         self.post('/books/prefs/', {'prefs_ct': 'BBB', 'prefs_iv': 'a1b2c3d4e5f7'})
         self.assertEqual(self.client.get('/books/prefs/', **self.auth).json(), {'prefs_ct': 'BBB', 'prefs_iv': 'a1b2c3d4e5f7'})
+
+
+class BookRowsReadPastNoFileTests(TestCase):
+    """The list must not read a column that stands after the file (data_ct) in a book's row:
+    SQLite would walk through the whole file to get there (docs/database.md)."""
+
+    def test_the_list_queries_use_covering_indexes(self):
+        from django.contrib.auth.models import User
+        from django.db import connection
+        from django.test.utils import CaptureQueriesContext
+        from books.models import EBook, book_rows
+        user = User.objects.create_user('rows', password='x')
+        EBook.objects.create(user=user, meta_ct='m', meta_iv='i', data_ct='d' * 100000, data_iv='j', cover_iv='c', cover_ct='cc')
+        EBook.objects.create(user=user, meta_ct='m2', meta_iv='i2', data_ct='d', data_iv='j')
+        with CaptureQueriesContext(connection) as q:
+            rows = book_rows(user)
+        self.assertEqual([r['meta_ct'] for r in rows], ['m', 'm2'])
+        self.assertEqual([r['has_cover'] for r in rows], [True, False])
+        late = ('uploaded_at', 'is_read', 'cover_iv', 'cover_ct', 'data_ct', 'data_iv')
+        with connection.cursor() as cur:
+            for query in q.captured_queries:
+                sql = query['sql']
+                if any(col in sql for col in late):
+                    cur.execute('EXPLAIN QUERY PLAN ' + sql.replace('%s', '?'), [user.id] if '?' in sql or '%s' in sql else [])
+                    plan = ' '.join(str(r) for r in cur.fetchall())
+                    self.assertIn('COVERING INDEX', plan, sql)
diff --git a/books/views.py b/books/views.py
index 701798b..14a4c47 100644
--- a/books/views.py
+++ b/books/views.py
@@ -12,7 +12,7 @@ from django.http import JsonResponse
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
-from .models import EBook, EBookProgress, EBookHighlights, EBookBookmarks, LibraryPrefs
+from .models import EBook, EBookProgress, EBookHighlights, EBookBookmarks, LibraryPrefs, book_rows
 
 
 def _require_auth(request):
@@ -291,13 +291,7 @@ def book_list(request):
     err = _require_auth(request)
     if err:
         return err
-    with_cover = set(request.user.ebooks.exclude(cover_ct='').values_list('id', flat=True))
-    books = list(
-        request.user.ebooks.values('id', 'meta_ct', 'meta_iv', 'uploaded_at', 'is_read')
-    )
-    for b in books:
-        b['uploaded_at'] = b['uploaded_at'].isoformat()
-        b['has_cover'] = b['id'] in with_cover
+    books = book_rows(request.user)
     progress_map = {p.book_id: p for p in EBookProgress.objects.filter(user=request.user)}
     highlighted_ids = set(
         EBookHighlights.objects.filter(user=request.user).values_list('book_id', flat=True)
diff --git a/docs/database.md b/docs/database.md
index 096f22f..6b02b09 100644
--- a/docs/database.md
+++ b/docs/database.md
@@ -22,3 +22,15 @@ database: a copy of `db.sqlite3` alone may miss the latest writes. To copy it sa
 
 or stop the container first. Back to the old mode, if ever needed:
 `PRAGMA journal_mode=DELETE` (with no other connection open) and remove `diora/sqlite.py`'s hook.
+
+## The book list never reads past the file
+
+A book's row is `user, meta_ct, meta_iv, data_ct (the file), data_iv, uploaded_at, is_read,
+cover_ct, cover_iv`. SQLite stores a big value in a chain of overflow pages, and to reach a
+column *after* it, it walks the whole chain: listing 427 books read gigabytes and took 37 s
+(the desktop app gives up after 10 s, so it never synced). Since then `books.models.book_rows()`
+reads `id, meta_ct, meta_iv` from the rows (they stand before the file) and `uploaded_at,
+is_read` / whether there is a cover from the covering indexes `ebook_list_idx` and
+`ebook_cover_idx` — no list query touches a file. `books/tests.py` checks the query plans.
+Writes still rewrite the whole row (file included); moving the files into a table of their own
+would end that too.
diff --git a/e2e/navigation.spec.js b/e2e/navigation.spec.js
index 3d0a7ee..6df58f6 100644
--- a/e2e/navigation.spec.js
+++ b/e2e/navigation.spec.js
@@ -111,7 +111,7 @@ test('editions: two books joined show once with their formats, set apart show tw
   await page.goto('/#books');
   await page.waitForFunction(() => typeof _importMany === 'function' && Array.isArray(_lastBookListData));
   await page.locator('#book-file-input').setInputFiles(files);
-  await page.waitForFunction(() => _lastBookListData.filter(b => /^Mehrfach/.test(b.title)).length === 2, null, { timeout: 30000 });
+  await page.waitForFunction(() => _lastBookListData.filter(b => /^Mehrfach/.test(b.title) && b.id).length === 2, null, { timeout: 30000 });
   const ids = await page.evaluate(() => _lastBookListData.filter(b => /^Mehrfach/.test(b.title)).map(b => b.id));
   const list = page.locator('#book-list');
   // New books: as cards under "Ungelesen" (not in the "Zuletzt gelesen" area on top).

From e3d597a3c081ee6bd6c05258f0a3cd734f7f0153 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 17:07:51 +0200
Subject: [PATCH 141/176] Nachrichten: Lesehilfen ohne Sprachmodell
 (feeds/textproc.py, docs/news-text.md)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Floskeln je Quelle (Spendenboxen u. ä.) verschwinden aus dem Artikel
- Überblick einer Meldung aus mehreren Quellen: Zusammenfassung (LexRank + MMR),
  was nur ein Bericht sagt, Wortwahl je Quelle, dieselbe Meldung in der anderen Sprache
  (GET /feeds/stories/<id>/overview/)
- Themen-Chips über den Nachrichten (topics auf der ersten Seite, ?ids= filtert)
- before= mit unkodiertem '+' gibt keinen 500 mehr
- sw v133

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/news-text.md  |  46 ++++++
 feeds/tests.py     | 107 +++++++++++++-
 feeds/textproc.py  | 353 +++++++++++++++++++++++++++++++++++++++++++++
 feeds/urls.py      |   1 +
 feeds/views.py     | 118 ++++++++++++++-
 static/js/feeds.js |  88 ++++++++++-
 static/js/sw.js    |   2 +-
 7 files changed, 704 insertions(+), 11 deletions(-)
 create mode 100644 docs/news-text.md
 create mode 100644 feeds/textproc.py

diff --git a/docs/news-text.md b/docs/news-text.md
new file mode 100644
index 0000000..273c74c
--- /dev/null
+++ b/docs/news-text.md
@@ -0,0 +1,46 @@
+# Lesehilfen für Nachrichten (feeds/textproc.py)
+
+Klassische Textverfahren, kein Sprachmodell; reines Python auf dem Server, für die Nachrichten
+eines Nutzers auf einmal. Ausprobiert an echten Nachrichten (Oktober 2026), übernommen wurde,
+was dort trug.
+
+## Floskeln
+
+Sätze, die eine Quelle unter mindestens drei ihrer letzten 40 Artikel setzt (Spendenboxen,
+„Diese Nachricht wurde … gesendet“, Abo-Hinweise), gehören zu keinem Artikel. `GET
+/feeds/items/<id>/` liefert den Artikel ohne die Absätze, die nur aus solchen Sätzen bestehen; der
+Überblick sieht sie gar nicht erst. Je Quelle sechs Stunden zwischengespeichert.
+
+## Überblick einer Meldung
+
+`GET /feeds/stories/<id>/overview/` – nur für Meldungen aus mindestens zwei Quellen:
+
+- `summary`: drei Sätze aus allen Berichten, die am meisten von dem sagen, was alle sagen
+  (LexRank), ohne einander zu wiederholen (MMR); `[{source, text}]`;
+- `novel`: je Quelle bis zu zwei Sätze, denen in keinem anderen Bericht etwas ähnelt (tf-idf-Kosinus
+  < 0,2), ohne die schon im Überblick; `{source: [text]}`;
+- `words`: je Quelle ihre eigenen Wörter für das Ereignis (Log-Odds gegen die übrigen Berichte, mit
+  Dirichlet-Prior; nur großgeschriebene Formen, also Substantive und Namen); `{source: [word]}`;
+- `related`: dieselbe Meldung in der anderen Sprache (Deutsch/Englisch) – Meldungen der letzten zwei
+  Tage, die mindestens drei seltene Namen teilen (nach idf gewichtet, Summe ≥ 17); Story-Objekte wie
+  in `/feeds/news/`.
+
+Die App zeigt das über dem Artikel als „Überblick aus N Quellen“, darunter die Meldungen in der
+anderen Sprache. Android lädt die Überblicke ungelesener Meldungen mit vor (Repo.kt), damit sie auch
+offline da sind.
+
+## Themen
+
+Die erste Seite von `GET /feeds/news/` hat `topics: [{label, ids}]`: Meldungen der letzten zwei
+Tage, die von derselben Sache handeln, nicht nur vom selben Ereignis. Gruppiert nach Titel und
+Anriss (Leader-Clustering gegen die Mittelpunkte, drei Runden). Ein Thema hat mindestens drei
+Meldungen aus mindestens zwei Quellen, liegt dicht beieinander (mittlere Ähnlichkeit zum Mittelpunkt
+≥ 0,3) und hat ein Etikett aus mindestens zwei großgeschriebenen Wörtern, die die meisten seiner
+Meldungen teilen. Mit `category` nur der Anteil der Kategorie. `?ids=1,2,3` liefert genau diese
+Meldungen (ein Thema antippen).
+
+## Verworfen
+
+Stimmung (SentiWS), steigende Begriffe, Fortsetzungsketten (Nachrichten laufen nach zwei Tagen ab),
+Clickbait-Erkennung: im Versuch zu ungenau oder ohne Nutzen. Persönliche Reihenfolge: erst, wenn
+genug gelesen ist, um daraus zu lernen.
diff --git a/feeds/tests.py b/feeds/tests.py
index aa0969c..9be6e51 100644
--- a/feeds/tests.py
+++ b/feeds/tests.py
@@ -4,12 +4,13 @@ from unittest import mock
 
 import feedparser
 from django.contrib.auth.models import User
+from django.core.cache import cache
 from django.test import TestCase
 from django.utils import timezone
 
 from podcasts.views import FeedFetch
 
-from . import cluster, fetch, logins, refresh
+from . import cluster, fetch, logins, refresh, textproc
 from .models import FeedSettings, Item, SiteLogin, Source, Story
 
 
@@ -434,3 +435,107 @@ class FolderOrderTest(TestCase):
                              content_type='application/json')
         self.assertEqual(r.json()['folders'], ['Politik', 'Kunst', 'Code'])
         self.assertEqual(self.client.get('/feeds/state/').json()['folders'], ['Politik', 'Kunst', 'Code'])
+
+
+DONATE = 'Unterstützen Sie unabhängigen Journalismus mit einer Spende an unsere Redaktion.'
+FRANCE = [
+    ('Proteste in Frankreich: Gewalt bei Demonstrationen gegen Macron', 'Die Proteste in Frankreich gegen die Regierung Macron nehmen zu.'),
+    ('Frankreich: Proteste gegen Sparpläne weiten sich aus', 'In Frankreich wachsen die Proteste gegen die Sparpläne von Macron.'),
+    ('Macron verurteilt Gewalt bei Protesten in Frankreich', 'Präsident Macron verurteilt die Gewalt bei den Protesten in Frankreich.'),
+]
+
+
+class TextprocTest(TestCase):
+    def test_furniture_is_what_a_source_prints_under_many_articles(self):
+        texts = [f'Artikel Nummer {n} über etwas ganz anderes als die anderen. {DONATE}' for n in 'abcd']
+        keys = textproc.furniture(texts)
+        self.assertEqual(textproc.without_furniture(texts[0], keys), 'Artikel Nummer a über etwas ganz anderes als die anderen.')
+        html = f'<p>Der eigentliche Text des Artikels steht hier.</p><p>{DONATE}</p>'
+        self.assertEqual(textproc.html_without_furniture(html, keys), '<p>Der eigentliche Text des Artikels steht hier.</p>')
+        self.assertEqual(textproc.furniture(texts[:2]), set())   # twice is no pattern
+
+    def test_overview_of_two_reports(self):
+        shared = 'Die Regierung in Paris hat am Montag ein neues Sparpaket von vierzig Milliarden Euro vorgestellt. '
+        a = shared + 'Gewerkschaften kündigten daraufhin landesweite Streiks für die kommende Woche an und riefen zu Demonstrationen auf.'
+        b = shared + 'Die Börse in Paris reagierte mit deutlichen Kursgewinnen bei den großen Banken des Landes am Nachmittag.'
+        docs = [('taz', a + ' Gewerkschaften Gewerkschaften'), ('FAZ', b + ' Börse Börse')]
+        self.assertTrue(textproc.summarize(docs, k=2))
+        novel = textproc.novel(docs)
+        self.assertIn('Gewerkschaften', novel['taz'][0])
+        self.assertIn('Börse', novel['FAZ'][0])
+        base = ' Die Regierung stellte das Paket vor und die Opposition kritisierte es scharf.' * 3
+        words = textproc.word_choice([('taz', base + ' Gewerkschaften streiken.' * 5), ('FAZ', base + ' Börse steigt.' * 5)])
+        self.assertEqual(words, {'taz': ['Gewerkschaften'], 'FAZ': ['Börse']})
+
+    def test_topics_group_one_matter_from_several_sources(self):
+        stories = [(n, f'{t}. {s}', {src}) for n, ((t, s), src) in enumerate(zip(FRANCE, ['taz', 'nd', 'tagesschau']))]
+        stories.append((9, 'Bahn erhöht die Preise für das Deutschlandticket. Fahrgäste zahlen mehr.', {'taz'}))
+        got = textproc.topics(stories)
+        self.assertEqual(len(got), 1)
+        self.assertEqual(sorted(got[0]['ids']), [0, 1, 2])
+        self.assertIn('Frankreich', got[0]['label'])
+        self.assertEqual(textproc.topics([(n, t, {'taz'}) for n, t, _ in stories[:3]]), [])  # one source: no topic
+
+    def test_related_story_in_the_other_language(self):
+        de = 'Der Papst Leo traf in Beirut den libanesischen Präsidenten Aoun und Ministerpräsident Salam.'
+        en = 'Pope Leo met Lebanese President Aoun and Prime Minister Salam in Beirut on Sunday.'
+        other = 'Die Bahn erhöht in Berlin die Preise für das Deutschlandticket deutlich.'
+        sl = [(1, textproc.language(de), textproc.names(de)), (2, textproc.language(en), textproc.names(en)),
+              (3, textproc.language(other), textproc.names(other))]
+        self.assertEqual((sl[0][1], sl[1][1]), ('de', 'en'))
+        got = textproc.related(sl, min_weight=1.0)
+        self.assertEqual([b for b, _ in got[1]], [2])
+        self.assertNotIn(3, got)
+
+
+class NewsTextApiTest(TestCase):
+    def setUp(self):
+        self.u = User.objects.create_user('reader', password='pw12345678')
+        self.client.force_login(self.u)
+        cache.clear()
+        now = timezone.now()
+        self.items = []
+        for n, ((title, text), name) in enumerate(zip(FRANCE, ['taz', 'nd', 'tagesschau'])):
+            src = Source.objects.create(user=self.u, url=f'https://{name}/feed', title=name, kind='news', category='Welt')
+            story = Story.objects.create(user=self.u, first_at=now, last_at=now - timedelta(minutes=n))
+            for k in range(4):   # older articles of the source, each with the donation box
+                Item.objects.create(source=src, user=self.u, kind='news', guid_hash=f'{name}{k}', title=f'Alt {k}',
+                                    published=now - timedelta(days=1, minutes=k),
+                                    content=f'<p>Ein älterer Artikel Nummer {k} von {name}.</p><p>{DONATE}</p>')
+            i = Item.objects.create(source=src, user=self.u, kind='news', guid_hash=f'{name}x', title=title,
+                                    summary=text, published=now - timedelta(minutes=n), story=story,
+                                    content=f'<p>{text} Mehr dazu im Laufe des Tages von {name}.</p><p>{DONATE}</p>')
+            story.lead = i
+            story.save()
+            self.items.append(i)
+
+    def test_first_page_has_topics_and_ids_filter(self):
+        r = self.client.get('/feeds/news/').json()
+        self.assertEqual(len(r['topics']), 1)
+        ids = r['topics'][0]['ids']
+        self.assertEqual(len(ids), 3)
+        got = self.client.get('/feeds/news/?ids=' + ','.join(map(str, ids[:2]))).json()
+        self.assertEqual(sorted(s['id'] for s in got['stories']), sorted(ids[:2]))
+        self.assertNotIn('topics', got)
+
+    def test_unencoded_plus_in_before_is_no_error(self):
+        when = timezone.now().isoformat()   # +00:00, sent unencoded the '+' becomes a space
+        r = self.client.get('/feeds/news/?before=' + when.replace('+', ' '))
+        self.assertEqual(r.status_code, 200)
+        self.assertEqual(self.client.get('/feeds/news/?before=garbled').status_code, 200)
+
+    def test_article_comes_without_furniture(self):
+        got = self.client.get(f'/feeds/items/{self.items[0].id}/').json()['item']
+        self.assertNotIn('Spende', got['content'])
+        self.assertIn('Proteste', got['content'])
+
+    def test_overview_of_a_story_with_several_sources(self):
+        a, b = self.items[0], self.items[1]
+        b.story = a.story
+        b.save()
+        got = self.client.get(f'/feeds/stories/{a.story_id}/overview/').json()
+        self.assertTrue(got['summary'])
+        self.assertFalse(any('Spende' in x['text'] for x in got['summary']))
+        self.assertEqual(got['related'], [])
+        single = self.client.get(f'/feeds/stories/{self.items[2].story_id}/overview/').json()
+        self.assertNotIn('summary', single)
diff --git a/feeds/textproc.py b/feeds/textproc.py
new file mode 100644
index 0000000..70872c8
--- /dev/null
+++ b/feeds/textproc.py
@@ -0,0 +1,353 @@
+"""Reading help for news, with classic text methods (no language model):
+
+- furniture: sentences a source prints under many of its articles (donation boxes,
+  "Diese Nachricht wurde … gesendet") are no part of an article; they are left out
+  when an article is shown and when a story is looked at;
+- a story's overview: a summary drawn from all its reports (LexRank: the sentences
+  most like the others, without repeating each other — MMR), what only one report
+  says (its sentences unlike any other source's), and each source's own words for
+  the event (log-odds of a word in that report against the story's other reports);
+- related stories in the other language (German/English): stories of the same days
+  that share names (capitalised words that aren't at a sentence's start), weighted by
+  how rare a name is among the day's stories;
+- topics: stories grouped by their words when they're about the same matter, not
+  only the same event, labelled with the words they share most.
+
+Pure Python: these run on the server with the feeds, for one user's stories at a time.
+"""
+
+import math
+import re
+from collections import Counter, defaultdict
+
+from . import fetch
+
+_SENT_END = re.compile(r'(?<=[.!?…])\s+(?=[„"»A-ZÄÖÜ0-9])')
+_TOKEN = re.compile(r"[A-Za-zÄÖÜäöüßÀ-ÿ][A-Za-zÄÖÜäöüßÀ-ÿ0-9'’\-]+")
+
+STOP = set('''
+aber alle allem allen aller alles also als am an andere anderen auch auf aus bei beim bereits bis bisher
+da dabei damit dann darauf darf darum das dass dem den denen der deren des deshalb dessen die dies diese
+diesem diesen dieser dieses doch dort durch ein eine einem einen einer eines einige er es etwa euch für
+gegen geht gibt hab habe haben hat hatte hatten hier hin hinter ich ihr ihre ihrem ihren ihrer im immer
+in ins ist ja jahr jahre jahren jetzt kann kein keine können könnte man mehr mit muss müssen nach neue neuen
+nicht nichts noch nun nur ob oder ohne schon sei seid sein seine seinem seinen seiner seit sich sie sind
+so soll sollen sollte sondern sowie über um und uns unter viel viele vom von vor war waren was weil weiter
+weitere wenn wer werde werden wie wieder will wir wird wo worden wurde wurden zu zum zur zwei drei vier
+heute gestern morgen laut sagt sagte sagten erst mal neu video live ticker meldung bericht hatte hätte
+außerdem diejenigen derjenige inzwischen zuvor derzeit dennoch trotzdem deswegen ebenfalls
+wäre würde würden zudem sowohl jedoch allerdings bereits rund etwa demnach zufolge angaben unter
+the and for with from that this have has are was were will would been into about after over their they
+his her its our you your not but all can new says said more than when what who how why off out also had
+one two which there been being some other could should would may might them then just only very
+'''.split())
+
+# Capitalised words that are no names (German nouns are capitalised too: those don't matter,
+# they never match an English text; these would match both).
+_NOT_NAMES = set('''
+Der Die Das Den Dem Des Ein Eine Einen Einem Einer Er Sie Es Wir Ihr Ich Und Oder Aber Auch Doch Mit Von
+Nach Bei Für Auf Aus Im In Am Zum Zur Vor Seit Als Wie Wenn Dass Nicht Noch Nur So Da Dann Hier Jetzt
+The A An And Or But With From For After Before In On At By To Of As It He She They We I This That These
+Those Mr Mrs Ms Dr Monday Tuesday Wednesday Thursday Friday Saturday Sunday Montag Dienstag Mittwoch
+Donnerstag Freitag Samstag Sonntag Sonnabend January February March April May June July August September
+October November December Januar Februar März Juni Juli Oktober Dezember Reuters AFP AP dpa BBC CNN
+'''.split())
+
+
+def plain(html):
+    return fetch.plain(html or '')
+
+
+def sentences(text):
+    text = re.sub(r'\s+', ' ', text or '').strip()
+    return [s.strip() for s in _SENT_END.split(text) if 40 <= len(s.strip()) <= 400]
+
+
+def _key(s):
+    """A sentence, the same however its numbers and spaces differ."""
+    return re.sub(r'\d+', '0', re.sub(r'\s+', ' ', s.lower())).strip()
+
+
+def words(text):
+    return [w.lower() for w in _TOKEN.findall(text or '') if len(w) > 2 and w.lower() not in STOP]
+
+
+# ---- furniture ------------------------------------------------------------------------------------
+
+FURNITURE_MIN = 3   # in this many of a source's articles: furniture
+
+
+def furniture(texts):
+    """The sentences (keys) that stand in at least FURNITURE_MIN of these texts (one source's)."""
+    seen = Counter()
+    for t in texts:
+        seen.update({_key(s) for s in _units(t)})
+    return {k for k, n in seen.items() if n >= FURNITURE_MIN}
+
+
+def _units(text):
+    return [u.strip() for u in re.split(r'\n|(?<=[.!?])\s+', text or '') if len(u.strip()) > 15]
+
+
+def without_furniture(text, keys):
+    if not keys:
+        return text
+    return ' '.join(u for u in _units(text) if _key(u) not in keys)
+
+
+_BLOCK = re.compile(r'<(p|li|h[1-6]|blockquote|figcaption|div)\b[^>]*>(.*?)</\1>', re.S | re.I)
+
+
+def html_without_furniture(html, keys):
+    """The article's HTML without the blocks whose text is (only) furniture."""
+    if not keys or not html:
+        return html
+
+    def keep(m):
+        inner = plain(m.group(2))
+        units = _units(inner)
+        if units and all(_key(u) in keys for u in units):
+            return ''
+        return m.group(0)
+    return _BLOCK.sub(keep, html)
+
+
+# ---- tf-idf over sentences -------------------------------------------------------------------------
+
+def _vectors(texts):
+    toks = [Counter(words(t)) for t in texts]
+    df = Counter()
+    for t in toks:
+        df.update(t.keys())
+    n = len(texts)
+    idf = {w: math.log((n + 1) / (d + 1)) + 1 for w, d in df.items()}
+    vecs = []
+    for t in toks:
+        v = {w: (1 + math.log(c)) * idf[w] for w, c in t.items()}
+        norm = math.sqrt(sum(x * x for x in v.values())) or 1.0
+        vecs.append({w: x / norm for w, x in v.items()})
+    return vecs
+
+
+def _cos(a, b):
+    if len(a) > len(b):
+        a, b = b, a
+    return sum(x * b.get(w, 0.0) for w, x in a.items())
+
+
+def summarize(docs, k=3, lam=0.7):
+    """docs: [(source, text)]. The k sentences that say most of what all say, in their order
+    of appearance: [(source, sentence)]."""
+    ss = [(src, s) for src, t in docs for s in sentences(t)[:30]]
+    if len(ss) <= k:
+        return ss
+    vecs = _vectors([s for _, s in ss])
+    n = len(ss)
+    sim = [[_cos(vecs[a], vecs[b]) if a != b else 0.0 for b in range(n)] for a in range(n)]
+    links = [[1.0 if sim[a][b] > 0.1 else 0.0 for b in range(n)] for a in range(n)]
+    deg = [sum(r) or 1.0 for r in links]
+    rank = [1.0 / n] * n
+    for _ in range(40):
+        rank = [0.15 / n + 0.85 * sum(links[b][a] * rank[b] / deg[b] for b in range(n)) for a in range(n)]
+    top = max(rank) or 1.0
+    chosen = []
+    for _ in range(k):
+        best, score = None, -1e9
+        for a in range(n):
+            if a in chosen:
+                continue
+            s = lam * rank[a] / top - (1 - lam) * max((sim[a][c] for c in chosen), default=0.0)
+            if s > score:
+                best, score = a, s
+        chosen.append(best)
+    return [ss[c] for c in sorted(chosen)]
+
+
+def novel(docs, per_source=2, limit=0.2):
+    """What only one report says: per source, up to per_source of its sentences that no other
+    source has anything like (cosine < limit), the most central of its own first."""
+    ss = [(src, s) for src, t in docs for s in sentences(t)[:40]]
+    if len({src for src, _ in ss}) < 2:
+        return {}
+    vecs = _vectors([s for _, s in ss])
+    out = defaultdict(list)
+    for a, (src, s) in enumerate(ss):
+        others = [_cos(vecs[a], vecs[b]) for b, (s2, _) in enumerate(ss) if s2 != src]
+        if not others or max(others) >= limit:
+            continue
+        own = [_cos(vecs[a], vecs[b]) for b, (s2, _) in enumerate(ss) if s2 == src and b != a]
+        out[src].append((sum(own) / len(own) if own else 0.0, s))
+    return {src: [s for _, s in sorted(v, key=lambda x: -x[0])[:per_source]] for src, v in out.items()}
+
+
+def word_choice(docs, per_source=6):
+    """Each source's own words for the event: log-odds of a word in its report against the
+    other reports (with a prior from all of them), at least twice in its report."""
+    forms = defaultdict(Counter)
+    counts = {}
+    for src, t in docs:
+        c = Counter()
+        for w in _TOKEN.findall(t or ''):
+            lw = w.lower()
+            if len(lw) > 3 and lw not in STOP:
+                c[lw] += 1
+                forms[lw][w] += 1
+        counts[src] = counts.get(src, Counter()) + c
+    if len(counts) < 2:
+        return {}
+    total = sum(counts.values(), Counter())
+    a0 = sum(total.values()) or 1
+    out = {}
+    for src, c in counts.items():
+        n_i = sum(c.values()) or 1
+        rest = total - c
+        n_j = sum(rest.values()) or 1
+        scored = []
+        for w, f in c.items():
+            if f < 2:
+                continue
+            aw = total[w] / a0 * 100
+            d = math.log((f + aw) / (n_i + 100 - f - aw)) - math.log((rest[w] + aw) / (n_j + 100 - rest[w] - aw))
+            scored.append((d / math.sqrt(1 / (f + aw) + 1 / (rest[w] + aw)), w))
+        # Nouns and names (as written: capitalised), not the verbs and particles around them.
+        best = [(z, forms[w].most_common(1)[0][0]) for z, w in sorted(scored, reverse=True) if z > 1.0]
+        out[src] = [w for z, w in best if w[:1].isupper()][:per_source]
+    return {k: v for k, v in out.items() if v}
+
+
+# ---- names, languages, related stories -------------------------------------------------------------
+
+_EN = set('the and of to in is that for with was said on as by at from'.split())
+_DE = set('der die das und ist nicht mit den von zu im sich auf für dem des eine sagte'.split())
+
+
+def language(text):
+    w = [x.lower() for x in _TOKEN.findall(text[:3000])]
+    en = sum(1 for x in w if x in _EN)
+    de = sum(1 for x in w if x in _DE)
+    return 'en' if en > de else 'de'
+
+
+def names(text):
+    """Capitalised words not at a sentence's start (in German: names and nouns; in English:
+    names), as a set of lowercased forms."""
+    out = set()
+    for s in sentences(text) or [text or '']:
+        toks = _TOKEN.findall(s)
+        for t in toks[1:]:
+            if t[0].isupper() and t not in _NOT_NAMES and len(t) > 2:
+                out.add(t.lower().rstrip('s’\''))
+    return out
+
+
+def related(stories, min_weight=17.0, per_story=3):
+    """stories: [(id, language, set of names)] of the same days. Pairs of stories in different
+    languages sharing rare names: {id: [(other id, weight)]}, weight = the shared names' idf."""
+    df = Counter()
+    for _, _, ns in stories:
+        df.update(ns)
+    n = len(stories)
+    idf = {w: math.log((n + 1) / (d + 1)) for w, d in df.items()}
+    out = defaultdict(list)
+    for a in range(n):
+        ia, la, na = stories[a]
+        for b in range(a + 1, n):
+            ib, lb, nb = stories[b]
+            if la == lb:
+                continue
+            shared = na & nb
+            if len(shared) < 3:
+                continue
+            w = sum(idf[x] for x in shared)
+            if w >= min_weight:
+                out[ia].append((ib, round(w, 1)))
+                out[ib].append((ia, round(w, 1)))
+    return {k: sorted(v, key=lambda x: -x[1])[:per_story] for k, v in out.items()}
+
+
+# ---- topics ---------------------------------------------------------------------------------------------
+
+NOT_TOPICS = set('breaking news free live watch video sekunden gebärdensprache podcast newsletter abo online'.split())
+
+
+TOPIC_MIN = 3
+
+
+def topics(stories, threshold=0.12, min_size=TOPIC_MIN, max_topics=8, rounds=3):
+    """stories: [(id, text, sources)] (titles and summaries, the set of source names). Groups of
+    stories about one matter, the largest first, each with a label (the words most of its stories
+    share): [{'label': str, 'ids': [ids]}]. Leader clustering against the groups' centroids, a
+    few rounds (each story to its nearest centroid, then the centroids anew); a group counts
+    when it has min_size stories from at least two sources."""
+    if len(stories) < min_size:
+        return []
+    vecs = _vectors([s[1] for s in stories])
+    order = sorted(range(len(stories)), key=lambda i: -len(vecs[i]))
+    cents = []
+    assign = [-1] * len(stories)
+    for _ in range(rounds):
+        changed = False
+        for i in order:
+            best, sim = -1, threshold
+            for g, c in enumerate(cents):
+                x = _cos(vecs[i], c)
+                if x > sim:
+                    best, sim = g, x
+            if best < 0:
+                cents.append(dict(vecs[i]))
+                best = len(cents) - 1
+            if assign[i] != best:
+                assign[i] = best
+                changed = True
+        # centroids anew from their members
+        acc = [Counter() for _ in cents]
+        for i, g in enumerate(assign):
+            for w, v in vecs[i].items():
+                acc[g][w] += v
+        cents = []
+        remap = {}
+        for g, a in enumerate(acc):
+            if a:
+                norm = math.sqrt(sum(v * v for v in a.values())) or 1.0
+                remap[g] = len(cents)
+                cents.append({w: v / norm for w, v in a.items()})
+        assign = [remap.get(g, -1) for g in assign]
+        if not changed:
+            break
+    groups = defaultdict(list)
+    for i, g in enumerate(assign):
+        groups[g].append(i)
+    out = []
+    source_words = {w.lower() for s in stories for src in s[2] for w in _TOKEN.findall(src)}
+    for g in sorted(groups.values(), key=len, reverse=True):
+        if len(g) < min_size or len({src for i in g for src in stories[i][2]}) < 2:
+            continue
+        # Close enough together: the stories' mean likeness to their group's centre.
+        acc = Counter()
+        for i in g:
+            for w, v in vecs[i].items():
+                acc[w] += v
+        norm = math.sqrt(sum(v * v for v in acc.values())) or 1.0
+        centre = {w: v / norm for w, v in acc.items()}
+        if sum(_cos(vecs[i], centre) for i in g) / len(g) < 0.3:
+            continue
+        df = Counter()
+        for i in g:
+            df.update({w for w in words(stories[i][1]) if w not in NOT_TOPICS and w not in source_words})
+        nice = []
+        for w, c in df.most_common(8):
+            if c < max(2, len(g) // 2):
+                break
+            forms = Counter(t for i in g for t in _TOKEN.findall(stories[i][1]) if t.lower() == w)
+            form = forms.most_common(1)[0][0] if forms else w
+            # Nouns and names make a label, not "rückt" or "näher"; "Linke" once, not "Linken" too.
+            if form[:1].isupper() and not any(x.lower()[:5] == form.lower()[:5] for x in nice):
+                nice.append(form)
+            if len(nice) == 3:
+                break
+        if len(nice) < 2:   # one shared word is a coincidence, not a topic
+            continue
+        out.append({'label': ' · '.join(nice), 'ids': [stories[i][0] for i in g]})
+        if len(out) >= max_topics:
+            break
+    return out
diff --git a/feeds/urls.py b/feeds/urls.py
index c1aaf92..5edea27 100644
--- a/feeds/urls.py
+++ b/feeds/urls.py
@@ -15,6 +15,7 @@ urlpatterns = [
     path('briefing/seen/', views.briefing_seen, name='feeds_briefing_seen'),
     path('news/', views.news, name='feeds_news'),
     path('stories/<int:pk>/', views.story, name='feeds_story'),
+    path('stories/<int:pk>/overview/', views.story_overview, name='feeds_story_overview'),
     path('blogs/', views.blogs, name='feeds_blogs'),
     path('starred/', views.starred, name='feeds_starred'),
     path('items/read/', views.mark_read, name='feeds_mark_read'),
diff --git a/feeds/views.py b/feeds/views.py
index 0068d2f..ead5a4f 100644
--- a/feeds/views.py
+++ b/feeds/views.py
@@ -12,8 +12,11 @@ Sources:   GET  /feeds/state/                 sources, unread counts, settings
            POST /feeds/refresh/               refresh the account's sources now
 News:      GET  /feeds/briefing/              what's new since the briefing was last seen
            POST /feeds/briefing/seen/         seen: everything up to now counts as read
-           GET  /feeds/news/?before=&category=  stories, newest first
+           GET  /feeds/news/?before=&category=&ids=  stories, newest first (ids: just these, a topic's);
+                                              the first page also has the day's topics
            GET  /feeds/stories/<id>/          one story with all its items
+           GET  /feeds/stories/<id>/overview/ summary, what only one report says, each source's
+                                              words, the story in the other language (feeds/textproc.py)
 Blogs:     GET  /feeds/blogs/?folder=&source=&unread=1&fav=1&before=   (folder= alone: blogs without one;
                                               without folder/source the hidden blogs stay out)
 Items:     GET  /feeds/items/<id>/            the article (fetches the page if the feed had a teaser)
@@ -35,6 +38,7 @@ from xml.sax.saxutils import quoteattr
 
 import feedparser
 import requests
+from django.core.cache import cache
 from django.db.models import Count
 from django.http import HttpResponse, JsonResponse
 from django.utils import timezone
@@ -42,7 +46,7 @@ from django.utils.dateparse import parse_datetime
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
-from . import fetch, logins, refresh
+from . import fetch, logins, refresh, textproc
 from .models import Item, SiteLogin, Source, Story
 
 PAGE = 40
@@ -71,6 +75,15 @@ def _body(request):
         return None
 
 
+def _when(value):
+    """A datetime parameter; None when there's none or it's garbled (an unencoded '+' arrives as
+    a space)."""
+    try:
+        return parse_datetime((value or '').strip().replace(' ', '+'))
+    except ValueError:
+        return None
+
+
 def _iso(dt):
     return dt.isoformat() if dt else None
 
@@ -479,14 +492,76 @@ def news(request):
     if (err := _auth(request)):
         return err
     qs = Story.objects.filter(user=request.user, items__gone=False).distinct().order_by('-last_at')
-    before = parse_datetime(request.GET.get('before') or '')
+    ids = [int(x) for x in request.GET.get('ids', '').split(',') if x.strip().isdigit()]
+    if ids:
+        stories = _stories(request.user, qs.filter(pk__in=ids[:PAGE]))
+        return JsonResponse({'stories': stories, 'more': False})
+    before = _when(request.GET.get('before'))
     if before:
         qs = qs.filter(last_at__lt=before)
     category = request.GET.get('category')
     if category:
         qs = qs.filter(lead__source__category='' if category == CATEGORY_NONE else category)
     stories = _stories(request.user, qs[:PAGE])
-    return JsonResponse({'stories': stories, 'more': len(stories) == PAGE})
+    out = {'stories': stories, 'more': len(stories) == PAGE}
+    if not before:
+        topics = _news_text(request.user)['topics']
+        if category:
+            # The category's share of each topic.
+            mine = set(qs.values_list('pk', flat=True)[:500])
+            topics = [t for t in ({**t, 'ids': [i for i in t['ids'] if i in mine]} for t in topics)
+                      if len(t['ids']) >= textproc.TOPIC_MIN]
+        out['topics'] = topics
+    return JsonResponse(out)
+
+
+# ---- reading help (feeds/textproc.py)
+
+FURNITURE_ITEMS = 40          # a source's recent articles that show its furniture
+TEXT_DAYS = 2                 # topics and related stories: of these days
+TEXT_CACHE = 6 * 3600
+
+
+def _furniture(source):
+    key = f'feeds:furniture:{source.id}'
+    keys = cache.get(key)
+    if keys is None:
+        texts = [textproc.plain(c) for c in Item.objects.filter(source=source, gone=False)
+                 .order_by('-published').values_list('content', flat=True)[:FURNITURE_ITEMS]]
+        keys = textproc.furniture(texts)
+        cache.set(key, keys, TEXT_CACHE)
+    return keys
+
+
+def _clean_text(i):
+    """An item's text without its source's furniture, plain."""
+    return textproc.without_furniture(textproc.plain(i.content) or i.summary, _furniture(i.source))
+
+
+def _news_text(user):
+    """The news of the last days, looked at as a whole: topics [{label, ids}] and related
+    stories in the other language {story id: [ids]}. Cached until a story changes."""
+    since = timezone.now() - timedelta(days=TEXT_DAYS)
+    qs = Story.objects.filter(user=user, last_at__gte=since, items__gone=False).distinct()
+    latest = qs.order_by('-last_at').values_list('last_at', flat=True).first()
+    key = f'feeds:newstext:{user.id}:{qs.count()}:{latest.timestamp() if latest else 0}'
+    got = cache.get(key)
+    if got is not None:
+        return got
+    items = {}
+    for i in Item.objects.filter(story__in=qs, gone=False).select_related('source'):
+        items.setdefault(i.story_id, []).append(i)
+    tl, sl = [], []
+    for sid, its in items.items():
+        tl.append((sid, ' '.join(f'{i.title}. {i.summary}' for i in its), {i.source.title for i in its}))
+        text = ' '.join(f'{i.title}. {_clean_text(i)[:4000]}' for i in its)
+        sl.append((sid, textproc.language(text), textproc.names(text)))
+    got = {
+        'topics': textproc.topics(tl),
+        'related': {sid: [b for b, _ in lst] for sid, lst in textproc.related(sl).items()},
+    }
+    cache.set(key, got, TEXT_CACHE)
+    return got
 
 
 @csrf_exempt
@@ -500,6 +575,35 @@ def story(request, pk):
     return JsonResponse({'story': found[0]})
 
 
+@csrf_exempt
+@require_http_methods(['GET'])
+def story_overview(request, pk):
+    """What a story's reports say together: a summary from all of them, what only one says,
+    each source's own words, and the same story in the other language."""
+    if (err := _auth(request)):
+        return err
+    s = Story.objects.filter(user=request.user, pk=pk).first()
+    if s is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    its = list(Item.objects.filter(story=s, gone=False).select_related('source').order_by('published'))
+    key = f'feeds:overview:{s.id}:{len(its)}:{sum(len(i.content) for i in its)}'
+    out = cache.get(key)
+    if out is None:
+        docs = [(i.source.title, _clean_text(i)) for i in its]
+        out = {}
+        if len({src for src, _ in docs}) >= 2:
+            summary = textproc.summarize(docs)
+            out['summary'] = [{'source': src, 'text': t} for src, t in summary]
+            said = {t for _, t in summary}
+            novel = {src: [t for t in ts if t not in said] for src, ts in textproc.novel(docs).items()}
+            out['novel'] = {src: ts for src, ts in novel.items() if ts}
+            out['words'] = textproc.word_choice(docs)
+        cache.set(key, out, TEXT_CACHE)
+    rel = _news_text(request.user)['related'].get(s.id, [])
+    related = _stories(request.user, Story.objects.filter(user=request.user, pk__in=rel)) if rel else []
+    return JsonResponse({**out, 'related': related})
+
+
 # ---- blogs, items
 
 @csrf_exempt
@@ -522,7 +626,7 @@ def blogs(request):
     unread_only = request.GET.get('unread') == '1'
     if unread_only:
         qs = qs.filter(read_at=None)
-    before = parse_datetime(request.GET.get('before') or '')
+    before = _when(request.GET.get('before'))
     if before:
         qs = qs.filter(published__lt=before)
     # Unread: all of them at once (the page sorts them into days, favorites, rare blogs).
@@ -550,7 +654,9 @@ def item(request, pk):
         return JsonResponse({'error': 'not found'}, status=404)
     if refresh.needs_article(i, i.source):
         refresh.load_article(i)
-    return JsonResponse({'item': _item_data(i, content=True)})
+    d = _item_data(i, content=True)
+    d['content'] = textproc.html_without_furniture(i.content, _furniture(i.source))
+    return JsonResponse({'item': d})
 
 
 @csrf_exempt
diff --git a/static/js/feeds.js b/static/js/feeds.js
index 8679d83..d2d00c4 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -21,6 +21,8 @@
     briefing: null,
     stories: [], storiesMore: false,
     category: '',
+    topics: [],            // the day's topics (/feeds/news/ first page): [{label, ids}]
+    topic: null,           // the one shown, or null
     items: [], itemsMore: false,
     blogSource: '', blogUnread: true,
     blogFav: false,        // main feed: only the favorite blogs
@@ -87,8 +89,11 @@
 
   async function loadNews(more) {
     const q = [];
-    if (more && st.stories.length) q.push('before=' + encodeURIComponent(st.stories[st.stories.length - 1].last_at));
-    if (st.category) q.push('category=' + encodeURIComponent(st.category));
+    if (st.topic) q.push('ids=' + st.topic.ids.join(','));
+    else {
+      if (more && st.stories.length) q.push('before=' + encodeURIComponent(st.stories[st.stories.length - 1].last_at));
+      if (st.category) q.push('category=' + encodeURIComponent(st.category));
+    }
     const [news, briefing] = await Promise.all([
       api('/feeds/news/' + (q.length ? '?' + q.join('&') : '')),
       more ? Promise.resolve(st.briefing) : api('/feeds/briefing/'),
@@ -96,6 +101,7 @@
     st.stories = more ? st.stories.concat(news.stories) : news.stories;
     st.storiesMore = news.more;
     st.briefing = briefing;
+    if (news.topics) st.topics = news.topics;
   }
 
   async function loadBlogs(more) {
@@ -209,6 +215,14 @@
         cats.map(c => '<button type="button" class="fd-chip' + (st.category === c ? ' on' : '') + '" data-cat="' + esc(c) + '">' + esc(c) + '</button>').join('') +
         '</div>';
     }
+    if (st.topics.length || st.topic) {
+      // Topics: stories of the last days about one matter (feeds/textproc.py).
+      const list = st.topic && !st.topics.some(t => t.label === st.topic.label) ? [st.topic].concat(st.topics) : st.topics;
+      h += '<div class="fd-chips fd-topics"><span class="fd-note">Themen</span>' +
+        list.map((t, n) => '<button type="button" class="fd-chip' + (st.topic && st.topic.label === t.label ? ' on' : '') +
+          '" data-topic="' + n + '">' + esc(t.label) + ' <small>' + t.ids.length + '</small></button>').join('') + '</div>';
+      st.topicList = list;
+    }
     if (!st.stories.length) return h + '<p class="fd-note">' + (st.loading ? 'Lädt …' : 'Gerade keine Nachrichten.') + '</p>';
     let day = '';
     st.stories.forEach(x => {
@@ -596,6 +610,7 @@
       readerItem = data.item;
       reader.innerHTML = readerShell(articleHtml(readerItem));
       reader.scrollTop = 0;
+      if (readerStory) loadOverview(readerStory);
       progressSent = readerItem.progress || 0;
       if (readerItem.kind === 'news') {
         // News is read once opened; a blog post once read to 90 % (the server keeps where).
@@ -638,6 +653,7 @@
     }
     h += '<h1 class="fd-art-title">' + esc(i.title) + '</h1>' +
       '<p class="fd-art-meta">' + [i.author, i.source_title, when(i.published)].filter(Boolean).map(esc).join(' · ') + '</p>';
+    if (story) h += '<div class="fd-ov">' + (story.overview ? overviewHtml(story) : '') + '</div>';
     const content = i.content || '';
     if (i.image_url && content.indexOf(i.image_url) < 0) h += '<img class="fd-art-img" alt="" src="' + esc(i.image_url) + '">';
     h += '<div class="fd-art-body">' + (content || '<p>' + esc(i.summary) + '</p>') + '</div>';
@@ -661,6 +677,49 @@
     return h;
   }
 
+  // What the story's reports say together (GET /feeds/stories/<id>/overview/, feeds/textproc.py):
+  // a summary from all of them, what only one says, each source's words, the same story in the
+  // other language.
+  function overviewHtml(story) {
+    const o = story.overview || {};
+    let h = '';
+    if (o.summary && o.summary.length) {
+      h += '<details class="fd-ov-box" open><summary>Überblick aus ' + story.sources + ' Quellen</summary>' +
+        o.summary.map(x => '<p>' + esc(x.text) + ' <span class="fd-ov-src">' + esc(x.source) + '</span></p>').join('');
+      const novel = Object.keys(o.novel || {});
+      if (novel.length) {
+        h += '<h4>Nur in einem Bericht</h4>' + novel.map(src => o.novel[src].map(t =>
+          '<p>' + esc(t) + ' <span class="fd-ov-src">' + esc(src) + '</span></p>').join('')).join('');
+      }
+      const words = Object.keys(o.words || {});
+      if (words.length) {
+        h += '<h4>Wortwahl</h4>' + words.map(src => '<p class="fd-ov-words"><b>' + esc(src) + ':</b> ' +
+          o.words[src].map(esc).join(', ') + '</p>').join('');
+      }
+      h += '</details>';
+    }
+    if (o.related && o.related.length) {
+      h += '<div class="fd-ov-rel"><h4>In der anderen Sprache</h4>' + o.related.map(x => {
+        const lead = x.lead || {};
+        return '<button type="button" class="fd-other" data-r="story" data-id="' + x.id + '">' +
+          '<span class="fd-other-title">' + esc(lead.title) + '</span>' +
+          '<span class="fd-row-meta">' + esc(lead.source_title) + ' · ' + esc(when(x.last_at)) + '</span></button>';
+      }).join('') + '</div>';
+    }
+    return h;
+  }
+
+  async function loadOverview(story) {
+    if (story.overview) return;
+    try {
+      story.overview = await api('/feeds/stories/' + story.id + '/overview/');
+    } catch (e) {
+      return;   // offline and never fetched: the article alone
+    }
+    const box = reader && !reader.hidden && readerStory === story && reader.querySelector('.fd-ov');
+    if (box) box.innerHTML = overviewHtml(story);
+  }
+
   function nextItem(i) {
     if (readerStory) return null;
     const list = readerList;
@@ -688,6 +747,10 @@
     const r = b.dataset.r;
     if (r === 'close') closeReader();
     else if (r === 'item') openItem(parseInt(b.dataset.id, 10), readerStory);
+    else if (r === 'story') {
+      const other = readerStory && readerStory.overview && (readerStory.overview.related || []).find(x => x.id === parseInt(b.dataset.id, 10));
+      if (other) openItem((other.lead || other.items[0]).id, other);
+    }
     else if (r === 'font') {
       let v = fontSize() + 2;
       if (v > 26) v = 14;
@@ -776,7 +839,7 @@
   // ---- events
 
   tab.addEventListener('click', async e => {
-    const t = e.target.closest('[data-view],[data-act],[data-story],[data-item],[data-cat],[data-edit],[data-folder],[data-flag],[data-edit-open]');
+    const t = e.target.closest('[data-view],[data-act],[data-story],[data-item],[data-cat],[data-topic],[data-edit],[data-folder],[data-flag],[data-edit-open]');
     if (!t || t.tagName === 'SELECT' || (t.tagName === 'INPUT' && t.type !== 'button')) return;
     if (t.dataset.view) {
       st.view = t.dataset.view;
@@ -809,7 +872,14 @@
       readerList = st.items;
       return openItem(parseInt(t.dataset.item, 10), null);
     }
+    if (t.dataset.topic !== undefined) {
+      const topic = (st.topicList || [])[parseInt(t.dataset.topic, 10)];
+      st.topic = st.topic && topic && st.topic.label === topic.label ? null : topic || null;
+      window.scrollTo(0, 0);
+      return load();
+    }
     if (t.dataset.cat !== undefined && !t.dataset.act) {
+      st.topic = null;
       st.category = t.dataset.cat;
       window.scrollTo(0, 0);
       return load();
@@ -1262,6 +1332,16 @@
     '#fd-article .fd-art-body table { display: block; overflow-x: auto; border-collapse: collapse; font-size: 0.85em; }',
     '#fd-article .fd-art-body td, #fd-article .fd-art-body th { border: 1px solid var(--border, #333); padding: 4px 6px; }',
     '#fd-article .fd-sources { font-family: var(--font); }',
+    '#tab-feeds .fd-topics .fd-note { margin-right: 2px; }',
+    '#tab-feeds .fd-topics small { opacity: 0.6; }',
+    '#fd-article .fd-ov { font-size: 0.9em; }',
+    '#fd-article .fd-ov-box { margin: 0 0 18px; padding: 10px 14px; border: 1px solid var(--border, #2a2a2a); border-radius: 6px; }',
+    '#fd-article .fd-ov-box summary { font-family: var(--font); font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted, #9a9a9a); cursor: pointer; }',
+    '#fd-article .fd-ov p { margin: 8px 0; line-height: 1.45; }',
+    '#fd-article .fd-ov h4 { font-family: var(--font); font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted, #9a9a9a); margin: 14px 0 4px; }',
+    '#fd-article .fd-ov-src { font-family: var(--font); font-size: 11px; color: var(--nui-muted, #9a9a9a); white-space: nowrap; }',
+    '#fd-article .fd-ov-words { font-family: var(--font); font-size: 13px; }',
+    '#fd-article .fd-ov-rel { margin: 0 0 18px; }',
     '#fd-article .fd-art-foot { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin-top: 28px; font-family: var(--font); }',
     'html.fd-reading #nui-dock { display: none; }',
     '@media (hover: hover) { #tab-feeds .fd-card:hover, #tab-feeds .fd-row:hover, #tab-feeds .fd-post:hover, #tab-feeds .fd-src:hover { background: var(--hover, #111); } }',
@@ -1271,6 +1351,8 @@
     'body.eink #tab-feeds .fd-seg button.on, body.eink #tab-feeds .fd-badge { background: #000; color: #fff; }',
     'body.eink .fd-row-meta, body.eink .fd-note, body.eink #tab-feeds .fd-card-sum, body.eink #tab-feeds .fd-read .fd-card-title, body.eink #tab-feeds .fd-read .fd-row-title { color: #333; }',
     'body.eink #fd-article, body.eink #fd-article .fd-art-bar { background: #fff; color: #000; }',
+    'body.eink #fd-article .fd-ov-box { border-color: #000; }',
+    'body.eink #fd-article .fd-ov-src, body.eink #fd-article .fd-ov h4, body.eink #fd-article .fd-ov-box summary { color: #333; }',
     'body.eink #fd-article .fd-art-body a, body.eink .fd-chip.on, body.eink .fd-icon.on, body.eink #tab-feeds .fd-brief-head h2 { color: #000; }',
   ].join('\n');
   document.head.appendChild(style);
diff --git a/static/js/sw.js b/static/js/sw.js
index 70eccd4..7764bb1 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v132';
+const CACHE = 'diora-v133';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 86a6bb52d7c7fb47b59835fc99812db2225e98b9 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 17:11:19 +0200
Subject: [PATCH 142/176] =?UTF-8?q?Buchdateien=20in=20eine=20eigene=20Tabe?=
 =?UTF-8?q?lle=20(EBookFile):=20=C3=84nderungen=20an=20Titel,=20Ordner,=20?=
 =?UTF-8?q?gelesen=20schreiben=20nicht=20mehr=20megabyteweise=20die=20Date?=
 =?UTF-8?q?i=20mit?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 books/migrations/0008_ebook_file.py | 38 +++++++++++++++++++++
 books/models.py                     | 31 +++++++++++++++---
 books/tests.py                      | 34 +++++++++++++++++++
 books/views.py                      | 51 ++++++++++++++---------------
 docs/database.md                    | 15 +++++++--
 5 files changed, 135 insertions(+), 34 deletions(-)
 create mode 100644 books/migrations/0008_ebook_file.py

diff --git a/books/migrations/0008_ebook_file.py b/books/migrations/0008_ebook_file.py
new file mode 100644
index 0000000..e014bbc
--- /dev/null
+++ b/books/migrations/0008_ebook_file.py
@@ -0,0 +1,38 @@
+# Generated by Django 6.1 on 2026-10-19 15:02
+# The books' files move out of their rows into a table of their own (docs/database.md):
+# copied in one statement, then the two columns are dropped (ALTER TABLE DROP COLUMN).
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('books', '0007_list_indexes'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='EBookFile',
+            fields=[
+                ('book', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, primary_key=True, related_name='file', serialize=False, to='books.ebook')),
+                ('data_ct', models.TextField()),
+                ('data_iv', models.CharField(max_length=32)),
+            ],
+        ),
+        migrations.RunSQL(
+            'INSERT INTO books_ebookfile (book_id, data_ct, data_iv) SELECT id, data_ct, data_iv FROM books_ebook',
+            reverse_sql='UPDATE books_ebook SET '
+                        'data_ct = (SELECT f.data_ct FROM books_ebookfile f WHERE f.book_id = books_ebook.id), '
+                        'data_iv = (SELECT f.data_iv FROM books_ebookfile f WHERE f.book_id = books_ebook.id)',
+        ),
+        migrations.RemoveField(
+            model_name='ebook',
+            name='data_ct',
+        ),
+        migrations.RemoveField(
+            model_name='ebook',
+            name='data_iv',
+        ),
+    ]
diff --git a/books/models.py b/books/models.py
index ce958d2..e9e3b16 100644
--- a/books/models.py
+++ b/books/models.py
@@ -2,12 +2,20 @@ from django.db import models
 from django.contrib.auth.models import User
 
 
+class EBookManager(models.Manager):
+    def create(self, data_ct=None, data_iv=None, **kwargs):
+        """A book, and with data_ct/data_iv its file (EBookFile) in the same go."""
+        book = super().create(**kwargs)
+        if data_ct is not None:
+            EBookFile.objects.create(book=book, data_ct=data_ct, data_iv=data_iv or '')
+        return book
+
+
 class EBook(models.Model):
     user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='ebooks')
     meta_ct = models.TextField()          # base64 AES-GCM ciphertext of {title, author, filename}
     meta_iv = models.CharField(max_length=32)  # hex IV for metadata
-    data_ct = models.TextField()          # base64 AES-GCM ciphertext of raw EPUB bytes
-    data_iv = models.CharField(max_length=32)  # hex IV for EPUB data
+    # The file itself is in EBookFile (book.file), not here (docs/database.md).
     uploaded_at = models.DateTimeField(auto_now_add=True)
     is_read = models.BooleanField(default=False)
     # The cover, end-to-end encrypted like the rest (docs/library.md): a client that has
@@ -15,11 +23,12 @@ class EBook(models.Model):
     cover_ct = models.TextField(blank=True, default='')
     cover_iv = models.CharField(max_length=32, blank=True, default='')
 
+    objects = EBookManager()
+
     class Meta:
         ordering = ['uploaded_at']
-        # The list reads these from indexes, never from the row: the file (data_ct) stands
-        # before them in it, and SQLite walks through all of a file to reach a column after it
-        # — 37 s for a library of 400 books (docs/database.md). See book_rows().
+        # The list reads these from indexes (book_rows()); they made it fast while the file
+        # was still in this row (docs/database.md), and cost nothing now.
         indexes = [
             models.Index(fields=['user', 'uploaded_at', 'is_read'], name='ebook_list_idx'),
             models.Index(fields=['user', 'cover_iv'], name='ebook_cover_idx'),
@@ -29,6 +38,18 @@ class EBook(models.Model):
         return f"EBook #{self.pk} (user={self.user_id})"
 
 
+class EBookFile(models.Model):
+    """A book's file, encrypted like everything else: base64 AES-GCM of the EPUB/PDF bytes.
+    In a table of its own (docs/database.md): with the file in the book's row, every change of a
+    title, a folder or "gelesen" rewrote megabytes, and the list read past every file."""
+    book = models.OneToOneField(EBook, on_delete=models.CASCADE, primary_key=True, related_name='file')
+    data_ct = models.TextField()
+    data_iv = models.CharField(max_length=32)
+
+    def __str__(self):
+        return f"EBookFile of #{self.book_id}"
+
+
 def book_rows(user):
     """Every book of the user as {id, meta_ct, meta_iv, uploaded_at (ISO), is_read, has_cover},
     oldest first — read without passing a book's file: meta_ct and meta_iv stand before it in
diff --git a/books/tests.py b/books/tests.py
index 0be2825..695e9f0 100644
--- a/books/tests.py
+++ b/books/tests.py
@@ -225,3 +225,37 @@ class BookRowsReadPastNoFileTests(TestCase):
                     cur.execute('EXPLAIN QUERY PLAN ' + sql.replace('%s', '?'), [user.id] if '?' in sql or '%s' in sql else [])
                     plan = ' '.join(str(r) for r in cur.fetchall())
                     self.assertIn('COVERING INDEX', plan, sql)
+
+
+class EBookFileTests(TestCase):
+    """The file lives in EBookFile; upload, data, replace-data and rekey go there."""
+
+    def setUp(self):
+        from django.contrib.auth.models import User
+        self.user = User.objects.create_user('filer', password='pw-filer-123')
+        self.client.force_login(self.user)
+
+    def test_upload_read_replace_rekey_delete(self):
+        import base64, json
+        from books.models import EBook, EBookFile
+        data = base64.b64encode(b'x' * 100).decode()
+        r = self.client.post('/books/upload/', json.dumps({'meta_ct': 'm', 'meta_iv': 'i', 'data_ct': data, 'data_iv': 'd'}),
+                             content_type='application/json')
+        pk = r.json()['id']
+        self.assertEqual(EBookFile.objects.get(book_id=pk).data_ct, data)
+        self.assertEqual(self.client.get(f'/books/{pk}/data/').json(), {'data_ct': data, 'data_iv': 'd'})
+        self.client.post(f'/books/{pk}/replace-data/', json.dumps({'data_ct': 'bmV3', 'data_iv': 'd2'}), content_type='application/json')
+        self.assertEqual(self.client.get(f'/books/{pk}/data/').json()['data_ct'], 'bmV3')
+        self.client.post(f'/books/{pk}/rekey/', json.dumps({'meta_ct': 'm3', 'meta_iv': 'i3', 'data_ct': 'cmVr', 'data_iv': 'd3'}),
+                         content_type='application/json')
+        self.assertEqual(EBook.objects.get(pk=pk).meta_ct, 'm3')
+        self.assertEqual(EBookFile.objects.get(book_id=pk).data_iv, 'd3')
+        self.client.post(f'/books/{pk}/delete/')
+        self.assertFalse(EBookFile.objects.filter(book_id=pk).exists())
+
+    def test_someone_elses_file_is_not_found(self):
+        from django.contrib.auth.models import User
+        from books.models import EBook
+        other = User.objects.create_user('other-filer', password='pw-other-123')
+        b = EBook.objects.create(user=other, meta_ct='m', meta_iv='i', data_ct='ZA==', data_iv='i')
+        self.assertEqual(self.client.get(f'/books/{b.id}/data/').status_code, 404)
diff --git a/books/views.py b/books/views.py
index 14a4c47..3c68a17 100644
--- a/books/views.py
+++ b/books/views.py
@@ -12,7 +12,7 @@ from django.http import JsonResponse
 from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
-from .models import EBook, EBookProgress, EBookHighlights, EBookBookmarks, LibraryPrefs, book_rows
+from .models import EBook, EBookFile, EBookProgress, EBookHighlights, EBookBookmarks, LibraryPrefs, book_rows
 
 
 def _require_auth(request):
@@ -443,14 +443,15 @@ def upload_book(request):
     if raw_size > max_bytes:
         return JsonResponse({'error': f'file too large (max {settings.EBOOK_MAX_BYTES // (1024 * 1024)} MB)'}, status=400)
 
-    book = EBook.objects.create(
-        user=request.user,
-        meta_ct=meta_ct,
-        meta_iv=meta_iv,
-        data_ct=data_ct,
-        data_iv=data_iv,
-    )
-    EBookProgress.objects.create(user=request.user, book=book)
+    with transaction.atomic():
+        book = EBook.objects.create(
+            user=request.user,
+            meta_ct=meta_ct,
+            meta_iv=meta_iv,
+            data_ct=data_ct,
+            data_iv=data_iv,
+        )
+        EBookProgress.objects.create(user=request.user, book=book)
     return JsonResponse({'ok': True, 'id': book.id})
 
 
@@ -460,12 +461,10 @@ def get_book_data(request, pk):
     if err:
         return err
 
-    try:
-        book = EBook.objects.get(pk=pk, user=request.user)
-    except EBook.DoesNotExist:
+    f = EBookFile.objects.filter(book_id=pk, book__user=request.user).first()
+    if f is None:
         return JsonResponse({'error': 'not found'}, status=404)
-
-    return JsonResponse({'data_ct': book.data_ct, 'data_iv': book.data_iv})
+    return JsonResponse({'data_ct': f.data_ct, 'data_iv': f.data_iv})
 
 
 @csrf_exempt
@@ -493,14 +492,12 @@ def replace_book_data(request, pk):
     if not all([data_ct, data_iv]):
         return JsonResponse({'error': 'data_ct and data_iv required'}, status=400)
 
-    update_fields = ['data_ct', 'data_iv']
-    book.data_ct = data_ct
-    book.data_iv = data_iv
-    if meta_ct and meta_iv:
-        book.meta_ct = meta_ct
-        book.meta_iv = meta_iv
-        update_fields += ['meta_ct', 'meta_iv']
-    book.save(update_fields=update_fields)
+    with transaction.atomic():
+        EBookFile.objects.update_or_create(book=book, defaults={'data_ct': data_ct, 'data_iv': data_iv})
+        if meta_ct and meta_iv:
+            book.meta_ct = meta_ct
+            book.meta_iv = meta_iv
+            book.save(update_fields=['meta_ct', 'meta_iv'])
     return JsonResponse({'ok': True})
 
 
@@ -529,11 +526,11 @@ def rekey_book(request, pk):
     if not all([meta_ct, meta_iv, data_ct, data_iv]):
         return JsonResponse({'error': 'meta_ct, meta_iv, data_ct, data_iv required'}, status=400)
 
-    book.meta_ct = meta_ct
-    book.meta_iv = meta_iv
-    book.data_ct = data_ct
-    book.data_iv = data_iv
-    book.save(update_fields=['meta_ct', 'meta_iv', 'data_ct', 'data_iv'])
+    with transaction.atomic():
+        EBookFile.objects.update_or_create(book=book, defaults={'data_ct': data_ct, 'data_iv': data_iv})
+        book.meta_ct = meta_ct
+        book.meta_iv = meta_iv
+        book.save(update_fields=['meta_ct', 'meta_iv'])
     return JsonResponse({'ok': True})
 
 
diff --git a/docs/database.md b/docs/database.md
index 6b02b09..3484c04 100644
--- a/docs/database.md
+++ b/docs/database.md
@@ -32,5 +32,16 @@ column *after* it, it walks the whole chain: listing 427 books read gigabytes an
 reads `id, meta_ct, meta_iv` from the rows (they stand before the file) and `uploaded_at,
 is_read` / whether there is a cover from the covering indexes `ebook_list_idx` and
 `ebook_cover_idx` — no list query touches a file. `books/tests.py` checks the query plans.
-Writes still rewrite the whole row (file included); moving the files into a table of their own
-would end that too.
+
+## The files in a table of their own (since 2026-10-19)
+
+`books.models.EBookFile` (one row per book, `book_id` its key) holds `data_ct`/`data_iv`;
+`EBook` has only the small fields. Before, every change of a title, a folder or "gelesen"
+rewrote the whole row with its file (megabytes, for a scanned volume tens of them), and every
+`EBook.objects.get()` loaded the file. `EBook.objects.create(data_ct=…, data_iv=…)` still
+works (the manager makes the EBookFile too); the API is unchanged.
+
+Migration `books/0008_ebook_file` copied 430 files in one statement and dropped the two
+columns: about 2 minutes on the server (rehearsed on a copy), the site down meanwhile. The
+pages the old columns used are free now and get reused; `VACUUM` (exclusive, minutes, at a
+quiet time) would give them back to the disk.

From ba3c6ff90567ee5e4890d15b56bb68e8af0e9958 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 17:23:06 +0200
Subject: [PATCH 143/176] =?UTF-8?q?Podcasts:=20Folgen=20einer=20Kategorie?=
 =?UTF-8?q?=20(=3Ffolder=3D),=20wie=20oft=20ein=20Podcast=20erscheint=20(i?=
 =?UTF-8?q?nterval=5Fdays)=20f=C3=BCr=20=E2=80=9ENach=20Zeitraum,=20selten?=
 =?UTF-8?q?e=20zuerst=E2=80=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- GET /podcasts/episodes/?folder=<name> ('' = ohne Ordner)
- /podcasts/state/: interval_days je Feed (mittlerer Abstand der neuesten 10 Folgen,
  eine Abfrage per Window, eine Stunde gemerkt)
- Podcast-Oberfläche aus diora-android bd98557 (Zeiträume, Ordner-Chips in „Folgen“)
- docs/library.md, sw v134

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/library.md                   |  11 ++++
 podcasts/tests.py                 |  20 +++++-
 podcasts/views.py                 |  59 +++++++++++++++--
 static/js/sw.js                   |   2 +-
 static/podcasts/native-podcast.js | 105 +++++++++++++++++++++++++-----
 static/podcasts/podcast-ui.css    |   5 +-
 6 files changed, 175 insertions(+), 27 deletions(-)

diff --git a/docs/library.md b/docs/library.md
index 7d07190..efb871c 100644
--- a/docs/library.md
+++ b/docs/library.md
@@ -31,6 +31,17 @@ The folder order per area: e-books in the encrypted user settings blob (names
 are private), the others on the server (`/podcasts/folders/`, `/feeds/folders/`,
 `{order: [names]}`).
 
+### Podcasts: a category's episodes, by time
+
+The folder chips stand over „Folgen“ too: with one chosen it lists every episode of
+that category (`GET /podcasts/episodes/?folder=<name>`, empty: the podcasts in none).
+„Folgen“, „Neu“ and one podcast's page group their episodes by time — Heute, Gestern,
+Diese Woche (the last 7 days), Diesen Monat (30 days), then the months — after the
+Kino feed. In „Folgen“ (sort „Nach Zeitraum, seltene zuerst“, the default) and „Neu“
+the podcasts that seldom come go first within a group: `interval_days` of each feed
+in `/podcasts/state/`, the mean gap between its newest 10 episodes (one episode: its
+age, at least 30 days; kept an hour). Heard is a filter chip, not an order.
+
 ### Shared code: `static/js/folders.js` (diora-web, every platform)
 
 ```
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 43bed26..5e72b01 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -5,6 +5,7 @@ from unittest.mock import patch
 
 import feedparser
 from django.contrib.auth.models import User
+from django.core.cache import cache
 from django.test import TestCase
 
 from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastSettings
@@ -756,6 +757,7 @@ class EpisodeListTests(TestCase):
     """GET /podcasts/episodes/: all feeds, filters, history, search, pages."""
 
     def setUp(self):
+        cache.clear()   # how often feeds come (_intervals) is kept per user id
         self.user = User.objects.create_user(username='alice', password='pw12345678')
         self.client.force_login(self.user)
         self.fa = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/a', title='Alpha',
@@ -795,6 +797,19 @@ class EpisodeListTests(TestCase):
     def ids(self, **params):
         return [e['id'] for e in self.get(**params)['episodes']]
 
+    def test_folder_shows_its_feeds_episodes(self):
+        self.fa.folders = ['Politik']
+        self.fa.save()
+        self.assertEqual(sorted(self.ids(folder='Politik')), sorted([self.a1.id, self.a2.id, self.a3.id, self.a4.id]))
+        self.assertEqual(sorted(self.ids(folder='')), sorted([self.b1.id, self.b2.id]))   # the ones in none
+        self.assertEqual(self.ids(folder='Sport'), [])
+
+    def test_state_says_how_often_a_feed_comes(self):
+        feeds = {f['id']: f for f in self.client.get('/podcasts/state/').json()['feeds']}
+        # A1-A3 a day apart (A4 has no date); Beta's two a day apart too.
+        self.assertAlmostEqual(feeds[self.fa.id]['interval_days'], (_at(1, 3) - _at(1, 1)).total_seconds() / 86400 / 2, places=1)
+        self.assertAlmostEqual(feeds[self.fb.id]['interval_days'], (_at(1, 5) - _at(1, 4)).total_seconds() / 86400, places=1)
+
     def test_all_newest_first_without_date_last(self):
         data = self.get()
         self.assertEqual([e['id'] for e in data['episodes']],
@@ -2403,9 +2418,12 @@ class FeedCountsTests(TestCase):
             f = PodcastFeed.objects.create(user=self.user, rss_url=f'https://example.org/n{i}', title=f'N{i}')
             e = PodcastEpisode.objects.create(feed=f, guid='e', title='E', audio_url='https://example.org/e.mp3')
             _progress(self.user, e, _at(2, 2), played=True)
-        with self.assertNumQueries(2):
+        cache.clear()
+        with self.assertNumQueries(3):   # feeds, progress counts, how often they come
             feeds = _feeds_data(self.user)
         self.assertEqual(len(feeds), 13)
+        with self.assertNumQueries(2):   # that one is kept
+            _feeds_data(self.user)
         self.assertEqual({f['unplayed_count'] for f in feeds if f['title'].startswith('N')}, {0})
 
     def test_feed_page_has_favorites_and_info(self):
diff --git a/podcasts/views.py b/podcasts/views.py
index f698995..c569cfb 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -14,11 +14,12 @@ import xml.etree.ElementTree as ET
 import feedparser
 import requests
 from django.conf import settings
+from django.core.cache import cache
 from django.db import IntegrityError, transaction
 from django.db.models import (
-    Case, Count, Exists, F, FilteredRelation, IntegerField, Max, OuterRef, Q, Sum, Value, When,
+    Case, Count, Exists, F, FilteredRelation, IntegerField, Max, OuterRef, Q, Sum, Value, When, Window,
 )
-from django.db.models.functions import Coalesce, Lower
+from django.db.models.functions import Coalesce, Lower, RowNumber
 from django.http import HttpResponse, JsonResponse, StreamingHttpResponse
 from django.utils import timezone
 from django.views.decorators.csrf import csrf_exempt
@@ -809,12 +810,47 @@ def _feed_settings(feed):
     return {'feed_id': feed.id, **{name: getattr(feed, name) for name in FEED_SETTING_FIELDS}}
 
 
+INTERVAL_EPISODES = 10   # a feed's newest episodes that tell how often it comes
+INTERVAL_SINGLE_DAYS = 30
+
+
+def _intervals(user):
+    """How often each feed brings an episode, in days: the mean gap between its newest
+    INTERVAL_EPISODES. One episode only: its age, at least INTERVAL_SINGLE_DAYS. The lists
+    put the seldom ones first within a day or week (after Kino's feed; feeds.js does the
+    same for blogs). One query (the newest episodes per feed by a window), kept an hour."""
+    key = f'podcasts:intervals:{user.id}'
+    got = cache.get(key)
+    if got is not None:
+        return got
+    rows = (
+        PodcastEpisode.objects.filter(feed__user=user, pub_date__isnull=False)
+        .annotate(n=Window(RowNumber(), partition_by=[F('feed_id')], order_by=F('pub_date').desc()))
+        .filter(n__lte=INTERVAL_EPISODES)
+        .values_list('feed_id', 'pub_date')
+    )
+    dates = {}
+    for feed_id, when in rows:
+        dates.setdefault(feed_id, []).append(when)
+    now = timezone.now()
+    out = {}
+    for feed_id, ds in dates.items():
+        if len(ds) == 1:
+            days = max((now - ds[0]).total_seconds() / 86400, INTERVAL_SINGLE_DAYS)
+        else:
+            days = (max(ds) - min(ds)).total_seconds() / 86400 / (len(ds) - 1)
+        out[feed_id] = round(days, 2)
+    cache.set(key, out, 3600)
+    return out
+
+
 def _feeds_data(user):
     """The user's feeds with their settings and, per feed, how many episodes
     it has, how many of them are unplayed and how many new (as in the inbox:
     neither played nor dismissed), and when the user last listened to one.
     Two queries, however many feeds: the feeds with their episode count, and
-    the user's progress rows counted per feed."""
+    the user's progress rows counted per feed (and, once an hour, how often each
+    feed comes: _intervals)."""
     feeds = list(
         user.podcast_feeds
         .annotate(latest_episode_at=Max('episodes__pub_date'), episode_count=Count('episodes'))
@@ -834,8 +870,10 @@ def _feeds_data(user):
         )
     }
 
+    intervals = _intervals(user)
     for f in feeds:
         f['feed_id'] = f['id']  # as in feeds/<id>/settings/
+        f['interval_days'] = intervals.get(f['id'])
         mine = listened.get(f['id'], {})
         f['unplayed_count'] = max(f['episode_count'] - mine.get('played_count', 0), 0)
         f['new_count'] = max(f['episode_count'] - mine.get('hidden_count', 0), 0)
@@ -1479,7 +1517,7 @@ def _int_param(request, name, default):
 
 
 def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, limit=EPISODE_LIST_LIMIT,
-                       sort=None, ids=None, notes=False):
+                       sort=None, ids=None, notes=False, folder=None):
     """(episodes, total) for the episode list. Two queries, whatever the
     page size: the count and the page. The user's progress row comes in by
     a join, queue membership by a subquery. No shownotes (up to 50 KB each).
@@ -1488,7 +1526,8 @@ def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, li
     commas), which all have to match. sort: one of EPISODE_SORTS; by default
     the newest first, in the history the last listened first. ids: only these
     episodes (the ones downloaded on a device). notes: `q` also matches the
-    shownotes; title matches come first."""
+    shownotes; title matches come first. folder: only the feeds in this folder ('': the feeds
+    in none)."""
     names = filter_name.split(',') if isinstance(filter_name, str) else list(filter_name)
     names = [n for n in names if n and n != 'all']
     qs = (
@@ -1506,6 +1545,10 @@ def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, li
         qs = qs.filter(EPISODE_FILTERS[name])
     if feed_id is not None:
         qs = qs.filter(feed_id=feed_id)
+    if folder is not None:
+        qs = qs.filter(feed_id__in=[
+            fid for fid, fs in PodcastFeed.objects.filter(user=user).values_list('id', 'folders')
+            if (folder in (fs or []) if folder else not fs)])
     if ids is not None:
         qs = qs.filter(id__in=ids)
     if feed_id is None and ids is None:   # audiobooks are listened to in the library
@@ -1537,8 +1580,9 @@ def episode_list(request):
     """Episodes of all the user's feeds, filtered (all, unplayed, in_progress,
     played, favorites, history, queued; several joined by commas all have to
     match), optionally of one feed, of some episodes (`ids`, comma-separated)
-    or matching `q` (in the title; with notes=1 also in the shownotes), sorted
-    by `sort` (new, old, long, short, title, played)."""
+    or matching `q` (in the title; with notes=1 also in the shownotes), of the
+    feeds in `folder` (empty: in none), sorted by `sort` (new, old, long, short,
+    title, played)."""
     if not request.user.is_authenticated:
         return JsonResponse({'error': 'authentication required'}, status=401)
     names = [n.strip() for n in request.GET.get('filter', '').split(',') if n.strip()]
@@ -1558,6 +1602,7 @@ def episode_list(request):
     episodes, total = _episode_list_data(
         request.user, names, feed_id, request.GET.get('q', '').strip(), offset, limit,
         sort=sort, ids=ids, notes=request.GET.get('notes') == '1',
+        folder=folders_mod.clean_name(request.GET['folder']) if 'folder' in request.GET else None,
     )
     return JsonResponse({'episodes': episodes, 'offset': offset, 'limit': limit, 'total': total})
 
diff --git a/static/js/sw.js b/static/js/sw.js
index 7764bb1..4b816c2 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v133';
+const CACHE = 'diora-v134';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index bf23c65..2ef135b 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 449118c 2026-10-16: web-native/static/native-podcast.js
+// Copied from diora-android bd98557 2026-10-19: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -997,6 +997,8 @@
   // Filters that can't both be on: choosing one takes the others off.
   const EXCLUDES = {unplayed: ['played'], in_progress: ['played'], played: ['unplayed', 'in_progress']};
   const EP_SORTS = [
+    // Days and weeks (Heute, Gestern, …), in each the podcasts that seldom come first (timeSections).
+    {id: 'rare', label: 'Nach Zeitraum, seltene zuerst', server: 'new', all: true, key: o => -(Date.parse(o.pub_date) || -Infinity)},
     {id: 'new', label: 'Neueste zuerst', key: o => -(Date.parse(o.pub_date) || -Infinity)},
     {id: 'old', label: 'Älteste zuerst', key: o => Date.parse(o.pub_date) || Infinity},
     {id: 'long', label: 'Längste zuerst', key: o => (o.duration_seconds ? -o.duration_seconds : Infinity)},
@@ -1010,6 +1012,68 @@
     return DL && !!downloads[id] && downloads[id].state === 'done';
   }
 
+  // ---- by time: Heute, Gestern, Diese Woche, Diesen Monat, then the months (after Kino's feed;
+  // diora-web feeds.js the same for blogs). Within one, with rare: the podcasts that seldom come
+  // first (feed.interval_days from the server: the mean gap of its newest episodes), so a weekly
+  // show isn't lost among the daily news.
+
+  const MONTHS = ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober',
+    'November', 'Dezember'];
+
+  function timeLabel(iso, now) {
+    const t = Date.parse(iso);
+    if (!t) return 'Ohne Datum';
+    const midnight = new Date(now);
+    midnight.setHours(0, 0, 0, 0);
+    const days = Math.floor((midnight.getTime() - t) / 86400000) + 1;   // 0: today, 1: yesterday
+    if (t > now) return 'Demnächst';
+    if (t >= midnight.getTime()) return 'Heute';
+    if (days <= 1) return 'Gestern';
+    if (days < 7) return 'Diese Woche';
+    if (days < 30) return 'Diesen Monat';
+    const d = new Date(t);
+    return MONTHS[d.getMonth()] + (d.getFullYear() === new Date(now).getFullYear() ? '' : ' ' + d.getFullYear());
+  }
+
+  function intervalOf(feedId) {
+    const f = feeds().find(x => x.id === feedId);
+    return f && typeof f.interval_days === 'number' ? f.interval_days : 0;
+  }
+
+  // items (ep() shapes), newest first already: [{label, items}].
+  function timeSections(items, rare) {
+    const now = Date.now();
+    const out = [];
+    for (const e of items) {
+      const label = timeLabel(e.date, now);
+      const last = out[out.length - 1];
+      if (last && last.label === label) last.items.push(e);
+      else out.push({label, items: [e]});
+    }
+    if (rare) {
+      const gap = new Map();
+      for (const sec of out) {
+        sec.items = sec.items.map((e, i) => [e, i]).sort((a, b) => {
+          for (const e of [a[0], b[0]]) if (!gap.has(e.feedId)) gap.set(e.feedId, intervalOf(e.feedId));
+          return (gap.get(b[0].feedId) - gap.get(a[0].feedId)) || a[1] - b[1];
+        }).map(x => x[0]);
+      }
+    }
+    return out;
+  }
+
+  // The list's rows, under headings by time when sorted so.
+  function appendRows(list, items, sort, rowOf) {
+    if (sort !== 'new' && sort !== 'rare') {
+      for (const e of items) list.append(rowOf(e));
+      return;
+    }
+    for (const sec of timeSections(items, sort === 'rare')) {
+      list.append(el('div', 'nui-pod-when', sec.label));
+      for (const e of sec.items) list.append(rowOf(e));
+    }
+  }
+
   function matchesAll(o, filters) {
     return filters.every(id => { const f = FILTERS.find(x => x.id === id); return !f || f.test(o); });
   }
@@ -1148,6 +1212,7 @@
       if (view === 'queue') folderChips(queue().map(ep), e => e.feedId);
       else if (view === 'inbox') folderChips(inbox().map(ep), e => e.feedId);
       else if (view === 'feeds') folderChips(podcastFeeds(), f => f.id);
+      else if (view === 'episodes' && !selected) folderChips(podcastFeeds(), f => f.id);
       if (view === 'queue') renderQueue();
       else if (view === 'inbox') renderInbox();
       else if (view === 'episodes') renderEpisodes();
@@ -1780,7 +1845,7 @@
       root.append(head);
     }
     const list = el('div', 'nui-pod-list');
-    for (const e of items) list.append(episodeRow(e, {showFeed: true, showDate: true, list: 'inbox'}));
+    appendRows(list, items, 'rare', e => episodeRow(e, {showFeed: true, showDate: true, list: 'inbox'}));
     root.append(list);
   }
 
@@ -2333,12 +2398,11 @@
     }
     if (!items.length) { empty(all.length ? noneText(filters) : 'Dieser Podcast hat noch keine Folgen.'); return; }
     const list = el('div', 'nui-pod-list');
-    for (const e of items) {
-      const o = e.raw;
+    appendRows(list, items, sort, e => {
       const row = episodeRow(e, {showDate: true, list: downloadsOnly(filters) ? 'downloads' : 'feed', filters});
-      if (o.favorite) row.querySelector('.nui-pod-title').prepend(el('span', 'nui-pod-star', '★ '));
-      list.append(row);
-    }
+      if (e.raw.favorite) row.querySelector('.nui-pod-title').prepend(el('span', 'nui-pod-star', '★ '));
+      return row;
+    });
     root.append(list);
   }
 
@@ -2510,7 +2574,7 @@
   // Filters combine (all have to match); "Geladen" asks for the episodes downloaded here.
 
   let epFilters = [];
-  let epSort = 'new';
+  let epSort = 'rare';
   try {
     const kept = localStorage.getItem('nui_pod_filters');
     if (kept != null) epFilters = JSON.parse(kept);
@@ -2521,20 +2585,24 @@
       if (old === 'history') epSort = 'played';
     }
     epSort = localStorage.getItem('nui_pod_epsort') || epSort;
+    // Since 0.5.71 by time with the seldom podcasts first; who had the newest first gets that once.
+    if (!localStorage.getItem('nui_pod_rare') && epSort === 'new') epSort = 'rare';
+    localStorage.setItem('nui_pod_rare', '1');
   } catch (e) {}
   if (!Array.isArray(epFilters)) epFilters = [];
   epFilters = epFilters.filter(id => FILTERS.some(f => f.id === id && (!f.app || DL)));
-  if (!EP_SORTS.some(s => s.id === epSort)) epSort = 'new';
+  if (!EP_SORTS.some(s => s.id === epSort)) epSort = 'rare';
   let epList = null;   // {key, items, total, loading, error}
 
-  const epKey = () => epFilters.slice().sort().join(',') + '|' + epSort;
+  // The folder too: "Folgen" with a folder chosen is all episodes of that category.
+  const epKey = () => epFilters.slice().sort().join(',') + '|' + epSort + '|' + JSON.stringify(podFolder);
 
   function setEpisodeList(filters, sort) {
     // The history goes by the last listening; leaving it, by date again.
     if (sort == null) {
       sort = epSort;
-      if (filters.includes('history') && !epFilters.includes('history') && sort === 'new') sort = 'played';
-      if (!filters.includes('history') && epFilters.includes('history') && sort === 'played') sort = 'new';
+      if (filters.includes('history') && !epFilters.includes('history') && (sort === 'new' || sort === 'rare')) sort = 'played';
+      if (!filters.includes('history') && epFilters.includes('history') && sort === 'played') sort = 'rare';
     }
     epFilters = filters;
     epSort = sort;
@@ -2551,9 +2619,12 @@
     if (!append) epList = {key, items: [], total: 0, loading: true};
     else epList.loading = true;
     if (!quiet) render();
+    const sorting = EP_SORTS.find(s => s.id === epSort) || EP_SORTS[0];
     const params = new URLSearchParams({
-      filter: epFilters.filter(id => id !== 'downloaded').join(','), sort: epSort, limit: '100', offset: String(offset),
+      filter: epFilters.filter(id => id !== 'downloaded').join(','), sort: sorting.server || sorting.id, limit: '100',
+      offset: String(offset),
     });
+    if (podFolder != null && hasFolders()) params.set('folder', podFolder);
     if (epFilters.includes('downloaded')) {
       const ids = Object.keys(downloads).filter(id => downloads[id].state === 'done');
       if (!ids.length) { epList = {key, items: [], total: 0}; render(); return; }
@@ -2582,7 +2653,7 @@
     const items = epList.items.filter(o => matchesAll(o, epFilters)).map(ep);
     const total = Math.max(items.length, epList.total - (epList.items.length - items.length));
     if (!items.length) {
-      empty(epList.loading ? 'Wird geladen …' : noneText(epFilters));
+      empty(epList.loading ? 'Wird geladen …' : podFolder != null && !epFilters.length ? folderEmpty('zu hören') : noneText(epFilters));
       return;
     }
     if (selected) {
@@ -2597,7 +2668,7 @@
       root.append(head);
     }
     const list = el('div', 'nui-pod-list');
-    for (const e of items) {
+    appendRows(list, items, epSort, e => {
       const o = e.raw;
       const row = episodeRow(e, {showFeed: true, showDate: epSort !== 'played', list: downloadsOnly(epFilters) ? 'downloads' : 'episodes',
         filters: epFilters});
@@ -2608,8 +2679,8 @@
         if (mark) m.prepend(mark);
       }
       if (o.favorite) row.querySelector('.nui-pod-title').prepend(el('span', 'nui-pod-star', '★ '));
-      list.append(row);
-    }
+      return row;
+    });
     root.append(list);
     if (epList.items.length < epList.total) {
       const more = el('button', 'btn nui-pod-more', epList.loading ? 'Wird geladen …' : 'Weitere laden');
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index b6b05f3..40b50fa 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 449118c 2026-10-16: the podcast parts of web-native/static/native.css
+/* Copied from diora-android bd98557 2026-10-19: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -229,6 +229,9 @@ button.nui-pod-link { display: block; width: 100%; border: none; background: non
 .nui-pod-empty { padding: 32px 12px; color: var(--nui-muted); text-align: center; line-height: 1.5; font-family: var(--nui-sans); letter-spacing: normal; font-weight: 400; font-size: 14px; }
 
 .nui-pod-list { display: flex; flex-direction: column; }
+/* Headings by time in the episode lists (Heute, Gestern, Diese Woche, …). */
+.nui-pod-when { padding: 14px 2px 4px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted); font-family: var(--nui-sans); }
+.nui-pod-when:first-child { padding-top: 4px; }
 .nui-pod-row {
   display: flex;
   align-items: center;

From 2cb5dc4c04ec0cc721655be059fbac100b5eb36f Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 17:29:39 +0200
Subject: [PATCH 144/176] =?UTF-8?q?Podcasts:=20alle=20Folgen=20an=20einem?=
 =?UTF-8?q?=20Tag=20(Archiv,=20Kurs)=20z=C3=A4hlen=20als=20selten,=20nicht?=
 =?UTF-8?q?=20als=20t=C3=A4glich?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/library.md   |  2 +-
 podcasts/tests.py |  8 ++++++++
 podcasts/views.py | 10 ++++++----
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/docs/library.md b/docs/library.md
index efb871c..9ef59c4 100644
--- a/docs/library.md
+++ b/docs/library.md
@@ -40,7 +40,7 @@ Diese Woche (the last 7 days), Diesen Monat (30 days), then the months — after
 Kino feed. In „Folgen“ (sort „Nach Zeitraum, seltene zuerst“, the default) and „Neu“
 the podcasts that seldom come go first within a group: `interval_days` of each feed
 in `/podcasts/state/`, the mean gap between its newest 10 episodes (one episode: its
-age, at least 30 days; kept an hour). Heard is a filter chip, not an order.
+age, at least 30 days, the same when all came on one day; kept an hour). Heard is a filter chip, not an order.
 
 ### Shared code: `static/js/folders.js` (diora-web, every platform)
 
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 5e72b01..ee4cf8b 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -810,6 +810,14 @@ class EpisodeListTests(TestCase):
         self.assertAlmostEqual(feeds[self.fa.id]['interval_days'], (_at(1, 3) - _at(1, 1)).total_seconds() / 86400 / 2, places=1)
         self.assertAlmostEqual(feeds[self.fb.id]['interval_days'], (_at(1, 5) - _at(1, 4)).total_seconds() / 86400, places=1)
 
+    def test_a_whole_archive_at_once_counts_as_seldom(self):
+        f = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/c', title='Archiv')
+        for k in range(5):
+            PodcastEpisode.objects.create(feed=f, guid=f'c{k}', title=f'C{k}', audio_url=f'https://example.org/c{k}.mp3',
+                                          pub_date=_at(1, 1) + timedelta(minutes=k))
+        feeds = {x['id']: x for x in self.client.get('/podcasts/state/').json()['feeds']}
+        self.assertGreater(feeds[f.id]['interval_days'], 30)
+
     def test_all_newest_first_without_date_last(self):
         data = self.get()
         self.assertEqual([e['id'] for e in data['episodes']],
diff --git a/podcasts/views.py b/podcasts/views.py
index c569cfb..4ca92d7 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -816,7 +816,7 @@ INTERVAL_SINGLE_DAYS = 30
 
 def _intervals(user):
     """How often each feed brings an episode, in days: the mean gap between its newest
-    INTERVAL_EPISODES. One episode only: its age, at least INTERVAL_SINGLE_DAYS. The lists
+    INTERVAL_EPISODES. One episode only (or all on one day): its age, at least INTERVAL_SINGLE_DAYS. The lists
     put the seldom ones first within a day or week (after Kino's feed; feeds.js does the
     same for blogs). One query (the newest episodes per feed by a window), kept an hour."""
     key = f'podcasts:intervals:{user.id}'
@@ -835,10 +835,12 @@ def _intervals(user):
     now = timezone.now()
     out = {}
     for feed_id, ds in dates.items():
-        if len(ds) == 1:
-            days = max((now - ds[0]).total_seconds() / 86400, INTERVAL_SINGLE_DAYS)
+        span = (max(ds) - min(ds)).total_seconds() / 86400
+        if len(ds) == 1 or span < 1:
+            # One episode, or all of them at once (an archive, a course): no rhythm to go by.
+            days = max((now - max(ds)).total_seconds() / 86400, INTERVAL_SINGLE_DAYS)
         else:
-            days = (max(ds) - min(ds)).total_seconds() / 86400 / (len(ds) - 1)
+            days = span / (len(ds) - 1)
         out[feed_id] = round(days, 2)
     cache.set(key, out, 3600)
     return out

From f539158a199a4449c3af5f8247449ee01485a875 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 17:30:38 +0200
Subject: [PATCH 145/176] =?UTF-8?q?Podcasts:=20=E2=80=9Eauf=20einmal?=
 =?UTF-8?q?=E2=80=9C=20hei=C3=9Ft=20innerhalb=20einer=20Stunde=20=E2=80=93?=
 =?UTF-8?q?=20st=C3=BCndliche=20Nachrichten=20bleiben=20h=C3=A4ufig?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/library.md   | 2 +-
 podcasts/tests.py | 7 +++++++
 podcasts/views.py | 7 ++++---
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/docs/library.md b/docs/library.md
index 9ef59c4..59a8bfe 100644
--- a/docs/library.md
+++ b/docs/library.md
@@ -40,7 +40,7 @@ Diese Woche (the last 7 days), Diesen Monat (30 days), then the months — after
 Kino feed. In „Folgen“ (sort „Nach Zeitraum, seltene zuerst“, the default) and „Neu“
 the podcasts that seldom come go first within a group: `interval_days` of each feed
 in `/podcasts/state/`, the mean gap between its newest 10 episodes (one episode: its
-age, at least 30 days, the same when all came on one day; kept an hour). Heard is a filter chip, not an order.
+age, at least 30 days, the same when all came within an hour; kept an hour). Heard is a filter chip, not an order.
 
 ### Shared code: `static/js/folders.js` (diora-web, every platform)
 
diff --git a/podcasts/tests.py b/podcasts/tests.py
index ee4cf8b..d1fb5a1 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -817,6 +817,13 @@ class EpisodeListTests(TestCase):
                                           pub_date=_at(1, 1) + timedelta(minutes=k))
         feeds = {x['id']: x for x in self.client.get('/podcasts/state/').json()['feeds']}
         self.assertGreater(feeds[f.id]['interval_days'], 30)
+        hourly = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/h', title='Stündlich')
+        for k in range(10):
+            PodcastEpisode.objects.create(feed=hourly, guid=f'h{k}', title=f'H{k}', audio_url=f'https://example.org/h{k}.mp3',
+                                          pub_date=_at(1, 1) + timedelta(hours=k))
+        cache.clear()
+        feeds = {x['id']: x for x in self.client.get('/podcasts/state/').json()['feeds']}
+        self.assertAlmostEqual(feeds[hourly.id]['interval_days'], 1 / 24, places=2)
 
     def test_all_newest_first_without_date_last(self):
         data = self.get()
diff --git a/podcasts/views.py b/podcasts/views.py
index 4ca92d7..10c00e2 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -816,7 +816,7 @@ INTERVAL_SINGLE_DAYS = 30
 
 def _intervals(user):
     """How often each feed brings an episode, in days: the mean gap between its newest
-    INTERVAL_EPISODES. One episode only (or all on one day): its age, at least INTERVAL_SINGLE_DAYS. The lists
+    INTERVAL_EPISODES. One episode only (or all within an hour): its age, at least INTERVAL_SINGLE_DAYS. The lists
     put the seldom ones first within a day or week (after Kino's feed; feeds.js does the
     same for blogs). One query (the newest episodes per feed by a window), kept an hour."""
     key = f'podcasts:intervals:{user.id}'
@@ -836,8 +836,9 @@ def _intervals(user):
     out = {}
     for feed_id, ds in dates.items():
         span = (max(ds) - min(ds)).total_seconds() / 86400
-        if len(ds) == 1 or span < 1:
-            # One episode, or all of them at once (an archive, a course): no rhythm to go by.
+        if len(ds) == 1 or span < 1 / 24:
+            # One episode, or all within an hour (an archive, a course put up at once): no rhythm
+            # to go by. Hourly news still has one.
             days = max((now - max(ds)).total_seconds() / 86400, INTERVAL_SINGLE_DAYS)
         else:
             days = span / (len(ds) - 1)

From 2a3b4b760b5c972fe9a8b948f724f72d272ab507 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 17:46:00 +0200
Subject: [PATCH 146/176] =?UTF-8?q?docs/podcasts.md:=20Plan=20f=C3=BCr=20S?=
 =?UTF-8?q?trom,=20Merkliste,=20Wiedergabeliste=20und=20Abo-Stufen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/podcasts.md | 85 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 85 insertions(+)
 create mode 100644 docs/podcasts.md

diff --git a/docs/podcasts.md b/docs/podcasts.md
new file mode 100644
index 0000000..e2c72da
--- /dev/null
+++ b/docs/podcasts.md
@@ -0,0 +1,85 @@
+# Podcasts: Strom, Merkliste, Wiedergabeliste
+
+The plan agreed on 2026-10-19 (with the user, from their listening history). It replaces
+the inbox model ("Neu" to work through, "Folgen" beside it, one queue that is both a store
+and the play order). Server: diora-web (podcasts/). The podcast UI is diora-android's
+`web-native/static/native-podcast.js`, copied into `static/podcasts/` — built there.
+
+## Why
+
+- The subscriptions (about 540) are a self-chosen part of the podcast world: episodes to see
+  go by and dip into now and then — not a list to work through. "Neu" had 3360 unplayed
+  episodes; nobody works through that.
+- The queue held 74 episodes (100+ hours): a store of "want to hear some day", yet the
+  player played it in order as if it were the play order.
+- In AntennaPod "download automatically" and "add to queue automatically" were one thing
+  for the user: a regular podcast is one whose new episodes are on the phone. diora split
+  them (177 feeds downloading, 8 queueing).
+- "Silent" subscriptions came from AntennaPod fetching every feed on the phone, slowly. The
+  server fetches all feeds anyway now (conditional, every 15 minutes).
+
+## The lists
+
+**Wiedergabeliste** — short, what plays next. The player goes through it in order and
+**stops when it is empty** (it does not take from the Merkliste). Every episode in it is
+downloaded. Filled by hand: ▶ on an episode (plays it, puts it first), or "In die
+Wiedergabeliste" from the Merkliste or the Strom.
+
+**Merkliste** — long, "want to hear". It may grow; it **never expires**. Grouped by podcast,
+each podcast **collapsible** (newest first inside). New episodes of Stamm subscriptions land
+here and are downloaded; so is what the user adds with ＋. An episode played from it moves
+to the front of the Wiedergabeliste; finished, it leaves both.
+
+When an episode leaves both lists (heard, removed), its download is deleted (setting
+`delete_dequeue`). Downloads follow the lists, not the subscriptions.
+
+## Subscriptions: three levels
+
+| level | new episodes | today's mapping |
+|---|---|---|
+| **Stamm** | into the Merkliste and downloaded (per feed: or straight into the Wiedergabeliste — an option, used by none yet) | `new_episodes='queue'` (8) plus the regularly heard ones (about 50, list below) |
+| **Strom** (default) | in the Strom; nothing to work through, nothing downloaded | `'inbox'`, and the former silent `'ignore'` ones |
+| **Auf Abruf** | not in the Strom; on the podcast's page and in search | — (for exceptions) |
+
+The per-feed "download automatically" switch goes: Stamm means it.
+
+**Fetch interval** per subscription: *Automatisch* (by publishing rhythm, `interval_days`:
+daily publishers hourly, rare ones daily), *stündlich*, *täglich*, *wöchentlich*. The former
+silent subscriptions become Strom with *täglich*.
+
+## The Strom (replaces "Neu" and "Folgen")
+
+All episodes of all Strom and Stamm subscriptions, by period (Heute, Gestern, Diese Woche,
+…), rarely publishing podcasts first (as built 2026-10-19). Each podcast appears **once per
+period, always bundled**: its newest episode, and "+n ›" for the others. Episodes new since
+they were last seen carry a **small mark** (no counts). Per episode: ▶ (Wiedergabeliste,
+first), ＋ (Merkliste), ★. Filters stay: Favoriten, Verlauf, Angefangen, Gehört.
+
+Tabs: **Wiedergabeliste · Merkliste · Strom · Abos**.
+
+Browsing within the subscriptions (themes, people, similar episodes, search) — later, to be
+thought through.
+
+## Moving over
+
+- Today's queue (74) becomes the Merkliste; the Wiedergabeliste starts empty.
+- Stamm: the 8 automatic subscriptions and the regularly heard ones (≥ 8 episodes a year or
+  ≥ 3 in 90 days, 2026-10-19): Ones and Tooze, Die Neuen Zwanziger – Der Salon, Surplus,
+  The Deprogram, junge Welt – Tagesüberblick, Speakeasy-Bar, jwpod – Forschung, RLS
+  Audiodokumente, The Reaction Pod, Geschichten aus der Geschichte, Märkte Mächte Emissionen,
+  friendlyjordies, Second Thought, Neben der Spur, Forschungsquartett, GegenStandpunkt –
+  Artikel, Hörsaal, Hakim, Marxistische Vorträge, Blätter, Kontextfenster, New Left Review,
+  Kommunisten Kneipe, Jung & Naiv, HealthyGamerGG, Dekarldent, Daily Dose Of Dekarldent,
+  Eine Stunde History, Übertage, Eigentlich, Zwischen Zwei Deckeln, UNFASSBAR, Über Rechts,
+  TitosLeftLung, New Books in History, ARTEde, Irgendwas mit ARTE, Zwei wie Pech & Schwafel,
+  Geschichte der kommenden Welten, Vollbild, Zeitfragen, Zeitfragen. Feature, Die Filmanalyse,
+  Reaction, Wirtschaft am Mittag.
+- Everything else: Strom; the silent ones with *täglich*.
+
+## Order of work
+
+1. Wiedergabeliste and Merkliste (server: a second list, moving the queue over, the player's
+   order; UI: two tabs, grouped Merkliste).
+2. The three levels and the fetch interval; downloads following the lists.
+3. The Strom replacing "Neu" and "Folgen".
+4. Browsing — after more thought.

From 58b337d2241b55610e6a8ad1bbc15a3a95aa0a40 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 17:49:37 +0200
Subject: [PATCH 147/176] =?UTF-8?q?docs/podcasts.md:=20im=20Strom=20nach?=
 =?UTF-8?q?=20geh=C3=B6rten=20Folgen=20sortieren,=20Geh=C3=B6rte=20vor=20U?=
 =?UTF-8?q?ngeh=C3=B6rten?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/podcasts.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/podcasts.md b/docs/podcasts.md
index e2c72da..b915635 100644
--- a/docs/podcasts.md
+++ b/docs/podcasts.md
@@ -50,8 +50,10 @@ silent subscriptions become Strom with *täglich*.
 ## The Strom (replaces "Neu" and "Folgen")
 
 All episodes of all Strom and Stamm subscriptions, by period (Heute, Gestern, Diese Woche,
-…), rarely publishing podcasts first (as built 2026-10-19). Each podcast appears **once per
-period, always bundled**: its newest episode, and "+n ›" for the others. Episodes new since
+…). Within a period the podcasts are ordered by **how much the user has listened to them**
+(episodes heard): every podcast with at least one heard episode before every one without —
+those count for infinitely more; among the never-heard ones, rarely publishing first.
+Each podcast appears **once per period, always bundled**: its newest episode, and "+n ›" for the others. Episodes new since
 they were last seen carry a **small mark** (no counts). Per episode: ▶ (Wiedergabeliste,
 first), ＋ (Merkliste), ★. Filters stay: Favoriten, Verlauf, Angefangen, Gehört.
 

From 1cb6584395bcaaed714f859aaa8b647d4e7a6af3 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 18:03:49 +0200
Subject: [PATCH 148/176] =?UTF-8?q?Buch-Metadaten:=20=C3=84nderung=20auf?=
 =?UTF-8?q?=20veraltetem=20Stand=20wird=20abgelehnt=20(409=20mit=20dem=20a?=
 =?UTF-8?q?ktuellen),=20das=20Web=20baut=20sie=20darauf=20neu=20auf?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Eine App mit alter Bücherliste (Desktop während des langsamen Syncs) hat beim Öffnen fünf
MEW-Bände mit ihrem alten Stand überschrieben – Titel, Autor, Ordner weg. base_iv sagt dem
Server, von welchem Stand eine Änderung ausgeht.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 books/tests.py                | 31 +++++++++++++++++++++++++++
 books/views.py                |  8 +++++++
 e2e/navigation.spec.js        | 24 +++++++++++++++++++++
 static/js/app/52-book-list.js | 40 ++++++++++++++++++++++++-----------
 static/js/sw.js               |  2 +-
 5 files changed, 92 insertions(+), 13 deletions(-)

diff --git a/books/tests.py b/books/tests.py
index 695e9f0..c8e711c 100644
--- a/books/tests.py
+++ b/books/tests.py
@@ -259,3 +259,34 @@ class EBookFileTests(TestCase):
         other = User.objects.create_user('other-filer', password='pw-other-123')
         b = EBook.objects.create(user=other, meta_ct='m', meta_iv='i', data_ct='ZA==', data_iv='i')
         self.assertEqual(self.client.get(f'/books/{b.id}/data/').status_code, 404)
+
+
+class StaleMetaTests(TestCase):
+    """A meta write that starts from an older meta (base_iv) is refused with the current one."""
+
+    def setUp(self):
+        from django.contrib.auth.models import User
+        from books.models import EBook
+        self.user = User.objects.create_user('metauser', password='pw-meta-123')
+        self.client.force_login(self.user)
+        self.book = EBook.objects.create(user=self.user, meta_ct='m1', meta_iv='aa', data_ct='ZA==', data_iv='i')
+
+    def post(self, body):
+        import json
+        return self.client.post(f'/books/{self.book.id}/meta/', json.dumps(body), content_type='application/json')
+
+    def test_current_base_is_taken(self):
+        self.assertEqual(self.post({'meta_ct': 'm2', 'meta_iv': 'bb', 'base_iv': 'aa'}).status_code, 200)
+        self.book.refresh_from_db()
+        self.assertEqual((self.book.meta_ct, self.book.meta_iv), ('m2', 'bb'))
+
+    def test_old_base_is_refused_with_the_current_meta(self):
+        self.post({'meta_ct': 'm2', 'meta_iv': 'bb', 'base_iv': 'aa'})
+        r = self.post({'meta_ct': 'old', 'meta_iv': 'cc', 'base_iv': 'aa'})
+        self.assertEqual(r.status_code, 409)
+        self.assertEqual((r.json()['meta_ct'], r.json()['meta_iv']), ('m2', 'bb'))
+        self.book.refresh_from_db()
+        self.assertEqual(self.book.meta_ct, 'm2')
+
+    def test_without_base_as_before(self):
+        self.assertEqual(self.post({'meta_ct': 'm3', 'meta_iv': 'dd'}).status_code, 200)
diff --git a/books/views.py b/books/views.py
index 3c68a17..299f02e 100644
--- a/books/views.py
+++ b/books/views.py
@@ -350,6 +350,14 @@ def update_book_meta(request, pk):
     if not meta_ct or not meta_iv:
         return JsonResponse({'error': 'meta_ct, meta_iv required'}, status=400)
 
+    # base_iv: the IV of the meta the client changed. Another one now (changed elsewhere
+    # since): refused with the current meta, for the client to apply its change to that.
+    # A queued write from a device with an old list (a title or folder set meanwhile)
+    # used to put the old meta back. Clients that don't send base_iv write as before.
+    base_iv = body.get('base_iv')
+    if base_iv and base_iv != book.meta_iv:
+        return JsonResponse({'error': 'stale', 'meta_ct': book.meta_ct, 'meta_iv': book.meta_iv}, status=409)
+
     book.meta_ct = meta_ct
     book.meta_iv = meta_iv
     book.save(update_fields=['meta_ct', 'meta_iv'])
diff --git a/e2e/navigation.spec.js b/e2e/navigation.spec.js
index 6df58f6..2ec66c4 100644
--- a/e2e/navigation.spec.js
+++ b/e2e/navigation.spec.js
@@ -143,3 +143,27 @@ test('editions: two books joined show once with their formats, set apart show tw
   await page.evaluate(() => { _lib.status = 'all'; });
   for (const id of ids) await page.request.post(`/books/${id}/delete/`);
 });
+
+test('a meta change from an old list goes onto the current meta (409, then again)', async ({ page }) => {
+  const files = [path.join(__dirname, '.auth', 'many-Eins.epub')];
+  await page.goto('/#books');
+  await page.waitForFunction(() => typeof _importMany === 'function' && Array.isArray(_lastBookListData));
+  await page.locator('#book-file-input').setInputFiles(files);
+  await page.waitForFunction(() => _lastBookListData.some(b => b.title === 'Mehrfach Eins' && b.id && b.meta_iv), null, { timeout: 30000 });
+  const id = await page.evaluate(() => _lastBookListData.find(b => b.title === 'Mehrfach Eins').id);
+  // Elsewhere the title changes; this page still has the old list.
+  await page.evaluate(id => _updateBookMeta(id, {title: 'Anderswo umbenannt'}), id);
+  await page.evaluate(id => {
+    const b = _lastBookListData.find(x => x.id === id);
+    b.title = 'Mehrfach Eins'; b.meta_iv = '000000000000000000000000';   // the old list
+    bookMetaCache[id] = {...bookMetaCache[id], title: 'Mehrfach Eins'};
+  }, id);
+  await page.evaluate(id => _updateBookMeta(id, {folders: ['Probe']}), id);
+  const meta = await page.evaluate(async id => {
+    const row = (await (await fetch('/books/', {cache: 'no-store'})).json()).find(b => b.id === id);
+    return JSON.parse(new TextDecoder().decode(await decryptBytes(await getOrCreateEncKey(), row.meta_iv, row.meta_ct)));
+  }, id);
+  expect(meta.title).toBe('Anderswo umbenannt');
+  expect(meta.folders).toEqual(['Probe']);
+  await page.request.post(`/books/${id}/delete/`);
+});
diff --git a/static/js/app/52-book-list.js b/static/js/app/52-book-list.js
index a4dde37..0fabf7e 100644
--- a/static/js/app/52-book-list.js
+++ b/static/js/app/52-book-list.js
@@ -51,7 +51,7 @@ async function loadBookList() {
         const metaBuf = await decryptBytes(key, b.meta_iv, b.meta_ct);
         const meta = JSON.parse(new TextDecoder().decode(metaBuf));
         bookMetaCache[b.id] = {title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', filename: meta.filename || '', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex, work: meta.work, issue: meta.issue, issueRead: meta.issueRead, issueAt: meta.issueAt};
-        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex, work: meta.work, issue: meta.issue, issueRead: meta.issueRead, issueAt: meta.issueAt, has_cover: !!b.has_cover, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
+        decrypted.push({id: b.id, title: meta.title || '?', author: meta.author || '', type: meta.type || 'epub', folder: meta.folder || '', folders: _foldersOfMeta(meta), isbn: meta.isbn || '', shelfTag: meta.shelfTag || '', pages: meta.pages || 0, magazine: meta.magazine, cover: meta.cover, series: meta.series, seriesIndex: meta.seriesIndex, work: meta.work, issue: meta.issue, issueRead: meta.issueRead, issueAt: meta.issueAt, meta_iv: b.meta_iv, has_cover: !!b.has_cover, scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: true, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
       } catch (e) {
         bookMetaCache[b.id] = {title: `Buch #${b.id}`, author: '', type: 'epub', filename: '', folder: '', isbn: '', shelfTag: ''};
         decrypted.push({id: b.id, title: `Buch #${b.id}`, author: '', type: 'epub', folder: '', isbn: '', shelfTag: '', scroll_fraction: b.scroll_fraction, position_anchor: b.position_anchor || '', read_at: b.read_at == null ? null : b.read_at, device: b.device || '', furthest_fraction: b.furthest_fraction || 0, furthest_anchor: b.furthest_anchor || '', uploaded_at: b.uploaded_at, last_read: b.last_read || null, keyOk: false, is_read: !!b.is_read, has_highlights: !!b.has_highlights});
@@ -458,17 +458,33 @@ async function _updateBookMeta(bookId, overrides) {
   if (overrides.folders) merged.folder = overrides.folders[0] || '';
   else if ('folder' in overrides) merged.folders = overrides.folder ? [overrides.folder] : [];
   const key = await getOrCreateEncKey();
-  const metaJson = new TextEncoder().encode(JSON.stringify(merged));
-  const metaEnc = await encryptBytes(key, metaJson);
-  const res = await fetch(`/books/${bookId}/meta/`, {
-    method: 'POST',
-    headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
-    body: JSON.stringify({meta_ct: metaEnc.ciphertext, meta_iv: metaEnc.iv}),
-  });
-  const data = await res.json();
-  if (!data.ok) throw new Error('Serverfehler');
-  Object.assign(book, overrides, {folder: merged.folder, folders: merged.folders});
-  bookMetaCache[bookId] = merged;
+  // base_iv: the meta this change starts from. Changed elsewhere since (the server says 409
+  // and sends the current one): the change goes onto that one instead, once.
+  let toWrite = merged;
+  let base = book.meta_iv;
+  let data;
+  for (let attempt = 0; attempt < 2; attempt++) {
+    const metaEnc = await encryptBytes(key, new TextEncoder().encode(JSON.stringify(toWrite)));
+    const res = await fetch(`/books/${bookId}/meta/`, {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json', 'X-CSRFToken': getCsrfToken()},
+      body: JSON.stringify({meta_ct: metaEnc.ciphertext, meta_iv: metaEnc.iv, ...(base ? {base_iv: base} : {})}),
+    });
+    data = await res.json().catch(() => ({}));
+    if (res.status === 409 && data.meta_ct && attempt === 0) {
+      const now = JSON.parse(new TextDecoder().decode(await decryptBytes(key, data.meta_iv, data.meta_ct)));
+      toWrite = {...now, ...overrides};
+      if (overrides.folders) toWrite.folder = overrides.folders[0] || '';
+      else if ('folder' in overrides) toWrite.folders = overrides.folder ? [overrides.folder] : [];
+      base = data.meta_iv;
+      continue;
+    }
+    if (data.ok) { book.meta_iv = metaEnc.iv; break; }
+    throw new Error(res.status === 409 ? 'inzwischen anderswo geändert' : 'Serverfehler');
+  }
+  // What the server has now, all of it (from the rebase too: a title set elsewhere shows).
+  Object.assign(book, toWrite, {folder: toWrite.folder || '', folders: _foldersOfMeta(toWrite)});
+  bookMetaCache[bookId] = toWrite;
   _saveBookMeta(_lastBookListData);
   return true;
 }
diff --git a/static/js/sw.js b/static/js/sw.js
index 4b816c2..cc14f05 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v134';
+const CACHE = 'diora-v135';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 3ef2bdcb6134fc45431957e4eb9abcff1f2a0ec2 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 18:05:28 +0200
Subject: [PATCH 149/176] Podcasts: Merkliste und Wiedergabeliste (hinter
 lists_v2), Abo-Stufen inkl. Stamm direkt in die Wiedergabeliste,
 Abrufintervall pro Abo, Strom-Daten (heard_365, stream/seen, filter=stream)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/podcasts.md                              |  29 ++-
 podcasts/management/commands/refresh_feeds.py |   6 +-
 podcasts/migrations/0022_lists_and_levels.py  |  49 ++++
 podcasts/models.py                            |  47 +++-
 podcasts/test_lists.py                        | 176 ++++++++++++++
 podcasts/tests.py                             |   9 +-
 podcasts/urls.py                              |   4 +
 podcasts/views.py                             | 219 +++++++++++++++++-
 static/js/podcasts-web.js                     |  59 ++++-
 static/js/sw.js                               |   2 +-
 10 files changed, 577 insertions(+), 23 deletions(-)
 create mode 100644 podcasts/migrations/0022_lists_and_levels.py
 create mode 100644 podcasts/test_lists.py

diff --git a/docs/podcasts.md b/docs/podcasts.md
index b915635..a41b54e 100644
--- a/docs/podcasts.md
+++ b/docs/podcasts.md
@@ -52,7 +52,7 @@ silent subscriptions become Strom with *täglich*.
 All episodes of all Strom and Stamm subscriptions, by period (Heute, Gestern, Diese Woche,
 …). Within a period the podcasts are ordered by **how much the user has listened to them**
 (episodes heard): every podcast with at least one heard episode before every one without —
-those count for infinitely more; among the never-heard ones, rarely publishing first.
+those count for infinitely more (heard in the last 12 months, `heard_365`); among the never-heard ones, rarely publishing first.
 Each podcast appears **once per period, always bundled**: its newest episode, and "+n ›" for the others. Episodes new since
 they were last seen carry a **small mark** (no counts). Per episode: ▶ (Wiedergabeliste,
 first), ＋ (Merkliste), ★. Filters stay: Favoriten, Verlauf, Angefangen, Gehört.
@@ -85,3 +85,30 @@ thought through.
 2. The three levels and the fetch interval; downloads following the lists.
 3. The Strom replacing "Neu" and "Folgen".
 4. Browsing — after more thought.
+
+## API (server, since 2026-10-19)
+
+- `PodcastSettings.lists_v2` turns the two lists on. `POST /podcasts/lists/ {"on": true}`
+  moves the queue into the Merkliste (the Wiedergabeliste starts empty); `{"on": false}` puts
+  the Merkliste back at the end of the queue. Off, everything works as before (apps not
+  updated yet).
+- **Wiedergabeliste** = the queue as it was: `state.queue`, `/podcasts/queue/add|remove|reorder/`.
+  The player goes through it and stops at its end.
+- **Merkliste** = `PodcastLater`: `state.later` (rows like the queue's, newest first, plus
+  `added_at`, `auto` — added by a Stamm feed — and `in_queue`), `POST /podcasts/later/add/` and
+  `/podcasts/later/remove/` `{"episode_ids": [...]}`. Heard (progress at the end, mark-played)
+  and "Folge löschen" take an episode off it. Episode lists carry `in_later`; filter `later`.
+- **Levels**: `PodcastFeed.new_episodes` — `queue` = Stamm into the Merkliste (with lists_v2;
+  without it: the queue), `play` = Stamm into the Wiedergabeliste, `inbox` = Strom,
+  `ignore` = Auf Abruf. `auto_queue` stays true for queue and play.
+- **Fetch interval**: `PodcastFeed.refresh_interval` — `''` (by rhythm: every `interval_days`
+  hours, within 15 minutes and 24 hours), `hourly`, `daily`, `weekly`; the cron's
+  `refresh_feeds` only fetches feeds that are due (`views.refresh_due`).
+- **Strom**: `GET /podcasts/episodes/?filter=stream` (all but Auf Abruf; with `folder=`, `sort=`);
+  episodes carry `discovered_at`. Per feed in `state.feeds`: `heard_365` (episodes heard in the
+  last 12 months: played, or listened into for more than a minute) and `interval_days`.
+  `POST /podcasts/stream/seen/` → `{before, now}`; `state.stream_seen_at`. An episode is marked
+  when its `discovered_at` is after the time before the current look.
+- Web host (`static/js/podcasts-web.js`, `DioraPodcastHost`): `podcastLaterAdd(json episodes)`,
+  `podcastLaterRemove(json ids)`, `podcastListsSwitch(on)`, `podcastStreamSeen()` (keeps the
+  previous time as `state.stream_seen_before` for the marks).
diff --git a/podcasts/management/commands/refresh_feeds.py b/podcasts/management/commands/refresh_feeds.py
index b3b6502..8049cad 100644
--- a/podcasts/management/commands/refresh_feeds.py
+++ b/podcasts/management/commands/refresh_feeds.py
@@ -2,7 +2,7 @@ from django.core.management.base import BaseCommand
 from django.utils import timezone
 
 from podcasts.models import PodcastFeed
-from podcasts.views import _in_backoff_q, _refresh_feeds
+from podcasts.views import _in_backoff_q, _refresh_feeds, refresh_due
 
 
 class Command(BaseCommand):
@@ -26,6 +26,10 @@ class Command(BaseCommand):
             # A feed failing 3+ times in a row is tried every 2, 4, 8, 16,
             # at most 24 hours instead of every hour.
             qs = qs.exclude(_in_backoff_q(timezone.now()))
+            # Each feed as often as its interval says (docs/podcasts.md): by its rhythm,
+            # or hourly, daily, weekly. --feed-id and --full take every one.
+            if not options['full']:
+                qs = qs.filter(pk__in=refresh_due(list(qs.select_related('user'))))
 
         if options['limit']:
             qs = qs[: options['limit']]
diff --git a/podcasts/migrations/0022_lists_and_levels.py b/podcasts/migrations/0022_lists_and_levels.py
new file mode 100644
index 0000000..6d6f04e
--- /dev/null
+++ b/podcasts/migrations/0022_lists_and_levels.py
@@ -0,0 +1,49 @@
+# Generated by Django 6.1 on 2026-10-19 15:53
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0021_folders_list'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='refresh_interval',
+            field=models.CharField(blank=True, choices=[('', 'Automatisch'), ('hourly', 'Stündlich'), ('daily', 'Täglich'), ('weekly', 'Wöchentlich')], default='', max_length=10),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='lists_v2',
+            field=models.BooleanField(default=False),
+        ),
+        migrations.AddField(
+            model_name='podcastsettings',
+            name='stream_seen_at',
+            field=models.DateTimeField(blank=True, null=True),
+        ),
+        migrations.AlterField(
+            model_name='podcastfeed',
+            name='new_episodes',
+            field=models.CharField(choices=[('inbox', 'Im Strom'), ('queue', 'Stamm: in die Merkliste'), ('play', 'Stamm: in die Wiedergabeliste'), ('ignore', 'Auf Abruf')], default='inbox', max_length=10),
+        ),
+        migrations.CreateModel(
+            name='PodcastLater',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('added_at', models.DateTimeField(auto_now_add=True)),
+                ('auto', models.BooleanField(default=False)),
+                ('episode', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='later_by', to='podcasts.podcastepisode')),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='podcast_later', to=settings.AUTH_USER_MODEL)),
+            ],
+            options={
+                'unique_together': {('user', 'episode')},
+            },
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 798b0ab..d71ed96 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -8,15 +8,23 @@ MAX_SPEED = 3.5
 
 
 class PodcastFeed(models.Model):
-    # What happens to a new episode of this feed (one that passed the filter).
+    # What happens to a new episode of this feed (one that passed the filter); with the
+    # lists of docs/podcasts.md (PodcastSettings.lists_v2) these are the subscription levels:
+    # inbox = Strom, queue = Stamm (into the Merkliste), play = Stamm straight into the
+    # Wiedergabeliste, ignore = Auf Abruf. Without lists_v2, queue and play both queue.
     NEW_INBOX = 'inbox'
     NEW_QUEUE = 'queue'
+    NEW_PLAY = 'play'
     NEW_IGNORE = 'ignore'
     NEW_EPISODE_ACTIONS = [
-        (NEW_INBOX, 'In „Neu“'),
-        (NEW_QUEUE, 'In die Warteschlange'),
-        (NEW_IGNORE, 'Nicht anzeigen'),
+        (NEW_INBOX, 'Im Strom'),
+        (NEW_QUEUE, 'Stamm: in die Merkliste'),
+        (NEW_PLAY, 'Stamm: in die Wiedergabeliste'),
+        (NEW_IGNORE, 'Auf Abruf'),
     ]
+    # How often the feed is fetched: '' = by its rhythm (refresh_due()), or fixed.
+    REFRESH_INTERVALS = [('', 'Automatisch'), ('hourly', 'Stündlich'), ('daily', 'Täglich'),
+                         ('weekly', 'Wöchentlich')]
     # Volume factors: below 1 quieter, above 1 louder (the apps boost those).
     VOLUMES = (0.2, 0.5, 1.0, 1.5, 2.0, 2.5)
     # What it is: a podcast, or an audiobook (Hörbuch, Hörspiel), which lives in the
@@ -58,6 +66,7 @@ class PodcastFeed(models.Model):
     volume = models.FloatField(default=1.0)               # one of VOLUMES
     # New episodes: what happens to them, and which ones count at all.
     new_episodes = models.CharField(max_length=10, choices=NEW_EPISODE_ACTIONS, default=NEW_INBOX)
+    refresh_interval = models.CharField(max_length=10, choices=REFRESH_INTERVALS, default='', blank=True)
     # Comma-separated words, case-insensitive, matched against the title.
     include_words = models.CharField(max_length=500, blank=True)
     exclude_words = models.CharField(max_length=500, blank=True)
@@ -106,15 +115,16 @@ class PodcastFeed(models.Model):
         self._synced = (self.__dict__.get('auto_queue'), self.__dict__.get('new_episodes'))
 
     def _sync_auto_queue(self):
-        """Keep auto_queue == (new_episodes == 'queue'). Whichever of the two
+        """Keep auto_queue == (new_episodes is 'queue' or 'play'). Whichever of the two
         was changed since loading (or, for a new feed, set away from its
         default) wins; new_episodes if both were."""
         auto_before, new_before = getattr(self, '_synced', (False, self.NEW_INBOX))
+        queues = (self.NEW_QUEUE, self.NEW_PLAY)
         if self.new_episodes != new_before or self.auto_queue == auto_before:
-            self.auto_queue = self.new_episodes == self.NEW_QUEUE
+            self.auto_queue = self.new_episodes in queues
         elif self.auto_queue:
             self.new_episodes = self.NEW_QUEUE
-        elif self.new_episodes == self.NEW_QUEUE:
+        elif self.new_episodes in queues:
             self.new_episodes = self.NEW_INBOX
 
     def save(self, *args, **kwargs):
@@ -260,6 +270,23 @@ class PodcastQueue(models.Model):
     def __str__(self):
         return f'{self.user} queue pos {self.position}: {self.episode}'
 
+class PodcastLater(models.Model):
+    """The Merkliste (docs/podcasts.md): episodes the user wants to hear some day. It may
+    grow and never expires; shown grouped by podcast, so it has no order of its own. An
+    episode can be in it and in the Wiedergabeliste (PodcastQueue) at once; heard, it leaves
+    both. auto: put there by a Stamm subscription, not by hand."""
+    user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='podcast_later')
+    episode = models.ForeignKey(PodcastEpisode, on_delete=models.CASCADE, related_name='later_by')
+    added_at = models.DateTimeField(auto_now_add=True)
+    auto = models.BooleanField(default=False)
+
+    class Meta:
+        unique_together = ('user', 'episode')
+
+    def __str__(self):
+        return f'{self.user} Merkliste: {self.episode}'
+
+
 class PodcastSettings(models.Model):
     """A user's podcast preferences. Where episodes go in the queue: when added
     by hand (also when played from outside the queue), and when a feed that
@@ -297,6 +324,12 @@ class PodcastSettings(models.Model):
     import_downloads = models.JSONField(default=list, blank=True)
     # The order of the podcast/audiobook folders (their chips), names.
     folder_order = models.JSONField(default=list, blank=True)
+    # The two lists of docs/podcasts.md: PodcastQueue is the Wiedergabeliste (the player goes
+    # through it and stops at its end), PodcastLater the Merkliste, and Stamm subscriptions
+    # fill the Merkliste. Off: the one queue as before (apps not updated yet).
+    lists_v2 = models.BooleanField(default=False)
+    # When the user last looked at the Strom: episodes found after it carry a mark.
+    stream_seen_at = models.DateTimeField(null=True, blank=True)
 
     # Playback, the same on every device (AntennaPod's playback settings).
     # Null = not set yet: each device keeps its own value; the first app that
diff --git a/podcasts/test_lists.py b/podcasts/test_lists.py
new file mode 100644
index 0000000..947f744
--- /dev/null
+++ b/podcasts/test_lists.py
@@ -0,0 +1,176 @@
+"""The two lists, the subscription levels, the fetch interval and the Strom (docs/podcasts.md)."""
+import json
+from datetime import datetime, timedelta, timezone
+from unittest.mock import patch
+
+from django.contrib.auth.models import User
+from django.test import TestCase
+from django.utils import timezone as dj_tz
+
+from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastLater, PodcastQueue, PodcastSettings
+from .tests import _ok, _rss
+from .views import _refresh_feed, refresh_due, refresh_hours
+
+
+class Base(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='lists', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(
+            user=self.user, rss_url='https://example.org/feed', title='Feed',
+            last_refreshed_at=datetime(2026, 1, 1, tzinfo=timezone.utc))
+        self.eps = [PodcastEpisode.objects.create(feed=self.feed, guid=f'e{i}', title=f'E{i}', duration_seconds=600,
+                                                  audio_url=f'https://example.org/e{i}.mp3',
+                                                  pub_date=datetime(2026, 1, 1 + i, tzinfo=timezone.utc))
+                    for i in range(4)]
+
+    def post(self, url, body=None):
+        return self.client.post(url, json.dumps(body or {}), content_type='application/json')
+
+    def state(self):
+        return self.client.get('/podcasts/state/').json()
+
+    def queue(self):
+        return list(PodcastQueue.objects.filter(user=self.user).order_by('position').values_list('episode_id', flat=True))
+
+    def later(self):
+        return set(PodcastLater.objects.filter(user=self.user).values_list('episode_id', flat=True))
+
+
+class SwitchTests(Base):
+    def test_switching_on_makes_the_queue_the_merkliste(self):
+        for i, ep in enumerate(self.eps[:3]):
+            PodcastQueue.objects.create(user=self.user, episode=ep, position=i)
+        r = self.post('/podcasts/lists/', {'on': True}).json()
+        self.assertEqual((r['lists_v2'], r['queue'], r['later']), (True, 0, 3))
+        self.assertEqual(self.later(), {e.id for e in self.eps[:3]})
+        self.assertEqual(self.queue(), [])
+        st = self.state()
+        self.assertTrue(st['lists_v2'])
+        self.assertEqual([i['episode__id'] for i in st['later']], [self.eps[2].id, self.eps[1].id, self.eps[0].id])
+        # And back: the Merkliste joins the queue, oldest first.
+        self.post('/podcasts/lists/', {'on': False})
+        self.assertEqual(self.queue(), [e.id for e in self.eps[:3]])
+        self.assertEqual(self.later(), set())
+
+    def test_switching_twice_changes_nothing(self):
+        PodcastQueue.objects.create(user=self.user, episode=self.eps[0], position=0)
+        self.post('/podcasts/lists/', {'on': True})
+        PodcastQueue.objects.create(user=self.user, episode=self.eps[1], position=0)
+        self.post('/podcasts/lists/', {'on': True})
+        self.assertEqual(self.queue(), [self.eps[1].id])
+        self.assertEqual(self.later(), {self.eps[0].id})
+
+
+class MerklisteTests(Base):
+    def test_add_remove_and_both_lists(self):
+        r = self.post('/podcasts/later/add/', {'episode_ids': [self.eps[0].id, self.eps[1].id, 999999]}).json()
+        self.assertEqual(r['added'], [self.eps[0].id, self.eps[1].id])
+        self.post('/podcasts/queue/add/', {'episode_ids': [self.eps[0].id], 'where': 'front'})
+        rows = {i['episode__id']: i for i in self.state()['later']}
+        self.assertTrue(rows[self.eps[0].id]['in_queue'])
+        self.assertFalse(rows[self.eps[1].id]['in_queue'])
+        self.post('/podcasts/later/remove/', {'episode_ids': [self.eps[1].id]})
+        self.assertEqual(self.later(), {self.eps[0].id})
+        self.assertEqual(self.queue(), [self.eps[0].id], 'the Wiedergabeliste is left alone')
+
+    def test_heard_leaves_the_merkliste(self):
+        self.post('/podcasts/later/add/', {'episode_ids': [e.id for e in self.eps[:3]]})
+        self.post('/podcasts/progress/save/', {'episode_id': self.eps[0].id, 'position_seconds': 590})
+        self.post('/podcasts/progress/mark-played/', {'episode_id': self.eps[1].id})
+        self.post('/podcasts/progress/save/', {'episode_id': self.eps[2].id, 'position_seconds': 100})
+        self.assertEqual(self.later(), {self.eps[2].id}, 'started stays, heard goes')
+
+    def test_discard_leaves_both_lists(self):
+        self.post('/podcasts/later/add/', {'episode_ids': [self.eps[0].id]})
+        self.post('/podcasts/queue/add/', {'episode_ids': [self.eps[0].id]})
+        self.post('/podcasts/episodes/discard/', {'episode_ids': [self.eps[0].id]})
+        self.assertEqual((self.later(), self.queue()), (set(), []))
+
+    def test_episode_lists_tell_and_filter(self):
+        self.post('/podcasts/later/add/', {'episode_ids': [self.eps[3].id]})
+        r = self.client.get('/podcasts/episodes/?filter=later').json()
+        self.assertEqual([e['id'] for e in r['episodes']], [self.eps[3].id])
+        self.assertTrue(r['episodes'][0]['in_later'])
+        self.assertIn('discovered_at', r['episodes'][0])
+
+
+class LevelTests(Base):
+    """New episodes by level: Stamm into the Merkliste (or the Wiedergabeliste), Strom
+    nowhere, and the old one queue without lists_v2."""
+
+    RSS = _rss([('n1', 'Mon, 05 Jan 2026 10:00:00 GMT'), ('n2', 'Tue, 06 Jan 2026 10:00:00 GMT')])
+
+    def refresh(self, level, v2=True):
+        PodcastSettings.objects.update_or_create(user=self.user, defaults={'lists_v2': v2})
+        self.feed.new_episodes = level
+        self.feed.save()
+        with patch('podcasts.views._fetch_feed', lambda url, **kw: _ok(self.RSS)):
+            _refresh_feed(self.feed)
+        guid = dict(PodcastEpisode.objects.filter(feed=self.feed).values_list('id', 'guid'))
+        return ([guid[i] for i in self.queue()], sorted(guid[i] for i in self.later()))
+
+    def test_stamm_goes_to_the_merkliste_marked_auto(self):
+        self.assertEqual(self.refresh('queue'), ([], ['n1', 'n2']))
+        self.assertTrue(all(PodcastLater.objects.filter(user=self.user).values_list('auto', flat=True)))
+
+    def test_stamm_play_goes_to_the_wiedergabeliste(self):
+        self.assertEqual(self.refresh('play'), (['n2', 'n1'], []))
+        self.assertTrue(PodcastFeed.objects.get(pk=self.feed.pk).auto_queue)
+
+    def test_strom_and_auf_abruf_go_nowhere(self):
+        self.assertEqual(self.refresh('inbox'), ([], []))
+
+    def test_without_lists_v2_stamm_queues_as_before(self):
+        self.assertEqual(self.refresh('queue', v2=False), (['n2', 'n1'], []))
+
+    def test_the_strom_leaves_out_auf_abruf(self):
+        other = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/o', title='O', new_episodes='ignore')
+        PodcastEpisode.objects.create(feed=other, guid='x', title='X', audio_url='https://example.org/x.mp3')
+        r = self.client.get('/podcasts/episodes/?filter=stream&limit=50').json()
+        self.assertNotIn('X', [e['title'] for e in r['episodes']])
+        self.assertEqual(r['total'], 4)
+
+
+class IntervalTests(Base):
+    def test_fixed_and_by_rhythm(self):
+        self.assertEqual(refresh_hours({'refresh_interval': 'daily'}, 0.5), 24)
+        self.assertEqual(refresh_hours({'refresh_interval': 'weekly'}, 0.5), 168)
+        self.assertEqual(refresh_hours({'refresh_interval': ''}, 0.1), 0.25)
+        self.assertEqual(refresh_hours({'refresh_interval': ''}, 7), 7)
+        self.assertEqual(refresh_hours({'refresh_interval': ''}, 90), 24)
+        self.assertEqual(refresh_hours({'refresh_interval': ''}, None), 1)
+
+    def test_due(self):
+        now = dj_tz.now()
+        daily = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/d', title='D',
+                                           refresh_interval='daily', last_refreshed_at=now - timedelta(hours=5))
+        stale = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/s', title='S',
+                                           refresh_interval='daily', last_refreshed_at=now - timedelta(hours=25))
+        new = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/n', title='N')
+        due = refresh_due(list(PodcastFeed.objects.filter(pk__in=[daily.pk, stale.pk, new.pk])), now)
+        self.assertEqual(set(due), {stale.pk, new.pk})
+
+    def test_setting_it(self):
+        r = self.post(f'/podcasts/feeds/{self.feed.pk}/settings/', {'refresh_interval': 'weekly'}).json()
+        self.assertEqual(r['refresh_interval'], 'weekly')
+        self.assertEqual(self.post(f'/podcasts/feeds/{self.feed.pk}/settings/', {'refresh_interval': 'often'}).status_code, 400)
+
+
+class StromTests(Base):
+    def test_heard_in_twelve_months_per_feed(self):
+        EpisodeProgress.objects.create(user=self.user, episode=self.eps[0], played=True)
+        EpisodeProgress.objects.create(user=self.user, episode=self.eps[1], position_seconds=120)
+        EpisodeProgress.objects.create(user=self.user, episode=self.eps[2], position_seconds=10)   # just a taste
+        old = EpisodeProgress.objects.create(user=self.user, episode=self.eps[3], played=True)
+        EpisodeProgress.objects.filter(pk=old.pk).update(updated_at=dj_tz.now() - timedelta(days=400))
+        feed = [f for f in self.state()['feeds'] if f['id'] == self.feed.id][0]
+        self.assertEqual(feed['heard_365'], 2)
+
+    def test_seen(self):
+        self.assertIsNone(self.state()['stream_seen_at'])
+        r = self.post('/podcasts/stream/seen/').json()
+        self.assertIsNone(r['before'])
+        r2 = self.post('/podcasts/stream/seen/').json()
+        self.assertEqual(r2['before'], r['now'])
+        self.assertEqual(self.state()['stream_seen_at'], r2['now'])
diff --git a/podcasts/tests.py b/podcasts/tests.py
index d1fb5a1..702b16d 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -834,11 +834,13 @@ class EpisodeListTests(TestCase):
 
     def test_episode_fields(self):
         eps = {e['id']: e for e in self.get()['episodes']}
-        self.assertEqual(eps[self.a2.id], {
+        a2 = dict(eps[self.a2.id])
+        self.assertTrue(a2.pop('discovered_at'))   # when diora found it (the Strom's mark)
+        self.assertEqual(a2, {
             'id': self.a2.id, 'title': 'A2', 'audio_url': 'https://example.org/a2.mp3', 'duration_seconds': 0,
             'pub_date': '2026-01-02T09:00:00+00:00', 'artwork_url': '',
             'feed__id': self.fa.id, 'feed__title': 'Alpha', 'feed__artwork_url': 'https://example.org/a.jpg',
-            'position_seconds': 100, 'played': False, 'favorite': False, 'in_queue': True,
+            'position_seconds': 100, 'played': False, 'favorite': False, 'in_queue': True, 'in_later': False,
             'last_played_at': '2026-02-03T09:00:00+00:00',
         })
         a4 = eps[self.a4.id]
@@ -1104,7 +1106,7 @@ FEED_DEFAULTS = {
     'playback_speed': None, 'skip_intro': 0, 'skip_outro': 0, 'volume': 1.0, 'new_episodes': 'inbox',
     'include_words': '', 'exclude_words': '', 'min_duration': 0, 'auto_queue': False, 'auto_download': False,
     'notify': False, 'episode_sort': '', 'episode_filter': [], 'skip_silence': None, 'kind': 'podcast',
-    'folder': '', 'folders': [],
+    'folder': '', 'folders': [], 'refresh_interval': '',
 }
 
 
@@ -1132,6 +1134,7 @@ class FeedSettingsTests(TestCase):
             'new_episodes': 'inbox', 'include_words': 'News, Talk', 'exclude_words': 'Teaser', 'min_duration': 10,
             'auto_queue': False, 'auto_download': False, 'notify': False,
             'episode_sort': '', 'episode_filter': [], 'skip_silence': None, 'kind': 'podcast', 'folder': '', 'folders': [],
+            'refresh_interval': '',
         })
         self.feed.refresh_from_db()
         self.assertEqual((self.feed.playback_speed, self.feed.skip_intro, self.feed.volume, self.feed.min_duration),
diff --git a/podcasts/urls.py b/podcasts/urls.py
index 0fad4c6..f548b79 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -35,6 +35,10 @@ urlpatterns = [
     path('queue/add/', views.queue_add, name='podcast_queue_add'),
     path('queue/remove/', views.queue_remove, name='podcast_queue_remove'),
     path('queue/reorder/', views.queue_reorder, name='podcast_queue_reorder'),
+    path('later/add/', views.later_add, name='podcast_later_add'),
+    path('later/remove/', views.later_remove, name='podcast_later_remove'),
+    path('lists/', views.lists_switch, name='podcast_lists_switch'),
+    path('stream/seen/', views.stream_seen, name='podcast_stream_seen'),
     path('settings/', views.podcast_settings, name='podcast_settings'),
     path('progress/save/', views.save_progress, name='podcast_save_progress'),
     path('progress/mark-played/', views.mark_played, name='podcast_mark_played'),
diff --git a/podcasts/views.py b/podcasts/views.py
index 10c00e2..6c712fb 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -32,8 +32,8 @@ from . import transcripts as transcripts_mod
 from . import youtube as youtube_mod
 from . import folders as folders_mod
 from .models import (
-    EpisodeProgress, EpisodeTranscript, PlayerDevice, PlayerState, PodcastEpisode, PodcastFeed, PodcastQueue,
-    MAX_SPEED, MIN_SPEED, PodcastSettings, counts_as_played,
+    EpisodeProgress, EpisodeTranscript, PlayerDevice, PlayerState, PodcastEpisode, PodcastFeed, PodcastLater,
+    PodcastQueue, MAX_SPEED, MIN_SPEED, PodcastSettings, counts_as_played,
 )
 from .shownotes import extract_timestamps, sanitize_html
 
@@ -191,6 +191,89 @@ def _leave_inbox(user, episode_ids):
     )
 
 
+# ---------------------------------------------------------------------------
+# Merkliste (docs/podcasts.md)
+# ---------------------------------------------------------------------------
+
+def _later_add(user, episode_ids, auto=False):
+    """Put episodes on the user's Merkliste (those not on it yet). Like queueing they are no
+    longer new; wanted again after "Folge löschen". Returns the ids added."""
+    have = set(PodcastLater.objects.filter(user=user, episode_id__in=episode_ids).values_list('episode_id', flat=True))
+    new = [i for i in dict.fromkeys(episode_ids) if i not in have]
+    if not new:
+        return []
+    PodcastLater.objects.bulk_create([PodcastLater(user=user, episode_id=i, auto=auto) for i in new], ignore_conflicts=True)
+    _leave_inbox(user, new)
+    EpisodeProgress.objects.filter(user=user, episode_id__in=new, discarded_at__isnull=False).update(discarded_at=None)
+    return new
+
+
+def _later_remove(user, episode_ids):
+    PodcastLater.objects.filter(user=user, episode_id__in=episode_ids).delete()
+
+
+def _later_data(user):
+    """The Merkliste: like the queue's rows (episode__… fields, position_seconds), plus
+    added_at, auto and in_queue (also in the Wiedergabeliste). Newest episode first; the
+    apps group it by podcast."""
+    items = list(
+        PodcastLater.objects.filter(user=user)
+        .order_by(F('episode__pub_date').desc(nulls_last=True), '-id')
+        .values(
+            'id', 'added_at', 'auto',
+            'episode__id', 'episode__title', 'episode__audio_url',
+            'episode__duration_seconds', 'episode__artwork_url',
+            'episode__feed__id', 'episode__feed__title', 'episode__feed__artwork_url',
+            'episode__pub_date',
+        )
+    )
+    ids = [i['episode__id'] for i in items]
+    positions = dict(EpisodeProgress.objects.filter(user=user, episode_id__in=ids).values_list('episode_id', 'position_seconds'))
+    queued = set(PodcastQueue.objects.filter(user=user, episode_id__in=ids).values_list('episode_id', flat=True))
+    for i in items:
+        i['position_seconds'] = positions.get(i['episode__id'], 0)
+        i['in_queue'] = i['episode__id'] in queued
+        i['added_at'] = i['added_at'].isoformat()
+        if i['episode__pub_date']:
+            i['episode__pub_date'] = i['episode__pub_date'].isoformat()
+    return items
+
+
+# How often a feed is fetched (docs/podcasts.md): fixed, or by its rhythm — a feed that
+# brings an episode every n days is fetched every n hours, within 15 minutes and a day.
+REFRESH_HOURS = {'hourly': 1, 'daily': 24, 'weekly': 24 * 7}
+REFRESH_AUTO_MIN_HOURS = 0.25
+REFRESH_AUTO_MAX_HOURS = 24
+
+
+def refresh_hours(feed, interval_days):
+    """Hours between two fetches of `feed` (a PodcastFeed or a dict with refresh_interval)."""
+    fixed = REFRESH_HOURS.get(getattr(feed, 'refresh_interval', None) if not isinstance(feed, dict) else feed.get('refresh_interval'))
+    if fixed:
+        return fixed
+    if interval_days is None:
+        return 1
+    return min(max(interval_days, REFRESH_AUTO_MIN_HOURS), REFRESH_AUTO_MAX_HOURS)
+
+
+def refresh_due(feeds, now=None):
+    """The ids of the feeds due for a fetch: never fetched, or longer ago than their
+    refresh_hours (with a few minutes' slack for the 15-minute cron)."""
+    now = now or timezone.now()
+    intervals = {}
+    due = []
+    for f in feeds:
+        if f.user_id not in intervals:
+            intervals[f.user_id] = _intervals(f.user)
+        if f.last_refreshed_at is None:
+            due.append(f.id)
+            continue
+        hours = refresh_hours(f, intervals[f.user_id].get(f.id))
+        if now - f.last_refreshed_at >= timedelta(hours=hours) - timedelta(minutes=5):
+            due.append(f.id)
+    return due
+
+
 # ---------------------------------------------------------------------------
 # Duration helper
 # ---------------------------------------------------------------------------
@@ -724,17 +807,23 @@ def _apply_feed(feed_obj, fetched, full=False):
             _leave_inbox(feed_obj.user, list(gone))
             new_episodes_list = [e for e in new_episodes_list if e.id not in gone]
 
-    if feed_obj.new_episodes == PodcastFeed.NEW_QUEUE and new_episodes_list and feed_obj.kind != PodcastFeed.AUDIOBOOK:
-        where = PodcastSettings.for_user(feed_obj.user).auto_queue_position
-        # Newest first in front of what's there; oldest first when appended,
-        # so the end of the queue plays in the order the episodes came out.
+    stamm = (PodcastFeed.NEW_QUEUE, PodcastFeed.NEW_PLAY)
+    if feed_obj.new_episodes in stamm and new_episodes_list and feed_obj.kind != PodcastFeed.AUDIOBOOK:
+        s = PodcastSettings.for_user(feed_obj.user)
         newest_first = sorted(
             new_episodes_list,
             key=lambda e: e.pub_date or e.discovered_at,
             reverse=True,
         )
-        ordered = newest_first if where != PodcastSettings.BACK else newest_first[::-1]
-        _enqueue(feed_obj.user, [e.id for e in ordered], where)
+        if s.lists_v2 and feed_obj.new_episodes == PodcastFeed.NEW_QUEUE:
+            # Stamm: into the Merkliste (docs/podcasts.md).
+            _later_add(feed_obj.user, [e.id for e in newest_first], auto=True)
+        else:
+            where = s.auto_queue_position
+            # Newest first in front of what's there; oldest first when appended,
+            # so the end of the queue plays in the order the episodes came out.
+            ordered = newest_first if where != PodcastSettings.BACK else newest_first[::-1]
+            _enqueue(feed_obj.user, [e.id for e in ordered], where)
 
     # Only now, with every episode written: the validators (a 304 next time
     # skips all of the above) and a clean error state.
@@ -803,6 +892,7 @@ FEED_SETTING_FIELDS = (
     'playback_speed', 'skip_intro', 'skip_outro', 'volume',
     'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_queue', 'auto_download',
     'notify', 'episode_sort', 'episode_filter', 'skip_silence', 'kind', 'folder', 'folders',
+    'refresh_interval',
 )
 
 
@@ -811,6 +901,7 @@ def _feed_settings(feed):
 
 
 INTERVAL_EPISODES = 10   # a feed's newest episodes that tell how often it comes
+HEARD_MIN_SECONDS = 60   # listened into this far, an episode counts as heard (with played)
 INTERVAL_SINGLE_DAYS = 30
 
 
@@ -870,6 +961,8 @@ def _feeds_data(user):
             played_count=Count('id', filter=Q(played=True)),
             hidden_count=Count('id', filter=Q(played=True) | Q(dismissed=True)),
             last_played_at=Max('updated_at', filter=Q(played=True) | Q(position_seconds__gt=0)),
+            heard_365=Count('id', filter=(Q(played=True) | Q(position_seconds__gt=HEARD_MIN_SECONDS))
+                            & Q(updated_at__gte=timezone.now() - timedelta(days=365))),
         )
     }
 
@@ -880,6 +973,9 @@ def _feeds_data(user):
         mine = listened.get(f['id'], {})
         f['unplayed_count'] = max(f['episode_count'] - mine.get('played_count', 0), 0)
         f['new_count'] = max(f['episode_count'] - mine.get('hidden_count', 0), 0)
+        # Episodes heard in the last 12 months: the Strom puts the most listened first,
+        # any heard one before every never-heard one (docs/podcasts.md).
+        f['heard_365'] = mine.get('heard_365', 0)
         last = mine.get('last_played_at')
         f['last_played_at'] = last.isoformat() if last else None
         if f['last_refreshed_at']:
@@ -1052,6 +1148,12 @@ def _new_episodes(value):
     return value
 
 
+def _refresh_interval(value):
+    if value not in {key for key, _ in PodcastFeed.REFRESH_INTERVALS}:
+        raise ValueError
+    return value
+
+
 def _boolean(value):
     if not isinstance(value, bool):
         raise ValueError
@@ -1083,6 +1185,7 @@ FEED_SETTING_PARSERS = {
     'folder': lambda v: folders_mod.clean_name(v),
     'folders': folders_mod.clean_list,
     'skip_silence': _optional_boolean,
+    'refresh_interval': lambda v: _refresh_interval(v),
 }
 
 
@@ -1493,6 +1596,9 @@ EPISODE_FILTERS = {
     'favorites': Q(favorite=True),
     'history': Q(played=True) | Q(position_seconds__gt=0),
     'queued': Q(in_queue=True),
+    'later': Q(in_later=True),
+    # The Strom (docs/podcasts.md): every subscription but the "Auf Abruf" ones.
+    'stream': ~Q(feed__new_episodes=PodcastFeed.NEW_IGNORE),
 }
 # Episodes of unknown length (0) come last when sorting by length.
 _UNKNOWN_LENGTH_LAST = Case(When(duration_seconds__gt=0, then=Value(0)), default=Value(1), output_field=IntegerField())
@@ -1510,7 +1616,7 @@ EPISODE_LIST_MAX = 500
 EPISODE_LIST_FIELDS = (
     'id', 'title', 'audio_url', 'duration_seconds', 'pub_date', 'artwork_url',
     'feed__id', 'feed__title', 'feed__artwork_url',
-    'position_seconds', 'played', 'favorite', 'in_queue', 'last_played_at',
+    'position_seconds', 'played', 'favorite', 'in_queue', 'in_later', 'last_played_at', 'discovered_at',
 )
 
 
@@ -1542,6 +1648,7 @@ def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, li
             favorite=Coalesce('mine__favorite', Value(False)),
             last_played_at=F('mine__updated_at'),
             in_queue=Exists(PodcastQueue.objects.filter(user=user, episode=OuterRef('pk'))),
+            in_later=Exists(PodcastLater.objects.filter(user=user, episode=OuterRef('pk'))),
         )
     )
     for name in names:
@@ -1574,6 +1681,8 @@ def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, li
         ep['played'] = bool(ep['played'])
         ep['favorite'] = bool(ep['favorite'])
         ep['in_queue'] = bool(ep['in_queue'])
+        ep['in_later'] = bool(ep['in_later'])
+        ep['discovered_at'] = ep['discovered_at'].isoformat() if ep['discovered_at'] else None
     return episodes, total
 
 
@@ -1838,6 +1947,10 @@ def podcast_state(request):
         'inbox_total': _inbox_episodes(request.user).count(),
         'inbox_limit': limit,
         'settings': _settings_data(s),
+        # docs/podcasts.md: the Merkliste, whether the two lists are on, the Strom's mark.
+        'later': _later_data(request.user),
+        'lists_v2': s.lists_v2,
+        'stream_seen_at': s.stream_seen_at.isoformat() if s.stream_seen_at else None,
         'import_downloads': {'count': len(downloads), 'bytes': sum(e['size'] for e in downloads)},
         'discarded': _discarded_data(request.user),
         'server_time': timezone.now().isoformat(),
@@ -1956,6 +2069,90 @@ def queue_reorder(request):
     return JsonResponse({'ok': True})
 
 
+def _episode_ids(request):
+    """The user's episodes among body['episode_ids'] (in order), or a JsonResponse error."""
+    try:
+        body = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return None, JsonResponse({'error': 'invalid JSON'}, status=400)
+    ids = body.get('episode_ids') if isinstance(body, dict) else None
+    if not isinstance(ids, list) or not all(isinstance(i, int) and not isinstance(i, bool) for i in ids):
+        return None, JsonResponse({'error': 'episode_ids (a list of numbers) required'}, status=400)
+    found = set(PodcastEpisode.objects.filter(pk__in=ids[:EPISODE_IDS_MAX], feed__user=request.user)
+                .values_list('id', flat=True))
+    return [i for i in ids if i in found], None
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def later_add(request):
+    """{"episode_ids": [...]}: onto the Merkliste (docs/podcasts.md)."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    ids, err = _episode_ids(request)
+    if err:
+        return err
+    return JsonResponse({'ok': True, 'added': _later_add(request.user, ids)})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def later_remove(request):
+    """{"episode_ids": [...]}: off the Merkliste (the Wiedergabeliste is left alone)."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    ids, err = _episode_ids(request)
+    if err:
+        return err
+    _later_remove(request.user, ids)
+    return JsonResponse({'ok': True})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def lists_switch(request):
+    """{"on": true}: the two lists of docs/podcasts.md — what is in the queue now becomes
+    the Merkliste, the Wiedergabeliste starts empty. {"on": false}: back, the Merkliste
+    joins the end of the queue."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        body = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    on = bool(body.get('on')) if isinstance(body, dict) else False
+    user = request.user
+    with transaction.atomic():
+        s = PodcastSettings.for_user(user)
+        if on and not s.lists_v2:
+            _later_add(user, _queue_order(user))
+            PodcastQueue.objects.filter(user=user).delete()
+        elif not on and s.lists_v2:
+            later = list(PodcastLater.objects.filter(user=user)
+                         .order_by(F('episode__pub_date').asc(nulls_last=True)).values_list('episode_id', flat=True))
+            _enqueue(user, later, PodcastSettings.BACK)
+            PodcastLater.objects.filter(user=user).delete()
+        s.lists_v2 = on
+        s.save(update_fields=['lists_v2'])
+    return JsonResponse({'ok': True, 'lists_v2': on, 'queue': len(_queue_order(user)),
+                         'later': PodcastLater.objects.filter(user=user).count()})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def stream_seen(request):
+    """The user looked at the Strom now: returns the time before (episodes found after it
+    carry the mark) and keeps now."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    s = PodcastSettings.for_user(request.user)
+    before = s.stream_seen_at
+    s.stream_seen_at = timezone.now()
+    s.save(update_fields=['stream_seen_at'])
+    return JsonResponse({'ok': True, 'before': before.isoformat() if before else None,
+                         'now': s.stream_seen_at.isoformat()})
+
+
 def _choice(choices, what):
     def parse(value):
         if value not in choices:
@@ -2125,6 +2322,7 @@ def save_progress(request):
     # Within the last seconds: played (same rule as the apps).
     if counts_as_played(position, episode.duration_seconds):
         progress.played = True
+        _later_remove(request.user, [episode.id])   # heard: off the Merkliste
 
     progress.save()
     return JsonResponse({'ok': True, 'played': progress.played})
@@ -2159,6 +2357,8 @@ def mark_played(request):
         progress.position_seconds = 0   # heard to the end, now "not heard": from the start again
         fields.append('position_seconds')
     progress.save(update_fields=fields)
+    if played:
+        _later_remove(request.user, [episode.id])
     return JsonResponse({'ok': True, 'played': played})
 
 
@@ -2245,6 +2445,7 @@ def discard_episodes(request):
     now = timezone.now()
     with transaction.atomic():
         _dequeue(request.user, valid)
+        _later_remove(request.user, valid)
         # update() leaves updated_at alone: throwing an episode away isn't listening to it.
         rows = EpisodeProgress.objects.filter(user=request.user, episode_id__in=valid)
         rows.update(dismissed=True, discarded_at=now)
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index d4a52ff..27ac1b8 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -96,7 +96,8 @@
   };
 
   function empty() {
-    return {feeds: [], queue: [], inbox: [], settings: {enqueue_position: 'back', auto_queue_position: 'front'}};
+    return {feeds: [], queue: [], inbox: [], later: [], lists_v2: false,
+      settings: {enqueue_position: 'back', auto_queue_position: 'front'}};
   }
 
   let state = load('state', null) || empty();
@@ -182,6 +183,8 @@
         if (r.status !== 200) return false;
         const fresh = await r.json();
         if (outbox.length) continue;
+        // The Strom's marks of this visit stay until the next look (podcastStreamSeen).
+        if (state && state.stream_seen_before !== undefined) fresh.stream_seen_before = state.stream_seen_before;
         state = fresh;
         save();
         changed();
@@ -260,6 +263,7 @@
 
   function markInQueue(s, ids, inQueue) {
     for (const o of s.inbox || []) if (ids.has(o.id)) o.in_queue = inQueue;
+    for (const o of s.later || []) if (ids.has(o.episode__id)) o.in_queue = inQueue;
   }
 
   function forEpisode(s, id, block) {
@@ -288,12 +292,45 @@
       const ids = fresh.map(e => e.episode__id);
       setQueueOrder(s, order.slice(0, at).concat(ids, order.slice(at)));
       removeFromInbox(s, new Set(ids));   // queued means no longer new
+      markInQueue(s, new Set(ids), true);
       const body = {episode_ids: ids, where: pos};
       if (currentId) body.current_episode_id = currentId;
       queueOp('/podcasts/queue/add/', body);
     });
   }
 
+  // ---- the Merkliste (docs/podcasts.md): state.later, entries like the queue's ------------------
+
+  function laterOf(s) {
+    if (!Array.isArray(s.later)) s.later = [];
+    return s.later;
+  }
+
+  function laterAdd(episodes) {
+    edit(s => {
+      const have = new Set(laterOf(s).map(e => e.episode__id));
+      const fresh = episodes.map(asQueueEntry).filter(e => !have.has(e.episode__id) && have.add(e.episode__id));
+      if (!fresh.length) return;
+      const queued = new Set(queueIds(s));
+      for (const e of fresh) {
+        laterOf(s).unshift(Object.assign({}, e, {added_at: new Date().toISOString(), auto: false, in_queue: queued.has(e.episode__id)}));
+      }
+      removeFromInbox(s, new Set(fresh.map(e => e.episode__id)));
+      queueOp('/podcasts/later/add/', {episode_ids: fresh.map(e => e.episode__id)});
+    });
+  }
+
+  function dropLater(s, set) {
+    if (Array.isArray(s.later)) s.later = s.later.filter(e => !set.has(e.episode__id));
+  }
+
+  function laterRemove(ids) {
+    edit(s => {
+      dropLater(s, new Set(ids));
+      queueOp('/podcasts/later/remove/', {episode_ids: ids});
+    });
+  }
+
   function dequeueAll(ids) {
     edit(s => {
       const gone = new Set(ids);
@@ -348,6 +385,7 @@
       if (!played) return;
       const set = new Set(ids);
       removeFromInbox(s, set);
+      dropLater(s, set);   // heard: off the Merkliste (the server does the same)
       for (const id of ids) forEpisode(s, id, o => { o.position_seconds = 0; });
       if (leaveQueue) {
         const inQueue = queueIds(s).filter(id => set.has(id));
@@ -378,6 +416,7 @@
       if (order.some(id => set.has(id))) setQueueOrder(s, order.filter(id => !set.has(id)));
       markInQueue(s, set, false);
       removeFromInbox(s, set);
+      dropLater(s, set);
       queueOp('/podcasts/episodes/discard/', {episode_ids: ids});
     });
     dropDiscarded(ids);
@@ -1832,6 +1871,24 @@
     },
     podcastMarkPlayedAll: sent((json, played) => markPlayedAll(ids(json), !!played, prefs.remove_played)),
     podcastDismiss: sent(json => dismiss(ids(json))),
+    // The Merkliste and the two lists (docs/podcasts.md).
+    podcastLaterAdd: sent(json => laterAdd(parse(json, []) || [])),
+    podcastLaterRemove: sent(json => laterRemove(ids(json))),
+    podcastListsSwitch(on) {
+      queueOp('/podcasts/lists/', {on: !!on});
+      save();
+      flush().then(() => refresh(false)).then(ok => { if (window.__dioraPodcastsRefreshed) window.__dioraPodcastsRefreshed(ok); });
+    },
+    // The Strom was looked at: the time before (its marks) stays in the state as
+    // stream_seen_before; the server keeps now.
+    podcastStreamSeen() {
+      edit(s => {
+        s.stream_seen_before = s.stream_seen_at || null;
+        s.stream_seen_at = new Date().toISOString();
+        queueOp('/podcasts/stream/seen/', {}, 'stream-seen');
+      });
+      flush();
+    },
     podcastDiscard: sent(json => discard(ids(json))),
     podcastSettings: sent(json => setSettings(parse(json, {}) || {})),
     podcastAutoQueue: sent((feedId, on) => setAutoQueue(feedId, !!on)),
diff --git a/static/js/sw.js b/static/js/sw.js
index cc14f05..1aafb82 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v135';
+const CACHE = 'diora-v136';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 3c9185689a81f8df80d406ffea1caeb9d8e7fbc6 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 18:21:03 +0200
Subject: [PATCH 150/176] =?UTF-8?q?Podcasts=20im=20Browser:=20Wiedergabeli?=
 =?UTF-8?q?ste=20=C2=B7=20Merkliste=20=C2=B7=20Strom=20=C2=B7=20Abos=20(di?=
 =?UTF-8?q?ora-android=20ef914bd),=20sw=20v137?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sw.js                   |   2 +-
 static/podcasts/native-podcast.js | 416 +++++++++++++++++++++++++++---
 static/podcasts/podcast-ui.css    |  18 +-
 3 files changed, 395 insertions(+), 41 deletions(-)

diff --git a/static/js/sw.js b/static/js/sw.js
index 1aafb82..461a9dd 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v136';
+const CACHE = 'diora-v137';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 2ef135b..b21d24c 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android bd98557 2026-10-19: web-native/static/native-podcast.js
+// Copied from diora-android ef914bd 2026-10-19: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -31,7 +31,16 @@
     {id: 'episodes', label: 'Folgen'},
     {id: 'feeds', label: 'Abos'},
   ];
-  const VIEW_IDS = VIEWS.map(v => v.id).concat('search');
+  // With the two lists (diora-web docs/podcasts.md, state.lists_v2): the queue is the
+  // Wiedergabeliste, the Merkliste holds what to hear some day, the Strom replaces „Neu“
+  // and „Folgen“.
+  const VIEWS_V2 = [
+    {id: 'queue', label: 'Wiedergabeliste'},
+    {id: 'later', label: 'Merkliste'},
+    {id: 'stream', label: 'Strom'},
+    {id: 'feeds', label: 'Abos'},
+  ];
+  const VIEW_IDS = VIEWS.map(v => v.id).concat('later', 'stream', 'search');
   // The app's start page (this device; native.js opens it, the browser host too).
   const IN_APP = !window.DioraPodcastHost;
   // A function: the app loads this file in <head>, before #tab-home exists.
@@ -72,6 +81,13 @@
   let state = parse(N.podcastState(), {});
   let player = {kind: null};
   let view = 'queue';
+  let streamSeen = false;   // podcastStreamSeen() sent for this visit (until the app was away 10 min)
+  let lastView = '';
+  let hiddenAt = 0;
+  document.addEventListener('visibilitychange', () => {
+    if (document.hidden) { hiddenAt = Date.now(); return; }
+    if (hiddenAt && Date.now() - hiddenAt > 10 * 60000) { streamSeen = false; lastView = ''; if (view === 'stream') render(); }
+  });
   let feedView = null;      // {feed, episodes} while one podcast is open
   let searchResults = null;
   let preview = null;       // {id, url, data | choices | error} while a feed is looked at before subscribing
@@ -95,6 +111,18 @@
 
   const queue = () => state.queue || [];
   const inbox = () => state.inbox || [];
+  const later = () => state.later || [];
+  const v2 = () => !!state.lists_v2;
+  const views = () => (v2() ? VIEWS_V2 : VIEWS);
+  // A view of the other model (a start page, a notice, an older choice): its counterpart.
+  function fixView() {
+    if (v2() && (view === 'inbox' || view === 'episodes')) view = 'stream';
+    if (!v2() && view === 'stream') view = 'inbox';
+    if (!v2() && view === 'later') view = 'queue';
+  }
+  // The play list's name.
+  const QNAME = () => (v2() ? 'Wiedergabeliste' : 'Warteschlange');
+  const inLater = e => later().some(x => x.episode__id === e.id) || !!(e.raw && e.raw.in_later);
   // All new episodes: the server sends the first ones (inbox_limit) and how many there are
   // (inbox_total); what left „Neu“ here since then counts off.
   function inboxTotal() {
@@ -389,13 +417,48 @@
   function play(e) {
     const r = remote();
     if (r ? r.kind === 'podcast' && r.episodeId === e.id : currentId() === e.id) { openPlayer(); return; }
+    // Two lists: ▶ puts it first in the Wiedergabeliste (in the Merkliste it stays until heard).
+    if (v2()) {
+      if (inQueue(e.id)) N.podcastMove(e.id, 0);
+      else N.podcastEnqueue(JSON.stringify([e.raw]), 'front', currentId());
+    }
     N.podcastPlayEpisode(JSON.stringify(e.raw), currentId());
   }
 
   function enqueue(e, where) {
     N.podcastEnqueue(JSON.stringify([e.raw]), where || '', currentId());
     const label = POSITIONS.find(p => p.value === (where || settings().enqueue_position));
-    toast('In der Warteschlange' + (label ? ': ' + label.label.toLowerCase() : ''));
+    toast('In der ' + QNAME() + (label ? ': ' + label.label.toLowerCase() : ''));
+  }
+
+  // ＋: onto the Merkliste, or off it again.
+  function toggleLater(e) {
+    if (!N.podcastLaterAdd) return;
+    if (inLater(e)) {
+      N.podcastLaterRemove(JSON.stringify([e.id]));
+      if (e.raw) e.raw.in_later = false;
+      toast('Aus der Merkliste genommen');
+    } else {
+      N.podcastLaterAdd(JSON.stringify([e.raw]));
+      if (e.raw) e.raw.in_later = true;
+      toast('Auf der Merkliste');
+    }
+    for (const l of [epList && epList.items, feedView && feedView.episodes]) {
+      for (const o of l || []) if (o.id === e.id) o.in_later = e.raw.in_later;
+    }
+    render();
+  }
+
+  function laterButton(e) {
+    const on = inLater(e);
+    return button(on ? '✓' : '＋', on ? 'Auf der Merkliste – antippen nimmt es heraus' : 'Auf die Merkliste', () => toggleLater(e),
+      'nui-pod-mini' + (on ? ' on' : ''));
+  }
+
+  function starButton(e) {
+    const on = !!(e.raw && e.raw.favorite);
+    return button(on ? '★' : '☆', on ? 'Favorit' : 'Als Favorit markieren', () => toggleFavorite(e, star => { e.raw.favorite = star; }),
+      'nui-pod-mini nui-pod-starbtn' + (on ? ' on' : ''));
   }
 
   // Move within the queue: "next" is right after the episode that plays.
@@ -420,13 +483,15 @@
 
   // „Folge löschen“: out of the queue and „Neu“, its download goes here and on every other
   // device (the server tells them), but not played: it keeps its place and stays in „Folgen“.
-  const DISCARD_HINT = 'aus Warteschlange und Neu, Datei auf allen Geräten löschen – nicht als gehört';
+  const DISCARD_HINT_OLD = 'aus Warteschlange und Neu, Datei auf allen Geräten löschen – nicht als gehört';
+  const DISCARD_HINT_V2 = 'aus Wiedergabeliste und Merkliste, Datei auf allen Geräten löschen – nicht als gehört';
+  const discardHint = () => (v2() ? DISCARD_HINT_V2 : DISCARD_HINT_OLD);
   const discardItem = (e, opts) => N.podcastDiscard &&
-    {icon: '⊠', svg: 'trash', label: 'Folge löschen', hint: DISCARD_HINT, action: () => discardOne(e, (opts && opts.list) || '', (opts && opts.filters) || [])};
+    {icon: '⊠', svg: 'trash', label: 'Folge löschen', hint: discardHint(), action: () => discardOne(e, (opts && opts.list) || '', (opts && opts.filters) || [])};
 
   // One episode: no question, 4 s „Rückgängig“ like a swipe; sent only then. False when its row leaves the list.
   function discardOne(e, list, filters) {
-    const hide = list === 'queue' || list === 'inbox' || list === 'downloads' ||
+    const hide = list === 'queue' || list === 'inbox' || list === 'later' || list === 'downloads' ||
       filters.includes('downloaded') || filters.includes('queued');
     offerUndo(e, 'Folge gelöscht', {hide, svg: 'trash', run: () => {
       discardNow([e.id]);
@@ -445,7 +510,7 @@
   // Several: asked first.
   function discardMany(ids) {
     openSheet(`${nEpisodes(ids.length)} löschen? Nicht als gehört markiert.`, [
-      {icon: '⊠', svg: 'trash', label: 'Löschen', hint: DISCARD_HINT, danger: true, action: () => {
+      {icon: '⊠', svg: 'trash', label: 'Löschen', hint: discardHint(), danger: true, action: () => {
         discardNow(ids);
         toast(`${nEpisodes(ids.length)} gelöscht`);
         stopSelecting();
@@ -465,9 +530,10 @@
       !playing && {icon: '⤴', label: 'Als Nächstes', hint: 'direkt nach der laufenden Folge', action: () => moveTo(e, 'next')},
       {icon: '⇈', label: 'Ganz nach oben', action: () => moveTo(e, 'top')},
       {icon: '⇊', label: 'Ganz nach unten', action: () => moveTo(e, 'bottom')},
-      {icon: '✓', label: 'Als gehört markieren', hint: 'verlässt die Warteschlange', action: () => markPlayed(e)},
+      {icon: '✓', label: 'Als gehört markieren', hint: v2() ? 'verlässt beide Listen' : 'verlässt die Warteschlange', action: () => markPlayed(e)},
       ...dlMenuItems(e),
-      {icon: '✕', svg: 'listx', label: 'Aus der Warteschlange nehmen', hint: dlDone(e.id) ? 'Datei bleibt' : null,
+      v2() && N.podcastLaterAdd && !inLater(e) && {icon: '＋', label: 'Auf die Merkliste', hint: 'für später', action: () => toggleLater(e)},
+      {icon: '✕', svg: 'listx', label: 'Aus der ' + QNAME() + ' nehmen', hint: dlDone(e.id) && !v2() ? 'Datei bleibt' : null,
        action: () => N.podcastDequeue(e.id)},
       discardItem(e, opts),
       selectItem(e, opts),
@@ -475,6 +541,7 @@
   }
 
   function episodeMenu(e, opts) {
+    if (v2()) { listsMenu(e, opts); return; }
     const queued = inQueue(e.id);
     openSheet(e.title, [
       {icon: '▶', label: 'Abspielen', hint: queued ? null : 'kommt dafür in die Warteschlange', action: () => play(e)},
@@ -495,6 +562,27 @@
     ]);
   }
 
+  // An episode's menu with the two lists (Merkliste, Strom, a podcast's page).
+  function listsMenu(e, opts) {
+    const queued = inQueue(e.id);
+    const kept = inLater(e);
+    openSheet(e.title, [
+      {icon: '▶', label: 'Abspielen', hint: queued ? null : 'kommt an den Anfang der Wiedergabeliste', action: () => play(e)},
+      {icon: '☰', label: 'Folge ansehen', hint: 'Shownotes, Kapitel, alles zu dieser Folge', action: () => openEpisode(e, opts)},
+      favoriteItem(e),
+      N.podcastLaterAdd && {icon: kept ? '✕' : '＋', svg: kept ? 'listx' : null, label: kept ? 'Aus der Merkliste nehmen' : 'Auf die Merkliste',
+       hint: kept ? null : 'für später; wird geladen', action: () => toggleLater(e)},
+      !queued && {icon: '⤴', label: 'Als Nächstes hören', hint: 'in die Wiedergabeliste nach der laufenden Folge', action: () => enqueue(e, 'after_current')},
+      !queued && {icon: '⇊', label: 'Ans Ende der Wiedergabeliste', action: () => enqueue(e, 'back')},
+      queued && {icon: '✕', svg: 'listx', label: 'Aus der Wiedergabeliste nehmen', action: () => N.podcastDequeue(e.id)},
+      !e.played && {icon: '✓', label: 'Als gehört markieren', hint: kept || queued ? 'verlässt die Listen' : null, action: () => markPlayed(e)},
+      e.played && {icon: '↺', label: 'Als ungehört markieren', action: () => N.podcastMarkPlayed(e.id, false)},
+      ...dlMenuItems(e),
+      discardItem(e, opts),
+      selectItem(e, opts),
+    ]);
+  }
+
   function settingsMenu() {
     const s = settings();
     const choose = (name, title) => openSheet(title, POSITIONS.map(p => ({
@@ -510,7 +598,10 @@
     openSheet('Podcasts', [
       {icon: '⟳', label: 'Alle Feeds jetzt abrufen', hint: 'der Server holt sie, hier kommt nur das Ergebnis an',
        action: () => refresh(true)},
-      group('≡', 'Warteschlange', 'wohin neue Folgen kommen, gehörte entfernen', () => [
+      'lists_v2' in state && N.podcastListsSwitch && {icon: '☷', label: 'Wiedergabeliste und Merkliste',
+        hint: v2() ? 'an: kurze Wiedergabeliste, lange Merkliste, der Strom statt „Neu“' : 'aus: eine Warteschlange, „Neu“ und „Folgen“',
+        action: () => listsSwitch(!v2())},
+      group('≡', QNAME(), 'wohin neue Folgen kommen, gehörte entfernen', () => [
         {icon: '+', label: 'Neue Folgen von Hand einreihen', hint: label(s.enqueue_position),
          action: () => choose('enqueue_position', 'Von Hand eingereihte Folgen kommen …')},
         {icon: '↻', label: 'Automatisch eingereihte Folgen', hint: label(s.auto_queue_position),
@@ -561,6 +652,26 @@
     {value: 240, label: 'Alle 4 Stunden'},
   ];
 
+  function listsSwitch(on) {
+    N.podcastListsSwitch(!!on);
+    try { localStorage.setItem('nui_pod_lists', '1'); } catch (e) {}
+    state.lists_v2 = !!on;   // until the state comes anew
+    view = on ? 'later' : 'queue';
+    toast(on ? 'Die Warteschlange ist jetzt deine Merkliste; die Wiedergabeliste beginnt leer'
+      : 'Die Merkliste steht jetzt am Ende der Warteschlange');
+    render();
+  }
+
+  // The two lists come on by themselves once per device, when the server has them (the
+  // plan of 2026-10-19, docs/podcasts.md); the settings switch turns them off again.
+  function listsOnOnce() {
+    if (!('lists_v2' in state) || state.lists_v2 || !N.podcastListsSwitch) return;
+    let asked = false;
+    try { asked = localStorage.getItem('nui_pod_lists') === '1'; } catch (e) {}
+    if (asked) return;
+    listsSwitch(true);
+  }
+
   function backgroundSyncItem() {
     if (!N.podcastBackgroundSync || !N.podcastSetBackgroundSync) return null;
     const now = N.podcastBackgroundSync();
@@ -988,7 +1099,9 @@
      none: 'Keine angefangenen Folgen.'},
     {id: 'favorites', label: 'Favoriten', test: o => !!o.favorite,
      none: 'Noch keine Favoriten. Im ⋯-Menü einer Folge markierst du sie mit ★.'},
-    {id: 'queued', label: 'Warteschlange', test: o => inQueue(o.id), none: 'Keine davon steht in der Warteschlange.'},
+    {id: 'queued', get label() { return v2() ? 'Wiedergabeliste' : 'Warteschlange'; }, test: o => inQueue(o.id),
+     get none() { return 'Keine davon steht in der ' + QNAME() + '.'; }},
+    {id: 'later', label: 'Merkliste', v2: true, test: o => inLater({id: o.id, raw: o}), none: 'Keine davon steht auf der Merkliste.'},
     {id: 'downloaded', label: 'Geladen', app: true, test: o => dlDone(o.id), none: 'Keine Folgen auf dem Gerät.'},
     {id: 'history', label: 'Verlauf', all: true, test: o => !!o.played || (o.position_seconds || 0) > 0,
      none: 'Noch nichts gehört.'},
@@ -1099,7 +1212,7 @@
     };
     chip('Alle', !active.length, () => onChange([]));
     for (const f of FILTERS) {
-      if ((f.app && !DL) || (f.all && !allEpisodes)) continue;
+      if ((f.app && !DL) || (f.all && !allEpisodes) || (f.v2 && !v2())) continue;
       const on = active.includes(f.id);
       chip(f.label, on, () => onChange(on ? active.filter(x => x !== f.id)
         : active.filter(x => !(EXCLUDES[f.id] || []).includes(x)).concat(f.id)));
@@ -1190,8 +1303,16 @@
     } else if (feedView) {
       renderFeed();
     } else {
-      const tabs = el('div', 'nui-pod-tabs');
-      for (const v of VIEWS) {
+      fixView();
+      if (view === 'stream' && lastView !== 'stream') epList = null;   // fetched anew: what came since shows
+      if (view === 'stream' && !streamSeen) {
+        // The Strom looked at: what came since the last visit keeps its mark for this one.
+        streamSeen = true;
+        if (N.podcastStreamSeen) N.podcastStreamSeen();
+      }
+      lastView = view;
+      const tabs = el('div', 'nui-pod-tabs' + (v2() ? ' nui-pod-tabs-v2' : ''));
+      for (const v of views()) {
         const b = el('button', 'nui-pod-tab' + (v.id === view ? ' active' : ''));
         b.type = 'button';
         b.append(el('span', null, v.label));
@@ -1211,11 +1332,13 @@
       if (offer) root.append(offer);
       if (view === 'queue') folderChips(queue().map(ep), e => e.feedId);
       else if (view === 'inbox') folderChips(inbox().map(ep), e => e.feedId);
+      else if (view === 'later') folderChips(later().map(ep), e => e.feedId);
       else if (view === 'feeds') folderChips(podcastFeeds(), f => f.id);
-      else if (view === 'episodes' && !selected) folderChips(podcastFeeds(), f => f.id);
+      else if ((view === 'episodes' || view === 'stream') && !selected) folderChips(podcastFeeds(), f => f.id);
       if (view === 'queue') renderQueue();
       else if (view === 'inbox') renderInbox();
-      else if (view === 'episodes') renderEpisodes();
+      else if (view === 'later') renderLater();
+      else if (view === 'episodes' || view === 'stream') renderEpisodes();
       else if (view === 'feeds') renderFeeds();
       else renderSearch();
     }
@@ -1318,7 +1441,15 @@
     }
     const how = {select: !opts.noSelect, list, filters: opts.filters || []};
     const menu = () => (list === 'queue' ? queueMenu(e, how) : episodeMenu(e, how));
-    row.append(primaryButton(e, list), button('⋯', 'Mehr', menu, 'nui-pod-menu'));
+    if (list === 'stream') {
+      // The Strom: ★, ＋ (Merkliste), ▶ (first in the Wiedergabeliste); the rest by a long press.
+      if (opts.fresh) row.classList.add('nui-pod-fresh');
+      row.append(...[starButton(e), N.podcastLaterAdd && laterButton(e), playButton(e)].filter(Boolean));
+      row.querySelectorAll(':scope > .nui-pod-mini').forEach(b => b.addEventListener('click', ev => ev.stopPropagation()));
+    } else {
+      if (v2() && list === 'feed' && N.podcastLaterAdd) row.append(laterButton(e));
+      row.append(primaryButton(e, list), button('⋯', 'Mehr', menu, 'nui-pod-menu'));
+    }
     row.addEventListener('click', () => openEpisode(e, how));
     // Swipes: touch only, not while the queue is locked.
     const swipes = list && SWIPE_LISTS[list] && !(list === 'queue' && locked) ? list : '';
@@ -1329,20 +1460,24 @@
   // The one action at hand: the queue and the downloads play, „Neu“ queues,
   // the episode lists download (or queue, where nothing downloads).
   function dlPrimary(e, list) {
+    // Two lists: downloads follow the lists; a podcast's page plays (and ＋ keeps).
+    if (v2() && list === 'feed') return false;
     return (list === 'episodes' || list === 'feed') && DL && !!(e.raw.audio_url || e.raw.episode__audio_url);
   }
 
+  function playButton(e) {
+    const now = currentId() === e.id;
+    const b = button(now && player.playing ? '❚❚' : '▶', now && player.playing ? 'Pause' : 'Abspielen',
+      () => (currentId() === e.id ? N.podcastToggle() : play(e)), 'nui-pod-playbtn');
+    b.dataset.play = e.id;
+    return b;
+  }
+
   function primaryButton(e, list) {
-    if (list === 'queue' || list === 'downloads') {
-      const now = currentId() === e.id;
-      const b = button(now && player.playing ? '❚❚' : '▶', now && player.playing ? 'Pause' : 'Abspielen',
-        () => (currentId() === e.id ? N.podcastToggle() : play(e)), 'nui-pod-playbtn');
-      b.dataset.play = e.id;
-      return b;
-    }
+    if (list === 'queue' || list === 'downloads' || list === 'later' || (v2() && list === 'feed')) return playButton(e);
     if (dlPrimary(e, list)) return dlButton(e);
     const queued = inQueue(e.id) || (list === 'inbox' && e.inQueue);
-    return queued ? button('✓', 'In der Warteschlange', () => toast('Schon in der Warteschlange'), 'nui-pod-queued')
+    return queued ? button('✓', 'In der ' + QNAME(), () => toast('Schon in der ' + QNAME()), 'nui-pod-queued')
       : button('+', 'Einreihen', () => { enqueue(e); e.raw.in_queue = true; render(); });
   }
 
@@ -1523,6 +1658,9 @@
     episodes: {label: 'Folgen', left: 'download', right: 'favorite'},
     feed: {label: 'Podcast-Seite', hint: 'die Folgen eines Abos', left: 'delete', right: 'download'},
     downloads: {label: 'Downloads', hint: 'Folgen mit dem Filter „Geladen“', left: 'delete', right: 'delete'},
+    // The two lists (docs/podcasts.md).
+    later: {label: 'Merkliste', v2: true, left: 'unlater', right: 'queue'},
+    stream: {label: 'Strom', v2: true, left: 'favorite', right: 'later'},
   };
   const SWIPE_ACTIONS = [
     {id: 'none', label: 'Nichts', icon: ''},
@@ -1535,6 +1673,8 @@
     {id: 'played', label: 'Gehört / ungehört', hint: 'als gehört markieren', icon: '✓'},
     {id: 'favorite', label: 'Favorit an / aus', icon: '★'},
     {id: 'dismiss', label: 'Aus „Neu“ entfernen', icon: '⊘', svg: 'listx'},
+    {id: 'later', label: 'Auf die Merkliste', icon: '＋', host: 'podcastLaterAdd'},
+    {id: 'unlater', label: 'Aus der Merkliste', icon: '✕', svg: 'listx', host: 'podcastLaterRemove'},
     {id: 'discard', label: 'Folge löschen', hint: 'aus Warteschlange und Neu, Datei auf allen Geräten weg – nicht gehört',
      icon: '⊠', svg: 'trash', host: 'podcastDiscard'},
   ];
@@ -1576,6 +1716,8 @@
       case 'delete': return {title: 'Datei löschen', hint: id && deleteDequeues(id) ? 'auch aus Warteschlange' : 'nur auf diesem Gerät'};
       case 'dequeue': return {title: 'Aus Warteschlange', hint: DL ? 'Datei bleibt' : null};
       case 'dismiss': return {title: 'Aus Neu entfernen', hint: 'nicht gehört'};
+      case 'later': return {title: 'Merkliste'};
+      case 'unlater': return {title: 'Aus der Merkliste', hint: 'nicht gehört'};
       case 'queue': return {title: 'Einreihen'};
       case 'download': return {title: 'Laden'};
       case 'favorite': return {title: 'Favorit'};
@@ -1688,8 +1830,27 @@
   function swipeDone(e, list, act, filters) {
     const o = e.raw || {};
     const has = d => DL && downloads[e.id] && downloads[e.id].state === d;
+    if (act === 'later') {
+      if (inLater(e)) { toast('Schon auf der Merkliste'); return true; }
+      offerUndo(e, 'Auf der Merkliste', {run: () => {
+        N.podcastLaterAdd(JSON.stringify([o]));
+        o.in_later = true;
+        render();
+      }});
+      return true;
+    }
+    if (act === 'unlater') {
+      if (!inLater(e)) { toast('Nicht auf der Merkliste'); return true; }
+      const hide = list === 'later';
+      offerUndo(e, 'Aus der Merkliste', {hide, svg: 'listx', run: () => {
+        N.podcastLaterRemove(JSON.stringify([e.id]));
+        o.in_later = false;
+        if (!hide) render();
+      }});
+      return !hide;
+    }
     if (act === 'queue') {
-      if (inQueue(e.id)) { toast('Schon in der Warteschlange'); return true; }
+      if (inQueue(e.id)) { toast('Schon in der ' + QNAME()); return true; }
       // Queued episodes leave „Neu“ for good (AntennaPod's rule): sent only after the 4 s.
       const hide = list === 'inbox';
       offerUndo(e, 'Eingereiht', {hide, run: () => {
@@ -1729,7 +1890,7 @@
     if (act === 'played') {
       const played = !(o.played || e.played);
       const hide = played
-        ? list === 'inbox' || (list === 'queue' && devicePrefs().remove_played !== false) ||
+        ? list === 'inbox' || list === 'later' || (list === 'queue' && devicePrefs().remove_played !== false) ||
           filters.includes('unplayed') || filters.includes('in_progress')
         : filters.includes('played');
       offerUndo(e, played ? 'Als gehört markiert' : 'Als ungehört markiert', {hide, run: () => {
@@ -1761,18 +1922,19 @@
   function renderQueue() {
     const all = queue().map(ep);
     if (!all.length) {
-      empty('Die Warteschlange ist leer. Unter „Neu“ oder bei einem Abo tippst du auf „+“, um Folgen einzureihen.');
+      empty(v2() ? 'Die Wiedergabeliste ist leer. ▶ bei einer Folge – in der Merkliste, im Strom oder bei einem Abo – spielt sie und stellt sie hierher; ist die Liste durch, hört der Player auf.'
+        : 'Die Warteschlange ist leer. Unter „Neu“ oder bei einem Abo tippst du auf „+“, um Folgen einzureihen.');
       return;
     }
     const items = all.filter(e => inFolder(e.feedId));
-    if (!items.length) { empty(folderEmpty('in der Warteschlange')); return; }
+    if (!items.length) { empty(folderEmpty('in der ' + QNAME())); return; }
     const total = items.reduce((n, e) => n + shown(Math.max(0, (e.duration || 0) - (e.pos || 0)), e.feedId), 0);
     if (selected) {
       root.append(selectionBar(items, [
         {label: 'Nach oben', run: ids => N.podcastReorder(JSON.stringify(ids.concat(queue().map(q => q.episode__id).filter(id => !ids.includes(id)))))},
         {label: 'Nach unten', run: ids => N.podcastReorder(JSON.stringify(queue().map(q => q.episode__id).filter(id => !ids.includes(id)).concat(ids)))},
         {label: 'Gehört', run: ids => { N.podcastMarkPlayedAll(JSON.stringify(ids), true); stopSelecting(); }},
-        {label: 'Aus Warteschlange', svg: 'listx', run: ids => { N.podcastDequeueAll(JSON.stringify(ids)); stopSelecting(); }},
+        {label: v2() ? 'Aus der Liste' : 'Aus Warteschlange', svg: 'listx', run: ids => { N.podcastDequeueAll(JSON.stringify(ids)); stopSelecting(); }},
         discardAction(),
       ]));
     } else {
@@ -1805,6 +1967,74 @@
     root.append(list);
   }
 
+  // The Merkliste: by podcast, each one folds (this device remembers which are open); in a
+  // podcast its newest episode first. Heard or „Folge löschen“ takes an episode off.
+  let laterOpen = new Set();
+  try { laterOpen = new Set(JSON.parse(localStorage.getItem('nui_pod_later_open') || '[]')); } catch (e) {}
+
+  function toggleLaterOpen(feedId) {
+    if (laterOpen.has(feedId)) laterOpen.delete(feedId); else laterOpen.add(feedId);
+    try { localStorage.setItem('nui_pod_later_open', JSON.stringify([...laterOpen])); } catch (e) {}
+    render();
+  }
+
+  function renderLater() {
+    const all = later().map(ep);
+    if (!all.length) {
+      empty('Die Merkliste ist leer. Mit ＋ im Strom oder bei einem Abo merkst du dir Folgen; neue Folgen deiner Stamm-Podcasts kommen von selbst hierher (und werden geladen).');
+      return;
+    }
+    const items = all.filter(e => inFolder(e.feedId));
+    if (!items.length) { empty(folderEmpty('auf der Merkliste')); return; }
+    if (selected) {
+      root.append(selectionBar(items, [
+        {label: 'Abspielen', run: ids => {
+          N.podcastEnqueue(JSON.stringify(items.filter(e => ids.includes(e.id)).map(e => e.raw)), 'front', currentId());
+          toast(`${nEpisodes(ids.length)} vorn in der Wiedergabeliste`);
+          stopSelecting();
+        }},
+        {label: 'In die Liste', run: ids => {
+          N.podcastEnqueue(JSON.stringify(items.filter(e => ids.includes(e.id)).map(e => e.raw)), 'back', currentId());
+          toast(`${nEpisodes(ids.length)} am Ende der Wiedergabeliste`);
+          stopSelecting();
+        }},
+        {label: 'Gehört', run: ids => { N.podcastMarkPlayedAll(JSON.stringify(ids), true); stopSelecting(); }},
+        {label: 'Herausnehmen', svg: 'listx', run: ids => { N.podcastLaterRemove(JSON.stringify(ids)); stopSelecting(); }},
+        DL && {label: 'Laden', run: ids => downloadMany(items.filter(e => ids.includes(e.id)))},
+        discardAction(),
+      ]));
+    } else {
+      const total = items.reduce((n, e) => n + shown(Math.max(0, (e.duration || 0) - (e.pos || 0)), e.feedId), 0);
+      const head = el('div', 'nui-pod-head');
+      head.append(el('div', 'nui-pod-summary', `${nEpisodes(items.length)} · ${minutes(total)}` +
+        (podFolder != null && items.length < all.length ? ` · von ${all.length}` : '')),
+        listTools([button('☐', 'Mehrere auswählen', () => startSelecting())]));
+      root.append(head);
+    }
+    // By podcast, in the order of their newest episode (the list comes newest first).
+    const groups = new Map();
+    for (const e of items) {
+      if (!groups.has(e.feedId)) groups.set(e.feedId, []);
+      groups.get(e.feedId).push(e);
+    }
+    const list = el('div', 'nui-pod-list nui-pod-later');
+    for (const [feedId, eps] of groups) {
+      const open = !!selected || laterOpen.has(feedId) || groups.size === 1;
+      const head = el('button', 'nui-pod-group' + (open ? ' open' : ''));
+      head.type = 'button';
+      head.setAttribute('aria-expanded', open ? 'true' : 'false');
+      head.append(art(eps[0].feedArt, null, null, eps[0].feed));
+      const text = el('span', 'nui-pod-group-text');
+      text.append(el('span', 'nui-pod-group-title', eps[0].feed || ''),
+        el('span', 'nui-pod-meta', open ? nEpisodes(eps.length) : `${nEpisodes(eps.length)} · ${eps[0].title}`));
+      head.append(text, el('span', 'nui-pod-group-count', String(eps.length)), el('span', 'nui-pod-chev', open ? '▾' : '›'));
+      head.addEventListener('click', () => { if (!selected) toggleLaterOpen(feedId); });
+      list.append(head);
+      if (open) for (const e of eps) list.append(episodeRow(e, {showDate: true, list: 'later'}));
+    }
+    root.append(list);
+  }
+
   function renderInbox() {
     const all = inbox().map(ep);
     if (!all.length) {
@@ -2091,7 +2321,10 @@
       row.addEventListener('click', () => toggleSelected(f.id));
       return row;
     }
-    if (f.new_episodes === 'ignore') row.append(el('span', 'nui-pod-badge', 'still'));
+    if (v2()) {
+      if (f.new_episodes === 'queue' || f.new_episodes === 'play') row.append(el('span', 'nui-pod-badge', 'Stamm'));
+      else if (f.new_episodes === 'ignore') row.append(el('span', 'nui-pod-badge', 'Abruf'));
+    } else if (f.new_episodes === 'ignore') row.append(el('span', 'nui-pod-badge', 'still'));
     else if (f.auto_queue || f.new_episodes === 'queue') row.append(el('span', 'nui-pod-badge', 'auto'));
     const n = counter().value(f);
     if (n) {
@@ -2220,6 +2453,20 @@
   }
 
   const NEW_WHERE = {inbox: 'in „Neu“', queue: 'in die Warteschlange', ignore: 'nirgends'};
+  // With the two lists: the three levels of a subscription (docs/podcasts.md).
+  const LEVELS = [
+    {value: 'queue', label: 'Stamm', hint: 'neue Folgen auf die Merkliste, geladen'},
+    {value: 'play', label: 'Stamm, gleich in die Wiedergabeliste', hint: 'neue Folgen spielen als Nächstes, geladen'},
+    {value: 'inbox', label: 'Strom', hint: 'neue Folgen im Strom – nichts abzuarbeiten, nichts geladen'},
+    {value: 'ignore', label: 'Auf Abruf', hint: 'nicht im Strom; auf der Seite des Podcasts und in der Suche'},
+  ];
+  const levelOf = f => LEVELS.find(l => l.value === (f.new_episodes || 'inbox')) || LEVELS[2];
+  const REFRESH = [
+    {value: '', label: 'Automatisch', hint: 'nach seinem Rhythmus: wer täglich kommt, stündlich; seltene täglich'},
+    {value: 'hourly', label: 'Stündlich'},
+    {value: 'daily', label: 'Täglich'},
+    {value: 'weekly', label: 'Wöchentlich'},
+  ];
 
   function filterWords(live) {
     return [live.include_words && `nur „${live.include_words}“`, live.exclude_words && `ohne „${live.exclude_words}“`,
@@ -2237,9 +2484,15 @@
     if ('skip_silence' in live && live.skip_silence != null) parts.push(live.skip_silence ? 'Stille überspringen' : 'Stille nie überspringen');
     const words = filterWords(live);
     if (words) parts.push(words);
-    if (live.new_episodes === 'queue' || (!('new_episodes' in live) && live.auto_queue)) parts.push('neue Folgen → Warteschlange');
-    else if (live.new_episodes === 'ignore') parts.push('neue Folgen: nirgends');
-    if (live.auto_download && N.podcastDownloads) parts.push('Auto-Download');
+    if (v2() && 'new_episodes' in live) {
+      parts.push(levelOf(live).label);
+      const r = REFRESH.find(x => x.value === (live.refresh_interval || ''));
+      if (live.refresh_interval && r) parts.push('abrufen: ' + r.label.toLowerCase());
+    } else {
+      if (live.new_episodes === 'queue' || (!('new_episodes' in live) && live.auto_queue)) parts.push('neue Folgen → Warteschlange');
+      else if (live.new_episodes === 'ignore') parts.push('neue Folgen: nirgends');
+      if (live.auto_download && N.podcastDownloads) parts.push('Auto-Download');
+    }
     if (live.notify) parts.push('Benachrichtigen');
     return parts.join(' · ');
   }
@@ -2253,9 +2506,25 @@
     const choose = (head, choices) => () => openSheet(head, choices);
     const items = [];
     const pos = (POSITIONS.find(p => p.value === settings().auto_queue_position) || POSITIONS[1]).label.toLowerCase();
+    if (v2() && 'new_episodes' in live && N.podcastFeedSettings) {
+      const lv = levelOf(live);
+      items.push({icon: '◇', label: 'Stufe: ' + lv.label, hint: lv.hint, active: lv.value !== 'inbox',
+        action: choose(`„${title}“ ist …`, LEVELS.map(l => ({
+          icon: l.value === lv.value ? '●' : '○', label: l.label, hint: l.hint, active: l.value === lv.value,
+          action: () => save({new_episodes: l.value}),
+        })))});
+      if ('refresh_interval' in live) {
+        const r = REFRESH.find(x => x.value === (live.refresh_interval || '')) || REFRESH[0];
+        items.push({icon: '⟳', label: 'Abrufen: ' + r.label, hint: r.hint || null, active: !!live.refresh_interval,
+          action: choose('Wie oft der Server nachsieht', REFRESH.map(x => ({
+            icon: x.value === r.value ? '●' : '○', label: x.label, hint: x.hint || null, active: x.value === r.value,
+            action: () => save({refresh_interval: x.value}),
+          })))});
+      }
+    }
     if ('new_episodes' in live && N.podcastFeedSettings) {
       const ne = live.new_episodes || 'inbox';
-      items.push({icon: '◇', label: 'Neue Folgen', hint: NEW_WHERE[ne] || NEW_WHERE.inbox, active: ne !== 'inbox',
+      if (!v2()) items.push({icon: '◇', label: 'Neue Folgen', hint: NEW_WHERE[ne] || NEW_WHERE.inbox, active: ne !== 'inbox',
         action: choose(`Neue Folgen von „${title}“ …`, [
           {icon: ne === 'inbox' ? '●' : '○', label: 'In „Neu“', hint: 'du entscheidest selbst', active: ne === 'inbox', action: () => save({new_episodes: 'inbox'})},
           {icon: ne === 'queue' ? '●' : '○', label: 'Gleich in die Warteschlange', hint: pos, active: ne === 'queue', action: () => save({new_episodes: 'queue'})},
@@ -2263,7 +2532,7 @@
            action: () => save({new_episodes: 'ignore'})},
         ])});
       // AntennaPod's per-podcast auto-download: new episodes land on the phone by themselves.
-      if ('auto_download' in live && N.podcastDownloads) {
+      if ('auto_download' in live && N.podcastDownloads && !v2()) {
         items.push({icon: '↓', label: 'Automatisch herunterladen', hint: live.auto_download ? 'an: neue Folgen im WLAN, im Download-Limit' : 'aus',
           active: !!live.auto_download, action: () => save({auto_download: !live.auto_download})});
       }
@@ -2321,7 +2590,7 @@
     if ('kind' in live && N.podcastFeedSettings) {
       const book = isBook(live);
       items.push({icon: '▤', label: book ? 'Hörbuch (unter Hören → Hörbücher)' : 'Als Hörbuch',
-        hint: book ? 'tippen: wieder als Podcast' : 'Folgen als Kapitel unter Hören → Hörbücher, nicht in „Neu“',
+        hint: book ? 'tippen: wieder als Podcast' : 'Folgen als Kapitel unter Hören → Hörbücher, nicht ' + (v2() ? 'im Strom' : 'in „Neu“'),
         active: book, action: () => save({kind: book ? 'podcast' : 'audiobook'})});
     }
     if (hasFolders() && N.podcastFeedSettings) {
@@ -2595,7 +2864,7 @@
   let epList = null;   // {key, items, total, loading, error}
 
   // The folder too: "Folgen" with a folder chosen is all episodes of that category.
-  const epKey = () => epFilters.slice().sort().join(',') + '|' + epSort + '|' + JSON.stringify(podFolder);
+  const epKey = () => epFilters.slice().sort().join(',') + '|' + epSort + '|' + JSON.stringify(podFolder) + '|' + (view === 'stream' ? 's' : '');
 
   function setEpisodeList(filters, sort) {
     // The history goes by the last listening; leaving it, by date again.
@@ -2620,8 +2889,10 @@
     else epList.loading = true;
     if (!quiet) render();
     const sorting = EP_SORTS.find(s => s.id === epSort) || EP_SORTS[0];
+    // The Strom: every subscription but the „Auf Abruf“ ones (docs/podcasts.md).
+    const base = view === 'stream' ? ['stream'] : [];
     const params = new URLSearchParams({
-      filter: epFilters.filter(id => id !== 'downloaded').join(','), sort: sorting.server || sorting.id, limit: '100',
+      filter: base.concat(epFilters.filter(id => id !== 'downloaded')).join(','), sort: sorting.server || sorting.id, limit: '100',
       offset: String(offset),
     });
     if (podFolder != null && hasFolders()) params.set('folder', podFolder);
@@ -2668,6 +2939,12 @@
       root.append(head);
     }
     const list = el('div', 'nui-pod-list');
+    if (view === 'stream' && !selected && (epSort === 'new' || epSort === 'rare')) {
+      streamRows(list, items);
+      root.append(list);
+      moreButton();
+      return;
+    }
     appendRows(list, items, epSort, e => {
       const o = e.raw;
       const row = episodeRow(e, {showFeed: true, showDate: epSort !== 'played', list: downloadsOnly(epFilters) ? 'downloads' : 'episodes',
@@ -2682,6 +2959,10 @@
       return row;
     });
     root.append(list);
+    moreButton();
+  }
+
+  function moreButton() {
     if (epList.items.length < epList.total) {
       const more = el('button', 'btn nui-pod-more', epList.loading ? 'Wird geladen …' : 'Weitere laden');
       more.type = 'button';
@@ -2691,6 +2972,61 @@
     }
   }
 
+  // The Strom (docs/podcasts.md): by period; in one, the podcasts most listened to first
+  // (heard_365: episodes heard in 12 months), every one heard at all before the others,
+  // among those the rarely publishing first. Each podcast once per period: its newest
+  // episode and „+n ›“ for the others. New since the last look: a small mark.
+  const streamOpen = new Set();
+
+  function streamRank(feedId) {
+    const f = feeds().find(x => x.id === feedId) || {};
+    return [f.heard_365 || 0, typeof f.interval_days === 'number' ? f.interval_days : 0];
+  }
+
+  function streamRows(list, items) {
+    const before = Date.parse(state.stream_seen_before || '') || 0;
+    const fresh = e => !!before && Date.parse(e.raw.discovered_at || '') > before;
+    const rank = new Map();
+    const rankOf = id => { if (!rank.has(id)) rank.set(id, streamRank(id)); return rank.get(id); };
+    for (const sec of timeSections(items, false)) {
+      list.append(el('div', 'nui-pod-when', sec.label));
+      const groups = new Map();
+      sec.items.forEach((e, i) => {
+        if (!groups.has(e.feedId)) groups.set(e.feedId, {first: i, eps: []});
+        groups.get(e.feedId).eps.push(e);
+      });
+      const ordered = [...groups.entries()].sort((a, b) => {
+        const [ha, ia] = rankOf(a[0]);
+        const [hb, ib] = rankOf(b[0]);
+        if (ha !== hb) return hb - ha;
+        if (!ha && ia !== ib) return ib - ia;
+        return a[1].first - b[1].first;
+      });
+      for (const [feedId, g] of ordered) {
+        const key = sec.label + '|' + feedId;
+        const open = streamOpen.has(key);
+        const shownEps = open ? g.eps : g.eps.slice(0, 1);
+        shownEps.forEach((e, i) => {
+          const row = episodeRow(e, {showFeed: true, showDate: true, list: 'stream', fresh: fresh(e), filters: epFilters});
+          if (i > 0) row.classList.add('nui-pod-bundled');
+          list.append(row);
+        });
+        if (g.eps.length > 1) {
+          const rest = g.eps.length - 1;
+          const freshRest = !open && g.eps.slice(1).some(fresh);
+          const b = el('button', 'nui-pod-bundle' + (freshRest ? ' nui-pod-fresh' : ''),
+            open ? 'weniger ‹' : `+${rest} ${rest === 1 ? 'weitere' : 'weitere'} von ${g.eps[0].feed || 'diesem Podcast'} ›`);
+          b.type = 'button';
+          b.addEventListener('click', () => {
+            if (open) streamOpen.delete(key); else streamOpen.add(key);
+            render();
+          });
+          list.append(b);
+        }
+      }
+    }
+  }
+
   // ---- favourites -------------------------------------------------------------------------
 
   function favoriteItem(e) {
@@ -4876,8 +5212,10 @@
   window.__dioraPodcasts = function (json) {
     state = typeof json === 'string' ? parse(json, state) : json;
     moveFeedListsToServer();
+    listsOnOnce();
     render();
   };
+  setTimeout(listsOnOnce, 2000);
 
   // The app won't stream this episode over mobile data without a yes ("Nachfragen", RadioService.mayStream).
   window.__dioraAskStream = function (id, title) {
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 40b50fa..3bfdcfc 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android bd98557 2026-10-19: the podcast parts of web-native/static/native.css
+/* Copied from diora-android ef914bd 2026-10-19: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -232,6 +232,22 @@ button.nui-pod-link { display: block; width: 100%; border: none; background: non
 /* Headings by time in the episode lists (Heute, Gestern, Diese Woche, …). */
 .nui-pod-when { padding: 14px 2px 4px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted); font-family: var(--nui-sans); }
 .nui-pod-when:first-child { padding-top: 4px; }
+/* The two lists (docs/podcasts.md): four tabs that fit a phone, the Merkliste by podcast, the Strom bundled. */
+.nui-pod-tabs-v2 .nui-pod-tab { font-size: 13px; padding-left: 4px; padding-right: 4px; }
+.nui-pod-group { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 2px; background: none; border: none; border-bottom: 1px solid var(--nui-line, rgba(127,127,127,.2)); color: inherit; font: inherit; text-align: left; cursor: pointer; }
+.nui-pod-group .nui-pod-art, .nui-pod-group img { width: 40px; height: 40px; flex: none; }
+.nui-pod-group-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
+.nui-pod-group-title { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.nui-pod-group .nui-pod-meta { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.nui-pod-group-count { font-size: 12px; color: var(--nui-muted); flex: none; }
+.nui-pod-chev { flex: none; width: 18px; text-align: center; color: var(--nui-muted); }
+.nui-pod-later .nui-pod-row { padding-left: 14px; }
+.nui-pod-mini { min-width: 34px; padding: 0 4px; font-size: 17px; color: var(--nui-muted); flex: none; }
+.nui-pod-mini.on { color: var(--accent, #e63946); }
+.nui-pod-fresh .nui-pod-title::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--accent, #e63946); margin-right: 6px; vertical-align: middle; }
+.nui-pod-bundle.nui-pod-fresh::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--accent, #e63946); margin-right: 6px; vertical-align: middle; }
+.nui-pod-bundle { align-self: flex-start; margin: -2px 0 6px 56px; padding: 4px 0; background: none; border: none; color: var(--nui-muted); font: inherit; font-size: 12px; cursor: pointer; }
+.nui-pod-bundled { padding-left: 14px; }
 .nui-pod-row {
   display: flex;
   align-items: center;

From 3fa16b96539c521f392089d482c1e7b61a895e10 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 18:50:35 +0200
Subject: [PATCH 151/176] =?UTF-8?q?Podcasts=20st=C3=B6bern:=20Volltextsuch?=
 =?UTF-8?q?e=20(FTS5),=20=C3=A4hnliche=20Folgen,=20Personen,=20Themen,=20V?=
 =?UTF-8?q?ergessenes,=20Personen=20anderswo=20(Apple/fyyd),=20Empfehlunge?=
 =?UTF-8?q?n=20(fyyd);=20Abo-Favoriten?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/podcasts.md                              |  34 +-
 podcasts/discover.py                          | 529 ++++++++++++++++++
 .../management/commands/index_episodes.py     |  10 +
 podcasts/management/commands/refresh_feeds.py |   5 +-
 podcasts/migrations/0023_episode_fts.py       |  27 +
 podcasts/migrations/0024_feed_favorite.py     |  18 +
 podcasts/models.py                            |   3 +
 podcasts/people.py                            | 122 ++++
 podcasts/test_discover.py                     | 149 +++++
 podcasts/test_lists.py                        |  10 +
 podcasts/tests.py                             |   4 +-
 podcasts/urls.py                              |  12 +-
 podcasts/views.py                             |   5 +-
 static/js/sw.js                               |   2 +-
 14 files changed, 922 insertions(+), 8 deletions(-)
 create mode 100644 podcasts/discover.py
 create mode 100644 podcasts/management/commands/index_episodes.py
 create mode 100644 podcasts/migrations/0023_episode_fts.py
 create mode 100644 podcasts/migrations/0024_feed_favorite.py
 create mode 100644 podcasts/people.py
 create mode 100644 podcasts/test_discover.py

diff --git a/docs/podcasts.md b/docs/podcasts.md
index a41b54e..10cb7b3 100644
--- a/docs/podcasts.md
+++ b/docs/podcasts.md
@@ -59,8 +59,38 @@ first), ＋ (Merkliste), ★. Filters stay: Favoriten, Verlauf, Angefangen, Geh
 
 Tabs: **Wiedergabeliste · Merkliste · Strom · Abos**.
 
-Browsing within the subscriptions (themes, people, similar episodes, search) — later, to be
-thought through.
+## Favourite subscriptions
+
+★ on a subscription (`PodcastFeed.favorite`): a mark and a filter (Abos: only the favourites;
+episode lists: `filter=fave_feeds`), whatever its level — it puts nothing on the Merkliste by
+itself. Started with the Stamm subscriptions marked.
+
+## Stöbern (decided 2026-10-19)
+
+Within the subscriptions:
+- **Search** in titles and shownotes: `GET /podcasts/discover/search/?q=…&stream=1` (all
+  words, the last as a prefix; titles weigh more). SQLite FTS5 index, contentless
+  (`podcasts/discover.py`), filled after every refresh; `manage.py index_episodes` fills it.
+- **Similar episodes** from the other podcasts: `GET /podcasts/discover/similar/<id>/`.
+- **People** (who talks, who gives a talk), from episode titles only (`podcasts/people.py`):
+  `GET /podcasts/discover/people/` → `[{name, episodes, feeds, score}]`, the ones in the most
+  listened podcasts first; `GET /podcasts/discover/person/?name=` → their episodes.
+- **Topics** of the Strom's last days, chips as for the news: `GET /podcasts/discover/topics/?days=7`
+  → `[{label, ids}]`.
+- **Forgotten**: `GET /podcasts/discover/forgotten/` → `{loved: [...], rare: [...]}` — unheard
+  episodes older than 60 days of the podcasts listened to most, and of the rare ones; the same
+  all day.
+
+One controlled step out (Apple's episode search and fyyd; no key):
+- **People elsewhere**: `GET /podcasts/discover/elsewhere/?name=` → episodes naming the person
+  in podcasts the user doesn't have (`{source, podcast, feed_url, title, audio_url, guid,
+  pub_date, duration_seconds, artwork_url, link}`). `POST /podcasts/discover/take/` with such an
+  item puts the episode on the Merkliste; its podcast becomes an *Auf Abruf* subscription.
+- **Recommendations**: `GET /podcasts/discover/recommend/` → podcasts like the most listened ones
+  (fyyd), recommended for several first: `{title, feed_url, artwork_url, description, link,
+  because: [titles], count}`. Subscribing: the usual feeds/add/ (then *Auf Abruf* or Strom).
+
+Show search stays on Apple (best coverage).
 
 ## Moving over
 
diff --git a/podcasts/discover.py b/podcasts/discover.py
new file mode 100644
index 0000000..e526f23
--- /dev/null
+++ b/podcasts/discover.py
@@ -0,0 +1,529 @@
+"""Stöbern (docs/podcasts.md): finding episodes in the user's own podcasts — search in titles
+and shownotes, similar episodes, people, topics, forgotten ones — and one controlled step out:
+where people from them are guests elsewhere (Apple's episode search, fyyd), and podcasts like
+the most listened ones (fyyd's recommendations). An episode from outside goes onto the
+Merkliste; its podcast becomes an "Auf Abruf" subscription.
+
+The full-text index is SQLite FTS5, contentless (only the index, no second copy of 100 MB of
+shownotes): podcasts_episode_fts, rowid = the episode's id, filled by index_new() after every
+refresh (new episodes have higher ids). Episodes deleted since stay in the index; every query
+joins the episodes, so they never show.
+"""
+import html
+import logging
+import math
+import random
+import re
+import unicodedata
+import urllib.parse
+from collections import Counter, defaultdict
+from concurrent.futures import ThreadPoolExecutor
+from datetime import timedelta
+
+import requests
+from django.core.cache import cache
+from django.db import connection
+from django.db.models import Q
+from django.http import JsonResponse
+from django.utils import timezone
+from django.utils.dateparse import parse_datetime
+from django.views.decorators.csrf import csrf_exempt
+from django.views.decorators.http import require_http_methods
+
+from . import people as people_mod
+from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastSettings
+
+log = logging.getLogger(__name__)
+
+FTS = 'podcasts_episode_fts'
+VOCAB = 'podcasts_episode_fts_vocab'
+BODY_CHARS = 6000            # of the shownotes, per episode
+INDEX_BATCH = 2000
+SIMILAR_TERMS = 10
+HTTP_TIMEOUT = 6
+USER_AGENT = 'diora podcast discovery'
+
+CREATE_SQL = [
+    f"CREATE VIRTUAL TABLE IF NOT EXISTS {FTS} USING fts5(title, body, content='', contentless_delete=1, "
+    f"tokenize='unicode61 remove_diacritics 2')",
+    f"CREATE VIRTUAL TABLE IF NOT EXISTS {VOCAB} USING fts5vocab({FTS}, 'row')",
+]
+DROP_SQL = [f'DROP TABLE IF EXISTS {VOCAB}', f'DROP TABLE IF EXISTS {FTS}']
+
+
+def _plain(text):
+    text = re.sub(r'<[^>]+>', ' ', text or '')
+    return re.sub(r'\s+', ' ', html.unescape(text)).strip()
+
+
+def _fold(word):
+    """A word as the index keeps it: lower case, without diacritics."""
+    w = unicodedata.normalize('NFKD', word.lower())
+    return ''.join(c for c in w if not unicodedata.combining(c))
+
+
+_WORD = re.compile(r'\w+', re.UNICODE)
+
+
+def _words(text):
+    return [_fold(w) for w in _WORD.findall(text or '') if not w.isdigit()]
+
+
+def _quoted(term):
+    return '"' + term.replace('"', '""') + '"'
+
+
+# ---- the index ------------------------------------------------------------------------------------
+
+def index_new(limit=None):
+    """Index the episodes newer than the newest one indexed. Returns how many."""
+    with connection.cursor() as cur:
+        cur.execute(f'SELECT max(rowid) FROM {FTS}')
+        last = cur.fetchone()[0] or 0
+    done = 0
+    while True:
+        rows = list(PodcastEpisode.objects.filter(id__gt=last).order_by('id')
+                    .values_list('id', 'title', 'description')[:INDEX_BATCH])
+        if not rows:
+            return done
+        with connection.cursor() as cur:
+            cur.executemany(f'INSERT OR REPLACE INTO {FTS}(rowid, title, body) VALUES (%s, %s, %s)',
+                            [(i, t or '', _plain(d)[:BODY_CHARS]) for i, t, d in rows])
+        done += len(rows)
+        last = rows[-1][0]
+        if limit and done >= limit:
+            return done
+
+
+def _user_episode_sql(user, stream=False, other_than_feed=None):
+    """SQL and params restricting fts rowids to the user's podcast episodes."""
+    sql = (f' JOIN podcasts_podcastepisode e ON e.id = {FTS}.rowid'
+           f' JOIN podcasts_podcastfeed pf ON pf.id = e.feed_id'
+           f' WHERE pf.user_id = %s AND pf.kind = %s')
+    params = [user.id, PodcastFeed.PODCAST]
+    if stream:
+        sql += ' AND pf.new_episodes != %s'
+        params.append(PodcastFeed.NEW_IGNORE)
+    if other_than_feed is not None:
+        sql += ' AND e.feed_id != %s'
+        params.append(other_than_feed)
+    return sql, params
+
+
+def search_ids(user, q, stream=False, limit=50, offset=0):
+    """Episode ids of the user's podcasts matching all words of q (the last one as a prefix,
+    while typing), titles weighing three times the shownotes, best first."""
+    words = _words(q)[:12]
+    if not words:
+        return []
+    match = ' '.join(_quoted(w) for w in words[:-1]) + (' ' if len(words) > 1 else '') + _quoted(words[-1]) + '*'
+    where, params = _user_episode_sql(user, stream)
+    with connection.cursor() as cur:
+        cur.execute(f'SELECT {FTS}.rowid FROM {FTS}{where} AND {FTS} MATCH %s '
+                    f'ORDER BY bm25({FTS}, 3.0, 1.0) LIMIT %s OFFSET %s', params + [match, limit, offset])
+        return [r[0] for r in cur.fetchall()]
+
+
+def similar_ids(user, episode, limit=20):
+    """Episodes of the user's other podcasts most like `episode`: its rarest telling words
+    (tf·idf over the index) asked for together, best match first."""
+    tf = Counter()
+    for w in _words(episode.title):
+        tf[w] += 3
+    for w in _words(_plain(episode.description)[:BODY_CHARS]):
+        tf[w] += 1
+    terms = [w for w in tf if len(w) > 2]
+    if not terms:
+        return []
+    with connection.cursor() as cur:
+        cur.execute(f'SELECT count(*) FROM podcasts_podcastepisode')
+        n = cur.fetchone()[0] or 1
+        df = {}
+        for i in range(0, len(terms), 500):
+            chunk = terms[i:i + 500]
+            cur.execute(f'SELECT term, doc FROM {VOCAB} WHERE term IN ({",".join(["%s"] * len(chunk))})', chunk)
+            df.update(dict(cur.fetchall()))
+    scored = []
+    for w, c in tf.items():
+        d = df.get(w, 0)
+        if d < 2 or d > max(n * 0.05, 10):     # only here, or everywhere: says nothing
+            continue
+        scored.append((c * math.log(n / d), w))
+    scored.sort(reverse=True)
+    best = [w for _, w in scored[:SIMILAR_TERMS]]
+    if not best:
+        return []
+    where, params = _user_episode_sql(user, other_than_feed=episode.feed_id)
+    with connection.cursor() as cur:
+        cur.execute(f'SELECT {FTS}.rowid FROM {FTS}{where} AND {FTS} MATCH %s '
+                    f'ORDER BY bm25({FTS}, 3.0, 1.0) LIMIT %s',
+                    params + [' OR '.join(_quoted(w) for w in best), limit])
+        return [r[0] for r in cur.fetchall()]
+
+
+# ---- helpers ---------------------------------------------------------------------------------------
+
+def _rows(user, ids):
+    """The episodes as the episode lists give them, in the order of ids."""
+    from .views import _episode_list_data
+    if not ids:
+        return []
+    eps, _ = _episode_list_data(user, ids=ids, limit=len(ids))
+    by_id = {e['id']: e for e in eps}
+    return [by_id[i] for i in ids if i in by_id]
+
+
+def _heard_by_feed(user):
+    """{feed_id: episodes heard in the last 12 months} (as heard_365 in state/)."""
+    from .views import HEARD_MIN_SECONDS
+    since = timezone.now() - timedelta(days=365)
+    out = Counter()
+    for fid in (EpisodeProgress.objects.filter(user=user, updated_at__gte=since)
+                .filter(Q(played=True) | Q(position_seconds__gt=HEARD_MIN_SECONDS))
+                .values_list('episode__feed_id', flat=True)):
+        out[fid] += 1
+    return out
+
+
+def _norm_url(url):
+    u = (url or '').strip().lower()
+    u = re.sub(r'^https?://', '', u)
+    return u.rstrip('/')
+
+
+def _get_json(url, **params):
+    try:
+        r = requests.get(url, params=params, timeout=HTTP_TIMEOUT, headers={'User-Agent': USER_AGENT})
+        r.raise_for_status()
+        return r.json()
+    except Exception as e:   # noqa: BLE001 - a service away is no error for the user
+        log.info('discover: %s: %s', url, e)
+        return None
+
+
+# ---- people ----------------------------------------------------------------------------------------
+
+PEOPLE_TTL = 12 * 3600
+
+
+def people_of(user):
+    key = f'podcasts:people:{user.id}'
+    got = cache.get(key)
+    if got is None:
+        rows = list(PodcastEpisode.objects.filter(feed__user=user, feed__kind=PodcastFeed.PODCAST)
+                    .values_list('id', 'feed_id', 'title'))
+        got = people_mod.people(rows, _heard_by_feed(user))[:200]
+        cache.set(key, got, PEOPLE_TTL)
+    return got
+
+
+def person_ids(user, name, limit=200):
+    return list(PodcastEpisode.objects.filter(feed__user=user, feed__kind=PodcastFeed.PODCAST, title__icontains=name)
+                .order_by('-pub_date', '-id').values_list('id', flat=True)[:limit])
+
+
+def elsewhere(user, name):
+    """Episodes with `name` in podcasts the user doesn't have: Apple's episode search and fyyd's,
+    those that name the person in their title. [{source, podcast, feed_url, title, audio_url,
+    guid, pub_date, duration_seconds, artwork_url, link}]"""
+    key = f'podcasts:elsewhere:{user.id}:' + re.sub(r'\W+', '_', _fold(name))
+    got = cache.get(key)
+    if got is not None:
+        return got
+    mine = {_norm_url(u) for u in PodcastFeed.objects.filter(user=user).values_list('rss_url', flat=True)}
+    mine_titles = {t.casefold() for t in PodcastFeed.objects.filter(user=user).values_list('title', flat=True)}
+    folded = _fold(name)
+    out, seen = [], set()
+
+    def take(item):
+        if folded not in _fold(item['title']) or not item['feed_url'] or not item['audio_url']:
+            return
+        if _norm_url(item['feed_url']) in mine or item['podcast'].casefold() in mine_titles:
+            return
+        k = (_fold(item['title']), _fold(item['podcast']))
+        if k in seen:
+            return
+        seen.add(k)
+        out.append(item)
+
+    apple = _get_json('https://itunes.apple.com/search', term=name, media='podcast', entity='podcastEpisode',
+                      limit=50, country='DE') or {}
+    for r in apple.get('results', []):
+        take({'source': 'apple', 'podcast': r.get('collectionName', ''), 'feed_url': r.get('feedUrl', ''),
+              'title': r.get('trackName', ''), 'audio_url': r.get('episodeUrl', ''), 'guid': r.get('episodeGuid', ''),
+              'pub_date': r.get('releaseDate'), 'duration_seconds': int((r.get('trackTimeMillis') or 0) / 1000),
+              'artwork_url': r.get('artworkUrl600') or r.get('artworkUrl160') or '',
+              'link': r.get('trackViewUrl', '')})
+    fy = _get_json('https://api.fyyd.de/0.2/search/episode', term=f'"{name}"', count=50) or {}
+    eps = [e for e in (fy.get('data') or []) if isinstance(e, dict) and folded in _fold(e.get('title', ''))]
+    feeds = {}
+    for pid in list(dict.fromkeys(e.get('podcast_id') for e in eps))[:12]:
+        p = _get_json('https://api.fyyd.de/0.2/podcast', podcast_id=pid) or {}
+        if isinstance(p.get('data'), dict):
+            feeds[pid] = p['data']
+    for e in eps:
+        p = feeds.get(e.get('podcast_id'))
+        if not p:
+            continue
+        take({'source': 'fyyd', 'podcast': p.get('title', ''), 'feed_url': p.get('xmlURL', ''),
+              'title': html.unescape(e.get('title', '')), 'audio_url': e.get('enclosure', ''), 'guid': e.get('guid', ''),
+              'pub_date': e.get('pubdate'), 'duration_seconds': int(e.get('duration') or 0),
+              'artwork_url': e.get('imgURL') or p.get('imgURL') or '', 'link': e.get('url_fyyd', '')})
+    out.sort(key=lambda i: i['pub_date'] or '', reverse=True)
+    cache.set(key, out, 6 * 3600)
+    return out
+
+
+# ---- topics, forgotten, recommendations ------------------------------------------------------------
+
+def topics_of(user, days=7):
+    """Topics of the Strom's last days (feeds.textproc.topics, as for the news):
+    [{'label', 'ids'}], the largest first."""
+    from feeds import textproc
+    since = timezone.now() - timedelta(days=days)
+    eps = list(PodcastEpisode.objects.filter(feed__user=user, feed__kind=PodcastFeed.PODCAST, pub_date__gte=since)
+               .exclude(feed__new_episodes=PodcastFeed.NEW_IGNORE)
+               .values_list('id', 'title', 'description', 'feed__title'))
+    stories = [(i, f'{t}. {_plain(d)[:400]}', {ft}) for i, t, d, ft in eps]
+    return textproc.topics(stories, max_topics=10)
+
+
+FORGOTTEN_DAYS = 60
+
+
+def forgotten(user):
+    """Unheard older episodes of the podcasts the user listens to most, and of the rare ones —
+    a handful each, the same all day."""
+    from .views import _intervals
+    rnd = random.Random(f'{user.id}:{timezone.localdate()}')
+    heard = _heard_by_feed(user)
+    started = set(EpisodeProgress.objects.filter(user=user).filter(Q(played=True) | Q(position_seconds__gt=0))
+                  .values_list('episode_id', flat=True))
+    before = timezone.now() - timedelta(days=FORGOTTEN_DAYS)
+
+    def pick(feed_ids, n):
+        ids = [i for i in PodcastEpisode.objects.filter(feed_id__in=feed_ids, pub_date__lt=before)
+               .values_list('id', flat=True) if i not in started]
+        return rnd.sample(ids, min(n, len(ids)))
+
+    mine = list(PodcastFeed.objects.filter(user=user, kind=PodcastFeed.PODCAST)
+                .exclude(new_episodes=PodcastFeed.NEW_IGNORE).values_list('id', flat=True))
+    loved = [f for f in mine if heard.get(f, 0) >= 3]
+    intervals = _intervals(user)
+    rare = [f for f in mine if (intervals.get(f) or 0) >= 30]
+    return {'loved': _rows(user, pick(loved, 15)), 'rare': _rows(user, pick(rare, 10))}
+
+
+RECOMMEND_FROM = 10      # the most listened podcasts asked about
+RECOMMEND_TTL = 24 * 3600
+
+
+def _fyyd_id(feed):
+    got = _get_json('https://api.fyyd.de/0.2/search/podcast', title=feed['title'], count=5) or {}
+    want = _norm_url(feed['rss_url'])
+    for p in got.get('data') or []:
+        if isinstance(p, dict) and (_norm_url(p.get('xmlURL')) == want or (p.get('title') or '').casefold() == feed['title'].casefold()):
+            return p.get('id')
+    return None
+
+
+def recommend(user):
+    """Podcasts like the user's most listened (fyyd's recommendations), the ones recommended for
+    several of them first; none the user has. [{title, feed_url, artwork_url, description, link,
+    because: [titles], count}]"""
+    key = f'podcasts:recommend:{user.id}'
+    got = cache.get(key)
+    if got is not None:
+        return got
+    heard = _heard_by_feed(user)
+    feeds = list(PodcastFeed.objects.filter(user=user, kind=PodcastFeed.PODCAST).values('id', 'title', 'rss_url'))
+    top = sorted((f for f in feeds if heard.get(f['id'])), key=lambda f: -heard[f['id']])[:RECOMMEND_FROM]
+    mine = {_norm_url(f['rss_url']) for f in feeds}
+    mine_titles = {f['title'].casefold() for f in feeds}
+
+    def ask(feed):
+        pid = _fyyd_id(feed)
+        if not pid:
+            return feed, []
+        r = _get_json('https://api.fyyd.de/0.2/podcast/recommend', podcast_id=pid, count=12) or {}
+        return feed, [p for p in r.get('data') or [] if isinstance(p, dict)]
+
+    found = {}
+    with ThreadPoolExecutor(max_workers=5) as pool:
+        for feed, recs in pool.map(ask, top):
+            for p in recs:
+                url = p.get('xmlURL') or ''
+                if not url or _norm_url(url) in mine or (p.get('title') or '').casefold() in mine_titles:
+                    continue
+                k = _norm_url(url)
+                item = found.setdefault(k, {'title': p.get('title', ''), 'feed_url': url, 'artwork_url': p.get('imgURL') or '',
+                                            'description': _plain(p.get('description'))[:300],
+                                            'link': p.get('htmlURL') or '', 'because': [], 'count': 0})
+                if feed['title'] not in item['because']:
+                    item['because'].append(feed['title'])
+                    item['count'] += 1
+    out = sorted(found.values(), key=lambda i: (-i['count'], i['title'].casefold()))[:30]
+    cache.set(key, out, RECOMMEND_TTL)
+    return out
+
+
+# ---- an episode from outside -------------------------------------------------------------------------
+
+def take(user, item):
+    """An episode from elsewhere onto the Merkliste: its podcast becomes an "Auf Abruf"
+    subscription (or is one already), the episode is found in it — or, when the feed no longer
+    lists it, made from what the search said. Returns (episode, created_feed)."""
+    from .views import _later_add, _refresh_feed
+    url = (item.get('feed_url') or '').strip()
+    feed = PodcastFeed.objects.filter(user=user, rss_url=url).first()
+    created = False
+    if feed is None:
+        feed = PodcastFeed.objects.create(
+            user=user, rss_url=url, title=(item.get('podcast') or url)[:300], artwork_url=(item.get('artwork_url') or '')[:1000],
+            **{**PodcastSettings.new_feed_defaults(user), 'new_episodes': PodcastFeed.NEW_IGNORE})
+        created = True
+        try:
+            _refresh_feed(feed)
+        except Exception as e:   # noqa: BLE001 - the episode is made from the search below
+            log.info('discover: %s: %s', url, e)
+    eps = feed.episodes.all()
+    ep = None
+    if item.get('guid'):
+        ep = eps.filter(guid=item['guid']).first()
+    if ep is None and item.get('audio_url'):
+        ep = eps.filter(audio_url=item['audio_url']).first()
+    if ep is None and item.get('title'):
+        ep = eps.filter(title__iexact=item['title']).first()
+    if ep is None:
+        when = parse_datetime(item.get('pub_date') or '') if item.get('pub_date') else None
+        ep = PodcastEpisode.objects.create(
+            feed=feed, guid=(item.get('guid') or item.get('audio_url') or item.get('title'))[:1000],
+            title=(item.get('title') or '')[:500], audio_url=item.get('audio_url', '')[:1000],
+            duration_seconds=int(item.get('duration_seconds') or 0), pub_date=when,
+            artwork_url=(item.get('artwork_url') or '')[:1000])
+    _later_add(user, [ep.id])
+    try:
+        index_new()
+    except Exception:   # noqa: BLE001
+        pass
+    return ep, created
+
+
+# ---- views ---------------------------------------------------------------------------------------------
+
+def _auth(request):
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    return None
+
+
+def _int(request, name, default, low, high):
+    try:
+        return min(max(int(request.GET.get(name, default)), low), high)
+    except ValueError:
+        return default
+
+
+@require_http_methods(['GET'])
+def search_view(request):
+    """?q=…&stream=1&offset=&limit=: episodes whose title or shownotes have every word."""
+    err = _auth(request)
+    if err:
+        return err
+    ids = search_ids(request.user, request.GET.get('q', ''), stream=request.GET.get('stream') == '1',
+                     limit=_int(request, 'limit', 50, 1, 200), offset=_int(request, 'offset', 0, 0, 10 ** 6))
+    return JsonResponse({'episodes': _rows(request.user, ids)})
+
+
+@require_http_methods(['GET'])
+def similar_view(request, pk):
+    err = _auth(request)
+    if err:
+        return err
+    ep = PodcastEpisode.objects.filter(pk=pk, feed__user=request.user).first()
+    if ep is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    return JsonResponse({'episodes': _rows(request.user, similar_ids(request.user, ep, _int(request, 'limit', 20, 1, 50)))})
+
+
+@require_http_methods(['GET'])
+def people_view(request):
+    """The people in the user's podcasts: [{name, episodes, feeds, score}], the most relevant first."""
+    err = _auth(request)
+    if err:
+        return err
+    return JsonResponse({'people': people_of(request.user)[:_int(request, 'limit', 80, 1, 200)]})
+
+
+@require_http_methods(['GET'])
+def person_view(request):
+    """?name=: the person's episodes in the user's podcasts, newest first."""
+    err = _auth(request)
+    if err:
+        return err
+    name = request.GET.get('name', '').strip()
+    if len(name) < 3:
+        return JsonResponse({'error': 'name required'}, status=400)
+    return JsonResponse({'name': name, 'episodes': _rows(request.user, person_ids(request.user, name))})
+
+
+@require_http_methods(['GET'])
+def elsewhere_view(request):
+    """?name=: episodes with the person in podcasts the user doesn't have."""
+    err = _auth(request)
+    if err:
+        return err
+    name = request.GET.get('name', '').strip()
+    if len(name) < 3:
+        return JsonResponse({'error': 'name required'}, status=400)
+    return JsonResponse({'name': name, 'episodes': elsewhere(request.user, name)})
+
+
+@require_http_methods(['GET'])
+def topics_view(request):
+    """?days=7: topics of the Strom's last days: [{label, ids}], plus their episodes."""
+    err = _auth(request)
+    if err:
+        return err
+    days = _int(request, 'days', 7, 1, 30)
+    key = f'podcasts:topics:{request.user.id}:{days}'
+    got = cache.get(key)
+    if got is None:
+        got = topics_of(request.user, days)
+        cache.set(key, got, 3600)
+    return JsonResponse({'topics': got})
+
+
+@require_http_methods(['GET'])
+def forgotten_view(request):
+    err = _auth(request)
+    if err:
+        return err
+    return JsonResponse(forgotten(request.user))
+
+
+@require_http_methods(['GET'])
+def recommend_view(request):
+    err = _auth(request)
+    if err:
+        return err
+    return JsonResponse({'podcasts': recommend(request.user)})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def take_view(request):
+    """{podcast, feed_url, title, audio_url, guid, pub_date, duration_seconds, artwork_url} (an
+    item of elsewhere/): onto the Merkliste; returns {episode_id, feed_id, subscribed}."""
+    import json
+    err = _auth(request)
+    if err:
+        return err
+    try:
+        item = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    if not isinstance(item, dict) or not re.match(r'^https?://', item.get('feed_url') or '') or not item.get('audio_url'):
+        return JsonResponse({'error': 'feed_url and audio_url required'}, status=400)
+    ep, created = take(request.user, item)
+    return JsonResponse({'ok': True, 'episode_id': ep.id, 'feed_id': ep.feed_id, 'subscribed': created})
diff --git a/podcasts/management/commands/index_episodes.py b/podcasts/management/commands/index_episodes.py
new file mode 100644
index 0000000..228dc7a
--- /dev/null
+++ b/podcasts/management/commands/index_episodes.py
@@ -0,0 +1,10 @@
+from django.core.management.base import BaseCommand
+
+from podcasts.discover import index_new
+
+
+class Command(BaseCommand):
+    help = 'Put the episodes not yet in the full-text index into it (podcasts/discover.py)'
+
+    def handle(self, *args, **options):
+        self.stdout.write(f'{index_new()} episodes indexed')
diff --git a/podcasts/management/commands/refresh_feeds.py b/podcasts/management/commands/refresh_feeds.py
index 8049cad..4ec9dfd 100644
--- a/podcasts/management/commands/refresh_feeds.py
+++ b/podcasts/management/commands/refresh_feeds.py
@@ -2,6 +2,7 @@ from django.core.management.base import BaseCommand
 from django.utils import timezone
 
 from podcasts.models import PodcastFeed
+from podcasts.discover import index_new
 from podcasts.views import _in_backoff_q, _refresh_feeds, refresh_due
 
 
@@ -40,4 +41,6 @@ class Command(BaseCommand):
 
         # Parallel downloads, one per distinct feed URL (see _refresh_feeds).
         refreshed, failed, new = _refresh_feeds(qs, full=options['full'])
-        self.stdout.write(f'{refreshed} feeds refreshed, {failed} failed, +{new} episodes')
+        # New episodes into the full-text index (Stöbern, podcasts/discover.py).
+        indexed = index_new()
+        self.stdout.write(f'{refreshed} feeds refreshed, {failed} failed, +{new} episodes, {indexed} indexed')
diff --git a/podcasts/migrations/0023_episode_fts.py b/podcasts/migrations/0023_episode_fts.py
new file mode 100644
index 0000000..41ad84d
--- /dev/null
+++ b/podcasts/migrations/0023_episode_fts.py
@@ -0,0 +1,27 @@
+# The full-text index for Stöbern (podcasts/discover.py): SQLite FTS5, contentless.
+from django.db import migrations
+
+from podcasts.discover import CREATE_SQL, DROP_SQL
+
+
+def create(apps, schema_editor):
+    if schema_editor.connection.vendor != 'sqlite':
+        return
+    for sql in CREATE_SQL:
+        schema_editor.execute(sql)
+
+
+def drop(apps, schema_editor):
+    if schema_editor.connection.vendor != 'sqlite':
+        return
+    for sql in DROP_SQL:
+        schema_editor.execute(sql)
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0022_lists_and_levels'),
+    ]
+
+    operations = [migrations.RunPython(create, drop)]
diff --git a/podcasts/migrations/0024_feed_favorite.py b/podcasts/migrations/0024_feed_favorite.py
new file mode 100644
index 0000000..f882e87
--- /dev/null
+++ b/podcasts/migrations/0024_feed_favorite.py
@@ -0,0 +1,18 @@
+# Generated by Django 6.1 on 2026-10-19 16:45
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0023_episode_fts'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastfeed',
+            name='favorite',
+            field=models.BooleanField(default=False),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index d71ed96..ddb7700 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -67,6 +67,9 @@ class PodcastFeed(models.Model):
     # New episodes: what happens to them, and which ones count at all.
     new_episodes = models.CharField(max_length=10, choices=NEW_EPISODE_ACTIONS, default=NEW_INBOX)
     refresh_interval = models.CharField(max_length=10, choices=REFRESH_INTERVALS, default='', blank=True)
+    # A favourite subscription (★ in the Abos): only a mark and a filter, whatever its level —
+    # it puts nothing on the Merkliste by itself (docs/podcasts.md).
+    favorite = models.BooleanField(default=False)
     # Comma-separated words, case-insensitive, matched against the title.
     include_words = models.CharField(max_length=500, blank=True)
     exclude_words = models.CharField(max_length=500, blank=True)
diff --git a/podcasts/people.py b/podcasts/people.py
new file mode 100644
index 0000000..a7f0096
--- /dev/null
+++ b/podcasts/people.py
@@ -0,0 +1,122 @@
+"""People in the user's podcasts (docs/podcasts.md, Stöbern): who is talked with, who gives a
+talk — found in episode titles and descriptions, no service asked.
+
+A name is two or three capitalised words ("Peter Decker", "Ulrike Eifler", "Jean-Luc Mélenchon"),
+possibly with a particle ("Wolfgang von Goethe"). Two kinds of evidence:
+- strong: right after a cue that announces a person — "mit", "w/", "with", "feat.", "Gast:",
+  "im Gespräch mit", "interview with", "von" in a talk's title, " - Name - " between dashes;
+- weak: anywhere else in a title or description.
+A name counts when it has strong evidence in at least STRONG_MIN episodes, or turns up in at least
+FEEDS_MIN podcasts (a person known across the user's world). Words that are no names (places,
+institutions, weekdays, sentence starts) are left out by a list and by the rule that a name's
+first word must not be one of them.
+"""
+import html
+import re
+from collections import Counter, defaultdict
+
+_W = r"[A-ZÄÖÜÀ-Ý][a-zäöüßà-ÿ]+(?:-[A-ZÄÖÜÀ-Ý][a-zäöüßà-ÿ]+)?"
+_PART = r"(?:von|van|der|de|da|di|du|la|le|zu|ten|del|bin|al)"
+_NAME = rf"{_W}(?:\s+{_PART})?(?:\s+{_W}){{1,2}}"
+NAME_RE = re.compile(rf"(?<![\w\-])({_NAME})(?![\w])")
+CUE_RE = re.compile(
+    r"(?i:\bmit\b|\bw/|\bwith\b|\bfeat\.?|\bft\.|\bGast:|\bGäste:|\bguest:|\binterview(?:t)? with\b|"
+    r"\bim Gespräch mit\b|\bin conversation with\b|\bvon\b|\bby\b)\s*(" + _NAME + r")|\s[-–|]\s(" + _NAME + r")")
+# (only the cue ignores case: a name's words must start with a capital)
+
+# First or last words that make a capitalised pair no person.
+NOT_NAME_WORDS = set('''
+Der Die Das Den Dem Des Ein Eine Einen Einem Einer Und Oder Aber Mit Von Nach Bei Für Auf Aus Im In Am Zum Zur
+Vor Seit Als Wie Wenn Teil Folge Episode Staffel Kapitel Band Live Special Bonus Trailer Podcast Interview
+Gespräch Vortrag Diskussion Lesung Hörspiel Feature Interviews Folgen Talk Show News Update Week Day Days
+The A An And Or But With From For After Before On At By To Of As It This That These Those Our Your Their
+Mr Mrs Ms Dr Prof Herr Frau Doktor Professor Sir Saint Sankt St
+Monday Tuesday Wednesday Thursday Friday Saturday Sunday Montag Dienstag Mittwoch Donnerstag Freitag
+Samstag Sonntag January February March April May June July August September October November December
+Januar Februar März Juni Juli Oktober Dezember Frühling Sommer Herbst Winter
+Deutschland Deutschlands Deutsche Deutschen Deutscher Europa Europas Europäische Europäischen Amerika
+Amerikas Usa China Chinas Russland Russlands Ukraine Israel Gaza Iran Frankreich Großbritannien England
+Berlin Hamburg München Wien Zürich Köln Leipzig Dresden London Paris New York Washington Moskau
+United States Kingdom Union Republic Republik Bank Partei Linke Linken Grüne Grünen Spd Cdu Afd Fdp Bsw
+Universität University College Institute Institut Stiftung Verlag Radio Deutschlandfunk Kultur Nova
+Zeitung Magazin Review Times Post News Press Media Netflix Youtube Spotify Apple Google Amazon Twitter
+Google Meta Tesla Marxismus Kapitalismus Sozialismus Kommunismus Faschismus Imperialismus Krieg Frieden
+Gott Jesus Christus Weltkrieg Revolution Kalter Kalten Krise Wahl Wahlen Bundestag Bundesregierung
+Remaster Remastered Audio Enhanced Edition Version Full Part Chapter Book Season Classic Klassiker
+Hegel Marx Engels Kant Nietzsche Freud Lacan
+Doku Hd Reupload Reaction Re View Neue Neuer Zu Gast Gäste My Last Free Speech Open Source Big Tech Cup World
+War Files Kanzler Bundeskanzler Präsident Präsidentin President Minister Ministerin Trumps Künstliche
+White House Middle East Silicon Valley Wall Street Mental Health Red Thread Critical Role Trio Infernal
+Asian Japan Nhk Arte Spiegel Zeit Faz Taz Bild Planet Money Lage Nation Inside Austria Today Daily Weekly
+Political Science Letzte Foreign Private Golden Keine Tag El Los Las San Santa Rio Fort Port Lake Mount
+'''.split())
+STRONG_MIN = 2
+FEEDS_MIN = 3
+
+
+def plain(text):
+    text = re.sub(r'<[^>]+>', ' ', text or '')
+    return re.sub(r'\s+', ' ', html.unescape(text)).strip()
+
+
+def _clean(name):
+    words = name.split()
+    # "Mit Peter Decker" etc.: drop leading words that are no name.
+    while words and words[0] in NOT_NAME_WORDS:
+        words = words[1:]
+    while words and words[-1] in NOT_NAME_WORDS:
+        words = words[:-1]
+    caps = [w for w in words if w[0].isupper()]
+    if len(caps) < 2 or any(w in NOT_NAME_WORDS for w in caps):
+        return None
+    if any(len(w) > 1 and w.isupper() for w in caps):   # "WAS TUN", "ARTE Reportage": no person
+        return None
+    return ' '.join(words)
+
+
+def mentions(title):
+    """(strong, weak): the names in one episode's title."""
+    strong, weak = set(), set()
+    for m in CUE_RE.finditer(title or ''):
+        n = _clean(m.group(1) or m.group(2))
+        if n:
+            strong.add(n)
+    for m in NAME_RE.finditer(title or ''):
+        n = _clean(m.group(1))
+        if n:
+            weak.add(n)
+    return strong, weak - strong
+
+
+def people(episodes, weights=None):
+    """episodes: [(episode_id, feed_id, title)]; weights: {feed_id: how much the user listens}
+    (heard_365). The people found, the most relevant first: [{'name', 'episodes', 'feeds'}].
+
+    Only titles: descriptions carry credits and boilerplate. First names are learnt from the
+    strong mentions ("mit Peter Decker": Peter); a name found elsewhere in a title counts only
+    with such a first name."""
+    found = [(ep_id, feed_id, *mentions(title)) for ep_id, feed_id, title in episodes]
+    surnames = defaultdict(set)
+    for _, _, strong, _ in found:
+        for n in strong:
+            w = n.split()
+            surnames[w[0]].add(w[-1])
+    # A first name: one that comes with at least two different surnames in strong mentions.
+    first_names = {f for f, last in surnames.items() if len(last) >= 2 and f not in NOT_NAME_WORDS}
+    eps = defaultdict(set)
+    feeds = defaultdict(set)
+    strong_n = Counter()
+    for ep_id, feed_id, strong, weak in found:
+        for n in strong:
+            strong_n[n] += 1
+        for n in {n for n in strong | weak if n.split()[0] in first_names}:
+            eps[n].add(ep_id)
+            feeds[n].add(feed_id)
+    weights = weights or {}
+    out = []
+    for n, ids in eps.items():
+        if strong_n[n] >= STRONG_MIN or len(feeds[n]) >= FEEDS_MIN:
+            score = len(ids) + 5 * sum(min(weights.get(f, 0), 50) for f in feeds[n]) ** 0.5
+            out.append({'name': n, 'episodes': len(ids), 'feeds': len(feeds[n]), 'score': round(score, 1)})
+    out.sort(key=lambda p: (-p['score'], p['name']))
+    return out
diff --git a/podcasts/test_discover.py b/podcasts/test_discover.py
new file mode 100644
index 0000000..0419eaa
--- /dev/null
+++ b/podcasts/test_discover.py
@@ -0,0 +1,149 @@
+"""Stöbern (podcasts/discover.py): the full-text index, similar episodes, people, an episode
+from outside onto the Merkliste."""
+import json
+from datetime import datetime, timedelta, timezone
+from unittest.mock import patch
+
+from django.contrib.auth.models import User
+from django.core.cache import cache
+from django.test import TestCase
+
+from . import discover, people
+from .models import EpisodeProgress, PodcastEpisode, PodcastFeed, PodcastLater
+
+
+class PeopleTests(TestCase):
+    def test_names_from_titles(self):
+        eps = [
+            (1, 1, 'Episode 651: Die Brandmauer mit Peter Decker'),
+            (2, 1, 'Episode 568: Trumps Zollkrieg mit Peter Decker'),
+            (3, 2, 'Imperialismus heute - Peter Decker - 2006'),
+            (4, 3, 'Gespräch mit Peter Schadt über Arbeit'),
+            (5, 3, 'Ulrike Eifler im Gespräch mit Peter Thiel'),
+            (6, 4, 'Was tun? Mit Ulrike Herrmann'),
+            (9, 4, 'Streik! Diskussion mit Ulrike Eifler'),
+            (7, 5, 'Gespräch mit Ulrike Herrmann über das Ende des Kapitalismus'),
+            (8, 6, 'Live aus Berlin: Die Linke und Friedrich Merz'),
+        ]
+        found = {p['name']: p for p in people.people(eps)}
+        self.assertEqual(found['Peter Decker']['episodes'], 3)
+        self.assertEqual(found['Peter Decker']['feeds'], 2)
+        self.assertIn('Ulrike Herrmann', found)
+        self.assertNotIn('Die Brandmauer', found)
+        self.assertNotIn('Die Linke', found)
+
+
+class IndexTests(TestCase):
+    def setUp(self):
+        cache.clear()
+        self.user = User.objects.create_user(username='finder', password='pw12345678')
+        self.client.force_login(self.user)
+        self.other = User.objects.create_user(username='other', password='pw12345678')
+        self.f1 = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/1', title='Eins')
+        self.f2 = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/2', title='Zwei')
+        self.f3 = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/3', title='Drei',
+                                             new_episodes=PodcastFeed.NEW_IGNORE)
+        theirs = PodcastFeed.objects.create(user=self.other, rss_url='https://example.org/1', title='Eins')
+
+        def ep(feed, guid, title, desc=''):
+            return PodcastEpisode.objects.create(feed=feed, guid=guid, title=title, description=desc,
+                                                 audio_url=f'https://example.org/{guid}.mp3',
+                                                 pub_date=datetime(2026, 1, 1, tzinfo=timezone.utc))
+        self.a = ep(self.f1, 'a', 'Über die Ökonomie der Plattformen', '<p>Mit Gästen über <b>Plattformkapitalismus</b> und Arbeit.</p>')
+        self.b = ep(self.f2, 'b', 'Plattformkapitalismus erklärt', 'Wie Plattformen Arbeit organisieren.')
+        self.c = ep(self.f2, 'c', 'Gartenarbeit im Herbst', 'Tomaten, Kürbisse und Laub.')
+        self.d = ep(self.f3, 'd', 'Noch mehr Plattformkapitalismus', 'Auf Abruf.')
+        for i in range(30):   # words everywhere say nothing
+            ep(self.f1, f'x{i}', f'Folge {i}', 'Arbeit und Gesellschaft')
+        ep(theirs, 't', 'Plattformkapitalismus bei jemand anderem', '')
+        self.assertGreaterEqual(discover.index_new(), 35)
+        self.assertEqual(discover.index_new(), 0, 'nothing twice')
+
+    def test_search_titles_shownotes_prefix_folding(self):
+        r = self.client.get('/podcasts/discover/search/?q=plattformkap').json()
+        self.assertEqual({e['id'] for e in r['episodes']}, {self.a.id, self.b.id, self.d.id})
+        self.assertEqual(r['episodes'][0]['id'] in (self.b.id, self.d.id), True, 'a title match first')
+        r = self.client.get('/podcasts/discover/search/?q=okonomie').json()
+        self.assertEqual([e['id'] for e in r['episodes']], [self.a.id])
+        r = self.client.get('/podcasts/discover/search/?q=plattformkapitalismus&stream=1').json()
+        self.assertNotIn(self.d.id, [e['id'] for e in r['episodes']], 'Auf Abruf is not in the Strom')
+
+    def test_similar_from_other_podcasts(self):
+        r = self.client.get(f'/podcasts/discover/similar/{self.b.id}/').json()
+        ids = [e['id'] for e in r['episodes']]
+        self.assertIn(self.a.id, ids)
+        self.assertNotIn(self.c.id, ids, 'same podcast, and about gardens')
+        self.assertEqual(self.client.get('/podcasts/discover/similar/999999/').status_code, 404)
+
+    def test_person_episodes(self):
+        PodcastEpisode.objects.create(feed=self.f1, guid='p', title='Arbeit mit Peter Decker', audio_url='https://example.org/p.mp3')
+        r = self.client.get('/podcasts/discover/person/?name=Peter Decker').json()
+        self.assertEqual([e['title'] for e in r['episodes']], ['Arbeit mit Peter Decker'])
+
+    def test_forgotten(self):
+        old = PodcastEpisode.objects.create(feed=self.f2, guid='old', title='Alt', audio_url='https://example.org/old.mp3',
+                                            pub_date=datetime.now(timezone.utc) - timedelta(days=200))
+        for e in (self.b, self.c, self.a):
+            EpisodeProgress.objects.create(user=self.user, episode=e, played=True)
+        PodcastEpisode.objects.create(feed=self.f2, guid='h1', title='H1', audio_url='https://example.org/h1.mp3')
+        heard = PodcastEpisode.objects.create(feed=self.f2, guid='h2', title='H2', audio_url='https://example.org/h2.mp3')
+        EpisodeProgress.objects.create(user=self.user, episode=heard, played=True)
+        r = self.client.get('/podcasts/discover/forgotten/').json()
+        self.assertEqual([e['id'] for e in r['loved']], [old.id])
+
+
+class OutsideTests(TestCase):
+    def setUp(self):
+        cache.clear()
+        self.user = User.objects.create_user(username='out', password='pw12345678')
+        self.client.force_login(self.user)
+        PodcastFeed.objects.create(user=self.user, rss_url='https://mine.example/feed', title='Mein Podcast')
+
+    def test_elsewhere_keeps_only_the_person_and_unknown_podcasts(self):
+        apple = {'results': [
+            {'collectionName': 'Fremd', 'feedUrl': 'https://other.example/feed', 'trackName': 'Gespräch mit Peter Decker',
+             'episodeUrl': 'https://other.example/1.mp3', 'episodeGuid': 'g1', 'releaseDate': '2026-01-02T00:00:00Z',
+             'trackTimeMillis': 60000},
+            {'collectionName': 'Mein Podcast', 'feedUrl': 'https://mine.example/feed', 'trackName': 'Mit Peter Decker',
+             'episodeUrl': 'https://mine.example/1.mp3'},
+            {'collectionName': 'Fremd', 'feedUrl': 'https://other.example/feed', 'trackName': 'Peter Pan',
+             'episodeUrl': 'https://other.example/2.mp3'},
+        ]}
+
+        def fake(url, **params):
+            return apple if 'itunes' in url else {'data': []}
+        with patch.object(discover, '_get_json', fake):
+            r = self.client.get('/podcasts/discover/elsewhere/?name=Peter Decker').json()
+        self.assertEqual([e['title'] for e in r['episodes']], ['Gespräch mit Peter Decker'])
+        self.assertEqual(r['episodes'][0]['duration_seconds'], 60)
+
+    def test_take_subscribes_auf_abruf_and_merklists(self):
+        item = {'podcast': 'Fremd', 'feed_url': 'https://other.example/feed', 'title': 'Gespräch mit Peter Decker',
+                'audio_url': 'https://other.example/1.mp3', 'guid': 'g1', 'pub_date': '2026-01-02T00:00:00Z',
+                'duration_seconds': 60}
+        with patch('podcasts.views._refresh_feed', side_effect=OSError('offline')):
+            r = self.client.post('/podcasts/discover/take/', json.dumps(item), content_type='application/json').json()
+        self.assertTrue(r['subscribed'])
+        feed = PodcastFeed.objects.get(pk=r['feed_id'])
+        self.assertEqual(feed.new_episodes, PodcastFeed.NEW_IGNORE)
+        self.assertTrue(PodcastLater.objects.filter(user=self.user, episode_id=r['episode_id']).exists())
+        with patch('podcasts.views._refresh_feed', side_effect=OSError('offline')):
+            r2 = self.client.post('/podcasts/discover/take/', json.dumps(item), content_type='application/json').json()
+        self.assertEqual((r2['episode_id'], r2['subscribed']), (r['episode_id'], False))
+
+    def test_recommend_counts_and_leaves_out_mine(self):
+        EpisodeProgress.objects.create(
+            user=self.user, played=True,
+            episode=PodcastEpisode.objects.create(feed=PodcastFeed.objects.get(title='Mein Podcast'), guid='m',
+                                                  title='M', audio_url='https://mine.example/m.mp3'))
+
+        def fake(url, **params):
+            if url.endswith('search/podcast'):
+                return {'data': [{'id': 7, 'title': 'Mein Podcast', 'xmlURL': 'https://mine.example/feed'}]}
+            if url.endswith('recommend'):
+                return {'data': [{'id': 8, 'title': 'Neu', 'xmlURL': 'https://new.example/feed'},
+                                 {'id': 7, 'title': 'Mein Podcast', 'xmlURL': 'https://mine.example/feed'}]}
+            return None
+        with patch.object(discover, '_get_json', fake):
+            r = self.client.get('/podcasts/discover/recommend/').json()
+        self.assertEqual([(p['title'], p['because']) for p in r['podcasts']], [('Neu', ['Mein Podcast'])])
diff --git a/podcasts/test_lists.py b/podcasts/test_lists.py
index 947f744..6fe4c19 100644
--- a/podcasts/test_lists.py
+++ b/podcasts/test_lists.py
@@ -151,6 +151,16 @@ class IntervalTests(Base):
         due = refresh_due(list(PodcastFeed.objects.filter(pk__in=[daily.pk, stale.pk, new.pk])), now)
         self.assertEqual(set(due), {stale.pk, new.pk})
 
+    def test_favourite_subscriptions(self):
+        r = self.post(f'/podcasts/feeds/{self.feed.pk}/settings/', {'favorite': True}).json()
+        self.assertTrue(r['favorite'])
+        other = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/o', title='O')
+        PodcastEpisode.objects.create(feed=other, guid='o', title='O1', audio_url='https://example.org/o.mp3')
+        got = self.client.get('/podcasts/episodes/?filter=fave_feeds&limit=50').json()
+        self.assertEqual({e['feed__id'] for e in got['episodes']}, {self.feed.pk})
+        self.assertTrue([f for f in self.state()['feeds'] if f['id'] == self.feed.pk][0]['favorite'])
+        self.assertEqual(PodcastLater.objects.filter(user=self.user).count(), 0, 'a favourite queues nothing')
+
     def test_setting_it(self):
         r = self.post(f'/podcasts/feeds/{self.feed.pk}/settings/', {'refresh_interval': 'weekly'}).json()
         self.assertEqual(r['refresh_interval'], 'weekly')
diff --git a/podcasts/tests.py b/podcasts/tests.py
index 702b16d..4265b61 100644
--- a/podcasts/tests.py
+++ b/podcasts/tests.py
@@ -1106,7 +1106,7 @@ FEED_DEFAULTS = {
     'playback_speed': None, 'skip_intro': 0, 'skip_outro': 0, 'volume': 1.0, 'new_episodes': 'inbox',
     'include_words': '', 'exclude_words': '', 'min_duration': 0, 'auto_queue': False, 'auto_download': False,
     'notify': False, 'episode_sort': '', 'episode_filter': [], 'skip_silence': None, 'kind': 'podcast',
-    'folder': '', 'folders': [], 'refresh_interval': '',
+    'folder': '', 'folders': [], 'refresh_interval': '', 'favorite': False,
 }
 
 
@@ -1134,7 +1134,7 @@ class FeedSettingsTests(TestCase):
             'new_episodes': 'inbox', 'include_words': 'News, Talk', 'exclude_words': 'Teaser', 'min_duration': 10,
             'auto_queue': False, 'auto_download': False, 'notify': False,
             'episode_sort': '', 'episode_filter': [], 'skip_silence': None, 'kind': 'podcast', 'folder': '', 'folders': [],
-            'refresh_interval': '',
+            'refresh_interval': '', 'favorite': False,
         })
         self.feed.refresh_from_db()
         self.assertEqual((self.feed.playback_speed, self.feed.skip_intro, self.feed.volume, self.feed.min_duration),
diff --git a/podcasts/urls.py b/podcasts/urls.py
index f548b79..2433919 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -1,5 +1,5 @@
 from django.urls import path
-from . import audiobooks, folders, views
+from . import audiobooks, discover, folders, views
 
 urlpatterns = [
     path('search/', views.podcast_search, name='podcast_search'),
@@ -39,6 +39,16 @@ urlpatterns = [
     path('later/remove/', views.later_remove, name='podcast_later_remove'),
     path('lists/', views.lists_switch, name='podcast_lists_switch'),
     path('stream/seen/', views.stream_seen, name='podcast_stream_seen'),
+    # Stöbern (docs/podcasts.md, podcasts/discover.py)
+    path('discover/search/', discover.search_view, name='podcast_discover_search'),
+    path('discover/similar/<int:pk>/', discover.similar_view, name='podcast_discover_similar'),
+    path('discover/people/', discover.people_view, name='podcast_discover_people'),
+    path('discover/person/', discover.person_view, name='podcast_discover_person'),
+    path('discover/elsewhere/', discover.elsewhere_view, name='podcast_discover_elsewhere'),
+    path('discover/topics/', discover.topics_view, name='podcast_discover_topics'),
+    path('discover/forgotten/', discover.forgotten_view, name='podcast_discover_forgotten'),
+    path('discover/recommend/', discover.recommend_view, name='podcast_discover_recommend'),
+    path('discover/take/', discover.take_view, name='podcast_discover_take'),
     path('settings/', views.podcast_settings, name='podcast_settings'),
     path('progress/save/', views.save_progress, name='podcast_save_progress'),
     path('progress/mark-played/', views.mark_played, name='podcast_mark_played'),
diff --git a/podcasts/views.py b/podcasts/views.py
index 6c712fb..3d2a9e7 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -892,7 +892,7 @@ FEED_SETTING_FIELDS = (
     'playback_speed', 'skip_intro', 'skip_outro', 'volume',
     'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_queue', 'auto_download',
     'notify', 'episode_sort', 'episode_filter', 'skip_silence', 'kind', 'folder', 'folders',
-    'refresh_interval',
+    'refresh_interval', 'favorite',
 )
 
 
@@ -1186,6 +1186,7 @@ FEED_SETTING_PARSERS = {
     'folders': folders_mod.clean_list,
     'skip_silence': _optional_boolean,
     'refresh_interval': lambda v: _refresh_interval(v),
+    'favorite': _boolean,
 }
 
 
@@ -1599,6 +1600,8 @@ EPISODE_FILTERS = {
     'later': Q(in_later=True),
     # The Strom (docs/podcasts.md): every subscription but the "Auf Abruf" ones.
     'stream': ~Q(feed__new_episodes=PodcastFeed.NEW_IGNORE),
+    # Episodes of the favourite subscriptions.
+    'fave_feeds': Q(feed__favorite=True),
 }
 # Episodes of unknown length (0) come last when sorting by length.
 _UNKNOWN_LENGTH_LAST = Case(When(duration_seconds__gt=0, then=Value(0)), default=Value(1), output_field=IntegerField())
diff --git a/static/js/sw.js b/static/js/sw.js
index 461a9dd..42ee1f0 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v137';
+const CACHE = 'diora-v138';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 410d4806cae731bb758bf5817acdd6b7e2f04fb2 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 19:00:38 +0200
Subject: [PATCH 152/176] =?UTF-8?q?Podcasts:=20H=C3=B6rbuch-Kapitel=20komm?=
 =?UTF-8?q?en=20nie=20in=20die=20Wiedergabeliste=20oder=20Merkliste;=20The?=
 =?UTF-8?q?men=20nur=20aus=20Folgentiteln=20(schneller,=20weniger=20Rausch?=
 =?UTF-8?q?en)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 podcasts/discover.py   |  5 +++--
 podcasts/test_lists.py |  8 ++++++++
 podcasts/views.py      | 11 ++++++++++-
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/podcasts/discover.py b/podcasts/discover.py
index e526f23..bc12489 100644
--- a/podcasts/discover.py
+++ b/podcasts/discover.py
@@ -281,10 +281,11 @@ def topics_of(user, days=7):
     [{'label', 'ids'}], the largest first."""
     from feeds import textproc
     since = timezone.now() - timedelta(days=days)
+    # Titles only: the shownotes bring every podcast's furniture ("Link", "Abo", "Mediathek").
     eps = list(PodcastEpisode.objects.filter(feed__user=user, feed__kind=PodcastFeed.PODCAST, pub_date__gte=since)
                .exclude(feed__new_episodes=PodcastFeed.NEW_IGNORE)
-               .values_list('id', 'title', 'description', 'feed__title'))
-    stories = [(i, f'{t}. {_plain(d)[:400]}', {ft}) for i, t, d, ft in eps]
+               .values_list('id', 'title', 'feed__title'))
+    stories = [(i, t, {ft}) for i, t, ft in eps]
     return textproc.topics(stories, max_topics=10)
 
 
diff --git a/podcasts/test_lists.py b/podcasts/test_lists.py
index 6fe4c19..86031d0 100644
--- a/podcasts/test_lists.py
+++ b/podcasts/test_lists.py
@@ -81,6 +81,14 @@ class MerklisteTests(Base):
         self.post('/podcasts/progress/save/', {'episode_id': self.eps[2].id, 'position_seconds': 100})
         self.assertEqual(self.later(), {self.eps[2].id}, 'started stays, heard goes')
 
+    def test_audiobooks_go_on_neither_list(self):
+        book = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/book', title='Buch',
+                                          kind=PodcastFeed.AUDIOBOOK)
+        ch = PodcastEpisode.objects.create(feed=book, guid='c1', title='Kapitel 1', audio_url='https://example.org/c1.mp3')
+        self.post('/podcasts/queue/add/', {'episode_ids': [ch.id, self.eps[0].id]})
+        self.post('/podcasts/later/add/', {'episode_ids': [ch.id]})
+        self.assertEqual((self.queue(), self.later()), ([self.eps[0].id], set()))
+
     def test_discard_leaves_both_lists(self):
         self.post('/podcasts/later/add/', {'episode_ids': [self.eps[0].id]})
         self.post('/podcasts/queue/add/', {'episode_ids': [self.eps[0].id]})
diff --git a/podcasts/views.py b/podcasts/views.py
index 3d2a9e7..f4fd573 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -95,10 +95,19 @@ def _current_episode_id(user, queued, hint=None):
     return p
 
 
+def _not_books(episode_ids):
+    """The ids that aren't an audiobook's chapters: those are played in the library, in their
+    book's order, and never sit in the Wiedergabeliste or the Merkliste (docs/audiobooks.md)."""
+    books = set(PodcastEpisode.objects.filter(id__in=episode_ids, feed__kind=PodcastFeed.AUDIOBOOK)
+                .values_list('id', flat=True))
+    return [i for i in episode_ids if i not in books]
+
+
 def _enqueue(user, episode_ids, where, current_hint=None):
     """Put episodes that aren't queued yet into the queue at `where`
     (back, front or after_current), keeping their given order.
     Returns the ids that were added."""
+    episode_ids = _not_books(episode_ids)
     queued = _queue_order(user)
     present = set(queued)
     new = []
@@ -199,7 +208,7 @@ def _later_add(user, episode_ids, auto=False):
     """Put episodes on the user's Merkliste (those not on it yet). Like queueing they are no
     longer new; wanted again after "Folge löschen". Returns the ids added."""
     have = set(PodcastLater.objects.filter(user=user, episode_id__in=episode_ids).values_list('episode_id', flat=True))
-    new = [i for i in dict.fromkeys(episode_ids) if i not in have]
+    new = [i for i in dict.fromkeys(_not_books(episode_ids)) if i not in have]
     if not new:
         return []
     PodcastLater.objects.bulk_create([PodcastLater(user=user, episode_id=i, auto=auto) for i in new], ignore_conflicts=True)

From 8df8ae2be3d63dc7c33f29ff196935f0d3ac8ec2 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 19:09:07 +0200
Subject: [PATCH 153/176] =?UTF-8?q?Suche=20=C3=BCber=20ganz=20diora:=20eig?=
 =?UTF-8?q?ener=20Abschnitt=20(Handy=20neben=20Home=20=C2=B7=20Lesen=20?=
 =?UTF-8?q?=C2=B7=20H=C3=B6ren,=20Seitenleiste=20unten=20=C3=BCber=20Abos)?=
 =?UTF-8?q?,=20B=C3=BCcher=20lokal,=20Rest=20=C3=BCber=20/search/;=20sw=20?=
 =?UTF-8?q?v139?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 diora/search.py             | 101 +++++++++
 diora/test_search.py        |  62 ++++++
 diora/urls.py               |   2 +
 docs/search.md              |  32 +++
 e2e/navigation.spec.js      |  32 ++-
 static/js/app/20-tabs.js    |   2 +-
 static/js/nav.js            |  22 +-
 static/js/search.js         | 421 ++++++++++++++++++++++++++++++++++++
 static/js/sw.js             |   3 +-
 templates/radio/player.html |   3 +
 10 files changed, 670 insertions(+), 10 deletions(-)
 create mode 100644 diora/search.py
 create mode 100644 diora/test_search.py
 create mode 100644 docs/search.md
 create mode 100644 static/js/search.js

diff --git a/diora/search.py b/diora/search.py
new file mode 100644
index 0000000..2bdb5c7
--- /dev/null
+++ b/diora/search.py
@@ -0,0 +1,101 @@
+"""The search across diora (docs/search.md): one query, what the server knows of every area —
+podcasts and audiobooks one follows, podcast episodes (the full-text index, podcasts/discover.py),
+news and blog sources, their articles, saved radio stations. The books aren't here: their titles
+are encrypted, the page searches them itself (static/js/search.js).
+
+Every word of the query has to be there, as the start of a word ("plattf" finds "Plattform");
+case and diacritics don't count."""
+from django.db.models import Q
+from django.http import JsonResponse
+from django.views.decorators.http import require_http_methods
+
+from feeds.models import Item, Source
+from podcasts import discover
+from podcasts.models import PodcastFeed
+from radio.models import SavedStation
+
+LIMIT = 8            # per area; the area's own view has the rest
+ARTICLE_SCAN = 400   # articles looked at after the database's rough match
+
+
+def _words(q):
+    return [w for w in discover._words(q) if w][:8]
+
+
+def _matches(words, *texts):
+    """Every word as the start of a word in the texts ("plattf" finds "Plattform")."""
+    have = discover._words(' '.join(t or '' for t in texts))
+    return bool(words) and all(any(h.startswith(w) for h in have) for w in words)
+
+
+def _rank(words, title):
+    """Title starting with the query first, then title words, then the rest."""
+    t = discover._words(title)
+    if t[:len(words)] == words or (t and t[0].startswith(words[0])):
+        return 0
+    return 1 if all(any(h.startswith(w) for h in t) for w in words) else 2
+
+
+def _feeds(user, words):
+    out = {'podcasts': [], 'audiobooks': []}
+    rows = PodcastFeed.objects.filter(user=user).values('id', 'title', 'author', 'artwork_url', 'kind', 'rss_url',
+                                                        'favorite', 'new_episodes')
+    found = [f for f in rows if _matches(words, f['title'], f['author'])]
+    found.sort(key=lambda f: (_rank(words, f['title']), (f['title'] or '').lower()))
+    for f in found:
+        key = 'audiobooks' if f['kind'] == PodcastFeed.AUDIOBOOK else 'podcasts'
+        out[key].append(f)
+    return {k: v[:LIMIT] for k, v in out.items()} | {'podcasts_total': len(out['podcasts']),
+                                                      'audiobooks_total': len(out['audiobooks'])}
+
+
+def _sources(user, words):
+    rows = Source.objects.filter(user=user).values('id', 'title', 'url', 'kind', 'icon_url', 'category')
+    found = [s for s in rows if _matches(words, s['title'], s['url'], s['category'])]
+    found.sort(key=lambda s: (_rank(words, s['title']), (s['title'] or '').lower()))
+    return found[:LIMIT]
+
+
+def _articles(user, words):
+    """Articles whose title or author has every word, the newest first. The database narrows by
+    the longest word (LIKE, as case-blind as SQLite is), Python decides."""
+    longest = max(words, key=len)
+    rough = Q(title__icontains=longest) | Q(author__icontains=longest)
+    if longest != longest.capitalize():
+        rough |= Q(title__contains=longest.capitalize())
+    rows = (Item.objects.filter(user=user, gone=False).filter(rough).order_by('-published')
+            .values('id', 'title', 'author', 'kind', 'published', 'image_url', 'read_at', 'source__title')[:ARTICLE_SCAN])
+    found = [i for i in rows if _matches(words, i['title'], i['author'])]
+    return [{'id': i['id'], 'title': i['title'], 'author': i['author'], 'kind': i['kind'],
+             'published': i['published'].isoformat() if i['published'] else None, 'image_url': i['image_url'],
+             'read': i['read_at'] is not None, 'source': i['source__title']} for i in found[:LIMIT * 2]], len(found)
+
+
+def _stations(user, words):
+    rows = SavedStation.objects.filter(user=user).values('id', 'name', 'url', 'tags', 'country', 'favicon_url',
+                                                         'is_favorite')
+    found = [s for s in rows if _matches(words, s['name'], s['tags'], s['country'])]
+    found.sort(key=lambda s: (_rank(words, s['name']), not s['is_favorite'], s['name'].lower()))
+    return found[:LIMIT]
+
+
+def search(user, q):
+    words = _words(q)
+    if not words or len(''.join(words)) < 2:
+        return {'q': q, 'empty': True}
+    out = {'q': q}
+    out.update(_feeds(user, words))
+    ids = discover.search_ids(user, q, limit=LIMIT * 2)
+    out['episodes'] = discover._rows(user, ids)
+    out['sources'] = _sources(user, words)
+    out['articles'], out['articles_total'] = _articles(user, words)
+    out['stations'] = _stations(user, words)
+    return out
+
+
+@require_http_methods(['GET'])
+def search_view(request):
+    """?q=…: what matches in every area (see the module's text)."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    return JsonResponse(search(request.user, request.GET.get('q', '')[:200]))
diff --git a/diora/test_search.py b/diora/test_search.py
new file mode 100644
index 0000000..863a8a3
--- /dev/null
+++ b/diora/test_search.py
@@ -0,0 +1,62 @@
+"""The search across diora (diora/search.py)."""
+from datetime import datetime, timezone
+
+from django.contrib.auth.models import User
+from django.test import TestCase
+
+from feeds.models import Item, Source
+from podcasts import discover
+from podcasts.models import PodcastEpisode, PodcastFeed
+from radio.models import SavedStation
+
+
+class SearchTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='sucher', password='pw12345678')
+        self.client.force_login(self.user)
+        other = User.objects.create_user(username='andere', password='pw12345678')
+        when = datetime(2026, 3, 1, tzinfo=timezone.utc)
+        self.pod = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/p', title='Ökonomie heute',
+                                              author='Peter Decker')
+        self.book = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/b', title='Das Kapital',
+                                               author='Karl Marx', kind=PodcastFeed.AUDIOBOOK)
+        PodcastFeed.objects.create(user=other, rss_url='https://example.org/p', title='Ökonomie heute')
+        self.ep = PodcastEpisode.objects.create(feed=self.pod, guid='e1', title='Die Ökonomie der Plattformen',
+                                                audio_url='https://example.org/e1.mp3', pub_date=when)
+        PodcastEpisode.objects.create(feed=self.book, guid='k1', title='Kapitel 1: Die Ware',
+                                      audio_url='https://example.org/k1.mp3', pub_date=when)
+        discover.index_new()
+        blog = Source.objects.create(user=self.user, url='https://blog.example/feed', title='Plattform-Blog', kind=Source.BLOG)
+        Item.objects.create(source=blog, user=self.user, kind=Source.BLOG, guid_hash='a', title='Plattformarbeit und Streik',
+                            published=when)
+        Item.objects.create(source=blog, user=self.user, kind=Source.BLOG, guid_hash='b', title='Gartenarbeit', published=when)
+        Item.objects.create(source=blog, user=self.user, kind=Source.BLOG, guid_hash='c', title='Plattformen, alt',
+                            published=when, gone=True)
+        SavedStation.objects.create(user=self.user, name='Radio Plattform', url='https://radio.example/s', tags='jazz')
+
+    def find(self, q):
+        return self.client.get('/search/', {'q': q}).json()
+
+    def test_every_area(self):
+        r = self.find('plattf')
+        self.assertEqual([e['id'] for e in r['episodes']], [self.ep.id])
+        self.assertEqual([a['title'] for a in r['articles']], ['Plattformarbeit und Streik'])
+        self.assertEqual([s['title'] for s in r['sources']], ['Plattform-Blog'])
+        self.assertEqual([s['name'] for s in r['stations']], ['Radio Plattform'])
+
+    def test_podcasts_and_audiobooks_apart_case_and_accents_blind(self):
+        r = self.find('okonomie')
+        self.assertEqual([f['id'] for f in r['podcasts']], [self.pod.id])
+        self.assertEqual(r['audiobooks'], [])
+        r = self.find('marx kap')
+        self.assertEqual([f['id'] for f in r['audiobooks']], [self.book.id])
+        self.assertEqual(r['episodes'], [], 'an audiobook\'s chapters are no podcast episodes')
+
+    def test_every_word_and_nothing_for_too_little(self):
+        self.assertEqual(self.find('plattform garten')['articles'], [])
+        self.assertTrue(self.find('a')['empty'])
+        self.assertEqual(self.client.get('/search/', {'q': 'x'}).status_code, 200)
+
+    def test_only_signed_in(self):
+        self.client.logout()
+        self.assertEqual(self.client.get('/search/', {'q': 'plattform'}).status_code, 401)
diff --git a/diora/urls.py b/diora/urls.py
index 886ee26..3e1d1b7 100644
--- a/diora/urls.py
+++ b/diora/urls.py
@@ -5,6 +5,7 @@ from django.urls import path, include
 from django.views.static import serve as serve_static
 
 from accounts.sync import sync_snapshot
+from diora.search import search_view
 
 urlpatterns = [
     path('admin/', admin.site.urls),
@@ -15,6 +16,7 @@ urlpatterns = [
     path('tts/', include('tts.urls')),
     path('api/2/', include('gpodder.urls')),
     path('api/sync/', sync_snapshot, name='api_sync'),
+    path('search/', search_view, name='search'),
     # Served at the root (not /static/js/sw.js) so its default scope covers
     # the whole app — a service worker's scope is limited to its own script's
     # directory unless the server sends Service-Worker-Allowed, so registering
diff --git a/docs/search.md b/docs/search.md
new file mode 100644
index 0000000..3f248f3
--- /dev/null
+++ b/docs/search.md
@@ -0,0 +1,32 @@
+# Suche
+
+One field for all of diora: a section of its own in the navigation (`static/js/nav.js`,
+section and group `suche`, flag `side`):
+
+- phone (the apps' tab bar, the web page's narrow bar): beside Home · Lesen · Hören;
+- the apps' sidebar and the web page's wide bar: at the foot, above Abos & Quellen.
+
+It's never the section the app opens in next time (`diora_nav_section` isn't written for it).
+
+## What is searched where
+
+| Area | Where | Opens |
+|---|---|---|
+| Bücher, Zeitschriften | on the device (`_lastBookListData` / `bookMetaCache`): titles are encrypted, the server never sees them; title, author, series, file name, folders; editions of one work once | `openBook(id)` |
+| Hörbücher, Podcasts (Abos) | server: title, author | `__dioraAudiobookOpen(id)` / `__dioraPodcastOpenFeed(id)` |
+| Folgen | server: the full-text index (`podcasts/discover.py`, titles and shownotes, podcasts only) | `__dioraPodcastOpenEpisode(row)` if the podcast UI has it, else the podcast's page; ▶ plays (`podcastPlayEpisode`) |
+| Artikel | server: titles and authors of news and blog items not expired | `__dioraFeedsOpenItem(id)` |
+| Nachrichtenquellen, Blogs | server: title, address, category | the news / blogs |
+| Radio | server: saved stations, name, tags, country | `playStation()` |
+
+Every word has to be there as the start of a word ("plattf" finds "Plattform"); case and
+diacritics don't count. "Darüber hinaus" hands the query to Abos & Quellen (new podcasts,
+YouTube, feeds) or the radio directory search. The last eight queries (Enter or a hit opened)
+are kept on the device. `DioraSearch.open(q)` opens it from anywhere.
+
+## API
+
+`GET /search/?q=…` (signed in) →
+`{q, podcasts, podcasts_total, audiobooks, audiobooks_total, episodes, sources, articles,
+articles_total, stations}`; `{q, empty: true}` for less than two letters. Episodes come as the
+episode lists give them (`_episode_list_data`). Eight per area (articles sixteen).
diff --git a/e2e/navigation.spec.js b/e2e/navigation.spec.js
index 2ec66c4..4e4b286 100644
--- a/e2e/navigation.spec.js
+++ b/e2e/navigation.spec.js
@@ -14,7 +14,7 @@ test('wide: every section in the bar under its group, each shows its panel and v
   const wide = page.locator('#tabs .nav-wide');
   await expect(wide.locator('.nav-group-label')).toHaveText(['Lesen', 'Hören']);
   await expect(wide.locator('[data-nav]')).toHaveText(
-    ['Home', 'Bücher', 'Zeitschriften', 'Nachrichten', 'Blogs', 'Hörbücher', 'Podcasts', 'Radio', 'Ambient', 'Fokus', 'Abos & Quellen']);
+    ['Home', 'Bücher', 'Zeitschriften', 'Nachrichten', 'Blogs', 'Hörbücher', 'Podcasts', 'Radio', 'Ambient', 'Fokus', 'Suche', 'Abos & Quellen']);
 
   await wide.locator('[data-nav="blogs"]').click();
   await expect(page).toHaveURL(/#blogs$/);
@@ -33,7 +33,7 @@ test('narrow: three groups, the sections as a row on top, each group remembers i
   await page.setViewportSize({ width: 390, height: 800 });
   await page.goto('/#news');
   const narrow = page.locator('#tabs .nav-narrow');
-  await expect(narrow.locator('[data-nav]')).toHaveText(['Home', 'Lesen', 'Hören', '']);
+  await expect(narrow.locator('[data-nav]')).toHaveText(['Home', 'Lesen', 'Hören', 'Suche', '']);
   await expect(narrow.locator('[data-nav="sources"] svg.dnav-ic')).toBeVisible();
   await expect(narrow.locator('[data-nav="lesen"]')).toHaveClass(/active/);
   const segs = page.locator('#nav-segments');
@@ -61,6 +61,34 @@ test('old links and direct panel switches land in their section', async ({ page
   expect(await visiblePanel(page)).toEqual(['tab-podcasts']);   // remembered
 });
 
+test('Suche: books from this device, the rest from the server, a hit opens where it lives', async ({ page }) => {
+  await page.setViewportSize({ width: 390, height: 800 });
+  await page.route('**/search/?q=*', route => route.fulfill({json: {
+    q: 'kapital', podcasts: [{id: 7, title: 'Kapital-Lesekreis', author: 'Rote Hilfe', artwork_url: '', favorite: true}],
+    podcasts_total: 1, audiobooks: [], audiobooks_total: 0,
+    episodes: [{id: 70, feed__id: 7, feed__title: 'Kapital-Lesekreis', title: 'Folge 3: Das Kapital, Band 1', duration_seconds: 3600}],
+    sources: [], articles: [{id: 5, title: 'Kapital und Krise', source: 'Ein Blog', kind: 'blog', published: null, read: false}],
+    articles_total: 1, stations: []}}));
+  await page.goto('/#home');
+  await page.locator('#tabs .nav-narrow [data-nav="suche"]').click();
+  await expect(page).toHaveURL(/#suche$/);
+  expect(await visiblePanel(page)).toEqual(['tab-suche']);
+  await expect(page.locator('#tab-suche .sx-q')).toBeFocused();
+  await page.evaluate(() => {
+    _lastBookListData = [{id: 901, title: 'Das Kapital', author: 'Karl Marx', type: 'epub', keyOk: true},
+      {id: 902, title: 'Gartenbuch', author: 'Jemand', type: 'epub', keyOk: true}];
+  });
+  await page.locator('#tab-suche .sx-q').fill('kapital');
+  const groups = page.locator('#tab-suche .sx-h');
+  await expect(groups).toHaveText([/Bücher/, /Podcasts/, /Folgen/, /Artikel/]);
+  await expect(page.locator('#tab-suche .sx-group').first().locator('mark')).toHaveText('Kapital');
+  await page.locator('#tab-suche .sx-q').press('Enter');
+  await page.locator('#tab-suche .sx-q').fill('');
+  await expect(page.locator('#tab-suche .sx-recent .sx-chip')).toHaveText(['kapital']);
+  // Not where the app opens next time.
+  expect(await page.evaluate(() => localStorage.getItem('diora_nav_section'))).not.toBe('suche');
+});
+
 test('Abos & Quellen: one page for every subscription, reached from the feeds too', async ({ page }) => {
   await page.setViewportSize({ width: 1200, height: 800 });
   await page.goto('/#news');
diff --git a/static/js/app/20-tabs.js b/static/js/app/20-tabs.js
index fb1d079..dec1a2d 100644
--- a/static/js/app/20-tabs.js
+++ b/static/js/app/20-tabs.js
@@ -4,7 +4,7 @@
 // Tabs
 // ---------------------------------------------------------------------------
 
-const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'feeds', 'ambient', 'audiobooks', 'sources'];
+const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'feeds', 'ambient', 'audiobooks', 'sources', 'suche'];
 const RADIO_SUB_TABS = ['search', 'saved', 'history'];
 
 // ---------------------------------------------------------------------------
diff --git a/static/js/nav.js b/static/js/nav.js
index fd14db3..66640bd 100644
--- a/static/js/nav.js
+++ b/static/js/nav.js
@@ -1,7 +1,7 @@
 /*
  * The navigation (docs/navigation.md): diora's sections, sorted by what one does —
  * Home; Lesen: Bücher, Zeitschriften, Nachrichten, Blogs; Hören: Hörbücher, Podcasts,
- * Radio, Ambient. One definition for every platform: the web page's #tabs are drawn
+ * Radio, Ambient; Suche across all of them. One definition for every platform: the web page's #tabs are drawn
  * here, the apps' tab bar and sidebar (native-radio.js) from DioraNav.groups() and
  * DioraNav.sections(). A section is a panel (showTab, as before) plus a view in it.
  * On a phone, Lesen and Hören show their sections as a row on top (#nav-segments).
@@ -25,6 +25,9 @@
     {id: 'ambient', group: 'hoeren', label: 'Ambient', icon: '∿', panel: 'ambient'},
     // The focus timer: the web page's own (the apps never had it).
     {id: 'focus', group: 'hoeren', label: 'Fokus', icon: '◷', panel: 'focus', webOnly: true},
+    // The search across diora (docs/search.md, search.js): beside Home · Lesen · Hören on a
+    // phone, at the foot of the sidebar (above Abos & Quellen) and of the wide bar ("side").
+    {id: 'suche', group: 'suche', label: 'Suche', icon: '⌕', panel: 'suche', account: true, side: true},
     // Managing every subscription (docs/sources.md): at the foot of the sidebar, in the app
     // menu on a phone — not a tab of its own.
     {id: 'sources', group: 'more', label: 'Abos & Quellen', icon: '⚙', panel: 'sources', account: true, footer: true},
@@ -33,6 +36,7 @@
     {id: 'home', label: 'Home', icon: '⌂'},
     {id: 'lesen', label: 'Lesen', icon: '▤'},
     {id: 'hoeren', label: 'Hören', icon: '◉'},
+    {id: 'suche', label: 'Suche', icon: '⌕'},
   ];
   const byId = {};
   SECTIONS.forEach(s => { byId[s.id] = s; });
@@ -59,6 +63,7 @@
       '<path d="M3 9.5c2-2.6 4-2.6 6 0s4 2.6 6 0 4-2.6 6 0"/><path d="M3 14.5c2-2.6 4-2.6 6 0s4 2.6 6 0 4-2.6 6 0"/>',
     focus: '<circle class="f" cx="12" cy="13" r="8"/><circle cx="12" cy="13" r="8"/><path d="M12 9v4l3 2M9 3h6"/>',
     sources: '<circle class="f" cx="6" cy="18" r="2"/><circle cx="6" cy="18" r="1.6"/><path d="M5 11a8 8 0 0 1 8 8"/><path d="M5 5a14 14 0 0 1 14 14"/>',
+    suche: '<circle class="f" cx="10.5" cy="10.5" r="6.5"/><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.5 15.5L21 21"/>',
     menu: '<rect class="f" x="10.5" y="4" width="3" height="3"/><rect x="10.5" y="4" width="3" height="3"/>' +
       '<rect x="10.5" y="10.5" width="3" height="3"/><rect x="10.5" y="17" width="3" height="3"/>',
   };
@@ -73,6 +78,8 @@
   const nativeUi = () => html.classList.contains('nui-radio');   // the apps' own bars (native-radio.js)
   const readerApp = () => html.classList.contains('nui-reader-app');
   const noRead = () => html.classList.contains('nui-noread');     // TV
+  // The apps' sidebar: a "side" section stands at its foot, not as a group.
+  const sidebar = () => html.classList.contains('nui-sidebar');
   // Audiobooks need the podcast player: the page has them where it loads audiobooks.js
   // (diora Reader's build leaves it out). Known before the player's script has run.
   const podcastHost = () => !!document.querySelector('script[src$="/static/js/audiobooks.js"]');
@@ -89,7 +96,7 @@
 
   function sections() {
     return SECTIONS.filter(available).map(s => ({id: s.id, group: s.group, label: s.label, icon: s.icon, svg: icon(s.id),
-      footer: !!s.footer}));
+      footer: !!s.footer || (!!s.side && sidebar())}));
   }
 
   function groups() {
@@ -135,7 +142,7 @@
   function setCurrent(id) {
     current = id;
     const s = byId[id];
-    save('diora_nav_section', id);
+    if (!s.side) save('diora_nav_section', id);   // the app opens where one was, not in the search
     if (!s.footer) save('diora_nav_last_' + s.group, id);
     syncHash();
     render();
@@ -227,13 +234,16 @@
     const gs = groups();
     const foot = sections().filter(s => s.footer);
     if (tabs && !nativeUi()) {
-      // Wide: every section under its group; narrow: the groups (their sections on top).
+      // Wide: every section under its group, the "side" ones at the end with the footer's;
+      // narrow: the groups (their sections on top).
+      const side = id => !!byId[id].side;
+      const footWide = sections().filter(s => side(s.id)).concat(foot);
       tabs.innerHTML =
-        '<div class="nav-wide">' + gs.map(g => g.id === 'home'
+        '<div class="nav-wide">' + gs.filter(g => !g.sections.every(side)).map(g => g.id === 'home'
           ? button('home', 'Home', 'tab-btn', current === 'home')
           : '<span class="nav-group-label">' + esc(g.label) + '</span>' +
             g.sections.map(id => button(id, byId[id].label, 'tab-btn', current === id)).join('')).join('') +
-          (foot.length ? '<span class="nav-foot">' + foot.map(s => button(s.id, s.label, 'tab-btn', current === s.id)).join('') + '</span>' : '') +
+          (footWide.length ? '<span class="nav-foot">' + footWide.map(s => button(s.id, s.label, 'tab-btn', current === s.id)).join('') + '</span>' : '') +
         '</div>' +
         '<div class="nav-narrow">' + gs.map(g =>
           button(g.id, g.label, 'tab-btn', !!cur && cur.group === g.id)).join('') +
diff --git a/static/js/search.js b/static/js/search.js
new file mode 100644
index 0000000..0597bbf
--- /dev/null
+++ b/static/js/search.js
@@ -0,0 +1,421 @@
+/*
+ * Suche (docs/search.md): one field for all of diora — books and magazines (searched here:
+ * their titles are encrypted, the server never sees them), audiobooks, podcasts and their
+ * episodes, news and blog articles and sources, saved stations (the server's /search/).
+ * A section of its own in the navigation (nav.js): on a phone beside Home · Lesen · Hören,
+ * in the sidebar at its foot above Abos & Quellen. A hit opens where it lives.
+ * Runs in the web page, the desktop app and the Android apps. Chrome-61-safe: no ?. / ??.
+ */
+(function () {
+  'use strict';
+  const tab = document.getElementById('tab-suche');
+  if (!tab) return;
+
+  const RECENT_KEY = 'diora_search_recent';
+  const st = {q: '', server: null, loading: false, error: '', more: {}};
+  let timer = 0;
+  let asked = 0;   // the newest request; older answers are dropped
+
+  // ---- helpers -------------------------------------------------------------------------
+
+  function esc(s) {
+    return String(s == null ? '' : s).replace(/[&<>"']/g, c =>
+      ({'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'}[c]));
+  }
+
+  // As the server folds them (diora/search.py): lower case, no diacritics, words.
+  function fold(s) {
+    s = String(s || '').toLowerCase();
+    if (s.normalize) s = s.normalize('NFKD').replace(/[̀-ͯ]/g, '');
+    return s;
+  }
+  // Letters and digits after fold() (no \p{L}: Chrome 61).
+  const WORD = '0-9a-z\u00df-\u024f\u0370-\u03ff\u0400-\u04ff';
+  const NOT_WORD = new RegExp('[^' + WORD + ']+');
+  const words = s => fold(s).split(NOT_WORD).filter(Boolean);
+  function matches(qw, text) {
+    const have = words(text);
+    return qw.every(w => have.some(h => h.indexOf(w) === 0));
+  }
+  function rank(qw, title) {
+    const t = words(title);
+    if (t.length && t[0].indexOf(qw[0]) === 0) return 0;
+    return qw.every(w => t.some(h => h.indexOf(w) === 0)) ? 1 : 2;
+  }
+
+  // The query's words marked in a title.
+  function mark(text, qw) {
+    const s = String(text || '');
+    if (!qw.length) return esc(s);
+    const f = fold(s);
+    const hits = [];
+    const re = new RegExp('[' + WORD + ']+', 'g');
+    let m;
+    while ((m = re.exec(f))) {
+      if (qw.some(w => m[0].indexOf(w) === 0)) hits.push([m.index, m.index + m[0].length]);
+    }
+    // fold() keeps the length for nearly everything; if not, no marks rather than wrong ones.
+    if (f.length !== s.length) return esc(s);
+    let out = '', at = 0;
+    for (const h of hits) {
+      out += esc(s.slice(at, h[0])) + '<mark>' + esc(s.slice(h[0], h[1])) + '</mark>';
+      at = h[1];
+    }
+    return out + esc(s.slice(at));
+  }
+
+  function go(id) {
+    if (window.DioraNav) window.DioraNav.go(id);
+    else if (typeof showTab === 'function') showTab(id);
+  }
+
+  function host() {
+    const n = window.DioraNative;
+    if (n && typeof n.podcastPlayEpisode === 'function') return n;
+    return window.DioraPodcastHost || null;
+  }
+
+  function load(key) {
+    try { return JSON.parse(localStorage.getItem(key) || 'null'); } catch (e) { return null; }
+  }
+  function save(key, v) {
+    try { localStorage.setItem(key, JSON.stringify(v)); } catch (e) {}
+  }
+
+  function remember(q) {
+    q = q.trim();
+    if (q.length < 2) return;
+    const list = (load(RECENT_KEY) || []).filter(x => fold(x) !== fold(q));
+    list.unshift(q);
+    save(RECENT_KEY, list.slice(0, 8));
+  }
+
+  function when(iso) {
+    if (!iso) return '';
+    const d = new Date(iso);
+    if (isNaN(d)) return '';
+    const days = Math.floor((Date.now() - d.getTime()) / 864e5);
+    if (days < 1) return 'heute';
+    if (days < 2) return 'gestern';
+    if (days < 7) return 'vor ' + days + ' Tagen';
+    return d.toLocaleDateString('de-DE', {day: 'numeric', month: 'short', year: days > 300 ? 'numeric' : undefined});
+  }
+
+  function minutes(sec) {
+    const m = Math.round((sec || 0) / 60);
+    if (!m) return '';
+    return m < 60 ? m + ' Min' : Math.floor(m / 60) + ' Std' + (m % 60 ? ' ' + (m % 60) + ' Min' : '');
+  }
+
+  // ---- the books: from this device ------------------------------------------------------
+
+  function libraryBooks() {
+    const list = typeof _lastBookListData !== 'undefined' && _lastBookListData && _lastBookListData.length
+      ? _lastBookListData : null;
+    if (list) return list;
+    if (typeof bookMetaCache === 'undefined') return [];
+    return Object.keys(bookMetaCache).map(id => Object.assign({id: Number(id)}, bookMetaCache[id]));
+  }
+
+  function isMagazine(b) {
+    return typeof window._isMagazine === 'function' ? window._isMagazine(b) : b.magazine === true;
+  }
+
+  function findBooks(qw) {
+    const found = libraryBooks().filter(b => b.keyOk !== false &&
+      matches(qw, [b.title, b.author, b.series, b.filename, (b.folders || []).join(' ')].join(' ')));
+    // One work in several editions (PDF and EPUB): once.
+    const seen = {};
+    const out = [];
+    for (const b of found) {
+      if (b.work) {
+        if (seen[b.work]) continue;
+        seen[b.work] = true;
+      }
+      out.push(b);
+    }
+    out.sort((a, b) => rank(qw, a.title) - rank(qw, b.title) ||
+      String(b.last_read || '').localeCompare(String(a.last_read || '')) ||
+      String(a.title).localeCompare(String(b.title), 'de'));
+    return {books: out.filter(b => !isMagazine(b)), magazines: out.filter(isMagazine)};
+  }
+
+  // ---- the server's part ----------------------------------------------------------------
+
+  async function ask(q) {
+    const n = ++asked;
+    st.loading = true;
+    st.error = '';
+    render();
+    try {
+      const r = await fetch('/search/?q=' + encodeURIComponent(q), {credentials: 'same-origin', cache: 'no-store'});
+      const d = await r.json().catch(() => null);
+      if (n !== asked) return;
+      if (!r.ok || !d) throw new Error((d && d.error) || ('HTTP ' + r.status));
+      st.server = d;
+    } catch (e) {
+      if (n !== asked) return;
+      st.server = null;
+      st.error = navigator.onLine === false ? 'Offline: nur die Bücher auf diesem Gerät.' : 'Suche gerade nicht erreichbar.';
+    }
+    st.loading = false;
+    render(true);
+  }
+
+  function changed(q) {
+    st.q = q;
+    st.more = {};
+    clearTimeout(timer);
+    const qw = words(q);
+    if (!qw.length || qw.join('').length < 2) {
+      asked++;
+      st.server = null;
+      st.loading = false;
+      st.error = '';
+      render(true);
+      return;
+    }
+    render(true);   // the books at once
+    timer = setTimeout(() => ask(q), 250);
+  }
+
+  // ---- drawing ---------------------------------------------------------------------------
+
+  function art(url, glyph) {
+    return url
+      ? '<img class="sx-art" src="' + esc(url) + '" alt="" loading="lazy" onerror="this.style.visibility=\'hidden\'">'
+      : '<span class="sx-art sx-noart">' + glyph + '</span>';
+  }
+
+  function bookArt(b) {
+    const url = window.DioraCovers && b.has_cover !== undefined ? window.DioraCovers.url(b) : null;
+    return art(url, b.type === 'pdf' ? 'PDF' : '▤');
+  }
+
+  function row(key, artHtml, title, meta, extra) {
+    return '<div class="sx-row"><button type="button" class="sx-main" data-open="' + esc(key) + '">' + artHtml +
+      '<span class="sx-text"><span class="sx-title">' + title + '</span>' +
+      (meta ? '<span class="sx-meta">' + meta + '</span>' : '') + '</span></button>' + (extra || '') + '</div>';
+  }
+
+  function group(id, label, items, total, draw) {
+    if (!items.length) return '';
+    const open = !!st.more[id];
+    const shown = open ? items : items.slice(0, 4);
+    const rest = (total || items.length) - shown.length;
+    return '<section class="sx-group"><h3 class="sx-h">' + esc(label) +
+      '<span class="sx-count">' + (total || items.length) + '</span></h3>' + shown.map(draw).join('') +
+      (rest > 0 && items.length > shown.length
+        ? '<button type="button" class="sx-more" data-more="' + id + '">' + (items.length - shown.length) + ' weitere</button>'
+        : '') + '</section>';
+  }
+
+  let index = {};   // data-open key -> what to open
+  function render(keepFocus) {
+    const qw = words(st.q);
+    const active = qw.length && qw.join('').length >= 2;
+    index = {};
+    const field = tab.querySelector('.sx-q');
+    let h = '';
+    if (!active) {
+      const recent = load(RECENT_KEY) || [];
+      h += recent.length
+        ? '<div class="sx-recent"><span class="sx-hint">Zuletzt gesucht</span>' + recent.map(q =>
+          '<button type="button" class="sx-chip" data-q="' + esc(q) + '">' + esc(q) + '</button>').join('') + '</div>'
+        : '<p class="sx-hint">Bücher, Zeitschriften, Hörbücher, Podcasts und ihre Folgen, Artikel, Quellen und Sender.</p>';
+    } else {
+      const local = findBooks(qw);
+      const s = st.server || {};
+      let any = false;
+      const add = html => { if (html) { any = true; h += html; } };
+      add(group('books', 'Bücher', local.books, 0, b => {
+        index['b' + b.id] = () => { if (typeof openBook === 'function') openBook(b.id); };
+        const meta = [b.author, b.series ? b.series + (b.seriesIndex ? ' ' + b.seriesIndex : '') : ''].filter(Boolean).join(' · ');
+        return row('b' + b.id, bookArt(b), mark(b.title, qw), mark(meta, qw));
+      }));
+      add(group('magazines', 'Zeitschriften', local.magazines, 0, b => {
+        index['b' + b.id] = () => { if (typeof openBook === 'function') openBook(b.id); };
+        return row('b' + b.id, bookArt(b), mark(b.title, qw), esc(b.author || ''));
+      }));
+      add(group('audiobooks', 'Hörbücher', s.audiobooks || [], s.audiobooks_total, f => {
+        index['a' + f.id] = () => {
+          go('audiobooks');
+          if (window.__dioraAudiobookOpen) window.__dioraAudiobookOpen(f.id);
+        };
+        return row('a' + f.id, art(f.artwork_url, '◐'), mark(f.title, qw), mark(f.author, qw));
+      }));
+      add(group('podcasts', 'Podcasts', s.podcasts || [], s.podcasts_total, f => {
+        index['p' + f.id] = () => openFeed(f.id);
+        return row('p' + f.id, art(f.artwork_url, '◎'), (f.favorite ? '★ ' : '') + mark(f.title, qw), mark(f.author, qw));
+      }));
+      add(group('episodes', 'Folgen', s.episodes || [], 0, e => {
+        index['e' + e.id] = () => openEpisode(e);
+        index['play' + e.id] = () => playEpisode(e);
+        const meta = [esc(e.feed__title), when(e.pub_date), minutes(e.duration_seconds)].filter(Boolean).join(' · ');
+        return row('e' + e.id, art(e.artwork_url || e.feed__artwork_url, '◎'), mark(e.title, qw), meta,
+          host() ? '<button type="button" class="sx-play" data-open="play' + e.id + '" aria-label="Abspielen">▶</button>' : '');
+      }));
+      add(group('articles', 'Artikel', s.articles || [], s.articles_total, a => {
+        index['i' + a.id] = () => { if (window.__dioraFeedsOpenItem) window.__dioraFeedsOpenItem(a.id); };
+        const meta = [esc(a.source), when(a.published), a.read ? 'gelesen' : ''].filter(Boolean).join(' · ');
+        return row('i' + a.id, art(a.image_url, a.kind === 'news' ? '☰' : '✎'), mark(a.title, qw), meta);
+      }));
+      add(group('sources', 'Nachrichtenquellen und Blogs', s.sources || [], 0, src => {
+        index['s' + src.id] = () => go(src.kind === 'news' ? 'news' : 'blogs');
+        return row('s' + src.id, art(src.icon_url, src.kind === 'news' ? '☰' : '✎'), mark(src.title, qw),
+          esc(src.kind === 'news' ? 'Nachrichten' + (src.category ? ' · ' + src.category : '') : 'Blog'));
+      }));
+      add(group('stations', 'Radio', s.stations || [], 0, r => {
+        index['r' + r.id] = () => {
+          if (typeof playStation === 'function') playStation(r.url, r.name, r.id);
+        };
+        return row('r' + r.id, art(r.favicon_url, '◉'), (r.is_favorite ? '★ ' : '') + mark(r.name, qw),
+          esc([r.country, r.tags].filter(Boolean).join(' · ')));
+      }));
+      if (st.loading && !st.server) h += '<p class="sx-hint">Sucht …</p>';
+      else if (st.error) h += '<p class="sx-hint">' + esc(st.error) + '</p>';
+      else if (!any && !st.loading) h += '<p class="sx-hint">Nichts gefunden.</p>';
+      // Beyond what one has: the directories.
+      h += '<div class="sx-beyond"><span class="sx-hint">Darüber hinaus</span>' +
+        '<button type="button" class="sx-chip" data-beyond="podcast">Neue Podcasts suchen</button>' +
+        '<button type="button" class="sx-chip" data-beyond="radio">Im Radioverzeichnis suchen</button></div>';
+    }
+    if (!field) {
+      tab.innerHTML = '<div class="sx"><h2 class="sx-h1">Suche</h2>' +
+        '<input type="search" class="sx-q" placeholder="Suchen in diora …" autocomplete="off" enterkeyhint="search">' +
+        '<div class="sx-out"></div></div>';
+      const q = tab.querySelector('.sx-q');
+      q.value = st.q;
+      q.addEventListener('input', () => changed(q.value));
+      q.addEventListener('keydown', e => {
+        if (e.key === 'Enter') { remember(q.value); q.blur(); }
+        if (e.key === 'Escape') { q.value = ''; changed(''); }
+      });
+    }
+    tab.querySelector('.sx-out').innerHTML = h;
+    if (!keepFocus && field) field.value = st.q;
+  }
+
+  // ---- opening ---------------------------------------------------------------------------
+
+  function openFeed(id) {
+    if (window.__dioraPodcastOpenFeed && window.__dioraPodcastOpenFeed(id)) return;
+    go('podcasts');
+  }
+
+  function openEpisode(e) {
+    if (window.__dioraPodcastOpenEpisode && window.__dioraPodcastOpenEpisode(e)) return;
+    openFeed(e.feed__id);
+  }
+
+  function playEpisode(e) {
+    const h = host();
+    if (!h) return;
+    h.podcastPlayEpisode(JSON.stringify(e), 0);
+  }
+
+  function beyond(kind) {
+    const q = st.q.trim();
+    if (kind === 'radio') {
+      go('radio');
+      if (typeof showRadioTab === 'function') showRadioTab('search');
+      const f = document.getElementById('search-input');
+      if (f && q) {
+        f.value = q;
+        if (typeof doSearch === 'function') doSearch();
+      }
+      return;
+    }
+    go('sources');
+    // Abos & Quellen's field: searches the directories for it (podcasts, YouTube, feeds).
+    const f = document.querySelector('#tab-sources .src-add-q');
+    if (f && q) {
+      f.value = q;
+      if (f.form) f.form.dispatchEvent(new Event('submit', {bubbles: true, cancelable: true}));
+    }
+  }
+
+  tab.addEventListener('click', e => {
+    const t = e.target.closest('button');
+    if (!t) return;
+    if (t.dataset.open) {
+      remember(st.q);
+      const fn = index[t.dataset.open];
+      if (fn) fn();
+    } else if (t.dataset.more) {
+      st.more[t.dataset.more] = true;
+      render(true);
+    } else if (t.dataset.q != null) {
+      const q = tab.querySelector('.sx-q');
+      q.value = t.dataset.q;
+      changed(t.dataset.q);
+    } else if (t.dataset.beyond) {
+      remember(st.q);
+      beyond(t.dataset.beyond);
+    }
+  });
+
+  // A cover that comes in later.
+  if (window.DioraCovers && window.DioraCovers.onReady) {
+    window.DioraCovers.onReady(() => { if (tab.style.display !== 'none' && st.q) render(true); });
+  }
+
+  function show() {
+    render();
+    const q = tab.querySelector('.sx-q');
+    // On a phone the keyboard comes up with the field; a search one returns to stays as it was.
+    if (q && !st.q) setTimeout(() => { try { q.focus(); } catch (e) {} }, 60);
+  }
+
+  const showTab = window.showTab;
+  if (typeof showTab === 'function') {
+    window.showTab = function (name) {
+      const r = showTab.apply(this, arguments);
+      if (name === 'suche') show();
+      return r;
+    };
+  }
+  if (tab.style.display !== 'none') show();
+  // From anywhere: DioraSearch.open('Decker').
+  window.DioraSearch = {
+    open(q) {
+      go('suche');
+      if (q != null) {
+        const f = tab.querySelector('.sx-q');
+        if (f) f.value = q;
+        changed(String(q));
+      }
+    },
+  };
+
+  // ---- styles --------------------------------------------------------------------------------------
+
+  const style = document.createElement('style');
+  style.textContent = [
+    '#tab-suche .sx { max-width: 760px; margin: 0 auto; padding-bottom: 24px; }',
+    '#tab-suche .sx-h1 { font-size: 18px; margin: 4px 0 12px; }',
+    '#tab-suche .sx-q { width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 8px; border: 1px solid var(--border-strong, #444); background: var(--bg, #000); color: inherit; font: inherit; font-size: 16px; }',
+    '#tab-suche .sx-hint { display: block; color: var(--muted, #9a9a9a); font-size: 13px; margin: 14px 0 6px; }',
+    '#tab-suche .sx-recent, #tab-suche .sx-beyond { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 8px; }',
+    '#tab-suche .sx-recent .sx-hint, #tab-suche .sx-beyond .sx-hint { width: 100%; margin-bottom: 0; }',
+    '#tab-suche .sx-beyond { margin-top: 22px; }',
+    '#tab-suche .sx-chip { min-height: 34px; padding: 0 12px; border-radius: 17px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; font-size: 13px; cursor: pointer; }',
+    '#tab-suche .sx-group { margin-top: 18px; }',
+    '#tab-suche .sx-h { display: flex; align-items: baseline; gap: 8px; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted, #9a9a9a); margin: 0 0 4px; font-weight: 600; }',
+    '#tab-suche .sx-count { font-weight: 400; letter-spacing: 0; }',
+    '#tab-suche .sx-row { display: flex; align-items: center; border-bottom: 1px solid var(--border, #2a2a2a); }',
+    '#tab-suche .sx-main { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 8px 0; background: none; border: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+    '#tab-suche .sx-main:hover { background: var(--hover, rgba(255,255,255,.04)); }',
+    '#tab-suche .sx-art { width: 40px; height: 40px; flex: none; border-radius: 6px; object-fit: cover; background: var(--panel, #161616); }',
+    '#tab-suche .sx-noart { display: flex; align-items: center; justify-content: center; color: var(--muted, #9a9a9a); font-size: 12px; }',
+    '#tab-suche .sx-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }',
+    '#tab-suche .sx-title { font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }',
+    '#tab-suche .sx-meta { color: var(--muted, #9a9a9a); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
+    '#tab-suche mark { background: none; color: inherit; font-weight: 700; text-decoration: underline; text-decoration-color: var(--accent, #e63946); text-underline-offset: 2px; }',
+    '#tab-suche .sx-play { flex: none; width: 40px; height: 40px; border-radius: 20px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font-size: 13px; cursor: pointer; margin-left: 6px; }',
+    '#tab-suche .sx-more { margin: 6px 0 0; padding: 4px 0; background: none; border: none; color: var(--accent, #e63946); font: inherit; font-size: 13px; cursor: pointer; }',
+    'body.eink #tab-suche mark { text-decoration-color: #000; }',
+    'body.eink #tab-suche .sx-more { color: #000; text-decoration: underline; }',
+  ].join('\n');
+  document.head.appendChild(style);
+})();
diff --git a/static/js/sw.js b/static/js/sw.js
index 42ee1f0..55749ef 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v138';
+const CACHE = 'diora-v139';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
@@ -48,6 +48,7 @@ const SHELL = [
   '/static/js/covers.js',
   '/static/js/gencover.js',
   '/static/js/sources.js',
+  '/static/js/search.js',
   '/static/podcasts/native-podcast.js',
   '/static/podcasts/podcast-ui.css',
   '/static/podcasts/podcasts-web.css',
diff --git a/templates/radio/player.html b/templates/radio/player.html
index bbfe557..9ee3923 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -267,6 +267,8 @@
 {% if user.is_authenticated %}<section class="tab-panel" id="tab-audiobooks" style="display:none;"></section>{% endif %}
 {% comment %}Abos & Quellen, every subscription in one place (docs/sources.md): filled by static/js/sources.js.{% endcomment %}
 {% if user.is_authenticated %}<section class="tab-panel" id="tab-sources" style="display:none;"></section>{% endif %}
+{% comment %}The search across diora (docs/search.md): filled by static/js/search.js.{% endcomment %}
+{% if user.is_authenticated %}<section class="tab-panel" id="tab-suche" style="display:none;"></section>{% endif %}
 {% comment %}The feed reader, news and blogs: filled by static/js/feeds.js.{% endcomment %}
 <section class="tab-panel" id="tab-feeds" style="display:none;"></section>
 
@@ -395,4 +397,5 @@
 <script src="/static/js/feeds.js"></script>
 <script src="/static/js/audiobooks.js"></script>
 <script src="/static/js/sources.js"></script>
+<script src="/static/js/search.js"></script>
 {% endblock %}

From 6e5092ab3ffcbe86f06ed448418716af71fe15b4 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 19:17:33 +0200
Subject: [PATCH 154/176] =?UTF-8?q?Podcasts=20im=20Browser:=20St=C3=B6bern?=
 =?UTF-8?q?,=20Lieblings-Abos,=20Suche=20=E2=86=92=20Folgenansicht=20(dior?=
 =?UTF-8?q?a-android=201c1ec4e);=20podcasts-web.js=20speichert=20folders,?=
 =?UTF-8?q?=20refresh=5Finterval,=20favorite;=20sw=20v140?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/podcasts-web.js         |   9 +-
 static/js/sw.js                   |   2 +-
 static/podcasts/native-podcast.js | 343 +++++++++++++++++++++++++++++-
 static/podcasts/podcast-ui.css    |  13 +-
 4 files changed, 354 insertions(+), 13 deletions(-)

diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 27ac1b8..efa622a 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -76,7 +76,9 @@
   const SORT_RULES = ['', 'new', 'old', 'short', 'long', 'feed'];
   const FEED_SETTINGS = ['playback_speed', 'skip_intro', 'skip_outro', 'volume',
     'new_episodes', 'include_words', 'exclude_words', 'min_duration', 'auto_download', 'notify',
-    'episode_sort', 'episode_filter', 'skip_silence', 'kind', 'folder'];
+    'episode_sort', 'episode_filter', 'skip_silence', 'kind', 'folder',
+    // Folders (any number), the fetch interval and a favourite subscription (docs/library.md, docs/podcasts.md).
+    'folders', 'refresh_interval', 'favorite'];
   // The account's playback settings (diora-web PodcastSettings) and what each may be.
   const SKIPS = [5, 10, 15, 20, 30, 45, 60];
   const MIN_SPEED = 0.5;
@@ -455,7 +457,10 @@
         if (FEED_SETTINGS.indexOf(key) < 0) continue;
         f[key] = body[key] = changes[key];
       }
-      if ('new_episodes' in body) f.auto_queue = body.new_episodes === 'queue';
+      // Stamm (into the Merkliste, or straight into the Wiedergabeliste) queues by itself.
+      if ('new_episodes' in body) f.auto_queue = body.new_episodes === 'queue' || body.new_episodes === 'play';
+      // As the server does: the first folder is also `folder`.
+      if (Array.isArray(body.folders)) f.folder = body.folders[0] || '';
       if (Object.keys(body).length) queueOp('/podcasts/feeds/' + feedId + '/settings/', body);
     });
     if (cur && cur.episode__feed__id === feedId) { applyKind(); report(); }
diff --git a/static/js/sw.js b/static/js/sw.js
index 55749ef..db480c8 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v139';
+const CACHE = 'diora-v140';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index b21d24c..c3c9b9e 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android ef914bd 2026-10-19: web-native/static/native-podcast.js
+// Copied from diora-android 1c1ec4e 2026-10-19: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -40,7 +40,7 @@
     {id: 'stream', label: 'Strom'},
     {id: 'feeds', label: 'Abos'},
   ];
-  const VIEW_IDS = VIEWS.map(v => v.id).concat('later', 'stream', 'search');
+  const VIEW_IDS = VIEWS.map(v => v.id).concat('later', 'stream', 'browse', 'search');
   // The app's start page (this device; native.js opens it, the browser host too).
   const IN_APP = !window.DioraPodcastHost;
   // A function: the app loads this file in <head>, before #tab-home exists.
@@ -116,6 +116,7 @@
   const views = () => (v2() ? VIEWS_V2 : VIEWS);
   // A view of the other model (a start page, a notice, an older choice): its counterpart.
   function fixView() {
+    if (!v2() && view === 'browse') view = 'inbox';
     if (v2() && (view === 'inbox' || view === 'episodes')) view = 'stream';
     if (!v2() && view === 'stream') view = 'inbox';
     if (!v2() && view === 'later') view = 'queue';
@@ -123,6 +124,23 @@
   // The play list's name.
   const QNAME = () => (v2() ? 'Wiedergabeliste' : 'Warteschlange');
   const inLater = e => later().some(x => x.episode__id === e.id) || !!(e.raw && e.raw.in_later);
+  // Favourite subscriptions (feed.favorite, docs/podcasts.md): ★ in Abos, the „★ Faves“ chips.
+  const isFave = feedId => { const f = feeds().find(x => x.id === feedId); return !!(f && f.favorite); };
+  let podFaves = false;
+  try { podFaves = localStorage.getItem('nui_pod_faves') === '1'; } catch (e) {}
+  function setFaves(on) {
+    podFaves = !!on;
+    try { localStorage.setItem('nui_pod_faves', podFaves ? '1' : '0'); } catch (e) {}
+    render();
+    scrollTop(0);
+  }
+  function toggleFeedFave(f) {
+    const on = !f.favorite;
+    f.favorite = on;
+    N.podcastFeedSettings(f.id, JSON.stringify({favorite: on}));
+    toast(on ? '★ Lieblings-Abo' : 'Kein Lieblings-Abo mehr');
+    render();
+  }
   // All new episodes: the server sends the first ones (inbox_limit) and how many there are
   // (inbox_total); what left „Neu“ here since then counts off.
   function inboxTotal() {
@@ -417,6 +435,8 @@
   function play(e) {
     const r = remote();
     if (r ? r.kind === 'podcast' && r.episodeId === e.id : currentId() === e.id) { openPlayer(); return; }
+    // An audiobook's chapter: heard in the library (its place, the rest of the book), never queued.
+    if (isBook(feeds().find(f => f.id === e.feedId)) && openAudiobook(e.feedId)) return;
     // Two lists: ▶ puts it first in the Wiedergabeliste (in the Merkliste it stays until heard).
     if (v2()) {
       if (inQueue(e.id)) N.podcastMove(e.id, 0);
@@ -431,6 +451,15 @@
     toast('In der ' + QNAME() + (label ? ': ' + label.label.toLowerCase() : ''));
   }
 
+  function openAudiobook(feedId) {
+    if (!feedId || typeof window.__dioraAudiobookOpen !== 'function') return false;
+    closeNotes();
+    closePlayer();
+    if (window.DioraNav) DioraNav.go('audiobooks');
+    window.__dioraAudiobookOpen(feedId);
+    return true;
+  }
+
   // ＋: onto the Merkliste, or off it again.
   function toggleLater(e) {
     if (!N.podcastLaterAdd) return;
@@ -1102,6 +1131,7 @@
     {id: 'queued', get label() { return v2() ? 'Wiedergabeliste' : 'Warteschlange'; }, test: o => inQueue(o.id),
      get none() { return 'Keine davon steht in der ' + QNAME() + '.'; }},
     {id: 'later', label: 'Merkliste', v2: true, test: o => inLater({id: o.id, raw: o}), none: 'Keine davon steht auf der Merkliste.'},
+    {id: 'fave_feeds', label: '★ Faves', v2: true, test: o => isFave(o.feed__id), none: 'Keine Folgen deiner Lieblings-Abos.'},
     {id: 'downloaded', label: 'Geladen', app: true, test: o => dlDone(o.id), none: 'Keine Folgen auf dem Gerät.'},
     {id: 'history', label: 'Verlauf', all: true, test: o => !!o.played || (o.position_seconds || 0) > 0,
      none: 'Noch nichts gehört.'},
@@ -1333,12 +1363,13 @@
       if (view === 'queue') folderChips(queue().map(ep), e => e.feedId);
       else if (view === 'inbox') folderChips(inbox().map(ep), e => e.feedId);
       else if (view === 'later') folderChips(later().map(ep), e => e.feedId);
-      else if (view === 'feeds') folderChips(podcastFeeds(), f => f.id);
+      else if (view === 'feeds') folderChips(podcastFeeds(), f => f.id, v2());
       else if ((view === 'episodes' || view === 'stream') && !selected) folderChips(podcastFeeds(), f => f.id);
       if (view === 'queue') renderQueue();
       else if (view === 'inbox') renderInbox();
       else if (view === 'later') renderLater();
       else if (view === 'episodes' || view === 'stream') renderEpisodes();
+      else if (view === 'browse') renderBrowse();
       else if (view === 'feeds') renderFeeds();
       else renderSearch();
     }
@@ -2035,6 +2066,243 @@
     root.append(list);
   }
 
+  // ---- Stöbern (diora-web docs/podcasts.md): within the subscriptions, and a step out ---------
+  // Search in titles and shownotes, the week's topics, people, forgotten episodes,
+  // recommendations; a person's episodes elsewhere go onto the Merkliste (their podcast
+  // becomes „Auf Abruf“). Everything here needs a connection.
+
+  let browse = {mode: 'home'};
+  const browseCache = new Map();   // path → {at, data}
+
+  async function browseGet(path, maxAge) {
+    const hit = browseCache.get(path);
+    if (hit && Date.now() - hit.at < (maxAge || 10 * 60000)) return hit.data;
+    const data = await getJson(path);
+    browseCache.set(path, {at: Date.now(), data});
+    return data;
+  }
+
+  function openBrowse() {
+    selected = null;
+    browse = {mode: 'home'};
+    view = 'browse';
+    render();
+    scrollTop(0);
+  }
+
+  function browseBack() {
+    if (browse.mode !== 'home') { browse = {mode: 'home', q: browse.q && browse.mode === 'search' ? '' : ''}; render(); scrollTop(0); return true; }
+    view = 'stream';
+    render();
+    scrollTop(0);
+    return true;
+  }
+
+  // A section that loads by itself: its heading, „Wird geladen …“, then fill(box, data).
+  function browseSection(title, path, fill, maxAge) {
+    const sec = el('div', 'nui-pod-browsesec');
+    if (title) sec.append(el('div', 'nui-pod-when', title));
+    const box = el('div', 'nui-pod-browsebox');
+    sec.append(box);
+    const hit = browseCache.get(path);
+    if (hit && Date.now() - hit.at < (maxAge || 10 * 60000)) {
+      fill(box, hit.data);
+    } else {
+      box.append(el('div', 'nui-pod-meta', 'Wird geladen …'));
+      browseGet(path, maxAge).then(d => { box.textContent = ''; fill(box, d); })
+        .catch(() => { box.textContent = ''; box.append(el('div', 'nui-pod-meta', navigator.onLine ? 'Ließ sich gerade nicht laden.' : 'Stöbern braucht eine Verbindung.')); });
+    }
+    return sec;
+  }
+
+  function browseRows(box, rows, limit) {
+    const list = el('div', 'nui-pod-list');
+    const shownRows = limit ? rows.slice(0, limit) : rows;
+    for (const o of shownRows) list.append(episodeRow(ep(o), {showFeed: true, showDate: true, list: 'stream', noSelect: true}));
+    box.append(list);
+    if (!rows.length) box.append(el('div', 'nui-pod-meta', 'Nichts gefunden.'));
+    return rows.length > shownRows.length;
+  }
+
+  function moreLink(box, label, onClick) {
+    const b = el('button', 'nui-pod-bundle', label);
+    b.type = 'button';
+    b.addEventListener('click', onClick);
+    box.append(b);
+  }
+
+  function chipRow(items) {
+    const row = el('div', 'nui-pod-filters nui-pod-browsechips');
+    for (const it of items) {
+      const b = el('button', 'nui-pod-chip', it.label);
+      b.type = 'button';
+      if (it.count) b.append(el('span', 'nui-pod-chipcount', ' ' + it.count));
+      b.addEventListener('click', it.onClick);
+      row.append(b);
+    }
+    return row;
+  }
+
+  function renderBrowse() {
+    const head = el('div', 'nui-pod-head nui-pod-browsehead');
+    const titles = {home: 'Stöbern', search: 'Suche in deinen Podcasts', topic: browse.label, person: browse.name,
+      forgotten: 'Vergessen', recommend: 'Empfehlungen'};
+    head.append(button('‹', browse.mode === 'home' ? 'Zurück zum Strom' : 'Zurück zum Stöbern', browseBack, 'nui-pod-back'),
+      el('div', 'nui-pod-browsetitle', titles[browse.mode] || 'Stöbern'));
+    root.append(head);
+    if (browse.mode === 'home' || browse.mode === 'search') {
+      const form = el('form', 'nui-pod-search');
+      const input = el('input', 'search-input');
+      input.type = 'search';
+      input.id = 'nui-pod-q';
+      input.placeholder = 'In Titeln und Shownotes deiner Podcasts …';
+      input.setAttribute('enterkeyhint', 'search');
+      input.value = browse.q || '';
+      const go = el('button', 'btn', 'Suchen');
+      go.type = 'submit';
+      form.append(input, go);
+      form.addEventListener('submit', ev => {
+        ev.preventDefault();
+        const q = input.value.trim();
+        browse = q ? {mode: 'search', q} : {mode: 'home'};
+        render();
+      });
+      root.append(form);
+    }
+    const body = el('div', 'nui-pod-browse');
+    root.append(body);
+    if (browse.mode === 'search') {
+      body.append(browseSection('', `/podcasts/discover/search/?q=${encodeURIComponent(browse.q)}&stream=1`,
+        (box, d) => browseRows(box, d.episodes || [])));
+      return;
+    }
+    if (browse.mode === 'topic') {
+      body.append(browseSection('', `/podcasts/episodes/?ids=${browse.ids.join(',')}&limit=100`,
+        (box, d) => browseRows(box, (d.episodes || []).sort((a, b) => (Date.parse(b.pub_date) || 0) - (Date.parse(a.pub_date) || 0)))));
+      return;
+    }
+    if (browse.mode === 'person') {
+      body.append(browseSection('In deinen Podcasts', `/podcasts/discover/person/?name=${encodeURIComponent(browse.name)}`,
+        (box, d) => browseRows(box, d.episodes || [])));
+      body.append(browseSection('Anderswo', `/podcasts/discover/elsewhere/?name=${encodeURIComponent(browse.name)}`,
+        (box, d) => elsewhereRows(box, d.episodes || []), 60 * 60000));
+      return;
+    }
+    if (browse.mode === 'forgotten') {
+      body.append(browseSection('Von den Podcasts, die du am meisten hörst', '/podcasts/discover/forgotten/',
+        (box, d) => browseRows(box, d.loved || [])));
+      body.append(browseSection('Von den seltenen', '/podcasts/discover/forgotten/', (box, d) => browseRows(box, d.rare || [])));
+      return;
+    }
+    if (browse.mode === 'recommend') {
+      body.append(browseSection('', '/podcasts/discover/recommend/', (box, d) => recommendCards(box, d.podcasts || []), 60 * 60000));
+      return;
+    }
+    // home
+    body.append(browseSection('Themen der Woche', '/podcasts/discover/topics/?days=7', (box, d) => {
+      const ts = d.topics || [];
+      if (!ts.length) { box.append(el('div', 'nui-pod-meta', 'Diese Woche keine gemeinsamen Themen.')); return; }
+      box.append(chipRow(ts.map(t => ({label: t.label, count: t.ids.length,
+        onClick: () => { browse = {mode: 'topic', label: t.label, ids: t.ids}; render(); scrollTop(0); }}))));
+    }));
+    body.append(browseSection('Personen', '/podcasts/discover/people/', (box, d) => {
+      const ps = (d.people || []).slice(0, 24);
+      if (!ps.length) { box.append(el('div', 'nui-pod-meta', 'Noch keine Namen gefunden.')); return; }
+      box.append(chipRow(ps.map(x => ({label: x.name, count: x.episodes,
+        onClick: () => { browse = {mode: 'person', name: x.name}; render(); scrollTop(0); }}))));
+    }, 60 * 60000));
+    body.append(browseSection('Vergessen', '/podcasts/discover/forgotten/', (box, d) => {
+      const rows = (d.loved || []).slice(0, 3).concat((d.rare || []).slice(0, 2));
+      browseRows(box, rows);
+      moreLink(box, 'Alles Vergessene ›', () => { browse = {mode: 'forgotten'}; render(); scrollTop(0); });
+    }));
+    body.append(browseSection('Empfohlen', '/podcasts/discover/recommend/', (box, d) => {
+      const ps = d.podcasts || [];
+      recommendCards(box, ps.slice(0, 3));
+      if (ps.length > 3) moreLink(box, `Alle ${ps.length} Empfehlungen ›`, () => { browse = {mode: 'recommend'}; render(); scrollTop(0); });
+    }, 60 * 60000));
+  }
+
+  // Episodes naming a person in podcasts not subscribed: ＋ puts one on the Merkliste and
+  // subscribes its podcast „Auf Abruf“ (POST /podcasts/discover/take/).
+  function elsewhereRows(box, items) {
+    if (!items.length) { box.append(el('div', 'nui-pod-meta', 'Anderswo nichts gefunden.')); return; }
+    const list = el('div', 'nui-pod-list');
+    for (const it of items) {
+      const row = el('div', 'nui-pod-row');
+      row.append(art(it.artwork_url, null, null, it.podcast));
+      const main = el('div', 'nui-pod-main');
+      main.append(el('div', 'nui-pod-title', plain(it.title)));
+      const meta = [];
+      if (it.duration_seconds) meta.push(minutes(it.duration_seconds));
+      if (it.pub_date) meta.push(day(it.pub_date));
+      if (it.podcast) meta.push(plain(it.podcast));
+      main.append(el('div', 'nui-pod-meta', meta.join(' · ')));
+      row.append(main);
+      const take = button('＋', 'Auf die Merkliste (der Podcast kommt „Auf Abruf“ in die Abos)', async () => {
+        take.disabled = true;
+        try {
+          const r = await fetch('/podcasts/discover/take/', {method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(it)});
+          const d = await r.json();
+          if (!r.ok || !d.ok) throw new Error(d.error || r.status);
+          take.textContent = '✓';
+          take.classList.add('on');
+          toast(d.subscribed ? `Auf der Merkliste · „${plain(it.podcast)}“ auf Abruf abonniert` : 'Auf der Merkliste');
+          refresh(false);
+        } catch (e) {
+          take.disabled = false;
+          toast(navigator.onLine ? 'Ließ sich nicht merken' : 'Braucht eine Verbindung');
+        }
+      }, 'nui-pod-mini');
+      row.append(take);
+      list.append(row);
+    }
+    box.append(list);
+  }
+
+  // Podcasts like the ones heard most (fyyd): subscribe „Auf Abruf“ (or open the preview).
+  function recommendCards(box, items) {
+    if (!items.length) { box.append(el('div', 'nui-pod-meta', 'Gerade keine Empfehlungen.')); return; }
+    const have = new Set(feeds().map(f => f.rss_url));
+    for (const p of items) {
+      const card = el('div', 'nui-pod-row nui-pod-reco');
+      card.append(art(p.artwork_url, null, null, p.title));
+      const main = el('div', 'nui-pod-main');
+      main.append(el('div', 'nui-pod-title', plain(p.title)));
+      if (p.because && p.because.length) main.append(el('div', 'nui-pod-meta', 'weil du ' + p.because.slice(0, 2).map(plain).join(' und ') + ' hörst'));
+      if (p.description) main.append(el('div', 'nui-pod-meta nui-pod-reco-desc', plain(p.description).slice(0, 160)));
+      card.append(main);
+      if (have.has(p.feed_url)) {
+        card.append(el('span', 'nui-pod-badge', 'Abo'));
+      } else {
+        const sub = button('＋', 'Abonnieren – „Auf Abruf“: nicht im Strom, nur auf seiner Seite', async () => {
+          sub.disabled = true;
+          if (await subscribeOnDemand(p.feed_url, p.title)) { sub.textContent = '✓'; sub.classList.add('on'); } else sub.disabled = false;
+        }, 'nui-pod-mini');
+        card.append(sub);
+      }
+      if (N.podcastPreview) main.addEventListener('click', () => openPreview(p.feed_url));
+      box.append(card);
+    }
+  }
+
+  async function subscribeOnDemand(url, title) {
+    try {
+      const r = await fetch('/podcasts/feeds/add/', {method: 'POST', headers: {'Content-Type': 'application/json'},
+        body: JSON.stringify({rss_url: url, title})});
+      const d = await r.json();
+      if (!r.ok || !d.ok) throw new Error(d.error || r.status);
+      await fetch(`/podcasts/feeds/${d.feed_id}/settings/`, {method: 'POST', headers: {'Content-Type': 'application/json'},
+        body: JSON.stringify({new_episodes: 'ignore'})});
+      toast(`„${plain(d.title || title)}“ auf Abruf abonniert`);
+      refresh(false);
+      return true;
+    } catch (e) {
+      toast(navigator.onLine ? 'Ließ sich nicht abonnieren' : 'Abonnieren braucht eine Verbindung');
+      return false;
+    }
+  }
+
   function renderInbox() {
     const all = inbox().map(ep);
     if (!all.length) {
@@ -2125,7 +2393,7 @@
   }
 
   // The chips (folders.js) above a list: each folder with how many of the list are in it.
-  function folderChips(items, feedIdOf) {
+  function folderChips(items, feedIdOf, faves) {
     if (!hasFolders()) return;
     const names = namesOf(podcastFeeds());
     if (!names.length || (podFolder && !names.includes(podFolder))) podFolder = null;
@@ -2139,11 +2407,24 @@
       for (const n of fs) counts.set(n, (counts.get(n) || 0) + 1);
     }
     const box = el('div', 'nui-pod-folders');
+    const favesOn = faves && podFaves;
+    const nFaves = faves ? items.filter(x => isFave(feedIdOf(x))).length : 0;
     DioraFolders.chips(box, {
       folders: names.map(name => ({name, count: counts.get(name) || 0})),
       active: podFolder,
       none: none || (podFolder === '' ? '0' : 0),
-      onPick: name => setFolder(typeof name === 'string' ? name : null),
+      lead: faves && nFaves ? [{id: 'all', label: 'Alle', on: podFolder == null && !favesOn},
+        {id: 'faves', label: '★ Faves', count: nFaves, on: favesOn}] : null,
+      onPick: name => {
+        if (name && typeof name === 'object') {
+          if (name.lead === 'faves') { setFaves(!podFaves); return; }
+          podFaves = false;
+          try { localStorage.setItem('nui_pod_faves', '0'); } catch (e) {}
+          setFolder(null);
+          return;
+        }
+        setFolder(typeof name === 'string' ? name : null);
+      },
       onManage: manageFolders,
     });
     root.append(box);
@@ -2321,6 +2602,12 @@
       row.addEventListener('click', () => toggleSelected(f.id));
       return row;
     }
+    if (v2() && 'favorite' in f && N.podcastFeedSettings) {
+      const star = button(f.favorite ? '★' : '☆', f.favorite ? 'Lieblings-Abo – antippen nimmt es heraus' : 'Als Lieblings-Abo markieren',
+        () => toggleFeedFave(f), 'nui-pod-mini nui-pod-starbtn' + (f.favorite ? ' on' : ''));
+      star.addEventListener('click', ev => ev.stopPropagation());
+      row.append(star);
+    }
     if (v2()) {
       if (f.new_episodes === 'queue' || f.new_episodes === 'play') row.append(el('span', 'nui-pod-badge', 'Stamm'));
       else if (f.new_episodes === 'ignore') row.append(el('span', 'nui-pod-badge', 'Abruf'));
@@ -2338,7 +2625,8 @@
 
   function renderFeeds() {
     const sort = FEED_SORTS.find(s => s.id === feedSort) || FEED_SORTS[0];
-    const items = podcastFeeds().filter(f => inFolder(f.id)).sort((a, b) => sort.cmp(a, b) || byTitle(a, b));
+    const items = podcastFeeds().filter(f => inFolder(f.id) && (!podFaves || !v2() || f.favorite))
+      .sort((a, b) => sort.cmp(a, b) || byTitle(a, b));
     const books = feeds().length - items.length;
     const booksHint = () => el('div', 'nui-pod-hint',
       `${books === 1 ? 'Ein Hörbuch' : books + ' Hörbücher'}: unter Hören → Hörbücher`);
@@ -2375,6 +2663,15 @@
     feedSettingsSheet(f);
     return true;
   };
+  // The search (diora-web docs/search.md): a row as the episode lists give it; true when opened.
+  window.__dioraPodcastOpenEpisode = function (row) {
+    if (!row || row.id == null) return false;
+    const e = ep(row);
+    if (isBook(feeds().find(f => f.id === e.feedId)) && openAudiobook(e.feedId)) return true;
+    openEpisode(e, {list: 'search'});
+    return true;
+  };
+
   window.__dioraPodcastOpenFeed = function (feedId) {
     const f = feeds().find(x => x.id === Number(feedId));
     if (!f) return false;
@@ -2933,9 +3230,10 @@
       const head = el('div', 'nui-pod-head');
       head.append(el('div', 'nui-pod-summary', `${nEpisodes(total)} · ${sortLabel(epSort).toLowerCase()}`),
         listTools([
+          view === 'stream' && button('✦', 'Stöbern: suchen, Themen, Personen, Vergessenes, Empfehlungen', openBrowse, 'nui-pod-browsebtn'),
           button('⇅', 'Sortieren', () => sortMenuFor(epSort, true, id => setEpisodeList(epFilters, id))),
           button('☐', 'Mehrere auswählen', () => startSelecting()),
-        ]));
+        ].filter(Boolean)));
       root.append(head);
     }
     const list = el('div', 'nui-pod-list');
@@ -4077,6 +4375,19 @@
     const actions = el('div', 'nui-pod-epactions');
     const box = el('div', 'nui-pod-notesbox');
     panel.append(top, head, playBtn, actions, box);
+    // Similar episodes from the other podcasts (docs/podcasts.md, Stöbern).
+    if (v2() && e.id > 0) {
+      const sim = el('div', 'nui-pod-similar');
+      panel.append(sim);
+      browseGet(`/podcasts/discover/similar/${e.id}/`, 60 * 60000).then(d => {
+        const rows = (d.episodes || []).slice(0, 6);
+        if (!rows.length || !sim.isConnected) return;
+        sim.append(el('div', 'nui-pod-when', 'Ähnliche Folgen'));
+        const list = el('div', 'nui-pod-list');
+        for (const o of rows) list.append(episodeRow(ep(o), {showFeed: true, showDate: true, list: 'stream', noSelect: true}));
+        sim.append(list);
+      }).catch(() => {});
+    }
     document.body.append(notesSheet);
     epScreen = {e, ctx, actions, playBtn, facts: info.querySelector('.nui-pod-epfacts')};
     episodeScreenParts();
@@ -4251,7 +4562,20 @@
     panel.append(top, cover);
     const chapBox = el('div', 'nui-pod-chapbox');
     chapBox.hidden = true;
-    panel.append(el('div', 'nui-pod-player-title'), el('div', 'nui-pod-player-feed'), chapBox);
+    const feedLine = el('div', 'nui-pod-player-feed nui-pod-player-link');
+    feedLine.setAttribute('role', 'button');
+    feedLine.title = 'Zur Seite des Podcasts';
+    // Tapping the podcast's (or the audiobook's) name: its page.
+    feedLine.addEventListener('click', () => {
+      const id = player.feedId;
+      if (!id) return;
+      if (isBook(feeds().find(f => f.id === id)) || player.book) {
+        if (openAudiobook(id)) return;
+      }
+      closePlayer();
+      window.__dioraPodcastOpenFeed(id);
+    });
+    panel.append(el('div', 'nui-pod-player-title'), feedLine, chapBox);
     const range = el('input', 'nui-pod-seek');
     range.type = 'range';
     range.min = 0;
@@ -5323,10 +5647,11 @@
         // From the search back to the list it was opened from.
         if (view === 'search') {
           try { view = localStorage.getItem('nui_pod_view') || 'queue'; } catch (e) { view = 'queue'; }
-          if (!VIEWS.some(v => v.id === view)) view = 'queue';
+          if (!views().some(v => v.id === view)) view = 'queue';
           render();
           return true;
         }
+        if (view === 'browse') return browseBack();
       }
       if (back && back()) return true;
       if (onPodcasts) {
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 3bfdcfc..6df2a67 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android ef914bd 2026-10-19: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 1c1ec4e 2026-10-19: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -232,6 +232,8 @@ button.nui-pod-link { display: block; width: 100%; border: none; background: non
 /* Headings by time in the episode lists (Heute, Gestern, Diese Woche, …). */
 .nui-pod-when { padding: 14px 2px 4px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted); font-family: var(--nui-sans); }
 .nui-pod-when:first-child { padding-top: 4px; }
+.nui-pod-player-link { cursor: pointer; }
+.nui-pod-player-link:active { opacity: 0.6; }
 /* The two lists (docs/podcasts.md): four tabs that fit a phone, the Merkliste by podcast, the Strom bundled. */
 .nui-pod-tabs-v2 .nui-pod-tab { font-size: 13px; padding-left: 4px; padding-right: 4px; }
 .nui-pod-group { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 2px; background: none; border: none; border-bottom: 1px solid var(--nui-line, rgba(127,127,127,.2)); color: inherit; font: inherit; text-align: left; cursor: pointer; }
@@ -248,6 +250,15 @@ button.nui-pod-link { display: block; width: 100%; border: none; background: non
 .nui-pod-bundle.nui-pod-fresh::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--accent, #e63946); margin-right: 6px; vertical-align: middle; }
 .nui-pod-bundle { align-self: flex-start; margin: -2px 0 6px 56px; padding: 4px 0; background: none; border: none; color: var(--nui-muted); font: inherit; font-size: 12px; cursor: pointer; }
 .nui-pod-bundled { padding-left: 14px; }
+/* Stöbern (docs/podcasts.md). */
+.nui-pod-browsehead { align-items: center; gap: 6px; justify-content: flex-start; }
+.nui-pod-browsetitle { font-weight: 600; font-size: 15px; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.nui-pod-browsechips { flex-wrap: wrap; overflow: visible; }
+.nui-pod-chipcount { opacity: 0.6; font-size: 11px; }
+.nui-pod-browsesec { margin-bottom: 6px; }
+.nui-pod-reco .nui-pod-main { cursor: pointer; }
+.nui-pod-reco-desc { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
+.nui-pod-similar { margin-top: 12px; }
 .nui-pod-row {
   display: flex;
   align-items: center;

From e5a170838b16a338c9db9b16ef46b7573aa5175d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 20:14:17 +0200
Subject: [PATCH 155/176] =?UTF-8?q?Projekte=20mit=20Preset=20Forschung:=20?=
 =?UTF-8?q?Quellen=20(Paper=20per=20DOI,=20B=C3=BCcher,=20Folgen=20mit=20Z?=
 =?UTF-8?q?eitmarke,=20Artikel),=20Zitierschl=C3=BCssel,=20BibTeX/CSL-Expo?=
 =?UTF-8?q?rt,=20Markdown-Notizen=20mit=20[@key];=20Ende-zu-Ende-verschl?=
 =?UTF-8?q?=C3=BCsselt.=20Navigation:=20Projekte=20als=20Tab=20am=20Handy,?=
 =?UTF-8?q?=20Suche=20als=20Lupe;=20sw=20v141?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 diora/settings.py                   |    1 +
 diora/urls.py                       |    1 +
 docs/projects.md                    |   70 ++
 docs/search.md                      |    2 +-
 e2e/navigation.spec.js              |   51 +-
 projects/__init__.py                |    0
 projects/apps.py                    |    6 +
 projects/migrations/0001_initial.py |   52 ++
 projects/migrations/__init__.py     |    0
 projects/models.py                  |   52 ++
 projects/tests.py                   |  109 +++
 projects/urls.py                    |   14 +
 projects/views.py                   |  285 +++++++
 static/js/app/20-tabs.js            |    2 +-
 static/js/app/53-library.js         |    7 +
 static/js/feeds.js                  |    5 +
 static/js/nav.js                    |   16 +-
 static/js/projects.js               | 1160 +++++++++++++++++++++++++++
 static/js/sw.js                     |    3 +-
 templates/radio/player.html         |    3 +
 20 files changed, 1828 insertions(+), 11 deletions(-)
 create mode 100644 docs/projects.md
 create mode 100644 projects/__init__.py
 create mode 100644 projects/apps.py
 create mode 100644 projects/migrations/0001_initial.py
 create mode 100644 projects/migrations/__init__.py
 create mode 100644 projects/models.py
 create mode 100644 projects/tests.py
 create mode 100644 projects/urls.py
 create mode 100644 projects/views.py
 create mode 100644 static/js/projects.js

diff --git a/diora/settings.py b/diora/settings.py
index 0306dbe..e0c9112 100644
--- a/diora/settings.py
+++ b/diora/settings.py
@@ -32,6 +32,7 @@ INSTALLED_APPS = [
     'gpodder',
     'tts',
     'feeds',
+    'projects',
 ]
 
 EBOOK_MAX_BYTES = 100 * 1024 * 1024  # 100 MB (big scanned PDFs, complete editions)
diff --git a/diora/urls.py b/diora/urls.py
index 3e1d1b7..68dceb6 100644
--- a/diora/urls.py
+++ b/diora/urls.py
@@ -13,6 +13,7 @@ urlpatterns = [
     path('podcasts/', include('podcasts.urls')),
     path('books/', include('books.urls')),
     path('feeds/', include('feeds.urls')),
+    path('projects/', include('projects.urls')),
     path('tts/', include('tts.urls')),
     path('api/2/', include('gpodder.urls')),
     path('api/sync/', sync_snapshot, name='api_sync'),
diff --git a/docs/projects.md b/docs/projects.md
new file mode 100644
index 0000000..96078f0
--- /dev/null
+++ b/docs/projects.md
@@ -0,0 +1,70 @@
+# Projekte
+
+Projects of a preset: the first is **Forschung** (a research project: sources, citations,
+notes; Radar and Schreiben follow). In the navigation (`nav.js`, section and group `projekte`,
+flag `side`): a tab beside Home · Lesen · Hören on a phone, at the foot of the sidebar and of
+the wide bar above Suche · Abos & Quellen. The search moved out of the phone's tab bar: a
+magnifier in the bar on top (`suche` is a footer section; the apps' section bars show it).
+
+## End-to-end encrypted
+
+Like the books (docs/library.md): a project's data (`{name, description}`) and every item's
+data are AES-GCM blobs with the user's key (`32-crypto.js`, iv hex, ciphertext base64). The
+server stores them and knows only: a project exists, its preset, archived, and what an item
+points to — `kind` + `ref` (a book's, episode's or article's id, never its title).
+
+## Items
+
+| kind | ref | data |
+|---|---|---|
+| `paper` | – | `{key, csl, note, doi}` (CSL-JSON from doi.org) |
+| `book` | book id | `{key, csl, note, type}` (CSL from the book's meta) |
+| `episode` | episode id | `{key, csl, note, podcast, feed, position}` (position: seconds, "ab 12:34") |
+| `article` | feeds item id | `{key, csl, note}` |
+| `note` | – | `{title, body (Markdown), folder}` |
+
+A book, episode or article is in a project once (adding again answers `existing: true`).
+`key` is the citation key for `[@key]` / `[@key, S. 12]` in notes: first author's family name
+(or the podcast's), year, first word of the title — unique in the project, editable.
+
+Notes: Markdown (headings, lists, quotes, bold/italic, links); the view shows citations as
+"(Amodio & Jost 2007, S. 3)" and a list of the works cited. Saved as one types (0.9 s).
+Export: BibTeX and CSL-JSON of the sources (all or the chosen kind).
+
+## Linking from elsewhere
+
+`DioraProjects.link(kind, ref, info)` opens the sheet "Mit Projekt verknüpfen" (the projects,
+the ones it is in ticked, ＋ Neues Projekt). Called from the book sheet (library, apps), the
+article reader (◇ in its bar), the episode sheet and the player (apps, native-podcast.js).
+`DioraProjects.of(kind, ref)` → `[{id, name}]` the projects it's in; `onChange(fn)` after changes.
+
+## Desktop: a window of its own
+
+The project's menu (⋯) has "In neuem Fenster öffnen" when `dioraDesktop.openWindow` is there:
+the desktop opens the page with `?project=<id>`; `projects.js` then shows only that project
+(`html.prj-solo` hides the navigation and the dock).
+
+## Writing and conflicts
+
+Every write sends `base_iv` (the IV it changed). Changed elsewhere since: 409 with the current
+state. A note's text then goes beside it as a copy "(Konflikt)"; other data reloads.
+
+## API (signed in)
+
+- `GET /projects/` → `{projects: [{id, preset, data_ct, data_iv, archived, position, items, …}], links: [{project, kind, ref}], presets}`
+- `POST /projects/create/` `{preset, data_ct, data_iv}` → `{project}`
+- `GET /projects/<id>/` → `{project, items: [{id, kind, ref, data_ct, data_iv, created_at, updated_at}]}`
+- `POST /projects/<id>/` `{data_ct, data_iv, base_iv}` and/or `{archived}` / `{position}`
+- `POST /projects/<id>/delete/`
+- `POST /projects/<id>/items/add/` `{kind, ref?, data_ct, data_iv}` → `{item, existing}`
+- `POST /projects/items/<id>/` `{data_ct, data_iv, base_iv}` → `{item}` (409 `{item}` when stale)
+- `POST /projects/items/<id>/delete/`
+- `GET /projects/doi/?q=<DOI | doi.org link | arXiv link or id>` → `{doi, csl}` — fetched from
+  doi.org (Crossref, DataCite …) as CSL-JSON, cached a week, nothing else kept.
+
+## Next
+
+Radar (the weekly digests and new papers with lesen / später / verwerfen / → Quellen; who
+fetches the papers is open), papers as books (a paper's PDF into the library, its highlights
+into the project's notes), Schreiben (drafts with the bibliography in a citation style),
+the projects in the search, more presets.
diff --git a/docs/search.md b/docs/search.md
index 3f248f3..07f4bb2 100644
--- a/docs/search.md
+++ b/docs/search.md
@@ -6,7 +6,7 @@ section and group `suche`, flag `side`):
 - phone (the apps' tab bar, the web page's narrow bar): beside Home · Lesen · Hören;
 - the apps' sidebar and the web page's wide bar: at the foot, above Abos & Quellen.
 
-It's never the section the app opens in next time (`diora_nav_section` isn't written for it).
+It's never the section the app opens in next time (`transient`: `diora_nav_section` isn't written for it).
 
 ## What is searched where
 
diff --git a/e2e/navigation.spec.js b/e2e/navigation.spec.js
index 4e4b286..407ed54 100644
--- a/e2e/navigation.spec.js
+++ b/e2e/navigation.spec.js
@@ -14,7 +14,7 @@ test('wide: every section in the bar under its group, each shows its panel and v
   const wide = page.locator('#tabs .nav-wide');
   await expect(wide.locator('.nav-group-label')).toHaveText(['Lesen', 'Hören']);
   await expect(wide.locator('[data-nav]')).toHaveText(
-    ['Home', 'Bücher', 'Zeitschriften', 'Nachrichten', 'Blogs', 'Hörbücher', 'Podcasts', 'Radio', 'Ambient', 'Fokus', 'Suche', 'Abos & Quellen']);
+    ['Home', 'Bücher', 'Zeitschriften', 'Nachrichten', 'Blogs', 'Hörbücher', 'Podcasts', 'Radio', 'Ambient', 'Fokus', 'Projekte', 'Suche', 'Abos & Quellen']);
 
   await wide.locator('[data-nav="blogs"]').click();
   await expect(page).toHaveURL(/#blogs$/);
@@ -33,7 +33,8 @@ test('narrow: three groups, the sections as a row on top, each group remembers i
   await page.setViewportSize({ width: 390, height: 800 });
   await page.goto('/#news');
   const narrow = page.locator('#tabs .nav-narrow');
-  await expect(narrow.locator('[data-nav]')).toHaveText(['Home', 'Lesen', 'Hören', 'Suche', '']);
+  await expect(narrow.locator('[data-nav]')).toHaveText(['Home', 'Lesen', 'Hören', 'Projekte', '', '']);
+  await expect(narrow.locator('[data-nav="suche"] svg.dnav-ic')).toBeVisible();   // the magnifier
   await expect(narrow.locator('[data-nav="sources"] svg.dnav-ic')).toBeVisible();
   await expect(narrow.locator('[data-nav="lesen"]')).toHaveClass(/active/);
   const segs = page.locator('#nav-segments');
@@ -89,6 +90,52 @@ test('Suche: books from this device, the rest from the server, a hit opens where
   expect(await page.evaluate(() => localStorage.getItem('diora_nav_section'))).not.toBe('suche');
 });
 
+test('Projekte: a Forschung project, a paper by DOI, a linked book, a note citing them', async ({ page }) => {
+  await page.setViewportSize({ width: 1200, height: 900 });
+  await page.route('**/projects/doi/?q=*', route => route.fulfill({json: {doi: '10.1038/nn.1234', csl: {
+    type: 'article-journal', title: 'Neural correlates of political ideology', 'container-title': 'Nature Neuroscience',
+    author: [{family: 'Amodio', given: 'David'}, {family: 'Jost', given: 'John'}], issued: {'date-parts': [[2007, 9]]},
+    DOI: '10.1038/nn1979', volume: '10', page: '1246-1247'}}}));
+  await page.goto('/#projekte');
+  const tab = page.locator('#tab-projekte');
+  await tab.locator('[data-act="new"]').click();
+  await expect(tab.locator('.prj-preset.on')).toContainText('Forschung');
+  await tab.locator('input[name="name"]').fill('Neuropolitik');
+  await tab.locator('button[type="submit"]').click();
+  await expect(tab.locator('.prj-h1')).toHaveText('Neuropolitik');
+  await expect(page).toHaveURL(/#projekte\/\d+$/);
+  // The server keeps only ciphertext.
+  const raw = await page.evaluate(() => fetch('/projects/').then(r => r.json()));
+  expect(JSON.stringify(raw)).not.toContain('Neuropolitik');
+
+  await tab.locator('.prj-add input').fill('https://doi.org/10.1038/nn1979');
+  await tab.locator('.prj-add button').click();
+  await tab.locator('[data-add-doi]').click();
+  await expect(tab.locator('.prj-row .prj-title')).toHaveText(['Neural correlates of political ideology']);
+  await expect(tab.locator('.prj-key')).toHaveText(['amodio2007neural']);
+
+  // From a book's sheet elsewhere: DioraProjects.link.
+  await page.evaluate(() => DioraProjects.link('book', 4242, {title: 'Das politische Gehirn', author: 'Hans Muster'}));
+  await page.locator('.prj-picker [data-pick]').filter({hasText: 'Neuropolitik'}).click();
+  await expect(tab.locator('.prj-row')).toHaveCount(2);
+  expect(await page.evaluate(() => DioraProjects.of('book', 4242).map(p => p.name))).toEqual(['Neuropolitik']);
+
+  await tab.locator('[data-view="notes"]').click();
+  await tab.locator('[data-act="new-note"]').click();
+  await tab.locator('[data-note-title]').fill('These');
+  await tab.locator('[data-note-body]').fill('# Idee\nIdeologie zeigt sich im Gehirn [@amodio2007neural, S. 3] und bei [@muster0jdas].');
+  await expect(tab.locator('.prj-saved')).toHaveText('gespeichert', {timeout: 5000});
+  await tab.locator('[data-act="preview"]').click();
+  await expect(tab.locator('.prj-md .prj-cite').first()).toHaveText('(Amodio & Jost 2007, S. 3)');
+  await expect(tab.locator('.prj-refs li').first()).toContainText('Nature Neuroscience');
+
+  await tab.locator('[data-view="sources"]').click();
+  const [dl] = await Promise.all([page.waitForEvent('download'), tab.locator('[data-export="bib"]').click()]);
+  const bib = require('fs').readFileSync(await dl.path(), 'utf8');
+  expect(bib).toContain('@article{amodio2007neural,');
+  expect(bib).toContain('doi = {10.1038/nn1979}');
+});
+
 test('Abos & Quellen: one page for every subscription, reached from the feeds too', async ({ page }) => {
   await page.setViewportSize({ width: 1200, height: 800 });
   await page.goto('/#news');
diff --git a/projects/__init__.py b/projects/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/projects/apps.py b/projects/apps.py
new file mode 100644
index 0000000..afae498
--- /dev/null
+++ b/projects/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class ProjectsConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'projects'
diff --git a/projects/migrations/0001_initial.py b/projects/migrations/0001_initial.py
new file mode 100644
index 0000000..176730f
--- /dev/null
+++ b/projects/migrations/0001_initial.py
@@ -0,0 +1,52 @@
+# Generated by Django 6.1 on 2026-10-19 18:00
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Project',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('preset', models.CharField(choices=[('research', 'Forschung')], default='research', max_length=20)),
+                ('data_ct', models.TextField()),
+                ('data_iv', models.CharField(max_length=32)),
+                ('archived', models.BooleanField(default=False)),
+                ('position', models.IntegerField(default=0)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='projects', to=settings.AUTH_USER_MODEL)),
+            ],
+            options={
+                'ordering': ['position', '-updated_at'],
+            },
+        ),
+        migrations.CreateModel(
+            name='ProjectItem',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('kind', models.CharField(choices=[('book', 'Buch'), ('episode', 'Folge'), ('article', 'Artikel'), ('paper', 'Paper'), ('note', 'Notiz')], max_length=10)),
+                ('ref', models.BigIntegerField(blank=True, null=True)),
+                ('data_ct', models.TextField()),
+                ('data_iv', models.CharField(max_length=32)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+                ('project', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='items', to='projects.project')),
+            ],
+            options={
+                'ordering': ['created_at'],
+                'indexes': [models.Index(fields=['kind', 'ref'], name='projects_pr_kind_3ad4df_idx')],
+                'constraints': [models.UniqueConstraint(condition=models.Q(('ref__isnull', False)), fields=('project', 'kind', 'ref'), name='project_item_once')],
+            },
+        ),
+    ]
diff --git a/projects/migrations/__init__.py b/projects/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/projects/models.py b/projects/models.py
new file mode 100644
index 0000000..93b7349
--- /dev/null
+++ b/projects/models.py
@@ -0,0 +1,52 @@
+"""Projekte (docs/projects.md): a project of a preset (Forschung first), its sources and notes.
+
+End-to-end encrypted like the books: a project's name and settings, and every item's content
+(a note's text, a source's citation data, a remark) are AES-GCM blobs the server can't read.
+What it knows: that a project exists, its preset, and which book, episode or article an item
+points to (kind + ref) — the ids, never their titles."""
+from django.contrib.auth.models import User
+from django.db import models
+
+
+class Project(models.Model):
+    RESEARCH = 'research'
+    PRESETS = [(RESEARCH, 'Forschung')]
+
+    user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='projects')
+    preset = models.CharField(max_length=20, choices=PRESETS, default=RESEARCH)
+    data_ct = models.TextField()   # {name, description, …} encrypted
+    data_iv = models.CharField(max_length=32)
+    archived = models.BooleanField(default=False)
+    position = models.IntegerField(default=0)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    class Meta:
+        ordering = ['position', '-updated_at']
+
+
+class ProjectItem(models.Model):
+    """Something in a project. Sources point at what's elsewhere in diora (a book, an episode,
+    an article: ref is its id) or stand alone (a paper known by its citation data: no ref);
+    notes are text of their own (no ref)."""
+    BOOK = 'book'
+    EPISODE = 'episode'
+    ARTICLE = 'article'
+    PAPER = 'paper'
+    NOTE = 'note'
+    KINDS = [(BOOK, 'Buch'), (EPISODE, 'Folge'), (ARTICLE, 'Artikel'), (PAPER, 'Paper'), (NOTE, 'Notiz')]
+    LINKED = (BOOK, EPISODE, ARTICLE)
+
+    project = models.ForeignKey(Project, on_delete=models.CASCADE, related_name='items')
+    kind = models.CharField(max_length=10, choices=KINDS)
+    ref = models.BigIntegerField(null=True, blank=True)
+    data_ct = models.TextField()
+    data_iv = models.CharField(max_length=32)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    class Meta:
+        ordering = ['created_at']
+        constraints = [models.UniqueConstraint(fields=['project', 'kind', 'ref'], name='project_item_once',
+                                               condition=models.Q(ref__isnull=False))]
+        indexes = [models.Index(fields=['kind', 'ref'])]
diff --git a/projects/tests.py b/projects/tests.py
new file mode 100644
index 0000000..0f4a0e5
--- /dev/null
+++ b/projects/tests.py
@@ -0,0 +1,109 @@
+"""Projekte: the API (projects/views.py)."""
+import json
+from unittest.mock import patch
+
+from django.contrib.auth.models import User
+from django.core.cache import cache
+from django.test import TestCase
+
+from .models import Project, ProjectItem
+from .views import doi_of
+
+IV = 'a1' * 12
+
+
+class Base(TestCase):
+    def setUp(self):
+        cache.clear()
+        self.user = User.objects.create_user(username='forscher', password='pw12345678')
+        self.client.force_login(self.user)
+
+    def post(self, url, body=None):
+        return self.client.post(url, json.dumps(body or {}), content_type='application/json')
+
+    def make(self, ct='name'):
+        return self.post('/projects/create/', {'preset': 'research', 'data_ct': ct, 'data_iv': IV}).json()['project']
+
+
+class ProjectTests(Base):
+    def test_create_list_update(self):
+        p = self.make()
+        self.assertEqual(p['preset'], 'research')
+        r = self.client.get('/projects/').json()
+        self.assertEqual([x['id'] for x in r['projects']], [p['id']])
+        self.assertIn('research', r['presets'])
+        r = self.post(f"/projects/{p['id']}/", {'data_ct': 'neu', 'data_iv': 'b2' * 12, 'base_iv': IV})
+        self.assertEqual(r.json()['project']['data_ct'], 'neu')
+        # Written from an old state: refused with the current one.
+        r = self.post(f"/projects/{p['id']}/", {'data_ct': 'alt', 'data_iv': 'c3' * 12, 'base_iv': IV})
+        self.assertEqual((r.status_code, r.json()['project']['data_ct']), (409, 'neu'))
+
+    def test_bad_input(self):
+        self.assertEqual(self.post('/projects/create/', {'data_ct': 'x', 'data_iv': 'zz'}).status_code, 400)
+        self.assertEqual(self.post('/projects/create/', {'preset': 'nope', 'data_ct': 'x', 'data_iv': IV}).status_code, 400)
+
+    def test_only_ones_own(self):
+        p = self.make()
+        other = User.objects.create_user(username='andere', password='pw12345678')
+        self.client.force_login(other)
+        self.assertEqual(self.client.get(f"/projects/{p['id']}/").status_code, 404)
+        self.assertEqual(self.post(f"/projects/{p['id']}/items/add/", {'kind': 'note', 'data_ct': 'x', 'data_iv': IV}).status_code, 404)
+        self.assertEqual(self.client.get('/projects/').json()['projects'], [])
+        self.client.logout()
+        self.assertEqual(self.client.get('/projects/').status_code, 401)
+
+    def test_delete_takes_the_items(self):
+        p = self.make()
+        self.post(f"/projects/{p['id']}/items/add/", {'kind': 'note', 'data_ct': 'x', 'data_iv': IV})
+        self.post(f"/projects/{p['id']}/delete/")
+        self.assertEqual((Project.objects.count(), ProjectItem.objects.count()), (0, 0))
+
+
+class ItemTests(Base):
+    def test_links_once_notes_many(self):
+        p = self.make()
+        url = f"/projects/{p['id']}/items/add/"
+        a = self.post(url, {'kind': 'book', 'ref': 12, 'data_ct': 'b', 'data_iv': IV}).json()
+        b = self.post(url, {'kind': 'book', 'ref': 12, 'data_ct': 'b2', 'data_iv': IV}).json()
+        self.assertEqual((a['existing'], b['existing'], a['item']['id']), (False, True, b['item']['id']))
+        self.post(url, {'kind': 'note', 'data_ct': 'n', 'data_iv': IV})
+        self.post(url, {'kind': 'note', 'ref': 5, 'data_ct': 'n', 'data_iv': IV})   # a note has no ref
+        self.post(url, {'kind': 'episode', 'ref': 7, 'data_ct': 'e', 'data_iv': IV})
+        self.assertEqual(self.post(url, {'kind': 'episode', 'data_ct': 'e', 'data_iv': IV}).status_code, 400)
+        got = self.client.get(f"/projects/{p['id']}/").json()
+        self.assertEqual([(i['kind'], i['ref']) for i in got['items']],
+                         [('book', 12), ('note', None), ('note', None), ('episode', 7)])
+        links = self.client.get('/projects/').json()['links']
+        self.assertEqual(sorted((l['kind'], l['ref']) for l in links), [('book', 12), ('episode', 7)])
+
+    def test_update_with_base_and_delete(self):
+        p = self.make()
+        i = self.post(f"/projects/{p['id']}/items/add/", {'kind': 'note', 'data_ct': 'v1', 'data_iv': IV}).json()['item']
+        r = self.post(f"/projects/items/{i['id']}/", {'data_ct': 'v2', 'data_iv': 'b2' * 12, 'base_iv': IV})
+        self.assertEqual(r.status_code, 200)
+        r = self.post(f"/projects/items/{i['id']}/", {'data_ct': 'v3', 'data_iv': 'c3' * 12, 'base_iv': IV})
+        self.assertEqual((r.status_code, r.json()['item']['data_ct']), (409, 'v2'))
+        self.post(f"/projects/items/{i['id']}/delete/")
+        self.assertFalse(ProjectItem.objects.exists())
+
+
+class DoiTests(Base):
+    def test_recognised(self):
+        self.assertEqual(doi_of('https://doi.org/10.1038/s41586-020-2649-2.'), '10.1038/s41586-020-2649-2')
+        self.assertEqual(doi_of('https://arxiv.org/abs/2401.01234v2'), '10.48550/arXiv.2401.01234')
+        self.assertEqual(doi_of('2401.01234'), '10.48550/arXiv.2401.01234')
+        self.assertIsNone(doi_of('kein doi'))
+
+    def test_lookup_trimmed_and_cached(self):
+        class R:
+            status_code = 200
+
+            def json(self):
+                return {'title': 'Ein Paper', 'DOI': '10.1234/x', 'reference': [1, 2, 3], 'author': [{'family': 'A'}]}
+        with patch('projects.views.requests.get', return_value=R()) as get:
+            a = self.client.get('/projects/doi/', {'q': 'doi:10.1234/x'}).json()
+            self.client.get('/projects/doi/', {'q': '10.1234/X'})
+        self.assertEqual(get.call_count, 1)
+        self.assertEqual(a['csl']['title'], 'Ein Paper')
+        self.assertNotIn('reference', a['csl'])
+        self.assertEqual(self.client.get('/projects/doi/', {'q': 'nichts'}).status_code, 400)
diff --git a/projects/urls.py b/projects/urls.py
new file mode 100644
index 0000000..1accac1
--- /dev/null
+++ b/projects/urls.py
@@ -0,0 +1,14 @@
+from django.urls import path
+
+from . import views
+
+urlpatterns = [
+    path('', views.projects, name='projects'),
+    path('create/', views.create, name='projects_create'),
+    path('doi/', views.doi, name='projects_doi'),
+    path('<int:pk>/', views.project, name='projects_project'),
+    path('<int:pk>/delete/', views.delete, name='projects_delete'),
+    path('<int:pk>/items/add/', views.item_add, name='projects_item_add'),
+    path('items/<int:pk>/', views.item_update, name='projects_item_update'),
+    path('items/<int:pk>/delete/', views.item_delete, name='projects_item_delete'),
+]
diff --git a/projects/views.py b/projects/views.py
new file mode 100644
index 0000000..c5fa312
--- /dev/null
+++ b/projects/views.py
@@ -0,0 +1,285 @@
+"""Projekte (docs/projects.md): the API. Everything a project says is encrypted on the device;
+here it's stored and handed back. A write names the IV it changed (base_iv): changed
+elsewhere since, it's refused with the current state (409) for the device to merge."""
+import json
+import re
+
+import requests
+from django.core.cache import cache
+from django.db import IntegrityError, transaction
+from django.http import JsonResponse
+from django.views.decorators.csrf import csrf_exempt
+from django.views.decorators.http import require_http_methods
+
+from .models import Project, ProjectItem
+
+MAX_DATA = 2_000_000   # characters of base64: a long draft, not a PDF
+MAX_PROJECTS = 200
+MAX_ITEMS = 5000
+
+
+def _auth(request):
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    return None
+
+
+def _body(request):
+    try:
+        body = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return None
+    return body if isinstance(body, dict) else None
+
+
+def _hex_iv(value):
+    return isinstance(value, str) and 8 <= len(value) <= 32 and all(c in '0123456789abcdefABCDEF' for c in value)
+
+
+def _blob(body):
+    """(data_ct, data_iv) from a request, or None."""
+    ct, iv = body.get('data_ct'), body.get('data_iv')
+    if not isinstance(ct, str) or not ct or len(ct) > MAX_DATA or not _hex_iv(iv):
+        return None
+    return ct, iv
+
+
+def _project_json(p, counts=None):
+    return {'id': p.id, 'preset': p.preset, 'data_ct': p.data_ct, 'data_iv': p.data_iv, 'archived': p.archived,
+            'position': p.position, 'created_at': p.created_at.isoformat(), 'updated_at': p.updated_at.isoformat(),
+            'items': (counts or {}).get(p.id, 0)}
+
+
+def _item_json(i):
+    return {'id': i.id, 'project': i.project_id, 'kind': i.kind, 'ref': i.ref, 'data_ct': i.data_ct,
+            'data_iv': i.data_iv, 'created_at': i.created_at.isoformat(), 'updated_at': i.updated_at.isoformat()}
+
+
+def _project(request, pk):
+    return Project.objects.filter(pk=pk, user=request.user).first()
+
+
+# ---- projects ------------------------------------------------------------------------------
+
+@require_http_methods(['GET'])
+def projects(request):
+    """All projects, and every link (kind, ref, project) — what a book's or an episode's sheet
+    shows as "in Projekt …"."""
+    err = _auth(request)
+    if err:
+        return err
+    rows = list(Project.objects.filter(user=request.user))
+    counts = {}
+    links = []
+    for pid, kind, ref in ProjectItem.objects.filter(project__user=request.user).values_list('project_id', 'kind', 'ref'):
+        counts[pid] = counts.get(pid, 0) + 1
+        if ref is not None:
+            links.append({'project': pid, 'kind': kind, 'ref': ref})
+    return JsonResponse({'projects': [_project_json(p, counts) for p in rows], 'links': links,
+                         'presets': [k for k, _ in Project.PRESETS]})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def create(request):
+    err = _auth(request)
+    if err:
+        return err
+    body = _body(request)
+    blob = body and _blob(body)
+    if not blob:
+        return JsonResponse({'error': 'data_ct, data_iv required'}, status=400)
+    preset = body.get('preset', Project.RESEARCH)
+    if preset not in dict(Project.PRESETS):
+        return JsonResponse({'error': 'unknown preset'}, status=400)
+    if Project.objects.filter(user=request.user).count() >= MAX_PROJECTS:
+        return JsonResponse({'error': 'too many projects'}, status=400)
+    p = Project.objects.create(user=request.user, preset=preset, data_ct=blob[0], data_iv=blob[1])
+    return JsonResponse({'project': _project_json(p)})
+
+
+@csrf_exempt
+@require_http_methods(['GET', 'POST'])
+def project(request, pk):
+    """GET: the project with its items. POST: new data (with base_iv), archived, position."""
+    err = _auth(request)
+    if err:
+        return err
+    p = _project(request, pk)
+    if not p:
+        return JsonResponse({'error': 'not found'}, status=404)
+    if request.method == 'GET':
+        items = list(p.items.all())
+        return JsonResponse({'project': _project_json(p, {p.id: len(items)}), 'items': [_item_json(i) for i in items]})
+    body = _body(request)
+    if body is None:
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    fields = []
+    if 'data_ct' in body:
+        blob = _blob(body)
+        if not blob:
+            return JsonResponse({'error': 'data_ct, data_iv required'}, status=400)
+        base = body.get('base_iv')
+        if base and base != p.data_iv:
+            return JsonResponse({'error': 'stale', 'project': _project_json(p)}, status=409)
+        p.data_ct, p.data_iv = blob
+        fields += ['data_ct', 'data_iv']
+    if 'archived' in body:
+        p.archived = bool(body['archived'])
+        fields.append('archived')
+    if 'position' in body:
+        try:
+            p.position = int(body['position'])
+        except (TypeError, ValueError):
+            return JsonResponse({'error': 'position'}, status=400)
+        fields.append('position')
+    if fields:
+        p.save(update_fields=fields + ['updated_at'])
+    return JsonResponse({'project': _project_json(p)})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def delete(request, pk):
+    err = _auth(request)
+    if err:
+        return err
+    p = _project(request, pk)
+    if not p:
+        return JsonResponse({'error': 'not found'}, status=404)
+    p.delete()
+    return JsonResponse({'ok': True})
+
+
+# ---- items ---------------------------------------------------------------------------------
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def item_add(request, pk):
+    """{kind, ref?, data_ct, data_iv}. A book, episode or article is in a project once: adding
+    it again answers with the item there (existing: true)."""
+    err = _auth(request)
+    if err:
+        return err
+    p = _project(request, pk)
+    if not p:
+        return JsonResponse({'error': 'not found'}, status=404)
+    body = _body(request)
+    blob = body and _blob(body)
+    if not blob:
+        return JsonResponse({'error': 'data_ct, data_iv required'}, status=400)
+    kind = body.get('kind')
+    if kind not in dict(ProjectItem.KINDS):
+        return JsonResponse({'error': 'kind'}, status=400)
+    ref = body.get('ref')
+    if kind in ProjectItem.LINKED:
+        if not isinstance(ref, int) or isinstance(ref, bool) or ref <= 0:
+            return JsonResponse({'error': 'ref required'}, status=400)
+    else:
+        ref = None
+    if p.items.count() >= MAX_ITEMS:
+        return JsonResponse({'error': 'too many items'}, status=400)
+    if ref is not None:
+        have = p.items.filter(kind=kind, ref=ref).first()
+        if have:
+            return JsonResponse({'item': _item_json(have), 'existing': True})
+    try:
+        with transaction.atomic():
+            i = ProjectItem.objects.create(project=p, kind=kind, ref=ref, data_ct=blob[0], data_iv=blob[1])
+    except IntegrityError:
+        return JsonResponse({'item': _item_json(p.items.get(kind=kind, ref=ref)), 'existing': True})
+    p.save(update_fields=['updated_at'])
+    return JsonResponse({'item': _item_json(i), 'existing': False})
+
+
+def _item(request, pk):
+    return ProjectItem.objects.filter(pk=pk, project__user=request.user).select_related('project').first()
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def item_update(request, pk):
+    """{data_ct, data_iv, base_iv}: a changed note or source; 409 with the current one when it
+    was changed elsewhere since."""
+    err = _auth(request)
+    if err:
+        return err
+    i = _item(request, pk)
+    if not i:
+        return JsonResponse({'error': 'not found'}, status=404)
+    body = _body(request)
+    blob = body and _blob(body)
+    if not blob:
+        return JsonResponse({'error': 'data_ct, data_iv required'}, status=400)
+    base = body.get('base_iv')
+    if base and base != i.data_iv:
+        return JsonResponse({'error': 'stale', 'item': _item_json(i)}, status=409)
+    i.data_ct, i.data_iv = blob
+    i.save(update_fields=['data_ct', 'data_iv', 'updated_at'])
+    i.project.save(update_fields=['updated_at'])
+    return JsonResponse({'item': _item_json(i)})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def item_delete(request, pk):
+    err = _auth(request)
+    if err:
+        return err
+    i = _item(request, pk)
+    if not i:
+        return JsonResponse({'error': 'not found'}, status=404)
+    i.delete()
+    return JsonResponse({'ok': True})
+
+
+# ---- a paper's data by its DOI ----------------------------------------------------------------
+
+DOI_RE = re.compile(r'(10\.\d{4,9}/[^\s"<>]+)', re.I)
+
+
+def doi_of(text):
+    """The DOI in a DOI, a doi.org link, a publisher's link that carries it, or an arXiv id."""
+    text = (text or '').strip()
+    m = DOI_RE.search(text)
+    if m:
+        return m.group(1).rstrip('.,;)')
+    m = re.search(r'arxiv\.org/(?:abs|pdf)/(\d{4}\.\d{4,5})|^(?:arxiv:)?(\d{4}\.\d{4,5})(?:v\d+)?$', text, re.I)
+    if m:
+        return '10.48550/arXiv.' + (m.group(1) or m.group(2))
+    return None
+
+
+@require_http_methods(['GET'])
+def doi(request):
+    """?q=<DOI, link or arXiv id>: the work's citation data (CSL-JSON) from doi.org — Crossref,
+    DataCite (arXiv) and the other registries answer there. Not kept beyond a cache."""
+    err = _auth(request)
+    if err:
+        return err
+    d = doi_of(request.GET.get('q', ''))
+    if not d:
+        return JsonResponse({'error': 'Keine DOI erkannt.'}, status=400)
+    key = 'doi:' + re.sub(r'\W+', '_', d.lower())[:200]
+    csl = cache.get(key)
+    if csl is None:
+        try:
+            r = requests.get('https://doi.org/' + d, timeout=15,
+                             headers={'Accept': 'application/vnd.citationstyles.csl+json',
+                                      'User-Agent': 'diora (https://diora.creamfresh.xyz)'})
+        except requests.RequestException:
+            return JsonResponse({'error': 'doi.org nicht erreichbar.'}, status=502)
+        if r.status_code == 404:
+            return JsonResponse({'error': 'DOI unbekannt.'}, status=404)
+        try:
+            csl = r.json()
+        except ValueError:
+            return JsonResponse({'error': 'Keine Daten zu dieser DOI.'}, status=502)
+        if not isinstance(csl, dict):
+            return JsonResponse({'error': 'Keine Daten zu dieser DOI.'}, status=502)
+        # What a citation needs; the reference lists and licences stay out.
+        for k in ('reference', 'license', 'link', 'relation', 'assertion', 'funder', 'content-domain',
+                  'indexed', 'deposited', 'update-policy', 'resource'):
+            csl.pop(k, None)
+        cache.set(key, csl, 7 * 24 * 3600)
+    return JsonResponse({'doi': d, 'csl': csl})
diff --git a/static/js/app/20-tabs.js b/static/js/app/20-tabs.js
index dec1a2d..a5a794e 100644
--- a/static/js/app/20-tabs.js
+++ b/static/js/app/20-tabs.js
@@ -4,7 +4,7 @@
 // Tabs
 // ---------------------------------------------------------------------------
 
-const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'feeds', 'ambient', 'audiobooks', 'sources', 'suche'];
+const TOP_TABS = ['home', 'radio', 'focus', 'podcasts', 'books', 'feeds', 'ambient', 'audiobooks', 'sources', 'suche', 'projekte'];
 const RADIO_SUB_TABS = ['search', 'saved', 'history'];
 
 // ---------------------------------------------------------------------------
diff --git a/static/js/app/53-library.js b/static/js/app/53-library.js
index 6048801..4fb228b 100644
--- a/static/js/app/53-library.js
+++ b/static/js/app/53-library.js
@@ -684,6 +684,11 @@ function _libSeriesManage() {
 
 // ---- a book's actions (the apps may bring their own sheet: __dioraBookSheet) -------------------------
 
+function _libProjectsLabel(b) {
+  const inIt = window.DioraProjects ? DioraProjects.of('book', b.id) : [];
+  return 'Mit Projekt verknüpfen …' + (inIt.length ? ` <span class="muted">(${inIt.map(p => _libEsc(p.name)).join(', ')})</span>` : '');
+}
+
 function _libSheet(b) {
   if (window.__dioraBookSheet && window.__dioraBookSheet(b) !== false) return;
   const broken = typeof _brokenBooks !== 'undefined' && _brokenBooks.has(b.id);
@@ -695,6 +700,8 @@ function _libSheet(b) {
     ['Serie …', () => _libSeriesSheet(b)],
     [_libEditionsOf(b).length > 1 ? `Ausgaben (${_libEditionsOf(b).length}) …` : 'Als Ausgabe verbinden …', () => _libEditionsSheet(b)],
     [b.is_read ? 'Als ungelesen markieren' : 'Als gelesen markieren', () => toggleBookRead(b.id, !!b.is_read)],
+    // Projekte (projects.js): "Forschung › Mit Projekt verknüpfen", and where it is already.
+    window.DioraProjects && [_libProjectsLabel(b), () => DioraProjects.link('book', b.id, {title: b.title, author: b.author})],
     b.has_highlights && ['Markierungen exportieren', () => downloadBookAnnotationsFromList(b.id, null)],
     ['Regal-Kategorie abrufen', () => lookupBookMetadata(b.id)],
     ['Mehrere auswählen', () => { _lib.selecting = new Set([b.id]); renderBookList(_lastBookListData); }],
diff --git a/static/js/feeds.js b/static/js/feeds.js
index d2d00c4..0c66dab 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -639,6 +639,8 @@
       '<span class="fd-art-src">' + esc(i ? i.source_title : '') + '</span>' +
       '<button type="button" class="fd-icon" data-r="font" aria-label="Schriftgröße" title="Schriftgröße">Aa</button>' +
       (i ? '<button type="button" class="fd-icon' + (i.starred ? ' on' : '') + '" data-r="star" aria-label="Merken" title="Merken">' + (i.starred ? '★' : '☆') + '</button>' : '') +
+      // Projekte (projects.js): this article as a source of a project.
+      (i && window.DioraProjects ? '<button type="button" class="fd-icon" data-r="project" aria-label="Mit Projekt verknüpfen" title="Mit Projekt verknüpfen">◇</button>' : '') +
       (i && i.url ? '<a class="fd-icon" href="' + esc(i.url) + '" target="_blank" rel="noopener" aria-label="Im Browser öffnen" title="Im Browser öffnen">↗</a>' : '') +
       '</div><div class="fd-art" style="font-size:' + fontSize() + 'px">' + inner + '</div>';
   }
@@ -757,6 +759,9 @@
       try { localStorage.setItem('diora_feeds_font', String(v)); } catch (err) {}
       const art = reader.querySelector('.fd-art');
       if (art) art.style.fontSize = v + 'px';
+    } else if (r === 'project' && readerItem && window.DioraProjects) {
+      window.DioraProjects.link('article', readerItem.id, {title: readerItem.title, source: readerItem.source_title,
+        author: readerItem.author, date: readerItem.published, url: readerItem.url, news: readerItem.kind === 'news'});
     } else if (r === 'star' && readerItem) {
       readerItem.starred = !readerItem.starred;
       api('/feeds/items/' + readerItem.id + '/star/', {starred: readerItem.starred}).catch(() => {});
diff --git a/static/js/nav.js b/static/js/nav.js
index 66640bd..12b55ff 100644
--- a/static/js/nav.js
+++ b/static/js/nav.js
@@ -1,7 +1,7 @@
 /*
  * The navigation (docs/navigation.md): diora's sections, sorted by what one does —
  * Home; Lesen: Bücher, Zeitschriften, Nachrichten, Blogs; Hören: Hörbücher, Podcasts,
- * Radio, Ambient; Suche across all of them. One definition for every platform: the web page's #tabs are drawn
+ * Radio, Ambient; Projekte; Suche across all of them. One definition for every platform: the web page's #tabs are drawn
  * here, the apps' tab bar and sidebar (native-radio.js) from DioraNav.groups() and
  * DioraNav.sections(). A section is a panel (showTab, as before) plus a view in it.
  * On a phone, Lesen and Hören show their sections as a row on top (#nav-segments).
@@ -25,9 +25,12 @@
     {id: 'ambient', group: 'hoeren', label: 'Ambient', icon: '∿', panel: 'ambient'},
     // The focus timer: the web page's own (the apps never had it).
     {id: 'focus', group: 'hoeren', label: 'Fokus', icon: '◷', panel: 'focus', webOnly: true},
-    // The search across diora (docs/search.md, search.js): beside Home · Lesen · Hören on a
-    // phone, at the foot of the sidebar (above Abos & Quellen) and of the wide bar ("side").
-    {id: 'suche', group: 'suche', label: 'Suche', icon: '⌕', panel: 'suche', account: true, side: true},
+    // Projects (docs/projects.md, projects.js): a tab beside Home · Lesen · Hören on a phone,
+    // at the foot of the sidebar and of the wide bar ("side"), above Suche.
+    {id: 'projekte', group: 'projekte', label: 'Projekte', icon: '◇', panel: 'projekte', account: true, side: true},
+    // The search across diora (docs/search.md, search.js): at the foot, above Abos & Quellen;
+    // on a phone a magnifier in the bar on top (the apps' section bars, the page's narrow bar).
+    {id: 'suche', group: 'more', label: 'Suche', icon: '⌕', panel: 'suche', account: true, footer: true, transient: true},
     // Managing every subscription (docs/sources.md): at the foot of the sidebar, in the app
     // menu on a phone — not a tab of its own.
     {id: 'sources', group: 'more', label: 'Abos & Quellen', icon: '⚙', panel: 'sources', account: true, footer: true},
@@ -36,7 +39,7 @@
     {id: 'home', label: 'Home', icon: '⌂'},
     {id: 'lesen', label: 'Lesen', icon: '▤'},
     {id: 'hoeren', label: 'Hören', icon: '◉'},
-    {id: 'suche', label: 'Suche', icon: '⌕'},
+    {id: 'projekte', label: 'Projekte', icon: '◇'},
   ];
   const byId = {};
   SECTIONS.forEach(s => { byId[s.id] = s; });
@@ -63,6 +66,7 @@
       '<path d="M3 9.5c2-2.6 4-2.6 6 0s4 2.6 6 0 4-2.6 6 0"/><path d="M3 14.5c2-2.6 4-2.6 6 0s4 2.6 6 0 4-2.6 6 0"/>',
     focus: '<circle class="f" cx="12" cy="13" r="8"/><circle cx="12" cy="13" r="8"/><path d="M12 9v4l3 2M9 3h6"/>',
     sources: '<circle class="f" cx="6" cy="18" r="2"/><circle cx="6" cy="18" r="1.6"/><path d="M5 11a8 8 0 0 1 8 8"/><path d="M5 5a14 14 0 0 1 14 14"/>',
+    projekte: '<path class="f" d="M4 7h16v13H4z"/><path d="M4 7h16v13H4z"/><path d="M9 7V4h6v3"/><path d="M4 12h16"/>',
     suche: '<circle class="f" cx="10.5" cy="10.5" r="6.5"/><circle cx="10.5" cy="10.5" r="6.5"/><path d="M15.5 15.5L21 21"/>',
     menu: '<rect class="f" x="10.5" y="4" width="3" height="3"/><rect x="10.5" y="4" width="3" height="3"/>' +
       '<rect x="10.5" y="10.5" width="3" height="3"/><rect x="10.5" y="17" width="3" height="3"/>',
@@ -142,7 +146,7 @@
   function setCurrent(id) {
     current = id;
     const s = byId[id];
-    if (!s.side) save('diora_nav_section', id);   // the app opens where one was, not in the search
+    if (!s.transient) save('diora_nav_section', id);   // the app opens where one was, not in the search
     if (!s.footer) save('diora_nav_last_' + s.group, id);
     syncHash();
     render();
diff --git a/static/js/projects.js b/static/js/projects.js
new file mode 100644
index 0000000..4eba74b
--- /dev/null
+++ b/static/js/projects.js
@@ -0,0 +1,1160 @@
+/*
+ * Projekte (docs/projects.md): projects of a preset — Forschung first: sources (papers by
+ * DOI, books, podcast episodes with a time, articles) with citation data and keys, notes in
+ * Markdown, export as BibTeX / CSL-JSON. End-to-end encrypted like the books: the project's
+ * name and every item's content are AES-GCM blobs (32-crypto.js), the server keeps them.
+ *
+ * In the navigation (nav.js) above Suche at the foot of the sidebar, a tab on a phone.
+ * Anything elsewhere joins a project through DioraProjects.link(kind, ref, info) — the book,
+ * episode and article sheets call it; DioraProjects.of(kind, ref) says where it is.
+ * On the desktop a project opens in a window of its own (dioraDesktop.openWindow).
+ * Chrome-61-safe: no ?. / ?? / optional catch binding.
+ */
+(function () {
+  'use strict';
+  const tab = document.getElementById('tab-projekte');
+  if (!tab) return;
+
+  const PRESETS = {
+    research: {
+      label: 'Forschung',
+      hint: 'Papers, Bücher, Folgen und Artikel als Quellen, Zitationen, Notizen.',
+      tabs: [['sources', 'Quellen'], ['notes', 'Notizen']],
+    },
+  };
+  const KIND = {
+    paper: {label: 'Paper', many: 'Papers', glyph: '¶'},
+    book: {label: 'Buch', many: 'Bücher', glyph: '▤'},
+    episode: {label: 'Folge', many: 'Folgen', glyph: '◎'},
+    article: {label: 'Artikel', many: 'Artikel', glyph: '✎'},
+  };
+  const SOURCE_KINDS = ['paper', 'book', 'episode', 'article'];
+
+  const st = {
+    list: null,          // [{id, preset, data, archived, items, updated_at}]
+    links: [],           // [{project, kind, ref}]
+    error: '',
+    open: null,          // {id, preset, data, iv, items: [{id, kind, ref, data, iv, …}]}
+    view: 'sources',
+    filter: 'all',
+    expanded: null,      // item id whose actions are shown
+    note: null,          // the note being edited: item id, or 'new'
+    preview: false,
+    adding: null,        // {q, loading, error, doi: {csl}, found: [...]}
+    creating: null,      // {preset}
+    menu: false,
+  };
+  // A window of its own (desktop): only this project, no navigation.
+  const solo = /[?&]project=(\d+)/.exec(location.search);
+  if (solo) document.documentElement.classList.add('prj-solo');
+
+  // ---- helpers -------------------------------------------------------------------------
+
+  function esc(s) {
+    return String(s == null ? '' : s).replace(/[&<>"']/g, c =>
+      ({'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'}[c]));
+  }
+
+  async function api(path, body) {
+    const opts = {credentials: 'same-origin', cache: 'no-store'};
+    if (body !== undefined) {
+      opts.method = 'POST';
+      opts.headers = {'Content-Type': 'application/json'};
+      opts.body = JSON.stringify(body);
+    }
+    const r = await fetch(path, opts);
+    const d = await r.json().catch(() => null);
+    if (r.status === 409 && d) { const e = new Error('stale'); e.stale = d; throw e; }
+    if (!r.ok || !d) throw new Error((d && d.error) || ('HTTP ' + r.status));
+    return d;
+  }
+
+  async function seal(obj) {
+    const key = await getOrCreateEncKey();
+    const out = await encryptBytes(key, new TextEncoder().encode(JSON.stringify(obj)));
+    return {data_ct: out.ciphertext, data_iv: out.iv};
+  }
+
+  async function open_(ct, iv) {
+    try {
+      const key = await getOrCreateEncKey();
+      return JSON.parse(new TextDecoder().decode(await decryptBytes(key, iv, ct)));
+    } catch (e) {
+      return null;   // another key (an old device?): shown as unreadable
+    }
+  }
+
+  function toast(text) {
+    let t = document.getElementById('prj-toast');
+    if (!t) {
+      t = document.createElement('div');
+      t.id = 'prj-toast';
+      document.body.appendChild(t);
+    }
+    t.textContent = text;
+    t.classList.add('prj-show');
+    clearTimeout(toast.timer);
+    toast.timer = setTimeout(() => t.classList.remove('prj-show'), 2800);
+  }
+
+  function go(id) {
+    if (window.DioraNav) window.DioraNav.go(id);
+    else if (typeof showTab === 'function') showTab(id);
+  }
+
+  function nameOf(p) {
+    return p && p.data ? (p.data.name || 'Ohne Namen') : 'Nicht lesbar';
+  }
+
+  function download(name, text, type) {
+    const a = document.createElement('a');
+    a.href = URL.createObjectURL(new Blob([text], {type: type}));
+    a.download = name;
+    document.body.appendChild(a);
+    a.click();
+    setTimeout(() => { URL.revokeObjectURL(a.href); a.remove(); }, 1000);
+  }
+
+  async function copy(text) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return true;
+    } catch (e) {
+      const t = document.createElement('textarea');
+      t.value = text;
+      document.body.appendChild(t);
+      t.select();
+      let ok = false;
+      try { ok = document.execCommand('copy'); } catch (e2) {}
+      t.remove();
+      return ok;
+    }
+  }
+
+  // ---- citation data (CSL-JSON) ----------------------------------------------------------
+
+  function year(csl) {
+    const d = csl && (csl.issued || csl.published || csl['published-print'] || csl['published-online']);
+    const p = d && d['date-parts'] && d['date-parts'][0];
+    return p && p[0] ? String(p[0]) : '';
+  }
+
+  function dateParts(iso) {
+    const d = iso ? new Date(iso) : null;
+    return d && !isNaN(d) ? {'date-parts': [[d.getFullYear(), d.getMonth() + 1, d.getDate()]]} : undefined;
+  }
+
+  function names(text) {
+    // "Karl Marx, Friedrich Engels" / "Marx, Karl; Engels, Friedrich" → CSL names.
+    const s = String(text || '').trim();
+    if (!s) return [];
+    const parts = s.indexOf(';') >= 0 ? s.split(';') : s.split(/,\s*(?=[^,]+\s)|\s+(?:und|and|&)\s+/);
+    return parts.map(x => x.trim()).filter(Boolean).map(x => {
+      if (x.indexOf(',') > 0) {
+        const p = x.split(',');
+        return {family: p[0].trim(), given: p.slice(1).join(',').trim()};
+      }
+      const w = x.split(/\s+/);
+      return w.length > 1 ? {family: w[w.length - 1], given: w.slice(0, -1).join(' ')} : {literal: x};
+    });
+  }
+
+  function authorsText(csl, short) {
+    const a = (csl && (csl.author || csl.editor)) || [];
+    const n = a.map(x => x.family || x.literal || '').filter(Boolean);
+    if (!n.length) return '';
+    if (short) return n.length > 2 ? n[0] + ' u. a.' : n.join(' & ');
+    return n.length > 4 ? n.slice(0, 3).join(', ') + ' u. a.' : n.join(', ');
+  }
+
+  function cslTitle(csl) {
+    const t = csl && csl.title;
+    return Array.isArray(t) ? (t[0] || '') : (t || '');
+  }
+
+  function container(csl) {
+    const c = csl && csl['container-title'];
+    return Array.isArray(c) ? (c[0] || '') : (c || '');
+  }
+
+  // The citation data of a linked thing, from what diora knows of it.
+  function cslFor(kind, info) {
+    if (kind === 'book') {
+      const csl = {type: 'book', title: info.title || '', author: names(info.author)};
+      if (info.isbn) csl.ISBN = info.isbn;
+      if (info.series) csl['collection-title'] = info.series;
+      if (info.seriesIndex) csl['collection-number'] = String(info.seriesIndex);
+      return csl;
+    }
+    if (kind === 'episode') {
+      // Without hosts named, the podcast stands for them ("Wissenschaft im Brennpunkt (2025)").
+      const who = names(info.author);
+      return {type: 'broadcast', genre: 'Podcast', title: info.title || '', 'container-title': info.podcast || '',
+        author: who.length ? who : (info.podcast ? [{literal: info.podcast}] : []), issued: dateParts(info.date),
+        URL: info.url || undefined};
+    }
+    if (kind === 'article') {
+      return {type: info.news ? 'article-newspaper' : 'post-weblog', title: info.title || '',
+        'container-title': info.source || '', author: names(info.author), issued: dateParts(info.date),
+        URL: info.url || undefined};
+    }
+    return {};
+  }
+
+  // A key for [@key]: family name of the first author, year, first word of the title.
+  function makeKey(csl, taken) {
+    const fold = s => String(s || '').normalize('NFKD').replace(/[̀-ͯ]/g, '')
+      .replace(/ß/g, 'ss').replace(/[^A-Za-z0-9]+/g, '');
+    const a = (csl.author || csl.editor || [])[0];
+    const who = fold(a ? (a.family || a.literal) : '').toLowerCase() || 'anon';
+    const skip = /^(the|a|an|der|die|das|ein|eine|on|of|zur|zum|uber|über)$/i;
+    const word = (cslTitle(csl).split(/\s+/).filter(w => !skip.test(w))[0] || '');
+    let key = who + (year(csl) || 'oj') + fold(word).toLowerCase().slice(0, 12);
+    let n = 0;
+    const base = key;
+    while (taken[key]) key = base + String.fromCharCode(97 + (n++ % 26)) + (n > 26 ? n : '');
+    return key;
+  }
+
+  function takenKeys(exceptId) {
+    const t = {};
+    ((st.open && st.open.items) || []).forEach(i => {
+      if (i.id !== exceptId && i.data && i.data.key) t[i.data.key] = true;
+    });
+    return t;
+  }
+
+  const BIB_TYPE = {'article-journal': 'article', 'paper-conference': 'inproceedings', book: 'book',
+    chapter: 'incollection', thesis: 'phdthesis', report: 'techreport', 'posted-content': 'misc',
+    broadcast: 'misc', 'post-weblog': 'online', 'article-newspaper': 'article', webpage: 'online'};
+
+  function bibtex(items) {
+    const field = (k, v) => v ? '  ' + k + ' = {' + String(v).replace(/[{}]/g, '') + '},\n' : '';
+    return items.map(i => {
+      const c = i.data.csl || {};
+      const people = (c.author || []).map(a => a.literal || ((a.family || '') + (a.given ? ', ' + a.given : ''))).join(' and ');
+      return '@' + (BIB_TYPE[c.type] || 'misc') + '{' + i.data.key + ',\n' +
+        field('author', people) + field('title', cslTitle(c)) +
+        field(c.type === 'article-journal' || c.type === 'article-newspaper' ? 'journal' : 'booktitle', container(c)) +
+        field('year', year(c)) + field('volume', c.volume) + field('number', c.issue) + field('pages', c.page) +
+        field('publisher', c.publisher) + field('series', c['collection-title']) + field('isbn', c.ISBN) +
+        field('doi', c.DOI) + field('url', c.URL) +
+        field('note', i.kind === 'episode' && i.data.position ? 'ab ' + clock(i.data.position) : '') + '}\n';
+    }).join('\n');
+  }
+
+  function cslJson(items) {
+    return JSON.stringify(items.map(i => Object.assign({}, i.data.csl || {}, {id: i.data.key})), null, 2);
+  }
+
+  function clock(sec) {
+    sec = Math.max(0, Math.round(sec || 0));
+    const h = Math.floor(sec / 3600), m = Math.floor(sec / 60) % 60, s = sec % 60;
+    const two = n => (n < 10 ? '0' : '') + n;
+    return (h ? h + ':' + two(m) : m) + ':' + two(s);
+  }
+
+  // ---- Markdown (the notes) ----------------------------------------------------------------
+
+  function inline(s, cite) {
+    s = esc(s);
+    s = s.replace(/`([^`]+)`/g, '<code>$1</code>');
+    s = s.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>').replace(/(^|[^*])\*([^*\s][^*]*)\*/g, '$1<em>$2</em>');
+    s = s.replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/g, '<a href="$2" target="_blank" rel="noopener">$1</a>');
+    s = s.replace(/(^|[\s(])(https?:\/\/[^\s<]+[^\s<.,;)])/g, '$1<a href="$2" target="_blank" rel="noopener">$2</a>');
+    // [@key] and [@key, S. 12]: the source, by author and year.
+    s = s.replace(/\[@([\w:.\-]+)(?:,\s*([^\]]+))?\]/g, (m, key, loc) => {
+      const i = cite ? cite[key] : null;
+      const label = i ? (authorsText(i.data.csl, true) || cslTitle(i.data.csl)) + ' ' + year(i.data.csl) : '@' + key;
+      return '<span class="prj-cite' + (i ? '' : ' prj-cite-missing') + '" data-cite="' + key + '">(' + label.trim() +
+        (loc ? ', ' + loc : '') + ')</span>';
+    });
+    return s;
+  }
+
+  function markdown(text, cite) {
+    const lines = String(text || '').replace(/\r/g, '').split('\n');
+    let out = '', list = null, para = [], quote = [];
+    const flush = () => {
+      if (para.length) { out += '<p>' + inline(para.join(' '), cite) + '</p>'; para = []; }
+      if (quote.length) { out += '<blockquote>' + inline(quote.join(' '), cite) + '</blockquote>'; quote = []; }
+      if (list) { out += '</' + list + '>'; list = null; }
+    };
+    for (const raw of lines) {
+      const line = raw.replace(/\s+$/, '');
+      let m;
+      if (!line.trim()) { flush(); continue; }
+      if ((m = /^(#{1,4})\s+(.*)$/.exec(line))) { flush(); out += '<h' + (m[1].length + 2) + '>' + inline(m[2], cite) + '</h' + (m[1].length + 2) + '>'; continue; }
+      if ((m = /^\s*[-*+]\s+(?:\[( |x)\]\s+)?(.*)$/i.exec(line))) {
+        if (para.length || quote.length || list !== 'ul') { flush(); out += '<ul>'; list = 'ul'; }
+        out += '<li>' + (m[1] ? (m[1] === ' ' ? '☐ ' : '☑ ') : '') + inline(m[2], cite) + '</li>';
+        continue;
+      }
+      if ((m = /^\s*\d+[.)]\s+(.*)$/.exec(line))) {
+        if (para.length || quote.length || list !== 'ol') { flush(); out += '<ol>'; list = 'ol'; }
+        out += '<li>' + inline(m[1], cite) + '</li>';
+        continue;
+      }
+      if ((m = /^>\s?(.*)$/.exec(line))) { if (para.length || list) flush(); quote.push(m[1]); continue; }
+      if (/^(-{3,}|\*{3,})$/.test(line.trim())) { flush(); out += '<hr>'; continue; }
+      if (list) flush();
+      para.push(line.trim());
+    }
+    flush();
+    return out;
+  }
+
+  // ---- loading -----------------------------------------------------------------------------
+
+  async function loadList() {
+    try {
+      const d = await api('/projects/');
+      const list = [];
+      for (const p of d.projects) {
+        list.push({id: p.id, preset: p.preset, archived: p.archived, items: p.items, updated_at: p.updated_at,
+          position: p.position, iv: p.data_iv, data: await open_(p.data_ct, p.data_iv)});
+      }
+      st.list = list;
+      st.links = d.links || [];
+      st.error = '';
+    } catch (e) {
+      if (st.list === null) st.list = [];
+      st.error = navigator.onLine === false ? 'Offline: Projekte brauchen gerade eine Verbindung.' : 'Projekte nicht erreichbar.';
+    }
+    linksChanged();
+  }
+
+  async function openProject(id, keepView) {
+    const d = await api('/projects/' + id + '/');
+    const items = [];
+    for (const i of d.items) items.push(Object.assign({}, i, {iv: i.data_iv, data: await open_(i.data_ct, i.data_iv)}));
+    st.open = {id: d.project.id, preset: d.project.preset, archived: d.project.archived, iv: d.project.data_iv,
+      data: await open_(d.project.data_ct, d.project.data_iv), items: items};
+    if (!keepView) {
+      st.view = 'sources';
+      st.filter = 'all';
+      st.expanded = null;
+      st.note = null;
+      st.adding = null;
+      st.menu = false;
+    }
+    setHash();
+    render();
+  }
+
+  function setHash() {
+    if (solo || !st.open) return;
+    const want = '#projekte/' + st.open.id;
+    if (location.hash !== want && /^#projekte/.test(location.hash || '#projekte')) history.replaceState(null, '', want);
+  }
+
+  // ---- changing ----------------------------------------------------------------------------
+
+  async function addItem(kind, ref, data, projectId) {
+    const pid = projectId || st.open.id;
+    const body = Object.assign({kind: kind}, ref != null ? {ref: ref} : {}, await seal(data));
+    const d = await api('/projects/' + pid + '/items/add/', body);
+    if (!d.existing && ref != null) st.links.push({project: pid, kind: kind, ref: ref});
+    if (st.open && st.open.id === pid && !d.existing) {
+      st.open.items.push(Object.assign({}, d.item, {iv: d.item.data_iv, data: data}));
+    }
+    const p = (st.list || []).filter(x => x.id === pid)[0];
+    if (p && !d.existing) p.items++;
+    linksChanged();
+    return d;
+  }
+
+  // Save an item's data; changed elsewhere since: theirs is kept, ours merged onto it where
+  // that's clear (a note's text: a copy beside it).
+  async function saveItem(item, data) {
+    try {
+      const d = await api('/projects/items/' + item.id + '/', Object.assign({base_iv: item.iv}, await seal(data)));
+      item.iv = d.item.data_iv;
+      item.data = data;
+      return true;
+    } catch (e) {
+      if (!e.stale) throw e;
+      const theirs = e.stale.item;
+      item.iv = theirs.data_iv;
+      item.data = await open_(theirs.data_ct, theirs.data_iv);
+      if (item.kind === 'note') {
+        await addItem('note', null, Object.assign({}, data, {title: (data.title || 'Notiz') + ' (Konflikt)'}));
+        toast('Die Notiz wurde auch anderswo geändert: deine Fassung liegt als Kopie daneben.');
+      } else {
+        toast('Anderswo geändert: die neuere Fassung ist geladen.');
+      }
+      return false;
+    }
+  }
+
+  async function removeItem(item) {
+    await api('/projects/items/' + item.id + '/delete/', {});
+    st.open.items = st.open.items.filter(i => i.id !== item.id);
+    st.links = st.links.filter(l => !(l.project === st.open.id && l.kind === item.kind && l.ref === item.ref));
+    const p = (st.list || []).filter(x => x.id === st.open.id)[0];
+    if (p) p.items = Math.max(0, p.items - 1);
+    linksChanged();
+  }
+
+  async function saveProject(data) {
+    try {
+      const d = await api('/projects/' + st.open.id + '/', Object.assign({base_iv: st.open.iv}, await seal(data)));
+      st.open.iv = d.project.data_iv;
+      st.open.data = data;
+    } catch (e) {
+      if (!e.stale) throw e;
+      st.open.iv = e.stale.project.data_iv;
+      st.open.data = await open_(e.stale.project.data_ct, e.stale.project.data_iv);
+      toast('Anderswo geändert: die neuere Fassung ist geladen.');
+    }
+    const p = (st.list || []).filter(x => x.id === st.open.id)[0];
+    if (p) { p.data = st.open.data; p.iv = st.open.iv; }
+  }
+
+  async function createProject(preset, name, description) {
+    const d = await api('/projects/create/', Object.assign({preset: preset}, await seal({name: name, description: description || ''})));
+    await loadList();
+    await openProject(d.project.id);
+  }
+
+  // ---- linking from elsewhere ----------------------------------------------------------------
+
+  const linkListeners = [];
+  function linksChanged() {
+    linkListeners.slice().forEach(fn => { try { fn(); } catch (e) {} });
+  }
+
+  // What diora knows of a book (its meta is on this device only).
+  function bookInfo(id) {
+    const m = (typeof bookMetaCache !== 'undefined' && bookMetaCache[id]) || {};
+    return {title: m.title || ('Buch #' + id), author: m.author || '', isbn: m.isbn || '', series: m.series || '',
+      seriesIndex: m.seriesIndex || '', type: m.type || ''};
+  }
+
+  function snapshot(kind, ref, info) {
+    info = info || {};
+    if (kind === 'book') info = Object.assign(bookInfo(ref), info);
+    const csl = cslFor(kind, info);
+    const data = {csl: csl, note: ''};
+    if (kind === 'episode') {
+      data.podcast = info.podcast || '';
+      data.feed = info.feed || null;
+      if (info.position > 5) data.position = Math.round(info.position);
+    }
+    if (kind === 'book') data.type = info.type;
+    return data;
+  }
+
+  let picker = null;
+  function closePicker() {
+    if (picker) { picker.remove(); picker = null; }
+  }
+
+  // The sheet "Mit Projekt verknüpfen": the projects, where it is already ticked.
+  async function link(kind, ref, info) {
+    if (!SOURCE_KINDS.some(k => k === kind)) return;
+    if (st.list === null) await loadList();
+    closePicker();
+    picker = document.createElement('div');
+    picker.className = 'prj-picker';
+    const projects = (st.list || []).filter(p => !p.archived && p.data);
+    const inIt = id => st.links.some(l => l.project === id && l.kind === kind && l.ref === Number(ref));
+    picker.innerHTML = '<div class="prj-picker-box" role="dialog" aria-label="Mit Projekt verknüpfen">' +
+      '<div class="prj-picker-h">Mit Projekt verknüpfen</div>' +
+      (info && info.title ? '<div class="prj-picker-what">' + esc(info.title) +
+        (info.position > 5 ? ' · ab ' + clock(info.position) : '') + '</div>' : '') +
+      projects.map(p => '<button type="button" class="prj-picker-p" data-pick="' + p.id + '"' + (inIt(p.id) ? ' disabled' : '') + '>' +
+        '<span>' + esc(nameOf(p)) + '</span><span class="prj-muted">' + (inIt(p.id) ? '✓ verknüpft' : esc(PRESETS[p.preset] ? PRESETS[p.preset].label : '')) +
+        '</span></button>').join('') +
+      (projects.length ? '' : '<p class="prj-muted">Noch kein Projekt.</p>') +
+      '<button type="button" class="prj-picker-p prj-picker-new" data-pick="new">＋ Neues Projekt …</button>' +
+      '<button type="button" class="prj-btn prj-picker-close" data-pick="close">Schließen</button></div>';
+    document.body.appendChild(picker);
+    picker.addEventListener('click', async e => {
+      if (e.target === picker) { closePicker(); return; }
+      const b = e.target.closest('[data-pick]');
+      if (!b || b.disabled) return;
+      const what = b.dataset.pick;
+      if (what === 'close') { closePicker(); return; }
+      if (what === 'new') {
+        closePicker();
+        st.creating = {preset: 'research', then: {kind: kind, ref: ref, info: info}};
+        st.open = null;
+        go('projekte');
+        render();
+        return;
+      }
+      b.disabled = true;
+      try {
+        const pid = Number(what);
+        const data = snapshot(kind, Number(ref), info);
+        await keyed(data, pid);
+        const d = await addItem(kind, Number(ref), data, pid);
+        const p = st.list.filter(x => x.id === pid)[0];
+        toast(d.existing ? 'Schon in ' + nameOf(p) : 'Mit ' + nameOf(p) + ' verknüpft');
+        closePicker();
+        if (st.open && st.open.id === pid) render();
+      } catch (err) {
+        b.disabled = false;
+        toast('Verknüpfen ging nicht: ' + err.message);
+      }
+    });
+  }
+
+  // A citation key, unique in the project (its items loaded for that when it isn't open).
+  async function keyed(data, pid) {
+    let taken = {};
+    if (st.open && st.open.id === pid) taken = takenKeys();
+    else {
+      try {
+        const d = await api('/projects/' + pid + '/');
+        for (const i of d.items) {
+          const x = await open_(i.data_ct, i.data_iv);
+          if (x && x.key) taken[x.key] = true;
+        }
+      } catch (e) {}
+    }
+    data.key = makeKey(data.csl || {}, taken);
+    return data;
+  }
+
+  // ---- adding sources inside a project ------------------------------------------------------------
+
+  const looksLikeDoi = q => /10\.\d{4,9}\/\S+|arxiv\.org\/(abs|pdf)\/|^(arxiv:)?\d{4}\.\d{4,5}(v\d+)?$/i.test(q.trim());
+
+  async function findToAdd(q) {
+    q = q.trim();
+    st.adding = {q: q, loading: true, error: '', doi: null, found: []};
+    render();
+    try {
+      if (looksLikeDoi(q)) {
+        const d = await api('/projects/doi/?q=' + encodeURIComponent(q));
+        st.adding.doi = d;
+      } else {
+        const found = [];
+        const qw = q.toLowerCase().split(/\s+/).filter(Boolean);
+        const has = t => { t = String(t || '').toLowerCase(); return qw.every(w => t.indexOf(w) >= 0); };
+        const books = typeof _lastBookListData !== 'undefined' && _lastBookListData && _lastBookListData.length
+          ? _lastBookListData : Object.keys(typeof bookMetaCache !== 'undefined' ? bookMetaCache : {}).map(id =>
+            Object.assign({id: Number(id)}, bookMetaCache[id]));
+        books.filter(b => has(b.title + ' ' + b.author + ' ' + (b.series || ''))).slice(0, 8).forEach(b =>
+          found.push({kind: 'book', ref: b.id, title: b.title, sub: b.author || '', info: {}}));
+        if (q.length >= 2) {
+          const s = await api('/search/?q=' + encodeURIComponent(q));
+          (s.episodes || []).slice(0, 8).forEach(e => found.push({kind: 'episode', ref: e.id, title: e.title,
+            sub: e.feed__title || '', info: episodeInfo(e)}));
+          (s.articles || []).slice(0, 8).forEach(a => found.push({kind: 'article', ref: a.id, title: a.title,
+            sub: a.source || '', info: {title: a.title, source: a.source, author: a.author, date: a.published, news: a.kind === 'news'}}));
+        }
+        st.adding.found = found;
+      }
+    } catch (e) {
+      st.adding.error = e.message;
+    }
+    st.adding.loading = false;
+    render();
+  }
+
+  function episodeInfo(e) {
+    return {title: e.title, podcast: e.feed__title || '', author: e.author || e.feed__author || '', date: e.pub_date,
+      url: e.link || e.audio_url || '', feed: e.feed__id};
+  }
+
+  // ---- drawing -------------------------------------------------------------------------------
+
+  function render() {
+    if (!tab.querySelector('.prj')) tab.innerHTML = '<div class="prj"></div>';
+    const root = tab.querySelector('.prj');
+    const focus = document.activeElement && root.contains(document.activeElement) ? document.activeElement : null;
+    const keep = focus && focus.dataset && focus.dataset.keep;
+    const sel = keep && typeof focus.selectionStart === 'number' ? [focus.selectionStart, focus.selectionEnd] : null;
+    root.innerHTML = st.creating ? createHtml() : st.open ? projectHtml() : listHtml();
+    if (keep) {
+      const again = root.querySelector('[data-keep="' + keep + '"]');
+      if (again) {
+        again.focus();
+        if (sel) try { again.setSelectionRange(sel[0], sel[1]); } catch (e) {}
+      }
+    }
+  }
+
+  function listHtml() {
+    let h = '<h2 class="prj-h1">Projekte</h2>';
+    if (st.list === null) return h + '<p class="prj-muted">Lädt …</p>';
+    if (st.error) h += '<p class="prj-muted">' + esc(st.error) + '</p>';
+    const active = st.list.filter(p => !p.archived);
+    const archived = st.list.filter(p => p.archived);
+    const card = p => '<button type="button" class="prj-card" data-open-project="' + p.id + '">' +
+      '<span class="prj-card-preset">' + esc(PRESETS[p.preset] ? PRESETS[p.preset].label : p.preset) + '</span>' +
+      '<span class="prj-card-name">' + esc(nameOf(p)) + '</span>' +
+      (p.data && p.data.description ? '<span class="prj-card-desc">' + esc(p.data.description) + '</span>' : '') +
+      '<span class="prj-muted">' + (p.items === 1 ? '1 Eintrag' : p.items + ' Einträge') + '</span></button>';
+    h += '<div class="prj-cards">' + active.map(card).join('') +
+      '<button type="button" class="prj-card prj-card-new" data-act="new"><span class="prj-card-plus">＋</span>' +
+      '<span class="prj-card-name">Neues Projekt</span></button></div>';
+    if (archived.length) {
+      h += '<details class="prj-archived"><summary>Archiviert (' + archived.length + ')</summary><div class="prj-cards">' +
+        archived.map(card).join('') + '</div></details>';
+    }
+    return h;
+  }
+
+  function createHtml() {
+    const c = st.creating;
+    let h = '<button type="button" class="prj-back" data-act="cancel-new">‹ Projekte</button>';
+    h += '<h2 class="prj-h1">Neues Projekt</h2><div class="prj-presets">';
+    Object.keys(PRESETS).forEach(id => {
+      h += '<button type="button" class="prj-preset' + (c.preset === id ? ' on' : '') + '" data-preset="' + id + '">' +
+        '<span class="prj-preset-name">' + esc(PRESETS[id].label) + '</span><span class="prj-muted">' + esc(PRESETS[id].hint) + '</span></button>';
+    });
+    h += '<div class="prj-preset prj-preset-soon"><span class="prj-preset-name">Weitere Vorlagen</span>' +
+      '<span class="prj-muted">Lesekreis, Lernplan, Hörbuch … folgen.</span></div></div>';
+    h += '<form class="prj-form" data-form="create"><label>Name<input name="name" required maxlength="120" data-keep="new-name" autocomplete="off"></label>' +
+      '<label>Worum es geht (optional)<textarea name="description" rows="2" maxlength="600"></textarea></label>' +
+      '<button type="submit" class="prj-btn prj-primary">Anlegen</button></form>';
+    return h;
+  }
+
+  function sources() {
+    return st.open.items.filter(i => i.kind !== 'note');
+  }
+
+  function notes() {
+    return st.open.items.filter(i => i.kind === 'note');
+  }
+
+  function projectHtml() {
+    const p = st.open;
+    const preset = PRESETS[p.preset] || PRESETS.research;
+    let h = solo ? '' : '<button type="button" class="prj-back" data-act="back">‹ Projekte</button>';
+    h += '<div class="prj-head"><div><span class="prj-card-preset">' + esc(preset.label) + '</span>' +
+      '<h2 class="prj-h1">' + esc(p.data ? p.data.name : 'Nicht lesbar') + '</h2>' +
+      (p.data && p.data.description ? '<p class="prj-muted prj-desc">' + esc(p.data.description) + '</p>' : '') +
+      '</div><button type="button" class="prj-icon" data-act="menu" aria-label="Projekt-Menü">⋯</button></div>';
+    if (st.menu) {
+      h += '<div class="prj-menu">' +
+        (window.dioraDesktop && window.dioraDesktop.openWindow && !solo
+          ? '<button type="button" class="prj-btn" data-act="window">In neuem Fenster öffnen</button>' : '') +
+        '<button type="button" class="prj-btn" data-act="rename">Umbenennen …</button>' +
+        '<button type="button" class="prj-btn" data-act="archive">' + (p.archived ? 'Aus dem Archiv holen' : 'Archivieren') + '</button>' +
+        '<button type="button" class="prj-btn prj-danger" data-act="delete">Löschen …</button></div>';
+    }
+    h += '<div class="prj-tabs">' + preset.tabs.map(t => '<button type="button" class="prj-tab' + (st.view === t[0] ? ' on' : '') +
+      '" data-view="' + t[0] + '">' + esc(t[1]) + '<span class="prj-count">' +
+      (t[0] === 'sources' ? sources().length : notes().length) + '</span></button>').join('') + '</div>';
+    h += st.view === 'notes' ? notesHtml() : sourcesHtml();
+    return h;
+  }
+
+  function sourceMeta(i) {
+    const c = (i.data && i.data.csl) || {};
+    const bits = [authorsText(c), year(c), container(c) || (i.data && i.data.podcast) || ''];
+    if (i.kind === 'episode' && i.data.position) bits.push('ab ' + clock(i.data.position));
+    return bits.filter(Boolean).map(esc).join(' · ');
+  }
+
+  function sourcesHtml() {
+    const all = sources();
+    const a = st.adding;
+    let h = '<form class="prj-add" data-form="add"><input name="q" placeholder="DOI, arXiv-Link oder Titel aus deiner Bibliothek …" ' +
+      'autocomplete="off" data-keep="add-q" value="' + esc(a ? a.q : '') + '"><button type="submit" class="prj-btn prj-primary">Suchen</button></form>';
+    if (a) {
+      h += '<div class="prj-found">';
+      if (a.loading) h += '<p class="prj-muted">Sucht …</p>';
+      else if (a.error) h += '<p class="prj-muted">' + esc(a.error) + '</p>';
+      else if (a.doi) {
+        const c = a.doi.csl;
+        h += '<div class="prj-cand"><span class="prj-kind">Paper</span><div class="prj-text"><b>' + esc(cslTitle(c)) + '</b>' +
+          '<span class="prj-muted">' + esc([authorsText(c), year(c), container(c)].filter(Boolean).join(' · ')) + '</span></div>' +
+          '<button type="button" class="prj-btn prj-primary" data-add-doi="1">Hinzufügen</button></div>';
+      } else if (!a.found.length) h += '<p class="prj-muted">Nichts gefunden. Eine DOI oder ein arXiv-Link findet jedes Paper.</p>';
+      else {
+        const linked = (kind, ref) => all.some(i => i.kind === kind && i.ref === ref);
+        h += a.found.map((f, n) => '<div class="prj-cand"><span class="prj-kind">' + esc(KIND[f.kind].label) + '</span>' +
+          '<div class="prj-text"><b>' + esc(f.title) + '</b><span class="prj-muted">' + esc(f.sub) + '</span></div>' +
+          (linked(f.kind, f.ref) ? '<span class="prj-muted">✓</span>'
+            : '<button type="button" class="prj-btn" data-add-found="' + n + '">＋</button>') + '</div>').join('');
+      }
+      h += '<button type="button" class="prj-link" data-act="close-add">Schließen</button></div>';
+    }
+    if (!all.length) {
+      return h + '<p class="prj-muted prj-empty">Noch keine Quellen. Füge oben ein Paper per DOI hinzu, oder verknüpfe ein Buch, ' +
+        'eine Folge oder einen Artikel über ihr Menü: „Mit Projekt verknüpfen“.</p>';
+    }
+    const counts = {};
+    all.forEach(i => { counts[i.kind] = (counts[i.kind] || 0) + 1; });
+    h += '<div class="prj-chips"><button type="button" class="prj-chip' + (st.filter === 'all' ? ' on' : '') + '" data-filter="all">Alle ' + all.length + '</button>' +
+      SOURCE_KINDS.filter(k => counts[k]).map(k => '<button type="button" class="prj-chip' + (st.filter === k ? ' on' : '') +
+        '" data-filter="' + k + '">' + KIND[k].many + ' ' + counts[k] + '</button>').join('') +
+      '<span class="prj-spacer"></span><button type="button" class="prj-chip" data-export="bib">BibTeX</button>' +
+      '<button type="button" class="prj-chip" data-export="csl">CSL-JSON</button></div>';
+    const shown = all.filter(i => st.filter === 'all' || i.kind === st.filter).sort((x, y) =>
+      (authorsText(x.data && x.data.csl) || cslTitle(x.data && x.data.csl)).localeCompare(
+        authorsText(y.data && y.data.csl) || cslTitle(y.data && y.data.csl), 'de'));
+    h += shown.map(i => {
+      if (!i.data) return '<div class="prj-row"><span class="prj-muted">Nicht lesbar (anderer Schlüssel)</span></div>';
+      const open = st.expanded === i.id;
+      return '<div class="prj-row' + (open ? ' open' : '') + '"><button type="button" class="prj-main" data-expand="' + i.id + '">' +
+        '<span class="prj-glyph">' + KIND[i.kind].glyph + '</span><span class="prj-text"><span class="prj-title">' +
+        esc(cslTitle(i.data.csl) || '?') + '</span><span class="prj-muted">' + sourceMeta(i) + '</span>' +
+        (i.data.note && !open ? '<span class="prj-note-line">' + esc(i.data.note) + '</span>' : '') + '</span>' +
+        '<code class="prj-key">' + esc(i.data.key || '') + '</code></button>' +
+        (open ? sourceActionsHtml(i) : '') + '</div>';
+    }).join('');
+    return h;
+  }
+
+  function sourceActionsHtml(i) {
+    const c = i.data.csl || {};
+    return '<div class="prj-actions">' +
+      '<label class="prj-field">Notiz<textarea data-note-of="' + i.id + '" data-keep="note-of-' + i.id + '" rows="3" ' +
+      'placeholder="Warum diese Quelle, was steht drin …">' + esc(i.data.note || '') + '</textarea></label>' +
+      '<label class="prj-field">Zitierschlüssel<input data-key-of="' + i.id + '" data-keep="key-of-' + i.id + '" value="' + esc(i.data.key || '') + '"></label>' +
+      '<div>' + (i.kind !== 'paper' || c.URL || c.DOI ? '<button type="button" class="prj-btn prj-primary" data-go="' + i.id + '">Öffnen</button>' : '') +
+      '<button type="button" class="prj-btn" data-cite-copy="' + i.id + '">[@' + esc(i.data.key || '') + '] kopieren</button>' +
+      '<button type="button" class="prj-btn prj-danger" data-remove="' + i.id + '">Entfernen</button></div></div>';
+  }
+
+  function notesHtml() {
+    if (st.note != null) return noteEditorHtml();
+    const list = notes().filter(n => n.data).sort((a, b) => String(b.updated_at).localeCompare(String(a.updated_at)));
+    let h = '<div class="prj-chips"><button type="button" class="prj-btn prj-primary" data-act="new-note">＋ Notiz</button></div>';
+    if (!list.length) return h + '<p class="prj-muted prj-empty">Noch keine Notizen.</p>';
+    const groups = {};
+    const order = [];
+    list.forEach(n => {
+      const g = n.data.folder || 'Notizen';
+      if (!groups[g]) { groups[g] = []; order.push(g); }
+      groups[g].push(n);
+    });
+    order.sort((a, b) => (a === 'Notizen' ? -1 : b === 'Notizen' ? 1 : a.localeCompare(b, 'de')));
+    order.forEach(g => {
+      h += '<h3 class="prj-h3">' + esc(g) + '<span class="prj-count">' + groups[g].length + '</span></h3>';
+      h += groups[g].map(n => '<button type="button" class="prj-note" data-open-note="' + n.id + '">' +
+        '<span class="prj-title">' + esc(n.data.title || 'Ohne Titel') + '</span>' +
+        '<span class="prj-muted">' + esc(firstLine(n.data.body)) + '</span></button>').join('');
+    });
+    return h;
+  }
+
+  function firstLine(body) {
+    const l = String(body || '').split('\n').map(x => x.replace(/^[#>*\-\s]+/, '').trim()).filter(Boolean);
+    return (l[0] || '').slice(0, 140);
+  }
+
+  function citeIndex() {
+    const idx = {};
+    sources().forEach(i => { if (i.data && i.data.key) idx[i.data.key] = i; });
+    return idx;
+  }
+
+  function noteEditorHtml() {
+    const n = st.note === 'new' ? null : st.open.items.filter(i => i.id === st.note)[0];
+    const d = (n && n.data) || draft;
+    let h = '<div class="prj-note-head"><button type="button" class="prj-back" data-act="close-note">‹ Notizen</button>' +
+      '<span class="prj-muted prj-saved">' + esc(saveState) + '</span>' +
+      '<button type="button" class="prj-chip' + (st.preview ? ' on' : '') + '" data-act="preview">' + (st.preview ? 'Bearbeiten' : 'Ansehen') + '</button></div>';
+    h += '<input class="prj-note-title" data-note-title data-keep="note-title" placeholder="Titel" value="' + esc(d.title || '') + '">';
+    if (st.preview) {
+      h += '<div class="prj-md">' + markdown(d.body, citeIndex()) + '</div>';
+      const cited = {};
+      String(d.body || '').replace(/\[@([\w:.\-]+)/g, (m, k) => { cited[k] = true; return m; });
+      const idx = citeIndex();
+      const refs = Object.keys(cited).map(k => idx[k]).filter(Boolean);
+      if (refs.length) {
+        h += '<h3 class="prj-h3">Literatur</h3><ol class="prj-refs">' + refs.sort((a, b) =>
+          (authorsText(a.data.csl) || '').localeCompare(authorsText(b.data.csl) || '', 'de')).map(i =>
+          '<li>' + esc(reference(i)) + '</li>').join('') + '</ol>';
+      }
+    } else {
+      h += '<textarea class="prj-note-body" data-note-body data-keep="note-body" placeholder="Markdown: # Überschrift, - Liste, **fett**, [@schlüssel] zitiert eine Quelle">' +
+        esc(d.body || '') + '</textarea>';
+      h += '<div class="prj-muted prj-hint">Zitieren: [@' + esc((sources()[0] && sources()[0].data && sources()[0].data.key) || 'schlüssel') +
+        '] oder [@schlüssel, S. 12]</div>';
+    }
+    if (n) h += '<button type="button" class="prj-link prj-danger" data-act="delete-note">Notiz löschen</button>';
+    return h;
+  }
+
+  // A reference in the list (author-year, close to APA).
+  function reference(i) {
+    const c = i.data.csl || {};
+    const parts = [authorsText(c) || cslTitle(c), year(c) ? '(' + year(c) + ')' : '', cslTitle(c) && authorsText(c) ? cslTitle(c) + '.' : ''];
+    const where = [container(c), c.volume ? c.volume + (c.issue ? '(' + c.issue + ')' : '') : '', c.page].filter(Boolean).join(', ');
+    if (where) parts.push(where + '.');
+    if (c.publisher && !container(c)) parts.push(c.publisher + '.');
+    if (c.DOI) parts.push('https://doi.org/' + c.DOI);
+    else if (c.URL) parts.push(c.URL);
+    return parts.filter(Boolean).join(' ');
+  }
+
+  // ---- the note editor's saving ------------------------------------------------------------------
+
+  let draft = {title: '', body: ''};
+  let saveState = '';
+  let saveTimer = 0;
+  let saving = Promise.resolve();
+
+  function noteChanged(field, value) {
+    const n = st.note === 'new' ? null : st.open.items.filter(i => i.id === st.note)[0];
+    const d = Object.assign({}, (n && n.data) || draft);
+    d[field] = value;
+    if (n) n.data = d; else draft = d;
+    saveState = 'nicht gespeichert';
+    const label = tab.querySelector('.prj-saved');
+    if (label) label.textContent = saveState;
+    clearTimeout(saveTimer);
+    saveTimer = setTimeout(saveNote, 900);
+  }
+
+  function saveNote() {
+    clearTimeout(saveTimer);
+    saving = saving.then(async () => {
+      if (!st.open || st.note == null || saveState !== 'nicht gespeichert') return;
+      const label = () => tab.querySelector('.prj-saved');
+      try {
+        if (st.note === 'new') {
+          if (!draft.title && !draft.body) return;
+          const data = Object.assign({folder: 'Notizen'}, draft);
+          const d = await addItem('note', null, data);
+          st.note = d.item.id;
+          draft = {title: '', body: ''};
+        } else {
+          const n = st.open.items.filter(i => i.id === st.note)[0];
+          if (n) {
+            const pending = n.data;
+            const ok = await saveItem(n, pending);
+            if (!ok) render();
+          }
+        }
+        saveState = 'gespeichert';
+      } catch (e) {
+        saveState = 'nicht gespeichert (' + e.message + ')';
+      }
+      if (label()) label().textContent = saveState;
+    });
+    return saving;
+  }
+
+  // ---- events --------------------------------------------------------------------------------------
+
+  function itemById(id) {
+    return st.open ? st.open.items.filter(i => i.id === Number(id))[0] : null;
+  }
+
+  function openSource(i) {
+    if (i.kind === 'book') {
+      if (typeof openBook === 'function') openBook(i.ref);
+    } else if (i.kind === 'episode') {
+      const row = {id: i.ref, feed__id: i.data.feed, title: cslTitle(i.data.csl), feed__title: i.data.podcast};
+      if (window.__dioraPodcastOpenEpisode && window.__dioraPodcastOpenEpisode(row)) return;
+      if (i.data.feed && window.__dioraPodcastOpenFeed) window.__dioraPodcastOpenFeed(i.data.feed);
+    } else if (i.kind === 'article') {
+      if (window.__dioraFeedsOpenItem) window.__dioraFeedsOpenItem(i.ref);
+    } else {
+      const c = i.data.csl || {};
+      const url = c.DOI ? 'https://doi.org/' + c.DOI : c.URL;
+      if (url) window.open(url, '_blank', 'noopener');
+    }
+  }
+
+  tab.addEventListener('click', async e => {
+    const t = e.target.closest('button, [data-cite]');
+    if (!t) return;
+    const ds = t.dataset;
+    try {
+      if (ds.openProject) { await openProject(Number(ds.openProject)); return; }
+      if (ds.preset) { st.creating.preset = ds.preset; render(); return; }
+      if (ds.view) { await saveNote(); st.view = ds.view; st.note = null; render(); return; }
+      if (ds.filter) { st.filter = ds.filter; render(); return; }
+      if (ds.expand) { st.expanded = st.expanded === Number(ds.expand) ? null : Number(ds.expand); render(); return; }
+      if (ds.go) { const i = itemById(ds.go); if (i) openSource(i); return; }
+      if (ds.citeCopy) {
+        const i = itemById(ds.citeCopy);
+        if (i && await copy('[@' + i.data.key + ']')) toast('Kopiert');
+        return;
+      }
+      if (ds.remove) {
+        const i = itemById(ds.remove);
+        if (i && confirm('„' + cslTitle(i.data.csl) + '“ aus dem Projekt entfernen?')) { await removeItem(i); render(); }
+        return;
+      }
+      if (ds.export) {
+        const items = sources().filter(i => i.data && (st.filter === 'all' || i.kind === st.filter));
+        const base = (nameOf(st.open) || 'projekt').replace(/[^\w\-]+/g, '_');
+        if (ds.export === 'bib') download(base + '.bib', bibtex(items), 'application/x-bibtex');
+        else download(base + '.json', cslJson(items), 'application/json');
+        return;
+      }
+      if (ds.addFound != null) {
+        const f = st.adding.found[Number(ds.addFound)];
+        const data = snapshot(f.kind, f.ref, Object.assign({title: f.title}, f.info));
+        await keyed(data, st.open.id);
+        await addItem(f.kind, f.ref, data);
+        toast('Hinzugefügt');
+        render();
+        return;
+      }
+      if (ds.addDoi) {
+        const csl = st.adding.doi.csl;
+        const data = {csl: csl, note: '', doi: st.adding.doi.doi};
+        await keyed(data, st.open.id);
+        await addItem('paper', null, data);
+        st.adding = null;
+        toast('Paper hinzugefügt');
+        render();
+        return;
+      }
+      if (ds.openNote) { st.note = Number(ds.openNote); st.preview = true; saveState = ''; render(); return; }
+      if (ds.cite) {
+        const i = citeIndex()[ds.cite];
+        if (i) { st.view = 'sources'; st.note = null; st.expanded = i.id; render(); }
+        return;
+      }
+      switch (ds.act) {
+        case 'new': st.creating = {preset: 'research'}; render(); return;
+        case 'cancel-new': st.creating = null; render(); return;
+        case 'back': await saveNote(); st.open = null; st.menu = false; history.replaceState(null, '', '#projekte'); render(); loadList().then(render); return;
+        case 'menu': st.menu = !st.menu; render(); return;
+        case 'window': st.menu = false; render(); window.dioraDesktop.openWindow('project', st.open.id); return;
+        case 'rename': {
+          const name = prompt('Name des Projekts', st.open.data ? st.open.data.name : '');
+          if (name && name.trim()) await saveProject(Object.assign({}, st.open.data || {}, {name: name.trim()}));
+          st.menu = false;
+          render();
+          return;
+        }
+        case 'archive':
+          await api('/projects/' + st.open.id + '/', {archived: !st.open.archived});
+          st.open.archived = !st.open.archived;
+          st.menu = false;
+          await loadList();
+          render();
+          return;
+        case 'delete':
+          if (!confirm('„' + nameOf(st.open) + '“ mit allen Quellen und Notizen löschen? Das lässt sich nicht rückgängig machen.')) return;
+          await api('/projects/' + st.open.id + '/delete/', {});
+          st.open = null;
+          await loadList();
+          render();
+          if (solo) window.close();
+          return;
+        case 'close-add': st.adding = null; render(); return;
+        case 'new-note': draft = {title: '', body: ''}; st.note = 'new'; st.preview = false; saveState = ''; render(); return;
+        case 'close-note': await saveNote(); st.note = null; render(); return;
+        case 'preview': await saveNote(); st.preview = !st.preview; render(); return;
+        case 'delete-note': {
+          const n = itemById(st.note);
+          if (n && confirm('Notiz „' + (n.data.title || 'Ohne Titel') + '“ löschen?')) {
+            await removeItem(n);
+            st.note = null;
+            render();
+          }
+          return;
+        }
+      }
+    } catch (err) {
+      toast(err.message === 'stale' ? 'Anderswo geändert, bitte noch einmal.' : 'Ging nicht: ' + err.message);
+    }
+  });
+
+  tab.addEventListener('submit', async e => {
+    e.preventDefault();
+    const f = e.target;
+    if (f.dataset.form === 'add') {
+      const q = f.q.value.trim();
+      if (q) findToAdd(q);
+    } else if (f.dataset.form === 'create') {
+      const name = f.name.value.trim();
+      if (!name) return;
+      const btn = f.querySelector('button[type="submit"]');
+      btn.disabled = true;
+      try {
+        const then = st.creating.then;
+        const preset = st.creating.preset;
+        st.creating = null;
+        await createProject(preset, name, f.description.value.trim());
+        if (then) {
+          const data = snapshot(then.kind, Number(then.ref), then.info);
+          await keyed(data, st.open.id);
+          await addItem(then.kind, Number(then.ref), data);
+          toast('Mit ' + name + ' verknüpft');
+          render();
+        }
+      } catch (err) {
+        btn.disabled = false;
+        toast('Anlegen ging nicht: ' + err.message);
+      }
+    }
+  });
+
+  tab.addEventListener('input', e => {
+    const t = e.target;
+    if (t.matches('[data-note-body]')) noteChanged('body', t.value);
+    else if (t.matches('[data-note-title]')) noteChanged('title', t.value);
+  });
+
+  // A source's note and key: saved when the field is left.
+  tab.addEventListener('change', async e => {
+    const t = e.target;
+    const id = t.dataset.noteOf || t.dataset.keyOf;
+    if (!id) return;
+    const i = itemById(id);
+    if (!i) return;
+    const data = Object.assign({}, i.data);
+    if (t.dataset.noteOf) data.note = t.value;
+    else {
+      const key = t.value.trim().replace(/[^\w:.\-]+/g, '');
+      if (!key || takenKeys(i.id)[key]) { toast('Diesen Schlüssel gibt es schon.'); t.value = i.data.key; return; }
+      data.key = key;
+    }
+    try {
+      await saveItem(i, data);
+      toast('Gespeichert');
+    } catch (err) {
+      toast('Speichern ging nicht: ' + err.message);
+    }
+  });
+
+  // ---- showing ---------------------------------------------------------------------------------------
+
+  async function show() {
+    render();
+    await loadList();
+    const m = solo ? [0, solo[1]] : /^#projekte\/(\d+)/.exec(location.hash || '');
+    if (m && (!st.open || st.open.id !== Number(m[1]))) {
+      try { await openProject(Number(m[1])); return; } catch (e) {}
+    }
+    if (st.open) {
+      try { await openProject(st.open.id, true); return; } catch (e) { st.open = null; }
+    }
+    render();
+  }
+
+  const showTab = window.showTab;
+  if (typeof showTab === 'function') {
+    window.showTab = function (name) {
+      const r = showTab.apply(this, arguments);
+      if (name === 'projekte') show();
+      else saveNote();
+      return r;
+    };
+  }
+  window.addEventListener('beforeunload', () => { if (saveState === 'nicht gespeichert') saveNote(); });
+  if (solo) {
+    document.title = 'Projekt · diora';
+    if (typeof showTab === 'function') showTab('projekte');
+  } else if (tab.style.display !== 'none') show();
+
+  window.DioraProjects = {
+    // "Mit Projekt verknüpfen": kind 'book' | 'episode' | 'article', ref its id, info what's
+    // known of it ({title, author, podcast, date, url, position (s), feed, source, news}).
+    link: link,
+    // The projects a thing is in: [{id, name}] (after the first load; onChange tells).
+    of(kind, ref) {
+      const ids = st.links.filter(l => l.kind === kind && l.ref === Number(ref)).map(l => l.project);
+      return (st.list || []).filter(p => ids.indexOf(p.id) >= 0).map(p => ({id: p.id, name: nameOf(p)}));
+    },
+    open(id) {
+      go('projekte');
+      openProject(Number(id)).catch(() => {});
+    },
+    onChange(fn) { if (typeof fn === 'function') linkListeners.push(fn); },
+    load: loadList,
+  };
+  // The links for the sheets ("in Projekt …"), once the page has settled.
+  if (typeof IS_AUTHENTICATED === 'undefined' || IS_AUTHENTICATED) setTimeout(() => { if (st.list === null) loadList(); }, 4000);
+
+  // ---- styles --------------------------------------------------------------------------------------
+
+  const style = document.createElement('style');
+  style.textContent = [
+    '#tab-projekte .prj { max-width: 820px; margin: 0 auto; padding-bottom: 32px; }',
+    '#tab-projekte .prj-h1 { font-size: 20px; margin: 4px 0 12px; }',
+    '#tab-projekte .prj-h3 { display: flex; gap: 8px; align-items: baseline; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted, #9a9a9a); margin: 18px 0 4px; }',
+    '#tab-projekte .prj-muted { color: var(--muted, #9a9a9a); font-size: 12px; }',
+    '#tab-projekte .prj-count { color: var(--muted, #9a9a9a); font-size: 12px; margin-left: 6px; font-weight: 400; letter-spacing: 0; }',
+    '#tab-projekte .prj-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }',
+    '#tab-projekte .prj-card { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; min-height: 120px; padding: 14px; border-radius: 10px; border: 1px solid var(--border, #2a2a2a); background: var(--card, #0b0b0b); color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+    '#tab-projekte .prj-card:hover { border-color: var(--border-strong, #444); }',
+    '#tab-projekte .prj-card-preset { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--accent, #e63946); }',
+    '#tab-projekte .prj-card-name { font-size: 17px; font-weight: 700; }',
+    '#tab-projekte .prj-card-desc { font-size: 13px; color: var(--muted, #9a9a9a); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }',
+    '#tab-projekte .prj-card-new { align-items: center; justify-content: center; border-style: dashed; }',
+    '#tab-projekte .prj-card-plus { font-size: 28px; line-height: 1; }',
+    '#tab-projekte .prj-archived { margin-top: 20px; }',
+    '#tab-projekte .prj-archived summary { cursor: pointer; color: var(--muted, #9a9a9a); font-size: 13px; padding: 6px 0; }',
+    '#tab-projekte .prj-back, #tab-projekte .prj-link { background: none; border: none; color: var(--accent, #e63946); font: inherit; font-size: 14px; cursor: pointer; padding: 6px 0; }',
+    '#tab-projekte .prj-head { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }',
+    '#tab-projekte .prj-head .prj-h1 { margin: 2px 0 4px; }',
+    '#tab-projekte .prj-desc { font-size: 13px; margin: 0 0 6px; }',
+    '#tab-projekte .prj-icon { width: 40px; height: 40px; flex: none; border-radius: 20px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font-size: 18px; cursor: pointer; }',
+    '#tab-projekte .prj-menu { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 8px; }',
+    '#tab-projekte .prj-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--border, #2a2a2a); margin: 10px 0 12px; }',
+    '#tab-projekte .prj-tab { padding: 10px 14px; background: none; border: none; border-bottom: 2px solid transparent; color: inherit; font: inherit; font-size: 15px; cursor: pointer; }',
+    '#tab-projekte .prj-tab.on { border-bottom-color: var(--accent, #e63946); font-weight: 700; }',
+    '#tab-projekte .prj-btn { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; border-radius: 19px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; font-size: 14px; cursor: pointer; margin: 4px 6px 0 0; }',
+    '#tab-projekte .prj-primary { background: var(--accent, #e63946); border-color: var(--accent, #e63946); color: var(--on-accent, #fff); }',
+    '#tab-projekte .prj-danger { color: var(--accent, #e63946); }',
+    '#tab-projekte .prj-btn[disabled] { opacity: .5; }',
+    '#tab-projekte .prj-add { display: flex; gap: 8px; }',
+    '#tab-projekte input, #tab-projekte textarea { box-sizing: border-box; padding: 10px 12px; border-radius: 6px; border: 1px solid var(--border, #2a2a2a); background: var(--bg, #000); color: inherit; font: inherit; font-size: 15px; }',
+    '#tab-projekte .prj-add input { flex: 1; min-width: 0; }',
+    '#tab-projekte .prj-found { margin: 10px 0; padding: 4px 12px 8px; border: 1px solid var(--border, #2a2a2a); border-radius: 8px; background: var(--card, #0b0b0b); }',
+    '#tab-projekte .prj-cand { display: flex; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--border, #2a2a2a); }',
+    '#tab-projekte .prj-kind { flex: none; font-size: 11px; padding: 1px 6px; border-radius: 8px; background: var(--raised, rgba(255,255,255,.12)); }',
+    '#tab-projekte .prj-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }',
+    '#tab-projekte .prj-chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 14px 0 6px; }',
+    '#tab-projekte .prj-spacer { flex: 1; }',
+    '#tab-projekte .prj-chip { min-height: 32px; padding: 0 12px; border-radius: 16px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; font-size: 13px; cursor: pointer; }',
+    '#tab-projekte .prj-chip.on { background: var(--accent, #e63946); border-color: var(--accent, #e63946); color: var(--on-accent, #fff); }',
+    '#tab-projekte .prj-row { border-bottom: 1px solid var(--border, #2a2a2a); }',
+    '#tab-projekte .prj-main { display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 10px 0; background: none; border: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+    '#tab-projekte .prj-glyph { width: 28px; flex: none; text-align: center; color: var(--muted, #9a9a9a); font-size: 16px; padding-top: 1px; }',
+    '#tab-projekte .prj-title { font-size: 15px; }',
+    '#tab-projekte .prj-note-line { font-size: 13px; font-style: italic; color: var(--muted, #9a9a9a); }',
+    '#tab-projekte .prj-key { flex: none; font-size: 11px; color: var(--muted, #9a9a9a); max-width: 34%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
+    '#tab-projekte .prj-actions { padding: 0 0 12px 38px; display: flex; flex-direction: column; gap: 8px; }',
+    '#tab-projekte .prj-field { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--muted, #9a9a9a); }',
+    '#tab-projekte .prj-field input, #tab-projekte .prj-field textarea { color: var(--fg, #eee); }',
+    '#tab-projekte .prj-empty { margin-top: 18px; line-height: 1.5; font-size: 14px; }',
+    '#tab-projekte .prj-presets { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin-bottom: 16px; }',
+    '#tab-projekte .prj-preset { display: flex; flex-direction: column; gap: 4px; padding: 14px; border-radius: 10px; border: 1px solid var(--border, #2a2a2a); background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+    '#tab-projekte .prj-preset.on { border-color: var(--accent, #e63946); box-shadow: inset 0 0 0 1px var(--accent, #e63946); }',
+    '#tab-projekte .prj-preset-name { font-weight: 700; }',
+    '#tab-projekte .prj-preset-soon { opacity: .5; cursor: default; border-style: dashed; }',
+    '#tab-projekte .prj-form { display: flex; flex-direction: column; gap: 12px; max-width: 520px; }',
+    '#tab-projekte .prj-form label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted, #9a9a9a); }',
+    '#tab-projekte .prj-form input, #tab-projekte .prj-form textarea { color: var(--fg, #eee); }',
+    '#tab-projekte .prj-note { display: flex; flex-direction: column; gap: 2px; width: 100%; padding: 10px 0; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; text-align: left; cursor: pointer; }',
+    '#tab-projekte .prj-note-head { display: flex; align-items: center; gap: 10px; }',
+    '#tab-projekte .prj-saved { flex: 1; text-align: right; }',
+    '#tab-projekte .prj-note-title { width: 100%; font-size: 18px; font-weight: 700; margin: 8px 0; }',
+    '#tab-projekte .prj-note-body { width: 100%; min-height: 55vh; font-family: inherit; line-height: 1.5; resize: vertical; }',
+    '#tab-projekte .prj-hint { margin-top: 4px; }',
+    '#tab-projekte .prj-md { line-height: 1.6; font-size: 15px; overflow-wrap: anywhere; }',
+    '#tab-projekte .prj-md h3 { font-size: 19px; } #tab-projekte .prj-md h4 { font-size: 16px; } #tab-projekte .prj-md h5, #tab-projekte .prj-md h6 { font-size: 15px; }',
+    '#tab-projekte .prj-md blockquote { margin: 8px 0; padding-left: 12px; border-left: 3px solid var(--border-strong, #444); color: var(--muted, #9a9a9a); }',
+    '#tab-projekte .prj-md a { color: var(--accent, #e63946); }',
+    '#tab-projekte .prj-cite { color: var(--accent, #e63946); cursor: pointer; }',
+    '#tab-projekte .prj-cite-missing { text-decoration: underline wavy; }',
+    '#tab-projekte .prj-refs { font-size: 13px; line-height: 1.5; padding-left: 20px; overflow-wrap: anywhere; }',
+    '.prj-picker { position: fixed; inset: 0; z-index: 3000; background: rgba(0,0,0,.55); display: flex; align-items: flex-end; justify-content: center; }',
+    '.prj-picker-box { width: 100%; max-width: 480px; max-height: 80vh; overflow: auto; background: var(--card, #111); color: var(--fg, #eee); border-radius: 14px 14px 0 0; padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px)); box-sizing: border-box; }',
+    '@media (min-width: 721px) { .prj-picker { align-items: center; } .prj-picker-box { border-radius: 14px; } }',
+    '.prj-picker-h { font-weight: 700; font-size: 16px; margin-bottom: 4px; }',
+    '.prj-picker-what { font-size: 13px; color: var(--muted, #9a9a9a); margin-bottom: 8px; }',
+    '.prj-picker-p { display: flex; justify-content: space-between; gap: 10px; width: 100%; padding: 12px 4px; background: none; border: none; border-bottom: 1px solid var(--border, #2a2a2a); color: inherit; font: inherit; font-size: 15px; text-align: left; cursor: pointer; }',
+    '.prj-picker-p[disabled] { opacity: .6; cursor: default; }',
+    '.prj-picker-new { color: var(--accent, #e63946); }',
+    '.prj-picker .prj-muted { color: var(--muted, #9a9a9a); font-size: 12px; }',
+    '.prj-picker-close { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; margin-top: 12px; border-radius: 19px; border: 1px solid var(--border-strong, #444); background: none; color: inherit; font: inherit; cursor: pointer; }',
+    '#prj-toast { position: fixed; left: 50%; bottom: calc(var(--nui-dock-h, 0px) + 90px); transform: translateX(-50%); z-index: 3100; background: var(--raised, #222); color: var(--fg, #eee); padding: 10px 16px; border-radius: 8px; font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s; max-width: calc(100vw - 32px); }',
+    '#prj-toast.prj-show { opacity: 1; }',
+    // A window of its own (desktop): only the project.
+    'html.prj-solo #tabs, html.prj-solo #nav-segments, html.prj-solo header, html.prj-solo .site-header, html.prj-solo #nui-dock, html.prj-solo .nui-section-bar { display: none !important; }',
+    'html.prj-solo #tab-projekte { padding-top: 12px; }',
+    'body.eink #tab-projekte .prj-primary, body.eink #tab-projekte .prj-chip.on { background: #000; color: #fff; }',
+  ].join('\n');
+  document.head.appendChild(style);
+})();
diff --git a/static/js/sw.js b/static/js/sw.js
index db480c8..68002c7 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v140';
+const CACHE = 'diora-v141';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
@@ -49,6 +49,7 @@ const SHELL = [
   '/static/js/gencover.js',
   '/static/js/sources.js',
   '/static/js/search.js',
+  '/static/js/projects.js',
   '/static/podcasts/native-podcast.js',
   '/static/podcasts/podcast-ui.css',
   '/static/podcasts/podcasts-web.css',
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 9ee3923..ef9b523 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -267,6 +267,8 @@
 {% if user.is_authenticated %}<section class="tab-panel" id="tab-audiobooks" style="display:none;"></section>{% endif %}
 {% comment %}Abos & Quellen, every subscription in one place (docs/sources.md): filled by static/js/sources.js.{% endcomment %}
 {% if user.is_authenticated %}<section class="tab-panel" id="tab-sources" style="display:none;"></section>{% endif %}
+{% comment %}Projekte, e.g. Forschung (docs/projects.md): filled by static/js/projects.js.{% endcomment %}
+{% if user.is_authenticated %}<section class="tab-panel" id="tab-projekte" style="display:none;"></section>{% endif %}
 {% comment %}The search across diora (docs/search.md): filled by static/js/search.js.{% endcomment %}
 {% if user.is_authenticated %}<section class="tab-panel" id="tab-suche" style="display:none;"></section>{% endif %}
 {% comment %}The feed reader, news and blogs: filled by static/js/feeds.js.{% endcomment %}
@@ -398,4 +400,5 @@
 <script src="/static/js/audiobooks.js"></script>
 <script src="/static/js/sources.js"></script>
 <script src="/static/js/search.js"></script>
+<script src="/static/js/projects.js"></script>
 {% endblock %}

From de50debad93d0486091bf5a2384789fe2f35bdb8 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 20:19:22 +0200
Subject: [PATCH 156/176] =?UTF-8?q?Podcasts=20im=20Browser:=20Mit=20Projek?=
 =?UTF-8?q?t=20verkn=C3=BCpfen=20(Folgen,=20Player=20mit=20Zeitmarke),=20M?=
 =?UTF-8?q?erken=20in=20der=20Folgenansicht=20(diora-android=204f514cd);?=
 =?UTF-8?q?=20sw=20v142?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/sw.js                   |  2 +-
 static/podcasts/native-podcast.js | 36 ++++++++++++++++++++++++++++---
 2 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/static/js/sw.js b/static/js/sw.js
index 68002c7..1320bf1 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v141';
+const CACHE = 'diora-v142';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index c3c9b9e..b995f72 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 1c1ec4e 2026-10-19: web-native/static/native-podcast.js
+// Copied from diora-android 4f514cd 2026-10-19: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -451,6 +451,26 @@
     toast('In der ' + QNAME() + (label ? ': ' + label.label.toLowerCase() : ''));
   }
 
+  // An episode into a research project (diora-web docs/projects.md); from the player with
+  // the place it's at (a time mark „ab 12:34“).
+  function linkProject(e, position) {
+    if (!window.DioraProjects) return;
+    const r = e.raw || queue().find(q => q.episode__id === e.id) || later().find(q => q.episode__id === e.id) || {};
+    const d = storedDetails(e.id) || {};
+    DioraProjects.link('episode', e.id, {
+      title: plain(e.title || r.title || r.episode__title || d.title || ''),
+      podcast: plain(e.feed || r.feed__title || r.episode__feed__title || ''),
+      author: plain(d.author || r.author || ''),
+      date: e.date || r.pub_date || r.episode__pub_date || d.pub_date || null,
+      url: d.link || r.link || r.audio_url || r.episode__audio_url || '',
+      feed: e.feedId || r.feed__id || r.episode__feed__id || null,
+      position: Math.max(0, Math.round(position || 0)),
+    });
+  }
+
+  const projectItem = e => window.DioraProjects && {icon: '◇', label: 'Mit Projekt verknüpfen …',
+    hint: (DioraProjects.of('episode', e.id) || []).map(p => p.name).join(', ') || null, action: () => linkProject(e, 0)};
+
   function openAudiobook(feedId) {
     if (!feedId || typeof window.__dioraAudiobookOpen !== 'function') return false;
     closeNotes();
@@ -564,6 +584,7 @@
       v2() && N.podcastLaterAdd && !inLater(e) && {icon: '＋', label: 'Auf die Merkliste', hint: 'für später', action: () => toggleLater(e)},
       {icon: '✕', svg: 'listx', label: 'Aus der ' + QNAME() + ' nehmen', hint: dlDone(e.id) && !v2() ? 'Datei bleibt' : null,
        action: () => N.podcastDequeue(e.id)},
+      projectItem(e),
       discardItem(e, opts),
       selectItem(e, opts),
     ]);
@@ -607,6 +628,7 @@
       !e.played && {icon: '✓', label: 'Als gehört markieren', hint: kept || queued ? 'verlässt die Listen' : null, action: () => markPlayed(e)},
       e.played && {icon: '↺', label: 'Als ungehört markieren', action: () => N.podcastMarkPlayed(e.id, false)},
       ...dlMenuItems(e),
+      projectItem(e),
       discardItem(e, opts),
       selectItem(e, opts),
     ]);
@@ -4434,8 +4456,13 @@
       b.addEventListener('click', ev => { ev.stopPropagation(); run(); setTimeout(episodeScreenParts, 150); });
       actions.append(b);
     };
-    if (inQueue(e.id)) act('listx', '', 'Aus Warteschlange', () => { N.podcastDequeue(e.id); e.raw.in_queue = false; });
+    if (v2() && N.podcastLaterAdd) {
+      if (inLater(e)) act('listx', '', 'Aus der Merkliste', () => toggleLater(e));
+      else act(null, '＋', 'Merken', () => toggleLater(e));
+      if (inQueue(e.id)) act('listx', '', 'Aus der Liste', () => { N.podcastDequeue(e.id); e.raw.in_queue = false; });
+    } else if (inQueue(e.id)) act('listx', '', 'Aus Warteschlange', () => { N.podcastDequeue(e.id); e.raw.in_queue = false; });
     else act(null, '+', 'Einreihen', () => { enqueue(e); e.raw.in_queue = true; });
+    if (window.DioraProjects) act(null, '◇', 'Projekt', () => linkProject(e, 0));
     if (DL && (e.raw.audio_url || e.raw.episode__audio_url)) {
       const d = downloads[e.id];
       if (!d || d.state === 'failed') act(null, '↓', 'Laden', () => dlStart(e));
@@ -4613,7 +4640,10 @@
       button('⏭', keepSkipped() ? 'Nächste Folge (diese bleibt in der Warteschlange)' : 'Folge abschließen, nächste spielen',
         finishAndNext, 'nui-pod-next'),
       N.playerTransfer && button('⇄', 'Wiedergabe auf …', deviceMenu, 'nui-pod-devices'),
-      button('≡', 'Warteschlange', showQueue),
+      window.DioraProjects && button('◇', 'Mit Projekt verknüpfen – ab dieser Stelle', () => linkProject({
+        id: player.episodeId, title: player.title, feed: player.feed, feedId: player.feedId,
+      }, (player.pos || 0) / 1000), 'nui-pod-project'),
+      button('≡', QNAME(), showQueue),
     ].filter(Boolean));
     panel.append(extra);
     const notes = el('div', 'nui-pod-notesbox');

From e7a18084a776e7987985f0df06d66740d203fb29 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 20:19:26 +0200
Subject: [PATCH 157/176] =?UTF-8?q?Projekte=20am=20Desktop=20im=20eigenen?=
 =?UTF-8?q?=20Fenster:=20=3Fproject=3D<id>=20zeigt=20nur=20das=20Projekt,?=
 =?UTF-8?q?=20Quellen=20=C3=B6ffnen=20im=20Hauptfenster,=20das=20Fenster?=
 =?UTF-8?q?=20merkt=20sich=20keine=20Navigation;=20sw=20v142?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/nav.js      |  8 ++++++--
 static/js/projects.js | 44 +++++++++++++++++++++++++++++++------------
 2 files changed, 38 insertions(+), 14 deletions(-)

diff --git a/static/js/nav.js b/static/js/nav.js
index 12b55ff..a972b0f 100644
--- a/static/js/nav.js
+++ b/static/js/nav.js
@@ -12,6 +12,8 @@
   'use strict';
   const html = document.documentElement;
   const authed = typeof IS_AUTHENTICATED === 'undefined' || !!IS_AUTHENTICATED;
+  // A project's own window (desktop, docs/projects.md): it remembers nothing for the others.
+  const soloWindow = /[?&]project=\d+/.test(location.search);
 
   const SECTIONS = [
     {id: 'home', group: 'home', label: 'Home', icon: '⌂', panel: 'home', account: true},
@@ -146,8 +148,10 @@
   function setCurrent(id) {
     current = id;
     const s = byId[id];
-    if (!s.transient) save('diora_nav_section', id);   // the app opens where one was, not in the search
-    if (!s.footer) save('diora_nav_last_' + s.group, id);
+    if (!soloWindow) {
+      if (!s.transient) save('diora_nav_section', id);   // the app opens where one was, not in the search
+      if (!s.footer) save('diora_nav_last_' + s.group, id);
+    }
     syncHash();
     render();
     listeners.slice().forEach(fn => { try { fn(id); } catch (e) {} });
diff --git a/static/js/projects.js b/static/js/projects.js
index 4eba74b..5ff9405 100644
--- a/static/js/projects.js
+++ b/static/js/projects.js
@@ -843,18 +843,29 @@
   }
 
   function openSource(i) {
-    if (i.kind === 'book') {
-      if (typeof openBook === 'function') openBook(i.ref);
-    } else if (i.kind === 'episode') {
-      const row = {id: i.ref, feed__id: i.data.feed, title: cslTitle(i.data.csl), feed__title: i.data.podcast};
+    const c = (i.data && i.data.csl) || {};
+    const what = {kind: i.kind, ref: i.ref, feed: i.data ? i.data.feed : 0, title: cslTitle(c),
+      podcast: i.data ? i.data.podcast : '', url: c.DOI ? 'https://doi.org/' + c.DOI : (c.URL || '')};
+    // A project's own window (desktop): the main window opens it, with its reader and player.
+    if (solo && what.kind !== 'paper' && window.dioraDesktop && window.dioraDesktop.openInMain) {
+      window.dioraDesktop.openInMain(what);
+      return;
+    }
+    openThing(what);
+  }
+
+  // {kind, ref, feed, url}: a book, an episode, an article where it lives; a paper by its link.
+  function openThing(w) {
+    if (w.kind === 'book') {
+      if (typeof openBook === 'function') openBook(w.ref);
+    } else if (w.kind === 'episode') {
+      const row = {id: w.ref, feed__id: w.feed, title: w.title || '', feed__title: w.podcast || ''};
       if (window.__dioraPodcastOpenEpisode && window.__dioraPodcastOpenEpisode(row)) return;
-      if (i.data.feed && window.__dioraPodcastOpenFeed) window.__dioraPodcastOpenFeed(i.data.feed);
-    } else if (i.kind === 'article') {
-      if (window.__dioraFeedsOpenItem) window.__dioraFeedsOpenItem(i.ref);
-    } else {
-      const c = i.data.csl || {};
-      const url = c.DOI ? 'https://doi.org/' + c.DOI : c.URL;
-      if (url) window.open(url, '_blank', 'noopener');
+      if (w.feed && window.__dioraPodcastOpenFeed) window.__dioraPodcastOpenFeed(w.feed);
+    } else if (w.kind === 'article') {
+      if (window.__dioraFeedsOpenItem) window.__dioraFeedsOpenItem(w.ref);
+    } else if (w.url) {
+      window.open(w.url, '_blank', 'noopener');
     }
   }
 
@@ -1041,6 +1052,13 @@
     };
   }
   window.addEventListener('beforeunload', () => { if (saveState === 'nicht gespeichert') saveNote(); });
+  // Back at this window (another one, another device may have changed the project): fresh,
+  // unless a note is being written here.
+  window.addEventListener('focus', () => {
+    if (tab.style.display === 'none' || st.note != null || st.creating) return;
+    if (st.open) openProject(st.open.id, true).catch(() => {});
+    else loadList().then(render);
+  });
   if (solo) {
     document.title = 'Projekt · diora';
     if (typeof showTab === 'function') showTab('projekte');
@@ -1060,6 +1078,7 @@
       openProject(Number(id)).catch(() => {});
     },
     onChange(fn) { if (typeof fn === 'function') linkListeners.push(fn); },
+    openSource: openThing,
     load: loadList,
   };
   // The links for the sheets ("in Projekt …"), once the page has settled.
@@ -1152,7 +1171,8 @@
     '#prj-toast { position: fixed; left: 50%; bottom: calc(var(--nui-dock-h, 0px) + 90px); transform: translateX(-50%); z-index: 3100; background: var(--raised, #222); color: var(--fg, #eee); padding: 10px 16px; border-radius: 8px; font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s; max-width: calc(100vw - 32px); }',
     '#prj-toast.prj-show { opacity: 1; }',
     // A window of its own (desktop): only the project.
-    'html.prj-solo #tabs, html.prj-solo #nav-segments, html.prj-solo header, html.prj-solo .site-header, html.prj-solo #nui-dock, html.prj-solo .nui-section-bar { display: none !important; }',
+    'html.prj-solo #tabs, html.prj-solo #nav-segments, html.prj-solo header, html.prj-solo .site-header, html.prj-solo #nui-dock, html.prj-solo #tab-projekte .nui-section-bar { display: none !important; }',
+    'html.prj-solo body { padding-left: 0 !important; padding-bottom: 0 !important; }',
     'html.prj-solo #tab-projekte { padding-top: 12px; }',
     'body.eink #tab-projekte .prj-primary, body.eink #tab-projekte .prj-chip.on { background: #000; color: #fff; }',
   ].join('\n');

From 66dc7a48fd0887828cd6c504b08c4c535819f463 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 20:23:16 +0200
Subject: [PATCH 158/176] Projekt-Fenster: alle Leisten der App ausblenden
 (.nui-tab-bar); sw v143

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/projects.js | 2 +-
 static/js/sw.js       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/static/js/projects.js b/static/js/projects.js
index 5ff9405..27222a0 100644
--- a/static/js/projects.js
+++ b/static/js/projects.js
@@ -1171,7 +1171,7 @@
     '#prj-toast { position: fixed; left: 50%; bottom: calc(var(--nui-dock-h, 0px) + 90px); transform: translateX(-50%); z-index: 3100; background: var(--raised, #222); color: var(--fg, #eee); padding: 10px 16px; border-radius: 8px; font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s; max-width: calc(100vw - 32px); }',
     '#prj-toast.prj-show { opacity: 1; }',
     // A window of its own (desktop): only the project.
-    'html.prj-solo #tabs, html.prj-solo #nav-segments, html.prj-solo header, html.prj-solo .site-header, html.prj-solo #nui-dock, html.prj-solo #tab-projekte .nui-section-bar { display: none !important; }',
+    'html.prj-solo #tabs, html.prj-solo #nav-segments, html.prj-solo header, html.prj-solo .site-header, html.prj-solo #nui-dock, html.prj-solo .nui-tab-bar { display: none !important; }',
     'html.prj-solo body { padding-left: 0 !important; padding-bottom: 0 !important; }',
     'html.prj-solo #tab-projekte { padding-top: 12px; }',
     'body.eink #tab-projekte .prj-primary, body.eink #tab-projekte .prj-chip.on { background: #000; color: #fff; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index 1320bf1..9ed6543 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v142';
+const CACHE = 'diora-v143';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From a329eab091829b9a9c9739981316a09f8ab22ef9 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 20:28:27 +0200
Subject: [PATCH 159/176] Projekt-Notizen: Markdown-Tabellen; sw v144

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 e2e/navigation.spec.js |  3 ++-
 static/js/projects.js  | 17 ++++++++++++++++-
 static/js/sw.js        |  2 +-
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/e2e/navigation.spec.js b/e2e/navigation.spec.js
index 407ed54..158b3fc 100644
--- a/e2e/navigation.spec.js
+++ b/e2e/navigation.spec.js
@@ -123,11 +123,12 @@ test('Projekte: a Forschung project, a paper by DOI, a linked book, a note citin
   await tab.locator('[data-view="notes"]').click();
   await tab.locator('[data-act="new-note"]').click();
   await tab.locator('[data-note-title]').fill('These');
-  await tab.locator('[data-note-body]').fill('# Idee\nIdeologie zeigt sich im Gehirn [@amodio2007neural, S. 3] und bei [@muster0jdas].');
+  await tab.locator('[data-note-body]').fill('# Idee\nIdeologie zeigt sich im Gehirn [@amodio2007neural, S. 3] und bei [@muster0jdas].\n\n| Text | Zeit |\n|---|---|\n| Cobb | 2,5 h |\nDanach.');
   await expect(tab.locator('.prj-saved')).toHaveText('gespeichert', {timeout: 5000});
   await tab.locator('[data-act="preview"]').click();
   await expect(tab.locator('.prj-md .prj-cite').first()).toHaveText('(Amodio & Jost 2007, S. 3)');
   await expect(tab.locator('.prj-refs li').first()).toContainText('Nature Neuroscience');
+  await expect(tab.locator('.prj-md td')).toHaveText(['Cobb', '2,5 h']);
 
   await tab.locator('[data-view="sources"]').click();
   const [dl] = await Promise.all([page.waitForEvent('download'), tab.locator('[data-export="bib"]').click()]);
diff --git a/static/js/projects.js b/static/js/projects.js
index 27222a0..c1ea61b 100644
--- a/static/js/projects.js
+++ b/static/js/projects.js
@@ -274,8 +274,13 @@
 
   function markdown(text, cite) {
     const lines = String(text || '').replace(/\r/g, '').split('\n');
-    let out = '', list = null, para = [], quote = [];
+    let out = '', list = null, para = [], quote = [], table = null;
     const flush = () => {
+      if (table) {
+        out += '<div class="prj-table"><table>' + table.map((row, n) => '<tr>' + row.map(c =>
+          (n ? '<td>' : '<th>') + inline(c, cite) + (n ? '</td>' : '</th>')).join('') + '</tr>').join('') + '</table></div>';
+        table = null;
+      }
       if (para.length) { out += '<p>' + inline(para.join(' '), cite) + '</p>'; para = []; }
       if (quote.length) { out += '<blockquote>' + inline(quote.join(' '), cite) + '</blockquote>'; quote = []; }
       if (list) { out += '</' + list + '>'; list = null; }
@@ -284,6 +289,13 @@
       const line = raw.replace(/\s+$/, '');
       let m;
       if (!line.trim()) { flush(); continue; }
+      // A table: | a | b |, under its head a | --- | --- | line.
+      if (/^\s*\|.*\|$/.test(line)) {
+        if (!table) { flush(); table = []; }
+        if (!/^\s*\|[\s:|-]+\|$/.test(line)) table.push(line.trim().replace(/^\||\|$/g, '').split('|').map(c => c.trim()));
+        continue;
+      }
+      if (table) flush();
       if ((m = /^(#{1,4})\s+(.*)$/.exec(line))) { flush(); out += '<h' + (m[1].length + 2) + '>' + inline(m[2], cite) + '</h' + (m[1].length + 2) + '>'; continue; }
       if ((m = /^\s*[-*+]\s+(?:\[( |x)\]\s+)?(.*)$/i.exec(line))) {
         if (para.length || quote.length || list !== 'ul') { flush(); out += '<ul>'; list = 'ul'; }
@@ -1155,6 +1167,9 @@
     '#tab-projekte .prj-md h3 { font-size: 19px; } #tab-projekte .prj-md h4 { font-size: 16px; } #tab-projekte .prj-md h5, #tab-projekte .prj-md h6 { font-size: 15px; }',
     '#tab-projekte .prj-md blockquote { margin: 8px 0; padding-left: 12px; border-left: 3px solid var(--border-strong, #444); color: var(--muted, #9a9a9a); }',
     '#tab-projekte .prj-md a { color: var(--accent, #e63946); }',
+    '#tab-projekte .prj-table { overflow-x: auto; margin: 10px 0; }',
+    '#tab-projekte .prj-table table { border-collapse: collapse; font-size: 14px; }',
+    '#tab-projekte .prj-table th, #tab-projekte .prj-table td { border: 1px solid var(--border, #2a2a2a); padding: 6px 8px; text-align: left; vertical-align: top; }',
     '#tab-projekte .prj-cite { color: var(--accent, #e63946); cursor: pointer; }',
     '#tab-projekte .prj-cite-missing { text-decoration: underline wavy; }',
     '#tab-projekte .prj-refs { font-size: 13px; line-height: 1.5; padding-left: 20px; overflow-wrap: anywhere; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index 9ed6543..b808c8a 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v143';
+const CACHE = 'diora-v144';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From c8fd139b44be4407a5b608c5f1fd67ce016ba08d Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Mon, 19 Oct 2026 20:43:43 +0200
Subject: [PATCH 160/176] =?UTF-8?q?Projekte:=20Radar=20=E2=80=93=20w=C3=B6?=
 =?UTF-8?q?chentlich=20neue=20Papers=20(PubMed,=20arXiv,=20bioRxiv,=20medR?=
 =?UTF-8?q?xiv),=20von=20Claude=20im=20Batch=20sortiert,=20Entscheidungen?=
 =?UTF-8?q?=20verschl=C3=BCsselt,=20=E2=86=92=20Quellen;=20Preset=20Neurop?=
 =?UTF-8?q?olitik=20aus=20F:\neuropolitik\tools;=20sw=20v145?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/projects.md                         |  30 +-
 e2e/navigation.spec.js                   |  42 +++
 projects/management/__init__.py          |   0
 projects/management/commands/__init__.py |   0
 projects/management/commands/radar.py    |  47 +++
 projects/migrations/0002_radar.py        |  46 +++
 projects/models.py                       |  31 +-
 projects/papers.py                       | 143 +++++++++
 projects/radar.py                        | 379 +++++++++++++++++++++++
 projects/radar_presets.py                | 120 +++++++
 projects/test_radar.py                   | 144 +++++++++
 projects/urls.py                         |   6 +-
 requirements.txt                         |   2 +
 static/js/nav.js                         |   4 +-
 static/js/projects.js                    | 238 +++++++++++++-
 static/js/sw.js                          |   2 +-
 16 files changed, 1220 insertions(+), 14 deletions(-)
 create mode 100644 projects/management/__init__.py
 create mode 100644 projects/management/commands/__init__.py
 create mode 100644 projects/management/commands/radar.py
 create mode 100644 projects/migrations/0002_radar.py
 create mode 100644 projects/papers.py
 create mode 100644 projects/radar.py
 create mode 100644 projects/radar_presets.py
 create mode 100644 projects/test_radar.py

diff --git a/docs/projects.md b/docs/projects.md
index 96078f0..6616a2b 100644
--- a/docs/projects.md
+++ b/docs/projects.md
@@ -62,9 +62,35 @@ state. A note's text then goes beside it as a copy "(Konflikt)"; other data relo
 - `GET /projects/doi/?q=<DOI | doi.org link | arXiv link or id>` → `{doi, csl}` — fetched from
   doi.org (Crossref, DataCite …) as CSL-JSON, cached a week, nothing else kept.
 
+## Radar
+
+A project can have a Radar (`projects/radar.py`, `projects/papers.py`): every week the new papers
+from PubMed, arXiv, bioRxiv and medRxiv, sorted by Claude into the config's groups (the first
+one — "lesenswert" — with what it's about, how solid it is, the political hook), the week's
+news (web search), a basic term explained. One Claude batch (Opus, half price): about 0.40 $
+a week. Ported from the "Neuropolitik Grundlagen" session's `F:
+europolitik	ools`
+(fetch_papers.py, digest_batch.py); the digest is their bundle format (version 1).
+
+- Config per radar (`Radar.config`, presets in `projects/radar_presets.py`): PubMed queries per
+  topic, arXiv query, keyword pattern for the preprint servers, groups and their labels, the
+  prompts, weekday and hour (Europe/Berlin), days. **Plain on the server**: it searches with them.
+  The papers and digests are public material, plain too (`RadarDigest.bundle`).
+- The decisions (gelesen / später / verworfen / in Quellen) are the user's: an encrypted item
+  of kind `radar` (`{decisions: {paper id: state}}`). "→ Quellen" makes a `paper` source
+  (citation data from doi.org when there's a DOI, else from the record).
+- Runs from the host's crontab every half hour: `docker exec diora-prod python manage.py radar`
+  (submits what is due, collects finished batches). Needs `ANTHROPIC_API_KEY` in the container.
+  `radar --setup <project> neuropolitik` gives a project its Radar; `radar --import <project>
+  <file>` takes a digest made elsewhere; `radar --seen <project> <file>` ids reported before.
+- API: `GET /projects/<id>/radar/` → `{radar: {enabled, title, groups, group_labels, weekday,
+  hour, days, sources, running, submitted, last_run_at, last_error, next_run, key}, digests:
+  [{id, generated, bundle}]}` (the latest 12); `POST …/radar/settings/` `{enabled}`;
+  `POST …/radar/run/` (fetch at the next cron run); `POST …/radar/import/` (a bundle, e.g.
+  `digest_batch.py --diora-url`).
+
 ## Next
 
-Radar (the weekly digests and new papers with lesen / später / verwerfen / → Quellen; who
-fetches the papers is open), papers as books (a paper's PDF into the library, its highlights
+Papers as books (a paper's PDF into the library, its highlights
 into the project's notes), Schreiben (drafts with the bibliography in a citation style),
 the projects in the search, more presets.
diff --git a/e2e/navigation.spec.js b/e2e/navigation.spec.js
index 158b3fc..b7e3afc 100644
--- a/e2e/navigation.spec.js
+++ b/e2e/navigation.spec.js
@@ -137,6 +137,48 @@ test('Projekte: a Forschung project, a paper by DOI, a linked book, a note citin
   expect(bib).toContain('doi = {10.1038/nn1979}');
 });
 
+test('Radar: the week\'s digest, decisions kept encrypted, a paper into the sources', async ({ page }) => {
+  await page.setViewportSize({ width: 1200, height: 900 });
+  const digest = {id: 1, generated: '2026-10-19', bundle: {version: 1, generated: '2026-10-19',
+    auf_einen_blick: 'Ein Decoder kommt der Absicht zuvor.', grundlagenbegriff: {begriff: 'Decoder', erklaerung: 'Ein Modell …'},
+    news_markdown: '- **Paradromics:** Kooperation. [Quelle](https://example.org/n)',
+    stats: {records: 3, per_source: {PubMed: 2, arXiv: 1}, errors: [], cost_usd: 0.38},
+    items: [
+      {id: 'pmid:1', doi: '', source: 'PubMed', title: 'Intention decoded', journal: 'Nature', first_author: 'Verbaarschot',
+       n_authors: 5, date: '2026', url: 'https://example.org/1', gruppe: 'lesenswert', worum_es_geht: 'Ein Spiel.',
+       einordnung: 'Preprint.', politischer_haken: 'Libet.', kurz: 'Kurz.'},
+      {id: 'arxiv:2', source: 'arXiv', title: 'EEG artefacts', first_author: 'Adeika', n_authors: 2, url: 'https://example.org/2',
+       gruppe: 'technik', worum_es_geht: '', einordnung: '', politischer_haken: '', kurz: 'Muskeln statt Gedanken.'},
+      {id: 'pmid:3', source: 'PubMed', title: 'Off topic', gruppe: 'rauschen', kurz: ''}]}};
+  await page.route(/\/projects\/\d+\/radar\/$/, route => route.fulfill({json: {radar: {enabled: true, title: 'Neuropolitik-Digest',
+    groups: ['lesenswert', 'propriozeption', 'gesellschaft', 'technik', 'rauschen'], group_labels: {lesenswert: 'Lesenswert', technik: 'Technik im Überblick', rauschen: 'Rauschen'},
+    weekday: 6, hour: 18, days: 7, sources: ['PubMed', 'arXiv'], running: false, next_run: '2026-10-26T18:00:00+01:00',
+    last_error: '', key: true}, digests: [digest]}}));
+  await page.goto('/#projekte');
+  const tab = page.locator('#tab-projekte');
+  await tab.locator('[data-act="new"]').click();
+  await tab.locator('input[name="name"]').fill('Radarprojekt');
+  await tab.locator('button[type="submit"]').click();
+  await expect(tab.locator('.prj-tab.on')).toContainText('Radar');
+  await expect(tab.locator('.prj-radar-h')).toContainText('KW 43');
+  await expect(tab.locator('.prj-radar-group[open] > summary')).toHaveText([/Lesenswert/, /Technik/, /Branche/]);
+  await expect(tab.locator('.prj-paper').first()).toContainText('Politischer Haken: Libet.');
+  await tab.locator('[data-radar-decide="arxiv:2"][data-state="later"]').click();
+  await tab.locator('[data-radar-decide="pmid:1"][data-state="read"]').click();
+  await expect(tab.locator('[data-radar-later]')).toHaveText('Später 1');
+  // Kept, encrypted: after a reload still there.
+  await page.waitForTimeout(800);
+  await page.reload();
+  await expect(tab.locator('[data-radar-later]')).toHaveText('Später 1');
+  await expect(tab.locator('.prj-paper').first()).toContainText('gelesen');
+  const raw = await page.evaluate(() => fetch(location.pathname.replace(/\/$/, '') + '/projects/').then(r => r.json()));
+  expect(JSON.stringify(raw)).not.toContain('arxiv:2');
+  await tab.locator('[data-radar-source="arxiv:2"]').click();
+  await expect(tab.locator('.prj-paper').nth(1)).toContainText('✓ in Quellen');
+  await tab.locator('[data-view="sources"]').click();
+  await expect(tab.locator('.prj-row .prj-title')).toHaveText(['EEG artefacts']);
+});
+
 test('Abos & Quellen: one page for every subscription, reached from the feeds too', async ({ page }) => {
   await page.setViewportSize({ width: 1200, height: 800 });
   await page.goto('/#news');
diff --git a/projects/management/__init__.py b/projects/management/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/projects/management/commands/__init__.py b/projects/management/commands/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/projects/management/commands/radar.py b/projects/management/commands/radar.py
new file mode 100644
index 0000000..0b9ff6f
--- /dev/null
+++ b/projects/management/commands/radar.py
@@ -0,0 +1,47 @@
+"""The Radars (projects/radar.py): collect finished batches, submit what is due.
+Run from the host's crontab every half hour:
+  docker exec diora-prod python manage.py radar
+  ... radar --setup <project id> neuropolitik    a project gets a Radar from a preset
+  ... radar --import <project id> <file.json>  a digest made elsewhere (also marks its papers seen)
+"""
+import json
+
+from django.core.management.base import BaseCommand, CommandError
+
+from projects import radar
+from projects.models import Project, Radar
+from projects.radar_presets import PRESETS
+
+
+class Command(BaseCommand):
+    help = 'Radar: collect finished batches, submit what is due'
+
+    def add_arguments(self, parser):
+        parser.add_argument('--setup', nargs=2, metavar=('PROJECT', 'PRESET'))
+        parser.add_argument('--import', dest='import_', nargs=2, metavar=('PROJECT', 'FILE'))
+        parser.add_argument('--seen', nargs=2, metavar=('PROJECT', 'FILE'), help='ids reported before (JSON list)')
+
+    def handle(self, *args, setup=None, import_=None, seen=None, **opts):
+        if setup:
+            p = Project.objects.filter(pk=setup[0]).first()
+            if not p or setup[1] not in PRESETS:
+                raise CommandError('project or preset unknown')
+            r, made = Radar.objects.update_or_create(project=p, defaults={'config': PRESETS[setup[1]]})
+            self.stdout.write(f"radar {p.id}: {'set up' if made else 'config updated'}")
+            return
+        if import_:
+            r = Radar.objects.get(project_id=import_[0])
+            with open(import_[1], encoding='utf-8') as f:
+                d = radar.store(r, json.load(f))
+            self.stdout.write(f'radar {r.project_id}: digest {d.id} ({d.generated})')
+            return
+        if seen:
+            r = Radar.objects.get(project_id=seen[0])
+            with open(seen[1], encoding='utf-8') as f:
+                ids = json.load(f)
+            r.seen = list(dict.fromkeys(list(r.seen) + list(ids)))[-radar.SEEN_MAX:]
+            r.save(update_fields=['seen'])
+            self.stdout.write(f'radar {r.project_id}: {len(r.seen)} seen')
+            return
+        for line in radar.tick():
+            self.stdout.write(line)
diff --git a/projects/migrations/0002_radar.py b/projects/migrations/0002_radar.py
new file mode 100644
index 0000000..733afb0
--- /dev/null
+++ b/projects/migrations/0002_radar.py
@@ -0,0 +1,46 @@
+# Generated by Django 6.1 on 2026-10-19 18:32
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('projects', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='projectitem',
+            name='kind',
+            field=models.CharField(choices=[('book', 'Buch'), ('episode', 'Folge'), ('article', 'Artikel'), ('paper', 'Paper'), ('note', 'Notiz'), ('radar', 'Radar')], max_length=10),
+        ),
+        migrations.CreateModel(
+            name='Radar',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('enabled', models.BooleanField(default=True)),
+                ('config', models.JSONField(default=dict)),
+                ('seen', models.JSONField(default=list)),
+                ('pending', models.JSONField(blank=True, null=True)),
+                ('last_run_at', models.DateTimeField(blank=True, null=True)),
+                ('last_error', models.TextField(blank=True)),
+                ('project', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, related_name='radar', to='projects.project')),
+            ],
+        ),
+        migrations.CreateModel(
+            name='RadarDigest',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('generated', models.DateField()),
+                ('batch_id', models.CharField(blank=True, max_length=100)),
+                ('bundle', models.JSONField()),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('radar', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='digests', to='projects.radar')),
+            ],
+            options={
+                'ordering': ['-generated', '-created_at'],
+            },
+        ),
+    ]
diff --git a/projects/models.py b/projects/models.py
index 93b7349..6c537e5 100644
--- a/projects/models.py
+++ b/projects/models.py
@@ -34,7 +34,10 @@ class ProjectItem(models.Model):
     ARTICLE = 'article'
     PAPER = 'paper'
     NOTE = 'note'
-    KINDS = [(BOOK, 'Buch'), (EPISODE, 'Folge'), (ARTICLE, 'Artikel'), (PAPER, 'Paper'), (NOTE, 'Notiz')]
+    # The Radar's decisions ({paper id: read | later | drop}), one per project.
+    RADAR = 'radar'
+    KINDS = [(BOOK, 'Buch'), (EPISODE, 'Folge'), (ARTICLE, 'Artikel'), (PAPER, 'Paper'), (NOTE, 'Notiz'),
+             (RADAR, 'Radar')]
     LINKED = (BOOK, EPISODE, ARTICLE)
 
     project = models.ForeignKey(Project, on_delete=models.CASCADE, related_name='items')
@@ -50,3 +53,29 @@ class ProjectItem(models.Model):
         constraints = [models.UniqueConstraint(fields=['project', 'kind', 'ref'], name='project_item_once',
                                                condition=models.Q(ref__isnull=False))]
         indexes = [models.Index(fields=['kind', 'ref'])]
+
+
+class Radar(models.Model):
+    """A project's Radar (docs/projects.md): every week new papers from PubMed, arXiv, bioRxiv,
+    medRxiv (projects/papers.py), sorted and summed up by Claude in a batch (projects/radar.py).
+    Plain on the server, unlike the rest of a project: the server searches with the config and
+    the papers are public."""
+    project = models.OneToOneField(Project, on_delete=models.CASCADE, related_name='radar')
+    enabled = models.BooleanField(default=True)
+    config = models.JSONField(default=dict)   # projects/radar_presets.py
+    seen = models.JSONField(default=list)     # paper ids reported before
+    pending = models.JSONField(null=True, blank=True)   # {batch_id, generated, days, records, errors, submitted}
+    last_run_at = models.DateTimeField(null=True, blank=True)
+    last_error = models.TextField(blank=True)
+
+
+class RadarDigest(models.Model):
+    """One week's digest: the bundle as digest_batch.py makes it (version 1)."""
+    radar = models.ForeignKey(Radar, on_delete=models.CASCADE, related_name='digests')
+    generated = models.DateField()
+    batch_id = models.CharField(max_length=100, blank=True)
+    bundle = models.JSONField()
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    class Meta:
+        ordering = ['-generated', '-created_at']
diff --git a/projects/papers.py b/projects/papers.py
new file mode 100644
index 0000000..e583ba3
--- /dev/null
+++ b/projects/papers.py
@@ -0,0 +1,143 @@
+"""New papers for a project's Radar (docs/projects.md): PubMed, arXiv, bioRxiv, medRxiv.
+
+What is searched comes from the radar's config (projects/radar_presets.py): PubMed queries per
+topic, one arXiv query, the preprint servers filtered by a keyword pattern. collect() returns
+(records, errors) and keeps nothing — the caller remembers what was reported, so a failed run
+loses nothing. Ported from F:\\neuropolitik\\tools\\fetch_papers.py (Neuropolitik session)."""
+import json
+import re
+import time
+import xml.etree.ElementTree as ET
+from datetime import date, timedelta
+
+import requests
+
+UA = 'diora-radar/1.0 (personal research digest; https://diora.creamfresh.xyz)'
+ABSTRACT_CHARS = 1200
+RXIV_SERVERS = ('biorxiv', 'medrxiv')
+
+
+def get(url, params=None, retries=3, timeout=60):
+    for attempt in range(retries):
+        try:
+            r = requests.get(url, params=params, headers={'User-Agent': UA}, timeout=timeout)
+            r.raise_for_status()
+            return r.text
+        except requests.RequestException:
+            if attempt == retries - 1:
+                raise
+            time.sleep(3 * (attempt + 1))
+
+
+def clip(text):
+    text = re.sub(r'\s+', ' ', text or '').strip()
+    return text if len(text) <= ABSTRACT_CHARS else text[:ABSTRACT_CHARS].rsplit(' ', 1)[0] + ' …'
+
+
+def fetch_pubmed(queries, days):
+    base = 'https://eutils.ncbi.nlm.nih.gov/entrez/eutils/'
+    records = []
+    for topic, query in queries.items():
+        ids = json.loads(get(base + 'esearch.fcgi', {'db': 'pubmed', 'term': query, 'reldate': days,
+                                                     'datetype': 'edat', 'retmax': 300, 'retmode': 'json'}))
+        ids = ids['esearchresult']['idlist']
+        for i in range(0, len(ids), 100):
+            root = ET.fromstring(get(base + 'efetch.fcgi', {'db': 'pubmed', 'id': ','.join(ids[i:i + 100]),
+                                                            'retmode': 'xml'}))
+            for art in root.iter('PubmedArticle'):
+                pmid = art.findtext('.//PMID')
+                t = art.find('.//ArticleTitle')
+                abstract = ' '.join(''.join(a.itertext()) for a in art.findall('.//Abstract/AbstractText'))
+                doi = next((e.text for e in art.findall('.//ArticleId') if e.get('IdType') == 'doi'), None)
+                authors = art.findall('.//Author')
+                records.append({
+                    'id': f'pmid:{pmid}', 'doi': doi, 'source': 'PubMed', 'topic': topic,
+                    'title': clip(''.join(t.itertext()) if t is not None else ''),
+                    'journal': art.findtext('.//Journal/Title'),
+                    'first_author': authors[0].findtext('LastName') if authors else None,
+                    'n_authors': len(authors), 'pub_types': [p.text for p in art.findall('.//PublicationType')],
+                    'date': art.findtext('.//PubDate/Year'), 'url': f'https://pubmed.ncbi.nlm.nih.gov/{pmid}/',
+                    'abstract': clip(abstract),
+                })
+            time.sleep(0.4)   # NCBI: 3 requests a second without a key
+    return records
+
+
+def fetch_arxiv(query, days):
+    cutoff = (date.today() - timedelta(days=days)).isoformat()
+    xml = get('https://export.arxiv.org/api/query', {'search_query': query, 'sortBy': 'submittedDate',
+                                                      'sortOrder': 'descending', 'max_results': 150})
+    ns = {'a': 'http://www.w3.org/2005/Atom', 'arxiv': 'http://arxiv.org/schemas/atom'}
+    records = []
+    for e in ET.fromstring(xml).findall('a:entry', ns):
+        published = e.findtext('a:published', '', ns)[:10]
+        if published < cutoff:
+            continue
+        arxiv_id = e.findtext('a:id', '', ns).rsplit('/abs/', 1)[-1]
+        cat = e.find('arxiv:primary_category', ns)
+        authors = e.findall('a:author', ns)
+        records.append({
+            'id': 'arxiv:' + re.sub(r'v\d+$', '', arxiv_id), 'doi': None, 'source': 'arXiv', 'topic': None,
+            'title': clip(e.findtext('a:title', '', ns)),
+            'journal': f"arXiv {cat.get('term') if cat is not None else ''}".strip(),
+            'first_author': authors[0].findtext('a:name', '', ns) if authors else None,
+            'n_authors': len(authors), 'pub_types': ['Preprint'], 'date': published,
+            'url': f'https://arxiv.org/abs/{arxiv_id}', 'abstract': clip(e.findtext('a:summary', '', ns)),
+        })
+    return records
+
+
+def fetch_rxiv(server, days, keywords):
+    start = (date.today() - timedelta(days=days)).isoformat()
+    end = date.today().isoformat()
+    records, cursor, total = [], 0, None
+    while total is None or cursor < total:
+        data = json.loads(get(f'https://api.biorxiv.org/details/{server}/{start}/{end}/{cursor}'))
+        msg = data['messages'][0]
+        if msg.get('status') != 'ok':
+            break
+        total = int(msg.get('total', 0))
+        batch = data.get('collection', [])
+        if not batch:
+            break
+        for p in batch:
+            if not keywords.search(f"{p.get('title', '')} {p.get('abstract', '')}"):
+                continue
+            authors = (p.get('authors') or '').split(';')
+            records.append({
+                'id': 'doi:' + p['doi'], 'doi': p['doi'], 'source': server, 'topic': None,
+                'title': clip(p.get('title')), 'journal': f"{server} ({p.get('category')})",
+                'first_author': authors[0], 'n_authors': len(authors), 'pub_types': ['Preprint'],
+                'date': p.get('date'), 'url': f"https://www.{server}.org/content/{p['doi']}v{p.get('version', 1)}",
+                'abstract': clip(p.get('abstract')), 'institution': p.get('author_corresponding_institution'),
+            })
+        cursor += len(batch)
+        time.sleep(0.3)
+    return records
+
+
+def collect(config, days, seen=frozenset()):
+    """Every source of the config; doubles (same id, DOI or title) and what was reported
+    before (seen) left out. (records, errors)."""
+    keywords = re.compile(config.get('keywords') or r'(?!)', re.I)
+    jobs = []
+    if config.get('pubmed'):
+        jobs.append(('PubMed', lambda: fetch_pubmed(config['pubmed'], days)))
+    if config.get('arxiv'):
+        jobs.append(('arXiv', lambda: fetch_arxiv(config['arxiv'], days)))
+    for server in config.get('rxiv', RXIV_SERVERS) if config.get('keywords') else ():
+        jobs.append((server, lambda s=server: fetch_rxiv(s, days, keywords)))
+    records, errors = [], []
+    for name, fn in jobs:
+        try:
+            records += fn()
+        except Exception as e:  # noqa: BLE001 - a source down mustn't stop the others
+            errors.append(f'{name}: {e}')
+    unique, keys = [], set()
+    for r in records:
+        k = {r['id'], (r['doi'] or '').lower(), re.sub(r'\W', '', r['title'].lower())} - {''}
+        if keys & k or r['id'] in seen or (r['doi'] and f"doi:{r['doi']}" in seen):
+            continue
+        keys |= k
+        unique.append(r)
+    return unique, errors
diff --git a/projects/radar.py b/projects/radar.py
new file mode 100644
index 0000000..5b1ebbc
--- /dev/null
+++ b/projects/radar.py
@@ -0,0 +1,379 @@
+"""The Radar of a project (docs/projects.md): once a week the new papers (projects/papers.py)
+go to Claude in a batch (half price, done within the hour as a rule): one request sorts every
+paper into the config's groups and writes about the worth-reading ones (JSON schema), one looks
+for the week's news (web search). The answer becomes a RadarDigest — the bundle format of
+F:\\neuropolitik\\tools\\digest_batch.py (version 1), so a digest made elsewhere can come in too.
+
+Runs from the host's crontab: `manage.py radar` every half hour submits what is due and
+collects what is done. Needs ANTHROPIC_API_KEY in the container's environment.
+"""
+import json
+import os
+from datetime import date, timedelta
+from zoneinfo import ZoneInfo
+
+from django.db import transaction
+from django.http import JsonResponse
+from django.utils import timezone
+from django.views.decorators.csrf import csrf_exempt
+from django.views.decorators.http import require_http_methods
+
+from . import papers
+from .models import Project, Radar, RadarDigest
+
+DEFAULT_MODEL = 'claude-opus-5-5'
+# Batch prices: half of Opus 5.5's list prices ($4 / $20 per million tokens); web search $10 / 1000.
+PRICE_IN, PRICE_OUT, PRICE_SEARCH = 2.00 / 1e6, 10.00 / 1e6, 10.00 / 1000
+SEEN_MAX = 20000
+# The weekday and hour of a config are the user's (the server runs on UTC).
+ZONE = ZoneInfo('Europe/Berlin')
+DIGESTS_SHOWN = 12
+
+
+def papers_schema(groups):
+    return {
+        'type': 'object',
+        'properties': {
+            'auf_einen_blick': {'type': 'string'},
+            'items': {'type': 'array', 'items': {
+                'type': 'object',
+                'properties': {
+                    'id': {'type': 'string'},
+                    'gruppe': {'type': 'string', 'enum': list(groups)},
+                    'worum_es_geht': {'type': 'string'},
+                    'einordnung': {'type': 'string'},
+                    'politischer_haken': {'type': 'string'},
+                    'kurz': {'type': 'string'},
+                },
+                'required': ['id', 'gruppe', 'worum_es_geht', 'einordnung', 'politischer_haken', 'kurz'],
+                'additionalProperties': False,
+            }},
+            'grundlagenbegriff': {
+                'type': 'object',
+                'properties': {'begriff': {'type': 'string'}, 'erklaerung': {'type': 'string'}},
+                'required': ['begriff', 'erklaerung'],
+                'additionalProperties': False,
+            },
+        },
+        'required': ['auf_einen_blick', 'items', 'grundlagenbegriff'],
+        'additionalProperties': False,
+    }
+
+
+def _model_record(r):
+    """What the model needs of a paper to sort it."""
+    return {k: r.get(k) for k in ('id', 'source', 'topic', 'journal', 'first_author', 'n_authors', 'pub_types',
+                                  'date', 'title', 'abstract', 'institution') if r.get(k) not in (None, '', [])}
+
+
+def _terms(radar):
+    """The basic terms explained before: not again."""
+    out = []
+    for b in radar.digests.values_list('bundle', flat=True)[:52]:
+        t = ((b or {}).get('grundlagenbegriff') or {}).get('begriff')
+        if t:
+            out.append(t)
+    return out
+
+
+def build_requests(config, records, terms, today):
+    model = config.get('model') or DEFAULT_MODEL
+    groups = config.get('groups') or ['lesenswert', 'rauschen']
+    prompt = config['papers_task'].format(
+        n=len(records), glossar=', '.join(terms) if terms else '(noch keine)',
+        records=json.dumps([_model_record(r) for r in records], ensure_ascii=False))
+    reqs = [{'custom_id': 'papers', 'params': {
+        'model': model, 'max_tokens': 48000, 'thinking': {'type': 'adaptive'},
+        'output_config': {'effort': 'high', 'format': {'type': 'json_schema', 'schema': papers_schema(groups)}},
+        'system': config['system'], 'messages': [{'role': 'user', 'content': prompt}],
+    }}]
+    if config.get('news_task'):
+        reqs.append({'custom_id': 'news', 'params': {
+            'model': model, 'max_tokens': 16000, 'thinking': {'type': 'adaptive'},
+            'output_config': {'effort': 'medium'}, 'system': config['system'],
+            'tools': [{'type': 'web_search_20260209', 'name': 'web_search', 'max_uses': 4}],
+            'messages': [{'role': 'user', 'content': config['news_task'].format(today=today)}],
+        }})
+    return reqs
+
+
+def build_bundle(config, pending, papers_json, news_md, usage, batch_id, project_name=''):
+    groups = config.get('groups') or ['lesenswert', 'rauschen']
+    records = {r['id']: r for r in pending['records']}
+    items, seen = [], set()
+    for it in papers_json.get('items') or []:
+        r = records.get(it.get('id'))
+        if not r or it['id'] in seen or it.get('gruppe') not in groups:
+            continue   # an id or group the model made up, or twice: left out
+        seen.add(it['id'])
+        items.append({**r, **it})
+    # What the model forgot shows, unsorted, among the rest.
+    fallback = 'technik' if 'technik' in groups else groups[-1]
+    for rid, r in records.items():
+        if rid not in seen:
+            items.append({**r, 'gruppe': fallback, 'worum_es_geht': '', 'einordnung': '', 'politischer_haken': '',
+                          'kurz': '(nicht eingeordnet)'})
+    per_source = {}
+    for r in pending['records']:
+        per_source[r['source']] = per_source.get(r['source'], 0) + 1
+    cost = (usage['input_tokens'] * PRICE_IN + usage['output_tokens'] * PRICE_OUT
+            + usage['web_search_requests'] * PRICE_SEARCH)
+    return {
+        'version': 1, 'project': project_name, 'generated': pending['generated'], 'days': pending['days'],
+        'model': config.get('model') or DEFAULT_MODEL, 'batch_id': batch_id,
+        'auf_einen_blick': papers_json.get('auf_einen_blick', ''),
+        'grundlagenbegriff': papers_json.get('grundlagenbegriff') or {'begriff': '', 'erklaerung': ''},
+        'items': items, 'news_markdown': news_md,
+        'stats': {'records': len(records), 'per_source': per_source, 'errors': pending.get('errors', []),
+                  'usage': usage, 'cost_usd': round(cost, 4)},
+    }
+
+
+def _client():
+    import anthropic   # only where the Radar runs
+    return anthropic.Anthropic()
+
+
+# ---- running ---------------------------------------------------------------------------------
+
+def due(radar, now=None):
+    """Its weekday and hour have come (local time), and this week has no digest yet."""
+    if not radar.enabled or radar.pending or not radar.config.get('papers_task'):
+        return False
+    now = (now or timezone.now()).astimezone(ZONE)
+    c = radar.config
+    weekday, hour = int(c.get('weekday', 6)), int(c.get('hour', 18))
+    start = (now - timedelta(days=(now.weekday() - weekday) % 7)).replace(hour=hour, minute=0, second=0,
+                                                                           microsecond=0)
+    if start > now:
+        start -= timedelta(days=7)
+    last = radar.last_run_at.astimezone(ZONE) if radar.last_run_at else None
+    return last is None or last < start
+
+
+def submit(radar, force=False):
+    """Fetch the new papers and send the batch. Returns what happened, in words."""
+    if radar.pending and not force:
+        return 'Es läuft schon ein Abruf.'
+    c = radar.config
+    days = int(c.get('days', 7))
+    records, errors = papers.collect(c, days, set(radar.seen))
+    radar.last_run_at = timezone.now()
+    today = date.today().isoformat()
+    if not records:
+        radar.last_error = '; '.join(errors)
+        radar.pending = None
+        radar.save(update_fields=['last_run_at', 'last_error', 'pending'])
+        return 'Keine neuen Papers.' + (' Fehler: ' + radar.last_error if errors else '')
+    batch = _client().messages.batches.create(requests=build_requests(c, records, _terms(radar), today))
+    radar.pending = {'batch_id': batch.id, 'generated': today, 'days': days, 'records': records,
+                     'errors': errors, 'submitted': timezone.now().isoformat(timespec='seconds')}
+    radar.last_error = ''
+    radar.save(update_fields=['last_run_at', 'last_error', 'pending'])
+    return f'{len(records)} Papers an Claude geschickt ({batch.id}).'
+
+
+def _text(message):
+    return ''.join(b.text for b in message.content if b.type == 'text')
+
+
+def _add_usage(total, message):
+    u = message.usage
+    total['input_tokens'] += (u.input_tokens or 0) + (getattr(u, 'cache_read_input_tokens', 0) or 0) \
+        + (getattr(u, 'cache_creation_input_tokens', 0) or 0)
+    total['output_tokens'] += u.output_tokens or 0
+    stu = getattr(u, 'server_tool_use', None)
+    if stu:
+        total['web_search_requests'] += getattr(stu, 'web_search_requests', 0) or 0
+
+
+def collect(radar):
+    """The batch's answer, if it's there: a digest. Returns 'done', 'waiting' or an error text."""
+    p = radar.pending
+    if not p:
+        return 'done'
+    client = _client()
+    batch = client.messages.batches.retrieve(p['batch_id'])
+    if batch.processing_status != 'ended':
+        return 'waiting'
+    usage = {'input_tokens': 0, 'output_tokens': 0, 'web_search_requests': 0}
+    papers_json, news_md, problems = None, '', []
+    for res in client.messages.batches.results(batch.id):
+        if res.result.type != 'succeeded':
+            detail = getattr(getattr(res.result, 'error', None), 'type', '')
+            problems.append(f'{res.custom_id}: {res.result.type} {detail}'.strip())
+            continue
+        msg = res.result.message
+        _add_usage(usage, msg)
+        if msg.stop_reason == 'refusal':
+            problems.append(f'{res.custom_id}: abgelehnt')
+        elif res.custom_id == 'papers':
+            if msg.stop_reason == 'max_tokens':
+                problems.append('papers: max_tokens erreicht, Ausgabe unvollständig')
+            else:
+                try:
+                    papers_json = json.loads(_text(msg))
+                except ValueError:
+                    problems.append('papers: keine gültige JSON-Antwort')
+        elif res.custom_id == 'news':
+            news_md = _text(msg)
+    if papers_json is None:
+        # Nothing remembered as seen: the next run gets the papers again.
+        radar.pending = None
+        radar.last_error = 'Einordnung fehlgeschlagen: ' + '; '.join(problems)
+        radar.save(update_fields=['pending', 'last_error'])
+        return radar.last_error
+    p['errors'] = list(p.get('errors') or []) + problems
+    bundle = build_bundle(radar.config, p, papers_json, news_md, usage, batch.id)
+    store(radar, bundle, mark_seen=[r['id'] for r in p['records']])
+    return 'done'
+
+
+def store(radar, bundle, mark_seen=None):
+    """A digest in; what it reports counts as seen. Replaces one with the same batch."""
+    with transaction.atomic():
+        if bundle.get('batch_id'):
+            radar.digests.filter(batch_id=bundle['batch_id']).delete()
+        d = RadarDigest.objects.create(radar=radar, generated=date.fromisoformat(str(bundle['generated'])[:10]),
+                                       batch_id=bundle.get('batch_id') or '', bundle=bundle)
+        seen = list(dict.fromkeys(list(radar.seen) + list(mark_seen or [i.get('id') for i in bundle.get('items', [])])))
+        radar.seen = [s for s in seen if s][-SEEN_MAX:]
+        radar.pending = None
+        radar.last_error = ''
+        radar.save(update_fields=['seen', 'pending', 'last_error'])
+    return d
+
+
+def tick(now=None):
+    """What the cron job does: collect what's done, submit what's due. Returns lines to log."""
+    out = []
+    for radar in Radar.objects.filter(enabled=True).select_related('project'):
+        try:
+            if radar.pending:
+                r = collect(radar)
+                if r != 'waiting':
+                    out.append(f'radar {radar.project_id}: {r}')
+            elif due(radar, now):
+                out.append(f'radar {radar.project_id}: {submit(radar)}')
+        except Exception as e:  # noqa: BLE001 - one radar's trouble mustn't stop the others
+            radar.last_error = str(e)[:2000]
+            radar.save(update_fields=['last_error'])
+            out.append(f'radar {radar.project_id}: Fehler {e}')
+    return out
+
+
+# ---- API ---------------------------------------------------------------------------------------
+
+def _auth(request):
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    return None
+
+
+def next_run(radar, now=None):
+    """When the cron job will fetch next: now (it's due), else the coming weekday and hour."""
+    if not radar.enabled:
+        return None
+    now = (now or timezone.now()).astimezone(ZONE)
+    if radar.pending:
+        return None
+    if due(radar, now):
+        return now.isoformat()
+    c = radar.config
+    weekday, hour = int(c.get('weekday', 6)), int(c.get('hour', 18))
+    t = (now + timedelta(days=(weekday - now.weekday()) % 7)).replace(hour=hour, minute=0, second=0, microsecond=0)
+    if t <= now:
+        t += timedelta(days=7)
+    return t.isoformat()
+
+
+def _radar_json(radar):
+    c = radar.config
+    return {'enabled': radar.enabled, 'title': c.get('title', 'Radar'), 'groups': c.get('groups', []),
+            'group_labels': c.get('group_labels', {}), 'weekday': c.get('weekday', 6), 'hour': c.get('hour', 18),
+            'days': c.get('days', 7), 'sources': [s for s, on in (('PubMed', c.get('pubmed')), ('arXiv', c.get('arxiv')),
+                                                                ('bioRxiv/medRxiv', c.get('keywords'))) if on],
+            'running': bool(radar.pending), 'submitted': (radar.pending or {}).get('submitted'),
+            'last_run_at': radar.last_run_at.isoformat() if radar.last_run_at else None,
+            'last_error': radar.last_error, 'next_run': next_run(radar),
+            'key': bool(os.environ.get('ANTHROPIC_API_KEY'))}
+
+
+def _digest_json(d):
+    return {'id': d.id, 'generated': d.generated.isoformat(), 'bundle': d.bundle}
+
+
+@require_http_methods(['GET'])
+def radar_view(request, pk):
+    """The project's Radar and its latest digests (or radar: null)."""
+    err = _auth(request)
+    if err:
+        return err
+    p = Project.objects.filter(pk=pk, user=request.user).first()
+    if not p:
+        return JsonResponse({'error': 'not found'}, status=404)
+    radar = Radar.objects.filter(project=p).first()
+    if not radar:
+        return JsonResponse({'radar': None, 'digests': []})
+    return JsonResponse({'radar': _radar_json(radar),
+                         'digests': [_digest_json(d) for d in radar.digests.all()[:DIGESTS_SHOWN]]})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def radar_settings(request, pk):
+    """{enabled}."""
+    err = _auth(request)
+    if err:
+        return err
+    radar = Radar.objects.filter(project__pk=pk, project__user=request.user).first()
+    if not radar:
+        return JsonResponse({'error': 'not found'}, status=404)
+    try:
+        body = json.loads(request.body or b'{}')
+    except ValueError:
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    if 'enabled' in body:
+        radar.enabled = bool(body['enabled'])
+        radar.save(update_fields=['enabled'])
+    return JsonResponse({'radar': _radar_json(radar)})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def radar_run(request, pk):
+    """Fetch now rather than on the weekday: the cron job takes it within half an hour."""
+    err = _auth(request)
+    if err:
+        return err
+    radar = Radar.objects.filter(project__pk=pk, project__user=request.user).first()
+    if not radar:
+        return JsonResponse({'error': 'not found'}, status=404)
+    if not radar.pending:
+        radar.last_run_at = None
+        radar.enabled = True
+        radar.save(update_fields=['last_run_at', 'enabled'])
+    return JsonResponse({'radar': _radar_json(radar)})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def radar_import(request, pk):
+    """A digest made elsewhere (digest_batch.py --diora-url, Bearer token): the bundle."""
+    err = _auth(request)
+    if err:
+        return err
+    radar = Radar.objects.filter(project__pk=pk, project__user=request.user).first()
+    if not radar:
+        return JsonResponse({'error': 'not found'}, status=404)
+    try:
+        bundle = json.loads(request.body or b'{}')
+        date.fromisoformat(str(bundle['generated'])[:10])
+        if bundle.get('version') != 1 or not isinstance(bundle.get('items'), list):
+            raise ValueError
+    except (ValueError, KeyError, TypeError):
+        return JsonResponse({'error': 'kein Digest (version 1)'}, status=400)
+    if len(request.body) > 5_000_000:
+        return JsonResponse({'error': 'zu groß'}, status=400)
+    d = store(radar, bundle)
+    return JsonResponse({'digest': d.id})
diff --git a/projects/radar_presets.py b/projects/radar_presets.py
new file mode 100644
index 0000000..263d348
--- /dev/null
+++ b/projects/radar_presets.py
@@ -0,0 +1,120 @@
+"""Radar configurations (docs/projects.md): what a project's Radar searches and how Claude
+sorts it. NEUROPOLITIK is taken as it was from F:\neuropolitik\tools (fetch_papers.py,
+digest_batch.py, the "Neuropolitik Grundlagen" session); generated, edit with care: papers_task
+keeps {n}, {glossar} and {records}, news_task {today}."""
+
+# flake8: noqa: E501
+NEUROPOLITIK = {'title': 'Neuropolitik-Digest',
+ 'model': 'claude-opus-5-5',
+ 'days': 7,
+ 'weekday': 6,
+ 'hour': 18,
+ 'pubmed': {'technik': '"brain-computer interface*"[tiab] OR "brain computer interface*"[tiab] OR '
+                       '"brain-machine interface*"[tiab] OR "neural interface*"[tiab] OR neuroprosthe*[tiab] '
+                       'OR "speech decoding"[tiab] OR "Brain-Computer Interfaces"[Mesh]',
+            'gesellschaft': 'neuroethic*[tiab] OR neuroright*[tiab] OR "neural data"[tiab] OR "mental '
+                            'privacy"[tiab] OR "cognitive liberty"[tiab] OR "neurotechnolog*"[tiab] OR '
+                            '"neural privacy"[tiab]',
+            'propriozeption': '(propriocept*[tiab] OR "sensory feedback"[tiab] OR "somatosensory '
+                              'feedback"[tiab] OR "artificial touch"[tiab] OR "intracortical '
+                              'microstimulation"[tiab] OR embodiment[tiab] OR "body schema"[tiab]) AND '
+                              '(prosthe*[tiab] OR neuroprosthe*[tiab] OR bionic[tiab] OR "neural '
+                              'interface*"[tiab] OR "brain-computer"[tiab] OR "brain-machine"[tiab] OR '
+                              '"nerve stimulation"[tiab] OR "spinal cord stimulation"[tiab] OR '
+                              'exoskeleton*[tiab])'},
+ 'arxiv': 'abs:"brain-computer interface" OR abs:"brain-machine interface" OR abs:"brain computer interface" '
+          'OR abs:"neural interface" OR abs:neurotechnology OR abs:"neural decoding" OR abs:neuroprosthesis '
+          'OR (abs:proprioception AND (abs:prosthesis OR abs:prosthetic OR abs:"neural interface")) OR '
+          'abs:"intracortical microstimulation"',
+ 'keywords': 'brain[- ]?(computer|machine) interface|\\bBCIs?\\b|neuroprosthe|neural interface|intracortical '
+             '(decod|record|microstim|array|implant)|neural decod|speech decod|brain '
+             'decod|neurotechnolog|neuroethic|neuroright|neural data|mental privacy|cognitive '
+             'liberty|closed[- ]loop (neuro)?(stimulation|modulation)|adaptive deep brain '
+             'stimulation|brain[- ]to[- ](text|speech|image)|intracortical microstimulation|artificial '
+             '(touch|sensation|proprioception)|propriocept\\w* '
+             '(feedback|restoration|neuroprosthe)|bidirectional (BCI|brain|neural)|bionic '
+             '(limb|leg|arm|hand)|myoneural|somatosensory (feedback|neuroprosthe)|(sensory|somatosensory) '
+             'feedback[^.]{0,60}prosthe',
+ 'rxiv': ['biorxiv', 'medrxiv'],
+ 'groups': ['lesenswert', 'propriozeption', 'gesellschaft', 'technik', 'rauschen'],
+ 'group_labels': {'lesenswert': 'Lesenswert',
+                  'propriozeption': 'Propriozeption und Körper',
+                  'gesellschaft': 'Gesellschaft, Ethik, Recht',
+                  'technik': 'Technik im Überblick',
+                  'rauschen': 'Rauschen'},
+ 'system': 'Du schreibst den wöchentlichen Digest für „Neuropolitik“, ein geplantes Publikationsprojekt '
+           '(Blog/Podcast) über Brain-Computer-Interfaces (BCIs), Neurotechnologie, Propriozeption und '
+           'Neuroprothetik und ihre Auswirkungen auf die Gesellschaft – aus einer linken Perspektive '
+           '(Marxismus, Ljubljana-Schule: Žižek, Zupančič, Dolar; dazu Malabou, Johnston, Pasquinelli, '
+           'Rose/Abi-Rached).\n'
+           '\n'
+           'Die Person hinter dem Projekt ist theoretisch geschult, hat aber keine neurowissenschaftliche '
+           'Ausbildung und arbeitet sich gerade in die Grundlagen ein. Theorie musst du nicht erklären, '
+           'Technik schon – knapp und präzise.\n'
+           '\n'
+           'Ein eigener Schwerpunkt ist Propriozeption: künstliche Rückmeldung von Körperlage und Berührung '
+           '(intrakortikale Mikrostimulation, bidirektionale BCIs, Nervenschnittstellen in Prothesen, '
+           'myoneurale Schnittstellen), Embodiment und Körperschema bei Prothesen und Exoskeletten, Verlust '
+           'und Wiederherstellung der Eigenwahrnehmung.\n'
+           '\n'
+           'Regeln:\n'
+           '- Schreib auf Deutsch, sachlich und präzise. Die linke Perspektive gehört nur in den '
+           '„politischen Haken“.\n'
+           '- Behaupte nichts, was nicht in der Quelle steht. Du kennst von den Papers nur Titel und '
+           '(gekürztes) Abstract – schreib „laut Abstract“, wo das wichtig ist. Erfinde keine Zahlen, '
+           'Autor:innen oder Ergebnisse.\n'
+           '- Gib Abstracts nicht wörtlich wieder, sondern fasse in eigenen Worten zusammen.',
+ 'papers_task': 'Ordne jedes der folgenden {n} Papers genau einer Gruppe zu und schreib die passenden Texte. '
+                'Jede ID muss genau einmal in `items` vorkommen.\n'
+                '\n'
+                'Gruppen:\n'
+                '- lesenswert (höchstens 6, möglichst 3–6): Studien an Menschen und klinische BCI-Studien; '
+                'alles zu Propriozeption und sensorischer Rückmeldung; Decoding von Sprache, innerer '
+                'Sprache, Bildern oder Bedeutung (besonders nicht-invasiv: EEG, fMRT, MEG, fNIRS); '
+                '„schreibende“ Neurotechnik (Stimulation, Closed-Loop, Tiefe Hirnstimulation mit BCI-Bezug); '
+                'Durchbrüche bei Implantaten; Papers kommerzieller Akteure (Neuralink, Synchron, '
+                'Paradromics, Precision Neuroscience, Blackrock Neurotech, Merge Labs, Meta, Apple, '
+                'chinesische BCI-Firmen); Einsätze in Militär, Arbeitswelt oder Konsumprodukten; neuronale '
+                'Daten; große Reviews. Was politisch oder gesellschaftlich Gewicht hat, geht vor rein '
+                'inkrementeller Technik.\n'
+                '- propriozeption: Papers mit Propriozeptions-Bezug, die nicht lesenswert sind.\n'
+                '- gesellschaft: Ethik, Recht, Regulierung, Neurorechte, Datenschutz, Disability Studies, '
+                'Wissenschaftsforschung (STS), Philosophie.\n'
+                '- technik: übrige relevante BCI- und Neuroprothetik-Technik.\n'
+                '- rauschen: kein echter BCI- oder Neurotech-Bezug (Schlagwort-Fehltreffer) oder sehr '
+                'inkrementelle ML-Arbeiten zur EEG-Klassifikation.\n'
+                '\n'
+                'Felder je Paper:\n'
+                '- lesenswert: `worum_es_geht` (2–3 Sätze), `einordnung` (Studientyp: Peer Review oder '
+                'Preprint, Mensch/Tier/Simulation, Zahl der Teilnehmenden falls genannt; invasiv oder '
+                'nicht-invasiv; lesend oder schreibend; Hype-Check: was zeigt das Paper wirklich, was '
+                'nicht), `politischer_haken` (1–2 Sätze als Anregung, nicht als fertige These: Eigentum und '
+                'Plattformabhängigkeit, Arbeit und Überwachung, neuronale Daten als Ware, Militär, '
+                'Behinderung und Legitimationsnarrative, Ideologie des „Gehirnsubjekts“, Gedankenlesen und '
+                'Subjektivität, Körperschema und Eigenleib …) und `kurz` (ein Satz).\n'
+                '- propriozeption, gesellschaft: `kurz` (1–2 Sätze), die übrigen Felder leer.\n'
+                '- technik: `kurz` (eine Zeile: was daran neu ist), die übrigen Felder leer.\n'
+                '- rauschen: alle Textfelder leer.\n'
+                '\n'
+                'Außerdem:\n'
+                '- `auf_einen_blick`: 3–5 Sätze – was war diese Woche wichtig, gibt es einen Trend?\n'
+                '- `grundlagenbegriff`: Erkläre in 3–5 Sätzen einen technischen Begriff, der in den Papers '
+                'dieser Woche vorkommt und für Leser:innen mit Theorie-, aber ohne Neuro-Hintergrund wichtig '
+                'ist. Nicht wiederholen: {glossar}.\n'
+                '\n'
+                'Bei einer ruhigen Woche fällt alles kürzer aus. Nichts künstlich aufblähen.\n'
+                '\n'
+                'Papers (JSON):\n'
+                '{records}',
+ 'news_task': 'Recherchiere mit höchstens 4 Websuchen Nachrichten der letzten 7 Tage (Stichtag {today}) zu '
+              'Neurotechnologie und BCIs: Neuralink, Synchron und andere BCI-Firmen samt Finanzierung, '
+              'Gesetze zu neuronalen Daten und Neurorechten (USA, EU, Chile, UNESCO), Chinas '
+              'BCI-Industriepolitik, DARPA und Militär.\n'
+              '\n'
+              'Antworte nur mit einer Markdown-Liste, ohne Einleitung, ein Eintrag pro Meldung:\n'
+              '- **Kurztitel:** 1–2 Sätze. [Quelle](URL)\n'
+              '\n'
+              'Nimm nur Meldungen auf, deren Quelle du in den Suchergebnissen gesehen hast, und nur aus den '
+              'letzten 7 Tagen. Gibt es nichts Relevantes, antworte genau: Keine relevanten Meldungen.'}
+
+PRESETS = {'neuropolitik': NEUROPOLITIK}
diff --git a/projects/test_radar.py b/projects/test_radar.py
new file mode 100644
index 0000000..4c40376
--- /dev/null
+++ b/projects/test_radar.py
@@ -0,0 +1,144 @@
+"""The Radar (projects/radar.py, projects/papers.py) with a pretend Claude."""
+import json
+from datetime import datetime
+from types import SimpleNamespace as NS
+from unittest.mock import patch
+from zoneinfo import ZoneInfo
+
+from django.contrib.auth.models import User
+from django.test import TestCase
+
+from . import papers, radar
+from .models import Project, Radar
+from .radar_presets import NEUROPOLITIK
+
+BERLIN = ZoneInfo('Europe/Berlin')
+REC = [
+    {'id': 'pmid:1', 'doi': '10.1/a', 'source': 'PubMed', 'topic': 'technik', 'title': 'Speech BCI',
+     'journal': 'Nature', 'first_author': 'Willett', 'n_authors': 9, 'pub_types': [], 'date': '2026',
+     'url': 'https://pubmed.ncbi.nlm.nih.gov/1/', 'abstract': 'A speech neuroprosthesis.'},
+    {'id': 'arxiv:2610.1', 'doi': None, 'source': 'arXiv', 'topic': None, 'title': 'EEG noise',
+     'journal': 'arXiv eess.SP', 'first_author': 'A', 'n_authors': 2, 'pub_types': ['Preprint'],
+     'date': '2026-10-18', 'url': 'https://arxiv.org/abs/2610.1', 'abstract': 'EEG.'},
+]
+
+
+def message(text, stop='end_turn', searches=0):
+    return NS(content=[NS(type='text', text=text)], stop_reason=stop,
+              usage=NS(input_tokens=1000, output_tokens=200, cache_read_input_tokens=0, cache_creation_input_tokens=0,
+                       server_tool_use=NS(web_search_requests=searches) if searches else None))
+
+
+class FakeClient:
+    def __init__(self, status='ended', papers_text=None):
+        self.created = []
+        self.status = status
+        self.papers_text = papers_text or json.dumps({
+            'auf_einen_blick': 'Eine ruhige Woche.',
+            'grundlagenbegriff': {'begriff': 'Decoder', 'erklaerung': 'Ein Modell, das …'},
+            'items': [{'id': 'pmid:1', 'gruppe': 'lesenswert', 'worum_es_geht': 'Sprache.', 'einordnung': 'Peer Review.',
+                       'politischer_haken': 'Stimme.', 'kurz': 'Sprache aus dem Kortex.'},
+                      {'id': 'erfunden', 'gruppe': 'technik', 'worum_es_geht': '', 'einordnung': '',
+                       'politischer_haken': '', 'kurz': 'x'}]})
+        outer = self
+
+        class Batches:
+            def create(self, requests):
+                outer.created.append(requests)
+                return NS(id='msgbatch_1', processing_status='in_progress')
+
+            def retrieve(self, bid):
+                return NS(id=bid, processing_status=outer.status)
+
+            def results(self, bid):
+                return [NS(custom_id='papers', result=NS(type='succeeded', message=message(outer.papers_text))),
+                        NS(custom_id='news', result=NS(type='succeeded', message=message('- **X:** y. [Q](https://q)', searches=2)))]
+        self.messages = NS(batches=Batches())
+
+
+class RadarTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='radar', password='pw12345678')
+        self.client.force_login(self.user)
+        self.project = Project.objects.create(user=self.user, data_ct='x', data_iv='a1' * 12)
+        self.radar = Radar.objects.create(project=self.project, config=NEUROPOLITIK)
+
+    def test_due_on_its_weekday_once_a_week(self):
+        sat = datetime(2026, 10, 24, 20, 0, tzinfo=BERLIN)
+        sun_early = datetime(2026, 10, 25, 17, 0, tzinfo=BERLIN)
+        sun = datetime(2026, 10, 25, 18, 5, tzinfo=BERLIN)
+        self.radar.last_run_at = datetime(2026, 10, 18, 18, 1, tzinfo=BERLIN)
+        self.assertFalse(radar.due(self.radar, sat))
+        self.assertFalse(radar.due(self.radar, sun_early))
+        self.assertTrue(radar.due(self.radar, sun))
+        self.radar.last_run_at = sun
+        self.assertFalse(radar.due(self.radar, datetime(2026, 10, 25, 23, 0, tzinfo=BERLIN)))
+        self.radar.last_run_at = None
+        self.assertTrue(radar.due(self.radar, sat), 'never run: at once')
+
+    def test_submit_and_collect(self):
+        fake = FakeClient(status='in_progress')
+        with patch.object(radar, '_client', return_value=fake), \
+                patch.object(papers, 'collect', return_value=(list(REC), ['medrxiv: down'])):
+            self.assertIn('2 Papers', radar.submit(self.radar))
+            reqs = fake.created[0]
+            self.assertEqual([r['custom_id'] for r in reqs], ['papers', 'news'])
+            self.assertIn('Speech BCI', reqs[0]['params']['messages'][0]['content'])
+            self.assertEqual(radar.collect(self.radar), 'waiting')
+            fake.status = 'ended'
+            self.assertEqual(radar.collect(self.radar), 'done')
+        self.radar.refresh_from_db()
+        self.assertIsNone(self.radar.pending)
+        self.assertEqual(set(self.radar.seen), {'pmid:1', 'arxiv:2610.1'})
+        b = self.radar.digests.get().bundle
+        self.assertEqual({i['id']: i['gruppe'] for i in b['items']}, {'pmid:1': 'lesenswert', 'arxiv:2610.1': 'technik'})
+        self.assertEqual(b['items'][0]['title'], 'Speech BCI', 'titles from the sources, not the model')
+        self.assertEqual(b['stats']['usage'], {'input_tokens': 2000, 'output_tokens': 400, 'web_search_requests': 2})
+        self.assertEqual(b['stats']['errors'], ['medrxiv: down'])
+        # The next week the basic term isn't asked for again.
+        self.assertIn('Decoder', radar.build_requests(NEUROPOLITIK, REC, radar._terms(self.radar), '2026-10-26')[0]
+                      ['params']['messages'][0]['content'])
+
+    def test_a_failed_sorting_forgets_nothing(self):
+        fake = FakeClient(papers_text='kein json')
+        self.radar.pending = {'batch_id': 'b', 'generated': '2026-10-19', 'days': 7, 'records': REC, 'errors': []}
+        self.radar.save()
+        with patch.object(radar, '_client', return_value=fake):
+            self.assertIn('fehlgeschlagen', radar.collect(self.radar))
+        self.radar.refresh_from_db()
+        self.assertEqual((self.radar.seen, self.radar.pending, self.radar.digests.count()), ([], None, 0))
+
+    def test_nothing_new_no_batch(self):
+        fake = FakeClient()
+        with patch.object(radar, '_client', return_value=fake), patch.object(papers, 'collect', return_value=([], [])):
+            self.assertEqual(radar.submit(self.radar), 'Keine neuen Papers.')
+        self.assertEqual(fake.created, [])
+
+    def test_api_view_run_import(self):
+        r = self.client.get(f'/projects/{self.project.id}/radar/').json()
+        self.assertEqual((r['radar']['title'], r['digests']), ('Neuropolitik-Digest', []))
+        bundle = {'version': 1, 'generated': '2026-10-19', 'items': [{'id': 'pmid:9', 'gruppe': 'technik'}],
+                  'batch_id': 'msgbatch_x'}
+        self.client.post(f'/projects/{self.project.id}/radar/import/', json.dumps(bundle), content_type='application/json')
+        self.client.post(f'/projects/{self.project.id}/radar/import/', json.dumps(bundle), content_type='application/json')
+        r = self.client.get(f'/projects/{self.project.id}/radar/').json()
+        self.assertEqual(len(r['digests']), 1, 'the same batch once')
+        self.assertIn('pmid:9', Radar.objects.get().seen)
+        self.assertEqual(self.client.post(f'/projects/{self.project.id}/radar/import/', '{}',
+                                          content_type='application/json').status_code, 400)
+        r = self.client.post(f'/projects/{self.project.id}/radar/run/').json()
+        self.assertTrue(radar.due(Radar.objects.get()))
+        other = User.objects.create_user(username='x', password='pw12345678')
+        self.client.force_login(other)
+        self.assertEqual(self.client.get(f'/projects/{self.project.id}/radar/').status_code, 404)
+
+
+class PapersTests(TestCase):
+    def test_collect_leaves_out_doubles_and_seen(self):
+        dup = dict(REC[0], id='doi:10.1/a', source='biorxiv')
+        with patch.object(papers, 'fetch_pubmed', return_value=[REC[0]]), \
+                patch.object(papers, 'fetch_arxiv', return_value=[REC[1]]), \
+                patch.object(papers, 'fetch_rxiv', side_effect=[[dup], OSError('down')]):
+            got, errors = papers.collect(NEUROPOLITIK, 7, seen={'arxiv:2610.1'})
+        self.assertEqual([r['id'] for r in got], ['pmid:1'])
+        self.assertEqual(errors, ['medrxiv: down'])
diff --git a/projects/urls.py b/projects/urls.py
index 1accac1..92d4dd4 100644
--- a/projects/urls.py
+++ b/projects/urls.py
@@ -1,6 +1,6 @@
 from django.urls import path
 
-from . import views
+from . import radar, views
 
 urlpatterns = [
     path('', views.projects, name='projects'),
@@ -8,6 +8,10 @@ urlpatterns = [
     path('doi/', views.doi, name='projects_doi'),
     path('<int:pk>/', views.project, name='projects_project'),
     path('<int:pk>/delete/', views.delete, name='projects_delete'),
+    path('<int:pk>/radar/', radar.radar_view, name='projects_radar'),
+    path('<int:pk>/radar/settings/', radar.radar_settings, name='projects_radar_settings'),
+    path('<int:pk>/radar/run/', radar.radar_run, name='projects_radar_run'),
+    path('<int:pk>/radar/import/', radar.radar_import, name='projects_radar_import'),
     path('<int:pk>/items/add/', views.item_add, name='projects_item_add'),
     path('items/<int:pk>/', views.item_update, name='projects_item_update'),
     path('items/<int:pk>/delete/', views.item_delete, name='projects_item_delete'),
diff --git a/requirements.txt b/requirements.txt
index caa4915..7296680 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -23,3 +23,5 @@ imageio-ffmpeg==0.6.0
 trafilatura==2.3.0
 # Subscriber logins of the feed reader are kept encrypted (feeds/logins.py).
 cryptography==50.0.1
+# The Radar of a project sorts the week's papers with Claude (Batch API, projects/radar.py).
+anthropic==1.15.0
diff --git a/static/js/nav.js b/static/js/nav.js
index a972b0f..2b5b982 100644
--- a/static/js/nav.js
+++ b/static/js/nav.js
@@ -201,7 +201,9 @@
     if (routing) return;
     let hash = current;
     if (current === 'radio') hash += '/' + (load('diora_active_radio_tab') || 'saved');
-    if (location.hash.slice(1) !== hash) history.pushState(null, '', '#' + hash);
+    // A place inside the section (#projekte/12) stays: the section's script reads it.
+    const now = location.hash.slice(1);
+    if (now !== hash && now.indexOf(current + '/') !== 0) history.pushState(null, '', '#' + hash);
   }
 
   function route() {
diff --git a/static/js/projects.js b/static/js/projects.js
index c1ea61b..db37c81 100644
--- a/static/js/projects.js
+++ b/static/js/projects.js
@@ -19,7 +19,8 @@
     research: {
       label: 'Forschung',
       hint: 'Papers, Bücher, Folgen und Artikel als Quellen, Zitationen, Notizen.',
-      tabs: [['sources', 'Quellen'], ['notes', 'Notizen']],
+      // Radar only where the project has one (a server-side config, docs/projects.md).
+      tabs: [['radar', 'Radar'], ['sources', 'Quellen'], ['notes', 'Notizen']],
     },
   };
   const KIND = {
@@ -340,10 +341,14 @@
     const d = await api('/projects/' + id + '/');
     const items = [];
     for (const i of d.items) items.push(Object.assign({}, i, {iv: i.data_iv, data: await open_(i.data_ct, i.data_iv)}));
+    let radar = {radar: null, digests: []};
+    try { radar = await api('/projects/' + id + '/radar/'); } catch (e) {}
     st.open = {id: d.project.id, preset: d.project.preset, archived: d.project.archived, iv: d.project.data_iv,
-      data: await open_(d.project.data_ct, d.project.data_iv), items: items};
+      data: await open_(d.project.data_ct, d.project.data_iv), items: items, radar: radar.radar, digests: radar.digests || []};
     if (!keepView) {
-      st.view = 'sources';
+      st.view = st.open.radar ? 'radar' : 'sources';
+      st.digest = 0;
+      st.radarShow = 'all';
       st.filter = 'all';
       st.expanded = null;
       st.note = null;
@@ -628,7 +633,7 @@
   }
 
   function sources() {
-    return st.open.items.filter(i => i.kind !== 'note');
+    return st.open.items.filter(i => SOURCE_KINDS.indexOf(i.kind) >= 0);
   }
 
   function notes() {
@@ -651,10 +656,11 @@
         '<button type="button" class="prj-btn" data-act="archive">' + (p.archived ? 'Aus dem Archiv holen' : 'Archivieren') + '</button>' +
         '<button type="button" class="prj-btn prj-danger" data-act="delete">Löschen …</button></div>';
     }
-    h += '<div class="prj-tabs">' + preset.tabs.map(t => '<button type="button" class="prj-tab' + (st.view === t[0] ? ' on' : '') +
-      '" data-view="' + t[0] + '">' + esc(t[1]) + '<span class="prj-count">' +
-      (t[0] === 'sources' ? sources().length : notes().length) + '</span></button>').join('') + '</div>';
-    h += st.view === 'notes' ? notesHtml() : sourcesHtml();
+    const count = id => id === 'sources' ? sources().length : id === 'notes' ? notes().length : radarNew();
+    h += '<div class="prj-tabs">' + preset.tabs.filter(t => t[0] !== 'radar' || p.radar).map(t =>
+      '<button type="button" class="prj-tab' + (st.view === t[0] ? ' on' : '') + '" data-view="' + t[0] + '">' + esc(t[1]) +
+      '<span class="prj-count">' + (count(t[0]) || '') + '</span></button>').join('') + '</div>';
+    h += st.view === 'notes' ? notesHtml() : st.view === 'radar' && p.radar ? radarHtml() : sourcesHtml();
     return h;
   }
 
@@ -727,6 +733,174 @@
       '<button type="button" class="prj-btn prj-danger" data-remove="' + i.id + '">Entfernen</button></div></div>';
   }
 
+  // ---- the Radar: the week's papers, sorted by Claude on the server; the decisions are ours ----------
+
+  const DECISIONS = {read: 'gelesen', later: 'später', drop: 'verworfen', source: 'in Quellen'};
+
+  // The project's item holding the decisions ({id: state}), encrypted like everything else.
+  function radarItem() {
+    return st.open.items.filter(i => i.kind === 'radar' && i.data)[0] || null;
+  }
+
+  function decisions() {
+    if (st.open.radarDec) return st.open.radarDec;   // changed here, maybe not saved yet
+    const i = radarItem();
+    return (i && i.data.decisions) || {};
+  }
+
+  // Undecided papers of the latest digest's first group (the worth-reading): the tab's number.
+  function radarNew() {
+    const d = st.open.digests[0];
+    if (!d || !st.open.radar) return 0;
+    const dec = decisions();
+    return (d.bundle.items || []).filter(it => it.gruppe === (st.open.radar.groups || [])[0] && !dec[it.id]).length;
+  }
+
+  let deciding = Promise.resolve();
+  function decide(id, state) {
+    // Shown at once; the saves follow one after the other, each with everything decided here.
+    const open = st.open;
+    const dec = Object.assign({}, decisions());
+    if (state) dec[id] = state; else delete dec[id];
+    open.radarDec = dec;
+    const changed = {};
+    changed[id] = state || null;
+    deciding = deciding.then(async () => {
+      const it = open.items.filter(i => i.kind === 'radar' && i.data)[0];
+      if (!it) { await addItem('radar', null, {decisions: Object.assign({}, open.radarDec)}); return; }
+      if (await saveItem(it, {decisions: Object.assign({}, open.radarDec)})) return;
+      // Decided elsewhere meanwhile: theirs with this one on top.
+      const merged = Object.assign({}, (it.data && it.data.decisions) || {});
+      if (changed[id]) merged[id] = changed[id]; else delete merged[id];
+      open.radarDec = merged;
+      await saveItem(it, {decisions: Object.assign({}, merged)});
+      if (st.open === open) render();
+    }).catch(e => toast('Speichern ging nicht: ' + e.message));
+    return deciding;
+  }
+
+  function paperById(id) {
+    for (const d of st.open.digests) {
+      const it = (d.bundle.items || []).filter(x => x.id === id)[0];
+      if (it) return it;
+    }
+    return null;
+  }
+
+  // A paper of the Radar as a source: its citation data from doi.org, else from what the Radar has.
+  async function paperToSource(it) {
+    let csl = null;
+    if (it.doi) {
+      try { csl = (await api('/projects/doi/?q=' + encodeURIComponent(it.doi))).csl; } catch (e) {}
+    }
+    if (!csl) {
+      const pre = /preprint/i.test((it.pub_types || []).join(' ')) || /arxiv|rxiv/i.test(it.source || '');
+      csl = {type: pre ? 'article' : 'article-journal', title: it.title, 'container-title': it.journal || '',
+        author: it.first_author ? names(it.first_author).concat(it.n_authors > 1 ? [{literal: 'u. a.'}] : []) : [],
+        issued: it.date ? {'date-parts': [String(it.date).split('-').map(Number)]} : undefined, URL: it.url,
+        DOI: it.doi || undefined};
+    }
+    const data = {csl: csl, note: it.kurz || '', doi: it.doi || '', radar: it.id};
+    await keyed(data, st.open.id);
+    await addItem('paper', null, data);
+  }
+
+  function weekOf(iso) {
+    const d = new Date(iso + 'T12:00:00');
+    const t = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
+    t.setUTCDate(t.getUTCDate() + 4 - (t.getUTCDay() || 7));
+    const y = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
+    return Math.ceil(((t - y) / 864e5 + 1) / 7);
+  }
+
+  function dayText(iso, withTime) {
+    const d = new Date(iso.length <= 10 ? iso + 'T12:00:00' : iso);
+    if (isNaN(d)) return '';
+    const o = {weekday: 'short', day: 'numeric', month: 'long'};
+    if (withTime) { o.hour = '2-digit'; o.minute = '2-digit'; }
+    return d.toLocaleString('de-DE', o);
+  }
+
+  function radarStatusHtml(r) {
+    let s = '';
+    if (r.running) s = 'Claude sortiert gerade die Papers' + (r.submitted ? ' (seit ' + dayText(r.submitted, true) + ')' : '') + '.';
+    else if (!r.enabled) s = 'Pausiert.';
+    else if (r.next_run && new Date(r.next_run) - Date.now() < 60 * 60 * 1000) s = 'Der nächste Abruf kommt in der nächsten halben Stunde.';
+    else if (r.next_run) s = 'Nächster Abruf: ' + dayText(r.next_run, true) + '.';
+    let h = '<div class="prj-radar-status"><span class="prj-muted">' + esc(s) +
+      (r.sources.length ? ' ' + esc(r.sources.join(', ')) + ', die letzten ' + r.days + ' Tage.' : '') + '</span>';
+    if (!r.running) h += '<button type="button" class="prj-chip" data-radar-run="1">Jetzt abrufen</button>';
+    h += '<button type="button" class="prj-chip" data-radar-pause="1">' + (r.enabled ? 'Pausieren' : 'Wieder an') + '</button></div>';
+    if (!r.key) h += '<p class="prj-warn">Auf dem Server fehlt noch der API-Schlüssel (ANTHROPIC_API_KEY): bis dahin kommt kein neuer Digest.</p>';
+    if (r.last_error) h += '<p class="prj-warn">' + esc(r.last_error) + '</p>';
+    return h;
+  }
+
+  function paperHtml(it, full, dec) {
+    const state = dec[it.id];
+    const who = (it.first_author || '?') + ((it.n_authors || 0) > 1 ? ' u. a.' : '');
+    const meta = [who, it.journal || it.source, it.date].filter(Boolean).join(' · ');
+    let h = '<div class="prj-paper' + (state === 'drop' ? ' prj-dropped' : '') + '">' +
+      '<div class="prj-paper-title">' + (it.url ? '<a href="' + esc(it.url) + '" target="_blank" rel="noopener">' + esc(it.title) + '</a>' : esc(it.title)) + '</div>' +
+      '<div class="prj-muted">' + esc(meta) + (state ? ' · <b>' + esc(DECISIONS[state]) + '</b>' : '') + '</div>';
+    if (full) {
+      if (it.worum_es_geht) h += '<p><b>Worum es geht:</b> ' + inline(it.worum_es_geht) + '</p>';
+      if (it.einordnung) h += '<p><b>Einordnung:</b> ' + inline(it.einordnung) + '</p>';
+      if (it.politischer_haken) h += '<p><b>Politischer Haken:</b> ' + inline(it.politischer_haken) + '</p>';
+    } else if (it.kurz) h += '<div class="prj-paper-short">' + inline(it.kurz) + '</div>';
+    const b = (s, label) => '<button type="button" class="prj-chip' + (state === s ? ' on' : '') + '" data-radar-decide="' +
+      esc(it.id) + '" data-state="' + s + '">' + label + '</button>';
+    h += '<div class="prj-paper-acts">' + b('later', 'Später') + b('read', 'Gelesen') + b('drop', 'Verwerfen') +
+      (state === 'source' ? '<span class="prj-muted">✓ in Quellen</span>'
+        : '<button type="button" class="prj-chip" data-radar-source="' + esc(it.id) + '">→ Quellen</button>') + '</div></div>';
+    return h;
+  }
+
+  function radarHtml() {
+    const r = st.open.radar;
+    const digests = st.open.digests;
+    const dec = decisions();
+    let h = radarStatusHtml(r);
+    if (!digests.length) return h + '<p class="prj-muted prj-empty">Noch kein Digest.</p>';
+    const later = [];
+    digests.forEach(d => (d.bundle.items || []).forEach(it => { if (dec[it.id] === 'later') later.push(it); }));
+    h += '<div class="prj-chips">' + digests.map((d, n) => '<button type="button" class="prj-chip' +
+      (st.radarShow !== 'later' && (st.digest || 0) === n ? ' on' : '') + '" data-radar-digest="' + n + '">KW ' + weekOf(d.generated) + '</button>').join('') +
+      (later.length ? '<button type="button" class="prj-chip' + (st.radarShow === 'later' ? ' on' : '') + '" data-radar-later="1">Später ' + later.length + '</button>' : '') + '</div>';
+    if (st.radarShow === 'later') {
+      return h + '<h3 class="prj-h3">Für später</h3>' + later.map(it => paperHtml(it, !!it.worum_es_geht, dec)).join('');
+    }
+    const d = digests[Math.min(st.digest || 0, digests.length - 1)];
+    const b = d.bundle;
+    const groups = r.groups && r.groups.length ? r.groups : ['lesenswert'];
+    const label = g => (r.group_labels && r.group_labels[g]) || g;
+    h += '<h3 class="prj-radar-h">' + esc(r.title || 'Digest') + ' · KW ' + weekOf(d.generated) + ', ' + esc(dayText(d.generated)) + '</h3>';
+    if (b.auf_einen_blick) h += '<p class="prj-radar-glance">' + inline(b.auf_einen_blick) + '</p>';
+    groups.forEach((g, n) => {
+      const items = (b.items || []).filter(it => it.gruppe === g);
+      if (!items.length) return;
+      const noise = n === groups.length - 1 && groups.length > 2;   // the last group (Rauschen): closed
+      h += '<details class="prj-radar-group"' + (noise ? '' : ' open') + '><summary class="prj-h3">' + esc(label(g)) +
+        '<span class="prj-count">' + items.length + '</span></summary>' +
+        items.map(it => paperHtml(it, n === 0 && !!it.worum_es_geht, dec)).join('') + '</details>';
+    });
+    if (b.news_markdown && !/^Keine relevanten Meldungen/.test(b.news_markdown.trim())) {
+      h += '<details class="prj-radar-group" open><summary class="prj-h3">Aus Branche und Politik</summary><div class="prj-md">' +
+        markdown(b.news_markdown) + '</div></details>';
+    }
+    const g = b.grundlagenbegriff;
+    if (g && g.begriff) {
+      h += '<div class="prj-radar-term"><div class="prj-h3">Grundlagenbegriff der Woche</div><b>' + esc(g.begriff) + '.</b> ' +
+        inline(g.erklaerung || '') + '</div>';
+    }
+    const s = b.stats || {};
+    h += '<p class="prj-muted prj-radar-stats">' + (s.records || 0) + ' Papers gesichtet' +
+      (s.per_source ? ' (' + Object.keys(s.per_source).map(k => k + ' ' + s.per_source[k]).join(', ') + ')' : '') +
+      (typeof s.cost_usd === 'number' ? ' · ' + s.cost_usd.toFixed(2).replace('.', ',') + ' $' : '') +
+      ((s.errors || []).length ? ' · Fehler: ' + esc(s.errors.join('; ')) : '') + '</p>';
+    return h;
+  }
+
   function notesHtml() {
     if (st.note != null) return noteEditorHtml();
     const list = notes().filter(n => n.data).sort((a, b) => String(b.updated_at).localeCompare(String(a.updated_at)));
@@ -928,6 +1102,35 @@
         render();
         return;
       }
+      if (ds.radarDigest != null) { st.digest = Number(ds.radarDigest); st.radarShow = 'all'; render(); return; }
+      if (ds.radarLater) { st.radarShow = 'later'; render(); return; }
+      if (ds.radarDecide) {
+        const now = decisions()[ds.radarDecide];
+        decide(ds.radarDecide, now === ds.state ? null : ds.state);
+        render();
+        return;
+      }
+      if (ds.radarSource) {
+        const it = paperById(ds.radarSource);
+        if (!it) return;
+        t.disabled = true;
+        await paperToSource(it);
+        await decide(it.id, 'source');
+        toast('In den Quellen');
+        render();
+        return;
+      }
+      if (ds.radarRun) {
+        if (!confirm('Jetzt die Papers der letzten Tage abrufen und von Claude sortieren lassen? Das kostet etwa 0,40 $.')) return;
+        st.open.radar = (await api('/projects/' + st.open.id + '/radar/run/', {})).radar;
+        render();
+        return;
+      }
+      if (ds.radarPause) {
+        st.open.radar = (await api('/projects/' + st.open.id + '/radar/settings/', {enabled: !st.open.radar.enabled})).radar;
+        render();
+        return;
+      }
       if (ds.openNote) { st.note = Number(ds.openNote); st.preview = true; saveState = ''; render(); return; }
       if (ds.cite) {
         const i = citeIndex()[ds.cite];
@@ -1167,6 +1370,25 @@
     '#tab-projekte .prj-md h3 { font-size: 19px; } #tab-projekte .prj-md h4 { font-size: 16px; } #tab-projekte .prj-md h5, #tab-projekte .prj-md h6 { font-size: 15px; }',
     '#tab-projekte .prj-md blockquote { margin: 8px 0; padding-left: 12px; border-left: 3px solid var(--border-strong, #444); color: var(--muted, #9a9a9a); }',
     '#tab-projekte .prj-md a { color: var(--accent, #e63946); }',
+    '#tab-projekte .prj-radar-status { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 4px 0 6px; }',
+    '#tab-projekte .prj-radar-status .prj-muted { flex: 1 1 260px; }',
+    '#tab-projekte .prj-warn { color: var(--accent, #e63946); font-size: 13px; margin: 6px 0; }',
+    '#tab-projekte .prj-radar-h { font-size: 17px; margin: 16px 0 6px; }',
+    '#tab-projekte .prj-radar-glance { line-height: 1.6; font-size: 15px; }',
+    '#tab-projekte .prj-radar-group summary { cursor: pointer; list-style: none; }',
+    '#tab-projekte .prj-radar-group summary::-webkit-details-marker { display: none; }',
+    '#tab-projekte .prj-radar-group summary::before { content: "▸ "; } #tab-projekte .prj-radar-group[open] > summary::before { content: "▾ "; }',
+    '#tab-projekte .prj-paper { padding: 10px 0 12px; border-bottom: 1px solid var(--border, #2a2a2a); }',
+    '#tab-projekte .prj-paper p { margin: 6px 0; line-height: 1.55; font-size: 14px; }',
+    '#tab-projekte .prj-paper-title { font-size: 15px; font-weight: 700; margin-bottom: 2px; }',
+    '#tab-projekte .prj-paper-title a { color: inherit; text-decoration: none; } #tab-projekte .prj-paper-title a:hover { text-decoration: underline; }',
+    '#tab-projekte .prj-paper-short { font-size: 14px; margin-top: 4px; line-height: 1.5; }',
+    '#tab-projekte .prj-paper-acts { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 8px; }',
+    '#tab-projekte .prj-paper-acts .prj-chip { min-height: 30px; font-size: 12px; }',
+    '#tab-projekte .prj-dropped { opacity: .45; }',
+    '#tab-projekte .prj-radar-term { margin: 16px 0; padding: 12px 14px; border-radius: 8px; background: var(--card, #0b0b0b); border: 1px solid var(--border, #2a2a2a); line-height: 1.55; font-size: 14px; }',
+    '#tab-projekte .prj-radar-term .prj-h3 { margin-top: 0; }',
+    '#tab-projekte .prj-radar-stats { margin-top: 14px; }',
     '#tab-projekte .prj-table { overflow-x: auto; margin: 10px 0; }',
     '#tab-projekte .prj-table table { border-collapse: collapse; font-size: 14px; }',
     '#tab-projekte .prj-table th, #tab-projekte .prj-table td { border: 1px solid var(--border, #2a2a2a); padding: 6px 8px; text-align: left; vertical-align: top; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index b808c8a..069a0c2 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v144';
+const CACHE = 'diora-v145';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From fd69ec34721adc86eb999cd7afb1153bf9b6833e Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 24 Oct 2026 16:03:34 +0200
Subject: [PATCH 161/176] Doku nachgezogen: Navigation mit Projekte/Suche/Fokus
 und TOP_TABS (Panels) vs. nav.js (Navigation); app.js-Verweise auf
 static/js/app/

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/navigation.md    | 38 +++++++++++++++++++++++++++++---------
 docs/progress-sync.md |  2 +-
 docs/refactoring.md   |  5 +++--
 3 files changed, 33 insertions(+), 12 deletions(-)

diff --git a/docs/navigation.md b/docs/navigation.md
index 2e77a86..35e4d04 100644
--- a/docs/navigation.md
+++ b/docs/navigation.md
@@ -6,14 +6,20 @@ diora's areas are sorted by what one does, not where things come from:
 |-------|----------|
 | —     | Home |
 | Lesen | Bücher · Zeitschriften · Nachrichten · Blogs |
-| Hören | Hörbücher · Podcasts · Radio · Ambient |
-| —     | Abos & Quellen (managing all subscriptions; phase 2) |
+| Hören | Hörbücher · Podcasts · Radio · Ambient (· Fokus, web page only) |
+| Projekte | Projekte (docs/projects.md; `side`) |
+| — (foot) | Suche (docs/search.md; `footer`, `transient`) · Abos & Quellen (docs/sources.md; `footer`) |
 
 - **Desktop / wide window (sidebar):** every section is its own entry, under
   its group's heading. Nothing inside a section repeats the choice.
-- **Phone (tab bar):** three tabs, **Home · Lesen · Hören**. Lesen and Hören
-  show a row of their sections at the top (segments); each group remembers
-  the section last used. The mini player stays below as it is.
+- **Phone (tab bar):** four tabs, **Home · Lesen · Hören · Projekte** (since 2026-10-19).
+  Lesen and Hören show a row of their sections at the top (segments); each group remembers
+  the section last used. The search is a magnifier in the bar on top (the apps' section bars,
+  the page's narrow bar), never a tab; Abos & Quellen is in the app menu. The mini player
+  stays below as it is.
+- **Sidebar / wide bar:** `side` sections (Projekte) and then the `footer` ones (Suche,
+  Abos & Quellen) stand at its foot. A `transient` section (Suche) is never remembered as
+  the one to open next.
 - **diora Reader** (tolino, e-readers): only Lesen, without Home. **TV:** Hören.
 
 Anything new goes into one of the two groups. Managing (subscribing, settings,
@@ -23,12 +29,21 @@ folders) moves out of the everyday views into "Abos & Quellen" (phase 2).
 
 Loaded by the page on every platform, before the other area scripts. It owns
 the sections, which panel shows each, switching between them, the URL hash
-and the remembered choice. The bars are drawn from it.
+and the remembered choice. The bars are drawn from it. **It is the one source for the
+navigation.**
+
+Underneath, `static/js/app/20-tabs.js` keeps `TOP_TABS`: the list of *panels*
+(`#tab-<name>`) that `showTab(name)` can show — home, radio, focus, podcasts, books, feeds,
+ambient, audiobooks, sources, suche, projekte. That is not a second navigation: nav.js
+maps each section to one of these panels (several sections share one: Bücher/Zeitschriften
+→ books, Nachrichten/Blogs → feeds) and calls `showTab`. A new area needs both: its panel in
+`TOP_TABS` (and the template) and its section in nav.js.
 
 ```
 window.DioraNav = {
   sections(),   // [{id, group, label, icon, available}] in order (only those the page has)
-  groups(),     // [{id: 'home'|'lesen'|'hoeren', label, icon, sections: [id…]}]
+  groups(),     // [{id: 'home'|'lesen'|'hoeren'|'projekte', label, icon, sections: [id…]}]
+  icon(name),   // a section's or group's icon as SVG (also 'menu')
   current(),    // the section id shown now
   go(id),       // show a section ('lesen'/'hoeren': that group's last section)
   onChange(fn), // fn(sectionId) after every change
@@ -46,6 +61,10 @@ window.DioraNav = {
 | `podcasts` | hoeren | Podcasts | `#tab-podcasts` | |
 | `radio` | hoeren | Radio | `#tab-radio` | |
 | `ambient` | hoeren | Ambient | `#tab-ambient` | |
+| `focus` | hoeren | Fokus | `#tab-focus` | web page only (`webOnly`) |
+| `projekte` | projekte | Projekte | `#tab-projekte` | (projects.js) |
+| `suche` | (foot) | Suche | `#tab-suche` | (search.js); never remembered |
+| `sources` | (foot) | Abos & Quellen | `#tab-sources` | (sources.js) |
 
 `go()` calls the page's `showTab(panel)` as before (so everything hooked onto
 showTab keeps working) and then the panel's view hook:
@@ -71,8 +90,9 @@ restyle it.
 
 | Where | Bar | Drawn by |
 |-------|-----|----------|
-| Android (phone) | `#nui-tabbar`: Home · Lesen · Hören | native-radio.js, from `DioraNav.groups()` |
-| Android tablet, desktop (`html.nui-sidebar`) | rail: Home, headings Lesen/Hören with their sections, Menü | native-radio.js, from `DioraNav.sections()` |
+| Android (phone) | `#nui-tabbar`: Home · Lesen · Hören · Projekte | native-radio.js, from `DioraNav.groups()` |
+| Android tablet, desktop (`html.nui-sidebar`) | rail: Home, headings Lesen/Hören with their sections, at the foot Projekte · Suche · Abos & Quellen, Menü | native-radio.js, from `DioraNav.sections()` |
+| Apps, every section | a bar on top (`.nui-tab-bar`; `.nui-section-bar` for the generic ones) with the section's name, its actions and the search magnifier | native-ui.js `SECTION_BARS`, native-radio.js, native-podcast.js |
 | Web page | `#tabs` (narrow: groups + segments; wide: all sections under headings) | nav.js |
 
 A tab/rail button calls `DioraNav.go(id)`; the active state comes from
diff --git a/docs/progress-sync.md b/docs/progress-sync.md
index 1cefc30..9ab05ac 100644
--- a/docs/progress-sync.md
+++ b/docs/progress-sync.md
@@ -3,7 +3,7 @@
 Since 2026-10-12 the place to continue a book is **where it was last read, on any device**, not the
 furthest place ever reached. The furthest place is still kept, as a hint ("Weiteste Stelle").
 This file is the contract between the server (books/views.py `save_progress`), the web reader
-(static/js/app.js), diora-android (Ops.kt / SyncEngine.kt / native-*.js) and diora-desktop
+(static/js/app/46-readpos.js, with the reader in 62-reader.js), diora-android (Ops.kt / SyncEngine.kt / native-*.js) and diora-desktop
 (src/main/ops.js / sync.js). They must apply the same rules.
 
 ## The state per book
diff --git a/docs/refactoring.md b/docs/refactoring.md
index 16c22bf..5a4ef5b 100644
--- a/docs/refactoring.md
+++ b/docs/refactoring.md
@@ -13,7 +13,7 @@ This is the plan for tidying it up without breaking anything.
 * Whoever owns a file does its refactoring (web-native/* → the Android session;
   app.js, home.js, templates, desktop → the desktop session); shared contracts live in docs/.
 
-## The numbers (2026-10-14)
+## The numbers (2026-10-14, before step 2; app.js is now `static/js/app/`)
 
 | file | lines |
 |---|---|
@@ -37,7 +37,8 @@ Android Ops.kt), each tested separately or not at all.
    * Shared test vectors for the reading-position rules (`docs/progress-cases.json`), run by
      the Django tests, desktop's node tests and Android's OpsTest — one contract, checked
      in all four places.
-2. **Split app.js** by its sections into plain scripts loaded in order (radio, focus,
+2. **Split app.js** (done: 656520f, sw v106 — `static/js/app/NN-*.js`, 33 files; the
+   template lists them in order) by its sections into plain scripts loaded in order (radio, focus,
    ambient, crypto, epub, books, reading position, reader, tts, highlights, margin, …). They
    stay classic scripts sharing globals, so the native layers that wrap `window.*` keep
    working unchanged; template, sw.js SHELL and Android's build_web list them. No code

From e2bb1f9c5d0ce2ace8ebf73a2c15bce27184b87f Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 24 Oct 2026 16:04:12 +0200
Subject: [PATCH 162/176] Doku: Abos & Quellen erledigt,
 Zeitschriften-Markierung, folders als Liste, Strom/Merkliste statt
 Neu/Warteschlange, theme.md ordnet feeds.js und podcast-ui.css richtig zu

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/navigation.md | 11 ++++++-----
 docs/sources.md    |  4 ++--
 docs/theme.md      |  6 ++++--
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/docs/navigation.md b/docs/navigation.md
index 35e4d04..0ef6b34 100644
--- a/docs/navigation.md
+++ b/docs/navigation.md
@@ -22,8 +22,8 @@ diora's areas are sorted by what one does, not where things come from:
   the one to open next.
 - **diora Reader** (tolino, e-readers): only Lesen, without Home. **TV:** Hören.
 
-Anything new goes into one of the two groups. Managing (subscribing, settings,
-folders) moves out of the everyday views into "Abos & Quellen" (phase 2).
+Anything new goes into one of the groups. Managing (subscribing, settings,
+folders) is in "Abos & Quellen" (docs/sources.md; done).
 
 ## One definition: `static/js/nav.js` (diora-web)
 
@@ -76,8 +76,9 @@ Hash: `#books`, `#magazines`, `#news`, `#blogs`, `#audiobooks`, … (old hashes
 `#feeds`, `#radio/saved` keep working). Remembered: `localStorage`
 `diora_nav_section` and `diora_nav_last_<group>`.
 
-**Zeitschriften** (phase 1): the books in a library folder called
-"Zeitschriften" (or "Magazine"); a per-book mark follows with phase 3.
+**Zeitschriften**: the books marked as magazines (encrypted meta `magazine`), or, unmarked,
+those in a library folder called "Zeitschriften" (or "Magazine"); issues and articles:
+docs/library.md.
 
 ### The segment row (phone)
 
@@ -105,6 +106,6 @@ A tab/rail button calls `DioraNav.go(id)`; the active state comes from
    audiobook mark in one place; the everyday views without managing.
 3. Library (done): audiobook series are found in the titles ("Das Kapital –
    Erster Band" …) and shown as one stack; audiobooks have folders
-   (`PodcastFeed.folder`); a book is marked as a magazine in its encrypted
+   (`PodcastFeed.folders`, a list; `folder` is its first, for older clients); a book is marked as a magazine in its encrypted
    meta (`magazine: true/false`; unset: the "Zeitschriften" folder decides), and
    Zeitschriften groups the issues by periodical.
diff --git a/docs/sources.md b/docs/sources.md
index c85342a..f998028 100644
--- a/docs/sources.md
+++ b/docs/sources.md
@@ -1,8 +1,8 @@
 # Abos & Quellen (navigation phase 2)
 
 One place to manage every subscription: podcasts, YouTube channels, audiobooks,
-news sources and blogs. The everyday views (Neu, Warteschlange, Nachrichten,
-Blogs, Hörbücher) show content; adding, changing and removing sources happens
+news sources and blogs. The everyday views (Strom, Merkliste, Wiedergabeliste — docs/podcasts.md —,
+Nachrichten, Blogs, Hörbücher) show content; adding, changing and removing sources happens
 here (their own small entry points lead here).
 
 ## Where
diff --git a/docs/theme.md b/docs/theme.md
index bf3bdeb..e73685f 100644
--- a/docs/theme.md
+++ b/docs/theme.md
@@ -2,8 +2,10 @@
 
 diora has two colour schemes, **dark** (the old look) and **light**, chosen by the reader:
 "Dunkel", "Hell" or "Automatisch" (as the operating system says). This file is the contract
-between diora-web (app.css, home.js, templates), diora-android (native.css, native-*.js,
-podcast-ui.css, feeds.js) and diora-desktop (desktop.css).
+between diora-web (app.css, home.js, feeds.js, templates, and static/podcasts/podcast-ui.css —
+a copy of diora-android's native.css by tools/sync_podcast_ui.py), diora-android (native.css,
+native-*.js; the apps ship diora-web's files too, through build_web.py) and diora-desktop
+(desktop.css).
 
 ## Switching
 

From 868e979755c2d7efd569ca0a918556878cad65c5 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 24 Oct 2026 16:05:59 +0200
Subject: [PATCH 163/176] =?UTF-8?q?docs/radio.md:=20Radio,=20Ambient=20und?=
 =?UTF-8?q?=20Fokus=20=E2=80=93=20Server,=20Web,=20Android,=20Desktop,=20b?=
 =?UTF-8?q?ekannte=20Schwachstellen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/radio.md | 132 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 132 insertions(+)
 create mode 100644 docs/radio.md

diff --git a/docs/radio.md b/docs/radio.md
new file mode 100644
index 0000000..6dfeaeb
--- /dev/null
+++ b/docs/radio.md
@@ -0,0 +1,132 @@
+# Radio, Ambient, Fokus
+
+The oldest part of diora (it began as a radio player): internet radio with saved stations,
+history and track titles, the generative Ambient player, and the web page's Fokus timer.
+Written down 2026-10-24 from the code; it is the reference for the three apps.
+
+## Server: the `radio` app
+
+Models (`radio/models.py`):
+
+| model | what |
+|---|---|
+| `SavedStation` | a user's station: name, url (unique per user), bitrate, country, tags, `favicon_url` (the logo), `is_favorite`, notes |
+| `StationPlay` | one listening: station, started/ended; hour, weekday, weekend filled on save (for the recommendations) |
+| `TrackHistory` | a track title heard (user, or `session_key` signed out), `scrobbled` |
+| `FeaturedStation` | stations picked in the admin for everybody (order, active) |
+| `FocusSession` | a finished Fokus round |
+
+Also: `podcasts.PlayerState` with `kind='radio'` (the player sync between devices) and
+`accounts.UserProfile.focus_station_url/_name` (the station the Fokus timer plays).
+
+Endpoints (`radio/urls.py`):
+
+- `GET /` — the page (`templates/radio/player.html`). The saved stations, the history (50) and
+  the featured stations come rendered into it (`#saved-tbody`, `#history-tbody`,
+  `.featured-section`) and as `INITIAL_SAVED` (with `play_count`), `INITIAL_FEATURED`,
+  `USER_FOCUS_STATION`. The apps take these parts from it (see below).
+- `GET /radio/sse/?url=` — server-sent events with the track title, `data: {"track": …}` when it
+  changes, `{"error": "stream ended"}` at the end. The server opens the stream itself with
+  `Icy-MetaData: 1` and reads `StreamTitle` (`radio/icy.py`).
+- `POST /radio/record/` — a track into the history; `scrobble: true` sends it to Last.fm when the
+  account has it linked (`radio/lastfm.py`; "Artist - Title", else the station as artist).
+- `POST /radio/save/` (by url: create or update), `/radio/remove/<pk>/`, `/radio/favorite/<pk>/`,
+  `/radio/notes/<pk>/`; `GET /radio/history/` (last 200), `POST /radio/history/<pk>/delete/`.
+- `POST /radio/play/start/` → `play_id`, `/radio/play/stop/`; `GET /radio/recommendations/` —
+  the five stations most played around this hour on this kind of day, with a German label.
+- `POST /radio/import/` — an `.m3u`/`.m3u8` file into the saved stations (`#EXTINF` names) →
+  `{added, skipped}`.
+- `POST /radio/focus/record/`, `GET /radio/focus/stats/`.
+- `GET /radio/affiliate/?track=` — artwork/album from iTunes (an Amazon link only with
+  `AMAZON_AFFILIATE_ENABLED`).
+- `GET /radio/creamfresh-stream/`, `POST /radio/creamfresh-feedback/` — the user's own station
+  (radio.creamfresh.xyz) through the server, which adds its login; 👍/👎 for the DJ.
+- `GET /radio/stream-player/` — an old standalone player page; nothing links to it.
+
+**Station search** is not on the server: the page asks radio-browser.info directly
+(`de1.api.radio-browser.info/json/stations/search`, 50, by click count). A pasted `http(s)://`
+address is offered to play or save as it is.
+
+## Web page (`static/js/app/`)
+
+| file | what |
+|---|---|
+| `01-core.js` | the globals: `audio` (one `<audio>`), `currentStation`, `currentTrack`, `sseSource`, `isPlaying`, `currentPlayId` |
+| `10-radio.js` | `playStation(url, name, id)`, `stopPlayback`, `togglePlayStop`, the SSE (`startMetadataSSE` → `recordTrack`), volume (0–255, `diora_volume`), search, saving, favourites, recommendations, the creamfresh votes, Media Session |
+| `16-stations.js` | mood chips (they search a tag), curated lists, featured stations, the occasional donation hint, notes |
+| `29-m3u.js` | M3U import |
+| `80-radio-sidebar.js` | the compact radio player of the sidebar |
+| `24-ambient.js` | the Ambient tab (below) and `showRadioTab` |
+| `14-focus.js` | Fokus (below) |
+
+Sub-tabs `RADIO_SUB_TABS = ['search', 'saved', 'history']` (`20-tabs.js`), hash `#radio/saved`,
+remembered in `diora_active_radio_tab`. On an https page an `http://` stream would be blocked:
+the page opens it in a new tab — unless the host plays it (`window.DIORA_PLAYS_HTTP_STREAMS`,
+set by the apps). No HLS: what `<audio>` plays.
+
+## Ambient (`static/ambient/index.html`, "Drift")
+
+No sound files: a generative WebAudio synthesizer. Modes (`MODES`): ambient music (chords,
+bells, grains), noise colours, nature (rain, storm, sea, wind, stream, fire, crickets),
+machines (fan, cabin, train), focus and sleep (binaural delta–beta, singing bowls,
+heartbeat); each with two sliders and seeded presets in the URL hash.
+
+The page holds it in an iframe, loaded when first needed (`24-ambient.js`); they talk by
+`postMessage` (`{type: 'ambient', cmd: 'start'|'stop'|'mode'|'volume'}` in,
+`{state: 'playing'|'stopped'}` out). Mode remembered in `diora_ambient_mode`.
+Hooks for the apps: `__dioraAmbientStart/Stop/Cmd/Info/Playing`.
+
+**One sound at a time:** Ambient starting stops the radio (`stopPlayback(false)`) and pauses a
+podcast (`__dioraPausePlayer()`; Android: `podcastPause()`, pause only, never toggle); the
+radio starting stops Ambient.
+
+## Fokus (web page only)
+
+A Pomodoro timer (25/5 min) in its own section (`nav.js`: `focus`, `webOnly`): it plays the
+chosen focus station, records a `FocusSession` after each work phase, pauses the sound for the
+break; with a do-not-disturb full-screen mode (`toggleDND`) and a statistics table.
+
+## Android (diora-android)
+
+- **One player** for radio, podcasts and audiobooks: `RadioService.kt`, a Media3
+  `MediaLibraryService` with one ExoPlayer (15 s connect / 20 s read timeout; diora's own
+  server gets the login headers — the creamfresh proxy). After a pause of more than 3 s a
+  station jumps back to live. Android Auto: Saved, Featured, Queue, voice search by name.
+  Resuming after a restart plays the last station. Radio always streams on mobile data (the
+  mobile-data rules are for episodes).
+- `Radio.kt` — the page's controller: play, stop, `track(title)` (new metadata without
+  rebuffering), state to the page (`window.__dioraRadio`).
+- `RadioPage.kt` — the saved stations, history and featured stations exist only in the
+  rendered `/`: the app fetches it with its login, cuts those parts out into `radio-page.json`
+  and splices them into its own page at markers that `tools/build_web.py` set
+  (`<!--diora:saved|history|featured-->`, `__DIORA_RADIO_*_JSON__`). So they show offline too.
+- `LocalServer.kt` passes `/radio/sse/` through as a stream (padded with SSE comments: WebView
+  hands intercepted data over only when its buffer is full); POSTs go through `native.js`.
+- `web-native/static/native-radio.js` — turns the page's `audio` into a remote of the native
+  player (`radioPlay`/`radioStop`, counters against stale echoes), shows errors ("Sender nicht
+  erreichbar"), draws the dock/rail (from `nav.js`), the mini player and the radio bar.
+- `AmbientService.kt` — Ambient as a foreground media service (notification with Stopp, audio
+  focus, stops when headphones are pulled); started and stopped from the page
+  (`ambientState`). Widgets for Ambient and resuming (`CardWidgets.kt`).
+- Sleep timer (`SleepTimer.kt`, `SleepRules.kt`): counts only playing time (Ambient too), fades
+  out over the last 10 s, shaking resets it, can stop after N episodes, can switch itself on at
+  night (22–6 h); one that counted nothing for 3 h is dropped.
+- Data usage: the stream counts as `RADIO_STREAM`, `/radio/` and `/` as `RADIO_DATA`
+  (`DataUsage.kt`).
+
+## Desktop (diora-desktop)
+
+A copy of `native-radio.js`; `src/web/desktop.js` plays with a hidden `Audio()` of its own
+(`DioraNative.radioPlay/Stop/State/Refresh/Track`; media keys: pause = stop) and re-reads `/`
+like RadioPage.kt (at most every 20 s). `http://` streams go through the local router
+(`/__stream?u=`, `src/main/router.js`) without their ICY data; the SSE is passed through with the
+login; `backgroundThrottling: false` keeps the titles coming.
+
+## Known weak spots
+
+- `/radio/sse/` needs no login and connects to any address it is given — a way to make the
+  server fetch arbitrary URLs. Should require a session (or a saved/featured station).
+- The login for the creamfresh stream is written into `radio/views.py`; it belongs in the
+  environment like the other secrets.
+- Every listener's titles cost the server a second connection to the stream.
+- No recording, no alarm; station logos only from radio-browser's favicon.

From 262056b5eec82b5dacb883b77bf1f58af654140e Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 24 Oct 2026 16:14:05 +0200
Subject: [PATCH 164/176] =?UTF-8?q?Radio:=20Titel-Abfrage=20(/radio/sse/)?=
 =?UTF-8?q?=20nie=20ins=20private=20Netz;=20ohne=20Konto=20nur=20Sender=20?=
 =?UTF-8?q?aus=20dem=20Verzeichnis=20(kuratiert,=20Featured,=20radio-brows?=
 =?UTF-8?q?er=20per=20Sender-ID)=20=E2=80=93=20eigene=20Adressen=20brauche?=
 =?UTF-8?q?n=20ein=20Konto;=20sw=20v146?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/radio.md             | 13 ++++--
 radio/streamcheck.py      | 84 +++++++++++++++++++++++++++++++++++++++
 radio/tests.py            | 60 ++++++++++++++++++++++++++++
 radio/views.py            |  9 +++++
 static/js/app/10-radio.js | 18 ++++++++-
 static/js/sw.js           |  2 +-
 6 files changed, 180 insertions(+), 6 deletions(-)
 create mode 100644 radio/streamcheck.py

diff --git a/docs/radio.md b/docs/radio.md
index 6dfeaeb..2d6ee05 100644
--- a/docs/radio.md
+++ b/docs/radio.md
@@ -25,9 +25,16 @@ Endpoints (`radio/urls.py`):
   the featured stations come rendered into it (`#saved-tbody`, `#history-tbody`,
   `.featured-section`) and as `INITIAL_SAVED` (with `play_count`), `INITIAL_FEATURED`,
   `USER_FOCUS_STATION`. The apps take these parts from it (see below).
-- `GET /radio/sse/?url=` — server-sent events with the track title, `data: {"track": …}` when it
+- `GET /radio/sse/?url=&station=` — server-sent events with the track title, `data: {"track": …}` when it
   changes, `{"error": "stream ended"}` at the end. The server opens the stream itself with
-  `Icy-MetaData: 1` and reads `StreamTitle` (`radio/icy.py`).
+  `Icy-MetaData: 1` and reads `StreamTitle` (`radio/icy.py`). Which addresses it opens
+  (`radio/streamcheck.py`, since 2026-10-24): never one in a private network (loopback,
+  10.x, 172.16–31.x, 192.168.x, link-local, the Docker network); **without an account only the
+  directory's stations** — the page's curated lists (read from `16-stations.js`), the featured
+  stations, the creamfresh stream, and what radio-browser.info lists (`station=` its station
+  id, which the page sends for search results; else by the address; kept a day). An address of
+  one's own is for saving, and saving needs an account: signed out, a pasted address offers
+  signing in instead of ▶.
 - `POST /radio/record/` — a track into the history; `scrobble: true` sends it to Last.fm when the
   account has it linked (`radio/lastfm.py`; "Artist - Title", else the station as artist).
 - `POST /radio/save/` (by url: create or update), `/radio/remove/<pk>/`, `/radio/favorite/<pk>/`,
@@ -124,8 +131,6 @@ login; `backgroundThrottling: false` keeps the titles coming.
 
 ## Known weak spots
 
-- `/radio/sse/` needs no login and connects to any address it is given — a way to make the
-  server fetch arbitrary URLs. Should require a session (or a saved/featured station).
 - The login for the creamfresh stream is written into `radio/views.py`; it belongs in the
   environment like the other secrets.
 - Every listener's titles cost the server a second connection to the stream.
diff --git a/radio/streamcheck.py b/radio/streamcheck.py
new file mode 100644
index 0000000..ad59e5d
--- /dev/null
+++ b/radio/streamcheck.py
@@ -0,0 +1,84 @@
+"""Which stream addresses the server may open for track titles (/radio/sse/, docs/radio.md).
+
+- Never an address inside a private network (loopback, 10.x, 172.16-31.x, 192.168.x,
+  link-local, the Docker network …): the server would otherwise reach what only it can see.
+- Without an account only the directory's stations: the page's curated lists, the featured
+  ones, and those radio-browser.info lists (by its station id, or by the address). Bringing an address of
+  one's own is for saving it, and saving needs an account.
+"""
+import functools
+import hashlib
+import ipaddress
+import re
+import socket
+from pathlib import Path
+from urllib.parse import urlparse
+
+import requests
+from django.core.cache import cache
+
+from .models import FeaturedStation
+
+DIRECTORY = 'https://de1.api.radio-browser.info/json/stations'
+# The page's curated lists (SomaFM, SWR2 …) are part of the directory too; their addresses
+# are read from where the page has them, so they stand in one place only.
+CURATED_JS = Path(__file__).resolve().parent.parent / 'static' / 'js' / 'app' / '16-stations.js'
+DIRECTORY_TIMEOUT = 6
+DIRECTORY_CACHE = 24 * 3600
+
+
+def public_address(url):
+    """True when url is http(s) and every address its host resolves to is a public one."""
+    try:
+        parsed = urlparse(url)
+    except ValueError:
+        return False
+    if parsed.scheme not in ('http', 'https') or not parsed.hostname:
+        return False
+    try:
+        infos = socket.getaddrinfo(parsed.hostname, parsed.port or (443 if parsed.scheme == 'https' else 80),
+                                   proto=socket.IPPROTO_TCP)
+    except (OSError, UnicodeError, ValueError):
+        return False
+    addresses = {info[4][0] for info in infos}
+    return bool(addresses) and all(ipaddress.ip_address(a.split('%')[0]).is_global for a in addresses)
+
+
+def _directory_lists(url, uuid):
+    if uuid:
+        try:
+            r = requests.get(f'{DIRECTORY}/byuuid/{uuid}', timeout=DIRECTORY_TIMEOUT,
+                             headers={'User-Agent': 'diora/1.0'})
+            if r.ok and any(url in (s.get('url'), s.get('url_resolved')) for s in r.json()):
+                return True
+        except (requests.RequestException, ValueError):
+            pass
+    try:
+        r = requests.get(f'{DIRECTORY}/byurl', params={'url': url}, timeout=DIRECTORY_TIMEOUT,
+                         headers={'User-Agent': 'diora/1.0'})
+        return bool(r.ok and r.json())
+    except (requests.RequestException, ValueError):
+        return False
+
+
+@functools.lru_cache(maxsize=1)
+def curated():
+    try:
+        return frozenset(re.findall(r"url: '([^']+)'", CURATED_JS.read_text(encoding='utf-8')))
+    except OSError:
+        return frozenset()
+
+
+def in_directory(url, uuid='', own_host=''):
+    """A station of the directory: curated on the page, featured, ours (the creamfresh stream
+    through this server), or listed by radio-browser.info. Answers are kept a day."""
+    if url in curated() or FeaturedStation.objects.filter(url=url, active=True).exists():
+        return True
+    if own_host and urlparse(url).netloc == own_host:
+        return True
+    key = 'radio:dir:' + hashlib.sha1(f'{url} {uuid}'.encode()).hexdigest()
+    known = cache.get(key)
+    if known is None:
+        known = _directory_lists(url, uuid)
+        cache.set(key, known, DIRECTORY_CACHE)
+    return known
diff --git a/radio/tests.py b/radio/tests.py
index 204d77c..813f4fd 100644
--- a/radio/tests.py
+++ b/radio/tests.py
@@ -38,3 +38,63 @@ class PlayerPagePodcastsTests(TestCase):
         sw = (static / 'js' / 'sw.js').read_text(encoding='utf-8')
         for path in ('/static/js/podcasts-web.js', '/static/podcasts/native-podcast.js'):
             self.assertIn(path, sw)
+
+
+class SseGuardTests(TestCase):
+    """/radio/sse/ opens a stream for its titles: never in a private network, and without an
+    account only the directory's stations (radio/streamcheck.py, docs/radio.md)."""
+
+    PUBLIC = [(2, 1, 6, '', ('93.184.216.34', 80))]
+    STREAM = 'http://stream.example.org/live.mp3'
+
+    def setUp(self):
+        from django.core.cache import cache
+        cache.clear()
+
+    def sse(self, url, **more):
+        from unittest import mock
+        with mock.patch('radio.views.stream_icy_metadata', return_value=iter(['Artist - Title'])):
+            return self.client.get('/radio/sse/', {'url': url, **more})
+
+    def test_private_addresses_never(self):
+        User.objects.create_user('r', password='pw12345678')
+        self.client.login(username='r', password='pw12345678')
+        for url in ['http://127.0.0.1:8000/', 'http://10.0.0.5/stream', 'http://169.254.169.254/latest/',
+                    'http://[::1]/x', 'file:///etc/passwd', 'gopher://example.org/']:
+            self.assertEqual(self.sse(url).status_code, 403, url)
+
+    def test_without_account_only_the_directory(self):
+        from unittest import mock
+        with mock.patch('radio.streamcheck.socket.getaddrinfo', return_value=self.PUBLIC):
+            with mock.patch('radio.streamcheck.requests.get') as get:
+                get.return_value = mock.Mock(ok=True, json=lambda: [])
+                self.assertEqual(self.sse(self.STREAM).status_code, 403)   # not listed: an own address
+                listed = [{'url': 'http://stream.example.org/pls', 'url_resolved': self.STREAM}]
+                get.return_value = mock.Mock(ok=True, json=lambda: listed)
+                self.assertEqual(self.sse(self.STREAM, station='abc-uuid').status_code, 200)
+
+    def test_featured_stations_without_account(self):
+        from unittest import mock
+        from .models import FeaturedStation
+        FeaturedStation.objects.create(name='F', url=self.STREAM)
+        with mock.patch('radio.streamcheck.socket.getaddrinfo', return_value=self.PUBLIC), \
+                mock.patch('radio.streamcheck.requests.get') as get:
+            self.assertEqual(self.sse(self.STREAM).status_code, 200)
+            get.assert_not_called()
+
+    def test_own_addresses_with_an_account(self):
+        from unittest import mock
+        User.objects.create_user('r', password='pw12345678')
+        self.client.login(username='r', password='pw12345678')
+        with mock.patch('radio.streamcheck.socket.getaddrinfo', return_value=self.PUBLIC), \
+                mock.patch('radio.streamcheck.requests.get') as get:
+            self.assertEqual(self.sse(self.STREAM).status_code, 200)
+            get.assert_not_called()
+
+    def test_the_pages_curated_stations_without_account(self):
+        from unittest import mock
+        from . import streamcheck
+        self.assertIn('https://ice6.somafm.com/dronezone-256-mp3', streamcheck.curated())
+        with mock.patch('radio.streamcheck.socket.getaddrinfo', return_value=self.PUBLIC),                 mock.patch('radio.streamcheck.requests.get') as get:
+            self.assertEqual(self.sse('https://ice6.somafm.com/dronezone-256-mp3').status_code, 200)
+            get.assert_not_called()
diff --git a/radio/views.py b/radio/views.py
index c3a7d90..8453d17 100644
--- a/radio/views.py
+++ b/radio/views.py
@@ -12,6 +12,7 @@ from django.conf import settings
 from django.http import (
     HttpResponse,
     HttpResponseBadRequest,
+    HttpResponseForbidden,
     JsonResponse,
     StreamingHttpResponse,
 )
@@ -22,6 +23,7 @@ from django.views.decorators.http import require_http_methods
 
 from .icy import stream_icy_metadata
 from . import lastfm as lastfm_module
+from . import streamcheck
 from .models import SavedStation, StationPlay, TrackHistory, FocusSession, FeaturedStation
 
 
@@ -98,9 +100,16 @@ def index(request):
 
 @csrf_exempt
 def sse_metadata(request):
+    """The stream's track titles. Never from a private network; without an account only for
+    the directory's stations (radio/streamcheck.py, docs/radio.md)."""
     url = request.GET.get('url', '').strip()
     if not url:
         return HttpResponseBadRequest('url parameter required')
+    if not streamcheck.public_address(url):
+        return HttpResponseForbidden('not a public stream address')
+    if not request.user.is_authenticated and not streamcheck.in_directory(
+            url, request.GET.get('station', '').strip()[:64], request.get_host()):
+        return HttpResponseForbidden('own stream addresses need an account')
 
     def event_stream():
         last_title = None
diff --git a/static/js/app/10-radio.js b/static/js/app/10-radio.js
index 6a2cf67..38cc6ac 100644
--- a/static/js/app/10-radio.js
+++ b/static/js/app/10-radio.js
@@ -235,7 +235,11 @@ if (volWheelTarget) {
 function startMetadataSSE(streamUrl) {
   if (sseSource) { sseSource.close(); sseSource = null; }
 
-  const endpoint = '/radio/sse/?url=' + encodeURIComponent(streamUrl);
+  // A station from the directory says which (radio-browser's id): without an account the
+  // server opens only the directory's stations (radio/streamcheck.py).
+  const dir = window._directoryStation;
+  const endpoint = '/radio/sse/?url=' + encodeURIComponent(streamUrl) +
+    (dir && dir.url === streamUrl && dir.uuid ? '&station=' + encodeURIComponent(dir.uuid) : '');
   sseSource = new EventSource(endpoint);
 
   sseSource.onmessage = function (e) {
@@ -421,6 +425,7 @@ async function doSearch() {
                     country: st.country || '',
                     tags: st.tags || '',
                     favicon_url: st.favicon || '',
+                    uuid: st.stationuuid || '',
                   })})'>
             &#9654; Abspielen
           </button>
@@ -470,6 +475,16 @@ function showStreamAddressResult(url) {
   tr.children[3].title = shown;
 
   const actions = document.createElement('td');
+  // An address of one's own is there to be saved, and saving needs an account; without one
+  // the directory is what plays (docs/radio.md).
+  if (typeof IS_AUTHENTICATED !== 'undefined' && !IS_AUTHENTICATED) {
+    actions.innerHTML = '<span class="muted">Eigene Adressen mit Konto: <a href="/accounts/login/">Anmelden</a> oder ' +
+      '<a href="/accounts/register/">registrieren</a></span>';
+    tr.appendChild(actions);
+    tbody.appendChild(tr);
+    tableEl.style.display = '';
+    return;
+  }
   const play = document.createElement('button');
   play.className = 'btn btn-sm btn-play';
   play.innerHTML = '&#9654; Abspielen';
@@ -495,6 +510,7 @@ function showStreamAddressResult(url) {
 function searchPlay(url, name, stationData) {
   // Store station data on the window so saveCurrentStation() can use it
   window._pendingStationData = stationData;
+  window._directoryStation = stationData && stationData.uuid ? {url, uuid: stationData.uuid} : null;
   playStation(url, name, null);
 }
 
diff --git a/static/js/sw.js b/static/js/sw.js
index 069a0c2..de43dc5 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v145';
+const CACHE = 'diora-v146';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From cec07dd20822d1efdc4af91c026f12be306e4d82 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 24 Oct 2026 18:12:39 +0200
Subject: [PATCH 165/176] =?UTF-8?q?B=C3=BCcher:=20=E2=80=9EEingang?=
 =?UTF-8?q?=E2=80=9C=20=E2=80=93=20eine=20Cloud-Quelle=20bringt=20ihre=20n?=
 =?UTF-8?q?euen=20B=C3=BCcher=20von=20selbst=20in=20die=20Bibliothek=20(Ge?=
 =?UTF-8?q?r=C3=A4t=20holt,=20verschl=C3=BCsselt,=20l=C3=A4dt=20hoch;=20Se?=
 =?UTF-8?q?rver=20merkt=20sich,=20was=20=C3=BCbernommen=20ist);=20sw=20v14?=
 =?UTF-8?q?7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 accounts/migrations/0006_webdav_inbox.py | 33 +++++++++
 accounts/models.py                       | 19 +++++
 accounts/tests.py                        | 62 ++++++++++++++++
 accounts/views.py                        |  2 +
 books/urls.py                            |  2 +
 books/webdav.py                          | 91 +++++++++++++++++++++++-
 static/js/app/57-cloud-inbox.js          | 79 ++++++++++++++++++++
 static/js/sw.js                          |  3 +-
 templates/accounts/settings.html         | 11 ++-
 templates/radio/player.html              |  1 +
 10 files changed, 299 insertions(+), 4 deletions(-)
 create mode 100644 accounts/migrations/0006_webdav_inbox.py
 create mode 100644 static/js/app/57-cloud-inbox.js

diff --git a/accounts/migrations/0006_webdav_inbox.py b/accounts/migrations/0006_webdav_inbox.py
new file mode 100644
index 0000000..0588bad
--- /dev/null
+++ b/accounts/migrations/0006_webdav_inbox.py
@@ -0,0 +1,33 @@
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('accounts', '0005_webdavsource'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='webdavsource',
+            name='inbox',
+            field=models.BooleanField(default=False),
+        ),
+        migrations.CreateModel(
+            name='WebDAVSeen',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('path', models.CharField(max_length=1000)),
+                ('size', models.BigIntegerField(default=0)),
+                ('modified', models.CharField(blank=True, max_length=100)),
+                ('claimed_at', models.DateTimeField(blank=True, null=True)),
+                ('done_at', models.DateTimeField(blank=True, null=True)),
+                ('result', models.CharField(blank=True, max_length=20)),
+                ('source', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='seen', to='accounts.webdavsource')),
+            ],
+            options={
+                'unique_together': {('source', 'path')},
+            },
+        ),
+    ]
diff --git a/accounts/models.py b/accounts/models.py
index 38e8229..959ae86 100644
--- a/accounts/models.py
+++ b/accounts/models.py
@@ -56,6 +56,9 @@ class WebDAVSource(models.Model):
     username = models.CharField(max_length=200, blank=True)
     password = models.CharField(max_length=500, blank=True)
     root_path = models.CharField(max_length=500, blank=True, default='')
+    # "Eingang" (docs/library.md): new books in it come into the library by themselves —
+    # a device with the key fetches, encrypts and uploads them (WebDAVSeen keeps which).
+    inbox = models.BooleanField(default=False)
     created_at = models.DateTimeField(auto_now_add=True)
     last_used_at = models.DateTimeField(null=True, blank=True)
 
@@ -89,6 +92,22 @@ class WebDAVSource(models.Model):
         return url
 
 
+class WebDAVSeen(models.Model):
+    """A file of an "Eingang" source a device took (or is taking) into the library: taken
+    files aren't offered again; a claim keeps two devices from taking the same file at once
+    and runs out when a device didn't finish."""
+    source = models.ForeignKey(WebDAVSource, on_delete=models.CASCADE, related_name='seen')
+    path = models.CharField(max_length=1000)
+    size = models.BigIntegerField(default=0)
+    modified = models.CharField(max_length=100, blank=True)
+    claimed_at = models.DateTimeField(null=True, blank=True)
+    done_at = models.DateTimeField(null=True, blank=True)
+    result = models.CharField(max_length=20, blank=True)   # imported | known | too_big | failed
+
+    class Meta:
+        unique_together = ('source', 'path')
+
+
 def _generate_token():
     return secrets.token_hex(32)
 
diff --git a/accounts/tests.py b/accounts/tests.py
index 6a068b8..edbd610 100644
--- a/accounts/tests.py
+++ b/accounts/tests.py
@@ -594,3 +594,65 @@ class WebDAVEditTests(TestCase):
         html = self.client.get('/accounts/settings/').content.decode()
         self.assertIn(f'/accounts/webdav/{self.source.pk}/edit/', html)
         self.assertNotIn('app-pw', html)
+
+
+class CloudInboxTests(TestCase):
+    """An "Eingang" source (docs/library.md): its new books are handed out once, claimed for
+    one device for ten minutes, and not again once a device took them."""
+
+    def setUp(self):
+        self.user = User.objects.create_user('inbox', password='pw12345678')
+        self.client.force_login(self.user)
+        self.src = WebDAVSource.objects.create(user=self.user, label='Bücher', base_url='https://b.example.org/dav/',
+                                               username='d', password='x', inbox=True)
+        WebDAVSource.objects.create(user=self.user, label='andere', base_url='https://c.example.org/dav/')
+
+    def listing(self, path=''):
+        if path == '':
+            return [{'name': 'Sub', 'path': 'Sub', 'is_dir': True, 'size': 0, 'modified': '', 'is_book': False},
+                    {'name': 'A - Eins (2020).epub', 'path': 'A - Eins (2020).epub', 'is_dir': False,
+                     'size': 100, 'modified': 'Mon', 'is_book': True},
+                    {'name': 'notiz.txt', 'path': 'notiz.txt', 'is_dir': False, 'size': 1, 'modified': '', 'is_book': False}]
+        return [{'name': 'B.pdf', 'path': 'Sub/B.pdf', 'is_dir': False, 'size': 200, 'modified': '', 'is_book': True}]
+
+    def inbox(self):
+        with patch('books.webdav.list_directory', side_effect=lambda source, path='': self.listing(path)):
+            return self.client.get('/books/cloud/inbox/').json()
+
+    def done(self, path, result):
+        return self.client.post(f'/books/cloud/{self.src.pk}/done/', json.dumps({'path': path, 'result': result}),
+                                content_type='application/json')
+
+    def test_new_books_once_then_claimed_then_done(self):
+        files = self.inbox()['files']
+        self.assertEqual(sorted(f['path'] for f in files), ['A - Eins (2020).epub', 'Sub/B.pdf'])
+        self.assertEqual(self.inbox()['files'], [])   # claimed for this device: no one else gets them now
+        self.assertEqual(self.done('A - Eins (2020).epub', 'imported').status_code, 200)
+        self.assertEqual(self.done('Sub/B.pdf', 'failed').status_code, 200)
+        from accounts.models import WebDAVSeen
+        WebDAVSeen.objects.filter(path='Sub/B.pdf').update(claimed_at=None)   # the claim ran out
+        self.assertEqual([f['path'] for f in self.inbox()['files']], ['Sub/B.pdf'])
+
+    def test_a_changed_file_counts_as_new(self):
+        self.inbox()
+        self.done('A - Eins (2020).epub', 'imported')
+        self.done('Sub/B.pdf', 'known')
+        self.assertEqual(self.inbox()['files'], [])
+        old = self.listing
+        self.listing = lambda path='': [dict(e, size=999) if e['path'].endswith('.epub') else e for e in old(path)]
+        self.assertEqual([f['path'] for f in self.inbox()['files']], ['A - Eins (2020).epub'])
+
+    def test_only_own_sources_and_valid_results(self):
+        other = User.objects.create_user('x', password='pw12345678')
+        foreign = WebDAVSource.objects.create(user=other, label='f', base_url='https://d.example.org/dav/', inbox=True)
+        self.assertEqual(self.client.post(f'/books/cloud/{foreign.pk}/done/', '{}', content_type='application/json').status_code, 404)
+        self.inbox()
+        self.assertEqual(self.done('A - Eins (2020).epub', 'whatever').status_code, 400)
+        self.client.logout()
+        self.assertEqual(self.client.get('/books/cloud/inbox/').status_code, 401)
+
+    def test_settings_switch_the_inbox(self):
+        r = self.client.post(f'/accounts/webdav/{self.src.pk}/edit/', {'label': 'Bücher', 'base_url': self.src.base_url})
+        self.assertEqual(r.status_code, 302)
+        self.src.refresh_from_db()
+        self.assertFalse(self.src.inbox)
diff --git a/accounts/views.py b/accounts/views.py
index 78ee9d7..53a3b67 100644
--- a/accounts/views.py
+++ b/accounts/views.py
@@ -283,6 +283,7 @@ def webdav_add(request):
         username=request.POST.get('username', '').strip()[:200],
         password=request.POST.get('password', '')[:500],
         root_path=request.POST.get('root_path', '').strip()[:500],
+        inbox=request.POST.get('inbox') == '1',
     )
 
     level, message = _probe_source(source)
@@ -308,6 +309,7 @@ def webdav_edit(request, pk):
     source.base_url = base_url[:500]
     source.username = request.POST.get('username', '').strip()[:200]
     source.root_path = request.POST.get('root_path', '').strip()[:500]
+    source.inbox = request.POST.get('inbox') == '1'
     # The stored password is never sent to the page: empty means keep it.
     password = request.POST.get('password', '')
     if password:
diff --git a/books/urls.py b/books/urls.py
index 557354a..75804a8 100644
--- a/books/urls.py
+++ b/books/urls.py
@@ -5,6 +5,8 @@ urlpatterns = [
     path('', views.book_list, name='book_list'),
     path('upload/', views.upload_book, name='upload_book'),
     path('cloud/sources/', webdav.cloud_sources, name='cloud_sources'),
+    path('cloud/inbox/', webdav.cloud_inbox, name='cloud_inbox'),
+    path('cloud/<int:pk>/done/', webdav.cloud_done, name='cloud_done'),
     path('cloud/<int:pk>/browse/', webdav.cloud_browse, name='cloud_browse'),
     path('cloud/<int:pk>/fetch/', webdav.cloud_fetch, name='cloud_fetch'),
     path('metadata-lookup/', views.lookup_book_metadata, name='lookup_book_metadata'),
diff --git a/books/webdav.py b/books/webdav.py
index 11ed64f..d43b72e 100644
--- a/books/webdav.py
+++ b/books/webdav.py
@@ -12,12 +12,16 @@ browser and only then POSTed to /books/upload/ as ciphertext, exactly like a
 local upload — nothing readable is ever stored server-side.
 """
 
+import json
+from datetime import timedelta
+
 from django.conf import settings
 from django.http import HttpResponse, JsonResponse
 from django.utils import timezone
+from django.views.decorators.csrf import csrf_exempt
 from django.views.decorators.http import require_http_methods
 
-from accounts.models import WebDAVSource
+from accounts.models import WebDAVSeen, WebDAVSource
 from accounts.webdav import WebDAVError, WebDAVInputError, list_directory, fetch_file
 from .views import _require_auth
 
@@ -34,11 +38,94 @@ def cloud_sources(request):
 
     sources = request.user.webdav_sources.all()
     return JsonResponse({'sources': [
-        {'id': s.id, 'label': s.label, 'host': s.base_url}
+        {'id': s.id, 'label': s.label, 'host': s.base_url, 'inbox': s.inbox}
         for s in sources
     ]})
 
 
+# ---- "Eingang" (docs/library.md): new books of a source into the library by themselves ----
+
+INBOX_DEPTH = 3          # sub-folders looked into
+INBOX_MAX = 20           # files handed out per call
+INBOX_CLAIM = timedelta(minutes=10)
+
+
+def _inbox_files(source):
+    """The source's book files, its sub-folders too (INBOX_DEPTH deep)."""
+    out, todo = [], [('', 0)]
+    while todo:
+        path, depth = todo.pop(0)
+        for e in list_directory(source, path):
+            if e['is_dir'] and depth < INBOX_DEPTH:
+                todo.append((e['path'], depth + 1))
+            elif e['is_book']:
+                out.append(e)
+    return out
+
+
+@require_http_methods(['GET'])
+def cloud_inbox(request):
+    """The files of the user's "Eingang" sources not taken into the library yet, claimed for
+    this device for ten minutes (another device asking meanwhile doesn't get them):
+    {files: [{source, label, path, name, size, modified}], errors: [{source, label, error}]}.
+    A file that changed (other size) counts as new again."""
+    unauthorized = _require_auth(request)
+    if unauthorized:
+        return unauthorized
+    now = timezone.now()
+    files, errors = [], []
+    for source in request.user.webdav_sources.filter(inbox=True):
+        try:
+            entries = _inbox_files(source)
+        except (WebDAVError, WebDAVInputError) as exc:
+            errors.append({'source': source.id, 'label': source.label, 'error': str(exc)})
+            continue
+        seen = {s.path: s for s in source.seen.all()}
+        for e in entries:
+            if len(files) >= INBOX_MAX:
+                break
+            s = seen.get(e['path'])
+            if s and s.size == e['size']:
+                if s.done_at or (s.claimed_at and now - s.claimed_at < INBOX_CLAIM):
+                    continue
+            WebDAVSeen.objects.update_or_create(
+                source=source, path=e['path'][:1000],
+                defaults={'size': e['size'], 'modified': e['modified'][:100], 'claimed_at': now,
+                          'done_at': None, 'result': ''})
+            files.append({'source': source.id, 'label': source.label, 'path': e['path'],
+                          'name': e['name'].rsplit('/', 1)[-1], 'size': e['size'], 'modified': e['modified']})
+        source.last_used_at = now
+        source.save(update_fields=['last_used_at'])
+    return JsonResponse({'files': files, 'errors': errors})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def cloud_done(request, pk):
+    """{path, result}: a device finished with an "Eingang" file — imported, known (already in the
+    library), too_big: not offered again; failed: offered again after the claim ran out."""
+    unauthorized = _require_auth(request)
+    if unauthorized:
+        return unauthorized
+    source = _get_source(request, pk)
+    if not source:
+        return JsonResponse({'error': 'unknown source'}, status=404)
+    try:
+        body = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    result = body.get('result') if isinstance(body, dict) else None
+    if result not in ('imported', 'known', 'too_big', 'failed'):
+        return JsonResponse({'error': 'result: imported, known, too_big or failed'}, status=400)
+    seen = WebDAVSeen.objects.filter(source=source, path=str(body.get('path', ''))[:1000]).first()
+    if not seen:
+        return JsonResponse({'error': 'unknown file'}, status=404)
+    seen.result = result
+    seen.done_at = None if result == 'failed' else timezone.now()
+    seen.save(update_fields=['result', 'done_at'])
+    return JsonResponse({'ok': True})
+
+
 @require_http_methods(['GET'])
 def cloud_browse(request, pk):
     unauthorized = _require_auth(request)
diff --git a/static/js/app/57-cloud-inbox.js b/static/js/app/57-cloud-inbox.js
new file mode 100644
index 0000000..b3784c4
--- /dev/null
+++ b/static/js/app/57-cloud-inbox.js
@@ -0,0 +1,79 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// "Eingang" (docs/library.md): a cloud source marked so brings its new books into the
+// library by itself. When the library loads, the server says which files of such sources
+// no device has taken yet (and keeps them for this device ten minutes); each is fetched
+// through the server, encrypted here like any import, uploaded, and reported done. A book
+// already in the library (same title and author) is left out. The folder stays as it is.
+// Only where the book key is there; not in diora Reader (e-readers: battery, weak Wi-Fi).
+// ---------------------------------------------------------------------------
+
+const CLOUD_INBOX_EVERY_MS = 5 * 60 * 1000;
+let _cloudInboxBusy = false;
+let _cloudInboxLast = 0;
+
+function _cloudInboxKeyReady() {
+  // getOrCreateEncKey() would make a new key when there is none: never import without the real one.
+  try { return !!localStorage.getItem(`diora_enc_key_${window.USER_ID || 0}`); } catch (e) { return false; }
+}
+
+async function cloudInboxCheck(force) {
+  if (typeof IS_AUTHENTICATED === 'undefined' || !IS_AUTHENTICATED) return;
+  if (document.documentElement.classList.contains('nui-reader-app')) return;
+  if (_cloudInboxBusy || !_cloudInboxKeyReady()) return;
+  if (!force && Date.now() - _cloudInboxLast < CLOUD_INBOX_EVERY_MS) return;
+  _cloudInboxBusy = true;
+  _cloudInboxLast = Date.now();
+  const statusEl = $('book-upload-status');
+  const taken = [];
+  try {
+    const r = await fetch('/books/cloud/inbox/', {cache: 'no-store'});
+    if (!r.ok) return;
+    const files = (await r.json()).files || [];
+    for (let i = 0; i < files.length; i++) {
+      const f = files[i];
+      if (statusEl) statusEl.textContent = `Eingang „${f.label}“: ${i + 1} von ${files.length} – ${f.name} …`;
+      let result = 'failed';
+      try {
+        if (f.size > DIORA_CONFIG.ebookMaxBytes) {
+          result = 'too_big';
+        } else {
+          const res = await fetch(`/books/cloud/${f.source}/fetch/?path=${encodeURIComponent(f.path)}`);
+          if (res.ok) {
+            const out = await _importEbookBuffer(await res.arrayBuffer(), f.name, null, {reload: false, skipKnown: true});
+            result = out === 'dup' ? 'known' : out ? 'imported' : 'failed';
+          }
+        }
+      } catch (e) {
+        result = 'failed';
+      }
+      if (result === 'imported') taken.push(f);
+      await fetch(`/books/cloud/${f.source}/done/`, {
+        method: 'POST', headers: {'Content-Type': 'application/json'},
+        body: JSON.stringify({path: f.path, result}),
+      }).catch(() => {});
+    }
+  } catch (e) {
+    // Offline or the source unreachable: next time.
+  } finally {
+    _cloudInboxBusy = false;
+  }
+  if (statusEl) {
+    const labels = [...new Set(taken.map(f => f.label))].map(l => `„${l}“`).join(', ');
+    statusEl.textContent = taken.length
+      ? `${taken.length === 1 ? 'Ein neues Buch' : taken.length + ' neue Bücher'} aus ${labels} übernommen.` : '';
+  }
+  if (taken.length) loadBookList();
+}
+
+// After the list has loaded (and the key is known), quietly look into the inboxes.
+(function () {
+  const orig = window.loadBookList;
+  if (typeof orig !== 'function') return;
+  window.loadBookList = async function () {
+    const out = await orig.apply(this, arguments);
+    setTimeout(() => cloudInboxCheck(false), 1500);
+    return out;
+  };
+})();
diff --git a/static/js/sw.js b/static/js/sw.js
index de43dc5..de1106b 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v146';
+const CACHE = 'diora-v147';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
@@ -26,6 +26,7 @@ const SHELL = [
   '/static/js/app/53-library.js',
   '/static/js/app/54-issues.js',
   '/static/js/app/56-cloud-import.js',
+  '/static/js/app/57-cloud-inbox.js',
   '/static/js/app/58-pdf.js',
   '/static/js/app/60-tts.js',
   '/static/js/app/62-reader.js',
diff --git a/templates/accounts/settings.html b/templates/accounts/settings.html
index c2d17f7..4ec824f 100644
--- a/templates/accounts/settings.html
+++ b/templates/accounts/settings.html
@@ -146,7 +146,7 @@
         {% for source in webdav_sources %}
           <li class="webdav-item">
             <div class="webdav-item-info">
-              <strong>{{ source.label }}</strong>
+              <strong>{{ source.label }}</strong>{% if source.inbox %} <span class="muted">· Eingang</span>{% endif %}
               <span class="muted">{{ source.base_url }}{% if source.root_path %} · /{{ source.root_path }}{% endif %}</span>
             </div>
             <div class="webdav-item-actions">
@@ -185,6 +185,11 @@
                 <span>Unterordner <span class="muted">(optional, Import startet dort)</span></span>
                 <input type="text" name="root_path" value="{{ source.root_path }}" placeholder="Buecher">
               </label>
+              <label class="webdav-field webdav-check">
+                <input type="checkbox" name="inbox" value="1"{% if source.inbox %} checked{% endif %}>
+                <span>Eingang: neue Bücher hier kommen von selbst in die Bibliothek
+                  <span class="muted">(beim Öffnen der Bücher; der Ordner bleibt unverändert)</span></span>
+              </label>
               <button type="submit" class="btn">Speichern</button>
             </form>
           </li>
@@ -214,6 +219,10 @@
         <span>Unterordner <span class="muted">(optional)</span></span>
         <input type="text" name="root_path" placeholder="Buecher">
       </label>
+      <label class="webdav-field webdav-check">
+        <input type="checkbox" name="inbox" value="1">
+        <span>Eingang: neue Bücher hier kommen von selbst in die Bibliothek</span>
+      </label>
       <p class="lastfm-description" style="margin:0;">
         Bei Nextcloud/ownCloud genügt die Server-Adresse — der WebDAV-Pfad wird aus dem
         Benutzernamen ergänzt. Andere Server brauchen die vollständige WebDAV-URL.
diff --git a/templates/radio/player.html b/templates/radio/player.html
index ef9b523..6aed593 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -381,6 +381,7 @@
 <script src="/static/js/app/53-library.js"></script>
 <script src="/static/js/app/54-issues.js"></script>
 <script src="/static/js/app/56-cloud-import.js"></script>
+<script src="/static/js/app/57-cloud-inbox.js"></script>
 <script src="/static/js/app/58-pdf.js"></script>
 <script src="/static/js/app/60-tts.js"></script>
 <script src="/static/js/app/62-reader.js"></script>

From a73ade54222ffdec32bff768849290a29f2a0080 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 24 Oct 2026 18:13:04 +0200
Subject: [PATCH 166/176] =?UTF-8?q?docs/library.md:=20Eingang=20(Cloud-Que?=
 =?UTF-8?q?lle=20bringt=20neue=20B=C3=BCcher=20von=20selbst)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/library.md | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/docs/library.md b/docs/library.md
index 59a8bfe..6444917 100644
--- a/docs/library.md
+++ b/docs/library.md
@@ -112,6 +112,29 @@ sakral (Religion & Mythologie), spiel (Kinder & Jugend), code (Informatik),
 typo, wellen, botanik, berge, zellen — and bauhaus when nothing matches. A hash
 of title and author picks palette, layout and every detail.
 
+### Eingang: books from a cloud folder by themselves (since 2026-10-24)
+
+A cloud source (Einstellungen → Cloud-Verbindungen, WebDAV: `accounts.WebDAVSource`,
+`accounts/webdav.py`) can be marked **Eingang**: its new books come into the library without
+anyone importing them. The server can't do it alone — the books are encrypted with the key
+on the devices — so a device does:
+
+1. `static/js/app/57-cloud-inbox.js`: after the book list has loaded (at most every 5
+   minutes; only with the real key in `localStorage`, never on diora Reader) it asks
+   `GET /books/cloud/inbox/` → `{files: [{source, label, path, name, size, modified}], errors}`:
+   the `.epub`/`.pdf` files of the Eingang sources (three folders deep) no device has taken.
+   The server claims them for this device for ten minutes (another device asking meanwhile
+   doesn't get them).
+2. Each file: fetched through the server (`/books/cloud/<id>/fetch/`), imported like any file
+   (`_importEbookBuffer`, `skipKnown`: same title and author → left out), then
+   `POST /books/cloud/<id>/done/ {path, result}` with `imported`, `known`, `too_big` (not
+   offered again) or `failed` (again once the claim ran out).
+3. The server keeps them in `accounts.WebDAVSeen` (source, path, size, modified): a file whose
+   size changed counts as new. The folder itself is never changed.
+
+The first such source: Shelfmark's e-book downloads on the Hetzner server, served read-only by
+dufs (set up by the "Media" session; its notes: `C:\Users\m\homelab-handoff\04-hoerbuecher.md`).
+
 ## Zeitschriften: das Heft und seine Artikel
 
 An issue is a unit (the editors' selection and order, its date, its theme) and

From 0ba16a40ff05a926bc69b62394ee8a9f300efafe Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sat, 24 Oct 2026 18:34:49 +0200
Subject: [PATCH 167/176] =?UTF-8?q?KI-Assistent=20(eigener=20Anthropic-Key?=
 =?UTF-8?q?,=20Ende-zu-Ende=20verschl=C3=BCsselt,=20Aufrufe=20direkt=20vom?=
 =?UTF-8?q?=20Ger=C3=A4t)=20mit=20=E2=80=9EMit=20KI=20ordnen=E2=80=9C=20f?=
 =?UTF-8?q?=C3=BCr=20B=C3=BCcher;=20Bibliothek=20als=20XML=20exportieren;?=
 =?UTF-8?q?=20sw=20v148?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- /accounts/vault/<name>/: kleine verschlüsselte Geräte-Einstellungen (UserVault)
- static/js/ai.js: DioraAI (SDK 0.133.0 gebündelt in static/vendor), Vorschläge zum Abhaken
- static/js/app/55-library-tools.js: ✦ Ordnen (Ordner, Serien, Titel/Autor, Zeitschrift) und ⇩ XML-Export
- docs/ai.md, docs/library.md

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 accounts/migrations/0007_uservault.py   |  28 +++
 accounts/models.py                      |  14 ++
 accounts/tests.py                       |  23 ++
 accounts/urls.py                        |   1 +
 accounts/views.py                       |  37 ++-
 docs/ai.md                              |  46 ++++
 docs/library.md                         |  12 +
 static/js/ai.js                         | 284 ++++++++++++++++++++++++
 static/js/app/55-library-tools.js       | 237 ++++++++++++++++++++
 static/js/sw.js                         |   3 +-
 static/vendor/anthropic-sdk-0.133.0.mjs |  20 ++
 static/vendor/anthropic-sdk-LICENSE.txt |   8 +
 templates/radio/player.html             |   3 +
 13 files changed, 714 insertions(+), 2 deletions(-)
 create mode 100644 accounts/migrations/0007_uservault.py
 create mode 100644 docs/ai.md
 create mode 100644 static/js/ai.js
 create mode 100644 static/js/app/55-library-tools.js
 create mode 100644 static/vendor/anthropic-sdk-0.133.0.mjs
 create mode 100644 static/vendor/anthropic-sdk-LICENSE.txt

diff --git a/accounts/migrations/0007_uservault.py b/accounts/migrations/0007_uservault.py
new file mode 100644
index 0000000..5f7570e
--- /dev/null
+++ b/accounts/migrations/0007_uservault.py
@@ -0,0 +1,28 @@
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('accounts', '0006_webdav_inbox'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='UserVault',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=40)),
+                ('ct', models.TextField()),
+                ('iv', models.CharField(max_length=64)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='vault', to=settings.AUTH_USER_MODEL)),
+            ],
+            options={
+                'unique_together': {('user', 'name')},
+            },
+        ),
+    ]
diff --git a/accounts/models.py b/accounts/models.py
index 959ae86..c06b29d 100644
--- a/accounts/models.py
+++ b/accounts/models.py
@@ -108,6 +108,20 @@ class WebDAVSeen(models.Model):
         unique_together = ('source', 'path')
 
 
+class UserVault(models.Model):
+    """Small private settings of the devices, end-to-end encrypted with the book key
+    (docs/ai.md: the Anthropic API key of the "KI" features). The server keeps the blob,
+    one per name, and never sees what is in it."""
+    user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='vault')
+    name = models.CharField(max_length=40)
+    ct = models.TextField()
+    iv = models.CharField(max_length=64)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    class Meta:
+        unique_together = ('user', 'name')
+
+
 def _generate_token():
     return secrets.token_hex(32)
 
diff --git a/accounts/tests.py b/accounts/tests.py
index edbd610..a77ac03 100644
--- a/accounts/tests.py
+++ b/accounts/tests.py
@@ -656,3 +656,26 @@ class CloudInboxTests(TestCase):
         self.assertEqual(r.status_code, 302)
         self.src.refresh_from_db()
         self.assertFalse(self.src.inbox)
+
+
+
+class VaultTests(TestCase):
+    """The vault keeps what the devices encrypted, per name; only for its owner."""
+
+    def test_keep_replace_remove(self):
+        u = User.objects.create_user('v', password='pw12345678')
+        self.client.force_login(u)
+        post = lambda body: self.client.post('/accounts/vault/ai/', json.dumps(body), content_type='application/json')
+        self.assertEqual(self.client.get('/accounts/vault/ai/').json(), {'ct': '', 'iv': ''})
+        self.assertEqual(post({'ct': 'abc', 'iv': 'i1'}).status_code, 200)
+        self.assertEqual(post({'ct': 'def', 'iv': 'i2'}).status_code, 200)
+        self.assertEqual(self.client.get('/accounts/vault/ai/').json(), {'ct': 'def', 'iv': 'i2'})
+        self.assertEqual(post({'iv': 'x'}).status_code, 400)
+        other = User.objects.create_user('w', password='pw12345678')
+        self.client.force_login(other)
+        self.assertEqual(self.client.get('/accounts/vault/ai/').json()['ct'], '')
+        self.client.force_login(u)
+        self.assertEqual(post({'ct': ''}).status_code, 200)
+        self.assertEqual(self.client.get('/accounts/vault/ai/').json()['ct'], '')
+        self.client.logout()
+        self.assertEqual(self.client.get('/accounts/vault/ai/').status_code, 401)
diff --git a/accounts/urls.py b/accounts/urls.py
index f569262..341bd8d 100644
--- a/accounts/urls.py
+++ b/accounts/urls.py
@@ -20,4 +20,5 @@ urlpatterns = [
     path('webdav/<int:pk>/edit/', views.webdav_edit, name='webdav_edit'),
     path('webdav/<int:pk>/test/', views.webdav_test, name='webdav_test'),
     path('webdav/<int:pk>/delete/', views.webdav_delete, name='webdav_delete'),
+    path('vault/<slug:name>/', views.vault, name='vault'),
 ]
diff --git a/accounts/views.py b/accounts/views.py
index 53a3b67..7b09742 100644
--- a/accounts/views.py
+++ b/accounts/views.py
@@ -12,7 +12,7 @@ from django.views.decorators.http import require_http_methods
 
 from radio import lastfm as lastfm_module
 
-from .models import ApiToken, WebDAVSource
+from .models import ApiToken, UserVault, WebDAVSource
 from .webdav import WebDAVError, list_directory
 
 User = get_user_model()
@@ -341,3 +341,38 @@ def webdav_delete(request, pk):
     if deleted:
         messages.success(request, 'Verbindung entfernt.')
     return redirect('settings')
+
+
+
+# ---------------------------------------------------------------------------
+# Vault: small device settings, end-to-end encrypted (docs/ai.md)
+# ---------------------------------------------------------------------------
+
+VAULT_MAX = 64 * 1024
+
+
+@csrf_exempt
+@require_http_methods(['GET', 'POST'])
+def vault(request, name):
+    """GET {ct, iv} ('' while there is none); POST {ct, iv} replaces it, {ct: ''} removes it.
+    The blob is encrypted on the devices with the book key; the server only keeps it."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    if request.method == 'GET':
+        v = UserVault.objects.filter(user=request.user, name=name).first()
+        return JsonResponse({'ct': v.ct if v else '', 'iv': v.iv if v else ''})
+    if len(request.body) > VAULT_MAX:
+        return JsonResponse({'error': 'too large'}, status=413)
+    try:
+        body = json.loads(request.body or b'{}')
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({'error': 'invalid JSON'}, status=400)
+    ct = body.get('ct') if isinstance(body, dict) else None
+    iv = body.get('iv') if isinstance(body, dict) else None
+    if ct == '':
+        UserVault.objects.filter(user=request.user, name=name).delete()
+        return JsonResponse({'ok': True})
+    if not isinstance(ct, str) or not isinstance(iv, str) or not iv or len(iv) > 64:
+        return JsonResponse({'error': 'ct and iv required'}, status=400)
+    UserVault.objects.update_or_create(user=request.user, name=name, defaults={'ct': ct, 'iv': iv})
+    return JsonResponse({'ok': True})
diff --git a/docs/ai.md b/docs/ai.md
new file mode 100644
index 0000000..d4757a8
--- /dev/null
+++ b/docs/ai.md
@@ -0,0 +1,46 @@
+# KI: Claude schlägt vor, der Nutzer entscheidet
+
+Since 2026-10-24. Organisation help with Claude (Anthropic) across diora: books and magazines
+first; podcasts, news/blogs and projects follow (same building blocks).
+
+## The key: the user's own, end-to-end encrypted, only on the devices
+
+Decided with the user: the Anthropic API key is entered in the app ("KI-Assistent", the ✦ of a
+feature or the app menu) and stored like the books — encrypted with the book key on the device,
+kept by the server as a blob it can't read:
+
+- `GET/POST /accounts/vault/<name>/` (`accounts.UserVault`, name `ai`): `{ct, iv}`; `{ct: ''}`
+  removes it. Its own store, not the library prefs (`/books/prefs/` is rewritten whole when
+  the folder order is saved).
+- The devices decrypt it into memory only and call Claude **directly** from the page
+  (browser, the apps' WebView, the desktop). The diora server sees neither the key nor what is
+  sent; Anthropic sees what a feature needs (titles, authors, folder names …). Anthropic bills
+  the user.
+- Without the book key on a device (or after a password change, which changes the book key)
+  the key can't be read: the settings ask for it again. Not on diora Reader (e-readers).
+- Server-side jobs (in the background, without an app open) were left out on purpose: they
+  would need the key on the server. The project Radar has its own server key (docs/projects.md).
+
+## Building blocks (`static/js/ai.js`, an ES module)
+
+- The official SDK, `@anthropic-ai/sdk` 0.133.0, bundled for the browser with esbuild 0.28.2:
+  `static/vendor/anthropic-sdk-0.133.0.mjs` (licence beside it). `dangerouslyAllowBrowser`:
+  the key is the user's own. To update: `npm install @anthropic-ai/sdk@<v> esbuild` in an empty
+  folder, `esbuild entry.mjs --bundle --format=esm --platform=browser --target=es2020 --minify`
+  with `export { default } from '@anthropic-ai/sdk'`, and change the import in ai.js.
+- `DioraAI.ask({system, prompt, schema, effort})`: model `claude-opus-5-5`, structured output
+  (`output_config.format` json_schema), effort `low` by default, streamed, `fallbacks: "default"`
+  (beta `server-side-fallback-2026-07-01`) for declined requests; refusals and over-long
+  answers become plain German messages.
+- `DioraAI.review({title, intro, items, onApply})`: the suggestions with checkboxes — nothing
+  changes until the user ticks and presses "Übernehmen".
+- `DioraAI.settings()`, `withKey(fn)`, `progress()`, `showError()`, `toast()`; the sheets close
+  with Android's back key; ⚙ in each sheet opens the settings.
+
+## Features
+
+| area | where | what Claude gets | what it suggests |
+|---|---|---|---|
+| Bücher, Zeitschriften | ✦ in the library's head (`static/js/app/55-library-tools.js`) | per book: id, title, author, folders, series, magazine mark; the existing folders | folders to add (existing first; new ones only for ≥ 3 books), series with volume, cleaned title/author where broken, magazine mark |
+
+Applied through `_updateBookMeta` (the encrypted meta, as when editing by hand).
diff --git a/docs/library.md b/docs/library.md
index 6444917..b28a882 100644
--- a/docs/library.md
+++ b/docs/library.md
@@ -112,6 +112,18 @@ sakral (Religion & Mythologie), spiel (Kinder & Jugend), code (Informatik),
 typo, wellen, botanik, berge, zellen — and bauhaus when nothing matches. A hash
 of title and author picks palette, layout and every detail.
 
+### Export as XML (since 2026-10-24)
+
+⇩ in the library's head (`static/js/app/55-library-tools.js`) saves `diora-bibliothek-<date>.xml`:
+made on the device from the list it has decrypted (nothing new goes to the server), every book
+and magazine issue with its diora metadata — title, author, file name, ISBN, pages, shelf
+category, series and volume, work (editions), magazine mark, cover choice, folders —, the
+reading position (`<progress percent anchor read read-at last-read device furthest-percent
+furthest-anchor>`), when it was uploaded, whether it has highlights, and an issue's articles with
+their state. The folder order heads the file. Root `<diora-library version="1">`.
+
+✦ beside it: ordering with Claude (docs/ai.md).
+
 ### Eingang: books from a cloud folder by themselves (since 2026-10-24)
 
 A cloud source (Einstellungen → Cloud-Verbindungen, WebDAV: `accounts.WebDAVSource`,
diff --git a/static/js/ai.js b/static/js/ai.js
new file mode 100644
index 0000000..994d901
--- /dev/null
+++ b/static/js/ai.js
@@ -0,0 +1,284 @@
+// ---------------------------------------------------------------------------
+// The "KI" features (docs/ai.md): Claude suggests, the user decides.
+//
+// The Anthropic API key is the user's own. It lives end-to-end encrypted with the book key
+// (POST /accounts/vault/ai/, like the books: the server keeps a blob it can't read) and is
+// decrypted on the device into memory only. The device calls Claude directly — the diora
+// server sees neither the key nor what is sent; Anthropic sees what a feature needs (titles,
+// authors, folder names …). Nothing is changed without the user ticking it in review().
+//
+// window.DioraAI = {available(), hasKey(), settings(), ask({system, prompt, schema}), review(…)}
+// ---------------------------------------------------------------------------
+
+import Anthropic from '/static/vendor/anthropic-sdk-0.133.0.mjs';
+
+const MODEL = 'claude-opus-5-5';
+const VAULT = '/accounts/vault/ai/';
+const KEY_HELP = 'https://console.anthropic.com/settings/keys';
+
+let apiKey = null;    // decrypted, in memory only
+let loaded = false;
+
+const html = document.documentElement;
+const esc = s => String(s == null ? '' : s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+
+// The book key of this device: never make one (getOrCreateEncKey would), the vault needs the real one.
+function bookKeyThere() {
+  try { return !!localStorage.getItem(`diora_enc_key_${window.USER_ID || 0}`); } catch (e) { return false; }
+}
+
+function available() {
+  return typeof IS_AUTHENTICATED !== 'undefined' && !!IS_AUTHENTICATED && !html.classList.contains('nui-reader-app') &&
+    bookKeyThere() && typeof getOrCreateEncKey === 'function';
+}
+
+async function loadKey(fresh) {
+  if (loaded && !fresh) return apiKey;
+  if (!available()) return null;
+  try {
+    const r = await fetch(VAULT, {cache: 'no-store'});
+    if (!r.ok) return apiKey;
+    const d = await r.json();
+    apiKey = null;
+    if (d.ct) {
+      const plain = await decryptBytes(await getOrCreateEncKey(), d.iv, d.ct);
+      apiKey = JSON.parse(new TextDecoder().decode(plain)).anthropic_key || null;
+    }
+    loaded = true;
+  } catch (e) {
+    // Offline, or encrypted with a key this device doesn't have (the password changed): ask again.
+    loaded = false;
+  }
+  return apiKey;
+}
+
+async function saveKey(key) {
+  const enc = await encryptBytes(await getOrCreateEncKey(), new TextEncoder().encode(JSON.stringify({anthropic_key: key})));
+  const r = await fetch(VAULT, {method: 'POST', headers: {'Content-Type': 'application/json'},
+    body: JSON.stringify({ct: enc.ciphertext, iv: enc.iv})});
+  if (!r.ok) throw new Error('Speichern ging nicht (' + r.status + ')');
+  apiKey = key;
+  loaded = true;
+}
+
+async function removeKey() {
+  await fetch(VAULT, {method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ct: ''})});
+  apiKey = null;
+  loaded = true;
+}
+
+function client(key) {
+  // In the page (browser, the apps' WebView): the key is the user's own and stays on the device.
+  return new Anthropic({apiKey: key, dangerouslyAllowBrowser: true});
+}
+
+// A plain German message for what went wrong.
+function explain(e) {
+  if (e && e.diora) return e.message;
+  if (e instanceof Anthropic.AuthenticationError || e instanceof Anthropic.PermissionDeniedError) {
+    return 'Der API-Key wird nicht angenommen – in den KI-Einstellungen prüfen.';
+  }
+  if (e instanceof Anthropic.RateLimitError) return 'Gerade zu viele Anfragen – bitte gleich noch einmal.';
+  if (e instanceof Anthropic.APIConnectionError) return navigator.onLine ? 'Claude war nicht erreichbar.' : 'Keine Verbindung.';
+  if (e instanceof Anthropic.APIError) return 'Claude antwortete mit einem Fehler (' + (e.status || '?') + ').';
+  return (e && e.message) || 'Unbekannter Fehler.';
+}
+
+function fail(message) {
+  const e = new Error(message);
+  e.diora = true;
+  return e;
+}
+
+// One request with a JSON answer of `schema` (structured outputs). Long lists stream.
+async function ask({system, prompt, schema, effort = 'low', maxTokens = 64000}) {
+  const key = await loadKey();
+  if (!key) throw fail('Kein API-Key hinterlegt.');
+  const stream = client(key).beta.messages.stream({
+    model: MODEL,
+    max_tokens: maxTokens,
+    betas: ['server-side-fallback-2026-07-01'],
+    fallbacks: 'default',
+    system,
+    messages: [{role: 'user', content: prompt}],
+    output_config: {effort, format: {type: 'json_schema', schema}},
+  });
+  const msg = await stream.finalMessage();
+  if (msg.stop_reason === 'refusal') throw fail('Claude hat diese Anfrage abgelehnt.');
+  if (msg.stop_reason === 'max_tokens') throw fail('Die Antwort wurde zu lang – bitte einen kleineren Teil ordnen.');
+  const text = msg.content.filter(b => b.type === 'text').map(b => b.text).join('');
+  try {
+    return JSON.parse(text);
+  } catch (e) {
+    throw fail('Die Antwort ließ sich nicht lesen.');
+  }
+}
+
+// ---- a sheet of our own (settings, progress, review) --------------------------------------
+
+function sheet(title, noGear) {
+  close();
+  const wrap = document.createElement('div');
+  wrap.id = 'dai-sheet';
+  wrap.innerHTML = `<div class="dai-panel" role="dialog" aria-label="${esc(title)}">
+    <div class="dai-top"><strong>${esc(title)}</strong><span>${noGear ? '' : '<button type="button" class="dai-x dai-gear" aria-label="KI-Einstellungen" title="KI-Einstellungen">⚙</button>'}<button type="button" class="dai-x dai-close" aria-label="Schließen">✕</button></span></div>
+    <div class="dai-body"></div></div>`;
+  wrap.addEventListener('click', e => {
+    if (e.target.closest('.dai-gear')) { settings(); return; }
+    if (e.target === wrap || e.target.closest('.dai-close')) close();
+  });
+  document.body.append(wrap);
+  return wrap.querySelector('.dai-body');
+}
+
+function close() {
+  const s = document.getElementById('dai-sheet');
+  if (s) s.remove();
+  return !!s;
+}
+
+async function settings(after) {
+  const body = sheet('KI-Assistent', true);
+  const has = !!(await loadKey(true));
+  body.innerHTML = `
+    <p>diora kann mit Claude (Anthropic) Vorschläge zum Ordnen machen – Bücher, Podcasts, Nachrichten, Projekte.
+      Du entscheidest bei jedem Vorschlag, ob er übernommen wird.</p>
+    <p class="dai-muted">Dein eigener API-Key: Er wird mit deinem Buchschlüssel verschlüsselt gespeichert – der diora-Server
+      kann ihn nicht lesen. Deine Geräte fragen Claude direkt; Anthropic sieht dabei, was eine Funktion braucht
+      (z. B. Titel und Autoren), der diora-Server nichts davon. Die Kosten rechnet Anthropic mit dir ab.
+      Einen Key legst du unter <a href="${KEY_HELP}" target="_blank" rel="noopener">console.anthropic.com</a> an.</p>
+    <label class="dai-field"><span>${has ? 'Key ersetzen' : 'API-Key'}</span>
+      <input type="password" class="dai-key" autocomplete="off" placeholder="${has ? '•••• hinterlegt' : 'sk-ant-…'}"></label>
+    <div class="dai-row">
+      <button type="button" class="btn btn-primary dai-save">Speichern</button>
+      ${has ? '<button type="button" class="btn dai-remove">Key entfernen</button>' : ''}
+      <span class="dai-status dai-muted"></span>
+    </div>`;
+  const status = body.querySelector('.dai-status');
+  body.querySelector('.dai-save').addEventListener('click', async () => {
+    const key = body.querySelector('.dai-key').value.trim();
+    if (!key) { status.textContent = 'Bitte einen Key eingeben.'; return; }
+    status.textContent = 'Wird geprüft …';
+    try {
+      await client(key).models.retrieve(MODEL);   // checks the key, costs nothing
+    } catch (e) {
+      status.textContent = explain(e);
+      return;
+    }
+    try {
+      await saveKey(key);
+    } catch (e) {
+      status.textContent = e.message;
+      return;
+    }
+    status.textContent = '✓ Gespeichert';
+    setTimeout(() => { close(); if (after) after(); }, 600);
+  });
+  const rm = body.querySelector('.dai-remove');
+  if (rm) rm.addEventListener('click', async () => { await removeKey(); close(); });
+}
+
+// The key first; then fn.
+async function withKey(fn) {
+  if (!available()) return;
+  if (await loadKey()) fn();
+  else settings(fn);
+}
+
+function progress(title, text) {
+  const body = sheet(title);
+  body.innerHTML = `<p class="dai-wait"><span class="dai-spin"></span> ${esc(text)}</p>`;
+  return body;
+}
+
+function showError(title, e) {
+  const body = sheet(title);
+  body.innerHTML = `<p>${esc(explain(e))}</p><div class="dai-row"><button type="button" class="btn dai-keys">KI-Einstellungen</button></div>`;
+  body.querySelector('.dai-keys').addEventListener('click', () => settings());
+}
+
+// Suggestions to tick: items [{id, title, lines: [text], checked}], groups optional (item.group).
+// onApply(ids) does the work and returns a short message.
+function review({title, intro, items, applyLabel = 'Übernehmen', onApply}) {
+  const body = sheet(title);
+  if (!items.length) {
+    body.innerHTML = `<p>${esc(intro || '')}</p><p>Claude hat nichts gefunden, das sich zu ändern lohnt.</p>`;
+    return;
+  }
+  let h = intro ? `<p class="dai-muted">${esc(intro)}</p>` : '';
+  h += `<div class="dai-row dai-all"><label><input type="checkbox" class="dai-toggle" checked> Alle</label>
+    <span class="dai-muted">${items.length} Vorschläge</span></div><div class="dai-list">`;
+  let group = null;
+  items.forEach((it, i) => {
+    if (it.group && it.group !== group) { group = it.group; h += `<div class="dai-group">${esc(group)}</div>`; }
+    h += `<label class="dai-item"><input type="checkbox" data-i="${i}"${it.checked === false ? '' : ' checked'}>
+      <span><strong>${esc(it.title)}</strong>${(it.lines || []).map(l => `<span class="dai-line">${esc(l)}</span>`).join('')}</span></label>`;
+  });
+  h += `</div><div class="dai-row dai-foot"><button type="button" class="btn btn-primary dai-apply">${esc(applyLabel)}</button>
+    <span class="dai-status dai-muted"></span></div>`;
+  body.innerHTML = h;
+  const boxes = () => [...body.querySelectorAll('.dai-item input')];
+  body.querySelector('.dai-toggle').addEventListener('change', e => boxes().forEach(b => { b.checked = e.target.checked; }));
+  body.querySelector('.dai-apply').addEventListener('click', async e => {
+    const ids = boxes().filter(b => b.checked).map(b => items[Number(b.dataset.i)].id);
+    if (!ids.length) { close(); return; }
+    e.target.disabled = true;
+    const status = body.querySelector('.dai-status');
+    status.textContent = 'Wird übernommen …';
+    try {
+      const msg = await onApply(ids);
+      close();
+      if (msg && window.DioraAI.toast) window.DioraAI.toast(msg);
+    } catch (err) {
+      status.textContent = explain(err);
+      e.target.disabled = false;
+    }
+  });
+}
+
+function toast(text) {
+  let t = document.getElementById('dai-toast');
+  if (!t) { t = document.createElement('div'); t.id = 'dai-toast'; document.body.append(t); }
+  t.textContent = text;
+  t.classList.add('on');
+  clearTimeout(t._h);
+  t._h = setTimeout(() => t.classList.remove('on'), 3500);
+}
+
+const style = document.createElement('style');
+style.textContent = [
+  '#dai-sheet { position: fixed; inset: 0; z-index: 3200; background: rgba(0,0,0,.45); display: flex; align-items: flex-end; justify-content: center; }',
+  '@media (min-width: 720px) { #dai-sheet { align-items: center; } }',
+  '#dai-sheet .dai-panel { background: var(--panel, #111); color: var(--fg, #eee); width: min(640px, 100%); max-height: 88vh; display: flex; flex-direction: column; border-radius: 12px 12px 0 0; box-shadow: 0 -4px 24px rgba(0,0,0,.4); }',
+  '@media (min-width: 720px) { #dai-sheet .dai-panel { border-radius: 12px; } }',
+  '#dai-sheet .dai-top { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 6px; }',
+  '#dai-sheet .dai-x { background: none; border: none; color: inherit; font-size: 18px; min-width: 40px; min-height: 40px; cursor: pointer; }',
+  '#dai-sheet .dai-body { padding: 0 16px 16px; overflow-y: auto; line-height: 1.45; }',
+  '#dai-sheet .dai-muted { color: var(--muted, #999); font-size: 13px; }',
+  '#dai-sheet .dai-field { display: flex; flex-direction: column; gap: 4px; margin: 12px 0; }',
+  '#dai-sheet .dai-field input { padding: 9px 10px; border-radius: 6px; border: 1px solid var(--border-strong, #444); background: var(--raised, #1a1a1a); color: inherit; font: inherit; }',
+  '#dai-sheet .dai-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 10px 0; }',
+  '#dai-sheet .dai-list { display: flex; flex-direction: column; }',
+  '#dai-sheet .dai-item { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid var(--border, #2a2a2a); cursor: pointer; }',
+  '#dai-sheet .dai-item input { margin-top: 3px; flex: none; }',
+  '#dai-sheet .dai-line { display: block; font-size: 13px; color: var(--muted, #999); }',
+  '#dai-sheet .dai-group { margin: 14px 0 2px; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted, #999); }',
+  '#dai-sheet .dai-foot { position: sticky; bottom: 0; background: var(--panel, #111); padding: 10px 0 0; margin: 0; }',
+  '#dai-sheet .dai-spin { display: inline-block; width: 14px; height: 14px; border: 2px solid var(--muted, #999); border-top-color: transparent; border-radius: 50%; animation: dai-spin 1s linear infinite; vertical-align: -2px; margin-right: 6px; }',
+  '@keyframes dai-spin { to { transform: rotate(360deg); } }',
+  '#dai-toast { position: fixed; left: 50%; bottom: calc(var(--nui-dock-h, 0px) + 80px); transform: translateX(-50%); z-index: 3300; background: var(--raised, #222); color: var(--fg, #eee); padding: 10px 16px; border-radius: 8px; font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s; max-width: calc(100vw - 32px); }',
+  '#dai-toast.on { opacity: 1; }',
+  '.dai-btn { font-size: 16px; }',
+].join('\n');
+document.head.append(style);
+
+// Android's back key closes the sheet first.
+const back = window.__dioraBack;
+window.__dioraBack = function () {
+  if (close()) return true;
+  return back ? back.apply(this, arguments) : false;
+};
+
+window.DioraAI = {available, hasKey: async () => !!(await loadKey()), settings, withKey, ask, review, progress, showError,
+  close, toast, explain};
+window.dispatchEvent(new Event('diora-ai'));
diff --git a/static/js/app/55-library-tools.js b/static/js/app/55-library-tools.js
new file mode 100644
index 0000000..a40c243
--- /dev/null
+++ b/static/js/app/55-library-tools.js
@@ -0,0 +1,237 @@
+'use strict';
+
+// ---------------------------------------------------------------------------
+// Two tools in the library's head (docs/library.md):
+//   ⇩  the whole library as an XML file: every book's diora metadata (decrypted here),
+//      folders, series, the reading position, the magazines' articles — made on this
+//      device from the list already decrypted, nothing new goes to the server;
+//   ✦  "Ordnen" with Claude (docs/ai.md): folders, series, cleaned titles and authors,
+//      magazine marks suggested for the books shown; the user ticks what to take.
+// They are added to the head 53-library.js draws (after each drawing).
+// ---------------------------------------------------------------------------
+
+function _libToolsAdd() {
+  const head = document.querySelector('#book-list .lib-head');
+  if (!head || head.querySelector('.lib-tools-x')) return;
+  const add = head.querySelector('.lib-add');
+  const mk = (label, title, act) => {
+    const b = document.createElement('button');
+    b.type = 'button';
+    b.className = 'lib-icon lib-tools-x';
+    b.textContent = label;
+    b.title = title;
+    b.setAttribute('aria-label', title);
+    b.addEventListener('click', e => { e.stopPropagation(); act(); });
+    head.insertBefore(b, add || null);
+  };
+  if (window.DioraAI && DioraAI.available()) mk('✦', 'Mit KI ordnen', libraryOrganize);
+  mk('⇩', 'Bibliothek als XML exportieren', libraryExportXml);
+}
+
+(function () {
+  const watch = () => {
+    const list = document.getElementById('book-list');
+    if (!list) return;
+    new MutationObserver(_libToolsAdd).observe(list, {childList: true});
+    _libToolsAdd();
+  };
+  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', watch);
+  else watch();
+  // ai.js is a module and comes after: add ✦ then.
+  window.addEventListener('diora-ai', () => {
+    const old = document.querySelector('#book-list .lib-head');
+    if (old) old.querySelectorAll('.lib-tools-x').forEach(b => b.remove());
+    _libToolsAdd();
+  });
+})();
+
+// ---- XML export -------------------------------------------------------------
+
+function _xmlEsc(s) {
+  return String(s == null ? '' : s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;').replace(/[\u0000-\u0008\u000B\u000C\u000E-\u001F]/g, '');
+}
+
+function _xmlEl(name, value, attrs) {
+  const a = Object.entries(attrs || {}).filter(([, v]) => v !== undefined && v !== null && v !== '')
+    .map(([k, v]) => ` ${k}="${_xmlEsc(v)}"`).join('');
+  if (value === undefined || value === null || value === '') return `<${name}${a}/>`;
+  return `<${name}${a}>${_xmlEsc(value)}</${name}>`;
+}
+
+const _xmlTime = v => (v ? (typeof v === 'number' ? new Date(v).toISOString() : String(v)) : '');
+
+function libraryExportXml() {
+  const books = (typeof _lastBookListData !== 'undefined' && _lastBookListData) || [];
+  if (!books.length) { if (typeof customAlert === 'function') customAlert('Noch keine Bücher geladen.'); return; }
+  const user = document.querySelector('meta[name="username"]')?.content || '';
+  const order = (typeof _lib !== 'undefined' && _lib && Array.isArray(_lib.order)) ? _lib.order : [];
+  const out = ['<?xml version="1.0" encoding="UTF-8"?>',
+    `<diora-library version="1" exported="${new Date().toISOString()}" account="${_xmlEsc(user)}" books="${books.length}">`];
+  if (order.length) {
+    out.push('  <folder-order>');
+    order.forEach(f => out.push('    ' + _xmlEl('folder', f)));
+    out.push('  </folder-order>');
+  }
+  for (const b of books) {
+    const m = (typeof bookMetaCache !== 'undefined' && bookMetaCache[b.id]) || {};
+    const kind = (typeof _isMagazine === 'function' && _isMagazine(b)) ? 'magazine' : 'book';
+    out.push(`  <book id="${b.id}" kind="${kind}" type="${_xmlEsc(b.type || m.type || 'epub')}"${b.keyOk === false ? ' decrypted="false"' : ''}>`);
+    out.push('    ' + _xmlEl('title', b.title));
+    out.push('    ' + _xmlEl('author', b.author));
+    if (m.filename) out.push('    ' + _xmlEl('filename', m.filename));
+    if (b.isbn || m.isbn) out.push('    ' + _xmlEl('isbn', b.isbn || m.isbn));
+    if (b.pages || m.pages) out.push('    ' + _xmlEl('pages', b.pages || m.pages));
+    if (b.shelfTag || m.shelfTag) out.push('    ' + _xmlEl('shelf-category', b.shelfTag || m.shelfTag));
+    if (b.series) out.push('    ' + _xmlEl('series', b.series, {number: b.seriesIndex}));
+    if (b.work) out.push('    ' + _xmlEl('work', b.work));
+    if (b.magazine === true || b.magazine === false) out.push('    ' + _xmlEl('magazine-mark', String(b.magazine)));
+    if (b.cover) out.push('    ' + _xmlEl('cover', b.cover));
+    const folders = typeof _foldersOfMeta === 'function' ? _foldersOfMeta(b) : (b.folders || []);
+    if (folders.length) {
+      out.push('    <folders>');
+      folders.forEach(f => out.push('      ' + _xmlEl('folder', f)));
+      out.push('    </folders>');
+    }
+    out.push('    ' + _xmlEl('progress', '', {
+      percent: b.scroll_fraction != null ? (Math.round(b.scroll_fraction * 1000) / 10).toFixed(1) : '',
+      anchor: b.position_anchor,
+      read: String(!!b.is_read),
+      'read-at': _xmlTime(b.read_at),
+      'last-read': _xmlTime(b.last_read),
+      device: b.device,
+      'furthest-percent': b.furthest_fraction ? (Math.round(b.furthest_fraction * 1000) / 10).toFixed(1) : '',
+      'furthest-anchor': b.furthest_anchor,
+    }));
+    out.push('    ' + _xmlEl('uploaded', _xmlTime(b.uploaded_at)));
+    if (b.has_highlights) out.push('    ' + _xmlEl('highlights', 'true'));
+    const issue = b.issue || m.issue;
+    if (issue && Array.isArray(issue.a) && issue.a.length) {
+      const readState = b.issueRead || m.issueRead || {};
+      out.push(`    <articles${(b.issueAt || m.issueAt) ? ` current="${_xmlEsc(b.issueAt || m.issueAt)}"` : ''}>`);
+      issue.a.forEach(x => out.push('      ' + _xmlEl('article', x.t, {
+        section: x.r, author: x.a, minutes: x.m, 'first-page': x.p, 'last-page': x.e,
+        state: readState[x.h] === 'r' ? 'read' : readState[x.h] === 's' ? 'skipped' : '', href: x.h,
+      })));
+      out.push('    </articles>');
+    }
+    out.push('  </book>');
+  }
+  out.push('</diora-library>', '');
+  const blob = new Blob([out.join('\n')], {type: 'application/xml;charset=utf-8'});
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = `diora-bibliothek-${new Date().toISOString().slice(0, 10)}.xml`;
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 1000);
+}
+
+// ---- ✦ Ordnen with Claude ------------------------------------------------------
+
+const _LIB_AI_SYSTEM = `Du hilfst, eine private E-Book-Bibliothek zu ordnen. Du bekommst die Bücher als JSON
+(id, Titel, Autor, Ordner, Serie, Zeitschrift) und die vorhandenen Ordner. Schlage nur Änderungen vor, die
+wirklich helfen; ein Buch ohne sinnvolle Änderung lässt du weg.
+
+- Ordner wirken wie Schlagwörter, ein Buch kann in mehreren sein. Nutze vorhandene Ordner bevorzugt.
+  Einen neuen Ordner nur, wenn mindestens drei Bücher hineinpassen; kurze deutsche Namen nach Thema oder
+  Gattung (z. B. „Philosophie“, „Geschichte“, „Romane“). Du schlägst nur Ordner zum Hinzufügen vor,
+  entfernst keine.
+- Serie nur bei klar mehrbändigen Werken (Band, Teil, Volume …), mit Bandnummer, wenn erkennbar.
+- Titel und Autor nur korrigieren, wenn sie offensichtlich kaputt sind: Dateinamen, Unterstriche,
+  „Unknown“, Autor im Titel, durchgehend Großbuchstaben, vertauschte Felder. Sonst null.
+- zeitschrift: true nur für Hefte oder Ausgaben von Zeitschriften, false nur wenn etwas fälschlich als
+  Zeitschrift markiert ist, sonst null.
+- warum: ein kurzer deutscher Satz.`;
+
+const _LIB_AI_SCHEMA = {
+  type: 'object',
+  properties: {
+    vorschlaege: {
+      type: 'array',
+      items: {
+        type: 'object',
+        properties: {
+          id: {type: 'integer'},
+          ordner_hinzu: {type: ['array', 'null'], items: {type: 'string'}},
+          serie: {type: ['string', 'null']},
+          band: {type: ['number', 'null']},
+          titel: {type: ['string', 'null']},
+          autor: {type: ['string', 'null']},
+          zeitschrift: {type: ['boolean', 'null']},
+          warum: {type: 'string'},
+        },
+        required: ['id', 'ordner_hinzu', 'serie', 'band', 'titel', 'autor', 'zeitschrift', 'warum'],
+        additionalProperties: false,
+      },
+    },
+  },
+  required: ['vorschlaege'],
+  additionalProperties: false,
+};
+
+function libraryOrganize() {
+  DioraAI.withKey(async () => {
+    const all = (typeof _lastBookListData !== 'undefined' && _lastBookListData) || [];
+    const section = typeof _bookSectionFilter === 'function' ? _bookSectionFilter(all) : all;
+    const books = section.filter(b => b.keyOk !== false);
+    if (!books.length) return;
+    const folderOf = b => (typeof _foldersOfMeta === 'function' ? _foldersOfMeta(b) : (b.folders || []));
+    const existing = [...new Set(all.flatMap(folderOf))].sort((a, b) => a.localeCompare(b, 'de'));
+    const data = books.map(b => ({id: b.id, titel: b.title, autor: b.author, ordner: folderOf(b),
+      serie: b.series || null, band: b.seriesIndex || null, zeitschrift: typeof _isMagazine === 'function' ? _isMagazine(b) : !!b.magazine}));
+    DioraAI.progress('Mit KI ordnen', `Claude sieht sich ${books.length} ${books.length === 1 ? 'Buch' : 'Bücher'} an – das kann eine Minute dauern …`);
+    let answer;
+    try {
+      answer = await DioraAI.ask({
+        system: _LIB_AI_SYSTEM,
+        prompt: `Vorhandene Ordner: ${JSON.stringify(existing)}\n\nBücher:\n${JSON.stringify(data)}`,
+        schema: _LIB_AI_SCHEMA,
+      });
+    } catch (e) {
+      DioraAI.showError('Mit KI ordnen', e);
+      return;
+    }
+    const byId = new Map(books.map(b => [b.id, b]));
+    const items = [];
+    for (const s of answer.vorschlaege || []) {
+      const b = byId.get(s.id);
+      if (!b) continue;
+      const have = folderOf(b);
+      const addF = (s.ordner_hinzu || []).map(f => String(f).trim()).filter(f => f && !have.includes(f));
+      const change = {};
+      const lines = [];
+      if (addF.length) { change.folders = have.concat(addF); lines.push('Ordner + ' + addF.join(', ')); }
+      if (s.serie && s.serie !== b.series) {
+        change.series = s.serie;
+        if (s.band != null) change.seriesIndex = s.band;
+        lines.push('Serie: ' + s.serie + (s.band != null ? ` (Band ${s.band})` : ''));
+      }
+      if (s.titel && s.titel !== b.title) { change.title = s.titel; lines.push('Titel: ' + s.titel); }
+      if (s.autor && s.autor !== b.author) { change.author = s.autor; lines.push('Autor: ' + s.autor); }
+      if (s.zeitschrift === true || s.zeitschrift === false) {
+        const now = typeof _isMagazine === 'function' ? _isMagazine(b) : !!b.magazine;
+        if (s.zeitschrift !== now) { change.magazine = s.zeitschrift; lines.push(s.zeitschrift ? 'als Zeitschrift führen' : 'als Buch führen'); }
+      }
+      if (!lines.length) continue;
+      if (s.warum) lines.push('– ' + s.warum);
+      items.push({id: s.id, title: b.title + (b.author ? ' · ' + b.author : ''), lines, change});
+    }
+    DioraAI.review({
+      title: 'Mit KI ordnen',
+      intro: 'Vorschläge von Claude. Was angehakt ist, wird übernommen; vorhandene Ordner bleiben.',
+      items,
+      onApply: async ids => {
+        let n = 0;
+        for (const id of ids) {
+          const it = items.find(x => x.id === id);
+          if (it && await _updateBookMeta(id, it.change)) n++;
+        }
+        if (typeof renderBookList === 'function') renderBookList(_lastBookListData);
+        return `${n} ${n === 1 ? 'Buch' : 'Bücher'} geordnet`;
+      },
+    });
+  });
+}
diff --git a/static/js/sw.js b/static/js/sw.js
index de1106b..020a4e7 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v147';
+const CACHE = 'diora-v148';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
@@ -25,6 +25,7 @@ const SHELL = [
   '/static/js/app/52-book-list.js',
   '/static/js/app/53-library.js',
   '/static/js/app/54-issues.js',
+  '/static/js/app/55-library-tools.js',
   '/static/js/app/56-cloud-import.js',
   '/static/js/app/57-cloud-inbox.js',
   '/static/js/app/58-pdf.js',
diff --git a/static/vendor/anthropic-sdk-0.133.0.mjs b/static/vendor/anthropic-sdk-0.133.0.mjs
new file mode 100644
index 0000000..b547367
--- /dev/null
+++ b/static/vendor/anthropic-sdk-0.133.0.mjs
@@ -0,0 +1,20 @@
+/* @anthropic-ai/sdk 0.133.0 (MIT), bundled for the browser with esbuild 0.28.2: see docs/ai.md. */
+var al=Object.create;var $i=Object.defineProperty;var cl=Object.getOwnPropertyDescriptor;var ll=Object.getOwnPropertyNames;var ul=Object.getPrototypeOf,dl=Object.prototype.hasOwnProperty;var Hr=(r,n,e)=>()=>{if(e)throw e[0];try{return r&&(n=r(r=0)),n}catch(t){throw e=[t],t}};var Bs=(r,n)=>()=>{try{return n||r((n={exports:{}}).exports,n),n.exports}catch(e){throw n=0,e}},Qo=(r,n)=>{for(var e in n)$i(r,e,{get:n[e],enumerable:!0})},hl=(r,n,e,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of ll(n))!dl.call(r,s)&&s!==e&&$i(r,s,{get:()=>n[s],enumerable:!(t=cl(n,s))||t.enumerable});return r};var fl=(r,n,e)=>(e=r!=null?al(ul(r)):{},hl(n||!r||!r.__esModule?$i(e,"default",{value:r,enumerable:!0}):e,r));function de(r){return typeof r=="object"&&r!==null&&("name"in r&&r.name==="AbortError"||"message"in r&&String(r.message).includes("FetchRequestCanceledException"))}var qe,Ue=Hr(()=>{qe=r=>{if(r instanceof Error)return r;if(typeof r=="object"&&r!==null){try{let n=Object.prototype.toString.call(r);if(n==="[object Error]"||n==="[object DOMException]"){let e=new Error(r.message,r.cause?{cause:r.cause}:{});return r.stack&&(e.stack=r.stack),r.cause&&!e.cause&&(e.cause=r.cause),r.name&&(e.name=r.name),e}}catch{}try{return new Error(JSON.stringify(r))}catch{}}return new Error(r)}});var k,D,V,Ae,Wr,Hs,Dr,zr,qr,Ur,jr,Kr,Vr,Jr,B=Hr(()=>{Ue();k=(()=>{class r extends Error{}return r})(),D=class r extends k{constructor(n,e,t,s,i){super(`${r.makeMessage(n,e,t)}`),this.status=n,this.headers=s,this.requestID=s?.get("request-id"),this.workspaceID=s?.get("anthropic-workspace-id"),this.error=e,this.type=i??null}static makeMessage(n,e,t){let s=e?.message?typeof e.message=="string"?e.message:JSON.stringify(e.message):e?JSON.stringify(e):t;return n&&s?`${n} ${s}`:n?`${n} status code (no body)`:s||"(no status code or body)"}static generate(n,e,t,s){if(!n||!s)return new Ae({message:t,cause:qe(e)});let i=e,o=i?.error?.type;return n===400?new Dr(n,i,t,s,o):n===401?new zr(n,i,t,s,o):n===403?new qr(n,i,t,s,o):n===404?new Ur(n,i,t,s,o):n===409?new jr(n,i,t,s,o):n===422?new Kr(n,i,t,s,o):n===429?new Vr(n,i,t,s,o):n>=500?new Jr(n,i,t,s,o):new r(n,i,t,s,o)}},V=class extends D{constructor({message:n}={}){super(void 0,void 0,n||"Request was aborted.",void 0)}},Ae=class extends D{constructor({message:n,cause:e}){super(void 0,void 0,n||"Connection error.",void 0),e&&(this.cause=e)}},Wr=class extends Ae{constructor({message:n}={}){super({message:n??"Request timed out."})}},Hs=class extends k{constructor(n,{cause:e}={}){super(n??"Retryable error."),e!==void 0&&(this.cause=e)}},Dr=class extends D{},zr=class extends D{},qr=class extends D{},Ur=class extends D{},jr=class extends D{},Kr=class extends D{},Vr=class extends D{},Jr=class extends D{}});var ge={};Qo(ge,{child_process:()=>Al,crypto:()=>Pl,fs:()=>Rl,os:()=>Il,path:()=>El,stream:()=>Tl,util:()=>Ml});function je(r){return new Proxy({},{get(n,e){if(typeof e!="symbol")throw new k(`\`${r}.${e}\` is not available in this environment; it needs a Node.js-compatible runtime`)}})}var Al,Pl,Rl,Il,El,Tl,Ml,we=Hr(()=>{B();Al=je("child_process"),Pl=je("crypto"),Rl=je("fs"),Il=je("os"),El=je("path"),Tl=je("stream"),Ml=je("util")});var ic=Bs(se=>{"use strict";var mu=se&&se.__extends||(function(){var r=function(n,e){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,s){t.__proto__=s}||function(t,s){for(var i in s)s.hasOwnProperty(i)&&(t[i]=s[i])},r(n,e)};return function(n,e){r(n,e);function t(){this.constructor=n}n.prototype=e===null?Object.create(e):(t.prototype=e.prototype,new t)}})();Object.defineProperty(se,"__esModule",{value:!0});var U=256,_o=(function(){function r(n){n===void 0&&(n="="),this._paddingCharacter=n}return r.prototype.encodedLength=function(n){return this._paddingCharacter?(n+2)/3*4|0:(n*8+5)/6|0},r.prototype.encode=function(n){for(var e="",t=0;t<n.length-2;t+=3){var s=n[t]<<16|n[t+1]<<8|n[t+2];e+=this._encodeByte(s>>>18&63),e+=this._encodeByte(s>>>12&63),e+=this._encodeByte(s>>>6&63),e+=this._encodeByte(s>>>0&63)}var i=n.length-t;if(i>0){var s=n[t]<<16|(i===2?n[t+1]<<8:0);e+=this._encodeByte(s>>>18&63),e+=this._encodeByte(s>>>12&63),i===2?e+=this._encodeByte(s>>>6&63):e+=this._paddingCharacter||"",e+=this._paddingCharacter||""}return e},r.prototype.maxDecodedLength=function(n){return this._paddingCharacter?n/4*3|0:(n*6+7)/8|0},r.prototype.decodedLength=function(n){return this.maxDecodedLength(n.length-this._getPaddingLength(n))},r.prototype.decode=function(n){if(n.length===0)return new Uint8Array(0);for(var e=this._getPaddingLength(n),t=n.length-e,s=new Uint8Array(this.maxDecodedLength(t)),i=0,o=0,c=0,f=0,d=0,b=0,p=0;o<t-4;o+=4)f=this._decodeChar(n.charCodeAt(o+0)),d=this._decodeChar(n.charCodeAt(o+1)),b=this._decodeChar(n.charCodeAt(o+2)),p=this._decodeChar(n.charCodeAt(o+3)),s[i++]=f<<2|d>>>4,s[i++]=d<<4|b>>>2,s[i++]=b<<6|p,c|=f&U,c|=d&U,c|=b&U,c|=p&U;if(o<t-1&&(f=this._decodeChar(n.charCodeAt(o)),d=this._decodeChar(n.charCodeAt(o+1)),s[i++]=f<<2|d>>>4,c|=f&U,c|=d&U),o<t-2&&(b=this._decodeChar(n.charCodeAt(o+2)),s[i++]=d<<4|b>>>2,c|=b&U),o<t-3&&(p=this._decodeChar(n.charCodeAt(o+3)),s[i++]=b<<6|p,c|=p&U),c!==0)throw new Error("Base64Coder: incorrect characters for decoding");return s},r.prototype._encodeByte=function(n){var e=n;return e+=65,e+=25-n>>>8&6,e+=51-n>>>8&-75,e+=61-n>>>8&-15,e+=62-n>>>8&3,String.fromCharCode(e)},r.prototype._decodeChar=function(n){var e=U;return e+=(42-n&n-44)>>>8&-U+n-43+62,e+=(46-n&n-48)>>>8&-U+n-47+63,e+=(47-n&n-58)>>>8&-U+n-48+52,e+=(64-n&n-91)>>>8&-U+n-65+0,e+=(96-n&n-123)>>>8&-U+n-97+26,e},r.prototype._getPaddingLength=function(n){var e=0;if(this._paddingCharacter){for(var t=n.length-1;t>=0&&n[t]===this._paddingCharacter;t--)e++;if(n.length<4||e>2)throw new Error("Base64Coder: incorrect padding")}return e},r})();se.Coder=_o;var hs=new _o;function _u(r){return hs.encode(r)}se.encode=_u;function gu(r){return hs.decode(r)}se.decode=gu;var sc=(function(r){mu(n,r);function n(){return r!==null&&r.apply(this,arguments)||this}return n.prototype._encodeByte=function(e){var t=e;return t+=65,t+=25-e>>>8&6,t+=51-e>>>8&-75,t+=61-e>>>8&-13,t+=62-e>>>8&49,String.fromCharCode(t)},n.prototype._decodeChar=function(e){var t=U;return t+=(44-e&e-46)>>>8&-U+e-45+62,t+=(94-e&e-96)>>>8&-U+e-95+63,t+=(47-e&e-58)>>>8&-U+e-48+52,t+=(64-e&e-91)>>>8&-U+e-65+0,t+=(96-e&e-123)>>>8&-U+e-97+26,t},n})(_o);se.URLSafeCoder=sc;var nc=new sc;function wu(r){return nc.encode(r)}se.encodeURLSafe=wu;function bu(r){return nc.decode(r)}se.decodeURLSafe=bu;se.encodedLength=function(r){return hs.encodedLength(r)};se.maxDecodedLength=function(r){return hs.maxDecodedLength(r)};se.decodedLength=function(r){return hs.decodedLength(r)}});var ac=Bs((oc,vn)=>{(function(r,n){var e={};n(e);var t=e.default;for(var s in e)t[s]=e[s];typeof vn=="object"&&typeof vn.exports=="object"?vn.exports=t:typeof define=="function"&&define.amd?define(function(){return t}):r.sha256=t})(oc,function(r){"use strict";r.__esModule=!0,r.digestLength=32,r.blockSize=64;var n=new Uint32Array([1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298]);function e(p,g,y,_,v){for(var A,R,S,E,x,P,L,M,F,H,q,ae,ze;v>=64;){for(A=g[0],R=g[1],S=g[2],E=g[3],x=g[4],P=g[5],L=g[6],M=g[7],H=0;H<16;H++)q=_+H*4,p[H]=(y[q]&255)<<24|(y[q+1]&255)<<16|(y[q+2]&255)<<8|y[q+3]&255;for(H=16;H<64;H++)F=p[H-2],ae=(F>>>17|F<<15)^(F>>>19|F<<13)^F>>>10,F=p[H-15],ze=(F>>>7|F<<25)^(F>>>18|F<<14)^F>>>3,p[H]=(ae+p[H-7]|0)+(ze+p[H-16]|0);for(H=0;H<64;H++)ae=(((x>>>6|x<<26)^(x>>>11|x<<21)^(x>>>25|x<<7))+(x&P^~x&L)|0)+(M+(n[H]+p[H]|0)|0)|0,ze=((A>>>2|A<<30)^(A>>>13|A<<19)^(A>>>22|A<<10))+(A&R^A&S^R&S)|0,M=L,L=P,P=x,x=E+ae|0,E=S,S=R,R=A,A=ae+ze|0;g[0]+=A,g[1]+=R,g[2]+=S,g[3]+=E,g[4]+=x,g[5]+=P,g[6]+=L,g[7]+=M,_+=64,v-=64}return _}var t=(function(){function p(){this.digestLength=r.digestLength,this.blockSize=r.blockSize,this.state=new Int32Array(8),this.temp=new Int32Array(64),this.buffer=new Uint8Array(128),this.bufferLength=0,this.bytesHashed=0,this.finished=!1,this.reset()}return p.prototype.reset=function(){return this.state[0]=1779033703,this.state[1]=3144134277,this.state[2]=1013904242,this.state[3]=2773480762,this.state[4]=1359893119,this.state[5]=2600822924,this.state[6]=528734635,this.state[7]=1541459225,this.bufferLength=0,this.bytesHashed=0,this.finished=!1,this},p.prototype.clean=function(){for(var g=0;g<this.buffer.length;g++)this.buffer[g]=0;for(var g=0;g<this.temp.length;g++)this.temp[g]=0;this.reset()},p.prototype.update=function(g,y){if(y===void 0&&(y=g.length),this.finished)throw new Error("SHA256: can't update because hash was finished.");var _=0;if(this.bytesHashed+=y,this.bufferLength>0){for(;this.bufferLength<64&&y>0;)this.buffer[this.bufferLength++]=g[_++],y--;this.bufferLength===64&&(e(this.temp,this.state,this.buffer,0,64),this.bufferLength=0)}for(y>=64&&(_=e(this.temp,this.state,g,_,y),y%=64);y>0;)this.buffer[this.bufferLength++]=g[_++],y--;return this},p.prototype.finish=function(g){if(!this.finished){var y=this.bytesHashed,_=this.bufferLength,v=y/536870912|0,A=y<<3,R=y%64<56?64:128;this.buffer[_]=128;for(var S=_+1;S<R-8;S++)this.buffer[S]=0;this.buffer[R-8]=v>>>24&255,this.buffer[R-7]=v>>>16&255,this.buffer[R-6]=v>>>8&255,this.buffer[R-5]=v>>>0&255,this.buffer[R-4]=A>>>24&255,this.buffer[R-3]=A>>>16&255,this.buffer[R-2]=A>>>8&255,this.buffer[R-1]=A>>>0&255,e(this.temp,this.state,this.buffer,0,R),this.finished=!0}for(var S=0;S<8;S++)g[S*4+0]=this.state[S]>>>24&255,g[S*4+1]=this.state[S]>>>16&255,g[S*4+2]=this.state[S]>>>8&255,g[S*4+3]=this.state[S]>>>0&255;return this},p.prototype.digest=function(){var g=new Uint8Array(this.digestLength);return this.finish(g),g},p.prototype._saveState=function(g){for(var y=0;y<this.state.length;y++)g[y]=this.state[y]},p.prototype._restoreState=function(g,y){for(var _=0;_<this.state.length;_++)this.state[_]=g[_];this.bytesHashed=y,this.finished=!1,this.bufferLength=0},p})();r.Hash=t;var s=(function(){function p(g){this.inner=new t,this.outer=new t,this.blockSize=this.inner.blockSize,this.digestLength=this.inner.digestLength;var y=new Uint8Array(this.blockSize);if(g.length>this.blockSize)new t().update(g).finish(y).clean();else for(var _=0;_<g.length;_++)y[_]=g[_];for(var _=0;_<y.length;_++)y[_]^=54;this.inner.update(y);for(var _=0;_<y.length;_++)y[_]^=106;this.outer.update(y),this.istate=new Uint32Array(8),this.ostate=new Uint32Array(8),this.inner._saveState(this.istate),this.outer._saveState(this.ostate);for(var _=0;_<y.length;_++)y[_]=0}return p.prototype.reset=function(){return this.inner._restoreState(this.istate,this.inner.blockSize),this.outer._restoreState(this.ostate,this.outer.blockSize),this},p.prototype.clean=function(){for(var g=0;g<this.istate.length;g++)this.ostate[g]=this.istate[g]=0;this.inner.clean(),this.outer.clean()},p.prototype.update=function(g){return this.inner.update(g),this},p.prototype.finish=function(g){return this.outer.finished?this.outer.finish(g):(this.inner.finish(g),this.outer.update(g,this.digestLength).finish(g)),this},p.prototype.digest=function(){var g=new Uint8Array(this.digestLength);return this.finish(g),g},p})();r.HMAC=s;function i(p){var g=new t().update(p),y=g.digest();return g.clean(),y}r.hash=i,r.default=i;function o(p,g){var y=new s(p).update(g),_=y.digest();return y.clean(),_}r.hmac=o;function c(p,g,y,_){var v=_[0];if(v===0)throw new Error("hkdf: cannot expand more");g.reset(),v>1&&g.update(p),y&&g.update(y),g.update(_),g.finish(p),_[0]++}var f=new Uint8Array(r.digestLength);function d(p,g,y,_){g===void 0&&(g=f),_===void 0&&(_=32);for(var v=new Uint8Array([1]),A=o(g,p),R=new s(A),S=new Uint8Array(R.digestLength),E=S.length,x=new Uint8Array(_),P=0;P<_;P++)E===S.length&&(c(S,R,y,v),E=0),x[P]=S[E++];return R.clean(),S.fill(0),v.fill(0),x}r.hkdf=d;function b(p,g,y,_){for(var v=new s(p),A=v.digestLength,R=new Uint8Array(4),S=new Uint8Array(A),E=new Uint8Array(A),x=new Uint8Array(_),P=0;P*A<_;P++){var L=P+1;R[0]=L>>>24&255,R[1]=L>>>16&255,R[2]=L>>>8&255,R[3]=L>>>0&255,v.reset(),v.update(g),v.update(R),v.finish(E);for(var M=0;M<A;M++)S[M]=E[M];for(var M=2;M<=y;M++){v.reset(),v.update(E).finish(E);for(var F=0;F<A;F++)S[F]^=E[F]}for(var M=0;M<A&&P*A+M<_;M++)x[P*A+M]=S[M]}for(var P=0;P<A;P++)S[P]=E[P]=0;for(var P=0;P<4;P++)R[P]=0;return v.clean(),x}r.pbkdf2=b})});var lc=Bs(go=>{"use strict";Object.defineProperty(go,"__esModule",{value:!0});go.timingSafeEqual=yu;function cc(r,n=""){if(!r)throw new Error(n)}function yu(r,n){if(r.byteLength!==n.byteLength)return!1;r instanceof DataView||(r=new DataView(ArrayBuffer.isView(r)?r.buffer:r)),n instanceof DataView||(n=new DataView(ArrayBuffer.isView(n)?n.buffer:n)),cc(r instanceof DataView),cc(n instanceof DataView);let e=r.byteLength,t=0,s=-1;for(;++s<e;)t|=r.getUint8(s)^n.getUint8(s);return t===0}});var hc=Bs(wt=>{"use strict";Object.defineProperty(wt,"__esModule",{value:!0});wt.Webhook=wt.WebhookVerificationError=void 0;var uc=ic(),ku=ac(),Su=lc(),dc=300,wo=class r extends Error{constructor(n){super(n),Object.setPrototypeOf(this,r.prototype),this.name="ExtendableError",this.stack=new Error(n).stack}},Oe=class r extends wo{constructor(n){super(n),Object.setPrototypeOf(this,r.prototype),this.name="WebhookVerificationError"}};wt.WebhookVerificationError=Oe;var xn=class r{constructor(n,e){if(e?.format==="raw")n instanceof Uint8Array?this.key=n:this.key=Uint8Array.from(n,t=>t.charCodeAt(0));else{if(typeof n!="string")throw new Error("Expected secret to be of type string");n.startsWith(r.prefix)&&(n=n.substring(r.prefix.length)),this.key=uc.decode(n)}if(this.key.length===0)throw new Error("Secret can't be empty.")}verify(n,e,t){var s;let i=(s=t?.jsonParse)!==null&&s!==void 0?s:!0,o={};for(let v of Object.keys(e))o[v.toLowerCase()]=e[v];let c=o["webhook-id"],f=o["webhook-signature"],d=o["webhook-timestamp"];if(!f||!c||!d)throw new Oe("Missing required headers");let b=this.verifyTimestamp(d),g=this.sign(c,b,n).split(",")[1],y=f.split(" "),_=new globalThis.TextEncoder;for(let v of y){let[A,R]=v.split(",");if(A==="v1"&&(0,Su.timingSafeEqual)(_.encode(R),_.encode(g))){let S=n.toString();return S===""?void 0:i?JSON.parse(S):void 0}}throw new Oe("No matching signature found")}sign(n,e,t){if(typeof t!="string")if(t.constructor.name==="Buffer")t=t.toString();else throw new Error("Expected payload to be of type string or Buffer.");let s=new TextEncoder,i=Math.floor(e.getTime()/1e3),o=s.encode(`${n}.${i}.${t}`);return`v1,${uc.encode(ku.hmac(this.key,o))}`}verifyTimestamp(n){let e=Math.floor(Date.now()/1e3),t=parseInt(n,10);if(Number.isNaN(t))throw new Oe("Invalid Signature Headers");if(e-t>dc)throw new Oe("Message timestamp too old");if(t>e+dc)throw new Oe("Message timestamp too new");return new Date(t*1e3)}};wt.Webhook=xn;xn.prefix="whsec_"});function Mc(r,n){if(!(r>=qn))throw new k(`${n} must be at least ${qn}ms (got ${r}); to run without memory sync, pass \`memorySyncIntervalMs: null\` to the worker instead`)}var Tc,qn,vo=Hr(()=>{B();Tc=15e3,qn=5e3});var Oc={};Qo(Oc,{BashSession:()=>Ro,BashTimeoutError:()=>Po,DEFAULT_MEMORY_SYNC_INTERVAL_MS:()=>Tc,MARKER_PATH:()=>Xu,MEMORY_FLUSH_TIMEOUT_MS:()=>Yu,MIN_MEMORY_SYNC_INTERVAL_MS:()=>qn,SessionMemoryError:()=>xo,SessionMemoryStores:()=>Ao,betaAgentToolset20260401:()=>ed,betaBashTool:()=>rd,betaEditTool:()=>id,betaGlobTool:()=>od,betaGrepTool:()=>ad,betaReadTool:()=>sd,betaWriteTool:()=>nd,extractSkillArchive:()=>Zu,resolvePath:()=>td,setupSkills:()=>Qu});function W(r){throw new k(`${r} requires Node.js or a Node-compatible runtime`)}function Qu(r){return W("setupSkills")}function Zu(r,n){return W("extractSkillArchive")}function ed(r){return W("betaAgentToolset20260401")}function td(r,n){return W("resolvePath")}function rd(r){return W("betaBashTool")}function sd(r){return W("betaReadTool")}function nd(r){return W("betaWriteTool")}function id(r){return W("betaEditTool")}function od(r){return W("betaGlobTool")}function ad(r){return W("betaGrepTool")}var Yu,Xu,xo,Ao,Po,Ro,Cc=Hr(()=>{B();vo();Yu=3e4,Xu=".anthropic-memory-store",xo=class extends k{constructor(n,e){super(n),this.name="SessionMemoryError",e!==void 0&&(this.cause=e)}},Ao=class{constructor(n,e){W("SessionMemoryStores")}get roots(){return W("SessionMemoryStores")}get readOnlyRoots(){return W("SessionMemoryStores")}download(n){return W("SessionMemoryStores")}finish(){return W("SessionMemoryStores")}syncAll(n){return W("SessionMemoryStores")}syncIfDue(){return W("SessionMemoryStores")}flushWrites(n){return W("SessionMemoryStores")}dispose(){return W("SessionMemoryStores")}};Po=class extends k{constructor(n){super(`bash command timed out after ${n}ms`),this.name="BashTimeoutError",this.timeoutMs=n}},Ro=class{constructor(n,e){W("BashSession")}get closed(){return W("BashSession")}exec(n,e={}){return W("BashSession")}close(){W("BashSession")}}});function m(r,n,e,t,s){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof n=="function"?r!==n||!s:!n.has(r))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?s.call(r,e):s?s.value=e:n.set(r,e),e}function a(r,n,e,t){if(e==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof n=="function"?r!==n||!t:!n.has(r))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?t:e==="a"?t.call(r):t?t.value:n.get(r)}B();var ml=/^[a-z][a-z0-9+.-]*:/i,Zo=r=>ml.test(r),Y=r=>(Y=Array.isArray,Y(r)),Ni=Y;function Gr(r){return typeof r!="object"?{}:r??{}}function Li(r){if(!r)return!0;for(let n in r)return!1;return!0}function ea(r,n){return Object.prototype.hasOwnProperty.call(r,n)}function Fi(r){return r!=null&&typeof r=="object"&&!Array.isArray(r)}var Ws=(r,n)=>{if(typeof n!="number"||!Number.isInteger(n))throw new k(`${r} must be an integer`);if(n<0)throw new k(`${r} must be a positive integer`);return n};var Ds=r=>{try{return JSON.parse(r)}catch{return}};var he=(r,n)=>new Promise(e=>{if(n?.aborted)return e();let t=()=>{clearTimeout(s),e()},s=setTimeout(()=>{n?.removeEventListener("abort",t),e()},r);n?.addEventListener("abort",t,{once:!0})});Ue();var ce="0.133.0";var na=()=>typeof window<"u"&&typeof window.document<"u"&&typeof navigator<"u";function _l(){return typeof Deno<"u"&&Deno.build!=null?"deno":typeof EdgeRuntime<"u"?"edge":Object.prototype.toString.call(typeof globalThis.process<"u"?globalThis.process:0)==="[object process]"?"node":"unknown"}var gl=()=>{let r=_l();if(r==="deno")return{"X-Stainless-Lang":"js","X-Stainless-Package-Version":ce,"X-Stainless-OS":ra(Deno.build.os),"X-Stainless-Arch":ta(Deno.build.arch),"X-Stainless-Runtime":"deno","X-Stainless-Runtime-Version":typeof Deno.version=="string"?Deno.version:Deno.version?.deno??"unknown"};if(typeof EdgeRuntime<"u")return{"X-Stainless-Lang":"js","X-Stainless-Package-Version":ce,"X-Stainless-OS":"Unknown","X-Stainless-Arch":`other:${EdgeRuntime}`,"X-Stainless-Runtime":"edge","X-Stainless-Runtime-Version":globalThis.process?.version??"unknown"};if(r==="node")return{"X-Stainless-Lang":"js","X-Stainless-Package-Version":ce,"X-Stainless-OS":ra(globalThis.process.platform??"unknown"),"X-Stainless-Arch":ta(globalThis.process.arch??"unknown"),"X-Stainless-Runtime":"node","X-Stainless-Runtime-Version":globalThis.process.version??"unknown"};let n=wl();return n?{"X-Stainless-Lang":"js","X-Stainless-Package-Version":ce,"X-Stainless-OS":"Unknown","X-Stainless-Arch":"unknown","X-Stainless-Runtime":`browser:${n.browser}`,"X-Stainless-Runtime-Version":n.version}:{"X-Stainless-Lang":"js","X-Stainless-Package-Version":ce,"X-Stainless-OS":"Unknown","X-Stainless-Arch":"unknown","X-Stainless-Runtime":"unknown","X-Stainless-Runtime-Version":"unknown"}};function wl(){if(typeof navigator>"u"||!navigator)return null;let r=[{key:"edge",pattern:/Edge(?:\W+(\d+)\.(\d+)(?:\.(\d+))?)?/},{key:"ie",pattern:/MSIE(?:\W+(\d+)\.(\d+)(?:\.(\d+))?)?/},{key:"ie",pattern:/Trident(?:.*rv\:(\d+)\.(\d+)(?:\.(\d+))?)?/},{key:"chrome",pattern:/Chrome(?:\W+(\d+)\.(\d+)(?:\.(\d+))?)?/},{key:"firefox",pattern:/Firefox(?:\W+(\d+)\.(\d+)(?:\.(\d+))?)?/},{key:"safari",pattern:/(?:Version\W+(\d+)\.(\d+)(?:\.(\d+))?)?(?:\W+Mobile\S*)?\W+Safari/}];for(let{key:n,pattern:e}of r){let t=e.exec(navigator.userAgent);if(t){let s=t[1]||0,i=t[2]||0,o=t[3]||0;return{browser:n,version:`${s}.${i}.${o}`}}}return null}var ta=r=>r==="x32"?"x32":r==="x86_64"||r==="x64"?"x64":r==="arm"?"arm":r==="aarch64"||r==="arm64"?"arm64":r?`other:${r}`:"unknown",ra=r=>(r=r.toLowerCase(),r.includes("ios")?"iOS":r==="android"?"Android":r==="darwin"?"MacOS":r==="win32"?"Windows":r==="freebsd"?"FreeBSD":r==="openbsd"?"OpenBSD":r==="linux"?"Linux":r?`Other:${r}`:"Unknown"),sa,Yr=()=>sa??(sa=gl());var zs=new WeakMap,ia=typeof globalThis.FinalizationRegistry=="function"?new globalThis.FinalizationRegistry(r=>me(r)):null;function bl(r,n){return()=>r.removeEventListener("abort",n)}function oa(r,n,e){zs.set(r,bl(n,e))}function aa(r,n){zs.has(n)&&ia?.register(r,n,n)}function me(r){let n=zs.get(r);n&&(zs.delete(r),ia?.unregister(r),n())}function ca(){if(typeof fetch<"u")return fetch;throw new Error("`fetch` is not defined as a global; Either pass `fetch` to the client, `new Anthropic({ fetch })` or polyfill the global, `globalThis.fetch = fetch`")}function Bi(...r){let n=globalThis.ReadableStream;if(typeof n>"u")throw new Error("`ReadableStream` is not defined as a global; You will need to polyfill it, `globalThis.ReadableStream = ReadableStream`");return new n(...r)}function qs(r){let n=Symbol.asyncIterator in r?r[Symbol.asyncIterator]():r[Symbol.iterator]();return Bi({start(){},async pull(e){let{done:t,value:s}=await n.next();t?e.close():e.enqueue(s)},async cancel(){await n.return?.()}})}function Xr(r){if(r[Symbol.asyncIterator])return r;let n=r.getReader();return{async next(){try{let e=await n.read();return e?.done&&n.releaseLock(),e}catch(e){throw n.releaseLock(),e}},async return(){let e=n.cancel();return n.releaseLock(),await e,{done:!0,value:void 0}},[Symbol.asyncIterator](){return this}}}async function la(r){if(r===null||typeof r!="object")return;if(r[Symbol.asyncIterator]){await r[Symbol.asyncIterator]().return?.();return}let n=r.getReader(),e=n.cancel();n.releaseLock(),await e}var ua=({headers:r,body:n})=>({bodyHeaders:{"content-type":"application/json"},body:JSON.stringify(n)});var Hi="RFC3986",Wi=r=>String(r),Di={RFC1738:r=>String(r).replace(/%20/g,"+"),RFC3986:Wi},da="RFC1738";var Us=(r,n)=>(Us=Object.hasOwn??Function.prototype.call.bind(Object.prototype.hasOwnProperty),Us(r,n)),_e=(()=>{let r=[];for(let n=0;n<256;++n)r.push("%"+((n<16?"0":"")+n.toString(16)).toUpperCase());return r})();var zi=1024,ha=(r,n,e,t,s)=>{if(r.length===0)return r;let i=r;if(typeof r=="symbol"?i=Symbol.prototype.toString.call(r):typeof r!="string"&&(i=String(r)),e==="iso-8859-1")return escape(i).replace(/%u[0-9a-f]{4}/gi,function(c){return"%26%23"+parseInt(c.slice(2),16)+"%3B"});let o="";for(let c=0;c<i.length;c+=zi){let f=i.length>=zi?i.slice(c,c+zi):i,d=[];for(let b=0;b<f.length;++b){let p=f.charCodeAt(b);if(p===45||p===46||p===95||p===126||p>=48&&p<=57||p>=65&&p<=90||p>=97&&p<=122||s===da&&(p===40||p===41)){d[d.length]=f.charAt(b);continue}if(p<128){d[d.length]=_e[p];continue}if(p<2048){d[d.length]=_e[192|p>>6]+_e[128|p&63];continue}if(p<55296||p>=57344){d[d.length]=_e[224|p>>12]+_e[128|p>>6&63]+_e[128|p&63];continue}b+=1,p=65536+((p&1023)<<10|f.charCodeAt(b)&1023),d[d.length]=_e[240|p>>18]+_e[128|p>>12&63]+_e[128|p>>6&63]+_e[128|p&63]}o+=d.join("")}return o};function fa(r){return!r||typeof r!="object"?!1:!!(r.constructor&&r.constructor.isBuffer&&r.constructor.isBuffer(r))}function qi(r,n){if(Y(r)){let e=[];for(let t=0;t<r.length;t+=1)e.push(n(r[t]));return e}return n(r)}var ma={brackets(r){return String(r)+"[]"},comma:"comma",indices(r,n){return String(r)+"["+n+"]"},repeat(r){return String(r)}},_a=function(r,n){Array.prototype.push.apply(r,Y(n)?n:[n])},pa,K={addQueryPrefix:!1,allowDots:!1,allowEmptyArrays:!1,arrayFormat:"indices",charset:"utf-8",charsetSentinel:!1,delimiter:"&",encode:!0,encodeDotInKeys:!1,encoder:ha,encodeValuesOnly:!1,format:Hi,formatter:Wi,indices:!1,serializeDate(r){return(pa??(pa=Function.prototype.call.bind(Date.prototype.toISOString)))(r)},skipNulls:!1,strictNullHandling:!1};function Sl(r){return typeof r=="string"||typeof r=="number"||typeof r=="boolean"||typeof r=="symbol"||typeof r=="bigint"}var Ui={};function ga(r,n,e,t,s,i,o,c,f,d,b,p,g,y,_,v,A,R){let S=r,E=R,x=0,P=!1;for(;(E=E.get(Ui))!==void 0&&!P;){let q=E.get(r);if(x+=1,typeof q<"u"){if(q===x)throw new RangeError("Cyclic object value");P=!0}typeof E.get(Ui)>"u"&&(x=0)}if(typeof d=="function"?S=d(n,S):S instanceof Date?S=g?.(S):e==="comma"&&Y(S)&&(S=qi(S,function(q){return q instanceof Date?g?.(q):q})),S===null){if(i)return f&&!v?f(n,K.encoder,A,"key",y):n;S=""}if(Sl(S)||fa(S)){if(f){let q=v?n:f(n,K.encoder,A,"key",y);return[_?.(q)+"="+_?.(f(S,K.encoder,A,"value",y))]}return[_?.(n)+"="+_?.(String(S))]}let L=[];if(typeof S>"u")return L;let M;if(e==="comma"&&Y(S))v&&f&&(S=qi(S,f)),M=[{value:S.length>0?S.join(",")||null:void 0}];else if(Y(d))M=d;else{let q=Object.keys(S);M=b?q.sort(b):q}let F=c?String(n).replace(/\./g,"%2E"):String(n),H=t&&Y(S)&&S.length===1?F+"[]":F;if(s&&Y(S)&&S.length===0)return H+"[]";for(let q=0;q<M.length;++q){let ae=M[q],ze=typeof ae=="object"&&typeof ae.value<"u"?ae.value:S[ae];if(o&&ze===null)continue;let Ci=p&&c?ae.replace(/\./g,"%2E"):ae,ol=Y(S)?typeof e=="function"?e(H,Ci):H:H+(p?"."+Ci:"["+Ci+"]");R.set(r,x);let Xo=new WeakMap;Xo.set(Ui,R),_a(L,ga(ze,ol,e,t,s,i,o,c,e==="comma"&&v&&Y(S)?null:f,d,b,p,g,y,_,v,A,Xo))}return L}function vl(r=K){if(typeof r.allowEmptyArrays<"u"&&typeof r.allowEmptyArrays!="boolean")throw new TypeError("`allowEmptyArrays` option can only be `true` or `false`, when provided");if(typeof r.encodeDotInKeys<"u"&&typeof r.encodeDotInKeys!="boolean")throw new TypeError("`encodeDotInKeys` option can only be `true` or `false`, when provided");if(r.encoder!==null&&typeof r.encoder<"u"&&typeof r.encoder!="function")throw new TypeError("Encoder has to be a function.");let n=r.charset||K.charset;if(typeof r.charset<"u"&&r.charset!=="utf-8"&&r.charset!=="iso-8859-1")throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");let e=Hi;if(typeof r.format<"u"){if(!Us(Di,r.format))throw new TypeError("Unknown format option provided.");e=r.format}let t=Di[e],s=K.filter;(typeof r.filter=="function"||Y(r.filter))&&(s=r.filter);let i;if(r.arrayFormat&&r.arrayFormat in ma?i=r.arrayFormat:"indices"in r?i=r.indices?"indices":"repeat":i=K.arrayFormat,"commaRoundTrip"in r&&typeof r.commaRoundTrip!="boolean")throw new TypeError("`commaRoundTrip` must be a boolean, or absent");let o=typeof r.allowDots>"u"?r.encodeDotInKeys?!0:K.allowDots:!!r.allowDots;return{addQueryPrefix:typeof r.addQueryPrefix=="boolean"?r.addQueryPrefix:K.addQueryPrefix,allowDots:o,allowEmptyArrays:typeof r.allowEmptyArrays=="boolean"?!!r.allowEmptyArrays:K.allowEmptyArrays,arrayFormat:i,charset:n,charsetSentinel:typeof r.charsetSentinel=="boolean"?r.charsetSentinel:K.charsetSentinel,commaRoundTrip:!!r.commaRoundTrip,delimiter:typeof r.delimiter>"u"?K.delimiter:r.delimiter,encode:typeof r.encode=="boolean"?r.encode:K.encode,encodeDotInKeys:typeof r.encodeDotInKeys=="boolean"?r.encodeDotInKeys:K.encodeDotInKeys,encoder:typeof r.encoder=="function"?r.encoder:K.encoder,encodeValuesOnly:typeof r.encodeValuesOnly=="boolean"?r.encodeValuesOnly:K.encodeValuesOnly,filter:s,format:e,formatter:t,serializeDate:typeof r.serializeDate=="function"?r.serializeDate:K.serializeDate,skipNulls:typeof r.skipNulls=="boolean"?r.skipNulls:K.skipNulls,sort:typeof r.sort=="function"?r.sort:null,strictNullHandling:typeof r.strictNullHandling=="boolean"?r.strictNullHandling:K.strictNullHandling}}function wa(r,n={}){let e=r,t=vl(n),s,i;typeof t.filter=="function"?(i=t.filter,e=i("",e)):Y(t.filter)&&(i=t.filter,s=i);let o=[];if(typeof e!="object"||e===null)return"";let c=ma[t.arrayFormat],f=c==="comma"&&t.commaRoundTrip;s||(s=Object.keys(e)),t.sort&&s.sort(t.sort);let d=new WeakMap;for(let g=0;g<s.length;++g){let y=s[g];t.skipNulls&&e[y]===null||_a(o,ga(e[y],y,c,f,t.allowEmptyArrays,t.strictNullHandling,t.skipNulls,t.encodeDotInKeys,t.encode?t.encoder:null,t.filter,t.sort,t.allowDots,t.serializeDate,t.format,t.formatter,t.encodeValuesOnly,t.charset,d))}let b=o.join(t.delimiter),p=t.addQueryPrefix===!0?"?":"";return t.charsetSentinel&&(t.charset==="iso-8859-1"?p+="utf8=%26%2310003%3B&":p+="utf8=%E2%9C%93&"),b.length>0?p+b:""}function ba(r){return wa(r,{arrayFormat:"brackets"})}B();B();var ka="urn:ietf:params:oauth:grant-type:jwt-bearer",Sa="refresh_token",js="/v1/oauth/token",Ke="oauth-2025-04-20",va="oidc-federation-2026-04-01",xa=120,at=30,Aa=5,ya=1<<20;function Ks(r){if(!r)return;let n;try{n=new URL(r)}catch(t){throw new O(`Invalid token endpoint base URL "${r}": ${t}`)}if(n.protocol==="https:")return;let e=n.hostname.toLowerCase().replace(/^\[|\]$/g,"");if(!(n.protocol==="http:"&&(e==="localhost"||e==="127.0.0.1"||e==="::1")))throw new O(`Refusing to send credential over non-https token endpoint "${r}"`)}async function Vs(r,n){let e=await Cl(r),t;try{t=JSON.parse(e)}catch{throw new O(`Token endpoint returned non-JSON response (status ${r.status})`,r.status,Q(e),n)}if(!t.access_token)throw new O(`Token endpoint response missing access_token: ${JSON.stringify(Q(t))}`,r.status,Q(t),n);if(t.token_type&&t.token_type.toLowerCase()!=="bearer")throw new O(`Token endpoint response: unsupported token_type "${t.token_type}" (want Bearer)`,r.status,Q(t),n);return t}var ji=2e3,Ol=new Set(["error","error_description","error_uri"]);function Q(r){if(r==null)return r;if(typeof r=="string"){let n;try{n=JSON.parse(r)}catch{return r.length<=ji?r:r.slice(0,ji)+`... <${r.length-ji} more chars>`}return JSON.stringify(Q(n))}if(typeof r=="object"&&!Array.isArray(r)){let n={};for(let[e,t]of Object.entries(r))Ol.has(e)&&(n[e]=t);return n}return null}async function Js(r,n=e=>console.warn(`anthropic-sdk: ${e}`)){if(typeof process>"u"||process.platform==="win32")return;let{fs:e}=await Promise.resolve().then(()=>(we(),ge)),t=r,s;try{t=await e.promises.realpath(r),s=await e.promises.stat(t)}catch{return}let i=s.mode&511;if(i&18)throw new O(`Credentials file at ${t} is group/world-writable (mode 0o${i.toString(8)}); this allows other local users to plant tokens. Run \`chmod 600 ${t}\`.`);if(i&36)throw new O(`Credentials file at ${t} is group/world-readable (mode 0o${i.toString(8)}); run \`chmod 600 ${t}\` before retrying.`);typeof process.getuid=="function"&&s.uid!==process.getuid()&&n(`credentials file at ${t} is owned by uid ${s.uid} (current process uid ${process.getuid()}); verify this is intentional.`)}async function Gs(r,n){let{fs:e,path:t}=await Promise.resolve().then(()=>(we(),ge)),s=t.dirname(r);await e.promises.mkdir(s,{recursive:!0,mode:448});let i=`${r}.${process.pid}.${Math.random().toString(36).slice(2)}.tmp`;try{let o=await e.promises.open(i,"w",384);try{await o.writeFile(JSON.stringify(n,null,2)),await o.sync()}finally{await o.close()}await e.promises.rename(i,r)}catch(o){throw await e.promises.unlink(i).catch(()=>{}),o}try{let o=await e.promises.open(s,"r");try{await o.sync()}finally{await o.close()}}catch{}}async function Cl(r){if(!r.body)return"";let n=r.body.getReader(),e=[],t=0;for(;;){let{done:i,value:o}=await n.read();if(i)break;if(t+o.length>ya){let c=ya-t;c>0&&e.push(o.subarray(0,c)),await n.cancel();break}e.push(o),t+=o.length}let s;if(e.length===1)s=e[0];else{s=new Uint8Array(e.reduce((o,c)=>o+c.length,0));let i=0;for(let o of e)s.set(o,i),i+=o.length}return new TextDecoder("utf-8").decode(s)}var O=class extends k{constructor(n,e=null,t=null,s=null){super(n),this.statusCode=e,this.body=t,this.requestId=s}};function fe(){return Math.floor(Date.now()/1e3)}var Ys=class{constructor(n,e){this.cached=null,this.pendingRefresh=null,this.nextForce=!1,this.lastAdvisoryError=0,this.provider=n,this.onAdvisoryRefreshError=e}async getToken(){let n=this.nextForce;this.nextForce=!1;let e=this.cached;if(n||e==null)return(await this.refresh(n)).token;if(e.expiresAt==null)return e.token;let t=e.expiresAt-fe();return t>xa?e.token:t>at?(this.backgroundRefresh(),e.token):(await this.refresh()).token}invalidate(){this.cached=null,this.nextForce=!0}refresh(n=!1){return this.pendingRefresh&&!n?this.pendingRefresh:this.doRefresh(n)}backgroundRefresh(){this.pendingRefresh||fe()-this.lastAdvisoryError<Aa||this.doRefresh().catch(n=>{this.lastAdvisoryError=fe(),this.onAdvisoryRefreshError?.(n)})}doRefresh(n=!1){return this.pendingRefresh=this.provider(n?{forceRefresh:!0}:void 0).then(e=>(this.cached=e,this.pendingRefresh=null,e),e=>{throw this.pendingRefresh=null,e}),this.pendingRefresh}};var I=r=>{if(typeof globalThis.process<"u")return globalThis.process.env?.[r]?.trim()||void 0;if(typeof globalThis.Deno<"u")return globalThis.Deno.env?.get?.(r)?.trim()||void 0};B();function Ia(r){let n=0;for(let s of r)n+=s.length;let e=new Uint8Array(n),t=0;for(let s of r)e.set(s,t),t+=s.length;return e}var Pa;function Xs(r){let n;return(Pa??(n=new globalThis.TextEncoder,Pa=n.encode.bind(n)))(r)}var Ra;function Qr(r){let n;return(Ra??(n=new globalThis.TextDecoder,Ra=n.decode.bind(n)))(r)}var Ea=r=>{if(typeof globalThis.Buffer<"u"){let n=globalThis.Buffer.from(r,"base64");return new Uint8Array(n.buffer,n.byteOffset,n.byteLength)}if(typeof atob<"u"){let n=atob(r),e=new Uint8Array(n.length);for(let t=0;t<n.length;t++)e[t]=n.charCodeAt(t);return e}throw new k("Cannot decode base64 string; Expected `Buffer` or `atob` to be defined")};var Zr="warn",Zs={off:0,error:200,warn:300,info:400,debug:500},en=(r,n,e)=>{if(r){if(ea(Zs,r))return r;e.warn(`${n} was set to ${JSON.stringify(r)}, expected one of ${JSON.stringify(Object.keys(Zs))}`)}};function ct(){}function Qs(r,n,e){return!n||Zs[r]>Zs[e]?ct:n[r].bind(n)}var $l={error:ct,warn:ct,info:ct,debug:ct},Ta=new WeakMap;function Vi(r,n){let e=Ta.get(r);if(e&&e[0]===n)return e[1];let t={error:Qs("error",r,n),warn:Qs("warn",r,n),info:Qs("info",r,n),debug:Qs("debug",r,n)};return Ta.set(r,[n,t]),t}function T(r){let n=r.logger,e=r.logLevel??"off";return n?Vi(n,e):$l}var Ma,Ki;function Oa(){let r=I("ANTHROPIC_LOG");return(!Ki||r!==Ma)&&(Ma=r,Ki=Vi(console,en(r,"process.env['ANTHROPIC_LOG']",Vi(console,Zr))??Zr)),Ki}function be(r,n,e){r.debug!==ct&&r.debug(n,Nl(e))}var Nl=r=>(r.options&&(r.options={...r.options},delete r.options.headers),r.headers&&(r.headers=Object.fromEntries((r.headers instanceof Headers?[...r.headers]:Object.entries(r.headers)).map(([n,e])=>[n,n.toLowerCase()==="authorization"||n.toLowerCase()==="api-key"||n.toLowerCase()==="x-api-key"||n.toLowerCase()==="cookie"||n.toLowerCase()==="set-cookie"?"***":e]))),"retryOfRequestLogID"in r&&(r.retryOfRequestLogID&&(r.retryOf=r.retryOfRequestLogID),delete r.retryOfRequestLogID),r);var tn=function(){let{crypto:r}=globalThis;if(r?.randomUUID)return tn=r.randomUUID.bind(r),r.randomUUID();let n=new Uint8Array(1),e=r?()=>r.getRandomValues(n)[0]:()=>Math.random()*255&255;return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,t=>(+t^e()&15>>+t/4).toString(16))};var rn="1.0",Ll=/^[A-Za-z0-9_.-]+$/;function Ca(r){if(!r)throw new Error("profile name is empty");if(r==="."||r==="..")throw new Error(`profile name "${r}" is not allowed`);if(r.includes("/")||r.includes("\\"))throw new Error(`profile name "${r}" must not contain path separators`);if(!Ll.test(r))throw new Error(`profile name "${r}" contains disallowed characters (allowed: letters, digits, '_', '.', '-')`)}var $a=async r=>{var n,e;let t=await Ji();if(t===null)return null;let s=r??await La();if(s===null)return null;Ca(s);let{fs:i,path:o}=await Promise.resolve().then(()=>(we(),ge)),c=o.join(t,"configs",`${s}.json`),f;try{f=await i.promises.readFile(c,"utf-8")}catch(p){if(p?.code!=="ENOENT")throw new Error(`failed to read config file ${c}: ${p}`);f=null}if(f===null){let p=I("ANTHROPIC_ORGANIZATION_ID"),g=I("ANTHROPIC_IDENTITY_TOKEN_FILE"),y=I("ANTHROPIC_FEDERATION_RULE_ID");return y&&p?{fromFile:!1,config:{organization_id:p,workspace_id:I("ANTHROPIC_WORKSPACE_ID"),base_url:I("ANTHROPIC_BASE_URL"),authentication:{type:"oidc_federation",federation_rule_id:y,service_account_id:I("ANTHROPIC_SERVICE_ACCOUNT_ID"),identity_token:g?{source:"file",path:g}:void 0,scope:I("ANTHROPIC_SCOPE")}}}:null}let d;try{d=JSON.parse(f)}catch(p){throw new Error(`failed to parse config file ${c}: ${p}`)}if(!d.authentication)throw new Error(`config file ${c} is missing "authentication"`);let b=d.authentication.type;if(b!=="oidc_federation"&&b!=="user_oauth")throw new Error(`authentication.type "${b}" is not a known authentication type`);if(d.organization_id??(d.organization_id=I("ANTHROPIC_ORGANIZATION_ID")),d.workspace_id??(d.workspace_id=I("ANTHROPIC_WORKSPACE_ID")),d.base_url??(d.base_url=I("ANTHROPIC_BASE_URL")),(n=d.authentication).scope??(n.scope=I("ANTHROPIC_SCOPE")),d.authentication.type==="oidc_federation"){if(!d.authentication.identity_token){let p=I("ANTHROPIC_IDENTITY_TOKEN_FILE");p&&(d.authentication.identity_token={source:"file",path:p})}d.authentication.federation_rule_id||(d.authentication.federation_rule_id=I("ANTHROPIC_FEDERATION_RULE_ID")??""),(e=d.authentication).service_account_id??(e.service_account_id=I("ANTHROPIC_SERVICE_ACCOUNT_ID"))}return{config:d,fromFile:!0}};var Na=async(r,n)=>{if(r?.authentication.credentials_path)return r.authentication.credentials_path;let e=await Ji();if(!e)return null;let t=n??await La();if(!t)return null;Ca(t);let{path:s}=await Promise.resolve().then(()=>(we(),ge));return s.join(e,"credentials",`${t}.json`)},Ji=async()=>{if(!Fl())return null;let{path:r}=await Promise.resolve().then(()=>(we(),ge)),n=I("ANTHROPIC_CONFIG_DIR");if(n)return n;if(Yr()["X-Stainless-OS"]==="Windows"){let i=I("APPDATA");if(i)return r.join(i,"Anthropic");let o=I("USERPROFILE");return o?r.join(o,"AppData","Roaming","Anthropic"):null}let t=I("XDG_CONFIG_HOME");if(t)return r.join(t,"anthropic");let s=I("HOME");return s?r.join(s,".config","anthropic"):null},Fl=()=>{let r=Yr()["X-Stainless-Runtime"];return r==="node"||r==="deno"},La=async()=>{let r=await Ji();if(!r)return null;let n=I("ANTHROPIC_PROFILE");if(n)return n;let{fs:e,path:t}=await Promise.resolve().then(()=>(we(),ge)),s=t.join(r,"active_config");try{return(await e.promises.readFile(s,"utf-8")).trim()||"default"}catch(i){if(i?.code!=="ENOENT")throw new Error(`failed to read ${s}: ${i}`);return"default"}};B();function Gi(r){if(!r)throw new k("Identity token file path is empty");return async()=>{let{fs:n}=await Promise.resolve().then(()=>(we(),ge)),e;try{e=await n.promises.readFile(r,"utf-8")}catch(s){throw new k(`Failed to read identity token file at ${r}: ${s}`)}let t=e.trim();if(!t)throw new k(`Identity token file at ${r} is empty`);return t}}function Fa(r){if(!r)throw new k("Identity token value is empty");return()=>r}function Ba(r){return async()=>{Ks(r.baseURL);let n=await r.identityTokenProvider();if(n.length>16*1024)throw new O(`Identity token is ${Math.ceil(n.length/1024)} KiB, exceeds the 16 KiB assertion limit`);let e={grant_type:ka,assertion:n,federation_rule_id:r.federationRuleId,organization_id:r.organizationId};r.serviceAccountId&&(e.service_account_id=r.serviceAccountId),r.workspaceId&&(e.workspace_id=r.workspaceId);let t=`${r.baseURL}${js}`,s;try{s=await r.fetch(t,{method:"POST",headers:{"Content-Type":"application/json","anthropic-beta":`${Ke},${va}`,"User-Agent":r.userAgent||`anthropic-sdk-typescript/${ce} oidcFederationProvider`},body:JSON.stringify(e)})}catch(f){throw new O(`Failed to reach token endpoint ${t}: ${f}`)}let i=s.headers.get("Request-Id");if(!s.ok){let f=await s.text().catch(()=>""),d=Q(f),b="";throw s.status===401&&(b=` Ensure your federation rule matches your identity token. ${r.workspaceId?"":"If your federation rule is scoped to multiple workspaces, set the ANTHROPIC_WORKSPACE_ID environment variable, the 'workspace_id' config key, or the `workspaceId` option. "}View your authentication events in the Workload identity page of Claude Console for more details.`),new O(`Token exchange failed with status ${s.status}${i?` (request-id ${i})`:""}: ${d}${b}`,s.status,d,i)}let o=await Vs(s,i),c=Number(o.expires_in);if(!Number.isFinite(c))throw new O(`Token endpoint response missing required fields: ${JSON.stringify(Q(o))}`,s.status,Q(o),i);return{token:o.access_token,expiresAt:fe()+c}}}function Ha(r){return async n=>{let{fs:e}=await Promise.resolve().then(()=>(we(),ge));await Js(r.credentialsPath,r.onSafetyWarning);let t;try{t=await e.promises.readFile(r.credentialsPath,"utf-8")}catch(A){throw new O(`Credentials file not found at ${r.credentialsPath}: ${A}`)}let s;try{s=JSON.parse(t)}catch(A){throw new O(`Credentials file at ${r.credentialsPath} is not valid JSON: ${A}`)}let i=s.access_token;if(!i)throw new O(`Credentials file at ${r.credentialsPath} must include 'access_token'`);let o=s.expires_at;if(!n?.forceRefresh&&(o==null||fe()<o-at))return{token:i,expiresAt:o??null};let c=s.refresh_token;if(!r.clientId||!c)throw new O(`Access token at ${r.credentialsPath} has expired and no refresh is available (client_id ${r.clientId?"set":"empty"}, refresh_token ${c?"set":"empty"})`);Ks(r.baseURL);let f={grant_type:Sa,refresh_token:c,client_id:r.clientId},d=`${r.baseURL}${js}`,b;try{b=await r.fetch(d,{method:"POST",headers:{"Content-Type":"application/json","anthropic-beta":Ke,"User-Agent":r.userAgent||`anthropic-sdk-typescript/${ce} userOAuthProvider`},body:JSON.stringify(f)})}catch(A){throw new O(`User OAuth refresh failed to reach token endpoint: ${A}`)}let p=b.headers.get("Request-Id");if(!b.ok){let A=await b.text().catch(()=>"");throw new O(`User OAuth refresh failed (HTTP ${b.status}): ${Q(A)}`,b.status,Q(A),p)}let g=await Vs(b,p),y=Number(g.expires_in);if(!Number.isFinite(y))throw new O(`User OAuth refresh response missing or invalid expires_in: ${JSON.stringify(Q(g))}`,b.status,Q(g),p);let _=fe()+y,v=g.refresh_token||c;return await Gs(r.credentialsPath,{...s,version:rn,type:"oauth_token",access_token:g.access_token,expires_at:_,refresh_token:v}),{token:g.access_token,expiresAt:_}}}function Yi(r,n){let e=r.authentication.credentials_path??null,t=(r.base_url||n.baseURL).replace(/\/+$/,""),s=Bl(r,e,t,n),i={};return r.workspace_id&&r.authentication.type==="user_oauth"&&(i["anthropic-workspace-id"]=r.workspace_id),{provider:s,extraHeaders:i,baseURL:r.base_url||void 0}}async function Wa(r,n){let e=await $a(n);if(!e)return null;let{config:t,fromFile:s}=e,i=t.authentication.credentials_path||!s?t:{...t,authentication:{...t.authentication,credentials_path:await Na(t,n)??void 0}};return Yi(i,r)}function Bl(r,n,e,t){switch(r.authentication.type){case"oidc_federation":{let s=r.authentication,i=Hl(s);if(!i)throw new O("oidc_federation config requires an identity token (set authentication.identity_token, ANTHROPIC_IDENTITY_TOKEN_FILE, or ANTHROPIC_IDENTITY_TOKEN)");if(!s.federation_rule_id)throw new O("oidc_federation config requires 'federation_rule_id'. Set it in authentication.federation_rule_id in your profile, or via ANTHROPIC_FEDERATION_RULE_ID (profile takes precedence).");if(!r.organization_id)throw new O("oidc_federation config requires organization_id (set ANTHROPIC_ORGANIZATION_ID or config.organization_id)");let o=Ba({identityTokenProvider:i,federationRuleId:s.federation_rule_id,organizationId:r.organization_id,serviceAccountId:s.service_account_id,workspaceId:r.workspace_id,baseURL:e,fetch:t.fetch,userAgent:t.userAgent});return n?Wl(o,n,t.onCacheWriteError,t.onSafetyWarning):o}case"user_oauth":{if(!n)throw new O("user_oauth config requires authentication.credentials_path (or load via a profile so it defaults to <config_dir>/credentials/<profile>.json)");return Ha({credentialsPath:n,clientId:r.authentication.client_id,baseURL:e,fetch:t.fetch,userAgent:t.userAgent,onSafetyWarning:t.onSafetyWarning})}default:{let s=r.authentication.type;throw new O(`authentication.type "${s}" is not a known authentication type`)}}}function Hl(r){if(r.identity_token){let t=r.identity_token.source;if(t!=="file")throw new O(`identity_token.source "${t}" is not supported by this SDK version (only "file")`);if(!r.identity_token.path)throw new O('identity_token.source "file" requires a non-empty path');return Gi(r.identity_token.path)}let n=I("ANTHROPIC_IDENTITY_TOKEN_FILE");if(n)return Gi(n);let e=I("ANTHROPIC_IDENTITY_TOKEN");return e?Fa(e):null}function Wl(r,n,e,t){return async s=>{let{fs:i}=await Promise.resolve().then(()=>(we(),ge));await Js(n,t);let o;try{let f=await i.promises.readFile(n,"utf-8");o=JSON.parse(f);let d=o?.access_token;if(d&&!s?.forceRefresh){let b=o?.expires_at;if(b==null||fe()<b-at)return{token:d,expiresAt:b??null}}}catch(f){f?.code!=="ENOENT"&&!(f instanceof SyntaxError)&&e?.(f)}let c=await r(s);try{await Gs(n,{...o??{},version:rn,type:"oauth_token",access_token:c.token,expires_at:c.expiresAt})}catch(f){e?.(f)}return c}}Ue();B();var te,re,es=(()=>{class r{constructor(){te.set(this,void 0),re.set(this,void 0),m(this,te,new Uint8Array,"f"),m(this,re,null,"f")}decode(e){if(e==null)return[];let t=e instanceof ArrayBuffer?new Uint8Array(e):typeof e=="string"?Xs(e):e;m(this,te,Ia([a(this,te,"f"),t]),"f");let s=[],i;for(;(i=Dl(a(this,te,"f"),a(this,re,"f")))!=null;){if(i.carriage&&a(this,re,"f")==null){m(this,re,i.index,"f");continue}if(a(this,re,"f")!=null&&(i.index!==a(this,re,"f")+1||i.carriage)){s.push(Qr(a(this,te,"f").subarray(0,a(this,re,"f")-1))),m(this,te,a(this,te,"f").subarray(a(this,re,"f")),"f"),m(this,re,null,"f");continue}let o=a(this,re,"f")!==null?i.preceding-1:i.preceding,c=Qr(a(this,te,"f").subarray(0,o));s.push(c),m(this,te,a(this,te,"f").subarray(i.index),"f"),m(this,re,null,"f")}return s}flush(){return a(this,te,"f").length?this.decode(`
+`):[]}}return te=new WeakMap,re=new WeakMap,r.NEWLINE_CHARS=new Set([`
+`,"\r"]),r.NEWLINE_REGEXP=/\r\n|[\n\r]/g,r})();function Dl(r,n){for(let s=n??0;s<r.length;s++){if(r[s]===10)return{preceding:s,index:s+1,carriage:!1};if(r[s]===13)return{preceding:s,index:s+1,carriage:!0}}return null}Ue();B();var ts,ye=(()=>{class r{constructor(e,t,s){this.iterator=e,ts.set(this,void 0),this.controller=t,m(this,ts,s,"f")}static rawEvents(e,t=new AbortController){return Da(e,t)}static fromSSEResponse(e,t,s){let i=!1,o=s?T(s):console;async function*c(){if(i)throw new k("Cannot iterate over a consumed stream, use `.tee()` to split the stream.");i=!0;let f=!1;try{for await(let d of Da(e,t)){if(d.event==="completion")try{yield JSON.parse(d.data)}catch(b){throw o.error("Could not parse message into JSON:",d.data),o.error("From chunk:",d.raw),b}if(d.event==="message_start"||d.event==="message_delta"||d.event==="message_stop"||d.event==="content_block_start"||d.event==="content_block_delta"||d.event==="content_block_stop"||d.event==="message"||d.event==="user.message"||d.event==="user.interrupt"||d.event==="user.tool_confirmation"||d.event==="user.custom_tool_result"||d.event==="user.tool_result"||d.event==="agent.message"||d.event==="agent.thinking"||d.event==="agent.tool_use"||d.event==="agent.tool_result"||d.event==="agent.mcp_tool_use"||d.event==="agent.mcp_tool_result"||d.event==="agent.custom_tool_use"||d.event==="agent.thread_context_compacted"||d.event==="session.status_running"||d.event==="session.status_idle"||d.event==="session.status_rescheduled"||d.event==="session.status_terminated"||d.event==="session.error"||d.event==="session.deleted"||d.event==="session.updated"||d.event==="span.model_request_start"||d.event==="span.model_request_end"||d.event==="span.outcome_evaluation_start"||d.event==="span.outcome_evaluation_ongoing"||d.event==="span.outcome_evaluation_end"||d.event==="user.define_outcome"||d.event==="agent.thread_message_received"||d.event==="agent.thread_message_sent"||d.event==="agent.session_thread_message_received"||d.event==="agent.session_thread_message_sent"||d.event==="session.thread_created"||d.event==="session.thread_status_created"||d.event==="session.thread_status_running"||d.event==="session.thread_status_idle"||d.event==="session.thread_status_rescheduled"||d.event==="session.thread_status_terminated"||d.event==="event_start"||d.event==="event_delta"||d.event==="system.message"||d.event==="workflow_run.created"||d.event==="workflow_run.status_running"||d.event==="workflow_run.status_idle"||d.event==="workflow_run.status_ended"||d.event==="workflow_run.error"||d.event==="workflow_run.phase_started"||d.event==="workflow_run.phase_ended")try{yield JSON.parse(d.data)}catch(b){throw o.error("Could not parse message into JSON:",d.data),o.error("From chunk:",d.raw),b}if(d.event!=="ping"&&d.event==="error"){let b=Ds(d.data)??d.data,p=b?.error?.type;throw new D(void 0,b,void 0,e.headers,p)}}f=!0}catch(d){if(de(d))return;throw d}finally{f||t.abort(),me(t)}}return new r(c,t,s)}static fromReadableStream(e,t,s){let i=!1;async function*o(){let f=new es,d=Xr(e);for await(let b of d)for(let p of f.decode(b))yield p;for(let b of f.flush())yield b}async function*c(){if(i)throw new k("Cannot iterate over a consumed stream, use `.tee()` to split the stream.");i=!0;let f=!1;try{for await(let d of o())f||d&&(yield JSON.parse(d));f=!0}catch(d){if(de(d))return;throw d}finally{f||t.abort(),me(t)}}return new r(c,t,s)}[(ts=new WeakMap,Symbol.asyncIterator)](){return this.iterator()}tee(){let e=[],t=[],s=this.iterator(),i=o=>({next:()=>{if(o.length===0){let c=s.next();e.push(c),t.push(c)}return o.shift()}});return[new r(()=>i(e),this.controller,a(this,ts,"f")),new r(()=>i(t),this.controller,a(this,ts,"f"))]}toReadableStream(){let e=this,t;return Bi({async start(){t=e[Symbol.asyncIterator]()},async pull(s){try{let{value:i,done:o}=await t.next();if(o)return s.close();let c=Xs(JSON.stringify(i)+`
+`);s.enqueue(c)}catch(i){s.error(i)}},async cancel(){await t.return?.()}})}}return r})();async function*Da(r,n){if(!r.body)throw n.abort(),typeof globalThis.navigator<"u"&&globalThis.navigator.product==="ReactNative"?new k("The default react-native fetch implementation does not support streaming. Please use expo/fetch: https://docs.expo.dev/versions/latest/sdk/expo/#expofetch-api"):new k("Attempted to iterate over a response with no body");let e=new Xi,t=new es,s=Xr(r.body);for await(let i of s)for(let o of t.decode(i)){let c=e.decode(o);c&&(yield c)}for(let i of t.flush()){let o=e.decode(i);o&&(yield o)}}var Xi=class{constructor(){this.event=null,this.data=[],this.chunks=[]}decode(n){if(n.endsWith("\r")&&(n=n.substring(0,n.length-1)),!n){if(!this.event&&!this.data.length)return null;let i={event:this.event,data:this.data.join(`
+`),raw:this.chunks};return this.event=null,this.data=[],this.chunks=[],i}if(this.chunks.push(n),n.startsWith(":"))return null;let[e,t,s]=zl(n,":");return s.startsWith(" ")&&(s=s.substring(1)),e==="event"?this.event=s:e==="data"&&this.data.push(s),null}};function zl(r,n){let e=r.indexOf(n);return e!==-1?[r.substring(0,e),n,r.substring(e+n.length)]:[r,"",""]}async function sn(r,n){let{response:e,requestLogID:t,retryOfRequestLogID:s,startTime:i}=n,o=await(async()=>{if(n.options.stream)return T(r).debug("response",e.status,e.url,e.headers,e.body),ye.fromSSEResponse(e,n.controller,r);if(e.status===204)return null;if(n.options.__binaryResponse)return e;let f=e.headers.get("content-type")?.split(";")[0]?.trim();if(f?.includes("application/json")||f?.endsWith("+json")){if(e.headers.get("content-length")==="0")return;let g=await e.json();return rs(g,e)}return await e.text()})().finally(()=>{!n.options.stream&&!n.options.__binaryResponse&&me(n.controller)});return be(T(r),`[${t}] response parsed`,{retryOfRequestLogID:s,url:e.url,status:e.status,body:o,durationMs:Date.now()-i}),o}function rs(r,n){return!r||typeof r!="object"||Array.isArray(r)?r:Object.defineProperties(r,{_request_id:{value:n.headers.get("request-id"),enumerable:!1},_workspace_id:{value:n.headers.get("anthropic-workspace-id"),enumerable:!1}})}B();var qa=new WeakSet;function Qi(r){return typeof r=="object"&&r!==null&&qa.has(r)}function Ua(r){let n=new Set;for(;typeof r=="object"&&r!==null&&!n.has(r);){if(n.add(r),Qi(r)||de(r)||r instanceof Ae||r instanceof Hs)return!0;r=r.cause}return!1}function Zi(r,n,e,t){return async(s,i={})=>{if(n.length===0)return r.call(void 0,s,i);let o=i.headers instanceof Headers?i.headers:new Headers(i.headers),c=await Ul(r,n,e,t)({...i,headers:o,url:typeof s=="string"?s:s instanceof URL?s.href:s.url});if(c.bodyUsed||c.body?.locked)throw new k("middleware consumed the response body; use response.clone() to inspect it, or return new Response(body, response) to consume and replace it");return c}}function ql(r,n){let e=new WeakMap;return{options:r,logger:n?T(n):Oa(),parse(t){if(r?.stream&&t.ok)return za(t,r,n);let s=e.get(t);return s||(s=za(t,r,n),e.set(t,s)),s}}}async function za(r,n,e){if(r.bodyUsed||r.body?.locked)throw new k("cannot ctx.parse() a response whose body was already consumed; call ctx.parse() instead of reading the body, or read via response.clone()");if(n?.stream&&r.ok)return ye.fromSSEResponse(r.clone(),new AbortController,e);if(r.status===204)return null;if(n?.__binaryResponse)return r;let s=r.headers.get("content-type")?.split(";")[0]?.trim();return s?.includes("application/json")||s?.endsWith("+json")?r.headers.get("content-length")==="0"?void 0:rs(await r.clone().json(),r):await r.clone().text()}function Ul(r,n,e,t){let s=async({url:o,...c})=>{try{return await r.call(void 0,o,c)}catch(f){let d=qe(f);throw qa.add(d),d}},i=ql(e,t);for(let o=n.length-1;o>=0;o--){let c=n[o],f=s;s=async d=>c(d,f,i)}return s}B();var ss,nn=(()=>{class r extends Promise{constructor(e,t,s=sn){super(i=>{i(null)}),this.responsePromise=t,this.parseResponse=s,ss.set(this,void 0),m(this,ss,e,"f")}_thenUnwrap(e){return new r(a(this,ss,"f"),this.responsePromise,async(t,s)=>rs(e(await this.parseResponse(t,s),s),s.response))}asResponse(){return this.responsePromise.then(e=>e.response)}async withResponse(){let[e,t]=await Promise.all([this.parse(),this.asResponse()]);return{data:e,response:t,request_id:t.headers.get("request-id"),workspace_id:t.headers.get("anthropic-workspace-id")}}parse(){return this.parsedPromise||(this.parsedPromise=this.responsePromise.then(e=>this.parseResponse(a(this,ss,"f"),e))),this.parsedPromise}then(e,t){return this.parse().then(e,t)}catch(e){return this.parse().catch(e)}finally(e){return this.parse().finally(e)}}return ss=new WeakMap,r})();var on,eo=(()=>{class r{constructor(e,t,s,i){on.set(this,void 0),m(this,on,e,"f"),this.options=i,this.response=t,this.body=s}hasNextPage(){return this.getPaginatedItems().length?this.nextPageRequestOptions()!=null:!1}async getNextPage(){let e=this.nextPageRequestOptions();if(!e)throw new k("No next page expected; please check `.hasNextPage()` before calling `.getNextPage()`.");return await a(this,on,"f").requestAPIList(this.constructor,e)}async*iterPages(){let e=this;for(yield e;e.hasNextPage();)e=await e.getNextPage(),yield e}async*[(on=new WeakMap,Symbol.asyncIterator)](){for await(let e of this.iterPages())for(let t of e.getPaginatedItems())yield t}}return r})(),ja=(()=>{class r extends nn{constructor(e,t,s){super(e,t,async(i,o)=>new s(i,o.response,await sn(i,o),o.options))}async*[Symbol.asyncIterator](){let e=await this;for await(let t of e)yield t}}return r})(),C=class extends eo{constructor(n,e,t,s){super(n,e,t,s),this.data=t.data||[],this.has_more=t.has_more||!1,this.first_id=t.first_id||null,this.last_id=t.last_id||null}getPaginatedItems(){return this.data??[]}hasNextPage(){return this.has_more===!1?!1:super.hasNextPage()}nextPageRequestOptions(){if(this.options.query?.before_id){let e=this.first_id;return e?{...this.options,query:{...Gr(this.options.query),before_id:e}}:null}let n=this.last_id;return n?{...this.options,query:{...Gr(this.options.query),after_id:n}}:null}};var w=class extends eo{constructor(n,e,t,s){super(n,e,t,s),this.data=t.data||[],this.next_page=t.next_page||null}getPaginatedItems(){return this.data??[]}hasNextPage(){return this.nextPageRequestOptions()!=null}nextPageRequestOptions(){let n=this.next_page;return n?{...this.options,query:{...Gr(this.options.query),page:n}}:null}},an=class extends eo{constructor(n,e,t,s){super(n,e,t,s),this.data=t.data||[],this.next_page=t.next_page||null,this.prev_page=t.prev_page||null}getPaginatedItems(){return this.data??[]}hasNextPage(){return this.nextPageRequestOptions()!=null}nextPageRequestOptions(){let n=this.next_page;return n?{...this.options,query:{...Gr(this.options.query),page:n}}:null}};var ro=()=>{if(typeof File>"u"){let{process:r}=globalThis,n=typeof r?.versions?.node=="string"&&parseInt(r.versions.node.split("."))<20;throw new Error("`File` is not defined as a global, which is required for file uploads."+(n?" Update to Node 20 LTS or newer, or set `globalThis.File` to `import('node:buffer').File`.":""))}};function Ve(r,n,e){return ro(),new File(r,n??"",e)}function ns(r,n){let e=typeof r=="object"&&r!==null&&("name"in r&&r.name&&String(r.name)||"url"in r&&r.url&&String(r.url)||"filename"in r&&r.filename&&String(r.filename)||"path"in r&&r.path&&String(r.path))||"";return n?e.split(/[\\/]/).pop()||void 0:e}var so=r=>r!=null&&typeof r=="object"&&typeof r[Symbol.asyncIterator]=="function";var J=async(r,n,e=!0)=>({...r,body:await Vl(r.body,n,e)}),Ka=new WeakMap;function Kl(r){let n=typeof r=="function"?r:r.fetch,e=Ka.get(n);if(e)return e;let t=(async()=>{try{let s="Response"in n?n.Response:(await n("data:,")).constructor,i=new FormData;return i.toString()!==await new s(i).text()}catch{return!0}})();return Ka.set(n,t),t}var Vl=async(r,n,e=!0)=>{if(!await Kl(n))throw new TypeError("The provided fetch function does not support file uploads with the current global FormData class.");let t=new FormData;return await Promise.all(Object.entries(r||{}).map(([s,i])=>to(t,s,i,e))),t};var to=async(r,n,e,t)=>{if(e!==void 0){if(e==null)throw new TypeError(`Received null for "${n}"; to pass null in FormData, you must use the string 'null'`);if(typeof e=="string"||typeof e=="number"||typeof e=="boolean")r.append(n,String(e));else if(e instanceof Response){let s={},i=e.headers.get("Content-Type");i&&(s={type:i}),r.append(n,Ve([await e.blob()],ns(e,t),s))}else if(so(e))r.append(n,Ve([await new Response(qs(e)).blob()],ns(e,t)));else if(e instanceof Blob){let i=typeof File<"u"&&e instanceof File?e.name:ns(e,t);r.append(n,Ve([e],i,{type:e.type}))}else if(Array.isArray(e))await Promise.all(e.map(s=>to(r,n+"[]",s,t)));else{if(typeof e.then=="function")throw new TypeError(`Received a Promise for "${n}"; await it first, e.g. \`await toFile(...)\``);if(e instanceof ArrayBuffer||ArrayBuffer.isView(e))throw new TypeError(`Received ${e.constructor.name} for "${n}"; to upload raw bytes, wrap them with \`await toFile(bytes, 'filename')\``);if(typeof e=="object")await Promise.all(Object.entries(e).map(([s,i])=>to(r,`${n}[${s}]`,i,t)));else throw new TypeError(`Invalid value given to form, expected a string, number, boolean, object, Array, File or Blob but got ${e} instead`)}}};var Va=r=>r!=null&&typeof r=="object"&&typeof r.size=="number"&&typeof r.type=="string"&&typeof r.text=="function"&&typeof r.slice=="function"&&typeof r.arrayBuffer=="function",Jl=r=>r!=null&&typeof r=="object"&&typeof r.name=="string"&&typeof r.lastModified=="number"&&Va(r),Gl=r=>r!=null&&typeof r=="object"&&typeof r.url=="string"&&typeof r.blob=="function";async function io(r,n,e){if(ro(),r=await r,n||(n=r instanceof File?r.name:ns(r,!0)),Jl(r))return r instanceof File&&n==null&&e==null?r:Ve([await r.arrayBuffer()],n??r.name,{type:r.type,lastModified:r.lastModified,...e});if(Gl(r)){let s=await r.blob();return n||(n=new URL(r.url).pathname.split(/[\\/]/).pop()),Ve(await no(s),n,e)}let t=await no(r);if(!e?.type){let s=t.find(i=>typeof i=="object"&&"type"in i&&i.type);typeof s=="string"&&(e={...e,type:s})}return Ve(t,n,e)}async function no(r){let n=[];if(typeof r=="string"||ArrayBuffer.isView(r)||r instanceof ArrayBuffer)n.push(r);else if(Va(r))n.push(r instanceof Blob?r:await r.arrayBuffer());else if(so(r))for await(let e of r)n.push(...await no(e));else{let e=r?.constructor?.name;throw new Error(`Unexpected data type: ${typeof r}${e?`; constructor: ${e}`:""}${Yl(r)}`)}return n}function Yl(r){return typeof r!="object"||r===null?"":`; props: [${Object.getOwnPropertyNames(r).map(e=>`"${e}"`).join(", ")}]`}var h=class{constructor(n){this._client=n}};var Ja=Symbol.for("brand.privateNullableHeaders");function*Ql(r){if(!r)return;if(Ja in r){let{values:t,nulls:s}=r;yield*t.entries();for(let i of s)yield[i,null];return}let n=!1,e;r instanceof Headers?e=r.entries():Ni(r)?e=r:(n=!0,e=Object.entries(r??{}));for(let t of e){let s=t[0];if(typeof s!="string")throw new TypeError("expected header name to be a string");let i=Ni(t[1])?t[1]:[t[1]],o=!1;for(let c of i)c!==void 0&&(n&&!o&&(o=!0,yield[s,cn]),yield[s,c])}}var cn=Symbol("clear"),Zl=new Set(["x-stainless-helper"]),eu=(r,n)=>{let e=r?r.split(",").map(t=>t.trim()).filter(Boolean):[];for(let t of n.split(",").map(s=>s.trim()))t&&!e.includes(t)&&e.push(t);return e.join(", ")},u=r=>{let n=new Headers,e=new Set;for(let t of r){let s=new Set;for(let[i,o]of Ql(t)){let c=i.toLowerCase();if(Zl.has(c)){if(o===cn)continue;o===null?(n.delete(i),e.add(c)):(n.set(i,eu(n.get(i),o)),e.delete(c));continue}(o===cn||!s.has(c))&&(n.delete(i),s.add(c),o===cn)||(o===null?(n.delete(i),e.add(c)):(n.append(i,o),e.delete(c)))}}return{[Ja]:!0,values:n,nulls:e}};var Ge="x-stainless-helper",lt="x-stainless-helper-method";function ln(r){return{[Ge]:r}}var Pe=Symbol("anthropic.sdk.stainlessHelper");function Je(r){return typeof r=="object"&&r!==null&&Pe in r}function oo(r,n){let e=new Set;if(r)for(let t of r)Je(t)&&e.add(t[Pe]);if(n)for(let t of n){Je(t)&&e.add(t[Pe]);let s=t.content;if(Array.isArray(s))for(let i of s){Je(i)&&e.add(i[Pe]);let o=i?.tool?.definition;Je(o)&&e.add(o[Pe])}}return Array.from(e)}function un(r,n){let e=oo(r,n);return e.length===0?{}:{[Ge]:e.join(", ")}}function dn(r){return Je(r)?{[Ge]:r[Pe]}:{}}Ue();B();function Ga(r){return r?.output_config?.format}function ao(r,n,e){let t=Ga(n);return!n||!("parse"in(t??{}))?{...r,content:r.content.map(s=>s.type==="text"?Object.defineProperty({...s},"parsed_output",{value:null,enumerable:!1}):s),parsed_output:null}:co(r,n,e)}function co(r,n,e){let t=null,s=r.content.map(i=>{if(i.type==="text"){let o=tu(n,i.text);return t===null&&(t=o),Object.defineProperty({...i},"parsed_output",{value:o,enumerable:!1})}return i});return{...r,content:s,parsed_output:t}}function tu(r,n){let e=Ga(r);if(e?.type!=="json_schema")return null;try{return"parse"in e?e.parse(n):JSON.parse(n)}catch(t){throw new k(`Failed to parse structured output: ${t}`)}}var ru=r=>{let n=0,e=[];for(;n<r.length;){let t=r[n];if(t==="\\"){n++;continue}if(t==="{"){e.push({type:"brace",value:"{"}),n++;continue}if(t==="}"){e.push({type:"brace",value:"}"}),n++;continue}if(t==="["){e.push({type:"paren",value:"["}),n++;continue}if(t==="]"){e.push({type:"paren",value:"]"}),n++;continue}if(t===":"){e.push({type:"separator",value:":"}),n++;continue}if(t===","){e.push({type:"delimiter",value:","}),n++;continue}if(t==='"'){let c=n+1,f=c,d=!1;for(;;){if(f=r.indexOf('"',f),f===-1){d=!0;break}let b=0,p=f-1;for(;p>=c&&r[p]==="\\";)b++,p--;if(b%2===0)break;f++}d?n=r.length:(e.push({type:"string",value:r.slice(c,f)}),n=f+1);continue}if(t&&/\s/.test(t)){n++;continue}let i=/[0-9]/;if(t&&i.test(t)||t==="-"||t==="."){let c="";for(t==="-"&&(c+=t,t=r[++n]);t&&(i.test(t)||t==="."||t==="e"||t==="E"||(t==="-"||t==="+")&&(c[c.length-1]==="e"||c[c.length-1]==="E"));)c+=t,t=r[++n];e.push({type:"number",value:c,unterminated:n===r.length});continue}let o=/[a-z]/i;if(t&&o.test(t)){let c="";for(;t&&o.test(t)&&n!==r.length;)c+=t,t=r[++n];if(c=="true"||c=="false"||c==="null")e.push({type:"name",value:c});else{n++;continue}continue}n++}return e},su=r=>{let n=[];for(let i of r)(i.type==="brace"||i.type==="paren")&&(i.value==="{"||i.value==="["?n.push(i.value):n.pop());let e=n[n.length-1],t=r.length,s=/^-?(0|[1-9][0-9]*)(\.[0-9]+)?([eE][-+]?[0-9]+)?$/;for(;t>0;){let i=r[t-1];switch(i.type){case"separator":t--;continue;case"number":if(i.unterminated||!s.test(i.value)){t--;continue}break;case"string":let o=r[t-2];if(e==="{"&&(o?.type==="delimiter"||o?.type==="brace"&&o.value==="{")){t--;continue}break;case"delimiter":t--;break}break}return r.slice(0,t)},nu=r=>{let n=[];return r.map(e=>{e.type==="brace"&&(e.value==="{"?n.push("}"):n.splice(n.lastIndexOf("}"),1)),e.type==="paren"&&(e.value==="["?n.push("]"):n.splice(n.lastIndexOf("]"),1))}),n.length>0&&n.reverse().map(e=>{e==="}"?r.push({type:"brace",value:"}"}):e==="]"&&r.push({type:"paren",value:"]"})}),r},iu=r=>{let n="";return r.map(e=>{e.type==="string"?n+='"'+e.value+'"':n+=e.value}),n},Ya=r=>JSON.parse(iu(nu(su(ru(r)))));var Te="__json_buf";function hn(r,n){let e={};for(let i of Object.keys(r))i!=="input"&&(e[i]=r[i]);Object.defineProperty(e,Te,{value:n,enumerable:!1,writable:!0});let t,s=!1;return Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,get(){return s||(t=n?Ya(n):{},s=!0),t}}),e}var le,Me,ut,is,fn,os,as,pn,cs,ke,ls,mn,_n,Ye,gn,wn,bn,us,lo,Xa,uo,ho,fo,po,Qa;function mo(r){return r.type==="tool_use"||r.type==="server_tool_use"}var Za=(()=>{class r{constructor(e,t){le.add(this),this.messages=[],this.receivedMessages=[],Me.set(this,void 0),ut.set(this,null),this.controller=new AbortController,is.set(this,void 0),fn.set(this,()=>{}),os.set(this,()=>{}),as.set(this,void 0),pn.set(this,()=>{}),cs.set(this,()=>{}),ke.set(this,{}),ls.set(this,!1),mn.set(this,!1),_n.set(this,!1),Ye.set(this,!1),gn.set(this,void 0),wn.set(this,void 0),bn.set(this,void 0),us.set(this,void 0),uo.set(this,s=>{if(m(this,mn,!0,"f"),de(s)&&(s=new V),s instanceof V)return m(this,_n,!0,"f"),this._emit("abort",s);if(s instanceof k)return this._emit("error",s);if(s instanceof Error){let i=new k(s.message);return i.cause=s,this._emit("error",i)}return this._emit("error",new k(String(s)))}),m(this,is,new Promise((s,i)=>{m(this,fn,s,"f"),m(this,os,i,"f")}),"f"),m(this,as,new Promise((s,i)=>{m(this,pn,s,"f"),m(this,cs,i,"f")}),"f"),a(this,is,"f").catch(()=>{}),a(this,as,"f").catch(()=>{}),m(this,ut,e,"f"),m(this,us,t?.logger??console,"f")}get response(){return a(this,gn,"f")}get request_id(){return a(this,wn,"f")}get workspace_id(){return a(this,bn,"f")}async withResponse(){m(this,Ye,!0,"f");let e=await a(this,is,"f");if(!e)throw new Error("Could not resolve a `Response` object");return{data:this,response:e,request_id:e.headers.get("request-id"),workspace_id:e.headers.get("anthropic-workspace-id")}}static fromReadableStream(e){let t=new r(null);return t._run(()=>t._fromReadableStream(e)),t}static createMessage(e,t,s,{logger:i}={}){let o=new r(t,{logger:i});for(let c of t.messages)o._addMessageParam(c);return m(o,ut,{...t,stream:!0},"f"),o._run(()=>o._createMessage(e,{...t,stream:!0},{...s,headers:{...s?.headers,[lt]:"stream"}})),o}_run(e){e().then(()=>{this._emitFinal(),this._emit("end")},a(this,uo,"f"))}_addMessageParam(e){this.messages.push(e)}_addMessage(e,t=!0){this.receivedMessages.push(e),t&&this._emit("message",e)}async _createMessage(e,t,s){let i=s?.signal,o;i&&(i.aborted&&this.controller.abort(),o=this.controller.abort.bind(this.controller),i.addEventListener("abort",o));try{a(this,le,"m",ho).call(this);let{response:c,data:f}=await e.create({...t,stream:!0},{...s,signal:this.controller.signal}).withResponse();this._connected(c);for await(let d of f)a(this,le,"m",fo).call(this,d);if(f.controller.signal?.aborted)throw new V;a(this,le,"m",po).call(this)}finally{i&&o&&i.removeEventListener("abort",o)}}_connected(e){this.ended||(m(this,gn,e,"f"),m(this,wn,e?.headers.get("request-id"),"f"),m(this,bn,e?.headers.get("anthropic-workspace-id"),"f"),a(this,fn,"f").call(this,e),this._emit("connect"))}get ended(){return a(this,ls,"f")}get errored(){return a(this,mn,"f")}get aborted(){return a(this,_n,"f")}abort(){this.controller.abort()}on(e,t){return(a(this,ke,"f")[e]||(a(this,ke,"f")[e]=[])).push({listener:t}),this}off(e,t){let s=a(this,ke,"f")[e];if(!s)return this;let i=s.findIndex(o=>o.listener===t);return i>=0&&s.splice(i,1),this}once(e,t){return(a(this,ke,"f")[e]||(a(this,ke,"f")[e]=[])).push({listener:t,once:!0}),this}emitted(e){return new Promise((t,s)=>{m(this,Ye,!0,"f"),e!=="error"&&this.once("error",s),this.once(e,t)})}async done(){m(this,Ye,!0,"f"),await a(this,as,"f")}get currentMessage(){return a(this,Me,"f")}async finalMessage(){return await this.done(),a(this,le,"m",lo).call(this)}async finalText(){return await this.done(),a(this,le,"m",Xa).call(this)}_emit(e,...t){if(a(this,ls,"f"))return;e==="end"&&(m(this,ls,!0,"f"),a(this,pn,"f").call(this));let s=a(this,ke,"f")[e];if(s&&(a(this,ke,"f")[e]=s.filter(i=>!i.once),s.forEach(({listener:i})=>i(...t))),e==="abort"){let i=t[0];!a(this,Ye,"f")&&!s?.length&&Promise.reject(i),a(this,os,"f").call(this,i),a(this,cs,"f").call(this,i),this._emit("end");return}if(e==="error"){let i=t[0];!a(this,Ye,"f")&&!s?.length&&Promise.reject(i),a(this,os,"f").call(this,i),a(this,cs,"f").call(this,i),this._emit("end")}}_emitFinal(){this.receivedMessages.at(-1)&&this._emit("finalMessage",a(this,le,"m",lo).call(this))}async _fromReadableStream(e,t){let s=t?.signal,i;s&&(s.aborted&&this.controller.abort(),i=this.controller.abort.bind(this.controller),s.addEventListener("abort",i));try{a(this,le,"m",ho).call(this),this._connected(null);let o=ye.fromReadableStream(e,this.controller);for await(let c of o)a(this,le,"m",fo).call(this,c);if(o.controller.signal?.aborted)throw new V;a(this,le,"m",po).call(this)}finally{s&&i&&s.removeEventListener("abort",i)}}[(Me=new WeakMap,ut=new WeakMap,is=new WeakMap,fn=new WeakMap,os=new WeakMap,as=new WeakMap,pn=new WeakMap,cs=new WeakMap,ke=new WeakMap,ls=new WeakMap,mn=new WeakMap,_n=new WeakMap,Ye=new WeakMap,gn=new WeakMap,wn=new WeakMap,bn=new WeakMap,us=new WeakMap,uo=new WeakMap,le=new WeakSet,lo=function(){if(this.receivedMessages.length===0)throw new k("stream ended without producing a Message with role=assistant");return this.receivedMessages.at(-1)},Xa=function(){if(this.receivedMessages.length===0)throw new k("stream ended without producing a Message with role=assistant");let t=this.receivedMessages.at(-1).content.filter(s=>s.type==="text").map(s=>s.text);if(t.length===0)throw new k("stream ended without producing a content block with type=text");return t.join(" ")},ho=function(){this.ended||m(this,Me,void 0,"f")},fo=function(t){if(this.ended)return;let s=a(this,le,"m",Qa).call(this,t);switch(this._emit("streamEvent",t,s),t.type){case"content_block_delta":{let i=s.content.at(-1);switch(t.delta.type){case"text_delta":{i.type==="text"&&this._emit("text",t.delta.text,i.text||"");break}case"citations_delta":{i.type==="text"&&this._emit("citation",t.delta.citation,i.citations??[]);break}case"input_json_delta":{mo(i)&&a(this,ke,"f").inputJson?.length&&this._emit("inputJson",t.delta.partial_json,i.input);break}case"thinking_delta":{i.type==="thinking"&&this._emit("thinking",t.delta.thinking,i.thinking);break}case"signature_delta":{i.type==="thinking"&&this._emit("signature",i.signature);break}default:t.delta}break}case"message_stop":{this._addMessageParam(s),this._addMessage(ao(s,a(this,ut,"f"),{logger:a(this,us,"f")}),!0);break}case"content_block_stop":{this._emit("contentBlock",s.content.at(-1));break}case"message_start":{m(this,Me,s,"f");break}case"content_block_start":case"message_delta":break}},po=function(){if(this.ended)throw new k("stream has ended, this shouldn't happen");let t=a(this,Me,"f");if(!t)throw new k("request ended without sending any chunks");return m(this,Me,void 0,"f"),ao(t,a(this,ut,"f"),{logger:a(this,us,"f")})},Qa=function(t){let s=a(this,Me,"f");if(t.type==="message_start"){if(s)throw new k(`Unexpected event order, got ${t.type} before receiving "message_stop"`);return t.message}if(!s)throw new k(`Unexpected event order, got ${t.type} before "message_start"`);switch(t.type){case"message_stop":return s;case"message_delta":return s.stop_reason=t.delta.stop_reason,s.stop_sequence=t.delta.stop_sequence,s.stop_details=t.delta.stop_details,s.usage.output_tokens=t.usage.output_tokens,t.delta.container!=null&&(s.container=t.delta.container),t.usage.input_tokens!=null&&(s.usage.input_tokens=t.usage.input_tokens),t.usage.cache_creation_input_tokens!=null&&(s.usage.cache_creation_input_tokens=t.usage.cache_creation_input_tokens),t.usage.cache_read_input_tokens!=null&&(s.usage.cache_read_input_tokens=t.usage.cache_read_input_tokens),t.usage.server_tool_use!=null&&(s.usage.server_tool_use=t.usage.server_tool_use),t.usage.output_tokens_details!=null&&(s.usage.output_tokens_details=t.usage.output_tokens_details),s;case"content_block_start":return s.content.push({...t.content_block}),s;case"content_block_delta":{let i=s.content.at(t.index);switch(t.delta.type){case"text_delta":{i?.type==="text"&&(s.content[t.index]={...i,text:(i.text||"")+t.delta.text});break}case"citations_delta":{i?.type==="text"&&(s.content[t.index]={...i,citations:[...i.citations??[],t.delta.citation]});break}case"input_json_delta":{if(i&&mo(i)){let o=(i[Te]||"")+t.delta.partial_json;s.content[t.index]=hn(i,o)}break}case"thinking_delta":{i?.type==="thinking"&&(s.content[t.index]={...i,thinking:i.thinking+t.delta.thinking});break}case"signature_delta":{i?.type==="thinking"&&(s.content[t.index]={...i,signature:t.delta.signature});break}default:t.delta}return s}case"content_block_stop":{let i=s.content.at(t.index);return i&&mo(i)&&Te in i&&Object.defineProperty(i,"input",{value:i.input,enumerable:!0,configurable:!0,writable:!0}),s}}},Symbol.asyncIterator)](){let e=[],t=[],s=!1;return this.on("streamEvent",i=>{let o=t.shift();o?o.resolve(i):e.push(i)}),this.on("end",()=>{s=!0;for(let i of t)i.resolve(void 0);t.length=0}),this.on("abort",i=>{s=!0;for(let o of t)o.reject(i);t.length=0}),this.on("error",i=>{s=!0;for(let o of t)o.reject(i);t.length=0}),{next:async()=>e.length?{value:e.shift(),done:!1}:s?{value:void 0,done:!0}:new Promise((o,c)=>t.push({resolve:o,reject:c})).then(o=>o?{value:o,done:!1}:{value:void 0,done:!0}),return:async()=>(this.abort(),{value:void 0,done:!0})}}toReadableStream(){return new ye(this[Symbol.asyncIterator].bind(this),this.controller).toReadableStream()}}return r})();B();var yn,kn=(()=>{class r{constructor(e,t){this.iterator=e,yn.set(this,!1),this.controller=t}async*decoder(){if(a(this,yn,"f"))throw new k("Cannot iterate over a consumed stream.");m(this,yn,!0,"f");let e=new es;for await(let t of this.iterator)for(let s of e.decode(t))yield JSON.parse(s);for(let t of e.flush())yield JSON.parse(t)}[(yn=new WeakMap,Symbol.asyncIterator)](){return this.decoder()}static fromResponse(e,t){if(!e.body)throw t.abort(),typeof globalThis.navigator<"u"&&globalThis.navigator.product==="ReactNative"?new k("The default react-native fetch implementation does not support streaming. Please use expo/fetch: https://docs.expo.dev/versions/latest/sdk/expo/#expofetch-api"):new k("Attempted to iterate over a response with no body");return new r(Xr(e.body),t)}}return r})();B();function tc(r){return r.replace(/[^A-Za-z0-9\-._~!$&'()*+,;=:@]+/g,encodeURIComponent)}var ec=Object.freeze(Object.create(null)),ou=(r=tc)=>function(e,...t){if(e.length===1)return e[0];let s=!1,i=[],o=e.reduce((b,p,g)=>{/[?#]/.test(p)&&(s=!0);let y=t[g],_=(s?encodeURIComponent:r)(""+y);return g!==t.length&&(y==null||typeof y=="object"&&y.toString===Object.getPrototypeOf(Object.getPrototypeOf(y.hasOwnProperty??ec)??ec)?.toString)&&(_=y+"",i.push({start:b.length+p.length,length:_.length,error:`Value of type ${Object.prototype.toString.call(y).slice(8,-1)} is not a valid path parameter`})),!s&&_===""&&i.push({start:b.length+p.length,length:0,error:`Value "" can't be safely passed as a path parameter`}),b+p+(g===t.length?"":_)},""),c=o.split(/[?#]/,1)[0],f=/(?<=^|\/)(?:\.|%2e){1,2}(?=\/|$)/gi,d;for(;(d=f.exec(c))!==null;)i.push({start:d.index,length:d[0].length,error:`Value "${d[0]}" can't be safely passed as a path parameter`});if(i.sort((b,p)=>b.start-p.start),i.length>0){let b=[];for(let g of i)for(let y=g.start;y<g.start+Math.max(1,g.length);y++)b[y]="^";let p=Array.from(b,g=>g??" ").join("");throw new k(`Path parameters result in path with invalid segments:
+${i.map(g=>g.error).join(`
+`)}
+${o}
+${p}`)}return o},l=ou(tc);var dt=class extends h{create(n,e){let{user_profile_id:t,workspace_id:s,...i}=n;return this._client.post("/v1/messages/batches",{body:i,...e,headers:u([{...t!=null?{"anthropic-user-profile-id":t}:void 0,...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers])})}retrieve(n,e={},t){let{workspace_id:s}=e??{};return this._client.get(l`/v1/messages/batches/${n}`,{...t,headers:u([{...s!=null?{"anthropic-workspace-id":s}:void 0},t?.headers])})}list(n={},e){let{workspace_id:t,...s}=n??{};return this._client.getAPIList("/v1/messages/batches",C,{query:s,...e,headers:u([{...t!=null?{"anthropic-workspace-id":t}:void 0},e?.headers])})}delete(n,e={},t){let{workspace_id:s}=e??{};return this._client.delete(l`/v1/messages/batches/${n}`,{...t,headers:u([{...s!=null?{"anthropic-workspace-id":s}:void 0},t?.headers])})}cancel(n,e={},t){let{workspace_id:s}=e??{};return this._client.post(l`/v1/messages/batches/${n}/cancel`,{...t,headers:u([{...s!=null?{"anthropic-workspace-id":s}:void 0},t?.headers])})}async results(n,e={},t){let s=await this.retrieve(n,e,t);if(!s.results_url)throw new k(`No batch \`results_url\`; Has it finished processing? ${s.processing_status} - ${s.id}`);let{workspace_id:i}=e??{};return this._client.get(s.results_url,{...t,headers:u([{Accept:"application/binary",...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers]),stream:!0,__binaryResponse:!0})._thenUnwrap((o,c)=>kn.fromResponse(c.response,c.controller))}};var Sn={"claude-opus-4@20250514":8192,"anthropic.claude-opus-4-1-20250805-v1:0":8192,"claude-opus-4-1@20250805":8192};var ds=(()=>{class r extends h{constructor(){super(...arguments),this.batches=new dt(this._client)}create(e,t){let{user_profile_id:s,workspace_id:i,...o}=e;o.model in rc&&console.warn(`The model '${o.model}' is deprecated and will reach end-of-life on ${rc[o.model]}
+Please migrate to a newer model. Visit https://docs.anthropic.com/en/docs/resources/model-deprecations for more information.`),cu.includes(o.model)&&o.thinking&&o.thinking.type==="enabled"&&console.warn(`Using Claude with ${o.model} and 'thinking.type=enabled' is deprecated. Use 'thinking.type=adaptive' instead which results in better model performance in our testing: https://platform.claude.com/docs/en/build-with-claude/adaptive-thinking`);let c=t?.timeout??this._client._options.timeout;if(!o.stream&&c==null){let d=Sn[o.model]??void 0;c=this._client.calculateNonstreamingTimeout(o.max_tokens,d)}let f=un(o.tools,o.messages);return this._client.post("/v1/messages",{body:o,timeout:c??6e5,...t,headers:u([{...s!=null?{"anthropic-user-profile-id":s}:void 0,...i!=null?{"anthropic-workspace-id":i}:void 0},f,t?.headers]),stream:e.stream??!1})}parse(e,t){return this.create(e,t).then(s=>co(s,e,{logger:this._client.logger??console}))}stream(e,t){return Za.createMessage(this,e,t,{logger:this._client.logger??console})}countTokens(e,t){let{user_profile_id:s,workspace_id:i,...o}=e;return this._client.post("/v1/messages/count_tokens",{body:o,...t,headers:u([{...s!=null?{"anthropic-user-profile-id":s}:void 0,...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}}return r.Batches=dt,r})();var rc={"claude-sonnet-4-5":"November 30th, 2026","claude-sonnet-4-5-20250929":"November 30th, 2026"},cu=["claude-mythos-preview","claude-opus-4-6"];var ht=class extends h{retrieve(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.get(l`/v1/deployment_runs/${n}?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}list(n={},e){let{betas:t,workspace_id:s,...i}=n??{};return this._client.getAPIList("/v1/deployment_runs?beta=true",w,{query:i,...e,headers:u([{"anthropic-beta":[...t??[],"managed-agents-2026-04-01"].toString(),...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers])})}};var ft=class extends h{create(n,e){let{betas:t,workspace_id:s,...i}=n;return this._client.post("/v1/deployments?beta=true",{body:i,...e,headers:u([{"anthropic-beta":[...t??[],"managed-agents-2026-04-01"].toString(),...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers])})}retrieve(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.get(l`/v1/deployments/${n}?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}update(n,e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post(l`/v1/deployments/${n}?beta=true`,{body:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}list(n={},e){let{betas:t,workspace_id:s,...i}=n??{};return this._client.getAPIList("/v1/deployments?beta=true",w,{query:i,...e,headers:u([{"anthropic-beta":[...t??[],"managed-agents-2026-04-01"].toString(),...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers])})}archive(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.post(l`/v1/deployments/${n}/archive?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}pause(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.post(l`/v1/deployments/${n}/pause?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}run(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.post(l`/v1/deployments/${n}/run?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}unpause(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.post(l`/v1/deployments/${n}/unpause?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}};var pt=class extends h{create(n,e){let{betas:t,workspace_id:s,...i}=n;return this._client.post("/v1/dreams?beta=true",{body:i,...e,headers:u([{"anthropic-beta":[...t??[],"dreaming-2026-04-21"].toString(),...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers])})}retrieve(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.get(l`/v1/dreams/${n}?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"dreaming-2026-04-21"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}list(n={},e){let{betas:t,workspace_id:s,...i}=n??{};return this._client.getAPIList("/v1/dreams?beta=true",w,{query:i,...e,headers:u([{"anthropic-beta":[...t??[],"dreaming-2026-04-21"].toString(),...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers])})}archive(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.post(l`/v1/dreams/${n}/archive?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"dreaming-2026-04-21"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}cancel(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.post(l`/v1/dreams/${n}/cancel?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"dreaming-2026-04-21"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}};var mt=class extends h{list(n={},e){let{betas:t,workspace_id:s,...i}=n??{};return this._client.getAPIList("/v1/files?beta=true",w,{query:i,...e,headers:u([{...t?.toString()!=null?{"anthropic-beta":t?.toString()}:void 0,...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers])})}delete(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.delete(l`/v1/files/${n}?beta=true`,{...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0,...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}download(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.get(l`/v1/files/${n}/content?beta=true`,{...t,headers:u([{Accept:"application/binary",...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0,...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers]),__binaryResponse:!0})}retrieveMetadata(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.get(l`/v1/files/${n}?beta=true`,{...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0,...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}upload(n,e){let{betas:t,workspace_id:s,...i}=n;return this._client.post("/v1/files?beta=true",J({body:i,...e,headers:u([{...t?.toString()!=null?{"anthropic-beta":t?.toString()}:void 0,...s!=null?{"anthropic-workspace-id":s}:void 0},dn(i.file),e?.headers])},this._client))}};var _t=class extends h{retrieve(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.get(l`/v1/models/${n}?beta=true`,{...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0,...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}list(n={},e){let{betas:t,workspace_id:s,...i}=n??{};return this._client.getAPIList("/v1/models?beta=true",C,{query:i,...e,headers:u([{...t?.toString()!=null?{"anthropic-beta":t?.toString()}:void 0,...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers])})}};var gt=class extends h{create(n,e){let{betas:t,workspace_id:s,...i}=n;return this._client.post("/v1/user_profiles?beta=true",{body:i,...e,headers:u([{"anthropic-beta":[...t??[],"user-profiles-2026-08-18"].toString(),...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers])})}retrieve(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.get(l`/v1/user_profiles/${n}?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"user-profiles-2026-08-18"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}update(n,e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post(l`/v1/user_profiles/${n}?beta=true`,{body:o,...t,headers:u([{"anthropic-beta":[...s??[],"user-profiles-2026-08-18"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}list(n={},e){let{betas:t,workspace_id:s,...i}=n??{};return this._client.getAPIList("/v1/user_profiles?beta=true",w,{query:i,...e,headers:u([{"anthropic-beta":[...t??[],"user-profiles-2026-08-18"].toString(),...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers])})}createEnrollmentURL(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.post(l`/v1/user_profiles/${n}/enrollment_url?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"user-profiles-2026-08-18"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}};var fc=fl(hc(),1),bt=class extends h{parseUnverified(n){return JSON.parse(n)}unwrap(n,e){let t=e?.headers;if(t==null)throw new Error("Webhook headers are required in order to verify the signature");let s=e.key===void 0?this._client.webhookKey:e.key;if(!s)throw new Error("Webhook key must not be null or empty in order to unwrap");return new fc.Webhook(s).verify(n,t),JSON.parse(n)}};var yt=class extends h{list(n,e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList(l`/v1/agents/${n}/versions?beta=true`,w,{query:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}};var An=(()=>{class r extends h{constructor(){super(...arguments),this.versions=new yt(this._client)}create(e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post("/v1/agents?beta=true",{body:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}retrieve(e,t={},s){let{betas:i,workspace_id:o,...c}=t??{};return this._client.get(l`/v1/agents/${e}?beta=true`,{query:c,...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}update(e,t,s){let{betas:i,workspace_id:o,...c}=t;return this._client.post(l`/v1/agents/${e}?beta=true`,{body:c,...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}list(e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList("/v1/agents?beta=true",w,{query:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}archive(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.post(l`/v1/agents/${e}/archive?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}}return r.Versions=yt,r})();B();function Ce(r,n){if(!r)return()=>{};if(r.aborted)return n.abort(),()=>{};let e=()=>n.abort();return r.addEventListener("abort",e),()=>r.removeEventListener("abort",e)}B();function $e(r,n){return r instanceof D&&r.status===n}function Pu(r){return r instanceof D&&typeof r.status=="number"&&r.status>=400&&r.status<500}function Xe(r){return Pu(r)&&!$e(r,408)&&!$e(r,409)&&!$e(r,429)}function Pn(r,n,e){return Math.min(n*2**r,e)}function pc(r,n){return r+Math.random()*(n-r)}function Rn(r){return r*(1-Math.random()*.25)}B();function In(r,{authToken:n,helper:e}){if(!n)throw new k(`copyClientForHelper: expected a non-empty authToken but received ${JSON.stringify(n)}`);let t=r,s=t._options.defaultHeaders,i=t._authState?.extraHeaders,o=i?Object.fromEntries(Object.entries(i).filter(([f])=>{let d=f.toLowerCase();return d!=="authorization"&&d!=="x-api-key"})):void 0,c=u([o,s,{[Ge]:e}]);return r.withOptions({apiKey:null,authToken:n,baseURL:r.baseURL,credentials:void 0,defaultHeaders:c})}var kt,En,ue,Tn,Mn,On,fs,ps,St,vt,Cn,xt,ms,Ru=999,Iu=1e3,Eu=6e4,Tu=3e5,_s=(()=>{class r{constructor(e){kt.set(this,void 0),En.set(this,!1),ue.set(this,void 0),Tn.set(this,void 0),Mn.set(this,void 0),On.set(this,void 0),fs.set(this,void 0),ps.set(this,void 0),St.set(this,void 0),this.client=e.client,this.environmentId=e.environmentId,this.environmentKey=e.environmentKey,this.workerId=e.workerId??Cu(),m(this,kt,In(e.client,{authToken:e.environmentKey,helper:"environments-work-poller"}),"f"),m(this,Mn,e.autoStop??!0,"f"),m(this,On,e.drain??!1,"f"),m(this,fs,e.blockMs===void 0?Ru:e.blockMs,"f"),m(this,ps,e.reclaimOlderThanMs??null,"f"),m(this,St,e.requestOptions,"f"),m(this,ue,new AbortController,"f"),m(this,Tn,Ce(e.signal,a(this,ue,"f")),"f")}get signal(){return a(this,ue,"f").signal}abort(){a(this,ue,"f").abort()}async*[(kt=new WeakMap,En=new WeakMap,ue=new WeakMap,Tn=new WeakMap,Mn=new WeakMap,On=new WeakMap,fs=new WeakMap,ps=new WeakMap,St=new WeakMap,Symbol.asyncIterator)](){if(a(this,En,"f"))throw new k("Cannot iterate over a consumed WorkPoller");m(this,En,!0,"f");let e=T(this.client);e.info("poller starting",{component:"work-poller",environment_id:this.environmentId});let t=new Ou(e,this.environmentId);try{let s=0;for(;!a(this,ue,"f").signal.aborted;){let i;try{i=await a(this,kt,"f").beta.environments.work.poll(this.environmentId,{"Anthropic-Worker-ID":this.workerId,...a(this,fs,"f")!==null?{block_ms:a(this,fs,"f")}:{},...a(this,ps,"f")!==null?{reclaim_older_than_ms:a(this,ps,"f")}:{}},{headers:u([a(this,St,"f")?.headers]),signal:a(this,ue,"f").signal})}catch(o){if(a(this,ue,"f").signal.aborted)return;if(Xe(o))throw e.error("poll failed permanently, stopping poller",{error:String(o)}),o;let c=Rn(Mu(s));e.warn("poll failed, backing off",{error:String(o),backoff_ms:c}),s++,await he(c,a(this,ue,"f").signal);continue}if(s=0,i==null){if(a(this,On,"f"))return;t.onEmptyPoll(),await he(pc(1e3,3e3),a(this,ue,"f").signal);continue}t.onClaim(),e.info("claimed work",{component:"work-poller",environment_id:this.environmentId,work_id:i.id,work_type:i.data.type});try{await a(this,kt,"f").beta.environments.work.ack(i.id,{environment_id:i.environment_id},{headers:u([a(this,St,"f")?.headers]),signal:a(this,ue,"f").signal})}catch(o){e.error("ack failed",{work_id:i.id,error:String(o)});continue}try{yield i}finally{if(a(this,Mn,"f"))try{await a(this,kt,"f").beta.environments.work.stop(i.id,{environment_id:i.environment_id},{headers:u([a(this,St,"f")?.headers])})}catch(o){$e(o,409)||e.warn("stop failed",{work_id:i.id,error:String(o)})}}}}finally{a(this,Tn,"f").call(this)}}}return r})();function Mu(r){return Pn(r,Iu,Eu)}var Ou=(()=>{class r{constructor(e,t){vt.set(this,void 0),Cn.set(this,void 0),xt.set(this,void 0),ms.set(this,0),m(this,vt,e,"f"),m(this,Cn,t,"f")}onEmptyPoll(){let e=Date.now(),t={component:"work-poller",environment_id:a(this,Cn,"f")};a(this,xt,"f")===void 0?(m(this,xt,m(this,ms,e,"f"),"f"),a(this,vt,"f").info("idle; polling for work",t)):e-a(this,ms,"f")>=Tu?(m(this,ms,e,"f"),a(this,vt,"f").info(`still polling; idle for ${Math.round((e-a(this,xt,"f"))/1e3)}s`,t)):a(this,vt,"f").debug("poll returned no work",t)}onClaim(){m(this,xt,void 0,"f")}}return vt=new WeakMap,Cn=new WeakMap,xt=new WeakMap,ms=new WeakMap,r})();function Cu(){let n=globalThis.process?.env?.HOSTNAME;return n?`${n}-${tn()}`:tn()}B();B();var At,Ne,Pt,mc=(()=>{class r{constructor(){At.set(this,[]),Ne.set(this,[]),Pt.set(this,!1)}push(e){if(a(this,Pt,"f"))return!1;let t=a(this,Ne,"f").shift();return t?t({done:!1,value:e}):a(this,At,"f").push(e),!0}close(){if(!a(this,Pt,"f"))for(m(this,Pt,!0,"f");a(this,Ne,"f").length>0;)a(this,Ne,"f").shift()({done:!0,value:void 0})}next(e){return a(this,At,"f").length>0?Promise.resolve({done:!1,value:a(this,At,"f").shift()}):a(this,Pt,"f")||e?.aborted?Promise.resolve({done:!0,value:void 0}):new Promise(t=>{let s=o=>{e?.removeEventListener("abort",i),t(o)},i=()=>{let o=a(this,Ne,"f").indexOf(s);o>=0&&a(this,Ne,"f").splice(o,1),t({done:!0,value:void 0})};a(this,Ne,"f").push(s),e?.addEventListener("abort",i,{once:!0})})}tryShift(){return a(this,At,"f").shift()}}return At=new WeakMap,Ne=new WeakMap,Pt=new WeakMap,r})();var Rt=(()=>{class r extends Error{constructor(e){let t=typeof e=="string"?e:e.map(s=>s.type==="text"?s.text:`[${s.type}]`).join(" ");super(t),this.name="ToolError",this.content=e}}return r})();var $u="\\x00-\\x1f\\x7f-\\x9f\\u061c\\u200e\\u200f\\u2028\\u2029\\u202a-\\u202e\\u2066-\\u2069",Nu=new RegExp(`[${$u}]+`,"g"),Lu=/[\uD800-\uDFFF]/gu;function gs(r){return r.replace(Lu,"\uFFFD")}var _c=4096,Fu=200;function Bu(r,n=_c){return wc(gs(r).replace(Nu," ").trim(),n)}function Hu(r){return Bu(r,Fu)}function Re(r){return Hu(r).replace(/[' ]+/g," ").trim()}function $n(r){return`Error: ${r instanceof Error?r.message:String(r)}`}function gc(r){return wc(gs($n(r)),_c)}function wc(r,n){if(r.length<=n)return r;let e=0,t=0;for(let s of r){if(t===n)break;t+=1,e+=s.length}return r.slice(0,e)}function bc(r){return typeof r=="string"?gs(r):r.filter(n=>n.type==="text"&&n.text!=="").map(n=>({...n,text:gs(n.text)}))}function bo(r){return"name"in r?r.name:"mcp_server_name"in r?r.mcp_server_name:r.type}function yo(r){return r instanceof Rt?r.content:$n(r)}async function yc(r,n,e){try{let t=r.parse?r.parse(n):n;return{content:await r.run(t,e),isError:!1}}catch(t){return{content:yo(t),isError:!0}}}var ws,Nn,It,Qe,pe,z,Ln,G,Fn,bs,Bn,j,Et,ne,Tt,Le,Mt,Ie,Hn,ys,ie,Wn,kc,Sc,vc,xc,ko,Ac,Dn,zn,So,Pc,Rc;var Ic=500,Wu=1e4,Du=12e4,zu=3e4,qu=1e3,Uu=3e4,ju=5*6e4,Ku=6e4;function Ec(r){return r.type!=="session.status_idle"?!1:r.stop_reason?.type!=="requires_action"}var Vu=(()=>{class r{constructor(e,t){ws.set(this,void 0),Nn.set(this,void 0),It.set(this,new Set),Qe.set(this,!1),pe.set(this,void 0),m(this,ws,e,"f"),m(this,Nn,t,"f")}noteEvent(e){e.type!=="user.tool_confirmation"&&(Ec(e)?this.arm():this.disarm())}block(e){a(this,It,"f").add(e),a(this,pe,"f")!==void 0&&(m(this,Qe,!0,"f"),clearTimeout(a(this,pe,"f")),m(this,pe,void 0,"f"))}unblock(e){a(this,It,"f").delete(e),a(this,It,"f").size===0&&a(this,Qe,"f")&&this.arm()}arm(){if(!(a(this,ws,"f")<=0)){if(a(this,It,"f").size>0){m(this,Qe,!0,"f");return}m(this,Qe,!1,"f"),a(this,pe,"f")!==void 0&&clearTimeout(a(this,pe,"f")),m(this,pe,setTimeout(a(this,Nn,"f"),a(this,ws,"f")),"f")}}disarm(){m(this,Qe,!1,"f"),a(this,pe,"f")!==void 0&&(clearTimeout(a(this,pe,"f")),m(this,pe,void 0,"f"))}}return ws=new WeakMap,Nn=new WeakMap,It=new WeakMap,Qe=new WeakMap,pe=new WeakMap,r})(),ks=(()=>{class r{constructor(e,t){z.add(this),Ln.set(this,!1),G.set(this,void 0),Fn.set(this,void 0),bs.set(this,void 0),Bn.set(this,void 0),j.set(this,void 0),Et.set(this,new Set),ne.set(this,new Set),Tt.set(this,new Map),Le.set(this,new Map),Mt.set(this,new mc),Ie.set(this,0),Hn.set(this,ju),ys.set(this,null),ie.set(this,void 0),this.client=t.client,this.sessionId=e,this.tools=t.tools,this.maxIdleMs=t.maxIdleMs??Ku,m(this,j,T(t.client),"f"),m(this,Bn,new Map(t.tools.map(s=>[bo(s),s])),"f"),m(this,G,new AbortController,"f"),m(this,Fn,Ce(t.signal,a(this,G,"f")),"f"),m(this,bs,t.requestOptions,"f"),m(this,ie,new Vu(this.maxIdleMs,()=>{a(this,j,"f").info("session idle after its turn ended; stopping",{component:"session-tool-runner",session_id:this.sessionId,max_idle_ms:this.maxIdleMs}),a(this,G,"f").abort()}),"f")}get signal(){return a(this,G,"f").signal}abort(){a(this,G,"f").abort()}_setSendRetryWindow(e){m(this,Hn,e,"f")}async*[(Ln=new WeakMap,G=new WeakMap,Fn=new WeakMap,bs=new WeakMap,Bn=new WeakMap,j=new WeakMap,Et=new WeakMap,ne=new WeakMap,Tt=new WeakMap,Le=new WeakMap,Mt=new WeakMap,Ie=new WeakMap,Hn=new WeakMap,ys=new WeakMap,ie=new WeakMap,z=new WeakSet,Symbol.asyncIterator)](){if(a(this,Ln,"f"))throw new k("Cannot iterate over a consumed SessionToolRunner");m(this,Ln,!0,"f"),a(this,j,"f").info("session tool runner starting",{component:"session-tool-runner",session_id:this.sessionId});let e=a(this,z,"m",kc).call(this).catch(t=>{a(this,G,"f").signal.aborted||a(this,j,"f").error("stream loop failed",{error:String(t)}),a(this,G,"f").abort()});try{for(;;){let s=await a(this,Mt,"f").next(a(this,G,"f").signal);if(s.done)break;yield s.value}await e;let t;for(;(t=a(this,Mt,"f").tryShift())!==void 0;)yield t}finally{a(this,G,"f").abort(),a(this,ie,"f").disarm(),await e;try{await a(this,z,"m",Rc).call(this)}catch(t){a(this,j,"f").warn("drain failed",{error:String(t)})}a(this,Mt,"f").close();for(let t of this.tools)try{await t.close?.()}catch(s){a(this,j,"f").warn("tool.close failed",{tool:bo(t),error:String(s)})}a(this,Fn,"f").call(this)}}}return Wn=function(){return{...a(this,bs,"f"),headers:u([ln("session-tool-runner"),a(this,bs,"f")?.headers]),signal:a(this,G,"f").signal}},kc=async function(){let e=a(this,G,"f"),t=Ic;for(;!e.signal.aborted;){try{let s=await this.client.beta.sessions.events.stream(this.sessionId,{},a(this,z,"m",Wn).call(this));await a(this,z,"m",Sc).call(this);for await(let i of s)if(t=Ic,await a(this,z,"m",xc).call(this,i))return}catch(s){if(e.signal.throwIfAborted(),Xe(s))throw a(this,j,"f").error("permanent stream failure, shutting down",{error:String(s)}),e.abort(),s;a(this,j,"f").warn("stream disconnected, reconnecting",{error:String(s),backoff_ms:t})}e.signal.throwIfAborted(),await he(t,e.signal),t=Math.min(t*2,Wu)}},Sc=async function(){let e=a(this,G,"f"),t=[],s=!1;try{for await(let c of this.client.beta.sessions.events.list(this.sessionId,{limit:1e3},a(this,z,"m",Wn).call(this)))a(this,z,"m",vc).call(this,c,t),c.type!=="user.tool_confirmation"&&(s=Ec(c))}catch(c){e.signal.throwIfAborted(),a(this,j,"f").warn("reconcile list failed",{error:String(c)});for(let f of t)a(this,Et,"f").delete(f.id);return}let i=t.filter(c=>!a(this,ne,"f").has(c.id));a(this,ie,"f").disarm();for(let c of i)await a(this,z,"m",ko).call(this,c);for(let c of[...a(this,Le,"f").values()]){let f=a(this,Tt,"f").get(c.id);f!==void 0&&await a(this,z,"m",Dn).call(this,c,f)}let o=i.filter(c=>!a(this,ne,"f").has(c.id)&&!a(this,Le,"f").has(c.id));s&&o.length===0?a(this,ie,"f").arm():a(this,ie,"f").disarm()},vc=function(e,t){e.type==="agent.tool_use"||e.type==="agent.custom_tool_use"?(a(this,Et,"f").add(e.id),a(this,ne,"f").has(e.id)||t.push(e)):e.type==="user.tool_result"?a(this,ne,"f").add(e.tool_use_id):e.type==="user.custom_tool_result"?a(this,ne,"f").add(e.custom_tool_use_id):e.type==="user.tool_confirmation"&&(a(this,ne,"f").has(e.tool_use_id)||a(this,Tt,"f").set(e.tool_use_id,e.result))},xc=async function(e){switch(a(this,ie,"f").noteEvent(e),e.type){case"agent.tool_use":case"agent.custom_tool_use":return a(this,Et,"f").has(e.id)||(a(this,Et,"f").add(e.id),await a(this,z,"m",ko).call(this,e)),!1;case"user.tool_confirmation":return await a(this,z,"m",Ac).call(this,e),!1;case"user.tool_result":return a(this,ne,"f").add(e.tool_use_id),!1;case"user.custom_tool_result":return a(this,ne,"f").add(e.custom_tool_use_id),!1;case"session.status_terminated":case"session.deleted":return a(this,j,"f").info("session terminated",{component:"session-tool-runner",session_id:this.sessionId}),a(this,G,"f").abort(),!0;default:return!1}},ko=async function(e){let t=e.evaluated_permission,s=t==="deny"?"deny":a(this,Tt,"f").get(e.id);if(s===void 0){t===void 0||t==="allow"?await a(this,z,"m",So).call(this,e,void 0):a(this,Le,"f").has(e.id)||(a(this,j,"f").info("tool call awaiting confirmation; holding",{component:"session-tool-runner",session_id:this.sessionId,tool:e.name,tool_use_id:e.id}),a(this,Le,"f").set(e.id,e),a(this,ie,"f").block(e.id));return}await a(this,z,"m",Dn).call(this,e,s)},Ac=async function(e){a(this,Tt,"f").set(e.tool_use_id,e.result);let t=a(this,Le,"f").get(e.tool_use_id);t!==void 0&&await a(this,z,"m",Dn).call(this,t,e.result)},Dn=async function(e,t){let s=a(this,Le,"f").delete(e.id);if(t==="allow"){a(this,j,"f").info("tool call confirmed",{component:"session-tool-runner",session_id:this.sessionId,tool:e.name,tool_use_id:e.id}),s||a(this,ie,"f").block(e.id);try{await a(this,z,"m",So).call(this,e,"allow")}finally{a(this,ie,"f").unblock(e.id)}return}s&&a(this,ie,"f").unblock(e.id),a(this,ne,"f").add(e.id),a(this,j,"f").info("tool call denied; not executing",{component:"session-tool-runner",session_id:this.sessionId,tool:e.name,tool_use_id:e.id}),a(this,z,"m",zn).call(this,{event:e,toolUseId:e.id,name:e.name,isError:!1,posted:!1,confirmation:"deny"})},zn=function(e){a(this,Mt,"f").push(e)},So=async function(e,t){var s,i;if(!a(this,ne,"f").has(e.id)){a(this,j,"f").info("executing tool",{component:"session-tool-runner",session_id:this.sessionId,tool:e.name,tool_use_id:e.id}),m(this,Ie,(s=a(this,Ie,"f"),s++,s),"f");try{let o=a(this,Bn,"f").get(e.name);if(!o){a(this,j,"f").info("tool not owned by this runner; leaving the tool_use_id pending for its owner",{component:"session-tool-runner",session_id:this.sessionId,tool:e.name,tool_use_id:e.id}),t==="allow"&&a(this,ie,"f").disarm(),a(this,z,"m",zn).call(this,{event:e,toolUseId:e.id,name:e.name,isError:!1,posted:!1,confirmation:t});return}let c,f,d=new AbortController,b=Ce(a(this,G,"f").signal,d),p=setTimeout(()=>d.abort(),Du);try{let _=await yc(o,e.input,{toolUse:e,toolUseBlock:e,signal:d.signal});c=_.content,f=_.isError}finally{clearTimeout(p),b()}let g=Ju(e,f,Gu(c)),y=await a(this,z,"m",Pc).call(this,g,e.id);a(this,z,"m",zn).call(this,{event:e,result:g,toolUseId:e.id,name:e.name,isError:f,posted:y,confirmation:t})}finally{m(this,Ie,(i=a(this,Ie,"f"),i--,i),"f"),a(this,Ie,"f")===0&&a(this,ys,"f")?.call(this)}}},Pc=async function(e,t){let s=a(this,G,"f"),i=Date.now(),o,c=0;for(;;){c++,s.signal.throwIfAborted();try{return await this.client.beta.sessions.events.send(this.sessionId,{events:[e]},a(this,z,"m",Wn).call(this)),a(this,ne,"f").add(t),!0}catch(f){if(o=f,Xe(f))break;let d=a(this,Hn,"f")-(Date.now()-i);if(d<=0)break;let b=Math.min(Rn(Pn(c-1,qu,Uu)),d);a(this,j,"f").warn("tool result send failed; retrying",{tool_use_id:t,attempt:c,backoff_ms:b,error:String(f)}),await he(b,s.signal)}}return a(this,j,"f").error("failed to send tool result",{tool_use_id:t,attempts:c,error:String(o)}),!1},Rc=async function(){a(this,Ie,"f")!==0&&(await Promise.race([new Promise(e=>m(this,ys,e,"f")),he(zu)]),m(this,ys,null,"f"),a(this,Ie,"f")>0&&a(this,j,"f").warn("drain timeout exceeded"))},r})();function Ju(r,n,e){return r.type==="agent.custom_tool_use"?{type:"user.custom_tool_result",custom_tool_use_id:r.id,is_error:n,content:e}:{type:"user.tool_result",tool_use_id:r.id,is_error:n,content:e}}function Gu(r){if(typeof r=="string")return[{type:"text",text:r||"(no output)"}];let n=r.map(e=>e.type==="text"?{type:"text",text:e.text||"(no output)"}:e.type==="image"||e.type==="document"?e:e.type==="search_result"?{type:"search_result",source:e.source,title:e.title,content:e.content.map(t=>({type:"text",text:t.text})),citations:{enabled:e.citations?.enabled??!1}}:{type:"text",text:JSON.stringify(e)});return n.length>0?n:[{type:"text",text:"(no output)"}]}vo();var Un,Ss,Io,vs,Ot,$c=3e4,cd=9e4,ld="NO_HEARTBEAT";function ud(r){return r.resources.some(n=>n.type==="memory_store")}function dd(r){if(!r)return null;let n;try{let t=r.replace(/-/g,"+").replace(/_/g,"/"),s=t.padEnd(Math.ceil(t.length/4)*4,"=");n=JSON.parse(Qr(Ea(s)))}catch{return null}if(n===null||typeof n!="object"||Array.isArray(n))return null;let e=n.sessions_token;return typeof e=="string"&&e!==""?e:null}var Eo=(()=>{class r{constructor(e){if(Un.add(this),Ss.set(this,void 0),e.unrestrictedPaths!==void 0)throw new k("The `unrestrictedPaths` option you passed to EnvironmentWorker (or client.beta.environments.work.worker()) is no longer supported. The worker's file tools (read, write, edit, glob, grep) are now always confined to `workdir` plus the session's memory folders. Remove `unrestrictedPaths` from your options; to let the file tools reach any other directory, add it to `AgentToolContext.allowedRoots` from a `tools` factory.");this.client=e.client,this.environmentId=e.environmentId,this.environmentKey=e.environmentKey,this.tools=e.tools,this.workdir=e.workdir??process.cwd(),this.maxFileBytes=e.maxFileBytes,this.maxIdleMs=e.maxIdleMs,e.memorySyncIntervalMs!=null&&Mc(e.memorySyncIntervalMs,"memorySyncIntervalMs"),this.memorySyncIntervalMs=e.memorySyncIntervalMs,this.memorySyncDeletions=e.memorySyncDeletions??"enabled",this.workerId=e.workerId,this.requestOptions=e.requestOptions,m(this,Ss,e.signal,"f")}async run(e){let{environmentId:t,environmentKey:s}=this;if(t===void 0||s===void 0)throw new k("EnvironmentWorker.run: environmentId and environmentKey are required to poll for work");let i=e??a(this,Ss,"f"),o=new _s({client:this.client,environmentId:t,environmentKey:s,...this.workerId!==void 0?{workerId:this.workerId}:{},...i?{signal:i}:{},...this.requestOptions!==void 0?{requestOptions:this.requestOptions}:{},autoStop:!1});for await(let c of o)try{await a(this,Un,"m",Io).call(this,c,s,o.signal)}catch(f){if(o.signal?.aborted)throw f;T(this.client).error("work item failed",{work_id:c.id,error:String(f)})}}async handleItem(e){let t=e?.workId??I("ANTHROPIC_WORK_ID"),s=e?.environmentId??I("ANTHROPIC_ENVIRONMENT_ID"),i=e?.sessionId??I("ANTHROPIC_SESSION_ID"),o=(e?.environmentKey??this.environmentKey??I("ANTHROPIC_ENVIRONMENT_KEY"))||void 0,c=e?.workSecret||I("ANTHROPIC_WORK_SECRET")||null;if(!t)throw new k("handleItem: workId is required \u2014 pass it or set ANTHROPIC_WORK_ID");if(!s)throw new k("handleItem: environmentId is required \u2014 pass it or set ANTHROPIC_ENVIRONMENT_ID");if(!i)throw new k("handleItem: sessionId is required \u2014 pass it or set ANTHROPIC_SESSION_ID");if(!o&&!c)throw new k("handleItem: environmentKey is required when there is no work secret \u2014 pass it, construct the worker with it, or set ANTHROPIC_ENVIRONMENT_KEY");let f={id:t,environment_id:s,secret:c,data:{type:"session",id:i}};await a(this,Un,"m",Io).call(this,f,o,e?.signal??a(this,Ss,"f"))}}return Ss=new WeakMap,Un=new WeakSet,Io=async function(e,t,s){let i=T(this.client),o=dd(e.secret),c=o??t;if(c===void 0)throw new k("handleItem: the work item carried a secret payload but no sessions token could be extracted, and there is no environment key to fall back to; the poller must issue a secret whose payload carries `sessions_token`, or provide the environment key (pass it, construct the worker with it, or set ANTHROPIC_ENVIRONMENT_KEY)");e.secret&&o===null&&i.warn("work item carried a secret payload but no sessions token could be extracted; falling back to the environment key",{work_id:e.id});let f=In(this.client,{authToken:c,helper:"environments-worker"}),d=e.data.id,b=new AbortController,p=Ce(s,b),g=new fd(b),y=await Promise.resolve().then(()=>(Cc(),Oc)),_,v,A=md(f,e,g,i,this.requestOptions,x=>{_=x,v?._setSendRetryWindow(x)}).catch(x=>{b.signal.aborted||i.error("heartbeat loop failed",{work_id:e.id,error:String(x)}),b.abort()}),R=async()=>{},S,E=!1;try{if(e.data.type!=="session"){i.debug("skipping non-session work item",{work_id:e.id,type:e.data.type});return}let x=await f.beta.sessions.retrieve(d);if(o===null&&this.memorySyncIntervalMs!==null&&ud(x))throw new y.SessionMemoryError(`cannot mount the session's memories: the work item carried no sessions token (work_id=${e.id}, session_id=${d}); the memory endpoints reject the environment key, so the poller must issue a per-item \`secret\` carrying \`sessions_token\`, or set \`memorySyncIntervalMs: null\` to run without memory`);let P={workdir:this.workdir,client:f,session:x,...this.maxFileBytes!==void 0?{maxFileBytes:this.maxFileBytes}:{}};try{R=await y.setupSkills(P)}catch(M){i.warn("skill setup failed",{session_id:d,work_id:e.id,error:String(M)})}o!==null&&this.memorySyncIntervalMs!==null?(S=new y.SessionMemoryStores(f,{workdir:this.workdir,...this.memorySyncIntervalMs!==void 0?{syncIntervalMs:this.memorySyncIntervalMs}:{},syncDeletions:this.memorySyncDeletions}),await S.download(x),P.allowedRoots=S.roots,P.readOnlyRoots=S.readOnlyRoots):i.debug("memory stores disabled for this item",{work_id:e.id});let L=typeof this.tools=="function"?this.tools(P):this.tools??y.betaAgentToolset20260401(P);v=new ks(d,{client:f,tools:L,...this.maxIdleMs!==void 0?{maxIdleMs:this.maxIdleMs}:{},...this.requestOptions!==void 0?{requestOptions:this.requestOptions}:{},signal:b.signal}),_!==void 0&&v._setSendRetryWindow(_);for await(let M of v)S&&await S.syncIfDue();E=!b.signal.aborted}finally{try{await R().catch(x=>{i.warn("skill cleanup failed",{session_id:d,work_id:e.id,error:String(x)})})}finally{if(S){let x=y.MEMORY_FLUSH_TIMEOUT_MS;E&&await Nc(S.finish(),x)&&i.warn(`final memory sync cut off after ${x}ms; the flush that follows still uploads changed files`,{session_id:d,work_id:e.id});let P=new AbortController;await Nc(S.flushWrites(P.signal),x)&&(P.abort(),i.warn(`memory flush cut off after ${x}ms; changed files it had not uploaded yet are not saved`,{session_id:d,work_id:e.id})),await S.dispose().catch(M=>{i.warn("memory store cleanup failed",{session_id:d,work_id:e.id,error:String(M)})})}}g.finish("runner_done"),p(),await A,g.lost?i.info("lease lost; released without stopping it",{session_id:d,work_id:e.id}):await hd(f,e,i,this.requestOptions)}},r})();async function Nc(r,n){let e;try{return await Promise.race([r.then(()=>!1,()=>!1),new Promise(t=>{e=setTimeout(()=>t(!0),n)})])}finally{e!==void 0&&clearTimeout(e)}}async function hd(r,n,e,t){try{await r.beta.environments.work.stop(n.id,{environment_id:n.environment_id,force:!0},{...t,headers:u([t?.headers])})}catch(s){$e(s,409)||e.error("force-stop on exit failed",{work_id:n.id,error:String(s)})}}var fd=(()=>{class r{constructor(e){vs.set(this,void 0),Ot.set(this,void 0),m(this,vs,e,"f")}get signal(){return a(this,vs,"f").signal}finish(e){m(this,Ot,a(this,Ot,"f")??e,"f"),a(this,vs,"f").abort()}get lost(){return a(this,Ot,"f")==="lease_lost"||a(this,Ot,"f")==="assumed_lost"}}return vs=new WeakMap,Ot=new WeakMap,r})();function pd(r){let n=r instanceof D?r.error:void 0;for(let e of["error","details","current_state"]){if(!Fi(n))return{};n=n[e]}return Fi(n)?n:{}}async function md(r,n,e,t,s,i){let o=$c,c=cd,f=Date.now(),d=ld,b=async()=>{let p=new AbortController,g=Ce(e.signal,p),y=setTimeout(()=>p.abort(),o);try{let _=await r.beta.environments.work.heartbeat(n.id,{environment_id:n.environment_id,expected_last_heartbeat:d},{...s,headers:u([s?.headers]),signal:p.signal});f=Date.now(),d=_.last_heartbeat,_.ttl_seconds>0&&(c=_.ttl_seconds*1e3,o=Math.max(1e3,Math.min(c/2,$c)),i?.(c)),(_.state==="stopping"||_.state==="stopped")&&(t.info("heartbeat signals shutdown",{work_id:n.id,state:_.state}),e.finish("control_plane_stop")),_.lease_extended||(t.warn("lease not extended, shutting down",{work_id:n.id}),e.finish("control_plane_stop"))}catch(_){if(e.signal.throwIfAborted(),$e(_,412)){let v=pd(_);t.error("lease lost: heartbeat precondition failed",{work_id:n.id,server_state:v.state,server_ttl_seconds:v.ttl_seconds,server_last_heartbeat:v.last_heartbeat}),e.finish("lease_lost");return}if(Xe(_))throw t.error("permanent heartbeat failure",{work_id:n.id,error:String(_)}),e.finish("heartbeat_rejected"),_;if(Date.now()-f>c){t.error("lease assumed lost: no successful heartbeat in ttl",{work_id:n.id,ttl_ms:c,error:String(_)}),e.finish("assumed_lost");return}t.warn("transient heartbeat failure",{work_id:n.id,error:String(_)})}finally{clearTimeout(y),g()}};for(await b();!e.signal.aborted;)await he(o,e.signal),e.signal.throwIfAborted(),await b()}var jn=(()=>{class r extends h{retrieve(e,t,s){let{environment_id:i,betas:o,workspace_id:c}=t;return this._client.get(l`/v1/environments/${i}/work/${e}?beta=true`,{...s,headers:u([{"anthropic-beta":[...o??[],"managed-agents-2026-04-01"].toString(),...c!=null?{"anthropic-workspace-id":c}:void 0},s?.headers])})}update(e,t,s){let{environment_id:i,betas:o,workspace_id:c,...f}=t;return this._client.post(l`/v1/environments/${i}/work/${e}?beta=true`,{body:f,...s,headers:u([{"anthropic-beta":[...o??[],"managed-agents-2026-04-01"].toString(),...c!=null?{"anthropic-workspace-id":c}:void 0},s?.headers])})}list(e,t={},s){let{betas:i,...o}=t??{};return this._client.getAPIList(l`/v1/environments/${e}/work?beta=true`,w,{query:o,...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString()},s?.headers])})}ack(e,t,s){let{environment_id:i,betas:o}=t;return this._client.post(l`/v1/environments/${i}/work/${e}/ack?beta=true`,{...s,headers:u([{"anthropic-beta":[...o??[],"managed-agents-2026-04-01"].toString()},s?.headers])})}heartbeat(e,t,s){let{environment_id:i,desired_ttl_seconds:o,expected_last_heartbeat:c,betas:f}=t;return this._client.post(l`/v1/environments/${i}/work/${e}/heartbeat?beta=true`,{query:{desired_ttl_seconds:o,expected_last_heartbeat:c},...s,headers:u([{"anthropic-beta":[...f??[],"managed-agents-2026-04-01"].toString()},s?.headers])})}poll(e,t={},s){let{betas:i,"Anthropic-Worker-ID":o,...c}=t??{};return this._client.get(l`/v1/environments/${e}/work/poll?beta=true`,{query:c,...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"Anthropic-Worker-ID":o}:void 0},s?.headers])})}stats(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.get(l`/v1/environments/${e}/work/stats?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}stop(e,t,s){let{environment_id:i,betas:o,workspace_id:c,...f}=t;return this._client.post(l`/v1/environments/${i}/work/${e}/stop?beta=true`,{body:f,...s,headers:u([{"anthropic-beta":[...o??[],"managed-agents-2026-04-01"].toString(),...c!=null?{"anthropic-workspace-id":c}:void 0},s?.headers])})}poller(e){return new _s({...e,client:this._client})}worker(e){return new Eo({...e,client:this._client})}}return r.WorkPoller=_s,r.EnvironmentWorker=Eo,r})();var Kn=(()=>{class r extends h{constructor(){super(...arguments),this.work=new jn(this._client)}create(e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post("/v1/environments?beta=true",{body:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}retrieve(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.get(l`/v1/environments/${e}?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}update(e,t,s){let{betas:i,workspace_id:o,...c}=t;return this._client.post(l`/v1/environments/${e}?beta=true`,{body:c,...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}list(e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList("/v1/environments?beta=true",w,{query:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}delete(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.delete(l`/v1/environments/${e}?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}archive(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.post(l`/v1/environments/${e}/archive?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}}return r.Work=jn,r})();var Ct=class extends h{create(n,e,t){let{view:s,betas:i,workspace_id:o,...c}=e;return this._client.post(l`/v1/memory_stores/${n}/memories?beta=true`,{query:{view:s},body:c,...t,headers:u([{"anthropic-beta":[...i??[],"agent-memory-2026-07-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}retrieve(n,e,t){let{memory_store_id:s,betas:i,workspace_id:o,...c}=e;return this._client.get(l`/v1/memory_stores/${s}/memories/${n}?beta=true`,{query:c,...t,headers:u([{"anthropic-beta":[...i??[],"agent-memory-2026-07-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}update(n,e,t){let{memory_store_id:s,view:i,betas:o,workspace_id:c,...f}=e;return this._client.post(l`/v1/memory_stores/${s}/memories/${n}?beta=true`,{query:{view:i},body:f,...t,headers:u([{"anthropic-beta":[...o??[],"agent-memory-2026-07-22"].toString(),...c!=null?{"anthropic-workspace-id":c}:void 0},t?.headers])})}list(n,e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList(l`/v1/memory_stores/${n}/memories?beta=true`,w,{query:o,...t,headers:u([{"anthropic-beta":[...s??[],"agent-memory-2026-07-22"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}delete(n,e,t){let{memory_store_id:s,expected_content_sha256:i,betas:o,workspace_id:c}=e;return this._client.delete(l`/v1/memory_stores/${s}/memories/${n}?beta=true`,{query:{expected_content_sha256:i},...t,headers:u([{"anthropic-beta":[...o??[],"agent-memory-2026-07-22"].toString(),...c!=null?{"anthropic-workspace-id":c}:void 0},t?.headers])})}};var $t=class extends h{retrieve(n,e,t){let{memory_store_id:s,betas:i,workspace_id:o,...c}=e;return this._client.get(l`/v1/memory_stores/${s}/memory_versions/${n}?beta=true`,{query:c,...t,headers:u([{"anthropic-beta":[...i??[],"agent-memory-2026-07-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}list(n,e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList(l`/v1/memory_stores/${n}/memory_versions?beta=true`,w,{query:o,...t,headers:u([{"anthropic-beta":[...s??[],"agent-memory-2026-07-22"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}redact(n,e,t){let{memory_store_id:s,betas:i,workspace_id:o}=e;return this._client.post(l`/v1/memory_stores/${s}/memory_versions/${n}/redact?beta=true`,{...t,headers:u([{"anthropic-beta":[...i??[],"agent-memory-2026-07-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}};var Vn=(()=>{class r extends h{constructor(){super(...arguments),this.memories=new Ct(this._client),this.memoryVersions=new $t(this._client)}create(e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post("/v1/memory_stores?beta=true",{body:o,...t,headers:u([{"anthropic-beta":[...s??[],"agent-memory-2026-07-22"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}retrieve(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.get(l`/v1/memory_stores/${e}?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"agent-memory-2026-07-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}update(e,t,s){let{betas:i,workspace_id:o,...c}=t;return this._client.post(l`/v1/memory_stores/${e}?beta=true`,{body:c,...s,headers:u([{"anthropic-beta":[...i??[],"agent-memory-2026-07-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}list(e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList("/v1/memory_stores?beta=true",w,{query:o,...t,headers:u([{"anthropic-beta":[...s??[],"agent-memory-2026-07-22"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}delete(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.delete(l`/v1/memory_stores/${e}?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"agent-memory-2026-07-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}archive(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.post(l`/v1/memory_stores/${e}/archive?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"agent-memory-2026-07-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}}return r.Memories=Ct,r.MemoryVersions=$t,r})();var Nt=class extends h{create(n,e){let{betas:t,user_profile_id:s,workspace_id:i,...o}=n;return this._client.post("/v1/messages/batches?beta=true",{body:o,...e,headers:u([{"anthropic-beta":[...t??[],"message-batches-2024-09-24"].toString(),...s!=null?{"anthropic-user-profile-id":s}:void 0,...i!=null?{"anthropic-workspace-id":i}:void 0},e?.headers])})}retrieve(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.get(l`/v1/messages/batches/${n}?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"message-batches-2024-09-24"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}list(n={},e){let{betas:t,workspace_id:s,...i}=n??{};return this._client.getAPIList("/v1/messages/batches?beta=true",C,{query:i,...e,headers:u([{"anthropic-beta":[...t??[],"message-batches-2024-09-24"].toString(),...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers])})}delete(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.delete(l`/v1/messages/batches/${n}?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"message-batches-2024-09-24"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}cancel(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.post(l`/v1/messages/batches/${n}/cancel?beta=true`,{...t,headers:u([{"anthropic-beta":[...s??[],"message-batches-2024-09-24"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}async results(n,e={},t){let s=await this.retrieve(n,e,t);if(!s.results_url)throw new k(`No batch \`results_url\`; Has it finished processing? ${s.processing_status} - ${s.id}`);let{betas:i,workspace_id:o}=e??{};return this._client.get(s.results_url,{...t,headers:u([{"anthropic-beta":[...i??[],"message-batches-2024-09-24"].toString(),Accept:"application/binary",...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers]),stream:!0,__binaryResponse:!0})._thenUnwrap((c,f)=>kn.fromResponse(f.response,f.controller))}};B();function Lc(r){return r?.output_format??r?.output_config?.format}function To(r,n,e){let t=Lc(n);return!n||!("parse"in(t??{}))?{...r,content:r.content.map(s=>{if(s.type==="text"){let i=Object.defineProperty({...s},"parsed_output",{value:null,enumerable:!1});return Object.defineProperty(i,"parsed",{get(){return e.logger.warn("The `parsed` property on `text` blocks is deprecated, please use `parsed_output` instead."),null},enumerable:!1})}return s}),parsed_output:null}:Mo(r,n,e)}function Mo(r,n,e){let t=null,s=r.content.map(i=>{if(i.type==="text"){let o=Sd(n,i.text);t===null&&(t=o);let c=Object.defineProperty({...i},"parsed_output",{value:o,enumerable:!1});return Object.defineProperty(c,"parsed",{get(){return e.logger.warn("The `parsed` property on `text` blocks is deprecated, please use `parsed_output` instead."),o},enumerable:!1})}return i});return{...r,content:s,parsed_output:t}}function Sd(r,n){let e=Lc(r);if(e?.type!=="json_schema")return null;try{return"parse"in e?e.parse(n):JSON.parse(n)}catch(t){throw new k(`Failed to parse structured output: ${t}`)}}Ue();var Z,Fe,Lt,xs,Jn,As,Ps,Gn,Rs,Se,Is,Yn,Xn,Ze,Qn,Zn,ei,Es,Oo,Fc,Ts,Co,$o,No,Bc,Lo;function Fo(r){return r.type==="tool_use"||r.type==="server_tool_use"||r.type==="mcp_tool_use"}var ti=(()=>{class r{constructor(e,t){Z.add(this),this.messages=[],this.receivedMessages=[],Fe.set(this,void 0),Lt.set(this,null),this.controller=new AbortController,xs.set(this,void 0),Jn.set(this,()=>{}),As.set(this,()=>{}),Ps.set(this,void 0),Gn.set(this,()=>{}),Rs.set(this,()=>{}),Se.set(this,{}),Is.set(this,!1),Yn.set(this,!1),Xn.set(this,!1),Ze.set(this,!1),Qn.set(this,void 0),Zn.set(this,void 0),ei.set(this,void 0),Es.set(this,void 0),Ts.set(this,s=>{if(m(this,Yn,!0,"f"),de(s)&&(s=new V),s instanceof V)return m(this,Xn,!0,"f"),this._emit("abort",s);if(s instanceof k)return this._emit("error",s);if(s instanceof Error){let i=new k(s.message);return i.cause=s,this._emit("error",i)}return this._emit("error",new k(String(s)))}),m(this,xs,new Promise((s,i)=>{m(this,Jn,s,"f"),m(this,As,i,"f")}),"f"),m(this,Ps,new Promise((s,i)=>{m(this,Gn,s,"f"),m(this,Rs,i,"f")}),"f"),a(this,xs,"f").catch(()=>{}),a(this,Ps,"f").catch(()=>{}),m(this,Lt,e,"f"),m(this,Es,t?.logger??console,"f")}get response(){return a(this,Qn,"f")}get request_id(){return a(this,Zn,"f")}get workspace_id(){return a(this,ei,"f")}async withResponse(){m(this,Ze,!0,"f");let e=await a(this,xs,"f");if(!e)throw new Error("Could not resolve a `Response` object");return{data:this,response:e,request_id:e.headers.get("request-id"),workspace_id:e.headers.get("anthropic-workspace-id")}}static fromReadableStream(e){let t=new r(null);return t._run(()=>t._fromReadableStream(e)),t}static createMessage(e,t,s,{logger:i}={}){let o=new r(t,{logger:i});for(let c of t.messages)o._addMessageParam(c);return m(o,Lt,{...t,stream:!0},"f"),o._run(()=>o._createMessage(e,{...t,stream:!0},{...s,headers:{...s?.headers,[lt]:"stream"}})),o}_run(e){e().then(()=>{this._emitFinal(),this._emit("end")},a(this,Ts,"f"))}_addMessageParam(e){this.messages.push(e)}_addMessage(e,t=!0){this.receivedMessages.push(e),t&&this._emit("message",e)}async _createMessage(e,t,s){let i=s?.signal,o;i&&(i.aborted&&this.controller.abort(),o=this.controller.abort.bind(this.controller),i.addEventListener("abort",o));try{a(this,Z,"m",Co).call(this);let{response:c,data:f}=await e.create({...t,stream:!0},{...s,signal:this.controller.signal}).withResponse();this._connected(c);for await(let d of f)a(this,Z,"m",$o).call(this,d);if(f.controller.signal?.aborted)throw new V;a(this,Z,"m",No).call(this)}finally{i&&o&&i.removeEventListener("abort",o)}}_connected(e){this.ended||(m(this,Qn,e,"f"),m(this,Zn,e?.headers.get("request-id"),"f"),m(this,ei,e?.headers.get("anthropic-workspace-id"),"f"),a(this,Jn,"f").call(this,e),this._emit("connect"))}get ended(){return a(this,Is,"f")}get errored(){return a(this,Yn,"f")}get aborted(){return a(this,Xn,"f")}abort(){this.controller.abort()}on(e,t){return(a(this,Se,"f")[e]||(a(this,Se,"f")[e]=[])).push({listener:t}),this}off(e,t){let s=a(this,Se,"f")[e];if(!s)return this;let i=s.findIndex(o=>o.listener===t);return i>=0&&s.splice(i,1),this}once(e,t){return(a(this,Se,"f")[e]||(a(this,Se,"f")[e]=[])).push({listener:t,once:!0}),this}emitted(e){return new Promise((t,s)=>{m(this,Ze,!0,"f"),e!=="error"&&this.once("error",s),this.once(e,t)})}async done(){m(this,Ze,!0,"f"),await a(this,Ps,"f")}get currentMessage(){return a(this,Fe,"f")}async finalMessage(){return await this.done(),a(this,Z,"m",Oo).call(this)}async finalText(){return await this.done(),a(this,Z,"m",Fc).call(this)}_emit(e,...t){if(a(this,Is,"f"))return;e==="end"&&(m(this,Is,!0,"f"),a(this,Gn,"f").call(this));let s=a(this,Se,"f")[e];if(s&&(a(this,Se,"f")[e]=s.filter(i=>!i.once),s.forEach(({listener:i})=>i(...t))),e==="abort"){let i=t[0];!a(this,Ze,"f")&&!s?.length&&Promise.reject(i),a(this,As,"f").call(this,i),a(this,Rs,"f").call(this,i),this._emit("end");return}if(e==="error"){let i=t[0];!a(this,Ze,"f")&&!s?.length&&Promise.reject(i),a(this,As,"f").call(this,i),a(this,Rs,"f").call(this,i),this._emit("end")}}_emitFinal(){this.receivedMessages.at(-1)&&this._emit("finalMessage",a(this,Z,"m",Oo).call(this))}async _fromReadableStream(e,t){let s=t?.signal,i;s&&(s.aborted&&this.controller.abort(),i=this.controller.abort.bind(this.controller),s.addEventListener("abort",i));try{a(this,Z,"m",Co).call(this),this._connected(null);let o=ye.fromReadableStream(e,this.controller);for await(let c of o)a(this,Z,"m",$o).call(this,c);if(o.controller.signal?.aborted)throw new V;a(this,Z,"m",No).call(this)}finally{s&&i&&s.removeEventListener("abort",i)}}[(Fe=new WeakMap,Lt=new WeakMap,xs=new WeakMap,Jn=new WeakMap,As=new WeakMap,Ps=new WeakMap,Gn=new WeakMap,Rs=new WeakMap,Se=new WeakMap,Is=new WeakMap,Yn=new WeakMap,Xn=new WeakMap,Ze=new WeakMap,Qn=new WeakMap,Zn=new WeakMap,ei=new WeakMap,Es=new WeakMap,Ts=new WeakMap,Z=new WeakSet,Oo=function(){if(this.receivedMessages.length===0)throw new k("stream ended without producing a Message with role=assistant");return this.receivedMessages.at(-1)},Fc=function(){if(this.receivedMessages.length===0)throw new k("stream ended without producing a Message with role=assistant");let t=this.receivedMessages.at(-1).content.filter(s=>s.type==="text").map(s=>s.text);if(t.length===0)throw new k("stream ended without producing a content block with type=text");return t.join(" ")},Co=function(){this.ended||m(this,Fe,void 0,"f")},$o=function(t){if(this.ended)return;let s=a(this,Z,"m",Bc).call(this,t);switch(this._emit("streamEvent",t,s),t.type){case"content_block_delta":{let i=s.content.at(-1);switch(t.delta.type){case"text_delta":{i.type==="text"&&this._emit("text",t.delta.text,i.text||"");break}case"citations_delta":{i.type==="text"&&this._emit("citation",t.delta.citation,i.citations??[]);break}case"input_json_delta":{if(Fo(i)&&a(this,Se,"f").inputJson?.length){let o;try{o=i.input}catch(c){a(this,Ts,"f").call(this,a(this,Z,"m",Lo).call(this,i,c));break}this._emit("inputJson",t.delta.partial_json,o)}break}case"thinking_delta":{i.type==="thinking"&&this._emit("thinking",t.delta.thinking,i.thinking);break}case"signature_delta":{i.type==="thinking"&&this._emit("signature",i.signature);break}case"compaction_delta":{i.type==="compaction"&&i.content&&this._emit("compaction",i.content);break}default:t.delta}break}case"message_stop":{this._addMessageParam(s),this._addMessage(To(s,a(this,Lt,"f"),{logger:a(this,Es,"f")}),!0);break}case"content_block_stop":{this._emit("contentBlock",s.content.at(-1));break}case"message_start":{m(this,Fe,s,"f");break}case"content_block_start":case"message_delta":break}},No=function(){if(this.ended)throw new k("stream has ended, this shouldn't happen");let t=a(this,Fe,"f");if(!t)throw new k("request ended without sending any chunks");return m(this,Fe,void 0,"f"),To(t,a(this,Lt,"f"),{logger:a(this,Es,"f")})},Bc=function(t){let s=a(this,Fe,"f");if(t.type==="message_start"){if(s)throw new k(`Unexpected event order, got ${t.type} before receiving "message_stop"`);return t.message}if(!s)throw new k(`Unexpected event order, got ${t.type} before "message_start"`);switch(t.type){case"message_stop":return s;case"message_delta":return s.stop_reason=t.delta.stop_reason,s.stop_sequence=t.delta.stop_sequence,s.stop_details=t.delta.stop_details,s.usage.output_tokens=t.usage.output_tokens,t.delta.container!=null&&(s.container=t.delta.container),t.context_management!=null&&(s.context_management=t.context_management),t.input_transformations!=null&&(s.input_transformations=t.input_transformations),t.usage.input_tokens!=null&&(s.usage.input_tokens=t.usage.input_tokens),t.usage.cache_creation_input_tokens!=null&&(s.usage.cache_creation_input_tokens=t.usage.cache_creation_input_tokens),t.usage.cache_read_input_tokens!=null&&(s.usage.cache_read_input_tokens=t.usage.cache_read_input_tokens),t.usage.server_tool_use!=null&&(s.usage.server_tool_use=t.usage.server_tool_use),t.usage.iterations!=null&&(s.usage.iterations=t.usage.iterations),t.usage.fallback_credit!=null&&(s.usage.fallback_credit=t.usage.fallback_credit),t.usage.output_tokens_details!=null&&(s.usage.output_tokens_details=t.usage.output_tokens_details),s;case"content_block_start":return s.content.push(t.content_block),t.content_block.type==="fallback"&&(s.model=t.content_block.to.model),s;case"content_block_delta":{let i=s.content.at(t.index);switch(t.delta.type){case"text_delta":{i?.type==="text"&&(s.content[t.index]={...i,text:(i.text||"")+t.delta.text});break}case"citations_delta":{i?.type==="text"&&(s.content[t.index]={...i,citations:[...i.citations??[],t.delta.citation]});break}case"input_json_delta":{if(i&&Fo(i)){let o=(i[Te]||"")+t.delta.partial_json;s.content[t.index]=hn(i,o)}break}case"thinking_delta":{i?.type==="thinking"&&(s.content[t.index]={...i,thinking:i.thinking+t.delta.thinking});break}case"signature_delta":{i?.type==="thinking"&&(s.content[t.index]={...i,signature:t.delta.signature});break}case"compaction_delta":{if(i?.type==="compaction"){let o={...i,content:t.delta.content};"encrypted_content"in t.delta&&(o.encrypted_content=t.delta.encrypted_content),s.content[t.index]=o}break}default:t.delta}return s}case"content_block_stop":{let i=s.content.at(t.index);if(i&&Fo(i)&&Te in i){let o;try{o=i.input}catch(c){o={},a(this,Ts,"f").call(this,a(this,Z,"m",Lo).call(this,i,c))}Object.defineProperty(i,"input",{value:o,enumerable:!0,configurable:!0,writable:!0})}return s}}},Lo=function(t,s){let i=t[Te];return new k(`Unable to parse tool parameter JSON from model. Please retry your request or adjust your prompt. Error: ${s}. JSON: ${i}`)},Symbol.asyncIterator)](){let e=[],t=[],s=!1;return this.on("streamEvent",i=>{let o=t.shift();o?o.resolve(i):e.push(i)}),this.on("end",()=>{s=!0;for(let i of t)i.resolve(void 0);t.length=0}),this.on("abort",i=>{s=!0;for(let o of t)o.reject(i);t.length=0}),this.on("error",i=>{s=!0;for(let o of t)o.reject(i);t.length=0}),{next:async()=>e.length?{value:e.shift(),done:!1}:s?{value:void 0,done:!0}:new Promise((o,c)=>t.push({resolve:o,reject:c})).then(o=>o?{value:o,done:!1}:{value:void 0,done:!0}),return:async()=>(this.abort(),{value:void 0,done:!0})}}toReadableStream(){return new ye(this[Symbol.asyncIterator].bind(this),this.controller).toReadableStream()}}return r})();var Hc={browser_toolset_20260801:"browser",computer_toolset_20260801:"computer"};function Be(r){return Hc[r.type]}function Ft(r){return"run"in r&&r.type!=null&&Object.prototype.hasOwnProperty.call(Hc,r.type)}B();B();var Ms=class extends k{constructor(n,e){super(n),this.name="ToolsetUsageError",e&&"cause"in e&&(this.cause=e.cause)}};var He=class extends Ms{constructor(n,e){super(n,e),this.name="ToolsetContractError"}};var Dc="Not executed: an earlier action in this turn failed.",Wc={browser:Dc,computer:"Not executed: an earlier computer action in this turn failed."};function zc(r){return Object.prototype.hasOwnProperty.call(Wc,r)?Wc[r]:Dc}function Os(r,n,e=!1){return e&&(n===""||Array.isArray(n)&&n.length===0)&&(n="The tool call failed with an empty error message."),{type:"tool_result",tool_use_id:r.id,toolset_name:r.toolset_name??null,content:n,...e?{is_error:!0}:{}}}function vd(r,n){if(r instanceof Ms)throw r;xd(n.signal)}function xd(r){if(r?.aborted)throw new V}async function qc(r,n,e={}){let t=Be(r);if(n.toolset_name!==t)throw new He(`tool_use ${JSON.stringify(n.id)} (toolset_name=${JSON.stringify(n.toolset_name??null)}, name=${JSON.stringify(n.name)}) is not a member call of the ${JSON.stringify(t)} toolset`);let s={...e,toolUse:n,toolUseBlock:n};try{return Os(n,await r.run(s,n))}catch(i){return vd(i,s),Os(n,bc(i instanceof Rt?i.content:gc(i)),!0)}}B();var Ht=class extends h{retrieve(n,e){return this._client.get(l`/v1/organizations/api_keys/${n}?beta=true`,e)}update(n,e,t){return this._client.post(l`/v1/organizations/api_keys/${n}?beta=true`,{body:e,...t})}list(n={},e){return this._client.getAPIList("/v1/organizations/api_keys?beta=true",C,{query:n,...e})}};var Wt=class extends h{list(n,e){return this._client.getAPIList("/v1/organizations/analytics/artifacts?beta=true",w,{query:n,...e})}};var Dt=class extends h{list(n={},e){return this._client.getAPIList("/v1/organizations/analytics/connectors?beta=true",w,{query:n,...e})}};var zt=class extends h{list(n,e){return this._client.getAPIList("/v1/organizations/analytics/cost_report?beta=true",w,{query:n,...e})}};var qt=class extends h{list(n={},e){return this._client.getAPIList("/v1/organizations/analytics/plugins?beta=true",w,{query:n,...e})}};var Ut=class extends h{list(n={},e){return this._client.getAPIList("/v1/organizations/analytics/skills?beta=true",w,{query:n,...e})}};var jt=class extends h{list(n,e){return this._client.getAPIList("/v1/organizations/analytics/summaries?beta=true",w,{query:n,...e})}};var Kt=class extends h{list(n,e){return this._client.getAPIList("/v1/organizations/analytics/usage_report?beta=true",w,{query:n,...e})}};var Vt=class extends h{list(n,e){return this._client.getAPIList("/v1/organizations/analytics/user_cost_report?beta=true",w,{query:n,...e})}};var Jt=class extends h{list(n,e){return this._client.getAPIList("/v1/organizations/analytics/user_usage_report?beta=true",w,{query:n,...e})}};var Gt=class extends h{list(n={},e){return this._client.getAPIList("/v1/organizations/analytics/users?beta=true",w,{query:n,...e})}};var Yt=class extends h{list(n={},e){return this._client.getAPIList("/v1/organizations/analytics/apps/chat/projects?beta=true",w,{query:n,...e})}};var si=(()=>{class r extends h{constructor(){super(...arguments),this.projects=new Yt(this._client)}}return r.Projects=Yt,r})();var ni=(()=>{class r extends h{constructor(){super(...arguments),this.chat=new si(this._client)}}return r.Chat=si,r})();var ii=(()=>{class r extends h{constructor(){super(...arguments),this.summaries=new jt(this._client),this.users=new Gt(this._client),this.apps=new ni(this._client),this.connectors=new Dt(this._client),this.plugins=new qt(this._client),this.skills=new Ut(this._client),this.artifacts=new Wt(this._client),this.usageReport=new Kt(this._client),this.userUsageReport=new Jt(this._client),this.costReport=new zt(this._client),this.userCostReport=new Vt(this._client)}}return r.Summaries=jt,r.Users=Gt,r.Apps=ni,r.Connectors=Dt,r.Plugins=qt,r.Skills=Ut,r.Artifacts=Wt,r.UsageReport=Kt,r.UserUsageReport=Jt,r.CostReport=zt,r.UserCostReport=Vt,r})();var Xt=class extends h{retrieve(n){return this._client.get("/v1/organizations/compliance_settings?beta=true",n)}update(n,e){return this._client.post("/v1/organizations/compliance_settings?beta=true",{body:n,...e})}};var Qt=class extends h{create(n,e){return this._client.post("/v1/organizations/external_keys?beta=true",{body:n,...e})}retrieve(n,e){return this._client.get(l`/v1/organizations/external_keys/${n}?beta=true`,e)}update(n,e,t){return this._client.post(l`/v1/organizations/external_keys/${n}?beta=true`,{body:e,...t})}list(n={},e){return this._client.getAPIList("/v1/organizations/external_keys?beta=true",w,{query:n,...e})}delete(n,e){return this._client.delete(l`/v1/organizations/external_keys/${n}?beta=true`,e)}validate(n,e){return this._client.post(l`/v1/organizations/external_keys/${n}/validate?beta=true`,e)}};var Zt=class extends h{create(n,e){let{betas:t,...s}=n;return this._client.post("/v1/organizations/federation_issuers?beta=true",{body:s,...e,headers:u([{...t?.toString()!=null?{"anthropic-beta":t?.toString()}:void 0},e?.headers])})}retrieve(n,e={},t){let{betas:s}=e??{};return this._client.get(l`/v1/organizations/federation_issuers/${n}?beta=true`,{...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}update(n,e,t){let{betas:s,...i}=e;return this._client.post(l`/v1/organizations/federation_issuers/${n}?beta=true`,{body:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}list(n={},e){let{betas:t,...s}=n??{};return this._client.getAPIList("/v1/organizations/federation_issuers?beta=true",w,{query:s,...e,headers:u([{...t?.toString()!=null?{"anthropic-beta":t?.toString()}:void 0},e?.headers])})}archive(n,e={},t){let{betas:s}=e??{};return this._client.post(l`/v1/organizations/federation_issuers/${n}/archive?beta=true`,{...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}};var er=class extends h{list(n,e={},t){let{betas:s,...i}=e??{};return this._client.getAPIList(l`/v1/organizations/federation_rules/${n}/workspaces?beta=true`,w,{query:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}add(n,e,t){let{betas:s,...i}=e;return this._client.post(l`/v1/organizations/federation_rules/${n}/workspaces?beta=true`,{body:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}remove(n,e,t){let{federation_rule_id:s,betas:i}=e;return this._client.delete(l`/v1/organizations/federation_rules/${s}/workspaces/${n}?beta=true`,{...t,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0},t?.headers])})}};var oi=(()=>{class r extends h{constructor(){super(...arguments),this.workspaces=new er(this._client)}create(e,t){let{betas:s,...i}=e;return this._client.post("/v1/organizations/federation_rules?beta=true",{body:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}retrieve(e,t={},s){let{betas:i}=t??{};return this._client.get(l`/v1/organizations/federation_rules/${e}?beta=true`,{...s,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0},s?.headers])})}update(e,t,s){let{betas:i,...o}=t;return this._client.post(l`/v1/organizations/federation_rules/${e}?beta=true`,{body:o,...s,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0},s?.headers])})}list(e={},t){let{betas:s,...i}=e??{};return this._client.getAPIList("/v1/organizations/federation_rules?beta=true",w,{query:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}archive(e,t={},s){let{betas:i}=t??{};return this._client.post(l`/v1/organizations/federation_rules/${e}/archive?beta=true`,{...s,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0},s?.headers])})}}return r.Workspaces=er,r})();var ai=(()=>{class r extends h{constructor(){super(...arguments),this.issuers=new Zt(this._client),this.rules=new oi(this._client)}}return r.Issuers=Zt,r.Rules=oi,r})();var tr=class extends h{create(n,e){return this._client.post("/v1/organizations/invites?beta=true",{body:n,...e})}retrieve(n,e){return this._client.get(l`/v1/organizations/invites/${n}?beta=true`,e)}list(n={},e){return this._client.getAPIList("/v1/organizations/invites?beta=true",C,{query:n,...e})}delete(n,e){return this._client.delete(l`/v1/organizations/invites/${n}?beta=true`,e)}};var rr=class extends h{retrieve(n,e={},t){let{betas:s,...i}=e??{};return this._client.get(l`/v1/organizations/plugin_marketplaces/${n}?beta=true`,{query:i,...t,headers:u([{"anthropic-beta":[...s??[],"ce-plugins-2026-09-01"].toString()},t?.headers])})}update(n,e,t){let{betas:s,...i}=e;return this._client.post(l`/v1/organizations/plugin_marketplaces/${n}?beta=true`,{body:i,...t,headers:u([{"anthropic-beta":[...s??[],"ce-plugins-2026-09-01"].toString()},t?.headers])})}list(n={},e){let{betas:t,...s}=n??{};return this._client.getAPIList("/v1/organizations/plugin_marketplaces?beta=true",w,{query:s,...e,headers:u([{"anthropic-beta":[...t??[],"ce-plugins-2026-09-01"].toString()},e?.headers])})}validateArchive(n,e){let{betas:t,...s}=n;return this._client.post("/v1/organizations/plugin_marketplaces/validate_archive?beta=true",J({body:s,...e,headers:u([{"anthropic-beta":[...t??[],"ce-plugins-2026-09-01"].toString()},e?.headers])},this._client))}validateRepository(n,e){let{betas:t,...s}=n;return this._client.post("/v1/organizations/plugin_marketplaces/validate_repository?beta=true",{body:s,...e,headers:u([{"anthropic-beta":[...t??[],"ce-plugins-2026-09-01"].toString()},e?.headers])})}};var sr=class extends h{list(n={},e){return this._client.getAPIList("/v1/organizations/rate_limits?beta=true",w,{query:n,...e})}};var nr=class extends h{retrieve(n,e){return this._client.get(l`/v1/organizations/users/${n}?beta=true`,e)}update(n,e,t){return this._client.post(l`/v1/organizations/users/${n}?beta=true`,{body:e,...t})}list(n={},e){return this._client.getAPIList("/v1/organizations/users?beta=true",C,{query:n,...e})}remove(n,e){return this._client.delete(l`/v1/organizations/users/${n}?beta=true`,e)}};var ir=class extends h{list(n,e={},t){let{betas:s,...i}=e??{};return this._client.getAPIList(l`/v1/organizations/plugins/${n}/installation_settings?beta=true`,w,{query:i,...t,headers:u([{"anthropic-beta":[...s??[],"ce-plugins-2026-09-01"].toString()},t?.headers])})}remove(n,e,t){let{plugin_id:s,betas:i}=e;return this._client.delete(l`/v1/organizations/plugins/${s}/installation_settings/${n}?beta=true`,{...t,headers:u([{"anthropic-beta":[...i??[],"ce-plugins-2026-09-01"].toString()},t?.headers])})}set(n,e,t){let{plugin_id:s,betas:i,...o}=e;return this._client.post(l`/v1/organizations/plugins/${s}/installation_settings/${n}?beta=true`,{body:o,...t,headers:u([{"anthropic-beta":[...i??[],"ce-plugins-2026-09-01"].toString()},t?.headers])})}};var or=class extends h{list(n,e={},t){let{betas:s,...i}=e??{};return this._client.getAPIList(l`/v1/organizations/plugins/${n}/shares?beta=true`,w,{query:i,...t,headers:u([{"anthropic-beta":[...s??[],"ce-plugins-2026-09-01"].toString()},t?.headers])})}};var ar=class extends h{create(n,e,t){let{betas:s,...i}=e;return this._client.post(l`/v1/organizations/plugins/${n}/versions?beta=true`,J({body:i,...t,headers:u([{"anthropic-beta":[...s??[],"ce-plugins-2026-09-01"].toString()},t?.headers])},this._client))}retrieve(n,e,t){let{plugin_id:s,betas:i,...o}=e;return this._client.get(l`/v1/organizations/plugins/${s}/versions/${n}?beta=true`,{query:o,...t,headers:u([{"anthropic-beta":[...i??[],"ce-plugins-2026-09-01"].toString()},t?.headers])})}list(n,e={},t){let{betas:s,...i}=e??{};return this._client.getAPIList(l`/v1/organizations/plugins/${n}/versions?beta=true`,w,{query:i,...t,headers:u([{"anthropic-beta":[...s??[],"ce-plugins-2026-09-01"].toString()},t?.headers])})}download(n,e,t){let{plugin_id:s,betas:i,...o}=e;return this._client.get(l`/v1/organizations/plugins/${s}/versions/${n}/content?beta=true`,{query:o,...t,headers:u([{"anthropic-beta":[...i??[],"ce-plugins-2026-09-01"].toString(),Accept:"application/binary"},t?.headers]),__binaryResponse:!0})}};var ci=(()=>{class r extends h{constructor(){super(...arguments),this.versions=new ar(this._client),this.installationSettings=new ir(this._client),this.shares=new or(this._client)}create(e,t){let{betas:s,...i}=e;return this._client.post("/v1/organizations/plugins?beta=true",J({body:i,...t,headers:u([{"anthropic-beta":[...s??[],"ce-plugins-2026-09-01"].toString()},t?.headers])},this._client))}retrieve(e,t={},s){let{betas:i,...o}=t??{};return this._client.get(l`/v1/organizations/plugins/${e}?beta=true`,{query:o,...s,headers:u([{"anthropic-beta":[...i??[],"ce-plugins-2026-09-01"].toString()},s?.headers])})}update(e,t,s){let{betas:i,...o}=t;return this._client.post(l`/v1/organizations/plugins/${e}?beta=true`,{body:o,...s,headers:u([{"anthropic-beta":[...i??[],"ce-plugins-2026-09-01"].toString()},s?.headers])})}list(e={},t){let{betas:s,...i}=e??{};return this._client.getAPIList("/v1/organizations/plugins?beta=true",w,{query:i,...t,headers:u([{"anthropic-beta":[...s??[],"ce-plugins-2026-09-01"].toString()},t?.headers])})}delete(e,t={},s){let{betas:i}=t??{};return this._client.delete(l`/v1/organizations/plugins/${e}?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"ce-plugins-2026-09-01"].toString()},s?.headers])})}}return r.Versions=ar,r.InstallationSettings=ir,r.Shares=or,r})();var cr=class extends h{list(n,e={},t){return this._client.getAPIList(l`/v1/organizations/rbac_groups/${n}/members?beta=true`,w,{query:e,...t})}add(n,e,t){return this._client.post(l`/v1/organizations/rbac_groups/${n}/members?beta=true`,{body:e,...t})}remove(n,e,t){let{rbac_group_id:s}=e;return this._client.delete(l`/v1/organizations/rbac_groups/${s}/members/${n}?beta=true`,t)}};var li=(()=>{class r extends h{constructor(){super(...arguments),this.members=new cr(this._client)}create(e,t){return this._client.post("/v1/organizations/rbac_groups?beta=true",{body:e,...t})}retrieve(e,t){return this._client.get(l`/v1/organizations/rbac_groups/${e}?beta=true`,t)}update(e,t,s){return this._client.post(l`/v1/organizations/rbac_groups/${e}?beta=true`,{body:t,...s})}list(e={},t){return this._client.getAPIList("/v1/organizations/rbac_groups?beta=true",w,{query:e,...t})}delete(e,t){return this._client.delete(l`/v1/organizations/rbac_groups/${e}?beta=true`,t)}}return r.Members=cr,r})();var lr=class extends h{list(n,e={},t){return this._client.getAPIList(l`/v1/organizations/rbac_roles/${n}/permissions?beta=true`,w,{query:e,...t})}};var ui=(()=>{class r extends h{constructor(){super(...arguments),this.permissions=new lr(this._client)}retrieve(e,t){return this._client.get(l`/v1/organizations/rbac_roles/${e}?beta=true`,t)}list(e={},t){return this._client.getAPIList("/v1/organizations/rbac_roles?beta=true",w,{query:e,...t})}}return r.Permissions=lr,r})();var ur=class extends h{list(n,e={},t){let{betas:s,...i}=e??{};return this._client.getAPIList(l`/v1/organizations/service_accounts/${n}/workspaces?beta=true`,w,{query:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}add(n,e,t){let{betas:s,...i}=e;return this._client.post(l`/v1/organizations/service_accounts/${n}/workspaces?beta=true`,{body:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}remove(n,e,t){let{service_account_id:s,betas:i}=e;return this._client.delete(l`/v1/organizations/service_accounts/${s}/workspaces/${n}?beta=true`,{...t,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0},t?.headers])})}};var di=(()=>{class r extends h{constructor(){super(...arguments),this.workspaces=new ur(this._client)}create(e,t){let{betas:s,...i}=e;return this._client.post("/v1/organizations/service_accounts?beta=true",{body:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}retrieve(e,t={},s){let{betas:i}=t??{};return this._client.get(l`/v1/organizations/service_accounts/${e}?beta=true`,{...s,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0},s?.headers])})}update(e,t,s){let{betas:i,...o}=t;return this._client.post(l`/v1/organizations/service_accounts/${e}?beta=true`,{body:o,...s,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0},s?.headers])})}list(e={},t){let{betas:s,...i}=e??{};return this._client.getAPIList("/v1/organizations/service_accounts?beta=true",w,{query:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}archive(e,t={},s){let{betas:i}=t??{};return this._client.post(l`/v1/organizations/service_accounts/${e}/archive?beta=true`,{...s,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0},s?.headers])})}}return r.Workspaces=ur,r})();var dr=class extends h{list(n={},e){return this._client.getAPIList("/v1/organizations/spend_limits/effective?beta=true",w,{query:n,...e})}};var hr=class extends h{retrieve(n,e){return this._client.get(l`/v1/organizations/spend_limit_increase_requests/${n}?beta=true`,e)}list(n={},e){return this._client.getAPIList("/v1/organizations/spend_limit_increase_requests?beta=true",w,{query:n,...e})}approve(n,e,t){return this._client.post(l`/v1/organizations/spend_limit_increase_requests/${n}/approve?beta=true`,{body:e,...t})}deny(n,e,t){return this._client.post(l`/v1/organizations/spend_limit_increase_requests/${n}/deny?beta=true`,{body:e,...t})}};var hi=(()=>{class r extends h{constructor(){super(...arguments),this.effective=new dr(this._client),this.increaseRequests=new hr(this._client)}retrieve(e,t){return this._client.get(l`/v1/organizations/spend_limits/${e}?beta=true`,t)}list(e={},t){let{betas:s,...i}=e??{};return this._client.getAPIList("/v1/organizations/spend_limits?beta=true",w,{query:i,...t,headers:u([{"anthropic-beta":[...s??[],"spend-limit-reads-2026-09-26"].toString()},t?.headers])})}delete(e,t){return this._client.delete(l`/v1/organizations/spend_limits/${e}?beta=true`,t)}set(e,t){let{betas:s,...i}=e;return this._client.post("/v1/organizations/spend_limits?beta=true",{body:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}}return r.Effective=dr,r.IncreaseRequests=hr,r})();var fr=class extends h{retrieve(n,e,t){let{workspace_id:s}=e;return this._client.get(l`/v1/organizations/workspaces/${s}/members/${n}?beta=true`,t)}update(n,e,t){let{workspace_id:s,...i}=e;return this._client.post(l`/v1/organizations/workspaces/${s}/members/${n}?beta=true`,{body:i,...t})}list(n,e={},t){return this._client.getAPIList(l`/v1/organizations/workspaces/${n}/members?beta=true`,C,{query:e,...t})}add(n,e,t){return this._client.post(l`/v1/organizations/workspaces/${n}/members?beta=true`,{body:e,...t})}remove(n,e,t){let{workspace_id:s}=e;return this._client.delete(l`/v1/organizations/workspaces/${s}/members/${n}?beta=true`,t)}};var pr=class extends h{list(n,e={},t){return this._client.getAPIList(l`/v1/organizations/workspaces/${n}/rate_limits?beta=true`,w,{query:e,...t})}};var mr=class extends h{retrieve(n,e,t){let{workspace_id:s,betas:i}=e;return this._client.get(l`/v1/organizations/workspaces/${s}/service_accounts/${n}?beta=true`,{...t,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0},t?.headers])})}update(n,e,t){let{workspace_id:s,betas:i,...o}=e;return this._client.post(l`/v1/organizations/workspaces/${s}/service_accounts/${n}?beta=true`,{body:o,...t,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0},t?.headers])})}list(n,e={},t){let{betas:s,...i}=e??{};return this._client.getAPIList(l`/v1/organizations/workspaces/${n}/service_accounts?beta=true`,w,{query:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}add(n,e,t){let{betas:s,...i}=e;return this._client.post(l`/v1/organizations/workspaces/${n}/service_accounts?beta=true`,{body:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}remove(n,e,t){let{workspace_id:s,betas:i}=e;return this._client.delete(l`/v1/organizations/workspaces/${s}/service_accounts/${n}?beta=true`,{...t,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0},t?.headers])})}};var fi=(()=>{class r extends h{constructor(){super(...arguments),this.rateLimits=new pr(this._client),this.members=new fr(this._client),this.serviceAccounts=new mr(this._client)}create(e,t){let{betas:s,...i}=e;return this._client.post("/v1/organizations/workspaces?beta=true",{body:i,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0},t?.headers])})}retrieve(e,t){return this._client.get(l`/v1/organizations/workspaces/${e}?beta=true`,t)}update(e,t,s){return this._client.post(l`/v1/organizations/workspaces/${e}?beta=true`,{body:t,...s})}list(e={},t){return this._client.getAPIList("/v1/organizations/workspaces?beta=true",C,{query:e,...t})}archive(e,t){return this._client.post(l`/v1/organizations/workspaces/${e}/archive?beta=true`,t)}}return r.RateLimits=pr,r.Members=fr,r.ServiceAccounts=mr,r})();var pi=(()=>{class r extends h{constructor(){super(...arguments),this.apiKeys=new Ht(this._client),this.externalKeys=new Qt(this._client),this.federation=new ai(this._client),this.invites=new tr(this._client),this.serviceAccounts=new di(this._client),this.users=new nr(this._client),this.workspaces=new fi(this._client),this.rateLimits=new sr(this._client),this.complianceSettings=new Xt(this._client),this.analytics=new ii(this._client),this.spendLimits=new hi(this._client),this.rbacGroups=new li(this._client),this.rbacRoles=new ui(this._client),this.plugins=new ci(this._client),this.pluginMarketplaces=new rr(this._client)}retrieve(e){return this._client.get("/v1/organizations/me?beta=true",e)}}return r.APIKeys=Ht,r.ExternalKeys=Qt,r.Federation=ai,r.Invites=tr,r.ServiceAccounts=di,r.Users=nr,r.Workspaces=fi,r.RateLimits=sr,r.ComplianceSettings=Xt,r.Analytics=ii,r.SpendLimits=hi,r.RBACGroups=li,r.RBACRoles=ui,r.Plugins=ci,r.PluginMarketplaces=rr,r})();var mi=(()=>{class r extends h{list(e,t={},s){let{betas:i,workspace_id:o,...c}=t??{};return this._client.getAPIList(l`/v1/sessions/${e}/events?beta=true`,w,{query:c,...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}send(e,t,s){let{betas:i,workspace_id:o,...c}=t;return this._client.post(l`/v1/sessions/${e}/events?beta=true`,{body:c,...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}stream(e,t={},s){let{betas:i,workspace_id:o,...c}=t??{};return this._client.get(l`/v1/sessions/${e}/events/stream?beta=true`,{query:c,...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers]),stream:!0})}toolRunner(e,t){return new ks(e,{...t,client:this._client})}}return r.SessionToolRunner=ks,r})();var _r=class extends h{retrieve(n,e,t){let{session_id:s,betas:i,workspace_id:o}=e;return this._client.get(l`/v1/sessions/${s}/resources/${n}?beta=true`,{...t,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}update(n,e,t){let{session_id:s,betas:i,workspace_id:o,...c}=e;return this._client.post(l`/v1/sessions/${s}/resources/${n}?beta=true`,{body:c,...t,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}list(n,e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList(l`/v1/sessions/${n}/resources?beta=true`,w,{query:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}delete(n,e,t){let{session_id:s,betas:i,workspace_id:o}=e;return this._client.delete(l`/v1/sessions/${s}/resources/${n}?beta=true`,{...t,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}add(n,e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post(l`/v1/sessions/${n}/resources?beta=true`,{body:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}};var gr=class extends h{list(n,e,t){let{session_id:s,betas:i,workspace_id:o,...c}=e;return this._client.getAPIList(l`/v1/sessions/${s}/threads/${n}/events?beta=true`,w,{query:c,...t,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}stream(n,e,t){let{session_id:s,betas:i,workspace_id:o,...c}=e;return this._client.get(l`/v1/sessions/${s}/threads/${n}/stream?beta=true`,{query:c,...t,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers]),stream:!0})}};var _i=(()=>{class r extends h{constructor(){super(...arguments),this.events=new gr(this._client)}retrieve(e,t,s){let{session_id:i,betas:o,workspace_id:c}=t;return this._client.get(l`/v1/sessions/${i}/threads/${e}?beta=true`,{...s,headers:u([{"anthropic-beta":[...o??[],"managed-agents-2026-04-01"].toString(),...c!=null?{"anthropic-workspace-id":c}:void 0},s?.headers])})}list(e,t={},s){let{betas:i,workspace_id:o,...c}=t??{};return this._client.getAPIList(l`/v1/sessions/${e}/threads?beta=true`,w,{query:c,...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}archive(e,t,s){let{session_id:i,betas:o,workspace_id:c}=t;return this._client.post(l`/v1/sessions/${i}/threads/${e}/archive?beta=true`,{...s,headers:u([{"anthropic-beta":[...o??[],"managed-agents-2026-04-01"].toString(),...c!=null?{"anthropic-workspace-id":c}:void 0},s?.headers])})}}return r.Events=gr,r})();var gi=(()=>{class r extends h{constructor(){super(...arguments),this.events=new mi(this._client),this.resources=new _r(this._client),this.threads=new _i(this._client)}create(e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post("/v1/sessions?beta=true",{body:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}retrieve(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.get(l`/v1/sessions/${e}?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}update(e,t,s){let{betas:i,workspace_id:o,...c}=t;return this._client.post(l`/v1/sessions/${e}?beta=true`,{body:c,...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}list(e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList("/v1/sessions?beta=true",an,{query:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}delete(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.delete(l`/v1/sessions/${e}?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}archive(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.post(l`/v1/sessions/${e}/archive?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}}return r.Events=mi,r.Resources=_r,r.Threads=_i,r})();var wr=class extends h{create(n,e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post(l`/v1/skills/${n}/versions?beta=true`,J({body:o,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0,...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])},this._client,!1))}retrieve(n,e,t){let{skill_id:s,betas:i,workspace_id:o}=e;return this._client.get(l`/v1/skills/${s}/versions/${n}?beta=true`,{...t,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0,...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}list(n,e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList(l`/v1/skills/${n}/versions?beta=true`,w,{query:o,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0,...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}delete(n,e,t){let{skill_id:s,betas:i,workspace_id:o}=e;return this._client.delete(l`/v1/skills/${s}/versions/${n}?beta=true`,{...t,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0,...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}download(n,e,t){let{skill_id:s,betas:i,workspace_id:o}=e;return this._client.get(l`/v1/skills/${s}/versions/${n}/content?beta=true`,{...t,headers:u([{Accept:"application/binary",...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0,...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers]),__binaryResponse:!0})}};var wi=(()=>{class r extends h{constructor(){super(...arguments),this.versions=new wr(this._client)}create(e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post("/v1/skills?beta=true",J({body:o,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0,...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])},this._client,!1))}retrieve(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.get(l`/v1/skills/${e}?beta=true`,{...s,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0,...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}list(e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList("/v1/skills?beta=true",w,{query:o,...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0,...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}delete(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.delete(l`/v1/skills/${e}?beta=true`,{...s,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0,...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}}return r.Versions=wr,r})();var br=class extends h{create(n,e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post(l`/v1/tunnels/${n}/certificates?beta=true`,{body:o,...t,headers:u([{"anthropic-beta":[...s??[],"mcp-tunnels-2026-06-22"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}retrieve(n,e,t){let{tunnel_id:s,betas:i,workspace_id:o}=e;return this._client.get(l`/v1/tunnels/${s}/certificates/${n}?beta=true`,{...t,headers:u([{"anthropic-beta":[...i??[],"mcp-tunnels-2026-06-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}list(n,e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList(l`/v1/tunnels/${n}/certificates?beta=true`,w,{query:o,...t,headers:u([{"anthropic-beta":[...s??[],"mcp-tunnels-2026-06-22"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}archive(n,e,t){let{tunnel_id:s,betas:i,workspace_id:o}=e;return this._client.post(l`/v1/tunnels/${s}/certificates/${n}/archive?beta=true`,{...t,headers:u([{"anthropic-beta":[...i??[],"mcp-tunnels-2026-06-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}};var bi=(()=>{class r extends h{constructor(){super(...arguments),this.certificates=new br(this._client)}create(e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post("/v1/tunnels?beta=true",{body:o,...t,headers:u([{"anthropic-beta":[...s??[],"mcp-tunnels-2026-06-22"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}retrieve(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.get(l`/v1/tunnels/${e}?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"mcp-tunnels-2026-06-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}list(e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList("/v1/tunnels?beta=true",w,{query:o,...t,headers:u([{"anthropic-beta":[...s??[],"mcp-tunnels-2026-06-22"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}archive(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.post(l`/v1/tunnels/${e}/archive?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"mcp-tunnels-2026-06-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}revealToken(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.post(l`/v1/tunnels/${e}/reveal_token?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"mcp-tunnels-2026-06-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}rotateToken(e,t,s){let{betas:i,workspace_id:o,...c}=t;return this._client.post(l`/v1/tunnels/${e}/rotate_token?beta=true`,{body:c,...s,headers:u([{"anthropic-beta":[...i??[],"mcp-tunnels-2026-06-22"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}}return r.Certificates=br,r})();var yr=class extends h{create(n,e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post(l`/v1/vaults/${n}/credentials?beta=true`,{body:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}retrieve(n,e,t){let{vault_id:s,betas:i,workspace_id:o}=e;return this._client.get(l`/v1/vaults/${s}/credentials/${n}?beta=true`,{...t,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}update(n,e,t){let{vault_id:s,betas:i,workspace_id:o,...c}=e;return this._client.post(l`/v1/vaults/${s}/credentials/${n}?beta=true`,{body:c,...t,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}list(n,e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList(l`/v1/vaults/${n}/credentials?beta=true`,w,{query:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}delete(n,e,t){let{vault_id:s,betas:i,workspace_id:o}=e;return this._client.delete(l`/v1/vaults/${s}/credentials/${n}?beta=true`,{...t,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}archive(n,e,t){let{vault_id:s,betas:i,workspace_id:o}=e;return this._client.post(l`/v1/vaults/${s}/credentials/${n}/archive?beta=true`,{...t,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}mcpOAuthValidate(n,e,t){let{vault_id:s,betas:i,workspace_id:o}=e;return this._client.post(l`/v1/vaults/${s}/credentials/${n}/mcp_oauth_validate?beta=true`,{...t,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},t?.headers])})}};var yi=(()=>{class r extends h{constructor(){super(...arguments),this.credentials=new yr(this._client)}create(e,t){let{betas:s,workspace_id:i,...o}=e;return this._client.post("/v1/vaults?beta=true",{body:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}retrieve(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.get(l`/v1/vaults/${e}?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}update(e,t,s){let{betas:i,workspace_id:o,...c}=t;return this._client.post(l`/v1/vaults/${e}?beta=true`,{body:c,...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}list(e={},t){let{betas:s,workspace_id:i,...o}=e??{};return this._client.getAPIList("/v1/vaults?beta=true",w,{query:o,...t,headers:u([{"anthropic-beta":[...s??[],"managed-agents-2026-04-01"].toString(),...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}delete(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.delete(l`/v1/vaults/${e}?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}archive(e,t={},s){let{betas:i,workspace_id:o}=t??{};return this._client.post(l`/v1/vaults/${e}/archive?beta=true`,{...s,headers:u([{"anthropic-beta":[...i??[],"managed-agents-2026-04-01"].toString(),...o!=null?{"anthropic-workspace-id":o}:void 0},s?.headers])})}}return r.Credentials=yr,r})();var Ee,ki,et,kr,Si,tt,Sr,vi,Uc,xi,Ai,Bo=(()=>{class r extends ti{constructor(e,t){super(e),Ee.add(this),ki.set(this,void 0),et.set(this,0),kr.set(this,[]),Si.set(this,[]),tt.set(this,void 0),Sr.set(this,[]),vi.set(this,!1),m(this,ki,t,"f")}get toolCalls(){return a(this,Si,"f")}static start(e,t,s,i){let o=new r({...t,stream:!0},i);for(let c of t.messages)o._addMessageParam(c);return o._run(()=>o._createMessage(e,{...t,stream:!0},{...s,headers:{...s?.headers,[lt]:"stream"}})),o}_emit(e,...t){var s;if(e!=="streamEvent"||this.ended){super._emit(e,...t);return}m(this,et,(s=a(this,et,"f"),s++,s),"f");let[i,o]=t,c=i.type==="content_block_stop"?o.content[i.index]:void 0,f=c?.type==="tool_use"?c:void 0;f&&a(this,Si,"f").push(f),super._emit(e,...t),a(this,Ee,"m",Uc).call(this,i,f),a(this,Ee,"m",xi).call(this)}[(ki=new WeakMap,et=new WeakMap,kr=new WeakMap,Si=new WeakMap,tt=new WeakMap,Sr=new WeakMap,vi=new WeakMap,Ee=new WeakSet,Symbol.asyncIterator)](){let e=super[Symbol.asyncIterator](),t={handled:a(this,et,"f")};a(this,kr,"f").push(t);let s=!1;return{next:async()=>{s&&(s=!1,t.handled++,a(this,Ee,"m",xi).call(this));try{let i=await e.next();return s=!i.done,i.done&&a(this,Ee,"m",Ai).call(this,t),i}catch(i){throw a(this,Ee,"m",Ai).call(this,t),i}},return:async()=>{let i=e.return?.();return a(this,Ee,"m",Ai).call(this,t),await i??{value:void 0,done:!0}}}}}return Uc=function(e,t){if(a(this,vi,"f"))return;if(e.type==="content_block_start"&&e.content_block.type==="fallback"){m(this,vi,!0,"f"),m(this,tt,void 0,"f");return}let s=e.type==="content_block_start"||e.type==="message_delta"&&e.delta.stop_reason==="tool_use";a(this,tt,"f")&&s&&(a(this,Sr,"f").push({toolUse:a(this,tt,"f"),event:a(this,et,"f")}),m(this,tt,void 0,"f")),t&&m(this,tt,t,"f")},xi=function(){if(this.errored||this.controller.signal.aborted)return;let e=Math.min(a(this,et,"f"),...a(this,kr,"f").map(t=>t.handled));for(;a(this,Sr,"f")[0]&&a(this,Sr,"f")[0].event<=e;)a(this,ki,"f").call(this,a(this,Sr,"f").shift().toolUse)},Ai=function(e){let t=a(this,kr,"f").indexOf(e);t>=0&&(a(this,kr,"f").splice(t,1),a(this,Ee,"m",xi).call(this))},r})();function Ho(){let r,n;return{promise:new Promise((t,s)=>{r=t,n=s}),resolve:r,reject:n}}var N,vr,rt,$,X,ee,We,ve,De,Cs,oe,xe,xr,Ar,st,Wo,jc,Do,zo,$s,Pi,Kc,qo,Uo,Ri,Vc,jo,Jc="a tool runner's toolsets come only from its tools param; change them with setMessagesParams(), or build a new runner",Rh="a tool runner's toolsets come only from its tools param; remove it there with setMessagesParams(), or build a new runner without it",Jo=(()=>{class r{constructor(e,t,s){N.add(this),this.client=e,vr.set(this,!1),rt.set(this,!1),$.set(this,void 0),X.set(this,void 0),ee.set(this,void 0),We.set(this,void 0),ve.set(this,void 0),De.set(this,void 0),Cs.set(this,0),oe.set(this,{status:"idle"}),xe.set(this,void 0),xr.set(this,null),Ar.set(this,new Map),st.set(this,[]),Gc(t),Ih(t),Yc(t),m(this,$,{params:{...t,messages:JSON.parse(JSON.stringify(Xc(t.messages)))}},"f");let i=oo(t.tools,t.messages);m(this,X,{...s,headers:u([ln("BetaToolRunner"),i.length?{[Ge]:i.join(", ")}:void 0,s?.headers])},"f"),m(this,De,Ho(),"f")}async*[(vr=new WeakMap,rt=new WeakMap,$=new WeakMap,X=new WeakMap,ee=new WeakMap,We=new WeakMap,ve=new WeakMap,De=new WeakMap,Cs=new WeakMap,oe=new WeakMap,xe=new WeakMap,xr=new WeakMap,Ar=new WeakMap,st=new WeakMap,N=new WeakSet,Symbol.asyncIterator)](){var e;if(a(this,vr,"f"))throw new k("Cannot iterate over a consumed stream");m(this,vr,!0,"f"),m(this,rt,!0,"f"),m(this,ve,void 0,"f");try{for(;;)try{if(a(this,$,"f").params.max_iterations&&a(this,Cs,"f")>=a(this,$,"f").params.max_iterations)break;if(a(this,N,"m",Vc).call(this),a(this,oe,"f").status==="scheduled"&&Zc(a(this,xr,"f"))!=="resume"){yield*a(this,N,"m",zo).call(this,a(this,oe,"f").config);continue}m(this,rt,!1,"f"),m(this,ve,void 0,"f"),m(this,Cs,(e=a(this,Cs,"f"),e++,e),"f"),m(this,ee,void 0,"f");let{max_iterations:t,runToolsEagerly:s,...i}=a(this,$,"f").params;if(yield*a(this,N,"m",Wo).call(this,i),a(this,rt,"f"))m(this,xr,null,"f");else{let c=await a(this,ee,"f"),f=Zc(c.stop_reason);m(this,xr,c.stop_reason,"f"),a(this,$,"f").params.messages.push({role:c.role,content:c.content});let{container:d}=a(this,$,"f").params;if(c.container&&(d==null?a(this,$,"f").params.container=c.container.id:typeof d=="object"&&d.id==null&&(a(this,$,"f").params.container={...d,id:c.container.id})),f==="stop"){yield*a(this,N,"m",qo).call(this);break}if(f==="resume")continue}let o=await a(this,N,"m",Uo).call(this,a(this,$,"f").params.messages.at(-1));if(o)a(this,$,"f").params.messages.push(o);else if(!a(this,rt,"f")){yield*a(this,N,"m",qo).call(this);break}}finally{a(this,We,"f")?.abort(),m(this,We,void 0,"f")}if(await a(this,N,"m",Do).call(this),!a(this,ee,"f"))throw new k("ToolRunner concluded without a message from the server");a(this,De,"f").resolve(await a(this,ee,"f"))}catch(t){throw m(this,vr,!1,"f"),a(this,De,"f").promise.catch(()=>{}),a(this,De,"f").reject(t),m(this,De,Ho(),"f"),t}}setMessagesParams(e){let t=typeof e=="function"?e(a(this,$,"f").params):e;if(Gc(t),Yc(t),a(this,oe,"f").status!=="idle"&&Ko(t),a(this,oe,"f").status==="in_flight"&&t.messages!==a(this,$,"f").params.messages)throw new k("Message params can't be changed while the conversation is being compacted, because the compaction response is about to replace them. Change them after this iteration instead.");a(this,$,"f").params=t,m(this,rt,!0,"f"),m(this,ve,void 0,"f")}setRequestOptions(e){typeof e=="function"?m(this,X,e(a(this,X,"f")),"f"):m(this,X,{...a(this,X,"f"),...e},"f")}async generateToolResponse(e=a(this,X,"f").signal){let t=await a(this,ee,"f")??this.params.messages.at(-1);return t?a(this,N,"m",Uo).call(this,t,e):null}deferToolCall(e){let t=typeof e=="string"?e:e.id;a(this,xe,"f")&&!a(this,xe,"f").has(t)&&a(this,xe,"f").set(t,{status:"held"})}get deferredToolCalls(){let e=a(this,We,"f"),t=a(this,xe,"f");return!(e instanceof Bo)||!t?[]:e.toolCalls.filter(s=>t.get(s.id)?.status==="held")}done(){return a(this,De,"f").promise}async runUntilDone(){if(!a(this,vr,"f"))for await(let e of this);return this.done()}get params(){return a(this,$,"f").params}pushMessages(...e){this.setMessagesParams(t=>({...t,messages:[...t.messages,...e]}))}compactBeforeNextTurn(e){a(this,oe,"f").status!=="in_flight"&&(Ko(a(this,$,"f").params),m(this,oe,{status:"scheduled",config:e??{type:"summarize"}},"f"))}addTools(...e){let t=a(this,N,"m",Ri).call(this);for(let s of e){if(Ft(s))throw new He(`addTools() can't add the '${Re(Be(s))}' toolset: ${Jc}`);let i=Mh(s);if(t.has(i))throw new He(`addTools() can't replace the '${Re(i)}' toolset: ${Jc}`)}for(let s of e)"name"in s&&a(this,Ar,"f").set(s.name,"run"in s?s:null),a(this,st,"f").push({type:"addition",tool:s})}removeTools(...e){let t=a(this,N,"m",Ri).call(this);for(let s of e){let i=typeof s=="string"?s:s.name;if(t.has(i))throw new He(`removeTools() can't remove the '${Re(i)}' toolset: ${Rh}`)}for(let s of e){let i=typeof s=="string"?s:s.name;a(this,Ar,"f").set(i,null),a(this,st,"f").push({type:"removal",name:i})}}then(e,t){return this.runUntilDone().then(e,t)}}return Wo=async function*(e){await a(this,N,"m",Do).call(this),m(this,xe,void 0,"f"),e={...e,...e.tools&&{tools:e.tools.map(Vo)},messages:Xc(e.messages)},e.stream?(m(this,We,a(this,$,"f").params.runToolsEagerly?a(this,N,"m",jc).call(this,e):this.client.beta.messages.stream({...e},a(this,X,"f")),"f"),m(this,ee,a(this,We,"f").finalMessage(),"f"),a(this,ee,"f").catch(()=>{}),yield a(this,We,"f")):(m(this,ee,this.client.beta.messages.create({...e,stream:!1},a(this,X,"f")),"f"),yield a(this,ee,"f"))},jc=function(e){let t=new Map;m(this,xe,t,"f");let s=new Map;return Bo.start(this.client.beta.messages,e,a(this,X,"f"),i=>{let o=t.has(i.id),c=!i.toolset_name&&a(this,N,"m",Ri).call(this).has(i.name),f=c?i.name:i.toolset_name;if(f){if(o||c||s.has(f)){s.set(f,"waiting");return}s.set(f,"running");let b=el(a(this,$,"f").params,f,i,a(this,X,"f"));t.set(i.id,{status:"started",result:b}),b.then(({is_error:p})=>{p||s.get(f)==="waiting"?s.set(f,"waiting"):s.delete(f)},()=>s.set(f,"waiting"));return}if(o)return;let d=tl(a(this,N,"m",$s).call(this),a(this,N,"m",Pi).call(this),i,a(this,X,"f"));d.catch(()=>{}),t.set(i.id,{status:"started",result:d})})},Do=async function(){let e=[...a(this,xe,"f")?.values()??[]].filter(t=>t.status==="started");await Promise.allSettled(e.map(t=>t.result))},zo=async function*(e){Ko(a(this,$,"f").params);let{max_iterations:t,runToolsEagerly:s,...i}=a(this,$,"f").params,o=Eh(i);m(this,oe,{status:"in_flight"},"f"),m(this,ve,void 0,"f");let c=a(this,ee,"f");try{yield*a(this,N,"m",Wo).call(this,{...o,compaction:e});let f=await a(this,ee,"f");f.content.some(d=>d.type==="compaction"&&d.content)?(a(this,N,"m",Kc).call(this),a(this,$,"f").params.messages=[{role:f.role,content:f.content}]):(T(this.client).warn("Compaction produced no summary; keeping the conversation as it is."),m(this,ee,c,"f"))}finally{m(this,oe,{status:"idle"},"f")}},$s=function(){let e=new Map;for(let t of a(this,$,"f").params.tools)"run"in t&&"name"in t&&e.set(t.name,t);for(let[t,s]of a(this,Ar,"f"))s?e.set(t,s):e.delete(t);return e},Pi=function(){let e=new Set(a(this,N,"m",$s).call(this).keys());for(let t of[...a(this,$,"f").params.messages,a(this,N,"m",jo).call(this)])if(typeof t.content!="string"){for(let s of t.content)if(t.role==="system")Qc(s,e);else if(t.role==="assistant"&&s.type==="compaction")for(let i of s.tool_changes??[])Qc(i,e)}return e},Kc=function(){let e=a(this,N,"m",Pi).call(this);for(let t of a(this,N,"m",$s).call(this).keys())e.has(t)||a(this,Ar,"f").set(t,null)},qo=async function*(){if(a(this,oe,"f").status!=="scheduled")return;let e=a(this,$,"f").params.messages.at(-1)?.content;if(Array.isArray(e)&&e.some(t=>t.type==="tool_use")){T(this.client).warn("The pending compaction was skipped because the last turn ended with tool calls that were not run. Call `compactBeforeNextTurn()` again if you continue the conversation."),m(this,oe,{status:"idle"},"f");return}yield*a(this,N,"m",zo).call(this,a(this,oe,"f").config)},Uo=async function(e,t=a(this,X,"f").signal){return a(this,ve,"f")!==void 0?a(this,ve,"f"):(m(this,ve,Th(a(this,$,"f").params,a(this,N,"m",$s).call(this),a(this,N,"m",Pi).call(this),e,{...a(this,X,"f"),signal:t},a(this,xe,"f")),"f"),a(this,ve,"f"))},Ri=function(){return new Set(a(this,$,"f").params.tools.filter(Ft).map(Be))},Vc=function(){a(this,xr,"f")==="pause_turn"||a(this,st,"f").length===0||(a(this,$,"f").params.messages.push(a(this,N,"m",jo).call(this)),m(this,st,[],"f"))},jo=function(){let e=[];for(let t of a(this,st,"f")){if(t.type==="removal"){e.push({type:"tool_removal",tool:{type:"tool_reference",name:t.name}});continue}let s=Vo(t.tool);e.push({type:"tool_addition",tool:{type:"tool_definition",definition:s}})}return{role:"system",content:e}},r})();function Gc(r){if("compaction"in r&&r.compaction!=null)throw new k("`compaction` cannot be set on a tool runner: every request in the loop would compact again. Call `runner.compactBeforeNextTurn()` when the conversation should be compacted instead.")}function Ih(r){if("compactionControl"in r&&r.compactionControl!=null)throw new k("`compactionControl` has been removed from the tool runner. Use server-side compaction instead: call `runner.compactBeforeNextTurn()` when the conversation should be compacted.")}function Yc(r){if(r.runToolsEagerly&&!r.stream)throw new TypeError("`runToolsEagerly: true` needs `stream: true` in the tool runner's params, because a reply that isn't streamed arrives whole.")}function Ko(r){if(r.context_management?.edits?.some(n=>n.type.startsWith("compact_")))throw new k("`compactBeforeNextTurn()` can't be used while `context_management` has a compaction edit, because the API doesn't accept a compaction block together with one. Remove the edit first.")}function Eh(r){let{context_management:n,stop_sequences:e,output_format:t,...s}=r,i=({format:o,...c})=>c;return(s.tool_choice?.type==="any"||s.tool_choice?.type==="tool")&&delete s.tool_choice,s.output_config&&(s.output_config=i(s.output_config)),Array.isArray(s.fallbacks)&&(s.fallbacks=s.fallbacks.map(o=>o.output_config?{...o,output_config:i(o.output_config)}:o)),s}function Vo(r){if(!("run"in r))return r;let n=ri,e="toJSON"in r&&typeof r.toJSON=="function"?r.toJSON():r;return{...Object.fromEntries(Object.entries(e).filter(([t])=>n.includes(t))),...Je(r)&&{[Pe]:r[Pe]}}}function Xc(r){return r.map(n=>{if(n.role!=="system"||typeof n.content=="string")return n;let e=n.content.map(t=>t.type==="tool_addition"&&t.tool.type==="tool_definition"?{...t,tool:{...t.tool,definition:Vo(t.tool.definition)}}:t);return{...n,content:e}})}async function Th(r,n,e,t,s,i){if(!t||t.role!=="assistant"||!t.content||typeof t.content=="string")return null;let o=t.content.filter(d=>d.type==="tool_use");if(o.length===0)return null;let c=new Map;return{role:"user",content:await Promise.all(o.map(async d=>{let b=i?.get(d.id),p=b?.status==="started"?b.result:void 0;if(d.toolset_name){let _=d.toolset_name,v=c.get(_)??{tail:Promise.resolve(),failed:!1};c.set(_,v);let A=r.tools.some(S=>Ft(S)&&Be(S)===_),R=p??v.tail.then(()=>v.failed?Os(d,zc(_),!0):el(r,_,d,s));return v.tail=R.then(({is_error:S})=>{S&&A&&(v.failed=!0)},()=>{v.failed=!0}),i?.set(d.id,{status:"started",result:R}),R}if(p)return p;if(!(e.has(d.name)?n.get(d.name):void 0)&&r.tools.some(_=>Ft(_)&&Be(_)===d.name)){let _=c.get(d.name)??{tail:Promise.resolve(),failed:!1};return c.set(d.name,_),_.tail=_.tail.then(()=>{_.failed=!0}),Ch(d)}let y=tl(n,e,d,s);return i?.set(d.id,{status:"started",result:y}),y}))}}async function el(r,n,e,t){let s=r.tools.find(i=>Ft(i)&&Be(i)===n);return s?qc(s,e,{signal:t?.signal}):Os(e,`Error: Toolset '${Re(n)}' member '${Re(e.name)}' not found`,!0)}async function tl(r,n,e,t){let s=n.has(e.name)?r.get(e.name):void 0;if(!s)return Oh(e);try{let i=e.input;"parse"in s&&s.parse&&(i=s.parse(i));let o=await s.run(i,{toolUse:e,toolUseBlock:e,signal:t?.signal});return{type:"tool_result",tool_use_id:e.id,content:o}}catch(i){return{type:"tool_result",tool_use_id:e.id,content:yo(i),is_error:!0}}}function Mh(r){return(r.type??"custom").replace(/_\d{8}$/,"").replace(/_toolset$/,"")}function Oh(r){return{type:"tool_result",tool_use_id:r.id,content:`Error: Tool '${r.name}' not found`,is_error:!0}}function Ch(r){return{type:"tool_result",tool_use_id:r.id,content:`Error: the '${Re(r.name)}' toolset could not run this call${$h(r.input)}; nothing in the batch was executed`,is_error:!0}}function $h(r){let n=typeof r=="object"&&r!==null?r:{};if(!("actions"in n)){let i="action"in n?n.action:void 0;return typeof i=="string"?`: the call has no 'actions' list (action: '${Re(i)}')`:": the call has no 'actions' list"}let{actions:e}=n;if(typeof e=="string")return": 'actions' is text, not a list of actions";if(!Array.isArray(e))return": 'actions' is not a list of actions";if(e.length===0)return": the 'actions' list is empty";let t=[];for(let[i,o]of e.entries()){let c=typeof o=="object"&&o!==null&&"action"in o?o.action:void 0;if(typeof c!="string")return`: action ${i} must be an object with a string 'action' field`;t.push(`'${Re(c)}'`)}let s=t.length>10?`, and ${t.length-10} more`:"";return`: its actions could not be run as sent (actions: ${t.slice(0,10).join(", ")}${s})`}function Qc(r,n){switch(r.type){case"tool_removal":case"tool_addition":Nh(r,n);break}}function Nh(r,n){let e=Lh(r.tool);e!==void 0&&(r.type==="tool_removal"?n.delete(e):n.add(e))}function Lh(r){switch(r.type){case"tool_reference":return r.name;case"tool_definition":return"name"in r.definition?r.definition.name:void 0;default:return}}function Zc(r){if(r===null)return"stop";switch(r){case"tool_use":return"run_tools";case"pause_turn":case"compaction":return"resume";case"end_turn":case"stop_sequence":case"max_tokens":case"model_context_window_exceeded":case"refusal":return"stop";default:return"stop"}}var rl={"claude-sonnet-4-5":"November 30th, 2026","claude-sonnet-4-5-20250929":"November 30th, 2026"},Fh=["claude-mythos-preview","claude-opus-4-6"],Bt=(()=>{class r extends h{constructor(){super(...arguments),this.batches=new Nt(this._client)}create(e,t){let s=sl(e),{betas:i,user_profile_id:o,workspace_id:c,...f}=s;f.model in rl&&console.warn(`The model '${f.model}' is deprecated and will reach end-of-life on ${rl[f.model]}
+Please migrate to a newer model. Visit https://docs.anthropic.com/en/docs/resources/model-deprecations for more information.`),Fh.includes(f.model)&&f.thinking&&f.thinking.type==="enabled"&&console.warn(`Using Claude with ${f.model} and 'thinking.type=enabled' is deprecated. Use 'thinking.type=adaptive' instead which results in better model performance in our testing: https://platform.claude.com/docs/en/build-with-claude/adaptive-thinking`);let d=t?.timeout??this._client._options.timeout;if(!f.stream&&d==null){let p=Sn[f.model]??void 0;d=this._client.calculateNonstreamingTimeout(f.max_tokens,p)}let b=un(f.tools,f.messages);return this._client.post("/v1/messages?beta=true",{body:f,timeout:d??6e5,...t,headers:u([{...i?.toString()!=null?{"anthropic-beta":i?.toString()}:void 0,...o!=null?{"anthropic-user-profile-id":o}:void 0,...c!=null?{"anthropic-workspace-id":c}:void 0},b,t?.headers]),stream:s.stream??!1})}parse(e,t){return t={...t,headers:u([{"anthropic-beta":[...e.betas??[],"structured-outputs-2025-12-15"].toString()},t?.headers])},this.create(e,t).then(s=>Mo(s,e,{logger:this._client.logger??console}))}stream(e,t){return ti.createMessage(this,e,t)}countTokens(e,t){let s=sl(e),{betas:i,user_profile_id:o,workspace_id:c,...f}=s;return this._client.post("/v1/messages/count_tokens?beta=true",{body:f,...t,headers:u([{"anthropic-beta":[...i??[],"token-counting-2024-11-01"].toString(),...o!=null?{"anthropic-user-profile-id":o}:void 0,...c!=null?{"anthropic-workspace-id":c}:void 0},t?.headers])})}toolRunner(e,t){return new Jo(this._client,e,t)}}return r.Batches=Nt,r.BetaToolRunner=Jo,r.ToolError=Rt,r})();function sl(r){if(!r.output_format)return r;if(r.output_config?.format)throw new k("Both output_format and output_config.format were provided. Please use only output_config.format (output_format is deprecated).");let{output_format:n,...e}=r;return{...e,output_config:{...r.output_config,format:n}}}var ri=["input_schema","name","allowed_callers","cache_control","defer_loading","description","eager_input_streaming","input_examples","strict","type","configs","display_height_px","display_width_px","display_number","enable_zoom","max_characters"];var Ns=(()=>{class r extends h{constructor(){super(...arguments),this.models=new _t(this._client),this.messages=new Bt(this._client),this.agents=new An(this._client),this.environments=new Kn(this._client),this.sessions=new gi(this._client),this.deployments=new ft(this._client),this.deploymentRuns=new ht(this._client),this.vaults=new yi(this._client),this.memoryStores=new Vn(this._client),this.files=new mt(this._client),this.skills=new wi(this._client),this.webhooks=new bt(this._client),this.userProfiles=new gt(this._client),this.dreams=new pt(this._client),this.tunnels=new bi(this._client),this.organization=new pi(this._client)}}return r.Models=_t,r.Messages=Bt,r.Agents=An,r.Environments=Kn,r.Sessions=gi,r.Deployments=ft,r.DeploymentRuns=ht,r.Vaults=yi,r.MemoryStores=Vn,r.Files=mt,r.Skills=wi,r.Webhooks=bt,r.UserProfiles=gt,r.Dreams=pt,r.Tunnels=bi,r.Organization=pi,r})();var nt=class extends h{create(n,e){let{betas:t,workspace_id:s,...i}=n;return this._client.post("/v1/complete",{body:i,timeout:this._client._options.timeout??6e5,...e,headers:u([{...t?.toString()!=null?{"anthropic-beta":t?.toString()}:void 0,...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers]),stream:n.stream??!1})}};var it=class extends h{list(n={},e){let{workspace_id:t,...s}=n??{};return this._client.getAPIList("/v1/files",w,{query:s,...e,headers:u([{...t!=null?{"anthropic-workspace-id":t}:void 0},e?.headers])})}delete(n,e={},t){let{workspace_id:s}=e??{};return this._client.delete(l`/v1/files/${n}`,{...t,headers:u([{...s!=null?{"anthropic-workspace-id":s}:void 0},t?.headers])})}download(n,e={},t){let{workspace_id:s}=e??{};return this._client.get(l`/v1/files/${n}/content`,{...t,headers:u([{Accept:"application/binary",...s!=null?{"anthropic-workspace-id":s}:void 0},t?.headers]),__binaryResponse:!0})}retrieveMetadata(n,e={},t){let{workspace_id:s}=e??{};return this._client.get(l`/v1/files/${n}`,{...t,headers:u([{...s!=null?{"anthropic-workspace-id":s}:void 0},t?.headers])})}upload(n,e){let{workspace_id:t,...s}=n;return this._client.post("/v1/files",J({body:s,...e,headers:u([{...t!=null?{"anthropic-workspace-id":t}:void 0},dn(s.file),e?.headers])},this._client))}};var ot=class extends h{retrieve(n,e={},t){let{betas:s,workspace_id:i}=e??{};return this._client.get(l`/v1/models/${n}`,{...t,headers:u([{...s?.toString()!=null?{"anthropic-beta":s?.toString()}:void 0,...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}list(n={},e){let{betas:t,workspace_id:s,...i}=n??{};return this._client.getAPIList("/v1/models",C,{query:i,...e,headers:u([{...t?.toString()!=null?{"anthropic-beta":t?.toString()}:void 0,...s!=null?{"anthropic-workspace-id":s}:void 0},e?.headers])})}};var Pr=class extends h{retrieve(n,e){return this._client.get(l`/v1/organizations/api_keys/${n}`,e)}update(n,e,t){return this._client.post(l`/v1/organizations/api_keys/${n}`,{body:e,...t})}list(n={},e){return this._client.getAPIList("/v1/organizations/api_keys",C,{query:n,...e})}};var Rr=class extends h{retrieve(n){return this._client.get("/v1/organizations/compliance_settings",n)}update(n,e){return this._client.post("/v1/organizations/compliance_settings",{body:n,...e})}};var Ir=class extends h{create(n,e){return this._client.post("/v1/organizations/external_keys",{body:n,...e})}retrieve(n,e){return this._client.get(l`/v1/organizations/external_keys/${n}`,e)}update(n,e,t){return this._client.post(l`/v1/organizations/external_keys/${n}`,{body:e,...t})}list(n={},e){return this._client.getAPIList("/v1/organizations/external_keys",w,{query:n,...e})}delete(n,e){return this._client.delete(l`/v1/organizations/external_keys/${n}`,e)}validate(n,e){return this._client.post(l`/v1/organizations/external_keys/${n}/validate`,e)}};var Er=class extends h{create(n,e){return this._client.post("/v1/organizations/invites",{body:n,...e})}retrieve(n,e){return this._client.get(l`/v1/organizations/invites/${n}`,e)}list(n={},e){return this._client.getAPIList("/v1/organizations/invites",C,{query:n,...e})}delete(n,e){return this._client.delete(l`/v1/organizations/invites/${n}`,e)}};var Tr=class extends h{list(n={},e){return this._client.getAPIList("/v1/organizations/rate_limits",w,{query:n,...e})}};var Mr=class extends h{retrieve(n,e){return this._client.get(l`/v1/organizations/users/${n}`,e)}update(n,e,t){return this._client.post(l`/v1/organizations/users/${n}`,{body:e,...t})}list(n={},e){return this._client.getAPIList("/v1/organizations/users",C,{query:n,...e})}remove(n,e){return this._client.delete(l`/v1/organizations/users/${n}`,e)}};var Or=class extends h{create(n,e){return this._client.post("/v1/organizations/federation_issuers",{body:n,...e})}retrieve(n,e){return this._client.get(l`/v1/organizations/federation_issuers/${n}`,e)}update(n,e,t){return this._client.post(l`/v1/organizations/federation_issuers/${n}`,{body:e,...t})}list(n={},e){return this._client.getAPIList("/v1/organizations/federation_issuers",w,{query:n,...e})}archive(n,e){return this._client.post(l`/v1/organizations/federation_issuers/${n}/archive`,e)}};var Cr=class extends h{list(n,e={},t){return this._client.getAPIList(l`/v1/organizations/federation_rules/${n}/workspaces`,w,{query:e,...t})}add(n,e,t){return this._client.post(l`/v1/organizations/federation_rules/${n}/workspaces`,{body:e,...t})}remove(n,e,t){let{federation_rule_id:s}=e;return this._client.delete(l`/v1/organizations/federation_rules/${s}/workspaces/${n}`,t)}};var Ii=(()=>{class r extends h{constructor(){super(...arguments),this.workspaces=new Cr(this._client)}create(e,t){return this._client.post("/v1/organizations/federation_rules",{body:e,...t})}retrieve(e,t){return this._client.get(l`/v1/organizations/federation_rules/${e}`,t)}update(e,t,s){return this._client.post(l`/v1/organizations/federation_rules/${e}`,{body:t,...s})}list(e={},t){return this._client.getAPIList("/v1/organizations/federation_rules",w,{query:e,...t})}archive(e,t){return this._client.post(l`/v1/organizations/federation_rules/${e}/archive`,t)}}return r.Workspaces=Cr,r})();var Ei=(()=>{class r extends h{constructor(){super(...arguments),this.issuers=new Or(this._client),this.rules=new Ii(this._client)}}return r.Issuers=Or,r.Rules=Ii,r})();var $r=class extends h{list(n,e={},t){return this._client.getAPIList(l`/v1/organizations/service_accounts/${n}/workspaces`,w,{query:e,...t})}add(n,e,t){return this._client.post(l`/v1/organizations/service_accounts/${n}/workspaces`,{body:e,...t})}remove(n,e,t){let{service_account_id:s}=e;return this._client.delete(l`/v1/organizations/service_accounts/${s}/workspaces/${n}`,t)}};var Ti=(()=>{class r extends h{constructor(){super(...arguments),this.workspaces=new $r(this._client)}create(e,t){return this._client.post("/v1/organizations/service_accounts",{body:e,...t})}retrieve(e,t){return this._client.get(l`/v1/organizations/service_accounts/${e}`,t)}update(e,t,s){return this._client.post(l`/v1/organizations/service_accounts/${e}`,{body:t,...s})}list(e={},t){return this._client.getAPIList("/v1/organizations/service_accounts",w,{query:e,...t})}archive(e,t){return this._client.post(l`/v1/organizations/service_accounts/${e}/archive`,t)}}return r.Workspaces=$r,r})();var Nr=class extends h{retrieve(n,e,t){let{workspace_id:s}=e;return this._client.get(l`/v1/organizations/workspaces/${s}/members/${n}`,t)}update(n,e,t){let{workspace_id:s,...i}=e;return this._client.post(l`/v1/organizations/workspaces/${s}/members/${n}`,{body:i,...t})}list(n,e={},t){return this._client.getAPIList(l`/v1/organizations/workspaces/${n}/members`,C,{query:e,...t})}add(n,e,t){return this._client.post(l`/v1/organizations/workspaces/${n}/members`,{body:e,...t})}remove(n,e,t){let{workspace_id:s}=e;return this._client.delete(l`/v1/organizations/workspaces/${s}/members/${n}`,t)}};var Lr=class extends h{list(n,e={},t){return this._client.getAPIList(l`/v1/organizations/workspaces/${n}/rate_limits`,w,{query:e,...t})}};var Fr=class extends h{retrieve(n,e,t){let{workspace_id:s}=e;return this._client.get(l`/v1/organizations/workspaces/${s}/service_accounts/${n}`,t)}update(n,e,t){let{workspace_id:s,...i}=e;return this._client.post(l`/v1/organizations/workspaces/${s}/service_accounts/${n}`,{body:i,...t})}list(n,e={},t){return this._client.getAPIList(l`/v1/organizations/workspaces/${n}/service_accounts`,w,{query:e,...t})}add(n,e,t){return this._client.post(l`/v1/organizations/workspaces/${n}/service_accounts`,{body:e,...t})}remove(n,e,t){let{workspace_id:s}=e;return this._client.delete(l`/v1/organizations/workspaces/${s}/service_accounts/${n}`,t)}};var Mi=(()=>{class r extends h{constructor(){super(...arguments),this.rateLimits=new Lr(this._client),this.members=new Nr(this._client),this.serviceAccounts=new Fr(this._client)}create(e,t){return this._client.post("/v1/organizations/workspaces",{body:e,...t})}retrieve(e,t){return this._client.get(l`/v1/organizations/workspaces/${e}`,t)}update(e,t,s){return this._client.post(l`/v1/organizations/workspaces/${e}`,{body:t,...s})}list(e={},t){return this._client.getAPIList("/v1/organizations/workspaces",C,{query:e,...t})}archive(e,t){return this._client.post(l`/v1/organizations/workspaces/${e}/archive`,t)}}return r.RateLimits=Lr,r.Members=Nr,r.ServiceAccounts=Fr,r})();var Ls=(()=>{class r extends h{constructor(){super(...arguments),this.apiKeys=new Pr(this._client),this.externalKeys=new Ir(this._client),this.federation=new Ei(this._client),this.invites=new Er(this._client),this.serviceAccounts=new Ti(this._client),this.users=new Mr(this._client),this.workspaces=new Mi(this._client),this.rateLimits=new Tr(this._client),this.complianceSettings=new Rr(this._client)}retrieve(e){return this._client.get("/v1/organizations/me",e)}}return r.APIKeys=Pr,r.ExternalKeys=Ir,r.Federation=Ei,r.Invites=Er,r.ServiceAccounts=Ti,r.Users=Mr,r.Workspaces=Mi,r.RateLimits=Tr,r.ComplianceSettings=Rr,r})();var Br=class extends h{create(n,e,t){let{workspace_id:s,...i}=e;return this._client.post(l`/v1/skills/${n}/versions`,J({body:i,...t,headers:u([{...s!=null?{"anthropic-workspace-id":s}:void 0},t?.headers])},this._client,!1))}retrieve(n,e,t){let{skill_id:s,workspace_id:i}=e;return this._client.get(l`/v1/skills/${s}/versions/${n}`,{...t,headers:u([{...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}list(n,e={},t){let{workspace_id:s,...i}=e??{};return this._client.getAPIList(l`/v1/skills/${n}/versions`,w,{query:i,...t,headers:u([{...s!=null?{"anthropic-workspace-id":s}:void 0},t?.headers])})}delete(n,e,t){let{skill_id:s,workspace_id:i}=e;return this._client.delete(l`/v1/skills/${s}/versions/${n}`,{...t,headers:u([{...i!=null?{"anthropic-workspace-id":i}:void 0},t?.headers])})}};var Fs=(()=>{class r extends h{constructor(){super(...arguments),this.versions=new Br(this._client)}create(e,t){let{workspace_id:s,...i}=e;return this._client.post("/v1/skills",J({body:i,...t,headers:u([{...s!=null?{"anthropic-workspace-id":s}:void 0},t?.headers])},this._client,!1))}retrieve(e,t={},s){let{workspace_id:i}=t??{};return this._client.get(l`/v1/skills/${e}`,{...s,headers:u([{...i!=null?{"anthropic-workspace-id":i}:void 0},s?.headers])})}list(e={},t){let{workspace_id:s,...i}=e??{};return this._client.getAPIList("/v1/skills",w,{query:i,...t,headers:u([{...s!=null?{"anthropic-workspace-id":s}:void 0},t?.headers])})}delete(e,t={},s){let{workspace_id:i}=t??{};return this._client.delete(l`/v1/skills/${e}`,{...s,headers:u([{...i!=null?{"anthropic-workspace-id":i}:void 0},s?.headers])})}}return r.Versions=Br,r})();var Go,Yo,Oi,nl,sf="\\n\\nHuman:",nf="\\n\\nAssistant:",of=(()=>{class r{get credentials(){return this._authState.provider}constructor({baseURL:e=I("ANTHROPIC_BASE_URL"),apiKey:t,authToken:s,webhookKey:i=I("ANTHROPIC_WEBHOOK_SIGNING_KEY")??null,...o}={}){if(Go.add(this),this._requestAuthFlags=new WeakMap,Oi.set(this,void 0),t===void 0&&(t=o.profile!=null?null:I("ANTHROPIC_API_KEY")??null),s===void 0&&(s=o.profile!=null?null:I("ANTHROPIC_AUTH_TOKEN")??null),o.profile!=null&&(o.credentials!=null||o.config!=null))throw new TypeError("Pass at most one of `profile`, `credentials`, or `config`.");let c={apiKey:t,authToken:s,webhookKey:i,...o,baseURL:e||"https://api.anthropic.com"};if(!c.dangerouslyAllowBrowser&&na())throw new k(`It looks like you're running in a browser-like environment.
+
+This is disabled by default, as it risks exposing your secret API credentials to attackers.
+If you understand the risks and have appropriate mitigations in place,
+you can set the \`dangerouslyAllowBrowser\` option to \`true\`, e.g.,
+
+new Anthropic({ apiKey, dangerouslyAllowBrowser: true });
+`);this.baseURL=c.baseURL,this._baseURLIsExplicit=o.__baseURLIsExplicit??!!e,this.timeout=c.timeout??Yo.DEFAULT_TIMEOUT,this.logger=c.logger??console,this.logLevel=Zr,this.logLevel=en(c.logLevel,"ClientOptions.logLevel",T(this))??en(I("ANTHROPIC_LOG"),"process.env['ANTHROPIC_LOG']",T(this))??Zr,this.fetchOptions=c.fetchOptions,this.maxRetries=Ws("maxRetries",c.maxRetries??2),this.fetch=c.fetch??ca(),m(this,Oi,ua,"f"),this.middleware=[...c.middleware??[]];let f=I("ANTHROPIC_CUSTOM_HEADERS");if(f){let b={};for(let p of f.split(`
+`)){let g=p.indexOf(":");g>=0&&(b[p.substring(0,g).trim()]=p.substring(g+1).trim())}c.defaultHeaders={...b,...c.defaultHeaders}}let d=o.__auth;if(delete c.__auth,delete c.__baseURLIsExplicit,this._options=c,this.apiKey=typeof t=="string"?t:null,this.authToken=s,this.webhookKey=i,d)this._authState=d,!this._baseURLIsExplicit&&d.baseURL&&(this.baseURL=d.baseURL);else if(this._authState={provider:null,tokenCache:null,resolution:null,error:null,extraHeaders:{}},this.apiKey==null&&this.authToken==null){let b=c.credentials??null;if(b)this._authState.provider=b,this._authState.tokenCache=this._makeTokenCache(b);else if(c.config!=null){let p=Yi(c.config,this._credentialResolverOptions());this._authState.provider=p.provider,this._authState.tokenCache=this._makeTokenCache(p.provider),this._authState.extraHeaders=p.extraHeaders,this._applyCredentialBaseURL(p.baseURL)}else c.profile!=null?this._authState.resolution=this._resolveDefaultCredentials(c.profile):this._shouldResolveDefaultCredentials()&&(this._authState.resolution=this._resolveDefaultCredentials())}}_shouldResolveDefaultCredentials(){return!0}_applyCredentialBaseURL(e){if(!e)return;let t=e.replace(/\/+$/,"");this._authState.baseURL=t,this._baseURLIsExplicit||(this.baseURL=t)}_credentialResolverOptions(){return{baseURL:this.baseURL,fetch:this._credentialsFetch(),userAgent:this.getUserAgent(),onCacheWriteError:e=>{T(this).debug("credential cache write failed (best-effort)",e)},onSafetyWarning:e=>{T(this).warn(e)}}}_credentialsFetch(){return Zi(this.fetch,this.middleware,void 0,this)}_makeTokenCache(e){return new Ys(e,t=>{T(this).debug("advisory token refresh failed; serving cached token",t)})}withOptions(e){let t="credentials"in e||"config"in e||"profile"in e,s="apiKey"in e||"authToken"in e||t,i={...this._options,...this._baseURLIsExplicit?{baseURL:this.baseURL}:{},maxRetries:this.maxRetries,timeout:this.timeout,logger:this.logger,logLevel:this.logLevel,fetch:this.fetch,fetchOptions:this.fetchOptions,middleware:this.middleware,apiKey:this.apiKey,authToken:this.authToken,webhookKey:this.webhookKey,credentials:this.credentials,...t?{credentials:void 0,config:void 0,profile:void 0}:{},...e,__auth:s?void 0:this._authState,__baseURLIsExplicit:"baseURL"in e?!0:this._baseURLIsExplicit};return new this.constructor(i)}async _resolveDefaultCredentials(e){try{let t=await Wa(this._credentialResolverOptions(),e);if(t)this._authState.provider=t.provider,this._authState.tokenCache=this._makeTokenCache(t.provider),this._authState.extraHeaders=t.extraHeaders,this._applyCredentialBaseURL(t.baseURL);else if(e!=null)throw new k(`Profile "${e}" could not be resolved (no <config_dir>/configs/${e}.json found).`)}catch(t){this._authState.error=t}finally{this._authState.resolution=null}}defaultQuery(){return this._options.defaultQuery}validateHeaders({values:e,nulls:t}){if(!(e.get("x-api-key")||e.get("authorization"))){if(this._authState.error)throw this._authState.error;if(!(this._authState.tokenCache||this._authState.resolution)&&!(this.apiKey&&e.get("x-api-key"))&&!t.has("x-api-key")&&!(this.authToken&&e.get("authorization"))&&!t.has("authorization"))throw new Error('Could not resolve authentication method. Expected one of apiKey, authToken, credentials, config, or profile to be set. Or for one of the "X-Api-Key" or "Authorization" headers to be explicitly omitted')}}_authFlags(e){let t=this._requestAuthFlags.get(e);return t||(t={usedTokenCache:!1,didRefreshFor401:!1},this._requestAuthFlags.set(e,t)),t}async authHeaders(e){if(this._authState.resolution&&await this._authState.resolution,!this._authState.error){if(this._authState.tokenCache&&this.apiKey==null){let t=await this._authState.tokenCache.getToken();return this._authFlags(e).usedTokenCache=!0,u([{Authorization:`Bearer ${t}`}])}return u([await this.apiKeyAuth(e),await this.bearerAuth(e)])}}async apiKeyAuth(e){if(this.apiKey!=null)return u([{"X-Api-Key":this.apiKey}])}async bearerAuth(e){if(this.authToken!=null)return u([{Authorization:`Bearer ${this.authToken}`}])}stringifyQuery(e){return ba(e)}getUserAgent(){return`Anthropic/JS ${ce}`}makeStatusError(e,t,s,i){return D.generate(e,t,s,i)}buildURL(e,t,s){let i=!a(this,Go,"m",nl).call(this)&&s||this.baseURL,o=Zo(e)?new URL(e):new URL(i+(i.endsWith("/")&&e.startsWith("/")?e.slice(1):e)),c=this.defaultQuery(),f=Object.fromEntries(o.searchParams);return(!Li(c)||!Li(f))&&(t={...f,...c,...t}),typeof t=="object"&&t&&!Array.isArray(t)&&(o.search=this.stringifyQuery(t)),o.toString()}_calculateNonstreamingTimeout(e){if(3600*e/128e3>600)throw new k("Streaming is required for operations that may take longer than 10 minutes. See https://github.com/anthropics/anthropic-sdk-typescript#streaming-responses for more details");return 600*1e3}async prepareOptions(e){}async prepareRequest(e,{url:t,options:s}){if(this._authState.tokenCache&&this.apiKey==null){let i=e.headers instanceof Headers?e.headers:new Headers(e.headers);for(let[c,f]of Object.entries(this._authState.extraHeaders))i.has(c)||i.set(c,f);let o=i.get("anthropic-beta")?.split(",").map(c=>c.trim());o?.includes(Ke)||i.set("anthropic-beta",[...o??[],Ke].join(",")),e.headers=i}}backendMiddleware(){return[]}get(e,t){return this.methodRequest("get",e,t)}post(e,t){return this.methodRequest("post",e,t)}patch(e,t){return this.methodRequest("patch",e,t)}put(e,t){return this.methodRequest("put",e,t)}delete(e,t){return this.methodRequest("delete",e,t)}methodRequest(e,t,s){return this.request(Promise.resolve(s).then(i=>({method:e,path:t,...i})))}request(e,t=null){return new nn(this,this.makeRequest(e,t,void 0))}async makeRequest(e,t,s){let i=await e,o=Ws("maxRetries",i.maxRetries??this.maxRetries);this.isStreamBody(i.body)&&(o=0),t==null&&(t=o,this._requestAuthFlags.delete(i)),await this.prepareOptions(i);let{req:c,url:f,timeout:d}=await this.buildRequest(i,{retryCount:o-t}),b="log_"+(Math.random()*(1<<24)|0).toString(16).padStart(6,"0"),p=s===void 0?"":`, retryOf: ${s}`,g=Date.now();if(i.signal?.aborted)throw new V;let y=new AbortController,_=await this.fetchWithTimeout(f,c,d,y,i,{requestLogID:b,retryOfRequestLogID:s}).catch(qe),v=Date.now();if(_ instanceof globalThis.Error){me(y);let S=`retrying, ${t} attempts remaining`;if(i.signal?.aborted)throw new V;let E=de(_)||/timed? ?out/i.test(String(_)+("cause"in _?String(_.cause):"")),x=this.middleware.length>0||!!i.middleware?.length||this.backendMiddleware().length>0;if(x&&!E&&!Ua(_))throw T(this).info(`[${b}] middleware error (not retryable)`),be(T(this),`[${b}] middleware error (not retryable)`,{retryOfRequestLogID:s,url:f,durationMs:v-g,message:_.message}),_;if(t)return T(this).info(`[${b}] connection ${E?"timed out":"failed"} - ${S}`),be(T(this),`[${b}] connection ${E?"timed out":"failed"} (${S})`,{retryOfRequestLogID:s,url:f,durationMs:v-g,message:_.message}),this.retryRequest(i,t,s??b);throw T(this).info(`[${b}] connection ${E?"timed out":"failed"} - error; no more retries left`),be(T(this),`[${b}] connection ${E?"timed out":"failed"} (error; no more retries left)`,{retryOfRequestLogID:s,url:f,durationMs:v-g,message:_.message}),E?new Wr:x&&!Qi(_)?_:new Ae({cause:_})}let A=[..._.headers.entries()].filter(([S])=>S==="request-id"||S==="anthropic-workspace-id").map(([S,E])=>", "+S+": "+JSON.stringify(E)).join(""),R=`[${b}${p}${A}] ${c.method} ${f} ${_.ok?"succeeded":"failed"} with status ${_.status} in ${v-g}ms`;if(!_.ok){let S=await this.shouldRetry(_,i);if(t&&S){let F=`retrying, ${t} attempts remaining`;return await la(_.body),me(y),T(this).info(`${R} - ${F}`),be(T(this),`[${b}] response error (${F})`,{retryOfRequestLogID:s,url:_.url,status:_.status,headers:_.headers,durationMs:v-g}),this.retryRequest(i,t,s??b,_.headers)}let E=S?"error; no more retries left":"error; not retryable";T(this).info(`${R} - ${E}`);let x=await _.text().catch(F=>qe(F).message),P=Ds(x),L=P?void 0:x;throw be(T(this),`[${b}] response error (${E})`,{retryOfRequestLogID:s,url:_.url,status:_.status,headers:_.headers,message:L,durationMs:Date.now()-g}),me(y),this.makeStatusError(_.status,P,L,_.headers)}return T(this).info(R),be(T(this),`[${b}] response start`,{retryOfRequestLogID:s,url:_.url,status:_.status,headers:_.headers,durationMs:v-g}),aa(_.body??_,y),{response:_,options:i,controller:y,requestLogID:b,retryOfRequestLogID:s,startTime:g}}getAPIList(e,t,s){return this.requestAPIList(t,s&&"then"in s?s.then(i=>({method:"get",path:e,...i})):{method:"get",path:e,...s})}requestAPIList(e,t){let s=this.makeRequest(t,null,void 0);return new ja(this,s,e)}async fetchWithTimeout(e,t,s,i,o,c){let{signal:f,method:d,...b}=t||{},p=this._makeAbort(i);f&&(f.addEventListener("abort",p,{once:!0}),oa(i,f,p));let g=globalThis.ReadableStream&&b.body instanceof globalThis.ReadableStream||typeof b.body=="object"&&b.body!==null&&Symbol.asyncIterator in b.body,y={signal:i.signal,...g?{duplex:"half"}:{},method:"GET",...b};d&&(y.method=d.toUpperCase());let _=this.fetch,v=async(x,P)=>{let L=setTimeout(p,s);try{return await _.call(void 0,x,P)}finally{clearTimeout(L)}},A=o===void 0?v:(async(x,P={})=>{let L=typeof x=="string"?x:x instanceof URL?x.href:x.url;return P.headers=P.headers instanceof Headers?P.headers:new Headers(P.headers),await this.prepareRequest(P,{url:L,options:o}),c&&be(T(this),`[${c.requestLogID}] sending request`,{retryOfRequestLogID:c.retryOfRequestLogID,method:P.method,url:L,options:o,headers:P.headers}),v(x,P)}),R=o?.middleware,S=this.backendMiddleware(),E=R?.length||S.length?[...this.middleware,...R??[],...S]:this.middleware;return await Zi(A,E,o,this)(e,y)}async shouldRetry(e,t){let s=this._authFlags(t);if(e.status===401&&this._authState.tokenCache&&s.usedTokenCache&&!s.didRefreshFor401)return s.didRefreshFor401=!0,this._authState.tokenCache.invalidate(),!0;let i=e.headers.get("x-should-retry");return i==="true"?!0:i==="false"?!1:e.status===408||e.status===409||e.status===429||e.status>=500}async retryRequest(e,t,s,i){let o,c=i?.get("retry-after-ms");if(c){let d=parseFloat(c);Number.isNaN(d)||(o=d)}let f=i?.get("retry-after");if(f&&!o){let d=parseFloat(f);Number.isNaN(d)?o=Date.parse(f)-Date.now():o=d*1e3}if(o===void 0||!(o>0&&o<=2**31-1)){let d=e.maxRetries??this.maxRetries;o=this.calculateDefaultRetryTimeoutMillis(t,d)}return await he(o,e.signal??void 0),this.makeRequest(e,t-1,s)}calculateDefaultRetryTimeoutMillis(e,t){let o=t-e,c=Math.min(.5*Math.pow(2,o),8),f=1-Math.random()*.25;return c*f*1e3}calculateNonstreamingTimeout(e,t){if(36e5*e/128e3>6e5||t!=null&&e>t)throw new k("Streaming is required for operations that may take longer than 10 minutes. See https://github.com/anthropics/anthropic-sdk-typescript#long-requests for more details");return 6e5}async buildRequest(e,{retryCount:t=0}={}){let s={...e},{method:i,path:o,query:c,defaultBaseURL:f}=s;this._authState.resolution&&await this._authState.resolution,!this._baseURLIsExplicit&&this._authState.baseURL&&this.baseURL!==this._authState.baseURL&&(this.baseURL=this._authState.baseURL);let d=this.buildURL(o,c,f);"timeout"in s&&Ws("timeout",s.timeout),s.timeout=s.timeout??this.timeout;let{bodyHeaders:b,body:p}=this.buildBody({options:s}),g=await this.buildHeaders({options:e,method:i,bodyHeaders:b,retryCount:t,timeout:s.timeout});return{req:{method:i,headers:g,...s.signal&&{signal:s.signal},...globalThis.ReadableStream&&p instanceof globalThis.ReadableStream&&{duplex:"half"},...p&&{body:p},...this.fetchOptions??{},...s.fetchOptions??{}},url:d,timeout:s.timeout}}async buildHeaders({options:e,method:t,bodyHeaders:s,retryCount:i,timeout:o}){let c=u([{Accept:"application/json","User-Agent":this.getUserAgent(),"X-Stainless-Retry-Count":String(i),"X-Stainless-Timeout":String(Math.trunc(o/1e3)),...Yr(),...this._options.dangerouslyAllowBrowser?{"anthropic-dangerous-direct-browser-access":"true"}:void 0,"anthropic-version":"2023-06-01"},await this.authHeaders(e),this._options.defaultHeaders,s,e.headers]);return this.validateHeaders(c),c.values}_makeAbort(e){return()=>e.abort()}buildBody({options:{body:e,headers:t}}){if(!e)return{bodyHeaders:void 0,body:void 0};let s=u([t]);return ArrayBuffer.isView(e)||e instanceof ArrayBuffer||e instanceof DataView||typeof e=="string"&&s.values.has("content-type")||globalThis.Blob&&e instanceof globalThis.Blob||e instanceof FormData||e instanceof URLSearchParams||globalThis.ReadableStream&&e instanceof globalThis.ReadableStream?{bodyHeaders:void 0,body:e}:this.isStreamBody(e)?{bodyHeaders:void 0,body:qs(e)}:typeof e=="object"&&s.values.get("content-type")==="application/x-www-form-urlencoded"?{bodyHeaders:{"content-type":"application/x-www-form-urlencoded"},body:this.stringifyQuery(e)}:a(this,Oi,"f").call(this,{body:e,headers:s})}isStreamBody(e){return globalThis.ReadableStream&&e instanceof globalThis.ReadableStream?!0:typeof e=="object"&&e!==null&&(Symbol.asyncIterator in e||Symbol.iterator in e&&"next"in e&&typeof e.next=="function")}}return Yo=r,Oi=new WeakMap,Go=new WeakSet,nl=function(){return this.baseURL!=="https://api.anthropic.com"},r.Anthropic=Yo,r.DEFAULT_TIMEOUT=6e5,r.AnthropicError=k,r.APIError=D,r.APIConnectionError=Ae,r.APIConnectionTimeoutError=Wr,r.APIUserAbortError=V,r.NotFoundError=Ur,r.ConflictError=jr,r.RateLimitError=Vr,r.BadRequestError=Dr,r.AuthenticationError=zr,r.InternalServerError=Jr,r.PermissionDeniedError=qr,r.UnprocessableEntityError=Kr,r.toFile=io,r.HUMAN_PROMPT=sf,r.AI_PROMPT=nf,r})(),il=(()=>{class r extends of{constructor(){super(...arguments),this.completions=new nt(this),this.messages=new ds(this),this.models=new ot(this),this.files=new it(this),this.skills=new Fs(this),this.organization=new Ls(this),this.beta=new Ns(this)}}return r.Completions=nt,r.Messages=ds,r.Models=ot,r.Files=it,r.Skills=Fs,r.Organization=Ls,r.Beta=Ns,r})();export{il as default};
diff --git a/static/vendor/anthropic-sdk-LICENSE.txt b/static/vendor/anthropic-sdk-LICENSE.txt
new file mode 100644
index 0000000..ac71a66
--- /dev/null
+++ b/static/vendor/anthropic-sdk-LICENSE.txt
@@ -0,0 +1,8 @@
+Copyright 2023 Anthropic, PBC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
diff --git a/templates/radio/player.html b/templates/radio/player.html
index 6aed593..320e7a9 100644
--- a/templates/radio/player.html
+++ b/templates/radio/player.html
@@ -380,6 +380,7 @@
 <script src="/static/js/app/52-book-list.js"></script>
 <script src="/static/js/app/53-library.js"></script>
 <script src="/static/js/app/54-issues.js"></script>
+<script src="/static/js/app/55-library-tools.js"></script>
 <script src="/static/js/app/56-cloud-import.js"></script>
 <script src="/static/js/app/57-cloud-inbox.js"></script>
 <script src="/static/js/app/58-pdf.js"></script>
@@ -395,6 +396,8 @@
 <script src="/static/js/app/78-footnotes.js"></script>
 <script src="/static/js/app/80-radio-sidebar.js"></script>
 <script src="/static/js/app/99-init.js"></script>
+{% if user.is_authenticated %}{# The KI features (docs/ai.md): the user's own key, calls from the device. #}
+<script type="module" src="/static/js/ai.js"></script>{% endif %}
 <script src="/static/js/podcasts-web.js"></script>
 <script src="/static/js/home.js"></script>
 <script src="/static/js/feeds.js"></script>

From 58003057e3ee287d4e134764fd71b2e5bdb77029 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 25 Oct 2026 12:23:54 +0100
Subject: [PATCH 168/176] =?UTF-8?q?KI:=20OpenRouter=20als=20zweiter=20Anbi?=
 =?UTF-8?q?eter=20(w=C3=A4hlbar,=20chat=20completions=20mit=20json=5Fschem?=
 =?UTF-8?q?a);=20=E2=9C=A6=20Mit=20KI=20ordnen=20f=C3=BCr=20Podcasts=20(Or?=
 =?UTF-8?q?dner,=20Stufen)=20und=20Nachrichten/Blogs=20(Ressort,=20Ordner,?=
 =?UTF-8?q?=20Art);=20sw=20v149?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/ai.md                        |  13 +-
 static/js/ai.js                   | 204 +++++++++++++++++++++---------
 static/js/feeds.js                | 106 ++++++++++++++++
 static/js/sw.js                   |   2 +-
 static/podcasts/native-podcast.js | 112 +++++++++++++++-
 5 files changed, 373 insertions(+), 64 deletions(-)

diff --git a/docs/ai.md b/docs/ai.md
index d4757a8..3ed9ece 100644
--- a/docs/ai.md
+++ b/docs/ai.md
@@ -5,7 +5,16 @@ first; podcasts, news/blogs and projects follow (same building blocks).
 
 ## The key: the user's own, end-to-end encrypted, only on the devices
 
-Decided with the user: the Anthropic API key is entered in the app ("KI-Assistent", the ✦ of a
+Two providers, chosen in the settings (decided 2026-10-25): **Anthropic** (the official SDK) or
+**OpenRouter** (the same Claude model, `anthropic/claude-opus-5.5`). OpenRouter's
+Anthropic-compatible endpoint refuses the headers a browser call needs (`anthropic-version` …,
+checked by a CORS preflight), so diora talks to OpenRouter's chat completions instead: plain
+`fetch`, `response_format` json_schema (strict), `reasoning.effort`; no fallback on refusals, and
+OpenRouter sees what is sent too. The vault keeps `{provider, anthropic_key, openrouter_key}`
+(an old `{anthropic_key}` still reads as Anthropic); a key is checked before it is kept
+(Anthropic: the model's info; OpenRouter: `GET /api/v1/key`).
+
+Decided with the user: the API key is entered in the app ("KI-Assistent", the ✦ of a
 feature or the app menu) and stored like the books — encrypted with the book key on the device,
 kept by the server as a blob it can't read:
 
@@ -42,5 +51,7 @@ kept by the server as a blob it can't read:
 | area | where | what Claude gets | what it suggests |
 |---|---|---|---|
 | Bücher, Zeitschriften | ✦ in the library's head (`static/js/app/55-library-tools.js`) | per book: id, title, author, folders, series, magazine mark; the existing folders | folders to add (existing first; new ones only for ≥ 3 books), series with volume, cleaned title/author where broken, magazine mark |
+| Podcasts | ✦ in Abos (diora-android `web-native/static/native-podcast.js`, copied to `static/podcasts/`) | per subscription: title, author, folders, level, heard in 12 months, publishing interval, three newest episode titles | folders to add (≤ 2), level Stamm / Strom / Auf Abruf (only with a clear reason) |
+| Nachrichten, Blogs | ✦ in the feeds' bar (`static/js/feeds.js`; the apps' section bar presses it) | per source: title, address, kind, Ressort or folders, recent titles shown | Ressort for news, folders for blogs, news ↔ blog when clearly wrong |
 
 Applied through `_updateBookMeta` (the encrypted meta, as when editing by hand).
diff --git a/static/js/ai.js b/static/js/ai.js
index 994d901..e18a56f 100644
--- a/static/js/ai.js
+++ b/static/js/ai.js
@@ -1,7 +1,7 @@
 // ---------------------------------------------------------------------------
 // The "KI" features (docs/ai.md): Claude suggests, the user decides.
 //
-// The Anthropic API key is the user's own. It lives end-to-end encrypted with the book key
+// The key (Anthropic's or OpenRouter's) is the user's own. It lives end-to-end encrypted with the book key
 // (POST /accounts/vault/ai/, like the books: the server keeps a blob it can't read) and is
 // decrypted on the device into memory only. The device calls Claude directly — the diora
 // server sees neither the key nor what is sent; Anthropic sees what a feature needs (titles,
@@ -12,11 +12,21 @@
 
 import Anthropic from '/static/vendor/anthropic-sdk-0.133.0.mjs';
 
-const MODEL = 'claude-opus-5-5';
+// Two ways to Claude, chosen in the settings (docs/ai.md):
+//  - anthropic: the Anthropic API with the official SDK (structured output, fallbacks on refusal);
+//  - openrouter: OpenRouter's chat completions (its Anthropic-compatible endpoint refuses the
+//    headers a browser call needs), the same Claude model, structured output by response_format.
+const PROVIDERS = {
+  anthropic: {label: 'Anthropic', model: 'claude-opus-5-5', help: 'https://console.anthropic.com/settings/keys',
+    helpLabel: 'console.anthropic.com', placeholder: 'sk-ant-…'},
+  openrouter: {label: 'OpenRouter', model: 'anthropic/claude-opus-5.5', help: 'https://openrouter.ai/settings/keys',
+    helpLabel: 'openrouter.ai', placeholder: 'sk-or-…'},
+};
+const OPENROUTER = 'https://openrouter.ai/api/v1';
 const VAULT = '/accounts/vault/ai/';
-const KEY_HELP = 'https://console.anthropic.com/settings/keys';
 
-let apiKey = null;    // decrypted, in memory only
+// Decrypted, in memory only: {provider, anthropic_key, openrouter_key}.
+let vault = null;
 let loaded = false;
 
 const html = document.documentElement;
@@ -32,38 +42,45 @@ function available() {
     bookKeyThere() && typeof getOrCreateEncKey === 'function';
 }
 
-async function loadKey(fresh) {
-  if (loaded && !fresh) return apiKey;
+const providerOf = v => (v && PROVIDERS[v.provider] ? v.provider : 'anthropic');
+const keyOf = v => (v ? v[providerOf(v) + '_key'] || null : null);
+
+async function loadVault(fresh) {
+  if (loaded && !fresh) return vault;
   if (!available()) return null;
   try {
     const r = await fetch(VAULT, {cache: 'no-store'});
-    if (!r.ok) return apiKey;
+    if (!r.ok) return vault;
     const d = await r.json();
-    apiKey = null;
+    vault = null;
     if (d.ct) {
       const plain = await decryptBytes(await getOrCreateEncKey(), d.iv, d.ct);
-      apiKey = JSON.parse(new TextDecoder().decode(plain)).anthropic_key || null;
+      vault = JSON.parse(new TextDecoder().decode(plain)) || null;
     }
     loaded = true;
   } catch (e) {
     // Offline, or encrypted with a key this device doesn't have (the password changed): ask again.
     loaded = false;
   }
-  return apiKey;
+  return vault;
 }
 
-async function saveKey(key) {
-  const enc = await encryptBytes(await getOrCreateEncKey(), new TextEncoder().encode(JSON.stringify({anthropic_key: key})));
+async function loadKey(fresh) {
+  return keyOf(await loadVault(fresh));
+}
+
+async function saveVault(v) {
+  const enc = await encryptBytes(await getOrCreateEncKey(), new TextEncoder().encode(JSON.stringify(v)));
   const r = await fetch(VAULT, {method: 'POST', headers: {'Content-Type': 'application/json'},
     body: JSON.stringify({ct: enc.ciphertext, iv: enc.iv})});
   if (!r.ok) throw new Error('Speichern ging nicht (' + r.status + ')');
-  apiKey = key;
+  vault = v;
   loaded = true;
 }
 
-async function removeKey() {
+async function removeKeys() {
   await fetch(VAULT, {method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ct: ''})});
-  apiKey = null;
+  vault = null;
   loaded = true;
 }
 
@@ -81,6 +98,7 @@ function explain(e) {
   if (e instanceof Anthropic.RateLimitError) return 'Gerade zu viele Anfragen – bitte gleich noch einmal.';
   if (e instanceof Anthropic.APIConnectionError) return navigator.onLine ? 'Claude war nicht erreichbar.' : 'Keine Verbindung.';
   if (e instanceof Anthropic.APIError) return 'Claude antwortete mit einem Fehler (' + (e.status || '?') + ').';
+  if (e instanceof TypeError) return navigator.onLine ? 'Der KI-Anbieter war nicht erreichbar.' : 'Keine Verbindung.';
   return (e && e.message) || 'Unbekannter Fehler.';
 }
 
@@ -90,12 +108,23 @@ function fail(message) {
   return e;
 }
 
-// One request with a JSON answer of `schema` (structured outputs). Long lists stream.
+function parseAnswer(text) {
+  try {
+    return JSON.parse(text);
+  } catch (e) {
+    throw fail('Die Antwort ließ sich nicht lesen.');
+  }
+}
+
+// One request with a JSON answer of `schema` (structured outputs).
 async function ask({system, prompt, schema, effort = 'low', maxTokens = 64000}) {
-  const key = await loadKey();
+  const v = await loadVault();
+  const key = keyOf(v);
   if (!key) throw fail('Kein API-Key hinterlegt.');
+  if (providerOf(v) === 'openrouter') return askOpenRouter(key, {system, prompt, schema, effort, maxTokens});
+  // Anthropic: streamed (long lists), a declined request re-runs on Anthropic's fallback model.
   const stream = client(key).beta.messages.stream({
-    model: MODEL,
+    model: PROVIDERS.anthropic.model,
     max_tokens: maxTokens,
     betas: ['server-side-fallback-2026-07-01'],
     fallbacks: 'default',
@@ -106,12 +135,39 @@ async function ask({system, prompt, schema, effort = 'low', maxTokens = 64000})
   const msg = await stream.finalMessage();
   if (msg.stop_reason === 'refusal') throw fail('Claude hat diese Anfrage abgelehnt.');
   if (msg.stop_reason === 'max_tokens') throw fail('Die Antwort wurde zu lang – bitte einen kleineren Teil ordnen.');
-  const text = msg.content.filter(b => b.type === 'text').map(b => b.text).join('');
-  try {
-    return JSON.parse(text);
-  } catch (e) {
-    throw fail('Die Antwort ließ sich nicht lesen.');
-  }
+  return parseAnswer(msg.content.filter(b => b.type === 'text').map(b => b.text).join(''));
+}
+
+async function openRouterFetch(key, path, init) {
+  const r = await fetch(OPENROUTER + path, Object.assign({}, init, {headers: Object.assign({
+    'Authorization': 'Bearer ' + key, 'Content-Type': 'application/json', 'X-Title': 'diora',
+  }, (init && init.headers) || {})}));
+  if (r.status === 401 || r.status === 403) throw fail('Der OpenRouter-Key wird nicht angenommen – in den KI-Einstellungen prüfen.');
+  if (r.status === 402) throw fail('Das OpenRouter-Guthaben reicht nicht.');
+  if (r.status === 429) throw fail('Gerade zu viele Anfragen – bitte gleich noch einmal.');
+  if (!r.ok) throw fail('OpenRouter antwortete mit einem Fehler (' + r.status + ').');
+  return r.json();
+}
+
+async function askOpenRouter(key, {system, prompt, schema, effort, maxTokens}) {
+  const d = await openRouterFetch(key, '/chat/completions', {method: 'POST', body: JSON.stringify({
+    model: PROVIDERS.openrouter.model,
+    max_tokens: maxTokens,
+    reasoning: {effort},
+    messages: [{role: 'system', content: system}, {role: 'user', content: prompt}],
+    response_format: {type: 'json_schema', json_schema: {name: 'antwort', strict: true, schema}},
+  })});
+  const choice = d && d.choices && d.choices[0];
+  if (!choice) throw fail('Die Antwort ließ sich nicht lesen.');
+  if (choice.message && choice.message.refusal) throw fail('Claude hat diese Anfrage abgelehnt.');
+  if (choice.finish_reason === 'length') throw fail('Die Antwort wurde zu lang – bitte einen kleineren Teil ordnen.');
+  return parseAnswer((choice.message && choice.message.content) || '');
+}
+
+// Is this key accepted? (Costs nothing: Anthropic's model info, OpenRouter's key info.)
+async function checkKey(provider, key) {
+  if (provider === 'openrouter') await openRouterFetch(key, '/key', {method: 'GET'});
+  else await client(key).models.retrieve(PROVIDERS.anthropic.model);
 }
 
 // ---- a sheet of our own (settings, progress, review) --------------------------------------
@@ -139,43 +195,69 @@ function close() {
 
 async function settings(after) {
   const body = sheet('KI-Assistent', true);
-  const has = !!(await loadKey(true));
-  body.innerHTML = `
-    <p>diora kann mit Claude (Anthropic) Vorschläge zum Ordnen machen – Bücher, Podcasts, Nachrichten, Projekte.
-      Du entscheidest bei jedem Vorschlag, ob er übernommen wird.</p>
-    <p class="dai-muted">Dein eigener API-Key: Er wird mit deinem Buchschlüssel verschlüsselt gespeichert – der diora-Server
-      kann ihn nicht lesen. Deine Geräte fragen Claude direkt; Anthropic sieht dabei, was eine Funktion braucht
-      (z. B. Titel und Autoren), der diora-Server nichts davon. Die Kosten rechnet Anthropic mit dir ab.
-      Einen Key legst du unter <a href="${KEY_HELP}" target="_blank" rel="noopener">console.anthropic.com</a> an.</p>
-    <label class="dai-field"><span>${has ? 'Key ersetzen' : 'API-Key'}</span>
-      <input type="password" class="dai-key" autocomplete="off" placeholder="${has ? '•••• hinterlegt' : 'sk-ant-…'}"></label>
-    <div class="dai-row">
-      <button type="button" class="btn btn-primary dai-save">Speichern</button>
-      ${has ? '<button type="button" class="btn dai-remove">Key entfernen</button>' : ''}
-      <span class="dai-status dai-muted"></span>
-    </div>`;
-  const status = body.querySelector('.dai-status');
-  body.querySelector('.dai-save').addEventListener('click', async () => {
-    const key = body.querySelector('.dai-key').value.trim();
-    if (!key) { status.textContent = 'Bitte einen Key eingeben.'; return; }
-    status.textContent = 'Wird geprüft …';
-    try {
-      await client(key).models.retrieve(MODEL);   // checks the key, costs nothing
-    } catch (e) {
-      status.textContent = explain(e);
-      return;
-    }
-    try {
-      await saveKey(key);
-    } catch (e) {
-      status.textContent = e.message;
-      return;
-    }
-    status.textContent = '✓ Gespeichert';
-    setTimeout(() => { close(); if (after) after(); }, 600);
-  });
-  const rm = body.querySelector('.dai-remove');
-  if (rm) rm.addEventListener('click', async () => { await removeKey(); close(); });
+  const v = (await loadVault(true)) || {};
+  let provider = providerOf(v);
+  const draw = () => {
+    const p = PROVIDERS[provider];
+    const has = !!v[provider + '_key'];
+    body.innerHTML = `
+      <p>diora kann mit Claude Vorschläge zum Ordnen machen – Bücher, Podcasts, Nachrichten, Projekte.
+        Du entscheidest bei jedem Vorschlag, ob er übernommen wird.</p>
+      <div class="dai-row dai-providers">${Object.entries(PROVIDERS).map(([id, x]) =>
+        `<label><input type="radio" name="dai-provider" value="${id}"${id === provider ? ' checked' : ''}> ${esc(x.label)}${v[id + '_key'] ? ' ✓' : ''}</label>`).join('')}</div>
+      <p class="dai-muted">Dein eigener Key, mit deinem Buchschlüssel verschlüsselt gespeichert – der diora-Server kann ihn nicht
+        lesen. Deine Geräte fragen ${esc(p.label)} direkt; ${provider === 'openrouter' ? 'OpenRouter und Anthropic sehen' : 'Anthropic sieht'}
+        dabei, was eine Funktion braucht (z. B. Titel und Autoren), der diora-Server nichts davon. Die Kosten rechnet
+        ${esc(p.label)} mit dir ab. Einen Key legst du unter <a href="${p.help}" target="_blank" rel="noopener">${esc(p.helpLabel)}</a> an.</p>
+      <label class="dai-field"><span>${esc(p.label)}-Key${has ? ' ersetzen' : ''}</span>
+        <input type="password" class="dai-key" autocomplete="off" placeholder="${has ? '•••• hinterlegt' : p.placeholder}"></label>
+      <div class="dai-row">
+        <button type="button" class="btn btn-primary dai-save">${has ? 'Speichern' : 'Speichern und nutzen'}</button>
+        ${v.anthropic_key || v.openrouter_key ? '<button type="button" class="btn dai-remove">Alle Keys entfernen</button>' : ''}
+        <span class="dai-status dai-muted"></span>
+      </div>`;
+    body.querySelectorAll('input[name="dai-provider"]').forEach(r => r.addEventListener('change', async () => {
+      provider = r.value;
+      // A provider whose key is there is used at once; otherwise once its key is saved.
+      if (v[provider + '_key'] && v.provider !== provider) {
+        v.provider = provider;
+        try { await saveVault(Object.assign({}, v)); } catch (e) { /* stays for this visit */ }
+      }
+      draw();
+    }));
+    const status = body.querySelector('.dai-status');
+    body.querySelector('.dai-save').addEventListener('click', async () => {
+      const key = body.querySelector('.dai-key').value.trim();
+      if (!key && has) {
+        v.provider = provider;
+        try { await saveVault(Object.assign({}, v)); } catch (e) { status.textContent = e.message; return; }
+        close();
+        if (after) after();
+        return;
+      }
+      if (!key) { status.textContent = 'Bitte einen Key eingeben.'; return; }
+      status.textContent = 'Wird geprüft …';
+      try {
+        await checkKey(provider, key);
+      } catch (e) {
+        status.textContent = explain(e);
+        return;
+      }
+      const next = Object.assign({}, v, {provider, [provider + '_key']: key});
+      try {
+        await saveVault(next);
+      } catch (e) {
+        status.textContent = e.message;
+        return;
+      }
+      Object.assign(v, next);
+      status.textContent = '✓ Gespeichert';
+      setTimeout(() => { close(); if (after) after(); }, 600);
+    });
+    const rm = body.querySelector('.dai-remove');
+    if (rm) rm.addEventListener('click', async () => { await removeKeys(); close(); });
+  };
+  draw();
 }
 
 // The key first; then fn.
diff --git a/static/js/feeds.js b/static/js/feeds.js
index 0c66dab..1c787a0 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -159,6 +159,9 @@
           '</div>' +
           '<div class="fd-actions">' +
           '<button type="button" class="fd-icon" data-act="refresh" title="Jetzt abrufen" aria-label="Jetzt abrufen">' + (st.loading ? '…' : '↻') + '</button>' +
+          // Ordering with Claude (docs/ai.md): Ressorts for the news, folders for the blogs.
+          (window.DioraAI && DioraAI.available() && sources().length
+            ? '<button type="button" class="fd-icon" data-act="ai-organize" title="Mit KI ordnen" aria-label="Mit KI ordnen">✦</button>' : '') +
           '<button type="button" class="fd-icon" data-act="manage" title="Feeds verwalten" aria-label="Feeds verwalten">⚙</button>' +
           '</div>') +
       '</div>' +
@@ -841,6 +844,108 @@
     document.body.appendChild(sheet);
   }
 
+  // ---- ✦ Ordnen with Claude (docs/ai.md) ---------------------------------------------
+
+  const FEEDS_AI_SYSTEM = `Du hilfst, die Feed-Quellen eines Lesers zu ordnen: Nachrichtenquellen (kind "news") haben
+genau ein Ressort (category), Blogs (kind "blog") haben Ordner wie Schlagwörter (mehrere möglich). Du bekommst die
+Quellen als JSON (id, Titel, Adresse, kind, Ressort bzw. Ordner, Titel der letzten Beiträge) und die vorhandenen Ressorts
+und Ordner. Schlage nur Änderungen vor, die wirklich helfen; eine Quelle ohne sinnvolle Änderung lässt du weg.
+
+- Ressort (nur news): eines der vorhandenen, wenn es passt; ein neues nur, wenn mehrere Quellen hineinpassen. Kurze
+  deutsche Namen (Deutschland, International, Wirtschaft, Technik, Kultur …). Nur setzen, wenn es fehlt oder klar falsch ist.
+- Ordner (nur blog): vorhandene bevorzugt, neue nur für mindestens drei Blogs; höchstens zwei vorschlagen, nur hinzufügen.
+- kind: nur wenn eine Quelle offensichtlich falsch eingeordnet ist (tägliche Meldungen → news, Essays/persönliche
+  Beiträge → blog), sonst null.
+- warum: ein kurzer deutscher Satz.`;
+
+  const FEEDS_AI_SCHEMA = {
+    type: 'object',
+    properties: {
+      vorschlaege: {
+        type: 'array',
+        items: {
+          type: 'object',
+          properties: {
+            id: {type: 'integer'},
+            ressort: {type: ['string', 'null']},
+            ordner_hinzu: {type: ['array', 'null'], items: {type: 'string'}},
+            kind: {type: ['string', 'null']},
+            warum: {type: 'string'},
+          },
+          required: ['id', 'ressort', 'ordner_hinzu', 'kind', 'warum'],
+          additionalProperties: false,
+        },
+      },
+    },
+    required: ['vorschlaege'],
+    additionalProperties: false,
+  };
+
+  function feedsOrganize() {
+    DioraAI.withKey(async () => {
+      const list = sources();
+      if (!list.length) return;
+      DioraAI.progress('Mit KI ordnen', `Claude sieht sich ${list.length} Quellen an …`);
+      // A few recent titles per source say more than a name (what is loaded already).
+      const recent = new Map();
+      const note = (id, title) => { const a = recent.get(id) || []; if (a.length < 3 && title) { a.push(title); recent.set(id, a); } };
+      st.items.forEach(i => note(i.source, i.title));
+      st.stories.forEach(x => (x.items || []).forEach(i => note(i.source, i.title)));
+      const data = list.map(x => ({id: x.id, titel: x.title, adresse: x.site_url || x.url, kind: x.kind,
+        ressort: x.kind === 'news' ? (x.category || '') : undefined, ordner: x.kind === 'blog' ? (x.folders || []) : undefined,
+        letzte: recent.get(x.id) || []}));
+      const cats = st.state.categories || [];
+      const folders = st.state.folders || [];
+      let answer;
+      try {
+        answer = await DioraAI.ask({
+          system: FEEDS_AI_SYSTEM,
+          prompt: `Vorhandene Ressorts: ${JSON.stringify(cats)}\nVorhandene Blog-Ordner: ${JSON.stringify(folders)}\n\nQuellen:\n${JSON.stringify(data)}`,
+          schema: FEEDS_AI_SCHEMA,
+        });
+      } catch (e) {
+        DioraAI.showError('Mit KI ordnen', e);
+        return;
+      }
+      const byId = new Map(list.map(x => [x.id, x]));
+      const items = [];
+      for (const v of answer.vorschlaege || []) {
+        const x = byId.get(v.id);
+        if (!x) continue;
+        const change = {};
+        const lines = [];
+        const kind = v.kind === 'news' || v.kind === 'blog' ? v.kind : x.kind;
+        if (kind !== x.kind) { change.kind = kind; lines.push(kind === 'news' ? 'als Nachrichtenquelle führen' : 'als Blog führen'); }
+        if (kind === 'news' && v.ressort && v.ressort.trim() && v.ressort.trim() !== (x.category || '')) {
+          change.category = v.ressort.trim();
+          lines.push('Ressort: ' + change.category);
+        }
+        if (kind === 'blog') {
+          const have = x.folders || [];
+          const add = (v.ordner_hinzu || []).map(n => String(n).trim()).filter(n => n && !have.some(h => h.toLowerCase() === n.toLowerCase()));
+          if (add.length) { change.folders = have.concat(add); lines.push('Ordner + ' + add.join(', ')); }
+        }
+        if (!lines.length) continue;
+        if (v.warum) lines.push('– ' + v.warum);
+        items.push({id: x.id, title: x.title, group: x.kind === 'news' ? 'Nachrichten' : 'Blogs', lines, change});
+      }
+      items.sort((a, b) => a.group.localeCompare(b.group));
+      DioraAI.review({
+        title: 'Mit KI ordnen',
+        intro: 'Vorschläge von Claude. Was angehakt ist, wird übernommen.',
+        items,
+        onApply: async ids => {
+          for (const id of ids) {
+            const it = items.find(i => i.id === id);
+            if (it) await api('/feeds/sources/' + id + '/', it.change);
+          }
+          load();
+          return `${ids.length} ${ids.length === 1 ? 'Quelle' : 'Quellen'} geordnet`;
+        },
+      });
+    });
+  }
+
   // ---- events
 
   tab.addEventListener('click', async e => {
@@ -937,6 +1042,7 @@
       });
       return;
     }
+    if (act === 'ai-organize') return feedsOrganize();
     if (act === 'manage') {
       // Managing every subscription has its place (Abos & Quellen, docs/sources.md).
       const nav = window.DioraNav;
diff --git a/static/js/sw.js b/static/js/sw.js
index 020a4e7..d3b7dcc 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v148';
+const CACHE = 'diora-v149';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index b995f72..07df488 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 4f514cd 2026-10-19: web-native/static/native-podcast.js
+// Copied from diora-android 9a6c059 2026-10-25: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -2645,6 +2645,115 @@
     return row;
   }
 
+  // ---- ✦ Ordnen with Claude (diora-web docs/ai.md) ------------------------------------------
+  // Folders and (with the two lists) levels for the subscriptions, from their titles, authors,
+  // newest episode titles and how much they are heard. The user ticks what to take.
+
+  const POD_AI_SYSTEM = `Du hilfst, die Podcast-Abos eines Hörers zu ordnen. Du bekommst die Abos als JSON (id, Titel,
+Autor, Ordner, Stufe, wie viele Folgen in 12 Monaten gehört, mittlerer Abstand zwischen Folgen in Tagen, Titel der
+neuesten Folgen) und die vorhandenen Ordner. Schlage nur Änderungen vor, die wirklich helfen; ein Abo ohne sinnvolle
+Änderung lässt du weg.
+
+- Ordner sind Kategorien wie Schlagwörter (Politik, Geschichte, Wissenschaft …), ein Abo kann in mehreren sein.
+  Nutze vorhandene Ordner bevorzugt; einen neuen nur, wenn mindestens drei Abos hineinpassen, kurzer deutscher Name.
+  Höchstens zwei Ordner pro Abo vorschlagen, nur hinzufügen, nichts entfernen.
+- Stufe (nur wenn angegeben): "queue" = Stamm (neue Folgen auf die Merkliste und geladen) – für Podcasts, die
+  regelmäßig gehört werden; "inbox" = Strom (neue Folgen nur im Strom) – der Normalfall; "ignore" = Auf Abruf (nicht im
+  Strom) – für Abos, die kaum gehört werden und deren Folgen im Strom nur stören (z. B. sehr häufig erscheinend und
+  nie gehört, abgeschlossene Archive). Ändere eine Stufe nur mit klarem Grund aus den Hörzahlen; sonst null.
+- warum: ein kurzer deutscher Satz.`;
+
+  function podAiSchema() {
+    return {
+      type: 'object',
+      properties: {
+        vorschlaege: {
+          type: 'array',
+          items: {
+            type: 'object',
+            properties: {
+              id: {type: 'integer'},
+              ordner_hinzu: {type: ['array', 'null'], items: {type: 'string'}},
+              stufe: {type: ['string', 'null']},
+              warum: {type: 'string'},
+            },
+            required: ['id', 'ordner_hinzu', 'stufe', 'warum'],
+            additionalProperties: false,
+          },
+        },
+      },
+      required: ['vorschlaege'],
+      additionalProperties: false,
+    };
+  }
+
+  function podcastOrganize() {
+    DioraAI.withKey(async () => {
+      const list = podcastFeeds();
+      if (!list.length) return;
+      DioraAI.progress('Mit KI ordnen', `Claude sieht sich ${list.length} Abos an – das kann eine Minute dauern …`);
+      // The newest episode titles of each (one request; what the feeds are about).
+      const titles = new Map();
+      try {
+        const d = await getJson('/podcasts/episodes/?limit=500');
+        for (const e of d.episodes || []) {
+          const a = titles.get(e.feed__id) || [];
+          if (a.length < 3) { a.push(plain(e.title)); titles.set(e.feed__id, a); }
+        }
+      } catch (e) { /* titles and authors alone then */ }
+      const levels = v2() && list.some(f => 'new_episodes' in f);
+      const data = list.map(f => ({
+        id: f.id, titel: plain(f.title), autor: plain(f.author || ''), ordner: foldersOf(f),
+        stufe: levels ? (f.new_episodes || 'inbox') : undefined, gehoert_12m: f.heard_365 || 0,
+        abstand_tage: typeof f.interval_days === 'number' ? Math.round(f.interval_days * 10) / 10 : null,
+        neueste: titles.get(f.id) || [],
+      }));
+      let answer;
+      try {
+        answer = await DioraAI.ask({
+          system: POD_AI_SYSTEM,
+          prompt: `Vorhandene Ordner: ${JSON.stringify(namesOf(list))}\n\nAbos:\n${JSON.stringify(data)}`,
+          schema: podAiSchema(),
+        });
+      } catch (e) {
+        DioraAI.showError('Mit KI ordnen', e);
+        return;
+      }
+      const byId = new Map(list.map(f => [f.id, f]));
+      const levelName = v => (LEVELS.find(l => l.value === v) || {}).label || v;
+      const items = [];
+      for (const x of answer.vorschlaege || []) {
+        const f = byId.get(x.id);
+        if (!f) continue;
+        const have = foldersOf(f);
+        const add = (x.ordner_hinzu || []).map(n => String(n).trim()).filter(n => n && !have.some(h => sameName(h, n)));
+        const change = {};
+        const lines = [];
+        if (add.length) { change.folders = have.concat(add); lines.push('Ordner + ' + add.join(', ')); }
+        if (levels && ['queue', 'inbox', 'ignore'].includes(x.stufe) && x.stufe !== (f.new_episodes || 'inbox')) {
+          change.new_episodes = x.stufe;
+          lines.push(`Stufe: ${levelName(f.new_episodes || 'inbox')} → ${levelName(x.stufe)}`);
+        }
+        if (!lines.length) continue;
+        if (x.warum) lines.push('– ' + x.warum);
+        items.push({id: f.id, title: plain(f.title), lines, change});
+      }
+      DioraAI.review({
+        title: 'Mit KI ordnen',
+        intro: 'Vorschläge von Claude. Was angehakt ist, wird übernommen; vorhandene Ordner bleiben.',
+        items,
+        onApply: async ids => {
+          for (const id of ids) {
+            const it = items.find(i => i.id === id);
+            if (it) N.podcastFeedSettings(id, JSON.stringify(it.change));
+          }
+          setTimeout(render, 200);
+          return `${ids.length} ${ids.length === 1 ? 'Abo' : 'Abos'} geordnet`;
+        },
+      });
+    });
+  }
+
   function renderFeeds() {
     const sort = FEED_SORTS.find(s => s.id === feedSort) || FEED_SORTS[0];
     const items = podcastFeeds().filter(f => inFolder(f.id) && (!podFaves || !v2() || f.favorite))
@@ -2667,6 +2776,7 @@
       head.append(el('div', 'nui-pod-summary', `${items.length} ${items.length === 1 ? 'Abo' : 'Abos'} · ${sort.label.toLowerCase()}`),
         listTools([
           hasSources() && button('⚙', 'Verwalten: Abos & Quellen', toSources),
+          window.DioraAI && DioraAI.available() && button('✦', 'Mit KI ordnen: Ordner und Stufen vorschlagen', podcastOrganize),
           button('⇅', 'Sortieren und Zahl wählen', feedSortMenu),
           hasFolders() && N.podcastFeedSettings && button('☐', 'Mehrere auswählen (in Ordner)', () => startSelecting()),
         ].filter(Boolean)));

From 6e8e5a0f7b2a0dd71a56e2bf2984fd5dbed342f4 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 25 Oct 2026 12:28:41 +0100
Subject: [PATCH 169/176] =?UTF-8?q?Bibliothek:=20nach=20L=C3=A4nge=20sorti?=
 =?UTF-8?q?eren=20(k=C3=BCrzeste/l=C3=A4ngste=20zuerst);=20Seitenzahl=20be?=
 =?UTF-8?q?im=20Hochladen,=20f=C3=BCr=20=C3=A4ltere=20B=C3=BCcher=20einmal?=
 =?UTF-8?q?=20auf=20dem=20Ger=C3=A4t=20ermittelt;=20sw=20v150?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/library.md               |  8 +++++-
 static/js/app/40-epub.js      | 29 +++++++++++++++++++
 static/js/app/52-book-list.js |  1 +
 static/js/app/53-library.js   | 54 +++++++++++++++++++++++++++++++++--
 static/js/sw.js               |  2 +-
 5 files changed, 90 insertions(+), 4 deletions(-)

diff --git a/docs/library.md b/docs/library.md
index b28a882..e839a36 100644
--- a/docs/library.md
+++ b/docs/library.md
@@ -54,7 +54,13 @@ Each area keeps its own storage and calls these for the look and the dialogs.
 ## The library (Bücher, Zeitschriften)
 
 - **Header**: title, search (title, author), sort (zuletzt gelesen · Titel ·
-  Autor · hinzugefügt), ⊞/☰ grid or list, `+` (Buch hinzufügen, Aus Cloud).
+  Autor · hinzugefügt · kürzeste / längste zuerst), ⊞/☰ grid or list, `+` (Buch hinzufügen, Aus Cloud).
+- **Length** (since 2026-10-25): the pages in the encrypted meta (`pages`) — a PDF's pages, an
+  EPUB's text by 1800 characters a page (`bookPagesOfFile`, 40-epub.js; the reader's own
+  estimate). Set on upload and when a book is opened; for older books the device works it out
+  once when a length sort is chosen ("Länge wird ermittelt … 3 von 80": file from the offline
+  copy or the server, decrypted on the device). Unknown lengths come last; the cards show
+  "· 320 S." while sorted by length.
 - **Filter chips**: Alle · Angefangen · Ungelesen · Gelesen — then the folders.
 - **Weiterlesen**: one card on top (cover, title, "Seite 132 von 186 · gestern",
   ▶), not repeated in the list below.
diff --git a/static/js/app/40-epub.js b/static/js/app/40-epub.js
index 6e83b48..6c2f4bf 100644
--- a/static/js/app/40-epub.js
+++ b/static/js/app/40-epub.js
@@ -102,6 +102,35 @@ async function parseEpub(arrayBuffer) {
   return {title, author, chapters, toc, imageMap};
 }
 
+// A book's length in printed pages, from its file without drawing it: a PDF's pages, an EPUB's
+// spine text by CHARS_PER_BOOK_PAGE (as the reader estimates it). The library's length sorts.
+async function bookPagesOfFile(buf, type) {
+  if (type === 'pdf') {
+    const pdf = await pdfjsLib.getDocument({data: new Uint8Array(buf)}).promise;
+    const n = pdf.numPages;
+    pdf.destroy();
+    return n;
+  }
+  const zip = await JSZip.loadAsync(buf);
+  const containerXml = await zip.file('META-INF/container.xml').async('text');
+  const opfPath = new DOMParser().parseFromString(containerXml, 'application/xml').querySelector('rootfile')?.getAttribute('full-path');
+  if (!opfPath) return 0;
+  const opfDir = opfPath.includes('/') ? opfPath.substring(0, opfPath.lastIndexOf('/') + 1) : '';
+  const opfDoc = new DOMParser().parseFromString(await zip.file(opfPath).async('text'), 'application/xml');
+  const hrefs = {};
+  opfDoc.querySelectorAll('manifest > item').forEach(item => { hrefs[item.getAttribute('id')] = opfDir + item.getAttribute('href'); });
+  let chars = 0;
+  for (const ref of opfDoc.querySelectorAll('spine > itemref')) {
+    const f = zip.file(hrefs[ref.getAttribute('idref')] || '');
+    if (!f) continue;
+    const html = (await f.async('text').catch(() => ''))
+      .replace(/<style\b[^>]*>[\s\S]*?<\/style>/gi, '').replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, '');
+    const body = new DOMParser().parseFromString(html, 'text/html').body;
+    chars += body ? body.textContent.length : 0;
+  }
+  return chars ? Math.max(1, Math.round(chars / CHARS_PER_BOOK_PAGE)) : 0;
+}
+
 async function _parseEpubToc(zip, opfDoc, manifest) {
   // Try EPUB3 nav document
   const navItem = Object.values(manifest).find(m => m.properties.includes('nav'));
diff --git a/static/js/app/52-book-list.js b/static/js/app/52-book-list.js
index 0fabf7e..b5a55ee 100644
--- a/static/js/app/52-book-list.js
+++ b/static/js/app/52-book-list.js
@@ -804,6 +804,7 @@ async function _importEbookBuffer(buf, filename, statusEl, opts) {
     if (opts.skipKnown && _knownBook(title, author)) return 'dup';
     const key = await getOrCreateEncKey();
     const meta = {title, author, filename, type, isbn, folder: '', shelfTag: ''};
+    try { meta.pages = await bookPagesOfFile(buf.slice(0), type) || undefined; } catch (e) { /* the reader fills it in */ }
     if (series) { meta.series = series; if (seriesIndex != null) meta.seriesIndex = seriesIndex; }
     const metaJson = new TextEncoder().encode(JSON.stringify(meta));
     const [metaEnc, dataEnc] = await Promise.all([
diff --git a/static/js/app/53-library.js b/static/js/app/53-library.js
index 4fb228b..8be3df6 100644
--- a/static/js/app/53-library.js
+++ b/static/js/app/53-library.js
@@ -247,6 +247,47 @@ window.bookEditionsOf = id => { const b = (_lastBookListData || []).find(x => x.
 
 // ---- which books, in which order ---------------------------------------------------------------
 
+const _libByLength = () => _lib.sort === 'short' || _lib.sort === 'long';
+
+// A book's length is in its meta once it was opened (62-reader.js) or uploaded (since 2026-10-25).
+// For the others this device works it out once, when a length sort is chosen: the file from the
+// offline copy or the server, decrypted here, its text counted (bookPagesOfFile), the pages into
+// the encrypted meta. One book after the other; a book that fails isn't tried again this session.
+let _libLengthRun = null;
+const _libLengthTried = new Set();
+
+function _libFillLengths() {
+  if (_libLengthRun || !_libByLength()) return;
+  const todo = (_lastBookListData || []).filter(b => !b.pages && b.keyOk !== false && !_libLengthTried.has(b.id));
+  if (!todo.length) return;
+  _libLengthRun = {done: 0, of: todo.length};
+  (async () => {
+    let shown = Date.now();
+    try {
+      const key = await getOrCreateEncKey();
+      for (const b of todo) {
+        if (!_libByLength()) break;
+        _libLengthTried.add(b.id);
+        try {
+          let file = await _getCachedBook(b.id);
+          if (!file) {
+            const res = await fetch(`/books/${b.id}/data/`);
+            if (!res.ok) throw new Error(res.status);
+            file = await res.json();
+          }
+          const pages = await bookPagesOfFile(await decryptBytes(key, file.data_iv, file.data_ct), b.type);
+          if (pages > 0) await _updateBookMeta(b.id, {pages});
+        } catch (e) { /* stays at the end */ }
+        _libLengthRun.done++;
+        if (Date.now() - shown > 4000) { shown = Date.now(); renderBookList(_lastBookListData); }
+      }
+    } finally {
+      _libLengthRun = null;
+      renderBookList(_lastBookListData);
+    }
+  })();
+}
+
 function _libShown(books) {
   const q = _libNorm(_lib.q).trim();
   let list = books.filter(b =>
@@ -258,6 +299,9 @@ function _libShown(books) {
     title: (a, b) => a.title.localeCompare(b.title, 'de', {numeric: true}),
     author: (a, b) => (a.author || '~').localeCompare(b.author || '~', 'de') || a.title.localeCompare(b.title, 'de', {numeric: true}),
     added: (a, b) => String(b.uploaded_at || '').localeCompare(String(a.uploaded_at || '')),
+    // By length (pages in the meta); a book whose length isn't known yet comes last.
+    short: (a, b) => ((a.pages || Infinity) - (b.pages || Infinity)) || a.title.localeCompare(b.title, 'de', {numeric: true}),
+    long: (a, b) => ((b.pages || 0) - (a.pages || 0)) || a.title.localeCompare(b.title, 'de', {numeric: true}),
   };
   return list.slice().sort(by[_lib.sort] || by.recent);
 }
@@ -300,7 +344,8 @@ function _libCard(b, label) {
   const sel = _lib.selecting && _lib.selecting.has(b.id);
   const eds = _lib.editions && _lib.editions.get(b.id);
   const by = (label ? label + (b.author ? ' · ' : '') : '') + (b.author || '') +   // "Band 2 · Autor" in a series
-    (eds && _libLayout() === 'list' ? ' · ' + _libFormats(eds) : '');
+    (eds && _libLayout() === 'list' ? ' · ' + _libFormats(eds) : '') +
+    (_libByLength() && b.pages ? (b.author || label ? ' · ' : '') + b.pages + ' S.' : '');
   const edBadge = eds ? `<span class="lib-ed" title="${eds.length} Ausgaben">${_libEsc(_libFormats(eds))}</span>` : '';
   const pct = _libPct(b);
   // An issue with its articles (54-issues.js): read of them instead of a percentage.
@@ -467,7 +512,9 @@ function _libRender(allBooks) {
   const issueOpen = magazines && _lib.issue != null && typeof _issueView === 'function' && books.some(b => b.id === _lib.issue);
   listEl.classList.toggle('iss-open', !!issueOpen);
   const narrow = window.matchMedia && matchMedia('(max-width: 720px)').matches;
-  const sorts = [['recent', 'Zuletzt'], ['title', 'Titel'], ['author', 'Autor'], ['added', 'Neu hinzugefügt']];
+  const sorts = [['recent', 'Zuletzt'], ['title', 'Titel'], ['author', 'Autor'], ['added', 'Neu hinzugefügt'],
+    ['short', 'Kürzeste zuerst'], ['long', 'Längste zuerst']];
+  _libFillLengths();
   let h = `<div class="lib-head"><h2 class="lib-h">${magazines ? 'Zeitschriften' : 'Bücher'}</h2>
     ${!narrow || _lib.searching || _lib.q ? `<input class="lib-q" type="search" placeholder="Titel, Autor …" value="${_libEsc(_lib.q)}">` :
       '<button type="button" class="lib-icon" data-lib="search" aria-label="Suchen">⌕</button>'}
@@ -475,6 +522,9 @@ function _libRender(allBooks) {
     <button type="button" class="lib-icon" data-lib="layout" aria-label="${_libLayout() === 'grid' ? 'Als Liste' : 'Als Raster'}">${_libLayout() === 'grid' ? '☰' : '⊞'}</button>
     <button type="button" class="lib-icon lib-add" data-lib="add" aria-label="Hinzufügen">+</button></div>
     <div class="lib-chips"></div>`;
+  if (_libLengthRun && _libByLength()) {
+    h += `<p class="lib-length-note">Länge wird ermittelt … ${_libLengthRun.done} von ${_libLengthRun.of} Büchern</p>`;
+  }
   if (_lib.selecting) {
     h += `<div class="lib-selbar"><span>${_lib.selecting.size} ausgewählt</span>
       <button type="button" class="lib-btn" data-lib="sel-folders"${_lib.selecting.size ? '' : ' disabled'}>In Ordner …</button>
diff --git a/static/js/sw.js b/static/js/sw.js
index d3b7dcc..3ff1519 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v149';
+const CACHE = 'diora-v150';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 841ac5bed52f7be9fc071eff4fd9bdac94fb4edb Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 25 Oct 2026 12:28:52 +0100
Subject: [PATCH 170/176] =?UTF-8?q?Bibliothek:=20Hinweis=20=E2=80=9EL?=
 =?UTF-8?q?=C3=A4nge=20wird=20ermittelt=E2=80=9C=20ged=C3=A4mpft=20gesetzt?=
 =?UTF-8?q?;=20sw=20v151?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/js/app/53-library.js | 1 +
 static/js/sw.js             | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/static/js/app/53-library.js b/static/js/app/53-library.js
index 8be3df6..3758245 100644
--- a/static/js/app/53-library.js
+++ b/static/js/app/53-library.js
@@ -1004,6 +1004,7 @@ function _libAddMenu() {
     '#book-list .lib-group { margin: 18px 0 8px; font-size: 13px; font-weight: 400; color: var(--muted, #9a9a9a); }',
     '#book-list .lib-count { opacity: .7; }',
     '#book-list .lib-empty { color: var(--muted, #9a9a9a); font-size: 14px; }',
+    '#book-list .lib-length-note { color: var(--muted, #9a9a9a); font-size: 13px; margin: 4px 0 8px; }',
     'body.eink #book-list .lib-add, body.eink #book-list .lib-play { background: #000; color: #fff; }',
     'body.eink #book-list .lib-continue { border: 2px solid #000; background: #fff; }',
     'body.eink #book-list .lib-hero-cover { box-shadow: none; border: 1px solid #000; }',
diff --git a/static/js/sw.js b/static/js/sw.js
index 3ff1519..945c4fa 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v150';
+const CACHE = 'diora-v151';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 89827086ba04ec623628ded59ca505b42e1f0940 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 25 Oct 2026 12:39:57 +0100
Subject: [PATCH 171/176] =?UTF-8?q?Gezeichnete=20Cover:=20neue=20Konzepte?=
 =?UTF-8?q?=20(funk,=20musik,=20kunst,=20essen,=20sport,=20geld,=20reise),?=
 =?UTF-8?q?=20zweite=20Motive=20f=C3=BCr=20die=20meisten;=20quadratisch=20?=
 =?UTF-8?q?f=C3=BCr=20H=C3=B6rb=C3=BCcher=20und=20Podcasts=20ohne=20(ladba?=
 =?UTF-8?q?res)=20Bild;=20sw=20v152?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/library.md                   |  14 +-
 static/js/audiobooks.js           |  14 +-
 static/js/gencover.js             | 339 ++++++++++++++++++++++++++++--
 static/js/sw.js                   |   2 +-
 static/podcasts/native-podcast.js |   7 +-
 5 files changed, 352 insertions(+), 24 deletions(-)

diff --git a/docs/library.md b/docs/library.md
index e839a36..257e978 100644
--- a/docs/library.md
+++ b/docs/library.md
@@ -115,8 +115,18 @@ knot, a spiral), karte (Geschichte), kosmos (Science-Fiction), ornament
 (Fantasy), raster (Politik, Soziologie), schatten (Krimi: a red line, a lit
 doorway), grusel (Horror), klassiker (patterned paper with a title plate),
 sakral (Religion & Mythologie), spiel (Kinder & Jugend), code (Informatik),
-typo, wellen, botanik, berge, zellen — and bauhaus when nothing matches. A hash
-of title and author picks palette, layout and every detail.
+typo, wellen, botanik, berge, zellen, and since 2026-10-25 funk (talk and radio: waveform,
+mast, speech bubbles), musik (record, staff), kunst (colour fields, brushstrokes), essen (plate
+on a checked cloth, citrus), sport (track, pitch), geld (price chart, coins), reise (road,
+route with compass) — and bauhaus when nothing matches (shapes, quarter-circle tiles, a
+circle crossed by diagonals). Most concepts have two or three motifs. A hash of title and
+author picks motif, palette, layout and every detail.
+
+**Square** (`{square: true}`, since 2026-10-25): audiobooks and podcasts without a picture, or
+whose picture doesn't load (audiobooks.js; diora-android native-podcast.js `art()`, before the
+initial letter). 300 × 300, three title lines at most; the band of the motif shown is centred
+in what the text leaves free. Podcasts (`podcast: true`) nothing matches get funk, not
+bauhaus; a Marx/Engels audiobook gets konstruktiv (the blue volume is a binding).
 
 ### Export as XML (since 2026-10-24)
 
diff --git a/static/js/audiobooks.js b/static/js/audiobooks.js
index 871292d..63d07ea 100644
--- a/static/js/audiobooks.js
+++ b/static/js/audiobooks.js
@@ -36,6 +36,11 @@
   const shelf = document.createElement('div');
   shelf.id = 'audiobook-shelf';
   tab.appendChild(shelf);
+  // A cover that doesn't load gives way to the drawn one (cover(): data-gen; shelf and book view).
+  document.addEventListener('error', e => {
+    const img = e.target;
+    if (img.tagName === 'IMG' && img.dataset.gen && img.getAttribute('src') !== img.dataset.gen) img.src = img.dataset.gen;
+  }, true);
 
   // ---- helpers ------------------------------------------------------------------------
 
@@ -74,11 +79,12 @@
 
   function cover(url, title, cls, author) {
     const art = String(url || '').replace(/^http:/, 'https:');
-    if (!art && window.DioraGenCover) {   // none: one drawn from the title (gencover.js)
-      return '<img class="' + cls + '" src="' + DioraGenCover.url({title: title || '', author: author || ''}) + '" alt="">';
-    }
+    // None, or one that doesn't load (the error listener on the shelf): one drawn from the title
+    // (gencover.js), square like the others.
+    const gen = window.DioraGenCover ? DioraGenCover.url({title: title || '', author: author || ''}, {square: true}) : '';
+    if (!art && gen) return '<img class="' + cls + '" src="' + gen + '" alt="">';
     return art
-      ? '<img class="' + cls + '" src="' + esc(art) + '" alt="" loading="lazy">'
+      ? '<img class="' + cls + '" src="' + esc(art) + '" alt="" loading="lazy"' + (gen ? ' data-gen="' + gen + '"' : '') + '>'
       : '<span class="' + cls + ' ab-nocover">' + esc((title || '?').trim().charAt(0).toUpperCase()) + '</span>';
   }
 
diff --git a/static/js/gencover.js b/static/js/gencover.js
index 095a5dd..53322cb 100644
--- a/static/js/gencover.js
+++ b/static/js/gencover.js
@@ -9,8 +9,11 @@
  * the palette, the layout and every detail of the motif, so no two books look alike and
  * each always looks the same. Nothing is stored or sent: it's an SVG, made when needed.
  *
- *   DioraGenCover.url(book, {gray})  a data: URL (book: {title, author, shelfTag, folders})
- *   DioraGenCover.theme(book)        the concept chosen (for tests)
+ *   DioraGenCover.url(book, {gray, square, podcast})  a data: URL (book: {title, author, shelfTag, folders})
+ *   DioraGenCover.theme(book, opts)  the concept chosen (for tests)
+ *
+ * square: 300 × 300 for audiobooks and podcasts (the motif's middle, the text above or below);
+ * podcast: a show nothing else fits gets the radio concept rather than the plain shapes.
  *
  * Chrome-61-safe: no ?. / ??.
  */
@@ -141,6 +144,36 @@
         'treasure', 'schatz', 'green gables', 'narnia', 'wardrobe', 'coraline', 'unendliche'],
       palettes: [['#fdf3e1', '#2d2a26', '#f2a23a', '#4fa3a5'], ['#e8f4f1', '#23343a', '#ef7b5a', '#f4c54b'], ['#2f3e6b', '#fff6e6', '#f6c445', '#ef8a6f'],
         ['#f6ecf2', '#2c2433', '#e0607e', '#5bb08f']]},
+    // Talk and radio: what podcasts mostly are (and their default, see theme()).
+    {id: 'funk', font: SANS,
+      words: ['podcast', 'radio', 'talk', 'gespräch', 'interview', 'sendung', 'show$', 'funk$', 'rundfunk', 'deutschlandfunk',
+        'hörspiel', 'feature', 'on air', 'live', 'plauder', 'unterhaltung', 'conversation'],
+      palettes: [['#f3ece0', '#20232a', '#e2573b', '#3f8fa0'], ['#1c2230', '#efe9df', '#f0a73c', '#7fb7c9'], ['#e9eef0', '#1f2a33', '#5a63c9', '#e9806a'],
+        ['#2a1f2d', '#f4e8dc', '#ef6f6c', '#f2c45a']]},
+    {id: 'musik', font: SERIF,
+      words: ['musik', 'music', 'jazz', 'song', 'lied', 'klang', 'sound', 'oper', 'opera', 'symphon', 'sinfon', 'konzert', 'concert',
+        'rock', 'pop$', 'hip hop', 'hip-hop', 'rap$', 'techno', 'beethoven', 'mozart', 'bach$', 'album', 'vinyl', 'melod', 'harmon'],
+      palettes: [['#151515', '#efe9dd', '#e0a43a', '#c4473c'], ['#f1e9dc', '#1f1d1b', '#b6382f', '#2f6c8a'], ['#20263a', '#efe6d6', '#e78f6a', '#9ec3c7']]},
+    {id: 'kunst', font: SERIF,
+      words: ['kunst', 'art$', 'arts$', 'malerei', 'painting', 'maler', 'painter', 'ästhetik', 'aesthetic', 'museum', 'design',
+        'foto', 'photo', 'film', 'kino', 'cinema', 'bild', 'image', 'skulptur', 'galerie', 'gallery', 'avantgarde', 'avant-garde'],
+      palettes: [['#efe7da', '#2a2622', '#c4492f', '#e2b04a'], ['#2a2230', '#efe5d8', '#d96a4a', '#5f8fb0'], ['#e6e9ea', '#232629', '#8a3d5c', '#e5a23e']]},
+    {id: 'essen', font: SERIF,
+      words: ['kochen', 'koch$', 'cook', 'küche', 'kitchen', 'rezept', 'recipe', 'essen', 'food', 'backen', 'bake', 'baking',
+        'wein', 'wine', 'kaffee', 'coffee', 'genuss', 'vegan', 'gemüse', 'brot', 'bread', 'mahl', 'meal'],
+      palettes: [['#f6efe2', '#2b2520', '#c8493a', '#e7b347'], ['#eef1e6', '#23301f', '#d2643c', '#6f9a54'], ['#2d2420', '#f3e9da', '#e09a3b', '#b9473a']]},
+    {id: 'sport', font: NARROW, upper: true,
+      words: ['sport', 'fußball', 'fussball', 'football', 'soccer', 'laufen', 'running', 'marathon', 'fahrrad', 'cycling',
+        'tennis', 'fitness', 'training', 'olymp', 'spieler', 'player', 'tor$', 'goal', 'liga', 'league', 'boxen', 'boxing'],
+      palettes: [['#e8efe6', '#1d2a22', '#d9483b', '#2f7a4f'], ['#1d2a3a', '#eef2f4', '#f2b23c', '#4f9fd0'], ['#f2ece2', '#22252a', '#c6462e', '#2e6aa0']]},
+    {id: 'geld', font: SANS,
+      words: ['geld', 'money', 'finanz', 'financ', 'börse', 'market', 'markt', 'invest', 'bank$', 'banken', 'schulden', 'debt',
+        'kredit', 'credit', 'zins', 'interest', 'aktie', 'stock', 'krise', 'crisis', 'inflation', 'reichtum', 'wealth', 'kapitalis', 'wirtschaft'],
+      palettes: [['#eef0e8', '#1e2a24', '#2f8a5f', '#c9a23f'], ['#1f2722', '#e9ece2', '#d9b24a', '#5fae86'], ['#f1ece3', '#24221f', '#b5462f', '#3f6f5a']]},
+    {id: 'reise', font: SERIF,
+      words: ['reise', 'travel', 'journey', 'unterwegs', 'zug$', 'train', 'bahn$', 'eisenbahn', 'railway', 'straße', 'road', 'fahrt',
+        'atlas', 'expedition', 'entdeck', 'discover', 'wander', 'pilger', 'pilgrim', 'odyssee', 'odyssey', 'kompass', 'compass', 'route'],
+      palettes: [['#f0e8d8', '#2a2a26', '#c0562f', '#3f7a8a'], ['#22303a', '#efe7d6', '#e3a04a', '#89b5bd'], ['#e7ece6', '#24302c', '#b0473a', '#d1a54a']]},
     {id: 'code', font: MONO,
       words: ['program', 'comput', 'informatik', 'software', 'algorithm', 'linux', 'unix', 'python', 'javascript',
         'rhcsa', 'red hat', 'interpretation of computer'],
@@ -156,7 +189,9 @@
     ['informatik', 'code'], ['schreib', 'typo'], ['gegenwartslit', 'typo'], ['roman', 'typo'], ['zeitschrift', 'typo'],
     ['religion', 'sakral'], ['mytholog', 'sakral'], ['klassiker', 'klassiker'], ['science', 'kosmos'], ['sci-fi', 'kosmos'],
     ['fantasy', 'ornament'], ['krimi', 'schatten'], ['thriller', 'schatten'], ['warhammer', 'schatten'], ['horror', 'grusel'],
-    ['kinder', 'spiel'], ['jugend', 'spiel'],
+    ['kinder', 'spiel'], ['jugend', 'spiel'], ['gespräch', 'funk'], ['podcast', 'funk'], ['radio', 'funk'], ['hörspiel', 'funk'],
+    ['comedy', 'funk'], ['musik', 'musik'], ['music', 'musik'], ['kunst', 'kunst'], ['film', 'kunst'], ['koch', 'essen'],
+    ['essen', 'essen'], ['sport', 'sport'], ['finanz', 'geld'], ['wirtschaft', 'geld'], ['reise', 'reise'],
   ];
   const DEFAULT = {id: 'bauhaus', font: SANS,
     palettes: [['#efe9dd', '#24262a', '#d0533f', '#3f7fb0'], ['#26282d', '#efe8da', '#e3b04b', '#5b9aa8'], ['#e8ecef', '#22272c', '#c8553d', '#6b8f71'],
@@ -198,10 +233,14 @@
   const MARX_ENGELS = /(^|[^a-zäöü])(marx|engels)($|[^a-zäöü])/i;
   const BLAU = THEMES.filter(t => t.id === 'blau')[0];
 
-  function theme(book) {
+  const byId = id => THEMES.filter(t => t.id === id)[0];
+
+  function theme(book, opts) {
+    // The blue volume is a book's binding: a square (audiobook, podcast) gets the red of the movement.
+    if (opts && opts.square && (MARX_ENGELS.test(book.author || '') || /mew|marx.engels.werke/i.test(book.series || ''))) return byId('konstruktiv');
     if (MARX_ENGELS.test(book.author || '') || /mew|marx.engels.werke/i.test(book.series || '')) return BLAU;
     const s = scored(book).filter(x => x.t !== BLAU);
-    return s.length ? s[0].t : DEFAULT;
+    return s.length ? s[0].t : opts && opts.podcast ? byId('funk') : DEFAULT;
   }
 
   // ---- motifs: each draws into the whole cover, the text gets its own space later -----------
@@ -285,6 +324,16 @@
       return s;
     },
     wellen(r, p) {
+      if (r() < 0.4) {      // the sun on the horizon, its light broken on the water
+        const hy = between(r, 250, 300), sx = between(r, 90, 210), sr = between(r, 40, 62);
+        let s = `<circle cx="${f1(sx)}" cy="${f1(hy)}" r="${f1(sr)}" fill="${p[2]}"/>` +
+          `<rect x="0" y="${f1(hy)}" width="${W}" height="${f1(H - hy)}" fill="${p[3]}" opacity=".6"/>`;
+        for (let y = hy + 10, i = 0; y < H - 10; y += 11 + i * 1.5, i++) {
+          const w = sr * 2 * (1 - i * 0.05) * between(r, 0.6, 1.1);
+          if (w > 6) s += `<rect x="${f1(sx - w / 2)}" y="${f1(y)}" width="${f1(w)}" height="3" rx="1.5" fill="${p[2]}" opacity="${f1(Math.max(0.2, 0.9 - i * 0.06))}"/>`;
+        }
+        return s;
+      }
       let s = '';
       const n = 6 + Math.floor(r() * 5);
       const amp = between(r, 6, 16), len = between(r, 60, 120);
@@ -298,6 +347,20 @@
       return s;
     },
     karte(r, p) {
+      if (r() < 0.4) {      // a graticule, a coast, a route across it
+        let s = '';
+        for (let x = 30; x < W; x += 40) s += `<line x1="${x}" y1="0" x2="${x}" y2="${H}" stroke="${p[1]}" stroke-width=".6" opacity=".35"/>`;
+        for (let y = 30; y < H; y += 40) s += `<line x1="0" y1="${y}" x2="${W}" y2="${y}" stroke="${p[1]}" stroke-width=".6" opacity=".35"/>`;
+        const cx = between(r, 100, 200), cy = between(r, 260, 330), ph1 = r() * 6, ph2 = r() * 6;
+        let d = '';
+        for (let k = 0; k <= 48; k++) {
+          const a = k / 48 * Math.PI * 2, rad = 70 * (1 + 0.25 * Math.sin(a * 3 + ph1) + 0.12 * Math.sin(a * 7 + ph2));
+          d += (k ? ' L' : 'M') + f1(cx + Math.cos(a) * rad * 1.2) + ' ' + f1(cy + Math.sin(a) * rad);
+        }
+        s += `<path d="${d} Z" fill="${p[3]}" opacity=".55" stroke="${p[1]}" stroke-width="1.2"/>`;
+        return s + `<path d="M${f1(between(r, 10, 60))} ${f1(between(r, 380, 430))} Q${f1(cx)} ${f1(cy - 120)} ${f1(between(r, 240, 290))} ${f1(between(r, 160, 220))}" ` +
+          `fill="none" stroke="${p[2]}" stroke-width="2" stroke-dasharray="6 5"/>`;
+      }
       let s = '';
       const cx = between(r, 80, 220), cy = between(r, 160, 320);
       for (let i = 1; i <= 9; i++) {
@@ -313,6 +376,18 @@
       return s;
     },
     kosmos(r, p) {
+      if (r() < 0.4) {      // the moon's phases in a row, under a few stars
+        let s = '';
+        for (let i = 0; i < 40; i++) s += `<circle cx="${f1(r() * W)}" cy="${f1(r() * H)}" r="${f1(between(r, 0.4, 1.2))}" fill="${p[1]}" opacity="${f1(between(r, 0.3, 0.8))}"/>`;
+        const y = between(r, 260, 320), rad = 22;
+        for (let i = 0; i < 5; i++) {
+          const x = 40 + i * 55;
+          s += `<circle cx="${x}" cy="${f1(y)}" r="${rad}" fill="${p[2]}"/>`;
+          if (i !== 2) s += `<circle cx="${f1(x + (i - 2) * rad * 0.9)}" cy="${f1(y)}" r="${rad}" fill="${p[0]}"/>`;
+          s += `<circle cx="${x}" cy="${f1(y)}" r="${rad}" fill="none" stroke="${p[2]}" stroke-width="1" opacity=".5"/>`;
+        }
+        return s;
+      }
       let s = '';
       for (let i = 0; i < 70; i++) s += `<circle cx="${f1(r() * W)}" cy="${f1(r() * H)}" r="${f1(between(r, 0.4, 1.5))}" fill="${p[1]}" opacity="${f1(between(r, 0.3, 0.9))}"/>`;
       const cx = between(r, 90, 210), cy = between(r, 170, 290), pr = between(r, 30, 55);
@@ -334,6 +409,22 @@
       return s;
     },
     botanik(r, p) {
+      if (r() < 0.4) {      // a fern frond, bending
+        const x0 = between(r, 110, 190), bend = between(r, -0.6, 0.6), n = 14, pts = [];
+        for (let i = 0; i <= n; i++) {
+          const t = i / n;
+          pts.push([x0 + Math.sin(t * 1.6) * bend * 90, H - 10 - t * 300]);
+        }
+        let s = `<path d="M${pts.map(q => f1(q[0]) + ' ' + f1(q[1])).join(' L')}" fill="none" stroke="${p[2]}" stroke-width="2.4" stroke-linecap="round"/>`;
+        pts.slice(1, -1).forEach((q, i) => {
+          const len = (1 - i / n) * between(r, 40, 60) + 8;
+          [-1, 1].forEach(side => {
+            s += `<path d="M${f1(q[0])} ${f1(q[1])} q${f1(side * len * 0.5)} ${f1(-len * 0.35)} ${f1(side * len)} ${f1(-len * 0.15)} ` +
+              `q${f1(-side * len * 0.45)} ${f1(len * 0.25)} ${f1(-side * len)} ${f1(len * 0.15)}Z" fill="${i % 2 ? p[2] : p[3]}" opacity=".85"/>`;
+          });
+        });
+        return s;
+      }
       let s = '';
       const n = 5 + Math.floor(r() * 4);
       for (let i = 0; i < n; i++) {
@@ -345,6 +436,17 @@
       return s;
     },
     berge(r, p) {
+      if (r() < 0.4) {      // one peak and its snow, the sky in bands
+        let s = '';
+        for (let i = 0; i < 5; i++) s += `<rect x="0" y="${110 + i * 26}" width="${W}" height="13" fill="${p[3]}" opacity="${f1(0.12 + i * 0.06)}"/>`;
+        const px = between(r, 100, 200), py = between(r, 170, 220), base = H - 30;
+        const lx = px - between(r, 150, 220), rx = px + between(r, 150, 220);
+        s += `<path d="M${f1(lx)} ${base} L${f1(px)} ${f1(py)} L${f1(rx)} ${base} Z" fill="${p[1]}" opacity=".85"/>`;
+        const k = between(r, 0.22, 0.32), sl = px + (lx - px) * k, sr = px + (rx - px) * k, sy = py + (base - py) * k;
+        s += `<path d="M${f1(px)} ${f1(py)} L${f1(sr)} ${f1(sy)} L${f1((px + sr) / 2)} ${f1(sy - 8)} L${f1(px)} ${f1(sy + 6)} ` +
+          `L${f1((px + sl) / 2)} ${f1(sy - 6)} L${f1(sl)} ${f1(sy)} Z" fill="${p[0]}"/>`;
+        return s + `<rect x="0" y="${base}" width="${W}" height="30" fill="${p[2]}"/>`;
+      }
       let s = `<circle cx="${f1(between(r, 60, 240))}" cy="${f1(between(r, 120, 190))}" r="${f1(between(r, 22, 38))}" fill="${p[3]}"/>`;
       for (let i = 0; i < 4; i++) {
         const base = 260 + i * 45;
@@ -356,6 +458,17 @@
       return s;
     },
     zellen(r, p) {
+      if (r() < 0.4) {      // the double helix, across
+        const cy = between(r, 250, 310), amp = between(r, 40, 60), len = between(r, 110, 150), ph = r() * 6;
+        let a = '', b = '', rungs = '';
+        for (let x = -10; x <= W + 10; x += 6) {
+          const y = Math.sin(x / len * Math.PI * 2 + ph) * amp;
+          a += (x > -10 ? ' L' : 'M') + x + ' ' + f1(cy + y);
+          b += (x > -10 ? ' L' : 'M') + x + ' ' + f1(cy - y);
+          if ((x + 10) % 18 === 0) rungs += `<line x1="${x}" y1="${f1(cy + y)}" x2="${x}" y2="${f1(cy - y)}" stroke="${pick(r, [p[2], p[3]])}" stroke-width="3" opacity=".8"/>`;
+        }
+        return rungs + `<path d="${a}" fill="none" stroke="${p[1]}" stroke-width="3"/><path d="${b}" fill="none" stroke="${p[2]}" stroke-width="3"/>`;
+      }
       let s = '';
       for (let i = 0; i < 16; i++) {
         const x = between(r, 20, 280), y = between(r, 140, 430), rad = between(r, 12, 42);
@@ -401,6 +514,15 @@
         `<circle cx="${f1(x)}" cy="${f1(between(r, 200, 330))}" r="${f1(between(r, 50, 90))}" fill="${p[3]}" opacity=".35"/>`;
     },
     typo(r, p, book) {
+      if (r() < 0.45) {     // a page of type with one line marked, a quotation mark
+        let s = `<text x="${f1(between(r, 170, 210))}" y="${f1(between(r, 330, 380))}" font-family="${SERIF}" font-size="200" fill="${p[2]}" opacity=".85">“</text>`;
+        const mark = 4 + Math.floor(r() * 8);
+        for (let i = 0, y = 190; y < H - 30; i++, y += 15) {
+          const w = i % 7 === 6 ? between(r, 60, 160) : between(r, 200, 248);
+          s += `<rect x="26" y="${y}" width="${f1(w)}" height="5" fill="${i === mark ? p[2] : p[1]}" opacity="${i === mark ? 0.9 : 0.22}"/>`;
+        }
+        return s;
+      }
       const ch = (book.title || '?').replace(/^[^A-Za-zÄÖÜäöüß0-9]+/, '').charAt(0).toUpperCase() || '?';
       return `<text x="${f1(between(r, 20, 60))}" y="${f1(between(r, 380, 430))}" font-family="${SERIF}" font-size="${f1(between(r, 240, 320))}" ` +
         `fill="${p[2]}" opacity=".9">${esc(ch)}</text>` +
@@ -560,7 +682,184 @@
       s += `<rect x="12" y="140" width="3" height="${H - 160}" fill="${p[2]}" opacity=".7"/>`;
       return s;
     },
+    funk(r, p) {
+      const v = r();
+      if (v < 0.45) {       // a voice as a waveform, mirrored about its line
+        const cy = between(r, 270, 320), n = 34, gap = (W - 30) / n;
+        let s = `<line x1="10" y1="${f1(cy)}" x2="${W - 10}" y2="${f1(cy)}" stroke="${p[1]}" stroke-width="1" opacity=".4"/>`;
+        let level = between(r, 0.2, 0.6);
+        for (let i = 0; i < n; i++) {
+          level = Math.max(0.08, Math.min(1, level + between(r, -0.3, 0.3)));
+          const h = level * between(r, 60, 110), c = level > 0.75 ? p[2] : i % 9 === 4 ? p[3] : p[1];
+          s += `<rect x="${f1(15 + i * gap)}" y="${f1(cy - h / 2)}" width="${f1(gap * 0.55)}" height="${f1(h)}" rx="${f1(gap * 0.27)}" ` +
+            `fill="${c}" opacity="${c === p[1] ? 0.75 : 1}"/>`;
+        }
+        return s;
+      }
+      if (v < 0.75) {       // a mast, its waves going out
+        const x = between(r, 60, 240), y = between(r, 300, 360);
+        let s = '';
+        for (let i = 1; i <= 6; i++) {
+          s += `<circle cx="${f1(x)}" cy="${f1(y)}" r="${i * 26}" fill="none" stroke="${i % 2 ? p[2] : p[3]}" stroke-width="${i % 2 ? 4 : 2}" opacity="${f1(1 - i * 0.12)}"/>`;
+        }
+        return s + `<path d="M${f1(x)} ${f1(y)} L${f1(x - 26)} ${H} M${f1(x)} ${f1(y)} L${f1(x + 26)} ${H} M${f1(x - 13)} ${f1(y + 60)} L${f1(x + 13)} ${f1(y + 60)}" ` +
+          `stroke="${p[1]}" stroke-width="3" fill="none"/><circle cx="${f1(x)}" cy="${f1(y)}" r="7" fill="${p[1]}"/>`;
+      }
+      // two speech bubbles, one answering the other
+      const bubble = (x, y, w, h, left, fill, stroke) => `<path d="M${f1(x + 14)} ${f1(y)} H${f1(x + w - 14)} Q${f1(x + w)} ${f1(y)} ${f1(x + w)} ${f1(y + 14)} ` +
+        `V${f1(y + h - 14)} Q${f1(x + w)} ${f1(y + h)} ${f1(x + w - 14)} ${f1(y + h)} ` +
+        (left ? `H${f1(x + 46)} L${f1(x + 22)} ${f1(y + h + 22)} L${f1(x + 30)} ${f1(y + h)}` : `H${f1(x + w - 30)} L${f1(x + w - 22)} ${f1(y + h + 22)} L${f1(x + w - 46)} ${f1(y + h)}`) +
+        ` H${f1(x + 14)} Q${f1(x)} ${f1(y + h)} ${f1(x)} ${f1(y + h - 14)} V${f1(y + 14)} Q${f1(x)} ${f1(y)} ${f1(x + 14)} ${f1(y)} Z" ` +
+        `fill="${fill}" stroke="${stroke}" stroke-width="2.4"/>`;
+      const w1 = between(r, 150, 200), w2 = between(r, 130, 180);
+      return bubble(between(r, 20, 50), between(r, 190, 220), w1, between(r, 70, 90), true, p[2], 'none') +
+        bubble(W - 20 - w2 - between(r, 0, 30), between(r, 310, 330), w2, between(r, 60, 80), false, 'none', p[1]);
+    },
+    musik(r, p) {
+      if (r() < 0.5) {      // a record, half out of its sleeve
+        const cx = between(r, 170, 230), cy = between(r, 280, 320), R = between(r, 110, 130);
+        let s = `<rect x="${f1(cx - R - 90)}" y="${f1(cy - R - 6)}" width="${f1(R * 2 + 12)}" height="${f1(R * 2 + 12)}" fill="${p[3]}" opacity=".9"/>` +
+          `<circle cx="${f1(cx)}" cy="${f1(cy)}" r="${f1(R)}" fill="${p[1]}"/>`;
+        for (let g = R - 8; g > R * 0.4; g -= between(r, 4, 9)) {
+          s += `<circle cx="${f1(cx)}" cy="${f1(cy)}" r="${f1(g)}" fill="none" stroke="${p[0]}" stroke-width=".6" opacity=".25"/>`;
+        }
+        return s + `<circle cx="${f1(cx)}" cy="${f1(cy)}" r="${f1(R * 0.32)}" fill="${p[2]}"/><circle cx="${f1(cx)}" cy="${f1(cy)}" r="3" fill="${p[0]}"/>`;
+      }
+      // a staff with notes on it
+      const y0 = between(r, 220, 280), gap = 11;
+      let s = '';
+      for (let k = 0; k < 5; k++) s += `<line x1="0" y1="${f1(y0 + k * gap)}" x2="${W}" y2="${f1(y0 + k * gap)}" stroke="${p[1]}" stroke-width="1.2" opacity=".7"/>`;
+      for (let x = 30; x < W - 20; x += between(r, 26, 44)) {
+        const y = y0 + 4 * gap - Math.floor(between(r, -3, 11)) * gap / 2, c = r() < 0.2 ? p[2] : p[1];
+        s += `<ellipse cx="${f1(x)}" cy="${f1(y)}" rx="6.5" ry="4.8" fill="${c}" transform="rotate(-20 ${f1(x)} ${f1(y)})"/>` +
+          `<line x1="${f1(x + 6)}" y1="${f1(y)}" x2="${f1(x + 6)}" y2="${f1(y - 34)}" stroke="${c}" stroke-width="1.6"/>`;
+      }
+      return s + `<rect x="0" y="${f1(y0 + 4 * gap + 60)}" width="${W}" height="${H}" fill="${p[2]}" opacity=".85"/>`;
+    },
+    kunst(r, p) {
+      if (r() < 0.5) {      // colour fields one above the other, their edges soft
+        const top = between(r, 150, 180), gap = between(r, 10, 18), h1 = between(r, 110, 150);
+        const field = (y, h, c, o) => `<rect x="22" y="${f1(y - 4)}" width="${W - 44}" height="${f1(h + 8)}" rx="10" fill="${c}" opacity="${f1(o * 0.25)}"/>` +
+          `<rect x="26" y="${f1(y)}" width="${W - 52}" height="${f1(h)}" rx="6" fill="${c}" opacity="${o}"/>`;
+        return field(top, h1, p[2], 0.95) + field(top + h1 + gap, H - 30 - (top + h1 + gap), pick(r, [p[3], p[1]]), 0.85);
+      }
+      // brushstrokes
+      let s = '';
+      for (let i = 0; i < 4; i++) {
+        const x0 = between(r, -20, 80), y0 = between(r, 180, 420), x1 = between(r, 220, 320), y1 = y0 + between(r, -80, 80);
+        s += `<path d="M${f1(x0)} ${f1(y0)} Q${f1((x0 + x1) / 2)} ${f1(Math.min(y0, y1) - between(r, 20, 90))} ${f1(x1)} ${f1(y1)}" fill="none" ` +
+          `stroke="${pick(r, [p[1], p[2], p[3]])}" stroke-width="${f1(between(r, 10, 34))}" stroke-linecap="round" opacity="${f1(between(r, 0.6, 0.95))}"/>`;
+      }
+      return s;
+    },
+    essen(r, p) {
+      if (r() < 0.5) {      // a plate on a checked cloth
+        const sz = pick(r, [20, 24, 28]), cx = between(r, 120, 180), cy = between(r, 280, 320);
+        return `<defs><pattern id="gi" width="${sz * 2}" height="${sz * 2}" patternUnits="userSpaceOnUse">` +
+          `<rect width="${sz}" height="${sz * 2}" fill="${p[2]}" opacity=".35"/><rect width="${sz * 2}" height="${sz}" fill="${p[2]}" opacity=".35"/></pattern></defs>` +
+          `<rect y="120" width="${W}" height="${H - 120}" fill="url(#gi)"/>` +
+          `<circle cx="${f1(cx)}" cy="${f1(cy)}" r="92" fill="${p[0]}" stroke="${p[1]}" stroke-width="1.2"/>` +
+          `<circle cx="${f1(cx)}" cy="${f1(cy)}" r="64" fill="none" stroke="${p[1]}" stroke-width="1" opacity=".5"/>` +
+          `<circle cx="${f1(cx + between(r, -20, 20))}" cy="${f1(cy + between(r, -20, 20))}" r="${f1(between(r, 18, 30))}" fill="${p[3]}"/>`;
+      }
+      // citrus slices
+      let s = '';
+      for (let i = 0; i < 5; i++) {
+        const x = between(r, 40, 260), y = between(r, 180, 410), R = between(r, 30, 52), n = pick(r, [8, 9, 10]), c = pick(r, [p[2], p[3]]);
+        s += `<circle cx="${f1(x)}" cy="${f1(y)}" r="${f1(R)}" fill="${c}"/><circle cx="${f1(x)}" cy="${f1(y)}" r="${f1(R * 0.86)}" fill="${p[0]}" opacity=".55"/>`;
+        for (let k = 0; k < n; k++) {
+          const a = k * Math.PI * 2 / n;
+          s += `<line x1="${f1(x)}" y1="${f1(y)}" x2="${f1(x + Math.cos(a) * R * 0.84)}" y2="${f1(y + Math.sin(a) * R * 0.84)}" stroke="${c}" stroke-width="2"/>`;
+        }
+      }
+      return s;
+    },
+    sport(r, p) {
+      if (r() < 0.5) {      // the bend of a running track, its lanes
+        const cx = pick(r, [40, W - 40]), cy = between(r, 300, 340);
+        let s = `<circle cx="${cx}" cy="${f1(cy)}" r="210" fill="${p[2]}" opacity=".9"/>`;
+        for (let i = 0; i <= 6; i++) s += `<circle cx="${cx}" cy="${f1(cy)}" r="${120 + i * 15}" fill="none" stroke="${p[0]}" stroke-width="1.6"/>`;
+        return s + `<circle cx="${cx}" cy="${f1(cy)}" r="118" fill="${p[3]}"/>`;
+      }
+      // a pitch from above
+      const x0 = 30, x1 = W - 30, y0 = 150, y1 = H - 20, my = (y0 + y1) / 2;
+      return `<rect x="0" y="${y0 - 14}" width="${W}" height="${H}" fill="${p[3]}" opacity=".85"/>` +
+        `<g fill="none" stroke="${p[0]}" stroke-width="2"><rect x="${x0}" y="${y0}" width="${x1 - x0}" height="${y1 - y0}"/>` +
+        `<line x1="${x0}" y1="${my}" x2="${x1}" y2="${my}"/><circle cx="${W / 2}" cy="${my}" r="34"/>` +
+        `<rect x="${W / 2 - 60}" y="${y0}" width="120" height="44"/><rect x="${W / 2 - 60}" y="${y1 - 44}" width="120" height="44"/></g>` +
+        `<circle cx="${f1(between(r, 60, 240))}" cy="${f1(between(r, y0 + 30, y1 - 30))}" r="7" fill="${p[2]}"/>`;
+    },
+    geld(r, p) {
+      if (r() < 0.55) {     // a price over time, the area under it
+        let s = '';
+        for (let y = 170; y < H - 20; y += 40) s += `<line x1="20" y1="${y}" x2="${W - 20}" y2="${y}" stroke="${p[1]}" stroke-width=".6" opacity=".3"/>`;
+        let v = between(r, 300, 380);
+        const pts = [];
+        for (let x = 20; x <= W - 20; x += 10) { v = Math.max(170, Math.min(H - 30, v + between(r, -26, 22))); pts.push([x, v]); }
+        const d = pts.map((q, i) => (i ? 'L' : 'M') + q[0] + ' ' + f1(q[1])).join(' '), last = pts[pts.length - 1];
+        return s + `<path d="${d} L${last[0]} ${H - 20} L20 ${H - 20} Z" fill="${p[2]}" opacity=".25"/>` +
+          `<path d="${d}" fill="none" stroke="${p[2]}" stroke-width="2.6" stroke-linejoin="round"/>` +
+          `<circle cx="${last[0]}" cy="${f1(last[1])}" r="5" fill="${p[3]}"/>`;
+      }
+      // coins in stacks
+      let s = '';
+      const n = 4 + Math.floor(r() * 3), w = (W - 40) / n;
+      for (let i = 0; i < n; i++) {
+        const cx = 20 + w * (i + 0.5), k = 2 + Math.floor(r() * 12);
+        for (let j = 0; j < k; j++) {
+          const y = H - 40 - j * 11;
+          s += `<ellipse cx="${f1(cx)}" cy="${f1(y + 4)}" rx="${f1(w * 0.38)}" ry="7" fill="${p[1]}" opacity=".6"/>` +
+            `<ellipse cx="${f1(cx)}" cy="${f1(y)}" rx="${f1(w * 0.38)}" ry="7" fill="${j === k - 1 ? p[2] : p[3]}"/>`;
+        }
+      }
+      return s;
+    },
+    reise(r, p) {
+      if (r() < 0.5) {      // a road to the horizon
+        const hy = between(r, 220, 260), vx = between(r, 110, 190);
+        let s = `<rect x="0" y="${f1(hy)}" width="${W}" height="${f1(H - hy)}" fill="${p[3]}" opacity=".35"/>` +
+          `<circle cx="${f1(between(r, 40, 260))}" cy="${f1(hy - between(r, 30, 70))}" r="${f1(between(r, 18, 30))}" fill="${p[2]}"/>` +
+          `<path d="M${f1(vx - 2)} ${f1(hy)} L${f1(vx + 2)} ${f1(hy)} L${W - 20} ${H} L20 ${H} Z" fill="${p[1]}" opacity=".85"/>`;
+        for (let t = 0.08; t < 1; t = t * 1.45 + 0.03) {
+          const y = hy + (H - hy) * t, x = vx + (W / 2 - vx) * t;
+          s += `<rect x="${f1(x - 1 - t * 3)}" y="${f1(y)}" width="${f1(2 + t * 6)}" height="${f1((H - hy) * t * 0.12)}" fill="${p[0]}"/>`;
+        }
+        return s;
+      }
+      // a route across, its stops, a compass
+      const pts = [];
+      for (let i = 0; i < 5; i++) pts.push([between(r, 30, 270), 170 + i * 60 + between(r, -15, 15)]);
+      let s = `<path d="M${pts.map(q => f1(q[0]) + ' ' + f1(q[1])).join(' L')}" fill="none" stroke="${p[1]}" stroke-width="2" stroke-dasharray="2 6" stroke-linecap="round"/>`;
+      pts.forEach((q, i) => {
+        const end = i === pts.length - 1;
+        s += `<circle cx="${f1(q[0])}" cy="${f1(q[1])}" r="${end ? 9 : 5}" fill="${end ? p[2] : p[0]}" stroke="${p[2]}" stroke-width="2"/>`;
+      });
+      return s + `<g transform="translate(${f1(between(r, 210, 250))} ${f1(between(r, 380, 410))}) rotate(${f1(between(r, -20, 20))})">` +
+        `<circle r="26" fill="none" stroke="${p[3]}" stroke-width="1.4"/><path d="M0 -32 L6 0 L0 32 L-6 0 Z" fill="${p[3]}"/>` +
+        `<path d="M-32 0 L0 5 L32 0 L0 -5 Z" fill="${p[3]}" opacity=".6"/><path d="M0 -32 L6 0 L-6 0 Z" fill="${p[2]}"/></g>`;
+    },
     bauhaus(r, p) {
+      const v = r();
+      if (v < 0.3) {        // tiles, each a quarter circle turned its own way
+        const sz = (W - 40) / 4;
+        let s = '';
+        for (let i = 0; i < 4; i++) for (let j = 0; 170 + (j + 1) * sz <= H - 10; j++) {
+          const x = 20 + i * sz, y = 170 + j * sz, corner = Math.floor(r() * 4);
+          const dx = corner % 2 ? -1 : 1, dy = corner > 1 ? -1 : 1, cx = dx > 0 ? x : x + sz, cy = dy > 0 ? y : y + sz;
+          s += `<rect x="${f1(x)}" y="${f1(y)}" width="${f1(sz)}" height="${f1(sz)}" fill="${pick(r, [p[0], p[3], p[1]])}" opacity=".22"/>` +
+            `<path d="M${f1(cx)} ${f1(cy)} L${f1(cx + dx * sz)} ${f1(cy)} A${f1(sz)} ${f1(sz)} 0 0 ${dx * dy > 0 ? 1 : 0} ${f1(cx)} ${f1(cy + dy * sz)} Z" ` +
+            `fill="${pick(r, [p[1], p[2], p[3]])}"/>`;
+        }
+        return s;
+      }
+      if (v < 0.55) {       // a big circle off the edge, crossed by thin diagonals
+        const cx = pick(r, [0, W]), a = cx ? -1 : 1, n = 7 + Math.floor(r() * 5);
+        let s = `<circle cx="${cx}" cy="${f1(between(r, 260, 360))}" r="${f1(between(r, 120, 170))}" fill="${p[2]}"/>`;
+        for (let i = 0, x = a > 0 ? -160 : 40; i < n; i++, x += between(r, 34, 44)) {
+          s += `<line x1="${f1(x)}" y1="${H}" x2="${f1(x + a * 260)}" y2="150" stroke="${i % 3 ? p[1] : p[3]}" stroke-width="${i % 3 ? 1.2 : 5}" opacity=".85"/>`;
+        }
+        return s;
+      }
       let s = '';
       for (let i = 0; i < 4; i++) {
         const kind = Math.floor(r() * 3), x = between(r, 30, 270), y = between(r, 150, 410), size = between(r, 40, 110);
@@ -608,7 +907,8 @@
     return s.length >= 3 ? s : String(t || '?');
   }
 
-  function textBlock(r, th, p, book) {
+  // h: the cover's height (a square's is its width); max: lines of title at most.
+  function textBlock(r, th, p, book, h, max) {
     const title = mainTitle(book.title);
     const upper = th.upper;
     const t = upper ? title.toUpperCase() : title;
@@ -619,7 +919,7 @@
     const em = upper ? 0.74 : 0.58;
     const size = Math.max(14, Math.min(len <= 10 ? 40 : len <= 18 ? 34 : len <= 30 ? 28 : len <= 48 ? 23 : 19,
       Math.floor(248 / (longest * em))));
-    const ls = lines(t, size, 5, upper ? 0.72 : 0.56);
+    const ls = lines(t, size, max, upper ? 0.72 : 0.56);
     const lh = size * 1.12;
     const layout = pick(r, th.layouts || ['top', 'top', 'bottom', 'plate']);
     const author = String(book.author || '').split(/[;,]/)[0].trim();
@@ -629,8 +929,8 @@
       y0 = 34;
       s += `<rect x="0" y="0" width="${W}" height="${f1(blockH)}" fill="${p[0]}" opacity=".94"/>`;
     } else if (layout === 'bottom') {
-      y0 = H - blockH + 20;
-      s += `<rect x="0" y="${f1(H - blockH)}" width="${W}" height="${f1(blockH)}" fill="${p[0]}" opacity=".94"/>`;
+      y0 = h - blockH + 20;
+      s += `<rect x="0" y="${f1(h - blockH)}" width="${W}" height="${f1(blockH)}" fill="${p[0]}" opacity=".94"/>`;
     } else {
       y0 = 70;
       s += `<rect x="18" y="${f1(y0 - 34)}" width="${W - 36}" height="${f1(blockH)}" rx="3" fill="${p[0]}" opacity=".95"/>`;
@@ -647,7 +947,8 @@
       const asz = Math.max(8, Math.min(12, Math.floor((240 / author.length - spacing) / 0.7)));
       s += `<text x="${x}" y="${f1(y0 + ls.length * lh + 22)}" font-family="${SANS}" font-size="${asz}" letter-spacing="${spacing}" fill="${p[2]}">${esc(author.toUpperCase())}</text>`;
     }
-    return s;
+    // free: the band the text leaves to the motif (a square centres the motif in it).
+    return {svg: s, free: layout === 'top' ? [blockH, h] : layout === 'bottom' ? [0, h - blockH] : [y0 - 34 + blockH, h]};
   }
 
   // ---- the cover ---------------------------------------------------------------------------------------
@@ -659,24 +960,32 @@
     return '#' + h + h + h;
   }
 
+  // A square shows a band of the 2:3 motif: its heart (about here, the motifs keep the top of the
+  // cover for the text) in the middle of what the text leaves free.
+  const MOTIF_HEART = 260;
+
   function svg(book, opts) {
-    const th = theme(book);
+    const square = !!(opts && opts.square);
+    const th = theme(book, opts);
     const r = rng(hash(norm(book.title) + '|' + norm(book.author)));
     let p = pick(r, th.palettes);
     if (opts && opts.gray) p = p.map(gray);
     const motif = (M[th.id] || M.bauhaus)(r, p, book);
-    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${W} ${H}" width="${W}" height="${H}">` +
-      `<rect width="${W}" height="${H}" fill="${p[0]}"/>${motif}${th.ownText ? '' : textBlock(r, th, p, book)}</svg>`;
+    const h = square ? W : H;
+    const text = th.ownText ? {svg: '', free: [0, h]} : textBlock(r, th, p, book, h, square ? 3 : 5);
+    const shift = Math.max(0, Math.min(H - h, Math.round(MOTIF_HEART - (text.free[0] + text.free[1]) / 2)));
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${W} ${h}" width="${W}" height="${h}">` +
+      `<rect width="${W}" height="${h}" fill="${p[0]}"/>${square ? `<g transform="translate(0 -${shift})">${motif}</g>` : motif}${text.svg}</svg>`;
   }
 
   const cache = new Map();
   function url(book, opts) {
     const key = (book.title || '') + '|' + (book.author || '') + '|' + (book.shelfTag || '') + '|' +
       ((book.folders || []).join(',')) + '|' + (book.series || '') + '|' + (book.seriesIndex == null ? '' : book.seriesIndex) + '|' +
-      (opts && opts.gray ? 1 : 0);
+      (opts && opts.gray ? 1 : 0) + (opts && opts.square ? 's' : '') + (opts && opts.podcast ? 'p' : '');
     if (!cache.has(key)) cache.set(key, 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svg(book, opts)));
     return cache.get(key);
   }
 
-  window.DioraGenCover = {url, svg, theme: book => theme(book).id};
+  window.DioraGenCover = {url, svg, theme: (book, opts) => theme(book, opts).id};
 })();
diff --git a/static/js/sw.js b/static/js/sw.js
index 945c4fa..e3547e3 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v151';
+const CACHE = 'diora-v152';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 07df488..70a6ab6 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 9a6c059 2026-10-25: web-native/static/native-podcast.js
+// Copied from diora-android 6cfec49 2026-10-25: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -402,11 +402,14 @@
     return f ? f.artwork_url : '';
   }
 
-  // A cover: the episode's own, else its podcast's, else a tile with the podcast's initial.
+  // A cover: the episode's own, else its podcast's, else one drawn from the podcast's name
+  // (diora-web gencover.js, square), else a tile with its initial.
   function art(src, size, fallback, name) {
     const box = el('div', 'nui-pod-art' + (size ? ' nui-pod-art-' + size : ''));
     const srcs = [src, fallback].filter(Boolean).map(s => s.replace(/^http:/, 'https:'))
       .filter((s, i, all) => all.indexOf(s) === i);
+    const title = plain(name || '').trim();
+    if (title && window.DioraGenCover) srcs.push(DioraGenCover.url({title}, {square: true, podcast: true}));
     const initial = () => {
       if (box.querySelector('img') || box.firstChild) return;
       const letter = (plain(name || '').replace(/^(the|der|die|das)\s+/i, '').match(/[0-9A-Za-zÀ-ÿ]/) || [''])[0];

From 21f5e33e57a156f7cd4e4fded0389065bc2f03b1 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 25 Oct 2026 13:03:15 +0100
Subject: [PATCH 172/176] =?UTF-8?q?docs/podcasts.md:=20Podcast-Radio=20gep?=
 =?UTF-8?q?lant=20(neueste=20ungeh=C3=B6rte=20Strom-Folge,=20keine=20Spure?=
 =?UTF-8?q?n,=20eigene=20Radio-geh=C3=B6rt-Liste)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/podcasts.md | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/docs/podcasts.md b/docs/podcasts.md
index 10cb7b3..1ba4193 100644
--- a/docs/podcasts.md
+++ b/docs/podcasts.md
@@ -92,6 +92,32 @@ One controlled step out (Apple's episode search and fyyd; no key):
 
 Show search stays on Apple (best coverage).
 
+## Podcast-Radio (planned 2026-10-25)
+
+Listening without committing: one button plays the Strom like a station.
+
+- **The rule**: the radio always plays the **newest** (publication date) Strom episode that is
+  neither played, nor started (normally), nor done for the radio. So an episode that comes out
+  while one plays is next (the one playing isn't interrupted); otherwise it goes back in time,
+  without limit. Auf Abruf podcasts and audiobooks aren't in the Strom, so not in the radio.
+- **Leaves no trace**: no progress (no Verlauf, no "Angefangen", no played mark, not counted in
+  `heard_365`), the Wiedergabeliste and Merkliste unchanged, nothing downloaded (it streams; a
+  downloaded file plays if there is one), the Strom's marks unchanged.
+- **Done for the radio**: run to its end or skipped (⏭, notification, headset, car). Pausing
+  isn't: the radio keeps its episode and place for itself, ▶ goes on there.
+- **Committing**: in the player while the radio plays, ＋ (Merkliste) and "Normal weiterhören"
+  (first in the Wiedergabeliste at the current place; from then on it plays as usual, with
+  progress). Playing anything normally switches the radio off (as an audiobook does).
+- **Server**: `PodcastRadioHeard(user, episode, at)`, kept apart from progress, pruned after 60
+  days. `GET /podcasts/radio/?limit=5` → the next episodes by the rule (`{episodes: [...]}`, the
+  rows of the episode lists); `POST /podcasts/radio/heard/ {"episode_id"}`. Shared by all devices.
+- **Clients** (both at once): Android (`PodcastRadio.kt` beside `BookPlay.kt`: the playlist is
+  [current, next]; RadioService's `save()` / `markPlayed()` / `followQueue()` leave radio items
+  alone; reloads before each transition and every 10 minutes while playing — the server fetches
+  feeds every 15 minutes) and the web player (`podcasts-web.js`, so the browser and the desktop
+  app). Button "📻 Radio" at the top of the Strom; the mini player's ▶ goes on with the radio.
+- Later perhaps: a radio of one folder, a longest length.
+
 ## Moving over
 
 - Today's queue (74) becomes the Merkliste; the Wiedergabeliste starts empty.

From a64c8012754eb56fbcb684186a5f7a20a6924efa Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 25 Oct 2026 13:17:09 +0100
Subject: [PATCH 173/176] =?UTF-8?q?Podcast-Radio:=20die=20neueste=20ungeh?=
 =?UTF-8?q?=C3=B6rte=20Strom-Folge,=20ohne=20Spuren=20(eigene=20Radio-geh?=
 =?UTF-8?q?=C3=B6rt-Liste,=20gemischt=20nach=20Podcasts,=20neue=20Folgen?=
 =?UTF-8?q?=20zuerst);=20Web-Player=20und=20Player-Sync;=20sw=20v153?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/podcasts.md                          |  32 ++--
 podcasts/migrations/0025_podcast_radio.py |  33 ++++
 podcasts/models.py                        |  18 +++
 podcasts/radio.py                         |  88 +++++++++++
 podcasts/test_radio.py                    | 107 +++++++++++++
 podcasts/urls.py                          |   4 +-
 podcasts/views.py                         |  13 +-
 static/js/podcasts-web.js                 | 183 +++++++++++++++++++++-
 static/js/sw.js                           |   2 +-
 static/podcasts/native-podcast.js         |  32 +++-
 static/podcasts/podcast-ui.css            |  10 +-
 11 files changed, 497 insertions(+), 25 deletions(-)
 create mode 100644 podcasts/migrations/0025_podcast_radio.py
 create mode 100644 podcasts/radio.py
 create mode 100644 podcasts/test_radio.py

diff --git a/docs/podcasts.md b/docs/podcasts.md
index 1ba4193..566f414 100644
--- a/docs/podcasts.md
+++ b/docs/podcasts.md
@@ -92,7 +92,7 @@ One controlled step out (Apple's episode search and fyyd; no key):
 
 Show search stays on Apple (best coverage).
 
-## Podcast-Radio (planned 2026-10-25)
+## Podcast-Radio (since 2026-10-25)
 
 Listening without committing: one button plays the Strom like a station.
 
@@ -100,6 +100,11 @@ Listening without committing: one button plays the Strom like a station.
   neither played, nor started (normally), nor done for the radio. So an episode that comes out
   while one plays is next (the one playing isn't interrupted); otherwise it goes back in time,
   without limit. Auf Abruf podcasts and audiobooks aren't in the Strom, so not in the radio.
+- **Mixed**: several episodes of one podcast in a row are mixed with the others waiting — the
+  next is the newest of *another* podcast than the one before, if there is one (within the
+  newest 200).
+- What comes next is asked anew at every end and skip (so the newest really comes next); the
+  list fetched before is for "Danach: …" in the player and for going on offline.
 - **Leaves no trace**: no progress (no Verlauf, no "Angefangen", no played mark, not counted in
   `heard_365`), the Wiedergabeliste and Merkliste unchanged, nothing downloaded (it streams; a
   downloaded file plays if there is one), the Strom's marks unchanged.
@@ -108,14 +113,23 @@ Listening without committing: one button plays the Strom like a station.
 - **Committing**: in the player while the radio plays, ＋ (Merkliste) and "Normal weiterhören"
   (first in the Wiedergabeliste at the current place; from then on it plays as usual, with
   progress). Playing anything normally switches the radio off (as an audiobook does).
-- **Server**: `PodcastRadioHeard(user, episode, at)`, kept apart from progress, pruned after 60
-  days. `GET /podcasts/radio/?limit=5` → the next episodes by the rule (`{episodes: [...]}`, the
-  rows of the episode lists); `POST /podcasts/radio/heard/ {"episode_id"}`. Shared by all devices.
-- **Clients** (both at once): Android (`PodcastRadio.kt` beside `BookPlay.kt`: the playlist is
-  [current, next]; RadioService's `save()` / `markPlayed()` / `followQueue()` leave radio items
-  alone; reloads before each transition and every 10 minutes while playing — the server fetches
-  feeds every 15 minutes) and the web player (`podcasts-web.js`, so the browser and the desktop
-  app). Button "📻 Radio" at the top of the Strom; the mini player's ▶ goes on with the radio.
+- **Server** (`podcasts/radio.py`): `PodcastRadioHeard(user, episode, at)`, kept apart from
+  progress and kept for good (pruned, an old episode would come back when the radio goes back
+  that far). `GET /podcasts/radio/?after=<playing>&skip=<ids>&limit=5` → the next episodes by
+  the rule (`{episodes: [...]}`, the rows of the episode lists; `after` isn't among them and its
+  podcast not first; `skip`: ones the device is done with whose /heard/ may still be on its
+  way); `POST /podcasts/radio/heard/ {"episode_id"}`. Shared by all devices. Filter `untouched`
+  (episode lists): neither played nor listened into.
+- **Player sync**: a report carries `podcast_radio: true` while the radio plays
+  (`PlayerState.podcast_radio`); taking it over ("Hier abspielen", a transfer) or adopting it goes
+  on with the radio on that device.
+- **Clients**: the web player (`podcasts-web.js`: an entry with `radio: true`, the radio's own
+  `podradio` in localStorage — next ones, its place, what it was done with lately; host
+  `podcastRadio()`, `podcastRadioCommit()`, `podcastRadioLater()`; `playerState().radio =
+  {next}`) and Android (`PodcastRadio.kt` beside `BookPlay.kt`; RadioService's `save()` /
+  `markPlayed()` / `followQueue()` leave radio items alone). UI (native-podcast.js): 📻 at the top
+  of the Strom, "Podcast-Radio · <podcast>" in the mini player and the player, there a box with
+  "Danach: …", ＋ Merkliste and "Normal weiterhören"; ⏭ only skips.
 - Later perhaps: a radio of one folder, a longest length.
 
 ## Moving over
diff --git a/podcasts/migrations/0025_podcast_radio.py b/podcasts/migrations/0025_podcast_radio.py
new file mode 100644
index 0000000..b5f6faa
--- /dev/null
+++ b/podcasts/migrations/0025_podcast_radio.py
@@ -0,0 +1,33 @@
+# Generated by Django 6.1 on 2026-10-25 12:04
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0024_feed_favorite'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='playerstate',
+            name='podcast_radio',
+            field=models.BooleanField(default=False),
+        ),
+        migrations.CreateModel(
+            name='PodcastRadioHeard',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('at', models.DateTimeField(auto_now_add=True)),
+                ('episode', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='radio_heard_by', to='podcasts.podcastepisode')),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='podcast_radio_heard', to=settings.AUTH_USER_MODEL)),
+            ],
+            options={
+                'unique_together': {('user', 'episode')},
+            },
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index ddb7700..0ecdbda 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -290,6 +290,21 @@ class PodcastLater(models.Model):
         return f'{self.user} Merkliste: {self.episode}'
 
 
+class PodcastRadioHeard(models.Model):
+    """An episode the Podcast-Radio is done with (docs/podcasts.md): it ran to its end there or
+    was skipped. Apart from the progress on purpose: it counts as heard nowhere else (no
+    history, no played mark, not in heard_365). Kept, so the radio never comes back to it."""
+    user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='podcast_radio_heard')
+    episode = models.ForeignKey(PodcastEpisode, on_delete=models.CASCADE, related_name='radio_heard_by')
+    at = models.DateTimeField(auto_now_add=True)
+
+    class Meta:
+        unique_together = ('user', 'episode')
+
+    def __str__(self):
+        return f'{self.user} Radio: {self.episode}'
+
+
 class PodcastSettings(models.Model):
     """A user's podcast preferences. Where episodes go in the queue: when added
     by hand (also when played from outside the queue), and when a feed that
@@ -401,6 +416,9 @@ class PlayerState(models.Model):
     user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='player_state')
     kind = models.CharField(max_length=10, choices=KINDS, default='', blank=True)
     episode = models.ForeignKey(PodcastEpisode, null=True, blank=True, on_delete=models.SET_NULL, related_name='+')
+    # The episode plays in the Podcast-Radio (docs/podcasts.md): shown so elsewhere, and a
+    # transfer goes on with the radio there rather than playing it the usual way.
+    podcast_radio = models.BooleanField(default=False)
     station_url = models.CharField(max_length=1000, blank=True)
     station_name = models.CharField(max_length=300, blank=True)
     station_id = models.IntegerField(null=True, blank=True)
diff --git a/podcasts/radio.py b/podcasts/radio.py
new file mode 100644
index 0000000..108dc30
--- /dev/null
+++ b/podcasts/radio.py
@@ -0,0 +1,88 @@
+"""The Podcast-Radio (docs/podcasts.md): the Strom played like a station, leaving no trace.
+
+Which episode comes next: the newest (publication date) Strom episode that is neither played,
+nor listened into, nor done for the radio (PodcastRadioHeard) — so one that comes out while
+another plays is next, and otherwise the radio goes back in time. Several of one podcast in a
+row are mixed with the others waiting: the next is the newest of another podcast than the one
+before, if there is one.
+
+    GET  /podcasts/radio/?after=<episode id>&skip=<ids>&limit=5  → {episodes: [...]}  (episode-list rows)
+         skip: ones the device is done with whose /heard/ may not have arrived yet
+    POST /podcasts/radio/heard/ {"episode_id", "after"?} → {ok, episodes}  (the next ones)
+"""
+import json
+
+from django.http import JsonResponse
+from django.views.decorators.csrf import csrf_exempt
+from django.views.decorators.http import require_http_methods
+
+from .models import PodcastEpisode, PodcastRadioHeard
+from .views import _episode_list_data
+
+LIMIT = 5
+MAX_LIMIT = 20
+MAX_SKIP = 50
+# How far down the newest the mixing looks for another podcast.
+WINDOW = 200
+
+
+def next_episodes(user, after=None, limit=LIMIT, skip=()):
+    """The radio's next episodes, in the order to play; `after`: the episode playing (or
+    played last) — not itself again, and not its podcast next if another is waiting; `skip`:
+    not these either."""
+    candidates, _ = _episode_list_data(user, ['stream', 'untouched'], sort='new', limit=WINDOW, radio=True)
+    skip = set(skip) | ({after} if after else set())
+    candidates = [e for e in candidates if e['id'] not in skip]
+    last_feed = None
+    if after:
+        last_feed = PodcastEpisode.objects.filter(pk=after, feed__user=user).values_list('feed_id', flat=True).first()
+    out = []
+    while candidates and len(out) < limit:
+        pick = next((e for e in candidates if e['feed__id'] != last_feed), candidates[0])
+        candidates.remove(pick)
+        out.append(pick)
+        last_feed = pick['feed__id']
+    return out
+
+
+def _after(value):
+    if value in (None, ''):
+        return None
+    after = int(value)
+    if after <= 0:
+        raise ValueError
+    return after
+
+
+@csrf_exempt
+@require_http_methods(['GET'])
+def radio(request):
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        after = _after(request.GET.get('after'))
+        limit = min(max(int(request.GET.get('limit') or LIMIT), 1), MAX_LIMIT)
+        skip = [int(i) for i in request.GET.get('skip', '').split(',') if i.strip()][:MAX_SKIP]
+    except ValueError:
+        return JsonResponse({'error': 'after, skip and limit must be numbers'}, status=400)
+    return JsonResponse({'episodes': next_episodes(request.user, after, limit, skip)})
+
+
+@csrf_exempt
+@require_http_methods(['POST'])
+def radio_heard(request):
+    """The radio is done with an episode (ran to its end, or skipped): it never plays it again.
+    Nothing else about the episode changes. Answers with the next ones (after it)."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    try:
+        body = json.loads(request.body)
+        episode_id = int(body['episode_id'])
+        after = _after(body.get('after'))
+    except (ValueError, KeyError, TypeError):
+        return JsonResponse({'error': 'episode_id required'}, status=400)
+    episode = PodcastEpisode.objects.filter(pk=episode_id, feed__user=request.user).first()
+    if episode is None:
+        return JsonResponse({'error': 'unknown episode'}, status=404)
+    PodcastRadioHeard.objects.get_or_create(user=request.user, episode=episode)
+    return JsonResponse({'ok': True, 'episodes': next_episodes(request.user, after or episode_id)})
diff --git a/podcasts/test_radio.py b/podcasts/test_radio.py
new file mode 100644
index 0000000..74e72cb
--- /dev/null
+++ b/podcasts/test_radio.py
@@ -0,0 +1,107 @@
+"""The Podcast-Radio (docs/podcasts.md, podcasts/radio.py)."""
+import json
+
+from django.contrib.auth.models import User
+from django.core.cache import cache
+from django.test import TestCase
+
+from .models import EpisodeProgress, PlayerState, PodcastEpisode, PodcastFeed, PodcastQueue, PodcastRadioHeard
+from .tests import _at, _progress
+
+
+class RadioTests(TestCase):
+    def setUp(self):
+        cache.clear()
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.fa = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/a', title='Alpha')
+        self.fb = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/b', title='Beta')
+        self.fc = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/c', title='Abruf',
+                                             new_episodes=PodcastFeed.NEW_IGNORE)
+        self.book = PodcastFeed.objects.create(user=self.user, rss_url='https://example.org/h', title='Buch',
+                                               kind=PodcastFeed.AUDIOBOOK)
+
+    def ep(self, feed, guid, day):
+        return PodcastEpisode.objects.create(feed=feed, guid=guid, title=guid, pub_date=_at(1, day),
+                                             audio_url=f'https://example.org/{guid}.mp3')
+
+    def radio(self, **params):
+        r = self.client.get('/podcasts/radio/', params)
+        self.assertEqual(r.status_code, 200)
+        return [e['title'] for e in r.json()['episodes']]
+
+    def heard(self, episode, **body):
+        r = self.client.post('/podcasts/radio/heard/', json.dumps({'episode_id': episode.id, **body}),
+                             content_type='application/json')
+        self.assertEqual(r.status_code, 200)
+        return [e['title'] for e in r.json()['episodes']]
+
+    def test_newest_untouched_strom_episodes_first(self):
+        self.ep(self.fa, 'a1', 1)
+        self.ep(self.fb, 'b2', 2)
+        played = self.ep(self.fa, 'a3', 3)
+        started = self.ep(self.fb, 'b4', 4)
+        self.ep(self.fc, 'c5', 5)       # Auf Abruf: not in the Strom
+        self.ep(self.book, 'h6', 6)     # an audiobook's chapter
+        _progress(self.user, played, _at(2, 1), played=True)
+        _progress(self.user, started, _at(2, 1), position_seconds=30)
+        self.assertEqual(self.radio(), ['b2', 'a1'])
+
+    def test_one_podcast_is_mixed_with_the_others(self):
+        for d in (1, 2, 3):
+            self.ep(self.fb, f'b{d}', d)
+        for d in (7, 8, 9):
+            self.ep(self.fa, f'a{d}', d)
+        self.assertEqual(self.radio(limit=6), ['a9', 'b3', 'a8', 'b2', 'a7', 'b1'])
+        # After an episode of Alpha: Beta first, and that episode not again.
+        a9 = PodcastEpisode.objects.get(guid='a9')
+        self.assertEqual(self.radio(after=a9.id, limit=3), ['b3', 'a8', 'b2'])
+        # One the device is done with (its /heard/ still on the way) doesn't count for the mixing.
+        a8 = PodcastEpisode.objects.get(guid='a8')
+        self.assertEqual(self.radio(after=a9.id, skip=str(a8.id), limit=3), ['b3', 'a7', 'b2'])
+        # Only one podcast left: its episodes in a row.
+        PodcastEpisode.objects.filter(feed=self.fb).delete()
+        self.assertEqual(self.radio(after=a9.id), ['a8', 'a7'])
+
+    def test_heard_leaves_no_trace_but_the_radio_moves_on(self):
+        a1 = self.ep(self.fa, 'a1', 1)
+        b2 = self.ep(self.fb, 'b2', 2)
+        self.assertEqual(self.heard(b2), ['a1'])
+        self.assertEqual(self.radio(), ['a1'])
+        self.assertFalse(EpisodeProgress.objects.exists())
+        self.assertFalse(PodcastQueue.objects.exists())
+        # The Strom and the history don't know about it.
+        r = self.client.get('/podcasts/episodes/', {'filter': 'history'}).json()
+        self.assertEqual(r['total'], 0)
+        r = self.client.get('/podcasts/episodes/', {'filter': 'stream,unplayed'}).json()
+        self.assertEqual(r['total'], 2)
+        self.heard(b2)   # twice is fine
+        self.assertEqual(PodcastRadioHeard.objects.count(), 1)
+        self.heard(a1)
+        self.assertEqual(self.radio(), [])
+
+    def test_others_episodes_and_bad_requests(self):
+        bob = User.objects.create_user(username='bob', password='pw12345678')
+        fbob = PodcastFeed.objects.create(user=bob, rss_url='https://example.org/a', title='Alpha')
+        theirs = self.ep(fbob, 'x', 1)
+        r = self.client.post('/podcasts/radio/heard/', json.dumps({'episode_id': theirs.id}), content_type='application/json')
+        self.assertEqual(r.status_code, 404)
+        r = self.client.post('/podcasts/radio/heard/', '{}', content_type='application/json')
+        self.assertEqual(r.status_code, 400)
+        self.assertEqual(self.client.get('/podcasts/radio/', {'after': 'x'}).status_code, 400)
+        self.assertEqual(self.radio(), [])
+        self.client.logout()
+        self.assertEqual(self.client.get('/podcasts/radio/').status_code, 401)
+
+    def test_player_state_says_radio(self):
+        a1 = self.ep(self.fa, 'a1', 1)
+        body = {'device_id': 'phone', 'device_name': 'Handy', 'kind': 'podcast', 'episode_id': a1.id,
+                'playing': True, 'position_ms': 1000, 'start': True, 'podcast_radio': True}
+        r = self.client.post('/podcasts/player/report/', json.dumps(body), content_type='application/json')
+        self.assertEqual(r.status_code, 200)
+        self.assertTrue(r.json()['podcast_radio'])
+        self.assertTrue(PlayerState.objects.get(user=self.user).podcast_radio)
+        body['podcast_radio'] = False
+        r = self.client.post('/podcasts/player/report/', json.dumps(body), content_type='application/json')
+        self.assertFalse(r.json()['podcast_radio'])
+        self.assertFalse(EpisodeProgress.objects.exists())
diff --git a/podcasts/urls.py b/podcasts/urls.py
index 2433919..933f93e 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -1,5 +1,5 @@
 from django.urls import path
-from . import audiobooks, discover, folders, views
+from . import audiobooks, discover, folders, radio, views
 
 urlpatterns = [
     path('search/', views.podcast_search, name='podcast_search'),
@@ -39,6 +39,8 @@ urlpatterns = [
     path('later/remove/', views.later_remove, name='podcast_later_remove'),
     path('lists/', views.lists_switch, name='podcast_lists_switch'),
     path('stream/seen/', views.stream_seen, name='podcast_stream_seen'),
+    path('radio/', radio.radio, name='podcast_radio'),
+    path('radio/heard/', radio.radio_heard, name='podcast_radio_heard'),
     # Stöbern (docs/podcasts.md, podcasts/discover.py)
     path('discover/search/', discover.search_view, name='podcast_discover_search'),
     path('discover/similar/<int:pk>/', discover.similar_view, name='podcast_discover_similar'),
diff --git a/podcasts/views.py b/podcasts/views.py
index f4fd573..29e9d70 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -33,7 +33,7 @@ from . import youtube as youtube_mod
 from . import folders as folders_mod
 from .models import (
     EpisodeProgress, EpisodeTranscript, PlayerDevice, PlayerState, PodcastEpisode, PodcastFeed, PodcastLater,
-    PodcastQueue, MAX_SPEED, MIN_SPEED, PodcastSettings, counts_as_played,
+    PodcastQueue, PodcastRadioHeard, MAX_SPEED, MIN_SPEED, PodcastSettings, counts_as_played,
 )
 from .shownotes import extract_timestamps, sanitize_html
 
@@ -1602,6 +1602,8 @@ EPISODE_FILTERS = {
     'all': Q(),
     'unplayed': Q(played=False),
     'in_progress': Q(position_seconds__gt=0, played=False),
+    # Neither played nor listened into (the Podcast-Radio's, docs/podcasts.md).
+    'untouched': Q(position_seconds=0, played=False),
     'played': Q(played=True),
     'favorites': Q(favorite=True),
     'history': Q(played=True) | Q(position_seconds__gt=0),
@@ -1638,7 +1640,7 @@ def _int_param(request, name, default):
 
 
 def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, limit=EPISODE_LIST_LIMIT,
-                       sort=None, ids=None, notes=False, folder=None):
+                       sort=None, ids=None, notes=False, folder=None, radio=False):
     """(episodes, total) for the episode list. Two queries, whatever the
     page size: the count and the page. The user's progress row comes in by
     a join, queue membership by a subquery. No shownotes (up to 50 KB each).
@@ -1648,7 +1650,7 @@ def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, li
     the newest first, in the history the last listened first. ids: only these
     episodes (the ones downloaded on a device). notes: `q` also matches the
     shownotes; title matches come first. folder: only the feeds in this folder ('': the feeds
-    in none)."""
+    in none). radio: not the ones the Podcast-Radio is done with (PodcastRadioHeard)."""
     names = filter_name.split(',') if isinstance(filter_name, str) else list(filter_name)
     names = [n for n in names if n and n != 'all']
     qs = (
@@ -1673,6 +1675,8 @@ def _episode_list_data(user, filter_name='all', feed_id=None, q='', offset=0, li
             if (folder in (fs or []) if folder else not fs)])
     if ids is not None:
         qs = qs.filter(id__in=ids)
+    if radio:
+        qs = qs.exclude(Exists(PodcastRadioHeard.objects.filter(user=user, episode=OuterRef('pk'))))
     if feed_id is None and ids is None:   # audiobooks are listened to in the library
         qs = qs.exclude(feed__kind=PodcastFeed.AUDIOBOOK)
     order = EPISODE_SORTS[sort or ('played' if 'history' in names else 'new')]
@@ -2695,6 +2699,7 @@ def _player_json(user, p, now=None):
         'seq': p.seq,
         'kind': p.kind,
         'episode': episode,
+        'podcast_radio': bool(episode) and p.podcast_radio,
         'station': station,
         'position_ms': p.position_ms,
         'playing': p.playing,
@@ -2798,6 +2803,8 @@ def player_report(request):
             p,
             kind=kind,
             episode_id=episode_id,
+            # The episode plays in the Podcast-Radio (docs/podcasts.md).
+            podcast_radio=kind == PlayerState.PODCAST and body.get('podcast_radio') is True,
             station_url=station[0], station_name=station[1], station_id=station[2],
             position_ms=max(int(position), 0) if kind == PlayerState.PODCAST else 0,
             playing=playing and bool(kind),
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index efa622a..35438c2 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -673,8 +673,17 @@
     store('book', b);
   }
 
+  // The Podcast-Radio (docs/podcasts.md): the Strom played like a station. An episode it plays
+  // is an entry with radio: true; the radio keeps the next ones (from /podcasts/radio/), the place
+  // of the one it plays and what it was done with lately — here only: nothing else learns of it
+  // (no progress, no lists). Playing anything else switches it off.
+  let podRadio = load('podradio', null);   // {next: [entry, …], pos: {id, seconds}, done: [id, …]}
+  if (!podRadio || !Array.isArray(podRadio.next)) podRadio = null;
+  let radioFetchedAt = 0;
+
   const curId = () => (cur ? cur.episode__id : null);
   const curFeed = () => (cur ? cur.episode__feed__id : null);
+  const onRadio = () => !!(cur && cur.radio && podRadio);
 
   function durMs() {
     if (loaded && isFinite(audio.duration) && audio.duration > 0) return audio.duration * 1000;
@@ -689,6 +698,10 @@
 
   // Where this episode picks up: its place (the queue knows it best), past the podcast's intro.
   function resumeMs() {
+    if (onRadio()) {
+      const at = podRadio.pos && podRadio.pos.id === cur.episode__id ? podRadio.pos.seconds * 1000 : 0;
+      return Math.max(at > 5000 ? at : 0, introMs(curFeed()));
+    }
     const q = cur ? entry(cur.episode__id) : null;
     const resume = ((q || cur || {}).position_seconds || 0) * 1000;
     return Math.max(resume > 5000 ? resume : 0, introMs(curFeed()));
@@ -701,6 +714,7 @@
   }
 
   function nextEntry() {
+    if (onRadio()) return podRadio.next[0] || null;   // the radio goes on with what the server said
     const inBook = bookIndex(curId());
     if (inBook >= 0) return book.chapters[inBook + 1] || null;   // a book goes on with its next chapter
     const q = queueOf(state);
@@ -711,12 +725,18 @@
 
   function saveNow(id, send) {
     lastSaved = Date.now();
+    if (onRadio() && id === curId()) {   // the radio's place, for the radio only
+      podRadio.pos = {id, seconds: Math.floor(posMs() / 1000)};
+      store('podradio', podRadio);
+      return;
+    }
     saveProgress(id, Math.floor(posMs() / 1000));
     if (send) flush();
   }
 
   // An episode is done: played, out of the queue (setting). True when the sleep timer says stop.
   function finished(id) {
+    if (onRadio() && id === curId()) { radioDone(id); return sleep.episodeFinished(); }
     const at = bookIndex(id);
     if (at >= 0) { book.chapters[at].played = true; store('book', book); }
     markPlayedAll([id], true, prefs.remove_played);
@@ -830,13 +850,25 @@
     const prev = curId();
     let stop = false;
     if (book && bookIndex(e.episode__id) < 0) setBook(null);   // something else plays: the book is left
+    const fromRadio = onRadio();
     if (prev != null && prev !== outroDone && (auto || e.episode__id !== prev)) {
-      if (auto || almostEnded()) stop = finished(prev);
+      // The radio's episode: ended or skipped, the radio is done with it; else it keeps its place.
+      if (fromRadio) {
+        if (auto || skipped || almostEnded()) radioDone(prev);
+        if (auto || almostEnded()) stop = sleep.episodeFinished();
+        else if (!skipped) saveNow(prev, false);
+      } else if (auto || almostEnded()) stop = finished(prev);
       else if (skipped && !keepSkipped() && bookIndex(prev) < 0) { markPlayedAll([prev], true, prefs.remove_played); flush(); }
       else saveNow(prev, true);
     }
     unload();
+    if (podRadio && !e.radio) setPodRadio(null);   // something else plays: the radio is off
     cur = Object.assign({}, e);
+    if (e.radio) {
+      podRadio.next = podRadio.next.filter(x => x.episode__id !== e.episode__id);
+      store('podradio', podRadio);
+      radioFetch();
+    }
     startAt = null;
     pausedAt = 0;
     buffering = false;
@@ -917,6 +949,7 @@
 
   // To the next episode: the one left is skipped (see goTo).
   function next() {
+    if (onRadio()) { radioAdvance(curId(), false); return; }
     const n = nextEntry();
     if (n) goTo(n, false, wantPlay, true);
   }
@@ -942,7 +975,7 @@
   }
 
   function playEpisode(id) {
-    if (curId() === id) { resume(); return; }
+    if (curId() === id) { radioCommit(); resume(); return; }   // played by hand: no longer the radio's
     const e = entry(id);
     if (e) goTo(e, false, true);
   }
@@ -965,6 +998,7 @@
     const dur = durMs();
     if (outro <= 0 || dur <= 0 || dur - posMs() > outro) return;
     outroDone = id;
+    if (onRadio()) { radioAdvance(id, true); return; }
     const n = nextEntry();   // before finished() takes this one out of the queue
     if (finished(id) || !n) pause();
     else goTo(n, false, true);
@@ -973,6 +1007,7 @@
   function onEnded() {
     const id = curId();
     if (id == null) return;
+    if (onRadio()) { if (id !== outroDone) radioAdvance(id, true); return; }
     const n = nextEntry();
     if (n) { goTo(n, true, true); return; }
     if (id !== outroDone) finished(id);
@@ -1058,6 +1093,7 @@
       if (isFinite(audio.duration) && audio.duration > 0) lastDur = audio.duration * 1000;
       if (playing && Date.now() - lastSaved > 10000) saveNow(id, true);
       if (playing) skipOutro(id);
+      if (playing && onRadio() && Date.now() - radioFetchedAt > (durMs() - posMs() < 90000 ? 120000 : 600000)) radioFetch();
     }
     // The sleep timer counts while any of them plays (radio and podcasts share the player; Ambient).
     sleep.tick(playing || radioPlaying() || ambientPlaying());
@@ -1067,6 +1103,121 @@
     if (playing || sleep.leftMs > 0 || otherActive(sync.state)) report();
   }, 1000);
 
+  // ---- the Podcast-Radio (docs/podcasts.md) -----------------------------------------------------
+
+  function setPodRadio(r) {
+    podRadio = r;
+    store('podradio', r);
+  }
+
+  const radioEntry = ep => Object.assign({}, asQueueEntry(ep), {radio: true, position_seconds: 0});
+
+  // The next ones from the server, after the episode playing (not it, not its podcast next).
+  function radioFetch() {
+    radioFetchedAt = Date.now();
+    const after = onRadio() ? curId() : null;
+    const q = new URLSearchParams({limit: '5'});
+    if (after) q.set('after', String(after));
+    // Done here lately: maybe not on the server yet (the mixing must not count them).
+    if (podRadio && podRadio.done && podRadio.done.length) q.set('skip', podRadio.done.slice(0, 20).join(','));
+    return fetch('/podcasts/radio/?' + q, {credentials: 'same-origin', cache: 'no-store'})
+      .then(r => (r.ok ? r.json() : null))
+      .catch(() => null)
+      .then(d => {
+        if (!d || !podRadio) return null;   // couldn't ask (offline): the caller keeps what it knew
+        const done = podRadio.done || [];
+        podRadio.next = (d.episodes || []).filter(e => e.id !== curId() && done.indexOf(e.id) < 0).map(radioEntry);
+        store('podradio', podRadio);
+        report();
+        return podRadio.next;
+      });
+  }
+
+  // Ended or skipped: the radio is done with it (kept here too, until the server has it).
+  function radioDone(id) {
+    if (!podRadio) return;
+    podRadio.done = [id].concat((podRadio.done || []).filter(x => x !== id)).slice(0, 50);
+    podRadio.next = podRadio.next.filter(x => x.episode__id !== id);
+    if (podRadio.pos && podRadio.pos.id === id) podRadio.pos = null;
+    store('podradio', podRadio);
+    queueOp('/podcasts/radio/heard/', {episode_id: id}, 'radio-heard:' + id);
+    flush();
+  }
+
+  // The radio moves on from `id` (ended: auto, or skipped): done with it, and what comes next is
+  // asked anew, so an episode that came out a minute ago goes first; offline, what it knew.
+  function radioAdvance(id, auto) {
+    const known = podRadio.next.filter(x => x.episode__id !== id)[0] || null;
+    const play = auto || wantPlay;
+    radioDone(id);
+    outroDone = id;   // goTo doesn't count it again
+    if (auto && sleep.episodeFinished()) { pause(); return; }
+    radioFetch().then(list => {
+      if (curId() !== id || !onRadio()) return;   // something else plays meanwhile
+      const n = list ? list[0] : known;
+      if (n) { goTo(n, false, play); return; }
+      pause();
+      toast('Podcast-Radio: gerade nichts Ungehörtes im Strom');
+    });
+  }
+
+  // 📻: the radio plays (goes on with its episode, or starts with the newest).
+  function radioStart() {
+    // Its episode, unless the radio is done with it (it ran out of episodes there).
+    if (onRadio() && (podRadio.done || []).indexOf(curId()) < 0) { resume(); return; }
+    setPodRadio({next: [], pos: null, done: (podRadio && podRadio.done) || []});
+    radioFetch().then(list => {
+      if (!podRadio) return;
+      if (!list) { setPodRadio(null); toast('Keine Verbindung zum Server'); return; }
+      if (!list.length) { setPodRadio(null); toast('Im Strom ist gerade nichts Ungehörtes'); return; }
+      goTo(list[0], false, true);
+    });
+  }
+
+  // "Normal weiterhören": the episode leaves the radio, first in the Wiedergabeliste at its place;
+  // from now on it plays as usual (with progress).
+  function radioCommit() {
+    if (!onRadio()) return;
+    const id = curId();
+    const e = Object.assign({}, cur, {position_seconds: Math.floor(posMs() / 1000)});
+    delete e.radio;
+    setPodRadio(null);
+    cur = e;
+    storePlayer();
+    enqueue([e], 'front', null);
+    saveProgress(id, e.position_seconds);
+    flush();
+    setSession();
+    report();
+    syncSoon();
+  }
+
+  // The radio's episode from another device (a transfer, or adopting it): the radio here.
+  function loadRadioAt(ep, at) {
+    at = Math.max(0, Math.round(at || 0));
+    if (!podRadio) setPodRadio({next: [], pos: null, done: []});
+    if (curId() !== ep.id || !cur.radio) {
+      if (cur && loaded && audio.readyState > 0) saveNow(cur.episode__id, true);
+      unload();
+      cur = radioEntry(ep);
+      wantPlay = false;
+      buffering = false;
+      error = null;
+      lastDur = 0;
+      storePlayer();
+    } else if (loaded && audio.readyState > 0) {
+      try { audio.currentTime = at / 1000; } catch (e) {}
+    }
+    startAt = loaded ? null : at;
+    mustReach = null;
+    pausedAt = 0;
+    lastPos = at;
+    podRadio.pos = {id: ep.id, seconds: Math.floor(at / 1000)};
+    store('podradio', podRadio);
+    radioFetch();
+    report();
+  }
+
   // ---- skip silence ----------------------------------------------------------------------
   // A browser can't listen to most podcast servers' audio (no CORS), so the server works out
   // once per episode which parts of its pauses go (podcasts/silence.py, the same rules as the
@@ -1448,7 +1599,7 @@
     }
     if (cur) {
       return {kind: 'podcast', episode_id: cur.episode__id, position_ms: Math.max(0, Math.round(posMs())),
-        playing: wantPlay, speed: speedFor(curFeed()), sleep: zz};
+        playing: wantPlay, speed: speedFor(curFeed()), sleep: zz, podcast_radio: onRadio()};
     }
     return {kind: '', position_ms: 0, playing: false};
   }
@@ -1614,6 +1765,7 @@
     } else {
       if (cur && loaded && audio.readyState > 0) saveNow(cur.episode__id, true);
       unload();
+      if (podRadio) setPodRadio(null);
       cur = Object.assign({}, entry(ep.id) || asQueueEntry(ep));
       startAt = at;
       wantPlay = false;
@@ -1635,7 +1787,7 @@
   // (another device played on): never while it plays here, never over a place
   // of ours that isn't saved yet, not for a few seconds' difference.
   function movePausedTo(id, at) {
-    if (curId() !== id || wantPlay) return false;
+    if (curId() !== id || wantPlay || onRadio()) return false;
     if (outbox.some(op => op.key === 'progress:' + id)) return false;
     if (Math.abs(at - posMs()) <= 5000) return false;
     loadAt({id}, at);
@@ -1657,6 +1809,9 @@
     st = st || sync.state;
     if (st && st.kind === 'radio' && st.station) {
       playStation(st.station.url, st.station.name || '', st.station.id || null);
+    } else if (st && st.kind === 'podcast' && st.episode && st.podcast_radio) {
+      loadRadioAt(st.episode, placeOf(st));
+      resume();
     } else if (st && st.kind === 'podcast' && st.episode) {
       loadAt(st.episode, placeOf(st));
       resume();
@@ -1668,7 +1823,9 @@
   // The active device is gone and we play nothing: its item becomes ours, paused.
   function adopt(st) {
     if (wantPlay || radioPlaying()) return;
-    if (st.kind === 'podcast' && st.episode) {
+    if (st.kind === 'podcast' && st.episode && st.podcast_radio) {
+      loadRadioAt(st.episode, st.position_ms);
+    } else if (st.kind === 'podcast' && st.episode) {
       if (curId() === st.episode.id) movePausedTo(st.episode.id, st.position_ms);
       else loadAt(st.episode, st.position_ms);
     } else if (st.kind === 'radio' && st.station) {
@@ -1792,6 +1949,10 @@
     o.dur = Math.round(durMs());
     const at = bookIndex(cur.episode__id);
     if (at >= 0) o.book = {feed_id: book.feed_id, index: at, chapters: book.chapters.length};
+    if (onRadio()) {
+      const n = podRadio.next[0];
+      o.radio = {next: n ? {title: n.episode__title || '', feed: n.episode__feed__title || ''} : null};
+    }
     o.playing = wantPlay;
     o.buffering = buffering && wantPlay;
     if (error) o.error = error;
@@ -1819,7 +1980,7 @@
     try {
       ms.metadata = new MediaMetadata({
         title: plain(cur.episode__title),
-        artist: plain(cur.episode__feed__title),
+        artist: (onRadio() ? 'Podcast-Radio · ' : '') + plain(cur.episode__feed__title),
         album: plain(cur.episode__feed__title),
         artwork: art ? [{src: art}] : [],
       });
@@ -1939,6 +2100,11 @@
       flush();
     },
     podcastNext: () => next(),
+    // The Podcast-Radio (docs/podcasts.md): play it, or take its episode out of it.
+    podcastRadio: () => radioStart(),
+    podcastRadioCommit: () => radioCommit(),
+    // ＋ while the radio plays it: onto the Merkliste (the radio plays on).
+    podcastRadioLater: sent(() => { if (onRadio()) { const e = Object.assign({}, cur); delete e.radio; laterAdd([e]); } }),
     podcastToggle: () => (wantPlay ? pause() : resume()),
     podcastPause: () => { if (wantPlay) pause(); },
     podcastSeek: ms => seek(Number(ms)),
@@ -2076,12 +2242,15 @@
   const was = load('player', null);
   if (was && was.entry && was.entry.episode__id != null) {
     const at = bookIndex(was.entry.episode__id);
-    cur = entry(was.entry.episode__id) || (at >= 0 ? book.chapters[at] : null) || was.entry;
+    cur = was.entry.radio && podRadio ? was.entry
+      : entry(was.entry.episode__id) || (at >= 0 ? book.chapters[at] : null) || was.entry;
+    if (cur.radio && !podRadio) delete cur.radio;
     lastPos = resumeMs();
   }
 
   // Keep the place when the page goes away; send what's pending when the connection is back.
   const leaving = () => {
+    if (onRadio()) { if (loaded && audio.readyState > 0) saveNow(cur.episode__id, false); return; }
     if (cur && loaded && audio.readyState > 0) {
       saveProgress(cur.episode__id, Math.floor(posMs() / 1000));
       if (navigator.sendBeacon) {
diff --git a/static/js/sw.js b/static/js/sw.js
index e3547e3..df95340 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v152';
+const CACHE = 'diora-v153';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 70a6ab6..71aa62d 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 6cfec49 2026-10-25: web-native/static/native-podcast.js
+// Copied from diora-android 7f37d4e 2026-10-25: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -384,8 +384,10 @@
     };
   }
 
-  // "Kapitel 7/24 · <book>" while a chapter of an audiobook plays (playerState().book).
+  // "Kapitel 7/24 · <book>" while a chapter of an audiobook plays (playerState().book);
+  // "Podcast-Radio · <podcast>" while the radio plays (playerState().radio, diora-web docs/podcasts.md).
   function bookLine(p) {
+    if (p && p.radio) return 'Podcast-Radio · ' + plain(p.feed || '');
     const b = p && p.book;
     if (!b || !b.chapters) return '';
     return `Kapitel ${b.index + 1}/${b.chapters}` + (b.title || p.feed ? ' · ' + plain(b.title || p.feed) : '');
@@ -3365,6 +3367,8 @@ neuesten Folgen) und die vorhandenen Ordner. Schlage nur Änderungen vor, die wi
       const head = el('div', 'nui-pod-head');
       head.append(el('div', 'nui-pod-summary', `${nEpisodes(total)} · ${sortLabel(epSort).toLowerCase()}`),
         listTools([
+          view === 'stream' && N.podcastRadio && button('📻', 'Podcast-Radio: immer die neueste ungehörte Folge – ohne Spuren in Listen und Verlauf',
+            () => N.podcastRadio(), 'nui-pod-radiobtn'),
           view === 'stream' && button('✦', 'Stöbern: suchen, Themen, Personen, Vergessenes, Empfehlungen', openBrowse, 'nui-pod-browsebtn'),
           button('⇅', 'Sortieren', () => sortMenuFor(epSort, true, id => setEpisodeList(epFilters, id))),
           button('☐', 'Mehrere auswählen', () => startSelecting()),
@@ -4715,7 +4719,17 @@ neuesten Folgen) und die vorhandenen Ordner. Schlage nur Änderungen vor, die wi
       closePlayer();
       window.__dioraPodcastOpenFeed(id);
     });
-    panel.append(el('div', 'nui-pod-player-title'), feedLine, chapBox);
+    // The Podcast-Radio: what comes next; ＋ (Merkliste) and "Normal weiterhören" (diora-web docs/podcasts.md).
+    const radioBox = el('div', 'nui-pod-radiobox');
+    radioBox.hidden = true;
+    const radioActs = el('div', 'nui-pod-radioacts');
+    radioActs.append(
+      button('＋ Merkliste', 'Auf die Merkliste (das Radio spielt weiter)', () => { N.podcastRadioLater(); toast('Auf der Merkliste'); }, 'nui-pod-radiolater'),
+      button('Normal weiterhören', 'Aus dem Radio nehmen: zuerst in die Wiedergabeliste, ab hier mit Verlauf',
+        () => { N.podcastRadioCommit(); toast('Läuft jetzt normal – zuerst in der Wiedergabeliste'); }, 'nui-pod-radiocommit'),
+    );
+    radioBox.append(el('div', 'nui-pod-radionext'), radioActs);
+    panel.append(el('div', 'nui-pod-player-title'), feedLine, chapBox, radioBox);
     const range = el('input', 'nui-pod-seek');
     range.type = 'range';
     range.min = 0;
@@ -4873,6 +4887,17 @@ neuesten Folgen) und die vorhandenen Ordner. Schlage nur Änderungen vor, die wi
     markChapter(sheet, (player.pos || 0) / 1000);
     sheet.querySelector('.nui-pod-player-title').textContent = player.title || '';
     sheet.querySelector('.nui-pod-player-feed').textContent = bookLine(player) || player.feed || '';
+    const radioBox = sheet.querySelector('.nui-pod-radiobox');
+    if (radioBox) {
+      radioBox.hidden = !player.radio || !N.podcastRadioCommit;
+      const n = player.radio && player.radio.next;
+      radioBox.querySelector('.nui-pod-radionext').textContent = n ? `Danach: ${plain(n.feed)} – ${plain(n.title)}` : '';
+    }
+    const nx = sheet.querySelector('.nui-pod-next');
+    if (nx) {
+      if (!nx.dataset.title) nx.dataset.title = nx.title;
+      nx.title = player.radio ? 'Überspringen – das Radio spielt die nächste' : nx.dataset.title;
+    }
     const range = sheet.querySelector('.nui-pod-seek');
     const dur = Math.round((player.dur || 0) / 1000);
     const pos = Math.round((player.pos || 0) / 1000);
@@ -5107,6 +5132,7 @@ neuesten Folgen) und die vorhandenen Ordner. Schlage nur Änderungen vor, die wi
   function finishAndNext() {
     const id = currentId();
     if (!id) return;
+    if (player.radio) { N.podcastNext(); return; }   // the radio is done with it, nothing else
     const ids = queue().map(q => q.episode__id);
     const at = ids.indexOf(id);
     const last = at < 0 ? !ids.length : at === ids.length - 1;
diff --git a/static/podcasts/podcast-ui.css b/static/podcasts/podcast-ui.css
index 6df2a67..813df62 100644
--- a/static/podcasts/podcast-ui.css
+++ b/static/podcasts/podcast-ui.css
@@ -1,4 +1,4 @@
-/* Copied from diora-android 1c1ec4e 2026-10-19: the podcast parts of web-native/static/native.css
+/* Copied from diora-android 7f37d4e 2026-10-25: the podcast parts of web-native/static/native.css
    (bottom sheet, podcasts) by tools/sync_podcast_ui.py. Do not edit here.
    The web's own additions are in podcasts-web.css. */
 
@@ -803,6 +803,14 @@ body.eink .nui-pod-facts a { color: #000; text-decoration: underline; }
 /* the player's chapters, right under the title */
 .nui-pod-chapbox { margin-top: -4px; border: 1px solid var(--border); border-radius: 8px; padding: 2px 4px 2px 10px; }
 .nui-pod-chapbox[hidden] { display: none; }
+/* the Podcast-Radio (diora-web docs/podcasts.md): what comes next, ＋ and "Normal weiterhören" */
+.nui-pod-radiobox { margin-top: -4px; border: 1px solid var(--border); border-radius: 8px; padding: 6px 8px 6px 10px; }
+.nui-pod-radiobox[hidden] { display: none; }
+.nui-pod-radionext { font-size: 12px; color: var(--nui-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.nui-pod-radionext:empty { display: none; }
+.nui-pod-radioacts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
+.nui-pod-radioacts .nui-icon { width: auto !important; padding: 0 12px !important; font-size: 13px !important; border: 1px solid var(--border); border-radius: 16px; }
+body.eink .nui-pod-radiobox, body.eink .nui-pod-radioacts .nui-icon { border-color: #000; }
 .nui-pod-chaphead { display: flex; align-items: center; gap: 2px; min-height: 40px; }
 .nui-pod-chapcount { flex: 1; min-width: 0; font-size: 12px; color: var(--nui-muted); font-variant-numeric: tabular-nums; }
 .nui-pod-chapbtn { min-width: 40px !important; min-height: 40px !important; font-size: 16px !important; }

From 1da19ba715f2d5a8e21330be02ab973c45fb7d64 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 25 Oct 2026 13:34:02 +0100
Subject: [PATCH 174/176] =?UTF-8?q?CI=20erneut=20ansto=C3=9Fen=20(Docker-N?=
 =?UTF-8?q?etze=20auf=20Strato=20waren=20aufgebraucht)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

From 5b1325609f24338bdb2fb467eaa502e6001d2258 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 25 Oct 2026 15:33:26 +0100
Subject: [PATCH 175/176] Nachrichten/Blogs: Gelesen-Markieren geht nicht mehr
 verloren, wenn der Server nicht antwortet
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der Aufruf an den Server war "abschicken und vergessen": scheiterte er (kein Netz, 5xx,
ein Proxy dazwischen), wurde er still verworfen und der Artikel war nach dem nächsten
Laden wieder ungelesen.

Jetzt wird auf dem Gerät markiert und der Aufruf gemerkt (localStorage
diora_feeds_read_pending) - wie die Hefte es mit diora_issue_pending schon tun. Er geht
nach, sobald das Gerät wieder online ist oder die Liste neu geladen wird. Eine
4xx-Antwort (der Artikel ist beim Server weg) wird nicht wiederholt, sonst würde die
Warteschlange nur wachsen.

sw v154.
---
 static/js/feeds.js | 75 ++++++++++++++++++++++++++++++++++++++++++----
 static/js/sw.js    |  2 +-
 2 files changed, 71 insertions(+), 6 deletions(-)

diff --git a/static/js/feeds.js b/static/js/feeds.js
index 1c787a0..baca094 100644
--- a/static/js/feeds.js
+++ b/static/js/feeds.js
@@ -5,6 +5,9 @@
  *     the "Seit letztem Mal" briefing on top, old news simply goes away;
  *   Blogs: a plain list of unread articles, per blog if wanted.
  * Articles open in the page (full text from the server), the browser only on request.
+ * Marking read happens on the device first and is queued in localStorage when the server
+ * can't be reached (`diora_feeds_read_pending`, sent again on 'online' and on the next load),
+ * the same way as the issues' `diora_issue_pending` (static/js/app/54-issues.js).
  * Runs in the web page, the desktop app and both Android apps (in diora Reader,
  * which has no tab bar, it brings a small Bücher/Feeds bar). Chrome-61-safe:
  * the e-reader app transpiles it (compat61), so no ?. / ?? here.
@@ -58,6 +61,69 @@
     return data;
   }
 
+  // ---- offline: marking read stays on the device and goes later ------------------------
+  //
+  // Telling the server was fire-and-forget before: a failure was swallowed, and offline
+  // (phone, train) the article came back unread after the next load. A failed call is now
+  // kept in localStorage and sent again when the connection is back — the same pattern as
+  // the issues' diora_issue_pending (static/js/app/54-issues.js). Chrome-61-safe.
+
+  const PENDING_READS = 'diora_feeds_read_pending';
+
+  function pendingReads() {
+    try { return JSON.parse(localStorage.getItem(PENDING_READS) || '{}') || {}; } catch (e) { return {}; }
+  }
+  function setPendingReads(all) {
+    try {
+      if (Object.keys(all).length) localStorage.setItem(PENDING_READS, JSON.stringify(all));
+      else localStorage.removeItem(PENDING_READS);
+    } catch (e) {}
+  }
+
+  // Send what is queued, drop only what the server took. false = still offline.
+  async function flushPendingReads() {
+    const all = pendingReads();
+    const keys = Object.keys(all);
+    if (!keys.length) return true;
+    const yes = keys.filter(k => all[k]).map(Number);
+    const no = keys.filter(k => !all[k]).map(Number);
+    try {
+      if (yes.length) await api('/feeds/items/read/', {ids: yes, read: true});
+      if (no.length) await api('/feeds/items/read/', {ids: no, read: false});
+    } catch (e) {
+      if (keepForRetry(e)) return false;
+      setPendingReads({});   // the server refused them: they would never go through
+      return true;
+    }
+    const now = pendingReads();
+    keys.forEach(k => { if (now[k] === all[k]) delete now[k]; });
+    setPendingReads(now);
+    return true;
+  }
+
+  // Mark on the device at once, then tell the server — and keep it when that fails.
+  // A 4xx is the server's answer, not a lost connection: the item may have gone away
+  // (old news is dropped), and repeating it would only fill the queue. Everything else
+  // — no connection, 5xx, a proxy in between — waits.
+  function keepForRetry(e) {
+    return !/^Fehler 4\d\d$/.test((e && e.message) || '');
+  }
+
+  async function markRead(ids, read) {
+    if (!ids || !ids.length) return;
+    markLocal(ids, read);
+    try {
+      await api('/feeds/items/read/', {ids: ids, read: read});
+    } catch (e) {
+      if (!keepForRetry(e)) return;
+      const all = pendingReads();
+      ids.forEach(id => { all[id] = read ? 1 : 0; });
+      setPendingReads(all);
+    }
+  }
+
+  window.addEventListener('online', () => { flushPendingReads(); });
+
   // ---- time
 
   function when(iso) {
@@ -120,6 +186,7 @@
     st.loading = true;
     st.error = '';
     render();
+    if (!more) await flushPendingReads();   // what offline marking left behind
     try {
       if (!more) await loadState();
       if (st.view === 'news') await loadNews(more);
@@ -619,8 +686,7 @@
         // News is read once opened; a blog post once read to 90 % (the server keeps where).
         if (!readerItem.read) {
           readerItem.read = true;
-          markLocal([id], true);
-          api('/feeds/items/read/', {ids: [id], read: true}).catch(() => {});
+          markRead([id], true);
         }
       } else {
         if (progressSent > 0.02 && progressSent < 0.9) {
@@ -786,9 +852,8 @@
     // Opening a story reads it: all its reports count as read.
     const unread = story.items.filter(i => !i.read).map(i => i.id);
     if (unread.length) {
-      markLocal(unread, true);
+      markRead(unread, true);
       story.unread = 0;
-      api('/feeds/items/read/', {ids: unread, read: true}).catch(() => {});
     }
     openItem(lead.id, story);
   }
@@ -1087,7 +1152,7 @@ und Ordner. Schlage nur Änderungen vor, die wirklich helfen; eine Quelle ohne s
     if (act === 'blogs-read') {
       const ids = st.items.filter(i => !i.read).map(i => i.id);
       if (!ids.length) return;
-      await api('/feeds/items/read/', {ids, read: true}).catch(() => {});
+      await markRead(ids, true);
       return load();
     }
     if (act === 'folder-rename' || act === 'folder-dissolve') return folderAction(act, t.dataset.name);
diff --git a/static/js/sw.js b/static/js/sw.js
index df95340..a125705 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v153';
+const CACHE = 'diora-v154';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',

From 119447257263ece2576025a7de96478c40e79155 Mon Sep 17 00:00:00 2001
From: mrwnslz <mrwnslz@pm.me>
Date: Sun, 25 Oct 2026 16:18:24 +0100
Subject: [PATCH 176/176] =?UTF-8?q?Podcasts:=20Werbung=20und=20Schluss=20i?=
 =?UTF-8?q?n=20YouTube-Folgen=20=C3=BCberspringen=20(SponsorBlock)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die Folgen eines YouTube-Kanals werden gehört wie Podcasts; unterbrochen wird man
darin von der Werbung und vom Schluss. Beides markieren andere Hörer bei
SponsorBlock: podcasts/sponsor.py fragt je Folge einmal danach (nur sponsor und
outro, nur Teile, die übersprungen werden, kein „full“) und legt die Antwort an
der Folge ab (PodcastEpisode.sponsor); GET /podcasts/episodes/<id>/sponsor/
antwortet damit. Eine Antwort gilt eine Woche, ein Fehlschlag eine Stunde.

Der Player springt über solche Teile (podcasts-web.js für Browser und Desktop,
in der App später der eigene Player); der Schalter heißt skip_sponsor, steht bei
„Stille überspringen“ im Abspiel- und Tempomenü, ist an und wirkt nur bei
YouTube-Folgen (default on). e2e/sponsor.spec.js spielt es in Chromium durch;
sw v155
---
 docs/youtube.md                               |  18 ++
 e2e/sponsor.spec.js                           | 178 ++++++++++++++++
 .../migrations/0026_podcastepisode_sponsor.py |  18 ++
 podcasts/models.py                            |   3 +
 podcasts/sponsor.py                           | 144 +++++++++++++
 podcasts/test_sponsor.py                      | 196 ++++++++++++++++++
 podcasts/urls.py                              |   1 +
 podcasts/views.py                             |  17 ++
 static/js/podcasts-web.js                     |  72 ++++++-
 static/js/sw.js                               |   2 +-
 static/podcasts/native-podcast.js             |  32 ++-
 11 files changed, 674 insertions(+), 7 deletions(-)
 create mode 100644 e2e/sponsor.spec.js
 create mode 100644 podcasts/migrations/0026_podcastepisode_sponsor.py
 create mode 100644 podcasts/sponsor.py
 create mode 100644 podcasts/test_sponsor.py

diff --git a/docs/youtube.md b/docs/youtube.md
index b169387..cb1671f 100644
--- a/docs/youtube.md
+++ b/docs/youtube.md
@@ -39,6 +39,24 @@ sound**: each app finds the audio stream itself.
   that came through such a server (it downloaded the sound on the server) to the
   channel itself.
 
+## Ad and outro: SponsorBlock
+
+What goes out of the sound — the advertisement and the closing words — is other people's
+work: SponsorBlock (`sponsor.ajay.app`) lets listeners mark a video's parts by category.
+`podcasts/sponsor.py` asks it once per episode (only `sponsor` and `outro`, only parts a
+listener skips, never a part marked `full`) and keeps the answer on the episode
+(`PodcastEpisode.sponsor`); `GET /podcasts/episodes/<id>/sponsor/` answers with it,
+`{"ready": true, "v": 1, "spans": [[from, to], …]}`, empty for an episode that isn't a
+video and with an `error` beside empty spans when SponsorBlock couldn't be asked. Nothing
+else is fetched — no intro, self-promotion, interaction reminder or non-music section.
+
+An answer counts for a week, a failure for an hour (segments are added later; a failure was
+probably the network). A player jumps over those parts and never runs them faster: the
+setting is `skip_sponsor` of this device (on by default, in the play and speed menus), and
+it does something only for YouTube episodes. Nothing of the sound leaves the device for
+this — the video id does, to sponsor.ajay.app, when the server asks (never the sound, and
+never for an episode that isn't a video).
+
 ## Apps
 
 A client that sees a `watch?v=` address resolves it **itself, on the device,
diff --git a/e2e/sponsor.spec.js b/e2e/sponsor.spec.js
new file mode 100644
index 0000000..6eea235
--- /dev/null
+++ b/e2e/sponsor.spec.js
@@ -0,0 +1,178 @@
+// Skipping the ad and the outro of a YouTube episode (docs/youtube.md, podcasts/sponsor.py).
+//
+// The sound of a YouTube episode plays only in an app, so the desktop is imitated here:
+// window.dioraDesktop.youtubeAudio answers with a stream of our own (a silent WAV, served
+// with byte ranges so the player can jump in it). The browser host (podcasts-web.js) is the
+// desktop's podcast host, so this is the code that runs there.
+const { test, expect } = require('@playwright/test');
+const { execFileSync } = require('child_process');
+const path = require('path');
+const { PYTHON, SERVER_ENV, TEST_USER } = require('./env');
+
+const ROOT = path.join(__dirname, '..');
+const VID = 'aqz-KE-bpKQ';
+const WATCH = `https://www.youtube.com/watch?v=${VID}`;
+const SPANS = [[1, 3], [6, 7.5]];   // ad, outro
+const SECONDS = 9;
+const STREAM = '/e2e-silence.wav';
+
+// A silent 8 kHz mono WAV: long enough to reach both parts and past them.
+function wav(seconds, rate = 8000) {
+  const n = seconds * rate;
+  const buf = Buffer.alloc(44 + n * 2);
+  buf.write('RIFF', 0);
+  buf.writeUInt32LE(36 + n * 2, 4);
+  buf.write('WAVE', 8);
+  buf.write('fmt ', 12);
+  buf.writeUInt32LE(16, 16);
+  buf.writeUInt16LE(1, 20);            // PCM
+  buf.writeUInt16LE(1, 22);            // mono
+  buf.writeUInt32LE(rate, 24);
+  buf.writeUInt32LE(rate * 2, 28);     // byte rate
+  buf.writeUInt16LE(2, 32);            // block align
+  buf.writeUInt16LE(16, 34);           // bits
+  buf.write('data', 36);
+  buf.writeUInt32LE(n * 2, 40);
+  return buf;
+}
+
+const BODY = wav(SECONDS);
+
+function seed() {
+  const py = `
+from django.contrib.auth import get_user_model
+from django.utils import timezone
+from podcasts.models import PodcastEpisode, PodcastFeed, PodcastQueue
+import json
+u = get_user_model().objects.get(username=${JSON.stringify(TEST_USER.username)})
+PodcastQueue.objects.filter(user=u).delete()
+PodcastEpisode.objects.filter(feed__user=u).delete()
+PodcastFeed.objects.filter(user=u).delete()
+f = PodcastFeed.objects.create(user=u, rss_url='https://www.youtube.com/feeds/videos.xml?channel_id=UCe2etest',
+                               title='Kanal')
+ep = PodcastEpisode.objects.create(feed=f, guid='yt:video:${VID}', title='Eine Folge',
+                                   audio_url=${JSON.stringify(WATCH)}, pub_date=timezone.now(),
+                                   duration_seconds=${SECONDS},
+                                   sponsor={'v': 1, 'spans': ${JSON.stringify(SPANS)},
+                                            'at': timezone.now().isoformat()})
+PodcastQueue.objects.create(user=u, episode=ep, position=0)
+print('episode', ep.id)
+`;
+  execFileSync(PYTHON, ['manage.py', 'shell', '-c', py], { cwd: ROOT, env: SERVER_ENV, stdio: 'inherit' });
+}
+
+test.beforeAll(seed);
+test.use({ storageState: 'e2e/.auth/user.json' });
+
+// The stream, with byte ranges: without them Chromium may refuse to jump in a file.
+async function serveStream(page) {
+  await page.route(`**${STREAM}`, route => {
+    const range = route.request().headers()['range'];
+    const head = { 'Content-Type': 'audio/wav', 'Accept-Ranges': 'bytes' };
+    if (!range) return route.fulfill({ status: 200, headers: head, body: BODY });
+    const m = /bytes=(\d*)-(\d*)/.exec(range);
+    const from = m && m[1] ? Number(m[1]) : 0;
+    const to = m && m[2] ? Number(m[2]) : BODY.length - 1;
+    return route.fulfill({
+      status: 206,
+      headers: { ...head, 'Content-Range': `bytes ${from}-${to}/${BODY.length}`, 'Content-Length': String(to - from + 1) },
+      body: BODY.subarray(from, to + 1),
+    });
+  });
+}
+
+// The desktop the host talks to, and a look at the player's own position over time.
+async function imitateDesktop(page) {
+  await page.addInitScript(url => {
+    window.dioraDesktop = {
+      youtubeAudio: () => Promise.resolve({ url }),
+      deviceName: 'diora Desktop',
+    };
+    window.__times = [];
+    const Orig = window.Audio;
+    window.Audio = function () {
+      const el = new Orig(...arguments);
+      window.__el = el;
+      el.addEventListener('timeupdate', () => window.__times.push(el.currentTime));
+      el.addEventListener('playing', () => window.__times.push(el.currentTime));
+      return el;
+    };
+    window.Audio.prototype = Orig.prototype;
+  }, STREAM);
+}
+
+// The episode as the host itself holds it (the queue from /podcasts/state/).
+async function episode(page) {
+  return page.evaluate(() => {
+    const s = JSON.parse(window.DioraPodcastHost.podcastState());
+    return (s.queue || []).find(q => /watch\?v=/.test(q.episode__audio_url || '')) || null;
+  });
+}
+
+function inPart(t) {
+  return SPANS.find(([from, to]) => t > from + 0.05 && t < to - 0.05) || null;
+}
+
+test('the ad and the outro are jumped over', async ({ page }) => {
+  const asked = [];
+  page.on('request', r => { if (/\/podcasts\/episodes\/\d+\/sponsor\//.test(r.url())) asked.push(r.url()); });
+  await serveStream(page);
+  await imitateDesktop(page);
+  await page.goto('/');
+  await page.waitForFunction(() => window.DioraPodcastHost, null, { timeout: 15000 });
+  await page.waitForFunction(() => {
+    const s = JSON.parse(window.DioraPodcastHost.podcastState());
+    return (s.queue || []).some(q => /watch\?v=/.test(q.episode__audio_url || ''));
+  }, null, { timeout: 15000 });
+
+  const ep = await episode(page);
+  expect(ep, 'the seeded episode is in the queue').not.toBeNull();
+  await page.evaluate(json => window.DioraPodcastHost.podcastPlayEpisode(json, 0), JSON.stringify(ep));
+
+  // Where the sound is over time, from here (a `timeupdate` comes only every 250 ms).
+  const times = await sample(page, 4.5);
+
+  expect(asked.length, 'the server was asked for the parts').toBeGreaterThan(0);
+  const inside = times.filter(inPart);
+  expect(inside, `no part was played: ${inside.join(', ')} of ${times.length} positions`).toEqual([]);
+  expect(Math.max(...times), 'the sound kept going past the ad').toBeGreaterThan(3.2);
+});
+
+// The player's position, read every 100 ms until it passed `until` (in seconds).
+async function sample(page, until, limit = 250) {
+  const times = [];
+  for (let i = 0; i < limit; i++) {
+    const t = await page.evaluate(() => (window.__el && window.__el.readyState > 0
+      ? window.__el.currentTime : null));
+    if (t !== null) times.push(t);
+    if (t !== null && t > until) break;
+    await page.waitForTimeout(100);
+  }
+  return times;
+}
+
+test('with the setting off nothing is asked and nothing is jumped over', async ({ page }) => {
+  seed();   // the first test left the episode played (and out of the queue)
+  let asked = 0;
+  page.on('request', r => { if (/\/podcasts\/episodes\/\d+\/sponsor\//.test(r.url())) asked++; });
+  await serveStream(page);
+  await imitateDesktop(page);
+  await page.goto('/');
+  // This device's setting, before the host reads it (localStorage, PlaybackPrefs.kt).
+  await page.evaluate(() => localStorage.setItem('dpw_prefs_' + window.USER_ID, JSON.stringify({skip_sponsor: false})));
+  await page.reload();
+  await page.waitForFunction(() => window.DioraPodcastHost, null, { timeout: 15000 });
+  await page.waitForFunction(() => {
+    const s = JSON.parse(window.DioraPodcastHost.podcastState());
+    return (s.queue || []).some(q => /watch\?v=/.test(q.episode__audio_url || ''));
+  }, null, { timeout: 15000 });
+  expect(await page.evaluate(() => JSON.parse(window.DioraPodcastHost.podcastPrefs()).skip_sponsor)).toBe(false);
+
+  const ep = await episode(page);
+  await page.evaluate(json => window.DioraPodcastHost.podcastPlayEpisode(json, 0), JSON.stringify(ep));
+  const times = await sample(page, 4.5);
+
+  expect(asked, 'nothing was asked for').toBe(0);
+  const inside = times.filter(inPart);
+  expect(inside.length, `the ad was played (${inside.join(', ')})`).toBeGreaterThan(0);
+});
diff --git a/podcasts/migrations/0026_podcastepisode_sponsor.py b/podcasts/migrations/0026_podcastepisode_sponsor.py
new file mode 100644
index 0000000..cac71d6
--- /dev/null
+++ b/podcasts/migrations/0026_podcastepisode_sponsor.py
@@ -0,0 +1,18 @@
+# Generated by Django 6.1 on 2026-10-25 15:11
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('podcasts', '0025_podcast_radio'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='podcastepisode',
+            name='sponsor',
+            field=models.JSONField(blank=True, null=True),
+        ),
+    ]
diff --git a/podcasts/models.py b/podcasts/models.py
index 0ecdbda..c24859c 100644
--- a/podcasts/models.py
+++ b/podcasts/models.py
@@ -184,6 +184,9 @@ class PodcastEpisode(models.Model):
     # The pauses for skipping silence in the browser (silence.py), found on
     # first request: {"spans": [[start, end], …]} (+ "error"); null = not yet.
     silences = models.JSONField(null=True, blank=True)
+    # The ad and the outro of a YouTube episode (sponsor.py, SponsorBlock), asked for
+    # on first request: {"spans": [[start, end], …], "at": when, (+ "error")}.
+    sponsor = models.JSONField(null=True, blank=True)
 
     class Meta:
         unique_together = ('feed', 'guid')
diff --git a/podcasts/sponsor.py b/podcasts/sponsor.py
new file mode 100644
index 0000000..8f85bac
--- /dev/null
+++ b/podcasts/sponsor.py
@@ -0,0 +1,144 @@
+"""Skip the ad and the outro of a YouTube episode: what SponsorBlock knows about it.
+
+A YouTube channel is a podcast here (docs/youtube.md): such an episode's audio_url is
+``https://www.youtube.com/watch?v=<11-character id>``, and its sound belongs to the app —
+the server never fetches it. What goes *out* of the sound is other people's work:
+SponsorBlock (sponsor.ajay.app) lets listeners mark a video's parts by category, and the
+two that hurt listening are the advertisement and the closing words. The server asks once
+per episode and keeps the answer on it (PodcastEpisode.sponsor); the player then jumps over
+those parts (podcasts-web.js for the browser and the desktop app, the app's own player for
+Android).
+
+Only those two categories are asked for, and only parts a listener skips: nothing about
+intros, self-promotion, interaction reminders or non-music sections, and no part marked
+``full`` — the whole video sponsored means there would be no sound left.
+"""
+import logging
+from datetime import datetime
+
+import requests
+
+from django.utils import timezone
+
+from . import youtube as youtube_mod
+
+log = logging.getLogger(__name__)
+
+VERSION = 1
+API = 'https://sponsor.ajay.app/api/skipSegments'
+CATEGORIES = ('sponsor', 'outro')
+TIMEOUT = (3, 8)            # connect, read: a player waits for this, so keep it short
+MIN_SPAN = 0.3              # s: a shorter part isn't worth a jump
+STALE = 7 * 24 * 3600       # s: an answer is asked again this long after (segments get added)
+STALE_ERROR = 3600          # s: a failed ask is tried again sooner (it may have been the network)
+
+
+def video_id_of(audio_url):
+    """The video an episode is, judged by its address (the same reading as youtube.py)."""
+    return youtube_mod.video_id_in(audio_url or '')
+
+
+def _spans(segments):
+    """[[from, to], …] in seconds: the parts of `segments` that go, in order, merged.
+
+    What SponsorBlock answered for the categories asked for, as far as it is usable: a
+    segment has a start and an end, `skip` or `mute` means it goes (a jump is quieter than
+    muting and the player jumps anyway), and two parts that touch are one.
+    """
+    found = []
+    for seg in segments or []:
+        if not isinstance(seg, dict):
+            continue
+        if seg.get('category') not in CATEGORIES:
+            continue
+        if seg.get('actionType', 'skip') not in ('skip', 'mute'):
+            continue
+        span = seg.get('segment')
+        if not isinstance(span, (list, tuple)) or len(span) != 2:
+            continue
+        try:
+            start, end = float(span[0]), float(span[1])
+        except (TypeError, ValueError):
+            continue
+        if not (start >= 0 and end > start) or end - start < MIN_SPAN or end != end:  # NaN
+            continue
+        found.append([start, end])
+    found.sort()
+    out = []
+    for start, end in found:
+        if out and start <= out[-1][1] + 0.001:
+            out[-1][1] = max(out[-1][1], end)
+        else:
+            out.append([start, end])
+    return [[round(a, 3), round(b, 3)] for a, b in out]
+
+
+def fetch(video_id):
+    """[[from, to], …] for the video, from SponsorBlock. Raises what the asking raised."""
+    r = requests.get(API, params={'videoID': video_id, 'categories': list(CATEGORIES)},
+                     timeout=TIMEOUT, headers={'User-Agent': 'diora podcast sponsorblock'})
+    if r.status_code == 404:      # nobody has marked this video: not an error
+        return []
+    if r.status_code >= 400:
+        raise RuntimeError(f'HTTP {r.status_code}')
+    try:
+        data = r.json()
+    except ValueError:
+        raise RuntimeError('not JSON')
+    if not isinstance(data, list):
+        raise RuntimeError('unexpected answer')
+    return _spans(data)
+
+
+def ask(video_id):
+    """The result to store on the episode: the parts that go, or why they weren't found."""
+    try:
+        return {'v': VERSION, 'spans': fetch(video_id), 'at': timezone.now().isoformat()}
+    except Exception as e:      # unreachable API, timeout, nonsense: remembered, retried later
+        log.warning('sponsor parts of video %s failed: %s', video_id, e)
+        return {'v': VERSION, 'spans': [], 'error': str(e)[:200] or type(e).__name__,
+                'at': timezone.now().isoformat()}
+
+
+def current(stored):
+    """Whether a stored result still counts (else the episode is asked again).
+
+    A part that goes doesn't change; new ones appear, though, so an episode is asked again
+    after a week — and a failure after an hour, since it was probably the network.
+    """
+    if not stored or stored.get('v') != VERSION or 'spans' not in stored:
+        return False
+    age = STALE_ERROR if stored.get('error') else STALE
+    at = stored.get('at')
+    if not at:
+        return False
+    try:
+        when = datetime.fromisoformat(at)
+    except (TypeError, ValueError):
+        return False
+    if timezone.is_naive(when):
+        when = timezone.make_aware(when)
+    return (timezone.now() - when).total_seconds() < age
+
+
+def spans_of(episode):
+    """[[from, to], …]: what to leave out of this episode, asking SponsorBlock if need be.
+
+    Nothing at all for an episode that isn't a video (SponsorBlock knows only YouTube), and
+    nothing when the asking fails. The episode is only handed back changed through the DB
+    (`update`), so a caller that keeps the row doesn't have to save it.
+    """
+    from .models import PodcastEpisode
+    empty = {'ready': True, 'v': VERSION, 'spans': []}
+    video_id = video_id_of(episode.audio_url)
+    if not video_id:
+        return empty
+    stored = episode.sponsor
+    if not current(stored):
+        stored = ask(video_id)
+        PodcastEpisode.objects.filter(pk=episode.pk).update(sponsor=stored)
+        episode.sponsor = stored
+    out = dict(empty, spans=stored.get('spans', []))
+    if stored.get('error'):
+        out['error'] = stored['error']
+    return out
diff --git a/podcasts/test_sponsor.py b/podcasts/test_sponsor.py
new file mode 100644
index 0000000..69cb992
--- /dev/null
+++ b/podcasts/test_sponsor.py
@@ -0,0 +1,196 @@
+"""Skipping the ad and the outro of a YouTube episode (sponsor.py)."""
+from datetime import timedelta
+from unittest.mock import patch
+
+from django.contrib.auth.models import User
+from django.test import TestCase
+from django.utils import timezone
+
+from . import sponsor
+from .models import PodcastEpisode, PodcastFeed
+
+VIDEO = 'https://www.youtube.com/watch?v=aqz-KE-bpKQ'
+VID = 'aqz-KE-bpKQ'
+
+
+def seg(start, end, category='sponsor', action='skip'):
+    return {'UUID': f'{category}-{start}', 'category': category, 'actionType': action,
+            'segment': [start, end], 'votes': 10, 'videoDuration': 600}
+
+
+class SpanTests(TestCase):
+    """What is taken out of SponsorBlock's answer."""
+
+    def test_only_sponsor_and_outro(self):
+        self.assertEqual(sponsor._spans([
+            seg(10, 20), seg(30, 40, 'outro'),
+            seg(50, 60, 'intro'), seg(70, 80, 'selfpromo'),
+            seg(90, 100, 'interaction'), seg(110, 120, 'music_offtopic'),
+        ]), [[10, 20], [30, 40]])
+
+    def test_full_and_poi_segments_are_left_alone(self):
+        # "full": the whole video is a sponsor — jumping would leave no sound at all.
+        self.assertEqual(sponsor._spans([seg(0, 600, 'sponsor', 'full')]), [])
+
+    def test_mute_counts_as_skipped(self):
+        self.assertEqual(sponsor._spans([seg(10, 20, 'sponsor', 'mute')]), [[10, 20]])
+
+    def test_touching_parts_become_one(self):
+        self.assertEqual(sponsor._spans([seg(10, 20), seg(20, 30)]), [[10, 30]])
+        self.assertEqual(sponsor._spans([seg(10, 20), seg(19.5, 30)]), [[10, 30]])
+
+    def test_order_does_not_matter(self):
+        self.assertEqual(sponsor._spans([seg(30, 40, 'outro'), seg(10, 20)]), [[10, 20], [30, 40]])
+
+    def test_nonsense_is_ignored(self):
+        self.assertEqual(sponsor._spans([
+            seg(10, 20), 'nonsense', {}, {'category': 'sponsor'}, {'category': 'sponsor', 'segment': [1]},
+            {'category': 'sponsor', 'segment': ['a', 'b']}, {'category': 'sponsor', 'segment': [20, 10]},
+            {'category': 'sponsor', 'segment': [-5, 5]}, seg(30, 30.1),      # too short to be worth it
+        ]), [[10, 20]])
+
+    def test_nothing_at_all(self):
+        self.assertEqual(sponsor._spans(None), [])
+        self.assertEqual(sponsor._spans([]), [])
+
+    def test_the_video_id_of_an_episode(self):
+        self.assertEqual(sponsor.video_id_of(VIDEO), VID)
+        self.assertEqual(sponsor.video_id_of(f'https://example.org/podcasts/{VID}.mp3'), VID)
+        self.assertEqual(sponsor.video_id_of('https://example.org/folge.mp3'), '')
+
+
+class FetchTests(TestCase):
+    def setUp(self):
+        self.answers = []
+
+        def get(url, **kw):
+            self.asked = (url, kw.get('params'), kw.get('timeout'))
+            return self.answers.pop(0)
+
+        self.get = get
+
+    def _answer(self, status=200, body=None):
+        class R:
+            status_code = status
+
+            def json(_self):
+                return body
+        r = R()
+        r.status_code = status
+        return r
+
+    def test_a_video_nobody_marked_is_not_an_error(self):
+        self.answers = [self._answer(404)]
+        with patch('podcasts.sponsor.requests.get', self.get):
+            self.assertEqual(sponsor.fetch(VID), [])
+        url, params, timeout = self.asked
+        self.assertEqual(url, sponsor.API)
+        self.assertEqual(params['videoID'], VID)
+        self.assertEqual(params['categories'], ['sponsor', 'outro'])
+        self.assertEqual(timeout, sponsor.TIMEOUT)
+
+    def test_what_the_api_answers_is_read(self):
+        self.answers = [self._answer(200, [seg(60, 90, 'outro'), seg(10, 20)])]
+        with patch('podcasts.sponsor.requests.get', self.get):
+            self.assertEqual(sponsor.fetch(VID), [[10, 20], [60, 90]])
+
+    def test_a_broken_answer_is_an_error(self):
+        for answer in (self._answer(500), self._answer(200, {'error': 'nope'})):
+            self.answers = [answer]
+            with patch('podcasts.sponsor.requests.get', self.get):
+                with self.assertRaises(RuntimeError):
+                    sponsor.fetch(VID)
+
+    def test_ask_remembers_an_error_instead_of_raising(self):
+        def boom(url, **kw):
+            raise OSError('no route to host')
+        with patch('podcasts.sponsor.requests.get', boom):
+            got = sponsor.ask(VID)
+        self.assertEqual(got['spans'], [])
+        self.assertEqual(got['v'], sponsor.VERSION)
+        self.assertIn('no route', got['error'])
+        self.assertTrue(got['at'])
+
+    def test_a_stored_answer_is_used_until_it_is_old(self):
+        now = timezone.now().isoformat()
+        fresh = {'v': sponsor.VERSION, 'spans': [[1, 2]], 'at': now}
+        self.assertTrue(sponsor.current(fresh))
+        self.assertFalse(sponsor.current(None))
+        self.assertFalse(sponsor.current({}))
+        self.assertFalse(sponsor.current({'v': sponsor.VERSION - 1, 'spans': [], 'at': now}))
+        self.assertFalse(sponsor.current({'v': sponsor.VERSION, 'spans': []}))   # no "at"
+
+    def test_a_failure_is_asked_again_sooner_than_an_answer(self):
+        def ago(seconds):
+            return (timezone.now() - timedelta(seconds=seconds)).isoformat()
+        old = {'v': sponsor.VERSION, 'spans': [[1, 2]], 'at': ago(sponsor.STALE + 60)}
+        self.assertFalse(sponsor.current(old))
+        self.assertTrue(sponsor.current(dict(old, at=ago(sponsor.STALE - 60))))
+        failed = {'v': sponsor.VERSION, 'spans': [], 'error': 'HTTP 500', 'at': ago(sponsor.STALE_ERROR + 60)}
+        self.assertFalse(sponsor.current(failed))
+
+
+class EpisodeSponsorViewTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username='alice', password='pw12345678')
+        self.client.force_login(self.user)
+        self.feed = PodcastFeed.objects.create(user=self.user, rss_url='https://www.youtube.com/feeds/videos.xml?channel_id=UCx',
+                                              title='Kanal')
+        self.video = PodcastEpisode.objects.create(
+            feed=self.feed, guid=f'yt:video:{VID}', title='Eine Folge', audio_url=VIDEO,
+            pub_date=timezone.now())
+        self.other = PodcastEpisode.objects.create(
+            feed=self.feed, guid='e1', title='Eine Folge', audio_url='https://example.org/e1.mp3',
+            pub_date=timezone.now())
+        self.answers = []
+
+    def _get(self, url, **kw):
+        return self.answers.pop(0)
+
+    def _answer(self, body):
+        class R:
+            status_code = 200
+
+            def json(_self):
+                return body
+        return R()
+
+    def url(self, ep):
+        return f'/podcasts/episodes/{ep.id}/sponsor/'
+
+    def test_a_video_is_asked_once_and_the_answer_is_kept(self):
+        self.answers = [self._answer([seg(10, 20), seg(60, 90, 'outro')])]
+        with patch('podcasts.sponsor.requests.get', self._get):
+            d = self.client.get(self.url(self.video)).json()
+        self.assertEqual(d, {'ready': True, 'v': sponsor.VERSION, 'spans': [[10, 20], [60, 90]]})
+        self.assertEqual(PodcastEpisode.objects.get(pk=self.video.pk).sponsor['spans'], [[10, 20], [60, 90]])
+        # Kept: the second call doesn't ask again.
+        with patch('podcasts.sponsor.requests.get', self._get):
+            d = self.client.get(self.url(self.video)).json()
+        self.assertEqual(d['spans'], [[10, 20], [60, 90]])
+
+    def test_a_failed_ask_answers_empty_and_is_remembered(self):
+        def boom(url, **kw):
+            raise OSError('timed out')
+        with patch('podcasts.sponsor.requests.get', boom):
+            d = self.client.get(self.url(self.video)).json()
+        self.assertEqual(d['spans'], [])
+        self.assertEqual(d['error'], 'timed out')
+        self.assertIn('error', PodcastEpisode.objects.get(pk=self.video.pk).sponsor)
+
+    def test_an_episode_that_is_no_video_is_never_asked_for(self):
+        with patch('podcasts.sponsor.requests.get', self._get):
+            d = self.client.get(self.url(self.other)).json()
+        self.assertEqual(d, {'ready': True, 'v': sponsor.VERSION, 'spans': []})
+        self.assertIsNone(PodcastEpisode.objects.get(pk=self.other.pk).sponsor)
+
+    def test_a_foreign_episode_is_not_found(self):
+        other = User.objects.create_user(username='bob', password='pw12345678')
+        feed = PodcastFeed.objects.create(user=other, rss_url='https://example.org/f', title='F')
+        ep = PodcastEpisode.objects.create(feed=feed, guid='x', title='X', audio_url=VIDEO,
+                                          pub_date=timezone.now())
+        self.assertEqual(self.client.get(self.url(ep)).status_code, 404)
+
+    def test_asking_without_a_login_is_refused(self):
+        self.client.logout()
+        self.assertEqual(self.client.get(self.url(self.video)).status_code, 401)
diff --git a/podcasts/urls.py b/podcasts/urls.py
index 933f93e..aaaaa25 100644
--- a/podcasts/urls.py
+++ b/podcasts/urls.py
@@ -29,6 +29,7 @@ urlpatterns = [
     path('episodes/<int:pk>/', views.episode_detail, name='podcast_episode_detail'),
     path('episodes/<int:pk>/transcript/', views.episode_transcript, name='podcast_episode_transcript'),
     path('episodes/<int:pk>/silences/', views.episode_silences, name='podcast_episode_silences'),
+    path('episodes/<int:pk>/sponsor/', views.episode_sponsor, name='podcast_episode_sponsor'),
     path('episodes/<int:pk>/favorite/', views.set_favorite, name='podcast_set_favorite'),
     path('stats/', views.podcast_stats, name='podcast_stats'),
     path('queue/', views.queue_get, name='podcast_queue_get'),
diff --git a/podcasts/views.py b/podcasts/views.py
index 29e9d70..b856077 100644
--- a/podcasts/views.py
+++ b/podcasts/views.py
@@ -27,6 +27,7 @@ from django.views.decorators.http import require_http_methods
 
 from . import chapters as chapters_mod
 from . import silence as silence_mod
+from . import sponsor as sponsor_mod
 from . import feedext
 from . import transcripts as transcripts_mod
 from . import youtube as youtube_mod
@@ -1481,6 +1482,22 @@ def episode_silences(request, pk):
                          **({'error': ep.silences['error']} if ep.silences.get('error') else {})})
 
 
+@csrf_exempt
+@require_http_methods(['GET'])
+def episode_sponsor(request, pk):
+    """What to leave out of the episode's sound: the ad and the outro, from SponsorBlock
+    (sponsor.py). {"ready": true, "v": 1, "spans": [[from, to], …]} — asked for on the
+    first request and then kept on the episode; empty for an episode that isn't a video,
+    and an "error" beside empty spans when SponsorBlock couldn't be asked."""
+    if not request.user.is_authenticated:
+        return JsonResponse({'error': 'authentication required'}, status=401)
+    ep = PodcastEpisode.objects.filter(pk=pk, feed__user=request.user).only(
+        'id', 'sponsor', 'audio_url').first()
+    if ep is None:
+        return JsonResponse({'error': 'not found'}, status=404)
+    return JsonResponse(sponsor_mod.spans_of(ep))
+
+
 @csrf_exempt
 @require_http_methods(['GET'])
 def episode_transcript(request, pk):
diff --git a/static/js/podcasts-web.js b/static/js/podcasts-web.js
index 35438c2..2b0b7ea 100644
--- a/static/js/podcasts-web.js
+++ b/static/js/podcasts-web.js
@@ -482,7 +482,9 @@
     smart_played: [0, 15, 30, 45, 60, 120, 300, 600],
   };
   const prefs = Object.assign({speed: 1, skip_back: 15, skip_forward: 30, remove_played: true, smart_played: 30,
-    sleep_last: 15, sleep_auto: false, sleep_from: 22, sleep_to: 6, skip_silence: false}, load('prefs', {}));
+    sleep_last: 15, sleep_auto: false, sleep_from: 22, sleep_to: 6, skip_silence: false,
+    // Ad and outro of a YouTube episode (sponsor.py): on, since that is what it is for.
+    skip_sponsor: true}, load('prefs', {}));
 
   // Skip lengths and "counts as played": the account's where it has them, else this browser's.
   function eff(name) {
@@ -504,6 +506,8 @@
       prefs.remove_played = !!value;
     } else if (name === 'skip_silence') {
       prefs.skip_silence = !!value;   // the server finds the pauses, we jump over them (below)
+    } else if (name === 'skip_sponsor') {
+      prefs.skip_sponsor = !!value;   // SponsorBlock knows the ad and the outro (below)
     } else if (name === 'sleep_from' || name === 'sleep_to') {
       if (!(Number.isInteger(value) && value >= 0 && value <= 23)) return;
       prefs[name] = value;
@@ -517,7 +521,7 @@
   function prefsJson() {
     return {speed: prefs.speed, skip_back: eff('skip_back'), skip_forward: eff('skip_forward'),
       remove_played: prefs.remove_played, smart_played: eff('smart_played'), feeds: {},
-      skip_silence: !!prefs.skip_silence,
+      skip_silence: !!prefs.skip_silence, skip_sponsor: !!prefs.skip_sponsor,
       sleep_from: sleepHour('sleep_from', 22), sleep_to: sleepHour('sleep_to', 6)};
   }
 
@@ -1338,6 +1342,70 @@
   document.addEventListener('visibilitychange', silenceWatch);
   audio.addEventListener('timeupdate', () => { if (!silenceTimer && !audio.paused) silenceWatch(); });
 
+  // ---- skip the ad and the outro (SponsorBlock) -----------------------------------------
+  // A YouTube episode's sound is the video's, and its ad and closing words are marked by
+  // other listeners (sponsor.py on the server, docs/youtube.md). Only YouTube episodes:
+  // SponsorBlock knows nothing else. They are simply jumped over — such a part is long,
+  // and a jump is quieter than running it through faster or muting it.
+  const SPONSOR_LEAD = 0.15;    // s: jump this early, a timer is a little late
+  let sponsorTimer = null;
+  let sponsorDone = -1;         // the end of the part last jumped over (not entered again)
+
+  const sponsor = {id: null, spans: null, asked: 0};
+
+  // [[from, to], …] in seconds: what to leave out of this episode, once the server said.
+  function sponsorSpans() {
+    const id = curId();
+    if (id == null || !prefs.skip_sponsor || !cur || !YOUTUBE.test(cur.episode__audio_url || '')) return null;
+    if (sponsor.id !== id) { sponsor.id = id; sponsor.spans = null; sponsor.asked = 0; sponsorDone = -1; }
+    if (!sponsor.spans && Date.now() - sponsor.asked > 20000) {
+      sponsor.asked = Date.now();
+      fetch(`/podcasts/episodes/${id}/sponsor/`, {credentials: 'same-origin', cache: 'no-store'})
+        .then(r => (r.ok ? r.json() : null))
+        .then(d => { if (d && d.v === 1 && sponsor.id === id) sponsor.spans = d.spans || []; })
+        .catch(() => {});
+    }
+    return sponsor.spans;
+  }
+
+  function sponsorSchedule(ms) {
+    clearTimeout(sponsorTimer);
+    sponsorTimer = setTimeout(sponsorTick, Math.max(20, Math.min(ms, 2000)));
+  }
+
+  function sponsorTick() {
+    sponsorTimer = null;
+    if (!loaded || audio.paused || audio.seeking) return;
+    const spans = sponsorSpans();
+    if (!spans) { if (spans === null) sponsorSchedule(1000); return; }   // still asking the server
+    const t = audio.currentTime;
+    for (const [from, to] of spans) {   // in order
+      if (to <= t || to === sponsorDone) continue;
+      if (from <= t) {                  // inside a part that goes
+        sponsorDone = to;
+        try { audio.currentTime = to; } catch (e) {}
+        sponsorSchedule(100);
+        return;
+      }
+      sponsorSchedule((from - t - SPONSOR_LEAD) / (audio.playbackRate || 1) * 1000 + 30);
+      return;
+    }
+  }
+
+  function sponsorWatch() {
+    clearTimeout(sponsorTimer);
+    sponsorTimer = null;
+    if (loaded && !audio.paused) sponsorTick();
+  }
+  audio.addEventListener('playing', sponsorWatch);
+  audio.addEventListener('pause', sponsorWatch);
+  audio.addEventListener('ended', sponsorWatch);
+  audio.addEventListener('emptied', sponsorWatch);
+  audio.addEventListener('seeked', () => { sponsorDone = -1; sponsorWatch(); });
+  audio.addEventListener('ratechange', () => { if (sponsorTimer) sponsorWatch(); });  // the jump is timed by rate
+  document.addEventListener('visibilitychange', sponsorWatch);
+  audio.addEventListener('timeupdate', () => { if (!sponsorTimer && !audio.paused) sponsorWatch(); });
+
   // ---- radio and podcasts take turns ---------------------------------------------------
 
   function stopRadio() {
diff --git a/static/js/sw.js b/static/js/sw.js
index a125705..14e6fac 100644
--- a/static/js/sw.js
+++ b/static/js/sw.js
@@ -2,7 +2,7 @@
  * diora service worker — caches the app shell for offline use.
  */
 
-const CACHE = 'diora-v154';
+const CACHE = 'diora-v155';
 const SHELL = [
   '/static/css/app.css',
   '/static/js/app/01-core.js',
diff --git a/static/podcasts/native-podcast.js b/static/podcasts/native-podcast.js
index 71aa62d..d0b4ddb 100644
--- a/static/podcasts/native-podcast.js
+++ b/static/podcasts/native-podcast.js
@@ -1,4 +1,4 @@
-// Copied from diora-android 7f37d4e 2026-10-25: web-native/static/native-podcast.js
+// Copied from diora-android e287f48 2026-10-25: web-native/static/native-podcast.js
 // by tools/sync_podcast_ui.py. Do not edit here: change it in diora-android
 // and copy again. The browser host is static/js/podcasts-web.js.
 
@@ -666,7 +666,8 @@
         keepSkippedItem(),
         deleteDequeueItem(),
       ]),
-      group('▶', 'Abspielen', ['Sprungweiten', 'speed_presets' in s && 'Tempo', 'skip_silence' in prefs && 'Stille', '„gehört“',
+      group('▶', 'Abspielen', ['Sprungweiten', 'speed_presets' in s && 'Tempo', 'skip_silence' in prefs && 'Stille',
+        'skip_sponsor' in prefs && 'Werbung', '„gehört“',
         'times_by_speed' in s && 'Zeiten', 'headset_next' in prefs && 'Kopfhörer',
         'notify_buttons' in prefs && 'Benachrichtigung'].filter(Boolean).join(', '), () => [
         skipItem('skip_back', 'Zurückspringen', SKIPS),
@@ -674,6 +675,7 @@
         'speed_presets' in s && {icon: '»', label: 'Tempo-Voreinstellungen', hint: presets().map(speedLabel).join(' · '),
           action: () => presetsEditor()},
         silenceItem(),
+        sponsorItem(),
         playedItem(),
         timesItem(),
         headsetItem(),
@@ -931,6 +933,28 @@
             action: () => N.podcastSetPref('skip_silence', !on)};
   }
 
+  // „Werbung und Schluss überspringen“ next to „Stille überspringen“ in the speed menu: one
+  // setting for this device, no per-podcast choice (only YouTube episodes have it at all).
+  function sponsorSpeedItems() {
+    const prefs = devicePrefs();
+    if (!N.podcastSetPref || !('skip_sponsor' in prefs)) return [];
+    const device = !!prefs.skip_sponsor;
+    return [{icon: device ? '☑' : '☐', label: 'Werbung und Schluss überspringen',
+      hint: (device ? 'an' : 'aus') + ' · YouTube-Folgen (SponsorBlock)',
+      action: () => { N.podcastSetPref('skip_sponsor', !device);
+        toast(device ? 'Werbung und Schluss werden gespielt' : 'Werbung und Schluss werden übersprungen'); }}];
+  }
+
+  // Ad and outro of a YouTube episode (server: sponsor.py, SponsorBlock). Only where the
+  // player does it at all — the app knows the setting once PlaybackPrefs has it.
+  function sponsorItem() {
+    if (!N.podcastSetPref || !('skip_sponsor' in devicePrefs())) return null;
+    const on = !!devicePrefs().skip_sponsor;
+    return {icon: on ? '☑' : '☐', label: 'Werbung und Schluss überspringen',
+            hint: on ? 'an: in YouTube-Folgen' : 'aus',
+            action: () => N.podcastSetPref('skip_sponsor', !on)};
+  }
+
   function devicePrefs() {
     return parse(N.podcastPrefs ? N.podcastPrefs() : '{}', {});
   }
@@ -4948,13 +4972,13 @@ neuesten Folgen) und die vorhandenen Ordner. Schlage nur Änderungen vor, die wi
         label: speedLabel(s),
         action: () => (forPodcast ? N.podcastSpeedForPodcast(s) : N.podcastSpeed(s)),
       })).concat(forPodcast && own ? [{icon: '↺', label: 'Wie alle anderen Podcasts', action: () => N.podcastSpeedForPodcast(0)}] : [])
-        .concat(presetsEditItem(), silenceSpeedItems()));
+        .concat(presetsEditItem(), silenceSpeedItems(), sponsorSpeedItems()));
     if (!N.podcastSpeedForPodcast || !player.feedId) { pick(false); return; }
     openSheet('Geschwindigkeit', [
       {icon: '◎', label: 'Für alle Podcasts', hint: own ? null : speedLabel(player.speed || 1), action: () => pick(false)},
       {icon: '◉', label: `Nur für „${plain(player.feed)}“`, hint: own ? speedLabel(player.speed || 1) : 'noch keine eigene',
        action: () => pick(true)},
-    ].concat(presetsEditItem(), silenceSpeedItems()));
+    ].concat(presetsEditItem(), silenceSpeedItems(), sponsorSpeedItems()));
   }
 
   // „Stille überspringen“ where AntennaPod has it: in the speed menu. For all podcasts (this