---
import Base from '../layouts/Base.astro';
---
<Base title="Changelog · Klarbild">
  <div class="clog">
    <div class="ckopf">
      <h1>Changelog</h1>
      <a class="zurueck" href="/anleitung">← Zur Hilfe</a>
    </div>
    <p class="lead">Was in Klarbild neu ist. Neueste Änderungen oben.</p>

    <section>
      <div class="ver"><span class="tag">23.07.2026</span><h2>Kombinieren, Erzeugen & zweite Sicherung</h2></div>
      <ul>
        <li><b>Kombinieren:</b> mehrere Bilder + Beschreibung zu einem neuen Bild (z. B. „…​mit unserer Hündin Frieda").</li>
        <li><b>Neu erzeugen:</b> Bilder allein aus Text, ganz ohne Vorlage.</li>
        <li><b>The Frame „Erweitern":</b> Szene rund ums Motiv weiter generieren (Outpainting) statt nur zuschneiden.</li>
        <li><b>Weiterbearbeiten:</b> ein fertiges Bild als neue Vorlage übernehmen und erneut bearbeiten.</li>
        <li><b>Alternativen:</b> weitere Fassungen desselben Bildes erzeugen — gruppiert mit Umschalter.</li>
        <li><b>Ordner:</b> in der Bibliothek filtern, umbenennen, löschen; je Ordner eigene Picdrop-Galerie.</li>
        <li><b>Sammel-Aktionen:</b> mehrere Bilder als ZIP laden und auf einmal in einen Ordner verschieben.</li>
        <li><b>Vorschaubilder</b> für die Bibliothek (schnell & sparsam).</li>
        <li><b>Modelle:</b> Qualitätsstufen inkl. Open Source (FLUX.2); genutztes Modell wird angezeigt.</li>
        <li><b>Zweite Sicherung (NAS):</b> jedes Ergebnis zusätzlich per SFTP/FTPS aufs NAS (auch über Tailscale) — mit „NAS ✓"-Anzeige und „Alle Bilder aufs NAS sichern".</li>
        <li><b>Speicherverwaltung:</b> Vorschaubilder, Quellen löschen, automatische Aufbewahrungsfrist.</li>
        <li><b>Telegram komplett knopfbasiert:</b> Dauertastatur & Menü — Bearbeiten, Kombinieren, „✨ Neues Bild", Weiterbearbeiten, ganz ohne Befehle.</li>
        <li><b>Zurücksetzen:</b> Bibliothek & Aufträge sauber leeren (mit Sicherheitsabfrage).</li>
        <li><b>Hilfe-Seite</b> und dieser Changelog.</li>
        <li>Unter der Haube: echter Kostendeckel, verlässlicher Auftragsabschluss, Erreichbarkeits-Diagnose fürs NAS.</li>
      </ul>
    </section>
  </div>

  <style>
    .clog{max-width:760px;margin:0 auto;}
    .ckopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
    .clog h1{font-family:var(--font-display);font-size:1.7rem;letter-spacing:-.02em;margin:6px 0 4px;}
    .zurueck{color:var(--accent);text-decoration:none;font-size:.9rem;}
    .lead{color:var(--soft);margin:4px 0 20px;}
    .clog section{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px;}
    .ver{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap;}
    .ver h2{font-size:1.05rem;margin:0;}
    .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;background:var(--accent-bg);color:var(--accent);padding:3px 9px;border-radius:20px;}
    .clog ul{margin:0;padding-left:20px;line-height:1.65;}
    .clog li{margin-bottom:6px;}
  </style>
</Base>