@involvex/youtube-music-cli 0.0.46 → 0.0.48

package/dist/source/components/layouts/LyricsLayout.js

@@ -1,89 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Lyrics view layout - displays synced or plain lyrics
-import { useState, useEffect } from 'react';
-import { Box, Text } from 'ink';
-import { useTheme } from "../../hooks/useTheme.js";
-import { usePlayer } from "../../hooks/usePlayer.js";
-import { getLyricsService, } from "../../services/lyrics/lyrics.service.js";
-import { useTerminalSize } from "../../hooks/useTerminalSize.js";
-const CONTEXT_LINES = 3; // Lines shown before/after current line
-export default function LyricsLayout() {
-    const { theme } = useTheme();
-    const { state } = usePlayer();
-    const { rows } = useTerminalSize();
-    const [lyrics, setLyrics] = useState(null);
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState(null);
-    const lyricsService = getLyricsService();
-    // Fetch lyrics when track changes
-    useEffect(() => {
-        const track = state.currentTrack;
-        let cancelled = false;
-        if (!track) {
-            queueMicrotask(() => {
-                if (!cancelled) {
-                    setLyrics(null);
-                    setLoading(false);
-                    setError(null);
-                }
-            });
-            return;
-        }
-        const artist = track.artists?.[0]?.name ?? '';
-        queueMicrotask(() => {
-            if (!cancelled) {
-                setLoading(true);
-                setError(null);
-            }
-        });
-        void lyricsService
-            .getLyrics(track.title, artist, state.duration || undefined)
-            .then(result => {
-            if (cancelled) {
-                return;
-            }
-            setLyrics(result);
-            setLoading(false);
-            if (!result) {
-                setError('No lyrics found');
-            }
-        })
-            .catch(() => {
-            if (cancelled) {
-                return;
-            }
-            setLoading(false);
-            setError('Failed to load lyrics');
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [lyricsService, state.currentTrack, state.duration]);
-    const track = state.currentTrack;
-    const title = track?.title ?? 'No track playing';
-    const artist = track?.artists?.map(a => a.name).join(', ') ?? '';
-    // Determine current line
-    const currentLineIndex = lyrics?.synced
-        ? lyricsService.getCurrentLineIndex(lyrics.synced, state.progress)
-        : -1;
-    // Calculate visible lines window
-    const visibleLines = (() => {
-        if (!lyrics?.synced)
-            return null;
-        const start = Math.max(0, currentLineIndex - CONTEXT_LINES);
-        const maxLines = Math.max(5, rows - 8);
-        const end = Math.min(lyrics.synced.length, start + maxLines);
-        return lyrics.synced.slice(start, end).map((line, i) => ({
-            line,
-            globalIndex: start + i,
-        }));
-    })();
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { borderStyle: "double", borderColor: theme.colors.secondary, paddingX: 1, children: [_jsx(Text, { bold: true, color: theme.colors.primary, children: title }), artist && _jsxs(Text, { color: theme.colors.secondary, children: [" \u2014 ", artist] })] }), loading && _jsx(Text, { color: theme.colors.accent, children: "Loading lyrics..." }), error && !loading && _jsx(Text, { color: theme.colors.dim, children: error }), !loading && visibleLines && (_jsx(Box, { flexDirection: "column", paddingX: 1, children: visibleLines.map(({ line, globalIndex }) => (_jsxs(Text, { bold: globalIndex === currentLineIndex, color: globalIndex === currentLineIndex
-                        ? theme.colors.primary
-                        : globalIndex < currentLineIndex
-                            ? theme.colors.dim
-                            : theme.colors.text, children: [globalIndex === currentLineIndex ? '▶ ' : '  ', line.text || '♪'] }, globalIndex))) })), !loading && !lyrics?.synced && lyrics?.plain && (_jsx(Box, { flexDirection: "column", paddingX: 1, children: lyrics.plain
-                    .split('\n')
-                    .slice(0, Math.max(5, rows - 8))
-                    .map((line, i) => (_jsx(Text, { color: theme.colors.text, children: line || ' ' }, i))) })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: theme.colors.dim, children: ["Press ", _jsx(Text, { color: theme.colors.text, children: "l" }), " or", ' ', _jsx(Text, { color: theme.colors.text, children: "Esc" }), " to go back"] }) })] }));
-}

package/dist/source/components/layouts/MainLayout.js

@@ -1,190 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Main layout shell
-import { useCallback, useMemo } from 'react';
-import React from 'react';
-import { useNavigation } from "../../hooks/useNavigation.js";
-import PlaylistList from "../playlist/PlaylistList.js";
-import Help from "../common/Help.js";
-import { useTheme } from "../../hooks/useTheme.js";
-import { useKeyBinding } from "../../hooks/useKeyboard.js";
-import SearchLayout from "./SearchLayout.js";
-import PlayerLayout from "./PlayerLayout.js";
-import MiniPlayerLayout from "./MiniPlayerLayout.js";
-import PluginsLayout from "./PluginsLayout.js";
-import Suggestions from "../player/Suggestions.js";
-import Settings from "../settings/Settings.js";
-import ConfigLayout from "../config/ConfigLayout.js";
-import ShortcutsBar from "../common/ShortcutsBar.js";
-import LyricsLayout from "./LyricsLayout.js";
-import SearchHistory from "../search/SearchHistory.js";
-import KeybindingsLayout from "../config/KeybindingsLayout.js";
-import TrendingLayout from "./TrendingLayout.js";
-import ExploreLayout from "./ExploreLayout.js";
-import HistoryLayout from "./HistoryLayout.js";
-import ImportLayout from "../import/ImportLayout.js";
-import ExportLayout from "../export/ExportLayout.js";
-import { KEYBINDINGS, VIEW } from "../../utils/constants.js";
-import { Box } from 'ink';
-import { useTerminalSize } from "../../hooks/useTerminalSize.js";
-import { getPlayerService } from "../../services/player/player.service.js";
-import { getConfigService } from "../../services/config/config.service.js";
-import { usePlayer } from "../../hooks/usePlayer.js";
-function MainLayout() {
-    const { theme } = useTheme();
-    const { state: navState, dispatch } = useNavigation();
-    const { resume } = usePlayer();
-    const { columns } = useTerminalSize();
-    // Responsive padding based on terminal size
-    const getPadding = () => (columns < 100 ? 0 : 1);
-    // Navigate to different views
-    const goToSearch = useCallback(() => {
-        dispatch({ category: 'NAVIGATE', view: VIEW.SEARCH });
-    }, [dispatch]);
-    const goToPlaylists = useCallback(() => {
-        dispatch({ category: 'NAVIGATE', view: VIEW.PLAYLISTS });
-    }, [dispatch]);
-    const goToSuggestions = useCallback(() => {
-        dispatch({ category: 'NAVIGATE', view: VIEW.SUGGESTIONS });
-    }, [dispatch]);
-    const goToPlugins = useCallback(() => {
-        dispatch({ category: 'NAVIGATE', view: VIEW.PLUGINS });
-    }, [dispatch]);
-    const goToSettings = useCallback(() => {
-        dispatch({ category: 'NAVIGATE', view: VIEW.SETTINGS });
-    }, [dispatch]);
-    const goToHistory = useCallback(() => {
-        dispatch({ category: 'NAVIGATE', view: VIEW.HISTORY });
-    }, [dispatch]);
-    const goToHelp = useCallback(() => {
-        if (navState.currentView === VIEW.HELP) {
-            dispatch({ category: 'GO_BACK' });
-            return;
-        }
-        dispatch({ category: 'NAVIGATE', view: VIEW.HELP });
-    }, [dispatch, navState.currentView]);
-    const handleQuit = useCallback(() => {
-        // From player view, quit the app
-        if (navState.currentView === VIEW.PLAYER) {
-            process.exit(0);
-        }
-        // From other views, go back
-        dispatch({ category: 'GO_BACK' });
-    }, [navState.currentView, dispatch]);
-    const goToLyrics = useCallback(() => {
-        dispatch({ category: 'NAVIGATE', view: VIEW.LYRICS });
-    }, [dispatch]);
-    const goToTrending = useCallback(() => {
-        dispatch({ category: 'NAVIGATE', view: VIEW.TRENDING });
-    }, [dispatch]);
-    const goToExplore = useCallback(() => {
-        // Don't navigate to explore if we're in plugins view (e key is used for enable/disable there)
-        if (navState.currentView !== VIEW.PLUGINS) {
-            dispatch({ category: 'NAVIGATE', view: VIEW.EXPLORE });
-        }
-    }, [dispatch, navState.currentView]);
-    const goToImport = useCallback(() => {
-        // Don't navigate to import if we're in plugins view (i key is used for plugin install there)
-        // Don't navigate to import if we're in settings view (user navigates settings items with Enter)
-        if (navState.currentView !== VIEW.PLUGINS &&
-            navState.currentView !== VIEW.SETTINGS) {
-            dispatch({ category: 'NAVIGATE', view: VIEW.IMPORT });
-        }
-    }, [dispatch, navState.currentView]);
-    const handleDetach = useCallback(() => {
-        // Detach mode: Exit CLI while keeping music playing
-        const player = getPlayerService();
-        const config = getConfigService();
-        // Get the IPC path and current URL before detaching
-        const { ipcPath, currentUrl } = player.detach();
-        // Save the background playback state if we have an active session
-        if (ipcPath && currentUrl) {
-            config.setBackgroundPlaybackState({ ipcPath, currentUrl });
-        }
-        // Exit the app
-        process.exit(0);
-    }, []);
-    const handleResumeBackground = useCallback(() => {
-        const player = getPlayerService();
-        const config = getConfigService();
-        const backgroundState = config.getBackgroundPlaybackState();
-        if (!backgroundState.enabled || !backgroundState.ipcPath) {
-            return;
-        }
-        void player
-            .reattach(backgroundState.ipcPath)
-            .then(() => {
-            resume();
-            config.clearBackgroundPlaybackState();
-        })
-            .catch(() => {
-            config.clearBackgroundPlaybackState();
-        });
-    }, [resume]);
-    const togglePlayerMode = useCallback(() => {
-        dispatch({ category: 'TOGGLE_PLAYER_MODE' });
-    }, [dispatch]);
-    // Global keyboard bindings
-    useKeyBinding(KEYBINDINGS.QUIT, handleQuit);
-    useKeyBinding(KEYBINDINGS.SEARCH, goToSearch);
-    useKeyBinding(KEYBINDINGS.PLAYLISTS, goToPlaylists);
-    useKeyBinding(KEYBINDINGS.PLUGINS, goToPlugins);
-    useKeyBinding(KEYBINDINGS.SUGGESTIONS, goToSuggestions);
-    useKeyBinding(KEYBINDINGS.HISTORY, goToHistory);
-    useKeyBinding(KEYBINDINGS.SETTINGS, goToSettings);
-    useKeyBinding(KEYBINDINGS.HELP, goToHelp);
-    useKeyBinding(['M'], togglePlayerMode);
-    useKeyBinding(['l'], goToLyrics);
-    useKeyBinding(['T'], goToTrending);
-    useKeyBinding(['e'], goToExplore);
-    useKeyBinding(['i'], goToImport);
-    useKeyBinding(KEYBINDINGS.DETACH, handleDetach);
-    useKeyBinding(KEYBINDINGS.RESUME_BACKGROUND, handleResumeBackground);
-    // Memoize the view component to prevent unnecessary remounts
-    // Only recreate when currentView actually changes
-    const currentView = useMemo(() => {
-        // In mini mode, only show the mini player bar
-        if (navState.playerMode === 'mini') {
-            return _jsx(MiniPlayerLayout, {}, "mini-player");
-        }
-        switch (navState.currentView) {
-            case 'player':
-                return _jsx(PlayerLayout, {}, "player");
-            case 'search':
-                return _jsx(SearchLayout, {}, "search");
-            case 'search_history':
-                return (_jsx(SearchHistory, { onSelect: query => {
-                        dispatch({ category: 'SET_SEARCH_QUERY', query });
-                    } }, "search_history"));
-            case 'playlists':
-                return _jsx(PlaylistList, {}, "playlists");
-            case 'suggestions':
-                return _jsx(Suggestions, {}, "suggestions");
-            case 'history':
-                return _jsx(HistoryLayout, {}, "history");
-            case 'settings':
-                return _jsx(Settings, {}, "settings");
-            case 'plugins':
-                return _jsx(PluginsLayout, {}, "plugins");
-            case 'config':
-                return _jsx(ConfigLayout, {}, "config");
-            case 'lyrics':
-                return _jsx(LyricsLayout, {}, "lyrics");
-            case 'keybindings':
-                return _jsx(KeybindingsLayout, {}, "keybindings");
-            case 'trending':
-                return _jsx(TrendingLayout, {}, "trending");
-            case 'explore':
-                return _jsx(ExploreLayout, {}, "explore");
-            case 'import':
-                return _jsx(ImportLayout, {}, "import");
-            case 'export_playlists':
-                return _jsx(ExportLayout, {}, "export_playlists");
-            case 'help':
-                return _jsx(Help, {}, "help");
-            default:
-                return _jsx(PlayerLayout, {}, "player-default");
-        }
-    }, [navState.currentView, navState.playerMode, dispatch]);
-    return (_jsxs(Box, { flexDirection: "column", paddingX: getPadding(), borderStyle: "single", borderColor: theme.colors.primary, children: [currentView, _jsx(ShortcutsBar, {})] }));
-}
-export default React.memo(MainLayout);

package/dist/source/components/layouts/MiniPlayerLayout.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Mini player layout - compact single-line player
-import { Box, Text } from 'ink';
-import { usePlayer } from "../../hooks/usePlayer.js";
-import { useTheme } from "../../hooks/useTheme.js";
-import { formatTime } from "../../utils/format.js";
-import { ICONS } from "../../utils/icons.js";
-export default function MiniPlayerLayout() {
-    const { theme } = useTheme();
-    const { state } = usePlayer();
-    const track = state.currentTrack;
-    const artist = track?.artists?.map(a => a.name).join(', ') ?? 'Unknown';
-    const title = track?.title ?? 'No track playing';
-    const progress = formatTime(state.progress);
-    const duration = formatTime(state.duration);
-    const playIcon = state.isPlaying ? ICONS.PLAY : ICONS.PAUSE;
-    const vol = `${state.volume}%`;
-    const speed = (state.speed ?? 1.0) !== 1.0 ? ` ${(state.speed ?? 1.0).toFixed(2)}x` : '';
-    return (_jsxs(Box, { flexDirection: "row", paddingX: 1, gap: 1, children: [_jsx(Text, { color: state.isPlaying ? theme.colors.success : theme.colors.dim, children: playIcon }), _jsx(Text, { bold: true, color: theme.colors.primary, children: title }), _jsx(Text, { color: theme.colors.dim, children: "\u2014" }), _jsx(Text, { color: theme.colors.secondary, children: artist }), _jsx(Text, { color: theme.colors.dim, children: "|" }), _jsxs(Text, { color: theme.colors.text, children: [progress, "/", duration] }), _jsx(Text, { color: theme.colors.dim, children: "|" }), _jsxs(Text, { color: theme.colors.text, children: ["vol:", vol] }), speed && _jsx(Text, { color: theme.colors.accent, children: speed }), state.isLoading && _jsx(Text, { color: theme.colors.accent, children: "Loading..." })] }));
-}

package/dist/source/components/layouts/PlayerLayout.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { usePlayer } from "../../hooks/usePlayer.js";
-import NowPlaying from "../player/NowPlaying.js";
-import QueueList from "../player/QueueList.js";
-import { Box } from 'ink';
-export default function PlayerLayout() {
-    const { state: playerState } = usePlayer();
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(NowPlaying, {}), playerState.queue.length > 0 && _jsx(QueueList, {})] }));
-}

package/dist/source/components/layouts/PluginsLayout.js

@@ -1,77 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Plugins layout - main plugin management view
-import { useState, useCallback } from 'react';
-import { Box, Text } from 'ink';
-import { useTheme } from "../../hooks/useTheme.js";
-import { usePlugins } from "../../stores/plugins.store.js";
-import { useKeyBinding } from "../../hooks/useKeyboard.js";
-import { KEYBINDINGS } from "../../utils/constants.js";
-import PluginsList from "../plugins/PluginsList.js";
-import PluginInstallDialog from "../plugins/PluginInstallDialog.js";
-export default function PluginsLayout() {
-    const { theme } = useTheme();
-    const { state, dispatch, enablePlugin, disablePlugin, uninstallPlugin, updatePlugin, } = usePlugins();
-    const [viewMode, setViewMode] = useState('list');
-    const { installedPlugins, selectedIndex, isLoading, error, lastAction } = state;
-    // Navigation
-    const navigateUp = useCallback(() => {
-        if (viewMode === 'list') {
-            dispatch({
-                type: 'SET_SELECTED',
-                index: Math.max(0, selectedIndex - 1),
-            });
-        }
-    }, [viewMode, selectedIndex, dispatch]);
-    const navigateDown = useCallback(() => {
-        if (viewMode === 'list') {
-            dispatch({
-                type: 'SET_SELECTED',
-                index: Math.min(installedPlugins.length - 1, selectedIndex + 1),
-            });
-        }
-    }, [viewMode, selectedIndex, installedPlugins.length, dispatch]);
-    // Actions
-    const togglePlugin = useCallback(async () => {
-        const plugin = installedPlugins[selectedIndex];
-        if (!plugin)
-            return;
-        if (plugin.enabled) {
-            await disablePlugin(plugin.manifest.id);
-        }
-        else {
-            await enablePlugin(plugin.manifest.id);
-        }
-    }, [installedPlugins, selectedIndex, enablePlugin, disablePlugin]);
-    const removePlugin = useCallback(async () => {
-        const plugin = installedPlugins[selectedIndex];
-        if (!plugin)
-            return;
-        await uninstallPlugin(plugin.manifest.id);
-    }, [installedPlugins, selectedIndex, uninstallPlugin]);
-    const handleUpdate = useCallback(async () => {
-        const plugin = installedPlugins[selectedIndex];
-        if (!plugin)
-            return;
-        await updatePlugin(plugin.manifest.id);
-    }, [installedPlugins, selectedIndex, updatePlugin]);
-    const openInstall = useCallback(() => {
-        setViewMode('install');
-    }, []);
-    const closeInstall = useCallback(() => {
-        setViewMode('list');
-    }, []);
-    // Key bindings
-    useKeyBinding(KEYBINDINGS.UP, navigateUp);
-    useKeyBinding(KEYBINDINGS.DOWN, navigateDown);
-    useKeyBinding(['e'], togglePlugin);
-    useKeyBinding(['r'], removePlugin);
-    useKeyBinding(['u'], handleUpdate);
-    useKeyBinding(['i'], openInstall);
-    // Show install dialog
-    if (viewMode === 'install') {
-        return _jsx(PluginInstallDialog, { onClose: closeInstall });
-    }
-    // Get selected plugin details
-    const selectedPlugin = installedPlugins[selectedIndex];
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { borderStyle: "double", borderColor: theme.colors.secondary, paddingX: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Plugin Manager" }) }), isLoading && (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: theme.colors.warning, children: "Loading..." }) })), error && (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: theme.colors.error, children: ["Error: ", error] }) })), lastAction && !error && (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: theme.colors.success, children: ["\u2713 ", lastAction] }) })), _jsx(PluginsList, { plugins: installedPlugins, selectedIndex: selectedIndex }), selectedPlugin && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.dim, paddingX: 1, marginTop: 1, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: selectedPlugin.manifest.name }), _jsx(Text, { color: theme.colors.dim, children: selectedPlugin.manifest.description }), _jsxs(Text, { color: theme.colors.dim, children: ["Author: ", selectedPlugin.manifest.author] }), _jsxs(Text, { color: theme.colors.dim, children: ["Permissions: ", selectedPlugin.manifest.permissions.join(', ')] })] })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: theme.colors.dim, children: [_jsx(Text, { color: theme.colors.text, children: "i" }), "=Install", ' ', _jsx(Text, { color: theme.colors.text, children: "e" }), "=Enable/Disable", ' ', _jsx(Text, { color: theme.colors.text, children: "r" }), "=Remove", ' ', _jsx(Text, { color: theme.colors.text, children: "u" }), "=Update", ' ', _jsx(Text, { color: theme.colors.text, children: "Esc" }), "=Back"] }) })] }));
-}

package/dist/source/components/layouts/SearchLayout.js

@@ -1,193 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Search view layout
-import { useNavigation } from "../../hooks/useNavigation.js";
-import { useYouTubeMusic } from "../../hooks/useYouTubeMusic.js";
-import SearchResults from "../search/SearchResults.js";
-import { useState, useCallback, useEffect, useRef, useMemo } from 'react';
-import React from 'react';
-import { useTheme } from "../../hooks/useTheme.js";
-import SearchBar from "../search/SearchBar.js";
-import { useKeyBinding } from "../../hooks/useKeyboard.js";
-import { KEYBINDINGS, VIEW } from "../../utils/constants.js";
-import { Box, Text } from 'ink';
-import { usePlayer } from "../../hooks/usePlayer.js";
-import { ICONS } from "../../utils/icons.js";
-import TextInput from 'ink-text-input';
-import { applySearchFilters } from "../../utils/search-filters.js";
-const FILTER_LABELS = {
-    artist: 'Artist',
-    album: 'Album',
-    year: 'Year',
-};
-const DURATION_ORDER = [
-    'all',
-    'short',
-    'medium',
-    'long',
-];
-function SearchLayout() {
-    const { theme } = useTheme();
-    const { state: navState, dispatch } = useNavigation();
-    const { state: playerState } = usePlayer();
-    const { isLoading, error, search } = useYouTubeMusic();
-    const [rawResults, setRawResults] = useState([]);
-    const filteredResults = useMemo(() => applySearchFilters(rawResults, navState.searchFilters), [rawResults, navState.searchFilters]);
-    const [isTyping, setIsTyping] = useState(true);
-    const [isSearching, setIsSearching] = useState(false);
-    const [actionMessage, setActionMessage] = useState(null);
-    const actionTimeoutRef = useRef(null);
-    const lastAutoSearchedQueryRef = useRef(null);
-    const [editingFilter, setEditingFilter] = useState(null);
-    const [filterDraft, setFilterDraft] = useState('');
-    const describeFilterValue = (value) => value?.trim() ? value.trim() : 'Any';
-    const handleFilterSubmit = useCallback((value) => {
-        if (!editingFilter)
-            return;
-        dispatch({
-            category: 'SET_SEARCH_FILTERS',
-            filters: { [editingFilter]: value.trim() },
-        });
-        setEditingFilter(null);
-        setFilterDraft('');
-    }, [dispatch, editingFilter]);
-    const beginFilterEdit = useCallback((field) => {
-        setEditingFilter(field);
-        setFilterDraft(navState.searchFilters[field] ?? '');
-    }, [navState.searchFilters]);
-    const cycleDurationFilter = useCallback(() => {
-        const currentIndex = DURATION_ORDER.indexOf(navState.searchFilters.duration ?? 'all');
-        const nextIndex = (currentIndex + 1) % DURATION_ORDER.length;
-        const nextDuration = DURATION_ORDER[nextIndex];
-        dispatch({
-            category: 'SET_SEARCH_FILTERS',
-            filters: { duration: nextDuration },
-        });
-    }, [dispatch, navState.searchFilters.duration]);
-    // Handle search action
-    const performSearch = useCallback(async (query) => {
-        if (!query || isSearching)
-            return;
-        setIsSearching(true);
-        const response = await search(query, {
-            type: navState.searchType,
-            limit: navState.searchLimit,
-        });
-        if (response) {
-            setRawResults(response.results);
-            dispatch({ category: 'SET_SELECTED_RESULT', index: 0 });
-            dispatch({ category: 'SET_HAS_SEARCHED', hasSearched: true });
-            // Defer focus switch to avoid consuming the same Enter key
-            // Use longer delay to ensure key event has been fully processed
-            setTimeout(() => setIsTyping(false), 100);
-        }
-        setIsSearching(false);
-    }, [search, navState.searchType, navState.searchLimit, dispatch, isSearching]);
-    // Adjust results limit
-    const increaseLimit = useCallback(() => {
-        dispatch({ category: 'SET_SEARCH_LIMIT', limit: navState.searchLimit + 5 });
-    }, [navState.searchLimit, dispatch]);
-    const decreaseLimit = useCallback(() => {
-        dispatch({ category: 'SET_SEARCH_LIMIT', limit: navState.searchLimit - 5 });
-    }, [navState.searchLimit, dispatch]);
-    useKeyBinding(KEYBINDINGS.INCREASE_RESULTS, increaseLimit);
-    useKeyBinding(KEYBINDINGS.DECREASE_RESULTS, decreaseLimit);
-    // Open search history
-    const goToHistory = useCallback(() => {
-        if (!isTyping) {
-            dispatch({ category: 'NAVIGATE', view: VIEW.SEARCH_HISTORY });
-        }
-    }, [isTyping, dispatch]);
-    useKeyBinding(['h'], goToHistory);
-    useKeyBinding(KEYBINDINGS.SEARCH_FILTER_ARTIST, () => beginFilterEdit('artist'));
-    useKeyBinding(KEYBINDINGS.SEARCH_FILTER_ALBUM, () => beginFilterEdit('album'));
-    useKeyBinding(KEYBINDINGS.SEARCH_FILTER_YEAR, () => beginFilterEdit('year'));
-    useKeyBinding(KEYBINDINGS.SEARCH_FILTER_DURATION, cycleDurationFilter);
-    // Initial search if query is in state (usually from CLI flags)
-    useEffect(() => {
-        const query = navState.searchQuery.trim();
-        if (!query || navState.hasSearched) {
-            return;
-        }
-        if (lastAutoSearchedQueryRef.current === query) {
-            return;
-        }
-        lastAutoSearchedQueryRef.current = query;
-        queueMicrotask(() => {
-            void performSearch(query);
-        });
-    }, [navState.searchQuery, navState.hasSearched, performSearch]);
-    // Handle going back
-    const goBack = useCallback(() => {
-        if (editingFilter) {
-            setEditingFilter(null);
-            setFilterDraft('');
-            return;
-        }
-        if (!isTyping) {
-            setIsTyping(true); // Back to typing if in results
-            dispatch({ category: 'SET_HAS_SEARCHED', hasSearched: false });
-        }
-        else {
-            dispatch({ category: 'GO_BACK' });
-        }
-    }, [editingFilter, isTyping, dispatch]);
-    useKeyBinding(KEYBINDINGS.BACK, goBack);
-    const handleMixCreated = useCallback((message) => {
-        setActionMessage(message);
-        if (actionTimeoutRef.current) {
-            clearTimeout(actionTimeoutRef.current);
-        }
-        actionTimeoutRef.current = setTimeout(() => {
-            setActionMessage(null);
-            actionTimeoutRef.current = null;
-        }, 4000);
-    }, []);
-    const handleDownloadStatus = useCallback((message) => {
-        setActionMessage(message);
-        if (actionTimeoutRef.current) {
-            clearTimeout(actionTimeoutRef.current);
-        }
-        actionTimeoutRef.current = setTimeout(() => {
-            setActionMessage(null);
-            actionTimeoutRef.current = null;
-        }, 4000);
-    }, []);
-    useEffect(() => {
-        return () => {
-            if (actionTimeoutRef.current) {
-                clearTimeout(actionTimeoutRef.current);
-            }
-        };
-    }, []);
-    // Reset search state when leaving view
-    useEffect(() => {
-        return () => {
-            setRawResults([]);
-            dispatch({ category: 'SET_HAS_SEARCHED', hasSearched: false });
-            dispatch({ category: 'SET_SEARCH_QUERY', query: '' });
-            lastAutoSearchedQueryRef.current = null;
-        };
-    }, [dispatch]);
-    useEffect(() => {
-        if (filteredResults.length > 0 &&
-            navState.selectedResult >= filteredResults.length) {
-            dispatch({ category: 'SET_SELECTED_RESULT', index: 0 });
-        }
-    }, [dispatch, filteredResults.length, navState.selectedResult]);
-    const artistFilterLabel = describeFilterValue(navState.searchFilters.artist);
-    const albumFilterLabel = describeFilterValue(navState.searchFilters.album);
-    const yearFilterLabel = describeFilterValue(navState.searchFilters.year);
-    const durationFilterLabel = navState.searchFilters.duration && navState.searchFilters.duration !== 'all'
-        ? navState.searchFilters.duration
-        : 'Any';
-    return (_jsxs(Box, { flexDirection: "column", children: [playerState.currentTrack && (_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.dim, children: playerState.isPlaying ? `${ICONS.PLAY} ` : `${ICONS.PAUSE} ` }), _jsx(Text, { color: theme.colors.primary, bold: true, children: playerState.currentTrack.title }), playerState.currentTrack.artists &&
-                        playerState.currentTrack.artists.length > 0 && (_jsxs(Text, { color: theme.colors.secondary, children: [' • ', playerState.currentTrack.artists.map(a => a.name).join(', ')] }))] })), _jsxs(Text, { color: theme.colors.dim, children: ["Limit: ", navState.searchLimit, " (Use [ or ] to adjust)"] }), _jsx(SearchBar, { isActive: !editingFilter && isTyping && !isSearching, onInput: input => {
-                    void performSearch(input);
-                } }), editingFilter ? (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.primary, bold: true, children: ["Set ", FILTER_LABELS[editingFilter], " filter:"] }), _jsx(TextInput, { value: filterDraft, onChange: setFilterDraft, onSubmit: handleFilterSubmit, placeholder: "Type value and hit Enter", focus: true })] }), _jsx(Text, { color: theme.colors.dim, children: "Press Enter to save (empty to clear) or Esc to cancel." })] })) : (_jsx(Box, { marginY: 1, children: _jsxs(Text, { color: theme.colors.dim, children: ["Filters: Artist=", artistFilterLabel, ", Album=", albumFilterLabel, ", Year=", yearFilterLabel, ", Duration=", durationFilterLabel, " (Ctrl+A Artist, Ctrl+L Album, Ctrl+Y Year, Ctrl+D Duration)"] }) })), (isLoading || isSearching) && (_jsx(Text, { color: theme.colors.accent, children: "Searching..." })), error && _jsx(Text, { color: theme.colors.error, children: error }), !isLoading && navState.hasSearched && (_jsx(SearchResults, { results: filteredResults, selectedIndex: navState.selectedResult, isActive: !isTyping, onMixCreated: handleMixCreated, onDownloadStatus: handleDownloadStatus })), !isLoading &&
-                navState.hasSearched &&
-                filteredResults.length === 0 &&
-                !error && _jsx(Text, { color: theme.colors.dim, children: "No results found" }), actionMessage && (_jsx(Text, { color: theme.colors.accent, children: actionMessage })), _jsx(Text, { color: theme.colors.dim, children: isTyping
-                    ? 'Type to search, Enter to start, Esc to clear'
-                    : `Arrows to navigate, Enter to play, M mix, Shift+D download, ]/[ more/fewer results (${navState.searchLimit}), H history, Esc to type` })] }));
-}
-export default React.memo(SearchLayout);

package/dist/source/components/layouts/TrendingLayout.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Trending tracks view — shows YouTube trending music
-import { Box, Text, useInput } from 'ink';
-import { useState, useEffect } from 'react';
-import { useTheme } from "../../hooks/useTheme.js";
-import { useNavigation } from "../../hooks/useNavigation.js";
-import { usePlayer } from "../../hooks/usePlayer.js";
-import { getMusicService } from "../../services/youtube-music/api.js";
-export default function TrendingLayout() {
-    const { theme } = useTheme();
-    const { dispatch } = useNavigation();
-    const { play } = usePlayer();
-    const [tracks, setTracks] = useState([]);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [isLoading, setIsLoading] = useState(true);
-    const [error, setError] = useState(null);
-    useEffect(() => {
-        let cancelled = false;
-        getMusicService()
-            .getTrending()
-            .then(results => {
-            if (!cancelled) {
-                setTracks(results);
-                setIsLoading(false);
-            }
-        })
-            .catch((err) => {
-            if (!cancelled) {
-                setError(err instanceof Error ? err.message : 'Failed to load trending');
-                setIsLoading(false);
-            }
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, []);
-    useInput((input, key) => {
-        if (key.escape) {
-            dispatch({ category: 'GO_BACK' });
-            return;
-        }
-        if (key.upArrow || input === 'k') {
-            setSelectedIndex(i => Math.max(0, i - 1));
-        }
-        else if (key.downArrow || input === 'j') {
-            setSelectedIndex(i => Math.min(tracks.length - 1, i + 1));
-        }
-        else if (key.return) {
-            const track = tracks[selectedIndex];
-            if (track)
-                play(track);
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: theme.colors.primary, bold: true, children: "\uD83D\uDD25 Trending Music" }) }), isLoading ? (_jsx(Text, { color: theme.colors.dim, children: "Loading trending tracks..." })) : error ? (_jsx(Text, { color: theme.colors.error, children: error })) : tracks.length === 0 ? (_jsx(Text, { color: theme.colors.dim, children: "No trending tracks found" })) : (tracks.map((track, index) => {
-                const isSelected = index === selectedIndex;
-                const artist = track.artists?.[0]?.name ?? 'Unknown';
-                return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? theme.colors.primary : theme.colors.dim, children: isSelected ? '▶ ' : `${String(index + 1).padStart(2)}. ` }), _jsx(Text, { color: isSelected ? theme.colors.primary : theme.colors.text, bold: isSelected, children: track.title }), _jsxs(Text, { color: theme.colors.dim, children: [" \u2014 ", artist] })] }, track.videoId));
-            })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.dim, children: "\u2191/\u2193 Navigate | Enter Play | Esc Back" }) })] }));
-}