Add Spotify widget with OAuth integration

[Copilot]

Adds a Spotify widget that displays the current player state and user playlists. The widget prompts for authentication via Spotify OAuth, then shows the active track with album art and playback controls, or recently played tracks when idle.

Authentication

• Added Spotify provider to Auth.js with required scopes (user-read-playback-state, playlist-read-private, etc.)
• Session callbacks now store Spotify access/refresh tokens alongside GitHub credentials
• Guarded token assignments to prevent undefined errors

API Endpoint

• /api/spotify fetches current player state, playlists (limit 10), and recently played tracks (limit 5)
• Handles 204 No Content responses when nothing is playing
• Returns 401 for unauthenticated requests

Widget Component

Three states: unauthenticated (connect prompt), loading, and connected (player + playlists grid)

• Auto-refreshes player state every 10 seconds
• Displays up to 6 playlists with album art and track counts
• Falls back to recently played when no active playback

Configuration

Updated .env.example and README with Spotify OAuth setup instructions. Widget type definition extended to include 'spotify' and added to default widget set in store.

Screenshot

Shows the unauthenticated state with Spotify-branded connect button. Once connected, displays active track details or recently played content with playlist grid below.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• workers.cloudflare.com
  • Triggering command: node /home/REDACTED/work/dashboard/dashboard/node_modules/.bin/vite build (dns block)
  • Triggering command: node /home/REDACTED/work/dashboard/dashboard/node_modules/.bin/vite dev --host 0.0.0.0 --port 5173 (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Spotify widget</issue_title>
<issue_description>Add a Spotify widget that shows the player and the recent playlists of the current user.

The user should be able to log in or connect their Spotify account.

The widget should only show the prompt to log in / connect until they have connected, then show the player and the recents.</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Spotify widget #17

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[cloudflare-workers-and-pages]

Deploying dashboard with    Cloudflare Pages

Latest commit:	cd1d8dc
Status:	✅  Deploy successful!
Preview URL:	https://c5ec3467.dashboard-eyz.pages.dev
Branch Preview URL:	https://copilot-add-spotify-widget.dashboard-eyz.pages.dev

View logs