morille 0.1.0 → 0.4.0

package/README.md

@@ -43,6 +43,21 @@ and rebuild.
 
 [quota]: https://developer.spotify.com/documentation/web-api/concepts/quota-modes
 
+### Debug output
+
+morille is silent on stderr by default so the terminal UI stays clean. To see
+internal diagnostics (fetch traces, retry notices, auth and API errors), run
+with the `--debug` flag or set the `DEBUG=1` environment variable:
+
+```sh
+npx morille --debug
+# or
+DEBUG=1 npx morille
+```
+
+Debug output is written to stderr and will visibly interfere with the ink UI —
+this mode is intended for development, not regular use.
+
 ## Usage
 
 - **Space** - toggle play/pause
@@ -74,9 +89,6 @@ pnpm test:biome   # lint/format check
 
 - Add track to queue
 - Device selection / transfer playback
-- ~~Search tracks, albums, artists, and playlists~~
-- ~~Browse and play playlists~~
-- ~~Browse and play albums~~
 - Show recently played tracks
 - Like / unlike tracks (save to library)
 - Keyboard shortcuts customization

package/dist/app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,wBAAgB,GAAG,4CAmFlB"}

package/dist/app.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text, useApp, useInput } from 'ink';
 import { useEffect, useRef, useState } from 'react';
 import { Player } from './components/player.js';
+import { logger } from './logger.js';
 import { createSpotifyClient, getClientId } from './spotify/client.js';
 /**
  * Root application component. Handles Spotify authentication on mount,
@@ -31,6 +32,7 @@ export function App() {
                 }
             }
             catch (err) {
+                logger.error('Spotify authentication failed:', err);
                 if (!cancelled) {
                     setAuthError(err instanceof Error ? err.message : 'Authentication failed');
                 }

package/dist/app.js.map

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

package/dist/components/animated-subtitle.d.ts

@@ -0,0 +1,19 @@
+import type { PanelMode } from '../contexts/panel-mode-context.js';
+type AnimatedSubtitleProps = {
+    hasError: boolean;
+    hasTrack: boolean;
+    isPlaying: boolean;
+    panelMode: PanelMode;
+};
+/**
+ * Renders a dim, context-aware funny hint line under the title.
+ * The hint pool changes whenever the context (playback / panel / error)
+ * changes; within a stable context the hint rotates every few seconds.
+ * Rotation pauses when nothing is playing so a frozen player has a stable line.
+ * @param hasError - Whether the player is currently in an error state
+ * @param hasTrack - Whether a track is loaded (regardless of play/pause)
+ * @param isPlaying - Whether playback is actively running
+ * @param panelMode - Currently active side panel
+ */
+export declare function AnimatedSubtitle({ hasError, hasTrack, isPlaying, panelMode }: AnimatedSubtitleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/animated-subtitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-subtitle.d.ts","sourceRoot":"","sources":["../../src/components/animated-subtitle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AA8EnE,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA8CnG"}

package/dist/components/animated-subtitle.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+import { useEffect, useMemo, useState } from 'react';
+const ROTATE_INTERVAL_MS = 6000;
+/**
+ * Returns the pool of funny hint lines that fit the current context.
+ * The first array entry doubles as the default if rotation is disabled.
+ */
+function hintsFor({ hasError, hasTrack, isPlaying, panelMode }) {
+    if (hasError) {
+        return [
+            'something broke. probably the vibes.',
+            'spotify said no. try again, gently.',
+            'the music gods are unamused.',
+        ];
+    }
+    if (!hasTrack) {
+        return [
+            'silence is golden, but tunes are gold-plated. open spotify somewhere.',
+            'no device detected. point one at me with `space`.',
+            'the void hums quietly. give it something to drown out.',
+            'press play in any spotify app to wake me up.',
+        ];
+    }
+    if (panelMode === 'search') {
+        return [
+            'hunt good. type words. find bops.',
+            'the catalogue awaits. enter the void.',
+            'left/right to switch the haystack.',
+            'enter on a track to commit. esc to retreat.',
+        ];
+    }
+    if (panelMode === 'queue') {
+        return [
+            'the lineup. judge it ruthlessly.',
+            'up next, then up next, then up next. enter to skip ahead.',
+            '↑/↓ to scroll the future. enter to fast-forward time.',
+        ];
+    }
+    if (panelMode === 'lyrics') {
+        return [
+            'sing along. nobody can hear you in the terminal.',
+            "+/- if it's drifting. you're not imagining it.",
+            'karaoke mode engaged. hairbrush optional.',
+            'feel the words. or just read them. whatever.',
+        ];
+    }
+    if (!isPlaying) {
+        return [
+            'frozen mid-vibe. press space to thaw.',
+            'paused. the universe holds its breath.',
+            'the silence is dramatic. press space to ruin it.',
+            'currently doing nothing. respectfully.',
+        ];
+    }
+    return [
+        'currently jamming. do not disturb.',
+        'the vibes are immaculate.',
+        'music intensifies.',
+        "press '/' to find more, 'd' for what's next, 'l' for the words.",
+        'this slaps. according to my code.',
+        'in the zone. or pretending to be.',
+    ];
+}
+/**
+ * Renders a dim, context-aware funny hint line under the title.
+ * The hint pool changes whenever the context (playback / panel / error)
+ * changes; within a stable context the hint rotates every few seconds.
+ * Rotation pauses when nothing is playing so a frozen player has a stable line.
+ * @param hasError - Whether the player is currently in an error state
+ * @param hasTrack - Whether a track is loaded (regardless of play/pause)
+ * @param isPlaying - Whether playback is actively running
+ * @param panelMode - Currently active side panel
+ */
+export function AnimatedSubtitle({ hasError, hasTrack, isPlaying, panelMode }) {
+    const pool = useMemo(() => hintsFor({
+        hasError,
+        hasTrack,
+        isPlaying,
+        panelMode,
+    }), [
+        hasError,
+        hasTrack,
+        isPlaying,
+        panelMode,
+    ]);
+    const [index, setIndex] = useState(0);
+    // Reset to a random starting hint whenever the pool changes so the user
+    // doesn't see the same first line every time they switch panels.
+    useEffect(() => {
+        setIndex(Math.floor(Math.random() * pool.length));
+    }, [
+        pool,
+    ]);
+    useEffect(() => {
+        if (!isPlaying || pool.length <= 1)
+            return;
+        const id = setInterval(() => {
+            setIndex((i) => (i + 1) % pool.length);
+        }, ROTATE_INTERVAL_MS);
+        return () => clearInterval(id);
+    }, [
+        isPlaying,
+        pool,
+    ]);
+    const safeIndex = index % pool.length;
+    const hint = pool[safeIndex] ?? pool[0];
+    return (_jsx(Text, { color: "blackBright", dimColor: true, italic: true, children: hint }));
+}

package/dist/components/animated-subtitle.js.map

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

package/dist/components/animated-title.d.ts

@@ -0,0 +1,16 @@
+type AnimatedTitleProps = {
+    text: string;
+    isPlaying: boolean;
+};
+/**
+ * Renders the stylized header one-liner: `♪ ── <text> ── ♪   <tagline>`.
+ * Only the `<text>` segment animates — each letter cycles through a green
+ * gradient offset by its position so the brightest spot ripples left-to-right.
+ * The animation is paused (and re-renders stop) when `isPlaying` is false.
+ * On narrow terminals (< 60 columns) the trailing tagline is dropped so the
+ * decorated title still fits.
+ * @param text - The title string to animate (the ripple segment)
+ * @param isPlaying - Whether playback is active; the animation runs only when true
+ */
+export declare function AnimatedTitle({ text, isPlaying }: AnimatedTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/animated-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-title.d.ts","sourceRoot":"","sources":["../../src/components/animated-title.tsx"],"names":[],"mappings":"AAoBA,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAgCpE"}

package/dist/components/animated-title.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, useWindowSize } from 'ink';
+import { useEffect, useState } from 'react';
+const FRAME_INTERVAL_MS = 120;
+const TAGLINE = 'a spotify cli for nerds';
+const MIN_WIDE_COLUMNS = 60;
+// Green gradient (bright → dark) used to animate the title. The brightness
+// range matches the karaoke palette in animated-line.tsx (`#0cb80c` → `#0f570f`)
+// for visual consistency across the app and to keep the contrast subtle.
+const COLORS = [
+    '#0cb80c',
+    '#0ca80c',
+    '#0c980c',
+    '#0c880c',
+    '#0c780c',
+    '#0c680c',
+    '#0c570c',
+];
+/**
+ * Renders the stylized header one-liner: `♪ ── <text> ── ♪   <tagline>`.
+ * Only the `<text>` segment animates — each letter cycles through a green
+ * gradient offset by its position so the brightest spot ripples left-to-right.
+ * The animation is paused (and re-renders stop) when `isPlaying` is false.
+ * On narrow terminals (< 60 columns) the trailing tagline is dropped so the
+ * decorated title still fits.
+ * @param text - The title string to animate (the ripple segment)
+ * @param isPlaying - Whether playback is active; the animation runs only when true
+ */
+export function AnimatedTitle({ text, isPlaying }) {
+    const [tick, setTick] = useState(0);
+    const { columns } = useWindowSize();
+    useEffect(() => {
+        if (!isPlaying)
+            return;
+        const id = setInterval(() => setTick((t) => t + 1), FRAME_INTERVAL_MS * 4);
+        return () => clearInterval(id);
+    }, [
+        isPlaying,
+    ]);
+    const showTagline = columns >= MIN_WIDE_COLUMNS;
+    return (_jsxs(Text, { bold: true, children: [_jsx(Text, { dimColor: true, children: "\u266A \u2500\u2500 " }), text.split('').map((char, idx) => {
+                const colorIndex = (((tick - idx) % COLORS.length) + COLORS.length) % COLORS.length;
+                // Modulo math guarantees a valid index, so the lookup is always defined.
+                const color = COLORS[colorIndex];
+                return (_jsx(Text, { color: color, children: char }, idx));
+            }), _jsx(Text, { dimColor: true, children: " \u2500\u2500 \u266A" }), showTagline && _jsx(Text, { dimColor: true, children: `   ${TAGLINE}` })] }));
+}

package/dist/components/animated-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-title.js","sourceRoot":"","sources":["../../src/components/animated-title.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAC9B,MAAM,OAAO,GAAG,yBAAyB,CAAC;AAC1C,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAE5B,2EAA2E;AAC3E,iFAAiF;AACjF,yEAAyE;AACzE,MAAM,MAAM,GAAG;IACb,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAOF;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAsB;IACnE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,iBAAiB,GAAG,CAAC,CAAC,CAAC;QAC3E,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE;QACD,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,OAAO,IAAI,gBAAgB,CAAC;IAEhD,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,mBACR,KAAC,IAAI,IAAC,QAAQ,2CAAa,EAC1B,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;gBAChC,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;gBACpF,yEAAyE;gBACzE,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAE,CAAC;gBAClC,OAAO,CAEL,KAAC,IAAI,IAAW,KAAK,EAAE,KAAK,YACzB,IAAI,IADI,GAAG,CAEP,CACR,CAAC;YACJ,CAAC,CAAC,EACF,KAAC,IAAI,IAAC,QAAQ,2CAAa,EAC1B,WAAW,IAAI,KAAC,IAAI,IAAC,QAAQ,kBAAE,MAAM,OAAO,EAAE,GAAQ,IAClD,CACR,CAAC;AACJ,CAAC"}

package/dist/components/browse-detail-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browse-detail-view.d.ts","sourceRoot":"","sources":["../../src/components/browse-detail-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGzD,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CA0DvG"}

package/dist/components/browse-detail-view.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
+import { ICON_LIST_GUTTER, ICON_LIST_PLAYING, ICON_LIST_SELECTED } from '../icons.js';
 /**
  * Renders album or playlist track lists with a scrolling selection window.
  * Reuses the windowing pattern from queue-view for consistent navigation.
@@ -22,7 +23,7 @@ export function BrowseDetailView({ data, selectedIndex, currentTrackUri, height
                 const label = `${item.artist} - ${item.name}`;
                 const isSelected = idx === selectedIndex;
                 const isPlaying = currentTrackUri !== null && item.uri === currentTrackUri;
-                const icon = isPlaying ? '\u25B6 ' : isSelected ? '> ' : '  ';
+                const icon = isPlaying ? ICON_LIST_PLAYING : isSelected ? ICON_LIST_SELECTED : ICON_LIST_GUTTER;
                 if (isPlaying) {
                     return (_jsxs(Text, { bold: true, color: "green", inverse: isSelected, children: [icon, label] }, item.uri + idx));
                 }

package/dist/components/browse-detail-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browse-detail-view.js","sourceRoot":"","sources":["../../src/components/browse-detail-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAStF;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,EAAyB;IACtG,MAAM,WAAW,GAAG,CAAC,CAAC;IACtB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,WAAW,EAAE,CAAC,CAAC,CAAC;IACrD,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;IAE1B,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,UAAU,EAAE,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC;IAChG,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAExD,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAC,QAAQ,aAC3D,MAAC,GAAG,IACF,GAAG,EAAE,CAAC,EACN,WAAW,EAAC,MAAM,EAClB,WAAW,EAAC,QAAQ,EACpB,YAAY,QACZ,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,KAAK,aAEhB,KAAC,IAAI,IAAC,IAAI,kBAAE,IAAI,CAAC,KAAK,GAAQ,EAC7B,IAAI,CAAC,QAAQ,IAAI,MAAC,IAAI,IAAC,QAAQ,yBAAI,IAAI,CAAC,QAAQ,IAAQ,IACrD,EAEL,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAC,IAAI,IAAC,QAAQ,sCAAuB,EAE3D,KAAK,CAAC,IAAI,CACT;gBACE,MAAM,EAAE,YAAY;aACrB,EACD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACP,MAAM,GAAG,GAAG,UAAU,GAAG,CAAC,CAAC;gBAC3B,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;gBACxB,IAAI,CAAC,IAAI;oBAAE,OAAO,KAAC,IAAI,qBAAM,GAAG,CAAU,CAAC;gBAC3C,MAAM,KAAK,GAAG,GAAG,IAAI,CAAC,MAAM,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;gBAC9C,MAAM,UAAU,GAAG,GAAG,KAAK,aAAa,CAAC;gBACzC,MAAM,SAAS,GAAG,eAAe,KAAK,IAAI,IAAI,IAAI,CAAC,GAAG,KAAK,eAAe,CAAC;gBAC3E,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAC;gBAEhG,IAAI,SAAS,EAAE,CAAC;oBACd,OAAO,CACL,MAAC,IAAI,IAAsB,IAAI,QAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,aAC9D,IAAI,EACJ,KAAK,KAFG,IAAI,CAAC,GAAG,GAAG,GAAG,CAGlB,CACR,CAAC;gBACJ,CAAC;gBAED,OAAO,CACL,MAAC,IAAI,IAAsB,OAAO,EAAE,UAAU,aAC3C,IAAI,EACJ,KAAK,KAFG,IAAI,CAAC,GAAG,GAAG,GAAG,CAGlB,CACR,CAAC;YACJ,CAAC,CACF,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/device-indicator.d.ts

@@ -0,0 +1,18 @@
+import type { DeviceType } from '../spotify/devices.js';
+type DeviceIndicatorProps = {
+    name: string | null;
+    type: DeviceType | null;
+};
+/**
+ * Picks a glyph for a device type. Kept as an exported helper so the
+ * device-picker-view can reuse it next to each row without duplicating the
+ * icon-to-type mapping.
+ */
+export declare function deviceIcon(type: DeviceType | null): string;
+/**
+ * Compact always-visible header badge showing which Spotify Connect device
+ * is currently playing. On narrow terminals (<60 columns) only the glyph is
+ * rendered so the animated title still has room.
+ */
+export declare function DeviceIndicator({ name, type }: DeviceIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/device-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-indicator.d.ts","sourceRoot":"","sources":["../../src/components/device-indicator.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIxD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,CA2B1D;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,oBAAoB,2CAanE"}

package/dist/components/device-indicator.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text, useWindowSize } from 'ink';
+import { ICON_DEVICE_CAR, ICON_DEVICE_COMPUTER, ICON_DEVICE_GAME, ICON_DEVICE_PHONE, ICON_DEVICE_SPEAKER, ICON_DEVICE_TV, ICON_DEVICE_UNKNOWN, } from '../icons.js';
+const MIN_WIDE_COLUMNS = 60;
+/**
+ * Picks a glyph for a device type. Kept as an exported helper so the
+ * device-picker-view can reuse it next to each row without duplicating the
+ * icon-to-type mapping.
+ */
+export function deviceIcon(type) {
+    switch (type) {
+        case 'Computer':
+            return ICON_DEVICE_COMPUTER;
+        case 'Smartphone':
+            return ICON_DEVICE_PHONE;
+        case 'Speaker':
+        case 'AVR':
+        case 'STB':
+        case 'AudioDongle':
+        case 'CastAudio':
+            return ICON_DEVICE_SPEAKER;
+        case 'TV':
+        case 'CastVideo':
+            return ICON_DEVICE_TV;
+        case 'Automobile':
+            return ICON_DEVICE_CAR;
+        case 'GameConsole':
+            return ICON_DEVICE_GAME;
+        case 'Unknown':
+        case null:
+            return ICON_DEVICE_UNKNOWN;
+        default: {
+            const _exhaustive = type;
+            return _exhaustive;
+        }
+    }
+}
+/**
+ * Compact always-visible header badge showing which Spotify Connect device
+ * is currently playing. On narrow terminals (<60 columns) only the glyph is
+ * rendered so the animated title still has room.
+ */
+export function DeviceIndicator({ name, type }) {
+    const { columns } = useWindowSize();
+    const glyph = deviceIcon(type);
+    if (!name) {
+        return _jsx(Text, { dimColor: true, children: `${glyph} no device` });
+    }
+    if (columns < MIN_WIDE_COLUMNS) {
+        return _jsx(Text, { dimColor: true, children: glyph });
+    }
+    return _jsx(Text, { dimColor: true, children: `${glyph} ${name}` });
+}

package/dist/components/device-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-indicator.js","sourceRoot":"","sources":["../../src/components/device-indicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,GACpB,MAAM,aAAa,CAAC;AAGrB,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAO5B;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,IAAuB;IAChD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,UAAU;YACb,OAAO,oBAAoB,CAAC;QAC9B,KAAK,YAAY;YACf,OAAO,iBAAiB,CAAC;QAC3B,KAAK,SAAS,CAAC;QACf,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,CAAC;QACX,KAAK,aAAa,CAAC;QACnB,KAAK,WAAW;YACd,OAAO,mBAAmB,CAAC;QAC7B,KAAK,IAAI,CAAC;QACV,KAAK,WAAW;YACd,OAAO,cAAc,CAAC;QACxB,KAAK,YAAY;YACf,OAAO,eAAe,CAAC;QACzB,KAAK,aAAa;YAChB,OAAO,gBAAgB,CAAC;QAC1B,KAAK,SAAS,CAAC;QACf,KAAK,IAAI;YACP,OAAO,mBAAmB,CAAC;QAC7B,SAAS,CAAC;YACR,MAAM,WAAW,GAAU,IAAI,CAAC;YAChC,OAAO,WAAW,CAAC;QACrB,CAAC;IACH,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,IAAI,EAAwB;IAClE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IACpC,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAE/B,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,KAAC,IAAI,IAAC,QAAQ,kBAAE,GAAG,KAAK,YAAY,GAAQ,CAAC;IACtD,CAAC;IAED,IAAI,OAAO,GAAG,gBAAgB,EAAE,CAAC;QAC/B,OAAO,KAAC,IAAI,IAAC,QAAQ,kBAAE,KAAK,GAAQ,CAAC;IACvC,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,QAAQ,kBAAE,GAAG,KAAK,IAAI,IAAI,EAAE,GAAQ,CAAC;AACpD,CAAC"}

package/dist/components/device-picker-view.d.ts

@@ -0,0 +1,10 @@
+type DevicePickerViewProps = {
+    height: number;
+};
+/**
+ * Device picker panel — lists Spotify Connect devices and lets the user
+ * transfer playback to one. The currently active device is highlighted in
+ * green; arrow keys move the cursor and enter triggers the transfer.
+ */
+export declare function DevicePickerView({ height }: DevicePickerViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/device-picker-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-picker-view.d.ts","sourceRoot":"","sources":["../../src/components/device-picker-view.tsx"],"names":[],"mappings":"AAKA,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAuCF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CAsDjE"}

package/dist/components/device-picker-view.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { useDevicesContext } from '../contexts/devices-context.js';
+import { deviceIcon } from './device-indicator.js';
+function formatType(type) {
+    if (type === 'Unknown')
+        return '';
+    if (type === 'AVR' || type === 'STB' || type === 'TV')
+        return type;
+    // Break "GameConsole" / "CastVideo" / "CastAudio" / "AudioDongle" into two words
+    return type.replace(/([a-z])([A-Z])/g, '$1 $2');
+}
+function formatVolume(vol) {
+    if (vol === null)
+        return '';
+    return `${vol}%`;
+}
+function DeviceRow({ device, isSelected }) {
+    const icon = deviceIcon(device.type);
+    const type = formatType(device.type);
+    const volume = formatVolume(device.volumePercent);
+    const details = [
+        type,
+        volume,
+    ]
+        .filter((s) => s.length > 0)
+        .join(' · ');
+    const label = details ? `${icon} ${device.name}  ${details}` : `${icon} ${device.name}`;
+    if (device.isActive) {
+        return (_jsx(Text, { bold: true, color: "green", inverse: isSelected, children: label }));
+    }
+    if (isSelected) {
+        return _jsx(Text, { inverse: true, children: label });
+    }
+    return _jsx(Text, { children: label });
+}
+/**
+ * Device picker panel — lists Spotify Connect devices and lets the user
+ * transfer playback to one. The currently active device is highlighted in
+ * green; arrow keys move the cursor and enter triggers the transfer.
+ */
+export function DevicePickerView({ height }) {
+    const { devices, isLoading, selectedIndex, error } = useDevicesContext();
+    if (isLoading && devices.length === 0) {
+        return _jsx(Text, { dimColor: true, children: "Loading devices..." });
+    }
+    if (devices.length === 0) {
+        return _jsx(Text, { dimColor: true, children: "No devices available. Open Spotify on a device to connect." });
+    }
+    const activeName = devices.find((d) => d.isActive)?.name ?? null;
+    const headerLines = 1;
+    const availableHeight = Math.max(height - headerLines, 2);
+    const visibleCount = Math.min(availableHeight, devices.length);
+    const halfHeight = Math.floor(availableHeight / 2);
+    const startIndex = Math.max(0, Math.min(selectedIndex - halfHeight, devices.length - visibleCount));
+    return (_jsxs(Box, { flexDirection: "column", height: height, overflow: "hidden", children: [_jsxs(Box, { gap: 1, borderColor: "gray", borderStyle: "single", borderBottom: true, borderLeft: false, borderRight: false, borderTop: false, children: [_jsx(Text, { bold: true, children: "Devices" }), _jsx(Text, { dimColor: true, children: "-" }), _jsxs(Text, { dimColor: true, children: [devices.length, " available"] }), activeName && _jsxs(Text, { dimColor: true, children: ["\u00B7 on ", activeName] })] }), Array.from({
+                length: visibleCount,
+            }, (_, i) => {
+                const idx = startIndex + i;
+                const device = devices[idx];
+                if (!device)
+                    return _jsx(Text, { children: " " }, idx);
+                return _jsx(DeviceRow, { device: device, isSelected: idx === selectedIndex }, device.id);
+            }), error && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "red", children: error }) }))] }));
+}

package/dist/components/device-picker-view.js.map

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

package/dist/components/lyrics-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyrics-panel.d.ts","sourceRoot":"","sources":["../../src/components/lyrics-panel.tsx"],"names":[],"mappings":"AAIA,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AA0BF;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAgBnE"}

package/dist/components/lyrics-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyrics-view.d.ts","sourceRoot":"","sources":["../../src/components/lyrics-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAItD,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AA0BF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,eAAe,2CA2CnF"}

package/dist/components/lyrics-view.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
+import { ICON_INSTRUMENTAL } from '../icons.js';
 import { getCurrentLineIndex } from '../spotify/lyrics.js';
 import { AnimatedLine } from './animated-line.js';
 function LyricSlot({ line, isCurrent, isPast, lineProgress }) {
     if (isCurrent) {
-        return _jsx(AnimatedLine, { text: line.text || '\u266A', progress: lineProgress });
+        return _jsx(AnimatedLine, { text: line.text || ICON_INSTRUMENTAL, progress: lineProgress });
     }
     if (isPast) {
         return _jsx(Text, { dimColor: true, children: line.text || ' ' });

package/dist/components/lyrics-view.js.map

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

package/dist/components/panel-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-content.d.ts","sourceRoot":"","sources":["../../src/components/panel-content.tsx"],"names":[],"mappings":"AAMA,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,iBAAiB,kDAoBrE"}

package/dist/components/panel-content.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { usePanelMode } from '../contexts/panel-mode-context.js';
+import { DevicePickerView } from './device-picker-view.js';
 import { LyricsPanel } from './lyrics-panel.js';
 import { QueueView } from './queue-view.js';
 import { SearchPanel } from './search-panel.js';
@@ -18,5 +19,8 @@ export function PanelContent({ progressMs, height }) {
     if (panelMode === 'search') {
         return _jsx(SearchPanel, { height: height });
     }
+    if (panelMode === 'devices') {
+        return _jsx(DevicePickerView, { height: height });
+    }
     return null;
 }

package/dist/components/panel-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-content.js","sourceRoot":"","sources":["../../src/components/panel-content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,UAAU,EAAE,MAAM,EAAqB;IACpE,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;IAErC,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO,KAAC,WAAW,IAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;IACjE,CAAC;IAED,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QAC1B,OAAO,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;IACvC,CAAC;IAED,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;IACzC,CAAC;IAED,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAO,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;IAC9C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/components/playback-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback-status.d.ts","sourceRoot":"","sources":["../../src/components/playback-status.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAIxD,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,gBAAgB,EAAE,EAAE,mBAAmB,2CAuBrG"}

package/dist/components/player.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"player.d.ts","sourceRoot":"","sources":["../../src/components/player.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAiB1D,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,UAAU,CAAC;CACpB,CAAC;AAmLF;;GAEG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,2CAM7C"}
+{"version":3,"file":"player.d.ts","sourceRoot":"","sources":["../../src/components/player.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAuB1D,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,UAAU,CAAC;CACpB,CAAC;AAgNF;;GAEG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,2CAM7C"}