From 1fc44c971d3c741f883522c1e223eac10ce8c0ff Mon Sep 17 00:00:00 2001
From: hanishkvc <hanishkvc@gmail.com>
Date: Mon, 13 Oct 2025 00:41:19 +0530
Subject: [PATCH] SimpleChatTC: Add ui elements for tool call verify and
 trigger

Instead of automatically calling the requested tool with supplied
arguments, rather allow user to verify things before triggering the
tool.

NOTE: User already provided control over tool_response before
submitting it to the ai assistant.
---
 tools/server/public_simplechat/index.html    |  9 +++++++++
 tools/server/public_simplechat/simplechat.js | 14 +++++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/tools/server/public_simplechat/index.html b/tools/server/public_simplechat/index.html
index f6413016fc..c9b508eecf 100644
--- a/tools/server/public_simplechat/index.html
+++ b/tools/server/public_simplechat/index.html
@@ -40,6 +40,15 @@
                 <p> You need to have javascript enabled.</p>
             </div>
 
+            <hr>
+            <div id="tool-div">
+                <div class="sameline">
+                    <textarea id="toolname-in" rows="1" placeholder="name of tool to run"></textarea>
+                    <button id="tool-btn">run tool</button>
+                </div>
+                <textarea id="toolargs-in" class="flex-grow" rows="2" placeholder="arguments to pass to the specified tool"></textarea>
+            </div>
+
             <hr>
             <div class="sameline">
                 <textarea id="user-in" class="flex-grow" rows="2" placeholder="enter your query to the ai model here" ></textarea>
diff --git a/tools/server/public_simplechat/simplechat.js b/tools/server/public_simplechat/simplechat.js
index 83911fde42..73e1cafc80 100644
--- a/tools/server/public_simplechat/simplechat.js
+++ b/tools/server/public_simplechat/simplechat.js
@@ -91,7 +91,11 @@ let gUsageMsg = `
         <li> Completion mode - no system prompt normally.</li>
         </ul>
     <li> Use shift+enter for inserting enter/newline.</li>
-    <li> Enter your query to ai assistant below.</li>
+    <li> Enter your query to ai assistant in textarea provided below.</li>
+    <li> If ai assistant requests a tool call, varify same before triggering it.</li>
+        <ul class="ul2">
+        <li> submit tool response placed into user query textarea</li>
+        </ul>
     <li> Default ContextWindow = [System, Last Query+Resp, Cur Query].</li>
         <ul class="ul2">
         <li> ChatHistInCtxt, MaxTokens, ModelCtxt window to expand</li>
@@ -562,6 +566,10 @@ class MultiChatUI {
         this.elDivHeading = /** @type{HTMLSelectElement} */(document.getElementById("heading"));
         this.elDivSessions = /** @type{HTMLDivElement} */(document.getElementById("sessions-div"));
         this.elBtnSettings = /** @type{HTMLButtonElement} */(document.getElementById("settings"));
+        this.elDivTool = /** @type{HTMLDivElement} */(document.getElementById("tool-div"));
+        this.elBtnTool = /** @type{HTMLButtonElement} */(document.getElementById("tool-btn"));
+        this.elInToolName = /** @type{HTMLInputElement} */(document.getElementById("toolname-in"));
+        this.elInToolArgs = /** @type{HTMLInputElement} */(document.getElementById("toolargs-in"));
 
         this.validate_element(this.elInSystem, "system-in");
         this.validate_element(this.elDivChat, "chat-div");
@@ -569,6 +577,10 @@ class MultiChatUI {
         this.validate_element(this.elDivHeading, "heading");
         this.validate_element(this.elDivChat, "sessions-div");
         this.validate_element(this.elBtnSettings, "settings");
+        this.validate_element(this.elDivTool, "tool-div");
+        this.validate_element(this.elInToolName, "toolname-in");
+        this.validate_element(this.elInToolArgs, "toolargs-in");
+        this.validate_element(this.elBtnTool, "tool-btn");
     }
 
     /**