polish: Charts UI + sidebar categorie + prune Traxsource generi (v1.12.0)

- Charts CSS: .charts-filters[hidden] display:none !important, altrimenti
  la regola display:flex sovrascriveva l'attributo hidden e tutti i pannelli
  filtro delle 4 sorgenti erano visibili contemporaneamente
- Sidebar riorganizzata in 4 categorie (Scarica/Organizza/Altro/Sistema)
  con .nav-section-label uppercase piccole tra i gruppi
- Traxsource: rimossi 10 generi per cui il sito ha rimosso la playlist
  canonica "Top 100 <genre> of <month>" (broken-beat-nu-jazz, classic-house,
  drum-and-bass, electro-house, electronica, leftfield, lounge-chill-out,
  pop-dance, r-and-b-hip-hop, world). Dropdown ora mostra solo 13 generi
  con Top 100 attiva verificata

core/traxsource.py

@@ -14,30 +14,24 @@ from dataclasses import dataclass
 # Generi musicali Traxsource (slug -> (id, display_name)).
 # Aggiornato via scripts/refresh_traxsource_genres.py. Esclusi "sounds/samples/loops",
 # "acapella", "beats", "efx-dj-tools", "stems" (non generi ma tipi di prodotto).
+# NOTA (ago 2026): Traxsource ha rimosso la "Top 100 <genre>" per 10 generi minori
+# (broken-beat-nu-jazz, classic-house, drum-and-bass, electro-house, electronica,
+# leftfield, lounge-chill-out, pop-dance, r-and-b-hip-hop, world). Rimossi dal
+# dropdown finché non ripristinano la playlist canonica.
 GENRES: dict = {
     "afro-house": (27, "Afro House"),
     "afro-latin-brazilian": (23, "Afro / Latin / Brazilian"),
-    "broken-beat-nu-jazz": (2, "Broken Beat / Nu Jazz"),
-    "classic-house": (12, "Classic House"),
     "deep-house": (13, "Deep House"),
-    "drum-and-bass": (31, "Drum & Bass"),
-    "electro-house": (11, "Electro House"),
-    "electronica": (5, "Electronica"),
     "garage": (29, "Garage"),
     "house": (4, "House"),
     "jackin-house": (15, "Jackin House"),
-    "leftfield": (14, "Leftfield"),
-    "lounge-chill-out": (1, "Lounge / Chill Out"),
     "melodic-progressive-house": (19, "Melodic / Progressive House"),
     "minimal-deep-tech": (16, "Minimal / Deep Tech"),
     "nu-disco-indie-dance": (17, "Nu Disco / Indie Dance"),
-    "pop-dance": (32, "Pop Dance"),
-    "r-and-b-hip-hop": (6, "R&B / Hip Hop"),
     "soul-funk-disco": (3, "Soul / Funk / Disco"),
     "soulful-house": (24, "Soulful House"),
     "tech-house": (18, "Tech House"),
     "techno": (20, "Techno"),
-    "world": (30, "World"),
 }
 
 

webui/css/style.css

@@ -207,6 +207,17 @@ button, input, select, textarea { font-family: inherit; font-size: inherit; }
 }
 .nav::-webkit-scrollbar-thumb:hover { background: var(--bg-input-hover); }
 
+.nav-section-label {
+  padding: 12px 14px 6px;
+  font-size: 10px;
+  font-weight: 800;
+  letter-spacing: 1.2px;
+  text-transform: uppercase;
+  color: var(--text-3);
+  user-select: none;
+}
+.nav-section-label:first-child { padding-top: 4px; }
+
 .nav-item {
   display: flex;
   align-items: center;
@@ -2162,6 +2173,7 @@ input[type="number"]::-webkit-inner-spin-button {
   align-items: flex-start;
   margin-top: 8px;
 }
+.charts-filters[hidden] { display: none !important; }
 
 .charts-actions-row {
   display: flex;

webui/index.html

@@ -21,6 +21,7 @@
       <div class="divider"></div>
 
       <nav class="nav">
+        <div class="nav-section-label">Scarica</div>
         <button class="nav-item active" data-view="download" data-feature="audio">
           <span class="nav-icon">⬇</span>
           <span>Scarica</span>
@@ -29,14 +30,6 @@
           <span class="nav-icon">🎬</span>
           <span>Video</span>
         </button>
-        <button class="nav-item" data-view="beatport" data-feature="audio">
-          <span class="nav-icon">🎧</span>
-          <span>Beatport</span>
-        </button>
-        <button class="nav-item" data-view="traxsource" data-feature="audio">
-          <span class="nav-icon">▲</span>
-          <span>Traxsource</span>
-        </button>
         <button class="nav-item" data-view="spotify" data-feature="audio">
           <span class="nav-icon">🟢</span>
           <span>Spotify</span>
@@ -45,10 +38,20 @@
           <span class="nav-icon">▶</span>
           <span>YouTube</span>
         </button>
-        <button class="nav-item" data-view="convert" data-feature="audio">
-          <span class="nav-icon">🔄</span>
-          <span>Converti</span>
+        <button class="nav-item" data-view="beatport" data-feature="audio">
+          <span class="nav-icon">🎧</span>
+          <span>Beatport</span>
         </button>
+        <button class="nav-item" data-view="traxsource" data-feature="audio">
+          <span class="nav-icon">▲</span>
+          <span>Traxsource</span>
+        </button>
+        <button class="nav-item" data-view="charts" data-feature="audio">
+          <span class="nav-icon">📊</span>
+          <span>Charts</span>
+        </button>
+
+        <div class="nav-section-label">Organizza</div>
         <button class="nav-item" data-view="dedup" data-feature="audio">
           <span class="nav-icon">🗑</span>
           <span>Dedup</span>
@@ -61,22 +64,26 @@
           <span class="nav-icon">📤</span>
           <span>Appiattisci</span>
         </button>
-        <button class="nav-item" data-view="charts" data-feature="audio">
-          <span class="nav-icon">📊</span>
-          <span>Charts</span>
-        </button>
-        <button class="nav-item" data-view="upgrade" data-feature="upgrade">
-          <span class="nav-icon">⚡</span>
-          <span>Upgrade</span>
+        <button class="nav-item" data-view="convert" data-feature="audio">
+          <span class="nav-icon">🔄</span>
+          <span>Converti</span>
         </button>
         <button class="nav-item" data-view="meta" data-feature="metadata">
           <span class="nav-icon">🏷</span>
           <span>Metadati</span>
         </button>
+        <button class="nav-item" data-view="upgrade" data-feature="upgrade">
+          <span class="nav-icon">⚡</span>
+          <span>Upgrade</span>
+        </button>
+
+        <div class="nav-section-label">Altro</div>
         <button class="nav-item" data-view="record" data-feature="record">
           <span class="nav-icon">●</span>
           <span>Registra</span>
         </button>
+
+        <div class="nav-section-label">Sistema</div>
         <button class="nav-item" data-view="settings">
           <span class="nav-icon">⚙</span>
           <span>Impostazioni</span>