Prettify displayed message

1e076a3e4367cc228bb63cadaed3812298897308

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/scripts/tool-calling.js+7 -3 Viewed

@@ -342,7 +342,7 @@ export class ToolManager {
342	342
343	343	// Save a successful invocation
344	344	if (result) {
345	345	invocations.push({ id, name, resultparameters, parametersresult });
346	346	}
347	347	}
348	348	}

      * @returns {string} Formatted message with tool invocations.
      */
     static #formatMessage(invocations) {
 -        const toolNames = invocations.map(i => i.name).join(', ');
 +        const tryParse = (x) => { try { return JSON.parse(x); } catch { return x; } };
 +        const data = structuredClone(invocations);
         const detailsElement = document.createElement('details');
         const summaryElement = document.createElement('summary');
         const preElement = document.createElement('pre');
         const codeElement = document.createElement('code');
 -        codeElement.textContent = JSON.stringify(invocations, null, 2);
 +        codeElement.classList.add('language-json');
 +        data.forEach(i => i.parameters = tryParse(i.parameters));
 +        codeElement.textContent = JSON.stringify(data, null, 2);
 +        const toolNames = data.map(i => i.name).join(', ');
         summaryElement.textContent = `Performed tool calls: ${toolNames}`;
         preElement.append(codeElement);
         detailsElement.append(summaryElement, preElement);