<html lang=en><meta charset=utf-8><title>Ticket Transcript</title><meta content="width=device-width,initial-scale=1"name=viewport><script src=https://cdn.tailwindcss.com></script><link href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css rel=stylesheet><style>@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);body{font-family:Roboto,sans-serif}.fade-in{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.slide-in{animation:slideIn 1s ease-in-out}@keyframes slideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.bounce{animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.rotate{animation:rotate 2s infinite linear}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}</style><body class="p-4 bg-gray-900 max-w-4xl mx-auto text-gray-200"><header class="text-center mb-8"><h1 class="font-bold text-white fade-in text-4xl">Ticket Transcript</h1><p class=text-gray-400>A detailed log of all ticket interactions</header><main class=space-y-6>${messages.map(msg => `<div class="flex bg-gray-800 items-start p-6 rounded-lg shadow-lg slide-in space-x-4"><img alt="User avatar image"class="h-10 rounded-full w-10"height=40 src=${msg.author.displayAvatarURL()} width=40><div class=flex-grow><div class="flex items-center space-x-2"><span class="font-bold text-white">${msg.author.username} </span><span class="text-gray-400 text-sm">${msg.createdAt.toLocaleString()}</span></div><div class=mt-2>${msg.content || ''}</div>${msg.embeds.map(embed => `<div class="mt-4 bg-gray-700 border-blue-500 border-l-4 p-4 rounded-lg">${embed.title ? `<h3 class=font-bold>${embed.title}</h3>` : ''} ${embed.description ? `<p class=mt-2>${embed.description}</p>` : ''} ${embed.fields ? embed.fields.map(field => `<div class=mt-4><strong>${field.name}</strong><p>${field.value}</div>`).join('') : ''}</div>`).join('')} ${msg.components.map(component => component.components.map(button => `<div class="mt-4 space-x-2"><a class="text-white bg-blue-500 duration-300 ease-in-out hover:bg-blue-600 inline-block pulse px-4 py-2 rounded transition"href=#>${button.label}</a></div>`).join('') ).join('')}</div></div>`).reverse().join('')}</main><footer class="text-center mt-12"><p class=text-gray-500>© 2025 coders1_1. All rights reserved.</footer>