commit

public/assets/js/ui-tabs.js

@@ -0,0 +1,11 @@
+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);
+  }));
+}