templates/card.html

<div class="rm-card {additional_class}">
    <div class="rm-card-header">
        Top {k} Action Candidate {suffix}
    </div>
    <div class="rm-card-body">
        <div class="card-section">
            <div class="card-section-title">Thought:</div>
            <div class="thought-content">
                <pre>{thought}</pre>
            </div>
        </div>
        <div class="card-section">
            <div class="card-section-title">Action:</div>
            <div class="action-content">
                <pre>{action}</pre>
            </div>
        </div>
        <div class="card-section">
            <div class="card-section-title">Reward:</div>
            <div class="reward-content">
                <pre>{reward}</pre>
            </div>
        </div>
        <div class="card-section">
            <details>
                <summary>Feedback (click to view)</summary>
                <div class="feedback-content">
                    <pre>{feedback}</pre>
                </div>
            </details>
        </div>
    </div>
</div>