<div class="card mb-4" id="file-history">
    <div class="card-header">
        <h2 class="h5 mb-0">// operation history</h2>
    </div>
    <div class="card-body p-0">
        <div class="history-loading text-muted text-center py-3">Loading...</div>
        <div class="history-empty text-muted text-center py-3" style="display: none">No operations yet</div>
        <ul class="list-group list-group-flush history-list" style="display: none"></ul>
    </div>
</div>

<script src="/static/js/components/file-history.js" defer></script>