@ciphore/radiocli 0.2.1 → 0.2.3

package/dist/ui/screens/NowPlayingScreen.js

@@ -6,12 +6,14 @@ import { panelBorderStyle, useDisplay } from '../display-context.js';
 import { toAsciiSafe } from '../ascii.js';
 import { ScreenHeader } from '../components/ScreenHeader.js';
 import { buildVisualizer, visualizerHeight } from '../visualizers/receiver-visualizers.js';
+import { useReceiverPulse } from '../receiver-animation.js';
 // Terminal rows are roughly twice as tall as columns are wide. One vertical
 // row and three horizontal columns produce a closer optical inset around the
 // highest and lowest visible text than a mechanically equal cell count.
 const receiverPaddingX = 3;
 const receiverPaddingY = 1;
-export function NowPlayingScreen({ station, playback, metadata, theme, favorite, pulse, diagnostics, showDiagnostics, stationTime, receiverStyle, trackHistory, width, height }) {
+export function NowPlayingScreen({ station, playback, metadata, theme, favorite, diagnostics, showDiagnostics, stationTime, receiverStyle, trackHistory, width, height }) {
+    const pulse = useReceiverPulse();
     const { panel: panelBackground, ascii } = useDisplay();
     // In ASCII mode route every rendered string through the glyph mapper so no
     // braille, block, box-drawing, or punctuation (·, ★) leaks to the terminal.
@@ -75,7 +77,9 @@ export function receiverStationIdentity(station, width) {
 function renderSegments(segments) {
     let offset = 0;
     return segments.map(segment => {
-        const key = `${offset}-${segment.color}-${segment.backgroundColor ?? ''}-${segment.bold ? 'bold' : ''}`;
+        // Keep identity tied to geometry, not animated color. Color-bearing keys
+        // forced React to unmount and recreate hundreds of Text nodes per frame.
+        const key = offset;
         offset += segment.text.length;
         return (_jsx(Text, { color: segment.color, backgroundColor: segment.backgroundColor, bold: segment.bold, children: segment.text }, key));
     });

package/dist/ui/screens/SettingsScreen.js

@@ -1,73 +1,68 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
+import { defaultAgentControlSettings } from '../../types.js';
 import { Menu, Pointer } from '../components/Menu.js';
 import { ScreenHeader } from '../components/ScreenHeader.js';
 import { truncate } from '../format.js';
-import { settingsItems, settingsSectionFor } from '../screen-items.js';
+import { settingsGroup, settingsGroups, settingsItemsForPage } from '../screen-items.js';
 import { textMuted, themeAccent } from '../theme.js';
 import { playbackBackendCapabilities } from '../../player/backend-install.js';
 import { airPlayReceiverSettingValue } from '../airplay-settings.js';
 import { audioOutputLabel, audioOutputSettingValue } from '../audio-output.js';
 import { updateStatusText } from '../../update-check.js';
-export function SettingsScreen({ selected, settings, appVersion, updateCheck, storePath, playback, backends, airPlayDevices, providerHealth, theme, diagnostics, width, height }) {
+export function SettingsScreen({ page = 'root', selected, settings, appVersion, updateCheck, storePath, playback, backends, airPlayDevices, providerHealth, theme, diagnostics, width, height }) {
     const accent = themeAccent(theme);
     const lineWidth = Math.max(32, width - 4);
-    const menuWindow = settingsMenuWindow(selected, height);
-    const selectedItem = settingsItems[selected];
-    const activeSection = settingsSectionFor(selectedItem);
-    const detail = settingDetail({
-        item: selectedItem,
-        appVersion,
-        updateCheck,
-        storePath,
-        playback,
-        providerHealth,
-        diagnostics,
-        lineWidth
-    });
+    const group = settingsGroup(page);
+    const pageItems = settingsItemsForPage(page);
+    const menuWindow = settingsMenuWindow(pageItems, selected, height);
+    const selectedItem = pageItems[selected];
+    const detail = page === 'root' && selectedItem !== 'Check for updates'
+        ? settingsGroupsDescription(selectedItem)
+        : settingDetail({
+            item: selectedItem,
+            appVersion,
+            updateCheck,
+            storePath,
+            playback,
+            providerHealth,
+            diagnostics,
+            lineWidth
+        });
     const valueGap = 3;
     const labelWidth = Math.min(34, Math.max(20, lineWidth - valueGap - 24));
     const valueWidth = Math.max(12, Math.min(34, lineWidth - labelWidth - valueGap - 2));
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "Settings", subtitle: activeSection, width: width, theme: theme }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Menu, { items: menuWindow.items, selected: menuWindow.selectedOffset, keyFor: ({ item }) => item, render: (item, _index, active) => {
-                        const label = settingLabel(item.item, updateCheck);
-                        const value = settingValue(item.item, settings, diagnostics, backends, airPlayDevices, updateCheck);
-                        return (_jsxs(Box, { flexDirection: "column", children: [item.showSection ? (_jsx(Text, { color: textMuted, bold: true, children: item.section })) : null, _jsxs(Box, { width: lineWidth, children: [_jsx(Pointer, { active: active }), _jsx(Box, { width: labelWidth, children: _jsx(Text, { color: active ? accent : undefined, bold: active, children: truncate(label, labelWidth) }) }), _jsx(Box, { width: valueGap }), _jsx(Box, { width: valueWidth, children: _jsx(Text, { color: value ? accent : textMuted, children: truncate(value ?? '', valueWidth) }) })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "Settings", subtitle: group ? `Settings › ${group.label}` : 'Choose a category', width: width, theme: theme }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Menu, { items: menuWindow.items, selected: menuWindow.selectedOffset, keyFor: item => item, render: (item, _index, active) => {
+                        const label = settingLabel(item, updateCheck, appVersion);
+                        const value = page === 'root'
+                            ? settingsRootValue(item)
+                            : settingValue(item, settings, diagnostics, backends, airPlayDevices, updateCheck, appVersion);
+                        return (_jsxs(Box, { width: lineWidth, children: [_jsx(Pointer, { active: active }), _jsx(Box, { width: labelWidth, children: _jsx(Text, { color: active ? accent : undefined, bold: active, children: truncate(label, labelWidth) }) }), _jsx(Box, { width: valueGap }), _jsx(Box, { width: valueWidth, children: _jsx(Text, { color: value ? accent : textMuted, children: truncate(value ?? '', valueWidth) }) })] }));
                     } }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: textMuted, bold: true, children: "Selected" }), _jsx(Text, { color: textMuted, children: truncate(detail, lineWidth) })] })] }));
 }
-function settingsMenuWindow(selected, height) {
+function settingsMenuWindow(items, selected, height) {
     const reservedRows = 6;
     const maxRows = height ? Math.max(5, height - reservedRows) : Number.POSITIVE_INFINITY;
-    const clampedSelected = Math.min(Math.max(selected, 0), settingsItems.length - 1);
-    const pages = [];
-    let page = [];
-    let pageRows = 0;
-    let previousSection = '';
-    settingsItems.forEach((item, index) => {
-        const section = settingsSectionFor(item);
-        let showSection = section !== previousSection;
-        let rowCost = 1 + (showSection ? 1 : 0);
-        if (page.length > 0 && pageRows + rowCost > maxRows) {
-            pages.push(page);
-            page = [];
-            pageRows = 0;
-            previousSection = '';
-            showSection = true;
-            rowCost = 2;
-        }
-        page.push({ item, section, showSection, index });
-        pageRows += rowCost;
-        previousSection = section;
-    });
-    if (page.length > 0) {
-        pages.push(page);
-    }
-    const selectedPage = pages.find(candidate => candidate.some(entry => entry.index === clampedSelected)) ?? pages[0] ?? [];
+    const clampedSelected = Math.min(Math.max(selected, 0), items.length - 1);
+    const pageSize = Number.isFinite(maxRows) ? Math.max(1, Math.floor(maxRows)) : items.length;
+    const pageStart = Math.floor(clampedSelected / pageSize) * pageSize;
+    const selectedPage = items.slice(pageStart, pageStart + pageSize);
     return {
-        items: selectedPage,
-        selectedOffset: Math.max(0, selectedPage.findIndex(entry => entry.index === clampedSelected))
+        items: [...selectedPage],
+        selectedOffset: clampedSelected - pageStart
     };
 }
-export function settingValue(item, settings, diagnostics, backends, airPlayDevices, updateCheck) {
+function settingsRootValue(item) {
+    const group = settingsGroupByLabel(item);
+    return group ? `${group.items.length} settings ›` : undefined;
+}
+function settingsGroupByLabel(label) {
+    return settingsGroups.find(group => group.label === label);
+}
+function settingsGroupsDescription(label) {
+    return label ? settingsGroupByLabel(label)?.description ?? 'Press Enter to open this category.' : '';
+}
+export function settingValue(item, settings, diagnostics, backends, airPlayDevices, updateCheck, currentVersion) {
     switch (item) {
         case 'Cycle display color':
             return settings.theme;
@@ -100,8 +95,18 @@ export function settingValue(item, settings, diagnostics, backends, airPlayDevic
             return settings.reduceMotion ? 'on' : 'off';
         case 'Mouse and trackpad scrolling':
             return settings.mouseSupport === false ? 'off' : 'auto';
+        case 'Automatically check for updates':
+            return settings.automaticUpdateChecks === false ? 'off' : 'on';
+        case 'Allow local agent control':
+            return (settings.agentControl ?? defaultAgentControlSettings).enabled ? 'on' : 'off';
+        case 'Install or repair MCP integrations':
+            return 'run repair';
+        case 'Open TUI for agent playback':
+            return (settings.agentControl ?? defaultAgentControlSettings).openUiOnPlay ? 'on' : 'off';
+        case 'Show Now Playing for agent playback':
+            return (settings.agentControl ?? defaultAgentControlSettings).focusNowPlaying ? 'on' : 'off';
         case 'Check for updates':
-            return updateStatusText(updateCheck);
+            return updateStatusText(updateCheck, currentVersion);
         case 'Reset learned media keys':
             return `prev ${settings.mediaKeys.previous.length} · play ${settings.mediaKeys.playPause.length} · next ${settings.mediaKeys.next.length}`;
         case 'Export preferences and library':
@@ -112,9 +117,9 @@ export function settingValue(item, settings, diagnostics, backends, airPlayDevic
             return undefined;
     }
 }
-export function settingLabel(item, updateCheck) {
-    if (item === 'Check for updates' && updateCheck?.updateAvailable) {
-        return 'Install update';
+export function settingLabel(item, updateCheck, currentVersion) {
+    if (item === 'Check for updates') {
+        return updateStatusText(updateCheck, currentVersion).endsWith('available') ? 'Install update' : 'Check now';
     }
     return settingDisplayLabels[item] ?? item;
 }
@@ -135,7 +140,10 @@ function settingDetail(input) {
         return health.length ? health.map(([provider, status]) => `${provider}: ${status}`).join(' · ') : 'Press Enter to check station providers.';
     }
     if (item === 'Check for updates') {
-        return `RadioCLI v${appVersion} · ${updateStatusText(updateCheck)}`;
+        return `RadioCLI v${appVersion} · ${updateStatusText(updateCheck, appVersion)}`;
+    }
+    if (item === 'Automatically check for updates') {
+        return 'When enabled, RadioCLI checks the registry once whenever the app launches.';
     }
     if (item === 'Export preferences and library' || item === 'Import preferences and library') {
         return `Library file: ${truncate(storePath, Math.max(8, lineWidth - 14))}`;
@@ -149,5 +157,14 @@ function settingDetail(input) {
     if (item === 'Reduce motion') {
         return 'Freezes animated receiver displays for calmer, lower-power rendering.';
     }
+    if (item === 'Allow local agent control') {
+        return 'Press Enter to set up or remove agent and Codex Voice control across detected clients.';
+    }
+    if (item === 'Install or repair MCP integrations') {
+        return 'Checks and repairs every detected client. Restart open Codex or agent clients afterward.';
+    }
+    if (item === 'Open TUI for agent playback') {
+        return 'Opt in to a separate terminal window. On macOS, the agent app must approve a one-time Automation prompt.';
+    }
     return 'Press Enter to change this setting.';
 }

package/dist/ui/screens/StationScreen.js

@@ -3,9 +3,10 @@ import { Box, Text } from 'ink';
 import { StationList } from '../components/StationList.js';
 import { ScreenHeader } from '../components/ScreenHeader.js';
 import { textMuted } from '../theme.js';
-export function StationScreen({ title, subtitle, stations, selected, loading, theme, favorites, filterLabel, pageSize, width }) {
+import { truncate } from '../format.js';
+export function StationScreen({ title, subtitle, stations, selected, loading, error, theme, favorites, filterLabel, pageSize, width }) {
     const empty = stationEmptyState(title);
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: title, subtitle: subtitle, width: width, theme: theme, right: filterLabel === 'none' ? undefined : `filters: ${filterLabel}` }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [loading ? _jsx(Text, { color: textMuted, children: "Loading stations\u2026" }) : null, !loading || stations.length > 0 ? (_jsx(StationList, { stations: stations, selected: selected, theme: theme, favorites: favorites, pageSize: pageSize, width: width, emptyTitle: empty.title, emptyHint: empty.hint })) : null] })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: title, subtitle: subtitle, width: width, theme: theme, right: filterLabel === 'none' ? undefined : `filters: ${filterLabel}` }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [loading ? _jsx(Text, { color: textMuted, children: "Loading stations\u2026" }) : null, !loading && error ? _jsx(Text, { color: textMuted, children: truncate(error, width) }) : null, (!loading || stations.length > 0) && (stations.length > 0 || !error) ? (_jsx(StationList, { stations: stations, selected: selected, theme: theme, favorites: favorites, pageSize: pageSize, width: width, emptyTitle: empty.title, emptyHint: empty.hint })) : null] })] }));
 }
 function stationEmptyState(title) {
     if (title.toLowerCase().includes('library')) {

package/dist/ui/selection-state.js

@@ -0,0 +1,10 @@
+import { clamp } from './app-state.js';
+export function commitImmediateSelection(selectionRef, setSelection, next, itemCount) {
+    const selected = clamp(next, itemCount - 1);
+    // Update the event-facing value before React's next render. Slow terminals
+    // can deliver Enter immediately after an arrow key while rendered props are
+    // still one selection behind.
+    selectionRef.current = selected;
+    setSelection(selected);
+    return selected;
+}

package/dist/ui/terminal-mouse.js

@@ -1,5 +1,6 @@
 import { cosmoCoordinateForCell } from './cosmo-world-map.js';
 import { computeExploreMapLayout } from './explore-map-layout.js';
+import { adaptiveExploreFrameMetrics, computeAdaptiveExploreLayout } from './adaptive-explore-layout.js';
 export const enableMouseReporting = '\u001B[?1000h\u001B[?1006h';
 export const disableMouseReporting = '\u001B[?1006l\u001B[?1000l';
 const sgrMousePattern = /\u001B\[<(\d+);(\d+);(\d+)([Mm])/g;
@@ -32,7 +33,8 @@ export function parseTerminalMouseEvents(input) {
 }
 const selectableMouseScreens = new Set([
     'home', 'countries', 'map', 'stations', 'search', 'nearby', 'explore',
-    'library', 'settings', 'help', 'airplay-settings'
+    'library', 'settings', 'help', 'airplay-settings', 'alarms', 'alarm-editor',
+    'alarm-picker', 'alarm-ringing'
 ]);
 export function shouldEnableMouseReporting(screen, itemCount, visibleRows, mouseSupport = true) {
     if (!mouseSupport || !selectableMouseScreens.has(screen))
@@ -60,14 +62,27 @@ export function wheelScrollDelta(events) {
 }
 export function exploreCursorForMouseCell(x, y, frameWidth, layout) {
     if (layout.compact) {
-        return null;
+        const mode = layout.mode === 'micro' ? 'micro' : 'compact';
+        const frame = adaptiveExploreFrameMetrics(mode, layout.contentRows);
+        if (frame.bodyRows <= 0)
+            return null;
+        const mapLayout = computeAdaptiveExploreLayout(mode, frameWidth, frame.bodyRows);
+        const contentLeft = layout.horizontalPadding + 1;
+        const mapInnerLeft = contentLeft + mapLayout.mapOffsetX;
+        const mapInnerTop = 1 + frame.headerRows + frame.headerGap;
+        const col = Math.floor(x - mapInnerLeft);
+        const row = Math.floor(y - mapInnerTop);
+        if (col < 0 || col >= mapLayout.mapColumns || row < 0 || row >= mapLayout.mapRows)
+            return null;
+        const coordinate = cosmoCoordinateForCell(col, row, mapLayout.mapColumns, mapLayout.mapRows);
+        return { latitude: coordinate.lat, longitude: coordinate.lon };
     }
     const mapLayout = computeExploreMapLayout(frameWidth, layout.contentRows, layout.stationRows);
     const contentLeft = 2;
     const contentTop = layout.topRows + 1;
     const mapOuterLeft = contentLeft;
     const mapOuterTop = contentTop + mapLayout.headerRows + 1;
-    const mapInnerLeft = mapOuterLeft + 1;
+    const mapInnerLeft = mapOuterLeft + 1 + mapLayout.mapOffsetX;
     const mapInnerTop = mapOuterTop + 1;
     const col = Math.floor(x - mapInnerLeft);
     const row = Math.floor(y - mapInnerTop);