morille 0.1.0

package/dist/components/player.js

@@ -0,0 +1,215 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Spacer, Text, useWindowSize } from 'ink';
+import { useMemo } from 'react';
+import { LYRICS_WIDE_COLUMNS } from '../config.js';
+import { LyricsProvider, useLyricsContext } from '../contexts/lyrics-context.js';
+import { PanelModeProvider, usePanelMode } from '../contexts/panel-mode-context.js';
+import { QueueProvider } from '../contexts/queue-context.js';
+import { SearchProvider } from '../contexts/search-context.js';
+import { useAlbumArt } from '../hooks/use-album-art.js';
+import { usePlayback } from '../hooks/use-playback.js';
+import { usePlayerInput } from '../hooks/use-player-input.js';
+import { KeyboardHints } from './keyboard-hints.js';
+import { PanelContent } from './panel-content.js';
+import { PlaybackStatus } from './playback-status.js';
+import { SidePanel } from './side-panel.js';
+const MIN_WIDE_COLUMNS = 60;
+const ART_WIDTH = 20;
+const TIME_LABEL_WIDTH = 15;
+const HEADER_FOOTER_ROWS = 8;
+const MAX_ART_HEIGHT = 12;
+const MIN_PANEL_HEIGHT = 5;
+const PANEL_RESERVED_ROWS = 6;
+function computeLayout(columns, rows, hasPanel, hasArt) {
+    const padding = 2;
+    const isWide = columns >= MIN_WIDE_COLUMNS;
+    const isPanelWide = columns >= LYRICS_WIDE_COLUMNS;
+    const artSpace = hasArt ? ART_WIDTH + 2 : 0;
+    const statusWidth = 5;
+    const panelColumnWidth = isPanelWide && hasPanel ? Math.floor((columns - padding * 2) / 2) : 0;
+    const leftWidth = columns - padding * 2 - panelColumnWidth - (panelColumnWidth > 0 ? 3 : 0);
+    return {
+        isWide,
+        isPanelWide,
+        artHeight: isWide && !hasPanel ? Math.min(rows - HEADER_FOOTER_ROWS, MAX_ART_HEIGHT) : 0,
+        progressBarWidth: Math.max(leftWidth - artSpace - statusWidth - TIME_LABEL_WIDTH, 10),
+        panelColumnWidth,
+        leftWidth,
+        panelHeight: Math.max(rows - PANEL_RESERVED_ROWS, MIN_PANEL_HEIGHT),
+    };
+}
+function buildHints(panelMode, lyricsOffset, isPlainText, isInputMode) {
+    if (panelMode === 'search' && isInputMode) {
+        return [
+            {
+                key: 'type',
+                label: 'search',
+            },
+            {
+                key: 'enter',
+                label: 'submit',
+            },
+            {
+                key: 'esc',
+                label: 'close',
+            },
+        ];
+    }
+    if (panelMode === 'search') {
+        return [
+            {
+                key: '\u2191/\u2193',
+                label: 'navigate',
+            },
+            {
+                key: '\u2190/\u2192',
+                label: 'category',
+            },
+            {
+                key: 'enter',
+                label: 'select',
+            },
+            {
+                key: 'esc',
+                label: 'back',
+            },
+            {
+                key: 'q',
+                label: 'quit',
+            },
+        ];
+    }
+    if (panelMode === 'queue') {
+        return [
+            {
+                key: '\u2191/\u2193',
+                label: 'navigate',
+            },
+            {
+                key: 'enter',
+                label: 'play',
+            },
+            {
+                key: 'd',
+                label: 'close',
+            },
+            {
+                key: 'esc',
+                label: 'close',
+            },
+            {
+                key: 'q',
+                label: 'quit',
+            },
+        ];
+    }
+    if (panelMode === 'lyrics') {
+        const hints = [];
+        if (isPlainText) {
+            hints.push({
+                key: '\u2191/\u2193',
+                label: 'scroll',
+            });
+        }
+        hints.push({
+            key: '+/-',
+            label: `offset(${lyricsOffset}ms)`,
+        }, {
+            key: 'l',
+            label: 'close',
+        }, {
+            key: 'esc',
+            label: 'close',
+        }, {
+            key: 'q',
+            label: 'quit',
+        });
+        return hints;
+    }
+    return [
+        {
+            key: 'space',
+            label: 'play/pause',
+        },
+        {
+            key: 'n',
+            label: 'next',
+        },
+        {
+            key: 'p',
+            label: 'prev',
+        },
+        {
+            key: '\u2190/\u2192',
+            label: 'seek',
+        },
+        {
+            key: '\u2191/\u2193',
+            label: 'vol',
+        },
+        {
+            key: 's',
+            label: 'shuffle',
+        },
+        {
+            key: 'r',
+            label: 'repeat',
+        },
+        {
+            key: 'l',
+            label: 'lyrics',
+        },
+        {
+            key: 'd',
+            label: 'queue',
+        },
+        {
+            key: '/',
+            label: 'search',
+        },
+        {
+            key: 'b',
+            label: 'playlists',
+        },
+        {
+            key: 'q',
+            label: 'quit',
+        },
+    ];
+}
+/**
+ * Player component wrapped with context providers.
+ */
+export function Player({ client }) {
+    return (_jsx(PanelModeProvider, { children: _jsx(PlayerWithProviders, { client: client }) }));
+}
+/**
+ * Sets up playback-dependent providers, then renders the UI.
+ */
+function PlayerWithProviders({ client }) {
+    const playback = usePlayback(client);
+    const { track, isLoading, error } = playback;
+    const { columns, rows } = useWindowSize();
+    const { panelMode, hasPanel } = usePanelMode();
+    return (_jsx(LyricsProvider, { track: track, children: _jsx(QueueProvider, { client: client, track: track, playTrackUri: playback.playTrackUri, refresh: playback.refresh, children: _jsx(SearchProvider, { client: client, track: track, playTrackUri: playback.playTrackUri, refresh: playback.refresh, children: _jsx(PlayerUI, { playback: playback, track: track, isLoading: isLoading, error: error, columns: columns, rows: rows, panelMode: panelMode, hasPanel: hasPanel }) }) }) }));
+}
+/**
+ * Pure UI component - consumes contexts for panel data, receives playback as props.
+ */
+function PlayerUI({ playback, track, isLoading, error, columns, rows, panelMode, hasPanel }) {
+    const { offset: lyricsOffset, isPlainText: isPlainLyrics } = useLyricsContext();
+    const { isInputMode } = usePanelMode();
+    const layout = computeLayout(columns, rows, hasPanel, false);
+    const art = useAlbumArt(layout.artHeight > 0 ? (track?.albumImageUrl ?? null) : null, layout.artHeight);
+    const finalLayout = art ? computeLayout(columns, rows, hasPanel, true) : layout;
+    usePlayerInput(playback);
+    const hints = useMemo(() => buildHints(panelMode, lyricsOffset, isPlainLyrics, isInputMode), [
+        panelMode,
+        lyricsOffset,
+        isPlainLyrics,
+        isInputMode,
+    ]);
+    const showPanelWide = finalLayout.isPanelWide && hasPanel && !!track;
+    const showPanelNarrow = !finalLayout.isPanelWide && hasPanel && !!track;
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: "100%", borderColor: "black", borderStyle: "single", children: [_jsx(Text, { bold: true, color: "green", children: "morille" }), _jsxs(Box, { marginTop: 1, flexDirection: showPanelWide ? 'row' : 'column', flexGrow: 1, children: [_jsx(Box, { flexDirection: "column", width: showPanelWide ? finalLayout.leftWidth : undefined, flexGrow: showPanelWide ? 0 : 1, children: _jsx(PlaybackStatus, { track: track, isLoading: isLoading, error: error, art: art, progressBarWidth: finalLayout.progressBarWidth }) }), showPanelWide && track && (_jsx(SidePanel, { width: finalLayout.panelColumnWidth || undefined, isWideLayout: true, children: _jsx(PanelContent, { progressMs: track.progressMs, height: finalLayout.panelHeight }) }))] }), showPanelNarrow && track && (_jsx(SidePanel, { width: undefined, isWideLayout: false, children: _jsx(PanelContent, { progressMs: track.progressMs, height: finalLayout.panelHeight }) })), _jsx(Spacer, {}), _jsx(KeyboardHints, { hints: hints })] }));
+}

package/dist/components/player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"player.js","sourceRoot":"","sources":["../../src/components/player.tsx"],"names":[],"mappings":"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"}

package/dist/components/progress-bar.d.ts

@@ -0,0 +1,11 @@
+type ProgressBarProps = {
+    progress: number;
+    duration: number;
+    width: number;
+};
+/**
+ * Renders a visual progress bar using Unicode block characters.
+ * Width adapts to the available terminal space.
+ */
+export declare function ProgressBar({ progress, duration, width }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/progress-bar.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+/**
+ * Renders a visual progress bar using Unicode block characters.
+ * Width adapts to the available terminal space.
+ */
+export function ProgressBar({ progress, duration, width }) {
+    const barWidth = Math.max(width, 5);
+    const ratio = duration > 0 ? Math.min(progress / duration, 1) : 0;
+    const filled = Math.round(ratio * barWidth);
+    const bar = '\u2588'.repeat(filled) + '\u2591'.repeat(barWidth - filled);
+    return _jsx(Text, { dimColor: true, children: bar });
+}

package/dist/components/queue-view.d.ts

@@ -0,0 +1,9 @@
+type QueueViewProps = {
+    height: number;
+};
+/**
+ * Queue view reading data from QueueContext.
+ * Split into history (dimmed) and upcoming sections with the current track between them.
+ */
+export declare function QueueView({ height }: QueueViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/queue-view.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { useQueueContext } from '../contexts/queue-context.js';
+function QueueSlot({ item, isSelected }) {
+    const label = `${item.artist} - ${item.name}`;
+    if (item.isCurrent) {
+        return (_jsxs(Text, { bold: true, color: "green", inverse: isSelected, children: ['\u25B6', " ", label] }));
+    }
+    if (item.isPrevious) {
+        return (_jsx(Text, { dimColor: true, inverse: isSelected, children: label }));
+    }
+    if (isSelected) {
+        return _jsx(Text, { inverse: true, children: label });
+    }
+    return _jsx(Text, { children: label });
+}
+function renderList(items, selectedIndex, offset, height) {
+    if (items.length === 0)
+        return null;
+    const halfHeight = Math.floor(height / 2);
+    const startIndex = Math.max(0, Math.min(selectedIndex - offset - halfHeight, items.length - height));
+    const visibleCount = Math.min(height, items.length);
+    return Array.from({
+        length: visibleCount,
+    }, (_, i) => {
+        const idx = startIndex + i;
+        const item = items[idx];
+        if (!item)
+            return _jsx(Text, { children: " " }, idx);
+        return _jsx(QueueSlot, { item: item, isSelected: idx + offset === selectedIndex }, item.uri + idx);
+    });
+}
+/**
+ * Queue view reading data from QueueContext.
+ * Split into history (dimmed) and upcoming sections with the current track between them.
+ */
+export function QueueView({ height }) {
+    const { queue, selectedIndex, isLoading, contextName, contextSubtitle } = useQueueContext();
+    if (isLoading) {
+        return _jsx(Text, { dimColor: true, children: "Loading queue..." });
+    }
+    if (queue.length === 0) {
+        return _jsx(Text, { dimColor: true, children: "Queue is empty" });
+    }
+    const history = queue.filter((q) => q.isPrevious);
+    const current = queue.find((q) => q.isCurrent);
+    const currentIndex = queue.findIndex((q) => q.isCurrent);
+    const upcoming = queue.filter((q) => !q.isCurrent && !q.isPrevious);
+    const headerLines = 1 + (current ? 1 : 0);
+    const availableHeight = Math.max(height - headerLines, 2);
+    const historyHeight = Math.min(Math.floor(availableHeight / 2), history.length);
+    const upcomingHeight = Math.min(availableHeight - historyHeight, upcoming.length);
+    return (_jsxs(Box, { flexDirection: "column", height: height, overflow: "hidden", children: [contextName && (_jsxs(Box, { gap: 1, borderColor: "gray", borderStyle: "single", borderBottom: true, borderLeft: false, borderRight: false, borderTop: false, children: [_jsx(Text, { bold: true, children: contextName }), contextSubtitle && _jsx(Text, { children: "-" }), contextSubtitle && _jsx(Text, { dimColor: true, children: contextSubtitle })] })), renderList(history, selectedIndex, 0, historyHeight), current && _jsx(QueueSlot, { item: current, isSelected: currentIndex === selectedIndex }), renderList(upcoming, selectedIndex, history.length + (current ? 1 : 0), upcomingHeight)] }));
+}

package/dist/components/search-panel.d.ts

@@ -0,0 +1,8 @@
+type SearchPanelProps = {
+    height: number;
+};
+/**
+ * Routes between search sub-views based on the current navigation state.
+ */
+export declare function SearchPanel({ height }: SearchPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/search-panel.js

@@ -0,0 +1,152 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { usePanelMode } from '../contexts/panel-mode-context.js';
+import { useSearchContext } from '../contexts/search-context.js';
+import { BrowseDetailView } from './browse-detail-view.js';
+/**
+ * Routes between search sub-views based on the current navigation state.
+ */
+export function SearchPanel({ height }) {
+    const ctx = useSearchContext();
+    switch (ctx.currentView.kind) {
+        case 'input':
+            return _jsx(SearchInputView, { height: height });
+        case 'album':
+        case 'playlist':
+            return _jsx(SearchBrowseView, { height: height });
+        case 'playlists':
+            return _jsx(UserPlaylistsView, { height: height });
+    }
+}
+function SearchInputView({ height }) {
+    const { query, results, isSearchLoading, selectedCategory, selectedIndex, currentTrackUri, currentContextUri } = useSearchContext();
+    const { isInputMode } = usePanelMode();
+    // Header = 2 content lines (input + hint) + 1 border line below
+    const headerLines = 3;
+    const availableHeight = Math.max(height - headerLines, 2);
+    return (_jsxs(Box, { flexDirection: "column", height: height, overflow: "hidden", children: [_jsxs(Box, { flexDirection: "column", borderColor: "gray", borderStyle: "single", borderBottom: true, borderLeft: false, borderRight: false, borderTop: false, children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, dimColor: !isInputMode, children: "Search:" }), _jsx(Text, { dimColor: !isInputMode, children: query.length > 0 ? query : _jsx(Text, { dimColor: true, children: "type to search..." }) }), isInputMode && _jsx(Text, { color: "green", children: '_' })] }), _jsx(Box, { children: results &&
+                            (isInputMode ? (_jsxs(Text, { dimColor: true, children: [_jsx(Text, { bold: true, children: "enter" }), "/", _jsx(Text, { bold: true, children: "tab" }), " browse results"] })) : (_jsxs(Text, { dimColor: true, children: [_jsx(Text, { bold: true, children: "esc" }), " back to input"] }))) })] }), isSearchLoading && !results && _jsx(Text, { dimColor: true, children: "Searching..." }), results && (_jsx(ResultsView, { results: results, selectedCategory: selectedCategory, selectedIndex: selectedIndex, currentTrackUri: currentTrackUri, currentContextUri: currentContextUri, height: availableHeight, dimmed: isInputMode })), !results && !isSearchLoading && query.length === 0 && _jsx(Text, { dimColor: true, children: "Type a query to search Spotify" })] }));
+}
+function ResultsView({ results, selectedCategory, selectedIndex, currentTrackUri, currentContextUri, height, dimmed, }) {
+    const categories = [
+        {
+            key: 'tracks',
+            label: 'Tracks',
+        },
+        {
+            key: 'albums',
+            label: 'Albums',
+        },
+        {
+            key: 'artists',
+            label: 'Artists',
+        },
+        {
+            key: 'playlists',
+            label: 'Playlists',
+        },
+    ];
+    const items = results[selectedCategory];
+    // 1 line for tabs + 1 line for border below
+    const listHeight = Math.max(height - 2, 1);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { gap: 1, borderColor: "gray", borderStyle: "single", borderBottom: true, borderLeft: false, borderRight: false, borderTop: false, children: categories.map((cat) => {
+                    const count = results[cat.key].length;
+                    const isActive = cat.key === selectedCategory;
+                    return (_jsxs(Text, { bold: isActive && !dimmed, underline: isActive, dimColor: dimmed || !isActive || count === 0, children: [cat.label, "(", count, ")"] }, cat.key));
+                }) }), _jsxs(Box, { flexDirection: "column", height: listHeight, overflow: "hidden", children: [items.length === 0 && _jsx(Text, { dimColor: true, children: "No results" }), items.map((item, idx) => (_jsx(ResultItem, { category: selectedCategory, item: item, isSelected: idx === selectedIndex, isPlaying: isItemPlaying(selectedCategory, item, currentTrackUri, currentContextUri), dimmed: dimmed }, itemKey(selectedCategory, item))))] })] }));
+}
+/**
+ * Returns true if a search result item matches the currently playing track or playback context.
+ * - Tracks match by URI.
+ * - Albums / playlists match when they are the current playback context.
+ * - Artists never match (Spotify's playback context is never an artist URI).
+ */
+function isItemPlaying(category, item, currentTrackUri, currentContextUri) {
+    switch (category) {
+        case 'tracks':
+            return currentTrackUri !== null && item.uri === currentTrackUri;
+        case 'albums':
+            return currentContextUri !== null && item.uri === currentContextUri;
+        case 'playlists':
+            return currentContextUri !== null && item.uri === currentContextUri;
+        case 'artists':
+            return false;
+    }
+}
+function ResultItem({ category, item, isSelected, isPlaying, dimmed, }) {
+    const label = formatResultItem(category, item);
+    // No selection indicator while dimmed (input focused) — selection only matters in browse mode
+    const icon = isPlaying ? '\u25B6 ' : !dimmed && isSelected ? '> ' : '  ';
+    if (isPlaying) {
+        return (_jsxs(Text, { bold: true, color: "green", inverse: !dimmed && isSelected, dimColor: dimmed, children: [icon, label] }));
+    }
+    return (_jsxs(Text, { inverse: !dimmed && isSelected, dimColor: dimmed, children: [icon, label] }));
+}
+function formatResultItem(category, item) {
+    switch (category) {
+        case 'tracks': {
+            const t = item;
+            return `${t.artist} - ${t.name}`;
+        }
+        case 'albums': {
+            const a = item;
+            return `${a.name} - ${a.artist} (${a.totalTracks} tracks)`;
+        }
+        case 'artists': {
+            const ar = item;
+            return ar.name;
+        }
+        case 'playlists': {
+            const p = item;
+            return `${p.name} (${p.owner}, ${p.totalTracks} tracks)`;
+        }
+    }
+}
+function itemKey(category, item) {
+    switch (category) {
+        case 'tracks':
+            return item.uri;
+        case 'albums':
+            return item.id;
+        case 'artists':
+            return item.id;
+        case 'playlists':
+            return item.id;
+    }
+}
+function SearchBrowseView({ height }) {
+    const { browseData, isBrowseLoading, selectedIndex, currentTrackUri } = useSearchContext();
+    if (isBrowseLoading || !browseData) {
+        return _jsx(Text, { dimColor: true, children: "Loading..." });
+    }
+    return (_jsx(BrowseDetailView, { data: browseData, selectedIndex: selectedIndex, currentTrackUri: currentTrackUri, height: height }));
+}
+function UserPlaylistsView({ height }) {
+    const { userPlaylists, isPlaylistsLoading, selectedIndex, currentContextUri } = useSearchContext();
+    if (isPlaylistsLoading || !userPlaylists) {
+        return _jsx(Text, { dimColor: true, children: "Loading playlists..." });
+    }
+    if (userPlaylists.length === 0) {
+        return _jsx(Text, { dimColor: true, children: "No playlists found" });
+    }
+    const headerLines = 1;
+    const listHeight = Math.max(height - headerLines, 2);
+    const halfHeight = Math.floor(listHeight / 2);
+    const startIndex = Math.max(0, Math.min(selectedIndex - halfHeight, userPlaylists.length - listHeight));
+    const visibleCount = Math.min(listHeight, userPlaylists.length);
+    return (_jsxs(Box, { flexDirection: "column", height: height, overflow: "hidden", children: [_jsx(Box, { borderColor: "gray", borderStyle: "single", borderBottom: true, borderLeft: false, borderRight: false, borderTop: false, children: _jsx(Text, { bold: true, children: "Your Playlists" }) }), Array.from({
+                length: visibleCount,
+            }, (_, i) => {
+                const idx = startIndex + i;
+                const playlist = userPlaylists[idx];
+                if (!playlist)
+                    return _jsx(Text, { children: " " }, idx);
+                const isSelected = idx === selectedIndex;
+                const isPlaying = currentContextUri !== null && playlist.uri === currentContextUri;
+                const icon = isPlaying ? '\u25B6 ' : isSelected ? '> ' : '  ';
+                if (isPlaying) {
+                    return (_jsxs(Text, { bold: true, color: "green", inverse: isSelected, children: [icon, playlist.name, " (", playlist.totalTracks, " tracks)"] }, playlist.id));
+                }
+                return (_jsxs(Text, { inverse: isSelected, children: [icon, playlist.name, _jsxs(Text, { dimColor: true, children: [" (", playlist.totalTracks, " tracks)"] })] }, playlist.id));
+            })] }));
+}

package/dist/components/shimmer.d.ts

@@ -0,0 +1,12 @@
+type ShimmerBarProps = {
+    width: number;
+    offset?: number;
+};
+/**
+ * Renders a horizontal shimmer placeholder bar with a sweeping highlight.
+ * Use for loading skeletons to avoid layout shifts when data arrives.
+ * @param width - Total width of the shimmer bar in characters
+ * @param offset - Optional phase offset for staggered animation across multiple bars
+ */
+export declare function ShimmerBar({ width, offset }: ShimmerBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/shimmer.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from 'ink';
+import { useEffect, useState } from 'react';
+const SHIMMER_CHAR = '\u2591'; // light shade block
+const ANIMATION_INTERVAL_MS = 80;
+const SHIMMER_WIDTH = 3;
+/**
+ * Renders a horizontal shimmer placeholder bar with a sweeping highlight.
+ * Use for loading skeletons to avoid layout shifts when data arrives.
+ * @param width - Total width of the shimmer bar in characters
+ * @param offset - Optional phase offset for staggered animation across multiple bars
+ */
+export function ShimmerBar({ width, offset = 0 }) {
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        const id = setInterval(() => {
+            setTick((t) => t + 1);
+        }, ANIMATION_INTERVAL_MS);
+        return () => clearInterval(id);
+    }, []);
+    const barWidth = Math.max(width, 5);
+    const cycle = barWidth + SHIMMER_WIDTH;
+    const position = (tick + offset) % cycle;
+    let line = '';
+    for (let i = 0; i < barWidth; i++) {
+        line += SHIMMER_CHAR;
+    }
+    const highlightStart = Math.max(0, position - SHIMMER_WIDTH);
+    const highlightEnd = Math.min(barWidth, position);
+    const before = line.slice(0, highlightStart);
+    const highlight = line.slice(highlightStart, highlightEnd);
+    const after = line.slice(highlightEnd);
+    return (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: before }), _jsx(Text, { color: "gray", children: highlight }), _jsx(Text, { dimColor: true, children: after })] }));
+}

package/dist/components/side-panel.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+type SidePanelProps = {
+    children: ReactNode;
+    width: number | undefined;
+    isWideLayout: boolean;
+};
+/**
+ * Shared wrapper for side panels (lyrics, queue). In wide layout, renders with
+ * a left border separator. In narrow layout, renders below content with margin.
+ */
+export declare function SidePanel({ children, width, isWideLayout }: SidePanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/side-panel.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from 'ink';
+/**
+ * Shared wrapper for side panels (lyrics, queue). In wide layout, renders with
+ * a left border separator. In narrow layout, renders below content with margin.
+ */
+export function SidePanel({ children, width, isWideLayout }) {
+    if (isWideLayout) {
+        return (_jsx(Box, { borderStyle: "single", borderLeft: true, borderTop: false, borderRight: false, borderBottom: false, borderColor: "gray", paddingLeft: 1, children: _jsx(Box, { flexDirection: "column", width: width, flexGrow: width ? 0 : 1, children: children }) }));
+    }
+    return (_jsx(Box, { flexDirection: "column", flexGrow: 1, marginTop: 1, children: children }));
+}

package/dist/components/track-info-skeleton.d.ts

@@ -0,0 +1,9 @@
+type TrackInfoSkeletonProps = {
+    progressBarWidth: number;
+};
+/**
+ * Skeleton placeholder for TrackInfoView that mirrors its layout exactly.
+ * Prevents layout flickering when playback state transitions from loading to loaded.
+ */
+export declare function TrackInfoSkeleton({ progressBarWidth }: TrackInfoSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/track-info-skeleton.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from 'ink';
+import { ShimmerBar } from './shimmer.js';
+/**
+ * Skeleton placeholder for TrackInfoView that mirrors its layout exactly.
+ * Prevents layout flickering when playback state transitions from loading to loaded.
+ */
+export function TrackInfoSkeleton({ progressBarWidth }) {
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(ShimmerBar, { width: 24, offset: 0 }), _jsx(ShimmerBar, { width: 32, offset: 2 }), _jsx(Box, { marginTop: 1, children: _jsx(ShimmerBar, { width: progressBarWidth + 4, offset: 4 }) }), _jsx(Box, { marginTop: 1, children: _jsx(ShimmerBar, { width: 36, offset: 6 }) })] }));
+}

package/dist/components/track-info.d.ts

@@ -0,0 +1,10 @@
+import type { TrackInfo } from '../spotify/playback.js';
+type TrackInfoProps = {
+    track: TrackInfo;
+    progressBarWidth: number;
+};
+/**
+ * Displays track name, artist, album, progress bar, and playback status.
+ */
+export declare function TrackInfoView({ track, progressBarWidth }: TrackInfoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/track-info.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { ProgressBar } from './progress-bar.js';
+function formatTime(ms) {
+    const totalSeconds = Math.floor(ms / 1000);
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    return `${minutes}:${seconds.toString().padStart(2, '0')}`;
+}
+/**
+ * Displays track name, artist, album, progress bar, and playback status.
+ */
+export function TrackInfoView({ track, progressBarWidth }) {
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Text, { bold: true, children: track.name }), _jsxs(Text, { children: [track.artist, track.album ? ` - ${track.album}` : ''] }), _jsxs(Box, { marginTop: 1, children: [track.isPlaying ? (_jsx(Text, { bold: true, color: "green", children: '\u25B6 ' })) : (_jsx(Text, { dimColor: true, children: '\u23F8 ' })), _jsx(ProgressBar, { progress: track.progressMs, duration: track.durationMs, width: progressBarWidth }), _jsxs(Text, { dimColor: true, children: [' ', formatTime(track.progressMs), " / ", formatTime(track.durationMs)] })] }), _jsxs(Box, { marginTop: 1, gap: 2, children: [_jsxs(Text, { dimColor: true, children: ["vol: ", track.volume ?? '?', "%"] }), _jsxs(Text, { dimColor: true, children: ["shuffle: ", track.shuffle ? 'on' : 'off'] }), _jsxs(Text, { dimColor: true, children: ["repeat: ", track.repeat] })] })] }));
+}

package/dist/config.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Default Spotify Client ID embedded in the binary.
+ * Users can override this at runtime via the `SPOTIFY_CLIENT_ID` environment variable.
+ * Leave empty to force users to provide their own Client ID.
+ */
+export declare const DEFAULT_SPOTIFY_CLIENT_ID = "396cd16a363947ad95cb1032acdc4fc8";
+/**
+ * User-Agent sent with every outgoing HTTP request (Spotify Web API + LRCLIB).
+ * Generated from package.json at runtime so it automatically tracks name/version.
+ * Shared via the `fetchWithRetry` wrapper which injects it into all requests.
+ */
+export declare const USER_AGENT: string;
+export declare const AUTH_SCOPES: string;
+export declare const AUTH_REDIRECT_PORT = 8888;
+export declare const AUTH_REDIRECT_URI = "http://127.0.0.1:8888/callback";
+export declare const CONFIG_DIR: string;
+export declare const TOKEN_PATH: string;
+export declare const POLL_INTERVAL_MS = 10000;
+export declare const TICK_INTERVAL_MS = 33;
+export declare const SEEK_STEP_MS = 10000;
+export declare const VOLUME_STEP = 5;
+export declare const LYRICS_WIDE_COLUMNS = 80;
+export declare const LYRICS_DEFAULT_OFFSET_MS = 100;
+export declare const LYRICS_OFFSET_STEP_MS = 100;
+export declare const SEARCH_DEBOUNCE_MS = 300;
+/**
+ * Number of results returned per category by the search endpoint.
+ * Spotify documents max=50, but multi-type searches (track+album+artist+playlist)
+ * have an undocumented stricter cap that rejects larger values with
+ * `400 Invalid limit`. 20 is the documented default and is reliably accepted.
+ */
+export declare const SEARCH_RESULTS_LIMIT = 20;
+export declare const USER_PLAYLISTS_LIMIT = 50;

package/dist/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AA6BA;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,qCAAqC,CAAC;AAE5E;;;;GAIG;AACH,eAAO,MAAM,UAAU,QAA+F,CAAC;AAGvH,eAAO,MAAM,WAAW,QASb,CAAC;AACZ,eAAO,MAAM,kBAAkB,OAAO,CAAC;AACvC,eAAO,MAAM,iBAAiB,mCAAoD,CAAC;AAEnF,eAAO,MAAM,UAAU,QAAwC,CAAC;AAChE,eAAO,MAAM,UAAU,QAAkC,CAAC;AAE1D,eAAO,MAAM,gBAAgB,QAAS,CAAC;AACvC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,YAAY,QAAS,CAAC;AACnC,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,oBAAoB,KAAK,CAAC"}