From 720818f8e7787b1fe18a0b372a880327d3340af5 Mon Sep 17 00:00:00 2001
From: hanishkvc <hanishkvc@gmail.com>
Date: Thu, 20 Nov 2025 23:33:50 +0530
Subject: [PATCH] SimpleChatTCRV:UICleanup: new icons short texts, tighter
 buttons

Update usage note wrt new icons.
---
 tools/server/public_simplechat/index.html     |  6 +++---
 tools/server/public_simplechat/simplechat.css | 11 +++++++++--
 tools/server/public_simplechat/simplechat.js  |  5 +++--
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/tools/server/public_simplechat/index.html b/tools/server/public_simplechat/index.html
index 59cf5e3a12..b8bb1076fc 100644
--- a/tools/server/public_simplechat/index.html
+++ b/tools/server/public_simplechat/index.html
@@ -26,9 +26,9 @@
             <div class="sameline" id="heading">
                 <div id="sessions-div" class="flex-grow"></div>
                 <div id="icons-div" class="flex-nogrow">
-                    <button id="sessionsprompts" title="system prompts">&#x2728; &#x1F916; &#x1F9E0;</button>
-                    <button id="clearchat" title="clear current chat">&#x1F5D1; &#x1F9FD; &#x1F300; </button>
-                    <button id="settings" title="change settings">&#x2699; &#x1F6E0; &#xFE0F;</button>
+                    <button id="sessionsprompts" title="system prompts">&#x1F916;prompt</button>
+                    <button id="clearchat" title="clear current chat">&#x1F300;clear</button>
+                    <button id="settings" title="change settings">&#x2699;</button>
                 </div>
             </div>
 
diff --git a/tools/server/public_simplechat/simplechat.css b/tools/server/public_simplechat/simplechat.css
index 27fc5039d6..4a720057bc 100644
--- a/tools/server/public_simplechat/simplechat.css
+++ b/tools/server/public_simplechat/simplechat.css
@@ -21,7 +21,14 @@ body {
     margin: 0;
 }
 #sessions-div {
+    display: flex;
+    gap: 0.4vmin;
     overflow: auto;
+    scrollbar-width: none;
+}
+#icons-div {
+    display: flex;
+    gap: 0.4vmin;
 }
 
 .session-selected {
@@ -199,9 +206,9 @@ body {
 }
 
 button {
-    padding-inline: 2vmin;
+    padding-inline: 1vmin;
     border-radius: 1vmin;
-    min-height: 3vmin;
+    min-height: 2vmin;
     border-color: #80A0E0;
 }
 
diff --git a/tools/server/public_simplechat/simplechat.js b/tools/server/public_simplechat/simplechat.js
index 36e6c8e774..dda546cb13 100644
--- a/tools/server/public_simplechat/simplechat.js
+++ b/tools/server/public_simplechat/simplechat.js
@@ -442,7 +442,8 @@ function usage_note(sRecentUserMsgCnt) {
     <details id="DefaultUsage">
     <summary class="role-system">Usage Note</summary>
     <ul class="ul1">
-    <li> Clicking chat icon, toggles chat session buttons and system prompt block </li>
+    <li> New button creates new chat session, with its own system prompt.</li>
+    <li> Prompt button toggles system prompt entry.</li>
     <li> System prompt above, helps control ai response characteristics.</li>
         <ul class="ul2">
         <li> Completion mode - no system prompt normally.</li>
@@ -1762,7 +1763,7 @@ class MultiChatUI {
             this.new_chat_session(chatIdGot, true);
             this.create_session_btn(elDiv, chatIdGot);
             ui.el_children_config_class(elDiv, chatIdGot, "session-selected", "");
-        },"NewChat", "+");
+        },"NewChat", "+ new");
         btnNew.title = "start a new chat session"
         elDiv.appendChild(btnNew);
         // Btns for existing chat sessions