Khôi phục 100% về commit 077b53285f03cbd22093c875097dd5e96ba063a5: full restore of target commit tree

.cache_bust

@@ -1 +1 @@
-v12-deferred-avatar+lisamy-sohee+reliability
+1785988878945915423

.gitattributes

@@ -63,3 +63,6 @@ san-pham/mi593es-malloca-bep-tu-3-vung-nau-59cm/thumb.jpg filter=lfs diff=lfs me
 public/avatars/vuong1.glb filter=lfs diff=lfs merge=lfs -text
 public/avatars/scene[[:space:]](3).glb filter=lfs diff=lfs merge=lfs -text
 public/avatars/vuong2.glb filter=lfs diff=lfs merge=lfs -text
+image[[:space:]]-[[:space:]]2026-08-05T195019.510.png filter=lfs diff=lfs merge=lfs -text
+public/avatars/vaistudio.png filter=lfs diff=lfs merge=lfs -text
+public/avatars/vaistudio_center.png filter=lfs diff=lfs merge=lfs -text

edge-tts.mjs

@@ -0,0 +1,152 @@
+/**
+ * Edge TTS — zero-dependency Microsoft Edge neural text-to-speech for Bun/Node.
+ * Produces 24kHz 48kbit mono MP3 for Vietnamese voices:
+ *   vi-VN-HoaiMyNeural  (female, "Hoài My")
+ *   vi-VN-NamMinhNeural (male,   "Nam Minh")
+ */
+import { createHash, randomUUID, randomBytes } from "node:crypto";
+
+const TRUSTED_CLIENT_TOKEN = "6A5AA1D4EAFF4E9FB37E23D68491D6F4";
+const WIN_EPOCH = 11644473600;
+const WSS_URL =
+  "wss://speech.platform.bing.com/consumer/speech/synthesize/readaloud/edge/v1";
+const SEC_MS_GEC_VERSION = "1-143.0.3650.75";
+const CHROME_VER = "143";
+
+const UA =
+  "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 " +
+  `(KHTML, like Gecko) Chrome/${CHROME_VER}.0.0.0 Safari/537.36 Edg/${CHROME_VER}.0.0.0`;
+
+function generateSecMsGec() {
+  let ticks = Date.now() / 1000 + WIN_EPOCH;
+  ticks -= ticks % 300;
+  ticks *= 1e7;
+  return createHash("sha256")
+    .update(`${ticks.toFixed(0)}${TRUSTED_CLIENT_TOKEN}`, "ascii")
+    .digest("hex")
+    .toUpperCase();
+}
+
+function dateToString() {
+  const d = new Date();
+  const days = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
+  const months = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
+  const p = (n) => String(n).padStart(2, "0");
+  return `${days[d.getUTCDay()]} ${months[d.getUTCMonth()]} ${p(d.getUTCDate())} ` +
+         `${d.getUTCFullYear()} ${p(d.getUTCHours())}:${p(d.getUTCMinutes())}:${p(d.getUTCSeconds())} ` +
+         `GMT+0000 (Coordinated Universal Time)`;
+}
+
+function buildSSML(text, voice, { pitch = "+0Hz", rate = "+0%", volume = "+0%" } = {}) {
+  const esc = String(text).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  return `<speak version='1.0' xmlns='http://www.w3.org/2001/10/synthesis' xml:lang='en-US'>` +
+         `<voice name='${voice}'><prosody pitch='${pitch}' rate='${rate}' volume='${volume}'>` +
+         `${esc}</prosody></voice></speak>`;
+}
+
+/** Split long text at sentence boundaries (Edge caps ~3000 chars/request). */
+function splitText(text, max = 2800) {
+  if (text.length <= max) return [text];
+  const parts = [];
+  let rest = text;
+  while (rest.length > max) {
+    let cut = rest.lastIndexOf(". ", max);
+    if (cut < max * 0.5) cut = rest.lastIndexOf(" ", max);
+    if (cut <= 0) cut = max;
+    parts.push(rest.slice(0, cut + 1));
+    rest = rest.slice(cut + 1).trimStart();
+  }
+  if (rest) parts.push(rest);
+  return parts;
+}
+
+/**
+ * Synthesize text to mp3 bytes.
+ * @param {string} text
+ * @param {string} voice  e.g. "vi-VN-HoaiMyNeural" | "vi-VN-NamMinhNeural"
+ * @returns {Promise<Uint8Array>}
+ */
+export async function synthesize(text, voice = "vi-VN-HoaiMyNeural") {
+  const clean = String(text || "").trim().replace(/\s+/g, " ").replace(/\*\*?|`|_{1,2}/g, "");
+  if (!clean) return new Uint8Array(0);
+  const parts = splitText(clean);
+  const buffers = [];
+  for (const part of parts) {
+    buffers.push(await synthesizeOne(part, voice));
+  }
+  const total = buffers.reduce((n, b) => n + b.length, 0);
+  const out = new Uint8Array(total);
+  let off = 0;
+  for (const b of buffers) { out.set(b, off); off += b.length; }
+  return out;
+}
+
+function synthesizeOne(text, voice) {
+  const reqId = randomUUID().replace(/-/g, "");
+  const sec = generateSecMsGec();
+  const url =
+    `${WSS_URL}?TrustedClientToken=${TRUSTED_CLIENT_TOKEN}` +
+    `&Sec-MS-GEC=${sec}&Sec-MS-GEC-Version=${SEC_MS_GEC_VERSION}` +
+    `&ConnectionId=${randomUUID().replace(/-/g, "")}`;
+
+  const headers = {
+    "User-Agent": UA,
+    "Origin": "chrome-extension://jdiccldimpdaibmpdkjnbmckianbfold",
+    "Pragma": "no-cache",
+    "Cache-Control": "no-cache",
+    "Cookie": `muid=${randomBytes(16).toString("hex").toUpperCase()};`,
+  };
+
+  // Bun native WebSocket accepts options with headers as 2nd arg.
+  const ws = new WebSocket(url, { headers });
+
+  return new Promise((resolve, reject) => {
+    const chunks = [];
+    let opened = false;
+    const timer = setTimeout(() => {
+      try { ws.close(); } catch {}
+      reject(new Error("Edge TTS timeout"));
+    }, 20000);
+
+    ws.onopen = () => {
+      opened = true;
+      ws.send(
+        `X-Timestamp:${dateToString()}\r\n` +
+        "Content-Type:application/json; charset=utf-8\r\n" +
+        "Path:speech.config\r\n\r\n" +
+        '{"context":{"synthesis":{"audio":{"metadataoptions":' +
+        '{"sentenceBoundaryEnabled":"true","wordBoundaryEnabled":"false"},' +
+        '"outputFormat":"audio-24khz-48kbitrate-mono-mp3"}}}}\r\n'
+      );
+      ws.send(
+        `X-RequestId:${reqId}\r\n` +
+        "Content-Type:application/ssml+xml\r\n" +
+        `X-Timestamp:${dateToString()}Z\r\n` +
+        "Path:ssml\r\n\r\n" +
+        buildSSML(text, voice)
+      );
+    };
+
+    ws.onmessage = (ev) => {
+      const data = ev.data;
+      if (typeof data === "string") return;
+      const buf = Buffer.isBuffer(data) ? data : Buffer.from(data);
+      if (buf.length < 2) return;
+      const hl = buf.readUInt16BE(0);
+      const header = buf.subarray(0, hl + 2).toString("latin1");
+      const body = buf.subarray(hl + 2);
+      if (header.includes("Path:audio")) chunks.push(body);
+      else if (header.includes("Path:turn.end")) {
+        clearTimeout(timer);
+        try { ws.close(); } catch {}
+        resolve(Buffer.concat(chunks));
+      }
+    };
+
+    ws.onerror = (e) => { if (!opened) { clearTimeout(timer); reject(e); } };
+    ws.onclose = () => {
+      if (chunks.length) { clearTimeout(timer); resolve(Buffer.concat(chunks)); }
+      else clearTimeout(timer);
+    };
+  });
+}

index.html

@@ -8,7 +8,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Geist+Mono:wght@500&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
-    <link rel="stylesheet" href="./src/style.css?gc=12" />
+    <link rel="stylesheet" href="./src/style.css?gc=29" />
   </head>
   <body>
     <main id="app">
@@ -109,6 +109,13 @@
           <span id="chat-title">Text Chat</span>
           <div id="chat-header-actions">
             <select id="chat-avatar-select" title="Switch avatar"></select>
+            <button id="chatbox-mute-btn" class="icon-btn small" aria-label="Bật/tắt âm thanh (im lặng)" title="Bật/tắt âm thanh (im lặng)">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>
+                <path d="M19.07 4.93a10 10 0 0 1 0 14.14" id="chatbox-mute-sound"></path>
+                <path d="M15.53 8.47a4 4 0 0 1 0 7.07" id="chatbox-mute-muted" style="display:none"></path>
+              </svg>
+            </button>
             <button id="chat-audio-toggle-btn" class="icon-btn small" aria-label="Toggle avatar audio" title="Toggle avatar audio" style="display:none">
               <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                 <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>
@@ -381,6 +388,10 @@
       .product-card-brand { font-size:0.75rem;color:#64748b;margin:0 0 4px }
       .product-card-price { font-size:0.85rem;font-weight:700;color:#003f62;margin:0 }
       .product-card-cat { font-size:0.7rem;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:10px;display:inline-block;margin-top:4px }
+      .product-card .product-card-btn { align-self:center;flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border:none;border-radius:8px;background:#25d366;color:#fff;cursor:pointer;font-size:0.72rem;font-weight:600;font-family:inherit;transition:all 0.15s }
+      .product-card .product-card-btn:hover { background:#1fb959 }
+      .product-card .product-card-btn.added { background:#166534 }
+
       .vaix-suggestion-item { display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background 0.15s }
       .vaix-suggestion-item:last-child { border-bottom:none }
       .vaix-suggestion-item:hover { background:#f0f9ff }
@@ -419,8 +430,18 @@
       .chat-combo-sub { font-size:0.68rem;color:#94a3b8;margin-bottom:8px }
       .chat-combo-cards { display:flex;flex-direction:column;gap:7px;max-height:260px;overflow-y:auto }
       .chat-combo-cards .chat-product-card { margin:0 }
+      /* Make the "Thêm giỏ" button on combo cards clearly visible */
+      .chat-combo-cards .chat-product-card-btn.cart-btn {
+        background: rgba(37,211,102,0.16);
+        color:#4ade80; font-weight:700; flex:1.3;
+      }
+      .chat-combo-cards .chat-product-card-btn.cart-btn:hover { background:#14532d; color:#4ade80 }
+      .chat-combo-cards .chat-product-card-btn.cart-btn.added { background:#166534; color:#fff }
       .chat-combo-random { margin-top:8px;padding:6px 12px;background:rgba(34,211,238,0.15);color:#22d3ee;border:1px solid rgba(34,211,238,0.35);border-radius:10px;cursor:pointer;font-size:0.72rem;font-family:inherit;font-weight:600;transition:all 0.15s }
       .chat-combo-random:hover { background:rgba(34,211,238,0.28) }
+      /* Chatbox mute button — highlighted red when silent mode is ON */
+      #chatbox-mute-btn { color:#94a3b8 }
+      #chatbox-mute-btn.mute-on { color:#f87171; background:rgba(248,113,113,0.15); border:1px solid rgba(248,113,113,0.4); border-radius:6px }
       #detail-share-btn { display:inline-flex!important }
 
       /* ✨ FIX: Suggested Question Pills CSS */
@@ -503,11 +524,11 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
     <script src="./src/cart-quote.js?gc=12"></script>    <!-- Cart + Quote module (Giỏ hàng / Báo giá) -->
-    <script src="./src/vaix-rag.js?gc=14"></script>    <!-- V.AI STUDIO RAG Module - loads products + integrates search/showProduct -->
-    <script src="./src/greeting-news.js?gc=12"></script>  <!-- Greeting HOT news cards + source links -->
+    <script src="./src/vaix-rag.js?gc=30"></script>    <!-- V.AI STUDIO RAG Module - loads FASTER via light index; lazy galleries; spec-aware search -->
+    <script src="./src/greeting-news.js?gc=14"></script>  <!-- Greeting HOT news cards + source links -->
     <script src="./src/order-sync.js?gc=12"></script>    <!-- Order sync with V.AISTUDIO backend -->
-    <script type="module" src="./src/app.js?gc=13"></script>
-    <script src="./src/greeting-source-cards.js?gc=12"></script> <!-- FIX: Nguồn tin cards under greeting -->
+    <script type="module" src="./src/app.js?gc=28"></script>
+    <script src="./src/greeting-source-cards.js?gc=14"></script> <!-- FIX: Nguồn tin cards under greeting -->
     <script src="./src/avatar-picker.js?gc=12"></script> <!-- ✨ Circular avatar picker (Mr V / Lisamy) + loading progress bar -->
 
     <script>

index.ts

@@ -13,6 +13,14 @@ const index = readFileSync(new URL("./index.html", import.meta.url), "utf-8");
 import { readdir } from "fs/promises";
 import { join } from "path";
 import { existsSync } from "fs";
+import { synthesize as edgeSynthesize } from "./edge-tts.mjs";
+
+// ── Edge TTS memory cache: { key: audioBytes } — bound to prevent growth ──
+const TTS_CACHE = new Map<string, Uint8Array>();
+const TTS_CACHE_MAX = 400;
+function ttsCacheKey(text: string, voice: string) {
+  return voice + "|" + text.trim().slice(0, 600);
+}
 
 const LOAD_BALANCER_URL = (Bun.env.LOAD_BALANCER_URL ?? "").trim().replace(/\/$/, "");
 const SESSION_PROXY_URL = (Bun.env.SESSION_PROXY_URL ?? "https://victor-gemma-avatar.hf.space/api").trim().replace(/\/$/, "");
@@ -282,265 +290,295 @@ async function sessionHandler(req: Request): Promise<Response> {
   }
 }
 
-// ── Text-only chat endpoint ──
-// Uses S2S backend in text-only mode: POST /session → text chat via WebSocket
+// ── Text-only chat endpoint ─────────────────────────────────────────────
+// Chat + tư vấn nhanh dùng Google Gemma qua HF Inference Providers (router).
+// Streaming (SSE) + cascade gemma-4-31B -> gemma-3-12B -> gemma-3-4B for resilience.
+const CHAIN: Array<{ model: string }> = [
+  { model: "google/gemma-4-31B-it" },
+  { model: "google/gemma-3-12b-it" },
+  { model: "google/gemma-3-4b-it" },
+];
+const ROUTER = "https://router.huggingface.co/v1/chat/completions";
+const CHAT_TIMEOUT_MS = 45000;
+
+// Helper to present one model. Returns { reply, model } or throws.
+async function chatOnce(model: string, messages: any[], token: string) {
+  const body = {
+    model,
+    messages,
+    max_tokens: 700,
+    temperature: 0.7,
+    top_p: 0.9,
+    stream: false,
+  };
+  const resp = await fetch(ROUTER, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      "Authorization": `Bearer ${token}`,
+      "User-Agent": "gemma-avatar",
+    },
+    body: JSON.stringify(body),
+    signal: AbortSignal.timeout(CHAT_TIMEOUT_MS),
+  });
+  const text = await resp.text().catch(() => "");
+  if (!resp.ok) {
+    const err: any = new Error("HTTP " + resp.status + ": " + text.slice(0, 200));
+    err.status = resp.status;
+    throw err;
+  }
+  try {
+    const data = JSON.parse(text);
+    const raw = data?.choices?.[0]?.message?.content;
+    if (raw && String(raw).trim()) return { reply: String(raw).trim(), model };
+  } catch (_) {}
+  const err: any = new Error("Empty response from " + model);
+  err.status = 500;
+  throw err;
+}
+
+// ── Server-side tool execution (restores news/web/product search in /api/chat) ──
+const CHAT_TOOLS = [
+  { type: "function", function: {
+      name: "search_news",
+      description: "Tìm tin tức tiếng Việt mới nhất về một chủ đề. Dùng khi người dùng hỏi về tin tức, sự kiện, chương trình khuyến mãi, chiến dịch, hoặc thông tin thời sự.",
+      parameters: { type: "object", properties: { query: { type: "string", description: "Chủ đề / từ khóa tin tức" } }, required: ["query"] },
+  }},
+  { type: "function", function: {
+      name: "search_web",
+      description: "Tìm kiếm thông tin trên web cho một câu hỏi hoặc chủ đề bất kỳ.",
+      parameters: { type: "object", properties: { query: { type: "string", description: "Câu hỏi hoặc từ khóa tìm kiếm" } }, required: ["query"] },
+  }},
+];
+
+const sleepMs = (ms: number) => new Promise(r => setTimeout(r, ms));
+
+async function ddgSearch(query: string) {
+  const results: Array<{ title: string; snippet: string; url: string; source: string }> = [];
+  const queries = [
+    query,
+    query + " hôm nay",
+    (query.length < 30 ? "tin tức " + query : query),
+  ];
+  await Promise.all(queries.map(q =>
+    fetch("https://html.duckduckgo.com/html/?q=" + encodeURIComponent(q), { headers: { "User-Agent": "Mozilla/5.0" }, signal: AbortSignal.timeout(12000) })
+      .then(r => r.text())
+      .then(h => {
+        const lm = [...h.matchAll(/<a[^>]+class="result__a"[^>]*href="([^"]*)"[^>]*>([\s\S]*?)<\/a>/gi)];
+        const sm = [...h.matchAll(/<a[^>]+class="result__snippet"[^>]*>([\s\S]*?)<\/a>/gi)];
+        for (let i = 0; i < Math.min(lm.length, 5); i++) {
+          let href = lm[i][1].replace(/&amp;/g, "&");
+          const ru = href.match(/uddg=(https?%3[^&]+)/i);
+          if (ru) { try { href = decodeURIComponent(ru[1]); } catch (_) {} }
+          const title = lm[i][2].replace(/<[^>]+>/g, "").trim();
+          if (!title) continue;
+          const snippet = sm[i] ? sm[i][1].replace(/<[^>]+>/g, "").trim() : "";
+          let source = "";
+          try { source = new URL(href).hostname.replace(/^www\./, ""); } catch (_) {}
+          results.push({ title, snippet, url: href, source });
+        }
+      })
+      .catch(() => {})
+  ));
+  const seen = new Set<string>();
+  const unique = results.filter(r => {
+    if (!r.url || seen.has(r.url)) return false;
+    seen.add(r.url);
+    return r.source && !/duckduckgo|google/i.test(r.source);
+  });
+  return unique.slice(0, 8);
+}
+
+// Reliable Vietnamese news search via Google News RSS (proven reachable from
+// HF Spaces — the duckduckgo html endpoint is NOT reliably reachable).
+async function searchNewsGoogle(query: string) {
+  try {
+    const resp = await fetch(
+      "https://news.google.com/rss/search?q=" + encodeURIComponent(query) +
+      "&hl=vi-VN&gl=VN&ceid=VN:vi",
+      { headers: { "User-Agent": "Mozilla/5.0 (compatible; GemmaAvatar/1.0)" }, signal: AbortSignal.timeout(15000) }
+    );
+    if (!resp.ok) throw new Error("RSS failed " + resp.status);
+    const rssText = await resp.text();
+    const itemBlocks = rssText.match(/<item>[\s\S]*?<\/item>/gi) || [];
+    const articles: Array<{ title: string; url: string; source: string; desc: string }> = [];
+    for (const block of itemBlocks) {
+      const tm = block.match(/<title>(?:<!\[CDATA\[)?(.*?)(?:\]\]>)?<\/title>/i);
+      const lm = block.match(/<link>\s*<\!\[CDATA\[(.*?)\]\]>\s*<\/link>/i) || block.match(/<link>(.*?)<\/link>/i);
+      const sm = block.match(/<source[^>]*url="([^"]*)"[^>]*>(.*?)<\/source>/i) || block.match(/<source[^>]*>(.*?)<\/source>/i);
+      const dm = block.match(/<description>(?:<!\[CDATA\[)?([\s\S]*?)(?:\]\]>)?<\/description>/i);
+      if (!tm) continue;
+      let title = tm[1].replace(/\+|_/g, " ").trim();
+      let source = "";
+      if (sm) {
+        source = (sm[2] || sm[1] || "").replace(/<[^>]+>/g, "").trim();
+        if (source && title.endsWith(" - " + source)) title = title.slice(0, -(source.length + 3)).trim();
+      }
+      if (!title) continue;
+      let url = "";
+      if (lm) url = (lm[1] || "").trim();
+      let desc = "";
+      if (dm) {
+        desc = dm[1].replace(/<[^>]*>/g, " ").replace(/\bhttps?:\/\/\S+/gi, "")
+          .replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&#39;/g, "'")
+          .replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&nbsp;/g, " ")
+          .replace(/\s+/g, " ").trim().slice(0, 160);
+      }
+      if (title && url) articles.push({ title, url, source: source || "", desc });
+      if (articles.length >= 8) break;
+    }
+    return articles;
+  } catch (e) {
+    return [];
+  }
+}
+
+async function executeChatTool(name: string, args: any): Promise<string> {
+  const clean = (s: any) => String(s || "").trim();
+  try {
+    if (name === "search_news") {
+      const q = clean(args?.query);
+      if (!q) return "Thiếu từ khóa tìm kiếm tin tức.";
+      const arts = await searchNewsGoogle(q);
+      if (!arts.length) return "Không tìm thấy tin tức cho '" + q + "'.";
+      return arts.map(r => "• " + r.title + (r.source ? " (" + r.source + ")" : "") + (r.desc ? "\n  " + r.desc : "") + "\n  " + r.url).join("\n");
+    }
+    if (name === "search_web") {
+      const q = clean(args?.query);
+      if (!q) return "Thiếu từ khóa tìm kiếm.";
+      const res = await ddgSearch(q);
+      if (!res.length) return "Không tìm thấy kết quả cho '" + q + "'.";
+      return res.map(r => "• " + r.title + (r.source ? " (" + r.source + ")" : "") + (r.snippet ? "\n  " + r.snippet : "") + "\n  " + r.url).join("\n");
+    }
+    return "Tool không hỗ trợ: " + name;
+  } catch (e: any) {
+    return "Lỗi khi chạy tool " + name + ": " + String(e?.message || e);
+  }
+}
+
+// One chat completion round that supports tool calls. Returns the message content
+// and any tool_calls (name + args + id).
+async function chatOnceWithTools(model: string, messages: any[], token: string, withTools: boolean) {
+  const body: any = {
+    model,
+    messages,
+    max_tokens: 800,
+    temperature: 0.7,
+    top_p: 0.9,
+    stream: false,
+    tools: withTools ? CHAT_TOOLS : undefined,
+    tool_choice: withTools ? "auto" : undefined,
+  };
+  const resp = await fetch(ROUTER, {
+    method: "POST",
+    headers: { "Content-Type": "application/json", "Authorization": `Bearer ${token}`, "User-Agent": "gemma-avatar" },
+    body: JSON.stringify(body),
+    signal: AbortSignal.timeout(CHAT_TIMEOUT_MS),
+  });
+  const text = await resp.text().catch(() => "");
+  if (!resp.ok) {
+    const err: any = new Error("HTTP " + resp.status + ": " + text.slice(0, 200));
+    err.status = resp.status;
+    throw err;
+  }
+  const data = JSON.parse(text);
+  const msg = data?.choices?.[0]?.message;
+  const toolCalls: any[] = Array.isArray(msg?.tool_calls) ? msg.tool_calls : [];
+  return { content: String(msg?.content || "").trim(), toolCalls, model };
+}
+
 async function textChatHandler(req: Request): Promise<Response> {
-  if (!UPSTREAM) return Response.json({ error: "Chat service not configured." }, { status: 404 });
   try {
     const reqBody = await req.json();
-    const userMessage = reqBody.message || "";
+    const userMessage = (reqBody.message || "").toString();
     if (!userMessage) return Response.json({ error: "Missing 'message' field" }, { status: 400 });
 
-    // Create S2S session in text-only mode
-    const sessionResp = await fetch(UPSTREAM + "/session", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: "{}",
-    });
-    if (!sessionResp.ok) {
-      const errBody = await sessionResp.text().catch(() => "");
-      return Response.json({
-        error: "Failed to create S2S session",
-        status: sessionResp.status,
-        detail: errBody.slice(0, 500),
-      }, { status: 502 });
-    }
-    const sessionData = await sessionResp.json();
-    if (sessionData.state === "queued") {
-      // Poll the queue
-      let queueResp;
-      let attempts = 0;
-      do {
-        await new Promise(r => setTimeout(r, (sessionData.poll_interval_s || 2) * 1000));
-        queueResp = await fetch(UPSTREAM + "/queue/" + encodeURIComponent(sessionData.queue_id), {
-          headers: { "Content-Type": "application/json" },
-        });
-        if (!queueResp.ok) continue;
-        const queueData = await queueResp.json();
-        if (queueData.state === "queued") {
-          attempts++;
-          if (attempts > 30) {
-            return Response.json({ error: "Queue timed out after 60 seconds" }, { status: 504 });
-          }
-          continue;
-        }
-        const grant = queueData;
-        // Connect WebSocket
-        const ws = new WebSocket(grant.connect_url);
-        
-        const wsPromise = new Promise<any>((resolve, reject) => {
-          ws.binaryType = "arraybuffer";
-          let msgReceived = false;
-          
-          ws.onopen = () => {
-            // Session created — wait for session.updated then send text
-            const waitForSession = async () => {
-              while (!msgReceived) {
-                // Wait for session.created
-                // We'll use a timeout approach
-              }
-            };
-            
-            // Send session.update then user message
-            setTimeout(() => {
-              ws.send(JSON.stringify({
-                type: "session.update",
-                session: {
-                  type: "realtime",
-                  instructions: "You are Gemma, a friendly assistant. Speak in Vietnamese. Keep responses short and natural. Only respond to the user's last message.",
-                  audio: { output: { voice: "Dylan" } }
-                }
-              }));
-            }, 500);
-            
-            // Send user message
-            setTimeout(() => {
-              ws.send(JSON.stringify({
-                type: "conversation.item.create",
-                item: {
-                  type: "message",
-                  role: "user",
-                  content: [{ type: "input_text", text: userMessage }]
-                }
-              }));
-              ws.send(JSON.stringify({ type: "response.create" }));
-            }, 1000);
-            
-            // Collect responses
-            let fullTranscript = "";
-            let audioBuffer = "";
-            let responseDone = false;
-            
-            const handleMessage = (raw: string) => {
-              try {
-                const event = JSON.parse(raw);
-                const type = event?.type;
-                
-                if (type === "response.audio_transcript.delta" || type === "response.audio_transcript.done") {
-                  const delta = (event.transcript || event.delta || "");
-                  if (delta) fullTranscript += delta;
-                }
-                if (type === "response.audio_transcript.done" || type === "response.done") {
-                  responseDone = true;
-                  clearTimeout(timeout);
-                  msgReceived = true;
-                  resolve({
-                    transcript: fullTranscript.trim(),
-                    audio: audioBuffer,
-                    audioFormat: "pcm16",
-                  });
-                }
-              } catch {}
-            };
-            
-            ws.onmessage = (e: any) => {
-              const data = typeof e.data === "string" ? e.data : new TextDecoder("utf-8").decode(e.data);
-              handleMessage(data);
-            };
-            
-            ws.onerror = () => reject(new Error("WebSocket error"));
-            
-            // Timeout
-            const timeout = setTimeout(() => {
-              if (!responseDone) {
-                msgReceived = true;
-                try { ws.close(1000, "timeout"); } catch {}
-                resolve({
-                  transcript: fullTranscript.trim() || "No response received.",
-                  audio: "",
-                });
+    let conversation = Array.isArray(reqBody.history) ? reqBody.history : [];
+    conversation = conversation.slice(-12).map((m: any) => ({
+      role: (m.role === "assistant" || m.role === "user") ? m.role : "user",
+      content: String(m.content || ""),
+    }));
+
+    const system = [
+      "Bạn là trợ lý của V.AI STUDIO. Bạn giỏi tư vấn thiết bị nhà bếp và khóa cửa (Grob, Hafele, Eurogold, Malloca...), NHƯNG bạn cũng là trợ lý tổng quát thân thiện có thể trả lời tin t���c và câu hỏi thông thường.",
+      "Trả lời ngắn gọn, tự nhiên, thân thiện bằng tiếng Việt như một người trò chuyện thật, không gượng gạo.",
+      "KHÔNG dùng các nhãn đoạn kiểu 'Diễn biến chính:', 'Hành động:', 'Nội dung:', 'Tóm tắt:' hay bất kỳ tiêu đề máy móc nào. Viết thành lời văn liền mạch, xúc tích cho dễ đọc.",
+      "Khi được hỏi về sản phẩm, hãy tư vấn theo nhu cầu (bếp từ, máy hút mùi, chậu rửa, vòi rửa, lò nướng, nồi chiên, máy rửa chén, khóa...) và kể tên sản phẩm cụ thể khi phù hợp.",
+      "QUAN TRỌNG — TIN TỨC & SỰ KIỆN HIỆN TẠI: Khi người dùng hỏi về tin tức, sự kiện mới, chương trình khuyến mãi, chiến dịch, hoặc bất kỳ thông tin thời sự/gần đây nào, bạn PHẢI gọi tool search_news (có sẵn) để tìm tin mới nhất, rồi dựa vào kết quả trả về để trả lời. Đừng từ chối hay nói 'mình không cập nhật tin tức'. Hãy tóm tắt các bài báo tìm được một cách ngắn gọn, kèm nguồn.",
+      "Khi cần thông tin chung không phải tin tức, bạn có thể gọi search_web. Nếu chưa đủ thông tin, hãy hỏi thêm thương hiệu, kích thước, chất liệu hoặc ngân sách một cách tự nhiên.",
+    ].join("\n");
+    const messages = [{ role: "system", content: system }, ...conversation, { role: "user", content: userMessage }];
+
+    const token = (process.env.HF_INFERENCE_TOKEN || process.env.HF_TOKEN || "").trim();
+    if (!token) console.error("[chat] No inference token configured (HF_INFERENCE_TOKEN missing).");
+
+    let lastErr: any = null;
+    // Decide whether to offer tools: news/current-event/product questions benefit
+    // from search; plain chit-chat doesn't need it. Offer tools always except very
+    // short greetings — the model decides via tool_choice:"auto".
+    const withTools = userMessage.trim().length >= 2 && !/^(chao|hello|hi|xin chao|cam on|oke|ok|bye)[.\s]*$/i.test(userMessage.trim());
+    for (const step of CHAIN) {
+      let retries = 3;
+      for (let attempt = 0; attempt <= retries; attempt++) {
+        try {
+          // Tool-calling loop: keep asking with tools, execute any tool_calls the
+          // model requests, and feed results back until it gives a final answer.
+          let msgs = [...messages];
+          let finalReply = "";
+          let finalModel = step.model;
+          for (let round = 0; round < 3; round++) {
+            const { content, toolCalls, model } = await chatOnceWithTools(step.model, msgs, token, withTools);
+            finalModel = model;
+            if (toolCalls && toolCalls.length) {
+              msgs.push({ role: "assistant", content: content || null, tool_calls: toolCalls.map((tc: any) => ({ id: tc.id, type: "function", function: { name: tc.function?.name, arguments: tc.function?.arguments } })) });
+              for (const tc of toolCalls) {
+                let argsObj: any = {};
+                try { argsObj = JSON.parse(tc.function?.arguments || "{}"); } catch (_) {}
+                const resultText = await executeChatTool(tc.function?.name || "", argsObj);
+                msgs.push({ role: "tool", tool_call_id: tc.id, content: resultText });
               }
-            }, 15000);
-          };
-          
-          ws.onclose = () => {
-            if (!msgReceived) {
-              msgReceived = true;
-              resolve({ transcript: fullTranscript || "Session closed unexpectedly", audio: "" });
-            }
-          };
-        });
-        
-        return Response.json(await wsPromise);
-      } while (true);
-    }
-    
-    // Session granted directly — connect WebSocket
-    const grant = sessionData;
-    const ws = new WebSocket(grant.connect_url);
-    
-    return new Promise<Response>((resolve, reject) => {
-      ws.binaryType = "arraybuffer";
-      let msgReceived = false;
-      
-      ws.onopen = () => {
-        // Send session.update
-        setTimeout(() => {
-          ws.send(JSON.stringify({
-            type: "session.update",
-            session: {
-              type: "realtime",
-              instructions: "You are Gemma, a friendly assistant. Speak in Vietnamese. Keep responses short, natural, and warm. Only respond directly to the user's message in text form. Do not ask questions or request audio input.",
-              audio: { output: { voice: "Dylan" } }
-            }
-          }));
-        }, 500);
-        
-        // Send user message via text
-        setTimeout(() => {
-          ws.send(JSON.stringify({
-            type: "conversation.item.create",
-            item: {
-              type: "message",
-              role: "user",
-              content: [{ type: "input_text", text: userMessage }]
+              continue;
             }
-          }));
-          ws.send(JSON.stringify({ type: "response.create" }));
-        }, 1000);
-        
-        // Collect response
-        let fullTranscript = "";
-        let responseDone = false;
-        
-        const handleMessage = (raw: string) => {
-          try {
-            const event = JSON.parse(raw);
-            const type = event?.type;
-            
-            if (type === "response.audio_transcript.delta" || type === "response.output_audio_transcript.delta") {
-              const delta = event.delta || "";
-              if (delta) fullTranscript += delta;
-            }
-            if (type === "response.audio_transcript.done" || type === "response.output_audio_transcript.done") {
-              const segment = event.transcript || "";
-              if (segment) fullTranscript += segment;
-            }
-            if (type === "response.done") {
-              responseDone = true;
-              clearTimeout(timeout);
-              msgReceived = true;
-              try { ws.close(1000, "done"); } catch {}
-              resolve(Response.json({
-                transcript: fullTranscript.trim(),
-                status: event.response?.status ?? "completed",
-              }));
-            }
-          } catch (e: any) {
-            console.warn("[chat] parse error:", e.message);
+            finalReply = content;
+            break;
+          }
+          if (!finalReply) {
+            const e: any = new Error("Empty response after tool loop");
+            e.status = 500;
+            throw e;
           }
-        };
-        
-        ws.onmessage = (e: any) => {
-          const data = typeof e.data === "string" ? e.data : new TextDecoder("utf-8").decode(e.data);
-          handleMessage(data);
-        };
-        
-        ws.onerror = () => {
-          if (!msgReceived) {
-            msgReceived = true;
-            try { ws.close(1000, "error"); } catch {}
-            resolve(Response.json({
-              transcript: "Error connecting to chat service.",
-              status: "error",
-            }));
+          const clean = String(finalReply)
+            .replace(/\*\*([^*]+)\*\*/g, "$1")
+            .replace(/\*([^*]+)\*/g, "$1")
+            .replace(/__([^_]+)__/g, "$1")
+            .replace(/`([^`]+)`/g, "$1")
+            .replace(/^#{1,6}\s+/gm, "")
+            .replace(/[ \t]+\n/g, "\n")
+            .replace(/\n{3,}/g, "\n\n")
+            .trim();
+          return Response.json({ transcript: clean, raw: String(finalReply).slice(0, 40), model: finalModel, status: "completed" });
+        } catch (e: any) {
+          lastErr = e;
+          const code = e?.status;
+          console.error("[chat] model " + step.model + " attempt " + attempt + " failed:", code, e?.message);
+          if (code === 401) {
+            return Response.json({ error: "Chat chưa được cấu hình token inference hợp lệ. Vui lòng thêm Secret HF_INFERENCE_TOKEN (User Access Token có quyền inference.serverless.write) trong Settings của Space.", status: 401, detail: e?.message }, { status: 401 });
           }
-        };
-        
-        ws.onclose = () => {
-          if (!msgReceived) {
-            msgReceived = true;
-            resolve(Response.json({
-              transcript: fullTranscript.trim() || "Session closed.",
-              status: "closed",
-            }));
+          if (code === 403) {
+            return Response.json({ error: "Token inference không có quyền gọi model này. Hãy kiểm tra quyền inference.serverless.write của token.", status: 403, detail: e?.message }, { status: 403 });
           }
-        };
-        
-        // Timeout
-        const timeout = setTimeout(() => {
-          if (!msgReceived) {
-            msgReceived = true;
-            try { ws.close(1000, "timeout"); } catch {}
-            resolve(Response.json({
-              transcript: fullTranscript.trim() || "No response received. The service may be busy.",
-              status: "timeout",
-            }));
+          if (code === 402) {
+            return Response.json({ error: "Tài khoản đã hết credits Inference Providers. Vui lòng nạp credits tại https://huggingface.co/settings/billing để dùng Google Gemma cho chat.", status: 402, detail: e?.message }, { status: 402 });
           }
-        }, 20000);
-      };
-      
-      ws.onclose = () => {
-        if (!msgReceived) {
-          msgReceived = true;
-          clearTimeout(timeout);
-          resolve(Response.json({
-            transcript: "Connection closed.",
-            status: "closed",
-          }));
+          // Retry transient failures with exponential backoff (429/5xx/timeout).
+          const wait = 250 * Math.pow(2, attempt);
+          await new Promise(r => setTimeout(r, wait));
         }
-      };
-    });
+      }
+      // Cascade to next (smaller) model.
+    }
+    console.error("[chat] All models failed:", lastErr?.status, lastErr?.message);
+    return Response.json({ error: "Chat service error", status: (lastErr?.status || 502), detail: String(lastErr?.message || "") }, { status: lastErr?.status || 502 });
   } catch (err: any) {
     console.error("[/api/chat] Error:", err.message);
     return Response.json({ error: "Chat service error: " + err.message }, { status: 500 });
@@ -672,6 +710,54 @@ const server = Bun.serve({
     "/api/session": { POST: sessionHandler },
     "/api/queue/:id": { GET: queueHandler, DELETE: queueHandler },
     "/api/chat": { POST: textChatHandler },
+    "/api/tts": { GET: async (req: Request) => {
+      try {
+      const url2 = new URL(req.url);
+      const text = (url2.searchParams.get("text") || "").trim().replace(/\s+/g, " ").slice(0, 2000);
+      const voice = url2.searchParams.get("voice") || "vi-VN-HoaiMyNeural";
+      const allowed = voice === "vi-VN-NamMinhNeural" ? voice : "vi-VN-HoaiMyNeural";
+      if (!text) return Response.json({ error: "Missing ?text=" }, { status: 400 });
+      const key = ttsCacheKey(text, allowed);
+      let audio = TTS_CACHE.get(key);
+      if (!audio) {
+        try {
+          // Synthesize in a separate Bun subprocess to isolate WebSocket crashes.
+          const proc = Bun.spawn(
+            [process.execPath, join("/app", "tts-worker.mjs"), allowed, text],
+            { stdout: "pipe", stderr: "pipe" },
+          );
+          const exitCode = await proc.exited;
+          const out = await new Response(proc.stdout).arrayBuffer();
+          const errText = await new Response(proc.stderr).text();
+          if (exitCode !== 0) {
+            console.error("[/api/tts] worker failed code="+exitCode+" err="+errText);
+            return Response.json({ error: "TTS failed", code: exitCode, detail: errText }, { status: 502 });
+          }
+          audio = new Uint8Array(out);
+        } catch (e: any) {
+          console.error("[/api/tts] Error:", e?.message || e, e?.stack || "");
+          return Response.json({ error: "TTS failed", detail: String(e?.message || e), stack: String(e?.stack || "") }, { status: 502 });
+        }
+        if (!audio || !audio.length) {
+          return Response.json({ error: "Empty audio" }, { status: 502 });
+        }
+        TTS_CACHE.set(key, audio);
+        if (TTS_CACHE.size > TTS_CACHE_MAX) {
+          const firstKey = TTS_CACHE.keys().next().value;
+          if (firstKey) TTS_CACHE.delete(firstKey);
+        }
+      }
+      return new Response(audio, {
+        headers: {
+          "Content-Type": "audio/mpeg",
+          "Content-Length": String(audio.length),
+          "Cache-Control": "public, max-age=3600",
+        },
+      });
+      } catch (e2: any) {
+        return Response.json({ error: "route error", detail: String(e2?.message || e2), stack: String(e2?.stack || "") }, { status: 500 });
+      }
+    }},
     "/worklets/:name": (req: Request) => staticFile("worklets", req.params.name!),
     "/vendor/:name": (req: Request) => staticFile("vendor", req.params.name!),
     "/src/vendor/:name": (req: Request) => staticFile("src/vendor", req.params.name!),

package.json

@@ -15,7 +15,8 @@
   },
   "dependencies": {
     "@met4citizen/talkinghead": "^1.7.0",
-    "three": "~0.180.0"
+    "three": "~0.180.0",
+    "edge-tts-universal": "^1.4.0"
   },
   "version": "1.5.1"
 }

src/app.js

@@ -22,9 +22,9 @@ const DEFAULT_INSTRUCTIONS = [
   "You manage V.AI STUDIO — 8000+ kitchen appliances & smart locks (Malloca, Eurogold, Grob, Canzy, Demax).",
   "CRITICAL: Same language as user. VN numbers as words (ba mươi lăm not 35), dates as 'ngày 9 tháng 7 năm 2026', currency as 'năm mươi nghìn đồng'.",
   "Keep replies short, natural, warm.",
-  "AVAILABLE TOOLS: query_catalog (search all products + show in panel), show_product (open detail + show similar products), open_catalog, search_catalog, combo_suggest (gợi ý combo gian bếp: bếp từ + máy hút mùi + chậu rửa + vòi rửa, lọc theo thương hiệu/giá/chất liệu/màu sắc), get_current_datetime, search_wikipedia, search_web, search_news (search real-time Vietnamese news), set_mood, make_hand_gesture, make_facial_expression.",
+  "AVAILABLE TOOLS: query_catalog (search all products + show in panel), show_product (open detail + show similar products), open_catalog, search_catalog, combo_suggest (gợi ý combo 2+ thiết bị nhà bếp hoặc phụ kiện như bếp từ, máy hút mùi, chậu rửa, vòi rửa, lò nướng, lò vi sóng, nồi chiên, máy rửa chén, máy ép/xay, kệ xoong nồi, kệ chén dĩa, kệ dao thớt, giá góc, thùng rác, khóa cửa — lọc theo thương hiệu/giá/chất liệu/màu sắc/kích thước), get_current_datetime, search_wikipedia, search_web, search_news (search real-time Vietnamese news), set_mood, make_hand_gesture, make_facial_expression.",
   "PRODUCT RULES: When user asks about ANY product — FIRST call query_catalog(query). This searches ALL products AND shows them in the panel AND returns similar product suggestions. After query_catalog, ALWAYS mention similar products and ask if user wants to see them. If user wants details, call show_product(name/SKU) to open the detail modal which also shows similar products below.",
-  "COMBO RULES: When user asks for a combo / set / bộ / gói of 2 or more kitchen appliances (e.g. 'combo bếp từ + máy hút mùi', 'bộ nồi bếp', 'có combo bếp từ và máy hút mùi dưới 20 triệu không', 'combo chậu + vòi') — call combo_suggest and pass the criteria. IMPORTANT: put each requested appliance in the categories array (e.g. categories:['bếp từ','máy hút mùi'] for 2 products; a combo can be 2, 3 or 4 products). Convert price phrases to numbers in VND: 'dưới 20 triệu' → maxPrice:20000000, 'trên 30 triệu' → minPrice:30000000, 'khoảng 15 triệu' → minPrice:14000000,maxPrice:16000000. Pass brand like Malloca/Eurogold/Grob, material like inox/kính/gốm, color like đen/trắng/bạc if mentioned. combo_suggest will show product cards and a text summary.",
+  "COMBO RULES: When user asks for a combo / set / bộ / gói of 2 or more kitchen appliances or cabinet accessories (e.g. 'combo bếp từ + máy hút mùi', 'bộ nồi bếp', 'kệ xoong nồi, kệ chén dĩa 700mm, kệ dao thớt 400mm', 'combo lò nướng và lò vi sóng', 'khóa cửa thông minh và kệ dao thớt') — call combo_suggest and pass the criteria. IMPORTANT: put each requested item in the categories array (e.g. categories:['bếp từ','máy hút mùi'], or categories:['kệ xoong nồi','kệ chén dĩa','kệ dao thớt']; a combo can be 2, 3 or 4 products). Supported categories: bếp từ, máy hút mùi, chậu rửa, vòi rửa, lò nướng, lò vi sóng, nồi chiên, máy rửa chén, máy ép/xay, kệ xoong nồi, kệ chén dĩa, kệ dao thớt, giá góc, thùng rác, giá gia vị, khóa cửa. If a specific size (mm) is mentioned per item, pass sizes object e.g. sizes:{'kệ chén dĩa':[700],'kệ dao thớt':[400]}. Convert price phrases to numbers in VND: 'dưới 20 triệu' → maxPrice:20000000, 'trên 30 triệu' → minPrice:30000000, 'khoảng 15 triệu' → minPrice:14000000,maxPrice:16000000. CRITICAL: the price budget applies to the TOTAL sum of ALL items in the combo, NOT per-item. Pass brand like Malloca/Eurogold/Grob, material like inox/kính/gốm, color like đen/trắng/bạc if mentioned. combo_suggest will show product cards and a text summary with the combined total.",
   "SIMILAR PRODUCTS: query_catalog() and show_product() both automatically recommend related products by same category/brand/price range. Use this to cross-sell: 'Chị có muốn xem thêm sản phẩm tương tự không?'",
   "Never mention product IDs, SKUs, or prices in tools to user — just describe them naturally.",
   "NEVER guess facts. Use search_web/wikipedia. Get datetime first. Never mention tools.",
@@ -48,7 +48,7 @@ const TOOL_DEFS = [
   { type:"function", name:"open_product", description:"Open product by SKU.", parameters:{type:"object", properties:{product_id:{type:"string"}}, required:["product_id"]}},
   { type:"function", name:"query_catalog", description:"SEARCH all products + show in panel + return details + suggest similar products. ALWAYS use FIRST for product questions.", parameters:{type:"object", properties:{query:{type:"string", description:"Product name, brand, SKU, category, or feature"}}, required:["query"]}},
   { type:"function", name:"show_product", description:"Open product detail modal + show similar products. Use AFTER query_catalog. Pass name/SKU.", parameters:{type:"object", properties:{product_name:{type:"string", description:"Product name or SKU"}}, required:["product_name"]}},
-  { type:"function", name:"combo_suggest", description:"Suggest a kitchen COMBO of 2, 3 or 4 appliances (bếp từ, máy hút mùi, chậu rửa, vòi rửa — same brand ideally). Call when user wants a combo/set/bộ/gói of multiple products. Provide categories (which appliances, e.g. ['bếp từ','máy hút mùi']), brand, price range (minPrice/maxPrice in VND — convert 'dưới 20 triệu' to maxPrice:20000000), material (inox/kính/gốm), or color (đen/trắng/bạc).", parameters:{type:"object", properties:{brand:{type:"string", description:"Preferred brand e.g. Malloca, Eurogold, Grob"}, minPrice:{type:"number", description:"Minimum price in VND (e.g. 'trên 30 triệu' → 30000000)"}, maxPrice:{type:"number", description:"Maximum price in VND (e.g. 'dưới 20 triệu' → 20000000)"}, material:{type:"string", description:"Material e.g. inox, kính, gốm"}, color:{type:"string", description:"Color e.g. đen, trắng, bạc"}, categories:{type:"array", items:{type:"string"}, description:"Which appliance categories to include, e.g. ['bếp từ','máy hút mùi'] for 2 products, or all of ['bếp từ','máy hút mùi','chậu rửa','vòi rửa']"}}, required:[]}},
+  { type:"function", name:"combo_suggest", description:"Suggest a COMBO of 2, 3 or 4 kitchen appliances or cabinet accessories (bếp từ, máy hút mùi, chậu rửa, vòi rửa, lò nướng, lò vi sóng, nồi chiên, máy rửa chén, máy ép/xay, kệ xoong nồi, kệ chén dĩa, kệ dao thớt, giá góc, thùng rác, giá gia vị, khóa cửa — same brand or mixed). Call when user wants a combo/set/bộ/gói of multiple products. Provide categories (which items, e.g. ['bếp từ','máy hút mùi'] or ['kệ xoong nồi','kệ chén dĩa','kệ dao thớt']), brand, price range (minPrice/maxPrice in VND — the budget is the TOTAL sum of all items, NOT per-item; convert 'dưới 20 triệu' to maxPrice:20000000), material (inox/kính/gốm), color (đen/trắng/bạc), and optional per-category sizes in mm (e.g. sizes:{'kệ chén dĩa':[700],'kệ dao thớt':[400]}).", parameters:{type:"object", properties:{brand:{type:"string", description:"Preferred brand e.g. Malloca, Eurogold, Grob, Hafele"}, minPrice:{type:"number", description:"Minimum total-combo price in VND (e.g. 'trên 30 triệu' → 30000000)"}, maxPrice:{type:"number", description:"Maximum total-combo price in VND (e.g. 'dưới 20 triệu' → 20000000)"}, material:{type:"string", description:"Material e.g. inox, kính, gốm"}, color:{type:"string", description:"Color e.g. đen, trắng, bạc"}, sizes:{type:"object", description:"Optional per-category cabinet width in mm, keyed by category label, e.g. {'kệ chén dĩa':[700],'kệ dao thớt':[400]}"}, categories:{type:"array", items:{type:"string"}, description:"Which categories to include, e.g. ['bếp từ','máy hút mùi'] or ['kệ xoong nồi','kệ chén dĩa','kệ dao thớt'] or ['khóa cửa','kệ dao thớt']. Supported: bếp từ, máy hút mùi, chậu rửa, vòi rửa, lò nướng, lò vi sóng, nồi chiên, máy rửa chén, máy ép/xay, kệ xoong nồi, kệ chén dĩa, kệ dao thớt, giá góc, thùng rác, giá gia vị, khóa cửa. The price budget applies to the TOTAL of all items."}}, required:[]}},
 ];
 
 const $ = s => document.querySelector(s);
@@ -172,6 +172,121 @@ function fadeSubtitles(d=2600){clearTimeout(subtitleTimer);subtitleTimer=setTime
 // No fixed topics — every fetch pulls fresh keywords from actual news headlines
 let HOT_TOPIC_KEYWORDS = []; // Populated dynamically by fetchHotTags
 
+// ── Single-owner news rendering state ──
+// The greeting shows ONE consolidated HOT list (no duplicates) and every follow-up
+// answer shows a DIFFERENT news list that follows the conversation context.
+let _shownNewsUrls = new Set(); // URLs already shown, so consecutive lists differ
+let _hotTopicCursor = 0;        // round-robins through HOT topics for variety
+
+// News list visibility: the HOT-tags + source-card news block should ONLY appear
+// in the greeting ("câu chào") and when the user actually asks about news. From
+// the 2nd non-greeting answer onward, if the user is NOT asking about news, we
+// suppress the news list so it doesn't spam every reply. It reappears the moment
+// the user asks about news (tin tức / news / hot / thời sự ...).
+let _newsContextEnabled = false;   // start DISABLED: from the 2nd answer onward
+                                   // (non-greeting) no news block until the user
+                                   // asks about news; the greeting always shows
+                                   // it via isGreeting.
+
+// Detect whether the user's message is asking about news / current events.
+function _isNewsRequest(text) {
+  const t = String(text || "").toLowerCase()
+    .normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/đ/g, "d");
+  // Core news intent keywords (whole-word-ish, safe substrings).
+  const newsKws = ["tin tuc", "tin", " news", "hot", "thoi su", "ban tin", "tin nong",
+    "cap nhat tin", "tin moi", "tin moi nhat", "tin nong nhat", "thoi cuoc", "su kien"];
+  for (const kw of newsKws) {
+    const k = kw.trim();
+    // "tin" / "hot" as bare substrings are too noisy, so require either a longer
+    // keyword OR a word boundary for the short ones.
+    if (kw !== "tin " && kw !== " hot") {
+      if (t.includes(k)) return true;
+    } else {
+      if (new RegExp("(^|[^a-z])" + k + "([^a-z]|$)").test(t)) return true;
+    }
+  }
+  return false;
+}
+// Call this whenever a user message is processed to update news-list visibility.
+function _noteUserMessage(text) {
+  _newsContextEnabled = _isNewsRequest(text);
+}
+
+
+function _cardKey(c) {
+  return (c && ((c.url && String(c.url)) || (c.title && String(c.title)))) || '';
+}
+// Return only cards whose URL/title was NOT already shown (keeps lists distinct).
+function _filterShown(cards) {
+  const out = [];
+  for (const c of (cards || [])) {
+    if (!c) continue;
+    const key = _cardKey(c);
+    if (key && _shownNewsUrls.has(key)) continue;
+    out.push(c);
+  }
+  return out;
+}
+// Mark a set of displayed cards as shown so later lists avoid repeating them.
+function _markShown(cards) {
+  for (const c of (cards || [])) {
+    const key = _cardKey(c);
+    if (key) _shownNewsUrls.add(key);
+  }
+  return cards;
+}
+// Cap the seen-set size so it never grows unbounded.
+function _trimShown() {
+  if (_shownNewsUrls.size > 600) {
+    const arr = Array.from(_shownNewsUrls).slice(-400);
+    _shownNewsUrls = new Set(arr);
+  }
+}
+// Filter out already-shown cards, mark the survivors as shown, and trim the set.
+function _finalizeCards(cards) {
+  const fresh = _filterShown(cards);
+  _markShown(fresh);
+  _trimShown();
+  return fresh;
+}
+
+/**
+ * Pick a news search query that follows the CONTEXT of the given response text:
+ *  1) if the response mentions a HOT keyword → use its topical query (e.g. AI → AI news);
+ *  2) else extract a clean topical phrase straight from the response;
+ *  3) else rotate to the next HOT topic so consecutive lists still differ.
+ */
+function _contextQuery(responseText) {
+  const txt = String(responseText || '');
+  // 1) Dynamic HOT keyword match → context-relative news (e.g. talking about AI).
+  const matched = findBestTopicMatch(txt);
+  if (matched && matched.query) return matched.query;
+  // 2) Extract a meaningful topical phrase from the response text itself.
+  const clean = txt
+    .replace(/\([^)]*\)/g, ' ')          // drop parenthetical content like (AI)
+    .replace(/[.,:;"'“”‘’!?]/g, ' ')
+    .replace(/^(em|anh chị|anh chi|anhh chị|anhh chi|dạ|vâng|xin chào|chào|bạn|tôi)\b/gi, ' ')
+    .replace(/\b(em|anh|chị|chi|bạn|ban|tôi|toi|về|ve|với|voi|cho|theo|các|ca?c|một|mot|những|nhung|đã|da|sẽ|se|đang|dang|hôm|hom|nay|có|co|tin|hot|ngày|ngay|biết|biet|thông|thong|muốn|muon|giúp|giup|không|khong|gì|gi|nào|nao)\b/gi, ' ')
+    .replace(/\s+/g, ' ').trim();
+  const words = [];
+  for (const w of clean.split(' ')) {
+    if (!w || w.length < 4 || /^\d+$/.test(w)) continue;
+    const n = w.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/đ/g, 'd');
+    if (/^(tin|hot|chatgpt|google|news|xin|chao|cam|on|giup|ban|biet|muon|thong|noi|hoc|very|good|hello|world|today)$/.test(n)) continue;
+    words.push(w);
+    if (words.length >= 3) break;
+  }
+  if (words.length > 0) return words.slice(0, 2).join(' ') + ' hôm nay';
+  // 3) Rotate to the next HOT topic.
+  const kw = HOT_TOPIC_KEYWORDS || [];
+  if (kw.length > 0) {
+    const q = kw[_hotTopicCursor % kw.length].query;
+    _hotTopicCursor++;
+    return q;
+  }
+  return 'tin tức mới nhất hôm nay';
+}
+
 /**
  * Extract trending keywords from Google News RSS titles.
  * Returns array of {label, query, keyword} objects — fully dynamic, changes every fetch.
@@ -443,13 +558,13 @@ function findBestTopicMatch(responseText) {
  * PRIMARY source, so every card's image ALWAYS matches its news content.
  */
 async function generateSourceCards(responseText) {
-  const matchedTopic = findBestTopicMatch(responseText);
-  const query = matchedTopic ? matchedTopic.query : responseText;
+  const query = _contextQuery(responseText);
   // Prefer a clean topical keyword that Google News can search on
   const searchQuery = query.replace(/^#/, '').replace(/ tin tức.*$| thông tin.*$| mới nhất.*$| hôm nay.*$| nóng nhất.*$| Việt Nam hôm nay.*$/, '').trim() || query;
 
   // ── PRIMARY: VnExpress RSS items carry title+image+url+desc together → no mismatch ──
   let cards = [];
+  const matchedTopic = findBestTopicMatch(responseText);
   const catLabel = matchedTopic ? matchedTopic.label : 'mới nhất';
   try {
     const resp = await fetch(`/api/news/images?q=${encodeURIComponent(searchQuery)}`);
@@ -529,7 +644,7 @@ async function generateSourceCards(responseText) {
     }
   }
 
-  if (cards.length > 0) return cards;
+  if (cards.length > 0) return _finalizeCards(cards);
 
   // Fallback #2: topic search (category landing pages) — no index-based images
   try {
@@ -538,7 +653,7 @@ async function generateSourceCards(responseText) {
       const data = await resp.json();
       const results = (data.results || []).slice(0, 6);
       if (results.length > 0) {
-        return results.map(r => ({
+        return _finalizeCards(results.map(r => ({
           source: r.source || 'Nguồn tin',
           title: r.title,
           url: r.url,
@@ -546,7 +661,7 @@ async function generateSourceCards(responseText) {
           category: catLabel,
           desc: r.snippet || '',
           image: '',
-        }));
+        })));
       }
     }
   } catch (e) {
@@ -554,11 +669,11 @@ async function generateSourceCards(responseText) {
   }
 
   // Fallback: general news portals
-  return [
+  return _finalizeCards([
     { source: 'VnExpress', title: 'Tin tổng hợp trong ngày cập nhật mới nhất', url: 'https://vnexpress.net/', icon: '📰', category: catLabel, image: '' },
     { source: 'Tuổi Trẻ', title: 'Thông tin đời sống xã hội và kinh tế', url: 'https://tuoitre.vn/', icon: '📰', category: catLabel, image: '' },
     { source: 'Thanh Niên', title: 'Nhìn đa chiều các vấn đề thời sự', url: 'https://thanhnien.vn/', icon: '📰', category: catLabel, image: '' },
-  ];
+  ]);
 }
 
 /** Create DOM element for suggestion pill - black bg like chatbox */
@@ -657,10 +772,10 @@ function buildNewsSuggestions(sourceObj) {
   const norm = String(short).normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[đĐ]/g, 'd');
   const subj = short.length > 60 ? short.slice(0, 57) + '…' : short;
   return [
-    'Cho tôi biết thêm về "' + subj + '"',
-    'Nội dung chi tiết của tin "' + subj + '" là gì?',
-    'Có thông tin mới nhất nào về "' + subj + '" không?',
-    'Bối cảnh và diễn biến của "' + subj + '" như thế nào?'
+    'Kể thêm về "' + subj + '"',
+    'Tin này nói gì? Cho em biết chi tiết hơn với',
+    'Có gì mới nhất về "' + subj + '" gần đây không?',
+    'Em tóm gọn giúp anh/chị tin "' + subj + '"'
   ];
 }
 
@@ -708,7 +823,7 @@ function createSourceCard(sourceObj) {
       const artUrl = (this.getAttribute("data-url") || '').trim();
       if (artTitle) {
         // Ask AI about the EXACT article — prefer fetching its real content
-        sendUserSuggestion('Cho tôi biết thêm về tin: "' + artTitle + '". Hãy tìm hiểu và tóm tắt nội dung, diễn biến mới nhất liên quan tới tin này.');
+        sendUserSuggestion('Kể cho em nghe thêm về tin: "' + artTitle + '". Tóm tắt ngắn gọn, tự nhiên cho em hiểu nhé.');
       } else {
         sendUserSuggestion("Cho tôi xem tin tức mới nhất");
       }
@@ -749,33 +864,38 @@ function buildPostMessageContextBlock(responseText, isGreeting) {
     container.appendChild(suggestionsRow);
   }
 
-  // 2) HOT trending tags row
-  const tagsPromise = fetchHotTags();
-  const hotTagsRow = document.createElement("div");
-  hotTagsRow.className = "hot-tags-row";
-  
-  const label = document.createElement("span");
-  label.className = "hot-tags-label";
-  label.innerHTML = '<span class="hot-tag-dot"></span> HOT';
-  hotTagsRow.appendChild(label);
-  
-  tagsPromise.then(tags => {
-    hotTagsRow.innerHTML = '';
+  // 2) HOT trending tags row — only when it's the greeting OR the user asked
+  // about news. From the 2nd non-greeting answer onward (when the user is NOT
+  // asking about news) this news block is suppressed.
+  if (isGreeting || _newsContextEnabled) {
+    const tagsPromise = fetchHotTags();
+    const hotTagsRow = document.createElement("div");
+    hotTagsRow.className = "hot-tags-row";
+
+    const label = document.createElement("span");
+    label.className = "hot-tags-label";
+    label.innerHTML = '<span class="hot-tag-dot"></span> HOT';
     hotTagsRow.appendChild(label);
-    tags.forEach(tag => hotTagsRow.appendChild(createHotTag(tag)));
-  }).catch(err => {
-    console.warn('[HOT] Failed to update tags:', err);
-  });
-  container.appendChild(hotTagsRow);
-
-  // 3) Source news cards (non-greeting, lengthy responses)
-  if (!isGreeting && responseText && responseText.length > 30) {
-    generateSourceCards(responseText).then(sources => {
-      const sourceCardsRow = document.createElement("div");
-      sourceCardsRow.className = "source-cards-row";
-      sources.forEach(src => sourceCardsRow.appendChild(createSourceCard(src)));
-      container.appendChild(sourceCardsRow);
+
+    tagsPromise.then(tags => {
+      hotTagsRow.innerHTML = '';
+      hotTagsRow.appendChild(label);
+      tags.forEach(tag => hotTagsRow.appendChild(createHotTag(tag)));
+    }).catch(err => {
+      console.warn('[HOT] Failed to update tags:', err);
     });
+    container.appendChild(hotTagsRow);
+
+    // 3) Source news cards (only greeting or when user asked about news, for
+    // lengthy responses).
+    if ((isGreeting || _newsContextEnabled) && responseText && responseText.length > 30) {
+      generateSourceCards(responseText).then(sources => {
+        const sourceCardsRow = document.createElement("div");
+        sourceCardsRow.className = "source-cards-row";
+        sources.forEach(src => sourceCardsRow.appendChild(createSourceCard(src)));
+        container.appendChild(sourceCardsRow);
+      });
+    }
   }
 
   return container;
@@ -791,9 +911,24 @@ function addChatMessage(role, text, isGreeting) {
   m.className = "chat-message " + role;
   if (role === "assistant" && text) {
     const mt = document.createElement("div");
+    mt.className = "chat-msg-text";
     mt.textContent = text;
     m.appendChild(mt);
 
+    // "Đọc to" (read aloud) button — lets the user hear THIS message even when
+    // silent mode is on (explicit user intent).
+    const readBtn = document.createElement("button");
+    readBtn.type = "button";
+    readBtn.className = "chat-read-btn";
+    readBtn.title = "Đọc to tin nhắn này";
+    readBtn.setAttribute("aria-label", "Đọc to tin nhắn");
+    readBtn.innerHTML = '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14"></path><path d="M22 8a13 13 0 0 1 0 8"></path></svg>';
+    readBtn.addEventListener("click", function(e){
+      e.stopPropagation();
+      speakEdgeTts(text, true);
+    });
+    m.appendChild(readBtn);
+
     // Product cards
     if (_pendingProductCards) {
       const pc = document.createElement("div");
@@ -886,30 +1021,197 @@ function showTextChat(s){
 }
 function sendTextViaSession(t){if(!client)return false;const s=client._status;if(s!=="connected"&&s!=="ai-speaking"&&s!=="processing"&&s!=="user-speaking")return false;setCaption("SENDING…");client.sendUserText(t);client.requestResponse();return true}
 
-// Store callback for suggested question sends
+// Store callback for suggested question sends → dùng google/gemma-4-31B-it
 window._triggerSuggestionSend = function(text) {
-  if (sendTextViaSession(text)) {
-    setCaption("GEMMA ĐANG VIẾT…", "live");
-    return;
-  }
-  // S2S not connected — restart session
-  if (client) { try { client.close(); } catch(_) {} client = null; }
-  sessionInProgress = false;
-  startTextSession(text);
+  if (typeof text !== "string" || !text) return;
+  openTextChatUI();
+  setCaption("GEMMA ĐANG VIẾT…", "live");
+  sendTextMessage(text);
 };
 
-// ✨ Pure text chat client — uses S2S in text-only mode, so it has ALL same tools as voice
-function sendTextMessage(t){
+// ── Text chat dùng model google/gemma-4-31B-it qua REST /api/chat ──
+// (không phụ thuộc session S2S voice bị lỗi connecting)
+let chatHistory = [];
+let chatBusy = false;
+// Clean AI text for natural display: remove markdown ** _ ` and bullet tokens.
+function cleanAiText(text) {
+  if (!text) return "";
+  return String(text)
+    .replace(/\*\*([^*]+)\*\*/g, "$1")   // **bold** → text
+    .replace(/\*([^*]+)\*/g, "$1")       // *italic* → text
+    .replace(/__([^_]+)__/g, "$1")       // __bold__ → text
+    .replace(/`([^`]+)`/g, "$1")         // `code` → text
+    .replace(/^#{1,6}\s+/gm, "")         // headings
+    .replace(/\s+/g, " ")
+    .trim();
+}
+
+// Build product-card HTML for suggested products matching a query.
+function buildSuggestionCards(query) {
+  try {
+    if (!window.vaix || !window.vaix.getComboOrSearch) return "";
+    // Use the same combo/search logic as the product-list panel so the chat
+    // combo matches the "ds sp" search exactly.
+    const res = window.vaix.getComboOrSearch(query, 4);
+    const combo = res.combo;
+    const products = Array.isArray(res.products) ? res.products.slice(0, 4) : [];
+    if (!products.length) return "";
+    // When a combo matched the user's request, render a combo section (accurate
+    // to the request) WITH the "Đổi combo" button that swaps to an alternate
+    // combo still matching the same criteria.
+    if (combo && combo.items && combo.items.length) {
+      // Pass the user's original query so the "Đổi combo" button can fetch an
+      // ALTERNATE combo that still matches the same criteria.
+      return window.vaix.renderComboCardsBlock(combo, query);
+    }
+    // Cards only — no title/total text line (user asked to keep only the combo card).
+    const cards = products.map(p => window.vaix.createChatProductCard(p)).join("");
+    return '<div class="chat-product-cards">' + cards + '</div>';
+  } catch (e) { return ""; }
+}
+
+let _typingEl = null;
+function showTypingBubble() {
+  removeTypingBubble();
+  const m = document.createElement("div");
+  m.className = "chat-message assistant typing";
+  m.innerHTML = '<span class="typing-dots"><i></i><i></i><i></i></span><span class="typing-label">&nbsp;đang soạn…</span>';
+  chatMessages.appendChild(m);
+  chatMessages.scrollTop = chatMessages.scrollHeight;
+  _typingEl = m;
+}
+function removeTypingBubble() {
+  if (_typingEl && _typingEl.parentNode) _typingEl.parentNode.removeChild(_typingEl);
+  _typingEl = null;
+}
+
+// ── Edge TTS playback for text chat / quick consult ──
+// Voices: Mr V (vuong.glb, male) → Nam Minh; Lisamy (lisamy.glb, female) → Hoài My.
+function getEdgeTtsVoice() {
+  try {
+    const av = (localStorage.getItem("avatar.model") || "vuong.glb").toLowerCase();
+    return av.indexOf("lisamy") !== -1 ? "vi-VN-HoaiMyNeural" : "vi-VN-NamMinhNeural";
+  } catch (e) { return "vi-VN-NamMinhNeural"; }
+}
+
+let _edgeTtsAudio = null;
+
+// Speak the given text through Edge TTS when sound is enabled.
+// DEFINITIVE FIX: fetch the ENTIRE MP3 into an ArrayBuffer, wrap it in a Blob,
+// and play from an object URL. This guarantees the browser plays the full audio
+// (no "only first 2 characters" truncation from streaming/load races) and a
+// cache-buster prevents replaying any previously cached corrupt/truncated MP3.
+function speakEdgeTts(text, force) {
+  if (!force && avatarAudioMuted) return false;  // sound is OFF — do not speak (unless force)
+  const clean = String(text || "").trim().replace(/[\*_`#]/g, "").replace(/\s+/g, " ").slice(0, 1400);
+  if (!clean) return false;
+  stopEdgeTts();
+  const voice = getEdgeTtsVoice();
+  const url = "/api/tts?voice=" + encodeURIComponent(voice) + "&text=" + encodeURIComponent(clean) + "&cb=" + Date.now();
+  const a = new Audio();
+  _edgeTtsAudio = a;
+  a.preload = "auto";
+  a.style.display = "none";
+  try { (document.body || document.documentElement).appendChild(a); } catch (e) {}
+  a.addEventListener("play", function () {
+    if (stage && stage.head) { try { stage.head.isSpeaking = true; } catch (e) {} }
+  });
+  const cleanup = function () {
+    try { if (stage && stage.head) stage.head.isSpeaking = false; } catch (e) {}
+    try { if (a.src && a.src.indexOf("blob:") === 0) URL.revokeObjectURL(a.src); } catch (e) {}
+    try { a.remove(); } catch (e) {}
+    if (_edgeTtsAudio === a) _edgeTtsAudio = null;
+  };
+  a.addEventListener("ended", cleanup);
+  a.addEventListener("error", cleanup);
+  a.addEventListener("stalled", cleanup);
+  // Fetch the full MP3, then play as a Blob URL.
+  fetch(url).then(function (r) { return r.arrayBuffer(); }).then(function (buf) {
+    if (_edgeTtsAudio !== a || !buf || !buf.byteLength) return;
+    const blob = new Blob([buf], { type: "audio/mpeg" });
+    const objUrl = URL.createObjectURL(blob);
+    a.src = objUrl;
+    a.load();
+    a.play().catch(function () { /* autoplay blocked — no audio this time */ });
+  }).catch(function () {
+    if (_edgeTtsAudio === a) { try { a.remove(); } catch (e) {} _edgeTtsAudio = null; }
+  });
+  return true;
+}
+function stopEdgeTts() {
+  if (_edgeTtsAudio) {
+    const a = _edgeTtsAudio;
+    try { a.pause(); } catch (e) {}
+    try { if (a.src && a.src.indexOf("blob:") === 0) URL.revokeObjectURL(a.src); } catch (e) {}
+    try { a.src = ""; } catch (e) {}
+    try { a.remove(); } catch (e) {}
+    _edgeTtsAudio = null;
+  }
+  try { if (stage && stage.head) stage.head.isSpeaking = false; } catch (e) {}
+}
+
+async function sendTextMessage(t){
   const msg = t || chatInput.value.trim();
-  if(!msg) return;
+  if(!msg || chatBusy) return;
+  const reliable = (window.vaix && window.vaix.isLoaded && window.vaix.isLoaded());
+  if(!reliable){ try{ await (window.vaix && window.vaix.load ? window.vaix.load() : Promise.resolve()); }catch(_){} }
   chatInput.value = "";
-  addChatMessage("user", msg);
+  chatBusy = true;
+  _noteUserMessage(msg);   // update news-list visibility based on this message
+  if (!window._userBubbleAdded) addChatMessage("user", msg);
+  window._userBubbleAdded = false;
   setCaption("GEMMA ĐANG VIẾT…", "live");
+  showTypingBubble();
+  if (chatSendBtn) chatSendBtn.disabled = true;
 
-  if (sendTextViaSession(msg)) { return; }
-  if (client) { try { client.close(); } catch(_) {} client = null; }
-  sessionInProgress = false;
-  startTextSession(msg);
+  chatHistory.push({ role: "user", content: msg });
+  try {
+    const res = await fetch("/api/chat", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ message: msg, history: chatHistory.slice(0, -1) }),
+    });
+    const data = await res.json().catch(() => ({}));
+    const reply = cleanAiText(data && data.transcript ? data.transcript : "");
+    removeTypingBubble();
+    if (!reply) {
+      const d = (data && data.detail) ? String(data.detail).slice(0, 120) : "";
+      addChatMessage("assistant", "Xin lỗi, tôi chưa kết nối được model. " + (data && data.status ? "("+data.status+") " : "") + d);
+      chatHistory.pop();
+    } else {
+      // Related products / combos: use the SAME logic as the product-list panel
+      // (parseComboQuery -> combo, else scored search) so the chat combo matches
+      // the "ds sp" search exactly. We search the USER's message ONLY (like the
+      // panel does with the raw query) — NOT msg + AI reply. Appending the AI's
+      // descriptive answer pollutes parsing: the reply often quotes individual
+      // product prices or the computed combo total ("tổng combo khoảng 19.75
+      // triệu"), which _extractBudget then mistakes for the combo budget and can
+      // make a valid 2-item combo fail (falling back to a single-product card).
+      const queryForProducts = String(msg || "").trim();
+      const comboRes = (window.vaix && window.vaix.getComboOrSearch)
+        ? window.vaix.getComboOrSearch(queryForProducts, 6)
+        : { combo: null, products: [] };
+      const rel = Array.isArray(comboRes.products) ? comboRes.products : [];
+      setPendingProductCards(buildSuggestionCards(queryForProducts));
+      // Also mirror the panel: show the same combo/search results in the product list.
+      if (window.vaix && window.vaix.renderPanelResults && rel.length) {
+        try { window.vaix.renderPanelResults(rel.slice(0, 6)); } catch (_) {}
+      }
+      lastAssistantMessage = reply;
+      if (settings.subtitles) showSubtitles(smartNormalize(reply));
+      addChatMessage("assistant", smartNormalize(reply));
+      chatHistory.push({ role: "assistant", content: reply });
+      // Speak the reply aloud via Edge TTS when sound is enabled.
+      speakEdgeTts(reply);
+    }
+  } catch (e) {
+    removeTypingBubble();
+    addChatMessage("assistant", "Xin lỗi, có lỗi khi gọi model. Vui lòng thử lại.");
+    chatHistory.pop();
+  }
+  chatBusy = false;
+  if (chatSendBtn) chatSendBtn.disabled = false;
+  setCaption("");
 }
 
 // Safe event binding helpers (null-safety)
@@ -919,6 +1221,7 @@ function toggleClass(el,cls,val){if(el)el.classList.toggle(cls,val)}
 on(chatCloseBtn,"click",e=>{
   e.stopPropagation();
   textMode=false;
+  stopEdgeTts();
   if(voiceTyper){ try{voiceTyper.stop();}catch(_){} voiceTyper=null; }
   showTextChat(false);
   toggleClass(textModeBtn,"active",false);
@@ -991,7 +1294,16 @@ function runTool(name,argsJson,callId){
   if(name==="combo_suggest"){
     const combo = window.vaix?.comboByCriteria(args||{})||null;
     if(combo && combo.items && combo.items.length){
-      const html = '<div class="chat-combo-section">' + window.vaix.renderComboCardsBlock(combo) + '</div>';
+      // Reconstruct a human-readable query from the tool args so the embedded
+      // "Đổi combo" button can re-derive the SAME criteria for an alternate.
+      let qParts = ["combo"];
+      const cats = (args && Array.isArray(args.categories)) ? args.categories.slice() : [];
+      if (cats.length) qParts = qParts.concat(cats);
+      if (args && args.brand) qParts.push(args.brand);
+      if (args && args.maxPrice) qParts.push("dưới " + (args.maxPrice / 1000000) + " triệu");
+      else if (args && args.minPrice) qParts.push("trên " + (args.minPrice / 1000000) + " triệu");
+      const _q = qParts.join(" ");
+      const html = '<div class="chat-combo-section">' + window.vaix.renderComboCardsBlock(combo, _q) + '</div>';
       setPendingProductCards(html);
       const lines = combo.items.map(function(p){ return '• ' + p.title_clean + ' — ' + (p.brand||'') + ' — ' + (p.priceNum>0?p.priceNum.toLocaleString("vi-VN")+"₫":"Liên hệ"); });
       const _tot = (combo.items||[]).reduce(function(s,p){ return s + ((p.priceNum||0)); }, 0);
@@ -1019,12 +1331,18 @@ function openCatalogPanelNow(){
   if(p){ p.classList.add("open"); p.style.display="flex"; }
   if(t){ t.classList.add("active"); }
 }
+function openTextChatUI(){
+  if(showTextChat){ showTextChat(true); }
+  if(textModeBtn) toggleClass(textModeBtn,"active",true);
+  textMode = true;
+  startComboPoll();
+}
+
 async function startQuickConsult(t){
-  if(sessionInProgress){ if(client&&t){client.sendUserText(t);client.requestResponse()} return }
-  const ac=getQuickAudioCtx();
-  if(ac&&ac.state==="suspended"){ try{ await ac.resume(); }catch(_){} }
-  if(!ac){ console.warn("[Quick] no AudioContext"); }
-  await startTextSession(t||"Xin chào! Tôi muốn tư vấn nhanh sản phẩm.", { quick:true });
+  const msg = t || "Xin chào! Tôi muốn tư vấn nhanh sản phẩm.";
+  openTextChatUI();
+  // Tư vấn nhanh → text chat dùng model google/gemma-4-31B-it
+  await sendTextMessage(msg);
   // Open the product panel immediately so a product page shows right away.
   if(window.vaix && window.vaix.isLoaded && window.vaix.isLoaded()){
     openCatalogPanelNow();
@@ -1070,6 +1388,7 @@ function _a(c){
   c.addEventListener("user-transcript", e => {
     const text = (e.detail && e.detail.text) || "";
     if (!text) return;
+    _noteUserMessage(text);   // update news-list visibility from user speech
     if (settings.subtitles) {
       showSubtitles("🗣️ " + text);
       if (chatInput) { chatInput.value = text; }
@@ -1085,51 +1404,66 @@ function _a(c){
     // Suggestions are now embedded directly in addChatMessage — no separate render needed
     
     if(isGreetingSession){
-      // After greeting, show a "Tin nóng hôm nay" section with SPECIFIC article cards (with links)
+      // After greeting, show ONE consolidated "Tin HOT hôm nay" section with
+      // distinct, context-aware cards. This is the SINGLE owner of the greeting
+      // news section — the legacy observers (greeting-news.js / greeting-source-cards.js)
+      // are disabled so no duplicate list is appended.
       (async () => {
         try {
-          let data;
-          try { data = await (await fetch("/api/news/hot")).json(); } catch(e) { data = {}; }
-          const hotArticles = (data.articles || []).slice(0, 4);
           const lastMsg = chatMessages.lastElementChild;
-          if (lastMsg && lastMsg.classList.contains("chat-message")) {
-            const section = document.createElement("div");
-            section.className = "news-section";
-
-            // Generic hot-news heading
-            const h = document.createElement("div");
-            h.className = "news-section-title";
-            h.innerHTML = '<span class="hot-tag-dot"></span> Tin nóng hôm nay:';
-            section.appendChild(h);
-
-            // FIX: always build cards with matching image+content via generateSourceCards
-            const titles = data.titles || [];
-            const topic = (titles[0] || "").replace(/^[\d.]+[\s:]*/,"").trim();
-            let sources = [];
-            if (topic.length > 5) {
-              sources = await generateSourceCards(topic).catch(()=>[]);
-            }
-            // If topic-based raw cards are empty, fall back to the plain hot articles list
-            if (sources.length === 0 && hotArticles.length > 0) {
-              sources = hotArticles.map(a => ({
-                source: a.source || 'Nguồn tin',
-                title: a.title,
-                url: a.url,
-                icon: '📰',
-                desc: '',
-                articleTitle: a.title || '',
+          if (!lastMsg || !lastMsg.classList.contains("chat-message")) return;
+          if (lastMsg.querySelector(".news-section")) return; // already has news — never duplicate
+          const section = document.createElement("div");
+          section.className = "news-section";
+          section.setAttribute("data-owner", "app-news");
+
+          const h = document.createElement("div");
+          h.className = "news-section-title";
+          h.innerHTML = '<span class="hot-tag-dot"></span> Tin HOT hôm nay:';
+          section.appendChild(h);
+
+          // Build up to 8 DIFFERENT cards spanning several HOT topics (each topic
+          // yields its own cards → a varied, single consolidated list).
+          let topics = [];
+          try { topics = await fetchHotTags().catch(()=>[]); } catch(_) {}
+          const used = new Set();
+          const sources = [];
+          for (const t of topics) {
+            if (sources.length >= 8) break;
+            try {
+              const s = await generateSourceCards((t && t.query) || 'tin tức mới nhất hôm nay').catch(()=>[]);
+              for (const c of s) {
+                const key = (c.url && String(c.url)) || (c.title && String(c.title)) || '';
+                if (key && (used.has(key) || _shownNewsUrls.has(key))) continue;
+                if (key) used.add(key);
+                sources.push({ ...c, category: (t && t.label) || c.category });
+                if (sources.length >= 8) break;
+              }
+            } catch (_) {}
+          }
+
+          // Fall back to the plain hot-articles list if nothing came back.
+          if (sources.length === 0) {
+            try {
+              const data = await (await fetch("/api/news/hot")).json();
+              const hotArticles = (data.articles || []).slice(0, 4);
+              hotArticles.forEach(a => sources.push({
+                source: a.source || 'Nguồn tin', title: a.title, url: a.url, icon: '📰', desc: '', articleTitle: a.title || ''
               }));
-            }
-            if (sources.length) {
-              const sourceCardsRow = document.createElement("div");
-              sourceCardsRow.className = "source-cards-row";
-              sources.forEach(src => sourceCardsRow.appendChild(createSourceCard(src)));
-              section.appendChild(sourceCardsRow);
-            }
-
-            lastMsg.appendChild(section);
-            chatMessages.scrollTop = chatMessages.scrollHeight;
+            } catch (_) {}
           }
+          _markShown(sources);
+          _trimShown();
+
+          if (sources.length) {
+            const sourceCardsRow = document.createElement("div");
+            sourceCardsRow.className = "source-cards-row";
+            sources.forEach(src => sourceCardsRow.appendChild(createSourceCard(src)));
+            section.appendChild(sourceCardsRow);
+          }
+
+          lastMsg.appendChild(section);
+          chatMessages.scrollTop = chatMessages.scrollHeight;
         } catch (_) {}
       })();
       setTimeout(()=>{ isGreetingSession=false; sessionInProgress=false; setCaption(CAPTIONS.idle); setMainButton("start","Start talking"); updateChatAudioToggleBtn(); },1500);
@@ -1398,18 +1732,57 @@ async function endSession(silent=false){
 // ── Chat audio toggle (mute/unmute avatar voice in chat) ──
 let avatarAudioMuted = false;
 let chatAudioToggleBtn = null;
+let chatboxMuteBtn = null;
+
+// Single source of truth for the muted state. Swaps the sound/muted icons on
+// BOTH the chat-audio-toggle button (voice-session header) and the always-visible
+// chatbox-mute button, stops any in-flight Edge TTS, and reflects state on the
+// playback node.
+function setAvatarAudioMuted(v){
+  const next = !!v;
+  if (avatarAudioMuted === next) return;
+  avatarAudioMuted = next;
+  try { client?.setMuted(avatarAudioMuted); } catch(_) {}
+  if (avatarAudioMuted) { try { stopEdgeTts(); } catch(_) {} }
+  const syncIcons = function(root){
+    if(!root) return;
+    const snd = root.querySelector("#audio-icon-sound, #chatbox-mute-sound");
+    const mtc = root.querySelector("#audio-icon-muted, #chatbox-mute-muted");
+    if (snd) snd.style.display = avatarAudioMuted ? "none" : "";
+    if (mtc) mtc.style.display = avatarAudioMuted ? "" : "none";
+  };
+  if (chatboxMuteBtn) {
+    chatboxMuteBtn.classList.toggle("mute-on", avatarAudioMuted);
+    chatboxMuteBtn.setAttribute("aria-label", avatarAudioMuted ? "Bật âm thanh" : "Im lặng (tắt âm thanh)");
+    chatboxMuteBtn.title = avatarAudioMuted ? "Bật âm thanh" : "Tắt âm thanh (im lặng)";
+  }
+  // sync per-root icons (this button's SVG + the other button's SVG live in
+  // different subtrees, so update both).
+  if(chatboxMuteBtn) syncIcons(chatboxMuteBtn);
+  if(chatAudioToggleBtn) chatAudioToggleBtn.setAttribute("aria-label", avatarAudioMuted ? "Unmute avatar audio" : "Mute avatar audio");
+  if(client&&client._playbackNode){ var n=client._playbackNode; if(n.port)n.port.postMessage({kind:avatarAudioMuted?"mute":"unmute"}); }
+}
+function updateChatboxMuteBtn(){
+  if(!chatboxMuteBtn) return;
+  chatboxMuteBtn.classList.toggle("mute-on", avatarAudioMuted);
+  const snd = chatboxMuteBtn.querySelector("#chatbox-mute-sound");
+  const mtc = chatboxMuteBtn.querySelector("#chatbox-mute-muted");
+  if (snd) snd.style.display = avatarAudioMuted ? "none" : "";
+  if (mtc) mtc.style.display = avatarAudioMuted ? "" : "none";
+}
+function initChatboxMute(){
+  chatboxMuteBtn = $("#chatbox-mute-btn");
+  if(!chatboxMuteBtn) return;
+  chatboxMuteBtn.addEventListener("click", ()=>{ setAvatarAudioMuted(!avatarAudioMuted); });
+  updateChatboxMuteBtn();
+}
 function initChatAudioToggle(){
   chatAudioToggleBtn = $("#chat-audio-toggle-btn");
   if(!chatAudioToggleBtn) return;
   chatAudioToggleBtn.addEventListener("click",()=>{
-    avatarAudioMuted=!avatarAudioMuted;
-    client?.setMuted(avatarAudioMuted);
-    var snd=$("#audio-icon-sound"), mtc=$("#audio-icon-muted");
-    if(snd) snd.style.display=avatarAudioMuted?"none":"";
-    if(mtc) mtc.style.display=avatarAudioMuted?"":"none";
-    chatAudioToggleBtn.setAttribute("aria-label",avatarAudioMuted?"Unmute avatar audio":"Mute avatar audio");
-    if(client&&client._playbackNode){ var n=client._playbackNode; if(n.port)n.port.postMessage({kind:avatarAudioMuted?"mute":"unmute"}); }
+    setAvatarAudioMuted(!avatarAudioMuted);
   });
+  updateChatboxMuteBtn();
 }
 function updateChatAudioToggleBtn(){
   if(!chatAudioToggleBtn) return;
@@ -1423,9 +1796,9 @@ if (welcomeChatBtn) {
     welcomeMode = "text";
     // Hide the picker FIRST so the avatar loading % bar can show right after.
     hideWelcome();
-    // Avatar (with loading %) initializes only after the user picks.
     await ensureAvatarReady();
-    startTextSession("Xin chào! Tôi muốn trò chuyện.");
+    openTextChatUI();
+    sendTextMessage("Xin chào! Tôi muốn trò chuyện.");
   });
 }
 
@@ -1525,6 +1898,7 @@ settingsDialog.addEventListener("close",()=>{
   client?.updateSession({voice:settings.voice,instructions:effectiveInstructions(preFetchedGreeting||"")});
 });
 window.addEventListener("beforeunload",()=>client?.close());
+initChatboxMute();
 initChatAudioToggle();
 
 async function boot(){

src/greeting-news.js

@@ -140,10 +140,10 @@
     var short = String(title).replace(/\s*-\s*[^\-]{2,}$/, '').replace(/^\d+[.:\s]*/, '').trim();
     var subj = short.length > 55 ? short.slice(0, 52) + '…' : short;
     return [
-      'Cho tôi biết thêm về "' + subj + '"',
-      'Nội dung chi tiết của tin "' + subj + '" là gì?',
-      'Có thông tin mới nhất nào về "' + subj + '" không?',
-      'Bối cảnh và diễn biến của "' + subj + '" như thế nào?'
+      'Kể thêm về "' + subj + '"',
+      'Tin này nói gì? Cho em biết chi tiết hơn với',
+      'Có gì mới nhất về "' + subj + '" gần đây không?',
+      'Em tóm gọn giúp anh/chị tin "' + subj + '"'
     ];
   }
 
@@ -182,7 +182,7 @@
       ask.addEventListener('click', function (e) {
         e.stopPropagation();
         var t = (this.getAttribute('data-art') || '').trim();
-        sendQuestion(t ? ('Cho tôi biết thêm về tin: "' + t + '". Hãy tìm hiểu và tóm tắt nội dung, diễn biến mới nhất liên quan tới tin này.') : 'Cho tôi xem tin tức mới nhất');
+        sendQuestion(t ? ('Kể cho em nghe thêm về tin: "' + t + '". Tóm tắt ngắn gọn, tự nhiên cho em hiểu nhé.') : 'Cho tôi xem tin tức mới nhất');
       });
     }
     card.querySelectorAll('.news-q-pill').forEach(function (btn) {
@@ -301,6 +301,12 @@
   }
 
   function startNews() {
+    // DISABLED (2026): The greeting HOT news section is now rendered by app.js
+    // (single owner: buildPostMessageContextBlock + the greeting response-finished
+    // handler). Keeping this observer active would append a DUPLICATE "Tin HOT hôm
+    // nay" list under the greeting. The rest of greeting-news.js (order-detail
+    // modal, AEC audio fix, shared-product deep link) still runs.
+    return;
     var msgs = document.getElementById('chat-messages');
     if (!msgs) return;
     var mo = new MutationObserver(function (mutations) {

src/greeting-source-cards.js

@@ -125,7 +125,7 @@
     var imgHtml = obj.image
       ? '<div class="source-card-thumb-wrap"><img class="source-card-thumb" src="' + escHtml(obj.image) + '" alt="" loading="lazy" onerror="this.closest(\'.source-card-thumb-wrap\')?.remove()" /></div>'
       : "";
-    var q = 'Cho tôi biết thêm về tin: "' + escHtml(obj.title) + '". Hãy tìm hiểu và tóm tắt nội dung, diễn biến mới nhất liên quan tới tin này.';
+    var q = 'Kể cho em nghe thêm về tin: "' + escHtml(obj.title) + '". Tóm tắt ngắn gọn, tự nhiên cho em hiểu nhé.';
     wrap.innerHTML =
       imgHtml +
       '<span class="source-card-source">' + (obj.icon || "\uD83D\uDCF0") + " " + escHtml(sourceName(obj)) + "</span>" +
@@ -175,6 +175,10 @@
 
   // Scan a chat container for greeting assistant messages that lack cards.
   function scan(chatEl) {
+    // DISABLED (2026): News/source cards are owned by app.js now. This observer
+    // used to append a duplicate "source-cards-row" on top of the app-rendered
+    // news, causing the duplicated greeting HOT list. Kept as a guard only.
+    return;
     if (!chatEl) return;
     var msgs = chatEl.querySelectorAll(".chat-message.assistant");
     for (var i = 0; i < msgs.length; i++) {

src/style.css

@@ -16,11 +16,33 @@
 
 * { box-sizing: border-box; }
 html, body { height: 100%; margin: 0; }
-body { background: var(--bg); color: var(--text); font-family: Inter, system-ui, -apple-system, sans-serif; overflow: hidden; }
+/* V.AI STUDIO background image — logo centered on screen (centered-crop asset) */
+body {
+  background: var(--bg);
+  background-image: url("/public/avatars/vaistudio_center.png");
+  background-size: cover;
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  color: var(--text); font-family: Inter, system-ui, -apple-system, sans-serif; overflow: hidden;
+}
 #app { position: relative; height: 100dvh; }
 #stage { position: absolute; inset: 0; }
 #stage canvas { display: block; }
 [hidden] { display: none !important; }
+/* Smartphone: show the FULL background image width (no side cropping) so the
+   V.AI STUDIO logo/art is fully visible on narrow portrait screens. Because the
+   image is short & wide (1114x1024), tile it (loop) vertically to fill the full
+   viewport height. */
+@media (max-width: 768px) {
+  body {
+    background-position: center top;
+    background-size: 100% auto;
+    background-repeat: repeat;
+    background-attachment: scroll;
+  }
+}
+
 #loading { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-faint); background: var(--bg); transition: opacity 0.6s ease; pointer-events: none; }
 #loading.done { opacity: 0; }
 
@@ -496,7 +518,17 @@ dialog#settings .check-row input {
 #chat-messages::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
 .chat-message { max-width: 85%; padding: 8px 12px; border-radius: var(--radius-sm); font-size: 13px; line-height: 1.5; word-wrap: break-word; }
 .chat-message.user { align-self: flex-end; background: var(--live); color: var(--bg); }
-.chat-message.assistant { align-self: flex-start; background: var(--bg-elev-2); color: var(--text); border: 1px solid var(--border); }
+.chat-message.assistant { align-self: flex-start; background: var(--bg-elev-2); color: var(--text); border: 1px solid var(--border); position: relative; }
+.chat-message .chat-read-btn { position:absolute; top:6px; right:6px; display:inline-flex; align-items:center; background:transparent; border:none; color:#64748b; cursor:pointer; padding:3px; border-radius:4px; opacity:0.55; line-height:1; transition:opacity 0.15s, color 0.15s; z-index:2 }
+.chat-message .chat-read-btn:hover { opacity:1; color:#22d3ee }
+.chat-message .chat-msg-text { padding-right:20px }
+.chat-message.typing { display: inline-flex; align-items: center; gap: 6px; background: var(--bg-elev-2); color: var(--text-dim); }
+.typing-dots { display: inline-flex; gap: 4px; }
+.typing-dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--text-dim); animation: typing-blink 1.2s infinite; }
+.typing-dots i:nth-child(2) { animation-delay: 0.2s; }
+.typing-dots i:nth-child(3) { animation-delay: 0.4s; }
+@keyframes typing-blink { 0%, 60%, 100% { opacity: 0.3; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-3px); } }
+.chat-product-cards { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
 
 #chat-input-container { display: flex; gap: 8px; padding: 10px; border-top: 1px solid var(--border); background: var(--bg-elev); flex-shrink: 0; }
 #chat-input { flex: 1; padding: 8px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); color: var(--text); font-family: inherit; font-size: 13px; }

src/vaix-rag.js

@@ -6,9 +6,14 @@
 (function() {
 'use strict';
 
-const JSON_URL = "https://huggingface.co/datasets/bep40/grob-products-updated/resolve/main/products_with_slugs.json";
+const JSON_URL = "https://huggingface.co/datasets/bep40/grob-products-updated/resolve/main/products_index.json";
+const DETAIL_URL = "https://huggingface.co/datasets/bep40/grob-products-updated/resolve/main/products_detail.json";
 let allProducts = [];
 let loaded = false;
+// Lazy-loaded image galleries (slug -> array of URLs), fetched from
+// products_detail.json only when a product detail modal opens.
+let detailGalleryMap = null;
+let detailGalleryPromise = null;
 // Guard against double-render when ?product=xxx already handled the panel
 let productUrlHandled = false;
 let searchDebounceTimer = null;
@@ -102,7 +107,30 @@ function extractTerms(query) {
 //  (e.g. bếp từ + máy hút mùi + chậu rửa + vòi rửa, same brand) so every chat
 //  entry shows a different, real combo from the catalog.
 // ─────────────────────────────────────────────
+// All appliance categories that can form a combo. A combo = 2+ products from
+// DIFFERENT categories, priced by the TOTAL sum of all items (not per-item).
 const COMBO_CATEGORIES = [
+  { keys: ["bếp điện từ", "bếp từ", "bếp gas", "bếp hồng ngoại"], label: "Bếp từ" },
+  { keys: ["máy hút mùi", "máy hút khói", "hút khói"], label: "Máy hút mùi" },
+  { keys: ["chậu rửa chén", "chậu rửa bát"], label: "Chậu rửa" },
+  { keys: ["vòi rửa chén", "vòi rửa bát", "vòi rửa"], label: "Vòi rửa" },
+  { keys: ["lò nướng", "lò hấp", "ngăn giữ nóng"], label: "Lò nướng" },
+  { keys: ["lò vi sóng", "lò vi ba", "vi sóng"], label: "Lò vi sóng" },
+  { keys: ["nồi chiên không dầu", "nồi chiên"], label: "Nồi chiên" },
+  { keys: ["máy rửa chén", "máy rửa bát", "máy sấy chén"], label: "Máy rửa chén" },
+  { keys: ["máy xay sinh tố", "máy ép trái cây", "máy sinh tố"], label: "Máy ép/xay" },
+  // ── Cabinet racks & accessories (phụ kiện tủ bếp) ──
+  { keys: ["kệ xoong nồi", "giá xoong nồi", "giá xoong", "kệ xoong"], label: "Kệ xoong nồi" },
+  { keys: ["kệ chén dĩa", "giá chén dĩa", "giá bát đĩa", "kệ bát đĩa", "giá chén", "kệ chén", "bát đĩa"], label: "Kệ chén dĩa" },
+  { keys: ["kệ dao thớt", "giá dao thớt", "giá dao", "kệ dao"], label: "Kệ dao thớt" },
+  { keys: ["giá góc", "kệ góc", "giá góc liên hoàn", "góc liên hoàn"], label: "Giá góc" },
+  { keys: ["thùng rác", "thung rac", "thùng rác âm tủ"], label: "Thùng rác" },
+  { keys: ["giá gia vị", "kệ gia vị", "giá đựng chai lọ", "kệ chai lọ", "chai lọ"], label: "Giá gia vị" },
+  // ── Locks (khóa) ──
+  { keys: ["khóa cửa thông minh", "khoá cửa thông minh", "khóa điện tử", "khoá điện tử", "khóa cửa", "khoá cửa", "ổ khóa", "ổ khoá", "khóa thông minh", "khoá thông minh", "khóa tủ", "khoá tủ"], label: "Khóa cửa" },
+];
+// The classic "gian bếp" combo template used for the DEFAULT chat entry.
+const DEFAULT_COMBO_CATEGORIES = [
   { keys: ["bếp điện từ", "bếp từ", "bếp gas"], label: "Bếp từ" },
   { keys: ["máy hút mùi", "máy hút khói", "hút khói"], label: "Máy hút mùi" },
   { keys: ["chậu rửa chén", "chậu rửa bát"], label: "Chậu rửa" },
@@ -112,13 +140,70 @@ const COMBO_CATEGORIES = [
 function _matchCombo(p, catDef) {
   const cat = sd(p.category || "");
   const name = sd(p.title_clean || "");
+  // Match a key against a text with WORD boundaries. A bare substring test lets
+  // short keys leak into irrelevant names/brands: e.g. "lò"(->"lo") is a
+  // substring of "Malloca", and "nồi hấp" would wrongly match the "Lò nướng"
+  // category. Word-boundary matching keeps short tokens from matching the middle
+  // of an unrelated longer word.
+  function hasWord(text, keyNorm) {
+    // Build a regex that requires the key to be surrounded by non-letters.
+    // Escapes regex metacharacters; keys are plain Vietnamese words here.
+    let esc = keyNorm.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const re = new RegExp("(^|[^a-z])" + esc + "([^a-z]|$)", "i");
+    return re.test(text);
+  }
+  // 1) Exact key as a whole phrase in category or name (first priority).
   for (const k of catDef.keys) {
     const kk = sd(k);
-    if (cat.includes(kk) || name.includes(kk)) return true;
+    // If the raw key is a single short token, require a word boundary;
+    // otherwise (multi-word phrase) a normal includes is safe enough,
+    // but we still require boundaries at each multi-word key's edges.
+    if (!/\s/.test(kk)) {
+      if (hasWord(cat, kk) || hasWord(name, kk)) return true;
+    } else {
+      if (cat.includes(kk) || name.includes(kk)) return true;
+    }
+  }
+  // 2) Flexible match for "kệ đựng dao thớt" / "kệ đựng xoong nồi" naming: the
+  // core item phrase (e.g. "dao thớt") may appear with an inserted word like
+  // "đựng" between it and the leading "kệ/giá"; the rack suffix words are still
+  // adjacent to each other. Only applied to exactly-2-word keys (e.g.
+  // ["dao","thớt"], ["xoong","nồi"]) to avoid over-matching on longer keys.
+  // Each core word is matched as a WHOLE word so "lo"(lò) never fires inside
+  // "Malloca", and both words must appear in order with only the rack-kind word
+  // (kệ/giá/đựng...) before them.
+  for (const k of catDef.keys) {
+    const words = sd(k).split(/\s+/).filter(w => w.length > 1);
+    if (words.length !== 2) continue;
+    const core = words.slice(-2);
+    // Skip the flexible rule for single-letter-ish tokens like "lò hấp" where a
+    // short first word ("lo") is too ambiguous to match freely.
+    if (core[0].length <= 2) continue;
+    const i0 = _findWord(name, core[0]);
+    if (i0 === -1) continue;
+    const i1 = _findWord(name, core[1], i0 + core[0].length);
+    if (i1 !== -1) return true;
   }
   return false;
 }
 
+// Return the index where `word` first appears as a whole word in `text`, at or
+// after `from`. Returns -1 if not found.
+function _findWord(text, word, from) {
+  if (!word) return -1;
+  const start = (from !== undefined && from >= 0) ? from : 0;
+  let idx = text.indexOf(word, start);
+  while (idx !== -1) {
+    const before = idx === 0 ? "" : text.charAt(idx - 1);
+    const after = idx + word.length >= text.length ? "" : text.charAt(idx + word.length);
+    const beforeOk = !/[a-z]/.test(before);
+    const afterOk = !/[a-z]/.test(after);
+    if (beforeOk && afterOk) return idx;
+    idx = text.indexOf(word, idx + 1);
+  }
+  return -1;
+}
+
 function getRandomCombo(preferredBrand) {
   if (!allProducts.length) return null;
   const brands = preferredBrand ? [preferredBrand] : Array.from(new Set(allProducts.map(p => p.brand).filter(Boolean)));
@@ -129,19 +214,19 @@ function getRandomCombo(preferredBrand) {
     const brandProducts = allProducts.filter(p => p.brand === brand);
     const chosen = [];
     let ok = true;
-    for (const catDef of COMBO_CATEGORIES) {
+    for (const catDef of DEFAULT_COMBO_CATEGORIES) {
       const pool = brandProducts.filter(p => _matchCombo(p, catDef));
       if (!pool.length) { ok = false; break; }
       chosen.push(pool[Math.floor(Math.random() * pool.length)]);
     }
-    if (ok && chosen.length === COMBO_CATEGORIES.length) {
+    if (ok && chosen.length === DEFAULT_COMBO_CATEGORIES.length) {
       return { brand, label: chosen.map(c => (c.category || "sản phẩm")).slice(0, 4).join(" + "), items: chosen };
     }
   }
 
   // Fallback: any 4 distinct products from different combo categories (mixed brands)
   const chosen = [];
-  for (const catDef of COMBO_CATEGORIES) {
+  for (const catDef of DEFAULT_COMBO_CATEGORIES) {
     const pool = allProducts.filter(p => _matchCombo(p, catDef));
     if (pool.length) chosen.push(pool[Math.floor(Math.random() * pool.length)]);
   }
@@ -151,15 +236,16 @@ function getRandomCombo(preferredBrand) {
 }
 
 /** Render a COMBO cards block (heading + product cards grid). Returns HTML string. */
-function renderComboCardsBlock(combo) {
+function renderComboCardsBlock(combo, query) {
   if (!combo || !combo.items || !combo.items.length) return "";
   const cards = combo.items.map(p => createChatProductCard(p)).join("");
   const brand = combo.brand ? ' thương hiệu ' + combo.brand : '';
+  const qAttr = String(query || "").replace(/"/g, '&quot;');
   return '<div class="chat-combo-section">' +
     '<div class="chat-combo-title"><span class="combo-spark">✨</span> Combo gợi ý' + brand + '</div>' +
     '<div class="chat-combo-sub">Gồm: ' + combo.label + ' — giá combo hợp lý nhất cho gian bếp của bạn</div>' +
     '<div class="chat-combo-cards">' + cards + '</div>' +
-    '<button class="chat-combo-random" data-combo="1">🔄 Đổi combo khác</button>' +
+    '<button class="chat-combo-random" data-combo="1" data-query="' + qAttr + '">🔄 Đổi combo khác</button>' +
     '</div>';
 }
 
@@ -230,9 +316,12 @@ function _pickComboWithinBudget(pools, crit) {
   return idx.map((j, i) => pools[i][j]);
 }
 
-function comboByCriteria(criteria) {
+function comboByCriteria(criteria, excludeSet) {
   if (!allProducts.length) return null;
   const c = criteria || {};
+  // Optional set of item identities to AVOID when picking a combo (used by the
+  // "Đổi combo" button to fetch an ALTERNATE combo for the SAME criteria).
+  const ex = (excludeSet && excludeSet.size) ? excludeSet : null;
   const wantedCategories = Array.isArray(c.categories) && c.categories.length
     ? c.categories
     : ["bếp từ", "máy hút mùi", "chậu rửa", "vòi rửa"];
@@ -240,6 +329,7 @@ function comboByCriteria(criteria) {
 
   // Build per-category pools for a set of source products (same brand or all).
   function poolsFor(sourceProducts) {
+    const sizes = c.sizes || {};
     const pools = [];
     for (const catReq of wantedCategories) {
       const catDefs = COMBO_CATEGORIES.filter(d => sd(d.label).includes(sd(catReq).replace(/\s+/g, "")) ||
@@ -248,10 +338,36 @@ function comboByCriteria(criteria) {
       const def = defs[0];
       if (!def) return null;
       let pool = sourceProducts.filter(p => _matchCombo(p, def));
-      pool = filterComboPoolByCriteria(pool, c);
+      // Brand is strict (user asked for a specific brand).
+      pool = filterComboPoolByCriteria(pool, { ...c, material: undefined, color: undefined });
       if (!pool.length) return null;
+      // Material / color are strong preferences, but must NOT hard-block a combo
+      // (e.g. Grob dao thớt is "Mix Oval" not literally "nan oval"; another brand
+      // may lack the exact variant). Apply them, then degrade if they empty the pool.
+      const styleCrit = {};
+      if (c.material) styleCrit.material = c.material;
+      if (c.color) styleCrit.color = c.color;
+      const styleKeys = Object.keys(styleCrit);
+      if (styleKeys.length) {
+        const styled = filterComboPoolByCriteria(pool, styleCrit);
+        if (styled.length) pool = styled; // keep styled if anything matches
+        // else fall through with the brand-filtered pool (relax material/color)
+      }
       if (hasBudget) pool = pool.filter(p => (p.priceNum || 0) > 0);
       if (!pool.length) return null;
+      // Per-category size filter: match "Khoang tủ"/"Chiều rộng tủ" specs or
+      // the dimension tokens in the product name/specs to any requested mm.
+      const catSizes = sizes[def.label] || [];
+      if (catSizes.length) {
+        const sizeFiltered = pool.filter(p => {
+          const specText = sd(Object.values(p.specs || {}).join(" ") + " " + p.title_clean + " " + p.category + " " + (p.description || ""));
+          return catSizes.some(mm => specText.includes(String(mm) + "mm") || specText.includes(String(mm) + " mm"));
+        });
+        // STRICT: an explicitly requested size must match — do NOT fall back to
+        // other sizes, otherwise "chén dĩa 700mm" would show 800mm/900mm racks.
+        pool = sizeFiltered; // may be empty -> this brand/category can't satisfy
+        if (!pool.length) return null; // this brand can't supply the requested size
+      }
       pool = pool.slice().sort((a, b) => (a.priceNum || 0) - (b.priceNum || 0));
       pools.push(pool);
     }
@@ -284,8 +400,19 @@ function comboByCriteria(criteria) {
   }
 
   function comboFromPools(pools, brand) {
-    const chosen = _pickComboWithinBudget(pools, c);
-    if (!chosen || chosen.length !== wantedCategories.length) return null;
+    // Drop any candidate items the caller asked us to exclude (alternate combo).
+    const poolsF = ex ? pools.map(pool => pool.filter(p => !ex.has(p.sku || p.model || p.title_clean))) : pools;
+    if (poolsF.some(p => !p.length)) return null;
+    const chosenRaw = _pickComboWithinBudget(poolsF, c);
+    if (!chosenRaw || chosenRaw.length !== wantedCategories.length) return null;
+    const chosen = [];
+    const seen = new Set();
+    for (const p of chosenRaw) {
+      const key = p.sku || p.model || p.title_clean;
+      if (seen.has(key)) return null; // duplicates across categories not allowed for a swap
+      seen.add(key);
+      chosen.push(p);
+    }
     const total = chosen.reduce((s, p) => s + (p.priceNum || 0), 0);
     return {
       brand,
@@ -303,7 +430,11 @@ function comboByCriteria(criteria) {
     if (combo) return combo;
   }
 
-  // Fallback: mixed brands
+  // Fallback: mixed brands — also reached when a specific brand was requested but
+  // could not supply every requested category+size. The requested brand is still
+  // preferred per-category when possible (filterComboPoolByCriteria applies it),
+  // so the user sees their preferred brand where it exists and other brands fill
+  // the gaps, instead of returning nothing.
   const pools = poolsFor(allProducts);
   if (pools) {
     const combo = comboFromPools(pools, "");
@@ -322,22 +453,110 @@ function scoreProduct(p, queryStr, terms) {
   const sk = sd(p.sku || p.model);
   const br = sd(p.brand);
   const cat = sd(p.category);
-  const all = [nm, br, cat, sd(p.description||""), sd((p.features||[]).join(" ")), sd(p.summary||"")].join(" ");
+  const rawQuery = sd(String(queryStr || "").trim());
+
+  // ── EXACT MODEL / SKU / TITLE MATCH ──
+  // When the user types a concrete model code (e.g. "GP170BD", "JAPK900LX"),
+  // an SKU, or copies the exact product title, that product MUST surface first
+  // (and ideally alone) so single-product searches are 100% accurate.
+  // Normalize model tokens both compact and spaced ("GP 170 BD" -> "gp170bd").
+  const compactQ = rawQuery.replace(/[^a-z0-9]/g, "");
+  const compactName = nm.replace(/[^a-z0-9]/g, "");
+  const compactSk = sk.replace(/[^a-z0-9]/g, "");
+  if (compactQ.length >= 4) {
+    if (compactSk === compactQ) { sc += 1000; }            // exact sku/model match
+    else if (compactName === compactQ) { sc += 900; }      // exact title match
+    else if (compactName.includes(compactQ) || compactSk.includes(compactQ)) { sc += 550; }
+    else if (compactQ.includes(compactSk) && compactSk.length >= 4) { sc += 400; }
+  }
+  // Also boost when every significant query term appears in the title.
+  const sigTerms = terms.filter(t => t.length > 1 && !/^\d{2,4}mm/.test(t));
+  if (sigTerms.length && sigTerms.every(t => nm.includes(t))) { sc += 300; }
+
+  const desc = sd(p.description||"");
+  const feats = sd((p.features||[]).join(" "));
+  const summary = sd(p.summary||"");
+  const specsText = sd(Object.values(p.specs||{}).join(" "));
+  const all = [nm, br, cat, desc, feats, summary, specsText].join(" ");
 
   if (nm === queryStr) sc += 200;
   else if (sk === queryStr) sc += 180;
   else if (nm.includes(queryStr)) sc += 100;
   else if (sk.includes(queryStr)) sc += 80;
-  else if (all.includes(queryStr)) sc += 30;
+  else if (all.includes(queryStr)) sc += 50;
+
+  // ── Size (mm) matching, robust to formatting in thông số kỹ thuật ──
+  // Specs store sizes inconsistently: "900 mm", "900mm", "W565 x D280 x H650",
+  // "Khoang tủ: 900", "Chiều rộng tủ: 800mm", "cánh/phủ bì 900mm, lọt lòng 865mm".
+  // Extract every distinct numeric-mm value from the product (title + specs + desc
+  // + features + summary) and from the query, then score on numeric equality.
+  function mmValues(str) {
+    const out = {};
+    const re = /(\d{1,4})\s*mm/gi; let m;
+    while ((m = re.exec(str))) out[parseInt(m[1],10)] = true;
+    // Also capture WxDxH dimensions like "w565 x d280 x h650" (numbers without mm
+    // adjacency but clearly sizes when present with mm elsewhere / near letters).
+    const re2 = /[wdh]\s*[:=]?\s*(\d{1,4})/gi; let m2;
+    while ((m2 = re2.exec(str))) out[parseInt(m2[1],10)] = true;
+    return Object.keys(out).map(Number);
+  }
+  const prodMM = new Set(mmValues(nm + " " + specsText + " " + desc + " " + feats + " " + summary));
+  // Query size tokens: want the numeric size(s) the user typed (e.g. 700, 900).
+  const queryMM = mmValues(queryStr);
+  let sizeMatch = false;
+  for (const qm of queryMM) {
+    if (prodMM.has(qm)) { sizeMatch = true; break; }
+  }
+  if (sizeMatch) {
+    // Prefer when the size is in the TITLE (primary "cánh/phủ bì" width) or specs.
+    if (nm.includes(queryStr)) sc += 40; // exact title phrase w/ size already scored
+    else if (nm.split(" ").some(t => /^\d{1,4}mm$/i.test(t))) sc += 55;
+    else if (specsText !== "") sc += 50;   // size present in thông số kỹ thuật
+    else sc += 40;
+  } else {
+    // No exact numeric size match — small penalty so spec-matching products win.
+    if (queryMM.length) sc -= 10;
+  }
 
-  for (const t of terms) {
-    if (nm.includes(t)) sc += 12;
-    else if (sk.includes(t)) sc += 10;
-    else if (br.includes(t)) sc += 8;
-    else if (cat.includes(t)) sc += 6;
-    else if (all.includes(t)) sc += 2;
+  // Strong bonus for size tokens (e.g. "700mm") contained in title/specs/desc.
+  const sizeTokens = terms.filter(t => /^\d{2,4}mm$/.test(t) || /^\d{2,4}\s*mm$/.test(t));
+  for (const st of sizeTokens) {
+    const stPlain = st.replace(/\s+/g, "");
+    if (nm.includes(stPlain) || nm.includes(st)) sc += 60;
+    else if (sk.includes(stPlain)) sc += 40;
+    else if (all.includes(stPlain) || all.includes(st)) sc += 25;
+  }
+
+  // ── Material (chất liệu) matching from title AND specs ──
+  const materialWords = ["inox 304","inox sus304","inox304","inox","sus304","sus 304","nan oval","nan vuông","nan tron","nan dẹt","nan det","khung nhôm","nhôm","hợp kim","kính","gốm","đá granite","da granite","mây","thép","gang","nhựa abs","abs","thủy tinh"];
+  for (const mat of materialWords) {
+    const mNorm = sd(mat);
+    if (queryStr.includes(mNorm) && (nm.includes(mNorm) || specsText.includes(mNorm) || desc.includes(mNorm))) {
+      sc += 30;
+      break;
+    }
   }
 
+  // Per-term scoring; count how many DISTINCT terms hit the title (multi-term match
+  // is a strong signal the product really is what the user wants).
+  let titleHits = 0;
+  let totalHits = 0;
+  const significant = terms.filter(t => t.length > 1 && !/^\d{2,4}mm$/.test(t) && !/^\d{2,4}\s*mm$/.test(t));
+  for (const t of significant) {
+    let hit = false;
+    if (nm.includes(t)) { sc += 16; titleHits++; hit = true; }
+    else if (sk.includes(t)) { sc += 12; hit = true; }
+    else if (br.includes(t)) { sc += 8; hit = true; }
+    else if (cat.includes(t)) { sc += 10; hit = true; }
+    else if (all.includes(t)) { sc += 3; hit = true; }
+    if (hit) totalHits++;
+  }
+  // Multi-term bonus: matching >=2 meaningful terms in the title is a strong signal.
+  if (titleHits >= 2) sc += 35;
+  else if (titleHits === 1 && significant.length >= 2) sc += 10;
+  // Category bonus: if the product's category matches a query term, boost more.
+  for (const t of significant) { if (cat.includes(t)) sc += 6; }
+
   const brandNames = ["malloca","eurogold","grob","canzy","demax","sunhouse","kangaroo","sharp","toshiba","panasonic","samsung","lg","electrolux","bosch","fischer"];
   for (const b of brandNames) {
     if (queryStr.includes(b) && br.includes(b)) sc += 50;
@@ -369,21 +588,30 @@ async function load() {
       clearTimeout(t0);
       if (!resp.ok) throw new Error("HTTP "+resp.status);
       var raw = await resp.json();
-      var trimmed = (Array.isArray(raw) ? raw : []).slice(0, 1000);
+      // Load the FULL catalog (11,704 products) from the FAST index file.
+      // Previously we loaded a ~33MB JSON synchronously, which blocked the main
+      // thread and hung the loading overlay on slow connections. utils_index is
+      // ~10MB (68% smaller) and contains every field search/combo/cart/panel
+      // need. Image galleries are fetched lazily from products_detail.json when
+      // a product's detail modal opens (see ensureGallery).
+      var trimmed = (Array.isArray(raw) ? raw : []);
       allProducts = trimmed.map((p, i) => ({
         name: p.n || p.name || "", title_clean: p.n || p.name || "",
-        brand: p.brand || "", price: p.p || p.price || "", priceNum: Number(p.pn || 0),
+        brand: p.b || p.brand || "", price: p.p || p.price || "", priceNum: Number(p.pn || 0),
         category: normalizeCategory(p.c || p.cat || ""), category_slug: p.cs || "", category_icon: p.ci || "fa-box",
-        sku: p.sku || "", model: p.mod || p.model || "", slug: p.slug || "",
-        description: p.desc || "", summary: p.sum || p.summary || "",
-        features: Array.isArray(p.feats) ? p.feats : [],
-        specs: (typeof p.specs === "object" && p.specs !== null) ? p.specs : {},
-        video: p.vid || "", image: p.i || (Array.isArray(p.imgs) ? p.imgs[0] : "") || "",
-        images: p.imgs || p.images || [], link: p.l || ""
+        sku: p.s || p.sku || "", model: p.m || p.mod || p.model || "", slug: p.sl || p.slug || "",
+        description: p.d || p.desc || "", summary: p.sm || p.sum || p.summary || "",
+        features: Array.isArray(p.f) ? p.f : (Array.isArray(p.feats) ? p.feats : []),
+        specs: (p.sp && typeof p.sp === "object") ? p.sp : (p.specs && typeof p.specs === "object" ? p.specs : {}),
+        video: p.vid || "", image: p.i || p.image || "",
+        images: p.g || (Array.isArray(p.imgs) ? p.imgs : []) || [], link: p.l || ""
       }));
       loaded = true;
       console.log("[VAIX] Loaded " + allProducts.length + " products in " + (Date.now() - _ls) + "ms");
       handleProductUrlParam();
+      // Kick off the (lazy) gallery fetch in the background so Grob avatars get
+      // corrected (applyGrobAvatarFix) and detail thumbnails are ready quickly.
+      ensureGallery().catch(function(){});
     } finally {
       clearTimeout(t0);
     }
@@ -621,10 +849,15 @@ function showShareToast(msg) {
   toast._timer = setTimeout(function(){ toast.style.opacity = "0"; }, 3000);
 }
 
-function openImageViewer(imageUrl, productName) {
+function openImageViewer(imageUrl, productName, gallery) {
   if (!imageUrl) return;
   const existing = document.getElementById("vaix-image-viewer");
   if (existing) existing.remove();
+  // Build a de-duplicated gallery (imageUrl first), for prev/next sliding.
+  const gal = [];
+  if (imageUrl) gal.push(imageUrl);
+  if (Array.isArray(gallery)) gallery.forEach(function(u){ if (u && gal.indexOf(u) === -1) gal.push(u); });
+  let cur = 0;
   const viewer = document.createElement("div");
   viewer.id = "vaix-image-viewer";
   viewer.style.cssText = "position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;cursor:zoom-out;animation:modalIn 0.2s ease";
@@ -635,29 +868,61 @@ function openImageViewer(imageUrl, productName) {
   closeBtn.onmouseout = function(){ this.style.background = "rgba(255,255,255,0.15)"; };
   closeBtn.onclick = function(e){ e.stopPropagation(); viewer.remove(); document.body.style.overflow = ""; };
   viewer.appendChild(closeBtn);
+  const caption = document.createElement("div");
   if (productName) {
-    const caption = document.createElement("div");
     caption.textContent = productName;
     caption.style.cssText = "position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,0.7);font-size:0.85rem;text-align:center;max-width:80%;padding:8px 16px;background:rgba(0,0,0,0.5);border-radius:8px;z-index:2";
     viewer.appendChild(caption);
   }
+  const counter = document.createElement("div");
+  counter.style.cssText = "position:absolute;top:16px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,0.7);font-size:0.78rem;z-index:2;background:rgba(0,0,0,0.5);padding:4px 10px;border-radius:12px;white-space:nowrap";
+  viewer.appendChild(counter);
   const img = document.createElement("img");
-  img.src = imageUrl;
   img.alt = productName || "";
-  img.style.cssText = "max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px rgba(0,0,0,0.5);user-select:none;-webkit-user-drag:none";
+  img.style.cssText = "max-width:100%;max-height:88vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px rgba(0,0,0,0.5);user-select:none;-webkit-user-drag:none";
   img.onerror = function(){ this.alt = "Không thể tải ảnh"; this.style.maxWidth = "300px"; };
+  function makeNavArrow(dir) {
+    const b = document.createElement("button");
+    b.innerHTML = dir === -1 ? "‹" : "›";
+    b.style.cssText = "position:absolute;top:50%;" + (dir === -1 ? "left:10px;" : "right:10px;") + "transform:translateY(-50%);width:52px;height:72px;border:none;background:rgba(255,255,255,0.12);color:#fff;font-size:2.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:background 0.2s;z-index:3";
+    b.onmouseover = function(){ this.style.background = "rgba(255,255,255,0.28)"; };
+    b.onmouseout = function(){ this.style.background = "rgba(255,255,255,0.12)"; };
+    b.onclick = function(e){ e.stopPropagation(); showImage(cur + dir); };
+    return b;
+  }
+  const prevBtn = makeNavArrow(-1);
+  const nextBtn = makeNavArrow(1);
+  function showImage(idx) {
+    if (!gal.length) return;
+    cur = ((idx % gal.length) + gal.length) % gal.length;
+    img.style.opacity = "0";
+    img.src = gal[cur];
+    img.onload = function(){ img.style.opacity = "1"; };
+    img.style.transition = "opacity 0.15s ease";
+    if (gal.length > 1) { counter.textContent = (cur + 1) + " / " + gal.length; counter.style.display = ""; }
+    else counter.style.display = "none";
+    prevBtn.style.visibility = gal.length > 1 ? "visible" : "hidden";
+    nextBtn.style.visibility = gal.length > 1 ? "visible" : "hidden";
+    if (caption && productName) caption.textContent = productName + (gal.length > 1 ? "  (" + (cur+1) + "/" + gal.length + ")" : "");
+  }
+  if (gal.length > 1) { viewer.appendChild(prevBtn); viewer.appendChild(nextBtn); }
   const hint = document.createElement("div");
-  hint.textContent = "Nhấn ESC hoặc click bên ngoài để đóng";
+  hint.textContent = gal.length > 1 ? "Dùng ← → để xem ảnh tiếp · Nhấn ESC để đóng" : "Nhấn ESC hoặc click bên ngoài để đóng";
   hint.style.cssText = "position:absolute;top:16px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,0.4);font-size:0.7rem;z-index:2;white-space:nowrap";
   viewer.appendChild(hint);
   viewer.appendChild(img);
   viewer.addEventListener("click", function(e) { if (e.target === viewer) { viewer.remove(); document.body.style.overflow = ""; } });
   viewer.setAttribute("tabindex", "0");
   viewer.focus();
-  function keyHandler(e) { if (e.key === "Escape") { viewer.remove(); document.body.style.overflow = ""; document.removeEventListener("keydown", keyHandler); } }
+  function keyHandler(e) {
+    if (e.key === "Escape") { viewer.remove(); document.body.style.overflow = ""; document.removeEventListener("keydown", keyHandler); }
+    else if (e.key === "ArrowLeft") { e.preventDefault(); showImage(cur - 1); }
+    else if (e.key === "ArrowRight") { e.preventDefault(); showImage(cur + 1); }
+  }
   document.addEventListener("keydown", keyHandler);
   document.body.appendChild(viewer);
   document.body.style.overflow = "hidden";
+  showImage(0);
 }
 
 function createChatProductCard(product) {
@@ -723,6 +988,39 @@ function attachChatCardHandlers(container) {
       if (p) { renderDetail(p); renderSimilarInPanel(p); renderPanelResults([p]); const panel=document.getElementById("vaistudio-panel"),toggle=document.getElementById("vaistudio-toggle"); if(panel){panel.classList.add("open");panel.style.display="flex"} if(toggle)toggle.classList.add("active"); }
     });
   });
+
+  // "Đổi combo" button — swaps to an ALTERNATE combo that still matches the
+  // user's original criteria (stored in data-query). If no alternate exists,
+  // keeps the current combo and shows a short notice.
+  container.querySelectorAll(".chat-combo-random").forEach(function(btn) {
+    btn.addEventListener("click", function(e) {
+      e.stopPropagation();
+      const q = (this.getAttribute("data-query") || "").trim();
+      const section = this.closest(".chat-combo-section") || this.closest(".chat-product-cards") || this.parentNode;
+      if (!section) return;
+      // Find the current combo items rendered in this section to exclude them.
+      const curProducts = [];
+      section.querySelectorAll(".chat-product-card").forEach(function(card) {
+        const nm = card.getAttribute("data-product");
+        const p = nm ? findProduct(nm) : null;
+        if (p) curProducts.push(p);
+      });
+      const curCombo = { items: curProducts };
+      const alt = window.vaix && window.vaix.getAlternativeCombo ? window.vaix.getAlternativeCombo(q || (window.vaix.getLastShownProduct && ""), curCombo) : null;
+      const freshRaw = alt || (window.vaix && window.vaix.getComboOrSearch ? window.vaix.getComboOrSearch(q, 4).combo : null);
+      if (freshRaw && freshRaw.items && freshRaw.items.length && alt) {
+        const freshEl = document.createElement("div");
+        freshEl.innerHTML = renderComboCardsBlock(freshRaw, q);
+        if (attachChatCardHandlers) attachChatCardHandlers(freshEl);
+        const block = freshEl.querySelector(".chat-combo-section");
+        if (block) section.replaceWith(block);
+      } else {
+        btn.textContent = "✓ Đã hết combo khác phù hợp";
+        btn.disabled = true;
+        setTimeout(function() { if (btn && btn.parentNode) btn.textContent = "🔄 Đổi combo khác"; btn.disabled = false; }, 1800);
+      }
+    });
+  });
 }
 
 function queryCatalog(query) {
@@ -840,15 +1138,13 @@ function sendUserSuggestion(text) {
   var messagesEl = document.getElementById("chat-messages");
   var inputEl = document.getElementById("chat-input");
   if (!messagesEl) return;
-  var userMsg = document.createElement("div");
-  userMsg.className = "chat-message user";
-  userMsg.textContent = text;
-  messagesEl.appendChild(userMsg);
-  if (inputEl) inputEl.value = text;
-  clearSuggestedQuestions();
-  setTimeout(function() { messagesEl.scrollTop = messagesEl.scrollHeight; }, 50);
+  // Giao user bubble cho sendTextMessage (gemma REST) để tránh trùng lặp.
   window._lastUserSuggestion = text;
   if (window._triggerSuggestionSend) window._triggerSuggestionSend(text);
+  else {
+    if (inputEl) inputEl.value = text;
+    clearSuggestedQuestions();
+  }
 }
 
 function openAskAIForProduct(product) {
@@ -901,6 +1197,21 @@ function renderPanelResults(products) {
     const pr = document.createElement("p"); pr.className = "product-card-price"; pr.textContent = fmt(p.priceNum);
     info.append(t, b, pr);
     if (p.category) { const ct = document.createElement("span"); ct.className = "product-card-cat"; ct.textContent = p.category; info.appendChild(ct); }
+    // Cart button on each floating product card
+    const cartBtn = document.createElement("button");
+    cartBtn.type = "button";
+    cartBtn.className = "product-card-btn cart-btn";
+    cartBtn.innerHTML = '<i class="fas fa-shopping-cart"></i> Thêm giỏ';
+    cartBtn.addEventListener("click", function(e) {
+      e.stopPropagation();
+      const prodObj = { slug: p.slug || '', sku: p.sku || p.model || '', name: p.title_clean || p.name || '', price: p.priceNum, priceNum: p.priceNum, image: p.image || '' };
+      window.addToCart(prodObj);
+      const self = this;
+      self.innerHTML = '<i class="fas fa-check"></i> Đã thêm';
+      self.classList.add("added");
+      setTimeout(function() { self.innerHTML = '<i class="fas fa-shopping-cart"></i> Thêm giỏ'; self.classList.remove("added"); }, 1500);
+    });
+    card.appendChild(cartBtn);
     card.appendChild(info);
     card.addEventListener("click", function(e){ e.stopPropagation(); renderDetail(p); renderSimilarInPanel(p); });
     productsEl.appendChild(card);
@@ -943,6 +1254,58 @@ function renderSimilarInPanel(mainProduct) {
   productsEl.appendChild(section);
 }
 
+// Fetch the lazy image-gallery map once and cache it. Called on demand so the
+// heavy gallery data never blocks the fast catalog load.
+function ensureGallery() {
+  if (detailGalleryMap) return Promise.resolve(detailGalleryMap);
+  if (detailGalleryPromise) return detailGalleryPromise;
+  detailGalleryPromise = fetch(DETAIL_URL, { signal: (new AbortController()).signal })
+    .then(function(r){ if(!r.ok) throw new Error("HTTP "+r.status); return r.json(); })
+    .then(function(m){ detailGalleryMap = (m && typeof m === "object") ? m : {}; applyGrobAvatarFix(); return detailGalleryMap; })
+    .catch(function(e){ console.warn("[VAIX] Gallery load failed:", e.message || e); detailGalleryMap = {}; return detailGalleryMap; });
+  return detailGalleryPromise;
+}
+
+// Grob products historically ship with a WRONG default avatar (all 648 products
+// pointed at the same grob_p12.jpg). Their per-product galleries live in the
+// detail map; the correct avatar is the 2nd gallery image (index 1). Once the
+// gallery map is available, patch each Grob product's avatar so every card /
+// search result shows the right image.
+function applyGrobAvatarFix() {
+  if (!detailGalleryMap) return;
+  for (let i = 0; i < allProducts.length; i++) {
+    const p = allProducts[i];
+    if (!p || (p.brand || "").toLowerCase() !== "grob") continue;
+    const slug = p.slug;
+    if (!slug) continue;
+    const g = detailGalleryMap[slug];
+    if (!Array.isArray(g) || g.length < 2) continue;
+    const secondImg = g[1];
+    if (secondImg && secondImg !== p.image) {
+      p.image = secondImg;
+    }
+  }
+}
+
+// Attach lazy galleries to a product if not already present, then render thumbnails.
+function renderDetailImages(p) {
+  const ic = document.getElementById("detail-images");
+  if (!ic) return;
+  let imgs = [];
+  if (p.image) imgs.push(p.image);
+  if (!p.images || !p.images.length) {
+    // product has no gallery yet — try lazy fetch by slug
+    if (detailGalleryMap && p.slug && detailGalleryMap[p.slug]) {
+      (detailGalleryMap[p.slug]||[]).forEach(function(u){ if(u && !imgs.includes(u)) imgs.push(u); });
+    }
+  } else {
+    p.images.forEach(function(u){ if(u && !imgs.includes(u)) imgs.push(u); });
+  }
+  ic.innerHTML = "";
+  if (!imgs.length) { const d = document.createElement("div"); d.style.cssText = "width:120px;height:120px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0"; d.textContent = "📦"; ic.appendChild(d); }
+  else { imgs.forEach(function(url, idx){ const wrapper = document.createElement("div"); wrapper.style.cssText = "position:relative;flex-shrink:0;scroll-snap-align:start;cursor:zoom-in"; wrapper.title = "Nhấn để xem ảnh toàn màn hình"; const img = document.createElement("img"); img.src = url; img.style.cssText = "width:120px;height:120px;border-radius:12px;object-fit:cover;border:1px solid #e2e8f0;transition:transform 0.2s, box-shadow 0.2s"; img.onerror = function(){ this.style.display = "none"; }; img.onmouseover = function(){ this.style.transform = "scale(1.05)"; this.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)"; }; img.onmouseout = function(){ this.style.transform = ""; this.style.boxShadow = ""; }; img.addEventListener("click", function(e){ e.stopPropagation(); openImageViewer(url, p.title_clean, imgs); }); wrapper.appendChild(img); const zoomIcon = document.createElement("div"); zoomIcon.textContent = "🔍"; zoomIcon.style.cssText = "position:absolute;bottom:4px;right:4px;font-size:0.7rem;background:rgba(0,0,0,0.5);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0.7"; wrapper.appendChild(zoomIcon); ic.appendChild(wrapper); }); }
+}
+
 function renderDetail(p) {
   const overlay = document.getElementById("vaistudio-detail-overlay");
   if (!overlay || !p) return;
@@ -964,13 +1327,11 @@ function renderDetail(p) {
   if (p.priceNum >= 1000000) { trieuEl.textContent = "(" + (p.priceNum/1000000).toFixed(1) + " triệu)"; trieuEl.style.display="inline"; }
   else trieuEl.style.display = "none";
 
-  const ic = document.getElementById("detail-images");
-  ic.innerHTML = "";
-  const imgs = [];
-  if (p.image) imgs.push(p.image);
-  if (p.images && p.images.length) p.images.forEach(function(i){ if(i && !imgs.includes(i)) imgs.push(i); });
-  if (!imgs.length) { const d = document.createElement("div"); d.style.cssText = "width:120px;height:120px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0"; d.textContent = "📦"; ic.appendChild(d); }
-  else { imgs.forEach(function(url, idx){ const wrapper = document.createElement("div"); wrapper.style.cssText = "position:relative;flex-shrink:0;scroll-snap-align:start;cursor:zoom-in"; wrapper.title = "Nhấn để xem ảnh toàn màn hình"; const img = document.createElement("img"); img.src = url; img.style.cssText = "width:120px;height:120px;border-radius:12px;object-fit:cover;border:1px solid #e2e8f0;transition:transform 0.2s, box-shadow 0.2s"; img.onerror = function(){ this.style.display = "none"; }; img.onmouseover = function(){ this.style.transform = "scale(1.05)"; this.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)"; }; img.onmouseout = function(){ this.style.transform = ""; this.style.boxShadow = ""; }; img.addEventListener("click", function(e){ e.stopPropagation(); openImageViewer(url, p.title_clean); }); wrapper.appendChild(img); const zoomIcon = document.createElement("div"); zoomIcon.textContent = "🔍"; zoomIcon.style.cssText = "position:absolute;bottom:4px;right:4px;font-size:0.7rem;background:rgba(0,0,0,0.5);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0.7"; wrapper.appendChild(zoomIcon); ic.appendChild(wrapper); }); }
+  // Render thumbnail gallery; fetch lazy galleries in the background if needed.
+  renderDetailImages(p);
+  ensureGallery().then(function(){
+    if (lastShownProduct === p) renderDetailImages(p); // re-render when galleries arrive
+  });
 
   const se = document.getElementById("detail-summary");
   if (p.summary) { se.textContent=p.summary; se.style.display="block"; }
@@ -1299,10 +1660,19 @@ function parseComboQuery(q) {
   if (!s) return null;
   // Combo intent keywords
   const comboWords = ["combo","bộ ","set ","bộ:","combo:"];
+  // Count distinct appliance categories mentioned in the query.
+  const catCount = (function(){
+    // split on separators, then also scan whole string via _catFromTerm fallback
+    const seen = new Set();
+    const parts = raw.split(/[+,;]|\s+và\s+|\s+&\s+/);
+    for (const p of parts) { const c = _catFromTerm(p); if (c && !seen.has(c)) seen.add(c); }
+    if (seen.size >= 2) return seen.size;
+    for (const d of COMBO_CATEGORIES) { for (const k of d.keys) { if (s.includes(_norm(k))) { if(!seen.has(d.label)) seen.add(d.label); break; } } }
+    return seen.size;
+  })();
   const isCombo = comboWords.some(w => s.includes(w)) ||
-                  (s.includes(" và ") && /bếp|hút mùi|hút khói|chậu|vòi|lò |nồi/.test(s) && s.split(" và ").filter(t=>_catFromTerm(t)).length >= 2) ||
-                  /(bếp từ|bếp điện từ).*(máy hút mùi|máy hút khói|chậu|vòi)/.test(s) ||
-                  /(máy hút mùi|chậu rửa|vòi rửa).*(bếp|nồi|lò)/.test(s);
+                  (s.includes(" và ") && catCount >= 2) ||
+                  catCount >= 2;
   if (!isCombo) return null;
   const crit = { categories: [] };
   // Brand
@@ -1321,18 +1691,74 @@ function parseComboQuery(q) {
     else if (prefix === "khoang") { if (!crit.minPrice) crit.minPrice = Math.floor(money * 0.9); if (!crit.maxPrice) crit.maxPrice = Math.ceil(money * 1.1); }
     else { if (!crit.maxPrice) crit.maxPrice = money; }
   }
-  // Categories: split on " và " / " + " / "," / "combo"/"bộ"
+  // Categories: split on " và " / " + " / "," / "combo"/"bộ". Some users type
+  // multiple categories WITHOUT separators (e.g. "combo bếp từ máy hút mùi
+  // chậu rửa giá 20 triệu"), so we ALSO scan the whole string for every known
+  // category label and merge. This guarantees every requested category is
+  // captured regardless of separators.
   const parts = raw.split(/[+,;]|\s+và\s+|\s+&\s+/);
+  const sizes = {}; // cat label -> [array of mm sizes]
+  function addCat(c) {
+    if (c && !crit.categories.includes(c)) crit.categories.push(c);
+  }
+  // Collect every category the per-part split found (handles "và"/","/"+").
+  // Sizes are NOT read here — they are assigned precisely in the dedicated mm
+  // block below to avoid double-counting.
   for (const p of parts) {
     const c = _catFromTerm(p);
-    if (c && !crit.categories.includes(c)) crit.categories.push(c);
+    if (c) addCat(c);
   }
-  if (!crit.categories.length) {
-    // fallback: scan whole string for known category labels
-    for (const d of COMBO_CATEGORIES) {
-      for (const k of d.keys) { if (s.includes(_norm(k))) { if(!crit.categories.includes(d.label)) crit.categories.push(d.label); break; } }
+  // Whole-string scan — captures space-separated categories the per-part split
+  // missed. Matches on BOTH the keyword AND the category label (some labels like
+  // "Chậu rửa" / "Vòi rửa" aren't literal keys), and only registers the category
+  // (no size association here — sizes are handled precisely below).
+  for (const d of COMBO_CATEGORIES) {
+    let hit = false;
+    for (const k of d.keys) { if (s.includes(_norm(k))) { hit = true; break; } }
+    if (!hit && s.includes(_norm(d.label))) hit = true;
+    if (hit) addCat(d.label);
+  }
+  // Precise size assignment: for every <NNN>mm token in the query, assign it to
+  // the LAST category keyword that appears BEFORE it (within a short window).
+  // This correctly handles both "kệ chén dĩa 700mm và kệ dao thớt 400mm" and
+  // the no-separator "kệ chén dĩa 700mm kệ dao thớt 400mm".
+  const mmRe = /(\d{2,4})\s*mm/gi;
+  const catAnchors = [];
+  for (const d of COMBO_CATEGORIES) {
+    const tokens = [d.label].concat(d.keys);
+    for (const t of tokens) {
+      const idx = s.indexOf(_norm(t));
+      if (idx !== -1) catAnchors.push({ idx, label: d.label });
     }
   }
+  catAnchors.sort((a, b) => a.idx - b.idx);
+  let mmMatch = mmRe.exec(s);
+  while (mmMatch) {
+    const mm = parseInt(mmMatch[1], 10);
+    const mmPos = mmMatch.index;
+    // nearest category anchor strictly before the mm token
+    let best = null;
+    for (const a of catAnchors) {
+      if (a.idx >= mmPos) break;
+      if (a.idx < mmPos && (best === null || a.idx > best.idx)) best = a;
+    }
+    if (best) sizes[best.label] = (sizes[best.label] || []).concat(mm);
+    mmMatch = mmRe.exec(s);
+  }
+  // Only keep size assignments for categories that were actually requested.
+  for (const lbl of Object.keys(sizes)) {
+    if (!crit.categories.includes(lbl)) delete sizes[lbl];
+  }
+  if (Object.keys(sizes).length) crit.sizes = sizes;
+  // Material (chất liệu) — e.g. "nan oval", "nan vuông", "inox", "hợp kim",
+  // "nhôm", "kính", "gốm", "đá granite". Extract the first known material phrase.
+  const materialWords = [["nan oval","nan-oval"],["nan vuông","nan-vuong"],["nan tròn","nan-tron"],
+    ["inox 304","inox"],["inox","inox"],["hợp kim","hop-kim"],["nhôm","nhom"],["kính","kinh"],
+    ["gốm","gom"],["đá granite","da-granite"],["đá","da"],["mây","may"]];
+  for (const [word,_normWord] of materialWords) { if (s.includes(_norm(word))) { crit.material = _norm(word); break; } }
+  // Color (màu sắc)
+  const colorWords = ["đen","trắng","bạc","xám","ghi","vàng","champagne","nâu","đồng","vàng gold"];
+  for (const col of colorWords) { if (s.includes(_norm(col))) { crit.color = _norm(col); break; } }
   // Require at least 2 categories to be a real combo (2+ sản phẩm)
   if (crit.categories.length < 2) return null;
   return crit;
@@ -1406,6 +1832,85 @@ function renderProductInChat(container, product) {
   attachChatCardHandlers(container);
 }
 
+// Return top products matching a query as an array (for chat suggestion cards)
+// without rendering the panel. Reuses the same scoring as queryCatalog.
+function searchProductsForCards(query, limit) {
+  if (!allProducts.length) return [];
+  const q = String(query || "").trim();
+  if (!q) return [];
+  const qs = sd(q), terms = extractTerms(q), cap = limit || 4;
+  const scored = [];
+  for (let i = 0; i < allProducts.length; i++) {
+    const p = allProducts[i];
+    const sc = scoreProduct(p, qs, terms);
+    if (sc > 0) scored.push({ p, sc });
+  }
+  scored.sort((a, b) => b.sc - a.sc);
+  return scored.slice(0, cap).map(r => r.p);
+}
+
+// Combos + search, exactly mirroring the product-list panel:
+// 1) If the query is a combo query -> return the curated combo items.
+// 2) Otherwise -> return the scored search results (same as queryCatalog).
+// Returns { combo, products } where combo is the combo object (or null) and
+// products is the array of product items shown in the chat / panel.
+function getComboOrSearch(query, limit) {
+  const raw = String(query || "").trim();
+  const result = { combo: null, products: [] };
+  if (!raw || !allProducts.length) return result;
+  try {
+    const crit = parseComboQuery(raw);
+    if (crit) {
+      const combo = comboByCriteria(crit);
+      if (combo && combo.items && combo.items.length) {
+        result.combo = combo;
+        result.products = combo.items;
+        return result;
+      }
+    }
+  } catch (e) { /* fall through to generic search */ }
+  result.products = searchProductsForCards(raw, limit || 6);
+  return result;
+}
+
+// Fetch an ALTERNATE combo that still satisfies the SAME user criteria, but
+// avoids the products shown in the current combo. Returns null when no other
+// valid combination exists (caller can then show a "no alternative" message).
+function getAlternativeCombo(query, currentCombo) {
+  const raw = String(query || "").trim();
+  if (!raw || !allProducts.length) return null;
+  const current = currentCombo || {};
+  const curItems = (current.items || []);
+  if (!curItems.length) return null;
+  const exclude = new Set();
+  for (const p of curItems) exclude.add(p.sku || p.model || p.title_clean);
+  try {
+    const crit = parseComboQuery(raw);
+    if (!crit) return null;
+    return comboByCriteria(crit, exclude);
+  } catch (e) {
+    return null;
+  }
+}
+
+// Render combo results into the chat-embedded product cards container,
+// mirroring how the product-list panel shows combos (showComboResultsInPanel).
+function renderComboInChat(container, combo, rawQuery) {
+  if (!container || !combo || !combo.items || !combo.items.length) return;
+  const total = (combo.items || []).reduce(function (s, p) { return s + (p.priceNum || 0); }, 0);
+  let html = '<div class="chat-combo-title" style="font-weight:700;margin:8px 2px 6px;color:#0f172a;font-size:0.92rem">' +
+    '<span class="combo-spark">✨</span> Combo gợi ý ' + (combo.brand ? ('thương hiệu ' + combo.brand) : '') + ' — ' + combo.label + '</div>';
+  html += '<div style="color:#64748b;font-size:0.76rem;margin:0 2px 8px">Gồm ' + combo.items.length + ' sản phẩm — Tổng ' +
+    (total > 0 ? (total.toLocaleString('vi-VN') + ' ₫') : 'Liên hệ') + ' · phù hợp "' + String(rawQuery || '') + '".</div>';
+  html += '<div class="chat-product-cards">';
+  for (const p of combo.items) html += createChatProductCard(p);
+  html += '</div>';
+  html += '<button class="chat-combo-random" data-combo="1" data-query="' +
+    String(rawQuery || '').replace(/"/g, '&quot;') + '">🔄 Đổi combo khác</button>';
+  container.innerHTML = html;
+  if (attachChatCardHandlers) attachChatCardHandlers(container);
+}
+
 // Export to window
 window.vaix = {
   load: load,
@@ -1423,6 +1928,10 @@ window.vaix = {
   getLastShownProduct: getLastShownProduct,
   renderSearchResultsInChat: renderSearchResultsInChat,
   renderProductInChat: renderProductInChat,
+  searchProductsForCards: searchProductsForCards,
+  getComboOrSearch: getComboOrSearch,
+  getAlternativeCombo: getAlternativeCombo,
+  renderComboInChat: renderComboInChat,
   attachChatCardHandlers: attachChatCardHandlers,
   openImageViewer: openImageViewer,
   allProducts: function(){ return allProducts; },

tts-worker.mjs

@@ -0,0 +1,21 @@
+/**
+ * TTS worker — run as a separate Bun subprocess so a crash in the Edge-TTS
+ * path cannot take down the main server.
+ * Usage: bun tts-worker.mjs "<voice>" "<text>"
+ * Writes MP3 audio bytes to stdout; non-zero exit on error.
+ */
+import { EdgeTTS } from "edge-tts-universal";
+
+const voice = process.argv[2] || "vi-VN-HoaiMyNeural";
+const text = process.argv[3] || "";
+
+try {
+  const tts = new EdgeTTS(text, voice, { rate: "+0%", volume: "+0%", pitch: "+0Hz" });
+  const result = await tts.synthesize();
+  const audio = Buffer.from(await result.audio.arrayBuffer());
+  if (!audio || !audio.length) process.exit(2);
+  process.stdout.write(audio);
+} catch (e) {
+  console.error("TTS_WORKER_ERROR:", e?.message || e);
+  process.exit(1);
+}