+ Ticket #4821 is closest to SLA breach
+ Open in Zendesk →
+
+
`;
+
+ const draftAppEmbed = `
+
+
+
+
+ Actions Completed
+
+ 2 of 2
+
+
+
+
+ ✓
+
+ Reply drafted for #4821
+
+
+ "Hi Sarah, I've looked into the SSO failure you reported. Our team identified a certificate rotation issue affecting your IdP connection. I've refreshed the SAML metadata on our end — could you try logging in again? If the issue persists..."
+
+
+
+
+
+ ✓
+
+ #4819 escalated to Tier 2
+
+
+ Tier 2
+ Context attached
+ Priority: High
+
+
+
`;
+
const messages = [
{ type:'user', text:'Show me all urgent tickets from enterprise customers' },
- { type:'ai', text:'Found 3 urgent enterprise tickets. Ticket #4821 (Login Issue, Sarah Chen) is closest to SLA breach — 28 minutes remaining. Want me to draft a response?', action:'Zendesk: search_tickets → 3 results' },
- { type:'user', text:'Yes, draft a reply for #4821 and escalate #4819 to tier 2' },
- { type:'ai', text:'Done! Reply drafted for #4821 using their account history and knowledge base. #4819 escalated to Tier 2 with full context attached.', action:'2 actions completed → View in Zendesk' }
+ { type:'ai', text:'Found 3 urgent enterprise tickets:', embed: ticketAppEmbed },
+ { type:'user', text:'Draft a reply for #4821 and escalate #4819 to tier 2' },
+ { type:'ai', text:'Done! Here\'s what I did:', embed: draftAppEmbed }
];
function createMessage(msg){
const div = document.createElement('div');
@@ -765,8 +865,8 @@
if(msg.type==='user'){
div.innerHTML=`