happyz
/
llama.cpp
mirror of https://github.com/ggerganov/llama.cpp.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

SimpleChatTC:ShowMessage:Show any number of toolcalls 

Also make reasoning easily identifiable in the chat
This commit is contained in:
hanishkvc 2025-10-29 21:14:21 +05:30
parent 41ef449db1
commit f3593a9611
2 changed files with 36 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
tools/server/public_simplechat/simplechat.css
View File

@ -43,6 +43,9 @@
writing-mode: vertical-lr;
padding-inline: 1vmin;
}
.chat-message-reasoning {
border-block-style: dashed;
}
.chat-message-toolcall {
border-style: solid;
border-color: grey;

49
tools/server/public_simplechat/simplechat.js
View File

@ -871,6 +871,27 @@ class MultiChatUI {
this.elInUser.focus();
}
/**
* Show the passed function / tool call details in specified parent element.
* @param {HTMLElement} elParent
* @param {NSToolCalls} tc
*/
show_message_toolcall(elParent, tc) {
let secTC = document.createElement('section')
secTC.classList.add('chat-message-toolcall')
elParent.append(secTC)
let entry = ui.el_create_append_p(`name: ${tc.function.name}`, secTC);
entry = ui.el_create_append_p(`id: ${tc.id}`, secTC);
let oArgs = JSON.parse(tc.function.arguments)
for (const k in oArgs) {
entry = ui.el_create_append_p(`arg: ${k}`, secTC);
let secArg = document.createElement('section')
secArg.classList.add('chat-message-toolcall-arg')
secTC.append(secArg)
secArg.innerText = oArgs[k]
}
}
/**
* Handles showing a chat message in UI.
*
@ -907,10 +928,16 @@ class MultiChatUI {
secMain.append(secContents)
// Add the content
//entry = ui.el_create_append_p(`${msg.content_equiv()}`, secContents);
for (const [name, content] of [['reasoning', msg.ns.reasoning_content], ['content', msg.ns.content]]) {
let cTrimmed = content.trim()
if (cTrimmed.length > 0) {
entry = ui.el_create_append_p(`${cTrimmed}`, secContents);
let showList = []
if (msg.ns.reasoning_content.trim().length > 0) {
showList.push(['reasoning', `!!!Reasoning: ${msg.ns.reasoning_content.trim()} !!!\n\n`])
}
if (msg.ns.content.trim().length > 0) {
showList.push(['content', msg.ns.content.trim()])
}
for (const [name, content] of showList) {
if (content.length > 0) {
entry = ui.el_create_append_p(`${content}`, secContents);
entry.classList.add(`chat-message-${name}`)
}
}
@ -930,18 +957,8 @@ class MultiChatUI {
}
// Handle tool call non ui
if (msg.has_toolcall() && !bTC) {
let secTC = document.createElement('section')
secTC.classList.add('chat-message-toolcall')
secContents.append(secTC)
entry = ui.el_create_append_p(`name: ${msg.ns.tool_calls[0].function.name}`, secTC);
entry = ui.el_create_append_p(`id: ${msg.ns.tool_calls[0].id}`, secTC);
let oArgs = JSON.parse(msg.ns.tool_calls[0].function.arguments)
for (const k in oArgs) {
entry = ui.el_create_append_p(`arg: ${k}`, secTC);
let secArg = document.createElement('section')
secArg.classList.add('chat-message-toolcall-arg')
secTC.append(secArg)
secArg.innerText = oArgs[k]
for (const i in msg.ns.tool_calls) {
this.show_message_toolcall(secContents, msg.ns.tool_calls[i])
}
}
}