@ciphore/radiocli 0.2.1 → 0.2.3

package/dist/ui/page-footer.js

@@ -1,5 +1,6 @@
 import { mediaActionLabel } from './app-state.js';
 import { playbackBackendCapabilities } from '../player/backend-install.js';
+import { displayWidth } from './format.js';
 export function fullFooterRowCount(screen) {
     return screen === 'now-playing' ? 3 : 4;
 }
@@ -12,7 +13,7 @@ export function fullStatusFooterRows(screen, message, footerMessage, playbackSta
         { key: 'playback', text: footerMessage ?? playbackStatus ?? ' ' }
     ];
 }
-export function pageFooterText({ capturingTransportAction, commandMode, commandText, editingCountryFilter, editingSearch, canEnterAirPlayCode, playbackBackend, screen }) {
+export function pageFooterText({ capturingTransportAction, commandMode, commandText, editingCountryFilter, editingSearch, canEnterAirPlayCode, playbackBackend, screen, settingsPage = 'root' }) {
     if (capturingTransportAction) {
         return `Learn ${mediaActionLabel(capturingTransportAction)} key: press key · Esc cancel`;
     }
@@ -57,7 +58,9 @@ export function pageFooterText({ capturingTransportAction, commandMode, commandT
         return 'space/F8 pause · f favorite · m mute · s sleep · d diagnostics · b Overview';
     }
     if (screen === 'settings') {
-        return 'Enter change selected · g Radio Garden · l location · x skip · o output · a AirPlay · r health · b Overview';
+        return settingsPage === 'root'
+            ? '↑/↓ choose · Enter open · o output · a AirPlay · b Overview'
+            : '↑/↓ choose · Enter change · b Settings · shortcuts still work';
     }
     if (screen === 'airplay-settings') {
         return canEnterAirPlayCode
@@ -70,6 +73,18 @@ export function pageFooterText({ capturingTransportAction, commandMode, commandT
     if (screen === 'stats') {
         return 'b Overview';
     }
+    if (screen === 'alarms') {
+        return '↑/↓ or j/k/p move · Enter choose/create/edit · n new · Space toggle · g Guard · x twice delete · t station test · r repair · b Overview';
+    }
+    if (screen === 'alarm-editor') {
+        return '↑/↓ field · ←/→ adjust · Enter open/control · Ctrl+S save · Esc cancel';
+    }
+    if (screen === 'alarm-picker') {
+        return '↑/↓ choose · Enter select · Esc editor';
+    }
+    if (screen === 'alarm-ringing') {
+        return 'Enter keep playing · Space snooze · ↑/↓ alarm · b return';
+    }
     if (screen === 'help') {
         return '↑/↓ scroll · [/] page · ? or b close · : command';
     }
@@ -84,3 +99,106 @@ export function microPlaybackControlsText(playbackBackend) {
     }
     return 'space pause · +/- volume · ,/. station';
 }
+export function balancedFooterLegendRows(pageText, globalText, width, rowCount = 2, lastRowReservedWidth = 0) {
+    const safeWidth = Math.max(1, width);
+    const safeRowCount = Math.max(1, rowCount);
+    const rowWidths = Array.from({ length: safeRowCount }, (_, index) => index === safeRowCount - 1 ? Math.max(1, safeWidth - lastRowReservedWidth) : safeWidth);
+    const pageTokens = footerTokens(pageText).map(compactLegendToken);
+    const globalTokens = footerTokens(globalText).map(compactLegendToken);
+    const regular = fitLegendRows(pageTokens, globalTokens, rowWidths);
+    const compressed = fitLegendRows(pageTokens, globalTokens.map(compactGlobalToken), rowWidths);
+    if (regular && (!compressed || regular.retainedPageTokens >= compressed.retainedPageTokens))
+        return regular.rows;
+    if (compressed)
+        return compressed.rows;
+    return packWholeTokens(globalTokens.map(compactGlobalToken), rowWidths);
+}
+export function microShortcutFooterText(pageText, width) {
+    const safeWidth = Math.max(1, width);
+    const globalKeys = ['←/→', '?', 'q'];
+    const pageKeys = footerTokens(pageText)
+        .map(shortcutKey)
+        .filter((value) => Boolean(value) && !globalKeys.includes(value));
+    const uniquePageKeys = [...new Set(pageKeys)];
+    while (uniquePageKeys.length > 0 && displayWidth([...uniquePageKeys, ...globalKeys].join('  ')) > safeWidth) {
+        uniquePageKeys.pop();
+    }
+    const keys = [...uniquePageKeys, ...globalKeys];
+    while (keys.length > 1 && displayWidth(keys.join('  ')) > safeWidth)
+        keys.shift();
+    return keys.join('  ');
+}
+function footerTokens(text) {
+    return text.split(' · ').map(value => value.trim()).filter(Boolean);
+}
+function compactLegendToken(token) {
+    return token
+        .replace('↑/↓ or j/k/p move', '↑/↓/j/k/p move')
+        .replace('↑/↓ or n/p move', '↑/↓/n/p move')
+        .replace('Enter choose/create/edit', 'Enter select')
+        .replace('Enter open/control', 'Enter control')
+        .replace('F7/F9 or ,/. station', 'F7/F9 ,/. station')
+        .replace('x twice delete', 'x×2 delete')
+        .replace('t station test', 't test');
+}
+function compactGlobalToken(token) {
+    return token.replace('←/→ tabs', '←/→').replace('? help', '?').replace('q quit', 'q');
+}
+function shortcutKey(token) {
+    if (/^(?:ALARM PLAYING|mpv enables controls)/i.test(token))
+        return null;
+    const match = token.match(/^(↑\/↓)(?: or ([^ ]+))?|^([^ ]+)/);
+    if (!match)
+        return null;
+    return match[1] ? `${match[1]}${match[2] ? `/${match[2]}` : ''}` : match[3] ?? null;
+}
+function fitLegendRows(pageTokens, globalTokens, rowWidths) {
+    for (let retained = pageTokens.length; retained >= 0; retained -= 1) {
+        const rows = bestRowSplit([...pageTokens.slice(0, retained), ...globalTokens], rowWidths);
+        if (rows)
+            return { rows, retainedPageTokens: retained };
+    }
+    return null;
+}
+function bestRowSplit(tokens, rowWidths) {
+    const rowCount = rowWidths.length;
+    if (tokens.length === 0)
+        return Array.from({ length: rowCount }, () => ' ');
+    if (tokens.some(token => displayWidth(token) > Math.max(...rowWidths)))
+        return null;
+    if (rowCount === 1) {
+        const row = tokens.join(' · ');
+        return displayWidth(row) <= rowWidths[0] ? [row] : null;
+    }
+    const candidates = [];
+    const visit = (start, rows) => { if (rows.length === rowCount - 1) {
+        const final = tokens.slice(start).join(' · ');
+        if (!final || displayWidth(final) > rowWidths[rows.length])
+            return;
+        const candidate = [...rows, final];
+        const widths = candidate.map(displayWidth);
+        candidates.push({ rows: candidate, difference: Math.max(...widths) - Math.min(...widths) });
+        return;
+    } const remainingRows = rowCount - rows.length - 1; for (let end = start + 1; end <= tokens.length - remainingRows; end += 1) {
+        const row = tokens.slice(start, end).join(' · ');
+        if (displayWidth(row) > rowWidths[rows.length])
+            break;
+        visit(end, [...rows, row]);
+    } };
+    if (tokens.length < rowCount) {
+        const row = tokens.join(' · ');
+        return displayWidth(row) <= rowWidths[0] ? [row, ...Array.from({ length: rowCount - 1 }, () => ' ')] : null;
+    }
+    visit(0, []);
+    return candidates.sort((a, b) => a.difference - b.difference)[0]?.rows ?? null;
+}
+function packWholeTokens(tokens, rowWidths) {
+    const rows = Array.from({ length: rowWidths.length }, () => '');
+    for (const token of tokens) {
+        const target = rows.findIndex((row, index) => displayWidth(row ? `${row} · ${token}` : token) <= rowWidths[index]);
+        if (target < 0)
+            continue;
+        rows[target] = rows[target] ? `${rows[target]} · ${token}` : token;
+    }
+    return rows.map(row => row || ' ');
+}

package/dist/ui/receiver-animation.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useRef, useState } from 'react';
+import { shouldAnimateReceiver, shouldResetReceiverPulse } from './app-state.js';
+const LIVE_RECEIVER_PULSE_MS = 80;
+const SKYLINE_RECEIVER_PULSE_MS = 120;
+const ReceiverPulseContext = createContext(0);
+/**
+ * Own receiver animation below the application root so an animation frame only
+ * invalidates the visualizer that consumes the pulse. Pulse values are derived
+ * from elapsed time: a busy terminal may skip obsolete frames, but it never
+ * slows the animation or queues a backlog of root renders.
+ */
+export function ReceiverAnimationProvider({ children, screen, playback, receiverStyle, reduceMotion }) {
+    const [pulse, setPulse] = useState(0);
+    const pulseRef = useRef(0);
+    const snapshotRef = useRef(null);
+    pulseRef.current = pulse;
+    const previousSnapshot = snapshotRef.current;
+    const currentSnapshot = {
+        screen,
+        receiverStyle,
+        playbackState: playback.state,
+        playbackReady: playback.ready
+    };
+    const enteredNowPlaying = screen === 'now-playing' && previousSnapshot?.screen !== 'now-playing';
+    const changedStyle = previousSnapshot !== null && previousSnapshot.receiverStyle !== receiverStyle;
+    const resetPending = enteredNowPlaying ||
+        changedStyle ||
+        shouldResetReceiverPulse(previousSnapshot, currentSnapshot);
+    useEffect(() => {
+        if (resetPending) {
+            pulseRef.current = 0;
+            setPulse(0);
+        }
+        snapshotRef.current = currentSnapshot;
+    }, [playback.ready, playback.state, receiverStyle, resetPending, screen]);
+    useEffect(() => {
+        if (!shouldAnimateReceiver(screen, playback) ||
+            reduceMotion ||
+            process.env.RADIOCLI_DISABLE_ANIMATION === '1' ||
+            process.env.RADIO_ATLAS_DISABLE_ANIMATION === '1') {
+            return;
+        }
+        const intervalMs = receiverStyle === 'skyline' ? SKYLINE_RECEIVER_PULSE_MS : LIVE_RECEIVER_PULSE_MS;
+        const startedAt = performance.now();
+        const startingPulse = pulseRef.current;
+        let timer = null;
+        const schedule = () => {
+            const elapsed = performance.now() - startedAt;
+            const completedFrames = Math.floor(elapsed / intervalMs);
+            const delay = Math.max(1, (completedFrames + 1) * intervalMs - elapsed);
+            timer = setTimeout(() => {
+                const nextFrame = Math.max(1, Math.floor((performance.now() - startedAt) / intervalMs));
+                setPulse(startingPulse + nextFrame);
+                schedule();
+            }, delay);
+        };
+        schedule();
+        return () => {
+            if (timer)
+                clearTimeout(timer);
+        };
+    }, [playback.ready, playback.state, receiverStyle, reduceMotion, screen]);
+    return _jsx(ReceiverPulseContext.Provider, { value: resetPending ? 0 : pulse, children: children });
+}
+export function useReceiverPulse() {
+    return useContext(ReceiverPulseContext);
+}

package/dist/ui/screen-items.js

@@ -6,11 +6,14 @@ export const homeItems = [
     { screen: 'countries', label: 'Countries', detail: 'Browse by country list with a world-map toggle' },
     { screen: 'nearby', label: 'Nearby', detail: 'Approximate IP location for local stations' },
     { screen: 'stats', label: 'Stats', detail: 'Listening graph, stations, streaks, hours' },
+    { screen: 'alarms', label: 'Alarms (beta)', detail: 'Wake to radio and schedule station playback' },
     { screen: 'settings', label: 'Settings', detail: 'Audio output, colors, providers' }
 ];
 export const settingsGroups = [
     {
-        label: 'Playback',
+        id: 'playback',
+        label: 'Playback & audio',
+        description: 'Output, volume, AirPlay, and startup behavior',
         items: [
             'Audio output',
             'AirPlay receiver',
@@ -22,7 +25,9 @@ export const settingsGroups = [
         ]
     },
     {
-        label: 'Display',
+        id: 'appearance',
+        label: 'Appearance',
+        description: 'Colors, receiver style, motion, and terminal display',
         items: [
             'Cycle display color',
             'Cycle receiver style',
@@ -33,22 +38,40 @@ export const settingsGroups = [
         ]
     },
     {
-        label: 'Discovery & privacy',
+        id: 'discovery',
+        label: 'Discovery & providers',
+        description: 'Location, station directories, privacy, and provider health',
         items: [
             'Toggle nearby location lookup',
             'Toggle Radio Garden experimental adapter',
-            'Share favorite votes with Radio Browser'
+            'Share favorite votes with Radio Browser',
+            'Refresh provider health'
         ]
     },
     {
-        label: 'Data',
+        id: 'data',
+        label: 'Data & library',
+        description: 'Back up or restore preferences and saved stations',
         items: [
             'Export preferences and library',
             'Import preferences and library'
         ]
     },
     {
+        id: 'agent',
+        label: 'Agent control & MCP',
+        description: 'Local agent access and MCP playback behavior',
+        items: [
+            'Allow local agent control',
+            'Install or repair MCP integrations',
+            'Open TUI for agent playback',
+            'Show Now Playing for agent playback'
+        ]
+    },
+    {
+        id: 'media-keys',
         label: 'Media keys',
+        description: 'Teach RadioCLI your keyboard playback controls',
         items: [
             'Learn previous media key',
             'Learn play/pause media key',
@@ -57,14 +80,23 @@ export const settingsGroups = [
         ]
     },
     {
-        label: 'Maintenance',
+        id: 'updates',
+        label: 'Updates',
+        description: 'Automatic launch checks, version status, and installation',
         items: [
-            'Refresh provider health',
+            'Automatically check for updates',
             'Check for updates'
         ]
     }
 ];
 export const settingsItems = settingsGroups.flatMap(group => group.items);
-export function settingsSectionFor(item) {
-    return settingsGroups.find(group => group.items.some(candidate => candidate === item))?.label ?? 'Preferences';
+export const settingsRootItems = settingsGroups.map(group => group.label);
+export function settingsGroup(page) {
+    return settingsGroups.find(group => group.id === page);
+}
+export function settingsItemsForPage(page) {
+    return page === 'root' ? settingsRootItems : settingsGroup(page)?.items ?? [];
+}
+export function settingsPageForRootItem(item) {
+    return settingsGroups.find(group => group.label === item)?.id;
 }

package/dist/ui/screen-meta.js

@@ -23,6 +23,10 @@ export const screenMetadata = {
 const secondaryTitles = {
     stations: 'Stations',
     map: 'World map',
+    alarms: 'Alarms',
+    'alarm-editor': 'Alarm editor',
+    'alarm-picker': 'Choose station',
+    'alarm-ringing': 'Alarm ringing',
     'airplay-settings': 'AirPlay',
     'airplay-code': 'AirPlay code',
     help: 'Help'

package/dist/ui/screens/AlarmsScreen.js

@@ -0,0 +1,202 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { draftNextOccurrence } from '../alarm-editor.js';
+import { nextOccurrenceForAlarm } from '../../alarms/schedule.js';
+import { stationKey } from '../../storage/store.js';
+import { visibleWindow } from '../list-window.js';
+import { ScreenHeader } from '../components/ScreenHeader.js';
+import { textMuted, themeAccent } from '../theme.js';
+import { truncate } from '../format.js';
+import { useDisplay } from '../display-context.js';
+import { toAsciiSafe } from '../ascii.js';
+import { AdaptiveMarquee } from '../components/AdaptiveMarquee.js';
+export function AlarmsScreen({ alarms, selected, runtime, verification, deletingId, busyAlarmIds = new Set(), theme, width, height, mode: requestedMode }) {
+    const accent = themeAccent(theme);
+    const { ascii, reduceMotion } = useDisplay();
+    const a = (value) => ascii ? toAsciiSafe(value) : value;
+    const mode = requestedMode ?? (width < 34 ? 'micro' : width < 68 ? 'compact' : 'full');
+    if (verification)
+        return _jsx(AlarmVerificationScreen, { report: verification, theme: theme, width: width, height: height });
+    const status = schedulerStatus(runtime, mode);
+    const next = alarms.map(alarm => ({ alarm, occurrence: nextOccurrenceForAlarm(alarm, new Date()) })).filter(item => item.occurrence).sort((a, b) => a.occurrence.getTime() - b.occurrence.getTime())[0];
+    const noticeRows = height >= 11 ? 2 : 1;
+    const rows = Math.max(1, height - 5 - noticeRows);
+    const items = [{ kind: 'create' }, ...alarms.map(alarm => ({ kind: 'alarm', alarm })), { kind: 'verify' }];
+    const window = visibleWindow(items, Math.min(selected, items.length - 1), rows);
+    return _jsxs(Box, { flexDirection: "column", height: height, width: width, overflow: "hidden", children: [_jsx(ScreenHeader, { title: "Alarms", subtitle: status, theme: theme, width: width }), _jsx(Text, { color: next ? accent : textMuted, children: a(truncate(next ? nextAlarmSummary(next.alarm, next.occurrence, mode) : mode === 'full' ? 'No enabled future alarm.' : 'No upcoming alarms.', width)) }), _jsx(Box, { marginTop: 1, flexDirection: "column", height: rows, overflow: "hidden", children: window.items.map((item, offset) => {
+                    const index = window.start + offset;
+                    const active = index === selected;
+                    if (item.kind === 'create')
+                        return _jsx(Text, { color: active ? accent : undefined, bold: active, children: a(`${active ? '› ' : '  '}Create alarm`) }, "create-alarm");
+                    if (item.kind === 'verify')
+                        return _jsxs(Box, { children: [_jsx(Text, { color: active ? accent : undefined, bold: active, children: a(active ? '› ' : '  ') }), _jsx(Text, { color: active ? accent : undefined, bold: active, children: _jsx(AdaptiveMarquee, { text: a(verifyLabel(mode)), width: Math.max(0, width - 2), active: active, reduceMotion: reduceMotion }) })] }, "verify-alarm");
+                    const alarm = item.alarm;
+                    const degraded = runtime?.degradedAlarmIds.has(alarm.id);
+                    const cue = degraded ? ' · needs repair' : '';
+                    const deleting = busyAlarmIds.has(alarm.id) ? ' · deleting…' : deletingId === alarm.id ? ' · press x again to delete' : '';
+                    const rowText = `${alarmRowSummary(alarm, mode)}${cue}${deleting}`;
+                    return _jsxs(Box, { children: [_jsx(Text, { color: active ? accent : alarm.enabled ? undefined : textMuted, bold: active, children: a(`${active ? '› ' : '  '}${alarm.enabled ? '●' : '○'} `) }), _jsx(Text, { color: active ? accent : alarm.enabled ? undefined : textMuted, bold: active, children: _jsx(AdaptiveMarquee, { text: a(rowText), width: Math.max(0, width - 4), active: active, reduceMotion: reduceMotion }) })] }, alarm.id);
+                }) }), height >= 11 ? _jsx(Text, { color: textMuted, children: a(staticAlarmMessage(backgroundPromise(runtime, mode), width)) }) : null, _jsx(Text, { backgroundColor: accent, color: "black", bold: true, children: a(staticAlarmMessage(betaNotice(mode), width)) })] });
+}
+function AlarmVerificationScreen({ report, theme, width, height }) {
+    const accent = themeAccent(theme);
+    const { ascii } = useDisplay();
+    const a = (value) => ascii ? toAsciiSafe(value) : value;
+    const heading = report.state === 'running' ? 'Verification in progress' : report.state === 'passed' ? 'Alarm setup verified' : report.state === 'warning' ? 'Alarm setup verified with limitations' : 'Alarm setup has blockers';
+    const subtitle = report.alarmLabel ? `Rehearsing “${report.alarmLabel}” on this machine` : 'Infrastructure check · create an alarm to include its real station';
+    const rows = Math.max(1, height - 5);
+    const window = visibleWindow(report.steps, Math.max(0, report.steps.findIndex(step => step.state === 'running')), Math.max(1, Math.floor(rows / 2)));
+    return _jsxs(Box, { flexDirection: "column", height: height, width: width, overflow: "hidden", children: [_jsx(ScreenHeader, { title: heading, subtitle: subtitle, theme: theme, width: width }), _jsx(Text, { color: report.state === 'passed' ? accent : report.state === 'running' ? accent : undefined, bold: true, children: a(report.state === 'running' ? 'A temporary terminal may open and a 3-second radio sample will play.' : report.state === 'passed' ? 'PASS · The complete alarm rehearsal succeeded.' : report.state === 'warning' ? 'READY WITH LIMITATIONS · Review warnings before relying on wake behavior.' : 'NOT READY · Fix failed critical steps and run Verify again.') }), _jsx(Box, { marginTop: 1, flexDirection: "column", height: rows, overflow: "hidden", children: window.items.map(step => _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: step.state === 'passed' ? accent : step.state === 'running' ? accent : step.state === 'failed' ? 'red' : step.state === 'warning' ? 'yellow' : textMuted, bold: step.state !== 'pending', children: a(`${verificationMark(step.state)} ${step.label}`) }), _jsx(Text, { color: textMuted, children: a(`   ${truncate(step.detail, Math.max(1, width - 3))}`) })] }, step.id)) }), _jsx(Text, { color: textMuted, children: a(report.state === 'running' ? 'Please keep RadioCLI open until cleanup completes.' : 'Press Enter or b to return to Alarms. Run Verify again whenever the OS, terminal, or audio setup changes.') })] });
+}
+export function AlarmEditorScreen({ draft, field, editing, control = null, timeSegment = 'hour', weekdayIndex = 0, error, saving = false, theme, width, height }) {
+    const accent = themeAccent(theme);
+    const { ascii } = useDisplay();
+    const a = (value) => ascii ? toAsciiSafe(value) : value;
+    const rows = editorRows(draft);
+    const selectableIndex = rows.findIndex(row => row.field === field);
+    const viewportHeight = Math.max(1, height - 5);
+    const window = visibleWindow(rows, Math.max(0, selectableIndex), viewportHeight);
+    return _jsxs(Box, { flexDirection: "column", height: height, width: width, overflow: "hidden", children: [_jsx(ScreenHeader, { title: draft.id ? 'Edit alarm' : 'New alarm', subtitle: saving ? 'Saving locally and synchronizing the native scheduler…' : error ?? 'Local-first · native OS job installed on save · terminal may close afterward', theme: theme, width: width }), _jsx(Box, { marginTop: 1, flexDirection: "column", height: viewportHeight, overflow: "hidden", children: control === 'weekdays' ? _jsx(WeekdayControl, { draft: draft, selected: weekdayIndex, accent: accent, ascii: ascii, height: viewportHeight }) : window.items.map(row => row.section
+                    ? _jsx(Text, { color: accent, bold: true, children: a(row.section) }, row.section)
+                    : row.field === 'time' && row.field === field && control === 'time'
+                        ? _jsx(EditorColumns, { width: width, help: a(editorHelp('time') ?? ''), ascii: ascii, children: _jsx(TimeControlRow, { value: draft.time, segment: timeSegment, accent: accent, ascii: ascii }) }, "time")
+                        : _jsx(EditorFieldRow, { row: row, selected: row.field === field, editing: editing, control: row.field === field ? control : null, draft: draft, accent: accent, ascii: ascii, width: width }, row.field)) })] });
+}
+export function AlarmPickerScreen({ choices, selected, fallback, theme, width, height }) {
+    const window = visibleWindow(choices, selected, Math.max(1, height - 5));
+    const accent = themeAccent(theme);
+    const { ascii } = useDisplay();
+    const a = (value) => ascii ? toAsciiSafe(value) : value;
+    return _jsxs(Box, { flexDirection: "column", height: height, width: width, overflow: "hidden", children: [_jsx(ScreenHeader, { title: fallback ? 'Fallback station' : 'Primary station', subtitle: "Favorites, imports, recents, current station, and alarm stations", theme: theme, width: width }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: window.items.map((choice, offset) => {
+                    const index = window.start + offset;
+                    return _jsx(Text, { color: index === selected ? accent : undefined, bold: index === selected, children: a(`${index === selected ? '› ' : '  '}${truncate(`${choice.station?.name ?? 'None'} · ${choice.source}`, Math.max(1, width - 2))}`) }, choice.key);
+                }) })] });
+}
+export function AlarmRingingScreen({ sessions, alarms = [], selected, snoozeMinutes, theme, width, height }) {
+    const accent = themeAccent(theme);
+    const session = sessions[selected];
+    const label = session ? alarms.find(alarm => alarm.id === session.status.alarmId)?.label : undefined;
+    const starting = session?.status.state === 'starting';
+    const { ascii } = useDisplay();
+    const a = (value) => ascii ? toAsciiSafe(value) : value;
+    const roomy = width >= 42 && height >= 12;
+    const clockText = session ? formatClock(new Date(session.status.scheduledAt)) : '';
+    const displayClock = roomy && !ascii ? fullwidthClock(clockText) : clockText;
+    return _jsxs(Box, { flexDirection: "column", height: height, width: width, overflow: "hidden", children: [_jsx(ScreenHeader, { title: "Alarm ringing", subtitle: sessions.length > 1 ? `${selected + 1} of ${sessions.length} active alarms` : starting ? 'Wake radio · preparing station' : 'Wake radio · playing now', theme: theme, width: width }), session ? _jsxs(Box, { flexDirection: "column", alignItems: "center", width: width, children: [_jsx(Text, { backgroundColor: accent, color: "black", bold: true, children: a(starting ? '  ALARM STARTING  ' : '  ALARM ACTIVE  ') }), _jsx(Box, { marginTop: roomy ? 1 : 0, children: _jsx(Text, { backgroundColor: roomy ? accent : undefined, color: roomy ? 'black' : accent, bold: true, children: a(roomy ? `      ${displayClock}      ` : displayClock) }) }), _jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: roomy ? 1 : 0, width: width, children: [_jsx(Text, { color: accent, bold: true, children: a(truncate(label ? `${session.status.stationName} · ${label}` : session.status.stationName, width)) }), height >= 12 ? _jsx(Text, { color: textMuted, children: a(truncate(`${starting ? 'Preparing' : 'Started'} ${formatElapsed(session.status.startedAt)} ago · scheduled ${formatWhen(new Date(session.status.scheduledAt))}`, width)) }) : null] }), _jsxs(Box, { marginTop: 1, flexDirection: width >= 58 ? 'row' : 'column', alignItems: "center", children: [_jsx(Text, { backgroundColor: accent, color: "black", bold: true, children: a(starting ? '  ENTER  WAIT FOR STATION  ' : '  ENTER  KEEP PLAYING  ') }), width >= 58 ? _jsx(Text, { children: "  " }) : null, _jsx(Text, { backgroundColor: accent, color: "black", bold: true, children: a(`  SPACE  SNOOZE ${snoozeMinutes} MIN  `) })] }), height >= 14 ? _jsx(Text, { color: textMuted, children: a(starting ? 'Space snoozes before playback · b return' : 'Enter opens Playing · Space stops the radio until snooze ends · b return') }) : null, sessions.length > 1 && height >= 15 ? _jsx(Text, { color: textMuted, children: a(`↑/↓ choose active alarm · ${selected + 1}/${sessions.length}`) }) : null] }) : _jsx(Text, { color: textMuted, children: "The alarm session ended. Press b to return." })] });
+}
+function editorRows(draft) {
+    const next = draftNextOccurrence(draft);
+    return [
+        { section: 'BASICS' },
+        { field: 'label', label: 'Label', value: draft.label }, { field: 'enabled', label: 'Enabled', value: draft.enabled ? 'Yes' : 'No' },
+        { field: 'station', label: 'Station', value: draft.station?.name ?? 'Choose…' }, { field: 'scheduleType', label: 'Schedule', value: draft.scheduleType === 'once' ? 'One time' : 'Recurring' },
+        ...(draft.scheduleType === 'once' ? [{ field: 'date', label: 'Local date', value: draft.date }] : []),
+        { field: 'time', label: 'Time (24h)', value: draft.time },
+        ...(draft.scheduleType === 'recurring' ? [{ field: 'weekdays', label: 'Repeat', value: weekdayDraftLabel(draft.weekdays) }] : []),
+        { field: 'timezone', label: 'Timezone', value: draft.timezone },
+        { section: 'PLAYBACK' }, { field: 'volume', label: 'Volume', value: `${draft.volume}%` }, { field: 'fadeSeconds', label: 'Fade in', value: `${draft.fadeSeconds}s (mpv only)` },
+        { field: 'stopAfterMinutes', label: 'Stop after', value: `${draft.stopAfterMinutes}m` }, { field: 'fallbackStation', label: 'Fallback', value: draft.fallbackStation?.name ?? 'None' }, { field: 'output', label: 'Output', value: 'Local speakers' },
+        { section: 'RELIABILITY' }, { field: 'missedRunGraceMinutes', label: 'Run after wake within', value: `${draft.missedRunGraceMinutes}m` },
+        { field: 'wakeIfSupported', label: 'Request OS wake', value: draft.wakeIfSupported ? 'Yes' : 'No' }, { field: 'keepAwakeUntilAlarm', label: 'Alarm Guard', value: draft.keepAwakeUntilAlarm ? 'On' : 'Off' },
+        { field: 'preview', label: 'Test-tune station now (does not fire alarm)' }, { section: 'REVIEW' },
+        { field: 'save', label: 'Save alarm', value: next ? `next ${formatWhen(next)}` : 'fix fields to preview next run' }, { field: 'cancel', label: 'Cancel' }
+    ];
+}
+function editorHelp(field) {
+    const help = {
+        timezone: 'An explicit IANA timezone keeps civil schedules stable across travel and DST.',
+        fadeSeconds: 'Fade-in requires mpv; other playback backends start at the target volume.',
+        stopAfterMinutes: 'Playback stops automatically unless Keep playing is chosen while ringing.',
+        fallbackStation: 'The fallback is tried when the primary stream cannot start. Choose None to clear it.',
+        output: 'Scheduled alarms currently play through local speakers; AirPlay is not used unattended.',
+        missedRunGraceMinutes: 'After sleep or logout, run only when the alarm is still inside this grace window.',
+        wakeIfSupported: 'Asks supported systems to wake the computer for this alarm.',
+        keepAwakeUntilAlarm: 'Alarm Guard prevents idle sleep until this occurrence. It is machine-local and consumes power.',
+        time: 'Enter opens the time control; ←/→ chooses hours or minutes and ↑/↓ changes the value.',
+        weekdays: 'Enter opens the weekday checklist. Choose any combination of Monday through Sunday.',
+        volume: 'Sets player volume and raises/unmutes the local system output to this level while the alarm plays.',
+        station: 'Choose the primary stream from current, favorites, imports, recents, or existing alarms.'
+    };
+    return help[field];
+}
+function EditorFieldRow({ row, selected, editing, control, draft, accent, ascii, width }) {
+    const safe = (value) => ascii ? toAsciiSafe(value) : value;
+    const field = row.field;
+    const value = `${row.label}${row.value === undefined ? '' : `: ${editorValue(field, row.value, draft, control)}`}${selected && editing ? ' █' : ''}`;
+    const leftWidth = editorLeftWidth(width);
+    const content = safe(`${selected ? '› ' : '  '}${truncate(value, Math.max(1, leftWidth - 2))}`);
+    const action = field === 'save' || field === 'cancel';
+    const actionText = safe(truncate(`${selected ? '›' : ' '} ${row.label}${row.value ? ` · ${row.value}` : ''}  `, leftWidth).padEnd(leftWidth));
+    const left = action && selected ? _jsx(Text, { backgroundColor: accent, color: "black", bold: true, children: actionText }) : _jsx(Text, { color: selected ? accent : undefined, bold: selected, children: content });
+    return _jsx(EditorColumns, { width: width, help: safe(editorHelp(field) ?? ''), ascii: ascii, children: left });
+}
+function EditorColumns({ width, help, ascii, children }) { const leftWidth = editorLeftWidth(width); const showHelp = Boolean(help) && width >= 72; const description = truncate(help ?? '', Math.max(1, width - leftWidth - 2)); return _jsxs(Box, { width: width, children: [_jsx(Box, { width: showHelp ? leftWidth : width, children: children }), showHelp ? _jsx(Box, { marginLeft: 2, width: Math.max(1, width - leftWidth - 2), children: _jsx(Text, { color: textMuted, children: ascii ? toAsciiSafe(description) : description }) }) : null] }); }
+function editorLeftWidth(width) { return Math.min(width, 54, Math.max(28, Math.floor(width * 0.46))); }
+function editorValue(field, value, draft, control) {
+    if (field === 'time') {
+        const [hour = '00', minute = '00'] = draft.time.split(':');
+        return `${hour} : ${minute}`;
+    }
+    if (field === 'volume') {
+        const level = Math.max(0, Math.min(10, Math.round(Number(draft.volume) / 10)));
+        return `${value}  [${'█'.repeat(level)}${'·'.repeat(10 - level)}]${control === 'number' ? '  ←/→' : ''}`;
+    }
+    if (control === 'number' && ['fadeSeconds', 'stopAfterMinutes', 'missedRunGraceMinutes'].includes(field ?? ''))
+        return `${value}  ←/→`;
+    return value;
+}
+function TimeControlRow({ value, segment, accent, ascii }) {
+    const [hour = '00', minute = '00'] = value.split(':');
+    const pointer = ascii ? '> ' : '› ';
+    const digit = (text, active) => _jsx(Text, { backgroundColor: active ? accent : undefined, color: active ? 'black' : accent, bold: true, children: ` ${text} ` });
+    return _jsxs(Text, { color: accent, bold: true, children: [pointer, "Time: ", digit(hour, segment === 'hour'), " : ", digit(minute, segment === 'minute')] });
+}
+function WeekdayControl({ draft, selected, accent, ascii, height }) {
+    const chosen = new Set(draft.weekdays.split(',').map(Number));
+    const names = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
+    const decorated = height >= 3;
+    const window = visibleWindow(names, selected, decorated ? Math.max(1, height - 2) : height);
+    const safe = (value) => ascii ? toAsciiSafe(value) : value;
+    return _jsxs(Box, { flexDirection: "column", children: [decorated ? _jsx(Text, { color: accent, bold: true, children: "WEEKDAYS" }) : null, window.items.map((name, offset) => {
+                const index = window.start + offset;
+                return _jsx(Text, { color: index === selected ? accent : undefined, bold: index === selected, children: safe(`${index === selected ? '› ' : '  '}${chosen.has(index + 1) ? '●' : '○'} ${name}`) }, name);
+            }), decorated ? _jsx(Text, { color: textMuted, children: safe('Select one or more days. At least one day must remain checked.') }) : null] });
+}
+export function alarmPickerChoices(alarms, favorites, imported, recent, playing, fallback) {
+    const result = fallback ? [{ key: 'none', source: 'No fallback' }] : [];
+    const seen = new Set();
+    const add = (station, source) => { if (!station)
+        return; const key = stationKey(station); if (seen.has(key))
+        return; seen.add(key); result.push({ station, source, key }); };
+    add(playing, 'Now playing');
+    favorites.forEach(value => add(value, 'Favorite'));
+    imported.forEach(value => add(value, 'Imported'));
+    recent.forEach(value => add(value.station, 'Recent'));
+    alarms.forEach(value => add(value.station, 'Alarm'));
+    return result;
+}
+function weekdayLabel(days) { if (days.join(',') === '1,2,3,4,5')
+    return 'weekdays'; if (days.join(',') === '6,7')
+    return 'weekends'; if (days.length === 7)
+    return 'daily'; return days.map(day => ['', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'][day]).join(' '); }
+function weekdayDraftLabel(value) { return weekdayLabel(value.split(',').map(Number)); }
+function shortZone(value) { return value.replace('America/', '').replaceAll('_', ' '); }
+function formatWhen(date) { return `${new Intl.DateTimeFormat(undefined, { weekday: 'short', month: 'short', day: 'numeric', hour: 'numeric', minute: '2-digit' }).format(date)} (your time)`; }
+function formatCompactWhen(date, mode) { return new Intl.DateTimeFormat(undefined, mode === 'micro' ? { weekday: 'short', hour: 'numeric', minute: '2-digit' } : { weekday: 'short', month: 'short', day: 'numeric', hour: 'numeric', minute: '2-digit' }).format(date); }
+function formatElapsed(startedAt) { const seconds = Math.max(0, Math.floor((Date.now() - Date.parse(startedAt)) / 1000)); return seconds < 60 ? `${seconds}s` : `${Math.floor(seconds / 60)}m`; }
+function formatClock(date) { return new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit' }).format(date); }
+function fullwidthClock(value) { return [...value].map(character => character === ' ' ? '　' : character >= '0' && character <= '9' ? String.fromCodePoint(character.codePointAt(0) + 0xfee0) : character === ':' ? '：' : character >= 'A' && character <= 'Z' ? String.fromCodePoint(character.codePointAt(0) + 0xfee0) : character).join(''); }
+function verificationMark(state) { return state === 'passed' ? '●' : state === 'warning' ? '!' : state === 'failed' ? '×' : state === 'running' ? '›' : '○'; }
+function schedulerStatus(runtime, mode) { if (!runtime)
+    return mode === 'micro' ? 'Checking scheduler…' : 'Scheduler: checking…'; if (!runtime.capabilities.supported)
+    return mode === 'full' ? `Scheduler: Unsupported · ${runtime.capabilities.message}` : mode === 'compact' ? 'Scheduler: Unavailable' : 'Scheduler unavailable'; if (runtime.degradedAlarmIds.size)
+    return mode === 'full' ? `Scheduler: Degraded · ${runtime.message}` : mode === 'compact' ? 'Scheduler: Repair needed' : 'Repair scheduler'; return mode === 'micro' ? 'Scheduler ready' : 'Scheduler: Ready'; }
+function nextAlarmSummary(alarm, occurrence, mode) { const when = mode === 'full' ? formatWhen(occurrence) : formatCompactWhen(occurrence, mode); return mode === 'micro' ? `Next · ${when}` : `${mode === 'full' ? 'Next wake' : 'Next'} · ${when} · ${alarm.station.name}`; }
+function alarmRowSummary(alarm, mode) { const station = alarm.label.trim().toLocaleLowerCase() === alarm.station.name.trim().toLocaleLowerCase() ? '' : ` · ${alarm.station.name}`; const schedule = alarm.schedule.type === 'once' ? (mode === 'full' ? `once ${formatWhen(new Date(alarm.schedule.at))}` : `once ${formatCompactWhen(new Date(alarm.schedule.at), mode)}`) : `${alarm.schedule.time} ${weekdayLabel(alarm.schedule.weekdays)}${mode === 'full' ? ` ${shortZone(alarm.schedule.timezone)}` : ''}`; return `${alarm.label} · ${schedule}${station}`; }
+function verifyLabel(mode) { return mode === 'full' ? 'Verify alarm setup · full scheduler, terminal, controls, power, volume, and audio rehearsal' : mode === 'compact' ? 'Verify alarm setup · scheduler, terminal, power, and audio' : 'Verify alarm setup'; }
+function backgroundPromise(runtime, mode) { if (!runtime)
+    return mode === 'full' ? ['Checking whether the terminal may close after save…'] : ['Checking scheduler…']; if (!runtime.capabilities.supported)
+    return mode === 'full' ? [`Background scheduling unavailable: ${runtime.capabilities.message}`] : ['Background scheduling unavailable', 'Scheduler unavailable']; if (runtime.degradedAlarmIds.size)
+    return mode === 'full' ? ['Background scheduling needs repair; keep the alarm visible and press r.'] : ['Scheduling needs repair · press r', 'Repair needed · press r']; return mode === 'full' ? ['Native scheduling is ready; the terminal does not need to stay open after save.'] : ['Native scheduling ready · safe to close after save', 'Scheduler ready · safe to close']; }
+function betaNotice(mode) { return mode === 'full' ? [' BETA · Experimental. Use a secondary device for critical wake-ups. '] : mode === 'compact' ? ['BETA · Keep a backup alarm for critical wakes', 'BETA · Keep a backup alarm'] : ['BETA · Keep a backup alarm', 'BETA · Keep backup', 'BETA']; }
+function staticAlarmMessage(variants, width) { return variants.find(value => value.length <= width) ?? truncate(variants.at(-1) ?? '', width); }

package/dist/ui/screens/CountriesScreen.js

@@ -4,16 +4,19 @@ import { Menu, Pointer } from '../components/Menu.js';
 import { ScreenHeader } from '../components/ScreenHeader.js';
 import { textMuted, themeAccent } from '../theme.js';
 import { visibleWindow } from '../list-window.js';
-import { displayWidth, truncate } from '../format.js';
-export function CountriesScreen({ countries, selected, loading, filter, editingFilter, theme, pageSize, width }) {
+import { displayWidth } from '../format.js';
+import { AdaptiveMarquee } from '../components/AdaptiveMarquee.js';
+export function CountriesScreen({ countries, selected, loading, filter, editingFilter, theme, pageSize, width, reduceMotion = false }) {
     const window = visibleWindow(countries, selected, pageSize);
     const rowWidth = Math.max(24, width - 2);
     const countWidth = Math.max(12, Math.min(22, Math.max(...countries.map(country => `${country.stationCount.toLocaleString()} stations`.length), 12)));
-    const visibleCountryWidth = Math.max(8, ...window.items.map(country => displayWidth(`${country.name} (${country.code})`)));
-    const countryWidth = Math.min(42, visibleCountryWidth, Math.max(8, rowWidth - countWidth - 4));
+    // Keep the metadata column fixed while the viewport scrolls. Forty-two cells
+    // accommodates long directory names such as Lao People's Democratic Republic
+    // plus its country code, while narrow terminals still receive a bounded row.
+    const countryWidth = Math.min(42, Math.max(8, rowWidth - countWidth - 4));
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScreenHeader, { title: "Countries", subtitle: editingFilter ? 'Filtering countries — type to narrow the list' : 'Browse the worldwide country directory', width: width, theme: theme, right: filter ? `filter: ${filter}` : undefined }), loading ? _jsx(Text, { color: textMuted, children: "Loading countries from Radio Browser\u2026" }) : null, !loading ? (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: textMuted, children: ["Showing ", countries.length ? window.start + 1 : 0, "-", window.end, " of ", countries.length] }), _jsx(Menu, { items: window.items, selected: selected - window.start, keyFor: country => country.code, render: (country, _index, active) => {
                             const code = ` (${country.code})`;
                             const nameWidth = Math.max(3, countryWidth - displayWidth(code));
-                            return (_jsxs(Box, { height: 1, width: rowWidth, children: [_jsx(Pointer, { active: active }), _jsxs(Box, { width: countryWidth, children: [_jsx(Text, { color: active ? themeAccent(theme) : undefined, bold: active, children: truncate(country.name, nameWidth) }), _jsx(Text, { color: textMuted, children: code })] }), _jsx(Box, { width: 2 }), _jsx(Box, { width: countWidth, children: _jsxs(Text, { color: textMuted, children: [country.stationCount.toLocaleString(), " stations"] }) })] }));
+                            return (_jsxs(Box, { height: 1, width: rowWidth, children: [_jsx(Pointer, { active: active }), _jsxs(Box, { width: countryWidth, children: [_jsx(Text, { color: active ? themeAccent(theme) : undefined, bold: active, children: _jsx(AdaptiveMarquee, { text: country.name, width: nameWidth, active: active, reduceMotion: reduceMotion }) }), _jsx(Text, { color: textMuted, children: code })] }), _jsx(Box, { width: 2 }), _jsx(Box, { width: countWidth, children: _jsxs(Text, { color: textMuted, children: [country.stationCount.toLocaleString(), " stations"] }) })] }));
                         } })] })) : null] }));
 }

package/dist/ui/screens/ExploreScreen.js

@@ -8,12 +8,17 @@ import { ScreenHeader } from '../components/ScreenHeader.js';
 import { exploreMapLand, mapMarker, panelBorder, textMuted, themeAccent } from '../theme.js';
 import { panelBorderStyle, useDisplay } from '../display-context.js';
 import { toAsciiSafe } from '../ascii.js';
-export function ExploreScreen({ title, subtitle, stations, selected, loading, theme, favorites, filterLabel, cursor, pageSize, width, height }) {
+import { truncate } from '../format.js';
+export function ExploreScreen({ title, subtitle, stations, selected, loading, error, theme, favorites, filterLabel, cursor, pageSize, width, height }) {
     const { panel: panelBackground, ascii } = useDisplay();
-    const { contentWidth, headerRows, bodyRows, split, listPanelWidth, mapPanelWidth, mapRows, mapColumns, listRows, listPageSize } = computeExploreMapLayout(width, height, pageSize);
+    const { contentWidth, headerRows, bodyRows, split, listPanelWidth, mapPanelWidth, mapRows, mapColumns, mapOffsetX, listRows, listPageSize } = computeExploreMapLayout(width, height, pageSize);
     const cursorMarker = React.useMemo(() => [{ lat: cursor.latitude, lon: cursor.longitude, selected: true }], [cursor.latitude, cursor.longitude]);
     const map = React.useMemo(() => buildCosmoWorldMap(mapColumns, mapRows, cursorMarker), [mapColumns, mapRows, cursorMarker]);
-    return (_jsxs(Box, { flexDirection: "column", height: height, width: contentWidth, overflow: "hidden", flexShrink: 0, children: [_jsx(Box, { height: headerRows, flexDirection: "column", flexShrink: 0, children: _jsx(ScreenHeader, { title: title, subtitle: subtitle, width: contentWidth, theme: theme, right: filterLabel === 'none' ? undefined : `filters: ${filterLabel}` }) }), _jsxs(Box, { marginTop: 1, height: bodyRows, width: contentWidth, flexDirection: split ? 'row' : 'column', flexShrink: 0, children: [_jsx(Box, { borderStyle: panelBorderStyle(ascii, 'single'), borderColor: panelBorder, borderBackgroundColor: panelBackground, backgroundColor: panelBackground, width: mapPanelWidth, height: split ? bodyRows : mapRows + 2, flexDirection: "column", children: map.map((row, index) => (_jsx(CosmoMapLine, { row: row, theme: theme }, `map-${index}`))) }), _jsxs(Box, { marginLeft: split ? 1 : 0, marginTop: split ? 0 : 1, borderStyle: panelBorderStyle(ascii, 'single'), borderColor: panelBorder, borderBackgroundColor: panelBackground, backgroundColor: panelBackground, width: listPanelWidth, height: split ? bodyRows : Math.max(5, listRows + 2), flexDirection: "column", children: [_jsxs(Box, { justifyContent: "space-between", width: Math.max(20, listPanelWidth - 2), children: [_jsx(Text, { color: themeAccent(theme), bold: true, children: "Stations" }), _jsx(Text, { color: textMuted, children: stations.length.toLocaleString() })] }), _jsx(Box, { height: 1, flexShrink: 0, children: _jsx(Text, { color: textMuted, children: loading ? (ascii ? toAsciiSafe('Loading stations…') : 'Loading stations…') : ' ' }) }), _jsx(StationList, { stations: stations, selected: selected, theme: theme, favorites: favorites, pageSize: listPageSize, width: Math.max(42, listPanelWidth - 2), showCount: false, emptyTitle: loading ? 'Loading stations…' : 'No stations near this point.', emptyHint: "Move the map cursor to explore another area." })] })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", height: height, width: contentWidth, overflow: "hidden", flexShrink: 0, children: [_jsx(Box, { height: headerRows, flexDirection: "column", flexShrink: 0, children: _jsx(ScreenHeader, { title: title, subtitle: subtitle, width: contentWidth, theme: theme, right: filterLabel === 'none' ? undefined : `filters: ${filterLabel}` }) }), _jsxs(Box, { marginTop: 1, height: bodyRows, width: contentWidth, flexDirection: split ? 'row' : 'column', flexShrink: 0, children: [_jsx(Box, { borderStyle: panelBorderStyle(ascii, 'single'), borderColor: panelBorder, borderBackgroundColor: panelBackground, backgroundColor: panelBackground, width: mapPanelWidth, height: split ? bodyRows : mapRows + 2, flexDirection: "column", children: _jsx(Box, { marginLeft: mapOffsetX, flexDirection: "column", flexShrink: 0, children: map.map((row, index) => (_jsx(CosmoMapLine, { row: row, theme: theme }, `map-${index}`))) }) }), _jsxs(Box, { marginLeft: split ? 1 : 0, marginTop: split ? 0 : 1, borderStyle: panelBorderStyle(ascii, 'single'), borderColor: panelBorder, borderBackgroundColor: panelBackground, backgroundColor: panelBackground, width: listPanelWidth, height: split ? bodyRows : Math.max(5, listRows + 2), flexDirection: "column", children: [_jsxs(Box, { justifyContent: "space-between", width: Math.max(20, listPanelWidth - 2), children: [_jsx(Text, { color: themeAccent(theme), bold: true, children: "Stations" }), _jsx(Text, { color: textMuted, children: stations.length.toLocaleString() })] }), _jsx(Box, { height: 1, flexShrink: 0, children: _jsx(Text, { color: textMuted, children: loading
+                                        ? (ascii ? toAsciiSafe('Loading stations…') : 'Loading stations…')
+                                        : error
+                                            ? truncate(ascii ? toAsciiSafe(error) : error, Math.max(1, listPanelWidth - 2))
+                                            : ' ' }) }), (!loading || stations.length > 0) && (stations.length > 0 || !error) ? _jsx(StationList, { stations: stations, selected: selected, theme: theme, favorites: favorites, pageSize: listPageSize, width: Math.max(1, listPanelWidth - 2), showCount: false, emptyTitle: "No stations near this point.", emptyHint: "Move the map cursor to explore another area." }) : null] })] })] }));
 }
 function CosmoMapLine({ row, theme }) {
     const { ascii } = useDisplay();

package/dist/ui/screens/HomeScreen.js

@@ -4,6 +4,8 @@ import { Logo } from '../components/Logo.js';
 import { Menu, Pointer } from '../components/Menu.js';
 import { textMuted, themeAccent } from '../theme.js';
 import { homeItems } from '../screen-items.js';
+import { displayWidth } from '../format.js';
 export function HomeScreen({ selected, theme, library }) {
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Logo, {}), _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: textMuted, children: [index + 1, " "] }), _jsx(Text, { color: active ? themeAccent(theme) : undefined, bold: active, children: item.label }), _jsxs(Text, { color: textMuted, children: [" \u00B7 ", item.detail] })] })) }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: textMuted, children: [library.recent.length, " recent \u00B7 ", library.favorites.length, " favorites \u00B7 ", library.imported.length, " imported"] }) })] }));
+    const titleWidth = Math.max(...homeItems.map(item => displayWidth(item.label))) + 2;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Logo, {}), _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: textMuted, children: [index + 1, " "] }), _jsx(Box, { width: titleWidth, children: _jsx(Text, { color: active ? themeAccent(theme) : undefined, bold: active, children: item.label }) }), _jsxs(Text, { color: textMuted, children: ["  ", item.detail] })] })) }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: textMuted, children: [library.recent.length, " recent \u00B7 ", library.favorites.length, " favorites \u00B7 ", library.imported.length, " imported"] }) })] }));
 }