{selectedCardIds.size} selected { const val = e.currentTarget.value; if (val) bulkAction('move', { columnId: val }); e.currentTarget.value = ''; }} disabled={processing} class="text-sm rounded border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 px-2 py-1" > Move to... {#each columns as col} {col.title} {/each} bulkAction('archive')} disabled={processing} class="text-sm rounded bg-gray-100 dark:bg-gray-700 px-3 py-1.5 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600 transition disabled:opacity-50" > Archive {#if confirmDelete} bulkAction('delete')} disabled={processing} class="text-sm rounded bg-[var(--color-danger)] px-3 py-1.5 text-white hover:opacity-90 transition disabled:opacity-50" > Confirm Delete (confirmDelete = false)} class="text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200" > Cancel {:else} (confirmDelete = true)} disabled={processing} class="text-sm rounded px-3 py-1.5 text-[var(--color-danger)] hover:bg-red-50 dark:hover:bg-red-900/30 transition disabled:opacity-50" > Delete {/if} Done