fix: TL869IMAX neon row + image load speed + search precision

src/avatar-interiors.js

@@ -198,6 +198,11 @@ export function searchAvatarInteriors(text, items, limit = RECENT_LIMIT) {
     if (!hits) continue;
     // Covering the whole query beats matching one rare word hard.
     score += hits * 10;
+    // A single accidental 25-point term (e.g. "tu" matching one caption) is
+    // noise: unrelated interiors must not appear at all. Keep only interiors
+    // with a real match — either the whole-phrase 900 identity hit, or enough
+    // term coverage to reach a meaningful 60 points.
+    if (score < 900 && score < 60) continue;
     scored.push({ ...item, score });
   }
   scored.sort((a, b) => b.score - a.score || (a.addedAt < b.addedAt ? 1 : -1));

src/image-loader.js

@@ -1,5 +1,5 @@
 /** Bounded download/decode queue, with at most two image insertions per frame. */
-export function createImageLoader({ concurrency = 6, cacheSize = 64 } = {}) {
+export function createImageLoader({ concurrency = 12, cacheSize = 128 } = {}) {
   const queue = [], completed = [];
   const active = new Set(), cache = new Map();
   let disposed = false, frame = 0, scheduled = false;
@@ -14,7 +14,7 @@ export function createImageLoader({ concurrency = 6, cacheSize = 64 } = {}) {
 
   function flush() {
     frame = 0;
-    for (let i = 0; i < 2 && completed.length; i++) {
+    for (let i = 0; i < 4 && completed.length; i++) {
       const job = completed.shift();
       if (job.cancelled) remember(job.image);
       else job.receive(job.image);
@@ -36,7 +36,7 @@ export function createImageLoader({ concurrency = 6, cacheSize = 64 } = {}) {
       active.add(job);
       const photo = job.image = new Image();
       photo.decoding = 'async';
-      photo.fetchPriority = job.priority < 12 ? 'high' : 'low';
+      photo.fetchPriority = job.priority < 24 ? 'high' : 'low';
       photo.src = job.url;
       // Decoding completes before this element is attached to the animated field.
       photo.decode().then(() => {

src/merge.js

@@ -249,7 +249,7 @@ export function mergeResults(interiors, products, options = {}) {
   // are enlarged and ringed exactly like the newest interiors, so a product
   // added on vai-avatar appears in this Space's "mới" front row with a neon
   // frame, no query needed.
-  const RING_LIMIT = options.recentProductRing ?? 6;
+  const RING_LIMIT = options.recentProductRing ?? 12;
   const recents = (options.recentProducts ?? [])
     .filter(item => item && typeof item === 'object' && item.sku && !seen.has(productKey(item.sku)))
     .sort((a, b) => (String(a.addedAt || '') < String(b.addedAt || '') ? 1 : String(a.addedAt || '') > String(b.addedAt || '') ? -1 : 0));
@@ -288,8 +288,24 @@ export function mergeResults(interiors, products, options = {}) {
   const showNewRow = String(options.query ?? "").trim().length === 0;
   out.unshift(...(showNewRow ? fresh : []));
 
+  // A relevance floor, so a search never paints tiles that only look like the
+  // query by chance. CLIP cosine answers "how close in meaning", and the lowest
+  // results in a top-60 pull are semantically unrelated to anything typed. The
+  // floor is RELATIVE to the query's own top match, so it adapts to however
+  // decisive the query is: "bếp đá" finds a clear winner and keeps nothing
+  // below half its strength, while a fuzzy query keeps a slightly broader tail.
+  // Tiles without a score (browse mode) are unaffected.
+  const cosineFloor = options.cosFloor ?? 0.18;
+  const cosineRel = options.cosRel ?? 0.45;
+  let topCosine = 0;
   for (const image of interiors ?? []) {
-    if (!image?.id || seen.has(interiorKey(image.id))) continue;
+    if (Number.isFinite(image?.score) && image.score > topCosine) topCosine = image.score;
+  }
+  const effectiveFloor = Math.max(cosineFloor, topCosine * cosineRel);
+  for (const image of interiors ?? []) {
+    const score = image?.score;
+    const filteredScore = score === undefined || !Number.isFinite(score) || score >= effectiveFloor;
+    if (!image?.id || !filteredScore || seen.has(interiorKey(image.id))) continue;
     seen.add(interiorKey(image.id));
     out.push(image);
     if (out.length >= interiorLimit) break;
@@ -322,7 +338,12 @@ 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 });
+    const productFloor = options.productFloor ?? 20;
+    const score = Number.isFinite(item?.score) ? item.score : 0;
+    // A product that only scraped a 3-point token overlap is noise, not an
+    // answer: it would paint an unrelated photograph next to the query typed.
+    if (score < productFloor) continue;
+    scoredHits.push({ product, src, key, isExact, score });
     if (scoredHits.length >= productLimit) break;
   }
   // Products arrive already ranked by the worker; the score field is the

src/product-search.js

@@ -223,7 +223,11 @@ export function searchLikeAvatar(text, items, limit = 24) {
   const scored = [];
   for (const product of items.values()) {
     const score = scoreProduct(product, String(text || '').trim(), terms);
-    if (score > 0) scored.push({ sku: product.sku, score, product });
+    // A score below 24 is a single weak token scrape, not an answer: it would
+    // paint an unrelated photograph next to the query typed. Kept in sync with
+    // the merge.js productFloor default (20) plus the two strongest weak tiers
+    // (16 title + 3+10 hit bonus) — anything under it is noise.
+    if (score >= 24) scored.push({ sku: product.sku, score, product });
   }
   scored.sort((a, b) => b.score - a.score || a.sku.localeCompare(b.sku));
   return scored.slice(0, limit);