$ErrorActionPreference = 'Stop'

$root = Split-Path -Parent $PSScriptRoot
$componentPath = Join-Path $root 'components/ModulePage.vue'
if (-not (Test-Path -LiteralPath $componentPath)) { throw 'Missing shared module page component' }
$component = Get-Content -LiteralPath $componentPath -Raw -Encoding utf8

foreach ($anchor in @(
  "const moduleState = ref('ready')",
  'module-state--ready',
  'module-state--empty',
  'module-state--success',
  'module-state--error',
  'g03-create-flow-panel.png',
  'g06-search-input-wide.png',
  'application-status-card.png',
  '<AppButton',
  '<AppToast',
  '<ModulePageBackground',
  'query.state'
)) {
  if ($component -notmatch [regex]::Escape($anchor)) { throw "ModulePage is missing high-spec anchor: $anchor" }
}

foreach ($className in @('module-panel', 'form-row', 'list-card', 'detail-card', 'timeline-row', 'settings-row', 'status-card')) {
  foreach ($property in @('border', 'background', 'border-radius', 'box-shadow', 'background-image')) {
    if ($component -match "(?s)\.$className\s*\{[^}]*\b$property\s*:") {
      throw "ModulePage must not construct .$className with CSS $property"
    }
  }
}

if ($component -match '::before|::after') { throw 'ModulePage must not draw visible decorations with CSS pseudo-elements' }

Write-Output 'MODULE-PAGE-VISUAL-CONTRACT PASS'