diff --git a/README.md b/README.md
index 4ded42b..a395d6e 100644
--- a/README.md
+++ b/README.md
@@ -206,6 +206,7 @@ Output: `Moonfin.Server-{VERSION}.zip` in the repo root.
 | `/Moonfin/Assets/{fileName}` | GET | Yes | Serve embedded rating icons |
 | `/Moonfin/MDBList/Batch` | POST | Yes | Batch fetch ratings for multiple items |
 | `/Moonfin/MDBList/{imdbId}` | GET | Yes | Get MDBList ratings for a single item |
+| `/Moonfin/MediaBar` | GET | Yes | Get resolved media bar content for the current user |
 | `/Moonfin/TMDB/Episode/{seriesId}/{seasonNumber}/{episodeNumber}` | GET | Yes | Get TMDB episode rating |
 | `/SyncPlay/List` | GET | Yes | List available SyncPlay groups |
 | `/SyncPlay/New` | POST | Yes | Create a new SyncPlay group |
@@ -280,7 +281,10 @@ Settings stored on the server per-user and shared across all Moonfin clients. Ea
 | `showLibrariesInToolbar` | bool | Show library buttons in toolbar |
 | `shuffleContentType` | string | Shuffle content type (`movies`, `tv`, `both`) |
 | `mediaBarEnabled` | bool | Enable featured media bar |
-| `mediaBarContentType` | string | Media bar content type (`movies`, `tv`, `both`) |
+| `mediaBarSourceType` | string | Media bar content source (`library`, `collection`) |
+| `mediaBarLibraryIds` | list | Library IDs to pull media bar items from (empty = all libraries) |
+| `mediaBarCollectionIds` | list | Collection/playlist IDs for media bar (when source is `collection`) |
+| `mediaBarShuffleItems` | bool | Shuffle items in media bar |
 | `mediaBarItemCount` | int | Number of items in media bar |
 | `mediaBarOpacity` | int | Media bar overlay opacity (0–100) |
 | `mediaBarOverlayColor` | string | Media bar overlay color key |
diff --git a/backend/Api/MoonfinController.cs b/backend/Api/MoonfinController.cs
index 0c6c770..3aaad51 100644
--- a/backend/Api/MoonfinController.cs
+++ b/backend/Api/MoonfinController.cs
@@ -1,5 +1,9 @@
 using System.Net.Mime;
 using System.Text.Json;
+using Jellyfin.Data.Enums;
+using MediaBrowser.Controller.Entities;
+using MediaBrowser.Controller.Library;
+using MediaBrowser.Model.Entities;
 using Microsoft.AspNetCore.Authorization;
 using Microsoft.AspNetCore.Http;
 using Microsoft.AspNetCore.Mvc;
@@ -18,6 +22,7 @@ public class MoonfinController : ControllerBase
 {
     private readonly MoonfinSettingsService _settingsService;
     private readonly IHttpClientFactory _httpClientFactory;
+    private readonly ILibraryManager _libraryManager;
     
     // Cache for auto-detected variant
     private static string? _cachedVariant;
@@ -25,10 +30,14 @@ public class MoonfinController : ControllerBase
     private static DateTime _variantCacheExpiry = DateTime.MinValue;
     private static readonly SemaphoreSlim _variantLock = new(1, 1);
 
-    public MoonfinController(MoonfinSettingsService settingsService, IHttpClientFactory httpClientFactory)
+    public MoonfinController(
+        MoonfinSettingsService settingsService,
+        IHttpClientFactory httpClientFactory,
+        ILibraryManager libraryManager)
     {
         _settingsService = settingsService;
         _httpClientFactory = httpClientFactory;
+        _libraryManager = libraryManager;
     }
 
     /// <summary>
@@ -417,6 +426,201 @@ public ActionResult CheckMySettingsExist()
         return NotFound();
     }
 
+    /// <summary>
+    /// Gets resolved media bar content for the current user.
+    /// Combines user settings resolution with server-side item queries so all clients
+    /// (web, Android, TV) get identical results from a single call.
+    /// </summary>
+    /// <param name="profile">Device profile name: desktop, mobile, tv, or global.</param>
+    /// <returns>Media bar items as Jellyfin BaseItemDto objects.</returns>
+    [HttpGet("MediaBar")]
+    [Authorize]
+    [ProducesResponseType(StatusCodes.Status200OK)]
+    [ProducesResponseType(StatusCodes.Status503ServiceUnavailable)]
+    public async Task<ActionResult> GetMediaBarItems(
+        [FromQuery] string profile = "global")
+    {
+        var userId = this.GetUserIdFromClaims();
+        if (userId == null)
+        {
+            return Unauthorized(new { Error = "User not authenticated" });
+        }
+
+        // Resolve settings: device profile → global → admin defaults
+        var resolved = await _settingsService.GetResolvedProfileAsync(userId.Value, profile);
+        var settings = resolved ?? MoonfinPlugin.Instance?.Configuration?.DefaultUserSettings ?? new MoonfinSettingsProfile();
+
+        var sourceType = settings.MediaBarSourceType ?? "library";
+        var limit = settings.MediaBarItemCount ?? 10;
+
+        List<BaseItem> items;
+
+        if (sourceType == "collection" && settings.MediaBarCollectionIds is { Count: > 0 })
+        {
+            items = GetCollectionItems(settings.MediaBarCollectionIds, limit);
+        }
+        else
+        {
+            items = GetLibraryItems(settings.MediaBarLibraryIds, limit);
+        }
+
+        var dtos = items.Select(MapItemToDto).ToList();
+
+        return Ok(new
+        {
+            Items = dtos,
+            TotalRecordCount = dtos.Count
+        });
+    }
+
+    /// <summary>
+    /// Maps a BaseItem to a lightweight DTO matching Jellyfin's BaseItemDto shape.
+    /// Uses only stable BaseItem properties to avoid version-specific API issues.
+    /// </summary>
+    private static object MapItemToDto(BaseItem item)
+    {
+        // Build image tags dict
+        var imageTags = new Dictionary<string, string>();
+        var imageInfo = item.GetImageInfo(ImageType.Primary, 0);
+        if (imageInfo != null)
+        {
+            imageTags["Primary"] = GetTag(imageInfo);
+        }
+        var logoInfo = item.GetImageInfo(ImageType.Logo, 0);
+        if (logoInfo != null)
+        {
+            imageTags["Logo"] = GetTag(logoInfo);
+        }
+
+        // Build backdrop tags array
+        var backdropTags = new List<string>();
+        var backdropImages = item.GetImages(ImageType.Backdrop).ToList();
+        foreach (var bd in backdropImages)
+        {
+            backdropTags.Add(GetTag(bd));
+        }
+
+        return new
+        {
+            item.Id,
+            item.Name,
+            Type = item.GetBaseItemKind().ToString(),
+            item.ProductionYear,
+            item.OfficialRating,
+            item.RunTimeTicks,
+            item.Genres,
+            item.Overview,
+            item.CommunityRating,
+            item.CriticRating,
+            ImageTags = imageTags,
+            BackdropImageTags = backdropTags
+        };
+    }
+
+    /// <summary>
+    /// Gets a stable tag string from an ItemImageInfo for cache-busting image URLs.
+    /// </summary>
+    private static string GetTag(ItemImageInfo info)
+    {
+        return info.DateModified.Ticks.ToString("X");
+    }
+
+    /// <summary>
+    /// Queries random Movie/Series items, optionally filtered to specific libraries.
+    /// </summary>
+    private List<BaseItem> GetLibraryItems(List<string>? libraryIds, int limit)
+    {
+        var query = new InternalItemsQuery
+        {
+            IncludeItemTypes = [BaseItemKind.Movie, BaseItemKind.Series],
+            Limit = limit,
+            Recursive = true
+        };
+
+        // Set OrderBy = Random via reflection to avoid compile-time reference to
+        // SortOrder which moved assemblies between Jellyfin 10.10 and 10.11
+        SetRandomOrder(query);
+
+        if (libraryIds is { Count: > 0 })
+        {
+            var parsedIds = libraryIds
+                .Select(id => Guid.TryParse(id, out var g) ? g : Guid.Empty)
+                .Where(g => g != Guid.Empty)
+                .ToArray();
+
+            if (parsedIds.Length > 0)
+            {
+                query.TopParentIds = parsedIds;
+            }
+        }
+
+        return _libraryManager.GetItemsResult(query).Items.ToList();
+    }
+
+    /// <summary>
+    /// Sets OrderBy to Random on the query using reflection, avoiding direct
+    /// reference to SortOrder which moved between Jellyfin 10.10 and 10.11.
+    /// </summary>
+    private static void SetRandomOrder(InternalItemsQuery query)
+    {
+        try
+        {
+            // Find SortOrder enum type at runtime (works regardless of assembly)
+            var orderByProp = typeof(InternalItemsQuery).GetProperty(nameof(InternalItemsQuery.OrderBy));
+            if (orderByProp == null) return;
+
+            // Get the generic type args: (ItemSortBy, SortOrder)
+            var elementType = orderByProp.PropertyType.GetGenericArguments()[0];
+            var sortOrderType = elementType.GetGenericArguments()[1];
+            var ascending = Enum.ToObject(sortOrderType, 0);
+
+            // Create the tuple (ItemSortBy.Random, SortOrder.Ascending)
+            var tuple = Activator.CreateInstance(elementType, ItemSortBy.Random, ascending);
+            var array = Array.CreateInstance(elementType, 1);
+            array.SetValue(tuple, 0);
+
+            orderByProp.SetValue(query, array);
+        }
+        catch
+        {
+            // Reflection failed — query will return items in default order, still functional
+        }
+    }
+
+    /// <summary>
+    /// Queries items from specified collections/playlists, filtered to Movie/Series.
+    /// </summary>
+    private List<BaseItem> GetCollectionItems(List<string> collectionIds, int limit)
+    {
+        var allItems = new List<BaseItem>();
+        var seenIds = new HashSet<Guid>();
+
+        foreach (var colId in collectionIds)
+        {
+            if (!Guid.TryParse(colId, out var parentGuid)) continue;
+
+            // Get the collection/playlist as a Folder to access LinkedChildren
+            var parent = _libraryManager.GetItemById(parentGuid);
+            if (parent is not Folder folder) continue;
+
+            // Access LinkedChildren (data property, no method signature issues)
+            // then resolve each linked item individually via GetItemById (proven stable)
+            foreach (var linkedChild in folder.LinkedChildren)
+            {
+                if (!linkedChild.ItemId.HasValue) continue;
+                var item = _libraryManager.GetItemById(linkedChild.ItemId.Value);
+                if (item == null || !seenIds.Add(item.Id)) continue;
+
+                var kind = item.GetBaseItemKind();
+                if (kind != BaseItemKind.Movie && kind != BaseItemKind.Series) continue;
+
+                allItems.Add(item);
+            }
+        }
+
+        return allItems.Take(limit).ToList();
+    }
+
     /// <summary>
     /// Gets the Jellyseerr configuration (admin URL + user enablement).
     /// </summary>
diff --git a/backend/Models/MoonfinSettingsProfile.cs b/backend/Models/MoonfinSettingsProfile.cs
index 1a5845c..b295427 100644
--- a/backend/Models/MoonfinSettingsProfile.cs
+++ b/backend/Models/MoonfinSettingsProfile.cs
@@ -87,9 +87,6 @@ public class MoonfinSettingsProfile
     [JsonPropertyName("mediaBarEnabled")]
     public bool? MediaBarEnabled { get; set; }
 
-    [JsonPropertyName("mediaBarContentType")]
-    public string? MediaBarContentType { get; set; }
-
     [JsonPropertyName("mediaBarItemCount")]
     public int? MediaBarItemCount { get; set; }
 
@@ -108,6 +105,18 @@ public class MoonfinSettingsProfile
     [JsonPropertyName("mediaBarTrailerPreview")]
     public bool? MediaBarTrailerPreview { get; set; }
 
+    [JsonPropertyName("mediaBarSourceType")]
+    public string? MediaBarSourceType { get; set; }
+
+    [JsonPropertyName("mediaBarCollectionIds")]
+    public List<string>? MediaBarCollectionIds { get; set; }
+
+    [JsonPropertyName("mediaBarShuffleItems")]
+    public bool? MediaBarShuffleItems { get; set; }
+
+    [JsonPropertyName("mediaBarLibraryIds")]
+    public List<string>? MediaBarLibraryIds { get; set; }
+
     [JsonPropertyName("seasonalSurprise")]
     public string? SeasonalSurprise { get; set; }
 
diff --git a/backend/Models/MoonfinUserSettings.cs b/backend/Models/MoonfinUserSettings.cs
index 7cb806f..77ba7a9 100644
--- a/backend/Models/MoonfinUserSettings.cs
+++ b/backend/Models/MoonfinUserSettings.cs
@@ -86,8 +86,7 @@ public class MoonfinUserSettings
     public bool? ConfirmExit { get; set; }
     [JsonPropertyName("mediaBarEnabled")]
     public bool? MediaBarEnabled { get; set; }
-    [JsonPropertyName("mediaBarContentType")]
-    public string? MediaBarContentType { get; set; }
+
     [JsonPropertyName("mediaBarItemCount")]
     public int? MediaBarItemCount { get; set; }
     [JsonPropertyName("mediaBarOpacity")]
@@ -100,6 +99,14 @@ public class MoonfinUserSettings
     public int? MediaBarIntervalMs { get; set; }
     [JsonPropertyName("mediaBarTrailerPreview")]
     public bool? MediaBarTrailerPreview { get; set; }
+    [JsonPropertyName("mediaBarSourceType")]
+    public string? MediaBarSourceType { get; set; }
+    [JsonPropertyName("mediaBarCollectionIds")]
+    public List<string>? MediaBarCollectionIds { get; set; }
+    [JsonPropertyName("mediaBarShuffleItems")]
+    public bool? MediaBarShuffleItems { get; set; }
+    [JsonPropertyName("mediaBarLibraryIds")]
+    public List<string>? MediaBarLibraryIds { get; set; }
     [JsonPropertyName("seasonalSurprise")]
     public string? SeasonalSurprise { get; set; }
     [JsonPropertyName("backdropEnabled")]
diff --git a/backend/Pages/configPage.html b/backend/Pages/configPage.html
index 5432959..d6a324d 100644
--- a/backend/Pages/configPage.html
+++ b/backend/Pages/configPage.html
@@ -136,6 +136,36 @@ <h4 style="margin: 1em 0 0.5em; font-size: 0.95em; color: #00a4dc;">UI Features<
                             </label>
                             <div class="fieldDescription">Enable the featured media carousel on the home page by default.</div>
                         </div>
+                        <div class="inputContainer">
+                            <label class="inputLabel inputLabelUnfocused" for="DefaultMediaBarSourceType">Media Bar Content Source</label>
+                            <select id="DefaultMediaBarSourceType" is="emby-select">
+                                <option value="">Not set (user decides)</option>
+                                <option value="library">Library (Random)</option>
+                                <option value="collection">Collections / Playlists</option>
+                            </select>
+                            <div class="fieldDescription">Default content source for the media bar. Users can override this.</div>
+                        </div>
+                        <div id="DefaultCollectionPickerSection" style="display:none;">
+                            <div class="inputContainer">
+                                <label class="inputLabel inputLabelUnfocused">Default Collections / Playlists</label>
+                                <div class="fieldDescription" style="margin-bottom:0.5em;">Select which collections or playlists to show in the media bar by default. Users can override this in their own settings. Note: users who don't have access to a selected collection will simply not see those items.</div>
+                                <div id="DefaultCollectionPicker" style="max-height:200px;overflow-y:auto;border:1px solid rgba(255,255,255,0.1);border-radius:4px;padding:4px;"></div>
+                            </div>
+                        </div>
+                        <div id="DefaultLibraryPickerSection" style="display:none;">
+                            <div class="inputContainer">
+                                <label class="inputLabel inputLabelUnfocused">Default Libraries</label>
+                                <div class="fieldDescription" style="margin-bottom:0.5em;">Optionally select specific libraries for the media bar. Leave all unchecked to use all libraries. Users can override this.</div>
+                                <div id="DefaultLibraryPicker" style="max-height:200px;overflow-y:auto;border:1px solid rgba(255,255,255,0.1);border-radius:4px;padding:4px;"></div>
+                            </div>
+                        </div>
+                        <div class="checkboxContainer checkboxContainer-withDescription">
+                            <label class="emby-checkbox-label">
+                                <input type="checkbox" id="DefaultMediaBarShuffleItems" is="emby-checkbox" />
+                                <span>Shuffle Media Bar Items</span>
+                            </label>
+                            <div class="fieldDescription">Randomize the order of items from collections/playlists by default.</div>
+                        </div>
                         <div class="checkboxContainer checkboxContainer-withDescription">
                             <label class="emby-checkbox-label">
                                 <input type="checkbox" id="DefaultDetailsPageEnabled" is="emby-checkbox" />
@@ -238,6 +268,8 @@ <h3 class="sectionTitle">Web Plugin Status</h3>
         </div>
 
         <script type="text/javascript">
+            function esc(s) { var d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
+
             var MoonfinConfig = {
                 pluginUniqueId: '8c5d0e91-4f2a-4b6d-9e3f-1a7c8d9e0f2b'
             };
@@ -260,6 +292,8 @@ <h3 class="sectionTitle">Web Plugin Status</h3>
                     document.querySelector('#DefaultNavbarEnabled').checked = !!defaults.navbarEnabled;
                     document.querySelector('#DefaultNavbarPosition').value = defaults.navbarPosition || '';
                     document.querySelector('#DefaultMediaBarEnabled').checked = !!defaults.mediaBarEnabled;
+                    document.querySelector('#DefaultMediaBarSourceType').value = defaults.mediaBarSourceType || '';
+                    document.querySelector('#DefaultMediaBarShuffleItems').checked = defaults.mediaBarShuffleItems !== false;
                     document.querySelector('#DefaultDetailsPageEnabled').checked = !!defaults.detailsPageEnabled;
                     document.querySelector('#DefaultShowClock').checked = !!defaults.showClock;
                     document.querySelector('#DefaultShowShuffleButton').checked = !!defaults.showShuffleButton;
@@ -271,9 +305,100 @@ <h3 class="sectionTitle">Web Plugin Status</h3>
                     document.querySelector('#DefaultMdblistEnabled').checked = !!defaults.mdblistEnabled;
                     document.querySelector('#DefaultTmdbEpisodeRatingsEnabled').checked = !!defaults.tmdbEpisodeRatingsEnabled;
 
+                    // Collection/Library picker visibility and loading
+                    var sourceSelect = document.querySelector('#DefaultMediaBarSourceType');
+                    var collectionPickerSection = document.querySelector('#DefaultCollectionPickerSection');
+                    var libraryPickerSection = document.querySelector('#DefaultLibraryPickerSection');
+                    function togglePickerVisibility() {
+                        var isCollection = sourceSelect.value === 'collection';
+                        var isLibrary = sourceSelect.value === 'library';
+                        collectionPickerSection.style.display = isCollection ? '' : 'none';
+                        libraryPickerSection.style.display = isLibrary ? '' : 'none';
+                        if (isCollection) {
+                            loadAdminCollectionPicker(defaults.mediaBarCollectionIds || []);
+                        }
+                        if (isLibrary) {
+                            loadAdminLibraryPicker(defaults.mediaBarLibraryIds || []);
+                        }
+                    }
+                    sourceSelect.addEventListener('change', togglePickerVisibility);
+                    togglePickerVisibility();
+
                     Dashboard.hideLoadingMsg();
                 });
 
+                function loadAdminCollectionPicker(selectedIds) {
+                    var picker = document.querySelector('#DefaultCollectionPicker');
+                    if (!picker) return;
+                    picker.innerHTML = '<div style="padding:8px;color:rgba(255,255,255,0.5);font-size:0.9em;">Loading...</div>';
+
+                    var userId = ApiClient.getCurrentUserId();
+                    ApiClient.getItems(userId, {
+                        userId: userId,
+                        includeItemTypes: 'BoxSet,Playlist',
+                        sortBy: 'SortName',
+                        sortOrder: 'Ascending',
+                        recursive: true,
+                        fields: 'PrimaryImageAspectRatio',
+                        imageTypeLimit: 1,
+                        enableImageTypes: 'Primary'
+                    }).then(function(result) {
+                        var items = result.Items || [];
+                        if (items.length === 0) {
+                            picker.innerHTML = '<div style="padding:8px;color:rgba(255,255,255,0.5);font-size:0.9em;">No collections or playlists found.</div>';
+                            return;
+                        }
+                        var html = '';
+                        var serverUrl = ApiClient.serverAddress ? ApiClient.serverAddress() : '';
+                        for (var i = 0; i < items.length; i++) {
+                            var item = items[i];
+                            var isChecked = selectedIds.indexOf(item.Id) !== -1;
+                            var typeBadge = item.Type === 'BoxSet' ? 'Collection' : 'Playlist';
+                            var posterUrl = '';
+                            if (item.ImageTags && item.ImageTags.Primary) {
+                                posterUrl = serverUrl + '/Items/' + item.Id + '/Images/Primary?maxWidth=40&quality=80&tag=' + item.ImageTags.Primary;
+                            }
+                            html += '<label style="display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;' + (isChecked ? 'background:rgba(0,164,220,0.1);' : '') + '">' +
+                                '<input type="checkbox" class="adminCollectionCb" data-id="' + item.Id + '"' + (isChecked ? ' checked' : '') + ' style="accent-color:#00a4dc;width:16px;height:16px;">' +
+                                (posterUrl ? '<img src="' + posterUrl + '" style="width:32px;height:32px;border-radius:3px;object-fit:cover;">' : '<div style="width:32px;height:32px;border-radius:3px;background:rgba(255,255,255,0.08);"></div>') +
+                                '<div style="flex:1;min-width:0;"><div style="font-size:0.9em;color:rgba(255,255,255,0.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + esc(item.Name || 'Untitled') + '</div>' +
+                                '<div style="font-size:0.78em;color:rgba(255,255,255,0.4);">' + typeBadge + '</div></div></label>';
+                        }
+                        picker.innerHTML = html;
+                    });
+                }
+
+                function loadAdminLibraryPicker(selectedIds) {
+                    var picker = document.querySelector('#DefaultLibraryPicker');
+                    if (!picker) return;
+                    picker.innerHTML = '<div style="padding:8px;color:rgba(255,255,255,0.5);font-size:0.9em;">Loading...</div>';
+
+                    var userId = ApiClient.getCurrentUserId();
+                    ApiClient.getUserViews(userId).then(function(result) {
+                        var items = (result.Items || []).filter(function(item) {
+                            var ct = item.CollectionType;
+                            return ct === 'movies' || ct === 'tvshows' || ct === 'music' || ct === 'mixed';
+                        });
+                        if (items.length === 0) {
+                            picker.innerHTML = '<div style="padding:8px;color:rgba(255,255,255,0.5);font-size:0.9em;">No media libraries found.</div>';
+                            return;
+                        }
+                        var html = '';
+                        for (var i = 0; i < items.length; i++) {
+                            var item = items[i];
+                            var isChecked = selectedIds.indexOf(item.Id) !== -1;
+                            var typeBadge = (item.CollectionType || 'library').charAt(0).toUpperCase() + (item.CollectionType || 'library').slice(1);
+                            var emoji = item.CollectionType === 'movies' ? '🎬' : item.CollectionType === 'tvshows' ? '📺' : item.CollectionType === 'music' ? '🎵' : '📁';
+                            html += '<label style="display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;' + (isChecked ? 'background:rgba(0,164,220,0.1);' : '') + '">' +
+                                '<input type="checkbox" class="adminLibraryCb" data-id="' + item.Id + '"' + (isChecked ? ' checked' : '') + ' style="accent-color:#00a4dc;width:16px;height:16px;">' +
+                                '<span style="font-size:18px;">' + emoji + '</span>' +
+                                '<div style="flex:1;min-width:0;"><div style="font-size:0.9em;color:rgba(255,255,255,0.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + esc(item.Name || 'Untitled') + '</div>' +
+                                '<div style="font-size:0.78em;color:rgba(255,255,255,0.4);">' + typeBadge + '</div></div></label>';
+                        }
+                        picker.innerHTML = html;
+                    });
+                }
+
                 document.querySelector('#MoonfinConfigForm')
                     .addEventListener('submit', function(ev) {
                         ev.preventDefault();
@@ -292,6 +417,22 @@ <h3 class="sectionTitle">Web Plugin Status</h3>
                             config.DefaultUserSettings.navbarEnabled = document.querySelector('#DefaultNavbarEnabled').checked;
                             config.DefaultUserSettings.navbarPosition = document.querySelector('#DefaultNavbarPosition').value || null;
                             config.DefaultUserSettings.mediaBarEnabled = document.querySelector('#DefaultMediaBarEnabled').checked;
+                            config.DefaultUserSettings.mediaBarSourceType = document.querySelector('#DefaultMediaBarSourceType').value || null;
+                            config.DefaultUserSettings.mediaBarShuffleItems = document.querySelector('#DefaultMediaBarShuffleItems').checked;
+                            // Collect selected collection IDs
+                            var collectionCbs = document.querySelectorAll('.adminCollectionCb:checked');
+                            var collectionIds = [];
+                            for (var ci = 0; ci < collectionCbs.length; ci++) {
+                                collectionIds.push(collectionCbs[ci].dataset.id);
+                            }
+                            config.DefaultUserSettings.mediaBarCollectionIds = collectionIds.length > 0 ? collectionIds : null;
+                            // Collect selected library IDs
+                            var libraryCbs = document.querySelectorAll('.adminLibraryCb:checked');
+                            var libraryIds = [];
+                            for (var li = 0; li < libraryCbs.length; li++) {
+                                libraryIds.push(libraryCbs[li].dataset.id);
+                            }
+                            config.DefaultUserSettings.mediaBarLibraryIds = libraryIds.length > 0 ? libraryIds : null;
                             config.DefaultUserSettings.detailsPageEnabled = document.querySelector('#DefaultDetailsPageEnabled').checked;
                             config.DefaultUserSettings.showClock = document.querySelector('#DefaultShowClock').checked;
                             config.DefaultUserSettings.showShuffleButton = document.querySelector('#DefaultShowShuffleButton').checked;
diff --git a/backend/Services/MoonfinSettingsService.cs b/backend/Services/MoonfinSettingsService.cs
index 2ec7143..24dffd8 100644
--- a/backend/Services/MoonfinSettingsService.cs
+++ b/backend/Services/MoonfinSettingsService.cs
@@ -272,13 +272,17 @@ private void ClearLegacyFields(MoonfinUserSettings settings)
         settings.EnableFolderView = null;
         settings.ConfirmExit = null;
         settings.MediaBarEnabled = null;
-        settings.MediaBarContentType = null;
+
         settings.MediaBarItemCount = null;
         settings.MediaBarOpacity = null;
         settings.MediaBarOverlayColor = null;
         settings.MediaBarAutoAdvance = null;
         settings.MediaBarIntervalMs = null;
         settings.MediaBarTrailerPreview = null;
+        settings.MediaBarSourceType = null;
+        settings.MediaBarCollectionIds = null;
+        settings.MediaBarShuffleItems = null;
+        settings.MediaBarLibraryIds = null;
         settings.SeasonalSurprise = null;
         settings.BackdropEnabled = null;
         settings.HomeRowsImageTypeOverride = null;
diff --git a/frontend/src/components/mediabar.js b/frontend/src/components/mediabar.js
index 9ca7911..0ddb175 100644
--- a/frontend/src/components/mediabar.js
+++ b/frontend/src/components/mediabar.js
@@ -37,6 +37,13 @@ var MediaBar = {
         this.setupEventListeners();
         this.initialized = true;
 
+        // Track current content settings to avoid redundant reloads
+        this._lastItemCount = settings.mediaBarItemCount;
+        this._lastSourceType = settings.mediaBarSourceType;
+        this._lastCollectionIds = settings.mediaBarCollectionIds;
+        this._lastShuffleItems = settings.mediaBarShuffleItems;
+        this._lastLibraryIds = settings.mediaBarLibraryIds;
+
         this._loadContentAsync(settings);
     },
 
@@ -140,12 +147,8 @@ var MediaBar = {
     },
 
     async loadContent() {
-        var settings = Storage.getAll();
-        
-        this.items = await API.getRandomItems({
-            contentType: settings.mediaBarContentType,
-            limit: settings.mediaBarItemCount
-        });
+        this.items = await API.getMediaBarItems(Device.getProfileName()) || [];
+        this.currentIndex = 0;
 
         if (this.items.length > 0) {
             this.updateDisplay();
@@ -716,10 +719,16 @@ var MediaBar = {
             this.stopTrailer();
         }
 
-        if (this._lastContentType !== settings.mediaBarContentType || 
-            this._lastItemCount !== settings.mediaBarItemCount) {
-            this._lastContentType = settings.mediaBarContentType;
+        if (this._lastItemCount !== settings.mediaBarItemCount ||
+            this._lastSourceType !== settings.mediaBarSourceType ||
+            this._lastShuffleItems !== settings.mediaBarShuffleItems ||
+            JSON.stringify(this._lastCollectionIds) !== JSON.stringify(settings.mediaBarCollectionIds) ||
+            JSON.stringify(this._lastLibraryIds) !== JSON.stringify(settings.mediaBarLibraryIds)) {
             this._lastItemCount = settings.mediaBarItemCount;
+            this._lastSourceType = settings.mediaBarSourceType;
+            this._lastCollectionIds = settings.mediaBarCollectionIds;
+            this._lastShuffleItems = settings.mediaBarShuffleItems;
+            this._lastLibraryIds = settings.mediaBarLibraryIds;
             this.loadContent();
         }
     },
diff --git a/frontend/src/components/settings.js b/frontend/src/components/settings.js
index 27b94f2..4a7e7d8 100644
--- a/frontend/src/components/settings.js
+++ b/frontend/src/components/settings.js
@@ -3,6 +3,8 @@ var Settings = {
     isOpen: false,
     _toastTimeout: null,
 
+    _esc: function(s) { var d = document.createElement('div'); d.textContent = s; return d.innerHTML; },
+
     show: function() {
         if (this.isOpen) return;
 
@@ -139,11 +141,34 @@ var Settings = {
             this.createToggleCard('detailsPageEnabled', 'Details Page', 'Use the custom Moonfin details page instead of the default Jellyfin one', settings.detailsPageEnabled);
 
         var mediaBarContent =
-            this.createSelectCard('mediaBarContentType', 'Content Type', 'What type of content to show in the media bar', [
-                { value: 'both', label: 'Movies & TV Shows' },
-                { value: 'movies', label: 'Movies Only' },
-                { value: 'tv', label: 'TV Shows Only' }
-            ], settings.mediaBarContentType) +
+            this.createSelectCard('mediaBarSourceType', 'Content Source', 'Where to pull media bar items from', [
+                { value: 'library', label: 'Library (Random)' },
+                { value: 'collection', label: 'Collections / Playlists' }
+            ], settings.mediaBarSourceType) +
+
+            '<div class="moonfin-mediabar-library-options" style="' + (settings.mediaBarSourceType === 'collection' ? 'display:none' : '') + '">' +
+                '<div class="moonfin-select-card">' +
+                    '<div class="moonfin-select-info">' +
+                        '<div class="moonfin-toggle-title">Libraries</div>' +
+                        '<div class="moonfin-toggle-desc">Optionally select which libraries to use. Leave all unchecked to use all libraries.</div>' +
+                    '</div>' +
+                    '<div class="moonfin-library-picker" id="moonfin-library-picker">' +
+                        '<div class="moonfin-collection-picker-loading">Loading...</div>' +
+                    '</div>' +
+                '</div>' +
+            '</div>' +
+            '<div class="moonfin-mediabar-collection-options" style="' + (settings.mediaBarSourceType === 'collection' ? '' : 'display:none') + '">' +
+                '<div class="moonfin-select-card">' +
+                    '<div class="moonfin-select-info">' +
+                        '<div class="moonfin-toggle-title">Collections / Playlists</div>' +
+                        '<div class="moonfin-toggle-desc">Select which collections or playlists to show in the media bar</div>' +
+                    '</div>' +
+                    '<div class="moonfin-collection-picker" id="moonfin-collection-picker">' +
+                        '<div class="moonfin-collection-picker-loading">Loading...</div>' +
+                    '</div>' +
+                '</div>' +
+                this.createToggleCard('mediaBarShuffleItems', 'Shuffle Items', 'Randomize the order of items from selected collections', settings.mediaBarShuffleItems !== false) +
+            '</div>' +
 
             this.createSelectCard('mediaBarItemCount', 'Number of Items', 'How many items to display', [
                 { value: '5', label: '5' },
@@ -443,6 +468,15 @@ var Settings = {
         var tmdbConfig = this.dialog.querySelector('.moonfin-tmdb-config');
         if (tmdbConfig) tmdbConfig.style.display = resolved.tmdbEpisodeRatingsEnabled ? '' : 'none';
 
+        // Toggle media bar source sub-sections
+        var isCollection = resolved.mediaBarSourceType === 'collection';
+        var libraryOpts = this.dialog.querySelector('.moonfin-mediabar-library-options');
+        var collectionOpts = this.dialog.querySelector('.moonfin-mediabar-collection-options');
+        if (libraryOpts) libraryOpts.style.display = isCollection ? 'none' : '';
+        if (collectionOpts) collectionOpts.style.display = isCollection ? '' : 'none';
+        if (isCollection) this.loadCollectionPicker();
+        if (!isCollection) this.loadLibraryPicker();
+
         // Update profile info text
         var infoText = this.dialog.querySelector('.moonfin-profile-info-text');
         if (infoText) {
@@ -679,6 +713,30 @@ var Settings = {
             }
         });
 
+        // Media bar source type toggle
+        var sourceTypeSelect = this.dialog.querySelector('select[name="mediaBarSourceType"]');
+        if (sourceTypeSelect) {
+            sourceTypeSelect.addEventListener('change', function() {
+                var isCollection = sourceTypeSelect.value === 'collection';
+                var libraryOpts = self.dialog.querySelector('.moonfin-mediabar-library-options');
+                var collectionOpts = self.dialog.querySelector('.moonfin-mediabar-collection-options');
+                if (libraryOpts) libraryOpts.style.display = isCollection ? 'none' : '';
+                if (collectionOpts) collectionOpts.style.display = isCollection ? '' : 'none';
+                if (isCollection) {
+                    self.loadCollectionPicker();
+                } else {
+                    self.loadLibraryPicker();
+                }
+            });
+
+            // Load pickers on init based on active source mode
+            if (sourceTypeSelect.value === 'collection') {
+                self.loadCollectionPicker();
+            } else {
+                self.loadLibraryPicker();
+            }
+        }
+
         // MDBList API key - save on input with debounce + on blur
         var mdblistApiKeyInput = this.dialog.querySelector('#moonfin-mdblistApiKey');
         if (mdblistApiKeyInput) {
@@ -939,5 +997,155 @@ var Settings = {
                 submitBtn.textContent = 'Sign In';
             }
         });
+    },
+
+    loadCollectionPicker: function() {
+        var self = this;
+        var picker = this.dialog ? this.dialog.querySelector('#moonfin-collection-picker') : null;
+        if (!picker) return;
+
+        picker.innerHTML = '<div class="moonfin-collection-picker-loading">Loading...</div>';
+
+        API.getCollectionsAndPlaylists().then(function(items) {
+            if (!self.dialog) return;
+            if (!items || items.length === 0) {
+                picker.innerHTML = '<div class="moonfin-toggle-desc">No collections or playlists found on this server.</div>';
+                return;
+            }
+
+            var settings = Storage.getAll();
+            var selectedIds = settings.mediaBarCollectionIds || [];
+            var serverUrl = (window.ApiClient && window.ApiClient.serverAddress ? window.ApiClient.serverAddress() : '') || '';
+            var html = '';
+
+            for (var i = 0; i < items.length; i++) {
+                var item = items[i];
+                var isChecked = selectedIds.indexOf(item.Id) !== -1;
+                var typeBadge = item.Type === 'BoxSet' ? 'Collection' : 'Playlist';
+                var posterUrl = '';
+                if (item.ImageTags && item.ImageTags.Primary) {
+                    posterUrl = serverUrl + '/Items/' + item.Id + '/Images/Primary?maxWidth=60&quality=80&tag=' + item.ImageTags.Primary;
+                }
+
+                html +=
+                    '<label class="moonfin-collection-item' + (isChecked ? ' moonfin-collection-item-active' : '') + '">' +
+                        '<input type="checkbox" data-collection-id="' + item.Id + '"' + (isChecked ? ' checked' : '') + '>' +
+                        (posterUrl ?
+                            '<img class="moonfin-collection-poster" src="' + posterUrl + '" alt="">' :
+                            '<div class="moonfin-collection-poster moonfin-collection-poster-empty"></div>') +
+                        '<div class="moonfin-collection-info">' +
+                            '<div class="moonfin-collection-name">' + Settings._esc(item.Name || 'Untitled') + '</div>' +
+                            '<div class="moonfin-collection-type">' + typeBadge + '</div>' +
+                        '</div>' +
+                    '</label>';
+            }
+
+            picker.innerHTML = html;
+
+            // Event delegation for checkboxes
+            picker.addEventListener('change', function(e) {
+                var cb = e.target;
+                if (!cb.dataset.collectionId) return;
+
+                var currentIds = Storage.get('mediaBarCollectionIds') || [];
+                currentIds = currentIds.slice();
+                var id = cb.dataset.collectionId;
+                var idx = currentIds.indexOf(id);
+
+                if (cb.checked && idx === -1) {
+                    currentIds.push(id);
+                } else if (!cb.checked && idx !== -1) {
+                    currentIds.splice(idx, 1);
+                }
+
+                self.saveSetting('mediaBarCollectionIds', currentIds);
+
+                var label = cb.closest('.moonfin-collection-item');
+                if (label) label.classList.toggle('moonfin-collection-item-active', cb.checked);
+
+                self.showToast(cb.checked ? 'Added to media bar' : 'Removed from media bar');
+            });
+        }).catch(function(e) {
+            console.error('[Moonfin] Failed to load collection picker:', e);
+            picker.innerHTML = '<div class="moonfin-toggle-desc">Failed to load collections.</div>';
+        });
+    },
+
+    loadLibraryPicker: function() {
+        var self = this;
+        var picker = this.dialog ? this.dialog.querySelector('#moonfin-library-picker') : null;
+        if (!picker) return;
+
+        picker.innerHTML = '<div class="moonfin-collection-picker-loading">Loading...</div>';
+
+        API.getUserViews().then(function(views) {
+            if (!self.dialog) return;
+
+            // Filter to media libraries (Movies, TV Shows, Music, etc.)
+            var libraries = [];
+            for (var i = 0; i < views.length; i++) {
+                var ct = views[i].CollectionType;
+                if (ct === 'movies' || ct === 'tvshows' || ct === 'music' || ct === 'mixed') {
+                    libraries.push(views[i]);
+                }
+            }
+
+            if (libraries.length === 0) {
+                picker.innerHTML = '<div class="moonfin-toggle-desc">No media libraries found.</div>';
+                return;
+            }
+
+            var settings = Storage.getAll();
+            var selectedIds = settings.mediaBarLibraryIds || [];
+            var html = '';
+
+            for (var j = 0; j < libraries.length; j++) {
+                var lib = libraries[j];
+                var isChecked = selectedIds.indexOf(lib.Id) !== -1;
+                var typeBadge = (lib.CollectionType || 'library').charAt(0).toUpperCase() +
+                    (lib.CollectionType || 'library').slice(1);
+
+                html +=
+                    '<label class="moonfin-collection-item' + (isChecked ? ' moonfin-collection-item-active' : '') + '">' +
+                        '<input type="checkbox" data-library-id="' + lib.Id + '"' + (isChecked ? ' checked' : '') + '>' +
+                        '<div class="moonfin-collection-poster moonfin-collection-poster-empty" style="display:flex;align-items:center;justify-content:center;font-size:16px;">' +
+                            (lib.CollectionType === 'movies' ? '🎬' : lib.CollectionType === 'tvshows' ? '📺' : lib.CollectionType === 'music' ? '🎵' : '📁') +
+                        '</div>' +
+                        '<div class="moonfin-collection-info">' +
+                            '<div class="moonfin-collection-name">' + Settings._esc(lib.Name || 'Untitled') + '</div>' +
+                            '<div class="moonfin-collection-type">' + typeBadge + '</div>' +
+                        '</div>' +
+                    '</label>';
+            }
+
+            picker.innerHTML = html;
+
+            // Event delegation for library checkboxes
+            picker.addEventListener('change', function(e) {
+                var cb = e.target;
+                if (!cb.dataset.libraryId) return;
+
+                var currentIds = Storage.get('mediaBarLibraryIds') || [];
+                currentIds = currentIds.slice();
+                var id = cb.dataset.libraryId;
+                var idx = currentIds.indexOf(id);
+
+                if (cb.checked && idx === -1) {
+                    currentIds.push(id);
+                } else if (!cb.checked && idx !== -1) {
+                    currentIds.splice(idx, 1);
+                }
+
+                self.saveSetting('mediaBarLibraryIds', currentIds);
+
+                var label = cb.closest('.moonfin-collection-item');
+                if (label) label.classList.toggle('moonfin-collection-item-active', cb.checked);
+
+                self.showToast(cb.checked ? 'Library added' : 'Library removed');
+            });
+        }).catch(function(e) {
+            console.error('[Moonfin] Failed to load library picker:', e);
+            picker.innerHTML = '<div class="moonfin-toggle-desc">Failed to load libraries.</div>';
+        });
     }
 };
diff --git a/frontend/src/styles/settings.css b/frontend/src/styles/settings.css
index a019875..cffe0eb 100644
--- a/frontend/src/styles/settings.css
+++ b/frontend/src/styles/settings.css
@@ -634,3 +634,95 @@
         justify-content: flex-end;
     }
 }
+/* Collection / Playlist Picker */
+.moonfin-mediabar-library-options,
+.moonfin-mediabar-collection-options {
+    margin-bottom: 10px;
+}
+
+.moonfin-collection-picker {
+    max-height: 240px;
+    overflow-y: auto;
+    scrollbar-width: thin;
+    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
+}
+
+.moonfin-collection-picker::-webkit-scrollbar {
+    width: 4px;
+}
+
+.moonfin-collection-picker::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.15);
+    border-radius: 2px;
+}
+
+.moonfin-collection-picker-loading {
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.45);
+    padding: 12px 0;
+}
+
+.moonfin-collection-item {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 8px;
+    border-radius: 6px;
+    cursor: pointer;
+    transition: background 0.15s ease;
+    margin-bottom: 2px;
+}
+
+.moonfin-collection-item:hover {
+    background: rgba(255, 255, 255, 0.06);
+}
+
+.moonfin-collection-item-active {
+    background: rgba(0, 164, 220, 0.1);
+}
+
+.moonfin-collection-item-active:hover {
+    background: rgba(0, 164, 220, 0.15);
+}
+
+.moonfin-collection-item input[type='checkbox'] {
+    width: 16px;
+    height: 16px;
+    accent-color: #00a4dc;
+    cursor: pointer;
+    flex-shrink: 0;
+}
+
+.moonfin-collection-poster {
+    width: 40px;
+    height: 40px;
+    border-radius: 4px;
+    object-fit: cover;
+    flex-shrink: 0;
+    background: rgba(255, 255, 255, 0.08);
+}
+
+.moonfin-collection-poster-empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.moonfin-collection-info {
+    flex: 1;
+    min-width: 0;
+}
+
+.moonfin-collection-name {
+    font-size: 13px;
+    color: rgba(255, 255, 255, 0.9);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.moonfin-collection-type {
+    font-size: 11px;
+    color: rgba(255, 255, 255, 0.4);
+    margin-top: 1px;
+}
diff --git a/frontend/src/utils/api.js b/frontend/src/utils/api.js
index fb6093b..1a2b066 100644
--- a/frontend/src/utils/api.js
+++ b/frontend/src/utils/api.js
@@ -42,28 +42,46 @@ const API = {
         }
     },
 
+    async getMediaBarItems(profile) {
+        const api = this.getApiClient();
+        if (!api) return null;
+
+        try {
+            const serverUrl = api.serverAddress?.() || '';
+            const token = api.accessToken?.();
+            const headers = token ? { Authorization: 'MediaBrowser Token="' + token + '"' } : {};
+
+            const profileParam = profile || 'global';
+            const response = await fetch(
+                serverUrl + '/Moonfin/MediaBar?profile=' + encodeURIComponent(profileParam),
+                { method: 'GET', headers: headers }
+            );
+
+            if (response.ok) {
+                const data = await response.json();
+                return data.Items || data.items || [];
+            }
+
+            return null;
+        } catch (e) {
+            console.warn('[Moonfin] MediaBar endpoint not available, falling back:', e);
+            return null;
+        }
+    },
+
     async getRandomItems(options = {}) {
         const api = this.getApiClient();
         if (!api) return [];
 
-        const { contentType = 'both', limit = 10 } = options;
+        const { limit = 10, libraryIds = [] } = options;
 
         try {
             const userId = api.getCurrentUserId();
-            
-            let includeItemTypes = [];
-            if (contentType === 'movies' || contentType === 'both') {
-                includeItemTypes.push('Movie');
-            }
-            if (contentType === 'tv' || contentType === 'both') {
-                includeItemTypes.push('Series');
-            }
 
-            const params = {
+            const baseParams = {
                 userId: userId,
-                includeItemTypes: includeItemTypes.join(','),
+                includeItemTypes: 'Movie,Series',
                 sortBy: 'Random',
-                limit: limit,
                 recursive: true,
                 hasThemeSong: false,
                 hasThemeVideo: false,
@@ -72,7 +90,40 @@ const API = {
                 enableImageTypes: 'Backdrop,Logo,Primary'
             };
 
-            const result = await api.getItems(userId, params);
+            // When specific libraries are selected, query each and merge
+            if (libraryIds && libraryIds.length > 0) {
+                var allItems = [];
+                var seenIds = {};
+
+                for (var i = 0; i < libraryIds.length; i++) {
+                    var params = Object.assign({}, baseParams, {
+                        parentId: libraryIds[i],
+                        limit: limit
+                    });
+                    var libResult = await api.getItems(userId, params);
+                    var items = libResult.Items || [];
+                    for (var j = 0; j < items.length; j++) {
+                        if (!seenIds[items[j].Id]) {
+                            seenIds[items[j].Id] = true;
+                            allItems.push(items[j]);
+                        }
+                    }
+                }
+
+                // Shuffle the merged results
+                for (var k = allItems.length - 1; k > 0; k--) {
+                    var r = Math.floor(Math.random() * (k + 1));
+                    var temp = allItems[k];
+                    allItems[k] = allItems[r];
+                    allItems[r] = temp;
+                }
+
+                return allItems.slice(0, limit);
+            }
+
+            // Default: all libraries
+            baseParams.limit = limit;
+            const result = await api.getItems(userId, baseParams);
             return result.Items || [];
         } catch (e) {
             console.error('[Moonfin] Failed to get random items:', e);
@@ -80,6 +131,77 @@ const API = {
         }
     },
 
+    async getCollectionsAndPlaylists() {
+        const api = this.getApiClient();
+        if (!api) return [];
+
+        try {
+            const userId = api.getCurrentUserId();
+            const result = await api.getItems(userId, {
+                userId: userId,
+                includeItemTypes: 'BoxSet,Playlist',
+                sortBy: 'SortName',
+                sortOrder: 'Ascending',
+                recursive: true,
+                fields: 'PrimaryImageAspectRatio',
+                imageTypeLimit: 1,
+                enableImageTypes: 'Primary'
+            });
+            return result.Items || [];
+        } catch (e) {
+            console.error('[Moonfin] Failed to get collections/playlists:', e);
+            return [];
+        }
+    },
+
+    async getCollectionItems(collectionIds, options = {}) {
+        const api = this.getApiClient();
+        if (!api || !collectionIds || collectionIds.length === 0) return [];
+
+        const { limit = 10, shuffle = true } = options;
+
+        try {
+            const userId = api.getCurrentUserId();
+            const allItems = [];
+            const seenIds = {};
+
+            for (var i = 0; i < collectionIds.length; i++) {
+                const result = await api.getItems(userId, {
+                    userId: userId,
+                    parentId: collectionIds[i],
+                    sortBy: shuffle ? 'Random' : 'SortName',
+                    recursive: true,
+                    fields: 'Overview,Genres,CommunityRating,CriticRating,OfficialRating,RunTimeTicks,ProductionYear,ProviderIds',
+                    imageTypeLimit: 1,
+                    enableImageTypes: 'Backdrop,Logo,Primary'
+                });
+
+                var items = result.Items || [];
+                for (var j = 0; j < items.length; j++) {
+                    if (!seenIds[items[j].Id]) {
+                        seenIds[items[j].Id] = true;
+                        allItems.push(items[j]);
+                    }
+                }
+            }
+
+            // Shuffle merged results if requested
+            if (shuffle) {
+                for (var k = allItems.length - 1; k > 0; k--) {
+                    var r = Math.floor(Math.random() * (k + 1));
+                    var temp = allItems[k];
+                    allItems[k] = allItems[r];
+                    allItems[r] = temp;
+                }
+            }
+
+            return allItems.slice(0, limit);
+        } catch (e) {
+            console.error('[Moonfin] Failed to get collection items:', e);
+            return [];
+        }
+    },
+
     async getItemTrailers(itemId) {
         const api = this.getApiClient();
         if (!api || !itemId) return [];
diff --git a/frontend/src/utils/storage.js b/frontend/src/utils/storage.js
index c7beb4a..e90fcdd 100644
--- a/frontend/src/utils/storage.js
+++ b/frontend/src/utils/storage.js
@@ -20,13 +20,16 @@ const Storage = {
         detailsPageEnabled: false,
 
         mediaBarEnabled: false,
-        mediaBarContentType: 'both',
         mediaBarItemCount: 10,
         mediaBarOverlayOpacity: 50,
         mediaBarOverlayColor: 'gray',
         mediaBarAutoAdvance: true,
         mediaBarIntervalMs: 7000,
         mediaBarTrailerPreview: true,
+        mediaBarSourceType: 'library',
+        mediaBarCollectionIds: [],
+        mediaBarShuffleItems: true,
+        mediaBarLibraryIds: [],
 
         showShuffleButton: true,
         showGenresButton: true,
@@ -102,12 +105,16 @@ const Storage = {
             profiles[profileName] = settings;
             localStorage.setItem(this.PROFILES_KEY, JSON.stringify(profiles));
 
-            // Dispatch change event with resolved settings for current device
-            const resolved = this.getAll();
-            window.dispatchEvent(new CustomEvent('moonfin-settings-changed', { detail: resolved }));
+            const dispatchChange = () => {
+                window.dispatchEvent(new CustomEvent('moonfin-settings-changed', { detail: this.getAll() }));
+            };
 
             if (syncToServer && this.syncState.serverAvailable && this.isSyncEnabled()) {
-                this.saveProfileToServer(profileName, settings);
+                // Dispatch after server sync so components re-fetching from the
+                // server (e.g. MediaBar) get up-to-date data
+                this.saveProfileToServer(profileName, settings).then(dispatchChange);
+            } else {
+                dispatchChange();
             }
         } catch (e) {
             console.error('[Moonfin] Failed to save profile:', e);
@@ -431,13 +438,16 @@ const Storage = {
             navbarEnabled: 'navbarEnabled',
             detailsPageEnabled: 'detailsPageEnabled',
             mediaBarEnabled: 'mediaBarEnabled',
-            mediaBarContentType: 'mediaBarContentType',
             mediaBarItemCount: 'mediaBarItemCount',
             mediaBarOverlayOpacity: 'mediaBarOpacity',
             mediaBarOverlayColor: 'mediaBarOverlayColor',
             mediaBarAutoAdvance: 'mediaBarAutoAdvance',
             mediaBarIntervalMs: 'mediaBarIntervalMs',
             mediaBarTrailerPreview: 'mediaBarTrailerPreview',
+            mediaBarSourceType: 'mediaBarSourceType',
+            mediaBarCollectionIds: 'mediaBarCollectionIds',
+            mediaBarShuffleItems: 'mediaBarShuffleItems',
+            mediaBarLibraryIds: 'mediaBarLibraryIds',
             showShuffleButton: 'showShuffleButton',
             showGenresButton: 'showGenresButton',
             showFavoritesButton: 'showFavoritesButton',
@@ -477,13 +487,16 @@ const Storage = {
             navbarEnabled: localProfile.navbarEnabled,
             detailsPageEnabled: localProfile.detailsPageEnabled,
             mediaBarEnabled: localProfile.mediaBarEnabled,
-            mediaBarContentType: localProfile.mediaBarContentType,
             mediaBarItemCount: localProfile.mediaBarItemCount,
             mediaBarOpacity: localProfile.mediaBarOverlayOpacity,
             mediaBarOverlayColor: localProfile.mediaBarOverlayColor,
             mediaBarAutoAdvance: localProfile.mediaBarAutoAdvance,
             mediaBarIntervalMs: localProfile.mediaBarIntervalMs,
             mediaBarTrailerPreview: localProfile.mediaBarTrailerPreview,
+            mediaBarSourceType: localProfile.mediaBarSourceType,
+            mediaBarCollectionIds: localProfile.mediaBarCollectionIds,
+            mediaBarShuffleItems: localProfile.mediaBarShuffleItems,
+            mediaBarLibraryIds: localProfile.mediaBarLibraryIds,
             showShuffleButton: localProfile.showShuffleButton,
             showGenresButton: localProfile.showGenresButton,
             showFavoritesButton: localProfile.showFavoritesButton,