feat(ui): draw pane frames, page keys and a scroll thumb

beefy_player/widgets/providers.py

@@ -30,24 +30,43 @@ class ProviderScreen(ModalScreen[str | None]):
         header.append("CATALOGUES", style=f"bold {gradient(SPECTRUM_STOPS, 0.55)}")
         header.append("  ·  pick a station catalogue", style="dim")
 
+        name_width = (
+            max(
+                (
+                    len(PROVIDERS[slug].name)
+                    for slug in self.slugs
+                    if slug in PROVIDERS
+                ),
+                default=12,
+            )
+            + 2
+        )
+
         rows: list[Text] = []
         for index, slug in enumerate(self.slugs):
             provider = PROVIDERS[slug]
             selected = index == self.index
             row = Text(no_wrap=True)
-            row.append("▶ " if selected else "  ", style="bold magenta" if selected else "")
-            row.append(f"{index + 1}  ", style="dim")
-            name_style = "bold underline" if selected else "bold"
-            row.append(f"{provider.name:<12}", style=name_style)
-            row.append(f" {provider.brand}", style="dim")
+            row.append(
+                "▶ " if selected else "  ", style="bold magenta" if selected else ""
+            )
+            row.append(f"{index + 1:>2}  ", style="dim")
+            row.append(
+                f"{truncate(provider.name, name_width - 2):<{name_width}}",
+                style="bold underline" if selected else "bold",
+            )
+            row.append(truncate(provider.brand, 14), style="dim")
             if slug == self.current_id:
                 row.append("  ●", style="bold green")
             rows.append(row)
-
-            detail = Text(no_wrap=True)
-            detail.append("     ", style="")
-            detail.append(truncate(provider.tagline, 54), style="italic dim")
-            rows.append(detail)
+            if selected:
+                rows.append(
+                    Text(
+                        "      " + truncate(provider.tagline, 54),
+                        style="italic dim",
+                        no_wrap=True,
+                    )
+                )
 
         current = PROVIDERS.get(self.current_id)
         footer = Text()
@@ -57,7 +76,7 @@ class ProviderScreen(ModalScreen[str | None]):
                 f"now: {current.name} — {current.station_source}\n", style="dim"
             )
         footer.append(
-            "↑ ↓ choose · 1–9 jump · enter switch · esc cancel",
+            "↑ ↓ choose · enter switch · esc cancel",
             style="dim",
         )
         return Group(header, Text(""), *rows, footer)