{#each tabs as tab} {/each}

{#if activeTab === "servers"} {:else if activeTab === "general"}

{t("common.language")}

{t("settings.replaygain")}

{#if settings.replayGainMode !== "off"}

{t("settings.replaygain_preamp")} ({settings.replayGainPreamp} dB)

{/if}

{t("settings.scrobbling")}

{#if !settings.scrobbling}

{t("settings.scrobbling_status")}

{/if}

{t("state.now_playing")}

{t("common.lyrics")}

{t("common.controls")}

{t("common.loop")}

{t("common.miniplayer")}

{t("common.favorite")}

{t("common.rating")}

{t("common.time")}

{t("common.volume")}

{:else if activeTab === "appearance"}

{t("settings.motion")} (settings.motion = event.currentTarget.checked)} disabled={prefersReducedMotion.current} >

{t("settings.transparency")} (settings.transparency = event.currentTarget.checked)} disabled={prefersReducedTransparency.current} >

{t("settings.rounded_corners")}

{t("settings.cover_background")}

{#if settings.coverBackground !== "off"}

{t("settings.opacity")} ({Math.round(settings.coverBackgroundOpacity * 100)}%)

{t("settings.blur")} ({previews.coverBackgroundBlur}px)

(previews.coverBackgroundBlur = event.currentTarget.valueAsNumber)} onchange={(event) => (settings.coverBackgroundBlur = event.currentTarget.valueAsNumber)} >

{/if}

{t("settings.dynamic_colors")}

{t("settings.dynamic_favicon")}

{t("settings.transparent_borders")}

{t("settings.transparent_sidebar")}

{t("settings.sidebar_width")} ({Math.round(settings.sidebarWidth)}rem)

{#if !CSS.supports("font: -apple-system-body")}

{t("settings.font_size")} (previews.fontSize = event.currentTarget.value)} onchange={(event) => (settings.fontSize = event.currentTarget.value)} placeholder="1rem" >

{t("settings.font_family")} (previews.fontFamily = event.currentTarget.value)} onchange={(event) => (settings.fontFamily = event.currentTarget.value)} placeholder="ui-sans-serif, system-ui, sans-serif" >

{t("settings.font_family_monospace")} (previews.fontFamilyMonospace = event.currentTarget.value)} onchange={(event) => (settings.fontFamilyMonospace = event.currentTarget.value)} placeholder="ui-monospace, monospace" >

{/if}

{t("settings.icon_pack")}

{t("settings.icon_size")} ({previews.iconSize}px)

(previews.iconSize = event.currentTarget.valueAsNumber)} onchange={(event) => { const iconSize = event.currentTarget.valueAsNumber; settings.iconSize = iconSize; resetArtworkSizes(iconSize); }} >

{t("settings.artwork_sizes")}

{#each artSizes as item}

{t(item.labelKey)} ({previews[item.key]}px)

(previews[item.key] = event.currentTarget.valueAsNumber)} onchange={(event) => (settings[item.key] = event.currentTarget.valueAsNumber)} >

{/each}

{t("state.now_playing")}

{t("settings.visualizer")}

{#if settings.visualizer}

⚠️ {t("settings.webkit_warning")}

{t("settings.style")}

{t("settings.orientation")}

{t("settings.placement")}

{t("settings.center_text")}

{t("settings.location")}

{t("settings.size")} ({Math.round(settings.visualizerSize * 100)}%)

{t("settings.opacity")} ({Math.round(settings.visualizerOpacity * 100)}%)

{t("settings.blend_mode")}

{t("settings.overlay")}

{t("settings.bins")}

{t("settings.smoothing")} ({Math.round(settings.visualizerSmoothing * 100)}%)

{t("settings.stroke")} ({settings.visualizerStroke})

{/if}

{t("common.controls")}

{t("settings.progress_bar")}

{t("settings.volume_bar")}

{:else if activeTab === "columns"} {#each columnSettings as item}

{t(item.labelKey)}

{/each} {:else if activeTab === "data"} {#if storageUsage !== null}

{t("offline.storage_usage")} {formatBytes(storageUsage)}

ℹ️ {t("offline.storage_usage_desc")}

{/if}

{t("settings.transcoding")}

{#if settings.transcoding}

{#if settings.downloads}

⚠️ {t("settings.downloaded_songs_not_transcoded")}

{/if}

{t("settings.transcode_format")}

{t("settings.transcode_bitrate")} { const value = (e.currentTarget as HTMLInputElement).value; settings.transcodingBitrate = value === "" ? null : Number(value); }} placeholder="128" >

{/if}

{t("settings.downloads")}

{#if settings.downloads} {@const downloadCounts = offlineManager.downloadCounts}

{t("common.songs")} {downloadCounts.songs}

{t("common.albums")} {downloadCounts.albums}

{t("common.artists")} {downloadCounts.artists}

{t("common.playlists")} {downloadCounts.playlists}

{t("settings.auto_sync")}

{t("settings.auto_download")} { if (e.currentTarget.checked) { settings.transcoding = false; } }} >

{#if settings.downloadsAuto}

{#if settings.downloadsAutoSongs > 6}

⚠️ {t("settings.auto_download_high_warning")}

{/if}

{t("settings.auto_download_songs")} ({settings.downloadsAutoSongs})

{t("settings.auto_download_trigger")} ({settings.downloadsAutoTrigger === 0 ? t("settings.auto_download_start") : `${settings.downloadsAutoTrigger}%`})

{/if}

{t("offline.auto_delete")}

{#if settings.downloadsAutoDelete}

ℹ️ {t("offline.auto_delete_startup_notice")}

{t("offline.auto_delete_days")} {settings.downloadsAutoDeleteDays} {t( settings.downloadsAutoDeleteDays === 1 ? "common.day" : "common.days", )}

{/if}

{/if} {/if}