Account Documentation Screenshots

This folder should contain the following screenshots for the account documentation.

Required Screenshots

Account Overview (overview.md)

Filename	Description	Where to Capture
account-menu-placeholder.png	Profile dropdown showing "Account Settings" option	Click profile avatar in top nav, capture the dropdown menu
account-details-edit-placeholder.png	Account details form in edit mode	Account Settings page after clicking Edit button

Security (security.md)

Filename	Description	Where to Capture
change-password-form-placeholder.png	Change password form with both input fields	Security section in edit mode, showing current + new password fields
reauth-prompt-placeholder.png	Current password verification field	Close-up of the current password field with label
ownership-warning-placeholder.png	Warning when user owns teams and tries to delete	Delete Account card when user is an owner (shows disabled state with message)
delete-account-card-placeholder.png	Delete Account card in edit mode	Bottom of Account Settings page in edit mode
delete-confirmation-dialog-placeholder.png	Confirmation modal with password field	After clicking Delete Account button, capture the modal

Screenshot Guidelines

1. Resolution: Capture at 2x resolution for retina displays
2. Dimensions: Aim for consistent widths (800px recommended)
3. Format: PNG with transparency if needed, or JPG for photos
4. Cropping: Crop to show only relevant UI, minimal browser chrome
5. Annotations: Add red boxes/arrows if highlighting specific elements
6. Sensitive Data: Use fake/demo data, never real user information

After Capturing

1. Save images with the exact filenames listed above (replace -placeholder)
2. Optimize images for web (use TinyPNG or similar)
3. Update the markdown files to remove -placeholder suffix from image paths