From 97488ded61628bfb5382e21700b2e8cde2184423 Mon Sep 17 00:00:00 2001
From: Eddy <eddy@alles-watt-laeuft.de>
Date: Tue, 21 Apr 2026 14:35:53 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20Chat-Panel=20Layout=20im=20Detach-Modus?=
 =?UTF-8?q?=20=E2=80=94=20Textzeile=20wird=20nicht=20mehr=20abgeschnitten?=
 =?UTF-8?q?=20[appimage]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .chat-input: flex-shrink: 0 + max-height verhindert Überlaufen
- .chat-input textarea: max-height + overflow-y für Scroll bei langen Eingaben
- .chat-panel + .chat-messages: min-height: 0 für korrektes Flex-Overflow (WebKitGTK)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/lib/components/ChatPanel.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/lib/components/ChatPanel.svelte b/src/lib/components/ChatPanel.svelte
index 1204bcc..e1de7cb 100644
--- a/src/lib/components/ChatPanel.svelte
+++ b/src/lib/components/ChatPanel.svelte
@@ -1411,6 +1411,7 @@
 		display: flex;
 		flex-direction: column;
 		height: 100%;
+		min-height: 0; /* Flex-Kinder korrekt begrenzen (WebKitGTK) */
 	}
 
 	.chat-header {
@@ -1477,6 +1478,7 @@
 
 	.chat-messages {
 		flex: 1;
+		min-height: 0;       /* Flex-Overflow korrekt begrenzen */
 		overflow-y: auto;
 		padding: var(--spacing-md);
 		display: flex;
@@ -1972,6 +1974,8 @@
 		background: var(--bg-secondary);
 		border-top: 1px solid var(--bg-tertiary);
 		position: relative;
+		flex-shrink: 0;      /* Nicht schrumpfen — Eingabe bleibt immer sichtbar */
+		max-height: 160px;   /* Puffer für mehrzeilige Eingabe */
 	}
 
 	.chat-input textarea {
@@ -1979,6 +1983,8 @@
 		resize: none;
 		font-size: 0.85rem;
 		line-height: 1.4;
+		max-height: 120px;   /* Max ~6 Zeilen, dann scrollen */
+		overflow-y: auto;
 	}
 
 	.send-button {