ToolCallCard
AgenticShows tool name, parameters, live status, and structured results.
Rendering preview
<div class="tc-card" id="tcCard"> <div class="tc-head"> <span class="tc-label">Tool</span> <span class="tc-name" id="tcName">web.search</span> <span class="tc-status tc-status-run" id="tcStatus" aria-live="polite"> <span class="tc-spin" aria-hidden="true"></span> <span id="tcStatusText">Running</span> </span> </div> <div class="tc-params"> <div class="tc-row"><span class="tc-k">query</span><span class="tc-v">achieui web app components</span></div> <div class="tc-row"><span class="tc-k">limit</span><span class="tc-v">10</span></div> </div> <div class="tc-result-wrap" id="tcResultWrap"> <span class="tc-label">Result</span> <pre class="tc-result" id="tcResult">—</pre> </div></div>