@ciphore/radiocli 0.1.8 → 0.1.9

package/CHANGELOG.md

@@ -7,6 +7,27 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.1.9] - 2026-07-03
+
+### Changed
+
+- Nearby station discovery is now enabled by default for new libraries, and the
+  `l` shortcut is limited to Overview, Nearby, and Settings so country lists
+  keep normal letter navigation.
+- Favorite changes from Library now appear in the footer message row instead of
+  displacing the main page status.
+- The listening stats activity graph now uses solid truecolor cell backgrounds
+  with tighter rendering on short terminals and fewer split color runs.
+
+### Fixed
+
+- Nearby keeps showing the last loaded station list when location lookup is
+  turned off or temporarily unavailable.
+- Long country names are truncated to one terminal row so dense country lists do
+  not wrap into nearby entries.
+- Pressing `b` from a country station list now returns to Countries before
+  falling back to Overview.
+
 ## [0.1.8] - 2026-07-02
 
 ### Changed
@@ -178,6 +199,7 @@ Initial public release.
 [0.1.6]: https://github.com/Ciphore/RadioCLI/releases/tag/v0.1.6
 [0.1.7]: https://github.com/Ciphore/RadioCLI/releases/tag/v0.1.7
 [0.1.8]: https://github.com/Ciphore/RadioCLI/releases/tag/v0.1.8
+[0.1.9]: https://github.com/Ciphore/RadioCLI/releases/tag/v0.1.9
 [0.1.4]: https://github.com/Ciphore/RadioCLI/releases/tag/v0.1.4
 [0.1.3]: https://github.com/Ciphore/RadioCLI/releases/tag/v0.1.3
 [0.1.2]: https://github.com/Ciphore/RadioCLI/releases/tag/v0.1.2

package/README.md

@@ -76,7 +76,7 @@ Live public radio from around the world
 
 3 recent · 2 favorites · 1 imported
 
-↑/↓ move · Enter open · number jump · : command
+↑/↓ move · Enter open · number jump · l location · : command
 ←/→ tabs · F7/F9 or ,/. station · F8 pause · t/v display · +/- volume · ? help · q quit
 ```
 

package/dist/storage/store.js

@@ -28,8 +28,7 @@ const stationSchema = z
     distanceKm: z.number().optional(),
     hls: z.boolean().optional(),
     lastCheckedOk: z.boolean().optional()
-})
-    .strict();
+});
 const defaultMediaKeys = {
     previous: [],
     playPause: [],
@@ -138,7 +137,7 @@ const settingsSchema = z.object({
     receiverStyleVersion: z.number().optional(),
     volume: z.number().min(0).max(100).default(70),
     enableRadioGarden: z.boolean().default(false),
-    enableNearbyLocation: z.boolean().default(false),
+    enableNearbyLocation: z.boolean().default(true),
     preferredBackend: z.enum(['auto', 'mpv', 'ffplay', 'vlc', 'airplay']).default('auto'),
     preferredAirPlayDevice: z.string().min(1).optional(),
     tuneTimeoutSeconds: z.number().min(3).max(45).default(12),
@@ -192,7 +191,7 @@ const librarySchema = z.object({
         receiverStyleVersion: 2,
         volume: 70,
         enableRadioGarden: false,
-        enableNearbyLocation: false,
+        enableNearbyLocation: true,
         preferredBackend: 'auto',
         tuneTimeoutSeconds: 12,
         skipBrokenStreams: true,
@@ -387,7 +386,7 @@ function defaultState() {
             receiverStyleVersion: 2,
             volume: 70,
             enableRadioGarden: false,
-            enableNearbyLocation: false,
+            enableNearbyLocation: true,
             preferredBackend: 'auto',
             tuneTimeoutSeconds: 12,
             skipBrokenStreams: true,

package/dist/ui/App.js

@@ -51,6 +51,7 @@ export function App({ store: providedStore, providers: providedProviders }) {
     const [screen, setScreen] = useState('home');
     const [selected, setSelected] = useState(0);
     const [message, setMessage] = useState(null);
+    const [footerMessage, setFooterMessage] = useState(null);
     const [countries, setCountries] = useState([]);
     const [countryFilter, setCountryFilter] = useState('');
     const [editingCountryFilter, setEditingCountryFilter] = useState(false);
@@ -88,6 +89,7 @@ export function App({ store: providedStore, providers: providedProviders }) {
     const exploreRequestRef = useRef(0);
     const exploreMoveTimerRef = useRef(null);
     const transientMessageTimerRef = useRef(null);
+    const transientFooterMessageTimerRef = useRef(null);
     const receiverPulseSnapshotRef = useRef(null);
     const theme = library.settings.theme;
     const displayMode = useMemo(() => resolveDisplayMode(library.settings), [library.settings.transparentBackground, library.settings.asciiMode, library.settings.reduceMotion]);
@@ -160,10 +162,11 @@ export function App({ store: providedStore, providers: providedProviders }) {
     displayStationsRef.current = displayStations;
     const sleepLabel = sleepUntil ? `Sleep ${formatTimeLeft(sleepUntil - Date.now())}` : 'Sleep off';
     const showPlaybackFooter = shouldShowPlaybackFooter(playingStation, playback);
+    const footerRows = showPlaybackFooter ? 4 : 3;
     const selectedAirPlayDevice = useMemo(() => availableAirPlayDevices.find(device => device.id === library.settings.preferredAirPlayDevice), [availableAirPlayDevices, library.settings.preferredAirPlayDevice]);
     const canEnterAirPlayCode = isAirPlayCodePromptActive(playback) ||
         Boolean(isAirPlayBackendAvailable(availableBackends) && selectedAirPlayDevice?.requiresPassword && !selectedAirPlayDevice.local);
-    const layout = computeTerminalLayout(columns, rows, showPlaybackFooter ? 3 : 2);
+    const layout = computeTerminalLayout(columns, rows, footerRows);
     const frameWidth = Math.max(40, layout.columns - 2);
     useEffect(() => player.onChange(setPlayback), [player]);
     const playingStationRef = useRef(null);
@@ -241,6 +244,9 @@ export function App({ store: providedStore, providers: providedProviders }) {
         if (transientMessageTimerRef.current) {
             clearTimeout(transientMessageTimerRef.current);
         }
+        if (transientFooterMessageTimerRef.current) {
+            clearTimeout(transientFooterMessageTimerRef.current);
+        }
     }, []);
     useEffect(() => {
         setSelected(value => clamp(value, currentItemCount(screen) - 1));
@@ -321,6 +327,9 @@ export function App({ store: providedStore, providers: providedProviders }) {
         selectedByScreenRef.current[screenRef.current] = selectedRef.current;
         const remembered = selectedByScreenRef.current[next] ?? 0;
         const nextSelection = options.resetSelection ? 0 : remembered;
+        if (next === 'now-playing' && screenRef.current !== 'now-playing') {
+            setPulse(0);
+        }
         setScreen(next);
         setSelected(clamp(nextSelection, (itemCountsRef.current[next] ?? 0) - 1));
         if (options.clearMessage !== false) {
@@ -500,6 +509,10 @@ export function App({ store: providedStore, providers: providedProviders }) {
         go('nearby', { resetSelection: stationContextsRef.current.nearby.stations.length === 0 });
         try {
             if (!settingsRef.current.enableNearbyLocation) {
+                if (stationContextsRef.current.nearby.stations.length > 0) {
+                    setMessage('Nearby location lookup is off. Showing the last nearby station list.');
+                    return;
+                }
                 setStationContextFor('nearby', {
                     title: 'Nearby',
                     subtitle: 'IP-based location is off. Enable it in Settings or use :location on.',
@@ -510,6 +523,10 @@ export function App({ store: providedStore, providers: providedProviders }) {
             const detected = location ?? (await providers.detectLocation());
             setLocation(detected);
             if (!detected) {
+                if (stationContextsRef.current.nearby.stations.length > 0) {
+                    setMessage('Location detection is unavailable. Showing the last nearby station list.');
+                    return;
+                }
                 setStationContextFor('nearby', {
                     title: 'Nearby',
                     subtitle: 'Location detection was unavailable',
@@ -617,6 +634,16 @@ export function App({ store: providedStore, providers: providedProviders }) {
         }
     }, [playStation, store]);
     playStationRef.current = playStation;
+    const showTransientFooterMessage = useCallback((nextMessage) => {
+        if (transientFooterMessageTimerRef.current) {
+            clearTimeout(transientFooterMessageTimerRef.current);
+        }
+        setFooterMessage(nextMessage);
+        transientFooterMessageTimerRef.current = setTimeout(() => {
+            setFooterMessage(currentMessage => currentMessage === nextMessage ? null : currentMessage);
+            transientFooterMessageTimerRef.current = null;
+        }, VISUALIZER_MESSAGE_MS);
+    }, []);
     const toggleFavorite = useCallback((station) => {
         if (!station) {
             setMessage('Select or play a station before pressing f.');
@@ -624,12 +651,18 @@ export function App({ store: providedStore, providers: providedProviders }) {
         }
         const wasFavorite = store.isFavorite(station);
         setLibrary(store.toggleFavorite(station));
-        setMessage(`${wasFavorite ? 'Removed from' : 'Added to'} favorites: ${station.name}`);
+        const favoriteMessage = `${wasFavorite ? 'Removed from' : 'Added to'} favorites: ${station.name}`;
+        if (screenRef.current === 'library') {
+            showTransientFooterMessage(favoriteMessage);
+        }
+        else {
+            setMessage(favoriteMessage);
+        }
         if (!wasFavorite) {
             // Best-effort upvote back to the directory; never blocks favoriting.
             void providers.vote(station);
         }
-    }, [providers, store]);
+    }, [providers, showTransientFooterMessage, store]);
     const showControlResult = useCallback((result) => {
         if (!result.ok && result.message) {
             setMessage(result.message);
@@ -1016,7 +1049,7 @@ export function App({ store: providedStore, providers: providedProviders }) {
         playbackBackend: playback.backend,
         screen
     });
-    return (_jsx(DisplayContext.Provider, { value: displayMode, children: _jsxs(Box, { flexDirection: "column", paddingX: 1, height: layout.rows, width: layout.columns, overflow: "hidden", backgroundColor: displayMode.app, children: [hasTopTabs ? (_jsx(Box, { height: 3, marginBottom: 1, flexShrink: 0, backgroundColor: displayMode.app, children: _jsx(TopTabs, { tabs: topTabs, active: activeTabForScreen(screen), theme: theme, width: frameWidth, rightLabel: `${playbackBackendLabel(playback.backend)} · ${playback.state}` }) })) : null, _jsxs(Box, { height: layout.contentRows, width: frameWidth, flexDirection: "column", overflowY: "hidden", flexShrink: 0, backgroundColor: displayMode.app, children: [_jsx(AppContent, { airPlayDevices: availableAirPlayDevices, airPlayCode: airPlayCode, backends: availableBackends, countryFilter: countryFilter, diagnostics: diagnostics, displayStations: displayStations, editingCountryFilter: editingCountryFilter, editingSearch: editingSearch, favoriteKeys: favoriteKeys, filterLabel: filterLabel, filteredCountries: filteredCountries, frameWidth: frameWidth, layout: layout, library: library, loadingCountries: loadingCountries, loadingStations: loadingStations, nowPlaying: nowPlaying, playback: playback, playingStation: playingStation, providerHealth: providerHealth, pulse: pulse, searchQuery: searchQuery, screen: screen, selected: selected, showDiagnostics: showDiagnostics, sleepLabel: sleepLabel, stationContext: stationContext, exploreCursor: exploreCursor, stationFavorite: store.isFavorite(playingStation), stationTime: stationApproximateTime(playingStation), storePath: store.filePath, theme: theme }), _jsx(Box, { height: 1, children: message ? _jsx(Text, { color: themeAccent(theme), children: truncate(message, frameWidth) }) : null })] }), _jsxs(Box, { height: layout.footerRows, width: frameWidth, flexDirection: "column", flexShrink: 0, backgroundColor: displayMode.panel, children: [playbackFooter ? _jsx(Text, { color: themeAccent(theme), children: playbackFooter }) : null, _jsx(Text, { color: commandMode || capturingTransportAction ? themeAccent(theme) : textMuted, children: truncate(pageFooter, frameWidth) }), _jsx(Text, { color: textDim, children: truncate(globalFooter, frameWidth) })] })] }) }));
+    return (_jsx(DisplayContext.Provider, { value: displayMode, children: _jsxs(Box, { flexDirection: "column", paddingX: 1, height: layout.rows, width: layout.columns, overflow: "hidden", backgroundColor: displayMode.app, children: [hasTopTabs ? (_jsx(Box, { height: 3, marginBottom: 1, flexShrink: 0, backgroundColor: displayMode.app, children: _jsx(TopTabs, { tabs: topTabs, active: activeTabForScreen(screen), theme: theme, width: frameWidth, rightLabel: `${playbackBackendLabel(playback.backend)} · ${playback.state}` }) })) : null, _jsxs(Box, { height: layout.contentRows, width: frameWidth, flexDirection: "column", overflowY: "hidden", flexShrink: 0, backgroundColor: displayMode.app, children: [_jsx(AppContent, { airPlayDevices: availableAirPlayDevices, airPlayCode: airPlayCode, backends: availableBackends, countryFilter: countryFilter, diagnostics: diagnostics, displayStations: displayStations, editingCountryFilter: editingCountryFilter, editingSearch: editingSearch, favoriteKeys: favoriteKeys, filterLabel: filterLabel, filteredCountries: filteredCountries, frameWidth: frameWidth, layout: layout, library: library, loadingCountries: loadingCountries, loadingStations: loadingStations, nowPlaying: nowPlaying, playback: playback, playingStation: playingStation, providerHealth: providerHealth, pulse: pulse, searchQuery: searchQuery, screen: screen, selected: selected, showDiagnostics: showDiagnostics, sleepLabel: sleepLabel, stationContext: stationContext, exploreCursor: exploreCursor, stationFavorite: store.isFavorite(playingStation), stationTime: stationApproximateTime(playingStation), storePath: store.filePath, theme: theme }), _jsx(Box, { height: 1, children: message ? _jsx(Text, { color: themeAccent(theme), children: truncate(message, frameWidth) }) : null })] }), _jsxs(Box, { height: layout.footerRows, width: frameWidth, flexDirection: "column", flexShrink: 0, backgroundColor: displayMode.app, children: [_jsx(Text, { color: themeAccent(theme), children: footerMessage ? truncate(footerMessage, frameWidth) : ' ' }), playbackFooter ? _jsx(Text, { color: themeAccent(theme), children: playbackFooter }) : null, _jsx(Text, { color: commandMode || capturingTransportAction ? themeAccent(theme) : textMuted, children: truncate(pageFooter, frameWidth) }), _jsx(Text, { color: textDim, children: truncate(globalFooter, frameWidth) })] })] }) }));
 }
 function buildLibraryStations(library) {
     const stations = [];

package/dist/ui/app-state.js

@@ -173,6 +173,9 @@ export function stationContextKeyForScreen(screen) {
 export function shouldAnimateReceiver(screen, playback) {
     return screen === 'now-playing' && playback.state === 'playing' && playback.ready;
 }
+export function shouldToggleNearbyLocationShortcut(input, screen) {
+    return input === 'l' && (screen === 'home' || screen === 'nearby' || screen === 'settings');
+}
 export function nextReceiverPulse(pulse) {
     return pulse + 1;
 }

package/dist/ui/components/Menu.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 export function Menu({ items, selected, keyFor, render }) {
-    return (_jsx(Box, { flexDirection: "column", children: items.map((item, position) => (_jsx(Box, { children: render(item, position, position === selected) }, keyFor?.(item, position) ?? defaultMenuKey(item)))) }));
+    const activeIndex = items.length > 0 ? Math.min(Math.max(selected, 0), items.length - 1) : -1;
+    return (_jsx(Box, { flexDirection: "column", children: items.map((item, position) => (_jsx(Box, { children: render(item, position, position === activeIndex) }, keyFor?.(item, position) ?? defaultMenuKey(item)))) }));
 }
 export function Pointer({ active }) {
     return _jsx(Text, { bold: active, children: active ? '> ' : '  ' });

package/dist/ui/components/TopTabs.js

@@ -5,7 +5,7 @@ import { useDisplay } from '../display-context.js';
 import { truncate } from '../format.js';
 export function TopTabs({ tabs, active, theme, width, rightLabel }) {
     const accent = themeAccent(theme);
-    const { panel: panelBackground, ascii } = useDisplay();
+    const { app: background, ascii } = useDisplay();
     const box = ascii
         ? { tl: '+', tr: '+', bl: '+', br: '+', h: '-', v: '|' }
         : { tl: '┌', tr: '┐', bl: '└', br: '┘', h: '─', v: '│' };
@@ -20,7 +20,7 @@ export function TopTabs({ tabs, active, theme, width, rightLabel }) {
     const visibleTabs = fitTabs(tabs, active, tabsAvailableWidth);
     const visibleTabsWidth = tabsWidth(visibleTabs);
     const tabPaddingWidth = Math.max(0, bodyWidth - visibleTabsWidth - (canShowRight ? rightText.length : 0));
-    return (_jsxs(Box, { flexDirection: "column", backgroundColor: panelBackground, width: width, children: [_jsxs(Text, { backgroundColor: panelBackground, children: [_jsxs(Text, { color: panelBorder, children: [box.tl, " "] }), _jsx(Text, { color: accent, bold: true, children: brand }), _jsxs(Text, { color: panelBorder, children: [" ", box.h.repeat(titleRuleWidth), box.tr] })] }), _jsxs(Text, { backgroundColor: panelBackground, children: [_jsxs(Text, { color: panelBorder, children: [box.v, " "] }), visibleTabs.map((item, index) => (_jsxs(Text, { children: [item.type === 'overflow' ? (_jsx(Text, { color: textMuted, children: "\u2026" })) : (_jsx(Text, { color: item.tab.screen === active ? accent : textMuted, bold: item.tab.screen === active, children: item.tab.label })), index < visibleTabs.length - 1 ? _jsxs(Text, { color: textMuted, children: [" ", box.v, " "] }) : null] }, item.type === 'overflow' ? `${item.side}-overflow` : item.tab.screen))), _jsx(Text, { children: ' '.repeat(tabPaddingWidth) }), canShowRight ? _jsx(Text, { color: textMuted, children: rightText }) : null, _jsxs(Text, { color: panelBorder, children: [" ", box.v] })] }), _jsxs(Text, { backgroundColor: panelBackground, color: panelBorder, children: [box.bl, box.h.repeat(Math.max(0, width - 2)), box.br] })] }));
+    return (_jsxs(Box, { flexDirection: "column", backgroundColor: background, width: width, children: [_jsxs(Text, { backgroundColor: background, children: [_jsxs(Text, { color: panelBorder, children: [box.tl, " "] }), _jsx(Text, { color: accent, bold: true, children: brand }), _jsxs(Text, { color: panelBorder, children: [" ", box.h.repeat(titleRuleWidth), box.tr] })] }), _jsxs(Text, { backgroundColor: background, children: [_jsxs(Text, { color: panelBorder, children: [box.v, " "] }), visibleTabs.map((item, index) => (_jsxs(Text, { children: [item.type === 'overflow' ? (_jsx(Text, { color: textMuted, children: "\u2026" })) : (_jsx(Text, { color: item.tab.screen === active ? accent : textMuted, bold: item.tab.screen === active, children: item.tab.label })), index < visibleTabs.length - 1 ? _jsxs(Text, { color: textMuted, children: [" ", box.v, " "] }) : null] }, item.type === 'overflow' ? `${item.side}-overflow` : item.tab.screen))), _jsx(Text, { children: ' '.repeat(tabPaddingWidth) }), canShowRight ? _jsx(Text, { color: textMuted, children: rightText }) : null, _jsxs(Text, { color: panelBorder, children: [" ", box.v] })] }), _jsxs(Text, { backgroundColor: background, color: panelBorder, children: [box.bl, box.h.repeat(Math.max(0, width - 2)), box.br] })] }));
 }
 function fitTabs(tabs, active, maxWidth) {
     const all = tabs.map(tab => ({ type: 'tab', tab }));

package/dist/ui/layout.js

@@ -7,6 +7,7 @@ export function computeTerminalLayout(columns = 100, rows = 30, footerRows = 2)
     const contentRows = Math.max(1, safeRows - reservedFooterRows - topRows);
     const mapMode = safeColumns >= 88 && contentRows >= 24 ? 'full' : 'compact';
     const stationRows = clamp(contentRows - 6, 1, 48);
+    const countryRows = clamp(contentRows - 5, 1, 64);
     return {
         columns: safeColumns,
         rows: safeRows,
@@ -14,7 +15,7 @@ export function computeTerminalLayout(columns = 100, rows = 30, footerRows = 2)
         topRows,
         contentRows,
         stationRows: compact ? 0 : stationRows,
-        countryRows: compact ? 0 : Math.max(1, contentRows - 4),
+        countryRows: compact ? 0 : countryRows,
         mapCountryRows: compact ? 0 : Math.max(1, contentRows - (mapMode === 'full' ? 25 : 14)),
         mapMode,
         receiverWidth: compact ? safeColumns : Math.max(62, safeColumns - 4),

package/dist/ui/page-footer.js

@@ -7,7 +7,7 @@ export function pageFooterText({ capturingTransportAction, commandMode, commandT
         return `COMMAND :${commandText}`;
     }
     if (screen === 'home') {
-        return '↑/↓ move · Enter open · number jump · : command';
+        return '↑/↓ move · Enter open · number jump · l location · : command';
     }
     if (screen === 'search' && editingSearch) {
         return 'Type query · ↑/↓ move results · Ctrl+↑/↓ history · Enter search/tune · Esc finish';
@@ -27,9 +27,10 @@ export function pageFooterText({ capturingTransportAction, commandMode, commandT
     if (screen === 'explore') {
         return 'Click map · WASD fine move · Shift+WASD jump · ↑/↓ station · Enter tune · f favorite · b home';
     }
-    if (screen === 'nearby' ||
-        screen === 'stations' ||
-        screen === 'library') {
+    if (screen === 'nearby') {
+        return '↑/↓ or n/p move · Enter tune · f favorite · l location · [/] page · b home';
+    }
+    if (screen === 'stations' || screen === 'library') {
         return '↑/↓ or n/p move · Enter tune · f favorite · [/] page · b home';
     }
     if (screen === 'now-playing') {

package/dist/ui/screens/CountriesScreen.js

@@ -4,7 +4,13 @@ import { Menu, Pointer } from '../components/Menu.js';
 import { ScreenHeader } from '../components/ScreenHeader.js';
 import { textMuted, themeAccent } from '../theme.js';
 import { visibleWindow } from '../list-window.js';
+import { truncate } from '../format.js';
 export function CountriesScreen({ countries, selected, loading, filter, editingFilter, theme, pageSize, width }) {
     const window = visibleWindow(countries, selected, pageSize);
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "Countries", subtitle: editingFilter ? 'Filtering countries — type to narrow the list' : 'Browse the worldwide country directory', width: width, theme: theme, right: `filter: ${filter || 'all'}` }), loading ? _jsx(Text, { color: textMuted, children: "Loading countries from Radio Browser\u2026" }) : null, !loading ? (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: textMuted, children: ["Showing ", countries.length ? window.start + 1 : 0, "-", window.end, " of ", countries.length] }), _jsx(Menu, { items: window.items, selected: selected - window.start, keyFor: country => country.code, render: (country, _index, active) => (_jsxs(Box, { children: [_jsx(Pointer, { active: active }), _jsx(Text, { color: active ? themeAccent(theme) : undefined, bold: active, children: country.name }), _jsxs(Text, { color: textMuted, children: [" \u00B7 ", country.code, " \u00B7 ", country.stationCount.toLocaleString(), " stations"] })] })) })] })) : null] }));
+    const rowWidth = Math.max(24, width - 2);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "Countries", subtitle: editingFilter ? 'Filtering countries — type to narrow the list' : 'Browse the worldwide country directory', width: width, theme: theme, right: `filter: ${filter || 'all'}` }), loading ? _jsx(Text, { color: textMuted, children: "Loading countries from Radio Browser\u2026" }) : null, !loading ? (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: textMuted, children: ["Showing ", countries.length ? window.start + 1 : 0, "-", window.end, " of ", countries.length] }), _jsx(Menu, { items: window.items, selected: selected - window.start, keyFor: country => country.code, render: (country, _index, active) => {
+                            const meta = ` · ${country.code} · ${country.stationCount.toLocaleString()} stations`;
+                            const nameWidth = Math.max(4, rowWidth - 2 - meta.length);
+                            return (_jsxs(Box, { height: 1, width: rowWidth, children: [_jsx(Pointer, { active: active }), _jsx(Text, { color: active ? themeAccent(theme) : undefined, bold: active, children: truncate(country.name, nameWidth) }), _jsx(Text, { color: textMuted, children: truncate(meta, Math.max(0, rowWidth - 2 - nameWidth)) })] }));
+                        } })] })) : null] }));
 }

package/dist/ui/screens/StatsScreen.js

@@ -9,37 +9,54 @@ import { truncate } from '../format.js';
 const monthLabels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
 const dayLabelWidth = 5;
 const heatmapCellOptions = [
-    { cell: '  ', gap: ' ' },
     { cell: '  ', gap: '' },
-    { cell: '■', gap: '' }
+    { cell: ' ', gap: '' }
 ];
-const compactHeatmapCell = '■';
+const compactHeatmapCell = ' ';
 const compactHeatmapGap = '';
+const tallHeatmapMinHeight = 26;
 export function StatsScreen({ library, theme, width, height }) {
     const { panel: panelBackground, ascii } = useDisplay();
     const stats = computeListeningStats(library.activity.sessions);
     const contentWidth = Math.max(20, width - 4);
-    const graph = buildContributionGraph(stats.days, contentWidth);
+    const graph = buildContributionGraph(stats.days, contentWidth, height);
     const graphColors = themeContributionColors(theme);
     const favorite = stats.favoriteStation?.name ?? 'none yet';
     const totalHours = stats.totalSeconds / 3600;
     const metricWidth = Math.max(28, Math.floor((contentWidth - 2) / 2));
     const favoriteWidth = Math.max(8, metricWidth - 18);
     const compact = height < 30;
-    const tileHeight = graph.cellText.trim().length === 0 ? 2 : 1;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "Listening stats", subtitle: "Local listening history \u00B7 never leaves this machine", width: width, theme: theme, right: `${formatHours(totalHours)} · ${stats.sessions.toLocaleString()} sessions` }), _jsxs(Box, { marginTop: 1, borderStyle: panelBorderStyle(ascii, 'single'), borderColor: panelBorder, borderBackgroundColor: panelBackground, backgroundColor: panelBackground, width: width, flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { color: themeAccent(theme), bold: true, children: ["Activity \u2014 ", graph.year] }) }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: textMuted, children: [' '.repeat(dayLabelWidth), graph.months] }), graph.rows.map(row => (_jsx(React.Fragment, { children: Array.from({ length: tileHeight }, (_, tileLine) => (_jsxs(Box, { children: [_jsx(Text, { color: textMuted, children: tileLine === 0 ? row.label.padEnd(dayLabelWidth) : ' '.repeat(dayLabelWidth) }), row.cells.map(cell => renderContributionCell(cell, graphColors, graph.cellGap))] }, `${row.key}-${tileLine}`))) }, row.key)))] })] }), _jsxs(Box, { marginTop: 1, borderStyle: panelBorderStyle(ascii, 'single'), borderColor: panelBorder, borderBackgroundColor: panelBackground, backgroundColor: panelBackground, width: width, flexDirection: "column", children: [_jsx(Text, { color: themeAccent(theme), bold: true, children: "Summary" }), _jsxs(Box, { marginTop: compact ? 0 : 1, flexDirection: "column", width: contentWidth, children: [metricPair('Favorite station', truncate(favorite, favoriteWidth), 'Total hours listened', formatHours(totalHours), metricWidth, theme), metricPair('Sessions', stats.sessions.toLocaleString(), 'Longest streak', formatDays(stats.longestStreak), metricWidth, theme), metricPair('Current streak', formatDays(stats.currentStreak), 'Stations listened', stats.listenedStationCount.toLocaleString(), metricWidth, theme), metricPair('Active days', `${stats.activeDays}/${stats.totalTrackedDays}`, 'Station threshold', '>= 120s total', metricWidth, theme)] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: textMuted, children: "Less \u00B7 " }), graphColors.map(color => (_jsxs(React.Fragment, { children: [renderLegendCell(color, graph.cellText, graph.cellGap), _jsx(Text, { children: " " })] }, color))), _jsx(Text, { color: textMuted, children: "More" })] }), !compact ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: textHighlight, children: stats.totalSeconds > 0
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "Listening stats", subtitle: "Local listening history \u00B7 never leaves this machine", width: width, theme: theme, right: `${formatHours(totalHours)} · ${stats.sessions.toLocaleString()} sessions` }), _jsxs(Box, { marginTop: 1, borderStyle: panelBorderStyle(ascii, 'single'), borderColor: panelBorder, borderBackgroundColor: panelBackground, backgroundColor: panelBackground, width: width, flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { color: themeAccent(theme), bold: true, children: ["Activity \u2014 ", graph.year] }) }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: textMuted, children: [' '.repeat(dayLabelWidth), graph.months] }), graph.rows.map(row => (_jsx(React.Fragment, { children: Array.from({ length: graph.tileHeight }, (_, tileLine) => (_jsxs(Box, { children: [_jsx(Text, { color: textMuted, children: tileLine === 0 ? row.label.padEnd(dayLabelWidth) : ' '.repeat(dayLabelWidth) }), renderContributionCells(row.cells, graphColors, graph.cellGap)] }, `${row.key}-${tileLine}`))) }, row.key)))] })] }), _jsxs(Box, { marginTop: 1, borderStyle: panelBorderStyle(ascii, 'single'), borderColor: panelBorder, borderBackgroundColor: panelBackground, backgroundColor: panelBackground, width: width, flexDirection: "column", children: [_jsx(Text, { color: themeAccent(theme), bold: true, children: "Summary" }), _jsxs(Box, { marginTop: compact ? 0 : 1, flexDirection: "column", width: contentWidth, children: [metricPair('Favorite station', truncate(favorite, favoriteWidth), 'Total hours listened', formatHours(totalHours), metricWidth, theme), metricPair('Sessions', stats.sessions.toLocaleString(), 'Longest streak', formatDays(stats.longestStreak), metricWidth, theme), metricPair('Current streak', formatDays(stats.currentStreak), 'Stations listened', stats.listenedStationCount.toLocaleString(), metricWidth, theme), metricPair('Active days', `${stats.activeDays}/${stats.totalTrackedDays}`, 'Station threshold', '>= 120s total', metricWidth, theme)] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: textMuted, children: "Less \u00B7 " }), graphColors.map(color => (_jsxs(React.Fragment, { children: [renderLegendCell(color, graph.cellText, graph.cellGap), _jsx(Text, { children: " " })] }, color))), _jsx(Text, { color: textMuted, children: "More" })] }), !compact ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: textHighlight, children: stats.totalSeconds > 0
                                 ? `Your total listening time is ${formatHours(totalHours)} across public radio streams.`
                                 : 'Start a station to begin filling the listening graph.' }) })) : null] })] }));
 }
-function renderContributionCell(cell, graphColors, cellGap) {
-    if (!cell.visible) {
-        return _jsx(Text, { children: cell.text }, cell.key);
-    }
-    const color = graphColors[cell.level] ?? graphColors[0] ?? textMuted;
-    if (cell.text.trim().length === 0) {
-        return (_jsxs(React.Fragment, { children: [_jsx(Text, { backgroundColor: color, children: cell.text }), cellGap ? _jsx(Text, { children: cellGap }) : null] }, cell.key));
+function renderContributionCells(cells, graphColors, cellGap) {
+    const runs = [];
+    for (const cell of cells) {
+        const text = cellGap ? `${cell.text}${cell.visible ? cellGap : ''}` : cell.text;
+        const previous = runs[runs.length - 1];
+        if (previous && previous.visible === cell.visible && previous.level === cell.level) {
+            previous.text += text;
+        }
+        else {
+            runs.push({
+                key: `${runs.length}-${cell.key}`,
+                level: cell.level,
+                text,
+                visible: cell.visible
+            });
+        }
     }
-    return (_jsxs(React.Fragment, { children: [_jsx(Text, { color: color, children: cell.text }), cellGap ? _jsx(Text, { children: cellGap }) : null] }, cell.key));
+    return runs.map(run => {
+        if (!run.visible) {
+            return _jsx(Text, { children: run.text }, run.key);
+        }
+        const color = graphColors[run.level] ?? graphColors[0] ?? textMuted;
+        if (run.text.trim().length === 0) {
+            return _jsx(Text, { backgroundColor: color, children: run.text }, run.key);
+        }
+        return _jsx(Text, { color: color, children: run.text }, run.key);
+    });
 }
 function renderLegendCell(color, text, cellGap) {
     if (text.trim().length === 0) {
@@ -52,7 +69,7 @@ function metricPair(leftLabel, leftValue, rightLabel, rightValue, metricWidth, t
     const leftPadding = Math.max(2, metricWidth - leftLabel.length - leftValue.length - 2);
     return (_jsxs(Box, { height: 1, width: metricWidth * 2 + 2, children: [_jsx(Box, { width: metricWidth, children: _jsxs(Text, { children: [_jsxs(Text, { color: textMuted, children: [leftLabel, ": "] }), _jsx(Text, { color: accent, children: leftValue })] }) }), _jsx(Text, { children: ' '.repeat(leftPadding > 2 ? 2 : leftPadding) }), _jsx(Box, { width: metricWidth, children: _jsxs(Text, { children: [_jsxs(Text, { color: textMuted, children: [rightLabel, ": "] }), _jsx(Text, { color: accent, children: rightValue })] }) })] }));
 }
-export function buildContributionGraph(days, width) {
+export function buildContributionGraph(days, width, height = tallHeatmapMinHeight) {
     const year = graphYear(days);
     const weeks = calendarYearWeeks(year);
     const largestCell = heatmapCellOptions.find(option => dayLabelWidth + weeks.length * (option.cell.length + option.gap.length) <= width);
@@ -62,6 +79,7 @@ export function buildContributionGraph(days, width) {
     const cellWidth = largeCellWidth > 0 ? largeCellWidth : compactCellWidth;
     const cellText = selectedCell.cell;
     const cellGap = selectedCell.gap;
+    const tileHeight = cellText.trim().length === 0 && height >= tallHeatmapMinHeight ? 2 : 1;
     const secondsByDate = new Map(days.map(day => [day.date, day.seconds]));
     const yearDays = days.filter(day => parseLocalDay(day.date).getFullYear() === year);
     const scaleSeconds = contributionScaleSeconds(yearDays);
@@ -84,7 +102,7 @@ export function buildContributionGraph(days, width) {
             return { key: date, level, text: cellText, visible: true };
         })
     }));
-    return { year, months: monthLine(weeks, cellWidth, year), cellText, cellGap, rows };
+    return { year, months: monthLine(weeks, cellWidth, year), cellText, cellGap, tileHeight, rows };
 }
 export function contributionScaleSeconds(days) {
     const activeSeconds = days

package/dist/ui/screens/screen-render.test.js

@@ -6,6 +6,7 @@ import { HelpScreen } from './HelpScreen.js';
 import { NowPlayingScreen } from './NowPlayingScreen.js';
 import { SettingsScreen } from './SettingsScreen.js';
 import { ExploreScreen } from './ExploreScreen.js';
+import { CountriesScreen } from './CountriesScreen.js';
 import { buildContributionGraph, contributionLevel, contributionScaleSeconds, StatsScreen } from './StatsScreen.js';
 import { settingsItems } from '../screen-items.js';
 import { defaultExploreCursor } from '../app-state.js';
@@ -82,6 +83,20 @@ describe('Explore world map rendering', () => {
         expect(/[⠀-⣿]/.test(frame)).toBe(false);
     });
 });
+describe('CountriesScreen rendering', () => {
+    it('keeps long country rows to one terminal line', () => {
+        const frame = render(_jsx(CountriesScreen, { countries: [
+                {
+                    name: 'The Extremely Long Democratic Republic Of The Country With A Very Long Name',
+                    code: 'TL',
+                    stationCount: 123456789
+                }
+            ], selected: 0, loading: false, filter: "", editingFilter: false, theme: "green", pageSize: 1, width: 48 })).lastFrame() ?? '';
+        expect(frame).toContain('>');
+        expect(frame).toContain('…');
+        expect(frame).not.toContain('Very Long Name');
+    });
+});
 describe('StatsScreen rendering', () => {
     it('renders activity heatmap as large calendar-year cells with readable month labels', () => {
         const library = {
@@ -115,7 +130,8 @@ describe('StatsScreen rendering', () => {
         expect(graph.months.startsWith('Jan')).toBe(true);
         expect(graph.months).toContain('Dec');
         expect(graph.cellText).toBe('  ');
-        expect(graph.cellGap).toBe(' ');
+        expect(graph.cellGap).toBe('');
+        expect(graph.tileHeight).toBe(2);
         expect(graph.rows[4]?.cells[0]).toMatchObject({
             level: 4,
             text: '  ',
@@ -137,6 +153,21 @@ describe('StatsScreen rendering', () => {
         ], 128);
         expect(normalWidthGraph.cellText).toBe('  ');
         expect(normalWidthGraph.cellGap).toBe('');
+        const compactWidthGraph = buildContributionGraph([
+            { date: '2026-01-01', seconds: 3600 },
+            { date: '2026-12-31', seconds: 0 }
+        ], 80);
+        expect(compactWidthGraph.cellText).toBe(' ');
+        expect(compactWidthGraph.cellGap).toBe('');
+    });
+    it('uses one-line heatmap cells when the stats panel is height constrained', () => {
+        const graph = buildContributionGraph([
+            { date: '2026-01-01', seconds: 3600 },
+            { date: '2026-12-31', seconds: 0 }
+        ], 170, 20);
+        expect(graph.cellText).toBe('  ');
+        expect(graph.cellGap).toBe('');
+        expect(graph.tileHeight).toBe(1);
     });
     it('caps contribution color scaling so one outlier does not flatten normal active days', () => {
         const days = [

package/dist/ui/use-app-input.js

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { useInput } from 'ink';
 import { homeItems, settingsItems } from './screen-items.js';
-import { applyTextInput, clamp, favoriteTarget, isEditableInput, isPlainPrintableInput, mediaTransportActionForInput, searchEditingArrowAction, shouldHandleKeyboardEvent } from './app-state.js';
+import { applyTextInput, clamp, favoriteTarget, isEditableInput, isPlainPrintableInput, mediaTransportActionForInput, searchEditingArrowAction, shouldHandleKeyboardEvent, shouldToggleNearbyLocationShortcut } from './app-state.js';
 import { parseSgrMouseEvents, primaryMousePress } from './terminal-mouse.js';
 import { completeCommand } from './help-content.js';
 export function useAppInput({ adjustVolume, airPlayCode, canEnterAirPlayCode, beginLearningTransportKey, capturingTransportAction, commandMode, commandText, copyStationUrl, openStationHomepage, currentItemCount, cycleDisplayColor, cycleAudioOutput, cycleReceiverStyle, cycleSleepTimer, editingCountryFilter, editingSearch, executeCommand, filteredCountries, go, lastRawTransportAtRef, lastSubmittedSearchRef, loadCountry, openAdjacentTab, openAirPlayCode, openAirPlaySettings, openScreen, playAdjacent, playStation, player, playingStation, recallSearchHistory, moveExploreCursor, moveExploreCursorToCell, refreshAirPlayTargets, refreshProviderHealth, resetLearnedTransportKeys, runSearch, saveLearnedTransportKey, screen, searchQuery, selected, selectedStation, selectAirPlayDeviceAt, setCapturingTransportAction, setAirPlayCode, setCommandMode, setCommandText, setCountryFilter, setEditingCountryFilter, setEditingSearch, setMessage, setSearchQuery, setSelected, setShowDiagnostics, submitAirPlayCode, settingsRef, shutdown, stdin, toggleFavorite, toggleMute, togglePause, toggleSetting, toggleNearbyLocation, toggleRadioGarden, toggleSkipBrokenStreams }) {
@@ -256,7 +256,7 @@ export function useAppInput({ adjustVolume, airPlayCode, canEnterAirPlayCode, be
             toggleRadioGarden();
             return;
         }
-        if (input === 'l') {
+        if (shouldToggleNearbyLocationShortcut(input, screen)) {
             toggleNearbyLocation();
             return;
         }
@@ -303,6 +303,10 @@ export function useAppInput({ adjustVolume, airPlayCode, canEnterAirPlayCode, be
             return;
         }
         if (input === 'b' || key.escape) {
+            if (screen === 'stations') {
+                go('countries');
+                return;
+            }
             go('home');
             return;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ciphore/radiocli",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "A terminal-first world radio receiver built with Ink, mpv, and resilient public-radio providers.",
   "type": "module",
   "license": "MIT",