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	// Save a successful invocation	343	// Save a successful invocation
344	if (result) {	344	if (result) {
345	invocations.push({ id, name, result, parameters });	345	invocations.push({ id, name, parameters, result });
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);