Add YouTube player with playlist support

- Replace the Spotify drawer and toggle with a YouTube player
- Persist custom slots, volume, and playback state
- Support default playlists plus user-defined YouTube URLs

Author: BunsDev

apps/web/src/components/ChatView.tsx

@@ -89,7 +89,7 @@ import BranchToolbar from "./BranchToolbar";
 import { resolveShortcutCommand, shortcutLabelForCommand } from "../keybindings";
 import PlanSidebar from "./PlanSidebar";
 import ThreadTerminalDrawer from "./ThreadTerminalDrawer";
-import { SpotifyPlayerDrawer } from "./SpotifyPlayer";
+import { YouTubePlayerDrawer } from "./YouTubePlayer";
 import {
   AtSignIcon,
   BotIcon,
@@ -4894,7 +4894,7 @@ export default function ChatView({ threadId }: ChatViewProps) {
         );
       })()}
 
-      <SpotifyPlayerDrawer />
+      <YouTubePlayerDrawer />
 
       <Dialog
         open={pendingProjectScriptRun !== null}

apps/web/src/components/Sidebar.tsx

@@ -12,7 +12,7 @@ import {
   TerminalIcon,
   TriangleAlertIcon,
 } from "lucide-react";
-import { SpotifyToggleButton } from "./SpotifyPlayer";
+import { YouTubeToggleButton } from "./YouTubePlayer";
 import { ThemeModeSwitcher } from "./ThemeModeSwitcher";
 import { autoAnimate } from "@formkit/auto-animate";
 import { useCallback, useEffect, useMemo, useRef, useState, type MouseEvent } from "react";
@@ -2027,7 +2027,7 @@ export default function Sidebar() {
       <SidebarFooter className="p-2">
         <SidebarMenu>
           <SidebarMenuItem>
-            <SpotifyToggleButton />
+            <YouTubeToggleButton />
           </SidebarMenuItem>
           {isOnSubPage ? (
             <SidebarMenuItem>