Some drag and drop and other UI enhancements

components/SongDropdownMenu.tsx

@@ -26,6 +26,8 @@ interface SongDropdownMenuProps {
     onDownload?: () => void;
     onShare?: () => void;
     onDelete?: () => void;
+    onUseAsReference?: () => void;
+    onCoverSong?: () => void;
 }
 
 interface MenuItemProps {
@@ -70,7 +72,9 @@ export const SongDropdownMenu: React.FC<SongDropdownMenuProps> = ({
     onAddToPlaylist,
     onDownload,
     onShare,
-    onDelete
+    onDelete,
+    onUseAsReference,
+    onCoverSong
 }) => {
     const menuRef = useRef<HTMLDivElement>(null);
 
@@ -190,6 +194,18 @@ export const SongDropdownMenu: React.FC<SongDropdownMenuProps> = ({
                 label="Reuse Prompt"
                 onClick={() => handleAction(onReusePrompt)}
             />
+            <MenuItem
+                icon={<Layers size={14} />}
+                label="Use as Reference"
+                onClick={() => handleAction(onUseAsReference)}
+                disabled={!song.audioUrl}
+            />
+            <MenuItem
+                icon={<Layers size={14} />}
+                label="Cover Song"
+                onClick={() => handleAction(onCoverSong)}
+                disabled={!song.audioUrl}
+            />
 
             <MenuDivider />