vbatts/llama.cpp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

webui: format+qol

Browse source
This commit is contained in:
Stéphane du Hamel 2025-01-23 20:11:22 +01:00
parent 77c08a8fb8
commit 7402727de4
3 changed files with 20 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
examples/server/public/index.html.gz
View file

Binary file not shown.

7
examples/server/webui/index.html
View file

@ -261,8 +261,11 @@
<span v-if="msg.content === null" class="loading loading-dots loading-md"></span>
<!-- render message as markdown -->
<div v-else dir="auto">
<details v-if="msg.role === 'assistant' && splitMsgContent.cot" class="collapse bg-base-200" :open="isGenerating">
<summary class="collapse-title">Reasoning?</summary>
<details v-if="msg.role === 'assistant' && splitMsgContent.cot" class="collapse bg-base-200" :open="splitMsgContent.isThinking">
<summary class="collapse-title text-xl font-medium">
<span v-if="splitMsgContent.isThinking">Thinking<span class="loading loading-dots loading-md" style="vertical-align: middle;"></span></span>
<span v-else >Thought Process</span>
</summary>
<vue-markdown :source="splitMsgContent.cot" dir="auto" class="collapse-content"></vue-markdown>
</details>
<vue-markdown :source="splitMsgContent.content"></vue-markdown>

27
examples/server/webui/src/main.js
View file

@ -191,24 +191,27 @@ const MessageBubble = defineComponent({
},
splitMsgContent() {
const content = this.msg.content;
if (this.msg.role !== 'assistant'){
return {content};
if (this.msg.role !== "assistant") {
return { content };
}
let actualContent = '';
let cot = '';
let thinkSplit = content.split("<think>",2);
let actualContent = "";
let cot = "";
let isThinking = false;
let thinkSplit = content.split("<think>", 2);
actualContent += thinkSplit[0];
while (thinkSplit[1]!==undefined){
while (thinkSplit[1] !== undefined) {
// <think> tag found
thinkSplit = thinkSplit[1].split("</think>",2);
cot+=thinkSplit[0];
if(thinkSplit[1]!==undefined){
thinkSplit = thinkSplit[1].split("</think>", 2);
cot += thinkSplit[0];
isThinking = true;
if (thinkSplit[1] !== undefined) {
// </think> closing tag found
thinkSplit = thinkSplit[1].split("<think>",2);
actualContent+=thinkSplit[0];
isThinking = false;
thinkSplit = thinkSplit[1].split("<think>", 2);
actualContent += thinkSplit[0];
}
}
return {content : actualContent, cot };
return { content: actualContent, cot , isThinking};
},
},
methods: {