// View toggle with localStorage persistence
(function() {
    function applyView(view) {
        var container = document.getElementById('items-container');
        if (container) {
            container.className = 'items-container items-' + view + '-view';
        }
        document.querySelectorAll('.view-btn').forEach(function(btn) {
            btn.classList.toggle('is-selected', btn.dataset.view === view);
        });
    }

    // Load saved preference on page load
    document.addEventListener('DOMContentLoaded', function() {
        var saved = safeStorageGet('projectViewPref') || 'grid';
        applyView(saved);
    });

    // Handle view button clicks
    document.querySelectorAll('.view-btn').forEach(function(btn) {
        btn.addEventListener('click', function() {
            var view = btn.dataset.view;
            applyView(view);
            safeStorageSet('projectViewPref', view);
        });
    });
})();