diff --git a/web/src/App.vue b/web/src/App.vue
index ea8c0e9..17cced8 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -166,6 +166,9 @@ onMounted(async () => {
// Search or Playlist render hearts correctly without first visiting Home.
// (fire-and-forget; fetchFavorites swallows the 401 when not yet logged in.)
playerStore.fetchFavorites();
+ // Non-critical: reads savedQueuesEnabled so the nav entry can show/hide.
+ // Guests get a 403 (swallowed) → the entry stays hidden for them.
+ if (!session.isGuest.value) playerStore.fetchBotSettings();
syncTimer = setInterval(() => playerStore.syncElapsed(), 3000);
mobileRaf = requestAnimationFrame(updateMobileProgress);
// Reconcile the dedicated-link scope only after the bot list is known: the
diff --git a/web/src/components/Navbar.vue b/web/src/components/Navbar.vue
index 67bbc85..28f9b19 100644
--- a/web/src/components/Navbar.vue
+++ b/web/src/components/Navbar.vue
@@ -7,6 +7,12 @@
搜索音乐库播放历史
+ 已存队列
diff --git a/web/src/composables/savedQueues.test.ts b/web/src/composables/savedQueues.test.ts
new file mode 100644
index 0000000..9d89633
--- /dev/null
+++ b/web/src/composables/savedQueues.test.ts
@@ -0,0 +1,34 @@
+import { describe, it, expect } from 'vitest';
+import { isShared, sortQueues, SHARED_OWNER, type SavedQueueMeta } from './savedQueues';
+
+const meta = (over: Partial): SavedQueueMeta => ({
+ id: 1,
+ ownerId: 'u1',
+ name: 'q',
+ songCount: 0,
+ createdAt: '2026-01-01',
+ updatedAt: '2026-01-01',
+ ...over,
+});
+
+describe('savedQueues helper', () => {
+ it('flags the shared owner', () => {
+ expect(isShared({ ownerId: SHARED_OWNER })).toBe(true);
+ expect(isShared({ ownerId: 'u1' })).toBe(false);
+ });
+
+ it('sorts by updatedAt descending (newest first)', () => {
+ const out = sortQueues([
+ meta({ id: 1, updatedAt: '2026-01-01' }),
+ meta({ id: 2, updatedAt: '2026-02-01' }),
+ meta({ id: 3, updatedAt: '2026-01-15' }),
+ ]);
+ expect(out.map((q) => q.id)).toEqual([2, 3, 1]);
+ });
+
+ it('does not mutate the input array', () => {
+ const input = [meta({ id: 1, updatedAt: '2026-01-01' }), meta({ id: 2, updatedAt: '2026-02-01' })];
+ sortQueues(input);
+ expect(input.map((q) => q.id)).toEqual([1, 2]);
+ });
+});
diff --git a/web/src/composables/savedQueues.ts b/web/src/composables/savedQueues.ts
new file mode 100644
index 0000000..65b7a04
--- /dev/null
+++ b/web/src/composables/savedQueues.ts
@@ -0,0 +1,27 @@
+// Pure, framework-free helpers for the Saved Queues feature (#119). Kept
+// separate from the API composable so the list/ownership logic is unit-testable
+// without a DOM or axios.
+
+export interface SavedQueueMeta {
+ id: number;
+ ownerId: string;
+ name: string;
+ songCount: number;
+ createdAt: string;
+ updatedAt: string;
+}
+
+/** Must match SHARED_QUEUE_OWNER in src/data/database.ts. */
+export const SHARED_OWNER = '__shared__';
+
+/** Whether a saved queue lives in the shared bucket (vs. private to a user). */
+export function isShared(q: Pick): boolean {
+ return q.ownerId === SHARED_OWNER;
+}
+
+/** Newest-updated first; stable for equal timestamps. */
+export function sortQueues(qs: T[]): T[] {
+ return [...qs].sort((a, b) =>
+ a.updatedAt < b.updatedAt ? 1 : a.updatedAt > b.updatedAt ? -1 : 0,
+ );
+}
diff --git a/web/src/composables/useSavedQueues.ts b/web/src/composables/useSavedQueues.ts
new file mode 100644
index 0000000..03f4fb2
--- /dev/null
+++ b/web/src/composables/useSavedQueues.ts
@@ -0,0 +1,52 @@
+import { ref } from 'vue';
+import axios from 'axios';
+import { sortQueues, type SavedQueueMeta } from './savedQueues.js';
+
+/**
+ * API composable for the Saved Queues feature (#119). Wraps /api/saved-queues.
+ * `disabled` becomes true when the server returns 403 (savedQueuesEnabled off),
+ * so the page can render a "feature disabled" state instead of an error.
+ */
+export function useSavedQueues() {
+ const queues = ref([]);
+ const loading = ref(false);
+ const disabled = ref(false);
+ const error = ref(null);
+
+ async function list(): Promise {
+ loading.value = true;
+ error.value = null;
+ try {
+ const res = await axios.get('/api/saved-queues');
+ queues.value = sortQueues((res.data?.queues ?? []) as SavedQueueMeta[]);
+ disabled.value = false;
+ } catch (e: unknown) {
+ const status = (e as { response?: { status?: number } })?.response?.status;
+ if (status === 403) {
+ disabled.value = true;
+ queues.value = [];
+ } else {
+ error.value = '加载已保存队列失败';
+ }
+ } finally {
+ loading.value = false;
+ }
+ }
+
+ async function save(botId: string, name: string, shared: boolean): Promise {
+ await axios.post('/api/saved-queues', { botId, name, shared });
+ await list();
+ }
+
+ async function load(id: number, botId: string, mode: 'replace' | 'append'): Promise<{ loaded: number; mode: string }> {
+ const res = await axios.post(`/api/saved-queues/${id}/load`, { botId, mode });
+ return res.data;
+ }
+
+ async function remove(id: number): Promise {
+ await axios.delete(`/api/saved-queues/${id}`);
+ await list();
+ }
+
+ return { queues, loading, disabled, error, list, save, load, remove };
+}
diff --git a/web/src/router/index.ts b/web/src/router/index.ts
index ad1e49d..03d3b31 100644
--- a/web/src/router/index.ts
+++ b/web/src/router/index.ts
@@ -22,6 +22,7 @@ const router = createRouter({
},
{ path: '/lyrics', name: 'lyrics', component: () => import('../views/Lyrics.vue') },
{ path: '/history', name: 'history', component: () => import('../views/History.vue') },
+ { path: '/saved-queues', name: 'saved-queues', component: () => import('../views/SavedQueues.vue') },
{ path: '/settings', name: 'settings', component: () => import('../views/Settings.vue') },
{ path: '/setup', name: 'setup', component: () => import('../views/Setup.vue') },
{ path: '/bot/:id', name: 'bot', component: () => import('../views/BotRedirect.vue') },
diff --git a/web/src/stores/player.ts b/web/src/stores/player.ts
index 3970199..dfc6ac4 100644
--- a/web/src/stores/player.ts
+++ b/web/src/stores/player.ts
@@ -115,6 +115,10 @@ export const usePlayerStore = defineStore('player', {
enabledProviders: [] as string[],
defaultSource: 'netease' as string,
+ // Whether the admin enabled save/load queues (#119). Gates the nav entry
+ // and the /saved-queues page. Fetched from /api/bot/settings (non-guest).
+ savedQueuesEnabled: false,
+
// Home page cache, split by source
recommendPlaylists: { netease: [] as PlaylistItem[], qq: [] as PlaylistItem[], kugou: [] as PlaylistItem[], spotify: [] as PlaylistItem[] },
dailySongs: { netease: [] as Song[], qq: [] as Song[], kugou: [] as Song[], spotify: [] as Song[] },
@@ -595,6 +599,18 @@ export const usePlayerStore = defineStore('player', {
return this.favoritedPlaylists.some((f) => f.playlistId === playlistId && f.platform === platform);
},
+ /** Load global bot settings we care about client-side (currently just the
+ * saved-queues gate). Guests get a 403 here, which we swallow so the nav
+ * entry simply stays hidden for them. */
+ async fetchBotSettings() {
+ try {
+ const res = await axios.get('/api/bot/settings');
+ this.savedQueuesEnabled = res.data?.savedQueuesEnabled === true;
+ } catch {
+ // not critical (guests 403; keep previous value otherwise)
+ }
+ },
+
/** Load the server-side source gate (enabledProviders + default). */
async fetchProviders() {
try {
diff --git a/web/src/views/SavedQueues.vue b/web/src/views/SavedQueues.vue
new file mode 100644
index 0000000..f9d0c2a
--- /dev/null
+++ b/web/src/views/SavedQueues.vue
@@ -0,0 +1,301 @@
+
+