<%
  var _title       = locals.title       || 'Support Chat';
  var _subtitle    = locals.subtitle    || 'We typically reply in a few minutes';
  var _placeholder = locals.placeholder || 'Type a message…';
  var _messages    = locals.messages    || [];
  var _open        = locals.open !== undefined ? !!locals.open : false;
  var _minimised   = !!locals.minimised;
  var _id          = locals.id          || ('chatbox-' + Math.random().toString(36).slice(2, 9));
  var _className   = locals.className   || '';

  var panelHeightClass = _minimised ? 'h-14' : 'h-[480px]';
%>


  
  


    
    

      

        
      
      

        
<%= _title %>
        
<%= _subtitle %>
      
      
        
      
      
        
      
    

    


      
      

        <% if (_messages.length === 0) { %>
        

          
          
Start the conversation
        
        <% } %>
        <% _messages.forEach(function(msg) {
          var isUser = msg.role === 'user';
          var rowClass = 'flex gap-2 items-end ' + (isUser ? 'flex-row-reverse' : 'flex-row');
          var avatarClass = 'flex-shrink-0 flex items-center justify-center w-6 h-6 rounded-full text-xs ' +
                            (isUser ? 'bg-primary text-primary-fg' : 'bg-surface-overlay text-text-secondary');
          var colClass = 'max-w-[75%] flex flex-col gap-0.5 ' + (isUser ? 'items-end' : 'items-start');
          var bubbleClass = 'px-3 py-2 rounded-2xl text-sm leading-snug ' +
                            (isUser
                              ? 'bg-primary text-primary-fg rounded-br-sm'
                              : 'bg-surface-raised border border-border text-text-primary rounded-bl-sm');
        %>
        

          

            
          
          

            
<%= msg.text %>
            <% if (msg.timestamp) { %>
            <%= msg.timestamp %>
            <% } %>
          
        
        <% }); %>
      

      
      

        
        
          
        
      
    
  

  
  
    
    0