export function initTabs(){
  const tabs=document.querySelectorAll('nav [data-tab]'); if(!tabs.length) return;
  const views={ templates:document.getElementById('view-templates'), sections:document.getElementById('view-sections'), blocks:document.getElementById('view-blocks'), snippets:document.getElementById('view-snippets') };
  tabs.forEach(btn=>btn.addEventListener('click',()=>{
    tabs.forEach(b=>b.classList.remove('bg-sky-50','text-sky-700'));
    btn.classList.add('bg-sky-50','text-sky-700');
    document.querySelectorAll('.view').forEach(v=>v.classList.add('hidden'));
    const tab=btn.dataset.tab; views[tab]?.classList.remove('hidden');
    window.loadList && window.loadList(tab);
  }));
}