# Scrying Pool Documentation Screenshots

✅ **All screenshots have been captured and are ready!**

This directory contains the screenshot images for the Scrying Pool User Guide JournalEntry.

## Included Screenshots

1. **screenshot-main.jpg** - Main overview of the Scrying Pool strip
   - Shows the camera strip at the bottom of the FoundryVTT interface
   - Displays multiple participant video feeds

2. **screenshot-directors-board.jpg** - Director's Board interface
   - Shows the Director's Board window with participant tiles
   - Displays the grid of participant cameras with controls

3. **screenshot-player-view.jpg** - Player perspective
   - Shows the game from a player's viewpoint
   - Displays the visibility badge in the top-right corner

4. **screenshot-presets.jpg** - Layout presets panel
   - Shows the save/load preset interface
   - Displays the preset management UI

5. **screenshot-badge-states.jpg** - Visibility badge states
   - Shows different states of the visibility badge
   - Displays multiple badge examples

## Technical Details

- **Captured from**: Running FoundryVTT instance with Scrying Pool enabled
- **Date**: 2025-05-25
- **Source URL**: https://localhost:31000/game
- **Resolution**: Full page screenshots (~291KB each)
- **Format**: JPEG

## Image Paths in JournalEntry

All images are referenced in the JournalEntry with absolute paths:
```
modules/scrying-pool/packs/assets/screenshot-[name].jpg
```

## Notes

- The JournalEntry HTML includes `onerror="this.style.display='none'"` so if images are missing, they will be hidden gracefully
- Screenshots were captured using Playwright connected to Chrome DevTools on port 9222
- Keyboard shortcuts were used to open/close the Director's Board (Ctrl+Shift+V)

## To Update Screenshots

1. Ensure FoundryVTT is running with Scrying Pool enabled
2. Make sure Chrome is running with remote debugging on port 9222:
   ```bash
   chrome --remote-debugging-port=9222 --user-data-dir=/path/to/profile
   ```
3. Navigate to your FoundryVTT game
4. Run the capture script:
   ```bash
   node /tmp/take_screenshots.js
   ```
5. Replace the files in this directory with the new screenshots
