@involvex/youtube-music-cli 0.0.6 → 0.0.9

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## [0.0.9](https://github.com/involvex/youtube-music-cli/compare/v0.0.8...v0.0.9) (2026-02-18)
+
+### Features
+
+- **search:** add dynamic mix creation from search results ([0d50231](https://github.com/involvex/youtube-music-cli/commit/0d5023168c73cec9d22dab9808e0fb2f23b5c1cc))
+
+## [0.0.8](https://github.com/involvex/youtube-music-cli/compare/v0.0.7...v0.0.8) (2026-02-18)
+
+### Features
+
+- **ui:** add keyboard blocker to search bar ([ee533fe](https://github.com/involvex/youtube-music-cli/commit/ee533fe716a203d432170e36149389f5bd48d687))
+
+## [0.0.7](https://github.com/involvex/youtube-music-cli/compare/v0.0.6...v0.0.7) (2026-02-18)
+
+### Features
+
+- **ui:** add plugins and enhance playlist management ([83a043c](https://github.com/involvex/youtube-music-cli/commit/83a043c0956da7023ea198468db8bbc2ce3acb0d))
+
+### BREAKING CHANGES
+
+- **ui:** The keybinding for playlists has changed from 'p' to
+  'shift+p' to accommodate the new plugins feature.
+
 ## [0.0.6](https://github.com/involvex/youtube-music-cli/compare/v0.0.5...v0.0.6) (2026-02-18)
 
 ### Features

package/dist/source/components/common/Help.js

@@ -6,5 +6,5 @@ import { useNavigation } from "../../hooks/useNavigation.js";
 export default function Help() {
     const { theme } = useTheme();
     const { dispatch: _dispatch } = useNavigation();
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, padding: 1, children: [_jsx(Box, { borderStyle: "single", borderColor: theme.colors.secondary, paddingX: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Keyboard Shortcuts" }) }), _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "Global" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "q / Esc" }), " - Quit", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "?" }), " - Help", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "/" }), " - Search", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "p" }), " - Playlists", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "g" }), " - Suggestions", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "," }), " - Settings"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Player" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "Space" }), " - Play/Pause", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "n" }), " - Next", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "b" }), " - Previous", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "=" }), " - Volume Up", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "-" }), " - Volume Down", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "s" }), " - Toggle Shuffle", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "r" }), " - Toggle Repeat"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Navigation" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "Up" }), " /", _jsx(Text, { children: " " }), _jsx(Text, { color: theme.colors.text, children: "k" }), " - Move Up", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Down" }), " /", _jsx(Text, { children: " " }), _jsx(Text, { color: theme.colors.text, children: "j" }), " - Move Down", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Enter" }), " - Select", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Esc" }), " - Go Back"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Search" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "Tab" }), " - Switch Search Type", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Esc" }), " - Clear Search", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "[ / ]" }), " - Results Limit"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Playlist" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "a" }), " - Add to Playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "d" }), " - Remove from Playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "c" }), " - Create Playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "D" }), " - Delete Playlist"] }) }), _jsxs(Text, { color: theme.colors.dim, children: ["Press ", _jsx(Text, { color: theme.colors.text, children: "Esc" }), " or", ' ', _jsx(Text, { color: theme.colors.text, children: "?" }), " to close"] })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, padding: 1, children: [_jsx(Box, { borderStyle: "single", borderColor: theme.colors.secondary, paddingX: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Keyboard Shortcuts" }) }), _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "Global" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "q / Esc" }), " - Quit", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "?" }), " - Help", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "/" }), " - Search", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Shift+P" }), " - Playlists", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "p" }), " - Plugins", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "g" }), " - Suggestions", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "," }), " - Settings"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Player" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "Space" }), " - Play/Pause", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "n" }), " - Next", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "b" }), " - Previous", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "=" }), " - Volume Up", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "-" }), " - Volume Down", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "s" }), " - Toggle Shuffle", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "r" }), " - Toggle Repeat"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Navigation" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "Up" }), " /", _jsx(Text, { children: " " }), _jsx(Text, { color: theme.colors.text, children: "k" }), " - Move Up", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Down" }), " /", _jsx(Text, { children: " " }), _jsx(Text, { color: theme.colors.text, children: "j" }), " - Move Down", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Enter" }), " - Select", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Esc" }), " - Go Back"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Search" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "Tab" }), " - Switch Search Type", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Esc" }), " - Clear Search", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "[ / ]" }), " - Results Limit"] }) }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: "Playlist" }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.text, children: "a" }), " - Add to Playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "d" }), " - Remove from Playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "c" }), " - Create Playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "D" }), " - Delete Playlist"] }) }), _jsxs(Text, { color: theme.colors.dim, children: ["Press ", _jsx(Text, { color: theme.colors.text, children: "Esc" }), " or", ' ', _jsx(Text, { color: theme.colors.text, children: "?" }), " to close"] })] })] }));
 }

package/dist/source/components/common/ShortcutsBar.js

@@ -31,5 +31,5 @@ export default function ShortcutsBar() {
     useKeyBinding(KEYBINDINGS.VOLUME_FINE_UP, volumeFineUp);
     useKeyBinding(KEYBINDINGS.VOLUME_FINE_DOWN, volumeFineDown);
     useKeyBinding(KEYBINDINGS.SETTINGS, goConfig);
-    return (_jsxs(Box, { borderStyle: "single", borderColor: theme.colors.dim, paddingX: 1, justifyContent: "space-between", children: [_jsxs(Text, { color: theme.colors.dim, children: ["Shortcuts: ", _jsx(Text, { color: theme.colors.text, children: "Space" }), " Play/Pause |", ' ', _jsx(Text, { color: theme.colors.text, children: "n" }), " Next |", ' ', _jsx(Text, { color: theme.colors.text, children: "p" }), " Previous |", ' ', _jsx(Text, { color: theme.colors.text, children: "/" }), " Search |", ' ', _jsx(Text, { color: theme.colors.text, children: "," }), " Settings |", ' ', _jsx(Text, { color: theme.colors.text, children: "?" }), " Help |", ' ', _jsx(Text, { color: theme.colors.text, children: "q" }), " Quit"] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.dim, children: "[=/" }), "-", _jsx(Text, { color: theme.colors.dim, children: "]" }), " Vol:", ' ', _jsxs(Text, { color: theme.colors.primary, children: [playerState.volume, "%"] })] })] }));
+    return (_jsxs(Box, { borderStyle: "single", borderColor: theme.colors.dim, paddingX: 1, justifyContent: "space-between", children: [_jsxs(Text, { color: theme.colors.dim, children: ["Shortcuts: ", _jsx(Text, { color: theme.colors.text, children: "Space" }), " Play/Pause |", ' ', _jsx(Text, { color: theme.colors.text, children: "\u2192" }), " Next |", ' ', _jsx(Text, { color: theme.colors.text, children: "\u2190" }), " Previous |", ' ', _jsx(Text, { color: theme.colors.text, children: "Shift+P" }), " Playlists |", ' ', _jsx(Text, { color: theme.colors.text, children: "p" }), " Plugins |", ' ', _jsx(Text, { color: theme.colors.text, children: "/" }), " Search |", ' ', _jsx(Text, { color: theme.colors.text, children: "," }), " Settings |", ' ', _jsx(Text, { color: theme.colors.text, children: "?" }), " Help |", ' ', _jsx(Text, { color: theme.colors.text, children: "q" }), " Quit"] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.dim, children: "[=/" }), "-", _jsx(Text, { color: theme.colors.dim, children: "]" }), " Vol:", ' ', _jsxs(Text, { color: theme.colors.primary, children: [playerState.volume, "%"] })] })] }));
 }

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

@@ -39,6 +39,9 @@ function MainLayout() {
     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]);
@@ -69,6 +72,7 @@ function MainLayout() {
     useKeyBinding(KEYBINDINGS.QUIT, handleQuit);
     useKeyBinding(KEYBINDINGS.SEARCH, goToSearch);
     useKeyBinding(KEYBINDINGS.PLAYLISTS, goToPlaylists);
+    useKeyBinding(KEYBINDINGS.PLUGINS, goToPlugins);
     useKeyBinding(KEYBINDINGS.SUGGESTIONS, goToSuggestions);
     useKeyBinding(KEYBINDINGS.SETTINGS, goToSettings);
     useKeyBinding(KEYBINDINGS.HELP, goToHelp);

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigation } from "../../hooks/useNavigation.js";
 import { useYouTubeMusic } from "../../hooks/useYouTubeMusic.js";
 import SearchResults from "../search/SearchResults.js";
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useCallback, useEffect, useRef } from 'react';
 import React from 'react';
 import { useTheme } from "../../hooks/useTheme.js";
 import SearchBar from "../search/SearchBar.js";
@@ -17,6 +17,8 @@ function SearchLayout() {
     const [results, setResults] = useState([]);
     const [isTyping, setIsTyping] = useState(true);
     const [isSearching, setIsSearching] = useState(false);
+    const [mixMessage, setMixMessage] = useState(null);
+    const mixTimeoutRef = useRef(null);
     // Handle search action
     const performSearch = useCallback(async (query) => {
         if (!query || isSearching)
@@ -71,6 +73,23 @@ function SearchLayout() {
         }
     }, [isTyping, dispatch]);
     useKeyBinding(KEYBINDINGS.BACK, goBack);
+    const handleMixCreated = useCallback((message) => {
+        setMixMessage(message);
+        if (mixTimeoutRef.current) {
+            clearTimeout(mixTimeoutRef.current);
+        }
+        mixTimeoutRef.current = setTimeout(() => {
+            setMixMessage(null);
+            mixTimeoutRef.current = null;
+        }, 4000);
+    }, []);
+    useEffect(() => {
+        return () => {
+            if (mixTimeoutRef.current) {
+                clearTimeout(mixTimeoutRef.current);
+            }
+        };
+    }, []);
     // Reset search state when leaving view
     useEffect(() => {
         return () => {
@@ -81,8 +100,8 @@ function SearchLayout() {
     }, [dispatch]);
     return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { borderStyle: "single", borderColor: theme.colors.secondary, paddingX: 1, children: [_jsx(Text, { bold: true, color: theme.colors.primary, children: "Search" }), _jsxs(Text, { color: theme.colors.dim, children: [' ', "| Limit: ", navState.searchLimit, " (Use [ or ] to adjust)"] })] }), _jsx(SearchBar, { isActive: isTyping && !isSearching, onInput: input => {
                     void performSearch(input);
-                } }), (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: results, selectedIndex: navState.selectedResult, isActive: !isTyping })), !isLoading && navState.hasSearched && results.length === 0 && !error && (_jsx(Text, { color: theme.colors.dim, children: "No results found" })), _jsx(Text, { color: theme.colors.dim, children: isTyping
+                } }), (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: results, selectedIndex: navState.selectedResult, isActive: !isTyping, onMixCreated: handleMixCreated })), !isLoading && navState.hasSearched && results.length === 0 && !error && (_jsx(Text, { color: theme.colors.dim, children: "No results found" })), mixMessage && _jsx(Text, { color: theme.colors.accent, children: mixMessage }), _jsx(Text, { color: theme.colors.dim, children: isTyping
                     ? 'Type to search, Enter to start, Esc to clear'
-                    : `Arrows to navigate, Enter to play, ]/[ more/fewer results (${navState.searchLimit}), H for history, Esc to type` })] }));
+                    : `Arrows to navigate, Enter to play, M to create mix, ]/[ more/fewer results (${navState.searchLimit}), H for history, Esc to type` })] }));
 }
 export default React.memo(SearchLayout);

package/dist/source/components/playlist/PlaylistList.js

@@ -1,20 +1,82 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Playlist list component
 import { Box, Text } from 'ink';
-import { useTheme } from "../../hooks/useTheme.js";
-import { usePlaylist } from "../../hooks/usePlaylist.js";
+import TextInput from 'ink-text-input';
+import { useCallback, useState } from 'react';
+import { useNavigation } from "../../hooks/useNavigation.js";
 import { useKeyBinding } from "../../hooks/useKeyboard.js";
+import { usePlayer } from "../../hooks/usePlayer.js";
+import { usePlaylist } from "../../hooks/usePlaylist.js";
+import { useTheme } from "../../hooks/useTheme.js";
+import { useKeyboardBlocker } from "../../hooks/useKeyboardBlocker.js";
 import { KEYBINDINGS } from "../../utils/constants.js";
-import { useState, useCallback } from 'react';
 export default function PlaylistList() {
     const { theme } = useTheme();
-    const { playlists, createPlaylist } = usePlaylist();
+    const { play, setQueue } = usePlayer();
+    const { dispatch } = useNavigation();
+    const { playlists, createPlaylist, renamePlaylist } = usePlaylist();
+    const [selectedIndex, setSelectedIndex] = useState(0);
     const [lastCreated, setLastCreated] = useState(null);
+    const [renamingPlaylistId, setRenamingPlaylistId] = useState(null);
+    const [renameValue, setRenameValue] = useState('');
+    useKeyboardBlocker(renamingPlaylistId !== null);
     const handleCreate = useCallback(() => {
         const name = `Playlist ${playlists.length + 1}`;
-        createPlaylist(name);
-        setLastCreated(name);
-    }, [playlists.length, createPlaylist]);
+        const playlist = createPlaylist(name);
+        setLastCreated(playlist.name);
+        setSelectedIndex(playlists.length);
+    }, [createPlaylist, playlists.length]);
+    const navigateUp = useCallback(() => {
+        setSelectedIndex(prev => Math.max(0, prev - 1));
+    }, []);
+    const navigateDown = useCallback(() => {
+        setSelectedIndex(prev => Math.min(playlists.length === 0 ? 0 : playlists.length - 1, prev + 1));
+    }, [playlists.length]);
+    const startPlaylist = useCallback(() => {
+        if (renamingPlaylistId)
+            return;
+        const playlist = playlists[selectedIndex];
+        if (!playlist || playlist.tracks.length === 0)
+            return;
+        setQueue([...playlist.tracks]);
+        const firstTrack = playlist.tracks[0];
+        if (!firstTrack)
+            return;
+        play(firstTrack);
+    }, [play, playlists, selectedIndex, renamingPlaylistId, setQueue]);
+    const handleRename = useCallback(() => {
+        const playlist = playlists[selectedIndex];
+        if (!playlist)
+            return;
+        setRenamingPlaylistId(playlist.playlistId);
+        setRenameValue(playlist.name);
+    }, [playlists, selectedIndex]);
+    const handleRenameSubmit = useCallback((value) => {
+        if (!renamingPlaylistId)
+            return;
+        const trimmedValue = value.trim() || `Playlist ${selectedIndex + 1}`;
+        renamePlaylist(renamingPlaylistId, trimmedValue);
+        setRenamingPlaylistId(null);
+        setRenameValue('');
+    }, [renamePlaylist, renamingPlaylistId, selectedIndex]);
+    const handleBack = useCallback(() => {
+        if (renamingPlaylistId) {
+            setRenamingPlaylistId(null);
+            setRenameValue('');
+            return;
+        }
+        dispatch({ category: 'GO_BACK' });
+    }, [dispatch, renamingPlaylistId]);
+    useKeyBinding(KEYBINDINGS.UP, navigateUp);
+    useKeyBinding(KEYBINDINGS.DOWN, navigateDown);
+    useKeyBinding(KEYBINDINGS.SELECT, startPlaylist);
+    useKeyBinding(['r'], handleRename);
     useKeyBinding(KEYBINDINGS.CREATE_PLAYLIST, handleCreate);
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { borderStyle: "double", borderColor: theme.colors.secondary, paddingX: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Playlists" }) }), playlists.length === 0 ? (_jsx(Text, { color: theme.colors.dim, children: "No playlists yet" })) : (playlists.map((playlist, index) => (_jsxs(Box, { paddingX: 1, children: [_jsxs(Text, { color: theme.colors.primary, children: [index + 1, "."] }), _jsx(Text, { children: " " }), _jsx(Text, { color: theme.colors.text, children: playlist.name }), _jsxs(Text, { color: theme.colors.dim, children: [_jsx(Text, { children: " " }), "(", playlist.tracks?.length || 0, " tracks)"] })] }, playlist.playlistId || index)))), _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: theme.colors.dim, children: ["Press ", _jsx(Text, { color: theme.colors.text, children: "c" }), " to create playlist", _jsx(Text, { children: " | " }), _jsx(Text, { color: theme.colors.text, children: "Esc" }), " to go back"] }), lastCreated && (_jsxs(Text, { color: theme.colors.accent, children: [" Created ", lastCreated] }))] })] }));
+    useKeyBinding(KEYBINDINGS.BACK, handleBack);
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { borderStyle: "double", borderColor: theme.colors.secondary, paddingX: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: "Playlists" }) }), playlists.length === 0 ? (_jsx(Text, { color: theme.colors.dim, children: "No playlists yet" })) : (playlists.map((playlist, index) => {
+                const isSelected = index === selectedIndex;
+                const isRenaming = renamingPlaylistId === playlist.playlistId && isSelected;
+                const rowBackground = isSelected ? theme.colors.secondary : undefined;
+                return (_jsxs(Box, { paddingX: 1, backgroundColor: rowBackground, children: [_jsxs(Text, { color: isSelected ? theme.colors.background : theme.colors.primary, bold: isSelected, children: [index + 1, "."] }), _jsx(Text, { children: " " }), _jsxs(Box, { flexDirection: "column", children: [isRenaming ? (_jsx(TextInput, { value: renameValue, onChange: setRenameValue, onSubmit: handleRenameSubmit, placeholder: "Playlist name", focus: true })) : (_jsx(Text, { color: isSelected ? theme.colors.background : theme.colors.text, bold: isSelected, children: playlist.name })), _jsx(Text, { color: theme.colors.dim, children: ` (${playlist.tracks.length} tracks)` })] })] }, playlist.playlistId));
+            })), _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: theme.colors.dim, children: [_jsx(Text, { color: theme.colors.text, children: "Enter" }), " to play playlist |", ' ', _jsx(Text, { color: theme.colors.text, children: "r" }), " to rename |", ' ', _jsx(Text, { color: theme.colors.text, children: "c" }), " to create |", ' ', _jsx(Text, { color: theme.colors.text, children: "Esc" }), " to go back"] }), lastCreated && (_jsxs(Text, { color: theme.colors.accent, children: [" Created ", lastCreated] }))] })] }));
 }

package/dist/source/components/search/SearchBar.js

@@ -6,6 +6,7 @@ import React from 'react';
 import { SEARCH_TYPE } from "../../utils/constants.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { useKeyBinding } from "../../hooks/useKeyboard.js";
+import { useKeyboardBlocker } from "../../hooks/useKeyboardBlocker.js";
 import { Box, Text } from 'ink';
 import TextInput from 'ink-text-input';
 import { getConfigService } from "../../services/config/config.service.js";
@@ -46,6 +47,7 @@ function SearchBar({ onInput, isActive = true }) {
     }, [isActive, onInput]);
     useKeyBinding(['tab'], cycleType);
     useKeyBinding(['escape'], clearSearch);
+    useKeyboardBlocker(isActive);
     return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.secondary, padding: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: theme.colors.dim, children: "Type: " }), searchTypes.map((type, index) => (_jsxs(Text, { color: navState.searchType === type
                             ? theme.colors.primary
                             : theme.colors.dim, bold: navState.searchType === type, children: [type, index < searchTypes.length - 1 && ' '] }, type))), _jsx(Text, { color: theme.colors.dim, children: " (Tab to switch)" })] }), isActive && (_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.primary, children: "Search: " }), _jsx(TextInput, { value: input, onChange: setInput, onSubmit: handleSubmit, placeholder: "Type to search...", focus: isActive })] })), !isActive && (_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.primary, children: "Search: " }), _jsx(Text, { color: theme.colors.dim, children: input || 'Type to search...' })] })), _jsx(Text, { color: theme.colors.dim, children: "Type to search, Enter to search, Tab to change type, Esc to clear" })] }));

package/dist/source/components/search/SearchResults.d.ts

@@ -4,7 +4,8 @@ type Props = {
     results: SearchResult[];
     selectedIndex: number;
     isActive?: boolean;
+    onMixCreated?: (message: string) => void;
 };
-declare function SearchResults({ results, selectedIndex, isActive }: Props): import("react/jsx-runtime").JSX.Element | null;
+declare function SearchResults({ results, selectedIndex, isActive, onMixCreated, }: Props): import("react/jsx-runtime").JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof SearchResults>;
 export default _default;

package/dist/source/components/search/SearchResults.js

@@ -6,6 +6,7 @@ import { useTheme } from "../../hooks/useTheme.js";
 import { useNavigation } from "../../hooks/useNavigation.js";
 import { useKeyBinding } from "../../hooks/useKeyboard.js";
 import { usePlayer } from "../../hooks/usePlayer.js";
+import { usePlaylist } from "../../hooks/usePlaylist.js";
 import { KEYBINDINGS } from "../../utils/constants.js";
 import { truncate } from "../../utils/format.js";
 import { useCallback, useRef, useEffect } from 'react';
@@ -14,12 +15,15 @@ import { useTerminalSize } from "../../hooks/useTerminalSize.js";
 import { getMusicService } from "../../services/youtube-music/api.js";
 // Generate unique component instance ID
 let instanceCounter = 0;
-function SearchResults({ results, selectedIndex, isActive = true }) {
+function SearchResults({ results, selectedIndex, isActive = true, onMixCreated, }) {
     const { theme } = useTheme();
     const { dispatch } = useNavigation();
     const { play, dispatch: playerDispatch } = usePlayer();
     const { columns } = useTerminalSize();
     const musicService = getMusicService();
+    const { createPlaylist } = usePlaylist();
+    const mixCreatedRef = useRef(onMixCreated);
+    mixCreatedRef.current = onMixCreated;
     // Track component instance and last action time for debouncing
     const instanceIdRef = useRef(++instanceCounter);
     const lastSelectTime = useRef(0);
@@ -123,9 +127,100 @@ function SearchResults({ results, selectedIndex, isActive = true }) {
         logger.debug('SearchResults', 'SELECT key pressed', { isActive, instanceId });
         playSelected();
     }, [isActive, playSelected]);
+    const createMixPlaylist = useCallback(async () => {
+        if (!isActive)
+            return;
+        const selected = results[selectedIndex];
+        if (!selected) {
+            logger.warn('SearchResults', 'No result selected for mix');
+            return;
+        }
+        let playlistName = 'Dynamic mix';
+        const collectedTracks = [];
+        if (selected.type === 'song') {
+            const selectedTrack = selected.data;
+            const title = selectedTrack.title || 'selected track';
+            playlistName = `Mix for ${title}`;
+            collectedTracks.push(selectedTrack);
+            try {
+                const suggestions = await musicService.getSuggestions(selectedTrack.videoId);
+                collectedTracks.push(...suggestions);
+            }
+            catch (error) {
+                logger.error('SearchResults', 'Failed to fetch song suggestions', {
+                    error,
+                });
+            }
+        }
+        else if (selected.type === 'artist') {
+            const artistName = 'name' in selected.data ? selected.data.name : '';
+            if (!artistName) {
+                logger.warn('SearchResults', 'Artist name missing for mix');
+                mixCreatedRef.current?.('Artist information is missing, cannot create mix.');
+                return;
+            }
+            playlistName = `${artistName} mix`;
+            try {
+                const response = await musicService.search(artistName, {
+                    type: 'songs',
+                    limit: 25,
+                });
+                const artistTracks = response.results
+                    .filter(result => result.type === 'song')
+                    .map(result => result.data);
+                collectedTracks.push(...artistTracks);
+            }
+            catch (error) {
+                logger.error('SearchResults', 'Failed to fetch artist songs for mix', {
+                    error,
+                });
+            }
+        }
+        else {
+            logger.warn('SearchResults', 'Mix creation unsupported result type', {
+                type: selected.type,
+            });
+            mixCreatedRef.current?.('Mix creation is only supported for songs and artists.');
+            return;
+        }
+        const uniqueTracks = [];
+        const seenVideoIds = new Set();
+        for (const track of collectedTracks) {
+            if (!track?.videoId || seenVideoIds.has(track.videoId))
+                continue;
+            seenVideoIds.add(track.videoId);
+            uniqueTracks.push(track);
+        }
+        if (uniqueTracks.length === 0) {
+            mixCreatedRef.current?.('No similar tracks were found to create a mix.');
+            return;
+        }
+        const playlist = createPlaylist(playlistName, uniqueTracks);
+        logger.info('SearchResults', 'Mix playlist created', {
+            name: playlist.name,
+            trackCount: uniqueTracks.length,
+        });
+        // Queue the mix tracks and start playing the first one
+        playerDispatch({ category: 'SET_QUEUE', queue: uniqueTracks });
+        const firstTrack = uniqueTracks[0];
+        if (firstTrack) {
+            playerDispatch({ category: 'PLAY', track: firstTrack });
+        }
+        mixCreatedRef.current?.(`Created mix "${playlist.name}" with ${uniqueTracks.length} tracks — playing now.`);
+    }, [
+        createPlaylist,
+        isActive,
+        musicService,
+        playerDispatch,
+        results,
+        selectedIndex,
+    ]);
     useKeyBinding(KEYBINDINGS.UP, navigateUp);
     useKeyBinding(KEYBINDINGS.DOWN, navigateDown);
     useKeyBinding(KEYBINDINGS.SELECT, handleSelect);
+    useKeyBinding(KEYBINDINGS.CREATE_MIX, () => {
+        void createMixPlaylist();
+    });
     // Note: Removed redundant useEffect that was syncing selectedIndex to dispatch
     // This was causing unnecessary re-renders. The selectedIndex is already managed
     // by the parent component (SearchLayout) and passed down as a prop.

package/dist/source/hooks/useKeyboard.js

@@ -2,6 +2,7 @@
 import { useCallback, useEffect } from 'react';
 import { useInput } from 'ink';
 import { logger } from "../services/logger/logger.service.js";
+import { useKeyboardBlockContext } from "./useKeyboardBlocker.js";
 // Global registry for key handlers
 const registry = new Set();
 /**
@@ -23,7 +24,13 @@ export function useKeyBinding(keys, handler) {
  * This should be rendered once at the root of the app.
  */
 export function KeyboardManager() {
+    const { blockCount } = useKeyboardBlockContext();
     useInput((input, key) => {
+        if (blockCount > 0) {
+            // When keyboard input is blocked (e.g., within a focused text input),
+            // we deliberately skip executing global shortcuts.
+            return;
+        }
         // Debug logging for key presses (helps diagnose binding issues)
         if (input || key.ctrl || key.meta || key.shift) {
             logger.debug('KeyboardManager', 'Key pressed', {
@@ -74,6 +81,8 @@ export function KeyboardManager() {
                             return false;
                         if (hasShift && !key.shift)
                             return false;
+                        if (!hasShift && key.shift)
+                            return false;
                         // Check the actual key
                         if (mainKey === 'up' && key.upArrow)
                             return true;

package/dist/source/hooks/useKeyboardBlocker.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+type KeyboardBlockContextValue = {
+    blockCount: number;
+    increment: () => void;
+    decrement: () => void;
+};
+export declare function KeyboardBlockProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useKeyboardBlockContext(): KeyboardBlockContextValue;
+export declare function useKeyboardBlocker(shouldBlock: boolean): void;
+export declare function useIsKeyboardBlocked(): boolean;
+export {};

package/dist/source/hooks/useKeyboardBlocker.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
+const KeyboardBlockContext = createContext(null);
+export function KeyboardBlockProvider({ children }) {
+    const [blockCount, setBlockCount] = useState(0);
+    const increment = useCallback(() => {
+        setBlockCount(prev => prev + 1);
+    }, []);
+    const decrement = useCallback(() => {
+        setBlockCount(prev => Math.max(0, prev - 1));
+    }, []);
+    const value = useMemo(() => ({ blockCount, increment, decrement }), [blockCount, increment, decrement]);
+    return (_jsx(KeyboardBlockContext.Provider, { value: value, children: children }));
+}
+export function useKeyboardBlockContext() {
+    const context = useContext(KeyboardBlockContext);
+    if (!context) {
+        throw new Error('useKeyboardBlockContext must be used within KeyboardBlockProvider');
+    }
+    return context;
+}
+export function useKeyboardBlocker(shouldBlock) {
+    const { increment, decrement } = useKeyboardBlockContext();
+    const blockedRef = useRef(false);
+    useEffect(() => {
+        if (shouldBlock && !blockedRef.current) {
+            increment();
+            blockedRef.current = true;
+        }
+        else if (!shouldBlock && blockedRef.current) {
+            decrement();
+            blockedRef.current = false;
+        }
+        return () => {
+            if (blockedRef.current) {
+                decrement();
+                blockedRef.current = false;
+            }
+        };
+    }, [shouldBlock, increment, decrement]);
+}
+export function useIsKeyboardBlocked() {
+    const { blockCount } = useKeyboardBlockContext();
+    return blockCount > 0;
+}

package/dist/source/hooks/usePlaylist.d.ts

@@ -2,8 +2,9 @@ import type { Playlist, Track } from '../types/youtube-music.types.ts';
 export type AddTrackResult = 'added' | 'duplicate';
 export declare function usePlaylist(): {
     playlists: Playlist[];
-    createPlaylist: (name: string) => void;
+    createPlaylist: (name: string, tracks?: Track[]) => Playlist;
     deletePlaylist: (playlistId: string) => void;
+    renamePlaylist: (playlistId: string, newName: string) => void;
     addTrackToPlaylist: (playlistId: string, track: Track, force?: boolean) => AddTrackResult;
     removeTrackFromPlaylist: (playlistId: string, trackIndex: number) => void;
 };

package/dist/source/hooks/usePlaylist.js

@@ -7,15 +7,16 @@ export function usePlaylist() {
     useEffect(() => {
         setPlaylists(configService.get('playlists'));
     }, []);
-    const createPlaylist = useCallback((name) => {
+    const createPlaylist = useCallback((name, tracks = []) => {
         const newPlaylist = {
             playlistId: Date.now().toString(),
             name,
-            tracks: [],
+            tracks: tracks.map(track => ({ ...track })),
         };
         const updatedPlaylists = [...playlists, newPlaylist];
         setPlaylists(updatedPlaylists);
         configService.set('playlists', updatedPlaylists);
+        return newPlaylist;
     }, [playlists, configService]);
     const deletePlaylist = useCallback((playlistId) => {
         const updatedPlaylists = playlists.filter(p => p.playlistId !== playlistId);
@@ -37,6 +38,13 @@ export function usePlaylist() {
         configService.set('playlists', updatedPlaylists);
         return 'added';
     }, [playlists, configService]);
+    const renamePlaylist = useCallback((playlistId, newName) => {
+        const updatedPlaylists = playlists.map(playlist => playlist.playlistId === playlistId
+            ? { ...playlist, name: newName }
+            : playlist);
+        setPlaylists(updatedPlaylists);
+        configService.set('playlists', updatedPlaylists);
+    }, [playlists, configService]);
     const removeTrackFromPlaylist = useCallback((playlistId, trackIndex) => {
         const playlistIndex = playlists.findIndex(p => p.playlistId === playlistId);
         if (playlistIndex === -1)
@@ -50,6 +58,7 @@ export function usePlaylist() {
         playlists,
         createPlaylist,
         deletePlaylist,
+        renamePlaylist,
         addTrackToPlaylist,
         removeTrackFromPlaylist,
     };

package/dist/source/main.js

@@ -7,6 +7,7 @@ import { ThemeProvider } from "./contexts/theme.context.js";
 import { PlayerProvider } from "./stores/player.store.js";
 import { ErrorBoundary } from "./components/common/ErrorBoundary.js";
 import { KeyboardManager } from "./hooks/useKeyboard.js";
+import { KeyboardBlockProvider } from "./hooks/useKeyboardBlocker.js";
 import { Box, Text } from 'ink';
 import { useEffect } from 'react';
 import { useNavigation } from "./hooks/useNavigation.js";
@@ -65,5 +66,5 @@ function HeadlessLayout({ flags }) {
     return (_jsx(Box, { padding: 1, children: _jsx(Text, { color: "green", children: "Headless mode active." }) }));
 }
 export default function Main({ flags }) {
-    return (_jsx(ErrorBoundary, { children: _jsx(ThemeProvider, { children: _jsx(PlayerProvider, { children: _jsx(NavigationProvider, { children: _jsx(PluginsProvider, { children: _jsxs(Box, { flexDirection: "column", children: [_jsx(KeyboardManager, {}), flags?.headless ? (_jsx(HeadlessLayout, { flags: flags })) : (_jsxs(_Fragment, { children: [_jsx(Initializer, { flags: flags }), _jsx(MainLayout, {})] }))] }) }) }) }) }) }));
+    return (_jsx(ErrorBoundary, { children: _jsx(ThemeProvider, { children: _jsx(PlayerProvider, { children: _jsx(NavigationProvider, { children: _jsx(PluginsProvider, { children: _jsx(KeyboardBlockProvider, { children: _jsxs(Box, { flexDirection: "column", children: [_jsx(KeyboardManager, {}), flags?.headless ? (_jsx(HeadlessLayout, { flags: flags })) : (_jsxs(_Fragment, { children: [_jsx(Initializer, { flags: flags }), _jsx(MainLayout, {})] }))] }) }) }) }) }) }) }));
 }

package/dist/source/services/youtube-music/api.js

@@ -218,37 +218,39 @@ class MusicService {
     async getSuggestions(trackId) {
         try {
             const yt = await getClient();
-            let video = null;
-            try {
-                video = (await yt.getInfo(trackId));
-            }
-            catch (error) {
-                logger.warn('MusicService', 'getSuggestions getInfo failed', {
-                    error: error instanceof Error ? error.message : String(error),
-                });
-                return [];
-            }
-            const suggestions = video?.related?.contents ?? [];
+            // Use music.getUpNext with automix — avoids the yt.getInfo() ParsingError
+            // caused by YouTube "Remove ads" menu items that youtubei.js can't parse.
+            const panel = await yt.music.getUpNext(trackId, true);
             const tracks = [];
-            for (const item of suggestions) {
-                const videoId = item?.id || '';
-                if (!videoId)
+            for (const item of panel.contents) {
+                const video = item;
+                const videoId = video.video_id;
+                if (!videoId || videoId === trackId)
                     continue;
-                const title = typeof item.title === 'string' ? item.title : item.title?.text;
+                const title = typeof video.title === 'string'
+                    ? video.title
+                    : (video.title?.text ?? '');
                 if (!title)
                     continue;
                 tracks.push({
                     videoId,
                     title,
-                    artists: [],
+                    artists: (video.artists ?? []).map(a => ({
+                        artistId: a.channel_id ?? '',
+                        name: a.name ?? 'Unknown',
+                    })),
+                    duration: video.duration?.seconds ?? 0,
                 });
             }
-            return tracks.slice(0, 10);
+            logger.debug('MusicService', 'getSuggestions success', {
+                trackId,
+                count: tracks.length,
+            });
+            return tracks.slice(0, 15);
         }
         catch (error) {
-            logger.error('MusicService', 'getSuggestions failed', {
-                error: error instanceof Error ? error.message : String(error),
-            });
+            const message = error instanceof Error ? error.message : String(error);
+            logger.warn('MusicService', 'getSuggestions failed', { error: message });
             return [];
         }
     }

package/dist/source/utils/constants.d.ts

@@ -30,9 +30,10 @@ export declare const KEYBINDINGS: {
     readonly QUIT: readonly ["q", "escape"];
     readonly HELP: readonly ["?"];
     readonly SEARCH: readonly ["/"];
-    readonly PLAYLISTS: readonly ["p"];
+    readonly PLAYLISTS: readonly ["shift+p"];
     readonly SUGGESTIONS: readonly ["g"];
     readonly SETTINGS: readonly [","];
+    readonly PLUGINS: readonly ["p"];
     readonly PLAY_PAUSE: readonly [" "];
     readonly NEXT: readonly ["n", "right"];
     readonly PREVIOUS: readonly ["b", "left"];
@@ -58,6 +59,7 @@ export declare const KEYBINDINGS: {
     readonly ADD_TO_PLAYLIST: readonly ["a"];
     readonly REMOVE_FROM_PLAYLIST: readonly ["d"];
     readonly CREATE_PLAYLIST: readonly ["c"];
+    readonly CREATE_MIX: readonly ["m"];
     readonly DELETE_PLAYLIST: readonly ["D"];
 };
 export declare const DEFAULT_VOLUME = 70;

package/dist/source/utils/constants.js

@@ -38,9 +38,10 @@ export const KEYBINDINGS = {
     QUIT: ['q', 'escape'],
     HELP: ['?'],
     SEARCH: ['/'],
-    PLAYLISTS: ['p'],
+    PLAYLISTS: ['shift+p'],
     SUGGESTIONS: ['g'],
     SETTINGS: [','],
+    PLUGINS: ['p'],
     // Player
     PLAY_PAUSE: [' '],
     NEXT: ['n', 'right'],
@@ -70,6 +71,7 @@ export const KEYBINDINGS = {
     ADD_TO_PLAYLIST: ['a'],
     REMOVE_FROM_PLAYLIST: ['d'],
     CREATE_PLAYLIST: ['c'],
+    CREATE_MIX: ['m'],
     DELETE_PLAYLIST: ['D'],
 };
 // Default volume

package/package.json

@@ -1,10 +1,10 @@
 {
 	"name": "@involvex/youtube-music-cli",
-	"version": "0.0.6",
+	"version": "0.0.9",
 	"description": "- A Commandline music player for youtube-music",
 	"repository": {
 		"type": "git",
-		"url": "https://github.com/involvex/youtube-music-cli"
+		"url": "git+https://github.com/involvex/youtube-music-cli.git"
 	},
 	"funding": "https://github.com/sponsors/involvex",
 	"license": "MIT",
@@ -62,6 +62,7 @@
 		"jiti": "^2.6.1",
 		"meow": "^14.0.0",
 		"node-notifier": "^10.0.1",
+		"discord-rpc": "^4.0.1",
 		"node-youtube-music": "^0.10.3",
 		"play-sound": "^1.1.6",
 		"react": "^19.2.4",