@ciphore/radiocli 0.1.7 → 0.1.9

package/CHANGELOG.md

@@ -7,6 +7,46 @@ 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
+
+- Replaced the classic equalizer receiver style with Ultracode, a centered
+  color-ripple display that follows the active display color; saved `equalizer`
+  preferences migrate to `ultracode`.
+- The listening stats activity graph now renders as a calendar-year grid with
+  larger contribution cells and clearer month labels when the terminal has room.
+- Muted UI text now uses truecolor neutrals instead of terminal `gray`, making
+  secondary labels more readable across dark terminal palettes.
+
+### Fixed
+
+- Stale continuous listening sessions are capped before splitting them across
+  days so one long-unclosed playback session cannot dominate listening totals.
+- Receiver visualizer pulses now reset when an active Ultracode view opens but
+  keep advancing smoothly during normal playback.
+
 ## [0.1.7] - 2026-06-29
 
 ### Changed
@@ -158,6 +198,8 @@ Initial public release.
 [0.1.5]: https://github.com/Ciphore/RadioCLI/releases/tag/v0.1.5
 [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,13 +76,13 @@ 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
 ```
 
 The Now Playing screen is a framed receiver panel with **50 selectable receiver styles**. The sample below shows the default pulse-grid display; press `v` to cycle through the catalog, which spans several families:
 
-- **Classic receiver** — equalizer, LEDs, and goniometer.
+- **Classic receiver** — ultracode ripple, LEDs, and goniometer.
 - **High-resolution braille** — smooth waveform, radial EQ, spectrogram, nebula, silk, ripple tank, phyllotaxis, harmonograph, bloom bars, moiré, galaxy, caustics.
 - **Generative & motion** — matrix, hologram, spinning ASCII cube, generated fire, fireworks, plasma, spinning donut, starfield, Lorenz attractor, Barnsley fern, Chladni plate, rotating tesseract, torus knot, fractal tree, Julia sets, and lava-lamp motion.
 

package/dist/activity/stats.js

@@ -1,6 +1,7 @@
 import { stationKey } from '../storage/store.js';
 const trackedDays = 371;
 const listenedStationThresholdSeconds = 120;
+const maxContinuousListeningSeconds = 12 * 60 * 60;
 export function computeListeningStats(sessions, now = new Date()) {
     const today = startOfLocalDay(now);
     const firstDay = addLocalDays(today, -(trackedDays - 1));
@@ -49,9 +50,9 @@ function sessionSeconds(session, now = new Date()) {
     const started = Date.parse(session.startedAt);
     const ended = session.endedAt ? Date.parse(session.endedAt) : now.getTime();
     if (!Number.isFinite(started) || !Number.isFinite(ended) || ended <= started) {
-        return Math.max(0, Math.round(session.listenedSeconds));
+        return Math.min(maxContinuousListeningSeconds, Math.max(0, Math.round(session.listenedSeconds)));
     }
-    return Math.max(Math.round(session.listenedSeconds), Math.round((ended - started) / 1000));
+    return Math.min(maxContinuousListeningSeconds, Math.max(Math.round(session.listenedSeconds), Math.round((ended - started) / 1000)));
 }
 function localDay(date) {
     const year = date.getFullYear();
@@ -68,7 +69,7 @@ function splitSessionByDay(session, seconds, firstDay, lastDayEnd, now) {
     const rawEnd = Number.isFinite(recordedEnd) && recordedEnd > started
         ? recordedEnd
         : started + seconds * 1000;
-    const end = Math.max(started, rawEnd);
+    const end = Math.max(started, Math.min(rawEnd, started + seconds * 1000));
     const boundedStart = Math.max(started, firstDay.getTime());
     const boundedEnd = Math.min(end, lastDayEnd.getTime());
     if (boundedEnd <= boundedStart) {

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: [],
@@ -127,6 +126,9 @@ const removedReceiverStyles = new Set([
     'voronoi'
 ]);
 function normalizeReceiverStyle(value) {
+    if (value === 'equalizer') {
+        return 'ultracode';
+    }
     return typeof value === 'string' && removedReceiverStyles.has(value) ? defaultReceiverStyle : value;
 }
 const settingsSchema = z.object({
@@ -135,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),
@@ -189,7 +191,7 @@ const librarySchema = z.object({
         receiverStyleVersion: 2,
         volume: 70,
         enableRadioGarden: false,
-        enableNearbyLocation: false,
+        enableNearbyLocation: true,
         preferredBackend: 'auto',
         tuneTimeoutSeconds: 12,
         skipBrokenStreams: true,
@@ -384,7 +386,7 @@ function defaultState() {
             receiverStyleVersion: 2,
             volume: 70,
             enableRadioGarden: false,
-            enableNearbyLocation: false,
+            enableNearbyLocation: true,
             preferredBackend: 'auto',
             tuneTimeoutSeconds: 12,
             skipBrokenStreams: true,

package/dist/types.js

@@ -1,7 +1,7 @@
 const providerIds = ['radio-browser', 'radio-garden', 'playlist'];
 export const themeNames = ['green', 'amber', 'blue', 'ruby', 'ice', 'teal', 'violet', 'copper', 'cyan', 'lime', 'coral', 'rose', 'slate', 'mono'];
 export const receiverStyleNames = [
-    'equalizer',
+    'ultracode',
     'motion-blob',
     'motion-area',
     'motion-contour',

package/dist/ui/App.js

@@ -6,7 +6,7 @@ import { PlayerController } from '../player/player-controller.js';
 import { playbackBackendInstallHint, playbackBackendLabel } from '../player/backend-install.js';
 import { JsonLibraryStore, stationKey } from '../storage/store.js';
 import { receiverStyleNames } from '../types.js';
-import { nextReceiverStyle, nextTheme, textDim, themeAccent } from './theme.js';
+import { nextReceiverStyle, nextTheme, textDim, textMuted, themeAccent } from './theme.js';
 import { DisplayContext, resolveDisplayMode } from './display-context.js';
 import { homeItems, settingsItems } from './screen-items.js';
 import { AppContent } from './AppContent.js';
@@ -22,11 +22,12 @@ import { isAirPlayCodePromptActive } from './screens/AirPlayCodeScreen.js';
 import { isAirPlayBackendAvailable } from './airplay-settings.js';
 import { audioOutputLabel, resolvedAudioOutput } from './audio-output.js';
 import { copyToClipboard, openExternal } from './system-actions.js';
-import { activeTabForScreen, addMediaKeyBinding, applyStationFilters, clamp, clampVolume, defaultExploreCursor, formatExploreCursor, formatFilterLabel, formatTimeLeft, initialStationContexts, mediaActionLabel, moveExploreCursor as shiftExploreCursor, nextSleepTimerMinutes, normalizeMediaKeyBindings, shouldAnimateReceiver, shouldSkipAfterTuneError, stationApproximateTime, stationContextKeyForScreen, topTabs } from './app-state.js';
+import { activeTabForScreen, addMediaKeyBinding, applyStationFilters, clamp, clampVolume, defaultExploreCursor, formatExploreCursor, formatFilterLabel, formatTimeLeft, initialStationContexts, mediaActionLabel, moveExploreCursor as shiftExploreCursor, nextReceiverPulse, nextSleepTimerMinutes, normalizeMediaKeyBindings, shouldAnimateReceiver, shouldResetReceiverPulse, shouldSkipAfterTuneError, stationApproximateTime, stationContextKeyForScreen, topTabs } from './app-state.js';
 const LIVE_RECEIVER_STYLES = new Set(receiverStyleNames);
 const LIVE_RECEIVER_PULSE_MS = 80;
 const AMBIENT_RECEIVER_PULSE_MS = 140;
 const LOADING_SPINNER_MS = 120;
+const VISUALIZER_MESSAGE_MS = 4500;
 const settingToggleLabel = {
     resumeOnLaunch: 'Resume on launch',
     transparentBackground: 'Transparent background',
@@ -50,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);
@@ -86,6 +88,9 @@ export function App({ store: providedStore, providers: providedProviders }) {
     const exploreCursorRef = useRef(exploreCursor);
     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]);
     const favoriteKeys = useMemo(() => new Set(library.favorites.map(stationKey)), [library.favorites]);
@@ -157,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);
@@ -187,6 +193,18 @@ export function App({ store: providedStore, providers: providedProviders }) {
             lastStationContextKeyRef.current = renderedStationContextKey;
         }
     }, [renderedStationContextKey, screen, selected]);
+    useEffect(() => {
+        const current = {
+            screen,
+            receiverStyle: library.settings.receiverStyle,
+            playbackState: playback.state,
+            playbackReady: playback.ready
+        };
+        if (shouldResetReceiverPulse(receiverPulseSnapshotRef.current, current)) {
+            setPulse(0);
+        }
+        receiverPulseSnapshotRef.current = current;
+    }, [library.settings.receiverStyle, playback.ready, playback.state, screen]);
     useEffect(() => {
         if (!shouldAnimateReceiver(screen, playback) ||
             library.settings.reduceMotion ||
@@ -195,7 +213,7 @@ export function App({ store: providedStore, providers: providedProviders }) {
             return;
         }
         const intervalMs = LIVE_RECEIVER_STYLES.has(library.settings.receiverStyle) ? LIVE_RECEIVER_PULSE_MS : AMBIENT_RECEIVER_PULSE_MS;
-        const timer = setInterval(() => setPulse(value => (value + 1) % 240), intervalMs);
+        const timer = setInterval(() => setPulse(nextReceiverPulse), intervalMs);
         return () => clearInterval(timer);
     }, [library.settings.receiverStyle, library.settings.reduceMotion, playback.ready, playback.state, screen]);
     useEffect(() => {
@@ -223,6 +241,12 @@ export function App({ store: providedStore, providers: providedProviders }) {
         if (exploreMoveTimerRef.current) {
             clearTimeout(exploreMoveTimerRef.current);
         }
+        if (transientMessageTimerRef.current) {
+            clearTimeout(transientMessageTimerRef.current);
+        }
+        if (transientFooterMessageTimerRef.current) {
+            clearTimeout(transientFooterMessageTimerRef.current);
+        }
     }, []);
     useEffect(() => {
         setSelected(value => clamp(value, currentItemCount(screen) - 1));
@@ -303,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) {
@@ -482,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.',
@@ -492,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',
@@ -599,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.');
@@ -606,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);
@@ -669,16 +720,27 @@ export function App({ store: providedStore, providers: providedProviders }) {
     const togglePause = useCallback(() => {
         void player.togglePause().then(showControlResult);
     }, [player, showControlResult]);
+    const showTransientMessage = useCallback((nextMessage) => {
+        if (transientMessageTimerRef.current) {
+            clearTimeout(transientMessageTimerRef.current);
+        }
+        setMessage(nextMessage);
+        transientMessageTimerRef.current = setTimeout(() => {
+            setMessage(currentMessage => currentMessage === nextMessage ? null : currentMessage);
+            transientMessageTimerRef.current = null;
+        }, VISUALIZER_MESSAGE_MS);
+    }, []);
     const cycleDisplayColor = useCallback(() => {
         const theme = nextTheme(settingsRef.current.theme);
         updateSettings({ theme });
-        setMessage(`Display color: ${theme}`);
-    }, [updateSettings]);
+        showTransientMessage(`Display color: ${theme}`);
+    }, [showTransientMessage, updateSettings]);
     const cycleReceiverStyle = useCallback(() => {
         const receiverStyle = nextReceiverStyle(settingsRef.current.receiverStyle);
+        setPulse(0);
         updateSettings({ receiverStyle });
-        setMessage(`Receiver style: ${receiverStyle}`);
-    }, [updateSettings]);
+        showTransientMessage(`Receiver style: ${receiverStyle}`);
+    }, [showTransientMessage, updateSettings]);
     const toggleRadioGarden = useCallback(() => {
         const enableRadioGarden = !settingsRef.current.enableRadioGarden;
         updateSettings({ enableRadioGarden });
@@ -987,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 }), message ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: themeAccent(theme), children: message }) })) : 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) : 'gray', 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/AppContent.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
-import { themeAccent } from './theme.js';
+import { textMuted, themeAccent } from './theme.js';
 import { HomeScreen } from './screens/HomeScreen.js';
 import { CountriesScreen } from './screens/CountriesScreen.js';
 import { MapScreen } from './screens/MapScreen.js';
@@ -17,7 +17,7 @@ import { selectedAirPlayDevice } from './airplay-settings.js';
 import { playbackBackendLabel } from '../player/backend-install.js';
 export function AppContent({ airPlayDevices, airPlayCode, backends, countryFilter, diagnostics, displayStations, editingCountryFilter, editingSearch, exploreCursor, favoriteKeys, filterLabel, filteredCountries, frameWidth, layout, library, loadingCountries, loadingStations, nowPlaying, playback, playingStation, providerHealth, pulse, searchQuery, screen, selected, showDiagnostics, sleepLabel, stationContext, stationFavorite, stationTime, storePath, theme }) {
     if (layout.compact) {
-        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "RadioCLI" }), _jsxs(Text, { color: themeAccent(theme), children: ["Terminal too small: ", layout.columns, "x", layout.rows] }), _jsx(Text, { color: "gray", children: "Resize to at least 64x18 for the full receiver UI." }), _jsxs(Text, { color: "gray", children: ["Playback: ", playback.state, " \u00B7 ", playbackBackendLabel(playback.backend)] }), _jsx(Text, { color: "gray", children: "q quit \u00B7 Ctrl+C always exits" })] }));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "RadioCLI" }), _jsxs(Text, { color: themeAccent(theme), children: ["Terminal too small: ", layout.columns, "x", layout.rows] }), _jsx(Text, { color: textMuted, children: "Resize to at least 64x18 for the full receiver UI." }), _jsxs(Text, { color: textMuted, children: ["Playback: ", playback.state, " \u00B7 ", playbackBackendLabel(playback.backend)] }), _jsx(Text, { color: textMuted, children: "q quit \u00B7 Ctrl+C always exits" })] }));
     }
     if (screen === 'home') {
         return _jsx(HomeScreen, { selected: selected, theme: theme, library: library, playback: playback });

package/dist/ui/app-state.js

@@ -173,6 +173,27 @@ 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;
+}
+export function shouldResetReceiverPulse(previous, current) {
+    if (current.receiverStyle !== 'ultracode') {
+        return false;
+    }
+    const currentActive = current.screen === 'now-playing' &&
+        current.playbackState === 'playing' &&
+        current.playbackReady;
+    if (!currentActive) {
+        return false;
+    }
+    return !(previous?.screen === 'now-playing' &&
+        previous.receiverStyle === 'ultracode' &&
+        previous.playbackState === 'playing' &&
+        previous.playbackReady);
+}
 export function isEditableInput(input, key) {
     return Boolean(key.backspace || key.delete || input);
 }

package/dist/ui/components/Logo.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
+import { textMuted } from '../theme.js';
 const logoSpectrumColors = ['#ff4b5c', '#ff9f43', '#ffd166', '#a3e635', '#22c55e', '#2dd4bf', '#38bdf8', '#818cf8', '#c084fc'];
 function LogoSpectrum() {
     return (_jsx(_Fragment, { children: logoSpectrumColors.map(color => (_jsx(Text, { color: color, children: "\u2588\u2588" }, color))) }));
 }
 export function Logo() {
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "RADIOCLI" }), _jsx(Text, { children: "  " }), _jsx(LogoSpectrum, {})] }), _jsx(Text, { color: "gray", children: "Live public radio from around the world" })] }));
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "RADIOCLI" }), _jsx(Text, { children: "  " }), _jsx(LogoSpectrum, {})] }), _jsx(Text, { color: textMuted, children: "Live public radio from around the world" })] }));
 }

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/ScreenHeader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
-import { textDim, themeAccent } from '../theme.js';
+import { textDim, textMuted, themeAccent } from '../theme.js';
 import { useDisplay } from '../display-context.js';
 import { toAsciiSafe } from '../ascii.js';
 import { truncate } from '../format.js';
@@ -15,5 +15,5 @@ export function ScreenHeader({ title, width, theme, subtitle, right }) {
     const rightText = right ? ` ${right}` : '';
     const ruleWidth = Math.max(1, width - safeTitle.length - rightText.length - 2);
     const rule = (ascii ? '-' : '─').repeat(ruleWidth);
-    return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [_jsxs(Box, { children: [_jsx(Text, { color: accent, bold: true, children: a(safeTitle) }), _jsxs(Text, { color: textDim, children: [" ", rule] }), rightText ? _jsx(Text, { color: "gray", children: a(rightText) }) : null] }), subtitle ? _jsx(Text, { color: "gray", children: a(truncate(subtitle, width)) }) : null] }));
+    return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [_jsxs(Box, { children: [_jsx(Text, { color: accent, bold: true, children: a(safeTitle) }), _jsxs(Text, { color: textDim, children: [" ", rule] }), rightText ? _jsx(Text, { color: textMuted, children: a(rightText) }) : null] }), subtitle ? _jsx(Text, { color: textMuted, children: a(truncate(subtitle, width)) }) : null] }));
 }

package/dist/ui/components/StationList.js

@@ -1,23 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import { stationLocation, stationTags, stationTech, truncate } from '../format.js';
-import { themeAccent } from '../theme.js';
+import { textMuted, themeAccent } from '../theme.js';
 import { Menu, Pointer } from './Menu.js';
 import { visibleWindow } from '../list-window.js';
 export function StationList({ stations, selected, theme, favorites, pageSize, width }) {
     if (stations.length === 0) {
-        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "No stations here yet." }), _jsx(Text, { color: "gray", children: "Try a different search or country, or clear active filters with :clear." })] }));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: textMuted, children: "No stations here yet." }), _jsx(Text, { color: textMuted, children: "Try a different search or country, or clear active filters with :clear." })] }));
     }
     const window = visibleWindow(stations, selected, pageSize);
     const rowWidth = Math.max(42, width - 4);
     const nameWidth = Math.min(48, Math.max(18, Math.floor(rowWidth * 0.42)));
     const metaWidth = Math.max(12, rowWidth - nameWidth - 6);
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "gray", children: ["Showing ", window.start + 1, "-", window.end, " of ", stations.length] }), _jsx(Menu, { items: window.items, selected: selected - window.start, keyFor: station => `${station.provider}:${station.id}`, render: (station, index, active) => {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: textMuted, children: ["Showing ", window.start + 1, "-", window.end, " of ", stations.length] }), _jsx(Menu, { items: window.items, selected: selected - window.start, keyFor: station => `${station.provider}:${station.id}`, render: (station, index, active) => {
                     const favorite = favorites.has(`${station.provider}:${station.id}`);
                     const stationName = truncate(station.name, favorite ? Math.max(1, nameWidth - 2) : nameWidth);
                     const titleWidth = nameWidth + 2;
                     const titleUsed = stationName.length + (favorite ? 2 : 0);
                     const titlePadding = ' '.repeat(Math.max(1, titleWidth - titleUsed));
-                    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Pointer, { active: active }), _jsx(Text, { color: active ? themeAccent(theme) : undefined, bold: active, children: stationName }), favorite ? _jsx(Text, { color: "yellow", children: " \u2605" }) : null, _jsx(Text, { children: titlePadding }), _jsx(Text, { color: "gray", children: truncate(`${stationLocation(station)} · ${stationTech(station)}`, metaWidth) })] }), active ? (_jsx(Box, { marginLeft: 4, children: _jsxs(Text, { color: "gray", children: ["#", window.start + index + 1, " \u00B7 ", truncate(stationTags(station), rowWidth - 8)] }) })) : null] }));
+                    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Pointer, { active: active }), _jsx(Text, { color: active ? themeAccent(theme) : undefined, bold: active, children: stationName }), favorite ? _jsx(Text, { color: "yellow", children: " \u2605" }) : null, _jsx(Text, { children: titlePadding }), _jsx(Text, { color: textMuted, children: truncate(`${stationLocation(station)} · ${stationTech(station)}`, metaWidth) })] }), active ? (_jsx(Box, { marginLeft: 4, children: _jsxs(Text, { color: textMuted, children: ["#", window.start + index + 1, " \u00B7 ", truncate(stationTags(station), rowWidth - 8)] }) })) : null] }));
                 } })] }));
 }

package/dist/ui/components/TopTabs.js

@@ -1,11 +1,11 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
-import { panelBorder, themeAccent } from '../theme.js';
+import { panelBorder, textMuted, themeAccent } from '../theme.js';
 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: "gray", children: "\u2026" })) : (_jsx(Text, { color: item.tab.screen === active ? accent : 'gray', bold: item.tab.screen === active, children: item.tab.label })), index < visibleTabs.length - 1 ? _jsxs(Text, { color: "gray", children: [" ", box.v, " "] }) : null] }, item.type === 'overflow' ? `${item.side}-overflow` : item.tab.screen))), _jsx(Text, { children: ' '.repeat(tabPaddingWidth) }), canShowRight ? _jsx(Text, { color: "gray", 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/AirPlayCodeScreen.js

@@ -2,16 +2,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import { ScreenHeader } from '../components/ScreenHeader.js';
 import { truncate } from '../format.js';
-import { textDim, themeAccent } from '../theme.js';
+import { textDim, textMuted, themeAccent } from '../theme.js';
 export function AirPlayCodeScreen({ code, playback, selectedDevice, theme, width }) {
     const accent = themeAccent(theme);
     const lineWidth = Math.max(24, width - 4);
     const promptActive = isAirPlayCodePromptActive(playback);
     const receiverName = playback.airPlayDeviceName ?? selectedDevice?.name ?? 'selected receiver';
     const masked = code.length > 0 ? '*'.repeat(code.length) : '';
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "AirPlay Code", subtitle: "Enter the code shown on the receiver", right: promptActive ? 'Waiting for code' : 'Not requested', width: width, theme: theme }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: "gray", children: ["Receiver: ", _jsx(Text, { color: accent, children: truncate(receiverName, Math.max(8, lineWidth - 10)) })] }), _jsxs(Text, { color: "gray", children: ["Playback: ", _jsx(Text, { color: accent, children: playback.backend }), " / ", playback.state] }), _jsx(Text, { color: promptActive ? accent : 'yellow', children: promptActive
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "AirPlay Code", subtitle: "Enter the code shown on the receiver", right: promptActive ? 'Waiting for code' : 'Not requested', width: width, theme: theme }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: textMuted, children: ["Receiver: ", _jsx(Text, { color: accent, children: truncate(receiverName, Math.max(8, lineWidth - 10)) })] }), _jsxs(Text, { color: textMuted, children: ["Playback: ", _jsx(Text, { color: accent, children: playback.backend }), " / ", playback.state] }), _jsx(Text, { color: promptActive ? accent : 'yellow', children: promptActive
                             ? 'The receiver is asking for a code now.'
-                            : 'Tune a station with AirPlay first; this screen is used once the receiver asks for a code.' })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", bold: true, children: "Code" }), _jsx(Text, { color: code ? accent : textDim, children: code ? masked : 'type the code from the receiver' }), _jsx(Text, { color: textDim, children: "Enter submits \u00B7 Backspace edits \u00B7 Esc returns to AirPlay" })] })] }));
+                            : 'Tune a station with AirPlay first; this screen is used once the receiver asks for a code.' })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: textMuted, bold: true, children: "Code" }), _jsx(Text, { color: code ? accent : textDim, children: code ? masked : 'type the code from the receiver' }), _jsx(Text, { color: textDim, children: "Enter submits \u00B7 Backspace edits \u00B7 Esc returns to AirPlay" })] })] }));
 }
 export function isAirPlayCodePromptActive(playback) {
     return playback.backend === 'airplay' && playback.message === 'AirPlay code required. Use :airplay-code 1234.';

package/dist/ui/screens/AirPlaySettingsScreen.js

@@ -5,7 +5,7 @@ import { audioOutputLabel } from '../audio-output.js';
 import { Menu, Pointer } from '../components/Menu.js';
 import { ScreenHeader } from '../components/ScreenHeader.js';
 import { truncate } from '../format.js';
-import { textDim, themeAccent } from '../theme.js';
+import { textDim, textMuted, themeAccent } from '../theme.js';
 export function AirPlaySettingsScreen({ selected, settings, backends, devices, theme, width }) {
     const accent = themeAccent(theme);
     const availability = airPlayAvailability(backends, devices);
@@ -14,11 +14,11 @@ export function AirPlaySettingsScreen({ selected, settings, backends, devices, t
     const canEnterCode = availability.ready && selectedDevice?.requiresPassword && !selectedDevice.local;
     const lineWidth = Math.max(24, width - 4);
     const preferredOutput = audioOutputLabel(settings.preferredBackend);
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "AirPlay", subtitle: "Choose where AirPlay playback should go", right: availability.label, width: width, theme: theme }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: "gray", children: ["Audio output: ", _jsx(Text, { color: accent, children: preferredOutput }), " \u00B7 Streaming:", ' ', _jsx(Text, { color: availability.ready ? accent : 'yellow', children: availability.ready ? 'ready' : 'unavailable' }), " \u00B7 Receivers:", ' ', _jsx(Text, { color: accent, children: devices.length })] }), _jsx(Text, { color: availability.ready ? 'gray' : 'yellow', children: truncate(availability.detail, lineWidth) }), _jsxs(Text, { color: "gray", children: ["Selected: ", _jsx(Text, { color: selectedDevice ? accent : textDim, children: truncate(selectedDevice?.name ?? 'none', Math.max(4, lineWidth - 10)) })] }), availability.ready && selectedDevice?.requiresPassword && !selectedDevice.local ? (_jsxs(Text, { color: "gray", children: ["Code: ", _jsx(Text, { color: accent, children: "if the receiver shows a code while tuning, RadioCLI will ask for it" })] })) : null, selectedMissing ? (_jsxs(Text, { color: "yellow", children: ["Saved receiver is not visible: ", truncate(settings.preferredAirPlayDevice ?? '', Math.max(8, lineWidth - 31))] })) : null] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", bold: true, children: "Receivers" }), devices.length > 0 ? (_jsx(Menu, { items: devices, selected: selected, keyFor: device => device.id, render: (device, _index, active) => {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "AirPlay", subtitle: "Choose where AirPlay playback should go", right: availability.label, width: width, theme: theme }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: textMuted, children: ["Audio output: ", _jsx(Text, { color: accent, children: preferredOutput }), " \u00B7 Streaming:", ' ', _jsx(Text, { color: availability.ready ? accent : 'yellow', children: availability.ready ? 'ready' : 'unavailable' }), " \u00B7 Receivers:", ' ', _jsx(Text, { color: accent, children: devices.length })] }), _jsx(Text, { color: availability.ready ? textMuted : 'yellow', children: truncate(availability.detail, lineWidth) }), _jsxs(Text, { color: textMuted, children: ["Selected: ", _jsx(Text, { color: selectedDevice ? accent : textDim, children: truncate(selectedDevice?.name ?? 'none', Math.max(4, lineWidth - 10)) })] }), availability.ready && selectedDevice?.requiresPassword && !selectedDevice.local ? (_jsxs(Text, { color: textMuted, children: ["Code: ", _jsx(Text, { color: accent, children: "if the receiver shows a code while tuning, RadioCLI will ask for it" })] })) : null, selectedMissing ? (_jsxs(Text, { color: "yellow", children: ["Saved receiver is not visible: ", truncate(settings.preferredAirPlayDevice ?? '', Math.max(8, lineWidth - 31))] })) : null] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: textMuted, bold: true, children: "Receivers" }), devices.length > 0 ? (_jsx(Menu, { items: devices, selected: selected, keyFor: device => device.id, render: (device, _index, active) => {
                             const isSelected = device.id === settings.preferredAirPlayDevice;
                             const name = truncate(device.name, Math.max(8, Math.floor(lineWidth * 0.35)));
                             const selectedLabel = isSelected ? ' selected' : '';
                             const detail = truncate(airPlayDeviceDetail(device), Math.max(12, lineWidth - name.length - selectedLabel.length - 5));
-                            return (_jsxs(Box, { children: [_jsx(Pointer, { active: active }), _jsx(Text, { color: active ? accent : undefined, bold: active, children: name }), isSelected ? _jsx(Text, { color: accent, children: selectedLabel }) : null, _jsxs(Text, { color: "gray", children: [" \u00B7 ", detail] })] }));
-                        } })) : (_jsx(Text, { color: "gray", children: "No receivers discovered." })), _jsx(Text, { color: textDim, children: canEnterCode ? 'Enter selects · c opens code entry · r refreshes receivers' : 'Enter selects · r refreshes receivers' })] })] }));
+                            return (_jsxs(Box, { children: [_jsx(Pointer, { active: active }), _jsx(Text, { color: active ? accent : undefined, bold: active, children: name }), isSelected ? _jsx(Text, { color: accent, children: selectedLabel }) : null, _jsxs(Text, { color: textMuted, children: [" \u00B7 ", detail] })] }));
+                        } })) : (_jsx(Text, { color: textMuted, children: "No receivers discovered." })), _jsx(Text, { color: textDim, children: canEnterCode ? 'Enter selects · c opens code entry · r refreshes receivers' : 'Enter selects · r refreshes receivers' })] })] }));
 }