`;
- // Notes — model-predicted aroma/taste qualities
+ // Notes — grouped into perceptual families, because 170+ chips in one alphabetical row is
+ // unreadable. Unlisted heads fall into "Other" so nothing is silently dropped.
if(notes.length){
- html += `
Notes an aroma/taste quality → molecules that carry it
`+
- `
`+
- notes.map(n=>``).join('')+
- `
`;
+ const left = new Set(notes), groups = [];
+ for(const [fam, members] of AROMA_FAMILIES){
+ const have = members.filter(m=>left.has(m));
+ have.forEach(m=>left.delete(m));
+ if(have.length) groups.push([fam, have]);
+ }
+ if(left.size) groups.push(['Other', [...left].sort()]);
+ html += `
Notes an aroma quality → molecules that carry it
`+
+ groups.map(([fam, ms])=>
+ `
${fam} ${ms.length}
`+
+ `
`+
+ ms.map(n=>``).join('')+
+ `
`).join('')+
+ `
`;
}
// Mouthfeel — trained trigeminal sensations (a different modality from taste and aroma)
if(mouth.length){
@@ -2326,8 +2383,36 @@
Software & type
const t=b.dataset.term; if(_studioSel.has(t)){ _studioSel.delete(t); b.classList.remove('on'); } else { _studioSel.add(t); b.classList.add('on'); }
syncStudioCount();
}));
+ wireStudioFilter();
}catch(_){ setTimeout(initStudio, 4000); }
}
+// Live filter over every chip. Hides non-matching chips, then collapses any family / category /
+// section left empty, so filtering never leaves a trail of orphan headings. A selected chip always
+// stays visible — otherwise your own picks vanish as you type and the count looks wrong.
+function wireStudioFilter(){
+ const inp=$('studioFilter'); if(!inp) return;
+ const apply=()=>{
+ const q=inp.value.trim().toLowerCase();
+ let shown=0;
+ $('studioChips').querySelectorAll('.schip').forEach(b=>{
+ const hit = !q || b.textContent.toLowerCase().includes(q) || b.classList.contains('on');
+ b.hidden = !hit; if(hit) shown++;
+ });
+ // roll empties up: chip rows, then family blocks / flavor categories, then whole sections
+ $('studioChips').querySelectorAll('.studio-group').forEach(g=>{
+ g.hidden = !g.querySelector('.schip:not([hidden])');
+ });
+ $('studioChips').querySelectorAll('.fam').forEach(f=>{
+ f.hidden = !f.querySelector('.schip:not([hidden])');
+ });
+ $('studioChips').querySelectorAll('.studio-section').forEach(s=>{
+ s.hidden = !s.querySelector('.schip:not([hidden])');
+ });
+ const none=$('studioFilterNone'); if(none) none.hidden = shown>0;
+ };
+ inp.addEventListener('input', apply);
+ inp.addEventListener('search', apply); // clicking the native clear (×)
+}
function syncStudioCount(){
const n=_studioSel.size, el=$('studioGoCount'); if(!el) return;
el.textContent = n ? String(n) : '';