Fix giỏ hàng mờ (raise drawer, not blurred overlay); URL-add lấy đúng danh mục từ scraper; thêm dán văn bản (AI bóc tách) khi thêm SP

- cart-quote.js: openCart() raise #cartDrawer (không raise #cartOverlay) — overlay có backdrop-filter blur + rgba đen, nếu nằm trên drawer thì giỏ hàng nhìn mờ/tối
- vaix-add-product.js:
* scrapeViaApi giữ category từ scraper (Chậu rửa bát...) → autoFillCategory dùng category thật của trang thay vì chỉ suy đoán từ tên
* parseProduct + parseCategory: lấy danh mục từ JSON-LD/breadcrumb/og
* runTextExtractAddProduct: tính năng mới — dán văn bản sản phẩm → gọi /api/text_extract → tự điền tên/mã/giá/thương hiệu/danh mục/mô tả/tính năng/thông số
- index.html: thêm ô dán văn bản + nút bóc tách; renumber bước 2→3→4; cache-bust gc=35, v=17
- version.js: v29

index.html

@@ -356,7 +356,12 @@
           <label>URL sản phẩm</label>
           <input class="add-product-input" id="addProductUrl" type="url" placeholder="https://.../san-pham/...">
 
-          <div class="add-product-sep"><span>2 · Hoặc dán / tải ảnh sản phẩm (OCR)</span></div>
+          <div class="add-product-sep" style="margin-top:12px"><span>2 · Hoặc dán văn bản sản phẩm (AI bóc tách)</span></div>
+          <label>Dán nội dung sản phẩm (tên, mã, giá, mô tả, thông số…) — AI tự điền vào các trường bên dưới</label>
+          <textarea class="add-product-input" id="addTextInput" rows="4" placeholder="Dán văn bản sản phẩm vào đây. VD:&#10;Chậu rửa 1 hố mạ nano inox 304&#10;Mã: BN7546&#10;Giá: 5.803.500đ&#10;Chất liệu: Inox 304..."></textarea>
+          <button class="add-img-scan" id="addTextScan" onclick="runTextExtractAddProduct()"><i class="fas fa-wand-magic-sparkles"></i> Bóc tách văn bản → điền trường</button>
+
+          <div class="add-product-sep" style="margin-top:14px"><span>3 · Hoặc dán / tải ảnh sản phẩm (OCR)</span></div>
           <div class="add-paste-box" id="addPasteBox">
             <textarea class="add-paste-input" id="addPasteInput" rows="2" placeholder="Dán ảnh vào đây (bấm giữ → Dán), hoặc gõ ghi chú…"></textarea>
             <div class="add-paste-bar">
@@ -412,7 +417,7 @@
           </div>
 
           <div id="addPreviewWrap" style="display:none;margin-top:16px">
-            <div class="add-product-sep"><span>3 · Xem trước sản phẩm</span></div>
+            <div class="add-product-sep"><span>4 · Xem trước sản phẩm</span></div>
             <div style="text-align:right;margin:8px 0 4px">
               <button class="add-product-btn secondary" style="padding:7px 12px;font-size:.75rem" onclick="goBackFromPreview()"><i class="fas fa-arrow-left"></i> Quay lại bước dán URL / OCR</button>
             </div>
@@ -831,7 +836,7 @@
     <script defer src="./src/modal-top.js?gc=2"></script>
     <!-- App modules: defer keeps execution order (parse order) but doesn't block
          first paint — the welcome/avatar-picker modal renders immediately. -->
-    <script defer src="./src/cart-quote.js?gc=34"></script>    <!-- Cart + Quote module (Giỏ hàng / Báo giá) -->
+    <script defer src="./src/cart-quote.js?gc=35"></script>    <!-- Cart + Quote module (Giỏ hàng / Báo giá) -->
     <script defer src="./src/customers.js?gc=18"></script>    <!-- Customer list (Danh sách khách hàng) -->
 <script defer src="./src/vaix-rag.js?gc=66"></script>    <!-- V.AI STUDIO RAG Module - loads FASTER via light index; lazy galleries; spec-aware search -->
 	    <script defer src="./src/greeting-news.js?gc=41"></script>  <!-- Greeting HOT news cards + source links -->
@@ -865,7 +870,7 @@
 
     <!-- ── Thêm SP (Add Product) module: 100% port from V.AISTUDIO, gated by the
          homepage V.AISTUDIO access code (window.isVaAdmin()). ── -->
-    <script defer src="./src/vaix-add-product.js?v=16"></script>
+    <script defer src="./src/vaix-add-product.js?v=17"></script>
     <script defer src="./src/vaix-bulk-import.js?v=10"></script>
   </body>
 </html>

src/cart-quote.js

@@ -222,7 +222,13 @@ window.openCart = function() {
   drawer.style.transform = 'translateX(0)';
   document.body.style.overflow = 'hidden';
   renderCart();
-  if (window.VAI_modalTop) window.VAI_modalTop(overlay);
+  // IMPORTANT: raise the DRAWER (not the overlay) to the top of the modal
+  // stack. The overlay is a semi-transparent blurred backdrop — if it were
+  // raised above the drawer (via VAI_modalTop(overlay)), the dark blurred
+  // backdrop would render ON TOP of the cart contents, making the cart look
+  // dark and blurry ("giỏ hàng mờ"). Keeping the drawer on top leaves the
+  // backdrop dimming the page behind the cart, exactly as intended.
+  if (window.VAI_modalTop) window.VAI_modalTop(drawer);
 };
 
 window.closeCart = function() {

src/vaix-add-product.js

@@ -53,6 +53,7 @@
   // Same shared scraper backend the V.AISTUDIO Space uses (may be paused -> degrades).
   var SCRAPER = 'https://bep40-vai-product-scraper.hf.space/api/scrape';
   var OCR_API = 'https://bep40-vai-product-scraper.hf.space/api/ocr';
+  var TEXT_EXTRACT_API = 'https://bep40-vai-product-scraper.hf.space/api/text_extract';
   var SCRAPER_TOKEN = 'VAISTUDIO2024';
   var PERSIST_KEY = 'vai_padded_products';   // localStorage durable list of added products
 
@@ -149,12 +150,14 @@
     return '';
   }
   // Auto-fill the "Danh mục" field from an inferred category, but only when the
-  // admin hasn't typed their own category yet.
-  function autoFillCategory(name, brand) {
+  // admin hasn't typed their own category yet. `hint` (optional) is an explicit
+  // category already parsed from the page (e.g. scraper JSON-LD breadcrumb
+  // "Chậu rửa bát") — prefer it, and fall back to name/brand inference.
+  function autoFillCategory(name, brand, hint) {
     var catEl = $('addOcrCat');
     if (!catEl) return;
     if (catEl.value && catEl.value.trim()) return; // admin override wins
-    var cat = inferCategory(name, brand);
+    var cat = (hint && String(hint).trim()) ? String(hint).trim() : inferCategory(name, brand);
     if (cat) catEl.value = cat;
   }
 
@@ -582,7 +585,7 @@
       setF('addOcrDesc', d.desc || '');
       var ft = (Array.isArray(d.feats) ? d.feats : []).join('\n');
       if (ft) setF('addOcrFeats', ft);
-      autoFillCategory(d.name, d.brand); // ✨ auto-categorize OCR product
+      autoFillCategory(d.name, d.brand, d.category); // ✨ auto-categorize OCR product (prefer API category)
       var fields = $('addOcrFields'); if (fields) fields.style.display = 'block';
       var found = (d.name ? 1 : 0) + (d.sku ? 1 : 0) + (d.pn ? 1 : 0) + (d.brand ? 1 : 0);
       var slug2 = slugify((val('addOcrSku') ? val('addOcrSku') + ' ' : '') + (d.name || ''));
@@ -606,6 +609,55 @@
   };
   function setF(id, v) { var e = $(id); if (e) e.value = v == null ? '' : v; }
 
+  /* ── PASTE-TEXT extraction (AI bóc tách văn bản) ── */
+  window.runTextExtractAddProduct = async function () {
+    if (!isVaAdmin()) { alert('🔒 Cần nhập mã V.AISTUDIO trên trang chủ để dùng tính năng này.'); return; }
+    var st = $('addProductStatus');
+    function status(msg, cls) { if (st) { st.textContent = msg; st.className = 'add-product-status ' + (cls || ''); } }
+    var ta = $('addTextInput');
+    var raw = ta ? ta.value.trim() : '';
+    if (!raw) { status('❌ Chưa có văn bản. Hãy dán nội dung sản phẩm vào ô phía trên.', 'err'); return; }
+    var btn = $('addTextScan');
+    if (btn) { btn.disabled = true; btn.textContent = '⏳ Đang bóc tách…'; }
+    status('⏳ Đang phân tích văn bản & điền vào các trường…');
+    try {
+      var note = val('addOcrNote');
+      var r = await fetch(TEXT_EXTRACT_API, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ token: SCRAPER_TOKEN, text: raw, note: note }) });
+      if (!r.ok) throw new Error((await r.text().catch(function(){return 'HTTP ' + r.status;})) || ('HTTP ' + r.status));
+      var d = await r.json();
+      setF('addOcrName', d.name || '');
+      setF('addOcrSku', d.sku || '');
+      setF('addOcrPrice', d.pn || '');
+      setF('addOcrListPrice', d.listPn || '');
+      setF('addOcrBrand', d.brand || '');
+      autoFillCategory(d.name, d.brand, d.category);
+      if (d.specs && typeof d.specs === 'object') setF('addOcrSpecs', Object.keys(d.specs).map(function (k) { return k + ': ' + d.specs[k]; }).join('\n'));
+      var ft = (Array.isArray(d.feats) ? d.feats : []).join('\n');
+      if (ft) setF('addOcrFeats', ft);
+      if (d.desc) setF('addOcrDesc', d.desc);
+      var fields = $('addOcrFields'); if (fields) fields.style.display = 'block';
+      var found = (d.name ? 1 : 0) + (d.sku ? 1 : 0) + (d.pn ? 1 : 0) + (d.brand ? 1 : 0) + (Object.keys(d.specs || {}).length ? 1 : 0) + ((d.feats || []).length ? 1 : 0);
+      if (!d.name && !found) { status('❌ Không bóc tách được thông tin từ văn bản này. Kiểm tra lại nội dung dán.', 'err'); return; }
+      var slug2 = slugify((val('addOcrSku') ? val('addOcrSku') + ' ' : '') + (d.name || ''));
+      var pyrDesc = d.desc || '';
+      if (!pyrDesc && d.specs && typeof d.specs === 'object') {
+        var leftover = [];
+        Object.keys(d.specs).forEach(function (k) {
+          if (['Điện áp', 'Công suất', 'Kích thước', 'Chất liệu', 'Xuất xứ', 'Bảo hành', 'Trọng lượng', 'Màu sắc', 'Model', 'Loại'].indexOf(k) < 0) leftover.push(k + ': ' + d.specs[k]);
+        });
+        pyrDesc = leftover.join('; ');
+      }
+      _pendingAdd = { r: { name: d.name || '', sku: d.sku || '', price: d.pn ? money(d.pn) : '', pn: d.pn || 0, img: IMG[0], gallery: IMG.slice(), desc: pyrDesc, brand: d.brand || '', specs: d.specs || {}, feats: Array.isArray(d.feats) ? d.feats.slice() : [] }, slug: slug2, pageUrl: '', usingOCR: IMG.length > 0 };
+      if (IMG.length) _pendingAdd.r.imgs_data = IMG.slice();
+      enterPreviewMode();
+      status('✅ Bóc tách xong: nhận được ' + found + ' trường thông tin. Preview đã hiển thị — bạn có thể chỉnh sửa, rồi bấm "Xác nhận thêm SP".', 'ok');
+    } catch (e) {
+      status('❌ Lỗi bóc tách văn bản: ' + (e && e.message || e), 'err');
+    } finally {
+      if (btn) { btn.disabled = false; btn.textContent = '✨ Bóc tách văn bản → điền trường'; }
+    }
+  };
+
   /* ── PREVIEW ── */
   function currentAddPreviewData() {
     var specs = {}; val('addOcrSpecs').split(/\n+/).forEach(function (l) { var m = l.match(/^([^:：]{1,60})\s*[:：]\s*(.+)$/); if (m) { var k = m[1].trim(), v = m[2].trim(); if (k && v) specs[k] = v; } });
@@ -692,6 +744,7 @@
     IMG = [];
     var prv = $('addImgPreview'); if (prv) prv.innerHTML = '';
     var ta = $('addPasteInput'); if (ta) ta.value = '';
+    var txtIn = $('addTextInput'); if (txtIn) txtIn.value = '';
     var fields = $('addOcrFields'); if (fields) fields.style.display = 'none';
     ['addOcrName', 'addOcrSku', 'addOcrPrice', 'addOcrListPrice', 'addOcrBrand', 'addOcrCat', 'addOcrDesc', 'addOcrFeats', 'addOcrSpecs', 'addOcrNote'].forEach(function (id) { var e = $(id); if (e) e.value = ''; });
     var subBtn = $('addProductSubmit');
@@ -1045,10 +1098,32 @@
       price: priceInfo.salePrice || priceInfo.price, pn: priceInfo.salePn || priceInfo.pn,
       listPrice: priceInfo.listPrice, listPn: priceInfo.listPn,
       salePrice: priceInfo.salePrice, salePn: priceInfo.salePn,
-      specs: specs, feats: feats, brand: brand, ld: ld
+      specs: specs, feats: feats, brand: brand, ld: ld, category: parseCategory(html, ld)
     };
   }
 
+  // Best-effort category pulled from the page itself (breadcrumb / JSON-LD /
+  // og:category), used to auto-fill the "Danh mục" field. Returns '' when no
+  // reliable value is found.
+  function parseCategory(html, ld) {
+    if (ld && ld.category && String(ld.category).trim()) return String(ld.category).trim().slice(0, 80);
+    try {
+      var doc = new DOMParser().parseFromString(html, 'text/html');
+      var bc = doc.querySelectorAll('nav.woocommerce-breadcrumb a, .woocommerce-breadcrumb a, .breadcrumb a, .breadcrumbs a, nav[aria-label="breadcrumb"] a');
+      if (bc && bc.length) {
+        // Take the deepest NON-product breadcrumb (skip the page itself / product name).
+        var last = bc[bc.length - 1];
+        if (last) {
+          var t = (last.textContent || '').replace(/\s+/g, ' ').trim();
+          if (t && t.length <= 60) return t;
+        }
+      }
+      var cat = doc.querySelector('[property="product:category"], meta[itemprop="category"]');
+      if (cat && cat.getAttribute('content')) return String(cat.getAttribute('content')).trim().slice(0, 80);
+    } catch (e) {}
+    return '';
+  }
+
   /* ── SCRAPE (server API → proxies → parser) ── */
   async function scrapeViaApi(url) {
     try {
@@ -1058,7 +1133,7 @@
         if (data && (data.name || data.sku || data.gallery || data.price)) {
           var sp = Number(data.salePn != null ? data.salePn : (data.pn || 0));
           var lp = Number(data.listPn != null ? data.listPn : 0);
-          var out = { name: data.name || '', sku: data.sku || '', img: data.img || '', gallery: Array.isArray(data.gallery) ? data.gallery.filter(Boolean) : [], desc: data.desc || data.summary || '', price: data.salePrice || data.price || (sp ? money(sp) : ''), pn: sp || Number(data.pn) || 0, listPrice: data.listPrice || (lp ? money(lp) : ''), listPn: lp, salePrice: data.salePrice || (sp ? money(sp) : ''), salePn: sp, specs: data.specs || {}, feats: Array.isArray(data.feats) ? data.feats.slice() : (Array.isArray(data.features) ? data.features.slice() : []), brand: data.brand || '' };
+          var out = { name: data.name || '', sku: data.sku || '', img: data.img || '', gallery: Array.isArray(data.gallery) ? data.gallery.filter(Boolean) : [], desc: data.desc || data.summary || '', price: data.salePrice || data.price || (sp ? money(sp) : ''), pn: sp || Number(data.pn) || 0, listPrice: data.listPrice || (lp ? money(lp) : ''), listPn: lp, salePrice: data.salePrice || (sp ? money(sp) : ''), salePn: sp, specs: data.specs || {}, feats: Array.isArray(data.feats) ? data.feats.slice() : (Array.isArray(data.features) ? data.features.slice() : []), brand: data.brand || '', category: data.category || '' };
           // If the scraper returned sparse data (missing features/specs or two prices),
           // enrich it with a local parse of the HTML (defensive fallback).
           var sparse = (!out.feats.length || !Object.keys(out.specs).length || !out.listPn || !out.brand || /^(https?:|www\.)/.test(out.brand));
@@ -1075,6 +1150,7 @@
                   // Prefer the longer/richer description.
                   if ((parsed.desc && !out.desc) || (parsed.desc && out.desc && parsed.desc.length > out.desc.length + 40)) out.desc = parsed.desc;
                   if (!out.sku && parsed.sku) out.sku = parsed.sku;
+                  if (!out.category && parsed.category) out.category = parsed.category;
                   // If the scraper brand is a URL (og:site_name mis-parsed), replace with real brand.
                   if (/^(https?:|www\.)/.test(out.brand) && parsed.brand) out.brand = parsed.brand;
                 }
@@ -1148,7 +1224,7 @@
       setF('addOcrName', r.name || ''); setF('addOcrSku', r.sku || '');
       setF('addOcrPrice', r.pn || (r.salePn || '')); setF('addOcrListPrice', r.listPn || '');
       setF('addOcrBrand', r.brand || '');
-      autoFillCategory(r.name, r.brand); // ✨ auto-categorize URL-scraped product
+      autoFillCategory(r.name, r.brand, r.category); // ✨ auto-categorize URL-scraped product (prefer page category)
       if (r.specs && typeof r.specs === 'object') setF('addOcrSpecs', Object.keys(r.specs).map(function (k) { return k + ': ' + r.specs[k]; }).join('\n'));
       if (Array.isArray(r.feats) && r.feats.length) setF('addOcrFeats', r.feats.join('\n'));
       if (r.desc) setF('addOcrDesc', r.desc);

src/version.js

@@ -1,3 +1,3 @@
 // V.AI AVATAR — version banner (used for cache-busting / diagnostics)
-window.VAI_AVATAR_VERSION = "v28-bulk-row-imgbox";
+window.VAI_AVATAR_VERSION = "v29-cart-fix-text-extract";
 window.VAI_AVATAR_CACHE = "v26-gc-" + Date.now();