{# Componente reutilizable: Selector de vista (Tabla / Grilla vs. Tarjetas / Mosaico) #}
<div class="btn-group btn-group-sm shadow-sm view-switcher-group" 
     role="group" 
     aria-label="Selector de Vista" 
     data-context="{{ context_id|default('default') }}"
     data-default-view="{{ default_view|default('cards') }}">
    <button type="button" 
            class="btn btn-outline-secondary view-switcher-btn" 
            data-view="table" 
            title="Vista de Tabla / Grilla (filas, columnas y análisis denso)">
        <i class="bi bi-table me-1"></i>
        <span class="d-none d-sm-inline">Tabla</span>
    </button>
    <button type="button" 
            class="btn btn-outline-secondary view-switcher-btn" 
            data-view="cards" 
            title="Vista de Tarjetas / Mosaico (amigable, visual y responsive)">
        <i class="bi bi-grid-fill me-1"></i>
        <span class="d-none d-sm-inline">Tarjetas</span>
    </button>
</div>