<%
  var _name     = locals.name     || locals.email || 'Unknown User';
  var _email    = locals.email    || '';
  var _username = locals.username || null;
  var _bio      = locals.biography || null;
  var _role     = locals.role     || locals.userRole || 'USER';
  var _status   = locals.status   || locals.userStatus || 'ACTIVE';
  var _src      = locals.src      || locals.profilePicture || null;

  var sizeMap = { xs: 'h-6 w-6 text-xs', sm: 'h-8 w-8 text-xs', md: 'h-10 w-10 text-sm', lg: 'h-12 w-12 text-base', xl: 'h-16 w-16 text-lg' };
  var szClass = sizeMap['xl'];
  var initials = _name.trim().split(/\s+/).map(function(w) { return w[0] || ''; }).slice(0, 2).join('').toUpperCase() || '?';
%>

  

  

    

      

        <% if (_src) { %>
        
        <% } else { %>
        <%= initials %>
        <% } %>
      
      <% if (locals.actionsHtml) { %>
      
<%- locals.actionsHtml %>
      <% } %>
    

    

      
<%= _name %>
      <% if (_username) { %>
@<%= _username %>
<% } %>
      <% if (_bio) { %>
<%= _bio %>
<% } %>
    

    

      <%- include('../user/UserRoleBadge',   { role: _role }) %>
      <%- include('../user/UserStatusBadge', { status: _status }) %>
      <%= _email %>