V.AISTUDIO

Running

App Files Files Community

bep40 commited on Apr 28

Commit

f6f3442

verified ·

1 Parent(s): fc7c618

Fix: auto-detect VAISTUDIO token + improved AI consultant with natural Vietnamese personality

Browse files

Files changed (1) hide show

index.html +55 -28

index.html CHANGED Viewed

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="vi">
-<head><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3"}};</script>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>MALLOCA | Smart Kitchen - Smart Life</title>
@@ -1271,6 +1271,7 @@ let input=document.getElementById('chatInput');
 let msg=input.value.trim();
 if(!msg)return;
 input.value='';
 document.getElementById('chatSuggestions').style.display='none';
 // Show user message
@@ -1278,32 +1279,53 @@ appendMsg('user',msg.replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/\n/g,'<b
 // Search related products
 let matchedProducts=searchProducts(msg);
-let productContext=matchedProducts.length?productsToContext(matchedProducts):'Không tìm thấy sản phẩm trực tiếp liên quan. Hãy tư vấn chung dựa trên kiến thức về thiết bị nhà bếp Malloca, Eurogold, Grob.';
-// Prepare messages
 chatHistory.push({role:'user',content:msg});
-let systemPrompt=`Bạn là trợ lý tư vấn thiết bị nhà bếp chuyên nghiệp cho Malloca, Eurogold & Grob Việt Nam.
-QUY TẮC:
-- Trả lời NGẮN GỌN, chuyên nghiệp, bằng tiếng Việt
-- Khi đề xuất sản phẩm, LUÔN kèm link dạng: /san-pham/{slug}/index.html
-- So sánh sản phẩm khi được hỏi
-- Nếu khách hỏi ngoài phạm vi, nhẹ nhàng hướng về sản phẩm nhà bếp
-- Dùng emoji phù hợp, format rõ ràng
-- Giá hiển thị bằng VNĐ
-SẢN PHẨM LIÊN QUAN ĐẾN CÂU HỎI:
 ${productContext}
-THÔNG TIN CHUNG:
-- Website: bep40-malloca-website.static.hf.space
-- 1979 sản phẩm: Malloca (363), Eurogold (1090), Grob (526)
-- 17 danh mục: bếp, máy hút mùi, lò nướng, chậu rửa, vòi rửa, tủ lạnh, máy rửa chén, phụ kiện...
-- Hotline: 1800 1212 (miễn phí)`;
 let messages=[{role:'system',content:systemPrompt}];
-// Keep last 6 messages for context
-let recent=chatHistory.slice(-6);
 messages.push(...recent);
 chatBusy=true;
@@ -1311,7 +1333,12 @@ document.getElementById('chatSend').disabled=true;
 showTyping();
 try{
-let token=window.huggingface?.variables?.HF_TOKEN;
 if(!token){
 hideTyping();
 // Smart local response without AI
@@ -1333,8 +1360,9 @@ headers:{'Authorization':'Bearer '+token,'Content-Type':'application/json'},
 body:JSON.stringify({
 model:'Qwen/Qwen2.5-72B-Instruct',
 messages:messages,
-max_tokens:600,
-temperature:0.7
 })
 });
@@ -1342,9 +1370,8 @@ hideTyping();
 if(!resp.ok){
 let err=await resp.text();
-console.error('Chat API error:',err);
-// Fallback to local search
-appendMsg('bot',formatBotResponse('Xin lỗi, tôi đang gặp sự cố kết nối. Nhưng tôi đã tìm thấy các sản phẩm liên quan cho bạn:',matchedProducts));
 chatBusy=false;document.getElementById('chatSend').disabled=false;
 return;
 }
@@ -1357,7 +1384,7 @@ appendMsg('bot',formatBotResponse(reply,matchedProducts));
 }catch(e){
 hideTyping();
 console.error('Chat error:',e);
-appendMsg('bot',formatBotResponse('Xin lỗi, đã có lỗi xảy ra. Đây là sản phẩm tôi tìm được cho bạn:',matchedProducts));
 }
 chatBusy=false;
@@ -1396,7 +1423,7 @@ updateCartBadge();
 <button class="chat-close" onclick="closeChat()"><i class="fas fa-times"></i></button>
 </div>
 <div class="chat-body" id="chatBody">
-<div class="chat-msg bot">Xin chào! 👋 Tôi là trợ lý AI của <strong>Malloca</strong>. Tôi có thể giúp bạn:<br>• Tư vấn chọn sản phẩm phù hợp<br>• Tìm kiếm & so sánh sản phẩm<br>• Giải đáp thông số kỹ thuật<br><br>Hãy cho tôi biết bạn cần gì nhé!</div>
 </div>
 <div class="chat-suggestions" id="chatSuggestions">
 <div class="chat-sug" onclick="sendSuggestion(this)">Tư vấn bếp từ cho gia đình 4 người</div>

 <!DOCTYPE html>
 <html lang="vi">
+<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>MALLOCA | Smart Kitchen - Smart Life</title>
 let msg=input.value.trim();
 if(!msg)return;
 input.value='';
+input.style.height='auto';
 document.getElementById('chatSuggestions').style.display='none';
 // Show user message
 // Search related products
 let matchedProducts=searchProducts(msg);
+let productContext=matchedProducts.length
+  ? matchedProducts.map((p,i)=>{
+    let specs='';
+    if(p.specs&&Object.keys(p.specs).length){
+      specs=Object.entries(p.specs).slice(0,6).map(([k,v])=>k+': '+v).join('; ');
+    }
+    return `${i+1}. **${p.name}**
+   - Giá: ${p.price||'Liên hệ'}
+   - Danh mục: ${p.cat} | Thương hiệu: ${p.brand}
+   - Link: /san-pham/${p.slug}/index.html
+   ${specs?'- Thông số: '+specs:''}
+   ${p.summary?'- Mô tả: '+p.summary.substring(0,150):''}`;
+  }).join('\n')
+  : 'Không tìm thấy sản phẩm trực tiếp phù hợp trong kho dữ liệu. Hãy tư vấn chung dựa trên kiến thức chuyên môn về thiết bị nhà bếp và giới thiệu khách gọi hotline 1800 1212 để được hỗ trợ cụ thể hơn.';
+// Prepare messages for AI
 chatHistory.push({role:'user',content:msg});
+let systemPrompt=`Bạn là chuyên gia tư vấn thiết bị nhà bếp tại Malloca Việt Nam — thân thiện, nhiệt tình và am hiểu sâu về sản phẩm. Tên bạn là Malloca AI.
+PHONG CÁCH TRẢ LỜI:
+- Trả lời như một nhân viên tư vấn thật sự: thân thiện, gọi khách là "anh/chị"
+- Phân tích nhu cầu khách hàng trước khi đề xuất sản phẩm
+- Giải thích TẠI SAO sản phẩm đó phù hợp (không chỉ liệt kê)
+- Dùng emoji tự nhiên (🔥 ✅ 👉 ⭐ 💡) nhưng không lạm dụng
+- Nếu khách hỏi mơ hồ, hỏi lại để hiểu rõ nhu cầu
+- Luôn kết thúc bằng câu hỏi mở hoặc gợi ý tiếp theo
+- Trả lời tối đa 3-4 đoạn, dùng **in đậm** cho tên sản phẩm và thông tin quan trọng
+KHI ĐỀ XUẤT SẢN PHẨM:
+- Kèm link sản phẩm dạng: [Tên SP](/san-pham/{slug}/index.html)
+- Nêu 2-3 ưu điểm nổi bật của sản phẩm
+- So sánh nếu có nhiều lựa chọn phù hợp
+- Đề cập giá để khách tham khảo
+SẢN PHẨM TÌM THẤY LIÊN QUAN ĐẾN CÂU HỎI CỦA KHÁCH:
 ${productContext}
+THÔNG TIN CỬA HÀNG:
+- 1979 sản phẩm từ 3 thương hiệu: Malloca (363 SP), Eurogold (1090 SP), Grob (526 SP)
+- 17 danh mục: bếp điện từ/gas, máy hút mùi, lò nướng, lò vi sóng, chậu rửa, vòi rửa, tủ lạnh/tủ rượu, máy rửa chén, thiết bị gia dụng nhỏ, phụ kiện tủ bếp/tủ áo...
+- Hotline: 1800 1212 (miễn phí)
+- Bảo hành chính hãng, miễn phí vận chuyển & lắp đặt`;
 let messages=[{role:'system',content:systemPrompt}];
+// Keep last 8 messages for context
+let recent=chatHistory.slice(-8);
 messages.push(...recent);
 chatBusy=true;
 showTyping();
 try{
+// Auto-detect token from any variable name
+let vars=window.huggingface?.variables||{};
+let token=vars.HF_TOKEN||vars.VAISTUDIO||vars.AI_TOKEN||vars.TOKEN||'';
+// Filter out non-token values
+if(token&&!token.startsWith('hf_'))token='';
 if(!token){
 hideTyping();
 // Smart local response without AI
 body:JSON.stringify({
 model:'Qwen/Qwen2.5-72B-Instruct',
 messages:messages,
+max_tokens:700,
+temperature:0.7,
+top_p:0.9
 })
 });
 if(!resp.ok){
 let err=await resp.text();
+console.error('Chat API error:',resp.status,err);
+appendMsg('bot',formatBotResponse('Xin lỗi, hệ thống AI đang bận. Đây là sản phẩm tôi tìm được cho anh/chị:',matchedProducts));
 chatBusy=false;document.getElementById('chatSend').disabled=false;
 return;
 }
 }catch(e){
 hideTyping();
 console.error('Chat error:',e);
+appendMsg('bot',formatBotResponse('Xin lỗi, đã có lỗi xảy ra. Đây là sản phẩm tôi tìm được cho anh/chị:',matchedProducts));
 }
 chatBusy=false;
 <button class="chat-close" onclick="closeChat()"><i class="fas fa-times"></i></button>
 </div>
 <div class="chat-body" id="chatBody">
+<div class="chat-msg bot">Xin chào anh/chị! 👋 Em là <strong>Malloca AI</strong> — trợ lý tư vấn thiết bị nhà bếp.<br><br>Em có thể giúp anh/chị:<br>🔍 Tìm & so sánh sản phẩm phù hợp<br>💡 Tư vấn theo nhu cầu & ngân sách<br>📋 Giải đáp thông số kỹ thuật<br><br>Anh/chị cần tư vấn gì ạ?</div>
 </div>
 <div class="chat-suggestions" id="chatSuggestions">
 <div class="chat-sug" onclick="sendSuggestion(this)">Tư vấn bếp từ cho gia đình 4 người</div>