diff options
Diffstat (limited to 'examples/server/public_simplechat/index.html')
| -rw-r--r-- | examples/server/public_simplechat/index.html | 24 |
1 files changed, 13 insertions, 11 deletions
diff --git a/examples/server/public_simplechat/index.html b/examples/server/public_simplechat/index.html index 1a1a3420..f6413016 100644 --- a/examples/server/public_simplechat/index.html +++ b/examples/server/public_simplechat/index.html @@ -8,21 +8,23 @@ <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" /> - <script src="simplechat.js" defer></script> + <script type="importmap"> + { + "imports": { + "datautils": "./datautils.mjs", + "ui": "./ui.mjs" + } + } + </script> + <script src="simplechat.js" type="module" defer></script> <link rel="stylesheet" href="simplechat.css" /> </head> <body> <div class="samecolumn" id="fullbody"> - <div class="sameline"> + <div class="sameline" id="heading"> <p class="heading flex-grow" > <b> SimpleChat </b> </p> - <div class="sameline"> - <label for="api-ep">Mode:</label> - <select name="api-ep" id="api-ep"> - <option value="chat" selected>Chat</option> - <option value="completion">Completion</option> - </select> - </div> + <button id="settings">Settings</button> </div> <div id="sessions-div" class="sameline"></div> @@ -30,7 +32,7 @@ <hr> <div class="sameline"> <label for="system-in">System</label> - <input type="text" name="system" id="system-in" placeholder="e.g. you are a helpful ai assistant, who provides concise answers" class="flex-grow"/> + <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> </div> <hr> @@ -40,7 +42,7 @@ <hr> <div class="sameline"> - <textarea id="user-in" class="flex-grow" rows="3" placeholder="enter your query to the ai model here" ></textarea> + <textarea id="user-in" class="flex-grow" rows="2" placeholder="enter your query to the ai model here" ></textarea> <button id="user-btn">submit</button> </div> |