<!-- Tasks + Activity Panel -->
<div class="bg-white rounded-xl border border-slate-200/60">
    <div class="px-4 pt-3 pb-1">
        <h3 class="text-[11px] font-semibold uppercase tracking-wider text-slate-400 mb-2">Tasks</h3>
        <div id="active-tasks" hx-get="/tasks/active" hx-trigger="load, every 3s" hx-swap="innerHTML">
            <p class="text-[12px] text-slate-400 py-0.5">No active tasks</p>
        </div>
    </div>
    <div class="border-t border-slate-100 mx-4"></div>
    <div class="px-4 pt-3 pb-3">
        {{template "activity.html" .}}
    </div>
</div>