>;
t: TFunction;
+ actionPolicy?: OfflineActionPolicy;
}
/**
@@ -31,7 +33,9 @@ export function AlbumDetailToolbar({
showPlPicker,
setShowPlPicker,
t,
+ actionPolicy,
}: Props) {
+ const policy = actionPolicy ?? offlineActionPolicy('albumDetail', false);
return (
@@ -59,22 +63,24 @@ export function AlbumDetailToolbar({
{t('common.bulkSelected', { count: selectedCount })}
-
-
- {showPlPicker && (
-
{ setShowPlPicker(false); useSelectionStore.getState().clearAll(); }}
- dropDown
- />
- )}
-
+ {policy.canAddToPlaylist && (
+
+
+ {showPlPicker && (
+
{ setShowPlPicker(false); useSelectionStore.getState().clearAll(); }}
+ dropDown
+ />
+ )}
+
+ )}
@@ -168,15 +172,17 @@ export default function ArtistDetailHero({
)}
-
+ {policy.canFavorite && (
+
+ )}
@@ -222,7 +228,7 @@ export default function ArtistDetailHero({
)}
- {albums.length > 0 && (
+ {policy.canCacheDiscography && albums.length > 0 && (
handleAction(async () => {
- const albumData = await getAlbum(album.id);
+ const serverId = resolveMediaServerId(album.serverId);
+ if (!serverId) return;
+ const albumData = await resolveAlbum(serverId, album.id);
+ if (!albumData) return;
const tracks = albumData.songs.map(songToTrack);
if (tracks.length === 0) return;
playNext(tracks);
@@ -48,7 +51,10 @@ export default function AlbumContextItems(props: ContextMenuItemsProps) {
{t('contextMenu.playNext')}
handleAction(async () => {
- const albumData = await getAlbum(album.id);
+ const serverId = resolveMediaServerId(album.serverId);
+ if (!serverId) return;
+ const albumData = await resolveAlbum(serverId, album.id);
+ if (!albumData) return;
enqueue(albumData.songs.map(songToTrack));
})}>
{t('contextMenu.enqueueAlbum')}
@@ -57,58 +63,66 @@ export default function AlbumContextItems(props: ContextMenuItemsProps) {
handleAction(() => goLibrary(`/artist/${album.artistId}`))}>
{t('contextMenu.goToArtist')}
-
handleAction(() => {
- const starred = isStarred(album.id, album.starred);
- setStarredOverride(album.id, !starred);
- const meta = {
- serverId: album.serverId,
- name: album.name,
- artist: album.artist,
- artistId: album.artistId,
- coverArtId: album.coverArt,
- year: album.year,
- };
- return starred ? unstar(album.id, 'album', meta) : star(album.id, 'album', meta);
- })}>
-
- {isStarred(album.id, album.starred) ? t('contextMenu.unfavoriteAlbum') : t('contextMenu.favoriteAlbum')}
-
-
e.stopPropagation()}
- >
-
- { setKeyboardRating({ kind: 'album', id: album.id, value: r }); applyAlbumRating(album, r); }}
- />
-
+ {offlinePolicy.canFavorite && (
+
handleAction(() => {
+ const starred = isStarred(album.id, album.starred);
+ setStarredOverride(album.id, !starred);
+ const meta = {
+ serverId: album.serverId,
+ name: album.name,
+ artist: album.artist,
+ artistId: album.artistId,
+ coverArtId: album.coverArt,
+ year: album.year,
+ };
+ return starred ? unstar(album.id, 'album', meta) : star(album.id, 'album', meta);
+ })}>
+
+ {isStarred(album.id, album.starred) ? t('contextMenu.unfavoriteAlbum') : t('contextMenu.favoriteAlbum')}
+
+ )}
+ {offlinePolicy.canRate && (
+
e.stopPropagation()}
+ >
+
+ { setKeyboardRating({ kind: 'album', id: album.id, value: r }); applyAlbumRating(album, r); }}
+ />
+
+ )}
handleAction(() => copyShareLink('album', album.id))}>
{t('contextMenu.shareLink')}
-
handleAction(() => downloadAlbum(album.name, album.id))}>
- {t('contextMenu.download')}
-
-
{ cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([`album:${album.id}`]); setPlaylistSubmenuOpen(true); }}
- onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
- >
-
{t('contextMenu.addToPlaylist')}
-
- {playlistSubmenuOpen && playlistSongIds[0] === `album:${album.id}` && (
-
{ setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
- )}
-
+ {offlinePolicy.canDownload && (
+
handleAction(() => downloadAlbum(album.name, album.id))}>
+ {t('contextMenu.download')}
+
+ )}
+ {offlinePolicy.canAddToPlaylist && (
+
{ cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([`album:${album.id}`]); setPlaylistSubmenuOpen(true); }}
+ onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
+ >
+
{t('contextMenu.addToPlaylist')}
+
+ {playlistSubmenuOpen && playlistSongIds[0] === `album:${album.id}` && (
+
{ setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
+ )}
+
+ )}
);
})()}
@@ -131,47 +145,56 @@ export default function AlbumContextItems(props: ContextMenuItemsProps) {
handleAction(async () => {
- // Parallel — Navidrome handles concurrent getAlbum requests fine.
- const results = await Promise.all(albums.map(a => getAlbum(a.id)));
- const allTracks = results.flatMap(r => r.songs.map(songToTrack));
+ const results = await Promise.all(albums.map(async a => {
+ const serverId = resolveMediaServerId(a.serverId);
+ if (!serverId) return null;
+ return resolveAlbum(serverId, a.id);
+ }));
+ const allTracks = results
+ .filter((r): r is NonNullable => r != null)
+ .flatMap(r => r.songs.map(songToTrack));
enqueue(allTracks);
})}>
{t('contextMenu.enqueueAlbums', { count: albums.length })}
- { cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([`multi-album:${albumIds.join(',')}`]); setPlaylistSubmenuOpen(true); }}
- onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
- >
- {t('contextMenu.addToPlaylist')}
-
- {playlistSubmenuOpen && playlistSongIds[0] === `multi-album:${albumIds.join(',')}` && (
- { setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
- )}
-
- e.stopPropagation()}
- >
-
- {
- setKeyboardRating({ kind: 'album', id: multiAlbumRatingId, value: r });
- for (const a of albums) applyAlbumRating(a, r);
- }}
- />
-
+ {offlinePolicy.canAddToPlaylist && (
+ { cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([`multi-album:${albumIds.join(',')}`]); setPlaylistSubmenuOpen(true); }}
+ onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
+ >
+ {t('contextMenu.addToPlaylist')}
+
+ {playlistSubmenuOpen && playlistSongIds[0] === `multi-album:${albumIds.join(',')}` && (
+ { setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
+ )}
+
+ )}
+ {offlinePolicy.canRate && (
+ e.stopPropagation()}
+ >
+
+ {
+ setKeyboardRating({ kind: 'album', id: multiAlbumRatingId, value: r });
+ for (const a of albums) applyAlbumRating(a, r);
+ }}
+ />
+
+ )}
);
})()}
diff --git a/src/components/contextMenu/ArtistContextItems.tsx b/src/components/contextMenu/ArtistContextItems.tsx
index cf783467..c12b86b8 100644
--- a/src/components/contextMenu/ArtistContextItems.tsx
+++ b/src/components/contextMenu/ArtistContextItems.tsx
@@ -20,6 +20,7 @@ export default function ArtistContextItems(props: ContextMenuItemsProps) {
orbitRole, entityRatingSupport, audiomuseNavidromeEnabled,
applySongRating, applyAlbumRating, applyArtistRating,
handleAction, startRadio, startInstantMix, downloadAlbum, copyShareLink, isStarred,
+ offlinePolicy,
} = props;
const { t } = useTranslation();
const auth = useAuthStore();
@@ -35,54 +36,64 @@ export default function ArtistContextItems(props: ContextMenuItemsProps) {
handleAction(() => startRadio(artist.id, artist.name))}>
{t('contextMenu.startRadio')}
- { cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([`artist:${artist.id}`]); setPlaylistSubmenuOpen(true); }}
- onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
- >
-
{t('contextMenu.addToPlaylist')}
-
- {playlistSubmenuOpen && playlistSongIds[0] === `artist:${artist.id}` && (
-
{ setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
- )}
- { cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([`artist:${artist.id}`]); setPlaylistSubmenuOpen(true); }}
+ onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
+ >
+
{t('contextMenu.addToPlaylist')}
+
+ {playlistSubmenuOpen && playlistSongIds[0] === `artist:${artist.id}` && (
+
{ setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
+ )}
+ handleAction(() => copyShareLink(shareKindOverride ?? 'artist', artist.id))}>
{t('contextMenu.shareLink')}
-
- handleAction(() => {
- const starred = isStarred(artist.id, artist.starred);
- setStarredOverride(artist.id, !starred);
- const meta = {
- serverId: artist.serverId,
- name: artist.name,
- albumCount: artist.albumCount,
- };
- return starred
- ? unstar(artist.id, 'artist', meta)
- : star(artist.id, 'artist', meta);
- })}>
-
- {isStarred(artist.id, artist.starred) ? t('contextMenu.unfavoriteArtist') : t('contextMenu.favoriteArtist')}
-
- e.stopPropagation()}
- >
-
- { setKeyboardRating({ kind: 'artist', id: artist.id, value: r }); applyArtistRating(artist, r); }}
- />
-
+ {(offlinePolicy.canFavorite || offlinePolicy.canRate) && (
+ <>
+
+ {offlinePolicy.canFavorite && (
+ handleAction(() => {
+ const starred = isStarred(artist.id, artist.starred);
+ setStarredOverride(artist.id, !starred);
+ const meta = {
+ serverId: artist.serverId,
+ name: artist.name,
+ albumCount: artist.albumCount,
+ };
+ return starred
+ ? unstar(artist.id, 'artist', meta)
+ : star(artist.id, 'artist', meta);
+ })}>
+
+ {isStarred(artist.id, artist.starred) ? t('contextMenu.unfavoriteArtist') : t('contextMenu.favoriteArtist')}
+
+ )}
+ {offlinePolicy.canRate && (
+ e.stopPropagation()}
+ >
+
+ { setKeyboardRating({ kind: 'artist', id: artist.id, value: r }); applyArtistRating(artist, r); }}
+ />
+
+ )}
+
+ )}
);
})()}
@@ -104,40 +115,44 @@ export default function ArtistContextItems(props: ContextMenuItemsProps) {
{t('contextMenu.selectedArtists', { count: artists.length })}
- { cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([`multi-artist:${artistIds.join(',')}`]); setPlaylistSubmenuOpen(true); }}
- onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
- >
- {t('contextMenu.addToPlaylist')}
-
- {playlistSubmenuOpen && playlistSongIds[0] === `multi-artist:${artistIds.join(',')}` && (
- { setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
- )}
-
- e.stopPropagation()}
- >
-
- {
- setKeyboardRating({ kind: 'artist', id: multiArtistRatingId, value: r });
- for (const a of artists) applyArtistRating(a, r);
- }}
- />
-
+ {offlinePolicy.canAddToPlaylist && (
+ { cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([`multi-artist:${artistIds.join(',')}`]); setPlaylistSubmenuOpen(true); }}
+ onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
+ >
+ {t('contextMenu.addToPlaylist')}
+
+ {playlistSubmenuOpen && playlistSongIds[0] === `multi-artist:${artistIds.join(',')}` && (
+ { setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
+ )}
+
+ )}
+ {offlinePolicy.canRate && (
+ e.stopPropagation()}
+ >
+
+ {
+ setKeyboardRating({ kind: 'artist', id: multiArtistRatingId, value: r });
+ for (const a of artists) applyArtistRating(a, r);
+ }}
+ />
+
+ )}
);
})()}
diff --git a/src/components/contextMenu/MultiAlbumToPlaylistSubmenu.tsx b/src/components/contextMenu/MultiAlbumToPlaylistSubmenu.tsx
index 4b812e94..6c7330e7 100644
--- a/src/components/contextMenu/MultiAlbumToPlaylistSubmenu.tsx
+++ b/src/components/contextMenu/MultiAlbumToPlaylistSubmenu.tsx
@@ -1,7 +1,7 @@
import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { ListMusic, Plus } from 'lucide-react';
-import { getAlbum } from '../../api/subsonicLibrary';
+import { resolveAlbum, resolveMediaServerId, resolvePlaylist } from '../../utils/offline/offlineMediaResolve';
import type { SubsonicPlaylist } from '../../api/subsonicTypes';
import { usePlaylistStore } from '../../store/playlistStore';
import { showToast } from '../../utils/ui/toast';
@@ -26,7 +26,10 @@ export function MultiAlbumToPlaylistSubmenu({ albumIds, onDone, triggerId: _trig
setTotalAlbums(albumIds.length);
const loadingTimeout = setTimeout(() => setShowLoading(true), 300);
(async () => {
- const albumSongs = await Promise.all(albumIds.map(id => getAlbum(id).then(r => r.songs).catch(() => [])));
+ const serverId = resolveMediaServerId();
+ const albumSongs = serverId
+ ? await Promise.all(albumIds.map(id => resolveAlbum(serverId, id).then(r => r?.songs ?? []).catch(() => [])))
+ : [];
const allSongs = albumSongs.flat();
setResolvedIds(allSongs.map(s => s.id));
})().catch(() => setResolvedIds([]));
@@ -34,11 +37,15 @@ export function MultiAlbumToPlaylistSubmenu({ albumIds, onDone, triggerId: _trig
}, [albumIds]);
const handleAddWithToast = async (pl: SubsonicPlaylist, songIds: string[]) => {
- const { getPlaylist, updatePlaylist } = await import('../../api/subsonicPlaylists');
+ const { updatePlaylist } = await import('../../api/subsonicPlaylists');
const touchPlaylist = usePlaylistStore.getState().touchPlaylist;
try {
- const { songs: existingSongs } = await getPlaylist(pl.id);
+ const serverId = resolveMediaServerId();
+ if (!serverId) return;
+ const resolved = await resolvePlaylist(serverId, pl.id);
+ if (!resolved) return;
+ const { songs: existingSongs } = resolved;
const existingIds = new Set(existingSongs.map((s) => s.id));
const newIds: string[] = [];
diff --git a/src/components/contextMenu/MultiArtistToPlaylistSubmenu.tsx b/src/components/contextMenu/MultiArtistToPlaylistSubmenu.tsx
index 931e1690..14778606 100644
--- a/src/components/contextMenu/MultiArtistToPlaylistSubmenu.tsx
+++ b/src/components/contextMenu/MultiArtistToPlaylistSubmenu.tsx
@@ -1,8 +1,7 @@
import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { ListMusic, Plus } from 'lucide-react';
-import { getAlbum } from '../../api/subsonicLibrary';
-import { getArtist } from '../../api/subsonicArtists';
+import { resolveAlbum, resolveArtist, resolveMediaServerId, resolvePlaylist } from '../../utils/offline/offlineMediaResolve';
import { getPlaylists } from '../../api/subsonicPlaylists';
import type { SubsonicPlaylist } from '../../api/subsonicTypes';
import { usePlaylistStore } from '../../store/playlistStore';
@@ -29,10 +28,18 @@ export function MultiArtistToPlaylistSubmenu({ artistIds, onDone, triggerId: _tr
const loadingTimeout = setTimeout(() => setShowLoading(true), 300);
(async () => {
const allSongs: string[] = [];
+ const serverId = resolveMediaServerId();
+ if (!serverId) {
+ setResolvedIds([]);
+ return;
+ }
for (const artistId of artistIds) {
try {
- const { albums } = await getArtist(artistId);
- const albumSongs = await Promise.all(albums.map(a => getAlbum(a.id).then(r => r.songs).catch(() => [])));
+ const artistData = await resolveArtist(serverId, artistId);
+ if (!artistData) continue;
+ const albumSongs = await Promise.all(
+ artistData.albums.map(a => resolveAlbum(serverId, a.id).then(r => r?.songs ?? []).catch(() => [])),
+ );
allSongs.push(...albumSongs.flat().map(s => s.id));
} catch {
// Skip failed artists
@@ -44,11 +51,15 @@ export function MultiArtistToPlaylistSubmenu({ artistIds, onDone, triggerId: _tr
}, [artistIds]);
const handleAddWithToast = async (pl: SubsonicPlaylist, songIds: string[]) => {
- const { getPlaylist, updatePlaylist } = await import('../../api/subsonicPlaylists');
+ const { updatePlaylist } = await import('../../api/subsonicPlaylists');
const touchPlaylist = usePlaylistStore.getState().touchPlaylist;
try {
- const { songs: existingSongs } = await getPlaylist(pl.id);
+ const serverId = resolveMediaServerId();
+ if (!serverId) return;
+ const resolved = await resolvePlaylist(serverId, pl.id);
+ if (!resolved) return;
+ const { songs: existingSongs } = resolved;
const existingIds = new Set(existingSongs.map((s) => s.id));
const newIds: string[] = [];
diff --git a/src/components/contextMenu/PlaylistContextItems.tsx b/src/components/contextMenu/PlaylistContextItems.tsx
index 727d2cc0..25683996 100644
--- a/src/components/contextMenu/PlaylistContextItems.tsx
+++ b/src/components/contextMenu/PlaylistContextItems.tsx
@@ -18,6 +18,7 @@ export default function PlaylistContextItems(props: ContextMenuItemsProps) {
orbitRole, entityRatingSupport, audiomuseNavidromeEnabled,
applySongRating, applyAlbumRating, applyArtistRating,
handleAction, startRadio, startInstantMix, downloadAlbum, copyShareLink, isStarred,
+ offlinePolicy,
} = props;
const { t } = useTranslation();
const auth = useAuthStore();
@@ -33,18 +34,22 @@ export default function PlaylistContextItems(props: ContextMenuItemsProps) {
{t('contextMenu.playNow')}
- { cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([`playlist:${playlist.id}`]); setPlaylistSubmenuOpen(true); }}
- onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
- >
- {t('contextMenu.addToPlaylist')}
-
- {playlistSubmenuOpen && playlistSongIds[0] === `playlist:${playlist.id}` && (
- { setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
- )}
-
+ {offlinePolicy.canAddToPlaylist && (
+ { cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([`playlist:${playlist.id}`]); setPlaylistSubmenuOpen(true); }}
+ onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
+ >
+ {t('contextMenu.addToPlaylist')}
+
+ {playlistSubmenuOpen && playlistSongIds[0] === `playlist:${playlist.id}` && (
+ { setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
+ )}
+
+ )}
+ {offlinePolicy.canEditPlaylist && (
+ <>
handleAction(async () => {
const { showToast } = await import('../../utils/ui/toast');
@@ -64,6 +69,8 @@ export default function PlaylistContextItems(props: ContextMenuItemsProps) {
})}>
{t('playlists.deletePlaylist')}
+
+ )}
);
})()}
@@ -77,18 +84,21 @@ export default function PlaylistContextItems(props: ContextMenuItemsProps) {
{t('contextMenu.selectedPlaylists', { count: selectedPlaylists.length })}
- { cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([`multi-playlist:${playlistIds.join(',')}`]); setPlaylistSubmenuOpen(true); }}
- onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
- >
- {t('contextMenu.addToPlaylist')}
-
- {playlistSubmenuOpen && playlistSongIds[0] === `multi-playlist:${playlistIds.join(',')}` && (
- { setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
- )}
-
+ {offlinePolicy.canAddToPlaylist && (
+ { cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([`multi-playlist:${playlistIds.join(',')}`]); setPlaylistSubmenuOpen(true); }}
+ onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
+ >
+ {t('contextMenu.addToPlaylist')}
+
+ {playlistSubmenuOpen && playlistSongIds[0] === `multi-playlist:${playlistIds.join(',')}` && (
+ { setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
+ )}
+
+ )}
+ {offlinePolicy.canEditPlaylist && (
handleAction(async () => {
const { showToast } = await import('../../utils/ui/toast');
const { deletePlaylist } = await import('../../api/subsonicPlaylists');
@@ -113,6 +123,7 @@ export default function PlaylistContextItems(props: ContextMenuItemsProps) {
})}>
{t('playlists.deleteSelected')}
+ )}
);
})()}
diff --git a/src/components/contextMenu/SongContextItems.tsx b/src/components/contextMenu/SongContextItems.tsx
index 2aca22eb..efb5784b 100644
--- a/src/components/contextMenu/SongContextItems.tsx
+++ b/src/components/contextMenu/SongContextItems.tsx
@@ -2,7 +2,7 @@ import { useTranslation } from 'react-i18next';
import { Play, ListPlus, Radio, Heart, ChevronRight, ChevronsRight, User, Disc3, ListMusic, Info, Sparkles, Star, Trash2, HeartCrack, Share2, Orbit as OrbitIcon } from 'lucide-react';
import { useNavigateToAlbum } from '../../hooks/useNavigateToAlbum';
import { useNavigateToArtist } from '../../hooks/useNavigateToArtist';
-import { getAlbum } from '../../api/subsonicLibrary';
+import { resolveAlbum, resolveMediaServerId, resolvePlaylist } from '../../utils/offline/offlineMediaResolve';
import { queueSongStar } from '../../store/pendingStarSync';
import { lastfmLoveTrack, lastfmUnloveTrack } from '../../api/lastfm';
import type { Track } from '../../store/playerStoreTypes';
@@ -27,6 +27,7 @@ export default function SongContextItems(props: ContextMenuItemsProps) {
orbitRole, entityRatingSupport, audiomuseNavidromeEnabled,
applySongRating, applyAlbumRating, applyArtistRating,
handleAction, startRadio, startInstantMix, downloadAlbum, copyShareLink, isStarred,
+ offlinePolicy,
} = props;
const { t } = useTranslation();
const auth = useAuthStore();
@@ -80,21 +81,26 @@ export default function SongContextItems(props: ContextMenuItemsProps) {
{t('orbit.ctxAddToSessionHost')}
)}
- { cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([song.id]); setPlaylistSubmenuOpen(true); }}
- onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
- >
-
{t('contextMenu.addToPlaylist')}
-
- {playlistSubmenuOpen && playlistSongIds[0] === song.id && (
-
{ setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
- )}
- { cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([song.id]); setPlaylistSubmenuOpen(true); }}
+ onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
+ >
+
{t('contextMenu.addToPlaylist')}
+
+ {playlistSubmenuOpen && playlistSongIds[0] === song.id && (
+
{ setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
+ )}
+ handleAction(async () => {
- const albumData = await getAlbum(song.albumId);
+ const serverId = resolveMediaServerId(song.serverId);
+ if (!serverId || !song.albumId) return;
+ const albumData = await resolveAlbum(serverId, song.albumId);
+ if (!albumData) return;
const tracks = albumData.songs.map(songToTrack);
enqueue(tracks);
})}>
@@ -120,12 +126,14 @@ export default function SongContextItems(props: ContextMenuItemsProps) {
{t('contextMenu.instantMix')}
)}
- handleAction(() => {
- queueSongStar(song.id, !isStarred(song.id, song.starred), song.serverId);
- })}>
-
- {isStarred(song.id, song.starred) ? t('contextMenu.unfavorite') : t('contextMenu.favorite')}
-
+ {offlinePolicy.canFavorite && (
+ handleAction(() => {
+ queueSongStar(song.id, !isStarred(song.id, song.starred), song.serverId);
+ })}>
+
+ {isStarred(song.id, song.starred) ? t('contextMenu.unfavorite') : t('contextMenu.favorite')}
+
+ )}
{auth.lastfmSessionKey && (() => {
const loveKey = `${song.title}::${song.artist}`;
const loved = lastfmLovedCache[loveKey] ?? false;
@@ -141,22 +149,24 @@ export default function SongContextItems(props: ContextMenuItemsProps) {
);
})()}
- e.stopPropagation()}
- >
-
- { setKeyboardRating({ kind: 'song', id: song.id, value: r }); applySongRating(song.id, r); }}
- ariaLabel={t('albumDetail.ratingLabel')}
- />
-
+ {offlinePolicy.canRate && (
+ e.stopPropagation()}
+ >
+
+ { setKeyboardRating({ kind: 'song', id: song.id, value: r }); applySongRating(song.id, r); }}
+ ariaLabel={t('albumDetail.ratingLabel')}
+ />
+
+ )}
handleAction(() => copyShareLink('track', song.id))}>
{t('contextMenu.shareLink')}
@@ -164,13 +174,17 @@ export default function SongContextItems(props: ContextMenuItemsProps) {
handleAction(() => openSongInfo(song.id))}>
{t('contextMenu.songInfo')}
- {playlistId && playlistSongIndex !== undefined && (
+ {offlinePolicy.canEditPlaylist && playlistId && playlistSongIndex !== undefined && (
handleAction(async () => {
- const { getPlaylist, updatePlaylist } = await import('../../api/subsonicPlaylists');
+ const { updatePlaylist } = await import('../../api/subsonicPlaylists');
const { showToast } = await import('../../utils/ui/toast');
const touchPlaylist = usePlaylistStore.getState().touchPlaylist;
try {
- const { songs } = await getPlaylist(playlistId);
+ const serverId = resolveMediaServerId();
+ if (!serverId) return;
+ const resolved = await resolvePlaylist(serverId, playlistId);
+ if (!resolved) return;
+ const { songs } = resolved;
const prevCount = songs.length;
const updatedIds = songs.filter((_, i) => i !== playlistSongIndex).map(s => s.id);
await updatePlaylist(playlistId, updatedIds, prevCount);
@@ -232,18 +246,20 @@ export default function SongContextItems(props: ContextMenuItemsProps) {
{t('orbit.ctxAddToSessionHost')}
)}
-
{ cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([song.id]); setPlaylistSubmenuOpen(true); }}
- onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
- >
-
{t('contextMenu.addToPlaylist')}
-
- {playlistSubmenuOpen && playlistSongIds[0] === song.id && (
-
{ setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
- )}
-
+ {offlinePolicy.canAddToPlaylist && (
+
{ cancelPlaylistSubmenuCloseTimer(); setPlaylistSongIds([song.id]); setPlaylistSubmenuOpen(true); }}
+ onMouseLeave={onPlaylistSubmenuTriggerMouseLeave}
+ >
+
{t('contextMenu.addToPlaylist')}
+
+ {playlistSubmenuOpen && playlistSongIds[0] === song.id && (
+
{ setPlaylistSubmenuOpen(false); closeContextMenu(); }} />
+ )}
+
+ )}
{song.albumId && (
handleAction(() => navigateToAlbum(song.albumId!))}>
@@ -278,22 +294,24 @@ export default function SongContextItems(props: ContextMenuItemsProps) {
);
})()}
-
e.stopPropagation()}
- >
-
- { setKeyboardRating({ kind: 'song', id: song.id, value: r }); applySongRating(song.id, r); }}
- ariaLabel={t('albumDetail.ratingLabel')}
- />
-
+ {offlinePolicy.canRate && (
+
e.stopPropagation()}
+ >
+
+ { setKeyboardRating({ kind: 'song', id: song.id, value: r }); applySongRating(song.id, r); }}
+ ariaLabel={t('albumDetail.ratingLabel')}
+ />
+
+ )}
handleAction(() => copyShareLink('track', song.id))}>
{t('contextMenu.shareLink')}
@@ -301,12 +319,16 @@ export default function SongContextItems(props: ContextMenuItemsProps) {
handleAction(() => openSongInfo(song.id))}>
{t('contextMenu.songInfo')}
-
-
handleAction(() => {
- queueSongStar(song.id, false, song.serverId);
- })}>
- {t('contextMenu.unfavorite')}
-
+ {offlinePolicy.canFavorite && (
+ <>
+
+
handleAction(() => {
+ queueSongStar(song.id, false, song.serverId);
+ })}>
+ {t('contextMenu.unfavorite')}
+
+
+ )}
);
})()}
diff --git a/src/components/contextMenu/contextMenuItemTypes.ts b/src/components/contextMenu/contextMenuItemTypes.ts
index 3b2a7cc2..9cc63459 100644
--- a/src/components/contextMenu/contextMenuItemTypes.ts
+++ b/src/components/contextMenu/contextMenuItemTypes.ts
@@ -2,6 +2,7 @@ import type React from 'react';
import type { SubsonicAlbum, SubsonicArtist } from '../../api/subsonicTypes';
import type { QueueItemRef, Track } from '../../store/playerStoreTypes';
import type { EntityShareKind } from '../../utils/share/shareLink';
+import type { OfflineActionPolicy } from '../../utils/offline/offlineActionPolicy';
export type RatingKind = 'song' | 'album' | 'artist';
@@ -56,4 +57,5 @@ export interface ContextMenuItemsProps {
/** When true, album/artist links switch to the queue server before routing. */
pinToPlaybackServer: boolean;
navigateLibrary: (path: string) => void | Promise
;
+ offlinePolicy: OfflineActionPolicy;
}
diff --git a/src/components/playerBar/PlayerTrackInfo.tsx b/src/components/playerBar/PlayerTrackInfo.tsx
index f86f2c61..fcc265e6 100644
--- a/src/components/playerBar/PlayerTrackInfo.tsx
+++ b/src/components/playerBar/PlayerTrackInfo.tsx
@@ -19,6 +19,8 @@ import {
usePlayerBarLayoutStore,
type PlayerBarLayoutItemId,
} from '../../store/playerBarLayoutStore';
+import { useOfflineBrowseContext } from '../../hooks/useOfflineBrowseContext';
+import { offlineActionPolicy } from '../../utils/offline/offlineActionPolicy';
interface Props {
currentTrack: Track | null;
@@ -67,6 +69,8 @@ export function PlayerTrackInfo({
const layoutItems = usePlayerBarLayoutStore(s => s.items);
const isLayoutVisible = (id: PlayerBarLayoutItemId) =>
layoutItems.find(i => i.id === id)?.visible !== false;
+ const offlineBrowseActive = useOfflineBrowseContext().active;
+ const playerPolicy = offlineActionPolicy('playerBar', offlineBrowseActive);
return (
@@ -168,7 +172,7 @@ export function PlayerTrackInfo({
onClick={() => !isRadio && !showPreviewMeta && currentTrack?.artistId && navigate(`/artist/${currentTrack.artistId}`)}
/>
)}
- {currentTrack && !isRadio && !showPreviewMeta && isLayoutVisible('starRating') && (
+ {currentTrack && !isRadio && !showPreviewMeta && isLayoutVisible('starRating') && playerPolicy.canRate && (
queueSongRating(currentTrack.id, r)}
@@ -182,7 +186,7 @@ export function PlayerTrackInfo({
)}
- {currentTrack && !isRadio && isLayoutVisible('favorite') && (
+ {currentTrack && !isRadio && isLayoutVisible('favorite') && playerPolicy.canFavorite && (
- {isLayoutVisible('addSongs') && (
+ {actionPolicy.canEditPlaylist && isLayoutVisible('addSongs') && (
)}
- {isLayoutVisible('importCsv') && (
+ {actionPolicy.canEditPlaylist && isLayoutVisible('importCsv') && (