fix: Render tool calls with no args

This commit is contained in:
bracesproul
2025-03-05 14:25:36 -08:00
parent 5e65864daa
commit 77ea063d07

View File

@@ -18,8 +18,7 @@ export function ToolCalls({
<div className="space-y-4"> <div className="space-y-4">
{toolCalls.map((tc, idx) => { {toolCalls.map((tc, idx) => {
const args = tc.args as Record<string, any>; const args = tc.args as Record<string, any>;
if (!tc.args || Object.keys(args).length === 0) return null; const hasArgs = Object.keys(args).length > 0;
return ( return (
<div <div
key={idx} key={idx}
@@ -35,6 +34,7 @@ export function ToolCalls({
)} )}
</h3> </h3>
</div> </div>
{hasArgs ? (
<table className="min-w-full divide-y divide-gray-200"> <table className="min-w-full divide-y divide-gray-200">
<tbody className="divide-y divide-gray-200"> <tbody className="divide-y divide-gray-200">
{Object.entries(args).map(([key, value], argIdx) => ( {Object.entries(args).map(([key, value], argIdx) => (
@@ -55,6 +55,9 @@ export function ToolCalls({
))} ))}
</tbody> </tbody>
</table> </table>
) : (
<code className="text-sm block p-3">{"{}"}</code>
)}
</div> </div>
); );
})} })}