V.AISTUDIO

Running

App Files Files Community

bep40 commited on 6 days ago

Commit

9052ad3

verified ·

1 Parent(s): b83e6ef

AI Quote v5: LLM (Qwen-72B) selects combo based on prompt + fallback random

Browse files

Files changed (1) hide show

index.html +88 -37

index.html CHANGED Viewed

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="vi">
-<head><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>V.AI STUDIO | Niềm tin khách hàng là tài sản của chúng tôi</title>
@@ -2802,53 +2802,104 @@ function _doSearch(q,res){
 function doAIQuote(){
   const q=document.getElementById('aiSearch').value.trim()||'bếp từ + máy hút mùi + chậu rửa khoảng 50 triệu';
   const res=document.getElementById('aiResults');
-  res.style.display='block';res.innerHTML='<i class="fas fa-spinner fa-spin"></i> AI đang lên báo giá...';
-  if(typeof D==='undefined'||!D.length){res.innerHTML='⏳ Đang tải...';return}
-  setTimeout(()=>{_doQuote(q,res)},100);
 }
-function _doQuote(q,res){
-  const qn=q.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
-  const bm=q.match(/(\d+)\s*(tr|triệu|m)/i);
-  const budget=bm?parseInt(bm[1])*1000000:50000000;
-  const typeMap=[{k:['bep tu','bep dien','bep gas','bep'],n:'Bếp'},{k:['may hut','hut mui','hut khoi'],n:'Máy hút mùi'},{k:['chau rua','bon rua','chau'],n:'Chậu rửa'},{k:['voi rua','voi'],n:'Vòi rửa'},{k:['lo nuong'],n:'Lò nướng'},{k:['may rua bat','may rua chen'],n:'Máy rửa bát'}];
-  let wantTypes=typeMap.filter(t=>t.k.some(k=>qn.includes(k)));
-  if(!wantTypes.length)wantTypes=typeMap.slice(0,3);
-  const perBudget=Math.floor(budget/wantTypes.length);
   let picks=[];let total=0;
   wantTypes.forEach(typ=>{
-    // Get ALL matching products with price
     let all=D.filter(p=>{
       const pn=((p.name||'')+(p.cat||'')).toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
       return typ.k.some(k=>pn.includes(k))&&p.priceNum>0&&p.priceNum<=perBudget*1.5;
     });
-    // Separate brands
-    let malloca=all.filter(p=>/malloca/i.test(p.brand));
-    let grob=all.filter(p=>/grob/i.test(p.brand));
-    let others=all.filter(p=>!/malloca|grob/i.test(p.brand));
-    // Shuffle EACH brand pool independently
-    function shuffle(a){for(let i=a.length-1;i>0;i--){let j=Math.floor(Math.random()*(i+1));[a[i],a[j]]=[a[j],a[i]]}return a}
-    shuffle(malloca);shuffle(grob);shuffle(others);
-    // Build pool: random Malloca (60%) + Grob (30%) + others (10%)
-    let pool=[];
-    pool.push(...malloca.slice(0,Math.max(3,Math.ceil(malloca.length*0.6))));
-    pool.push(...grob.slice(0,Math.max(2,Math.ceil(grob.length*0.3))));
-    pool.push(...others.slice(0,2));
-    shuffle(pool);// Final shuffle
-    // Filter by budget
-    let affordable=pool.filter(p=>p.priceNum<=perBudget*1.3);
-    if(!affordable.length)affordable=pool.slice(0,5);
-    // Pick ONE random
-    if(affordable.length){
-      let pick=affordable[Math.floor(Math.random()*affordable.length)];
-      picks.push({...pick,typeName:typ.n});total+=pick.priceNum;
-    }
   });
-  if(!picks.length){res.innerHTML='😅 Không đủ SP. Thử tăng ngân sách!';return}
-  let h='<div style="font-weight:700;margin-bottom:10px;font-size:.95rem">📋 AI BÁO GIÁ <span style="color:#64748b;font-weight:400">(~'+budget.toLocaleString('vi')+'đ)</span></div>';
   h+='<table style="width:100%;border-collapse:collapse;font-size:.8rem">';
   h+='<tr style="background:#003f62;color:#fff"><th style="padding:8px;text-align:left">Loại</th><th style="text-align:left">Sản phẩm</th><th>Brand</th><th style="text-align:right;padding-right:8px">Giá</th></tr>';
   picks.forEach((p,i)=>{
-    h+='<tr style="border-bottom:1px solid #e2e8f0;'+(i%2?'background:#f8fafc':'')+'"><td style="padding:8px;font-weight:600">'+p.typeName+'</td><td>'+p.name.substring(0,38)+'<br><span style="font-size:.65rem;color:#888">'+p.sku+'</span></td><td style="text-align:center">'+p.brand+'</td><td style="text-align:right;font-weight:700;color:#003f62;padding-right:8px">'+(p.price||'LH')+'</td></tr>';
   });
   h+='<tr style="background:#003f62;color:#fff;font-weight:800"><td colspan="3" style="padding:10px;text-align:right">TỔNG:</td><td style="text-align:right;padding-right:8px;font-size:.95rem">'+total.toLocaleString('vi')+'đ</td></tr></table>';
   const diff=budget-total;

 <!DOCTYPE html>
 <html lang="vi">
+<head><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>V.AI STUDIO | Niềm tin khách hàng là tài sản của chúng tôi</title>
 function doAIQuote(){
   const q=document.getElementById('aiSearch').value.trim()||'bếp từ + máy hút mùi + chậu rửa khoảng 50 triệu';
   const res=document.getElementById('aiResults');
+  res.style.display='block';
+  res.innerHTML='<div style="text-align:center;padding:20px"><i class="fas fa-robot fa-spin" style="font-size:1.5rem;color:#003f62"></i><br><span style="font-size:.85rem;margin-top:8px;display:block">AI đang phân tích yêu cầu & chọn combo tốt nhất...</span></div>';
+  _aiSelectProducts(q,res);
 }
+async function _aiSelectProducts(q,res){
+  try{
+    if(typeof D==='undefined'||!D.length){res.innerHTML='⏳ Đang tải SP...';return}
+    // Parse budget
+    const bm=q.match(/(\d+)\s*(tr|triệu|m)/i);
+    const budget=bm?parseInt(bm[1])*1000000:50000000;
+    // Get product summary for AI (top products per category, Malloca/Grob priority)
+    const typeMap=[{k:['bep tu','bep dien','bep'],n:'Bếp từ'},{k:['may hut','hut mui'],n:'Máy hút mùi'},{k:['chau rua','bon rua'],n:'Chậu rửa'},{k:['voi rua'],n:'Vòi rửa'},{k:['lo nuong'],n:'Lò nướng'}];
+    const qn=q.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
+    let wantTypes=typeMap.filter(t=>t.k.some(k=>qn.includes(k)));
+    if(!wantTypes.length)wantTypes=typeMap.slice(0,3);
+    const perBudget=Math.floor(budget/wantTypes.length);
+    // Build catalog summary for AI
+    let catalog=[];
+    wantTypes.forEach(typ=>{
+      let items=D.filter(p=>{
+        const pn=((p.name||'')+(p.cat||'')).toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
+        return typ.k.some(k=>pn.includes(k))&&p.priceNum>0&&p.priceNum<=perBudget*1.5;
+      });
+      // Shuffle and take samples for AI to choose from
+      for(let i=items.length-1;i>0;i--){let j=Math.floor(Math.random()*(i+1));[items[i],items[j]]=[items[j],items[i]]}
+      // Priority: Malloca/Grob first in the list AI sees
+      let m=items.filter(p=>/malloca/i.test(p.brand));
+      let g=items.filter(p=>/grob/i.test(p.brand));
+      let o=items.filter(p=>!/malloca|grob/i.test(p.brand));
+      let pool=[...m.slice(0,5),...g.slice(0,4),...o.slice(0,3)];
+      pool.forEach(p=>catalog.push({sku:p.sku,name:p.name.substring(0,50),brand:p.brand,price:p.priceNum,type:typ.n}));
+    });
+    // Call AI to select best combo
+    const aiPrompt=`Khách yêu cầu: "${q}"\nNgân sách: ${budget.toLocaleString('vi')}đ\nDanh sách SP có sẵn:\n${catalog.map((p,i)=>i+1+'. ['+p.sku+'] '+p.name+' | '+p.brand+' | '+p.price.toLocaleString('vi')+'đ | Loại: '+p.type).join('\n')}\n\nChọn combo TỐT NHẤT (1 SP mỗi loại, ưu tiên Malloca/Grob, tổng ≤ ngân sách). Trả lời CHỈ JSON: {"picks":[{"sku":"...","reason":"lý do chọn ngắn"}]}`;
+    const aiRes=await fetch('https://router.huggingface.co/v1/chat/completions',{
+      method:'POST',
+      headers:{'Content-Type':'application/json','Authorization':'Bearer '+document.querySelector('meta[name=hf-token]')?.content||''},
+      body:JSON.stringify({model:'Qwen/Qwen2.5-72B-Instruct',messages:[{role:'user',content:aiPrompt}],max_tokens:300,temperature:0.7})
+    });
+    if(!aiRes.ok){
+      // Fallback to random selection if AI fails
+      _doQuoteFallback(wantTypes,perBudget,budget,res);return;
+    }
+    const aiData=await aiRes.json();
+    const content=aiData.choices[0].message.content;
+    const jsonMatch=content.match(/\{[\s\S]*\}/);
+    if(!jsonMatch){_doQuoteFallback(wantTypes,perBudget,budget,res);return}
+    const result=JSON.parse(jsonMatch[0]);
+    const selectedSkus=result.picks.map(p=>p.sku);
+    const reasons=Object.fromEntries(result.picks.map(p=>[p.sku,p.reason||'']));
+    // Map SKUs to actual products
+    let picks=[];let total=0;
+    selectedSkus.forEach(sku=>{
+      const found=D.find(p=>p.sku===sku);
+      if(found){
+        const typ=catalog.find(c=>c.sku===sku);
+        picks.push({...found,typeName:typ?typ.type:'SP',reason:reasons[sku]||''});
+        total+=found.priceNum;
+      }
+    });
+    if(!picks.length){_doQuoteFallback(wantTypes,perBudget,budget,res);return}
+    _renderQuote(picks,total,budget,res,true);
+  }catch(e){
+    console.error(e);
+    // Fallback
+    const bm=q.match(/(\d+)\s*(tr|triệu|m)/i);
+    const budget=bm?parseInt(bm[1])*1000000:50000000;
+    const typeMap=[{k:['bep tu','bep dien','bep'],n:'Bếp từ'},{k:['may hut','hut mui'],n:'Máy hút mùi'},{k:['chau rua','bon rua'],n:'Chậu rửa'}];
+    const qn=q.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
+    let wantTypes=typeMap.filter(t=>t.k.some(k=>qn.includes(k)));
+    if(!wantTypes.length)wantTypes=typeMap.slice(0,3);
+    _doQuoteFallback(wantTypes,Math.floor(budget/wantTypes.length),budget,res);
+  }
+}
+function _doQuoteFallback(wantTypes,perBudget,budget,res){
   let picks=[];let total=0;
+  function shuffle(a){for(let i=a.length-1;i>0;i--){let j=Math.floor(Math.random()*(i+1));[a[i],a[j]]=[a[j],a[i]]}return a}
   wantTypes.forEach(typ=>{
     let all=D.filter(p=>{
       const pn=((p.name||'')+(p.cat||'')).toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
       return typ.k.some(k=>pn.includes(k))&&p.priceNum>0&&p.priceNum<=perBudget*1.5;
     });
+    let m=shuffle(all.filter(p=>/malloca/i.test(p.brand)));
+    let g=shuffle(all.filter(p=>/grob/i.test(p.brand)));
+    let pool=[...m.slice(0,4),...g.slice(0,3),...shuffle(all).slice(0,3)];
+    shuffle(pool);
+    let pick=pool.find(p=>p.priceNum<=perBudget*1.3)||pool[0];
+    if(pick){picks.push({...pick,typeName:typ.n,reason:''});total+=pick.priceNum}
   });
+  if(!picks.length){res.innerHTML='😅 Không đủ SP phù hợp';return}
+  _renderQuote(picks,total,budget,res,false);
+}
+function _renderQuote(picks,total,budget,res,isAI){
+  let h='<div style="font-weight:700;margin-bottom:10px;font-size:.95rem">'+(isAI?'🤖':'📋')+' AI BÁO GIÁ <span style="color:#64748b;font-weight:400">(~'+budget.toLocaleString('vi')+'đ)</span></div>';
   h+='<table style="width:100%;border-collapse:collapse;font-size:.8rem">';
   h+='<tr style="background:#003f62;color:#fff"><th style="padding:8px;text-align:left">Loại</th><th style="text-align:left">Sản phẩm</th><th>Brand</th><th style="text-align:right;padding-right:8px">Giá</th></tr>';
   picks.forEach((p,i)=>{
+    h+='<tr style="border-bottom:1px solid #e2e8f0;'+(i%2?'background:#f8fafc':'')+'"><td style="padding:8px;font-weight:600">'+p.typeName+'</td><td>'+p.name.substring(0,38)+(p.reason?'<br><span style="font-size:.65rem;color:#28a745">💡 '+p.reason+'</span>':'')+'<br><span style="font-size:.65rem;color:#888">'+p.sku+'</span></td><td style="text-align:center;font-size:.75rem">'+p.brand+'</td><td style="text-align:right;font-weight:700;color:#003f62;padding-right:8px">'+(p.price||'LH')+'</td></tr>';
   });
   h+='<tr style="background:#003f62;color:#fff;font-weight:800"><td colspan="3" style="padding:10px;text-align:right">TỔNG:</td><td style="text-align:right;padding-right:8px;font-size:.95rem">'+total.toLocaleString('vi')+'đ</td></tr></table>';
   const diff=budget-total;