feat: all-mode notifications live-muted-off (refs #337)

Upgrades the All-mode mute toggle to a three-state setting. `allModeMuteToasts`
(boolean) is replaced by `allModeNotifications: 'live' | 'muted' | 'off'`,
migrated inside mergeProfileSettings (legacy true -> muted, false/absent/
invalid -> live). 'muted' keeps today's semantics unchanged (connections run,
toasts/sound suppressed, badge/history still accumulate). 'off' gates
ProfileNotificationConnector's render site in NotificationHandler alongside
the desktop/web platform check, so no connector mounts and zero All-mode
websockets/pollers exist; mobile FCM is untouched. UI: the Switch on
NotificationSettings becomes a Select (data-testid="all-mode-notifications-
select"), localized across all 5 locales.

Author: pliablepixels

app/src/components/NotificationHandler.tsx

@@ -292,14 +292,19 @@ export function NotificationHandler() {
   // so N extra websockets would only cost battery with no gap to close.
   // Native keeps today's deterministic single-connection + FCM-anchor
   // semantics unchanged.
+  //
+  // allModeNotifications === 'off' (refs #337): no connector mounts at all,
+  // so zero All-mode websockets/pollers exist and nothing accumulates from
+  // live paths. 'muted' still mounts every connector - only toast/sound
+  // display is suppressed, at the useNotificationAllModeToasts seam.
   return (
     <>
       <ProfileSwitchDialog
         pending={pendingSwitch}
         onConfirm={handleConfirmSwitch}
         onCancel={handleCancelSwitch}
       />
-      {Platform.isDesktopOrWeb && scope?.mode === 'all' &&
+      {Platform.isDesktopOrWeb && scope?.mode === 'all' && scope.settings.allModeNotifications !== 'off' &&
         scope.profiles.map((profile) => (
           <ProfileNotificationConnector key={profile.id} profile={profile} />
         ))}

app/src/components/__tests__/NotificationHandler.test.tsx

@@ -57,7 +57,7 @@ type ScopeLike = {
   mode: string;
   profile: { id: string; name: string } | null;
   profiles: { id: string; name: string }[];
-  settings: Record<string, never>;
+  settings: { allModeNotifications?: 'live' | 'muted' | 'off' };
 } | null;
 const mockUseProfileScope = vi.fn<() => ScopeLike>(() => null);
 vi.mock('../../hooks/useProfileScope', () => ({
@@ -196,4 +196,38 @@ describe('NotificationHandler All-mode fan-out (refs #337)', () => {
 
     expect(queryByTestId('connector-profile-1')).not.toBeInTheDocument();
   });
+
+  // refs #337: the live/muted/off upgrade. 'off' must not mount any
+  // connector at all - zero websockets/pollers, nothing accumulates from
+  // live paths (distinct from 'muted', which still connects and only
+  // suppresses toast/sound display at the useNotificationAllModeToasts seam).
+  it('mounts no connectors when allModeNotifications is off', () => {
+    mockUseProfileScope.mockReturnValue({
+      mode: 'all',
+      profile: null,
+      profiles: [
+        { id: 'profile-a', name: 'Home' },
+        { id: 'profile-b', name: 'Work' },
+      ],
+      settings: { allModeNotifications: 'off' },
+    });
+
+    const { queryByTestId } = renderHandler();
+
+    expect(queryByTestId('connector-profile-a')).not.toBeInTheDocument();
+    expect(queryByTestId('connector-profile-b')).not.toBeInTheDocument();
+  });
+
+  it('still mounts connectors when allModeNotifications is muted', () => {
+    mockUseProfileScope.mockReturnValue({
+      mode: 'all',
+      profile: null,
+      profiles: [{ id: 'profile-a', name: 'Home' }],
+      settings: { allModeNotifications: 'muted' },
+    });
+
+    const { getByTestId } = renderHandler();
+
+    expect(getByTestId('connector-profile-a')).toBeInTheDocument();
+  });
 });

app/src/hooks/__tests__/useNotificationAllModeToasts.test.tsx

@@ -39,7 +39,7 @@ type ScopeLike = {
   mode: 'all' | 'single';
   profile: null;
   profiles: { id: string; name: string }[];
-  settings: { allModeMuteToasts: boolean };
+  settings: { allModeNotifications: 'live' | 'muted' | 'off' };
 } | null;
 
 const mockScope = vi.fn<() => ScopeLike>(() => null);
@@ -90,7 +90,7 @@ describe('useNotificationAllModeToasts (refs #337)', () => {
       mode: 'single',
       profile: null,
       profiles: [{ id: PROFILE_A, name: 'Home' }],
-      settings: { allModeMuteToasts: false },
+      settings: { allModeNotifications: 'live' },
     });
     useNotificationStore.getState().updateProfileSettings(PROFILE_A, { enabled: true, showToasts: true });
     renderIt();
@@ -108,7 +108,7 @@ describe('useNotificationAllModeToasts (refs #337)', () => {
       mode: 'all',
       profile: null,
       profiles: [{ id: PROFILE_A, name: 'Home' }, { id: PROFILE_B, name: 'Work' }],
-      settings: { allModeMuteToasts: false },
+      settings: { allModeNotifications: 'live' },
     });
     useNotificationStore.getState().updateProfileSettings(PROFILE_A, { enabled: true, showToasts: true });
     useNotificationStore.getState().updateProfileSettings(PROFILE_B, { enabled: true, showToasts: true });
@@ -130,7 +130,7 @@ describe('useNotificationAllModeToasts (refs #337)', () => {
       mode: 'all',
       profile: null,
       profiles: [{ id: PROFILE_A, name: 'Home' }, { id: PROFILE_B, name: 'Work' }],
-      settings: { allModeMuteToasts: false },
+      settings: { allModeNotifications: 'live' },
     });
     useNotificationStore.getState().updateProfileSettings(PROFILE_A, { enabled: true, showToasts: true });
     useNotificationStore.getState().updateProfileSettings(PROFILE_B, { enabled: true, showToasts: true });
@@ -152,7 +152,7 @@ describe('useNotificationAllModeToasts (refs #337)', () => {
       mode: 'all',
       profile: null,
       profiles: [{ id: PROFILE_A, name: 'Home' }, { id: PROFILE_B, name: 'Work' }],
-      settings: { allModeMuteToasts: false },
+      settings: { allModeNotifications: 'live' },
     });
     useNotificationStore.getState().updateProfileSettings(PROFILE_A, { enabled: true, showToasts: true });
     useNotificationStore.getState().updateProfileSettings(PROFILE_B, { enabled: true, showToasts: true });
@@ -178,7 +178,7 @@ describe('useNotificationAllModeToasts (refs #337)', () => {
       mode: 'all',
       profile: null,
       profiles: [{ id: PROFILE_A, name: 'Home' }, { id: PROFILE_B, name: 'Work' }],
-      settings: { allModeMuteToasts: false },
+      settings: { allModeNotifications: 'live' },
     });
     useNotificationStore.getState().updateProfileSettings(PROFILE_A, { enabled: true, showToasts: true });
     useNotificationStore.getState().updateProfileSettings(PROFILE_B, { enabled: true, showToasts: false });
@@ -205,7 +205,7 @@ describe('useNotificationAllModeToasts (refs #337)', () => {
       mode: 'all',
       profile: null,
       profiles: [{ id: PROFILE_A, name: 'Home' }, { id: PROFILE_B, name: 'Work' }],
-      settings: { allModeMuteToasts: false },
+      settings: { allModeNotifications: 'live' },
     });
     useNotificationStore.getState().updateProfileSettings(PROFILE_A, { enabled: true, showToasts: true, playSound: true });
     useNotificationStore.getState().updateProfileSettings(PROFILE_B, { enabled: true, showToasts: true, playSound: true });
@@ -226,7 +226,7 @@ describe('useNotificationAllModeToasts (refs #337)', () => {
       mode: 'all',
       profile: null,
       profiles: [{ id: PROFILE_A, name: 'Home' }],
-      settings: { allModeMuteToasts: true },
+      settings: { allModeNotifications: 'muted' },
     });
     useNotificationStore.getState().updateProfileSettings(PROFILE_A, { enabled: true, showToasts: true, playSound: true });
     renderIt();
@@ -250,7 +250,7 @@ describe('useNotificationAllModeToasts (refs #337)', () => {
       mode: 'all',
       profile: null,
       profiles: [{ id: PROFILE_A, name: 'Home' }, { id: PROFILE_B, name: 'Work' }],
-      settings: { allModeMuteToasts: false },
+      settings: { allModeNotifications: 'live' },
     });
     useNotificationStore.getState().updateProfileSettings(PROFILE_A, { enabled: true, showToasts: true });
     // Disabled overall, even though showToasts itself is on.
@@ -276,7 +276,7 @@ describe('useNotificationAllModeToasts (refs #337)', () => {
       mode: 'all',
       profile: null,
       profiles: [{ id: PROFILE_A, name: 'Home' }],
-      settings: { allModeMuteToasts: false },
+      settings: { allModeNotifications: 'live' },
     });
     useNotificationStore.getState().updateProfileSettings(PROFILE_A, { enabled: true, showToasts: true });
     // Simulate a stale/persisted event already present before the hook ever

app/src/hooks/useNotificationAllModeToasts.tsx

@@ -12,9 +12,11 @@
  * in the window still shows the normal per-event toast. At most one
  * notification sound plays per window.
  *
- * The all-mode mute toggle (settings store, ALL_PROFILES_ID bucket)
- * suppresses toasts and sound entirely; badge counts and history are
- * unaffected (addEvent, in stores/notifications.ts, always runs regardless).
+ * The all-mode notifications setting (settings store, ALL_PROFILES_ID bucket)
+ * 'muted' value suppresses toasts and sound entirely; badge counts and
+ * history are unaffected (addEvent, in stores/notifications.ts, always runs
+ * regardless). 'off' means no connector ever mounts, so this hook simply
+ * never sees a new event for that profile.
  *
  * Single mode is untouched: this hook no-ops unless scope.mode is 'all'.
  */
@@ -160,7 +162,7 @@ export function useNotificationAllModeToasts(): void {
 
     // lastSeenAtRef is updated above regardless of mute, so nothing already
     // seen replays into a toast once the user unmutes.
-    if (newlyArrived.length === 0 || scope.settings.allModeMuteToasts) return;
+    if (newlyArrived.length === 0 || scope.settings.allModeNotifications === 'muted') return;
 
     burstRef.current.push(...newlyArrived);
     if (!timerRef.current) {

app/src/locales/de/translation.json

@@ -932,8 +932,13 @@
     "overview_disabled": "Deaktiviert",
     "overview_direct_mode_host": "Direktabfrage",
     "overview_no_host": "Kein Host festgelegt",
-    "all_mode_mute_toggle": "Alle-Server-Meldungen stummschalten",
-    "all_mode_mute_toggle_desc": "Unterdrückt Toast-Meldungen und Ton bei aggregierter Ansicht aller Server. Zähler und Verlauf werden weiterhin aktualisiert."
+    "all_mode_notifications_label": "Alle-Server-Benachrichtigungen",
+    "all_mode_notifications_live": "Live",
+    "all_mode_notifications_live_desc": "Jeder Server verbindet sich live; Toast-Meldungen und Ton werden bei Ereignissen abgespielt.",
+    "all_mode_notifications_muted": "Stumm",
+    "all_mode_notifications_muted_desc": "Jeder Server bleibt verbunden, aber Toast-Meldungen und Ton werden unterdrückt. Zähler und Verlauf werden weiterhin aktualisiert.",
+    "all_mode_notifications_off": "Aus",
+    "all_mode_notifications_off_desc": "Bei aggregierter Ansicht verbindet sich kein Server. Nichts wird aktualisiert, bis dies wieder aktiviert wird."
   },
   "notifications": {
     "status": {

app/src/locales/en/translation.json

@@ -932,8 +932,13 @@
     "overview_disabled": "Disabled",
     "overview_direct_mode_host": "Direct polling",
     "overview_no_host": "No host set",
-    "all_mode_mute_toggle": "Mute All-mode toasts",
-    "all_mode_mute_toggle_desc": "Suppress toast notifications and sound while aggregating every server. Badge counts and history still update."
+    "all_mode_notifications_label": "All-mode notifications",
+    "all_mode_notifications_live": "Live",
+    "all_mode_notifications_live_desc": "Every server connects live; toasts and sound play as events arrive.",
+    "all_mode_notifications_muted": "Muted",
+    "all_mode_notifications_muted_desc": "Every server stays connected, but toasts and sound are suppressed. Badge counts and history still update.",
+    "all_mode_notifications_off": "Off",
+    "all_mode_notifications_off_desc": "No server connects while aggregating. Nothing updates until you switch this back on."
   },
   "notifications": {
     "status": {

app/src/locales/es/translation.json

@@ -932,8 +932,13 @@
     "overview_disabled": "Deshabilitado",
     "overview_direct_mode_host": "Sondeo directo",
     "overview_no_host": "Sin host configurado",
-    "all_mode_mute_toggle": "Silenciar avisos en modo Todos",
-    "all_mode_mute_toggle_desc": "Suprime los avisos emergentes y el sonido al agregar todos los servidores. El contador y el historial se siguen actualizando."
+    "all_mode_notifications_label": "Notificaciones en modo Todos",
+    "all_mode_notifications_live": "En vivo",
+    "all_mode_notifications_live_desc": "Cada servidor se conecta en vivo; los avisos y el sonido se reproducen al llegar eventos.",
+    "all_mode_notifications_muted": "Silenciado",
+    "all_mode_notifications_muted_desc": "Cada servidor permanece conectado, pero los avisos y el sonido se suprimen. El contador y el historial se siguen actualizando.",
+    "all_mode_notifications_off": "Desactivado",
+    "all_mode_notifications_off_desc": "Ningún servidor se conecta al agregar. Nada se actualiza hasta que vuelvas a activarlo."
   },
   "notifications": {
     "status": {

app/src/locales/fr/translation.json

@@ -932,8 +932,13 @@
     "overview_disabled": "Désactivé",
     "overview_direct_mode_host": "Sondage direct",
     "overview_no_host": "Aucun hôte défini",
-    "all_mode_mute_toggle": "Couper les notifications du mode Tous",
-    "all_mode_mute_toggle_desc": "Supprime les notifications et le son lors de l'agrégation de tous les serveurs. Le badge et l'historique continuent d'être mis à jour."
+    "all_mode_notifications_label": "Notifications du mode Tous",
+    "all_mode_notifications_live": "En direct",
+    "all_mode_notifications_live_desc": "Chaque serveur se connecte en direct ; les notifications et le son sont émis à l'arrivée des événements.",
+    "all_mode_notifications_muted": "Coupé",
+    "all_mode_notifications_muted_desc": "Chaque serveur reste connecté, mais les notifications et le son sont supprimés. Le badge et l'historique continuent d'être mis à jour.",
+    "all_mode_notifications_off": "Désactivé",
+    "all_mode_notifications_off_desc": "Aucun serveur ne se connecte lors de l'agrégation. Rien ne se met à jour tant que ce n'est pas réactivé."
   },
   "notifications": {
     "status": {

app/src/locales/zh/translation.json

@@ -932,8 +932,13 @@
     "overview_disabled": "已禁用",
     "overview_direct_mode_host": "直接轮询",
     "overview_no_host": "未设置主机",
-    "all_mode_mute_toggle": "静音全部模式提示",
-    "all_mode_mute_toggle_desc": "聚合查看所有服务器时禁止提示通知和声音。角标计数和历史记录仍会更新。"
+    "all_mode_notifications_label": "全部模式通知",
+    "all_mode_notifications_live": "实时",
+    "all_mode_notifications_live_desc": "每个服务器实时连接；事件到达时播放提示和声音。",
+    "all_mode_notifications_muted": "静音",
+    "all_mode_notifications_muted_desc": "每个服务器保持连接，但禁止提示和声音。角标计数和历史记录仍会更新。",
+    "all_mode_notifications_off": "关闭",
+    "all_mode_notifications_off_desc": "聚合查看时不连接任何服务器。重新开启前不会有任何更新。"
   },
   "notifications": {
     "status": {

app/src/pages/NotificationSettings.tsx

@@ -13,7 +13,7 @@ import { useShallow } from 'zustand/react/shallow';
 import { useCurrentProfile, useProfileById } from '../hooks/useCurrentProfile';
 import { useProfileScope } from '../hooks/useProfileScope';
 import { useProfileStore } from '../stores/profile';
-import { useSettingsStore } from '../stores/settings';
+import { useSettingsStore, type AllModeNotifications } from '../stores/settings';
 import { getMonitors } from '../api/monitors';
 import { useAuthSlice } from '../stores/auth';
 import { ProfilePicker } from '../components/profile-picker';
@@ -22,6 +22,7 @@ import { Button } from '../components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../components/ui/card';
 import { Label } from '../components/ui/label';
 import { Switch } from '../components/ui/switch';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../components/ui/select';
 import { Badge } from '../components/ui/badge';
 import {
   Bell,
@@ -72,12 +73,12 @@ export default function NotificationSettings() {
   const isConnected = connectionState === 'connected';
   const disconnect = () => currentProfile && storeDisconnect(currentProfile.id);
 
-  // All-mode mute toggle: an ALL-bucket app setting (not a per-profile
-  // notification setting), so it lives in the settings store and is
-  // read/written against the ALL_PROFILES_ID sentinel (refs #337).
+  // All-mode notifications (live/muted/off): an ALL-bucket app setting (not
+  // a per-profile notification setting), so it lives in the settings store
+  // and is read/written against the ALL_PROFILES_ID sentinel (refs #337).
   // `scope.settings` is already the merged ALL-bucket settings whenever
   // scope.mode is 'all' (useProfileScope), so no extra selector is needed.
-  const allModeMuteToasts = scope?.settings.allModeMuteToasts ?? false;
+  const allModeNotifications = scope?.settings.allModeNotifications ?? 'live';
   const updateAllModeSettings = useSettingsStore((s) => s.updateProfileSettings);
 
   // Subscribe reactively to this profile's settings and unread count so the
@@ -367,21 +368,38 @@ export default function NotificationSettings() {
           <Card>
             <CardContent className="flex items-center justify-between gap-3 p-4">
               <div className="flex-1 space-y-0.5">
-                <Label htmlFor="all-mode-mute-toggle" className="text-base font-semibold">
-                  {t('notification_settings.all_mode_mute_toggle')}
+                <Label htmlFor="all-mode-notifications-select" className="text-base font-semibold">
+                  {t('notification_settings.all_mode_notifications_label')}
                 </Label>
                 <p className="text-sm text-muted-foreground">
-                  {t('notification_settings.all_mode_mute_toggle_desc')}
+                  {t(`notification_settings.all_mode_notifications_${allModeNotifications}_desc`)}
                 </p>
               </div>
-              <Switch
-                id="all-mode-mute-toggle"
-                checked={allModeMuteToasts}
-                onCheckedChange={(checked) =>
-                  updateAllModeSettings(ALL_PROFILES_ID, { allModeMuteToasts: checked })
+              <Select
+                value={allModeNotifications}
+                onValueChange={(value) =>
+                  updateAllModeSettings(ALL_PROFILES_ID, { allModeNotifications: value as AllModeNotifications })
                 }
-                data-testid="all-mode-mute-toggle"
-              />
+              >
+                <SelectTrigger
+                  id="all-mode-notifications-select"
+                  className="w-32"
+                  data-testid="all-mode-notifications-select"
+                >
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="live" data-testid="all-mode-notifications-option-live">
+                    {t('notification_settings.all_mode_notifications_live')}
+                  </SelectItem>
+                  <SelectItem value="muted" data-testid="all-mode-notifications-option-muted">
+                    {t('notification_settings.all_mode_notifications_muted')}
+                  </SelectItem>
+                  <SelectItem value="off" data-testid="all-mode-notifications-option-off">
+                    {t('notification_settings.all_mode_notifications_off')}
+                  </SelectItem>
+                </SelectContent>
+              </Select>
             </CardContent>
           </Card>
           <NotificationOverview