yellowjacket/.planning/quick/4-add-set-as-default-playlist-context-menu/4-PLAN.md

phase, plan, type, wave, depends_on, files_modified, autonomous, requirements, must_haves

phase	plan	type	wave	depends_on	files_modified	autonomous	requirements	must_haves
quick	4	execute	1		frontend/src/components/playlist-view/playlist-view.ts	true		truths artifacts key_links Right-clicking a single playlist shows 'Set as Default Playlist' option Clicking 'Set as Default Playlist' updates the default/favorites playlist to that playlist Option does NOT appear when multiple playlists are selected path provides frontend/src/components/playlist-view/playlist-view.ts Set as Default Playlist context menu item + handler from to via pattern playlist-view.ts context menu favCtrl.setDefaultPlaylist() onPlaylistContextAction('set-default') favCtrl.setDefaultPlaylist

Add a "Set as Default Playlist" option to the playlist-level context menu in the playlist view.

Purpose: Allow users to quickly set any playlist as the default (favorites) playlist via right-click, instead of navigating to Settings. Output: Updated playlist-view.ts with new context menu item and handler.

<execution_context> @/home/caleb/.config/Claude/get-shit-done/workflows/execute-plan.md @/home/caleb/.config/Claude/get-shit-done/templates/summary.md </execution_context>

@frontend/src/components/playlist-view/playlist-view.ts @frontend/src/store/controllers/favorites-controller.ts @frontend/src/store/favorites-store.ts

From playlist-view.ts (already instantiated):

private favCtrl = new FavoritesController(this);

From favorites-controller.ts:

async setDefaultPlaylist(id: number): Promise<void>;
get playlistId(): number;  // current default playlist ID

Playlist context menu handler pattern (line ~1707):

private async onPlaylistContextAction(action: string) {
    const index = this.playlistContextMenuIndex;
    const entry = this.entries[index];
    if (!entry) return;
    switch (action) {
        case 'rename': ...
        case 'delete': ...
    }
    // cleanup at end
    this.selectedPlaylists = new Set();
    this.lastSelectedPlaylistIndex = null;
    this.closePlaylistContextMenu();
}

Playlist entry shape:

interface PlaylistEntry {
    summary: playlist.Summary;  // .ID: number, .Name: string
    expanded: boolean;
    tracks: playlist.Track[];
}

Single-select guard pattern (line ~2341):

${this.selectedPlaylists.size <= 1 ? html`...single-select-only items...` : nothing}

Task 1: Add "Set as Default Playlist" context menu item and handler frontend/src/components/playlist-view/playlist-view.ts Two changes in playlist-view.ts:

1. Add handler case in onPlaylistContextAction() (around line 1716, inside the switch statement, after the 'rename' case and before 'delete'):

case 'set-default':
    void this.favCtrl
        .setDefaultPlaylist(entry.summary.ID)
        .catch((err: unknown) => {
            console.error(
                'Failed to set default playlist:',
                err,
            );
        });
    break;

This follows the exact same pattern used in config-page.ts (line ~812).

2. Add menu item in the playlist context menu template (around line 2341). Insert a new wa-dropdown-item AFTER the existing Rename item but still inside the this.selectedPlaylists.size <= 1 guard block. The Rename item block currently ends at line ~2356 with : nothing}. Restructure so that both Rename AND Set as Default are inside the single-select guard:

${this.selectedPlaylists.size <= 1
    ? html`
          <wa-dropdown-item
              @click=${() =>
                  void this.onPlaylistContextAction('rename')}
          >
              <wa-icon slot="icon" name="pen"></wa-icon>
              Rename
          </wa-dropdown-item>
          <wa-dropdown-item
              @click=${() =>
                  void this.onPlaylistContextAction('set-default')}
          >
              <wa-icon slot="icon" name="star"></wa-icon>
              Set as Default Playlist
          </wa-dropdown-item>
      `
    : nothing}

Use the "star" icon name since this relates to the favorites/default playlist concept and matches the icon style option in settings.

Do NOT add any new imports — FavoritesController is already imported and instantiated as this.favCtrl. cd frontend && npx tsc --noEmit --pretty 2>&1 | head -30 - Right-clicking a single playlist in the playlist view shows "Set as Default Playlist" option with a star icon - Clicking it calls favCtrl.setDefaultPlaylist() with the playlist's ID - The option does NOT appear when multiple playlists are selected (same guard as Rename) - TypeScript compiles without errors

1. `cd frontend && npx tsc --noEmit` — TypeScript compilation passes 2. Manual: Right-click a single playlist → context menu shows Rename, Set as Default Playlist, Delete 3. Manual: Select multiple playlists → right-click → context menu shows only Delete (no Rename, no Set as Default) 4. Manual: Click "Set as Default Playlist" → verify in Settings that the default playlist updated

<success_criteria>

• Single playlist right-click menu shows "Set as Default Playlist" between Rename and Delete
• Multi-select right-click menu does NOT show the option
• Clicking the option successfully changes the default/favorites playlist
• No TypeScript compilation errors </success_criteria>

After completion, create `.planning/quick/4-add-set-as-default-playlist-context-menu/4-SUMMARY.md`