@include(snippets/header)
<div class="pagewrapper">
<div id="main" class="messages-page">
    <div class="messages-header">
        <h2>{{ t('messages.page_title') }}</h2>
        <div class="messages-header-actions">
            <button class="dm-manage-keys-btn btn-small" title="Manage your encryption key for multi-device use">{{ t('messages.manage_keys') }}</button>
        </div>
    </div>

    <!-- Key notice banner (shown when a fresh key is generated) -->
    <div id="dm-key-notice" class="dm-key-notice" style="display:none;"></div>

    <div id="dm-inbox-list" class="dm-inbox-list">
        <div class="dm-loading">{{ t('messages.loading') }}</div>
    </div>
</div>
</div>
@include(snippets/footer)