<.ai_suggestion id="next-steps" title="Suggested next steps">
<ul style="margin:0;padding-left:20px;display:grid;gap:4px"><li>Refund the duplicate charge on invoice INV-2041.</li><li>Tell the customer the template issue is fixed and no further invoices are affected.</li><li>Add a note to the account so the next renewal is checked by hand.</li></ul>
<:source><a href="#">Refunds policy, section 3</a> and <a href="#">the ticket history</a></:source>
<:actions>
<.button size="sm"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>Accept</.button>
<.button variant="outline" size="sm" type="button"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/></svg>Edit</.button>
<.button variant="ghost" size="sm">Dismiss</.button>
</:actions>
</.ai_suggestion>