feat(orbit): per-guest suggestion mute + global pending-cap setting

Two anti-spam knobs the host can dial during a live session:

1. Per-guest suggestion mute — Mic / MicOff toggle next to the
   kick/ban buttons in the participants popover. Symmetric (re-enable
   later). State lives in OrbitState.suggestionBlocked: string[]; the
   guest reads it and disables its own Suggest controls so the user
   sees a clear "muted" state instead of silent failures. Host-side
   sweep also drops their outbox entries as a safety net.

2. Max pending approvals cap — number input in the session-settings
   popover, default 0 (= unlimited so existing sessions are unaffected).
   When set, the host sweep stops folding new outbox entries into the
   approval list once the cap is reached. The OrbitQueueHead surfaces
   "X / Y pending" so guests can see when they're getting close.

State changes are additive on the wire — both fields are optional, with
parseOrbitState defaulting them, so older clients keep working.

evaluateOrbitSuggestGate() centralises the guest-side allow/block check
shared between useOrbitSongRowBehavior and the ContextMenu Add-to-Session
items, plus suggestOrbitTrack as a defensive last line.

i18n: en + de + fr + nl + zh + nb + ru + es.

Also fixes an earlier dedupe-key collision: the (user, trackId) cache
keys were missing their separator (NULL byte slipped in during the
previous patch), so two tracks could share a key and one of them
silently overwrite the other. Restored the space separator.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/components/ContextMenu.tsx

@@ -1,7 +1,12 @@
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { Play, ListPlus, Radio, Heart, Download, ChevronRight, User, Disc3, ListMusic, Plus, Info, Sparkles, Star, Trash2, HeartCrack, Share2, Orbit as OrbitIcon } from 'lucide-react';
 import { useOrbitStore } from '../store/orbitStore';
-import { suggestOrbitTrack, hostEnqueueToOrbit } from '../utils/orbit';
+import {
+  suggestOrbitTrack,
+  hostEnqueueToOrbit,
+  evaluateOrbitSuggestGate,
+  OrbitSuggestBlockedError,
+} from '../utils/orbit';
 import LastfmIcon from './LastfmIcon';
 import StarRating from './StarRating';
 import { lastfmLoveTrack, lastfmUnloveTrack } from '../api/lastfm';
@@ -1446,15 +1451,38 @@ export default function ContextMenu() {
               <div className="context-menu-item" onClick={() => handleAction(() => enqueue([song]))}>
                 <ListPlus size={14} /> {t('contextMenu.addToQueue')}
               </div>
-              {orbitRole === 'guest' && (
-                <div className="context-menu-item" onClick={() => handleAction(() => {
-                  suggestOrbitTrack(song.id)
-                    .then(() => showToast(t('orbit.ctxSuggestedToast'), 2200, 'info'))
-                    .catch(() => showToast(t('orbit.ctxSuggestFailed'), 3000, 'error'));
-                })}>
-                  <OrbitIcon size={14} /> {t('orbit.ctxAddToSession')}
-                </div>
-              )}
+              {orbitRole === 'guest' && (() => {
+                const gate = evaluateOrbitSuggestGate();
+                const muted = gate.reason === 'muted';
+                const capReached = gate.reason === 'cap-reached';
+                const disabled = muted || capReached;
+                const tooltip = muted
+                  ? t('orbit.suggestBlockedMuted')
+                  : capReached ? t('orbit.suggestBlockedCap') : '';
+                return (
+                  <div
+                    className={`context-menu-item${disabled ? ' is-disabled' : ''}`}
+                    {...(disabled ? { 'data-tooltip': tooltip } : {})}
+                    onClick={() => handleAction(() => {
+                      if (muted)      { showToast(t('orbit.suggestBlockedMuted'), 3500, 'error'); return; }
+                      if (capReached) { showToast(t('orbit.suggestBlockedCap'),   3500, 'info');  return; }
+                      suggestOrbitTrack(song.id)
+                        .then(() => showToast(t('orbit.ctxSuggestedToast'), 2200, 'info'))
+                        .catch(err => {
+                          if (err instanceof OrbitSuggestBlockedError && err.reason === 'muted') {
+                            showToast(t('orbit.suggestBlockedMuted'), 3500, 'error');
+                          } else if (err instanceof OrbitSuggestBlockedError && err.reason === 'cap-reached') {
+                            showToast(t('orbit.suggestBlockedCap'), 3500, 'info');
+                          } else {
+                            showToast(t('orbit.ctxSuggestFailed'), 3000, 'error');
+                          }
+                        });
+                    })}
+                  >
+                    <OrbitIcon size={14} /> {t('orbit.ctxAddToSession')}
+                  </div>
+                );
+              })()}
               {orbitRole === 'host' && (
                 <div className="context-menu-item" onClick={() => handleAction(() => {
                   hostEnqueueToOrbit(song.id)
@@ -1596,15 +1624,38 @@ export default function ContextMenu() {
               <div className="context-menu-item" onClick={() => handleAction(() => enqueue([song]))}>
                 <ListPlus size={14} /> {t('contextMenu.addToQueue')}
               </div>
-              {orbitRole === 'guest' && (
-                <div className="context-menu-item" onClick={() => handleAction(() => {
-                  suggestOrbitTrack(song.id)
-                    .then(() => showToast(t('orbit.ctxSuggestedToast'), 2200, 'info'))
-                    .catch(() => showToast(t('orbit.ctxSuggestFailed'), 3000, 'error'));
-                })}>
-                  <OrbitIcon size={14} /> {t('orbit.ctxAddToSession')}
-                </div>
-              )}
+              {orbitRole === 'guest' && (() => {
+                const gate = evaluateOrbitSuggestGate();
+                const muted = gate.reason === 'muted';
+                const capReached = gate.reason === 'cap-reached';
+                const disabled = muted || capReached;
+                const tooltip = muted
+                  ? t('orbit.suggestBlockedMuted')
+                  : capReached ? t('orbit.suggestBlockedCap') : '';
+                return (
+                  <div
+                    className={`context-menu-item${disabled ? ' is-disabled' : ''}`}
+                    {...(disabled ? { 'data-tooltip': tooltip } : {})}
+                    onClick={() => handleAction(() => {
+                      if (muted)      { showToast(t('orbit.suggestBlockedMuted'), 3500, 'error'); return; }
+                      if (capReached) { showToast(t('orbit.suggestBlockedCap'),   3500, 'info');  return; }
+                      suggestOrbitTrack(song.id)
+                        .then(() => showToast(t('orbit.ctxSuggestedToast'), 2200, 'info'))
+                        .catch(err => {
+                          if (err instanceof OrbitSuggestBlockedError && err.reason === 'muted') {
+                            showToast(t('orbit.suggestBlockedMuted'), 3500, 'error');
+                          } else if (err instanceof OrbitSuggestBlockedError && err.reason === 'cap-reached') {
+                            showToast(t('orbit.suggestBlockedCap'), 3500, 'info');
+                          } else {
+                            showToast(t('orbit.ctxSuggestFailed'), 3000, 'error');
+                          }
+                        });
+                    })}
+                  >
+                    <OrbitIcon size={14} /> {t('orbit.ctxAddToSession')}
+                  </div>
+                );
+              })()}
               {orbitRole === 'host' && (
                 <div className="context-menu-item" onClick={() => handleAction(() => {
                   hostEnqueueToOrbit(song.id)