export function getAgentPerformanceApp(): string {
  return `<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>Agent Performance</title><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:#f5f7fa;padding:20px}.container{max-width:1200px;margin:0 auto}.header{background:white;padding:30px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.header h1{font-size:28px;color:#1f2937;margin-bottom:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.metric-card{background:white;padding:24px;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.metric-card h3{font-size:14px;color:#6b7280;text-transform:uppercase;margin-bottom:8px}.metric-card .value{font-size:32px;font-weight:bold;color:#667eea;margin-bottom:4px}.metric-card .subtext{font-size:14px;color:#10b981}.card{background:white;padding:24px;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,0.1);margin-bottom:20px}.card h2{font-size:20px;margin-bottom:16px;color:#1f2937}.chart-bar{height:30px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;margin-bottom:12px;display:flex;align-items:center;padding:0 12px;color:white;font-weight:600;font-size:14px}.stat-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5e7eb}.stat-row:last-child{border-bottom:none}.label{color:#6b7280}.value{font-weight:600;color:#1f2937}</style></head><body><div class="container"><div class="header"><h1>📊 Agent Performance - Sarah Smith</h1><p>Last 30 days</p></div><div class="metrics"><div class="metric-card"><h3>Tickets Resolved</h3><div class="value">89</div><div class="subtext">+12% vs last month</div></div><div class="metric-card"><h3>Avg Response Time</h3><div class="value">1.8h</div><div class="subtext">-15min vs last month</div></div><div class="metric-card"><h3>CSAT Score</h3><div class="value">4.8/5</div><div class="subtext">+0.2 vs last month</div></div></div><div class="card"><h2>Daily Ticket Volume</h2><div class="chart-bar" style="width:85%">Monday - 17 tickets</div><div class="chart-bar" style="width:72%">Tuesday - 14 tickets</div><div class="chart-bar" style="width:95%">Wednesday - 19 tickets</div><div class="chart-bar" style="width:78%">Thursday - 15 tickets</div><div class="chart-bar" style="width:90%">Friday - 18 tickets</div></div><div class="card"><h2>Performance Metrics</h2><div class="stat-row"><span class="label">First Response Time</span><span class="value">45 minutes</span></div><div class="stat-row"><span class="label">Average Resolution Time</span><span class="value">4.2 hours</span></div><div class="stat-row"><span class="label">Reopened Tickets</span><span class="value">3 (3.4%)</span></div><div class="stat-row"><span class="label">Customer Satisfaction</span><span class="value">4.8/5.0</span></div><div class="stat-row"><span class="label">Tickets per Day</span><span class="value">16.6 average</span></div><div class="stat-row"><span class="label">Resolution Rate</span><span class="value">94%</span></div><div class="stat-row"><span class="label">SLA Compliance</span><span class="value">97%</span></div></div></div></body></html>`;
}
