2024-05-22 23:23:21 +05:30
<!DOCTYPE html>
< html lang = "en" >
< head >
2024-05-26 06:26:34 +05:30
< title > SimpleChat LlamaCppEtal </ title >
2024-05-22 23:23:21 +05:30
< meta charset = "UTF-8" />
< meta name = "viewport" content = "width=device-width, initial-scale=1" />
< meta name = "message" content = "Save Nature Save Earth" />
< meta name = "description" content = "SimpleChat: trigger LLM web service endpoints /chat/completions and /completions, single/multi chat sessions" />
< meta name = "author" content = "by Humans for All" />
< meta http-equiv = "Cache-Control" content = "no-cache, no-store, must-revalidate" />
2024-06-01 21:50:18 +05:30
< script type = "importmap" >
{
"imports" : {
"datautils" : "./datautils.mjs" ,
"ui" : "./ui.mjs"
}
}
</ script >
< script src = "simplechat.js" type = "module" defer ></ script >
2024-05-22 23:23:21 +05:30
< link rel = "stylesheet" href = "simplechat.css" />
</ head >
< body >
< div class = "samecolumn" id = "fullbody" >
2024-06-01 21:50:18 +05:30
< div class = "sameline" id = "heading" >
2024-05-22 23:23:21 +05:30
< p class = "heading flex-grow" > < b > SimpleChat </ b > </ p >
2024-06-01 21:50:18 +05:30
< button id = "settings" > Settings</ button >
2024-05-22 23:23:21 +05:30
</ div >
< div id = "sessions-div" class = "sameline" ></ div >
< hr >
< div class = "sameline" >
< label for = "system-in" > System</ label >
2024-06-01 21:50:18 +05:30
< textarea name = "system" id = "system-in" rows = "2" placeholder = "e.g. you are a helpful ai assistant, who provides concise answers" class = "flex-grow" ></ textarea >
2024-05-22 23:23:21 +05:30
</ div >
< hr >
< div id = "chat-div" >
2024-05-26 06:26:34 +05:30
< p > You need to have javascript enabled.</ p >
2024-05-22 23:23:21 +05:30
</ div >
< hr >
< div class = "sameline" >
2024-06-01 21:50:18 +05:30
< textarea id = "user-in" class = "flex-grow" rows = "2" placeholder = "enter your query to the ai model here" ></ textarea >
2024-05-22 23:23:21 +05:30
< button id = "user-btn" > submit</ button >
</ div >
</ div >
</ body >
</ html >