{# history: <.button> New chat, <div class="ui-sidebar-group-label">Recent</div>, then <a href="…" [aria-current="page"]>Title<span>Date</span></a>. Thread: <div class="ui-msg-user">…</div> and <div class="ui-msg-ai"><span class="ui-ai-badge">…AI</span><p>…</p><div class="ui-msg-sources"><a>…</a></div></div>. #}
<div style="position:relative;height:460px;padding:16px;background:var(--muted)">
<.assistant_panel id="assistant" action="#" note="Answers come from your organisation's documents. Don't include customer names or card details." open>
<:history><.button variant="outline" size="sm" type="button"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14"/><path d="M12 5v14"/></svg>New chat</.button><div class="ui-sidebar-group-label">Recent</div>
<a href="#" aria-current="page">Refund rules for annual plans<span>Today</span></a><a href="#">Escalating a security report<span>Yesterday</span></a><a href="#">Data retention periods<span>2 Oct</span></a></:history>
<div class="ui-msg-user">Can we refund an annual plan after 30 days?</div>
<div class="ui-msg-ai"><span class="ui-ai-badge"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/><path d="M20 3v4"/><path d="M22 5h-4"/></svg>AI</span><p>Yes, but only pro rata for the unused months, and only if the customer hasn't used more than 80% of their quota. Refunds over £1,000 need approval from a finance lead.</p>
<div class="ui-msg-sources"><a href="#"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg>Refunds policy §3</a><a href="#"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg>Finance approvals</a></div></div>
</.assistant_panel>
</div>