From df965bc10adf9e766e89d32397997e4f5473a7f6 Mon Sep 17 00:00:00 2001
From: arch_agent <arch_agent@die-heimatlosen.eu>
Date: Fri, 24 Jul 2026 22:09:42 +0200
Subject: [PATCH] =?UTF-8?q?v2.4.1=20=E2=80=94=20Portrait=20im=20Chat=20anz?=
 =?UTF-8?q?eigen=20+=20Bearbeiten-Button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Portrait-Bild wird nach Generierung im Chat als Nachricht angezeigt
  - Bild mit 'Neues Portrait generiert' Beschriftung
  - Avatar im Header wird gleichzeitig aktualisiert
- ✏️ Bearbeiten Button im Chat-Header (Link zu /edit/)
---
 templates/chat.html | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/templates/chat.html b/templates/chat.html
index f1fc542..1f622d2 100644
--- a/templates/chat.html
+++ b/templates/chat.html
@@ -70,6 +70,7 @@
         <div class="header-actions">
             <span class="session-info" id="sessionInfo" title="Session-ID">Session: ...</span>
             <span class="session-info" id="passcodeInfo" title="Passcode für andere Geräte" style="border-color: var(--accent); color: var(--accent);">Code: ...</span>
+            <a href="/edit/{{ character_name }}" style="text-decoration: none;" title="Charakter bearbeiten"><button class="btn" type="button">✏️ Bearbeiten</button></a>
             <button class="btn" id="portraitBtn" onclick="generatePortrait()">🖼️ Portrait</button>
             <button class="btn" onclick="toggleMemory()">🧠 Gedächtnis</button>
             <button class="btn btn-danger" onclick="clearMemory()">🗑️ Vergessen</button>
@@ -332,8 +333,24 @@
                             
                             if (statusData.status === 'done' && statusData.image) {
                                 clearInterval(pollInterval);
+                                const imgUrl = `${statusData.image}?t=${Date.now()}`;
+                                
+                                // Update avatar in header
                                 const avatarEl = document.querySelector('.avatar');
-                                avatarEl.innerHTML = `<img src="${statusData.image}?t=${Date.now()}" style="width: 100%; height: 100%; border-radius: 50%; object-fit: cover;">`;
+                                avatarEl.innerHTML = `<img src="${imgUrl}" style="width: 100%; height: 100%; border-radius: 50%; object-fit: cover;">`;
+                                
+                                // Also show the portrait in the chat as a message
+                                const portraitMsg = document.createElement('div');
+                                portraitMsg.className = 'msg msg-bot';
+                                portraitMsg.style.padding = '0';
+                                portraitMsg.style.overflow = 'hidden';
+                                portraitMsg.innerHTML = `
+                                    <img src="${imgUrl}" style="width: 100%; max-width: 300px; border-radius: 16px 16px 16px 4px; display: block;">
+                                    <div style="padding: 8px 12px; font-size: 0.8rem; color: var(--muted);">🖼️ Neues Portrait generiert</div>
+                                `;
+                                chat.appendChild(portraitMsg);
+                                chat.scrollTop = chat.scrollHeight;
+                                
                                 btn.textContent = '✅ Fertig!';
                                 setTimeout(() => { btn.textContent = oldText; btn.disabled = false; }, 2000);
                             } else if (statusData.status === 'error') {