#!/usr/bin/env node

/**
 * Fix remaining gradient violations in index.html
 */

const fs = require('fs');
const path = require('path');

const filePath = path.join(__dirname, '../public/index.html');
let content = fs.readFileSync(filePath, 'utf8');

const replacements = [
  { from: ' style="background: var(--gradient-btn-boundary);"', to: ' class="bg-gradient-service-boundary"' },
  { from: ' style="background: var(--gradient-btn-pressure);"', to: ' class="bg-gradient-service-pressure"' },
  { from: ' style="background: var(--gradient-btn-metacognitive);"', to: ' class="bg-gradient-service-metacognitive"' }
];

let fixed = 0;
replacements.forEach(({ from, to }) => {
  const count = (content.match(new RegExp(from.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g')) || []).length;
  if (count > 0) {
    content = content.split(from).join(to);
    fixed += count;
    console.log(`✓ Fixed ${count} occurrence(s) of ${from.substring(0, 40)}...`);
  }
});

if (fixed > 0) {
  fs.writeFileSync(filePath, content);
  console.log(`\n✓ Total fixes applied to index.html: ${fixed}\n`);
} else {
  console.log('\n• No violations found\n');
}