{% extends "basis.html" %}{% block weich %} data-weich{% endblock %}{% block inhalt %}{% from "schalter.html" import schalter %}
{# Quellen (UX-Paket 1, Teil 2): alles, wodurch Musik in die Library kommt – Onlinespeicher, Analyse unbekannter Dateien,
   seit 23.10.2026 eine Zeile zum letzten Lauf (Verlauf und Live-Status unter /analysen). Früher im Konto; /konto#speicher und /konto#analysen leiten hierher. Nicht verbunden zeigt der Abschnitt
   den Assistenten (Wahl des Speichers, Zugang, Testen), verbunden das Cockpit (Kennzahlen, Rückweg in die Library). #}
{% set q = t.quellen %}
<div class="raster schmal quellen">
{# Navigation 16.10. (W7, E-N10): Solange keine Quelle eingerichtet ist, landet das Konto hier, und die Seite beginnt mit
   „Ein Schritt, dann geht’s los“ – der Fluss in drei Schritten, der jetzige Schritt hervorgehoben. Danach nie wieder.
   Ohne Speicher-Weg gibt es den einen Schritt nicht (Zeile 01 sagt das): dort bleibt die Überschrift „So geht’s los“. #}
{% if start_marke %}{% set o = t.onboard %}
<section class="onboard" aria-labelledby="onboard-h">
  <p class="eyebrow">{{ o.eyebrow }}</p>
  <h1 id="onboard-h">{{ o.titel if speicher_weg else o.titel_ohne }}</h1>
  <ol class="n-schritte">
    <li class="jetzt" aria-current="step"><span class="n-nr" aria-hidden="true">01</span><b>{{ t.quellen.nav }}</b><span class="st"{% if desktop_app %} data-dk-ersatz="onboard"{% endif %}>{{ ((o.jetzt | ohne_desktop) if speicher_weg else t.store.leer_ohne_speicher) if store_app else (o.jetzt if speicher_weg else o.jetzt_ohne) }}</span></li>
    <li><span class="n-nr" aria-hidden="true">02</span><b>{{ t.nav.explore.name }}</b><span class="st">{{ o.library }}</span></li>
    <li><span class="n-nr" aria-hidden="true">03</span><b>{{ t.nav.review.name }}</b><span class="st">{{ o.playlists }}</span></li>
  </ol>
  {% if speicher_weg and speicher is defined and speicher and speicher.aktiv %}<p class="knopfreihe"><a class="knopf voll" href="#speicher">{{ o.verbinden }}</a></p>{% endif %}
  {# 11.11.2026 (TP2 0529, „onboard.demo“): Wer noch keine eigene Musik verbunden hat, kommt von hier in die Live-Demo – in den
     Store-Fassungen und mit Early Bird (demo_web._demo_als_gast lässt ein Konto ohne Quelle dann hinein). #}
  {% if neutral and demo_an() %}<p class="klein" id="onboard-demo">{{ t.earlybird.onboard_demo }} <a href="/demo">{{ t.earlybird.demo_knopf }}</a></p>{% endif %}
</section>
{% endif %}
<div class="seitenkopf">
  {# Durchsicht S6: mit „So geht’s los“ steht die Eyebrow schon darüber – nicht zweimal „Musik rein“ #}
  {% if not start_marke %}<p class="eyebrow">{{ q.eyebrow }}</p>{% endif %}
  <div class="mitfrage">{% if start_marke %}<h2>{{ q.titel }}</h2>{% else %}<h1>{{ q.titel }}</h1>{% endif %}<a class="fragez" href="{{ t.hilfe.kontext.quellen.href }}" title="{{ t.hilfe.kontext.quellen.name }}" aria-label="{{ t.hilfe.kontext.quellen.name }}"><span aria-hidden="true">?</span></a></div>
  <p class="leise"{% if desktop_app %} data-dk-ersatz="quellen_lead"{% endif %}>{{ q.lead | ohne_desktop if store_app else q.lead }}</p>
  {% if not store_app %}<p class="upload-sprung"><a href="#upload" id="upload-sprung">{{ t.tspeicher.upload.sprung }} <span aria-hidden="true">↓</span></a></p>{% endif %}
</div>
{# Musik hinzufügen (29.10.2026): „Auf diesem Rechner“ – nur im App-Fenster, oben als erster Weg; static/desktop_extras.js
   füllt den Abschnitt (Stand aus lokal.uebersicht, Knöpfe je Fähigkeit einlesen.ordner / einlesen.xml) #}
{% if desktop_app %}<section class="karte raster dk-qkarte" id="dk-quellen-karte" aria-labelledby="dk-quellen-karte-h" hidden></section>{% endif %}
{# Onlinespeicher (N18): verbinden, testen, Abgleich, trennen. speicher.js übernimmt den Abschnitt; ohne JavaScript bleibt
   der Stand lesbar. Das Passwort steht nie in der Seite. Ist die Funktion aus (`speicher.aktiv` falsch), steht der Abschnitt
   GAR NICHT in der Seite – kein Formular, kein speicher.js; dann nur der Satz, dass der Onlinespeicher abgeschaltet ist. #}
{% if speicher is defined and speicher and speicher.aktiv %}{% set s = t.speicher %}{% set a = speicher_anzeige %}
<section class="karte raster speicher" id="speicher" data-zustand="{{ (speicher.zustand or '') if speicher.verbunden else 'getrennt' }}">
  {# Kopf des Cockpits: Name und Zugang kurz; verbunden trägt die Karte die Akzentfarbe (CSS über data-zustand) #}
  <div class="spkopf"><h2>{{ s.titel }}</h2>
    <p class="mono klein spzugang" id="speicher-zugang-kurz"{% if not speicher.verbunden %} hidden{% endif %}><span id="speicher-benutzer-kurz">{{ speicher.benutzer or '' }}</span> · <span id="speicher-ordner-kurz">{{ speicher.startordner or '' }}</span></p></div>
  <div class="raster spstand" id="speicher-stand"{% if not speicher.verbunden %} hidden{% endif %}>
    {# Kennzahlen des Abgleichs (Cockpit): während des Laufs „geprüft / gesamt“, danach die Zahl der Dateien #}
    <dl class="kennzahlen" id="speicher-kennzahlen">
      <div><dt id="speicher-k-name">{{ a.k_name }}</dt><dd class="zahl" id="speicher-k-dateien">{{ a.k_dateien }}</dd></div>
      <div><dt>{{ s.kennzahlen.zugeordnet }}</dt><dd class="zahl" id="speicher-k-zugeordnet">{{ a.k_zugeordnet }}</dd></div>
      <div><dt>{{ s.kennzahlen.unbekannt }}</dt><dd class="zahl" id="speicher-k-unbekannt">{{ a.k_unbekannt }}</dd></div>
      <div><dt>{{ s.kennzahlen.fehler }}</dt><dd class="zahl" id="speicher-k-fehler">{{ a.k_fehler }}</dd></div>
    </dl>
    <div class="spfortschritt">
      <div class="balken" id="speicher-balken" role="progressbar" aria-label="{{ s.fortschritt_name }}" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{ a.prozent | round | int }}"><i class="zu" style="width:{{ a.p_zu }}%"></i><i class="un" style="width:{{ a.p_un }}%"></i></div>
      <p class="mono klein" id="speicher-fortschritt">{{ a.fortschritt }}</p>
      <div class="speicher-lade" id="speicher-lade"></div>
    </div>
    <p id="speicher-zustand" role="status">{{ a.zustand }}</p>
    {# Restzeit des laufenden Abgleichs: dieselbe Zeile wie in der Kopfleiste (status.js, aus `rate`/`rest_s`) #}
    <p class="klein" id="speicher-rest" data-status-ziel="speicher" hidden></p>
    <p class="hinweis" id="speicher-hinweis"{% if not a.hinweis %} hidden{% endif %}>{{ a.hinweis }}</p>
    <p class="klein" id="speicher-doppelt"{% if not a.doppelt %} hidden{% endif %}>{{ a.doppelt }}</p>
    <p class="klein" id="speicher-letzter">{{ a.letzter }}</p>
    {# Rückweg in die Library: die Zahl zählt Tracks der Library aus dem Speicher (`library`), nicht zugeordnete Dateien #}
    <div class="zeile">
      <a class="knopf voll" id="speicher-library" href="/bibliothek"{% if not a.library %} hidden{% endif %}>{{ a.library }}</a>
      {# „Nach neuer Musik suchen“ (gleicher Begriff überall, 25.10.2026): diese Karte ist immer der EIGENE Onlinespeicher. #}
      <button type="button" id="speicher-abgleichen">{{ s.abgleichen }}</button>
      <button type="button" id="speicher-abbrechen" hidden>{{ s.abbrechen }}</button>
    </div>
    <p class="klein">{{ s.fortschritt_hilfe_analyse if speicher_analyse_an else s.fortschritt_hilfe }}</p>
    <details class="spzugangblock" id="speicher-zugang">
      <summary>{{ s.zugang }}</summary>
      <dl class="werte spwerte">
        <div><dt>{{ s.adresse }}</dt><dd id="speicher-adresse">{{ speicher.adresse or '' }}</dd></div>
        <div><dt>{{ s.benutzer }}</dt><dd id="speicher-benutzer">{{ speicher.benutzer or '' }}</dd></div>
        <div><dt>{{ s.startordner }}</dt><dd id="speicher-startordner">{{ speicher.startordner or '' }}</dd></div>
        <div><dt>{{ s.auflistung }}</dt><dd id="speicher-auflistung">{{ a.auflistung }}</dd></div>
      </dl>
      {# Seit 25.10.2026 hat ein Konto zwei Plätze: diese Karte ist der eigene Onlinespeicher (trennbar). Der Timbre-Speicher hat
         seine eigene Karte darunter und lässt sich von Nutzenden nicht trennen. #}
      <p class="klein">{{ s.zugang_aendern }}</p>
      <div class="zeile"><button type="button" class="gefahr" id="speicher-trennen" aria-expanded="false" aria-controls="speicher-rueckfrage">{{ s.trennen }}</button></div>
      <div class="hinweis raster" id="speicher-rueckfrage" hidden>
        <p>{{ s.trennen_frage }}</p>
        <div class="zeile"><button type="button" class="gefahr" id="speicher-trennen-ja">{{ s.trennen_ja }}</button>
        <button type="button" id="speicher-trennen-nein">{{ s.trennen_nein }}</button></div>
      </div>
    </details>
    {# Unbekannte Dateien analysieren (N23). Nur wenn die Funktion an ist (Schalter TIMBRE_SPEICHER_ANALYSE und die Spalten
       dazu): sonst steht der Block gar nicht in der Seite. Kein Auslöser ohne Klick; der Klick merkt nur vor. #}
    {% if speicher_analyse_an %}{% set x = s.analyse %}{% set an = speicher_analyse %}
    <div class="raster spanalyse" id="speicher-analyse"{% if not an %} hidden{% endif %}>
      <h3>{{ x.titel }}</h3>
      <p id="speicher-analyse-zahl"{% if not an or not an.zahl %} hidden{% endif %}>{{ an.zahl if an else '' }}</p>
      <p class="klein" id="speicher-analyse-reicht"{% if not an or not an.reicht %} hidden{% endif %}>{{ an.reicht if an else '' }}</p>
      {# dieselbe Zeile wie in der Kopfleiste (status.js): „Analyse: 3 von 480 Tracks · noch etwa 4 Stunden“ #}
      <p class="mono" id="speicher-analyse-lauf" data-status-ziel="analyse" hidden></p>
      <p id="speicher-analyse-stand" role="status"{% if not an or not an.stand %} hidden{% endif %}>{{ an.stand if an else '' }}</p>
      <p class="hinweis" id="speicher-analyse-hinweis"{% if not an or not an.hinweis %} hidden{% endif %}>{{ an.hinweis if an else '' }}</p>
      <div class="klein raster" id="speicher-analyse-fehler"{% if not an or not an.fehler %} hidden{% endif %}>
        <p>{{ x.fehler_titel }}</p>
        <ul>{% if an %}{% for zeile in an.fehler %}<li>{{ zeile }}</li>{% endfor %}{% endif %}</ul>
        {# „Erneut versuchen“: nimmt Gescheiterte wieder auf (außer „zu groß“ und „Format“). Alle Knöpfe des Blocks sind ohne
           JavaScript gesperrt – speicher.js gibt sie frei. #}
        <div><button type="button" id="speicher-analyse-erneut" disabled{% if not an or not an.erneut %} hidden{% endif %}>{{ an.erneut if an else '' }}</button></div>
      </div>
      <p class="klein">{{ x.einwilligung }}</p>
      <div class="zeile">
        <button type="button" class="voll" id="speicher-analyse-start" disabled>{{ x.start }}</button>
        <button type="button" id="speicher-analyse-stopp" disabled{% if not an or not an.stopp %} hidden{% endif %}>{{ x.stopp }}</button>
      </div>
      {{ schalter(tasten.analyse_auto, x.auto, id="speicher-analyse-auto", an=(an and an.auto), aus=true) }}
      <p class="klein">{{ x.auto_hilfe }}</p>
    </div>
    {% endif %}
  </div>
  {# Sicherheitsschritt (23.10.2026): Ory-Konten ohne Passkey und App sehen vor dem Verbinden „Erst dein Konto sichern“
     (Schritt 1 von 2) statt des Formulars. Ehrlich und ohne Druck: Passkey empfohlen und hervorgehoben, App gleichwertig,
     „Weiter nur mit Mail-Code“ gleich gut erreichbar (POST, merkt sich die Wahl – danach keine Erinnerung). Alles geht ohne
     JavaScript; der Server sperrt das Verbinden nicht. Der Mail-Code bleibt allein gültig. #}
  {% set an_ = t.anm %}{% set konto_link %}<a href="/konto/anmeldewege">{{ an_.konto_titel }}</a>{% endset %}
  {% if sicherheitsschritt %}
  <section class="sicherschritt raster" id="speicher-sicherheit" aria-labelledby="speicher-sicherheit-h">
    <p class="mono klein sicherschritt-nr" id="speicher-sicherheit-nr">{{ an_.q_schritt }}</p>
    <h3 id="speicher-sicherheit-h">{{ an_.q_titel }}</h3>
    <p>{{ an_.q_text }}</p>
    <div class="sicherwege">
      <a class="knopf voll" href="/konto/schuetzen?schritt=passkey&amp;ziel=speicher">{{ an_.q_passkey }}</a>
      <a class="knopf" href="/konto/schuetzen?schritt=app&amp;ziel=speicher">{{ an_.q_app }}</a>
    </div>
    <form method="post" action="/quellen/sicherheit-spaeter" class="sicherspaeter">
      <button type="submit" class="textknopf" aria-describedby="speicher-sicherheit-nachholen">{{ an_.q_nur_code }}</button>
      <p class="klein" id="speicher-sicherheit-nachholen">{{ (an_.q_nachholen | e).replace("{konto}", konto_link) }}</p>
    </form>
  </section>
  {% else %}
  {% if nur_code_ok and not speicher.verbunden %}<p class="hinweis" role="status" id="speicher-nur-code">{{ (an_.q_nur_code_ok | e).replace("{konto}", konto_link) }}</p>{% endif %}
  {# Assistent (nicht verbunden): Schritte 1–4, Wahl des Speichers als Radiogruppe – sie setzt nur Platzhalter und Hilfe,
     die Adressprüfung auf dem Server bleibt dieselbe. #}
  <form class="formular" id="speicher-formular"{% if speicher.verbunden %} hidden{% endif %} autocomplete="off" novalidate>
    <p class="klein">{{ s.einleitung }}{% if speicher_analyse_an %} {{ s.einleitung_analyse }}{% endif %}</p>
    <ol class="spschritte" id="speicher-schritte" aria-label="{{ s.schritte_name }}">{% for name in s.schritte %}<li{% if loop.first %} aria-current="step"{% endif %}><span class="zahl">{{ loop.index }}</span> {{ name }}</li>{% endfor %}</ol>
    <fieldset class="speicherwahl"><legend>{{ s.wo }}</legend>
      <div class="chips">{% for kennung, name, platz, platz_benutzer, hilfe in s.orte %}
      <label class="wahl"><input type="radio" name="ort" value="{{ kennung }}"{% if loop.first %} checked{% endif %} data-platz="{{ platz }}" data-platz-benutzer="{{ platz_benutzer }}" data-hilfe="{{ hilfe }}"><span>{{ name }}</span></label>{% endfor %}</div>
    </fieldset>
    <p class="hinweis klein" id="speicher-ort-hilfe"><span id="speicher-ort-text">{{ s.orte[0][4] }}</span>{% if hilfe_storagebox %} <a href="/hilfe#storagebox" id="speicher-ort-link">{{ t.freigabe.so_gehts }}</a>{% endif %}</p>
    <label class="feld">{{ s.adresse }}
      <input type="url" name="adresse" inputmode="url" autocomplete="off" autocapitalize="none" spellcheck="false" maxlength="2000" placeholder="{{ s.orte[0][2] }}" aria-describedby="speicher-adresse-hilfe" required>
      <span class="klein" id="speicher-adresse-hilfe">{{ s.adresse_hilfe }}</span></label>
    <div class="zweispaltig">
    <label class="feld">{{ s.benutzer }}
      <input type="text" name="benutzer" autocomplete="off" autocapitalize="none" spellcheck="false" maxlength="255" placeholder="{{ s.orte[0][3] }}" required></label>
    <label class="feld">{{ s.passwort }}
      <input type="password" name="passwort" autocomplete="new-password" maxlength="1024" aria-describedby="speicher-passwort-hilfe" required>
      <span class="klein" id="speicher-passwort-hilfe">{{ s.passwort_hilfe }}</span></label>
    </div>
    <label class="feld">{{ s.startordner }}
      <input type="text" name="startordner" autocomplete="off" autocapitalize="none" spellcheck="false" maxlength="1024" placeholder="{{ s.startordner_platzhalter }}" aria-describedby="speicher-ordner-hilfe">
      <span class="klein" id="speicher-ordner-hilfe">{{ s.startordner_hilfe }}</span></label>
    <p class="klein" id="speicher-tipp" hidden>{{ s.tipp_storagebox }}</p>
    <div class="zeile"><button type="button" id="speicher-testen">{{ s.testen }}</button>
    <button type="submit" class="voll" id="speicher-verbinden">{{ s.verbinden }}</button></div>
    <p class="klein">{{ t.earlybird.nur_lesen if mac_store_app else s.nur_lesen }}</p>
  </form>
  {% endif %}
  {# Upload in den eigenen Speicher (09.11.2026, E1): nur mit Schalter/Konto-Freigabe und verbundenem Speicher (static/upload_eigen.js) #}
  {% if ue %}{% set ux = ue.texte %}
  <section class="ue-quellen raster" id="ue-quellen" aria-labelledby="ue-quellen-h">
    <h3 id="ue-quellen-h">{{ ux.quellen_titel }}</h3>
    <p class="klein" id="ue-quellen-stand">{{ ux.schalter_an | replace("{ordner}", ue.stand.ordner or "") if ue.stand.ablegen else ux.schalter_aus }}</p>
    <form id="ue-quellen-form" class="ue-form">
      {{ schalter("AB", ux.schalter, id="ue-quellen-schalter", an=ue.stand.ablegen, hilfe_id="ue-quellen-klein") }}
      <label class="feld">{{ ux.ordner_label }}<input type="text" id="ue-quellen-ordner" maxlength="1024" autocomplete="off" autocapitalize="none" spellcheck="false" value="{{ ue.stand.ordner or ue.stand.vorschlag }}" aria-describedby="ue-quellen-klein"></label>
      <p class="klein" id="ue-quellen-klein">{{ ux.probe_info }}</p>
      <div class="zeile"><button type="submit">{{ ux.speichern }}</button></div>
    </form>
    <p class="klein" id="ue-quellen-zustimmung">{{ ux.zustimmung_am | replace("{datum}", ue.stand.zugestimmt or "") if ue.stand.zustimmung else ux.zustimmung_noch }}</p>
    <p class="zeile"><button type="button" class="klein" id="ue-widerruf" aria-describedby="ue-widerruf-text"{% if not ue.stand.zustimmung %} hidden{% endif %}>{{ ux.widerruf_knopf }}</button>
      <span class="klein" id="ue-widerruf-text">{{ ux.widerruf_text }}</span></p>
    <p class="hinweis" id="ue-quellen-meldung" role="status" hidden></p>
    <script type="application/json" id="ue-t">{{ ue | tojson }}</script>
    <script src="/static/upload_eigen.js" defer data-seite></script>
  </section>
  {% endif %}
  <div class="balken sucht" id="speicher-wartet" aria-hidden="true" hidden><i></i></div>
  <p class="hinweis" id="speicher-meldung" role="status" aria-live="polite" hidden></p>
  <noscript><p class="hinweis klein">{{ s.ohne_js }}</p></noscript>
  <script type="application/json" id="speicher-daten">{{ {"zustand": speicher, "texte": (s if speicher_analyse_an else dict(s, analyse=none, einleitung_analyse=none, fortschritt_hilfe_analyse=none)), "sprache": sprache, "rest": t.status.rest, "mb": (speicher_mb if speicher_mb is defined else none), "min": (speicher_min if speicher_min is defined else none)} | tojson }}</script>
</section>
{% else %}
{# Funktion aus: kein Formular, kein Stand, kein speicher.js – nur der Satz, dass der Onlinespeicher abgeschaltet ist #}
<section class="karte raster" id="speicher-aus"><p>{{ t.speicher.aus }}</p></section>
{% endif %}
{# App-Store-Fassungen: kein Timbre-Speicher (Upload, Ablage) in der App #}
{% if not store_app %}{% include "beta_speicher_karte.html" %}{% endif %}
{# Rekordbox-Import, Stufe 1 (23.10.2026, Variante A + Bericht aus C): Assistent 01 XML wählen · 02 Prüfen · 03 Übernehmen.
   Der Browser liest die XML (static/rekordbox_worker.js) und schickt nur Werte je zugeordnetem Track. Der Server zeichnet den
   Stand (Bericht, Löschen ohne JavaScript); rekordbox_seite.js schaltet die Zustände um. Ohne Tabellen keine Karte. #}
{% if rekordbox and rekordbox.an %}{% set r = t.rekordbox.karte %}{% set rs = rekordbox.stand %}{% set z = rs.zaehler or {} %}{% set an = rs.anzahl or {} %}
<section class="karte raster rkkarte" id="rekordbox" aria-labelledby="rk-h" data-zustand="{{ 'fertig' if rs.da else 'start' }}">
  <div class="rkkopf"><h2 id="rk-h">{{ r.titel }}</h2><span class="rkquelle"><i class="rkring" aria-hidden="true"></i>{{ r.quelle }}</span></div>
  {% if rekordbox_geloescht %}<p class="hinweis" role="status">{{ r.geloescht }}</p>{% endif %}
  {# Anleitung (31.10.2026, Wunsch Maintainer): exportieren, finden, einlesen, aktuell halten, was bei dir bleibt – aufklappbar, in
     jedem Zustand und ohne JavaScript; dieselben Texte als Strecke #rekordbox-xml in der Hilfe (texte_rekordbox_anleitung.py). #}
  {% set rka = t.rekordbox.anleitung %}
  <details class="rkdetails rkanleitung" id="rk-anleitung"><summary>{{ rka.titel }}</summary><div>
    <ol class="rkanl">{% for kopf, text in rka.schritte %}<li><b class="nr" aria-hidden="true">0{{ loop.index }}</b><div><b>{{ kopf }}</b><p class="klein">{{ text | ohne_desktop if ios_app else text }}</p></div></li>{% endfor %}</ol>
    <p class="klein rkanllink"><a href="/hilfe#rekordbox-xml">{{ rka.hilfe_link }} <span aria-hidden="true">→</span></a></p>
  </div></details>
  <div class="raster rkassistent" id="rk-assistent" hidden>
    <ol class="rkschritte" id="rk-schritte" aria-label="{{ r.schritte_name }}">{% for name in r.schritte %}<li data-schritt="{{ loop.index }}"><b aria-hidden="true">0{{ loop.index }}</b><span>{{ name }}</span><span class="unsichtbar rkerl" hidden>{{ r.erledigt }}</span></li>{% endfor %}</ol>
    <input type="file" id="rk-datei" class="unsichtbar" accept=".xml,text/xml,application/xml" tabindex="-1" aria-hidden="true">
    <div class="raster" id="rk-start">
      <p class="leise">{{ r.lead }}</p>
      <ul class="rkdrei">{% for titel, text in r.versprechen %}<li><b>{{ titel }}</b><span>{{ text }}</span></li>{% endfor %}</ul>
      <div class="hinweis rkmobil" id="rk-mobil" role="note" hidden><b>{{ r.mobil_titel }}</b><p class="klein">{{ r.mobil_text }}</p></div>
      <div class="rkschritt"><h3>{{ r.xml_titel }}</h3><p class="klein">{{ r.xml_text }}</p>
        <div class="rkknoepfe"><button type="button" class="voll" id="rk-waehlen">{{ r.xml_knopf }}</button><span class="klein">{{ r.xml_dauer }}</span></div></div>
    </div>
    <div class="raster" id="rk-laeuft" hidden>
      <div class="rkfortschritt"><div class="balken" id="rk-balken" role="progressbar" aria-label="{{ r.lesen_name }}" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><i></i></div>
        <p class="zeile1"><span id="rk-laeuft-links"></span><span id="rk-laeuft-rest" data-status-ziel="rekordbox"></span></p></div>
      <p class="klein">{{ r.tab_offen }}</p>
      <div class="rkknoepfe"><button type="button" id="rk-abbrechen">{{ r.abbrechen }}</button><span class="klein">{{ r.abbrechen_hinweis }}</span></div>
    </div>
    <div class="raster" id="rk-pruefen" hidden>
      <p class="rkerledigt"><span class="ok" aria-hidden="true">✓</span><span id="rk-gelesen"></span></p>
      <p class="klein" id="rk-playlists" hidden>{{ t.earlybird.rk_playlists if store_app else r.playlists_spaeter }}</p>
      <dl class="rkzahlen">
        <div><dt id="rk-k-erkannt-t"></dt><dd class="zahl" id="rk-k-erkannt"></dd></div>
        <div><dt>{{ r.k_unklar }}</dt><dd class="zahl" id="rk-k-unklar"></dd></div>
        <div><dt>{{ r.k_ohne }}</dt><dd class="zahl" id="rk-k-ohne"></dd></div>
      </dl>
      <p class="hinweis warn klein" id="rk-unklar-viel" hidden>{{ r.unklar_viel }}</p>
      <details class="rkdetails" id="rk-unklar" hidden><summary id="rk-unklar-sum"></summary>
        <div class="raster"><div class="rkunklar" id="rk-unklar-liste"></div>
          <p><button type="button" class="knopf klein" id="rk-unklar-mehr" hidden></button></p>
          <p class="klein">{{ r.unklar_text }}</p></div></details>
      {# Musikordner (25.10.2026): im Schritt 02 steht hier der Block #rk-ordner (rekordbox_seite.js hängt ihn um) #}
      <div id="rk-ordner-platz"></div>
      <fieldset class="rkwahl" id="rk-wahl"><legend>{{ r.wahl_titel }}</legend>
        {% for art in ("cues", "vergleich", "gespielt", "bewertung", "kommentar") %}{% set a = r.arten[art] %}
        {% if loop.index == 1 %}<p class="grp">{{ r.gruppe_anzeige }}</p>{% elif loop.index == 3 %}<p class="grp">{{ r.gruppe_persoenlich }}</p>{% endif %}
        <label for="rk-art-{{ art }}"{% if loop.index > 2 %} class="pers"{% endif %}><input type="checkbox" id="rk-art-{{ art }}" name="art" value="{{ art }}"{% if loop.index <= 2 %} checked{% endif %}><b>{{ a[0] }}</b><span class="n" id="rk-n-{{ art }}" data-muster="{{ a[2] }}"></span><small>{{ a[1] }}</small></label>
        {% endfor %}
      </fieldset>
      <div class="hinweis klein" role="note"><b>{{ r.geht_titel }}</b><p id="rk-geht" data-muster="{{ r.geht_text }}"></p></div>
      {# Entscheidung 23.10.2026: vor dem Übernehmen klar ansagen, was ein neuer Import mit den alten Daten macht #}
      <p class="hinweis warn" id="rk-ersetzt"{% if not rs.da %} hidden{% endif %}>{{ r.ersetzt }}</p>
      <p class="hinweis fehler klein" id="rk-wahl-fehler" role="alert" hidden>{{ r.nichts_gewaehlt }}</p>
      <div class="rkknoepfe"><button type="button" class="voll" id="rk-uebernehmen" data-muster="{{ r.uebernehmen }}"></button><button type="button" id="rk-verwerfen">{{ r.abbrechen }}</button></div>
    </div>
    <div class="raster" id="rk-senden" hidden>
      <div class="rkfortschritt"><div class="balken" id="rk-senden-balken" role="progressbar" aria-label="{{ r.senden_name }}" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><i></i></div>
        <p class="zeile1"><span id="rk-senden-zeile"></span><span></span></p></div>
      <p class="klein" id="rk-senden-meldung" role="status" aria-live="polite"></p>
      <div class="rkknoepfe"><button type="button" class="voll" id="rk-nochmal" hidden>{{ r.nochmal }}</button></div>
    </div>
    <div class="hinweis fehler raster" id="rk-fehler" role="alert" hidden><b id="rk-fehler-titel"></b><p class="klein" id="rk-fehler-text"></p>
      <div class="rkknoepfe"><button type="button" class="voll" id="rk-andere">{{ r.andere_datei }}</button></div></div>
  </div>
  {# Bericht (aus Variante C) und Stand: steht ohne JavaScript da, wenn schon etwas übernommen ist #}
  <div class="raster" id="rk-fertig"{% if not rs.da %} hidden{% endif %}>
    <p class="rkerledigt"><span class="ok" aria-hidden="true">✓</span><span id="rk-fertig-zeile">{% if rs.da %}{{ r.fertig_zeile.replace("{zeit}", rekordbox.uebernommen | ortszeit(sprache)) }}{% endif %}</span></p>
    {# Älter als 14 Tage (app._rekordbox_alt_tage): ruhiger Hinweis; nach einem neuen Import blendet rekordbox_seite.js ihn aus #}
    {% if rekordbox.alt_tage %}<p class="hinweis klein" id="rk-alt">{{ rka.alt.replace("{n}", rekordbox.alt_tage | zahl(sprache)) }}</p>{% endif %}
    <h3>{{ r.bericht_titel }}</h3>
    <dl class="rkfuenf" id="rk-bericht">{% for k in ("xml", "erkannt", "unklar", "ohne", "uneinig") %}
      <div><dt>{{ r.bericht[k] }}</dt><dd class="zahl" id="rk-b-{{ k }}">{{ (z[k] | zahl(sprache)) if z[k] is defined else "–" }}</dd></div>{% endfor %}
    </dl>
    <p class="klein" id="rk-arten">{% if rs.da %}{% set namen = [] %}{% for a in rs.arten %}{% set _ = namen.append(r.loeschen_arten[a]) %}{% endfor %}{{ r.uebernommen_arten.replace("{arten}", namen | join(", ")) }}{% endif %}</p>
    <details class="rkdetails" id="rk-unklar-nach" hidden><summary>{{ r.bericht.unklar }}</summary>
      <div class="raster"><p class="klein">{{ r.unklar_nach }}</p><div class="tabelle"><table class="rktab"><thead><tr>{% for k in r.unklar_nach_kopf %}<th scope="col">{{ k }}</th>{% endfor %}</tr></thead><tbody id="rk-unklar-nach-liste"></tbody></table></div></div></details>
    <ul class="rkdrei rkweiter">
      <li><b><a href="/bibliothek/uneinig">{{ r.weiter[0][0] }}</a></b><span id="rk-weiter-uneinig" data-muster="{{ r.weiter[0][1] }}">{{ r.weiter[0][1].replace("{n}", (z.uneinig | zahl(sprache)) if z.uneinig is defined else "–") }}</span></li>
      <li><b><a href="/bibliothek">{{ r.weiter[1][0] }}</a></b><span>{{ r.weiter[1][1] }}</span></li>
      <li><b><a href="#rk-loeschen">{{ r.weiter[2][0] }}</a></b><span>{{ r.weiter[2][1] }}</span></li>
    </ul>
    <div class="rkschritt" id="rk-aktualisieren-block" hidden><h3>{{ r.aktualisieren_titel }}</h3><p class="klein">{{ r.aktualisieren_text }}</p>
      <div class="rkknoepfe"><button type="button" id="rk-aktualisieren">{{ r.aktualisieren }}</button></div></div>
    <details class="rkdetails" id="rk-loeschen"><summary>{{ r.loeschen_titel }}</summary>
      <form method="post" action="/quellen/rekordbox/loeschen" class="raster">
        <p class="klein">{{ r.loeschen_text }}</p>
        <fieldset class="rkwahl"><legend class="unsichtbar">{{ r.loeschen_was }}</legend>
          {% for art in ("cues", "vergleich", "gespielt", "bewertung", "kommentar") if art in (rs.arten or []) %}{% set zahl_ = an.cues if art == "cues" else an[art] %}
          <label for="rk-l-{{ art }}"><input type="checkbox" id="rk-l-{{ art }}" name="art" value="{{ art }}"><b>{{ r.loeschen_arten[art] }}</b><span class="n">{{ (zahl_ or 0) | zahl(sprache) }}</span></label>
          {% endfor %}
        </fieldset>
        <div class="rkknoepfe"><button type="submit" class="gefahr">{{ r.loeschen_auswahl }}</button><button type="submit" class="gefahr" name="alles" value="1">{{ r.loeschen_alles }}</button></div>
      </form></details>
  </div>
  {# Musikordner (25.10.2026, vorher im Konto): der Ordner, unter dem die Files des Onlinespeichers auf diesem Rechner liegen – für
     die Location je Track im Rekordbox-Export. Beim Einlesen (Schritt 02) fragt die Karte danach, vorbelegt mit dem gemerkten Wert,
     und schlägt den Ordner aus den Location-Pfaden der XML vor (TimbreRekordbox.ordnerVorschlag, nur im Browser). Sonst (Start,
     Bericht) steht der Block eingeklappt hier. Gemerkt nur im Browser (static/musikordner.js, localStorage); ohne JavaScript
     bleibt der Block verborgen. Das Feld hat keinen Namen: der Pfad landet nie in einer Adresse. #}
  {% set o = r.ordner %}
  <details class="rkdetails rkordnerhuelle" id="rk-ordner-huelle" hidden><summary id="rk-ordner-sum">{{ o.huelle_ohne }}</summary><div id="rk-ordner-heim">
    <section class="rkschritt rkordner" id="rk-ordner" aria-labelledby="rk-ordner-h">
      <h3 id="rk-ordner-h">{{ o.titel }}</h3>
      <p class="klein">{{ o.text }}</p>
      <div class="hinweis rkvorschlag" id="rk-ordner-vorschlag" hidden>
        <p class="mono" id="rk-ordner-vorschlag-text"></p>
        <p class="klein" id="rk-ordner-vorschlag-grund"></p>
        <div class="rkknoepfe"><button type="button" class="voll" id="rk-ordner-nehmen">{{ o.vorschlag_knopf }}</button></div>
      </div>
      <form class="rkordnerform" id="rk-ordner-form" action="/quellen" method="get" autocomplete="off" novalidate>
        <label class="feld" for="rk-ordner-feld">{{ o.feld }}</label>
        <div class="rkordnerzeile"><input type="text" id="rk-ordner-feld" maxlength="500" autocomplete="off" autocapitalize="none" spellcheck="false" placeholder="{{ o.platzhalter }}" aria-describedby="rk-ordner-status rk-ordner-geraet"><button type="submit" id="rk-ordner-merken">{{ o.merken }}</button></div>
      </form>
      <p class="klein" id="rk-ordner-status" role="status" aria-live="polite"></p>
      <p class="klein leise" id="rk-ordner-geraet">{{ o.geraet }}</p>
      <details class="rkdetails rkpfadhilfe" id="rk-ordner-hilfe"><summary>{{ o.hilfe_titel }}</summary><div>
        <div class="rkpfadspalten">{% for name, schritte, bsp in (("Mac", o.mac, o.mac_beispiel), ("Windows", o.win, o.win_beispiel)) %}
          <div class="rkpfadweg"><h4>{{ name }}</h4><ol class="klein">{% for x in schritte %}<li>{{ x }}</li>{% endfor %}</ol>
            <p class="klein">{{ o.beispiel }} <code class="mono">{{ bsp }}</code></p></div>{% endfor %}
        </div>
        <p class="klein">{{ o.einfuegen }}</p>
      </div></details>
    </section>
  </div></details>
  <p class="hinweis" id="rk-meldung" role="status" aria-live="polite" hidden></p>
  <noscript><p class="hinweis klein">{{ r.ohne_js }}</p></noscript>
  <p class="klein rklink"><a href="/datenschutz#rekordbox">{{ r.datenschutz }}</a></p>
  <script type="application/json" id="rk-daten">{{ {"seite": "quellen", "texte": dict((dict(t.rekordbox, karte=dict(t.rekordbox.karte, playlists_spaeter=t.earlybird.rk_playlists)) if store_app else t.rekordbox), anleitung=none), "stand": rs, "sprache": sprache} | tojson }}</script>
</section>
{% endif %}
{# Cover „A+“ (24.10.2026): Bilder aus den Tags der eigenen Files – Kennzahlen, Nachlesen mit Restzeit, Rekordbox-Lage, was
   gespeichert wird (S2 nur im Browser, S4 Vorschauen im Konto), Löschen, Muster. Nur mit verbundenem Speicher (cover_zahlen).
   static/cover.js bedient Schalter und Browser-Löschen und zeichnet die Beispiel-Muster; ohne Skript bleiben Zahlen und Formular. #}
{% if cover_zahlen %}{% set c = t.cover.quellen %}{% set cz = cover_zahlen %}{% set cl_ = cz.lauf %}
<section class="karte raster cvkarte" id="cover" aria-labelledby="cover-h">
  <div class="cv-teil"><h2 id="cover-h">{{ c.titel }}</h2><p class="leise">{{ c.lead }}</p></div>
  {% if cover_geloescht %}<p class="hinweis" role="status">{{ c.geloescht }}</p>{% endif %}
  <dl class="kennzahlen">
    <div><dt>{{ c.k_mit }}</dt><dd class="zahl">{{ cz.mit | zahl(sprache) }}</dd></div>
    <div><dt>{{ c.k_ohne }}</dt><dd class="zahl">{{ cz.ohne | zahl(sprache) }}</dd></div>
    {% if cz.server %}<div><dt>{{ c.k_server }}</dt><dd class="zahl">{{ ('%.1f' | format(cz.bytes / 1048576)) | dezimal(sprache) }} MB</dd></div>
    {% else %}<div><dt>{{ c.k_offen }}</dt><dd class="zahl">{{ cz.offen | zahl(sprache) }}</dd></div>{% endif %}
  </dl>
  <div class="cv-teil">
    <p>{{ c.abgleich }}</p>
    {% if cl_ and not cl_.ende %}
    <p id="cover-nach">{{ c.nachlesen | replace("{n}", cl_.n | zahl(sprache)) | replace("{m}", cl_.m | zahl(sprache)) }}{% if cl_.rest_s is defined %} · {{ c.nachlesen_rest | replace("{rest}", cl_.rest_s | rest(sprache)) }}{% endif %}</p>
    <div class="balken" role="progressbar" aria-labelledby="cover-nach" aria-valuemin="0" aria-valuemax="{{ cl_.m }}" aria-valuenow="{{ cl_.n }}"><i style="width:{{ (100 * cl_.n / cl_.m) | round(1) if cl_.m else 0 }}%"></i></div>
    {% if cl_.pausiert %}<p class="klein">{{ c.nachlesen_pause }}</p>{% endif %}
    {% elif cz.offen %}<p>{{ c.nachlesen_offen | replace("{n}", cz.offen | zahl(sprache)) }}</p>
    {% elif cl_ %}<p class="klein">{{ c.nachlesen_fertig | replace("{m}", cl_.m | zahl(sprache)) }}</p>{% endif %}
    <p class="klein leise">{{ c.nur_tags }}</p>
    {% if cz.zu_gross %}<p class="klein">{{ c.zu_gross | replace("{n}", cz.zu_gross | zahl(sprache)) }}</p>{% endif %}
  </div>
  <div class="cv-teil"><h3>{{ c.rb_titel }}</h3><p>{{ c.rb_text }}</p></div>
  <div class="cv-teil"><h3>{{ c.speicher_titel }}</h3>
    <p>{{ c.s4 if cz.server else c.s2 | replace("{mb}", "100") }}</p>
    {{ schalter(tasten.cover_zeigen, c.zeigen, id="cover-zeigen", an=true, aus=true) }}
    <p class="klein">{{ c.zeigen_hilfe }}</p>
    <div class="zeile">
      {% if cz.server %}<form method="post" action="/quellen/cover/loeschen"><button type="submit" class="gefahr">{{ c.loeschen }}</button></form>{% endif %}
      <button type="button" id="cover-browser" data-fertig="{{ c.browser_geleert }}" hidden>{{ c.browser_leeren }}</button>
    </div>
    <p class="hinweis" id="cover-meldung" role="status" hidden></p>
    <p class="klein">{{ c.loeschen_hinweis }}</p>
  </div>
  <div class="cv-teil"><h3>{{ c.muster_titel }}</h3><p class="leise">{{ c.muster_text }}</p>
    <ul class="cv-muster-reihe">{% for ini, g, key, ok in [("Intro", [["a", 0.6], ["b", 0.3], ["c", 0.1]], "8A", "8m"), ("Peak", [["a", 0.8], ["b", 0.2]], "11B", "5d"), ("Dub", [["a", 0.45], ["b", 0.35], ["c", 0.2]], "1A", "6m"), ("Edit", [["a", 1.0]], "4B", "10d"), ("Loop", [["a", 0.4], ["b", 0.3], ["c", 0.2], ["d", 0.1]], "6A", "11m")] %}
      <li><span class="cv" aria-hidden="true" data-cv-muster="{{ {'titel': ini, 'genres': g, 'camelot': key} | tojson | forceescape }}"></span>{{ ok }}</li>{% endfor %}</ul>
  </div>
</section>
{% endif %}
{# Kontingent kurz: die Analyse wird hier ausgelöst – wie viel noch geht, steht deshalb auch hier (Einzelheiten im Konto). #}
<section class="karte raster" id="quellen-kontingent">
  <h2>{{ t.kontingent }}</h2>
  <p class="mono">{{ t.kontingent_satz.replace("{g}", k.genutzt | zahl(sprache)).replace("{n}", k.grenze | zahl(sprache)).replace("{f}", k.frei | zahl(sprache)) }}</p>
  {# Kontingent aufgebraucht (11.11.2026): ruhige Meldung hier, wo Musik hineinkommt; alles andere läuft weiter. Store-Fassungen ohne
     Kontakt (TP2 0529, Befund 55); im Browser bleibt der Kontakt, für Early-Bird-Konten mit der Zahl. #}
  {% if k.frei <= 0 %}<p class="hinweis" id="quellen-kontingent-leer">{% if store_app %}{{ t.earlybird.kontingent_leer }}{% elif earlybird and nutzer.get('kontingent_grenze') is not none %}{{ t.earlybird.kontingent_voll_web | replace("{n}", k.grenze | zahl(sprache)) }}{% else %}{{ t.kontingent_leer }}{% endif %}</p>{% endif %}
  <p><a href="/konto">{{ q.mehr_im_konto }}</a></p>
</section>
{# Analysen (23.10.2026): Live-Status und Verlauf stehen auf der eigenen Seite /analysen; hier bleibt eine Zeile mit dem letzten
   Lauf. Der Anker #analysen bleibt für alte Links – static/konto.js leitet /quellen#analysen nach /analysen weiter. #}
{% set ax = t.analysen %}
<p class="karte klein quellen-analysen" id="analysen">{% if letzter_lauf %}{{ (ax.quellen_zeile_eins if letzter_lauf.gemessen == 1 else ax.quellen_zeile) | replace("{datum}", letzter_lauf.ende | kurzdatum(sprache)) | replace("{n}", letzter_lauf.gemessen | zahl(sprache)) }}{% else %}{{ ax.quellen_keiner }}{% endif %} <a href="/analysen">{{ ax.quellen_link }} <span aria-hidden="true">→</span></a></p>
</div>
{# alte Anker: /quellen#analysen -> /analysen (der Anker kommt nie beim Server an) #}
{# Ablegen irgendwo auf der Seite (Live-Befund 25.10.2026): sofort sichtbar, was mit gezogenen Dateien passiert – je Zustand
   eigener Text; der Browser öffnet die Datei nie selbst. static/quellen_ablage.js, Texte als JSON. #}
{% if not store_app %}{% set ab = t.tspeicher.ablage %}
<div class="ablage-ueber" id="ablage-ueber" hidden><div class="ablage-karte"><span class="ablage-sym" aria-hidden="true">⇪</span>
  <p class="ablage-titel" id="ablage-titel"></p><p class="ablage-klein" id="ablage-klein"></p></div></div>
<div class="ablage-meldung" id="ablage-meldung" role="status" hidden><p id="ablage-meldung-text"></p>
  <button type="button" class="klein" id="ablage-meldung-zu">{{ ab.schliessen }}</button></div>
<script type="application/json" id="ablage-t">{{ dict(ab, zustand=('aus' if not beta else ('aktiv' if beta.zustimmung else 'zustimmung') if beta.zustand == 'aktiv' else 'einrichten'), rekordbox=(true if (rekordbox and rekordbox.an) else false)) | tojson }}</script>
<script src="/static/konto.js" defer data-seite></script>
{% if speicher is defined and speicher and speicher.aktiv %}<script src="/static/speicher.js" defer data-seite></script>{% endif %}
{% if beta and beta.zustand == 'aktiv' %}<script src="/static/beta_hash.js" defer data-seite></script><script src="/static/beta_upload.js" defer data-seite></script>{% endif %}
<script src="/static/quellen_ablage.js" defer data-seite></script>{% endif %}
{% if rekordbox and rekordbox.an %}<script src="/static/musikordner.js" defer data-seite></script><script src="/static/rekordbox.js" defer data-seite></script><script src="/static/rekordbox_seite.js" defer data-seite></script>{% endif %}
{% endblock %}