diff --git a/core/http/static/chat.js b/core/http/static/chat.js index 67e0bb60..ac1e0ba8 100644 --- a/core/http/static/chat.js +++ b/core/http/static/chat.js @@ -49,7 +49,7 @@ function submitPrompt(event) { document.getElementById("input").value = ""; const key = localStorage.getItem("key"); const systemPrompt = localStorage.getItem("system_prompt"); - + Alpine.nextTick(() => { document.getElementById('messages').scrollIntoView(false); }); promptGPT(systemPrompt, key, input); } @@ -74,7 +74,6 @@ function readInputImage() { // Make the "loader" visible document.getElementById("loader").style.display = "block"; document.getElementById("input").disabled = true; - document.getElementById('messages').scrollIntoView(false) messages = Alpine.store("chat").messages(); @@ -181,8 +180,8 @@ function readInputImage() { const chatStore = Alpine.store("chat"); chatStore.add("assistant", token); // Efficiently scroll into view without triggering multiple reflows - const messages = document.getElementById('messages'); - messages.scrollTop = messages.scrollHeight; + // const messages = document.getElementById('messages'); + // messages.scrollTop = messages.scrollHeight; }; let buffer = ""; diff --git a/core/http/views/chat.html b/core/http/views/chat.html index c3e30402..59414fe4 100644 --- a/core/http/views/chat.html +++ b/core/http/views/chat.html @@ -4,7 +4,7 @@ Part of this page is based on the OpenAI Chatbot example by David Härer: https://github.com/david-haerer/chatapi MIT License Copyright (c) 2023 David Härer - Copyright (c) 2024 Ettore Di Giacinto + Copyright (c) 2024-2025 Ettore Di Giacinto Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal @@ -31,269 +31,353 @@ SOFTWARE. {{ $allGalleryConfigs:=.GalleryConfig }} {{ $model:=.Model}} - - + {{template "views/partials/navbar" .}} - -
+ +
+ +
+ +
+

Chat Settings

+ +
- -
-
-

+ +
+ +
+ + +
+ + {{ if $model }} + {{ $galleryConfig:= index $allGalleryConfigs $model}} + {{ if $galleryConfig }} + +
+
+ +

{{ $model }}

+
+ +
+ {{ end }} + {{ end }} + +
+ +
+ + +
+ + +
+ + + + Documentation + + + + Browse Model + +
+ + +
+ + +
+
+ + +
+
+ + + +
+
+ + +
+
+
+
+
+

+ + +
+ + +
+ + + +
{{ if $model }} {{ $galleryConfig:= index $allGalleryConfigs $model}} - - - - - - + {{ end }} - Chat - {{ if .Model }} with {{.Model}} {{ end }} - - - - - - - -
- - -
- -
- - -
- - -
-
- -
-

- Start chatting with the AI by typing a prompt in the input field below and pressing Enter. - For models that support images, you can upload an image by clicking the paperclip - icon. -

-
-