Chat Fix v9: Maintain conversation context — remember last discussed product across messages

chat-fix.js

@@ -1,9 +1,13 @@
 /**
- * V.AI STUDIO — Chat Fix v8
- * 1. Cards 100% on every response, same category, priority Malloca/Grob
- * 2. Chat from product page → auto-fill with product name + link
- * 3. Search dropdown below search bar: instant results + "Add to order" button
- * 4. Strict no-hallucination AI
+ * V.AI STUDIO — Chat Fix v9
+ * 
+ * FIX: Lưu ngữ cảnh SP đang tư vấn xuyên suốt cuộc trò chuyện.
+ * Khi user hỏi tiếp mà ko nhắc SP → dùng SP trước đó.
+ * 
+ * 1. Cards 100% on every response
+ * 2. Chat from product page → auto-fill
+ * 3. Search dropdown
+ * 4. Strict no-hallucination AI + CONTEXT MEMORY
  * 5. Vision AI for design questions
  */
 (function(){
@@ -12,6 +16,7 @@ var VISION_MODEL='meta-llama/Llama-4-Scout-17B-16E-Instruct';
 var PROCESSED='data-vc';
 var _currentCategory='';
 var _currentProductSlug='';
+var _lastProduct=null; // GIỮ SP ĐANG TƯ VẤN
 
 function norm(s){return(s||'').normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/[Đđ]/g,'d').toLowerCase();}
 function fmt(n){if(!n||isNaN(n))return'LH';return Number(n).toLocaleString('vi-VN')+'đ';}
@@ -96,9 +101,6 @@ function injectLoop(){
     }
 }
 
-/**
- * Auto-fill chat when opened from product page — includes link
- */
 function autoFillFromProductPage(){
     var url=window.location.pathname;
     var slugMatch=url.match(/\/san-pham\/([^/]+)/);
@@ -119,7 +121,7 @@ function autoFillFromProductPage(){
                 input.value='Tư vấn SP '+(sku||name.substring(0,25))+' '+link;
                 input.setAttribute('data-autofilled','1');
                 _currentCategory=detectCategory(name)||'';
-                // Trigger input event so chat framework detects the value
+                _lastProduct=p; // Lưu context SP
                 input.dispatchEvent(new Event('input',{bubbles:true}));
                 clearInterval(t);return;
             }
@@ -127,28 +129,17 @@ function autoFillFromProductPage(){
     },1000);
 }
 
-/**
- * SEARCH DROPDOWN: Show instant results below search bar
- * Priority: exact SKU match > title match
- * Include "Add to order" button
- */
 function initSearchDropdown(){
-    // Find the main search input on the page
     var searchInput=document.querySelector('#searchInput,input[type="search"],.search-input,input[placeholder*="Tìm"],input[placeholder*="tìm"]');
     if(!searchInput)return;
     if(searchInput.getAttribute('data-dropdown-init'))return;
     searchInput.setAttribute('data-dropdown-init','1');
-    
-    // Create dropdown container
     var dropdown=document.createElement('div');
     dropdown.id='vai-search-dropdown';
     dropdown.style.cssText='position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid #e2e8f0;border-radius:0 0 12px 12px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:400px;overflow-y:auto;z-index:9999;display:none;font-family:Inter,sans-serif';
-    
-    // Make search input container relative
     var parent=searchInput.parentElement;
     if(parent)parent.style.position='relative';
     if(parent)parent.appendChild(dropdown);
-    
     var debounceTimer=null;
     searchInput.addEventListener('input',function(){
         clearTimeout(debounceTimer);
@@ -156,110 +147,30 @@ function initSearchDropdown(){
         if(q.length<2){dropdown.style.display='none';return;}
         debounceTimer=setTimeout(function(){showResults(q);},250);
     });
-    searchInput.addEventListener('focus',function(){
-        if(this.value.trim().length>=2)showResults(this.value.trim());
-    });
-    document.addEventListener('click',function(e){
-        if(!dropdown.contains(e.target)&&e.target!==searchInput)dropdown.style.display='none';
-    });
-    
+    searchInput.addEventListener('focus',function(){if(this.value.trim().length>=2)showResults(this.value.trim());});
+    document.addEventListener('click',function(e){if(!dropdown.contains(e.target)&&e.target!==searchInput)dropdown.style.display='none';});
     function showResults(query){
         if(typeof D==='undefined'||!D||!D.length){dropdown.style.display='none';return;}
         var q=norm(query).replace(/[.\-_ ]/g,'');
         var words=norm(query).split(/\s+/).filter(function(w){return w.length>=2;});
         if(!words.length){dropdown.style.display='none';return;}
-        
-        var results=[];var seen={};
-        // Pass 1: Exact SKU match (highest priority)
-        for(var i=0;i<D.length&&results.length<20;i++){
-            var p=D[i];if(!p)continue;
-            var sku=(p.sku||p.model||p.mod||'').replace(/[.\-_ ]/g,'').toLowerCase();
-            var slug=p.slug||'';if(seen[slug])continue;
-            if(sku&&sku.length>2&&(q===sku||sku.includes(q)||q.includes(sku))){
-                seen[slug]=true;results.push({p:p,score:200});
-            }
-        }
-        // Pass 2: Title/name keyword match
-        for(var j=0;j<D.length&&results.length<20;j++){
-            var p2=D[j];if(!p2)continue;
-            var slug2=p2.slug||'';if(seen[slug2])continue;
-            var nameN=norm(p2.name||p2.n||'');
-            var score=0;
-            for(var w=0;w<words.length;w++){if(nameN.includes(words[w]))score+=10;}
-            if(score>0){seen[slug2]=true;results.push({p:p2,score:score});}
-        }
-        results.sort(function(a,b){return b.score-a.score;});
-        results=results.slice(0,8);
-        
+        var results=[],seen={};
+        for(var i=0;i<D.length&&results.length<20;i++){var p=D[i];if(!p)continue;var sku=(p.sku||p.model||p.mod||'').replace(/[.\-_ ]/g,'').toLowerCase();var slug=p.slug||'';if(seen[slug])continue;if(sku&&sku.length>2&&(q===sku||sku.includes(q)||q.includes(sku))){seen[slug]=true;results.push({p:p,score:200});}}
+        for(var j=0;j<D.length&&results.length<20;j++){var p2=D[j];if(!p2)continue;var slug2=p2.slug||'';if(seen[slug2])continue;var nameN=norm(p2.name||p2.n||'');var score=0;for(var w=0;w<words.length;w++){if(nameN.includes(words[w]))score+=10;}if(score>0){seen[slug2]=true;results.push({p:p2,score:score});}}
+        results.sort(function(a,b){return b.score-a.score;});results=results.slice(0,8);
         if(!results.length){dropdown.style.display='none';return;}
-        
         var html='';
-        results.forEach(function(r){
-            var p=r.p;
-            var name=p.name||p.n||'';
-            var sku2=p.sku||p.model||p.mod||'';
-            var price=p.price||p.p||'LH';
-            var img=p.image||p.img||p.i||'';
-            var slug3=p.slug||'';
-            html+='<div class="vai-dd-item" style="padding:8px 12px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:10px;cursor:pointer" data-slug="'+slug3+'">';
-            if(img)html+='<img src="'+img+'" style="width:40px;height:40px;object-fit:contain;border-radius:4px;flex-shrink:0" onerror="this.style.display=\'none\'">';
-            html+='<div style="flex:1;overflow:hidden"><div style="font-size:12px;font-weight:600;color:#003f62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">'+name.substring(0,50)+'</div><div style="font-size:10px;color:#64748b">'+sku2+(p.brand?' • '+p.brand:'')+'</div></div>';
-            html+='<div style="text-align:right;flex-shrink:0"><div style="font-size:11px;font-weight:700;color:#059669">'+price+'</div><button class="vai-dd-add" data-slug="'+slug3+'" style="margin-top:3px;font-size:9px;padding:3px 8px;background:#003f62;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap">+ Đơn</button></div></div>';
-        });
-        dropdown.innerHTML=html;
-        dropdown.style.display='block';
-        
-        // Click item → go to product page
-        dropdown.querySelectorAll('.vai-dd-item').forEach(function(item){
-            item.addEventListener('click',function(e){
-                if(e.target.classList.contains('vai-dd-add'))return;
-                var sl=this.getAttribute('data-slug');
-                if(sl)window.location.href='/san-pham/'+sl+'/index.html';
-                dropdown.style.display='none';
-            });
-        });
-        
-        // "Add to order" button
-        dropdown.querySelectorAll('.vai-dd-add').forEach(function(btn){
-            btn.addEventListener('click',function(e){
-                e.stopPropagation();
-                var sl=this.getAttribute('data-slug');
-                if(!sl)return;
-                // Find product and add to saved order
-                for(var k=0;k<D.length;k++){
-                    if(D[k]&&D[k].slug===sl){
-                        var prod=D[k];
-                        // Use VAI_ORDERS if available
-                        if(window.VAI_ORDERS&&window.VAI_ORDERS.getAll){
-                            var orders=window.VAI_ORDERS.getAll();
-                            if(orders.length>0){
-                                // Add to most recent order
-                                var latest=orders[0];
-                                var name3=prod.name||prod.n||'';
-                                var price3=prod.priceNum||prod.pn||0;
-                                if(!price3)price3=parseInt((prod.price||prod.p||'').toString().replace(/[^\d]/g,''))||0;
-                                latest.items=latest.items||[];
-                                latest.items.push({name:name3,model:prod.sku||prod.model||prod.mod||'',image:prod.image||prod.img||prod.i||'',price:price3,discPrice:price3,qty:1,total:price3,note:''});
-                                latest.grandTotal=(latest.grandTotal||0)+price3;
-                                latest.savedAt=new Date().toISOString();
-                                window.VAI_ORDERS.add(latest);
-                                this.textContent='✓ Đã thêm';this.style.background='#059669';
-                            }else{
-                                this.textContent='Chưa có đơn';this.style.background='#94a3b8';
-                            }
-                        }else{
-                            this.textContent='N/A';this.style.background='#94a3b8';
-                        }
-                        break;
-                    }
-                }
-            });
-        });
+        results.forEach(function(r){var p=r.p;var name=p.name||p.n||'';var sku2=p.sku||p.model||p.mod||'';var price=p.price||p.p||'LH';var img=p.image||p.img||p.i||'';var slug3=p.slug||'';html+='<div class="vai-dd-item" style="padding:8px 12px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:10px;cursor:pointer" data-slug="'+slug3+'"><div style="flex:1;overflow:hidden"><div style="font-size:12px;font-weight:600;color:#003f62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">'+name.substring(0,50)+'</div><div style="font-size:10px;color:#64748b">'+sku2+(p.brand?' • '+p.brand:'')+'</div></div><div style="font-size:11px;font-weight:700;color:#059669">'+price+'</div></div>';});
+        dropdown.innerHTML=html;dropdown.style.display='block';
+        dropdown.querySelectorAll('.vai-dd-item').forEach(function(item){item.addEventListener('click',function(){var sl=this.getAttribute('data-slug');if(sl)window.location.href='/san-pham/'+sl+'/index.html';dropdown.style.display='none';});});
     }
 }
 
 function fixLinks(){document.addEventListener('click',function(e){var a=e.target.closest('a[href]');if(a&&a.href&&a.href.includes('/san-pham/')){a.target='_blank';a.rel='noopener';}},true);}
 
+/**
+ * hookAI — v9: LƯU CONTEXT SP XUYÊN SUỐT CUỘC TRÒ CHUYỆN
+ */
 function hookAI(){
     var origFetch=window.fetch;
     window.fetch=function(url,options){
@@ -269,13 +180,77 @@ function hookAI(){
                 if(body.messages&&Array.isArray(body.messages)){
                     var userMsg=body.messages.filter(function(m){return m.role==='user';}).pop();
                     var userText=typeof userMsg.content==='string'?userMsg.content:(userMsg.content&&userMsg.content[0]?userMsg.content[0].text:'');
+                    
+                    // Detect SP từ TIN NHẮN HIỆN TẠI
                     var product=null;
-                    if(typeof D!=='undefined'&&D.length){var q=norm(userText).replace(/[.\-_ ]/g,'');for(var i=0;i<D.length;i++){var p=D[i];var sku=(p.sku||p.model||p.mod||'').replace(/[.\-_ ]/g,'').toLowerCase();if(sku&&sku.length>3&&q.includes(sku)){product=p;break;}}}
-                    if(product&&/thiết kế|kiểu dáng|màu sắc|design|phong cách|chất liệu/i.test(userText)){var img=product.image||product.img||product.i||'';if(img){body.model=VISION_MODEL;var lu=body.messages[body.messages.length-1];if(lu&&lu.role==='user'&&typeof lu.content==='string')lu.content=[{type:'text',text:lu.content},{type:'image_url',image_url:{url:img}}];}}
-                    var strict='\n\n[QUY TẮC]:\n- TUYỆT ĐỐI KHÔNG bịa thông số/tính năng/giá.\n- CHỈ dùng [DỮ LIỆU SP] bên dưới.\n- Không có data → "Em chưa có thông tin SP này ạ."';
-                    if(product){var specs=product.specs||{};var ss='';if(typeof specs==='object')for(var k in specs)ss+=k+':'+specs[k]+'; ';var feats=(product.feats||[]).slice(0,8).join('; ');strict+='\n\n[DỮ LIỆU SP]:\nTên: '+(product.name||product.n)+'\nGiá: '+(product.price||product.p||'LH')+'\nBrand: '+(product.brand||'')+'\nMã: '+(product.sku||product.mod||'');if(ss)strict+='\nSpecs: '+ss;if(feats)strict+='\nFeats: '+feats;if(product.summary||product.sum)strict+='\nMô tả: '+(product.summary||product.sum||'').substring(0,300);}else{strict+='\n\n[KHÔNG TÌM THẤY SP → nói "Em chưa có thông tin SP này ạ."]';}
+                    if(typeof D!=='undefined'&&D.length){
+                        var q=norm(userText).replace(/[.\-_ ]/g,'');
+                        for(var i=0;i<D.length;i++){
+                            var p=D[i];
+                            var sku=(p.sku||p.model||p.mod||'').replace(/[.\-_ ]/g,'').toLowerCase();
+                            if(sku&&sku.length>3&&q.includes(sku)){product=p;break;}
+                        }
+                        // Thử match bằng tên SP (ít nhất 8 ký tự liên tiếp)
+                        if(!product){
+                            var qn=norm(userText);
+                            for(var j=0;j<D.length;j++){
+                                var p2=D[j];
+                                var nameN=norm(p2.name||p2.n||'');
+                                if(nameN.length>8&&qn.includes(nameN)){product=p2;break;}
+                            }
+                        }
+                    }
+                    
+                    // NẾU KHÔNG DETECT ĐƯỢC → DÙNG SP TRƯỚC ĐÓ (context)
+                    if(product){
+                        _lastProduct=product; // Cập nhật context
+                    }else if(_lastProduct){
+                        product=_lastProduct; // Dùng context cũ
+                    }
+                    
+                    // Cũng thử detect từ TOÀN BỘ messages (conversation history)
+                    if(!product&&body.messages.length>2){
+                        for(var mi=body.messages.length-1;mi>=0&&!product;mi--){
+                            var msg=body.messages[mi];
+                            if(msg.role!=='user')continue;
+                            var msgText=typeof msg.content==='string'?msg.content:(msg.content&&msg.content[0]?msg.content[0].text:'');
+                            var mqn=norm(msgText).replace(/[.\-_ ]/g,'');
+                            if(typeof D!=='undefined'){
+                                for(var k=0;k<D.length;k++){
+                                    var p3=D[k];
+                                    var sku3=(p3.sku||p3.model||p3.mod||'').replace(/[.\-_ ]/g,'').toLowerCase();
+                                    if(sku3&&sku3.length>3&&mqn.includes(sku3)){product=p3;_lastProduct=p3;break;}
+                                }
+                            }
+                        }
+                    }
+                    
+                    // Vision AI cho câu hỏi về thiết kế
+                    if(product&&/thiết kế|kiểu dáng|màu sắc|design|phong cách|chất liệu/i.test(userText)){
+                        var img=product.image||product.img||product.i||'';
+                        if(img){body.model=VISION_MODEL;var lu=body.messages[body.messages.length-1];if(lu&&lu.role==='user'&&typeof lu.content==='string')lu.content=[{type:'text',text:lu.content},{type:'image_url',image_url:{url:img}}];}
+                    }
+                    
+                    // Build system prompt VỚI CONTEXT
+                    var strict='\n\n[QUY TẮC]:\n- TUYỆT ĐỐI KHÔNG bịa thông số/tính năng/giá.\n- CHỈ dùng [DỮ LIỆU SP] bên dưới.\n- Nếu user hỏi tiếp về SP đã tư vấn → trả lời DỰA TRÊN DATA SP ĐÓ.\n- Không có data → "Em chưa có thông tin SP này ạ."';
+                    
+                    if(product){
+                        var specs=product.specs||{};var ss='';if(typeof specs==='object')for(var sk in specs)ss+=sk+':'+specs[sk]+'; ';
+                        var feats=(product.feats||[]).slice(0,8).join('; ');
+                        strict+='\n\n[DỮ LIỆU SP ĐANG TƯ VẤN]:\nTên: '+(product.name||product.n)+'\nGiá: '+(product.price||product.p||'LH')+'\nBrand: '+(product.brand||'')+'\nMã: '+(product.sku||product.mod||'');
+                        if(ss)strict+='\nSpecs: '+ss;
+                        if(feats)strict+='\nFeats: '+feats;
+                        if(product.summary||product.sum)strict+='\nMô tả: '+(product.summary||product.sum||'').substring(0,400);
+                        if(product.desc)strict+='\nChi tiết: '+(product.desc||'').substring(0,300);
+                        strict+='\n\n→ Mọi câu hỏi tiếp theo của user (giá? bảo hành? kích thước? so sánh?) ĐỀU trả lời dựa trên SP trên.';
+                    }else{
+                        strict+='\n\n[KHÔNG TÌM THẤY SP → nói "Em chưa có thông tin SP này, anh/chị cho em mã SP hoặc tên cụ thể nhé ạ."]';
+                    }
+                    
                     var sys=body.messages.find(function(m){return m.role==='system';});
-                    if(sys){if(typeof sys.content==='string')sys.content+=strict;}else body.messages.unshift({role:'system',content:'Tư vấn V.AI STUDIO. Xưng em.'+strict});
+                    if(sys){if(typeof sys.content==='string')sys.content+=strict;}
+                    else body.messages.unshift({role:'system',content:'Bạn là tư vấn viên V.AI STUDIO — chuyên thiết bị bếp cao cấp. Xưng em, gọi khách là anh/chị. Trả lời ngắn gọn, chính xác.'+strict});
+                    
                     options.body=JSON.stringify(body);
                 }
             }catch(e){}
@@ -287,12 +262,11 @@ function hookAI(){
 function init(){
     fixLinks();hookAI();autoFillFromProductPage();
     setInterval(injectLoop,1500);
-    // Init search dropdown when D is ready
     var ddTimer=setInterval(function(){
         if(typeof D!=='undefined'&&D.length>100){clearInterval(ddTimer);initSearchDropdown();}
     },2000);
     setTimeout(function(){clearInterval(ddTimer);initSearchDropdown();},15000);
 }
 if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();
-console.log('✅ Chat Fix v8: auto-fill link + search dropdown + category cards');
+console.log('✅ Chat Fix v9: context memory + strict data + cards');
 })();