export function getContactDetailApp(): string {
  return `<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>Contact Detail</title><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.container{max-width:1200px;margin:0 auto}.profile{background:white;padding:30px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1);display:flex;align-items:center;gap:24px}.avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:32px;color:white;font-weight:bold}.info h1{font-size:28px;margin-bottom:8px;color:#1f2937}.info p{color:#6b7280;margin-bottom:4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;padding:24px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.card h2{font-size:18px;margin-bottom:16px;color:#667eea}.field{padding:10px 0;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between}.field:last-child{border-bottom:none}.label{color:#6b7280;font-size:14px}.value{color:#1f2937;font-weight:600;font-size:14px}.ticket-list{list-style:none}.ticket-list li{padding:10px;background:#f9fafb;margin-bottom:8px;border-radius:6px;border-left:3px solid #667eea}.ticket-list li:hover{background:#f3f4f6}</style></head><body><div class="container"><div class="profile"><div class="avatar">JD</div><div class="info"><h1>John Doe</h1><p>john.doe@example.com</p><p>📞 (555) 123-4567</p><p>🏢 Acme Corporation</p></div></div><div class="grid"><div class="card"><h2>Contact Information</h2><div class="field"><span class="label">Email</span><span class="value">john.doe@example.com</span></div><div class="field"><span class="label">Phone</span><span class="value">(555) 123-4567</span></div><div class="field"><span class="label">Mobile</span><span class="value">(555) 987-6543</span></div><div class="field"><span class="label">Company</span><span class="value">Acme Corporation</span></div><div class="field"><span class="label">Job Title</span><span class="value">Senior Developer</span></div><div class="field"><span class="label">Time Zone</span><span class="value">EST (UTC-5)</span></div><div class="field"><span class="label">Language</span><span class="value">English</span></div></div><div class="card"><h2>Ticket History</h2><ul class="ticket-list"><li><strong>#12345</strong> - Cannot access portal<br><small>Open • 2h ago</small></li><li><strong>#12234</strong> - Password reset issue<br><small>Resolved • 5d ago</small></li><li><strong>#12123</strong> - Billing question<br><small>Closed • 10d ago</small></li><li><strong>#12012</strong> - Feature inquiry<br><small>Closed • 15d ago</small></li></ul></div><div class="card"><h2>Activity Stats</h2><div class="field"><span class="label">Total Tickets</span><span class="value">47</span></div><div class="field"><span class="label">Open Tickets</span><span class="value">3</span></div><div class="field"><span class="label">Resolved</span><span class="value">42</span></div><div class="field"><span class="label">Closed</span><span class="value">2</span></div><div class="field"><span class="label">Avg Response Time</span><span class="value">2.3 hours</span></div><div class="field"><span class="label">Satisfaction Score</span><span class="value">4.8/5.0</span></div><div class="field"><span class="label">Member Since</span><span class="value">Jan 15, 2023</span></div><div class="field"><span class="label">Last Activity</span><span class="value">2 hours ago</span></div></div></div></div></body></html>`;
}
