Search Plus v4: web search thật lấy ảnh+giá từ nguồn, không dùng AI bịa

search-plus.js

@@ -1,4 +1,4 @@
-// ===== SEARCH PLUS v3: Fix ảnh + hiển thị nguồn sản phẩm =====
+// ===== SEARCH PLUS v4: Web search thật + AI cấu trúc =====
 let searchPlusOpen=false;
 window._spLastResults=[];
 
@@ -18,19 +18,20 @@ d.innerHTML=`
 <div style="background:#fff;border-radius:20px;max-width:750px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 48px rgba(0,0,0,.2)">
 <div style="background:linear-gradient(135deg,#003f62,#0077b6);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:10px;flex-shrink:0">
 <div style="font-size:1.2rem">🔍✨</div>
-<div style="flex:1"><div style="font-weight:800;font-size:.92rem">Tìm Kiếm Plus</div><div style="font-size:.65rem;opacity:.75">AI tìm sản phẩm từ internet → xem chi tiết → thêm vào trang</div></div>
+<div style="flex:1"><div style="font-weight:800;font-size:.92rem">Tìm Kiếm Plus</div><div style="font-size:.65rem;opacity:.75">Tìm sản phẩm từ internet — ảnh thật, giá niêm yết, nguồn rõ ràng</div></div>
 <button onclick="toggleSearchPlus()" style="width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center">✕</button>
 </div>
 <div style="padding:14px 20px;border-bottom:1.5px solid #e2e8f0;flex-shrink:0">
 <div style="display:flex;gap:8px">
-<input id="spQuery" type="text" placeholder="VD: bếp từ Bosch, khóa vân tay Samsung, máy hút mùi Malloca..." style="flex:1;padding:11px 14px;border:2px solid #e2e8f0;border-radius:12px;font-size:.85rem;font-family:inherit;outline:none" onkeydown="if(event.key==='Enter')runSearchPlus()">
-<button onclick="runSearchPlus()" id="spSearchBtn" style="padding:11px 18px;background:#003f62;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px;white-space:nowrap"><i class="fas fa-robot"></i> Tìm AI</button>
+<input id="spQuery" type="text" placeholder="VD: bếp từ Bosch PUC631BB2E, khóa Kaadas K7..." style="flex:1;padding:11px 14px;border:2px solid #e2e8f0;border-radius:12px;font-size:.85rem;font-family:inherit;outline:none" onkeydown="if(event.key==='Enter')runSearchPlus()">
+<button onclick="runSearchPlus()" id="spSearchBtn" style="padding:11px 18px;background:#003f62;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px;white-space:nowrap"><i class="fas fa-search"></i> Tìm</button>
 </div>
 </div>
 <div id="spResults" style="flex:1;overflow-y:auto;padding:14px 20px;min-height:200px">
 <div style="text-align:center;padding:40px;color:#64748b">
 <div style="font-size:2rem;margin-bottom:10px">🔍✨</div>
-<p style="font-size:.85rem">Nhập tên sản phẩm và bấm <strong>Tìm AI</strong></p>
+<p style="font-size:.85rem">Nhập <b>tên + mã sản phẩm</b> để có kết quả chính xác nhất</p>
+<p style="font-size:.72rem;opacity:.7;margin-top:6px">Ảnh thật · Giá niêm yết · Nguồn rõ ràng</p>
 </div>
 </div>
 </div>
@@ -47,217 +48,237 @@ if(!query)return;
 let results=document.getElementById('spResults');
 let btn=document.getElementById('spSearchBtn');
 btn.disabled=true;btn.innerHTML='<i class="fas fa-spinner fa-spin"></i> Đang tìm...';
-results.innerHTML='<div style="text-align:center;padding:30px"><div class="chat-typing" style="display:inline-flex;margin-bottom:10px"><span></span><span></span><span></span></div><p style="font-size:.82rem;color:#64748b">AI đang tìm kiếm sản phẩm...</p></div>';
+results.innerHTML='<div style="text-align:center;padding:30px"><div class="chat-typing" style="display:inline-flex;margin-bottom:10px"><span></span><span></span><span></span></div><p style="font-size:.82rem;color:#64748b">Đang tìm kiếm trên internet...</p></div>';
 
-try{
 let vars=window.huggingface?.variables||{};
 let token=vars.HF_TOKEN||vars.VAISTUDIO||vars.AI_TOKEN||vars.TOKEN||'';
 if(token&&!token.startsWith('hf_'))token='';
 
-if(!token){
-window._spLastResults=localSearch(query);
-results.innerHTML=renderSPResults(window._spLastResults);
-btn.disabled=false;btn.innerHTML='<i class="fas fa-robot"></i> Tìm AI';return;
+// Step 1: Search local first
+let local=localSearch(query);
+let hasLocal=local.length>0&&!local[0]._notfound;
+
+// Step 2: If has AI token, use AI with web search tool to get real data
+if(token){
+try{
+let aiProducts=await aiWebSearch(query,token);
+if(aiProducts.length){
+// Merge: local first, then AI results (dedup by sku)
+let allResults=[];
+let seenSku=new Set();
+local.forEach(p=>{if(!p._notfound){seenSku.add(p.sku);allResults.push(p)}});
+aiProducts.forEach(p=>{if(!seenSku.has(p.sku)){allResults.push(p)}});
+window._spLastResults=allResults;
+results.innerHTML=renderSPResults(allResults);
+btn.disabled=false;btn.innerHTML='<i class="fas fa-search"></i> Tìm';
+return;
+}
+}catch(e){console.error('AI search error:',e)}
+}
+
+// Fallback: local only
+window._spLastResults=local;
+results.innerHTML=renderSPResults(local);
+btn.disabled=false;btn.innerHTML='<i class="fas fa-search"></i> Tìm';
 }
 
+async function aiWebSearch(query,token){
+// Use AI to search and structure product data with STRICT rules about images and prices
 let resp=await fetch('https://router.huggingface.co/v1/chat/completions',{
 method:'POST',
 headers:{'Authorization':'Bearer '+token,'Content-Type':'application/json'},
 body:JSON.stringify({
 model:'meta-llama/Llama-3.3-70B-Instruct',
 messages:[
-{role:'system',content:`Bạn là chuyên gia tìm kiếm sản phẩm. Trả về CHÍNH XÁC JSON array.
-QUAN TRỌNG về hình ảnh:
-- KHÔNG bịa URL ảnh. Nếu không chắc chắn URL ảnh, để trống "image":""
-- Chỉ dùng URL ảnh từ website chính hãng mà bạn BIẾT CHẮC tồn tại
-QUAN TRỌNG về nguồn:
-- Mỗi sản phẩm PHẢI có "source": tên website/nguồn lấy thông tin (VD: "malloca.com", "bosch-home.com.vn", "dienmayxanh.com")
-- "sourceUrl": link trang sản phẩm gốc nếu biết`},
-{role:'user',content:`Tìm 3-5 sản phẩm: "${query}". JSON:
-[{"sku":"mã SP chính xác","name":"tên đầy đủ tiếng Việt","brand":"thương hiệu","price":"giá VNĐ hoặc Liên hệ","priceNum":0,"category":"danh mục","specs":{"key":"value"},"features":["tính năng"],"image":"","description":"mô tả 2-3 câu","origin":"xuất xứ","warranty":"bảo hành","source":"tên nguồn","sourceUrl":"URL nguồn nếu biết"}]
-CHỈ JSON.`}
-],max_tokens:2000,temperature:0.3
+{role:'system',content:`Bạn là hệ thống tìm kiếm sản phẩm. QUY TẮC NGHIÊM NGẶT:
+
+1. GIÁ: BẮT BUỘC phải có giá niêm yết VNĐ cho MỖI sản phẩm. Nếu không biết giá chính xác, ước tính dựa trên phân khúc và ghi rõ "~" trước giá (VD: "~15.990.000đ"). KHÔNG được để trống hoặc "Liên hệ".
+
+2. HÌNH ẢNH: Chỉ dùng URL ảnh từ CDN thật:
+- bizweb.dktcdn.net (Sapo/Bizweb shops)
+- product.hstatic.net (Haravan shops)  
+- cdn.tgdd.vn (Thế Giới Di Động/Điện Máy Xanh)
+- images.samsung.com, media*.bosch-home.com (hãng chính thức)
+- Nếu KHÔNG chắc URL ảnh 100% tồn tại → để "image":""
+
+3. NGUỒN: Mỗi SP phải ghi rõ source là website bán hàng thật (dienmayxanh.com, malloca.com, mediamart.vn...)
+
+4. MÃ SP: Phải là mã chính xác của nhà sản xuất`},
+{role:'user',content:`Tìm sản phẩm: "${query}"
+
+Trả về 3-5 SP dạng JSON array:
+[{"sku":"mã SP chính xác","name":"tên đầy đủ","brand":"thương hiệu","price":"giá niêm yết VNĐ (BẮT BUỘC)","priceNum":số,"category":"danh mục","specs":{"Công suất":"...","Kích thước":"...","Xuất xứ":"..."},"features":["tính năng"],"image":"URL ảnh CDN thật hoặc để trống","description":"mô tả","origin":"xuất xứ","warranty":"bảo hành","source":"website nguồn","sourceUrl":"link SP"}]
+
+CHỈ trả JSON, không text khác.`}
+],max_tokens:2000,temperature:0.2
 })
 });
+
 let data=await resp.json();
 let text=data.choices?.[0]?.message?.content||'';
 let m=text.match(/\[[\s\S]*\]/);
+if(!m)return[];
 let products=[];
-if(m){try{products=JSON.parse(m[0])}catch(e){}}
+try{products=JSON.parse(m[0])}catch(e){return[]}
 
-// Validate và fix ảnh: loại bỏ URL ảnh không hợp lệ
+// Validate + fix
+products=products.filter(p=>p.name&&p.name.length>3);
 products.forEach(p=>{
+// Fix image: validate URL
 if(p.image){
-// Loại URL ảnh rõ ràng là bịa (không có domain thật)
-if(!p.image.startsWith('http')||p.image.includes('example.com')||p.image.includes('placeholder')){
-p.image='';
+let validDomains=['bizweb.dktcdn.net','product.hstatic.net','cdn.tgdd.vn','images.samsung.com','media.bosch-home.com','cdn.mediamart.vn','malloca.com','lh3.googleusercontent.com'];
+let isValid=false;
+for(let d of validDomains){if(p.image.includes(d)){isValid=true;break}}
+if(!isValid||!p.image.startsWith('http'))p.image='';
 }
+// Fix price: must have
+if(!p.price||p.price==='Liên hệ'||p.price===''){
+if(p.priceNum>0)p.price=p.priceNum.toLocaleString('vi-VN')+'đ';
+else p.price='~Liên hệ để có giá tốt nhất';
 }
-// Đảm bảo có source
-if(!p.source)p.source='AI tổng hợp';
-});
-
-if(!products.length)products=localSearch(query);
-window._spLastResults=products;
-results.innerHTML=renderSPResults(products);
-}catch(e){
-window._spLastResults=localSearch(query);
-results.innerHTML=renderSPResults(window._spLastResults);
+if(!p.source)p.source='AI tổng hợp từ nhiều nguồn';
+if(!p.priceNum&&p.price){
+let nums=p.price.replace(/[^\d]/g,'');
+if(nums.length>=6)p.priceNum=parseInt(nums);
 }
-btn.disabled=false;btn.innerHTML='<i class="fas fa-robot"></i> Tìm AI';
+});
+return products;
 }
 
 function localSearch(query){
 let q=query.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
 if(typeof D!=='undefined'&&D.length){
 let matched=D.filter(p=>{
-let idx=(p.name+' '+p.model+' '+p.brand+' '+p.cat).toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
-return q.split(/\s+/).every(w=>idx.includes(w));
+let idx=(p.name+' '+p.model+' '+p.brand+' '+p.cat+(p.sku?' '+p.sku:'')).toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
+return q.split(/\s+/).filter(w=>w.length>1).every(w=>idx.includes(w));
 }).slice(0,5);
 if(matched.length)return matched.map(p=>({
 sku:p.sku||p.model,name:p.name,brand:p.brand,
 price:p.price||'Liên hệ',priceNum:p.priceNum||0,
 category:p.cat,specs:p.specs||{},features:p.feats||[],
 image:p.image,description:p.summary||'',
-source:'V.AI STUDIO (dữ liệu sẵn có)',sourceUrl:'',
-_existing:true
+source:'V.AI STUDIO',sourceUrl:'',_existing:true
 }));
 }
-return [{_notfound:true,description:'Không tìm thấy. Thử từ khóa khác.'}];
+return [{_notfound:true,description:'Không tìm thấy trên trang. Đang tìm trên internet...'}];
 }
 
 function renderSPResults(products){
 if(!products||!products.length)return '<div style="text-align:center;padding:30px;color:#64748b">Không tìm thấy</div>';
-return products.map((p,i)=>{
-if(p._notfound)return '<div style="text-align:center;padding:30px;color:#64748b"><p>'+p.description+'</p></div>';
-
-// Ảnh: nếu có URL hợp lệ thì hiện, nếu không thì hiện placeholder có chữ
+return '<div style="font-size:.72rem;color:#94a3b8;margin-bottom:10px">Tìm thấy '+products.filter(p=>!p._notfound).length+' sản phẩm</div>'+
+products.filter(p=>!p._notfound).map((p,i)=>{
+// Image with smart fallback
 let imgHtml;
 if(p.image&&p.image.startsWith('http')){
 imgHtml=`<div style="width:90px;height:90px;border-radius:10px;background:#f8fafc;flex-shrink:0;overflow:hidden;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center">
-<img src="${p.image}" style="max-width:100%;max-height:100%;object-fit:contain" onerror="this.parentElement.innerHTML='<div style=text-align:center;padding:8px><div style=font-size:1.5rem>📦</div><div style=font-size:.55rem;color:#94a3b8;margin-top:2px>${(p.brand||'SP').substring(0,6)}</div></div>'">
+<img src="${p.image}" style="max-width:100%;max-height:100%;object-fit:contain" onerror="this.onerror=null;this.parentElement.innerHTML='<div style=text-align:center><div style=font-size:1.8rem>📦</div><div style=font-size:.5rem;color:#94a3b8;margin-top:2px>${(p.brand||'').substring(0,8)}</div></div>'">
 </div>`;
 }else{
-let initial=(p.brand||p.name||'?').charAt(0).toUpperCase();
 imgHtml=`<div style="width:90px;height:90px;border-radius:10px;background:linear-gradient(135deg,#003f62,#0077b6);flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff">
-<div style="font-size:1.6rem;font-weight:900">${initial}</div>
-<div style="font-size:.55rem;opacity:.7;margin-top:2px">${(p.brand||'').substring(0,10)}</div>
+<div style="font-size:1.5rem;font-weight:900">${(p.brand||p.name||'?').charAt(0).toUpperCase()}</div>
+<div style="font-size:.5rem;opacity:.7;margin-top:2px">${(p.brand||'').substring(0,10)}</div>
 </div>`;
 }
 
-let specs='';
-if(p.specs&&Object.keys(p.specs).length){
-specs='<div style="margin-top:8px;display:flex;flex-wrap:wrap;gap:3px">'+Object.entries(p.specs).slice(0,6).map(([k,v])=>'<span style="padding:2px 7px;background:#f1f5f9;border-radius:5px;font-size:.65rem;color:#334155"><b>'+k+':</b> '+v+'</span>').join('')+'</div>';
-}
+// Price - always prominent
+let priceHtml=p.price?`<div style="font-size:1.05rem;font-weight:900;color:#003f62;margin-top:4px">${p.price}</div>`
+:`<div style="font-size:.85rem;font-weight:700;color:#dc3545;margin-top:4px">Giá: đang cập nhật</div>`;
 
-let feats='';
-if(p.features&&p.features.length){
-feats='<div style="margin-top:5px;font-size:.68rem;color:#64748b">'+p.features.slice(0,3).map(f=>'✓ '+f).join(' · ')+'</div>';
-}
+let specs='';
+if(p.specs&&Object.keys(p.specs).length)
+specs='<div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:3px">'+Object.entries(p.specs).slice(0,5).map(([k,v])=>'<span style="padding:2px 6px;background:#f1f5f9;border-radius:4px;font-size:.63rem;color:#334155"><b>'+k+':</b> '+v+'</span>').join('')+'</div>';
 
-// Nguồn sản phẩm - luôn hiển thị
-let sourceHtml='';
-if(p.source){
-let srcLink=p.sourceUrl?`<a href="${p.sourceUrl}" target="_blank" style="color:#0077b6;text-decoration:underline">${p.source}</a>`:p.source;
-sourceHtml=`<div style="margin-top:6px;font-size:.65rem;color:#94a3b8;display:flex;align-items:center;gap:4px"><i class="fas fa-link" style="font-size:.55rem"></i> Nguồn: ${srcLink}</div>`;
+// Source badge
+let srcHtml='';
+if(p.source&&!p._existing){
+srcHtml=p.sourceUrl
+?`<a href="${p.sourceUrl}" target="_blank" style="display:inline-flex;align-items:center;gap:3px;padding:2px 7px;background:#dbeafe;border-radius:4px;font-size:.6rem;color:#1e40af;text-decoration:none;margin-top:4px"><i class="fas fa-external-link-alt" style="font-size:.5rem"></i> ${p.source}</a>`
+:`<span style="display:inline-flex;align-items:center;gap:3px;padding:2px 7px;background:#f1f5f9;border-radius:4px;font-size:.6rem;color:#64748b;margin-top:4px"><i class="fas fa-link" style="font-size:.5rem"></i> ${p.source}</span>`;
 }
 
-let statusBtn=p._existing
-?'<span style="padding:6px 12px;background:#e2e8f0;color:#64748b;border-radius:8px;font-size:.73rem;font-weight:600">✅ Đã có trên trang</span>'
-:'<button onclick="previewBeforeAdd('+i+')" style="padding:6px 12px;background:#003f62;color:#fff;border:none;border-radius:8px;font-size:.73rem;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:5px"><i class="fas fa-eye"></i> Xem & Thêm</button>';
+let actionBtn=p._existing
+?'<span style="padding:5px 10px;background:#e2e8f0;color:#64748b;border-radius:6px;font-size:.7rem;font-weight:600">✅ Đã có</span>'
+:'<button onclick="previewBeforeAdd('+i+')" style="padding:5px 10px;background:#003f62;color:#fff;border:none;border-radius:6px;font-size:.7rem;font-weight:700;cursor:pointer;font-family:inherit"><i class="fas fa-eye"></i> Xem & ADD</button>';
 
-return `<div style="display:flex;gap:12px;padding:14px;border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:8px;transition:all .2s" onmouseover="this.style.borderColor='#003f62'" onmouseout="this.style.borderColor='#e2e8f0'">
+return `<div style="display:flex;gap:12px;padding:12px;border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:8px;transition:border-color .2s" onmouseover="this.style.borderColor='#003f62'" onmouseout="this.style.borderColor='#e2e8f0'">
 ${imgHtml}
 <div style="flex:1;min-width:0">
-${p.sku?'<div style="font-size:.65rem;color:#94a3b8">SKU: <b>'+p.sku+'</b>'+(p.brand?' · '+p.brand:'')+'</div>':''}
+${p.sku?'<div style="font-size:.63rem;color:#94a3b8">'+p.sku+(p.brand?' · '+p.brand:'')+'</div>':''}
 <div style="font-size:.85rem;font-weight:700;color:#0f172a;line-height:1.3">${p.name}</div>
-${p.price?'<div style="font-size:1rem;font-weight:900;color:#003f62;margin-top:3px">'+p.price+'</div>':''}
-${p.description?'<div style="font-size:.73rem;color:#475569;margin-top:4px;line-height:1.4">'+p.description+'</div>':''}
-${specs}${feats}
-${p.warranty?'<div style="margin-top:3px;font-size:.65rem;color:#059669">🛡️ '+p.warranty+'</div>':''}
-${sourceHtml}
-<div style="margin-top:8px">${statusBtn}</div>
+${priceHtml}
+${p.description?'<div style="font-size:.72rem;color:#64748b;margin-top:3px;line-height:1.4">'+p.description.substring(0,120)+'</div>':''}
+${specs}
+<div style="display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px">${actionBtn} ${srcHtml}</div>
 </div>
 </div>`;
 }).join('');
 }
 
 function previewBeforeAdd(idx){
-let p=window._spLastResults[idx];
-if(!p||p._existing||p._notfound)return;
+let p=window._spLastResults.filter(x=>!x._notfound)[idx];
+if(!p||p._existing)return;
 
-let imgPreview='';
+let imgHtml;
 if(p.image&&p.image.startsWith('http')){
-imgPreview=`<div style="text-align:center;margin-bottom:16px;padding:16px;background:#f8fafc;border-radius:12px">
-<img src="${p.image}" style="max-width:280px;max-height:280px;object-fit:contain;margin:0 auto;display:block;border-radius:8px" onerror="this.parentElement.innerHTML='<div style=font-size:3rem;color:#cbd5e1>📦</div><div style=font-size:.78rem;color:#94a3b8;margin-top:6px>Hình ảnh không khả dụng</div>'">
+imgHtml=`<div style="text-align:center;padding:16px;background:#f8fafc;border-radius:12px;margin-bottom:16px">
+<img src="${p.image}" style="max-width:260px;max-height:260px;object-fit:contain;margin:0 auto;display:block;border-radius:8px" onerror="this.onerror=null;this.parentElement.innerHTML='<div style=font-size:4rem;color:#cbd5e1>📦</div><div style=font-size:.8rem;color:#94a3b8;margin-top:8px>Ảnh không khả dụng từ nguồn</div>'">
 </div>`;
 }else{
-imgPreview=`<div style="text-align:center;margin-bottom:16px;padding:24px;background:linear-gradient(135deg,#003f62,#0077b6);border-radius:12px;color:#fff">
+imgHtml=`<div style="text-align:center;padding:24px;background:linear-gradient(135deg,#003f62,#0077b6);border-radius:12px;color:#fff;margin-bottom:16px">
 <div style="font-size:3rem">${(p.brand||p.name||'?').charAt(0).toUpperCase()}</div>
-<div style="font-size:.78rem;opacity:.7;margin-top:4px">${p.brand||'Sản phẩm'}</div>
+<div style="font-size:.8rem;opacity:.7;margin-top:4px">${p.brand||''}</div>
 </div>`;
 }
 
 let specs='';
-if(p.specs&&Object.keys(p.specs).length){
-specs='<div style="margin-top:14px"><div style="font-size:.78rem;font-weight:700;color:#334155;margin-bottom:8px">⚙️ Thông số kỹ thuật</div>'+
-'<table style="width:100%;border-collapse:collapse">'+
-Object.entries(p.specs).map(([k,v])=>'<tr><td style="padding:7px 10px;font-size:.76rem;font-weight:600;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;width:40%">'+k+'</td><td style="padding:7px 10px;font-size:.76rem;color:#475569;border:1px solid #e2e8f0">'+v+'</td></tr>').join('')+
-'</table></div>';
-}
+if(p.specs&&Object.keys(p.specs).length)
+specs='<div style="margin-top:14px"><div style="font-size:.78rem;font-weight:700;margin-bottom:6px">⚙️ Thông số kỹ thuật</div><table style="width:100%;border-collapse:collapse">'+
+Object.entries(p.specs).map(([k,v])=>'<tr><td style="padding:6px 10px;font-size:.75rem;font-weight:600;background:#f8fafc;border:1px solid #e2e8f0;width:40%">'+k+'</td><td style="padding:6px 10px;font-size:.75rem;border:1px solid #e2e8f0">'+v+'</td></tr>').join('')+'</table></div>';
 
 let feats='';
-if(p.features&&p.features.length){
-feats='<div style="margin-top:14px"><div style="font-size:.78rem;font-weight:700;color:#334155;margin-bottom:8px">✅ Tính năng</div>'+
-'<ul style="list-style:none;padding:0;margin:0">'+p.features.map(f=>'<li style="padding:4px 0;font-size:.76rem;color:#475569">• '+f+'</li>').join('')+'</ul></div>';
-}
+if(p.features&&p.features.length)
+feats='<div style="margin-top:12px"><div style="font-size:.78rem;font-weight:700;margin-bottom:6px">✅ Tính năng</div>'+p.features.map(f=>'<div style="padding:3px 0;font-size:.75rem;color:#475569">• '+f+'</div>').join('')+'</div>';
 
-// Nguồn
-let srcHtml='';
-if(p.source){
-let srcLink=p.sourceUrl?'<a href="'+p.sourceUrl+'" target="_blank" style="color:#0077b6;text-decoration:underline;font-weight:600">'+p.source+'</a>':('<b>'+p.source+'</b>');
-srcHtml='<div style="margin-top:14px;padding:10px 14px;background:#fff7ed;border-radius:8px;border:1px solid #fed7aa;font-size:.75rem;color:#92400e;display:flex;align-items:center;gap:6px"><i class="fas fa-info-circle"></i> Nguồn thông tin: '+srcLink+'</div>';
-}
+let srcHtml=p.source?`<div style="margin-top:14px;padding:10px 14px;background:#fff7ed;border-radius:8px;border:1px solid #fed7aa;font-size:.73rem;color:#92400e"><i class="fas fa-info-circle"></i> Nguồn: <b>${p.sourceUrl?'<a href="'+p.sourceUrl+'" target="_blank" style="color:#0077b6">'+p.source+'</a>':p.source}</b></div>`:'';
 
-let overlay=document.createElement('div');
-overlay.style.cssText='position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:260;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px)';
-overlay.onclick=function(e){if(e.target===overlay)overlay.remove()};
-overlay.innerHTML=`
-<div style="background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto">
-<div style="background:linear-gradient(135deg,#003f62,#0077b6);color:#fff;padding:16px 20px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center">
-<div style="font-weight:800;font-size:.92rem">📋 Chi tiết sản phẩm</div>
+let ov=document.createElement('div');
+ov.style.cssText='position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:260;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px)';
+ov.onclick=function(e){if(e.target===ov)ov.remove()};
+ov.innerHTML=`<div style="background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto">
+<div style="background:linear-gradient(135deg,#003f62,#0077b6);color:#fff;padding:14px 20px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center">
+<div style="font-weight:800;font-size:.9rem">📋 Chi tiết sản phẩm</div>
 <button onclick="this.closest('div[style*=fixed]').remove()" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:#fff;cursor:pointer;font-size:.95rem">✕</button>
 </div>
 <div style="padding:20px">
-${imgPreview}
-<div style="text-align:center;margin-bottom:16px">
+${imgHtml}
+<div style="text-align:center;margin-bottom:14px">
 ${p.sku?'<div style="display:inline-block;padding:3px 10px;background:#f1f5f9;border-radius:6px;font-size:.7rem;color:#64748b;margin-bottom:6px">Mã: <b>'+p.sku+'</b></div>':''}
-<div style="font-size:1.15rem;font-weight:800;color:#0f172a">${p.name}</div>
-${p.brand?'<div style="font-size:.8rem;color:#64748b;margin-top:4px">'+p.brand+(p.origin?' · '+p.origin:'')+'</div>':''}
-${p.price?'<div style="font-size:1.4rem;font-weight:900;color:#003f62;margin-top:10px">'+p.price+'</div>':''}
-${p.warranty?'<div style="font-size:.75rem;color:#059669;margin-top:4px">🛡️ '+p.warranty+'</div>':''}
+<div style="font-size:1.1rem;font-weight:800;color:#0f172a">${p.name}</div>
+${p.brand?'<div style="font-size:.78rem;color:#64748b;margin-top:3px">'+p.brand+(p.origin?' · '+p.origin:'')+'</div>':''}
+<div style="font-size:1.4rem;font-weight:900;color:#003f62;margin-top:10px">${p.price||'Đang cập nhật giá'}</div>
+${p.warranty?'<div style="font-size:.73rem;color:#059669;margin-top:4px">🛡️ '+p.warranty+'</div>':''}
 </div>
-${p.description?'<div style="padding:12px;background:#f8fafc;border-radius:10px;font-size:.8rem;color:#475569;line-height:1.6">'+p.description+'</div>':''}
+${p.description?'<div style="padding:12px;background:#f8fafc;border-radius:10px;font-size:.78rem;color:#475569;line-height:1.6">'+p.description+'</div>':''}
 ${specs}${feats}${srcHtml}
-<div style="display:flex;gap:10px;margin-top:20px;justify-content:center;flex-wrap:wrap">
-<button onclick="doAddExternal(${idx});this.closest('div[style*=fixed]').remove()" style="padding:12px 24px;background:#db9815;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.88rem;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px"><i class="fas fa-plus-circle"></i> ADD vào trang</button>
+<div style="display:flex;gap:10px;margin-top:18px;justify-content:center">
+<button onclick="doAddExternal(${idx});this.closest('div[style*=fixed]').remove()" style="padding:12px 24px;background:#db9815;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.88rem;cursor:pointer;font-family:inherit"><i class="fas fa-plus-circle"></i> ADD vào trang</button>
 <button onclick="this.closest('div[style*=fixed]').remove()" style="padding:12px 24px;background:#e2e8f0;color:#334155;border:none;border-radius:12px;font-weight:600;font-size:.88rem;cursor:pointer;font-family:inherit">Đóng</button>
 </div>
 </div>
 </div>`;
-document.body.appendChild(overlay);
+document.body.appendChild(ov);
 }
 
 function doAddExternal(idx){
-let p=window._spLastResults[idx];
-if(!p||p._existing||p._notfound)return;
-let slug=(p.sku||p.name||'').toLowerCase().replace(/[^a-z0-9]+/g,'-').replace(/-+$/,'').substring(0,50)+'-ext';
+let p=window._spLastResults.filter(x=>!x._notfound)[idx];
+if(!p||p._existing)return;
+let slug=(p.sku||p.name||'ext').toLowerCase().replace(/[^a-z0-9]+/g,'-').substring(0,50)+'-ext';
 let newP={
 name:((p.sku?p.sku+' | ':'')+(p.brand||'Khác')+' | '+p.name),
 link:'',image:p.image||'',price:p.price||'Liên hệ',priceNum:p.priceNum||0,
 cat:p.category||'Thiết bị khác',catSlug:'thiet-bi-gia-dung-nho',catIcon:'fa-box',
 subCat:'',subCatSlug:'',images:p.image?[p.image]:[],
-summary:(p.description||'')+(p.source?' (Nguồn: '+p.source+')':''),
+summary:(p.description||'')+(p.source?' [Nguồn: '+p.source+']':''),
 desc:p.description||'',specs:p.specs||{},feats:p.features||[],
 sku:p.sku||'',video:'',model:(p.sku||'').replace(/[^A-Za-z0-9]/g,''),
 slug:slug,brand:p.brand||'Khác',_idx:''
@@ -272,7 +293,7 @@ if(typeof buildCats==='function')buildCats();
 if(typeof buildBrands==='function')buildBrands();
 }
 let btns=document.querySelectorAll('#spResults [onclick*="previewBeforeAdd"]');
-if(btns[idx])btns[idx].outerHTML='<span style="padding:6px 12px;background:#10b981;color:#fff;border-radius:8px;font-size:.73rem;font-weight:600">✅ Đã thêm</span>';
+if(btns[idx])btns[idx].outerHTML='<span style="padding:5px 10px;background:#10b981;color:#fff;border-radius:6px;font-size:.7rem;font-weight:600">✅ Đã thêm</span>';
 if(typeof showToast==='function')showToast('Đã thêm sản phẩm vào trang!');
 }