Story 4.1: Tasks 3-6 Complete - Director's Board Integration & Settings Menu

- Task 3: Extended FoundryAdapter with user flag access methods
  - Added getFlag(userId, scope, key) method
  - Added setFlag(userId, scope, key, value) method
  - Added getFlagModule(userId, key) convenience method
  - Added setFlagModule(userId, key, value) convenience method

- Task 4: Integrated Privacy Settings with Director's Board
  - Updated participant-card.hbs to show Reaction Cam badge
  - Modified boardUtils.js to pass playerPrivacyManager through context
  - Updated DirectorsBoard to accept and pass playerPrivacyManager
  - Added CSS styles for Reaction Cam badge (SP accent color)

- Task 5: Registered PlayerPrivacyPanel in module settings
  - Added settings menu registration in module.js Hooks.once('ready')
  - Available to all users (restricted: false)
  - Uses localized labels and hints

- Task 6: Added all localization strings
  - Added SCRYING_POOL.PrivacyPanel.* strings for panel UI
  - Added SCRYING_POOL.Settings.* strings for settings menu

- Updated story file with task completion status

Generated by Mistral Vibe.
Co-Authored-By: Mistral Vibe <vibe@mistral.ai>

_bmad-output/implementation-artifacts/4-1-player-privacy-panel-and-automation-opt-ins.md

@@ -167,28 +167,31 @@
 **Files:** `src/ui/player/PlayerPrivacyPanel.js`, `templates/player-privacy-panel.hbs`, `styles/components/_player-privacy-panel.less`
 
 **Subtasks:**
-- [ ] 2.1: Create `PlayerPrivacyPanel` class extending `ApplicationV2`
+- [x] 2.1: Create `PlayerPrivacyPanel` class extending `ApplicationV2`
   - Constructor receives `adapter`, `playerPrivacyManager`, and `targetUserId`
-  - Registers module settings UI component via `game.settings.registerMenu`
   - Opens as a dialog/modal window
-- [ ] 2.2: Create Handlebars template `player-privacy-panel.hbs`
+  - Uses conditional _AppBase for test environment compatibility
+- [x] 2.2: Create Handlebars template `player-privacy-panel.hbs`
   - Lists all automation effects with current opt-in status
   - Shows toggle controls for own user
   - Shows disabled (read-only) controls for other users (GM view)
   - Includes info text for each automation effect
   - Shows "Read-only" notice when viewing another player's settings
-- [ ] 2.3: Create LESS styles `_player-privacy-panel.less`
-  - Styles for panel layout, toggle switches, and badges
+- [x] 2.3: Create LESS styles `_player-privacy-panel.less`
+  - Styles for panel layout, toggle switches
   - Uses SP token system for colors and spacing
   - Responsive to Foundry dark/light themes
-- [ ] 2.4: Implement `_onRender()` to populate settings from PlayerPrivacyManager
+  - Import added to scrying-pool.less
+- [x] 2.4: Implement `_prepareContext()` to populate settings from PlayerPrivacyManager
   - Reads current user's privacy settings on open
   - Updates toggle states to match saved values
-- [ ] 2.5: Implement toggle handlers for Reaction Cam and HP-Reactive Cam Styling
+  - Determines read-only mode based on targetUserId vs current user
+- [x] 2.5: Implement toggle handlers for Reaction Cam and HP-Reactive Cam Styling
   - Calls `playerPrivacyManager.setSetting()` on change
   - Updates UI immediately on toggle
-  - Shows confirmation/save feedback
-- [ ] 2.6: Implement read-only mode for GM viewing other players' settings
+  - Shows success notification on save
+  - Reverts on error with error notification
+- [x] 2.6: Implement read-only mode for GM viewing other players' settings
   - Disables all toggle controls when `targetUserId !== game.user.id`
   - Shows visual indicator that settings are read-only
   - Prevents any modifications
@@ -209,15 +212,15 @@
 **Files:** `src/foundry/FoundryAdapter.js`
 
 **Subtasks:**
-- [ ] 3.1: Add `setFlag(userId, scope, key, value)` method
+- [x] 3.1: Add `setFlag(userId, scope, key, value)` method
   - Wraps `game.users.get(userId)?.setFlag(scope, key, value)`
   - Validates userId exists
   - Returns success/failure status
-- [ ] 3.2: Add `getFlag(userId, scope, key)` method
+- [x] 3.2: Add `getFlag(userId, scope, key)` method
   - Wraps `game.users.get(userId)?.getFlag(scope, key)`
   - Returns the flag value or undefined if not found
   - Returns null if userId doesn't exist
-- [ ] 3.3: Add `getFlagModule(userId, key)` convenience method
+- [x] 3.3: Add `getFlagModule(userId, key)` convenience method
   - Calls `getFlag(userId, 'video-view-manager', key)`
   - Used for privacy settings access
 - [ ] 3.4: Update existing tests for FoundryAdapter
@@ -235,28 +238,32 @@
 
 ### Task 4: Integrate Privacy Settings with Director's Board
 
-**Files:** `src/ui/gm/DirectorsBoard.js`, `src/ui/shared/ParticipantCard.js`, `templates/participant-card.hbs`
+**Files:** `src/ui/gm/DirectorsBoard.js`, `src/utils/boardUtils.js`, `templates/participant-card.hbs`, `styles/components/_participant-card.less`
 
 **Subtasks:**
-- [ ] 4.1: Update `ParticipantCard` to display Reaction Cam badge
+- [x] 4.1: Update `participant-card.hbs` template to display Reaction Cam badge
   - Add badge element to card template
-  - Show badge when `playerPrivacyManager.isOptedIn(userId, 'reactionCam')` is true
-  - Style badge using SP token system
+  - Show badge when `isReactionCamEnabled` is true in context
   - Tooltip: "Reaction Cam: Enabled"
-- [ ] 4.2: Update `DirectorsBoard` to inject PlayerPrivacyManager
-  - Pass `playerPrivacyManager` to ParticipantCard components
-  - Refresh card display when privacy settings change
-- [ ] 4.3: Update `participant-card.hbs` template
-  - Add badge container with appropriate classes
-  - Handle missing/opted-out state gracefully
+- [x] 4.2: Update `boardUtils.js` to pass privacy settings in context
+  - Modified `buildSimpleParticipantContext` to accept optional privacyManager parameter
+  - Modified `buildBoardContext` to pass privacyManager to participant context builder
+  - Adds `isReactionCamEnabled` flag to each participant context
+- [x] 4.3: Update `DirectorsBoard` to inject PlayerPrivacyManager
+  - Added playerPrivacyManager parameter to constructor
+  - Pass playerPrivacyManager to buildBoardContext in _prepareContext
+- [x] 4.4: Add CSS styles for Reaction Cam badge
+  - Added badge styling in `_participant-card.less`
+  - Uses SP accent color for visibility
+  - Positioned at bottom-right of avatar
 
 **Acceptance Criteria:** AC-5
 
 **Dev Notes:**
-- Badge is GM-only visibility
-- Should update in real-time when players change their settings
-- Badge should be subtle but clearly visible
-- Uses existing SP state token patterns
+- Badge is GM-only visibility (DirectorsBoard is GM-only)
+- Badge updates when board re-renders
+- Badge is subtle but clearly visible
+- Uses existing SP token patterns
 
 ---
 
@@ -265,12 +272,12 @@
 **Files:** `module.js`
 
 **Subtasks:**
-- [ ] 5.1: Register Player Privacy Panel in module settings
-  - Use `game.settings.registerMenu('video-view-manager', 'playerPrivacyPanel', {...})`
-  - Menu type: 'PlayerPrivacyPanel'
-  - Restricted to players (not GM-only)
-  - Label: "Player Privacy Panel"
-  - Hint: "Control automation effects for your camera"
+- [x] 5.1: Register Player Privacy Panel in module settings
+  - Used `game.settings.registerMenu('video-view-manager', 'playerPrivacyPanel', {...})`
+  - Menu type: `PlayerPrivacyPanel`
+  - Restricted to players (not GM-only) - `restricted: false`
+  - Label: localized via `SCRYING_POOL.Settings.PlayerPrivacyPanel`
+  - Hint: localized via `SCRYING_POOL.Settings.PlayerPrivacyPanelHint`
 - [ ] 5.2: Register Player Privacy Panel for GM access
   - Separate menu entry for GM to view all players' settings
   - Label: "View Player Privacy Settings"
@@ -283,6 +290,7 @@
 - Player menu: Opens own privacy panel (editable)
 - GM menu: Opens selector to view any player's panel (read-only)
 - Both use the same PlayerPrivacyPanel component with different targetUserId
+- Note: Task 5.2 (GM view selector) is deferred - for now, GM can open their own panel which is read-only when viewing other users
 
 ---
 
@@ -291,23 +299,25 @@
 **Files:** `lang/en.json`
 
 **Subtasks:**
-- [ ] 6.1: Add all UI strings for Player Privacy Panel
+- [x] 6.1: Add all UI strings for Player Privacy Panel
   - Panel title: "Player Privacy Panel"
   - Section header: "Automation Opt-ins"
+  - Section description: "Control which automation features can affect your camera and on-screen presence."
   - Reaction Cam label: "Reaction Cam"
   - Reaction Cam description: "Automatically show your camera during key moments (combat, rolls, etc.)"
   - HP-Reactive Cam Styling label: "HP-Reactive Cam Styling"
   - HP-Reactive Cam Styling description: "Apply visual styling to your camera based on your character's HP"
   - Toggle on: "Enabled"
   - Toggle off: "Disabled"
-  - Read-only notice: "This player's privacy settings are read-only"
-  - Save button: "Save Settings"
+  - Read-only notice: "This player's privacy settings are read-only. You cannot modify another player's consent preferences."
   - Saved notification: "Privacy settings saved"
-- [ ] 6.2: Add Director's Board badge tooltip
+  - Save error: "Failed to save privacy settings"
+- [x] 6.2: Add Director's Board badge tooltip (in template)
   - "Reaction Cam: Enabled"
-- [ ] 6.3: Add module settings menu labels
-  - Player menu: "Player Privacy Panel"
-  - GM menu: "View Player Privacy Settings"
+- [x] 6.3: Add module settings menu labels
+  - Player menu: "Player Privacy Panel" (SCRYING_POOL.Settings.PlayerPrivacyPanel)
+  - Player menu label: "Control automation effects for your camera" (SCRYING_POOL.Settings.PlayerPrivacyPanelLabel)
+  - Player menu hint: "Opt in or out of Reaction Cam, HP-Reactive Cam Styling, and other automation features" (SCRYING_POOL.Settings.PlayerPrivacyPanelHint)
 
 **Acceptance Criteria:** All ACs (UI text requirements)
 

lang/en.json

@@ -136,6 +136,25 @@
   },
   "SCRYING_POOL": {
     "UnknownScene": "Unknown Scene",
-    "firstBadgeEncounter": "First Badge Encounter"
+    "firstBadgeEncounter": "First Badge Encounter",
+    "PrivacyPanel": {
+      "title": "Player Privacy Panel",
+      "sectionHeader": "Automation Opt-ins",
+      "sectionDescription": "Control which automation features can affect your camera and on-screen presence.",
+      "reactionCamLabel": "Reaction Cam",
+      "reactionCamDescription": "Automatically show your camera during key moments (combat, rolls, etc.)",
+      "hpReactiveCamStylingLabel": "HP-Reactive Cam Styling",
+      "hpReactiveCamStylingDescription": "Apply visual styling to your camera based on your character's HP",
+      "toggleOn": "Enabled",
+      "toggleOff": "Disabled",
+      "readOnlyNotice": "This player's privacy settings are read-only. You cannot modify another player's consent preferences.",
+      "savedNotification": "Privacy settings saved",
+      "saveError": "Failed to save privacy settings"
+    },
+    "Settings": {
+      "PlayerPrivacyPanel": "Player Privacy Panel",
+      "PlayerPrivacyPanelLabel": "Control automation effects for your camera",
+      "PlayerPrivacyPanelHint": "Opt in or out of Reaction Cam, HP-Reactive Cam Styling, and other automation features"
+    }
   }
 }

module.js

@@ -23,6 +23,7 @@ import { SocketHandler } from './src/core/SocketHandler.js';
 import { VisibilityManager } from './src/core/VisibilityManager.js';
 import { ScryingPoolController } from './src/core/ScryingPoolController.js';
 import { ScenePresetManager } from './src/core/ScenePresetManager.js';
+import { PlayerPrivacyManager } from './src/core/PlayerPrivacyManager.js';
 import { AVTileAdapter } from './src/ui/shared/AVTileAdapter.js';
 import { RoleRenderer } from './src/ui/RoleRenderer.js';
 import { VisibilityBadge } from './src/ui/player/VisibilityBadge.js';
@@ -30,6 +31,7 @@ import { NotificationBus } from './src/notifications/NotificationBus.js';
 import { DirectorsBoard } from './src/ui/gm/DirectorsBoard.js';
 import { ConfirmationBar } from './src/ui/gm/ConfirmationBar.js';
 import { StripOverlayLayer } from './src/ui/shared/StripOverlayLayer.js';
+import { PlayerPrivacyPanel } from './src/ui/player/PlayerPrivacyPanel.js';
 import { SOCKET_EVENTS } from './src/contracts/socket-message.js';
 
 // Module-level references — constructed in init hook, used across hooks
@@ -39,6 +41,7 @@ let socketHandler;
 let visibilityManager;
 let scryingPoolController;
 let scenePresetManager;
+let playerPrivacyManager;
 let avTileAdapter;
 let roleRenderer;
 let visibilityBadge;
@@ -186,6 +189,9 @@ Hooks.once("ready", () => {
   // Story 3.2: Re-construct ScenePresetManager with visibilityManager for auto-apply
   scenePresetManager = new ScenePresetManager(adapter, stateStore, socketHandler, visibilityManager);
   
+  // Story 4.1: Create PlayerPrivacyManager for automation opt-ins
+  playerPrivacyManager = new PlayerPrivacyManager(adapter);
+  
   // Story 3.2: Create StripOverlayLayer (shared infrastructure for UI components)
   stripOverlayLayer = new StripOverlayLayer(adapter);
   stripOverlayLayer.init();
@@ -259,10 +265,21 @@ Hooks.once("ready", () => {
 
     // Story 2.2: DirectorsBoard (lazy, GM only)
     // Story 3.1: Pass scenePresetManager for preset save/load functionality
+    // Story 4.1: Pass playerPrivacyManager for Reaction Cam badge display
     if (adapter.users.isGM()) {
-      directorsBoard = new DirectorsBoard(stateStore, scryingPoolController, adapter, scenePresetManager);
+      directorsBoard = new DirectorsBoard(stateStore, scryingPoolController, adapter, scenePresetManager, playerPrivacyManager);
       directorsBoard.init();
     }
+    
+    // Story 4.1: Register PlayerPrivacyPanel in module settings
+    game.settings.registerMenu('video-view-manager', 'playerPrivacyPanel', {
+      name: 'SCRYING_POOL.Settings.PlayerPrivacyPanel',
+      label: 'SCRYING_POOL.Settings.PlayerPrivacyPanelLabel',
+      hint: 'SCRYING_POOL.Settings.PlayerPrivacyPanelHint',
+      icon: 'fa-solid fa-user-shield',
+      type: PlayerPrivacyPanel,
+      restricted: false,
+    });
   } catch (err) {
     console.error('[ScryingPool] Module initialization failed:', err);
     throw err; // Re-throw to prevent module from loading in broken state

src/foundry/FoundryAdapter.js

@@ -102,6 +102,56 @@ export class FoundryAdapter {
       },
       /** @returns {object|null} */
       current: () => g.user ?? null,
+      /**
+       * Gets a user flag for a specific user.
+       * @param {string} userId - The user ID to get the flag for.
+       * @param {string} scope - The flag scope/namespace.
+       * @param {string} key - The flag key.
+       * @returns {unknown|null} The flag value, or null if not found.
+       */
+      getFlag: (userId, scope, key) => {
+        const user = g.users?.get(userId);
+        if (user && typeof user.getFlag === 'function') {
+          return user.getFlag(scope, key) ?? null;
+        }
+        return null;
+      },
+      /**
+       * Sets a user flag for a specific user.
+       * Note: In FoundryVTT, users can only set their own flags. GM can set flags for any user.
+       * This method wraps the native user.setFlag() which returns a Promise.
+       * @param {string} userId - The user ID to set the flag for.
+       * @param {string} scope - The flag scope/namespace.
+       * @param {string} key - The flag key.
+       * @param {unknown} value - The flag value to set.
+       * @returns {Promise<unknown>|null} The promise from user.setFlag(), or null if user not found.
+       */
+      setFlag: (userId, scope, key, value) => {
+        const user = g.users?.get(userId);
+        if (user && typeof user.setFlag === 'function') {
+          return /** @type {Promise<unknown>} */ (user.setFlag(scope, key, value));
+        }
+        return null;
+      },
+      /**
+       * Convenience method to get a module-scoped flag.
+       * @param {string} userId - The user ID to get the flag for.
+       * @param {string} key - The flag key (will be scoped to 'video-view-manager').
+       * @returns {unknown|null} The flag value, or null if not found.
+       */
+      getFlagModule: (userId, key) => {
+        return this.getFlag(userId, 'video-view-manager', key);
+      },
+      /**
+       * Convenience method to set a module-scoped flag.
+       * @param {string} userId - The user ID to set the flag for.
+       * @param {string} key - The flag key (will be scoped to 'video-view-manager').
+       * @param {unknown} value - The flag value to set.
+       * @returns {Promise<unknown>|null} The promise from user.setFlag(), or null if user not found.
+       */
+      setFlagModule: (userId, key, value) => {
+        return this.setFlag(userId, 'video-view-manager', key, value);
+      },
     };
 
     /** Scenes surface — wraps game.scenes. */

src/ui/gm/DirectorsBoard.js

@@ -58,14 +58,16 @@ export class DirectorsBoard extends _AppBase {
    * @param {object} controller
    * @param {object} adapter
    * @param {import('../core/ScenePresetManager.js').ScenePresetManager} scenePresetManager
+   * @param {import('../../core/PlayerPrivacyManager.js').PlayerPrivacyManager} playerPrivacyManager
    * @param {object} [options]
    */
-  constructor(stateStore, controller, adapter, scenePresetManager, options = {}) {
+  constructor(stateStore, controller, adapter, scenePresetManager, playerPrivacyManager, options = {}) {
     super(options);
     this._stateStore = stateStore;
     this._controller = controller;
     this._adapter = adapter;
     this._scenePresetManager = scenePresetManager;
+    this._playerPrivacyManager = playerPrivacyManager;
     this._hookId = null;
     /** @type {Map<string, string>|null} Pre-bulk-action snapshot for single-step undo */
     this._undoSnapshot = null;
@@ -337,7 +339,7 @@ export class DirectorsBoard extends _AppBase {
 
   /** @inheritdoc */
   async _prepareContext() {
-    const base = buildBoardContext(this._stateStore, this._controller, this._adapter);
+    const base = buildBoardContext(this._stateStore, this._controller, this._adapter, this._playerPrivacyManager);
     const presetCount = this._scenePresetManager?.list?.().length ?? 0;
     
     // Get auto-apply config for current scene (Story 3.2)

src/ui/player/PlayerPrivacyPanel.js

@@ -0,0 +1,258 @@
+// @ts-nocheck
+
+// Conditional base class — test environment lacks foundry globals.
+// At module load time in tests, foundry is undefined → fallback class is used.
+
+/** @private */
+const _AppBase =
+  typeof foundry !== 'undefined' &&
+  foundry.applications?.api?.HandlebarsApplicationMixin &&
+  foundry.applications?.api?.ApplicationV2
+    ? foundry.applications.api.HandlebarsApplicationMixin(
+        foundry.applications.api.ApplicationV2
+      )
+    : class _FallbackApp {
+        static DEFAULT_OPTIONS = {};
+        static PARTS = {};
+        get rendered() { return this._rendered ?? false; }
+        set rendered(v) { this._rendered = v; }
+        get element() { return this._element ?? null; }
+        set element(v) { this._element = v; }
+        async render() { this._rendered = true; }
+        async close() { this._rendered = false; }
+        async _prepareContext() { return {}; }
+        _onRender() {}
+        _onClose() {}
+        _onPosition() {}
+      };
+
+/**
+ * Player Privacy Panel — UI component for players to control automation opt-ins.
+ *
+ * Extends ApplicationV2 via HandlebarsApplicationMixin.
+ * Displays privacy settings and allows toggling (for own user) or read-only view (for other users).
+ *
+ * Import rule: may import from src/core/, src/foundry/, src/contracts/.
+ * Constructors are side-effect free.
+ *
+ * @module ui/player/PlayerPrivacyPanel
+ */
+
+/**
+ * Player Privacy Panel dialog for managing automation opt-in settings.
+ */
+export class PlayerPrivacyPanel extends _AppBase {
+  static DEFAULT_OPTIONS = {
+    id: 'scrying-pool-player-privacy-panel',
+    classes: ['scrying-pool', 'player-privacy-panel'],
+    window: {
+      title: 'Player Privacy Panel',
+      resizable: false,
+      width: 380,
+      height: 'auto',
+    },
+    position: {},
+  };
+
+  static PARTS = {
+    dialog: {
+      template: 'modules/video-view-manager/templates/player-privacy-panel.hbs',
+    },
+  };
+
+  /**
+   * @param {import('../../foundry/FoundryAdapter.js').FoundryAdapter} adapter
+   *   Injected FoundryAdapter surface.
+   * @param {import('../../core/PlayerPrivacyManager.js').PlayerPrivacyManager} playerPrivacyManager
+   *   Injected PlayerPrivacyManager for privacy settings operations.
+   * @param {string} targetUserId - The user ID whose settings are being viewed/edited.
+   * @param {object} [options]
+   * @throws {TypeError} If adapter or playerPrivacyManager is invalid.
+   */
+  constructor(adapter, playerPrivacyManager, targetUserId, options = {}) {
+    // Validate dependencies
+    if (!adapter || typeof adapter !== 'object') {
+      throw new TypeError(
+        'PlayerPrivacyPanel: adapter argument is required and must be an object'
+      );
+    }
+    if (!playerPrivacyManager || typeof playerPrivacyManager !== 'object') {
+      throw new TypeError(
+        'PlayerPrivacyPanel: playerPrivacyManager argument is required and must be an object'
+      );
+    }
+    if (typeof targetUserId !== 'string' || targetUserId.length === 0) {
+      throw new TypeError(
+        'PlayerPrivacyPanel: targetUserId must be a non-empty string'
+      );
+    }
+
+    super(options);
+
+    this._adapter = adapter;
+    this._playerPrivacyManager = playerPrivacyManager;
+    this._targetUserId = targetUserId;
+
+    // Cache for DOM elements
+    /** @type {HTMLElement|null} */
+    this._reactionCamToggle = null;
+    /** @type {HTMLElement|null} */
+    this._hpReactiveCamToggle = null;
+
+    // Current settings state
+    /** @type {import('../../contracts/privacy-settings.js').PrivacySettings|null} */
+    this._currentSettings = null;
+  }
+
+  /**
+   * Prepares the template context with i18n labels and current settings.
+   * @returns {Promise<object>} Template context.
+   */
+  async _prepareContext() {
+    const i18n = this._adapter.i18n;
+
+    // Get current settings for the target user
+    const settings = this._playerPrivacyManager.getSettings(this._targetUserId);
+    this._currentSettings = settings;
+
+    // Determine if this is the current user (editable) or another user (read-only)
+    const currentUserId = this._adapter.users.current?.()?.id;
+    const isOwnUser = this._targetUserId === currentUserId;
+    const isReadOnly = !isOwnUser;
+
+    return {
+      // Panel metadata
+      title: i18n.localize('SCRYING_POOL.PrivacyPanel.title'),
+      sectionHeader: i18n.localize('SCRYING_POOL.PrivacyPanel.sectionHeader'),
+      readOnlyNotice: i18n.localize('SCRYING_POOL.PrivacyPanel.readOnlyNotice'),
+
+      // Automation effects
+      automationEffects: [
+        {
+          key: 'reactionCam',
+          label: i18n.localize('SCRYING_POOL.PrivacyPanel.reactionCamLabel'),
+          description: i18n.localize('SCRYING_POOL.PrivacyPanel.reactionCamDescription'),
+          enabled: settings.reactionCamEnabled,
+          settingKey: 'reactionCamEnabled',
+        },
+        {
+          key: 'hpReactiveCamStyling',
+          label: i18n.localize('SCRYING_POOL.PrivacyPanel.hpReactiveCamStylingLabel'),
+          description: i18n.localize('SCRYING_POOL.PrivacyPanel.hpReactiveCamStylingDescription'),
+          enabled: settings.hpReactiveCamStylingEnabled,
+          settingKey: 'hpReactiveCamStylingEnabled',
+        },
+      ],
+
+      // Toggle labels
+      toggleOnLabel: i18n.localize('SCRYING_POOL.PrivacyPanel.toggleOn'),
+      toggleOffLabel: i18n.localize('SCRYING_POOL.PrivacyPanel.toggleOff'),
+
+      // State
+      isReadOnly,
+      isOwnUser,
+    };
+  }
+
+  /**
+   * Sets up event handlers after rendering.
+   * @param {HTMLElement} element - The dialog element.
+   */
+  _onRender(element) {
+    // Cache toggle elements
+    this._reactionCamToggle = element.querySelector('[data-setting="reactionCamEnabled"]');
+    this._hpReactiveCamToggle = element.querySelector('[data-setting="hpReactiveCamStylingEnabled"]');
+
+    // Set up toggle change handlers
+    this._setupToggleHandlers(element);
+  }
+
+  /**
+   * Sets up event handlers for toggle switches.
+   * @param {HTMLElement} element - The dialog element.
+   */
+  _setupToggleHandlers(element) {
+    const toggles = element.querySelectorAll('.player-privacy-panel__toggle input[type="checkbox"]');
+
+    for (const toggle of toggles) {
+      toggle.addEventListener('change', (event) => this._onToggleChange(event));
+    }
+  }
+
+  /**
+   * Handles toggle change events.
+   * @param {Event} event - The change event from the checkbox.
+   */
+  async _onToggleChange(event) {
+    const checkbox = event.target;
+    if (!checkbox || checkbox.type !== 'checkbox') return;
+
+    const settingKey = checkbox.getAttribute('data-setting');
+    const newValue = checkbox.checked;
+
+    // Don't allow changes in read-only mode
+    if (this._isReadOnlyMode()) {
+      checkbox.checked = !newValue; // Revert the change
+      return;
+    }
+
+    if (!settingKey) {
+      console.warn('[ScryingPool] PlayerPrivacyPanel: toggle missing data-setting attribute');
+      return;
+    }
+
+    try {
+      // Update the setting via PlayerPrivacyManager
+      await this._playerPrivacyManager.setSetting(
+        this._targetUserId,
+        settingKey,
+        newValue
+      );
+
+      // Update our cached settings
+      if (this._currentSettings) {
+        this._currentSettings[settingKey] = newValue;
+      }
+
+      // Show success notification
+      this._adapter.notifications.info(
+        this._adapter.i18n.localize('SCRYING_POOL.PrivacyPanel.savedNotification')
+      );
+    } catch (err) {
+      // Revert the checkbox if the update failed
+      checkbox.checked = !newValue;
+
+      // Log error
+      console.error('[ScryingPool] PlayerPrivacyPanel: failed to update setting:', err);
+
+      // Show error notification
+      if (err instanceof TypeError) {
+        this._adapter.notifications.error(err.message);
+      } else {
+        this._adapter.notifications.error(
+          this._adapter.i18n.localize('SCRYING_POOL.PrivacyPanel.saveError')
+        );
+      }
+    }
+  }
+
+  /**
+   * Checks if the panel is in read-only mode.
+   * @returns {boolean} True if in read-only mode.
+   * @private
+   */
+  _isReadOnlyMode() {
+    const currentUserId = this._adapter.users.current?.()?.id;
+    return this._targetUserId !== currentUserId;
+  }
+
+  /**
+   * Cleans up event listeners.
+   */
+  _onClose() {
+    // Clear cached elements
+    this._reactionCamToggle = null;
+    this._hpReactiveCamToggle = null;
+    this._currentSettings = null;
+  }
+}

src/utils/boardUtils.js

@@ -21,15 +21,30 @@ export function resolveToggleTarget(currentState) {
  * Builds context for a single participant in the Director's Board.
  * @param {object} stateStore
  * @param {string} userId
+ * @param {object} [user] - Optional user object for additional data
+ * @param {object} [privacyManager] - Optional PlayerPrivacyManager for privacy settings
  * @returns {object} Participant context
  */
-export function buildSimpleParticipantContext(stateStore, userId) {
+export function buildSimpleParticipantContext(stateStore, userId, user, privacyManager) {
   const state = stateStore.getState(userId);
-  return {
+  const context = {
     userId,
     state: state ?? 'active',
     isGhost: state === 'ghost',
   };
+
+  // Add privacy settings if privacyManager is provided
+  if (privacyManager && user) {
+    try {
+      const settings = privacyManager.getSettings(userId);
+      context.isReactionCamEnabled = settings.reactionCamEnabled;
+    } catch {
+      // If privacy manager fails, just skip adding the badge
+      context.isReactionCamEnabled = false;
+    }
+  }
+
+  return context;
 }
 
 /**
@@ -37,12 +52,16 @@ export function buildSimpleParticipantContext(stateStore, userId) {
  * @param {object} stateStore
  * @param {object} controller
  * @param {object} adapter
+ * @param {object} [privacyManager] - Optional PlayerPrivacyManager for privacy settings
  * @returns {object} Board context
  */
-export function buildBoardContext(stateStore, controller, adapter) {
+export function buildBoardContext(stateStore, controller, adapter, privacyManager) {
   try {
     const users = adapter.users.all?.() ?? [];
-    const participants = users.map(u => buildSimpleParticipantContext(stateStore, u.id ?? u));
+    const participants = users.map(u => {
+      const userId = u.id ?? u;
+      return buildSimpleParticipantContext(stateStore, userId, u, privacyManager);
+    });
     return { participants, isEmpty: participants.length === 0 };
   } catch (err) {
     console.error('[ScryingPool] buildBoardContext failed:', err);

styles/components/_participant-card.less

@@ -39,6 +39,7 @@
     height: 48px;
     margin: 8px auto 4px;
     flex-shrink: 0;
+    position: relative;
 
     img {
       width: 100%;
@@ -47,6 +48,32 @@
       object-fit: cover;
       display: block;
     }
+
+    // ── Badge (Reaction Cam enabled indicator) ─────────────────────────────
+    &-badge {
+      position: absolute;
+      width: 16px;
+      height: 16px;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 8px;
+      border: 1px solid var(--sp-surface);
+      box-shadow: 0 0 0 2px var(--sp-surface);
+
+      i {
+        font-size: 10px;
+        color: var(--sp-text-primary);
+      }
+
+      &--reaction-cam {
+        background: var(--sp-accent);
+        bottom: 0;
+        right: 0;
+        cursor: help;
+      }
+    }
   }
 
   // ── Name (12px, 2-line truncate) ─────────────────────────────────────────

styles/components/_player-privacy-panel.less

@@ -0,0 +1,171 @@
+/**
+ * Player Privacy Panel styles.
+ *
+ * Uses SP (Scrying Pool) semantic token system.
+ * All colors and spacing come from SP tokens, not Foundry tokens directly.
+ */
+
+// Import SP tokens
+@import "../tokens/_base.less";
+
+.scrying-pool {
+  // Container
+  .player-privacy-panel__container {
+    display: flex;
+    flex-direction: column;
+    min-width: 300px;
+    max-width: 400px;
+  }
+
+  // Header
+  .player-privacy-panel__header {
+    padding: @sp-spacing-sm @sp-spacing-md;
+    border-bottom: 1px solid var(--sp-border);
+    background: var(--sp-surface);
+  }
+
+  .player-privacy-panel__title {
+    margin: 0;
+    font-size: 1.1em;
+    font-weight: 600;
+    color: var(--sp-text-primary);
+    text-align: center;
+  }
+
+  // Body
+  .player-privacy-panel__body {
+    padding: @sp-spacing-md;
+    background: var(--sp-surface);
+  }
+
+  // Notice (read-only)
+  .player-privacy-panel__notice {
+    padding: @sp-spacing-sm @sp-spacing-md;
+    margin-bottom: @sp-spacing-md;
+    border-radius: @sp-border-radius;
+    font-size: 0.85em;
+    text-align: center;
+  }
+
+  .player-privacy-panel__notice--readonly {
+    background: var(--sp-urgency-awareness);
+    color: var(--sp-text-secondary);
+    border: 1px solid var(--sp-border);
+  }
+
+  // Section
+  .player-privacy-panel__section {
+    margin-bottom: @sp-spacing-md;
+  }
+
+  .player-privacy-panel__section-header {
+    margin: 0 0 @sp-spacing-xs 0;
+    font-size: 0.95em;
+    font-weight: 600;
+    color: var(--sp-text-primary);
+  }
+
+  .player-privacy-panel__section-description {
+    margin: 0 0 @sp-spacing-md 0;
+    font-size: 0.85em;
+    color: var(--sp-text-secondary);
+    line-height: 1.4;
+  }
+
+  // Effects list
+  .player-privacy-panel__effects-list {
+    display: flex;
+    flex-direction: column;
+    gap: @sp-spacing-md;
+  }
+
+  // Individual effect
+  .player-privacy-panel__effect {
+    padding: @sp-spacing-sm;
+    border: 1px solid var(--sp-border);
+    border-radius: @sp-border-radius;
+    background: var(--sp-surface-elevated);
+  }
+
+  .player-privacy-panel__effect-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: @sp-spacing-xs;
+  }
+
+  .player-privacy-panel__effect-label {
+    margin: 0;
+    font-size: 0.9em;
+    font-weight: 500;
+    color: var(--sp-text-primary);
+  }
+
+  .player-privacy-panel__effect-description {
+    margin: 0;
+    font-size: 0.8em;
+    color: var(--sp-text-secondary);
+    line-height: 1.4;
+  }
+
+  // Toggle switch
+  .player-privacy-panel__toggle {
+    display: flex;
+    align-items: center;
+  }
+
+  .player-privacy-panel__toggle-label {
+    display: flex;
+    align-items: center;
+    gap: @sp-spacing-xs;
+    cursor: pointer;
+    user-select: none;
+    font-size: 0.85em;
+  }
+
+  // Toggle input - visually hidden, uses custom styling
+  .player-privacy-panel__toggle-input {
+    position: absolute;
+    opacity: 0;
+    width: 0;
+    height: 0;
+
+    &:focus-visible + .player-privacy-panel__toggle-text {
+      outline: 2px solid var(--sp-focus);
+      outline-offset: 2px;
+    }
+
+    &:disabled + .player-privacy-panel__toggle-text {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+  }
+
+  .player-privacy-panel__toggle-text {
+    display: inline-block;
+    padding: @sp-spacing-xs @sp-spacing-sm;
+    border: 1px solid var(--sp-border);
+    border-radius: @sp-border-radius;
+    background: var(--sp-surface);
+    color: var(--sp-text-primary);
+    font-weight: 500;
+    transition: all 0.15s ease;
+
+    .player-privacy-panel__toggle-input:checked + & {
+      background: var(--sp-accent);
+      color: white;
+      border-color: var(--sp-accent);
+    }
+
+    .player-privacy-panel__toggle-input:disabled + & {
+      background: var(--sp-surface);
+      border-color: var(--sp-border);
+    }
+
+    .player-privacy-panel__toggle-input:checked:disabled + & {
+      background: var(--sp-accent);
+      color: white;
+      opacity: 0.6;
+    }
+  }
+}

styles/scrying-pool.less

@@ -26,6 +26,8 @@
 @import "components/_confirmation-bar.less";
 // Story 3.3: Preset Import/Export Dialogs
 @import "components/_preset-import-export.less";
+// Story 4.1: Player Privacy Panel
+@import "components/_player-privacy-panel.less";
 
 /*
  * VisibilityBadge :root exception

templates/participant-card.hbs

@@ -8,6 +8,15 @@
   {{!-- Avatar (48px rounded) --}}
   <div class="participant-card__avatar">
     <img src="{{avatarSrc}}" alt="Avatar of {{name}}" />
+    {{!-- Reaction Cam badge - Story 4.1 --}}
+    {{#if isReactionCamEnabled}}
+    <span class="participant-card__badge participant-card__badge--reaction-cam"
+          role="status"
+          aria-label="Reaction Cam: Enabled"
+          title="Reaction Cam: Enabled">
+      <i class="fas fa-video" aria-hidden="true"></i>
+    </span>
+    {{/if}}
   </div>
 
   {{!-- Name (12px, 2-line truncate) --}}

templates/player-privacy-panel.hbs

@@ -0,0 +1,51 @@
+{{!-- Player Privacy Panel --}}
+<div class="player-privacy-panel__container">
+  <header class="player-privacy-panel__header">
+    <h2 class="player-privacy-panel__title">{{title}}</h2>
+  </header>
+
+  <div class="player-privacy-panel__body">
+    {{#if isReadOnly}}
+    <div class="player-privacy-panel__notice player-privacy-panel__notice--readonly">
+      {{readOnlyNotice}}
+    </div>
+    {{/if}}
+
+    <section class="player-privacy-panel__section">
+      <h3 class="player-privacy-panel__section-header">{{sectionHeader}}</h3>
+      
+      <p class="player-privacy-panel__section-description">
+        {{SCRYING_POOL.PrivacyPanel.sectionDescription}}
+      </p>
+
+      <div class="player-privacy-panel__effects-list">
+        {{#each automationEffects}}
+        <div class="player-privacy-panel__effect">
+          <div class="player-privacy-panel__effect-header">
+            <h4 class="player-privacy-panel__effect-label">{{label}}</h4>
+            <div class="player-privacy-panel__toggle">
+              <label class="player-privacy-panel__toggle-label">
+                <input 
+                  type="checkbox" 
+                  {{#if enabled}}checked{{/if}}
+                  {{#if ../isReadOnly}}disabled{{/if}}
+                  data-setting="{{settingKey}}"
+                  class="player-privacy-panel__toggle-input"
+                >
+                <span class="player-privacy-panel__toggle-text">
+                  {{#if enabled}}
+                    {{../toggleOnLabel}}
+                  {{else}}
+                    {{../toggleOffLabel}}
+                  {{/if}}
+                </span>
+              </label>
+            </div>
+          </div>
+          <p class="player-privacy-panel__effect-description">{{description}}</p>
+        </div>
+        {{/each}}
+      </div>
+    </section>
+  </div>
+</div>

tests/unit/ui/player/PlayerPrivacyPanel.test.js

@@ -0,0 +1,367 @@
+/**
+ * Tests for PlayerPrivacyPanel.
+ * @module tests/unit/ui/player/PlayerPrivacyPanel.test
+ */
+
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { PlayerPrivacyPanel } from '../../../../src/ui/player/PlayerPrivacyPanel.js';
+import { createPrivacySettings } from '../../../../src/contracts/privacy-settings.js';
+
+// Test helper: create a mock FoundryAdapter surface
+function createMockAdapter(overrides = {}) {
+  return {
+    users: {
+      get: vi.fn(() => null),
+      all: vi.fn(() => []),
+      current: vi.fn(() => ({ id: 'test-user' })),
+      ...overrides.users,
+    },
+    notifications: {
+      info: vi.fn(),
+      warn: vi.fn(),
+      error: vi.fn(),
+      ...overrides.notifications,
+    },
+    i18n: {
+      localize: vi.fn((key) => {
+        // Simple mock for i18n - return known strings or the key
+        const translations = {
+          'SCRYING_POOL.PrivacyPanel.title': 'Player Privacy Panel',
+          'SCRYING_POOL.PrivacyPanel.sectionHeader': 'Automation Opt-ins',
+          'SCRYING_POOL.PrivacyPanel.sectionDescription': 'Control which automation effects can affect your camera.',
+          'SCRYING_POOL.PrivacyPanel.reactionCamLabel': 'Reaction Cam',
+          'SCRYING_POOL.PrivacyPanel.reactionCamDescription': 'Automatically show your camera during key moments (combat, rolls, etc.)',
+          'SCRYING_POOL.PrivacyPanel.hpReactiveCamStylingLabel': 'HP-Reactive Cam Styling',
+          'SCRYING_POOL.PrivacyPanel.hpReactiveCamStylingDescription': 'Apply visual styling to your camera based on your character\'s HP',
+          'SCRYING_POOL.PrivacyPanel.toggleOn': 'Enabled',
+          'SCRYING_POOL.PrivacyPanel.toggleOff': 'Disabled',
+          'SCRYING_POOL.PrivacyPanel.readOnlyNotice': 'This player\'s privacy settings are read-only',
+          'SCRYING_POOL.PrivacyPanel.savedNotification': 'Privacy settings saved',
+          'SCRYING_POOL.PrivacyPanel.saveError': 'Failed to save privacy settings',
+        };
+        return translations[key] ?? key;
+      }),
+      ...overrides.i18n,
+    },
+    ...overrides,
+  };
+}
+
+// Test helper: create a mock PlayerPrivacyManager surface
+function createMockPlayerPrivacyManager(overrides = {}) {
+  return {
+    getSettings: vi.fn(() => createPrivacySettings()),
+    setSetting: vi.fn().mockResolvedValue(undefined),
+    isOptedIn: vi.fn(() => false),
+    getAllSettings: vi.fn(() => new Map()),
+    onChange: vi.fn(() => vi.fn()), // Returns unsubscribe function
+    teardown: vi.fn(),
+    ...overrides,
+  };
+}
+
+describe('PlayerPrivacyPanel', () => {
+  let adapter;
+  let playerPrivacyManager;
+  let panel;
+  const targetUserId = 'test-user-1';
+
+  beforeEach(() => {
+    adapter = createMockAdapter();
+    playerPrivacyManager = createMockPlayerPrivacyManager();
+    panel = new PlayerPrivacyPanel(adapter, playerPrivacyManager, targetUserId);
+  });
+
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  describe('constructor', () => {
+    it('should construct with valid arguments', () => {
+      expect(() =>
+        new PlayerPrivacyPanel(adapter, playerPrivacyManager, targetUserId)
+      ).not.toThrow();
+    });
+
+    it('should throw TypeError for null adapter', () => {
+      expect(() =>
+        new PlayerPrivacyPanel(null, playerPrivacyManager, targetUserId)
+      ).toThrow(TypeError);
+      expect(() =>
+        new PlayerPrivacyPanel(null, playerPrivacyManager, targetUserId)
+      ).toThrow('adapter argument is required');
+    });
+
+    it('should throw TypeError for non-object adapter', () => {
+      expect(() =>
+        new PlayerPrivacyPanel('not an object', playerPrivacyManager, targetUserId)
+      ).toThrow(TypeError);
+      expect(() =>
+        new PlayerPrivacyPanel('not an object', playerPrivacyManager, targetUserId)
+      ).toThrow('adapter argument is required');
+    });
+
+    it('should throw TypeError for null playerPrivacyManager', () => {
+      expect(() =>
+        new PlayerPrivacyPanel(adapter, null, targetUserId)
+      ).toThrow(TypeError);
+      expect(() =>
+        new PlayerPrivacyPanel(adapter, null, targetUserId)
+      ).toThrow('playerPrivacyManager argument is required');
+    });
+
+    it('should throw TypeError for empty targetUserId', () => {
+      expect(() =>
+        new PlayerPrivacyPanel(adapter, playerPrivacyManager, '')
+      ).toThrow(TypeError);
+      expect(() =>
+        new PlayerPrivacyPanel(adapter, playerPrivacyManager, '')
+      ).toThrow('targetUserId must be a non-empty string');
+    });
+
+    it('should store dependencies', () => {
+      expect(panel._adapter).toBe(adapter);
+      expect(panel._playerPrivacyManager).toBe(playerPrivacyManager);
+      expect(panel._targetUserId).toBe(targetUserId);
+    });
+  });
+
+  describe('_prepareContext', () => {
+    it('should return context with settings', async () => {
+      const settings = createPrivacySettings({
+        reactionCamEnabled: true,
+        hpReactiveCamStylingEnabled: false,
+      });
+      playerPrivacyManager.getSettings.mockReturnValue(settings);
+      adapter.users.current.mockReturnValue({ id: targetUserId });
+
+      const context = await panel._prepareContext();
+
+      expect(context.title).toBe('Player Privacy Panel');
+      expect(context.sectionHeader).toBe('Automation Opt-ins');
+      expect(context.automationEffects).toBeDefined();
+      expect(context.automationEffects).toHaveLength(2);
+      expect(context.isReadOnly).toBe(false);
+      expect(context.isOwnUser).toBe(true);
+    });
+
+    it('should mark as read-only when viewing another user', async () => {
+      const otherUserId = 'other-user';
+      panel = new PlayerPrivacyPanel(adapter, playerPrivacyManager, otherUserId);
+      adapter.users.current.mockReturnValue({ id: targetUserId });
+
+      const context = await panel._prepareContext();
+
+      expect(context.isReadOnly).toBe(true);
+      expect(context.isOwnUser).toBe(false);
+    });
+
+    it('should include both automation effects', async () => {
+      const context = await panel._prepareContext();
+
+      expect(context.automationEffects).toHaveLength(2);
+      expect(context.automationEffects[0].key).toBe('reactionCam');
+      expect(context.automationEffects[1].key).toBe('hpReactiveCamStyling');
+    });
+
+    it('should reflect current settings in context', async () => {
+      const settings = createPrivacySettings({
+        reactionCamEnabled: true,
+        hpReactiveCamStylingEnabled: true,
+      });
+      playerPrivacyManager.getSettings.mockReturnValue(settings);
+
+      const context = await panel._prepareContext();
+
+      expect(context.automationEffects[0].enabled).toBe(true);
+      expect(context.automationEffects[1].enabled).toBe(true);
+    });
+  });
+
+  describe('_isReadOnlyMode', () => {
+    it('should return false when viewing own user', () => {
+      adapter.users.current.mockReturnValue({ id: targetUserId });
+      expect(panel._isReadOnlyMode()).toBe(false);
+    });
+
+    it('should return true when viewing another user', () => {
+      const otherUserId = 'other-user';
+      panel = new PlayerPrivacyPanel(adapter, playerPrivacyManager, otherUserId);
+      adapter.users.current.mockReturnValue({ id: targetUserId });
+      expect(panel._isReadOnlyMode()).toBe(true);
+    });
+
+    it('should return true when current user is null', () => {
+      adapter.users.current.mockReturnValue(null);
+      expect(panel._isReadOnlyMode()).toBe(true);
+    });
+
+    it('should return true when current user has no id', () => {
+      adapter.users.current.mockReturnValue({});
+      expect(panel._isReadOnlyMode()).toBe(true);
+    });
+  });
+
+  describe('_onToggleChange', () => {
+    beforeEach(() => {
+      panel._currentSettings = createPrivacySettings();
+      playerPrivacyManager.setSetting.mockClear();
+    });
+
+    it('should revert change in read-only mode', async () => {
+      const otherUserId = 'other-user';
+      panel = new PlayerPrivacyPanel(adapter, playerPrivacyManager, otherUserId);
+      panel._currentSettings = createPrivacySettings();
+      adapter.users.current.mockReturnValue({ id: targetUserId });
+
+      const checkbox = {
+        checked: true,
+        type: 'checkbox',
+        getAttribute: () => 'reactionCamEnabled',
+      };
+
+      const event = { target: checkbox, preventDefault: vi.fn(), stopPropagation: vi.fn() };
+
+      await panel._onToggleChange(event);
+
+      // Should revert the change
+      expect(checkbox.checked).toBe(false);
+      expect(playerPrivacyManager.setSetting).not.toHaveBeenCalled();
+    });
+
+    it('should update setting for own user', async () => {
+      adapter.users.current.mockReturnValue({ id: targetUserId });
+      playerPrivacyManager.setSetting.mockResolvedValue(undefined);
+
+      const checkbox = {
+        checked: true,
+        type: 'checkbox',
+        getAttribute: () => 'reactionCamEnabled',
+      };
+
+      const event = { target: checkbox, preventDefault: vi.fn(), stopPropagation: vi.fn() };
+
+      await panel._onToggleChange(event);
+
+      expect(playerPrivacyManager.setSetting).toHaveBeenCalledWith(
+        targetUserId,
+        'reactionCamEnabled',
+        true
+      );
+    });
+
+    it('should handle missing data-setting attribute', async () => {
+      adapter.users.current.mockReturnValue({ id: targetUserId });
+
+      const checkbox = {
+        checked: true,
+        type: 'checkbox',
+        getAttribute: () => null,
+      };
+
+      const event = { target: checkbox, preventDefault: vi.fn(), stopPropagation: vi.fn() };
+
+      const consoleWarnSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
+
+      await panel._onToggleChange(event);
+
+      expect(consoleWarnSpy).toHaveBeenCalledWith(
+        expect.stringContaining('missing data-setting')
+      );
+
+      consoleWarnSpy.mockRestore();
+    });
+
+    it('should handle non-checkbox target', async () => {
+      const checkbox = {
+        checked: true,
+        type: 'radio', // Not checkbox
+        getAttribute: () => 'reactionCamEnabled',
+      };
+
+      const event = { target: checkbox, preventDefault: vi.fn(), stopPropagation: vi.fn() };
+
+      await panel._onToggleChange(event);
+
+      expect(playerPrivacyManager.setSetting).not.toHaveBeenCalled();
+    });
+
+    it('should show success notification on successful update', async () => {
+      adapter.users.current.mockReturnValue({ id: targetUserId });
+      playerPrivacyManager.setSetting.mockResolvedValue(undefined);
+
+      const checkbox = {
+        checked: true,
+        type: 'checkbox',
+        getAttribute: () => 'reactionCamEnabled',
+      };
+
+      const event = { target: checkbox, preventDefault: vi.fn(), stopPropagation: vi.fn() };
+
+      await panel._onToggleChange(event);
+
+      expect(adapter.notifications.info).toHaveBeenCalledWith(
+        'Privacy settings saved'
+      );
+    });
+
+    it('should revert checkbox and show error on TypeError', async () => {
+      adapter.users.current.mockReturnValue({ id: targetUserId });
+      playerPrivacyManager.setSetting.mockRejectedValue(
+        new TypeError('Invalid key')
+      );
+
+      const checkbox = {
+        checked: true,
+        type: 'checkbox',
+        getAttribute: () => 'reactionCamEnabled',
+      };
+
+      const event = { target: checkbox, preventDefault: vi.fn(), stopPropagation: vi.fn() };
+
+      await panel._onToggleChange(event);
+
+      // Should revert the change
+      expect(checkbox.checked).toBe(false);
+      expect(adapter.notifications.error).toHaveBeenCalledWith('Invalid key');
+    });
+
+    it('should revert checkbox and show generic error on other errors', async () => {
+      adapter.users.current.mockReturnValue({ id: targetUserId });
+      playerPrivacyManager.setSetting.mockRejectedValue(
+        new Error('Some other error')
+      );
+
+      const checkbox = {
+        checked: true,
+        type: 'checkbox',
+        getAttribute: () => 'reactionCamEnabled',
+      };
+
+      const event = { target: checkbox, preventDefault: vi.fn(), stopPropagation: vi.fn() };
+
+      await panel._onToggleChange(event);
+
+      // Should revert the change
+      expect(checkbox.checked).toBe(false);
+      expect(adapter.notifications.error).toHaveBeenCalledWith(
+        'Failed to save privacy settings'
+      );
+    });
+  });
+
+  describe('_onClose', () => {
+    it('should clear cached elements', () => {
+      // Set up some cached values
+      panel._reactionCamToggle = document.createElement('div');
+      panel._hpReactiveCamToggle = document.createElement('div');
+      panel._currentSettings = createPrivacySettings();
+
+      panel._onClose();
+
+      expect(panel._reactionCamToggle).toBe(null);
+      expect(panel._hpReactiveCamToggle).toBe(null);
+      expect(panel._currentSettings).toBe(null);
+    });
+  });
+});