<%
  var _visibility = (locals.visibility || '').toUpperCase();
  var _size       = locals.size       || 'md';
  var _showIcon   = locals.showIcon   !== false;

  var visibilityMeta = {
    PUBLIC:   { children: 'Public',   variant: 'success', icon: '' },
    PRIVATE:  { children: 'Private',  variant: 'error',   icon: '' },
    UNLISTED: { children: 'Unlisted', variant: 'neutral', icon: '' },
  };
  var meta = visibilityMeta[_visibility] || { children: locals.visibility || _visibility, variant: 'neutral', icon: '' };
  var label = (_showIcon && meta.icon ? meta.icon + ' ' : '') + meta.children;
%>
<%- include('../../../ui/Badge', {
  variant:  meta.variant,
  size:     _size,
  children: label,
  className: 'gap-1'
}) %>