fix: eurogold/gold false-hit + feature top keyword hits & fresh-added products larger/on-top

src/ImageField.jsx

@@ -80,8 +80,14 @@ export default function ImageField({ results, onSelect, paused, query = '', prod
       share.addEventListener('click', event => event.stopPropagation());
       button.append(share);
       button._share = share;
-      // Stack order belongs to the photograph, never to its search rank.
-      const baseZ = 1 + Math.floor(seed(image.id) * 100);
+      // Stack order belongs to the photograph, never to its search rank -- EXCEPT
+      // that a featured tile -- the exact answer, a top keyword hit, or a just
+      // added avatar photograph -- must sit visibly ON TOP of the field around
+      // it, which is the whole point of enlarging it. So featured tiles draw in
+      // a layer above every ordinary tile (which can at most reach 100; 300 is
+      // safely clear of the 1..100 seed range and below the 400 reserved for the
+      // search pill glass in index.css).
+      const baseZ = image.featured ? 300 + Math.floor(seed(image.id) * 40) : 1 + Math.floor(seed(image.id) * 100);
       button.style.zIndex = baseZ;
       root.append(button);
       const home = initial ? target : edgePosition(image, state.width, state.height, target);

src/catalogue.js

@@ -253,6 +253,11 @@ export function normalizeProduct(record) {
     specs: specsOf(record.specs),
     feats: featuresOf(record),
     addedBy: text(record._addedBy, record._source),
+    // The recency of an add via vai-avatar's "Thêm SP". Preserved so the field
+    // can enlarge recently-added products the same way it enlarges recently
+    // published interiors; a brand-new Grandx/Garis row is as much "new" as the
+    // newest avatar interior is.
+    addedAt: record._added_at || record.addedAt || null,
   };
 }
 

src/merge.js

@@ -267,6 +267,16 @@ export function mergeResults(interiors, products, options = {}) {
   // result, enlarged and ringed".
   const exact = exactMatches(interiors ?? [], options.query ?? '', products ?? []);
 
+  // Keyword hits that are genuinely the answer deserve size too, not just the
+  // ONE decisive winner. A query like "xoong noi" matches four Eurogold racks
+  // at equal score (1017) and vai-avatar's hasDecisiveWinner() refuses to pick
+  // between them, so none of them is `exact` -- yet all four ARE what was typed.
+  // We therefore feature the top KEYWORD hits as well: the top `keywordFeatured`
+  // by score, provided they cleared a real-match floor. This is what makes
+  // Eurogold/brands findable "par mot-clé" and puts them on top of the field.
+  const keywordFeatured = options.keywordFeatured ?? 3;
+  const KEYWORD_FLOOR = options.keywordFloor ?? 300;
+  const scoredHits = [];
   for (const item of products ?? []) {
     const product = unwrap(item);
     const src = leadImage(product);
@@ -275,17 +285,46 @@ export function mergeResults(interiors, products, options = {}) {
     if (seen.has(key)) continue;
     seen.add(key);
     const isExact = exact.has(key);
+    scoredHits.push({ product, src, key, isExact, score: Number.isFinite(item?.score) ? item.score : 0 });
+    if (scoredHits.length >= productLimit) break;
+  }
+  // Products arrive already ranked by the worker; the score field is the
+  // vai-avatar-scored one, so the first `keywordFeatured` entries above the
+  // floor are the strongest keyword answer.
+  // Recently-added products get size too. "Thêm SP" on vai-avatar writes
+  // `_added_at`; a product that arrived this way is a brand-new line (Grandx,
+  // Garis, Higold, Boss...) that should stand out the way a freshly published
+  // interior does, as long as it also matched the query. The first
+  // `freshAdded` such rows (by recency, newest first) are featured at the same
+  // scale as the top keyword hits.
+  const freshAdded = options.freshAdded ?? 4;
+  scoredHits.sort((a, b) => b.score - a.score);
+  // Newest first: numeric timestamps sort descending naturally; ISO-8601
+  // strings sort newest first lexically as well, which is exactly the order the
+  // UI wants for "what arrived most recently".
+  const freshOrdered = scoredHits
+    .filter(hit => {
+      const at = hit.product?.addedAt;
+      return typeof at === 'string' ? at.length > 0 : Number.isFinite(at) && at > 0;
+    })
+    .sort((a, b) => String(b.product?.addedAt || '').localeCompare(String(a.product?.addedAt || '')));
+  const freshSkus = new Set(freshOrdered.slice(0, freshAdded).map(hit => hit.product.sku));
+  scoredHits.forEach((hit, rank) => {
+    const featuredByKeyword = rank < keywordFeatured && hit.score >= KEYWORD_FLOOR;
+    const fresh = freshSkus.has(hit.product.sku);
+    const featured = hit.isExact || featuredByKeyword || fresh;
+    const scale = hit.isExact ? (options.exactScale ?? 1.55)
+      : (fresh ? (options.freshScale ?? 1.45) : (options.keywordScale ?? 1.4));
     hits.push({
-      ...product,
-      ...tileDefaults(product),
-      src,
-      // A decisive product winner is the answer to the query, so it gets the
-      // same emphasis a fresh vai-avatar interior gets: larger than the rest and
-      // nearest the search pill.
-      ...(isExact ? { featured: true, featuredScale: options.exactScale ?? 1.55 } : {}),
+      ...hit.product,
+      ...tileDefaults(hit.product),
+      src: hit.src,
+      // A decisive winner or a top keyword hit is the answer to the query, so it
+      // gets the same emphasis a fresh vai-avatar interior gets: larger than the
+      // rest and nearest the search pill.
+      ...(featured ? { featured: true, featuredScale: scale } : {}),
     });
-    if (hits.length >= productLimit) break;
-  }
+  });
   if (!hits.length) return out;
 
   /**

src/product-search.js

@@ -132,7 +132,13 @@ export function scoreProduct(product, query, terms) {
     if (compactSku === compactQuery) score += 1000;
     else if (compactName === compactQuery) score += 900;
     else if (compactName.includes(compactQuery) || compactSku.includes(compactQuery)) score += 550;
-    else if (compactSku.length >= 4 && compactQuery.includes(compactSku)) score += 400;
+    // The sku-as-substring tier must not fire for a TRIVIALLY SHORT sku. A
+    // query "eurogold" must not award 400 to a Grob product whose sku is
+    // "GOLD" (4 chars) just because "eurogold" happens to contain "gold" --
+    // that is why brand searches kept surfacing unrelated "gold" items above
+    // the Eurogold ones. A sku is a specific identity only when it is 5+
+    // characters (or strictly longer than half the query), so require both.
+    else if (compactSku.length >= Math.max(5, compactQuery.length / 2) && compactQuery.includes(compactSku)) score += 400;
   }
   // Every meaningful term present in the title is a strong signal too.
   const significantTerms = terms.filter(term => term.length > 1 && !/^\d{2,4}mm/.test(term));