refactor(settings): thematic tab regroup + accordion sub-sections + in-page search (closes #257) (#259)

* refactor(settings): regroup tabs thematically + accordion sub-sections (progress on #257) New tab structure: Servers (first) · Library · Audio · Lyrics · Appearance · Personalisation · Integrations · Input · Storage · System · Users. Reusable SettingsSubSection (native <details>) wraps related settings per tab, with an optional action slot for per-section reset buttons. Moved: - Lyrics sources + sidebar lyrics style → Lyrics - Sidebar / artist layout / home customisers → Personalisation - Last.fm / Discord / Bandsintown / Now-playing share → Integrations (with an opt-in privacy banner at the top) - Tray / minimize / Linux smooth-scroll → System (new App-Verhalten group) - Preload mini-player / custom titlebar / show artist images → Appearance visual options - Language picker → System Audio, Appearance and System tabs are now fully accordion-grouped. Library tab reduced to Random Mix + Ratings accordions. Servers tab is its own home (server cards + AudioMuse + logout) and the default landing tab. Indicators in the titlebar and offline banner route to the right tab. EN + DE translations added for the new tab labels and privacy banner; other locales fall back to English until the full i18n pass lands. * refactor(settings): audio/input/storage/system accordions, in-page search, Navidrome focus Settings refactor progress — every tab is now accordion-grouped: - Audio: Output · Hi-Res · EQ · Playback · Next-track buffer - Input: Keybindings · Global shortcuts (reset in accordion action slot) - Storage: Offline · Downloads - System: Language (default open) · Behavior · Backup · Logging · About · Contributors - Contributors: own card grid with per-contributor expand, sorted by contribution count. Changelog accordion removed (release-notes link and "show changelog on update" toggle now live inside About). - About: Navidrome focus; AI credit and Special Thanks removed; new Maintainers row (Psychotoxical + cucadmuh). In-page search: magnifier icon next to the Settings title. Click opens a 240px search field. Filters the active tab's sub-sections by title match (data-settings-search). Cross-tab search is tracked as a follow-up. serverCompatible updated in all 8 locales from "Compatible with: Navidrome Gonic Airsonic Subsonic" to a Navidrome-first wording that warns other Subsonic-compatible servers may have reduced functionality. Full i18n pass (tabLyrics/tabPersonalisation/tabIntegrations, aboutDesc, privacy banner, etc. in fr/nl/zh/nb/ru/es) follows in a separate commit after visual review. * i18n(settings): complete localisation pass for refactored tabs Added in all 8 locales (fr, nl, zh, nb, ru, es — en+de already in place): - Tab labels: tabLibrary, tabServers, tabLyrics, tabPersonalisation, tabIntegrations - inputKeybindingsTitle, searchPlaceholder, searchNoResults, aboutMaintainersLabel - integrationsPrivacyTitle, integrationsPrivacyBody - aboutContributorsCount_one/_other (ru also _few/_many for proper plural forms) - aboutDesc rewritten to describe a Navidrome-focused player instead of a generic Subsonic-compatible one. Removed dead keys in all 8 locales: - aboutAiCredit, aboutSpecialThanksLabel — no longer rendered - changelog — inline changelog accordion removed - tabServer, tabGeneral — superseded by new tab structure --------- Co-authored-by: Psychotoxical <dev@psysonic.app>
2026-07-22 07:15:47 +00:00 · 2026-04-22 02:25:56 +02:00
parent f6f76723d8
commit 2a496c600b
14 changed files with 1205 additions and 740 deletions
@@ -44,7 +44,7 @@ export default function ConnectionIndicator({ status, isLan, serverName }: Props

  const goServerSettings = () => {
    setMenuOpen(false);
-    navigate('/settings', { state: { tab: 'server' } });
+    navigate('/settings', { state: { tab: 'servers' } });
  };

  const onTriggerClick = () => {
@@ -18,7 +18,7 @@ export default function LastfmIndicator() {
    <div
      className="connection-indicator"
      style={{ cursor: 'pointer' }}
-      onClick={() => navigate('/settings', { state: { tab: 'server' } })}
+      onClick={() => navigate('/settings', { state: { tab: 'integrations' } })}
      data-tooltip={tooltip}
      data-tooltip-pos="bottom"
    >
@@ -23,7 +23,7 @@ export default function OfflineBanner({ onRetry, isChecking, showSettingsLink, s
      {showSettingsLink && (
        <button
          className="offline-banner-retry"
-          onClick={() => navigate('/settings', { state: { tab: 'server' } })}
+          onClick={() => navigate('/settings', { state: { tab: 'servers' } })}
        >
          <Settings size={12} />
          {t('connection.serverSettings')}
@@ -0,0 +1,60 @@
+import React, { useId } from 'react';
+import { ChevronDown } from 'lucide-react';
+
+interface SettingsSubSectionProps {
+  title: string;
+  icon?: React.ReactNode;
+  defaultOpen?: boolean;
+  description?: string;
+  searchText?: string;
+  // Rechts im Summary neben dem Chevron (z.B. Reset-Button). Clicks werden
+  // gestoppt, damit sie das Accordion nicht togglen.
+  action?: React.ReactNode;
+  children: React.ReactNode;
+}
+
+// Wird innerhalb eines Settings-Tabs als Accordion-Gruppe genutzt. Natives
+// <details> liefert Keyboard + ARIA gratis; der CSS-Stil setzt den Chevron
+// im Summary mittels [open]-Selektor.
+export default function SettingsSubSection({
+  title,
+  icon,
+  defaultOpen = false,
+  description,
+  searchText,
+  action,
+  children,
+}: SettingsSubSectionProps) {
+  const headingId = useId();
+  return (
+    <details
+      className="settings-sub-section"
+      data-settings-search={searchText ?? title}
+      open={defaultOpen}
+    >
+      <summary
+        className="settings-sub-section-summary"
+        aria-labelledby={headingId}
+      >
+        {icon && <span className="settings-sub-section-icon">{icon}</span>}
+        <span id={headingId} className="settings-sub-section-title">{title}</span>
+        {action && (
+          <span
+            className="settings-sub-section-action"
+            onClick={e => e.stopPropagation()}
+            onKeyDown={e => e.stopPropagation()}
+          >
+            {action}
+          </span>
+        )}
+        <ChevronDown size={16} className="settings-sub-section-chevron" aria-hidden="true" />
+      </summary>
+      {description && (
+        <p className="settings-sub-section-desc">{description}</p>
+      )}
+      <div className="settings-sub-section-content">
+        {children}
+      </div>
+    </details>
+  );
+}
@@ -476,7 +476,7 @@ export const deTranslation = {
    serverFailed: 'Verbindung fehlgeschlagen.',
    testBtn: 'Verbindung testen',
    testingBtn: 'Teste…',
-    serverCompatible: 'Kompatibel mit: Navidrome · Gonic · Airsonic · Subsonic',
+    serverCompatible: 'Für Navidrome entwickelt. Andere Subsonic-kompatible Server (Gonic, Airsonic, …) funktionieren ggf. eingeschränkt, weil Psysonic viele Navidrome-spezifische API-Endpunkte nutzt.',
    userMgmtTitle: 'Benutzerverwaltung',
    userMgmtDesc: 'Benutzer auf diesem Server verwalten. Erfordert Admin-Rechte.',
    userMgmtNoAdmin: 'Du brauchst Admin-Rechte, um Benutzer auf diesem Server zu verwalten.',
@@ -653,18 +653,16 @@ export const deTranslation = {
    clearFolder: 'Download-Ordner löschen',
    logout: 'Abmelden',
    aboutTitle: 'Über Psysonic',
-    aboutDesc: 'Ein moderner Desktop-Musikplayer für Subsonic-kompatible Server (Navidrome, Gonic u. a.). Basiert auf Tauri v2 mit einer nativen Rust-Audio-Engine — schlank und schnell, aber vollgepackt mit Features: Wellenform-Seekbar, synchronisierte Lyrics, Last.fm-Integration, 10-Band-EQ, Crossfade, nahtlose Wiedergabe, Replay Gain, Genre-Browser und eine große Theme-Bibliothek.',
+    aboutDesc: 'Ein moderner Desktop-Musikplayer für Navidrome. Nutzt die Subsonic-API plus Navidrome-spezifische Erweiterungen. Basiert auf Tauri v2 mit einer nativen Rust-Audio-Engine — schlank und schnell, aber vollgepackt mit Features: Wellenform-Seekbar, synchronisierte Lyrics, Last.fm-Integration, 10-Band-EQ, Crossfade, nahtlose Wiedergabe, Replay Gain, Genre-Browser und eine große Theme-Bibliothek.',
    aboutLicense: 'Lizenz',
    aboutLicenseText: 'GNU GPL v3 — kostenlos nutzbar, veränderbar und unter gleicher Lizenz weiterzugeben.',
    aboutRepo: 'Quellcode auf GitHub',
    aboutVersion: 'Version',
    aboutBuiltWith: 'Gebaut mit Tauri · React · TypeScript · Rust/rodio',
-    aboutAiCredit: 'Mit freundlicher Unterstützung von Claude Code by Anthropic',
+    aboutMaintainersLabel: 'Projektleitung',
    aboutReleaseNotesLabel: 'Release Notes',
    aboutReleaseNotesLink: 'Neuigkeiten dieser Version öffnen',
    aboutContributorsLabel: 'Mitwirkende',
-    aboutSpecialThanksLabel: 'Besonderer Dank',
-    changelog: 'Changelog',
    showChangelogOnUpdate: "'Was ist neu' bei Update anzeigen",
    showChangelogOnUpdateDesc: 'Blendet nach einem Update einen dezenten Changelog-Banner über Now Playing ein. Klick öffnet die Release Notes, X blendet ihn aus.',
    randomMixTitle: 'Zufallsmix',
@@ -677,6 +675,18 @@ export const deTranslation = {
    tabAudio: 'Audio',
    tabStorage: 'Speicher & Downloads',
    tabAppearance: 'Darstellung',
+    tabLibrary: 'Bibliothek',
+    tabServers: 'Server',
+    tabLyrics: 'Songtexte',
+    tabPersonalisation: 'Personalisierung',
+    tabIntegrations: 'Integrationen',
+    inputKeybindingsTitle: 'Tastenkombinationen',
+    aboutContributorsCount_one: '{{count}} Beitrag',
+    aboutContributorsCount_other: '{{count}} Beiträge',
+    searchPlaceholder: 'Einstellungen durchsuchen…',
+    searchNoResults: 'Keine passenden Einstellungen in diesem Tab. Probier einen anderen.',
+    integrationsPrivacyTitle: 'Hinweis zum Datenschutz',
+    integrationsPrivacyBody: 'Alle Integrationen auf diesem Tab sind <strong>Opt-in</strong> und senden, sobald aktiviert, Daten an externe Dienste oder an deinen Navidrome-Server. Last.fm erhält deinen Wiedergabeverlauf, Discord zeigt den aktuell laufenden Track in deinem Profil an, Bandsintown wird pro Künstler für Tour-Daten abgefragt, und der „Jetzt läuft"-Hinweis veröffentlicht deinen aktuellen Titel für andere Benutzer deines Navidrome-Servers. Wer das nicht möchte, lässt den jeweiligen Abschnitt einfach deaktiviert.',
    homeCustomizerTitle: 'Startseite',
    sidebarTitle: 'Seitenleiste',
    sidebarReset: 'Zurücksetzen',
@@ -693,7 +703,6 @@ export const deTranslation = {
    randomNavSplitTitle: 'Mix-Navigation aufteilen',
    randomNavSplitDesc: '"Zufallsmix" und "Zufallsalben" als separate Sidebar-Einträge statt als "Mix erstellen"-Hub anzeigen.',
    tabInput: 'Eingabe',
-    tabServer: 'Server',
    tabUsers: 'Benutzer',
    shortcutsReset: 'Auf Standard zurücksetzen',
    shortcutListening: 'Taste drücken…',
@@ -722,7 +731,6 @@ export const deTranslation = {
    loggingExport: 'Protokolle exportieren',
    loggingExportSuccess: 'Protokolle exportiert ({{count}} Zeilen).',
    loggingExportError: 'Protokolle konnten nicht exportiert werden.',
-    tabGeneral: 'Allgemein',
    ratingsSectionTitle: 'Bewertungen',
    ratingsSkipStarTitle: 'Skip → 1 Stern',
    ratingsSkipStarDesc:
@@ -478,7 +478,7 @@ export const enTranslation = {
    serverFailed: 'Connection failed.',
    testBtn: 'Test Connection',
    testingBtn: 'Testing…',
-    serverCompatible: 'Compatible with: Navidrome · Gonic · Airsonic · Subsonic',
+    serverCompatible: 'Built for Navidrome. Other Subsonic-compatible servers (Gonic, Airsonic, …) may work with reduced functionality, since Psysonic uses many Navidrome-specific API endpoints.',
    userMgmtTitle: 'User Management',
    userMgmtDesc: 'Manage users on this server. Requires admin privileges.',
    userMgmtNoAdmin: 'You need admin privileges to manage users on this server.',
@@ -655,18 +655,16 @@ export const enTranslation = {
    clearFolder: 'Clear download folder',
    logout: 'Logout',
    aboutTitle: 'About Psysonic',
-    aboutDesc: 'A modern desktop music player for Subsonic-compatible servers (Navidrome, Gonic, and others). Built on Tauri v2 with a native Rust audio engine — lightweight and fast, yet packed with features: waveform seekbar, synchronized lyrics, Last.fm integration, 10-band EQ, crossfade, gapless playback, Replay Gain, genre browsing, and a large library of themes.',
+    aboutDesc: 'A modern desktop music player built for Navidrome. Uses the Subsonic API plus Navidrome-specific extensions. Built on Tauri v2 with a native Rust audio engine — lightweight and fast, yet packed with features: waveform seekbar, synchronized lyrics, Last.fm integration, 10-band EQ, crossfade, gapless playback, Replay Gain, genre browsing, and a large library of themes.',
    aboutLicense: 'License',
    aboutLicenseText: 'GNU GPL v3 — free to use, modify, and distribute under the same license.',
    aboutRepo: 'Source Code on GitHub',
    aboutVersion: 'Version',
    aboutBuiltWith: 'Built with Tauri · React · TypeScript · Rust/rodio',
-    aboutAiCredit: 'Developed with the support of Claude Code by Anthropic',
+    aboutMaintainersLabel: 'Maintainers',
    aboutReleaseNotesLabel: 'Release notes',
    aboutReleaseNotesLink: "Open this version's what's-new",
    aboutContributorsLabel: 'Contributors',
-    aboutSpecialThanksLabel: 'Special Thanks',
-    changelog: 'Changelog',
    showChangelogOnUpdate: "Show 'What's New' on update",
    showChangelogOnUpdateDesc: "Show a discreet changelog banner above Now Playing after an update. Click opens the release notes; X dismisses it.",
    randomMixTitle: 'Random Mix',
@@ -679,6 +677,18 @@ export const enTranslation = {
    tabAudio: 'Audio',
    tabStorage: 'Storage & Downloads',
    tabAppearance: 'Appearance',
+    tabLibrary: 'Library',
+    tabServers: 'Servers',
+    tabLyrics: 'Lyrics',
+    tabPersonalisation: 'Personalisation',
+    tabIntegrations: 'Integrations',
+    inputKeybindingsTitle: 'Keyboard shortcuts',
+    aboutContributorsCount_one: '{{count}} contribution',
+    aboutContributorsCount_other: '{{count}} contributions',
+    searchPlaceholder: 'Search settings…',
+    searchNoResults: 'No matching settings in this tab. Try another tab.',
+    integrationsPrivacyTitle: 'Privacy notice',
+    integrationsPrivacyBody: 'All integrations on this tab are <strong>opt-in</strong> and send data to external services or to your Navidrome server when enabled. Last.fm receives your listening history, Discord shows the currently playing track in your profile, Bandsintown is queried per artist to fetch tour dates, and the Now-Playing share publishes your current track to other users of your Navidrome server. If you don\'t want any of this, simply leave the corresponding section disabled.',
    homeCustomizerTitle: 'Home Page',
    sidebarTitle: 'Sidebar',
    sidebarReset: 'Reset to default',
@@ -695,7 +705,6 @@ export const enTranslation = {
    randomNavSplitTitle: 'Split Mix navigation',
    randomNavSplitDesc: 'Show "Random Mix" and "Random Albums" as separate sidebar entries instead of the "Build a Mix" hub.',
    tabInput: 'Input',
-    tabServer: 'Server',
    tabUsers: 'Users',
    tabSystem: 'System',
    loggingTitle: 'Logging',
@@ -706,7 +715,6 @@ export const enTranslation = {
    loggingExport: 'Export logs',
    loggingExportSuccess: 'Logs exported ({{count}} lines).',
    loggingExportError: 'Could not export logs.',
-    tabGeneral: 'General',
    ratingsSectionTitle: 'Ratings',
    ratingsSkipStarTitle: 'Skip for 1 star',
    ratingsSkipStarDesc:
@@ -469,7 +469,7 @@ export const esTranslation = {
    serverFailed: 'Conexión fallida.',
    testBtn: 'Probar Conexión',
    testingBtn: 'Probando…',
-    serverCompatible: 'Compatible con: Navidrome · Gonic · Airsonic · Subsonic',
+    serverCompatible: 'Diseñado para Navidrome. Otros servidores compatibles con Subsonic (Gonic, Airsonic, …) pueden funcionar con funcionalidad reducida, ya que Psysonic utiliza muchos endpoints específicos de la API de Navidrome.',
    userMgmtTitle: 'Gestión de usuarios',
    userMgmtDesc: 'Administra los usuarios de este servidor. Requiere privilegios de administrador.',
    userMgmtNoAdmin: 'Necesitas privilegios de administrador para gestionar usuarios en este servidor.',
@@ -646,18 +646,15 @@ export const esTranslation = {
    clearFolder: 'Limpiar carpeta de descarga',
    logout: 'Cerrar Sesión',
    aboutTitle: 'Acerca de Psysonic',
-    aboutDesc: 'Un reproductor de música moderno para escritorio compatible con servidores Subsonic (Navidrome, Gonic y otros). Construido en Tauri v2 con motor de audio nativo en Rust — ligero y rápido, pero lleno de características: barra de progreso tipo onda, letras sincronizadas, integración Last.fm, ecualizador de 10 bandas, crossfade, reproducción gapless, Replay Gain, navegación por géneros, y una gran biblioteca de temas.',
+    aboutDesc: 'Un reproductor de música de escritorio moderno creado para Navidrome. Utiliza la API de Subsonic más extensiones específicas de Navidrome. Construido en Tauri v2 con motor de audio nativo en Rust — ligero y rápido, pero lleno de características: barra de progreso tipo onda, letras sincronizadas, integración Last.fm, ecualizador de 10 bandas, crossfade, reproducción gapless, Replay Gain, navegación por géneros, y una gran biblioteca de temas.',
    aboutLicense: 'Licencia',
    aboutLicenseText: 'GNU GPL v3 — libre para usar, modificar y distribuir bajo la misma licencia.',
    aboutRepo: 'Código Fuente en GitHub',
    aboutVersion: 'Versión',
    aboutBuiltWith: 'Construido con Tauri · React · TypeScript · Rust/rodio',
-    aboutAiCredit: 'Desarrollado con el apoyo de Claude Code by Anthropic',
    aboutReleaseNotesLabel: 'Notas de la versión',
    aboutReleaseNotesLink: 'Abrir las novedades de esta versión',
    aboutContributorsLabel: 'Contribuidores',
-    aboutSpecialThanksLabel: 'Agradecimientos Especiales',
-    changelog: 'Registro de Cambios',
    showChangelogOnUpdate: "Mostrar 'Novedades' al actualizar",
    showChangelogOnUpdateDesc: 'Muestra un discreto banner de changelog encima de Now Playing tras una actualización. Clic abre las notas de la versión; X lo oculta.',
    randomMixTitle: 'Mezcla Aleatoria',
@@ -670,6 +667,19 @@ export const esTranslation = {
    tabAudio: 'Audio',
    tabStorage: 'Almacenamiento y Descargas',
    tabAppearance: 'Apariencia',
+    tabLibrary: 'Biblioteca',
+    tabServers: 'Servidores',
+    tabLyrics: 'Letras',
+    tabPersonalisation: 'Personalización',
+    tabIntegrations: 'Integraciones',
+    inputKeybindingsTitle: 'Atajos de teclado',
+    aboutContributorsCount_one: '{{count}} contribución',
+    aboutContributorsCount_other: '{{count}} contribuciones',
+    searchPlaceholder: 'Buscar en ajustes…',
+    searchNoResults: 'No hay ajustes coincidentes en esta pestaña. Prueba con otra.',
+    aboutMaintainersLabel: 'Mantenedores',
+    integrationsPrivacyTitle: 'Aviso de privacidad',
+    integrationsPrivacyBody: 'Todas las integraciones de esta pestaña son <strong>opt-in</strong> y, una vez activadas, envían datos a servicios externos o a tu servidor Navidrome. Last.fm recibe tu historial de escucha, Discord muestra la pista actual en tu perfil, Bandsintown se consulta por artista para obtener fechas de gira, y la compartición «En reproducción» publica tu pista actual para otros usuarios de tu servidor Navidrome. Si no quieres nada de esto, simplemente deja desactivada la sección correspondiente.',
    homeCustomizerTitle: 'Página de Inicio',
    sidebarTitle: 'Barra Lateral',
    sidebarReset: 'Restablecer a predeterminado',
@@ -686,7 +696,6 @@ export const esTranslation = {
    randomNavSplitTitle: 'Dividir navegación Mix',
    randomNavSplitDesc: 'Mostrar "Mezcla Aleatoria" y "Álbumes Aleatorios" como entradas separadas en la barra lateral en lugar del hub "Crear Mezcla".',
    tabInput: 'Entrada',
-    tabServer: 'Servidor',
    tabUsers: 'Usuarios',
    tabSystem: 'Sistema',
    loggingTitle: 'Registro',
@@ -697,7 +706,6 @@ export const esTranslation = {
    loggingExport: 'Exportar logs',
    loggingExportSuccess: 'Logs exportados ({{count}} líneas).',
    loggingExportError: 'No se pudieron exportar los logs.',
-    tabGeneral: 'General',
    ratingsSectionTitle: 'Calificaciones',
    ratingsSkipStarTitle: 'Saltar para 1 estrella',
    ratingsSkipStarDesc:
@@ -466,7 +466,7 @@ export const frTranslation = {
    serverFailed: 'Connexion échouée.',
    testBtn: 'Tester la connexion',
    testingBtn: 'Test en cours…',
-    serverCompatible: 'Compatible avec : Navidrome · Gonic · Airsonic · Subsonic',
+    serverCompatible: 'Conçu pour Navidrome. Les autres serveurs compatibles Subsonic (Gonic, Airsonic, …) peuvent fonctionner avec des fonctionnalités réduites, car Psysonic utilise de nombreux endpoints d’API spécifiques à Navidrome.',
    userMgmtTitle: 'Gestion des utilisateurs',
    userMgmtDesc: 'Gérer les utilisateurs sur ce serveur. Nécessite des privilèges administrateur.',
    userMgmtNoAdmin: 'Vous devez être administrateur pour gérer les utilisateurs sur ce serveur.',
@@ -641,18 +641,15 @@ export const frTranslation = {
    clearFolder: 'Effacer le dossier',
    logout: 'Se déconnecter',
    aboutTitle: 'À propos de Psysonic',
-    aboutDesc: 'Un lecteur de musique de bureau moderne pour les serveurs compatibles Subsonic (Navidrome, Gonic, et autres). Construit sur Tauri v2 avec un moteur audio Rust natif — léger et rapide, mais riche en fonctionnalités : barre waveform, paroles synchronisées, intégration Last.fm, égaliseur 10 bandes, crossfade, lecture sans blanc, Replay Gain, navigation par genre et une grande bibliothèque de thèmes.',
+    aboutDesc: 'Un lecteur de musique de bureau moderne conçu pour Navidrome. Utilise l\'API Subsonic ainsi que des extensions spécifiques à Navidrome. Basé sur Tauri v2 avec un moteur audio Rust natif — léger et rapide, mais riche en fonctionnalités : barre waveform, paroles synchronisées, intégration Last.fm, égaliseur 10 bandes, crossfade, lecture sans blanc, Replay Gain, navigation par genre et une grande bibliothèque de thèmes.',
    aboutLicense: 'Licence',
    aboutLicenseText: 'GNU GPL v3 — libre d\'utilisation, de modification et de distribution sous la même licence.',
    aboutRepo: 'Code source sur GitHub',
    aboutVersion: 'Version',
    aboutBuiltWith: 'Construit avec Tauri · React · TypeScript · Rust/rodio',
-    aboutAiCredit: 'Développé avec le soutien de Claude Code par Anthropic',
    aboutReleaseNotesLabel: 'Notes de version',
    aboutReleaseNotesLink: 'Ouvrir les nouveautés de cette version',
    aboutContributorsLabel: 'Contributeurs',
-    aboutSpecialThanksLabel: 'Remerciements spéciaux',
-    changelog: 'Journal des modifications',
    showChangelogOnUpdate: "Afficher 'Quoi de neuf' lors des mises à jour",
    showChangelogOnUpdateDesc: "Affiche une bannière discrète du changelog au-dessus de Now Playing après une mise à jour. Un clic ouvre les notes de version, le X la masque.",
    randomMixTitle: 'Mix aléatoire',
@@ -665,6 +662,19 @@ export const frTranslation = {
    tabAudio: 'Audio',
    tabStorage: 'Stockage & Téléchargements',
    tabAppearance: 'Apparence',
+    tabLibrary: 'Bibliothèque',
+    tabServers: 'Serveurs',
+    tabLyrics: 'Paroles',
+    tabPersonalisation: 'Personnalisation',
+    tabIntegrations: 'Intégrations',
+    inputKeybindingsTitle: 'Raccourcis clavier',
+    aboutContributorsCount_one: '{{count}} contribution',
+    aboutContributorsCount_other: '{{count}} contributions',
+    searchPlaceholder: 'Rechercher dans les paramètres…',
+    searchNoResults: 'Aucun paramètre correspondant dans cet onglet. Essayez un autre onglet.',
+    aboutMaintainersLabel: 'Mainteneurs',
+    integrationsPrivacyTitle: 'Avis de confidentialité',
+    integrationsPrivacyBody: 'Toutes les intégrations de cet onglet sont <strong>facultatives</strong> et, une fois activées, envoient des données à des services externes ou à votre serveur Navidrome. Last.fm reçoit votre historique d\'écoute, Discord affiche le morceau en cours dans votre profil, Bandsintown est interrogé par artiste pour récupérer les dates de tournée, et le partage « En cours de lecture » publie votre morceau actuel auprès des autres utilisateurs de votre serveur Navidrome. Si vous ne voulez rien de tout cela, laissez simplement la section correspondante désactivée.',
    homeCustomizerTitle: 'Page d\'accueil',
    sidebarTitle: 'Barre latérale',
    sidebarReset: 'Réinitialiser',
@@ -681,7 +691,6 @@ export const frTranslation = {
    randomNavSplitTitle: 'Diviser la navigation Mix',
    randomNavSplitDesc: 'Afficher "Mix Aléatoire" et "Albums Aléatoires" comme entrées séparées dans la barre latérale plutôt que le hub "Créer un Mix".',
    tabInput: 'Entrée',
-    tabServer: 'Serveur',
    tabUsers: 'Utilisateurs',
    shortcutsReset: 'Réinitialiser',
    shortcutListening: 'Appuyez sur une touche…',
@@ -710,7 +719,6 @@ export const frTranslation = {
    loggingExport: 'Exporter les journaux',
    loggingExportSuccess: 'Journaux exportés ({{count}} lignes).',
    loggingExportError: 'Impossible d\'exporter les journaux.',
-    tabGeneral: 'Général',
    ratingsSectionTitle: 'Notes',
    ratingsSkipStarTitle: 'Passer pour 1 étoile',
    ratingsSkipStarDesc:
@@ -466,7 +466,7 @@ export const nbTranslation = {
    serverFailed: 'Tilkobling mislyktes.',
    testBtn: 'Test tilkobling',
    testingBtn: 'Tester…',
-    serverCompatible: 'Kompatibel med: Navidrome · Gonic · Airsonic · Subsonic',
+    serverCompatible: 'Laget for Navidrome. Andre Subsonic-kompatible servere (Gonic, Airsonic, …) kan fungere med begrenset funksjonalitet, fordi Psysonic bruker mange Navidrome-spesifikke API-endepunkter.',
    userMgmtTitle: 'Brukeradministrasjon',
    userMgmtDesc: 'Administrer brukere på denne serveren. Krever admin-rettigheter.',
    userMgmtNoAdmin: 'Du trenger admin-rettigheter for å administrere brukere på denne serveren.',
@@ -640,18 +640,15 @@ export const nbTranslation = {
    clearFolder: 'Tøm nedlastingsmappe',
    logout: 'Logg ut',
    aboutTitle: 'Om Psysonic',
-    aboutDesc: 'En moderne musikkspiller for Subsonic-kompatible tjenere (Navidrome, Gonic og andre). Bygget på Tauri v2 med en innebygd Rust-lydmotor - lett og rask, men fullpakket med funksjoner: bølgeform-søkelinje, synkroniserte sangtekster, Last.fm-integrasjon, 10-bånds jevnstiller, crossfade, gapless-avspilling, Replay Gain, sjangerlesing og et stort bibliotek med temaer.',
+    aboutDesc: 'En moderne musikkspiller laget for Navidrome. Bruker Subsonic-API-en pluss Navidrome-spesifikke utvidelser. Bygget på Tauri v2 med en innebygd Rust-lydmotor — lett og rask, men fullpakket med funksjoner: bølgeform-søkelinje, synkroniserte sangtekster, Last.fm-integrasjon, 10-bånds jevnstiller, crossfade, gapless-avspilling, Replay Gain, sjangerlesing og et stort bibliotek med temaer.',
    aboutLicense: 'Lisens',
    aboutLicenseText: 'GNU GPL v3 - gratis å bruke, endre og distribuere under samme lisens.',
    aboutRepo: 'Kildekode på GitHub',
    aboutVersion: 'Versjon',
    aboutBuiltWith: 'Bygget med Tauri · React · TypeScript · Rust/rodio',
-    aboutAiCredit: 'Utviklet med støtte fra Claude Code laget av Anthropic',
    aboutReleaseNotesLabel: 'Versjonsnotater',
    aboutReleaseNotesLink: 'Åpne nyhetene for denne versjonen',
    aboutContributorsLabel: 'Bidragsytere',
-    aboutSpecialThanksLabel: 'Spesiell takk',
-    changelog: 'Endringslogg',
    showChangelogOnUpdate: "Vis 'Hva er nytt' ved oppdatering til ny versjon",
    showChangelogOnUpdateDesc: "Viser et diskret changelog-banner over Now Playing etter en oppdatering. Klikk åpner versjonsnotatene; X skjuler det.",
    randomMixTitle: 'Tilfeldig miks',
@@ -663,7 +660,19 @@ export const nbTranslation = {
    randomMixHardcodedTitle: 'Innebygde nøkkelord (aktiv når avkrysningsboksen er på)',
    tabPlayback: 'Avspilling',
    tabLibrary: 'Bibliotek',
+    tabServers: 'Servere',
+    tabLyrics: 'Sangtekster',
+    tabPersonalisation: 'Personalisering',
+    tabIntegrations: 'Integrasjoner',
    tabAppearance: 'Utseende',
+    inputKeybindingsTitle: 'Tastatursnarveier',
+    aboutContributorsCount_one: '{{count}} bidrag',
+    aboutContributorsCount_other: '{{count}} bidrag',
+    searchPlaceholder: 'Søk i innstillinger…',
+    searchNoResults: 'Ingen treff i denne fanen. Prøv en annen fane.',
+    aboutMaintainersLabel: 'Ansvarlige',
+    integrationsPrivacyTitle: 'Personvern-merknad',
+    integrationsPrivacyBody: 'Alle integrasjoner på denne fanen er <strong>frivillige</strong> og sender, når aktivert, data til eksterne tjenester eller til Navidrome-serveren din. Last.fm mottar lyttehistorikken din, Discord viser gjeldende spor i profilen din, Bandsintown spørres per artist for turnédatoer, og "Spilles nå"-delingen publiserer gjeldende spor til andre brukere av Navidrome-serveren din. Hvis du ikke ønsker noe av dette, la den aktuelle seksjonen stå deaktivert.',
    homeCustomizerTitle: 'Hjemmeside',
    sidebarTitle: 'Sidefelt',
    sidebarReset: 'Tilbakestill til standard',
@@ -680,7 +689,6 @@ export const nbTranslation = {
    randomNavSplitTitle: 'Del Mix-navigasjon',
    randomNavSplitDesc: 'Vis "Tilfeldig miks" og "Tilfeldige album" som separate sidefeltsoppføringer i stedet for "Lag en miks"-huben.',
    tabShortcuts: 'Snarveier',
-    tabServer: 'Tjener',
    tabUsers: 'Brukere',
    tabSystem: 'System',
    loggingTitle: 'Loggføring',
@@ -691,7 +699,6 @@ export const nbTranslation = {
    loggingExport: 'Eksporter logger',
    loggingExportSuccess: 'Logger eksportert ({{count}} linjer).',
    loggingExportError: 'Kunne ikke eksportere logger.',
-    tabGeneral: 'Generelt',
    ratingsSectionTitle: 'Vurderinger',
    ratingsSkipStarTitle: 'Hopp for 1 stjerne',
    ratingsSkipStarDesc:
@@ -465,7 +465,7 @@ export const nlTranslation = {
    serverFailed: 'Verbinding mislukt.',
    testBtn: 'Verbinding testen',
    testingBtn: 'Testen…',
-    serverCompatible: 'Compatibel met: Navidrome · Gonic · Airsonic · Subsonic',
+    serverCompatible: 'Gemaakt voor Navidrome. Andere Subsonic-compatibele servers (Gonic, Airsonic, …) kunnen met beperkte functionaliteit werken, omdat Psysonic veel Navidrome-specifieke API-endpoints gebruikt.',
    userMgmtTitle: 'Gebruikersbeheer',
    userMgmtDesc: 'Beheer gebruikers op deze server. Vereist admin-rechten.',
    userMgmtNoAdmin: 'Je hebt admin-rechten nodig om gebruikers op deze server te beheren.',
@@ -640,18 +640,15 @@ export const nlTranslation = {
    clearFolder: 'Map wissen',
    logout: 'Uitloggen',
    aboutTitle: 'Over Psysonic',
-    aboutDesc: 'Een moderne desktopmuziekspeeler voor Subsonic-compatibele servers (Navidrome, Gonic en anderen). Gebouwd op Tauri v2 met een native Rust audio-engine — licht en snel, maar boordevol functies: golfvorm-zoekbalk, gesynchroniseerde songteksten, Last.fm-integratie, 10-bands equalizer, crossfade, naadloos afspelen, Replay Gain, genres en een uitgebreide themabibliotheek.',
+    aboutDesc: 'Een moderne desktopmuziekspeler gebouwd voor Navidrome. Gebruikt de Subsonic-API plus Navidrome-specifieke extensies. Gebouwd op Tauri v2 met een native Rust audio-engine — licht en snel, maar boordevol functies: golfvorm-zoekbalk, gesynchroniseerde songteksten, Last.fm-integratie, 10-bands equalizer, crossfade, naadloos afspelen, Replay Gain, genres en een uitgebreide themabibliotheek.',
    aboutLicense: 'Licentie',
    aboutLicenseText: 'GNU GPL v3 — vrij te gebruiken, wijzigen en verspreiden onder dezelfde licentie.',
    aboutRepo: 'Broncode op GitHub',
    aboutVersion: 'Versie',
    aboutBuiltWith: 'Gebouwd met Tauri · React · TypeScript · Rust/rodio',
-    aboutAiCredit: 'Ontwikkeld met ondersteuning van Claude Code door Anthropic',
    aboutReleaseNotesLabel: 'Release-notities',
    aboutReleaseNotesLink: 'Nieuws van deze versie openen',
    aboutContributorsLabel: 'Bijdragers',
-    aboutSpecialThanksLabel: 'Speciale dank',
-    changelog: 'Wijzigingslog',
    showChangelogOnUpdate: "'Wat is nieuw' tonen bij update",
    showChangelogOnUpdateDesc: 'Toont een discrete changelog-banner boven Now Playing na een update. Klik opent de release-notities; X verbergt hem.',
    randomMixTitle: 'Willekeurige mix',
@@ -664,6 +661,19 @@ export const nlTranslation = {
    tabAudio: 'Audio',
    tabStorage: 'Opslag & Downloads',
    tabAppearance: 'Weergave',
+    tabLibrary: 'Bibliotheek',
+    tabServers: 'Servers',
+    tabLyrics: 'Songteksten',
+    tabPersonalisation: 'Personalisatie',
+    tabIntegrations: 'Integraties',
+    inputKeybindingsTitle: 'Sneltoetsen',
+    aboutContributorsCount_one: '{{count}} bijdrage',
+    aboutContributorsCount_other: '{{count}} bijdragen',
+    searchPlaceholder: 'Instellingen zoeken…',
+    searchNoResults: 'Geen overeenkomende instellingen in dit tabblad. Probeer een ander tabblad.',
+    aboutMaintainersLabel: 'Beheerders',
+    integrationsPrivacyTitle: 'Privacyverklaring',
+    integrationsPrivacyBody: 'Alle integraties op dit tabblad zijn <strong>opt-in</strong> en sturen, eenmaal ingeschakeld, gegevens naar externe diensten of naar je Navidrome-server. Last.fm ontvangt je luistergeschiedenis, Discord toont het nu spelende nummer in je profiel, Bandsintown wordt per artiest bevraagd voor tourdatums, en de "Nu aan het afspelen"-deling publiceert je huidige nummer bij andere gebruikers van je Navidrome-server. Wil je dit niet, laat dan de bijbehorende sectie gewoon uitgeschakeld.',
    homeCustomizerTitle: 'Startpagina',
    sidebarTitle: 'Zijbalk',
    sidebarReset: 'Standaard herstellen',
@@ -680,7 +690,6 @@ export const nlTranslation = {
    randomNavSplitTitle: 'Mix-navigatie splitsen',
    randomNavSplitDesc: 'Toon "Willekeurige mix" en "Willekeurige albums" als afzonderlijke zijbalkitems in plaats van de "Mix samenstellen"-hub.',
    tabInput: 'Invoer',
-    tabServer: 'Server',
    tabUsers: 'Gebruikers',
    shortcutsReset: 'Standaard herstellen',
    shortcutListening: 'Druk op een toets…',
@@ -709,7 +718,6 @@ export const nlTranslation = {
    loggingExport: 'Logs exporteren',
    loggingExportSuccess: 'Logs geëxporteerd ({{count}} regels).',
    loggingExportError: 'Kon logs niet exporteren.',
-    tabGeneral: 'Algemeen',
    ratingsSectionTitle: 'Beoordelingen',
    ratingsSkipStarTitle: 'Overslaan voor 1 ster',
    ratingsSkipStarDesc:
@@ -489,7 +489,7 @@ export const ruTranslation = {
    serverFailed: 'Ошибка подключения.',
    testBtn: 'Проверить',
    testingBtn: 'Проверка…',
-    serverCompatible: 'Совместимость: Navidrome · Gonic · Airsonic · Subsonic',
+    serverCompatible: 'Разработано для Navidrome. Другие Subsonic-совместимые серверы (Gonic, Airsonic, …) могут работать с ограничениями, так как Psysonic использует много специфичных для Navidrome API-эндпоинтов.',
    userMgmtTitle: 'Управление пользователями',
    userMgmtDesc: 'Управляйте пользователями этого сервера. Требуются права администратора.',
    userMgmtNoAdmin: 'Для управления пользователями на этом сервере нужны права администратора.',
@@ -673,18 +673,15 @@ export const ruTranslation = {
    logout: 'Выйти',
    aboutTitle: 'О Psysonic',
    aboutDesc:
-      'Современный десктопный плеер для серверов с протоколом Subsonic (Navidrome, Gonic и др.). На Tauri v2 и нативном аудиодвижке на Rust — лёгкий и быстрый: волновая шкала, синхронные тексты, Last.fm, 10-полосный EQ, кроссфейд, воспроизведение без пауз, Replay Gain, жанры и много тем оформления.',
+      'Современный десктопный плеер, созданный для Navidrome. Использует API Subsonic плюс специфичные для Navidrome расширения. На Tauri v2 и нативном аудиодвижке на Rust — лёгкий и быстрый: волновая шкала, синхронные тексты, Last.fm, 10-полосный EQ, кроссфейд, воспроизведение без пауз, Replay Gain, жанры и много тем оформления.',
    aboutLicense: 'Лицензия',
    aboutLicenseText: 'GNU GPL v3 — свободное использование и изменение на тех же условиях.',
    aboutRepo: 'Исходный код на GitHub',
    aboutVersion: 'Версия',
    aboutBuiltWith: 'Tauri · React · TypeScript · Rust/rodio',
-    aboutAiCredit: 'При поддержке Claude Code (Anthropic)',
    aboutReleaseNotesLabel: 'Примечания к выпуску',
    aboutReleaseNotesLink: 'Открыть «Что нового» этой версии',
    aboutContributorsLabel: 'Участники',
-    aboutSpecialThanksLabel: 'Особая благодарность',
-    changelog: 'Список изменений',
    showChangelogOnUpdate: 'Показывать «Что нового» после обновления',
    showChangelogOnUpdateDesc: 'После обновления над «Сейчас играет» появится ненавязчивый баннер журнала изменений. Клик открывает заметки о выпуске, X скрывает.',
    randomMixTitle: 'Случайный микс',
@@ -698,6 +695,21 @@ export const ruTranslation = {
    tabAudio: 'Звук',
    tabStorage: 'Хранилище и загрузки',
    tabAppearance: 'Внешний вид',
+    tabLibrary: 'Библиотека',
+    tabServers: 'Серверы',
+    tabLyrics: 'Тексты песен',
+    tabPersonalisation: 'Персонализация',
+    tabIntegrations: 'Интеграции',
+    inputKeybindingsTitle: 'Горячие клавиши',
+    aboutContributorsCount_one: '{{count}} вклад',
+    aboutContributorsCount_few: '{{count}} вклада',
+    aboutContributorsCount_many: '{{count}} вкладов',
+    aboutContributorsCount_other: '{{count}} вклада',
+    searchPlaceholder: 'Поиск в настройках…',
+    searchNoResults: 'В этой вкладке нет подходящих настроек. Попробуйте другую вкладку.',
+    aboutMaintainersLabel: 'Сопровождающие',
+    integrationsPrivacyTitle: 'Уведомление о конфиденциальности',
+    integrationsPrivacyBody: 'Все интеграции на этой вкладке включаются <strong>по желанию</strong> и при активации отправляют данные во внешние сервисы или на ваш сервер Navidrome. Last.fm получает вашу историю прослушивания, Discord показывает текущую композицию в вашем профиле, Bandsintown опрашивается по артисту для получения дат гастролей, а «Сейчас играет» делится текущей композицией с другими пользователями вашего сервера Navidrome. Если вы не хотите ничего из этого, просто оставьте соответствующий раздел отключённым.',
    homeCustomizerTitle: 'Главная',
    sidebarTitle: 'Боковая панель',
    sidebarReset: 'Сбросить порядок',
@@ -714,7 +726,6 @@ export const ruTranslation = {
    randomNavSplitTitle: 'Разделить навигацию микса',
    randomNavSplitDesc: 'Показывать «Случайный микс» и «Случайные альбомы» как отдельные пункты боковой панели вместо хаба «Собрать микс».',
    tabInput: 'Ввод',
-    tabServer: 'Сервер',
    tabUsers: 'Пользователи',
    tabSystem: 'Система',
    loggingTitle: 'Логирование',
@@ -725,7 +736,6 @@ export const ruTranslation = {
    loggingExport: 'Экспорт логов',
    loggingExportSuccess: 'Логи экспортированы ({{count}} строк).',
    loggingExportError: 'Не удалось экспортировать логи.',
-    tabGeneral: 'Общие',
    ratingsSectionTitle: 'Рейтинги',
    ratingsSkipStarTitle: 'Скипнуть для 1 звезды',
    ratingsSkipStarDesc:
@@ -461,7 +461,7 @@ export const zhTranslation = {
    serverFailed: '连接失败。',
    testBtn: '测试连接',
    testingBtn: '正在测试…',
-    serverCompatible: '兼容：Navidrome · Gonic · Airsonic · Subsonic',
+    serverCompatible: '专为 Navidrome 构建。其他兼容 Subsonic 的服务器（Gonic、Airsonic 等）可能功能受限，因为 Psysonic 使用了许多 Navidrome 特有的 API 端点。',
    userMgmtTitle: '用户管理',
    userMgmtDesc: '管理此服务器上的用户。需要管理员权限。',
    userMgmtNoAdmin: '需要管理员权限才能管理此服务器上的用户。',
@@ -636,18 +636,15 @@ export const zhTranslation = {
    clearFolder: '清除下载文件夹',
    logout: '退出登录',
    aboutTitle: '关于 Psysonic',
-    aboutDesc: '适用于 Subsonic 兼容服务器（Navidrome、Gonic 等）的现代桌面音乐播放器。基于 Tauri v2 和原生 Rust 音频引擎构建——轻量快速，功能丰富：波形进度条、同步歌词、Last.fm 集成、10 段均衡器、交叉淡入淡出、无缝播放、响度增益、流派浏览以及大量精美主题。',
+    aboutDesc: '一款专为 Navidrome 构建的现代桌面音乐播放器。使用 Subsonic API 以及 Navidrome 特有的扩展。基于 Tauri v2 和原生 Rust 音频引擎——轻量快速，功能丰富：波形进度条、同步歌词、Last.fm 集成、10 段均衡器、交叉淡入淡出、无缝播放、响度增益、流派浏览以及大量精美主题。',
    aboutLicense: '许可证',
    aboutLicenseText: 'GNU GPL v3 — 在相同许可证下可自由使用、修改和分发。',
    aboutRepo: 'GitHub 上的源代码',
    aboutVersion: '版本',
    aboutBuiltWith: '使用 Tauri · React · TypeScript · Rust/rodio 构建',
-    aboutAiCredit: '在 Anthropic 的 Claude Code 支持下开发',
    aboutReleaseNotesLabel: '版本说明',
    aboutReleaseNotesLink: '打开此版本的新功能',
    aboutContributorsLabel: '贡献者',
-    aboutSpecialThanksLabel: '特别感谢',
-    changelog: '更新日志',
    showChangelogOnUpdate: '更新时显示"新功能"',
    showChangelogOnUpdateDesc: '更新后在「正在播放」上方显示一个低调的更新日志横幅。点击打开发行说明，X 按钮关闭。',
    randomMixTitle: '随机混音',
@@ -660,6 +657,19 @@ export const zhTranslation = {
    tabAudio: '音频',
    tabStorage: '存储与下载',
    tabAppearance: '外观',
+    tabLibrary: '媒体库',
+    tabServers: '服务器',
+    tabLyrics: '歌词',
+    tabPersonalisation: '个性化',
+    tabIntegrations: '集成',
+    inputKeybindingsTitle: '键盘快捷键',
+    aboutContributorsCount_one: '{{count}} 项贡献',
+    aboutContributorsCount_other: '{{count}} 项贡献',
+    searchPlaceholder: '搜索设置…',
+    searchNoResults: '此标签页中没有匹配的设置。请尝试其他标签页。',
+    aboutMaintainersLabel: '维护者',
+    integrationsPrivacyTitle: '隐私说明',
+    integrationsPrivacyBody: '此标签页中的所有集成均为 <strong>选择加入</strong>，启用后会向外部服务或您的 Navidrome 服务器发送数据。Last.fm 接收您的收听历史，Discord 在您的个人资料中显示正在播放的曲目，Bandsintown 会按艺人查询以获取巡演日期，"正在播放" 分享会向您 Navidrome 服务器的其他用户公开您当前的曲目。如果您不需要这些功能，只需将相应部分保持停用即可。',
    homeCustomizerTitle: '首页',
    sidebarTitle: '侧边栏',
    sidebarReset: '重置为默认',
@@ -676,7 +686,6 @@ export const zhTranslation = {
    randomNavSplitTitle: '拆分混音导航',
    randomNavSplitDesc: '在侧边栏中将"随机混音"和"随机专辑"显示为独立条目，而非"创建混音"合并入口。',
    tabInput: '输入',
-    tabServer: '服务器',
    tabUsers: '用户',
    tabSystem: '系统',
    loggingTitle: '日志记录',
@@ -687,7 +696,6 @@ export const zhTranslation = {
    loggingExport: '导出日志',
    loggingExportSuccess: '日志已导出（{{count}} 行）。',
    loggingExportError: '无法导出日志。',
-    tabGeneral: '通用',
    ratingsSectionTitle: '评分',
    ratingsSkipStarTitle: '跳过以评 1 星',
    ratingsSkipStarDesc:
@@ -2449,6 +2449,296 @@
  color: var(--text-primary);
 }

+/* ── Settings Sub-Section (Accordion) ──────────────────────────────────────
+   Gruppiert verwandte Einstellungen innerhalb eines Tabs. Nutzt <details>
+   fuer gratis Keyboard + ARIA. */
+.settings-sub-section {
+  background: var(--bg-card);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-lg);
+  margin-bottom: var(--space-3);
+  overflow: hidden;
+}
+
+.settings-sub-section-summary {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-3);
+  cursor: pointer;
+  list-style: none;
+  user-select: none;
+  transition: background 120ms ease;
+}
+
+.settings-sub-section-summary::-webkit-details-marker {
+  display: none;
+}
+
+.settings-sub-section-summary:hover {
+  background: color-mix(in srgb, var(--accent) 6%, transparent);
+}
+
+.settings-sub-section-icon {
+  display: inline-flex;
+  color: var(--accent);
+  flex-shrink: 0;
+}
+
+.settings-sub-section-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text-primary);
+  flex: 1;
+  min-width: 0;
+}
+
+.settings-sub-section-action {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.settings-sub-section-chevron {
+  color: var(--text-muted);
+  flex-shrink: 0;
+  transition: transform 180ms ease;
+}
+
+.settings-sub-section[open] > .settings-sub-section-summary .settings-sub-section-chevron {
+  transform: rotate(180deg);
+}
+
+.settings-sub-section-desc {
+  font-size: 12px;
+  color: var(--text-muted);
+  line-height: 1.5;
+  margin: 0;
+  padding: 0 var(--space-3) var(--space-2);
+}
+
+.settings-sub-section-content {
+  padding: var(--space-2) var(--space-3) var(--space-3);
+}
+
+/* Wenn das Accordion eine <section class="settings-section"> wrappt (Legacy-
+   Content, der noch seine eigenen Header traegt), blenden wir den internen
+   Section-Header aus — der Accordion-Summary uebernimmt dessen Rolle. */
+.settings-sub-section-content > .settings-section {
+  margin-bottom: 0;
+}
+.settings-sub-section-content > .settings-section > .settings-section-header {
+  display: none;
+}
+
+/* ── In-Page-Suche fuer Settings ─────────────────────────────────────────── */
+.settings-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-3);
+  margin-bottom: 1.5rem;
+}
+
+.settings-header .page-title {
+  margin-bottom: 0;
+}
+
+.settings-search {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.settings-search-wrap {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 240px;
+}
+
+.settings-search-icon {
+  position: absolute;
+  left: 10px;
+  color: var(--text-muted);
+  pointer-events: none;
+}
+
+.settings-search-input {
+  width: 100%;
+  padding: 6px 32px;
+  font-size: 13px;
+}
+
+.settings-search-clear {
+  position: absolute;
+  right: 6px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  background: transparent;
+  border: none;
+  color: var(--text-muted);
+  cursor: pointer;
+  transition: background 120ms ease, color 120ms ease;
+}
+
+.settings-search-clear:hover {
+  background: var(--bg-hover);
+  color: var(--text-primary);
+}
+
+.settings-sub-section--hidden {
+  display: none;
+}
+
+.settings-search-empty {
+  padding: var(--space-3) var(--space-4);
+  font-size: 13px;
+  color: var(--text-muted);
+  border-radius: var(--radius-md);
+  background: var(--bg-card);
+  border: 1px dashed var(--border-subtle);
+  text-align: center;
+}
+
+/* ── Mitwirkende: Card-Grid mit klappbaren Beitragslisten ────────────────── */
+.contributors-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  gap: var(--space-2);
+}
+
+.contributor-card {
+  background: var(--bg-elevated);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-md);
+  overflow: hidden;
+  transition: border-color 120ms ease, background 120ms ease;
+}
+
+.contributor-card[open] {
+  grid-column: 1 / -1;
+  background: color-mix(in srgb, var(--accent) 4%, var(--bg-elevated));
+  border-color: color-mix(in srgb, var(--accent) 35%, var(--border-subtle));
+}
+
+.contributor-card-summary {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-2) var(--space-3);
+  cursor: pointer;
+  list-style: none;
+  user-select: none;
+}
+
+.contributor-card-summary::-webkit-details-marker {
+  display: none;
+}
+
+.contributor-card-summary:hover {
+  background: color-mix(in srgb, var(--accent) 6%, transparent);
+}
+
+.contributor-card-avatar {
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.contributor-card-meta {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.contributor-card-name {
+  color: var(--accent);
+  font-weight: 600;
+  font-size: 13px;
+  cursor: pointer;
+  width: fit-content;
+}
+
+.contributor-card-name:hover {
+  text-decoration: underline;
+}
+
+.contributor-card-sub {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  font-size: 11px;
+  color: var(--text-muted);
+}
+
+.contributor-card-since {
+  background: var(--accent-dim);
+  color: var(--accent);
+  padding: 1px 6px;
+  border-radius: 99px;
+  font-weight: 600;
+}
+
+.contributor-card-chevron {
+  color: var(--text-muted);
+  flex-shrink: 0;
+  transition: transform 180ms ease;
+}
+
+.contributor-card[open] .contributor-card-chevron {
+  transform: rotate(180deg);
+}
+
+.contributor-card-list {
+  margin: 0;
+  padding: 0 var(--space-3) var(--space-3) calc(var(--space-3) + 40px);
+  font-size: 12px;
+  color: var(--text-secondary);
+  line-height: 1.7;
+}
+
+/* ── Datenschutz-Hinweis-Banner (z.B. oben im Integrations-Tab) ──────────── */
+.settings-privacy-notice {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--space-3);
+  padding: var(--space-3) var(--space-4);
+  margin-bottom: var(--space-4);
+  border-radius: var(--radius-lg);
+  background: color-mix(in srgb, var(--color-warning, #f59e0b) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--color-warning, #f59e0b) 40%, transparent);
+  color: var(--text-primary);
+}
+
+.settings-privacy-notice-icon {
+  color: var(--color-warning, #f59e0b);
+  flex-shrink: 0;
+  margin-top: 2px;
+}
+
+.settings-privacy-notice-title {
+  font-weight: 600;
+  font-size: 13px;
+  margin-bottom: var(--space-1);
+}
+
+.settings-privacy-notice-body {
+  font-size: 12px;
+  color: var(--text-secondary);
+  line-height: 1.55;
+}
+
+.settings-privacy-notice-body strong {
+  color: var(--text-primary);
+  font-weight: 600;
+}
+
 .settings-card {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);