Upload src/app.js

src/app.js

@@ -127,7 +127,7 @@ const chatMessages = /** @type {HTMLElement} */ ($("#chat-messages"));
 const chatInput = /** @type {HTMLInputElement} */ ($("#chat-input"));
 const chatSendBtn = /** @type {HTMLButtonElement} */ ($("#chat-send-btn"));
 const chatCloseBtn = /** @type {HTMLButtonElement} */ ($("#chat-close-btn"));
-const chatResizeHandle = /** @type {HTMLElement} */ ($("#chat-resize-handle"));
+const chatResizeHandle = /** @type {HTMLElement} */ ($("#chatResizeHandle"));
 const chatAvatarSelect = /** @type {HTMLSelectElement} */ ($("#chat-avatar-select"));
 const settingsAvatarSelect = /** @type {HTMLSelectElement} */ ($("#settings-avatar-select"));
 
@@ -644,17 +644,19 @@ async function loadVaistudioProducts(loadMore = false) {
   }
 }
 
-async function searchP(q) {
-  if (!q || !q.trim()) { _lastSearchResults = []; vaistudioCurrentSearch = ""; if (vaistudioAllProducts.length > 0 && vaistudioProductsLoaded) { renderPaginated(vaistudioAllProducts); if (vaistudioCount) vaistudioCount.textContent = vaistudioAllProducts.length + " sản phẩm"; } return; }
-  vaistudioCurrentSearch = q.trim();
-  if (vaistudioProducts) { vaistudioProducts.innerHTML = ""; vaistudioProducts.style.display = "block"; }
-  if (vaistudioCount) vaistudioCount.textContent = "Đang tìm...";
-  try {
-    const resp = await fetch("/api/vaix/search?q=" + encodeURIComponent(q.trim())); const json = await resp.json();
-    _lastSearchResults = (json.results || []).map(r => r.product); renderPaginated(_lastSearchResults);
-    if (vaistudioCount) vaistudioCount.textContent = _lastSearchResults.length + " kết quả";
-    if (!_lastSearchResults.length) clientSearch(q);
-  } catch (err) { clientSearch(q); }
+function searchP(q) {
+  return new Promise((resolve) => {
+    if (!q || !q.trim()) { _lastSearchResults = []; vaistudioCurrentSearch = ""; if (vaistudioAllProducts.length > 0 && vaistudioProductsLoaded) { renderPaginated(vaistudioAllProducts); if (vaistudioCount) vaistudioCount.textContent = vaistudioAllProducts.length + " sản phẩm"; } resolve(); return; }
+    vaistudioCurrentSearch = q.trim();
+    if (vaistudioProducts) { vaistudioProducts.innerHTML = ""; vaistudioProducts.style.display = "block"; }
+    if (vaistudioCount) vaistudioCount.textContent = "Đang tìm...";
+    fetch("/api/vaix/search?q=" + encodeURIComponent(q.trim())).then(r => r.json()).then(json => {
+      _lastSearchResults = (json.results || []).map(r => r.product); renderPaginated(_lastSearchResults);
+      if (vaistudioCount) vaistudioCount.textContent = _lastSearchResults.length + " kết quả";
+      if (!_lastSearchResults.length) clientSearch(q);
+      resolve();
+    }).catch(() => { clientSearch(q); resolve(); });
+  });
 }
 
 function clientSearch(q) { const norm=_sd(q),terms=norm.split(/\s+/).filter(t=>t.length>1); const r=vaistudioAllProducts.filter(p=>{const s=[_sd(p.title_clean||""),_sd(p.sku||""),_sd(p.brand||""),_sd(p.category||"")].join(" "); return terms.every(t=>s.includes(t));}); _lastSearchResults=r; renderPaginated(r); if(vaistudioCount) vaistudioCount.textContent=r.length+" kết quả"; }
@@ -667,9 +669,38 @@ function initVAISTUDIO() {
   const cb = document.getElementById("vaistudio-close"); if (cb) cb.addEventListener("click", () => { vaistudioPanelOpen = false; vaistudioPanel.classList.remove("open"); vaistudioToggle.classList.remove("active"); });
   const rb = document.getElementById(VAISTUDIO_RETRY_ID); if (rb) rb.addEventListener("click", () => { vaistudioProductsLoaded = false; vaistudioVisibleCount = 0; vaistudioAllProducts = []; if (vaistudioLoading) vaistudioLoading.classList.remove("hidden"); if (vaistudioErrorEl) vaistudioErrorEl.style.display = "none"; loadVaistudioProducts(); });
   const si = document.getElementById("vaix-search"); if (si) { let st = null; si.addEventListener("input", () => { if (st) clearTimeout(st); st = setTimeout(() => searchP(si.value), 300); }); si.addEventListener("keydown", (e) => { if (e.key === "Enter") { if (st) clearTimeout(st); searchP(si.value); } }); }
-  window.vaistudio = { send: (a,d={}) => { if (a==="navigate"&&d.page==="products") { vaistudioCurrentSearch="";_lastSearchResults=[];loadVaistudioProducts();if(!vaistudioPanelOpen) vaistudioToggle.click();return{success:true};} if(a==="search") return searchP(d.query)||Promise.resolve(); return{success:false}; }, open:()=>{if(!vaistudioPanelOpen) vaistudioToggle.click();}, close:()=>{if(vaistudioPanelOpen) vaistudioToggle.click();}, isOpen:()=>vaistudioPanelOpen, products:()=>vaistudioAllProducts, search:(q)=>searchP(q) };
+  
+  // Expose all VAISTUDIO state on window.vaistudio so browser console / tools can access it
+  window.vaistudio = {
+    send: (a,d={}) => {
+      if (a==="navigate" && d.page==="products") {
+        vaistudioCurrentSearch="";_lastSearchResults=[];loadVaistudioProducts();if(!vaistudioPanelOpen) vaistudioToggle.click();return{success:true};
+      }
+      if(a==="search") return searchP(d.query)||Promise.resolve();
+      return{success:false};
+    },
+    open: () => { if(!vaistudioPanelOpen) vaistudioToggle.click(); },
+    close: () => { if(vaistudioPanelOpen) vaistudioToggle.click(); },
+    isOpen: () => vaistudioPanelOpen,
+    products: () => vaistudioAllProducts,
+    search: (q) => searchP(q),
+    // Pagination state — these were previously module-scoped only
+    vaistudioCurrentPage: vaistudioCurrentPage,
+    vaistudioTotalProducts: vaistudioTotalProducts,
+    vaistudioTotalPages: vaistudioTotalPages,
+    vaistudioVisibleCount: vaistudioVisibleCount,
+    vaistudioCurrentSearch: vaistudioCurrentSearch,
+    vaistudioProductsLoaded: vaistudioProductsLoaded,
+    vaistudioAllProducts: vaistudioAllProducts,
+    _lastSearchResults: _lastSearchResults,
+    // Methods
+    _loadMoreProducts: () => loadVaistudioProducts(true),
+    _resetPage: () => { vaistudioCurrentPage = 0; vaistudioAllProducts = []; vaistudioProductsLoaded = false; if(vaistudioLoading) vaistudioLoading.classList.remove("hidden"); loadVaistudioProducts(false); },
+    _reload: () => { vaistudioProductsLoaded = false; if(vaistudioLoading) vaistudioLoading.classList.remove("hidden"); loadVaistudioProducts(false); },
+  };
 }
+
 async function vaistudioOpenCatalog(cat) { if(!vaistudioProductsLoaded) await loadVaistudioProducts(); if(!vaistudioPanelOpen) vaistudioToggle.click(); return{success:true,message:"Opened"+(cat?": "+cat:"")}; }
 async function vaistudioOpenProduct(pid) { if(!vaistudioProductsLoaded) await loadVaistudioProducts(); if(!vaistudioPanelOpen) vaistudioToggle.click(); return{success:true,message:"Opened product "+pid}; }
 async function vaistudioSearch(query) { if(!vaistudioProductsLoaded) await loadVaistudioProducts(); await searchP(query); if(!vaistudioPanelOpen) vaistudioToggle.click(); return{success:true,message:"Searching: "+query}; }
-async function vaistudioNavigate(page) { if(!vaistudioProductsLoaded) await loadVaistudioProducts(); if(page==="products"){vaistudioCurrentSearch="";_lastSearchResults=[];renderPaginated(vaistudioAllProducts);} if(!vaistudioPanelOpen) vaistudioToggle.click(); return{success:true,message:"Navigated to "+page}; }
+async function vaistudioNavigate(page) { if(!vaistudioProductsLoaded) await loadVaistudioProducts(); if(page==="products"){vaistudioCurrentSearch="";_lastSearchResults=[];renderPaginated(vaistudioAllProducts);} if(!vaistudioPanelOpen) vaistudioToggle.click(); return{success:true,message:"Navigated to "+page}; }