export type Shot = {
  /** Stable filename id; output is src/assets/screenshots/whp/<id>.png */
  id: string;
  /** Path on the WHP host. Leading slash, no scheme/host. */
  path: string;
  /** Optional CSS selector to clip to a region instead of the full viewport */
  selector?: string;
  /** Optional list of selectors to redact (account ID, IPs, etc.) before snapshot */
  mask?: string[];
  /** Defaults: 1440x900 */
  viewport?: { width: number; height: number };
  /** Optional selector to wait for before capturing */
  waitFor?: string;
};

/** Always-applied redactions. Per-shot mask is added on top of this list. */
export const DEFAULT_MASK: string[] = [
  // Conservative defaults — the actual selectors may differ; verify by inspecting
  // a captured shot and adding more selectors here if anything leaks.
];

export const shots: Shot[] = [
  { id: 'whp-dashboard', path: '/index.php?page=dashboard' },
  { id: 'whp-domains', path: '/index.php?page=domains' },
  { id: 'whp-sites', path: '/index.php?page=sites' },
  { id: 'whp-email', path: '/index.php?page=email-management' },
  { id: 'whp-backups', path: '/index.php?page=backups' },
  { id: 'whp-site-monitoring', path: '/index.php?page=ai-monitor-customer' },
  { id: 'whp-mysql', path: '/index.php?page=database-management' },
  { id: 'whp-postgres', path: '/index.php?page=postgresql-management' },
  { id: 'whp-valkey', path: '/index.php?page=account-valkey' },
];