2023-04-30 12:16:48 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
<!-- Copyright (c) 2023 Julian Müller (ChaoticByte) -->
< meta charset = "UTF-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< link rel = "stylesheet" href = "/ui/style.css" >
< title > Eucalyptus< / title >
< / head >
< body class = "flex" >
< div class = "main flex flex-column" >
< div id = "messages" class = "messages flex flex-column" > < / div >
< div class = "input-container flex" >
< textarea id = "text-input" class = "text-input" rows = "1" placeholder = "Press Ctrl+Enter to send" autofocus > < / textarea >
< button id = "send-btn" class = "send-btn icon-button" >
< svg xmlns = "http://www.w3.org/2000/svg" height = "48" viewBox = "0 96 960 960" width = "48" > < path d = "M120 896V651l302-75-302-77V256l760 320-760 320Z" / > < / svg >
< / button >
< / div >
< / div >
< div class = "sidepanel flex flex-column" >
< div class = "max-width" > Settings< / div >
< div class = "settings flex flex-column" >
2023-05-18 15:34:34 +02:00
< div class = "setting flex" >
< div > Assistant< / div >
< div id = "settings-label-assistant" > < / div >
< / div >
2023-04-30 12:16:48 +02:00
< div class = "setting flex" >
< div > max_tokens< / div >
< div > < input type = "number" id = "settings-max-tokens" min = "16" value = "100" > < / div >
< / div >
< div class = "setting flex" >
< div > temperature< / div >
< div > < input type = "number" id = "settings-temperature" min = "0.0" max = "2.0" step = "0.01" value = "0.8" > < / div >
< / div >
< div class = "setting flex" >
< div > top_p< / div >
< div > < input type = "number" id = "settings-top-p" min = "0.0" max = "1.0" step = "0.01" value = "0.95" > < / div >
2023-05-18 11:54:57 +02:00
< / div >
< div class = "setting flex" >
< div > top_k< / div >
< div > < input type = "number" id = "settings-top-k" min = "0" step = "1" value = "40" > < / div >
< / div >
< div class = "setting flex" >
< div > repeat_penalty< / div >
< div > < input type = "number" id = "settings-repeat-penalty" min = "0.0" step = "0.01" value = "1.1" > < / div >
< / div >
< div class = "setting flex" >
< div > presence_penalty< / div >
< div > < input type = "number" id = "settings-presence-penalty" min = "-2.0" max = "2.0" step = "0.01" value = "0" > < / div >
< / div >
< div class = "setting flex" >
< div > frequency_penalty< / div >
< div > < input type = "number" id = "settings-frequency-penalty" min = "-2.0" max = "2.0" step = "0.01" value = "0" > < / div >
< / div >
2023-04-30 12:16:48 +02:00
< / div >
< div class = "flex" >
2023-04-30 12:40:57 +02:00
< button id = "reset-settings-btn" class = "icon-button" >
< svg xmlns = "http://www.w3.org/2000/svg" height = "48" viewBox = "0 96 960 960" width = "48" > < path d = "M480 896q-133 0-226.5-93.5T160 576q0-133 93.5-226.5T480 256q85 0 149 34.5T740 385V256h60v254H546v-60h168q-38-60-97-97t-137-37q-109 0-184.5 75.5T220 576q0 109 75.5 184.5T480 836q83 0 152-47.5T728 663h62q-29 105-115 169t-195 64Z" / > < / svg >
< / button >
2023-04-30 12:16:48 +02:00
< button id = "reset-history-btn" class = "icon-button" >
< svg xmlns = "http://www.w3.org/2000/svg" height = "48" viewBox = "0 96 960 960" width = "48" > < path d = "m361 757 119-121 120 121 47-48-119-121 119-121-47-48-120 121-119-121-48 48 120 121-120 121 48 48ZM261 936q-24 0-42-18t-18-42V306h-41v-60h188v-30h264v30h188v60h-41v570q0 24-18 42t-42 18H261Z" / > < / svg >
< / button >
< / div >
< / div >
< script src = "/ui/main.js" > < / script >
< / body >
< / html >
