@ciphore/radiocli 0.1.2 → 0.1.3

package/dist/ui/App.js

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Box, Text, useApp, useStdin, useStdout, useWindowSize } from 'ink';
 import { ProviderManager } from '../providers/provider-manager.js';
 import { PlayerController } from '../player/player-controller.js';
-import { playbackBackendInstallHint } from '../player/backend-install.js';
+import { playbackBackendInstallHint, playbackBackendLabel } from '../player/backend-install.js';
 import { JsonLibraryStore, stationKey } from '../storage/store.js';
 import { receiverStyleNames } from '../types.js';
 import { appBackground, nextReceiverStyle, nextTheme, panelBackground, textDim, themeAccent } from './theme.js';
@@ -17,7 +17,7 @@ import { pageFooterText } from './page-footer.js';
 import { disableMouseReporting, enableMouseReporting, exploreCursorForMouseCell } from './terminal-mouse.js';
 import { useAppInput } from './use-app-input.js';
 import { useCommandExecutor } from './use-command-executor.js';
-import { activeTabForScreen, addMediaKeyBinding, applyStationFilters, clamp, clampVolume, defaultExploreCursor, formatExploreCursor, formatFilterLabel, formatTimeLeft, initialStationContexts, mediaActionLabel, moveExploreCursor as shiftExploreCursor, nextSleepTimerMinutes, normalizeMediaKeyBindings, shouldAnimateReceiver, stationApproximateTime, stationContextKeyForScreen, topTabs } from './app-state.js';
+import { activeTabForScreen, addMediaKeyBinding, applyStationFilters, clamp, clampVolume, defaultExploreCursor, formatExploreCursor, formatFilterLabel, formatTimeLeft, initialStationContexts, mediaActionLabel, moveExploreCursor as shiftExploreCursor, nextAirPlayDeviceId, nextPlaybackBackend, nextSleepTimerMinutes, normalizeMediaKeyBindings, shouldAnimateReceiver, 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;
@@ -35,6 +35,7 @@ export function App({ store: providedStore, providers: providedProviders }) {
     const player = useMemo(() => new PlayerController(() => settingsRef.current), []);
     const [playback, setPlayback] = useState(() => player.getState());
     const [availableBackends, setAvailableBackends] = useState(() => player.detectedBackends());
+    const [availableAirPlayDevices, setAvailableAirPlayDevices] = useState(() => player.detectedAirPlayDevices());
     const [screen, setScreen] = useState('home');
     const [selected, setSelected] = useState(0);
     const [message, setMessage] = useState(null);
@@ -214,6 +215,7 @@ export function App({ store: providedStore, providers: providedProviders }) {
     useEffect(() => {
         const backends = player.refreshDetectedBackends();
         setAvailableBackends(backends);
+        void player.refreshAirPlayDevices().then(setAvailableAirPlayDevices).catch(() => setAvailableAirPlayDevices([]));
         if (backends.length === 0) {
             setMessage(`No playback backend found. ${playbackBackendInstallHint()}`);
         }
@@ -503,17 +505,29 @@ export function App({ store: providedStore, providers: providedProviders }) {
         setLibrary(store.toggleFavorite(station));
         setMessage(`${wasFavorite ? 'Removed from' : 'Added to'} favorites: ${station.name}`);
     }, [store]);
+    const showControlResult = useCallback((result) => {
+        if (!result.ok && result.message) {
+            setMessage(result.message);
+        }
+    }, []);
     const setVolume = useCallback((volume) => {
         const clamped = clampVolume(volume);
-        updateSettings({ volume: clamped });
-        void player.setVolume(clamped);
-    }, [player, updateSettings]);
+        void player.setVolume(clamped).then(result => {
+            if (result.ok) {
+                updateSettings({ volume: clamped });
+            }
+            showControlResult(result);
+        });
+    }, [player, showControlResult, updateSettings]);
     const adjustVolume = useCallback((delta) => {
         setVolume((player.getState().volume || library.settings.volume) + delta);
     }, [library.settings.volume, player, setVolume]);
     const toggleMute = useCallback(() => {
-        void player.toggleMute();
-    }, [player]);
+        void player.toggleMute().then(showControlResult);
+    }, [player, showControlResult]);
+    const togglePause = useCallback(() => {
+        void player.togglePause().then(showControlResult);
+    }, [player, showControlResult]);
     const cycleDisplayColor = useCallback(() => {
         const theme = nextTheme(settingsRef.current.theme);
         updateSettings({ theme });
@@ -536,11 +550,23 @@ export function App({ store: providedStore, providers: providedProviders }) {
         setMessage(`Nearby location lookup ${enableNearbyLocation ? 'enabled' : 'disabled'}.`);
     }, [updateSettings]);
     const cyclePlaybackBackend = useCallback(() => {
-        const current = settingsRef.current.preferredBackend;
-        const preferredBackend = current === 'auto' ? 'mpv' : current === 'mpv' ? 'ffplay' : 'auto';
+        const preferredBackend = nextPlaybackBackend(settingsRef.current.preferredBackend);
         updateSettings({ preferredBackend });
         setMessage(`Playback backend: ${preferredBackend}`);
     }, [updateSettings]);
+    const cycleAirPlayTarget = useCallback(() => {
+        void player.refreshAirPlayDevices().then(devices => {
+            setAvailableAirPlayDevices(devices);
+            const preferredAirPlayDevice = nextAirPlayDeviceId(settingsRef.current.preferredAirPlayDevice, devices);
+            updateSettings({ preferredAirPlayDevice });
+            const selectedAirPlayDevice = devices.find(device => device.id === preferredAirPlayDevice);
+            setMessage(`AirPlay target: ${selectedAirPlayDevice?.name ?? 'auto'}`);
+        }).catch(() => {
+            setAvailableAirPlayDevices([]);
+            updateSettings({ preferredAirPlayDevice: undefined });
+            setMessage('No AirPlay receivers found.');
+        });
+    }, [player, updateSettings]);
     const toggleSkipBrokenStreams = useCallback(() => {
         const skipBrokenStreams = !settingsRef.current.skipBrokenStreams;
         updateSettings({ skipBrokenStreams });
@@ -648,6 +674,7 @@ export function App({ store: providedStore, providers: providedProviders }) {
         commandMode,
         commandText,
         currentItemCount,
+        cycleAirPlayTarget,
         cycleDisplayColor,
         cyclePlaybackBackend,
         cycleReceiverStyle,
@@ -691,6 +718,7 @@ export function App({ store: providedStore, providers: providedProviders }) {
         stdin,
         toggleFavorite,
         toggleMute,
+        togglePause,
         toggleNearbyLocation,
         toggleRadioGarden,
         toggleSkipBrokenStreams
@@ -699,7 +727,11 @@ export function App({ store: providedStore, providers: providedProviders }) {
         return itemCountsRef.current[currentScreen] ?? 0;
     }
     const hasTopTabs = !layout.compact;
-    const globalFooter = '←/→ tabs · F7/F9 or ,/. station · F8 pause · t/v display · +/- volume · q quit';
+    const globalFooter = playback.backend === 'ffplay'
+        ? '←/→ tabs · F7/F9 or ,/. station · ffplay fallback: limited controls · t/v display · q quit'
+        : playback.backend === 'airplay'
+            ? '←/→ tabs · F7/F9 or ,/. station · AirPlay: +/- volume, m mute · t/v display · q quit'
+            : '←/→ tabs · F7/F9 or ,/. station · F8 pause · t/v display · +/- volume · q quit';
     const playbackFooter = playbackFooterText({
         station: playingStation,
         playback,
@@ -716,9 +748,10 @@ export function App({ store: providedStore, providers: providedProviders }) {
         commandText,
         editingCountryFilter,
         editingSearch,
+        playbackBackend: playback.backend,
         screen
     });
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: layout.rows, width: layout.columns, overflow: "hidden", backgroundColor: appBackground, children: [hasTopTabs ? (_jsx(Box, { height: 3, marginBottom: 1, flexShrink: 0, backgroundColor: appBackground, children: _jsx(TopTabs, { tabs: topTabs, active: activeTabForScreen(screen), theme: theme, width: frameWidth, rightLabel: `${playback.backend || 'no backend'} · ${playback.state}` }) })) : null, _jsxs(Box, { height: layout.contentRows, width: frameWidth, flexDirection: "column", overflowY: "hidden", flexShrink: 0, backgroundColor: appBackground, children: [_jsx(AppContent, { 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: panelBackground, 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 (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: layout.rows, width: layout.columns, overflow: "hidden", backgroundColor: appBackground, children: [hasTopTabs ? (_jsx(Box, { height: 3, marginBottom: 1, flexShrink: 0, backgroundColor: appBackground, 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: appBackground, children: [_jsx(AppContent, { airPlayDevices: availableAirPlayDevices, 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: panelBackground, 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) })] })] }));
 }
 function buildLibraryStations(library) {
     const stations = [];

package/dist/ui/AppContent.js

@@ -10,9 +10,10 @@ import { StationScreen } from './screens/StationScreen.js';
 import { NowPlayingScreen } from './screens/NowPlayingScreen.js';
 import { StatsScreen } from './screens/StatsScreen.js';
 import { SettingsScreen } from './screens/SettingsScreen.js';
-export function AppContent({ 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 }) {
+import { playbackBackendLabel } from '../player/backend-install.js';
+export function AppContent({ airPlayDevices, 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 ", 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: "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" })] }));
     }
     if (screen === 'home') {
         return _jsx(HomeScreen, { selected: selected, theme: theme, library: library, playback: playback });
@@ -39,7 +40,7 @@ export function AppContent({ backends, countryFilter, diagnostics, displayStatio
         return _jsx(StatsScreen, { library: library, theme: theme, width: frameWidth, height: layout.contentRows });
     }
     if (screen === 'settings') {
-        return (_jsx(SettingsScreen, { selected: selected, settings: library.settings, storePath: storePath, playback: playback, backends: backends, providerHealth: providerHealth, theme: theme, diagnostics: diagnostics, width: frameWidth }));
+        return (_jsx(SettingsScreen, { selected: selected, settings: library.settings, storePath: storePath, playback: playback, backends: backends, airPlayDevices: airPlayDevices, providerHealth: providerHealth, theme: theme, diagnostics: diagnostics, width: frameWidth }));
     }
     return _jsx(Text, { children: "Unknown screen." });
 }

package/dist/ui/app-state.js

@@ -5,6 +5,7 @@ const emptyMediaKeyBindings = {
 };
 const mediaTransportActions = ['previous', 'playPause', 'next'];
 const sleepTimerOptions = [null, 15, 30, 60];
+const playbackBackendOptions = ['auto', 'mpv', 'ffplay', 'airplay'];
 export const defaultExploreCursor = {
     latitude: 48.8566,
     longitude: 2.3522
@@ -87,6 +88,24 @@ export function nextSleepTimerMinutes(currentMinutes) {
     const nextIndex = currentIndex >= 0 ? (currentIndex + 1) % sleepTimerOptions.length : 0;
     return sleepTimerOptions[nextIndex] ?? null;
 }
+export function nextPlaybackBackend(current) {
+    const index = playbackBackendOptions.indexOf(current);
+    return playbackBackendOptions[(index + 1) % playbackBackendOptions.length] ?? 'auto';
+}
+export function nextAirPlayDeviceId(current, devices) {
+    if (devices.length === 0) {
+        return undefined;
+    }
+    const ids = devices.map(device => device.id);
+    if (!current) {
+        return ids[0];
+    }
+    const index = ids.indexOf(current);
+    if (index === -1 || index === ids.length - 1) {
+        return undefined;
+    }
+    return ids[index + 1];
+}
 export function moveExploreCursor(cursor, direction, fast = false) {
     const latitudeStep = fast ? 6 : 1;
     const longitudeStep = fast ? 12 : 2;

package/dist/ui/page-footer.js

@@ -1,5 +1,5 @@
 import { mediaActionLabel } from './app-state.js';
-export function pageFooterText({ capturingTransportAction, commandMode, commandText, editingCountryFilter, editingSearch, screen }) {
+export function pageFooterText({ capturingTransportAction, commandMode, commandText, editingCountryFilter, editingSearch, playbackBackend, screen }) {
     if (capturingTransportAction) {
         return `Learn ${mediaActionLabel(capturingTransportAction)} key: press key · Esc cancel`;
     }
@@ -33,10 +33,16 @@ export function pageFooterText({ capturingTransportAction, commandMode, commandT
         return '↑/↓ or n/p move · Enter tune · f favorite · [/] page · b home';
     }
     if (screen === 'now-playing') {
+        if (playbackBackend === 'ffplay') {
+            return 'ffplay fallback: install mpv for pause/mute/media keys · f favorite · s sleep · d diagnostics · b home';
+        }
+        if (playbackBackend === 'airplay') {
+            return 'AirPlay: +/- volume · m mute · f favorite · s sleep · d diagnostics · b home';
+        }
         return 'space/F8 pause · f favorite · m mute · s sleep · d diagnostics · b home';
     }
     if (screen === 'settings') {
-        return 'Enter change selected · g Radio Garden · l location · x skip · o backend · r health · b home';
+        return 'Enter change selected · g Radio Garden · l location · x skip · o backend · a AirPlay · r health · b home';
     }
     if (screen === 'stats') {
         return 'b home';

package/dist/ui/playback-footer.js

@@ -28,6 +28,7 @@ export function playbackFooterText({ station, playback, metadata, sleepLabel, wi
         statePrefix(playback.state),
         nameLabel,
         loading ? 'buffering…' : trackLabel(metadata, stationName),
+        outputLabel(playback),
         playback.muted ? 'muted' : `vol ${playback.volume}`,
         sleepLabel !== 'Sleep off' ? sleepLabel : undefined
     ].filter(Boolean);
@@ -39,6 +40,12 @@ function statePrefix(state) {
     }
     return undefined;
 }
+function outputLabel(playback) {
+    if (playback.backend !== 'airplay') {
+        return undefined;
+    }
+    return playback.airPlayDeviceName ? `AirPlay ${playback.airPlayDeviceName}` : 'AirPlay';
+}
 function trackLabel(metadata, stationName) {
     const title = metadata?.title?.trim();
     if (!title || title.toLowerCase() === stationName.toLowerCase()) {

package/dist/ui/screen-items.js

@@ -14,6 +14,7 @@ export const settingsItems = [
     'Toggle Radio Garden experimental adapter',
     'Toggle nearby location lookup',
     'Cycle playback backend',
+    'Cycle AirPlay target',
     'Volume up',
     'Volume down',
     'Mute or unmute',

package/dist/ui/screens/HomeScreen.js

@@ -4,6 +4,7 @@ import { Logo } from '../components/Logo.js';
 import { Menu, Pointer } from '../components/Menu.js';
 import { themeAccent } from '../theme.js';
 import { homeItems } from '../screen-items.js';
+import { playbackBackendLabel } from '../../player/backend-install.js';
 export function HomeScreen({ selected, theme, library, playback }) {
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Logo, {}), _jsxs(Text, { children: ["Receiver:", ' ', _jsx(Text, { color: themeAccent(theme), children: playback.state === 'playing' ? playback.message ?? 'playing' : playback.state }), _jsxs(Text, { color: "gray", children: [" \u00B7 ", playback.backend] })] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Menu, { items: homeItems, selected: selected, keyFor: item => item.screen, render: (item, index, active) => (_jsxs(Box, { children: [_jsx(Pointer, { active: active }), _jsxs(Text, { color: "gray", children: [index + 1, " "] }), _jsx(Text, { color: active ? themeAccent(theme) : undefined, bold: active, children: item.label }), _jsxs(Text, { color: "gray", children: [" \u00B7 ", item.detail] })] })) }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", children: [library.recent.length, " recent \u00B7 ", library.favorites.length, " favorites \u00B7 ", library.imported.length, " imported"] }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Logo, {}), _jsxs(Text, { children: ["Receiver:", ' ', _jsx(Text, { color: themeAccent(theme), children: playback.state === 'playing' ? playback.message ?? 'playing' : playback.state }), _jsxs(Text, { color: "gray", children: [" \u00B7 ", playbackBackendLabel(playback.backend)] })] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Menu, { items: homeItems, selected: selected, keyFor: item => item.screen, render: (item, index, active) => (_jsxs(Box, { children: [_jsx(Pointer, { active: active }), _jsxs(Text, { color: "gray", children: [index + 1, " "] }), _jsx(Text, { color: active ? themeAccent(theme) : undefined, bold: active, children: item.label }), _jsxs(Text, { color: "gray", children: [" \u00B7 ", item.detail] })] })) }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", children: [library.recent.length, " recent \u00B7 ", library.favorites.length, " favorites \u00B7 ", library.imported.length, " imported"] }) })] }));
 }

package/dist/ui/screens/SettingsScreen.js

@@ -5,16 +5,17 @@ import { ScreenHeader } from '../components/ScreenHeader.js';
 import { truncate } from '../format.js';
 import { settingsItems } from '../screen-items.js';
 import { themeAccent } from '../theme.js';
-export function SettingsScreen({ selected, settings, storePath, playback, backends, providerHealth, theme, diagnostics, width }) {
+import { playbackBackendCapabilities, playbackBackendLabel } from '../../player/backend-install.js';
+export function SettingsScreen({ selected, settings, storePath, playback, backends, airPlayDevices, providerHealth, theme, diagnostics, width }) {
     const accent = themeAccent(theme);
     const lineWidth = Math.max(32, width - 4);
     const health = Object.entries(providerHealth);
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "Settings", subtitle: "Enter changes the highlighted setting \u00B7 shortcuts in the footer", width: width, theme: theme }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Menu, { items: settingsItems, selected: selected, keyFor: item => item, render: (item, _index, active) => {
-                        const value = settingValue(item, settings, diagnostics, backends);
+                        const value = settingValue(item, settings, diagnostics, backends, airPlayDevices);
                         return (_jsxs(Box, { children: [_jsx(Pointer, { active: active }), _jsx(Text, { color: active ? accent : undefined, bold: active, children: item }), value ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: " \u00B7 " }), _jsx(Text, { color: accent, children: value })] })) : null] }));
-                    } }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", bold: true, children: "Status" }), _jsxs(Text, { color: "gray", children: ["Player: ", _jsx(Text, { color: accent, children: playback.backend || 'none' }), " / ", playback.state, " \u00B7", ' ', diagnostics.muted ? 'muted' : `vol ${diagnostics.volume}`, " \u00B7 tune timeout ", settings.tuneTimeoutSeconds, "s"] }), _jsxs(Text, { color: "gray", children: ["Provider health: ", health.length ? health.map(([provider, status]) => `${provider} ${status}`).join(' · ') : 'not checked yet'] }), _jsxs(Text, { color: "gray", children: ["Active stream: ", truncate(diagnostics.streamUrl ?? 'none', lineWidth - 15)] }), _jsxs(Text, { color: "gray", children: ["Library: ", truncate(storePath, lineWidth - 9)] })] })] }));
+                    } }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", bold: true, children: "Status" }), _jsxs(Text, { color: "gray", children: ["Player: ", _jsx(Text, { color: accent, children: playbackBackendLabel(playback.backend) }), " / ", playback.state, " \u00B7", ' ', diagnostics.muted ? 'muted' : `vol ${diagnostics.volume}`, " \u00B7 tune timeout ", settings.tuneTimeoutSeconds, "s"] }), _jsxs(Text, { color: "gray", children: ["Provider health: ", health.length ? health.map(([provider, status]) => `${provider} ${status}`).join(' · ') : 'not checked yet'] }), _jsxs(Text, { color: "gray", children: ["Active stream: ", truncate(diagnostics.streamUrl ?? 'none', lineWidth - 15)] }), _jsxs(Text, { color: "gray", children: ["Library: ", truncate(storePath, lineWidth - 9)] })] })] }));
 }
-function settingValue(item, settings, diagnostics, backends) {
+function settingValue(item, settings, diagnostics, backends, airPlayDevices) {
     switch (item) {
         case 'Cycle display color':
             return settings.theme;
@@ -25,8 +26,15 @@ function settingValue(item, settings, diagnostics, backends) {
         case 'Toggle nearby location lookup':
             return settings.enableNearbyLocation ? 'on' : 'off';
         case 'Cycle playback backend':
-            return `${settings.preferredBackend} · available ${backends.length ? backends.join(', ') : 'none'}`;
+            return `${settings.preferredBackend} · available ${backends.length ? backends.map(playbackBackendLabel).join(', ') : 'none'}`;
+        case 'Cycle AirPlay target': {
+            const device = airPlayDevices.find(candidate => candidate.id === settings.preferredAirPlayDevice);
+            return `${device?.name ?? settings.preferredAirPlayDevice ?? 'auto'} · ${airPlayDevices.length || 'no'} found`;
+        }
         case 'Mute or unmute':
+            if (diagnostics.backend === 'ffplay' && !playbackBackendCapabilities(diagnostics.backend).supportsMute) {
+                return 'requires mpv';
+            }
             return diagnostics.muted ? 'muted' : `vol ${diagnostics.volume}`;
         case 'Toggle skip broken streams':
             return settings.skipBrokenStreams ? 'on' : 'off';

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

@@ -3,7 +3,7 @@ import { useInput } from 'ink';
 import { homeItems, settingsItems } from './screen-items.js';
 import { applyTextInput, clamp, favoriteTarget, isEditableInput, isPlainPrintableInput, mediaTransportActionForInput, shouldHandleKeyboardEvent } from './app-state.js';
 import { parseSgrMouseEvents, primaryMousePress } from './terminal-mouse.js';
-export function useAppInput({ adjustVolume, beginLearningTransportKey, capturingTransportAction, commandMode, commandText, currentItemCount, cycleDisplayColor, cyclePlaybackBackend, cycleReceiverStyle, cycleSleepTimer, editingCountryFilter, editingSearch, executeCommand, filteredCountries, go, lastRawTransportAtRef, lastSubmittedSearchRef, loadCountry, openAdjacentTab, openScreen, playAdjacent, playStation, player, playingStation, moveExploreCursor, moveExploreCursorToCell, refreshProviderHealth, resetLearnedTransportKeys, runSearch, saveLearnedTransportKey, screen, searchQuery, selected, selectedStation, setCapturingTransportAction, setCommandMode, setCommandText, setCountryFilter, setEditingCountryFilter, setEditingSearch, setMessage, setSearchQuery, setSelected, setShowDiagnostics, settingsRef, shutdown, stdin, toggleFavorite, toggleMute, toggleNearbyLocation, toggleRadioGarden, toggleSkipBrokenStreams }) {
+export function useAppInput({ adjustVolume, beginLearningTransportKey, capturingTransportAction, commandMode, commandText, currentItemCount, cycleAirPlayTarget, cycleDisplayColor, cyclePlaybackBackend, cycleReceiverStyle, cycleSleepTimer, editingCountryFilter, editingSearch, executeCommand, filteredCountries, go, lastRawTransportAtRef, lastSubmittedSearchRef, loadCountry, openAdjacentTab, openScreen, playAdjacent, playStation, player, playingStation, moveExploreCursor, moveExploreCursorToCell, refreshProviderHealth, resetLearnedTransportKeys, runSearch, saveLearnedTransportKey, screen, searchQuery, selected, selectedStation, setCapturingTransportAction, setCommandMode, setCommandText, setCountryFilter, setEditingCountryFilter, setEditingSearch, setMessage, setSearchQuery, setSelected, setShowDiagnostics, settingsRef, shutdown, stdin, toggleFavorite, toggleMute, togglePause, toggleNearbyLocation, toggleRadioGarden, toggleSkipBrokenStreams }) {
     useEffect(() => {
         const onData = (data) => {
             const rawInput = String(data);
@@ -43,7 +43,7 @@ export function useAppInput({ adjustVolume, beginLearningTransportKey, capturing
             }
             else if (action === 'playPause') {
                 lastRawTransportAtRef.current = Date.now();
-                void player.togglePause();
+                togglePause();
             }
         };
         stdin.on('data', onData);
@@ -64,7 +64,8 @@ export function useAppInput({ adjustVolume, beginLearningTransportKey, capturing
         setCapturingTransportAction,
         setMessage,
         settingsRef,
-        stdin
+        stdin,
+        togglePause
     ]);
     useInput((input, key) => {
         if (key.ctrl && input === 'c') {
@@ -202,6 +203,10 @@ export function useAppInput({ adjustVolume, beginLearningTransportKey, capturing
             cyclePlaybackBackend();
             return;
         }
+        if (input === 'a' && screen === 'settings') {
+            cycleAirPlayTarget();
+            return;
+        }
         if (input === 'g') {
             toggleRadioGarden();
             return;
@@ -270,7 +275,7 @@ export function useAppInput({ adjustVolume, beginLearningTransportKey, capturing
             return;
         }
         if (input === ' ') {
-            void player.togglePause();
+            togglePause();
             return;
         }
         if (input === 'n' && screen === 'now-playing') {
@@ -329,6 +334,9 @@ export function useAppInput({ adjustVolume, beginLearningTransportKey, capturing
                 else if (item === 'Cycle playback backend') {
                     cyclePlaybackBackend();
                 }
+                else if (item === 'Cycle AirPlay target') {
+                    cycleAirPlayTarget();
+                }
                 else if (item === 'Volume up') {
                     adjustVolume(5);
                 }

package/dist/ui/use-command-executor.js

@@ -96,6 +96,14 @@ export function useCommandExecutor({ beginLearningTransportKey, countries, go, l
             setMessage(`Learned keys: prev ${mediaKeys.previous.length}, play ${mediaKeys.playPause.length}, next ${mediaKeys.next.length}. Use :keys reset to clear.`);
             return;
         }
+        if (name === 'airplay-code' || name === 'airplay-passcode') {
+            if (!value.trim()) {
+                setMessage('Usage: :airplay-code <code>');
+                return;
+            }
+            player.submitAirPlayPasscode(value.trim());
+            return;
+        }
         if (name === 'sleep') {
             const minutes = Number(value);
             setSleepUntil(Number.isFinite(minutes) && minutes > 0 ? Date.now() + minutes * 60_000 : null);

package/package.json

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