# ===== INFORMATIONAL BANNER =====
next_cleanup = get_next_cleanup_time()
countdown = format_cleanup_countdown(next_cleanup)

st.markdown(f"""
<div style="background-color: #e8f4f8; border-left: 5px solid #2196f3; padding: 15px; border-radius: 5px; margin-bottom: 20px;">
    <h3 style="margin-top: 0; color: #1565c0;">📊 Storage Monitor Dashboard</h3>
    <p style="margin: 10px 0;">
        <b>Purpose:</b> This dashboard helps you discover, monitor, and manage experiments and runs stored on the filesystem. 
        You can view disk usage, identify stale data, and organize experiments by assigning labels 
        (<span style="background-color: #ffd700; padding: 2px 6px; border-radius: 3px; font-weight: bold;">GOLD</span>,
        <span style="background-color: #ffcccc; padding: 2px 6px; border-radius: 3px; font-weight: bold;">TODELETE</span>,
        <span style="background-color: #fff3cd; padding: 2px 6px; border-radius: 3px; font-weight: bold;">HOLD</span>,
        <span style="background-color: #cce5ff; padding: 2px 6px; border-radius: 3px; font-weight: bold;">REVIEW</span>).
    </p>
    <p style="margin: 10px 0;">
        <b>Automated Cleanup:</b> A cron job runs every <b>Sunday night at 2:00 AM</b>. All experiments and runs marked with 
        the <span style="background-color: #ffcccc; padding: 2px 6px; border-radius: 3px; font-weight: bold;">TODELETE</span> or 
        <span style="background-color: #ffcccc; padding: 2px 6px; border-radius: 3px; font-weight: bold;">DELETE</span> labels will be permanently deleted from the filesystem. 
        A detailed audit log (<code>deleted_experiments.csv</code>) is maintained for record-keeping.
    </p>
    <p style="margin: 10px 0; color: #d32f2f;">
        ⚠️ <b>Important:</b> Items marked for deletion cannot be recovered. Make sure to review your selections before cleanup runs.
    </p>
    <p style="margin: 10px 0; background-color: #fff9c4; padding: 8px; border-radius: 3px; color: #f57f17; font-weight: bold;">
        ⏰ <b>Next Cleanup:</b> {next_cleanup.strftime('%A, %B %d at %I:%M %p')} ({countdown})
    </p>
</div>
""", unsafe_allow_html=True)