diff --git a/apps/marketing/components/okcode-mockup.tsx b/apps/marketing/components/okcode-mockup.tsx
index cdcac6a9b..c5b45ad5d 100644
--- a/apps/marketing/components/okcode-mockup.tsx
+++ b/apps/marketing/components/okcode-mockup.tsx
@@ -21,7 +21,6 @@ import {
   Monitor,
   MessageSquare,
   Code,
-  Check,
   Clock,
 } from "lucide-react";
 import { useState } from "react";
@@ -149,7 +148,6 @@ export function OKCodeMockup() {
           <div className="flex items-center gap-1 px-2 py-1 text-[10px] text-[#666] uppercase tracking-wider mb-1">
             <span>Files</span>
           </div>
-          <NavItem icon={FileText} label="YouTube" />
           <NavItem icon={GitBranch} label="PR Review" />
           <NavItem icon={MessageSquare} label="Merge Conflicts" />
           <NavItem icon={File} label="File View" />
diff --git a/apps/marketing/next-env.d.ts b/apps/marketing/next-env.d.ts
index c4b7818fb..9edff1c7c 100644
--- a/apps/marketing/next-env.d.ts
+++ b/apps/marketing/next-env.d.ts
@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/apps/marketing/next.config.mjs b/apps/marketing/next.config.mjs
index bd3419136..8ee7a7de9 100644
--- a/apps/marketing/next.config.mjs
+++ b/apps/marketing/next.config.mjs
@@ -1,5 +1,8 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  turbopack: {
+    root: new URL("../..", import.meta.url).pathname,
+  },
   typescript: {
     ignoreBuildErrors: true,
   },
diff --git a/apps/web/src/components/ChatView.tsx b/apps/web/src/components/ChatView.tsx
index e3c2b3122..8272abe33 100644
--- a/apps/web/src/components/ChatView.tsx
+++ b/apps/web/src/components/ChatView.tsx
@@ -99,7 +99,6 @@ import { resolveShortcutCommand, shortcutLabelForCommand } from "../keybindings"
 import { buildChatShortcutGuides } from "~/lib/chatShortcutGuidance";
 import PlanSidebar from "./PlanSidebar";
 import ThreadTerminalDrawer from "./ThreadTerminalDrawer";
-import { YouTubePlayerDrawer } from "./YouTubePlayer";
 import {
   AtSignIcon,
   BotIcon,
@@ -5538,8 +5537,6 @@ export default function ChatView({ threadId }: ChatViewProps) {
         );
       })()}
 
-      <YouTubePlayerDrawer />
-
       <Dialog
         open={pendingProjectScriptRun !== null}
         onOpenChange={(open: boolean) => {
diff --git a/apps/web/src/components/Sidebar.tsx b/apps/web/src/components/Sidebar.tsx
index b26546c61..464ff400d 100644
--- a/apps/web/src/components/Sidebar.tsx
+++ b/apps/web/src/components/Sidebar.tsx
@@ -14,7 +14,6 @@ import {
   TerminalIcon,
   TriangleAlertIcon,
 } from "lucide-react";
-import { YouTubeToggleButton } from "./YouTubePlayer";
 import { ThemeModeSwitcher } from "./ThemeModeSwitcher";
 import { autoAnimate } from "@formkit/auto-animate";
 import { useCallback, useEffect, useMemo, useRef, useState, type MouseEvent } from "react";
@@ -2065,9 +2064,6 @@ export default function Sidebar() {
       <SidebarSeparator />
       <SidebarFooter className="p-2">
         <SidebarMenu>
-          <SidebarMenuItem>
-            <YouTubeToggleButton />
-          </SidebarMenuItem>
           {isOnSubPage ? (
             <SidebarMenuItem>
               <SidebarMenuButton
diff --git a/apps/web/src/components/YouTubePlayer.tsx b/apps/web/src/components/YouTubePlayer.tsx
deleted file mode 100644
index 58beb8cc8..000000000
--- a/apps/web/src/components/YouTubePlayer.tsx
+++ /dev/null
@@ -1,540 +0,0 @@
-import {
-  ChevronDownIcon,
-  ChevronUpIcon,
-  ListMusicIcon,
-  MaximizeIcon,
-  MinimizeIcon,
-  Music2Icon,
-  PencilIcon,
-  PlayIcon,
-  TrashIcon,
-  Volume1Icon,
-  Volume2Icon,
-  VolumeXIcon,
-  XIcon,
-} from "lucide-react";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import {
-  buildYouTubeEmbedUrl,
-  DEFAULT_PLAYLISTS,
-  parseYouTubeUrl,
-  useYouTubePlayerStore,
-} from "../youtubePlayerStore";
-import type { CustomSlot } from "../youtubePlayerStore";
-import { cn } from "~/lib/utils";
-
-// ---------------------------------------------------------------------------
-// YouTube IFrame postMessage helpers
-// ---------------------------------------------------------------------------
-
-/** Send a command to the YouTube IFrame Player API via postMessage. */
-function ytCommand(iframe: HTMLIFrameElement | null, func: string, args: unknown[] = []) {
-  if (!iframe?.contentWindow) return;
-  iframe.contentWindow.postMessage(JSON.stringify({ event: "command", func, args }), "*");
-}
-
-// ---------------------------------------------------------------------------
-// Compact mini-bar shown at the bottom of the sidebar
-// ---------------------------------------------------------------------------
-export function YouTubeToggleButton() {
-  const { isOpen, toggle, selectedIndex, customSlots } = useYouTubePlayerStore();
-
-  const activeName = useMemo(() => {
-    if (selectedIndex === null) return null;
-    if (selectedIndex < DEFAULT_PLAYLISTS.length) {
-      return DEFAULT_PLAYLISTS[selectedIndex]?.name ?? null;
-    }
-    const slotIdx = selectedIndex - DEFAULT_PLAYLISTS.length;
-    return customSlots[slotIdx]?.name ?? null;
-  }, [selectedIndex, customSlots]);
-
-  return (
-    <button
-      type="button"
-      onClick={toggle}
-      className={cn(
-        "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-xs transition-colors",
-        isOpen
-          ? "bg-red-500/10 text-red-400 hover:bg-red-500/20"
-          : "text-muted-foreground/70 hover:bg-accent hover:text-foreground",
-      )}
-    >
-      <Music2Icon className="size-3.5" />
-      <span className="truncate">{isOpen && activeName ? activeName : "YouTube"}</span>
-      {isOpen && <span className="ml-auto flex size-1.5 rounded-full bg-red-400 animate-pulse" />}
-    </button>
-  );
-}
-
-// ---------------------------------------------------------------------------
-// Volume slider — controls the actual iframe player volume
-// ---------------------------------------------------------------------------
-function VolumeControl({ iframeRef }: { iframeRef: React.RefObject<HTMLIFrameElement | null> }) {
-  const { volume, setVolume } = useYouTubePlayerStore();
-  const [premuteVolume, setPremuteVolume] = useState<number>(80);
-
-  // Sync volume to the YouTube iframe whenever it changes
-  useEffect(() => {
-    const iframe = iframeRef.current;
-    if (!iframe) return;
-    if (volume === 0) {
-      ytCommand(iframe, "mute");
-    } else {
-      ytCommand(iframe, "unMute");
-      ytCommand(iframe, "setVolume", [volume]);
-    }
-  }, [volume, iframeRef]);
-
-  const toggleMute = useCallback(() => {
-    if (volume > 0) {
-      setPremuteVolume(volume);
-      setVolume(0);
-    } else {
-      setVolume(premuteVolume || 80);
-    }
-  }, [volume, premuteVolume, setVolume]);
-
-  const VolumeIcon = volume === 0 ? VolumeXIcon : volume < 50 ? Volume1Icon : Volume2Icon;
-
-  return (
-    <div className="flex items-center gap-1.5">
-      <button
-        type="button"
-        onClick={toggleMute}
-        className="rounded p-0.5 text-muted-foreground/60 transition-colors hover:text-foreground"
-        aria-label={volume === 0 ? "Unmute" : "Mute"}
-      >
-        <VolumeIcon className="size-3.5" />
-      </button>
-      <div className="relative flex items-center">
-        {/* Filled track behind the slider */}
-        <div
-          className="pointer-events-none absolute left-0 h-1 rounded-full bg-red-400/80"
-          style={{ width: `${volume}%` }}
-        />
-        <input
-          type="range"
-          min={0}
-          max={100}
-          step={1}
-          value={volume}
-          onChange={(e) => setVolume(Number(e.target.value))}
-          className="relative h-1 w-16 cursor-pointer appearance-none rounded-full bg-muted-foreground/20 [&::-webkit-slider-thumb]:relative [&::-webkit-slider-thumb]:z-10 [&::-webkit-slider-thumb]:size-2.5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-red-400 [&::-webkit-slider-thumb]:shadow-sm [&::-webkit-slider-thumb]:transition-transform [&::-webkit-slider-thumb]:hover:scale-125 [&::-moz-range-thumb]:size-2.5 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-red-400 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-muted-foreground/20"
-          aria-label="Volume"
-        />
-      </div>
-    </div>
-  );
-}
-
-// ---------------------------------------------------------------------------
-// Custom slot editor inline form
-// ---------------------------------------------------------------------------
-function CustomSlotEditor({
-  slotIndex,
-  existingSlot,
-  onDone,
-}: {
-  slotIndex: 0 | 1;
-  existingSlot: CustomSlot | null;
-  onDone: () => void;
-}) {
-  const { setCustomSlot } = useYouTubePlayerStore();
-  const [name, setName] = useState(existingSlot?.name ?? "");
-  const [url, setUrl] = useState(existingSlot?.url ?? "");
-  const [error, setError] = useState<string | null>(null);
-  const urlRef = useRef<HTMLInputElement>(null);
-
-  // Auto-focus the URL field on mount
-  useEffect(() => {
-    urlRef.current?.focus();
-  }, []);
-
-  const handleSave = useCallback(() => {
-    const trimmedName = name.trim() || `Custom ${slotIndex + 1}`;
-    const trimmedUrl = url.trim();
-    if (!trimmedUrl) {
-      setError("Paste a YouTube URL");
-      return;
-    }
-    const parsed = parseYouTubeUrl(trimmedUrl);
-    if (!parsed) {
-      setError("Not a valid YouTube URL or video ID");
-      return;
-    }
-    setError(null);
-    setCustomSlot(slotIndex, trimmedName, trimmedUrl);
-    onDone();
-  }, [name, url, slotIndex, setCustomSlot, onDone]);
-
-  return (
-    <div className="flex flex-col gap-1.5 rounded-md border border-border/60 bg-muted/30 p-2">
-      <input
-        type="text"
-        value={name}
-        onChange={(e) => setName(e.target.value)}
-        placeholder={`Name (optional)`}
-        className="rounded-md border border-border/60 bg-background px-2 py-1 text-[11px] text-foreground placeholder:text-muted-foreground/40 focus:border-red-500/50 focus:outline-none"
-      />
-      <input
-        ref={urlRef}
-        type="text"
-        value={url}
-        onChange={(e) => {
-          setUrl(e.target.value);
-          if (error) setError(null);
-        }}
-        onKeyDown={(e) => {
-          if (e.key === "Enter") {
-            e.preventDefault();
-            handleSave();
-          }
-          if (e.key === "Escape") {
-            e.preventDefault();
-            onDone();
-          }
-        }}
-        placeholder="Paste YouTube URL..."
-        className={cn(
-          "rounded-md border bg-background px-2 py-1 text-[11px] text-foreground placeholder:text-muted-foreground/40 focus:outline-none",
-          error
-            ? "border-red-500/60 focus:border-red-500/80"
-            : "border-border/60 focus:border-red-500/50",
-        )}
-      />
-      {error && <p className="text-[10px] text-red-400/80">{error}</p>}
-      <div className="flex gap-1.5">
-        <button
-          type="button"
-          onClick={handleSave}
-          disabled={!url.trim()}
-          className="rounded-md bg-red-500/20 px-2 py-0.5 text-[11px] font-medium text-red-400 transition-colors hover:bg-red-500/30 disabled:opacity-40"
-        >
-          Save
-        </button>
-        <button
-          type="button"
-          onClick={onDone}
-          className="rounded-md px-2 py-0.5 text-[11px] text-muted-foreground/60 transition-colors hover:bg-accent hover:text-foreground"
-        >
-          Cancel
-        </button>
-      </div>
-    </div>
-  );
-}
-
-// ---------------------------------------------------------------------------
-// Main YouTube Player Drawer — rendered at the bottom of ChatView
-// ---------------------------------------------------------------------------
-export function YouTubePlayerDrawer() {
-  const {
-    isOpen,
-    minimized,
-    selectedIndex,
-    volume,
-    customSlots,
-    setOpen,
-    setMinimized,
-    selectByIndex,
-    clearCustomSlot,
-  } = useYouTubePlayerStore();
-  const [expanded, setExpanded] = useState(false);
-  const [editingSlot, setEditingSlot] = useState<0 | 1 | null>(null);
-  const iframeRef = useRef<HTMLIFrameElement | null>(null);
-
-  const activeName = useMemo(() => {
-    if (selectedIndex === null) return null;
-    if (selectedIndex < DEFAULT_PLAYLISTS.length) {
-      return DEFAULT_PLAYLISTS[selectedIndex]?.name ?? null;
-    }
-    const slotIdx = selectedIndex - DEFAULT_PLAYLISTS.length;
-    return customSlots[slotIdx]?.name ?? null;
-  }, [selectedIndex, customSlots]);
-
-  const embedUrl = useMemo(() => {
-    if (selectedIndex === null) return null;
-
-    // Default playlists
-    if (selectedIndex < DEFAULT_PLAYLISTS.length) {
-      const pl = DEFAULT_PLAYLISTS[selectedIndex];
-      if (!pl) return null;
-      return buildYouTubeEmbedUrl(pl.type, pl.id);
-    }
-
-    // Custom slots
-    const slotIdx = selectedIndex - DEFAULT_PLAYLISTS.length;
-    const slot = customSlots[slotIdx];
-    if (!slot) return null;
-    const parsed = parseYouTubeUrl(slot.url);
-    if (!parsed) return null;
-    return buildYouTubeEmbedUrl(parsed.type, parsed.id);
-  }, [selectedIndex, customSlots]);
-
-  // When the iframe loads (new video / playlist), apply the stored volume.
-  const handleIframeLoad = useCallback(() => {
-    const iframe = iframeRef.current;
-    if (!iframe) return;
-    // Small delay to let the YT player initialise its JS API listener
-    const timer = setTimeout(() => {
-      if (volume === 0) {
-        ytCommand(iframe, "mute");
-      } else {
-        ytCommand(iframe, "unMute");
-        ytCommand(iframe, "setVolume", [volume]);
-      }
-    }, 500);
-    return () => clearTimeout(timer);
-  }, [volume]);
-
-  // Listen for the YouTube player's "onReady" info-delivery message
-  // so we can set volume as soon as it's truly ready.
-  useEffect(() => {
-    function onMessage(e: MessageEvent) {
-      if (typeof e.data !== "string") return;
-      try {
-        const msg = JSON.parse(e.data);
-        // YouTube fires { event: "onReady" } and also
-        // { event: "initialDelivery", info: { ... } }
-        if (msg?.event === "onReady" || msg?.event === "initialDelivery") {
-          const iframe = iframeRef.current;
-          if (!iframe) return;
-          if (volume === 0) {
-            ytCommand(iframe, "mute");
-          } else {
-            ytCommand(iframe, "unMute");
-            ytCommand(iframe, "setVolume", [volume]);
-          }
-        }
-      } catch {
-        // Not a JSON message — ignore.
-      }
-    }
-    window.addEventListener("message", onMessage);
-    return () => window.removeEventListener("message", onMessage);
-  }, [volume]);
-
-  if (!isOpen) return null;
-
-  return (
-    <div className="border-t border-border/80 bg-background">
-      {/* Header bar — always visible */}
-      <div className="flex items-center gap-2 px-3 py-1.5">
-        <Music2Icon className="size-3.5 shrink-0 text-red-400" />
-
-        {/* Now-playing label */}
-        <span className="truncate text-xs font-medium text-foreground/80">
-          {activeName ?? "YouTube"}
-        </span>
-
-        {/* Spacer */}
-        <div className="flex-1" />
-
-        {/* Volume — wired to the iframe */}
-        <VolumeControl iframeRef={iframeRef} />
-
-        {/* Playlist picker toggle */}
-        {!minimized && (
-          <button
-            type="button"
-            onClick={() => setExpanded(!expanded)}
-            className={cn(
-              "rounded p-0.5 transition-colors hover:bg-accent hover:text-foreground",
-              expanded ? "text-red-400" : "text-muted-foreground/60",
-            )}
-            aria-label={expanded ? "Hide playlists" : "Show playlists"}
-            title={expanded ? "Hide playlists" : "Show playlists"}
-          >
-            <ListMusicIcon className="size-3.5" />
-          </button>
-        )}
-
-        {/* Minimize / Restore */}
-        <button
-          type="button"
-          onClick={() => {
-            setMinimized(!minimized);
-            if (!minimized) setExpanded(false);
-          }}
-          className="rounded p-0.5 text-muted-foreground/60 transition-colors hover:bg-accent hover:text-foreground"
-          aria-label={minimized ? "Restore player" : "Minimize player"}
-          title={minimized ? "Restore player" : "Minimize player"}
-        >
-          {minimized ? (
-            <MaximizeIcon className="size-3.5" />
-          ) : (
-            <MinimizeIcon className="size-3.5" />
-          )}
-        </button>
-
-        {/* Close */}
-        <button
-          type="button"
-          onClick={() => setOpen(false)}
-          className="rounded p-0.5 text-muted-foreground/60 transition-colors hover:bg-accent hover:text-foreground"
-          aria-label="Close YouTube player"
-          title="Close player"
-        >
-          <XIcon className="size-3.5" />
-        </button>
-      </div>
-
-      {/* Expanded playlist picker (hidden when minimized) */}
-      {expanded && !minimized && (
-        <div className="border-t border-border/40 px-3 py-2">
-          <div className="flex flex-col gap-1">
-            {/* Default playlists */}
-            {DEFAULT_PLAYLISTS.map((pl, idx) => (
-              <button
-                key={pl.id}
-                type="button"
-                onClick={() => {
-                  selectByIndex(idx);
-                  setExpanded(false);
-                  setEditingSlot(null);
-                }}
-                className={cn(
-                  "flex items-center gap-2 rounded-md px-2 py-1.5 text-left text-[11px] transition-colors",
-                  selectedIndex === idx
-                    ? "bg-red-500/15 text-red-400"
-                    : "text-muted-foreground/70 hover:bg-accent hover:text-foreground",
-                )}
-              >
-                {selectedIndex === idx ? (
-                  <span className="flex size-3 items-center justify-center">
-                    <span className="size-1.5 rounded-full bg-red-400 animate-pulse" />
-                  </span>
-                ) : (
-                  <PlayIcon className="size-3 shrink-0" />
-                )}
-                <span className="truncate">{pl.name}</span>
-              </button>
-            ))}
-
-            {/* Divider */}
-            <div className="my-1 border-t border-border/30" />
-
-            {/* Custom slots */}
-            {([0, 1] as const).map((slotIdx) => {
-              const globalIdx = DEFAULT_PLAYLISTS.length + slotIdx;
-              const slot = customSlots[slotIdx];
-
-              if (editingSlot === slotIdx) {
-                return (
-                  <CustomSlotEditor
-                    key={`edit-${slotIdx}`}
-                    slotIndex={slotIdx}
-                    existingSlot={slot}
-                    onDone={() => setEditingSlot(null)}
-                  />
-                );
-              }
-
-              if (slot) {
-                return (
-                  <div
-                    key={`slot-${slotIdx}`}
-                    className={cn(
-                      "flex items-center gap-2 rounded-md px-2 py-1.5 text-[11px] transition-colors",
-                      selectedIndex === globalIdx
-                        ? "bg-red-500/15 text-red-400"
-                        : "text-muted-foreground/70 hover:bg-accent hover:text-foreground",
-                    )}
-                  >
-                    <button
-                      type="button"
-                      className="flex flex-1 items-center gap-2 text-left"
-                      onClick={() => {
-                        selectByIndex(globalIdx);
-                        setExpanded(false);
-                      }}
-                    >
-                      {selectedIndex === globalIdx ? (
-                        <span className="flex size-3 items-center justify-center">
-                          <span className="size-1.5 rounded-full bg-red-400 animate-pulse" />
-                        </span>
-                      ) : (
-                        <PlayIcon className="size-3 shrink-0" />
-                      )}
-                      <span className="truncate">{slot.name}</span>
-                    </button>
-                    <button
-                      type="button"
-                      onClick={() => setEditingSlot(slotIdx)}
-                      className="rounded p-0.5 text-muted-foreground/40 transition-colors hover:text-foreground"
-                      aria-label={`Edit custom slot ${slotIdx + 1}`}
-                    >
-                      <PencilIcon className="size-3" />
-                    </button>
-                    <button
-                      type="button"
-                      onClick={() => {
-                        clearCustomSlot(slotIdx);
-                        if (selectedIndex === globalIdx) {
-                          selectByIndex(0);
-                        }
-                      }}
-                      className="rounded p-0.5 text-muted-foreground/40 transition-colors hover:text-red-400"
-                      aria-label={`Remove custom slot ${slotIdx + 1}`}
-                    >
-                      <TrashIcon className="size-3" />
-                    </button>
-                  </div>
-                );
-              }
-
-              // Empty slot
-              return (
-                <button
-                  key={`empty-${slotIdx}`}
-                  type="button"
-                  onClick={() => setEditingSlot(slotIdx)}
-                  className="flex items-center gap-2 rounded-md border border-dashed border-border/40 px-2 py-1.5 text-[11px] text-muted-foreground/40 transition-colors hover:border-border/60 hover:text-muted-foreground/60"
-                >
-                  <PlayIcon className="size-3 shrink-0" />
-                  <span>+ Add custom URL</span>
-                </button>
-              );
-            })}
-          </div>
-        </div>
-      )}
-
-      {/* YouTube embed iframe — kept in DOM when minimized so audio continues */}
-      {embedUrl ? (
-        <div
-          className={cn(
-            "transition-all duration-200",
-            minimized ? "pointer-events-none h-0 overflow-hidden opacity-0" : "px-2 pb-2",
-          )}
-          aria-hidden={minimized}
-        >
-          <iframe
-            ref={iframeRef}
-            title="YouTube Player"
-            src={embedUrl}
-            width="100%"
-            height="260"
-            allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
-            sandbox="allow-same-origin allow-scripts allow-popups allow-popups-to-escape-sandbox allow-forms allow-presentation allow-storage-access-by-user-activation"
-            loading="lazy"
-            className="rounded-xl border-0"
-            onLoad={handleIframeLoad}
-          />
-        </div>
-      ) : !minimized ? (
-        <div className="flex flex-col items-center gap-2 px-3 pb-3 pt-1">
-          <p className="text-[11px] text-muted-foreground/50">Pick a playlist to start listening</p>
-          <button
-            type="button"
-            onClick={() => setExpanded(true)}
-            className="rounded-md bg-red-500/15 px-3 py-1.5 text-xs font-medium text-red-400 transition-colors hover:bg-red-500/25"
-          >
-            <ListMusicIcon className="mr-1.5 inline size-3.5" />
-            Browse Playlists
-          </button>
-        </div>
-      ) : null}
-    </div>
-  );
-}
diff --git a/apps/web/src/youtubePlayerStore.ts b/apps/web/src/youtubePlayerStore.ts
deleted file mode 100644
index 7be42f767..000000000
--- a/apps/web/src/youtubePlayerStore.ts
+++ /dev/null
@@ -1,202 +0,0 @@
-import { create } from "zustand";
-
-export interface YouTubePlaylist {
-  name: string;
-  /** YouTube video ID (for streams) or playlist ID */
-  id: string;
-  type: "video" | "playlist";
-  isCustom?: boolean;
-}
-
-/**
- * Default playlists — curated YouTube streams & playlists for vibe coding.
- */
-export const DEFAULT_PLAYLISTS: YouTubePlaylist[] = [
-  // Lofi
-  { name: "Lofi Girl", id: "jfKfPfyJRdk", type: "video" },
-  // Electronic / Chills
-  { name: "Chillwave Radio", id: "5-anTj1QrWs", type: "video" },
-];
-
-export interface CustomSlot {
-  name: string;
-  url: string;
-}
-
-interface PersistedYouTubeState {
-  isOpen: boolean;
-  minimized: boolean;
-  /** Index into the combined list (0-1 = defaults, 2-3 = custom) */
-  selectedIndex: number | null;
-  volume: number;
-  customSlots: [CustomSlot | null, CustomSlot | null];
-}
-
-interface YouTubePlayerStore extends PersistedYouTubeState {
-  toggle: () => void;
-  setOpen: (open: boolean) => void;
-  setMinimized: (minimized: boolean) => void;
-  selectByIndex: (index: number) => void;
-  setVolume: (volume: number) => void;
-  setCustomSlot: (slotIndex: 0 | 1, name: string, url: string) => void;
-  clearCustomSlot: (slotIndex: 0 | 1) => void;
-}
-
-const STORAGE_KEY = "okcode:youtube-player:v2";
-
-function readPersistedState(): PersistedYouTubeState {
-  const defaults: PersistedYouTubeState = {
-    isOpen: false,
-    minimized: false,
-    selectedIndex: 0,
-    volume: 80,
-    customSlots: [null, null],
-  };
-
-  if (typeof window === "undefined") return defaults;
-
-  try {
-    const raw = window.localStorage.getItem(STORAGE_KEY);
-    if (!raw) return defaults;
-
-    const parsed = JSON.parse(raw) as Partial<PersistedYouTubeState>;
-    return {
-      isOpen: typeof parsed.isOpen === "boolean" ? parsed.isOpen : false,
-      minimized: typeof parsed.minimized === "boolean" ? parsed.minimized : false,
-      selectedIndex: typeof parsed.selectedIndex === "number" ? parsed.selectedIndex : null,
-      volume:
-        typeof parsed.volume === "number" && Number.isFinite(parsed.volume)
-          ? Math.max(0, Math.min(100, parsed.volume))
-          : 80,
-      customSlots: Array.isArray(parsed.customSlots)
-        ? [
-            isValidSlot(parsed.customSlots[0]) ? parsed.customSlots[0] : null,
-            isValidSlot(parsed.customSlots[1]) ? parsed.customSlots[1] : null,
-          ]
-        : [null, null],
-    };
-  } catch {
-    return defaults;
-  }
-}
-
-function isValidSlot(s: unknown): s is CustomSlot {
-  return (
-    typeof s === "object" &&
-    s !== null &&
-    typeof (s as CustomSlot).name === "string" &&
-    typeof (s as CustomSlot).url === "string"
-  );
-}
-
-function persistState(state: PersistedYouTubeState): void {
-  if (typeof window === "undefined") return;
-  try {
-    window.localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
-  } catch {
-    // Ignore storage errors.
-  }
-}
-
-const initialState = readPersistedState();
-
-export const useYouTubePlayerStore = create<YouTubePlayerStore>((set, get) => ({
-  ...initialState,
-
-  toggle: () => {
-    const next = !get().isOpen;
-    set({ isOpen: next });
-    persistState({ ...get(), isOpen: next });
-  },
-
-  setOpen: (open) => {
-    set({ isOpen: open });
-    persistState({ ...get(), isOpen: open });
-  },
-
-  setMinimized: (minimized) => {
-    set({ minimized });
-    persistState({ ...get(), minimized });
-  },
-
-  selectByIndex: (index) => {
-    set({ selectedIndex: index });
-    persistState({ ...get(), selectedIndex: index });
-  },
-
-  setVolume: (volume) => {
-    const clamped = Math.max(0, Math.min(100, volume));
-    set({ volume: clamped });
-    persistState({ ...get(), volume: clamped });
-  },
-
-  setCustomSlot: (slotIndex, name, url) => {
-    const slots = [...get().customSlots] as [CustomSlot | null, CustomSlot | null];
-    slots[slotIndex] = { name, url };
-    set({ customSlots: slots });
-    persistState({ ...get(), customSlots: slots });
-  },
-
-  clearCustomSlot: (slotIndex) => {
-    const slots = [...get().customSlots] as [CustomSlot | null, CustomSlot | null];
-    slots[slotIndex] = null;
-    set({ customSlots: slots });
-    persistState({ ...get(), customSlots: slots });
-  },
-}));
-
-/**
- * Parse a YouTube URL into an embed-ready config.
- * Supports:
- *   - https://www.youtube.com/watch?v=VIDEO_ID
- *   - https://youtu.be/VIDEO_ID
- *   - https://www.youtube.com/playlist?list=PLAYLIST_ID
- *   - https://www.youtube.com/embed/VIDEO_ID
- *   - https://www.youtube.com/live/VIDEO_ID
- *   - Raw 11-char video ID
- */
-export function parseYouTubeUrl(input: string): { type: "video" | "playlist"; id: string } | null {
-  const trimmed = input.trim();
-
-  // Playlist URL
-  const playlistMatch = trimmed.match(/[?&]list=([a-zA-Z0-9_-]+)/);
-  if (playlistMatch?.[1] && /playlist/.test(trimmed)) {
-    return { type: "playlist", id: playlistMatch[1] };
-  }
-
-  // Standard watch URL
-  const watchMatch = trimmed.match(
-    /(?:youtube\.com\/watch\?.*v=|youtu\.be\/|youtube\.com\/embed\/|youtube\.com\/live\/)([a-zA-Z0-9_-]{11})/,
-  );
-  if (watchMatch?.[1]) {
-    return { type: "video", id: watchMatch[1] };
-  }
-
-  // Raw video ID (11 chars, base64url alphabet)
-  if (/^[a-zA-Z0-9_-]{11}$/.test(trimmed)) {
-    return { type: "video", id: trimmed };
-  }
-
-  // Playlist list param in any URL
-  if (playlistMatch?.[1]) {
-    return { type: "playlist", id: playlistMatch[1] };
-  }
-
-  return null;
-}
-
-export function buildYouTubeEmbedUrl(type: "video" | "playlist", id: string): string {
-  const origin = typeof window !== "undefined" ? window.location.origin : "";
-  const params = new URLSearchParams({
-    autoplay: "1",
-    enablejsapi: "1",
-    origin,
-    rel: "0",
-  });
-
-  if (type === "playlist") {
-    params.set("list", id);
-    return `https://www.youtube-nocookie.com/embed/videoseries?${params.toString()}`;
-  }
-  return `https://www.youtube-nocookie.com/embed/${id}?${params.toString()}`;
-}
diff --git a/turbo.json b/turbo.json
index c9471e538..040ee2c39 100644
--- a/turbo.json
+++ b/turbo.json
@@ -18,6 +18,10 @@
       "dependsOn": ["^build"],
       "outputs": ["dist/**", "dist-electron/**"]
     },
+    "@okcode/marketing#build": {
+      "dependsOn": ["^build"],
+      "outputs": [".next/**", "!.next/cache/**"]
+    },
     "dev": {
       "dependsOn": ["@okcode/contracts#build"],
       "cache": false,
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 000000000..dc2a991dd
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,6 @@
+{
+  "$schema": "https://openapi.vercel.sh/vercel.json",
+  "buildCommand": "bun run build:marketing",
+  "installCommand": "bun install",
+  "outputDirectory": "apps/marketing/.next"
+}