Make Bandcamp mode opt-in toggle on Discover page

frontend/src/lib/api.ts

@@ -142,10 +142,11 @@ export const importSpotifyPlaylist = (playlistId: string) =>
   api.post<PlaylistDetailResponse>('/spotify/import', { playlist_id: playlistId }).then((r) => r.data)
 
 // Recommendations
-export const generateRecommendations = (playlistId?: string, query?: string) =>
+export const generateRecommendations = (playlistId?: string, query?: string, bandcampMode?: boolean) =>
   api.post<RecommendationResponse>('/recommendations/generate', {
     playlist_id: playlistId,
     query,
+    bandcamp_mode: bandcampMode || false,
   }).then((r) => r.data)
 
 export const getRecommendationHistory = () =>

frontend/src/pages/Discover.tsx

@@ -16,6 +16,7 @@ export default function Discover() {
   const [discovering, setDiscovering] = useState(false)
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState('')
+  const [bandcampMode, setBandcampMode] = useState(false)
   const [savingIds, setSavingIds] = useState<Set<string>>(new Set())
 
   useEffect(() => {
@@ -45,7 +46,8 @@ export default function Discover() {
     try {
       const response = await generateRecommendations(
         selectedPlaylist || undefined,
-        query.trim() || undefined
+        query.trim() || undefined,
+        bandcampMode
       )
       setResults(response.recommendations)
       setRemaining(response.remaining_today)
@@ -133,6 +135,27 @@ export default function Discover() {
           />
         </div>
 
+        {/* Bandcamp Mode Toggle */}
+        <div className="flex items-center gap-3">
+          <button
+            type="button"
+            onClick={() => setBandcampMode(!bandcampMode)}
+            className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors cursor-pointer border-none ${
+              bandcampMode ? 'bg-purple' : 'bg-charcoal-muted/30'
+            }`}
+          >
+            <span
+              className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${
+                bandcampMode ? 'translate-x-6' : 'translate-x-1'
+              }`}
+            />
+          </button>
+          <span className="text-sm text-charcoal">
+            Bandcamp mode
+            <span className="text-charcoal-muted ml-1">— prioritize indie & underground artists</span>
+          </span>
+        </div>
+
         {/* Remaining count */}
         {!user?.is_pro && (
           <p className="text-xs text-charcoal-muted flex items-center gap-1">