SimpleChat: A placeholder system prompt, Use usage msg in code

Just have a alert msg wrt needing javascript enabled in html. And
have usage message from js file. Update the usage message a bit.
So also enable switch session wrt setup_ui call.

Add a possible system prompt as a placeholder for the system-input.
This commit is contained in:
HanishKVC 2024-05-22 18:56:51 +05:30
parent 74f33adf5f
commit 8042cb950d
2 changed files with 9 additions and 10 deletions

View file

@ -30,15 +30,12 @@
<hr> <hr>
<div class="sameline"> <div class="sameline">
<label for="system-in">System</label> <label for="system-in">System</label>
<input type="text" name="system" id="system-in" class="flex-grow"/> <input type="text" name="system" id="system-in" placeholder="e.g. you are a helpful ai assistant, who provides concise answers" class="flex-grow"/>
</div> </div>
<hr> <hr>
<div id="chat-div"> <div id="chat-div">
<p> Enter the system prompt above, before entering/submitting any user query.</p> <p> You need to have javascript enabled.</p>
<p> Enter your text to the ai assistant below.</p>
<p> Use shift+enter for inserting enter.</p>
<p> Refresh the page to start over fresh.</p>
</div> </div>
<hr> <hr>

View file

@ -14,10 +14,12 @@ class ApiEP {
} }
let gUsageMsg = ` let gUsageMsg = `
<p> Enter the system prompt above, before entering/submitting any user query.</p> <ul>
<p> Enter your text to the ai assistant below.</p> <li> Set system prompt above, to try control ai response charactersitic, if model supports same.</li>
<p> Use shift+enter for inserting enter.</p> <li> Enter your query to ai assistant below.</li>
<p> Refresh the page to start over fresh.</p> <li> Use shift+enter for inserting enter.</li>
<li> Refresh the page to start over fresh.</li>
</ul>
`; `;
class SimpleChat { class SimpleChat {
@ -471,7 +473,7 @@ function startme() {
for (let cid of gChatIds) { for (let cid of gChatIds) {
gMuitChat.new_chat_session(cid); gMuitChat.new_chat_session(cid);
} }
gMuitChat.setup_ui(gChatIds[0]); gMuitChat.setup_ui(gChatIds[0], true);
gMuitChat.show_sessions(); gMuitChat.show_sessions();
} }