export function getTicketGridApp(): string {
  return `<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>Ticket Grid</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:1600px;margin:0 auto}.header{background:white;padding:24px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,0.1);display:flex;justify-content:space-between;align-items:center}h1{font-size:24px;color:#1f2937}.controls{display:flex;gap:12px}input{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}table{width:100%;background:white;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,0.1);border-collapse:collapse}th,td{padding:16px;text-align:left;border-bottom:1px solid #e5e7eb}th{background:#f9fafb;font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:0.5px}tr:hover{background:#f9fafb}.badge{padding:4px 10px;border-radius:16px;font-size:11px;font-weight:600}.badge-open{background:#dbeafe;color:#1e40af}.badge-pending{background:#fef3c7;color:#92400e}.badge-resolved{background:#d1fae5;color:#065f46}.priority-high{color:#dc2626;font-weight:600}.priority-urgent{color:#991b1b;font-weight:700}.priority-low{color:#059669}.priority-medium{color:#d97706}</style></head><body><div class="container"><div class="header"><h1>🎫 Ticket Grid</h1><div class="controls"><input type="search" placeholder="Search tickets..."><button style="padding:8px 16px;background:#667eea;color:white;border:none;border-radius:6px;cursor:pointer;font-weight:600">Export</button></div></div><table><thead><tr><th>ID</th><th>Subject</th><th>Requester</th><th>Status</th><th>Priority</th><th>Agent</th><th>Created</th><th>Updated</th></tr></thead><tbody id="grid-body"><tr><td><strong>#12345</strong></td><td>Cannot access customer portal</td><td>john.doe@example.com</td><td><span class="badge badge-open">OPEN</span></td><td><span class="priority-high">High</span></td><td>Sarah Smith</td><td>2h ago</td><td>15m ago</td></tr><tr><td><strong>#12344</strong></td><td>Billing discrepancy</td><td>jane.smith@example.com</td><td><span class="badge badge-pending">PENDING</span></td><td><span class="priority-urgent">Urgent</span></td><td>Mike Johnson</td><td>5h ago</td><td>1h ago</td></tr><tr><td><strong>#12343</strong></td><td>Feature request: Dark mode</td><td>bob.wilson@example.com</td><td><span class="badge badge-open">OPEN</span></td><td><span class="priority-low">Low</span></td><td>Unassigned</td><td>1d ago</td><td>1d ago</td></tr><tr><td><strong>#12342</strong></td><td>API documentation unclear</td><td>alice.johnson@example.com</td><td><span class="badge badge-resolved">RESOLVED</span></td><td><span class="priority-medium">Medium</span></td><td>Tom Davis</td><td>2d ago</td><td>1d ago</td></tr></tbody></table></div></body></html>`;
}
