From 822af647047436850eece76b683e03ea43378257 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Wed, 13 May 2026 18:12:55 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20Breeder-Profil=20Zur=C3=BCck-Button=20?=
 =?UTF-8?q?=E2=86=92=20Wurfb=C3=B6rse;=20Welpen-Chip=20klickbar=20(SW=20by?=
 =?UTF-8?q?-v897)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/main.py                    |  2 +-
 backend/static/index.html          |  8 ++++----
 backend/static/js/app.js           |  2 +-
 backend/static/js/pages/breeder.js | 21 +++++++++++++++++----
 backend/static/js/pages/litters.js |  5 ++---
 backend/static/sw.js               |  2 +-
 6 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/backend/main.py b/backend/main.py
index 0d36ed1..46036e9 100644
--- a/backend/main.py
+++ b/backend/main.py
@@ -406,7 +406,7 @@ async def serve_media(path: str, request: _Request):
         raise _HE(404, "Nicht gefunden.")
     return _media_response(filepath)
 
-APP_VER = "896"  # muss mit APP_VER in app.js übereinstimmen
+APP_VER = "897"  # muss mit APP_VER in app.js übereinstimmen
 
 @app.get("/.well-known/assetlinks.json")
 async def assetlinks():
diff --git a/backend/static/index.html b/backend/static/index.html
index 27c1caf..43d91c7 100644
--- a/backend/static/index.html
+++ b/backend/static/index.html
@@ -591,10 +591,10 @@
 <div id="modal-container"></div>
 
 <!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
-<script src="/js/api.js?v=896"></script>
-<script src="/js/ui.js?v=896"></script>
-<script src="/js/app.js?v=896"></script>
-<script src="/js/worlds.js?v=896"></script>
+<script src="/js/api.js?v=897"></script>
+<script src="/js/ui.js?v=897"></script>
+<script src="/js/app.js?v=897"></script>
+<script src="/js/worlds.js?v=897"></script>
 
 <!-- Feature-Seiten werden lazy geladen -->
 
diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index e3e7d0f..518cb11 100644
--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@@ -3,7 +3,7 @@
    Router, State-Management, Navigation, Initialisierung.
    ============================================================ */
 
-const APP_VER     = '896'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER     = '897'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 const APP_VERSION = '1.5.1'; // ← semantische Version, wird bei make release gesetzt
 const IS_STAGING  = location.hostname === 'staging.banyaro.app';
 // Cache-Bust-Parameter nach Update-Reload sofort entfernen
diff --git a/backend/static/js/pages/breeder.js b/backend/static/js/pages/breeder.js
index a5a99ea..3fefde6 100644
--- a/backend/static/js/pages/breeder.js
+++ b/backend/static/js/pages/breeder.js
@@ -26,13 +26,25 @@ window.Page_breeder = (() => {
       return;
     }
 
-    container.innerHTML = '<div style="padding:var(--space-6);text-align:center">Lade…</div>';
+    container.innerHTML = `
+      <div style="padding:var(--space-3) var(--space-4) 0">
+        <button class="btn btn-ghost btn-sm" id="breeder-back-btn">
+          ${UI.icon('arrow-left')} Zurück zur Wurfbörse
+        </button>
+      </div>
+      <div id="breeder-profile-body" style="padding:0 var(--space-4) var(--space-6);text-align:center">
+        ${UI.skeleton(3)}
+      </div>`;
+
+    document.getElementById('breeder-back-btn')
+      ?.addEventListener('click', () => App.navigate('wurfboerse'));
 
     try {
       const p = await API.breeder.profile(zwingername);
       _render(p);
     } catch (e) {
-      container.innerHTML = `<div style="padding:var(--space-6)">${_esc(e.message || 'Züchter nicht gefunden.')}</div>`;
+      document.getElementById('breeder-profile-body').innerHTML =
+        `<p style="padding:var(--space-6);color:var(--c-text-secondary)">${_esc(e.message || 'Züchter nicht gefunden.')}</p>`;
     }
   }
 
@@ -57,8 +69,9 @@ window.Page_breeder = (() => {
          </div>`
       : '';
 
-    _container.innerHTML = `
-      <div style="padding:var(--space-4)">
+    const body = document.getElementById('breeder-profile-body') || _container;
+    body.innerHTML = `
+      <div style="padding:var(--space-4) 0">
 
         <!-- Header-Card -->
         <div class="card" style="margin-bottom:var(--space-3)">
diff --git a/backend/static/js/pages/litters.js b/backend/static/js/pages/litters.js
index 73b7e04..e1502f4 100644
--- a/backend/static/js/pages/litters.js
+++ b/backend/static/js/pages/litters.js
@@ -146,13 +146,13 @@ window.Page_litters = (() => {
       { icon: 'list-bullets', label: 'Alle Würfe',  val: total,   filter: null },
       { icon: 'baby',         label: 'Aktiv',        val: aktiv,   filter: ['verfuegbar','geboren'], color: 'var(--c-success)' },
       { icon: 'calendar-dots',label: 'Geplant',      val: geplant, filter: ['geplant'] },
-      { icon: 'dog',          label: 'Welpen ges.',  val: welpen,  filter: null, noClick: true },
+      { icon: 'dog',          label: 'Welpen ges.',  val: welpen,  filter: null },
       { icon: 'tag',          label: 'Verfügbar',    val: verfuegb,filter: ['verfuegbar'], color: verfuegb > 0 ? 'var(--c-primary)' : undefined },
     ];
     bar.style.display = 'flex';
     bar.innerHTML = statItems.map((s, i) => {
       const isActive = JSON.stringify(_filterStatus) === JSON.stringify(s.filter);
-      const clickable = !s.noClick;
+      const clickable = true;
       return `
         <div data-stat-idx="${i}"
              style="background:${isActive ? 'var(--c-primary)' : 'var(--c-bg-secondary)'};
@@ -171,7 +171,6 @@ window.Page_litters = (() => {
 
     bar.querySelectorAll('[data-stat-idx]').forEach(chip => {
       const s = statItems[parseInt(chip.dataset.statIdx)];
-      if (s.noClick) return;
       chip.addEventListener('click', () => {
         _filterStatus = JSON.stringify(_filterStatus) === JSON.stringify(s.filter) ? null : s.filter;
         _renderStats();
diff --git a/backend/static/sw.js b/backend/static/sw.js
index befb0b1..01e8ef2 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications + Tile-Cache
    ============================================================ */
 
-const CACHE_VERSION = 'by-v896';
+const CACHE_VERSION = 'by-v897';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten
 const CACHE_API     = 'ban-yaro-api-v1';    // API-Response-Cache