Explore Backgrounds {searchTerm ? `- "${searchTerm}"` : ''}

{#each ['All', 'Installed', 'Photos', 'Videos'] as tab} {/each}

{#if isLoading}

{#each Array(9) as _}

{/each}

{:else if error}

Error: {error}

{:else}

{#each filteredBackgrounds.filter((bg: Background) => { if (activeTab === 'installed') return savedBackgrounds.includes(bg.id); if (activeTab === 'photos') return bg.type === 'image'; if (activeTab === 'videos') return bg.type !== 'image'; return true; }) as background (background.id)}

toggleBackgroundInstallation(background)} onkeydown={(event) => { if (event.key === 'Enter' || event.key === ' ') { toggleBackgroundInstallation(background); } }} role="button" tabindex="0" > {#if background.type === 'image'} {background.name}

{:else}

{/if}

{#if installingBackgrounds.has(background.id)} {:else if savedBackgrounds.includes(background.id)} Remove {:else} Install {/if}

{/each}

{/if}

Debug Info:

{debugInfo}

Total backgrounds: {backgrounds.length}

Categories: {categories.join(', ') || ''}

Active Tab: {activeTab}

Selected Category: {selectedCategory}