WebUI: fix edit msg form textarea height (#20830)

* autoresize textarea on mount

* allow textarea to grow to same height as rendered messages

* add UI build file

diff --git a/tools/server/public/index.html.gz b/tools/server/public/index.html.gz
index 8295dec5df46d399af1c47f3920eea9a084f3350..0144abda450d4a34a2f2d9204e5590715bd3790d 100644 (file)
Binary files a/tools/server/public/index.html.gz and b/tools/server/public/index.html.gz differ

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatFormTextarea.svelte b/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatFormTextarea.svelte
index f0855b9dbe5df32b492160175a67a732f3277458..86c182acdbd2ca8ef4b05908cf90e4075cdfdbc4 100644 (file)
--- a/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatFormTextarea.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatFormTextarea.svelte
@@ -26,6 +26,7 @@
 
        onMount(() => {
                if (textareaElement) {
+                       autoResizeTextarea(textareaElement);
                        textareaElement.focus();
                }
        });
@@ -50,8 +51,9 @@
        <textarea
                bind:this={textareaElement}
                bind:value
-               class="text-md max-h-32 min-h-12 w-full resize-none border-0 bg-transparent p-0 leading-6 outline-none placeholder:text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0"
+               class="text-md min-h-12 w-full resize-none border-0 bg-transparent p-0 leading-6 outline-none placeholder:text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0"
                class:cursor-not-allowed={disabled}
+               style="max-height: var(--max-message-height);"
                {disabled}
                onkeydown={onKeydown}
                oninput={(event) => {