Thêm SP: hiện đủ sp đã thêm vào đầu panel (URL+OCR); nút Xóa vĩnh viễn (/api/delete-product) cho sp đã thêm; nút chia sẻ link SEO trên card, BIGSALE & COMBO KHUYẾN MÃI

big_sale.js

@@ -84,6 +84,9 @@ function buildProductCard(p) {
         <span class="big-sale-price-original">${formatVND(p.price)}</span>
         <span class="big-sale-price-new">${formatVND(p.bigsale)}</span>
       </div>
+      <button type="button" class="big-sale-share-btn" onclick="window.shareBigSale('${p.code}')">
+        <i class="fas fa-share-alt"></i> Chia sẻ link
+      </button>
     </div>`;
 }
 
@@ -323,6 +326,26 @@ function bigSaleShareUrl(product) {
   return base + '?bigsale=' + encodeURIComponent((product && product.code) || '');
 }
 
+// Per-card "Chia sẻ link" (SEO share). Copies the self-hosted SEO link to the
+// clipboard and shows a toast. Exposed on window because the list cards are
+// built as HTML strings with inline onclick.
+window.shareBigSale = function (code) {
+  try {
+    var url = bigSaleShareUrl({ code: code });
+    var copy = function (u) {
+      if (window.navigator && navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard.writeText(u).then(function(){
+          if (typeof window.toast === 'function') window.toast('✓ Đã copy link chia sẻ BIG SALE');
+          else alert('Link chia sẻ BIG SALE (SEO):\n' + u);
+        }).catch(function(){ window.prompt('Link chia sẻ BIG SALE:', u); });
+      } else { window.prompt('Link chia sẻ BIG SALE:', u); }
+    };
+    copy(url);
+  } catch (err) {
+    alert('Lỗi chia sẻ: ' + (err && err.message || err));
+  }
+};
+
 // Create/re-ensure the share + add-to-cart + quote buttons in the BIG SALE
 // detail modal. These mirror the catalog modal's detail-cart-section /
 // detail-share-section so behaviour (addToCart / openQuotation / shareProduct /

index.html

@@ -758,17 +758,17 @@
          first paint — the welcome/avatar-picker modal renders immediately. -->
     <script defer src="./src/cart-quote.js?gc=33"></script>    <!-- Cart + Quote module (Giỏ hàng / Báo giá) -->
     <script defer src="./src/customers.js?gc=17"></script>    <!-- Customer list (Danh sách khách hàng) -->
-    <script defer src="./src/vaix-rag.js?gc=55"></script>    <!-- V.AI STUDIO RAG Module - loads FASTER via light index; lazy galleries; spec-aware search -->
-    <script defer src="./src/greeting-news.js?gc=40"></script>  <!-- Greeting HOT news cards + source links -->
-    <script defer src="./src/order-sync.js?gc=17"></script>    <!-- Order sync with V.AISTUDIO backend -->
-    <script type="module" src="./src/app.js?gc=58"></script>
-    <script defer src="./src/greeting-source-cards.js?gc=15"></script> <!-- FIX: Nguồn tin cards under greeting -->
-    <script defer src="./src/avatar-picker.js?gc=13"></script> <!-- ✨ Circular avatar picker (Mr V / Lisamy) + loading progress bar -->
-    <!-- BIG SALE Floating Promotion Module -->
-    <script defer src="./big_sale.js?v=12"></script>
-    <!-- V.AI STUDIO Promo CMS (admin editor + BIGSALE/COMBO manager) -->
-    <script defer src="./src/vaix-promo-cms.js?v=3"></script>
-    <script defer src="./src/vaix-combo.js?v=2"></script>
+<script defer src="./src/vaix-rag.js?gc=56"></script>    <!-- V.AI STUDIO RAG Module - loads FASTER via light index; lazy galleries; spec-aware search -->
+	    <script defer src="./src/greeting-news.js?gc=40"></script>  <!-- Greeting HOT news cards + source links -->
+	    <script defer src="./src/order-sync.js?gc=17"></script>    <!-- Order sync with V.AISTUDIO backend -->
+	    <script type="module" src="./src/app.js?gc=59"></script>
+	    <script defer src="./src/greeting-source-cards.js?gc=15"></script> <!-- FIX: Nguồn tin cards under greeting -->
+	    <script defer src="./src/avatar-picker.js?gc=13"></script> <!-- ✨ Circular avatar picker (Mr V / Lisamy) + loading progress bar -->
+	    <!-- BIG SALE Floating Promotion Module -->
+	    <script defer src="./big_sale.js?v=13"></script>
+	    <!-- V.AI STUDIO Promo CMS (admin editor + BIGSALE/COMBO manager) -->
+	    <script defer src="./src/vaix-promo-cms.js?v=3"></script>
+	    <script defer src="./src/vaix-combo.js?v=3"></script>
 
     <script>
       // Wire the "Đơn hàng" buttons to the order modal

index.ts

@@ -1604,6 +1604,77 @@ const server = Bun.serve({
         }
       },
     },
+    "/api/delete-product": {
+      POST: async (req: Request) => {
+        // Admin-only: permanently remove a product the admin added (via URL/OCR).
+        try {
+          const token = (process.env.HF_INFERENCE_TOKEN || process.env.HF_TOKEN || "").trim();
+          if (!token) return Response.json({ error: "No write token on server" }, { status: 500 });
+          const isAdmin = (req.headers.get("x-vai-admin") || "") === "1";
+          if (!isAdmin) return Response.json({ error: "Admin unlock required" }, { status: 403 });
+          const body: any = await req.json().catch(() => ({}));
+          const sku = String(body?.sku || "").trim();
+          const slug = String(body?.slug || "").trim();
+          if (!sku && !slug) return Response.json({ error: "Missing sku/slug" }, { status: 400 });
+          const CAT_DATASET = "bep40/grob-products-updated";
+          const CAT_FILE = "products_url_added.json";
+
+          // 1) Remove from products_url_added.json (the permanent shared file).
+          let list: any[] = [];
+          let hadAdded = false;
+          try {
+            const ra = await fetch("https://huggingface.co/datasets/" + CAT_DATASET + "/resolve/main/" + CAT_FILE, { signal: AbortSignal.timeout(10000) });
+            if (ra.ok) { const d = await ra.json(); if (Array.isArray(d)) list = d; }
+          } catch (_e) {}
+          const SKU = sku.toUpperCase();
+          const prevCount = list.length;
+          list = list.filter((x) => {
+            if (!x) return false;
+            const mSku = String(x.sku || "").toUpperCase();
+            const mSlug = String(x.slug || "").toLowerCase();
+            return !((SKU && mSku === SKU) || (slug && mSlug === slug.toLowerCase()));
+          });
+          hadAdded = list.length !== prevCount;
+          if (hadAdded) {
+            const content = JSON.stringify(list);
+            const payload = [
+              { key: "header", value: { summary: "Delete added product from avatar2 admin", repo: { type: "dataset", id: CAT_DATASET } } },
+              { key: "file", value: { path: CAT_FILE, content } },
+            ].map((s) => JSON.stringify(s)).join("\n");
+            const commit = await fetch("https://huggingface.co/api/datasets/" + CAT_DATASET + "/commit/main", {
+              method: "POST",
+              headers: { Authorization: "Bearer " + token, "Content-Type": "application/x-ndjson" },
+              body: payload, signal: AbortSignal.timeout(20000),
+            });
+            if (!commit.ok) return Response.json({ error: "Dataset commit failed (" + commit.status + ")" }, { status: 502 });
+          }
+
+          // 2) Mirror-remove from promos.json productEdits so the panel updates fast.
+          let removedFromPromos = false;
+          try {
+            const cur = await readPromos(token);
+            if (cur.productEdits && typeof cur.productEdits === "object") {
+              let changed = false;
+              if (sku && cur.productEdits[sku] != null) { delete cur.productEdits[sku]; changed = true; }
+              if (slug) {
+                for (const k of Object.keys(cur.productEdits)) {
+                  const ed = cur.productEdits[k];
+                  if (ed && (ed.slug === slug || String(ed.model || ed.sku || k).toUpperCase() === SKU)) {
+                    delete cur.productEdits[k]; changed = true;
+                  }
+                }
+              }
+              if (changed) { await writePromos(token, cur); removedFromPromos = true; }
+            }
+          } catch (e2: any) { console.error("[delete-product] promos mirror failed", e2?.message); }
+
+          return Response.json({ ok: true, removed: hadAdded, removedFromPromos, file: CAT_DATASET + "/" + CAT_FILE });
+        } catch (e: any) {
+          console.error("[delete-product]", e?.message);
+          return Response.json({ error: e.message || String(e) }, { status: 502 });
+        }
+      },
+    },
     "/api/promos": {
       GET: async () => {
         try {

src/vaix-combo.js

@@ -173,12 +173,41 @@
           '<div style="font-weight:700;font-size:0.8rem;color:#1e293b;margin-bottom:3px">' + (c.name || "COMBO") + '</div>' +
           '<div style="display:flex;gap:4px;margin-bottom:4px">' + thumbs + '</div>' +
           '<div style="font-size:0.7rem;color:#64748b;margin-bottom:4px">' + itemsHtml + '</div>' +
-          '<div style="font-weight:700;color:#1d4ed8;font-size:0.8rem">' + fmt(priceNum) + '</div>' +
+          '<div style="display:flex;align-items:center;justify-content:space-between;gap:6px">' +
+            '<span style="font-weight:700;color:#1d4ed8;font-size:0.8rem">' + fmt(priceNum) + '</span>' +
+            '<button type="button" class="combo-share-btn" onclick="window.shareCombo(' + idx + ', event, this)" style="padding:5px 10px;border:none;border-radius:7px;background:#1e40af;color:#fff;font-size:0.68rem;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap"><i class="fas fa-share-alt"></i> Chia sẻ</button>' +
+          '</div>' +
           '</div>';
       }).join("");
     } catch(e) { console.warn("[COMBO] refresh:", e); }
   }
-function boot() {
+// Per-combo "Chia sẻ link" (SEO). Copy a self-hosted deep link that opens the
+  // COMBO KHUYẾN MÃI panel. Exposed globally because combo cards are HTML strings.
+  window.shareCombo = function (idx, ev, btn) {
+    try {
+      if (ev) { ev.stopPropagation(); }
+      var combos = loadCombos() || [];
+      var c = combos[idx];
+      if (!c) return;
+      var slug = String(c.slug || c.name || "combo-" + (idx + 1))
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "");
+      var base = window.location.origin + window.location.pathname;
+      var url = base + "?combo=" + encodeURIComponent(slug);
+      var done = function () {
+        if (typeof window.toast === "function") window.toast("\u2713 \u0110\u00e3 copy link chia s\u1ebb COMBO (SEO)");
+        else alert("Link chia s\u1ebb COMBO:\n" + url);
+      };
+      if (window.navigator && navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard.writeText(url).then(done).catch(function () { window.prompt("Link chia s\u1ebb COMBO:", url); });
+      } else { window.prompt("Link chia s\u1ebb COMBO:", url); }
+    } catch (err) {
+      alert("L\u1ed7i chia s\u1ebb: " + (err && err.message || err));
+    }
+  };
+
+  function boot() {
     // Retry createComboElements until vaixPromo is ready (can load after CMS module)
     var _retry = 0;
     (function tryCreate() {

src/vaix-rag.js

@@ -1645,6 +1645,72 @@ function openAskAIForProduct(product) {
 //  UI RENDERING
 // ─────────────────────────────────────────────
 
+function toast(msg) {
+  try {
+    var t = document.getElementById('vaix-toast');
+    if (!t) { t = document.createElement('div'); t.id = 'vaix-toast'; t.style.cssText = "position:fixed;bottom:120px;left:50%;transform:translateX(-50%);background:rgba(30,41,59,0.95);color:#fff;padding:11px 20px;border-radius:10px;font-size:.82rem;z-index:110200;box-shadow:0 6px 20px rgba(0,0,0,.3);font-family:inherit;max-width:92vw;text-align:center;transition:opacity .3s"; document.body.appendChild(t); }
+    t.textContent = msg;
+    t.style.opacity = '1';
+    clearTimeout(t._ht);
+    t._ht = setTimeout(function(){ t.style.opacity = '0'; }, 2600);
+  } catch (e) {}
+}
+
+// SEO-friendly share link: canonical product URL (slug-based).
+function shareableProductUrl(p) {
+  const base = (window.location.origin && window.location.origin.indexOf('hf.space') >= 0) ? window.location.origin : 'https://bep40-vai-avatar2.hf.space';
+  const slug = p.slug || (p.sku ? String(p.sku).toLowerCase().replace(/[^a-z0-9]+/g,'-').replace(/^-+|-+$/g,'') : '') || 'san-pham';
+  // Keep the map share link friendlier: encode the slug into a vanity query.
+  return base + '/?product=' + encodeURIComponent(slug);
+}
+
+// Admin delete: permanently removes an added product from the shared dataset,
+// localStorage list, productEdits, and the live catalog/allProducts.
+function deleteProductAction(p, onDone) {
+  try {
+    if (!(typeof window.isVaAdmin === 'function') || !window.isVaAdmin()) { toast('🔒 Cần nhập mã V.AISTUDIO trên trang chủ.'); return; }
+    const sku = p.sku || p.model || '';
+    const slug = p.slug || '';
+    const name = p.title_clean || p.name || 'sản phẩm này';
+    if (!window.confirm('⚠️ Xóa vĩnh viễn "' + name + '" khỏi danh sách sản phẩm (không thể khôi phục)?')) return;
+    // 1) Remove from the permanent shared dataset (products_url_added.json).
+    return fetch('/api/delete-product', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json', 'x-vai-admin': '1' },
+      body: JSON.stringify({ sku: sku, slug: slug })
+    }).then(function(r){ return r.json().catch(function(){ return {}; }); }).then(function(res){
+      if (res && res.ok) {
+        // 2) Remove from local durable list.
+        try { if (window.vaixPromo && typeof window.vaixPromo.removeAddedProduct === 'function') window.vaixPromo.removeAddedProduct(sku); } catch (e1) {}
+        if (window.localStorage) {
+          try {
+            const list = JSON.parse(window.localStorage.getItem('vai_padded_products') || '[]');
+            const n2 = Array.isArray(list) ? list.filter(function(x){ return !(x && sku && String(x.sku).toUpperCase() === String(sku).toUpperCase()); }) : [];
+            window.localStorage.setItem('vai_padded_products', JSON.stringify(n2));
+          } catch (e2) {}
+        }
+        // 3) Remove from the live in-memory catalog so it disappears immediately.
+        try {
+          const arr = (window.vaix && window.vaix.allProducts) ? window.vaix.allProducts() : null;
+          if (Array.isArray(arr) && arr.length) {
+            const idx = arr.findIndex(function(x){ return x && x.sku && sku && String(x.sku).toUpperCase() === String(sku).toUpperCase(); });
+            if (idx >= 0) { arr.splice(idx, 1); }
+            if (window.vaix.resetDiversePool) { try { window.vaix.resetDiversePool(); } catch (e3) {} }
+          }
+        } catch (e4) {}
+        toast('🗑️ Đã xóa vĩnh viễn "' + name + '" khỏi dữ liệu.');
+        if (onDone) onDone();
+      } else {
+        toast('❌ Xóa lỗi: ' + ((res && res.error) || 'không thể xóa khỏi dataset'));
+      }
+    }).catch(function(e){
+      toast('❌ Lỗi khi xóa: ' + (e && e.message || e));
+    });
+  } catch (err) {
+    toast('❌ Lỗi xóa: ' + (err && err.message || err));
+  }
+}
+
 function renderPanelResults(products) {
   const panel = document.getElementById("vaistudio-panel");
   const toggle = document.getElementById("vaistudio-toggle");
@@ -1699,6 +1765,43 @@ function renderPanelResults(products) {
     });
     card.appendChild(cartBtn);
     card.appendChild(info);
+    // ---- Admin actions (only after V.AISTUDIO homepage code) ----
+    const isAdmin = (typeof window.isVaAdmin === 'function') ? window.isVaAdmin() : false;
+    const isAddedProduct = !!(p._addedBy === 'products_url_added' || p._addedBy === 'vai-add-product' || (window.vaixPromo && window.vaixPromo.isAddedProduct ? window.vaixPromo.isAddedProduct(p) : false));
+    if (isAdmin) {
+      const adminBtns = document.createElement("div");
+      adminBtns.className = "product-card-admin";
+      adminBtns.style.cssText = "display:flex;gap:6px;margin-top:8px;flex-wrap:wrap";
+      // Share link button (SEO-friendly ?product=<slug> URL, copied to clipboard).
+      const shareBtn = document.createElement("button");
+      shareBtn.type = "button";
+      shareBtn.className = "product-card-btn share-btn";
+      shareBtn.style.cssText = "flex:1;padding:7px 8px;border:none;border-radius:8px;background:#1e40af;color:#fff;font-size:.72rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-family:inherit";
+      shareBtn.innerHTML = '<i class="fas fa-bullhorn"></i> Chia sẻ';
+      shareBtn.addEventListener("click", function(e) {
+        e.stopPropagation();
+        const url = shareableProductUrl(p);
+        if (window.navigator && navigator.clipboard && navigator.clipboard.writeText) {
+          navigator.clipboard.writeText(url).then(function(){ toast('✓ Đã copy link chia sẻ (SEO)'); }).catch(function(){ window.prompt('Link chia sẻ:', url); });
+        } else { window.prompt('Link chia sẻ:', url); }
+      });
+      adminBtns.appendChild(shareBtn);
+      // Delete button (admin only) — appears on admin-added products and
+      // permanently removes them from the shared dataset.
+      if (isAddedProduct) {
+        const delBtn = document.createElement("button");
+        delBtn.type = "button";
+        delBtn.className = "product-card-btn del-btn";
+        delBtn.style.cssText = "padding:7px 10px;border:none;border-radius:8px;background:#dc2626;color:#fff;font-size:.72rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-family:inherit";
+        delBtn.innerHTML = '<i class="fas fa-trash"></i> Xóa';
+        delBtn.addEventListener("click", function(e) {
+          e.stopPropagation();
+          deleteProductAction(p, function(){ productsEl.removeChild(card); if (countEl) countEl.textContent = (productsEl.children.length) + ' kết quả'; });
+        });
+        adminBtns.appendChild(delBtn);
+      }
+      card.appendChild(adminBtns);
+    }
     card.addEventListener("click", function(e){ e.stopPropagation(); renderDetail(p); renderSimilarInPanel(p); });
     productsEl.appendChild(card);
   }
@@ -1718,9 +1821,18 @@ function renderDiversePanel(count) {
   if (!allProducts.length) { renderPanelResults([]); return; }
   // Durable "Thêm SP" products (productEdits overlay) always surface first.
   const added = (window.vaixPromo && typeof window.vaixPromo.getAddedProducts === 'function') ? window.vaixPromo.getAddedProducts() : [];
+  // Also surface products added via URL/OCR (kept in products_url_added.json, already
+  // merged into allProducts by load()). Their home is _addedBy === 'products_url_added'.
+  const addedByUrl = allProducts.filter(function (p) { return p && p._addedBy === 'products_url_added'; });
   const base = allProducts;
-  if (added.length) {
-    renderPanelResults(added.concat(base.slice(0, Math.max(0, n - added.length))));
+  // Merge + dedup by sku so a product only appears once at the top.
+  const topAdded = [];
+  const seenTop = new Set();
+  const pushTop = function (p) { if (!p) return; const k = String((p.sku || p.model || '')).toUpperCase(); if (!seenTop.has(k)) { seenTop.add(k); topAdded.push(p); } };
+  added.forEach(pushTop);
+  addedByUrl.forEach(pushTop);
+  if (topAdded.length) {
+    renderPanelResults(topAdded.concat(base.slice(0, Math.max(0, n - topAdded.length))));
     return;
   }
   const picks = getDiverseProducts(n);
@@ -2526,6 +2638,9 @@ window.vaix = {
   showComboResultsInPanel: showComboResultsInPanel,
   // Guard: returns true if ?product=xxx URL param has already rendered the panel
   hasProductUrlHandled: function(){ return productUrlHandled; },
+  // Share / admin-delete helpers (also used by renderPanelResults cards)
+  shareableProductUrl: shareableProductUrl,
+  deleteProductAction: deleteProductAction,
   // Promo CMS hooks
   renderDetail: renderDetail,
   applyPromoEdits: applyPromoEdits