templates/components/session-main-stats.html

<div class="session-progress">
    <div class="session-stats">
        <div class="stat-item">
            <div class="stat-value">{total_attempts}</div>
            <div class="stat-label">Creative Attempts</div>
        </div>
        <div class="stat-item">
            <div class="stat-value">{best_score:.3f}</div>
            <div class="stat-label">Personal Best</div>
        </div>
        <div class="stat-item">
            <div class="stat-value">{average_score:.3f}</div>
            <div class="stat-label">Average Score</div>
        </div>
        {ranking_stats}
    </div>
    
    <div class="session-overview">
        <div class="best-response-showcase">
            <h4>🎯 Your Best Response</h4>
            <div class="best-response-content">
                <span class="best-input">"{best_input}"</span>
                <div class="best-metrics">
                    <span class="score-badge">Score: {best_score:.3f}</span>
                    {best_ranking}
                </div>
            </div>
        </div>
        {trend_info}
    </div>
</div>