@blotoutio/providers-shop-gpt-sdk 1.2.1 → 1.4.0

package/index.cjs.js

@@ -384,6 +384,7 @@ const createShopGPTAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId, st
             message: data.message,
             products: (_a = data.products) === null || _a === void 0 ? void 0 : _a.filter((item) => !!item).map((item) => ({ ...item, quantity: 1 })),
             chatTitle: data.chatTitle,
+            welcomePrompts: data.welcomePrompts,
         };
     };
     const fetchChatHistory = async (threadId) => {
@@ -490,7 +491,7 @@ const init = (params) => {
         // exit if not in top window
         return;
     }
-    const { enabled, devMode, merchantUrl, profiles, productHandles, targetPath, uiMode, } = (_c = params.manifest.variables) !== null && _c !== void 0 ? _c : {};
+    const { enabled, devMode, merchantUrl, profiles, productHandles, targetPath, uiMode, brandName, quickPrompts, merchantImage, } = (_c = params.manifest.variables) !== null && _c !== void 0 ? _c : {};
     let shouldShowUI = enabled;
     if (!enabled && hasPreviewKey()) {
         logger.log('Enabling UI in preview mode');
@@ -516,6 +517,9 @@ const init = (params) => {
             profiles,
             productHandles,
             path: targetPath,
+            brandName,
+            quickPrompts,
+            merchantImage,
         });
     }
 };
@@ -549,7 +553,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 function __decorate(decorators, target, key, desc) {
@@ -573,60 +577,53 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$4=globalThis,e$8=t$4.ShadowRoot&&(void 0===t$4.ShadyCSS||t$4.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),o$5=new WeakMap;let n$4 = class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s$2)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$8&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$5.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$5.set(s,t));}return t}toString(){return this.cssText}};const r$6=t=>new n$4("string"==typeof t?t:t+"",void 0,s$2),i$3=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$4(o,t,s$2)},S$1=(s,o)=>{if(e$8)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$4.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2=e$8?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$6(e)})(t):t;
+const t$2=globalThis,e$7=t$2.ShadowRoot&&(void 0===t$2.ShadyCSS||t$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$1=Symbol(),o$5=new WeakMap;let n$3 = class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s$1)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$7&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$5.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$5.set(s,t));}return t}toString(){return this.cssText}};const r$5=t=>new n$3("string"==typeof t?t:t+"",void 0,s$1),i$4=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$3(o,t,s$1)},S$1=(s,o)=>{if(e$7)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$2.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2=e$7?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$5(e)})(t):t;
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const{is:i$2,defineProperty:e$7,getOwnPropertyDescriptor:r$5,getOwnPropertyNames:h$1,getOwnPropertySymbols:o$4,getPrototypeOf:n$3}=Object,a$1=globalThis,c$1=a$1.trustedTypes,l$1=c$1?c$1.emptyScript:"",p$1=a$1.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1=(t,s)=>!i$2(t,s),y$1={attribute:!0,type:String,converter:u$1,reflect:!1,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$1.litPropertyMetadata??=new WeakMap;let b$1 = class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y$1){if(s.state&&(s.attribute=!1),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$7(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$5(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$1}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$3(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...h$1(t),...o$4(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$2(s));}else void 0!==s&&i.push(c$2(s));return i}static _$Eu(t,s){const i=s.attribute;return !1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$1).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$1;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$1)(this[t],s))return;this.P(t,s,i);}!1===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),!0===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){this.isUpdatePending=!0;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t)!0!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EU();}catch(s){throw t=!1,this._$EU(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t);}_$EU(){this._$AL=new Map,this.isUpdatePending=!1;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return !0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}};b$1.elementStyles=[],b$1.shadowRootOptions={mode:"open"},b$1[d$1("elementProperties")]=new Map,b$1[d$1("finalized")]=new Map,p$1?.({ReactiveElement:b$1}),(a$1.reactiveElementVersions??=[]).push("2.0.4");
+ */const{is:i$3,defineProperty:e$6,getOwnPropertyDescriptor:r$4,getOwnPropertyNames:h$1,getOwnPropertySymbols:o$4,getPrototypeOf:n$2}=Object,a$1=globalThis,c$1=a$1.trustedTypes,l$1=c$1?c$1.emptyScript:"",p$1=a$1.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1=(t,s)=>!i$3(t,s),y$1={attribute:!0,type:String,converter:u$1,reflect:!1,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$1.litPropertyMetadata??=new WeakMap;let b$1 = class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y$1){if(s.state&&(s.attribute=!1),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$6(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$4(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$1}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$2(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...h$1(t),...o$4(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$2(s));}else void 0!==s&&i.push(c$2(s));return i}static _$Eu(t,s){const i=s.attribute;return !1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$1).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$1;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$1)(this[t],s))return;this.P(t,s,i);}!1===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),!0===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){this.isUpdatePending=!0;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t)!0!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EU();}catch(s){throw t=!1,this._$EU(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t);}_$EU(){this._$AL=new Map,this.isUpdatePending=!1;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return !0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}};b$1.elementStyles=[],b$1.shadowRootOptions={mode:"open"},b$1[d$1("elementProperties")]=new Map,b$1[d$1("finalized")]=new Map,p$1?.({ReactiveElement:b$1}),(a$1.reactiveElementVersions??=[]).push("2.0.4");
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$3=globalThis,i$1=t$3.trustedTypes,s$1=i$1?i$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$6="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o$3="?"+h,n$2=`<${o$3}>`,r$4=document,l=()=>r$4.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a=Array.isArray,u=t=>a(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,y=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x=y(1),b=y(2),w=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),A=new WeakMap,E=r$4.createTreeWalker(r$4,129);function C(t,i){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$1?s$1.createHTML(i):i}const P=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":"",c=f;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f?s+n$2:d>=0?(o.push(a),s.slice(0,d)+e$6+s.slice(d)+h+x):s+h+(-2===d?i:x);}return [C(t,l+(t[s]||"<?>")+(2===i?"</svg>":"")),o]};class V{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=P(t,s);if(this.el=V.createElement(f,n),E.currentNode=this.el.content,2===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=E.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$6)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?k:"?"===e[1]?H:"@"===e[1]?I:R}),r.removeAttribute(t);}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i$1?i$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),E.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o$3)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1;}c++;}}static createElement(t,i){const s=r$4.createElement("template");return s.innerHTML=t,s}}function N(t,i,s=t,e){if(i===w)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(!1),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=N(t,h._$AS(t,i.values),h,e)),i}class S{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$4).importNode(i,!0);E.currentNode=e;let h=E.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new M(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new L(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=E.nextNode(),o++);}return E.currentNode=r$4,e}p(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class M{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??!0;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=N(this,t,i),c(t)?t===T||null==t||""===t?(this._$AH!==T&&this._$AR(),this._$AH=T):t!==this._$AH&&t!==w&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u(t)?this.k(t):this._(t);}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t));}_(t){this._$AH!==T&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$4.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=V.createElement(C(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new S(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new V(t)),i}k(t){a(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new M(this.S(l()),this.S(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class R{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=T,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=T;}_$AI(t,i=this,s,e){const h=this.strings;let o=!1;if(void 0===h)t=N(this,t,i,0),o=!c(t)||t!==this._$AH&&t!==w,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=N(this,e[s+n],i,n),r===w&&(r=this._$AH[n]),o||=!c(r)||r!==this._$AH[n],r===T?t=T:t!==T&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class k extends R{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===T?void 0:t;}}class H extends R{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==T);}}class I extends R{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=N(this,t,i,0)??T)===w)return;const s=this._$AH,e=t===T&&s!==T||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==T&&(s===T||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class L{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){N(this,t);}}const Z=t$3.litHtmlPolyfillSupport;Z?.(V,M),(t$3.litHtmlVersions??=[]).push("3.1.3");const j=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new M(i.insertBefore(l(),t),t,void 0,s??{});}return h._$AI(t),h};
+const t$1=globalThis,i$2=t$1.trustedTypes,s=i$2?i$2.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$5="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o$3="?"+h,n$1=`<${o$3}>`,r$3=document,l=()=>r$3.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a=Array.isArray,u=t=>a(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,y=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x=y(1),b=y(2),T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r$3.createTreeWalker(r$3,129);function P(t,i){if(!a(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s?s.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f?s+n$1:d>=0?(o.push(a),s.slice(0,d)+e$5+s.slice(d)+h+x):s+h+(-2===d?i:x);}return [P(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$5)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H:"?"===e[1]?I:"@"===e[1]?L:k}),r.removeAttribute(t);}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i$2?i$2.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o$3)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1;}c++;}}static createElement(t,i){const s=r$3.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(!1),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$3).importNode(i,!0);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C.nextNode(),o++);}return C.currentNode=r$3,e}p(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??!0;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$3.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N(t)),i}k(t){a(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l()),this.O(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E;}_$AI(t,i=this,s,e){const h=this.strings;let o=!1;if(void 0===h)t=S(this,t,i,0),o=!c(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}}const j=t$1.litHtmlPolyfillSupport;j?.(N,R),(t$1.litHtmlVersions??=[]).push("3.2.1");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R(i.insertBefore(l(),t),t,void 0,s??{});}return h._$AI(t),h};
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class s extends b$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=j(i,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1);}render(){return w}}s._$litElement$=!0,s[("finalized")]=!0,globalThis.litElementHydrateSupport?.({LitElement:s});const r$3=globalThis.litElementPolyfillSupport;r$3?.({LitElement:s});(globalThis.litElementVersions??=[]).push("4.0.5");
+ */let r$2 = class r extends b$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1);}render(){return T}};r$2._$litElement$=!0,r$2["finalized"]=!0,globalThis.litElementHydrateSupport?.({LitElement:r$2});const i$1=globalThis.litElementPolyfillSupport;i$1?.({LitElement:r$2});(globalThis.litElementVersions??=[]).push("4.1.1");
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$2=t=>(e,o)=>{void 0!==o?o.addInitializer((()=>{customElements.define(t,e);})):customElements.define(t,e);};
+ */const o$2={attribute:!0,type:String,converter:u$1,reflect:!1,hasChanged:f$1},r$1=(t=o$2,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),s.set(r.name,t),"accessor"===n){const{name:o}=r;return {set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t);},init(e){return void 0!==e&&this.P(o,void 0,t),e}}}if("setter"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t);}}throw Error("Unsupported decorator location: "+n)};function n(t){return (e,o)=>"object"==typeof o?r$1(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,r?{...t,wrapped:!0}:t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const o$2={attribute:!0,type:String,converter:u$1,reflect:!1,hasChanged:f$1},r$2=(t=o$2,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),s.set(r.name,t),"accessor"===n){const{name:o}=r;return {set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t);},init(e){return void 0!==e&&this.P(o,void 0,t),e}}}if("setter"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t);}}throw Error("Unsupported decorator location: "+n)};function n$1(t){return (e,o)=>"object"==typeof o?r$2(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,r?{...t,wrapped:!0}:t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function r$1(r){return n$1({...r,state:!0,attribute:!1})}
+ */function r(r){return n({...r,state:!0,attribute:!1})}
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const e$5=(e,t,c)=>(c.configurable=!0,c.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,c),c);
+const e$4=(e,t,c)=>(c.configurable=!0,c.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,c),c);
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function e$4(e,r){return (n,s,i)=>{const o=t=>t.renderRoot?.querySelector(e)??null;if(r){const{get:e,set:r}="object"==typeof s?n:i??(()=>{const t=Symbol();return {get(){return this[t]},set(e){this[t]=e;}}})();return e$5(n,s,{get(){let t=e.call(this);return void 0===t&&(t=o(this),(null!==t||this.hasUpdated)&&r.call(this,t)),t}})}return e$5(n,s,{get(){return o(this)}})}}
+ */function e$3(e,r){return (n,s,i)=>{const o=t=>t.renderRoot?.querySelector(e)??null;if(r){const{get:e,set:r}="object"==typeof s?n:i??(()=>{const t=Symbol();return {get(){return this[t]},set(e){this[t]=e;}}})();return e$4(n,s,{get(){let t=e.call(this);return void 0===t&&(t=o(this),(null!==t||this.hasUpdated)&&r.call(this,t)),t}})}return e$4(n,s,{get(){return o(this)}})}}
 
-const scrollBarStyles = i$3 `
+const scrollBarStyles = i$4 `
   ::-webkit-scrollbar {
     width: 20px;
   }
@@ -646,7 +643,7 @@ const scrollBarStyles = i$3 `
     background-color: #a8bbbf;
   }
 `;
-const shopGPTStyles = i$3 `
+const shopGPTStyles = i$4 `
   ${scrollBarStyles}
 
   * {
@@ -710,6 +707,35 @@ const shopGPTStyles = i$3 `
       align-items: center;
       box-shadow: 0 0 4px 1px #ffffff;
     }
+
+    .chatbot-hover-text {
+      position: absolute;
+      color: #172a41;
+      padding: 8px;
+      white-space: nowrap;
+      font-size: 16px;
+      line-height: 21px;
+      opacity: 0;
+      transition: opacity 0.2s;
+      pointer-events: none;
+
+      top: calc(0% - 30%);
+      right: calc(100% + 5px);
+
+      border-radius: 5px 5px 0px;
+      background: #ffcc81;
+      box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1),
+        0px 2px 4px -1px rgba(0, 0, 0, 0.06);
+
+      font-weight: 400;
+      line-height: 150%;
+    }
+
+    &:hover {
+      .chatbot-hover-text {
+        opacity: 1;
+      }
+    }
   }
 
   .mobile-version {
@@ -757,13 +783,13 @@ const shopGPTStyles = i$3 `
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e$3=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
+const t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e$2=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
 
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const e$2=e$3(class extends i{constructor(t){if(super(t),t.type!==t$1.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return w}});
+ */const e$1=e$2(class extends i{constructor(t$1){if(super(t$1),t$1.type!==t.ATTRIBUTE||"class"!==t$1.name||t$1.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T}});
 
 /**
  * @license
@@ -843,7 +869,7 @@ const shopGPTIcon = b `<svg xmlns="http://www.w3.org/2000/svg" width="105" heigh
   <path d="M90.323 25.7117C90.2401 25.7117 90.1986 25.7117 90.1669 25.7281C90.1391 25.7424 90.1165 25.7653 90.1022 25.7934C90.0861 25.8255 90.0861 25.8674 90.0861 25.9512V26.9203H89.7359C89.6558 26.9203 89.6148 26.9205 89.5836 26.9366C89.5558 26.9509 89.5331 26.9738 89.5189 27.002C89.5028 27.034 89.5028 27.0759 89.5028 27.1597V27.717C89.5028 27.8008 89.5028 27.8427 89.5189 27.8748C89.5331 27.9029 89.5558 27.9258 89.5836 27.9402C89.6153 27.9565 89.6568 27.9565 89.7397 27.9565H90.0861V32.1113H90.0847C90.0843 32.1182 90.0838 32.1251 90.0835 32.1319C90.0841 32.1478 90.085 32.1637 90.0861 32.1795V32.2192L90.0883 32.2191C90.1341 33.0885 90.844 33.7701 91.7052 33.7715C91.8727 33.7713 92.0388 33.745 92.1978 33.6936C92.2668 33.6713 92.321 33.5887 92.3208 33.5154L92.3225 32.749C92.3226 32.7376 92.3205 32.7194 92.3176 32.7084C92.317 32.7064 92.3165 32.7043 92.3159 32.7022C92.3113 32.6856 92.297 32.6611 92.283 32.651C92.2793 32.6484 92.2311 32.6207 92.1908 32.6453C92.1477 32.6656 92.147 32.6659 92.1463 32.6662C92.1353 32.6715 92.0981 32.6856 92.0807 32.6958C91.9299 32.7603 91.9074 32.7589 91.8631 32.7651C91.8328 32.7694 91.8023 32.7716 91.7716 32.7716C91.7139 32.7716 91.6565 32.7639 91.6007 32.7488C91.5449 32.7337 91.4914 32.7113 91.4414 32.6821C91.4146 32.6643 91.3891 32.6445 91.3652 32.623C91.3511 32.613 91.3375 32.6024 91.3243 32.5912C91.3176 32.5863 91.3111 32.5812 91.3046 32.576C91.3029 32.5738 91.3012 32.5715 91.2995 32.5692C91.1797 32.456 91.1115 32.2977 91.1112 32.1319C91.1116 32.1265 91.1121 32.1212 91.1127 32.1158C91.1122 32.1118 91.1116 32.1079 91.1112 32.1039V27.9565H92.0702C92.1531 27.9565 92.1946 27.9565 92.2262 27.9402C92.2541 27.9258 92.2767 27.9029 92.2909 27.8748C92.3071 27.8427 92.3071 27.8008 92.3071 27.717V27.1597C92.3071 27.0759 92.3071 27.034 92.2909 27.002C92.2767 26.9738 92.2541 26.9509 92.2262 26.9366C92.1946 26.9203 92.1531 26.9203 92.0702 26.9203H91.1112V25.9512C91.1112 25.8674 91.1112 25.8255 91.095 25.7934C91.0808 25.7653 91.0582 25.7424 91.0303 25.7281C90.9986 25.7117 90.9572 25.7117 90.8743 25.7117H90.323Z" fill="#F25C2B"/>
 </svg>`;
 
-const chatThreadsStyles = i$3 `
+const chatThreadsStyles = i$4 `
   :host {
     padding: 24px 24px 21px;
     font-family: 'Inter', sans-serif;
@@ -918,11 +944,35 @@ const chatThreadsStyles = i$3 `
       color: #677c95;
       font-weight: 500;
       text-transform: uppercase;
-      margin: 0 0 12px;
+      margin: 0;
       max-height: 18px;
       padding-left: 12px;
     }
 
+    .trash-icon {
+      display: flex;
+      padding: 2px;
+      border-radius: 5px;
+      cursor: pointer;
+      align-items: center;
+      justify-content: center;
+
+      &:hover {
+        background: #dc3545;
+
+        path {
+          fill: white;
+        }
+      }
+    }
+
+    .title-wrapper {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin: 0 0 12px;
+    }
+
     .threads {
       flex: 1;
       overflow-y: auto;
@@ -935,17 +985,6 @@ const chatThreadsStyles = i$3 `
 
         .trash-icon {
           display: none;
-          padding: 2px;
-          cursor: pointer;
-
-          &:hover {
-            border-radius: 5px;
-            background: #dc3545;
-
-            path {
-              fill: white;
-            }
-          }
         }
 
         &:hover {
@@ -994,15 +1033,13 @@ const chatThreadsStyles = i$3 `
   }
 `;
 
-let LoadSpinner = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class LoadSpinner extends s {
+class LoadSpinner extends r$2 {
     render() {
         return x ` <div class="loader"><div class="spinner"></div></div> `;
     }
-};
+}
 LoadSpinner.styles = [
-    i$3 `
+    i$4 `
       .loader {
         display: flex;
         flex: 1;
@@ -1034,14 +1071,15 @@ LoadSpinner.styles = [
       }
     `,
 ];
-LoadSpinner = __decorate([
-    t$2('load-spinner')
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-], LoadSpinner);
-
-let ChatThreads = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class ChatThreads extends s {
+if (!customElements.get('load-spinner')) {
+    customElements.define('load-spinner', LoadSpinner);
+}
+
+class ChatThreads extends r$2 {
+    constructor() {
+        super(...arguments);
+        this.deleteAllThreads = false;
+    }
     getDomain() {
         var _a;
         if ((_a = this.merchantUrl) === null || _a === void 0 ? void 0 : _a.startsWith('https://')) {
@@ -1050,6 +1088,14 @@ class ChatThreads extends s {
         return `https://${this.merchantUrl}`;
     }
     handleThreadDelete() {
+        if (this.deleteAllThreads) {
+            this.dispatchEvent(new CustomEvent('delete-all-threads', {
+                composed: true,
+                bubbles: true,
+            }));
+            this.deleteAllThreads = false;
+            return;
+        }
         if (!this.deleteThreadId) {
             return;
         }
@@ -1069,12 +1115,27 @@ class ChatThreads extends s {
         }
         return x `
       <div class="history">
-        <p class="title">History</p>
+        <div class="title-wrapper">
+          <p class="title">History</p>
+          ${this.chatThreads.size
+            ? x `<div
+                class="trash-icon"
+                @click=${() => {
+                if (this.isLoading || this.isTyping) {
+                    return;
+                }
+                this.deleteAllThreads = true;
+            }}
+              >
+                ${trashIcon}
+              </div>`
+            : E}
+        </div>
         ${this.chatThreads.size
             ? x `<div class="threads">
               ${o$1(this.chatThreads.values(), (thread) => x `
                   <div
-                    class=${e$2({
+                    class=${e$1({
                 'thread-wrapper': true,
                 active: this.selectedThreadId === thread.threadId,
                 disabled: this.isTyping,
@@ -1105,7 +1166,7 @@ class ChatThreads extends s {
                   </div>
                 `)}
             </div>`
-            : T}
+            : E}
       </div>
     `;
     }
@@ -1127,55 +1188,69 @@ class ChatThreads extends s {
               ${this.getDomain().replace('https://', '')}
             </a>
           </div>`
-            : T}
-      ${this.deleteThreadId
+            : E}
+      ${this.deleteThreadId || this.deleteAllThreads
             ? x `
             <confirm-dialog
               @accept=${this.handleThreadDelete}
-              @decline=${() => (this.deleteThreadId = '')}
+              @decline=${() => {
+                this.deleteThreadId = '';
+                this.deleteAllThreads = false;
+            }}
             >
-              <h2 slot="title">Delete Thread?</h2>
+              <h2 slot="title">
+                ${this.deleteAllThreads
+                ? 'Delete Entire Chat History?'
+                : 'Delete Chat?'}
+              </h2>
               <p slot="content">
                 This action cannot be undone. Are you sure you want to delete
-                <b>"${this.chatThreads.get(this.deleteThreadId).title}"</b>?
+                ${this.deleteAllThreads
+                ? ' the entire chat history'
+                : x `<b
+                      >"${this.chatThreads.get(this.deleteThreadId).title}"</b
+                    >`}?
               </p>
             </confirm-dialog>
           `
-            : T}
+            : E}
     `;
     }
-};
+}
 ChatThreads.styles = [chatThreadsStyles];
 __decorate([
-    n$1({ type: Object }),
+    n({ type: Object }),
     __metadata("design:type", Map)
 ], ChatThreads.prototype, "chatThreads", void 0);
 __decorate([
-    n$1({ type: String }),
+    n({ type: String }),
     __metadata("design:type", Object)
 ], ChatThreads.prototype, "merchantUrl", void 0);
 __decorate([
-    n$1({ type: Boolean }),
+    n({ type: Boolean }),
     __metadata("design:type", Boolean)
 ], ChatThreads.prototype, "isLoading", void 0);
 __decorate([
-    n$1({ type: Boolean }),
+    n({ type: Boolean }),
     __metadata("design:type", Boolean)
 ], ChatThreads.prototype, "isTyping", void 0);
 __decorate([
-    n$1({ type: String }),
+    n({ type: String }),
     __metadata("design:type", String)
 ], ChatThreads.prototype, "selectedThreadId", void 0);
 __decorate([
-    r$1(),
+    r(),
     __metadata("design:type", String)
 ], ChatThreads.prototype, "deleteThreadId", void 0);
-ChatThreads = __decorate([
-    t$2('chat-threads')
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-], ChatThreads);
+__decorate([
+    r(),
+    __metadata("design:type", Object)
+], ChatThreads.prototype, "deleteAllThreads", void 0);
+if (!customElements.get('chat-threads')) {
+    customElements.define('chat-threads', ChatThreads);
+}
 
-const productsSectionStyles = i$3 `
+const productsSectionStyles = i$4 `
   :host {
     padding: 24px 16px;
     background-color: #fff;
@@ -1211,9 +1286,14 @@ const productsSectionStyles = i$3 `
     justify-content: center;
     height: 100%;
   }
+
+  .merchant-image {
+    width: 100%;
+    object-fit: contain;
+  }
 `;
 
-const productItemStyles = i$3 `
+const productItemStyles = i$4 `
   :host {
     font-family: 'Inter', sans-serif;
     font-size: 16px;
@@ -1356,9 +1436,7 @@ const productItemStyles = i$3 `
   }
 `;
 
-let ProductItem = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class ProductItem extends s {
+class ProductItem extends r$2 {
     getLocalPrice(price) {
         if (!this.siteCurrency) {
             return price;
@@ -1366,6 +1444,16 @@ class ProductItem extends s {
         const localPrice = parseFloat(price) * this.siteCurrency.rate;
         return formatMoney(localPrice, this.siteCurrency.currency);
     }
+    getComparedAtPrice(comparedAtPrice, price) {
+        if (!comparedAtPrice ||
+            comparedAtPrice === price ||
+            parseFloat(comparedAtPrice) <= parseFloat(price)) {
+            return E;
+        }
+        return x `<p class="price-compared">
+      ${this.getLocalPrice(comparedAtPrice)}
+    </p>`;
+    }
     redirect(url) {
         var _a;
         if (!url) {
@@ -1374,8 +1462,8 @@ class ProductItem extends s {
         (_a = open(url, '_blank')) === null || _a === void 0 ? void 0 : _a.focus();
     }
     renderVariantTitles() {
-        if (!this.product.hasVariantsThatRequiresComponents) {
-            return T;
+        if (this.product.hasOnlyDefaultVariant) {
+            return E;
         }
         return this.product.variants[0].selectedOptions.map((option) => x `
         <p class="product-variation-details">${option.name}: ${option.value}</p>
@@ -1399,13 +1487,7 @@ class ProductItem extends s {
           </p>
           ${this.renderVariantTitles()}
           <div class="prices">
-            ${this.product.variants[0].comparedAtPrice &&
-            this.product.variants[0].comparedAtPrice !==
-                this.product.variants[0].price
-            ? x `<p class="price-compared">
-                  ${this.getLocalPrice(this.product.variants[0].comparedAtPrice)}
-                </p>`
-            : T}
+            ${this.getComparedAtPrice(this.product.variants[0].comparedAtPrice, this.product.variants[0].price)}
             <p>${this.getLocalPrice(this.product.variants[0].price)}</p>
           </div>
           <button
@@ -1418,22 +1500,21 @@ class ProductItem extends s {
       </div>
     `;
     }
-};
+}
 ProductItem.styles = [productItemStyles];
 __decorate([
-    n$1({ type: Object }),
+    n({ type: Object }),
     __metadata("design:type", Object)
 ], ProductItem.prototype, "product", void 0);
 __decorate([
-    n$1({ type: Object }),
+    n({ type: Object }),
     __metadata("design:type", Object)
 ], ProductItem.prototype, "siteCurrency", void 0);
-ProductItem = __decorate([
-    t$2('product-item')
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-], ProductItem);
+if (!customElements.get('product-item')) {
+    customElements.define('product-item', ProductItem);
+}
 
-const productsListStyles = i$3 `
+const productsListStyles = i$4 `
   .products::-webkit-scrollbar {
     display: none;
   }
@@ -1459,6 +1540,8 @@ const productsListStyles = i$3 `
     gap: 24px;
     overflow-x: auto;
     scrollbar-width: none;
+    margin-left: -10px;
+    padding-left: 10px;
   }
 
   .scroll-btns {
@@ -1493,19 +1576,34 @@ const productsListStyles = i$3 `
   }
 `;
 
-let ProductsList = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class ProductsList extends s {
+class ProductsList extends r$2 {
+    constructor() {
+        super(...arguments);
+        this.showButtons = true;
+        this.updateButtonsState = () => {
+            if (!this.leftBtnEle || !this.productsEle || !this.rightBtnEle) {
+                return;
+            }
+            const { scrollWidth, clientWidth } = this.productsEle;
+            this.showButtons = scrollWidth > clientWidth;
+            this.leftBtnEle.classList.toggle('disabled', this.productsEle.scrollLeft === 0);
+            const maxScroll = this.productsEle.scrollWidth - this.productsEle.clientWidth;
+            this.rightBtnEle.classList.toggle('disabled', this.productsEle.scrollLeft >= maxScroll - 1);
+        };
+    }
     connectedCallback() {
         super.connectedCallback();
+        this.updateButtonsState();
+        window.addEventListener('resize', this.updateButtonsState);
     }
-    updateButtonsState() {
-        if (!this.leftBtnEle || !this.productsEle || !this.rightBtnEle) {
-            return;
+    disconnectedCallback() {
+        window.removeEventListener('resize', this.updateButtonsState);
+        super.disconnectedCallback();
+    }
+    updated(_changedProperties) {
+        if (_changedProperties.has('products')) {
+            this.updateButtonsState();
         }
-        this.leftBtnEle.classList.toggle('disabled', this.productsEle.scrollLeft === 0);
-        const maxScroll = this.productsEle.scrollWidth - this.productsEle.clientWidth;
-        this.rightBtnEle.classList.toggle('disabled', this.productsEle.scrollLeft >= maxScroll - 1);
     }
     scrollToLeft(e) {
         var _a;
@@ -1519,14 +1617,14 @@ class ProductsList extends s {
     }
     render() {
         if (!this.products.length) {
-            return T;
+            return E;
         }
         return x `
       <div class="products-wrapper">
         <div class="products" @scroll=${this.updateButtonsState}>
           ${o$1(this.products, (product) => x `
                 <div
-                  class=${e$2({
+                  class=${e$1({
             'product-container': true,
             modal: this.viewType === 'modal',
         })}
@@ -1538,60 +1636,71 @@ class ProductsList extends s {
                 </div>
               `)}
         </div>
-        <div class="scroll-btns">
-          <div class="left-btn disabled" @click=${this.scrollToLeft}>
-            ${leftBtn}
-          </div>
-          <div class="right-btn" @click=${this.scrollToRight}>${rightBtn}</div>
-        </div>
+        ${this.showButtons
+            ? x ` <div class="scroll-btns">
+              <div class="left-btn disabled" @click=${this.scrollToLeft}>
+                ${leftBtn}
+              </div>
+              <div class="right-btn" @click=${this.scrollToRight}>
+                ${rightBtn}
+              </div>
+            </div>`
+            : E}
       </div>
     `;
     }
-};
+}
 ProductsList.styles = [productsListStyles];
 __decorate([
-    n$1({ type: Array }),
+    n({ type: Array }),
     __metadata("design:type", Array)
 ], ProductsList.prototype, "products", void 0);
 __decorate([
-    n$1({ type: Object }),
+    n({ type: Object }),
     __metadata("design:type", Object)
 ], ProductsList.prototype, "siteCurrency", void 0);
 __decorate([
-    e$4('.left-btn'),
+    r(),
+    __metadata("design:type", Object)
+], ProductsList.prototype, "showButtons", void 0);
+__decorate([
+    e$3('.left-btn'),
     __metadata("design:type", Object)
 ], ProductsList.prototype, "leftBtnEle", void 0);
 __decorate([
-    e$4('.right-btn'),
+    e$3('.right-btn'),
     __metadata("design:type", Object)
 ], ProductsList.prototype, "rightBtnEle", void 0);
 __decorate([
-    e$4('.products'),
+    e$3('.products'),
     __metadata("design:type", Object)
 ], ProductsList.prototype, "productsEle", void 0);
-ProductsList = __decorate([
-    t$2('products-list')
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-], ProductsList);
-
-let ProductsSection = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class ProductsSection extends s {
+if (!customElements.get('products-list')) {
+    customElements.define('products-list', ProductsList);
+}
+
+class ProductsSection extends r$2 {
     connectedCallback() {
         super.connectedCallback();
     }
+    renderMerchantImage() {
+        if (this.merchantImage) {
+            return x ` <img class="merchant-image" src=${this.merchantImage} /> `;
+        }
+        return x `
+      <div>${searchIcon}</div>
+      <p>
+        Start exploring by typing your query in the search bar on the right.
+      </p>
+    `;
+    }
     render() {
-        if (this.isLoadingHistory) {
+        if (this.isLoadingHistory || this.isLoadingThreads) {
             return x ` <load-spinner></load-spinner> `;
         }
         if (!this.products.length) {
             return x `
-        <div class="no-products">
-          <div>${searchIcon}</div>
-          <p>
-            Start exploring by typing your query in the search bar on the right.
-          </p>
-        </div>
+        <div class="no-products">${this.renderMerchantImage()}</div>
       `;
         }
         const topResult = this.products[0];
@@ -1615,38 +1724,45 @@ class ProductsSection extends s {
       </div>
     `;
     }
-};
+}
 ProductsSection.styles = [productsSectionStyles];
 __decorate([
-    n$1({ type: Array }),
+    n({ type: String }),
+    __metadata("design:type", Object)
+], ProductsSection.prototype, "merchantImage", void 0);
+__decorate([
+    n({ type: Array }),
     __metadata("design:type", Array)
 ], ProductsSection.prototype, "products", void 0);
 __decorate([
-    n$1({ type: Boolean }),
+    n({ type: Boolean }),
     __metadata("design:type", Boolean)
 ], ProductsSection.prototype, "isLoadingHistory", void 0);
 __decorate([
-    n$1({ type: Object }),
+    n({ type: Object }),
     __metadata("design:type", Object)
 ], ProductsSection.prototype, "siteCurrency", void 0);
 __decorate([
-    e$4('.left-btn'),
+    n({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], ProductsSection.prototype, "isLoadingThreads", void 0);
+__decorate([
+    e$3('.left-btn'),
     __metadata("design:type", Object)
 ], ProductsSection.prototype, "leftBtnEle", void 0);
 __decorate([
-    e$4('.right-btn'),
+    e$3('.right-btn'),
     __metadata("design:type", Object)
 ], ProductsSection.prototype, "rightBtnEle", void 0);
 __decorate([
-    e$4('.products'),
+    e$3('.products'),
     __metadata("design:type", Object)
 ], ProductsSection.prototype, "productsEle", void 0);
-ProductsSection = __decorate([
-    t$2('products-section')
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-], ProductsSection);
+if (!customElements.get('products-section')) {
+    customElements.define('products-section', ProductsSection);
+}
 
-const chatSectionStyles = i$3 `
+const chatSectionStyles = i$4 `
   :host {
     font-family: 'Inter', sans-serif;
     font-size: 16px;
@@ -1824,6 +1940,20 @@ const chatSectionStyles = i$3 `
     gap: 28px;
     padding-bottom: 10px;
     margin-bottom: -10px;
+    margin-right: -10px;
+    padding-right: 10px;
+    margin-left: -10px;
+    padding-left: 10px;
+    background: linear-gradient(#f7f8fa80, #f7f8fa80),
+      var(--shopgpt-merchant-img-url);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+
+    &.loading {
+      justify-content: center;
+      align-items: center;
+    }
 
     .message:last-child {
       margin-top: 10px;
@@ -1994,7 +2124,7 @@ const chatSectionStyles = i$3 `
   .prompts {
     display: flex;
     justify-content: center;
-    gap: 23px 10px;
+    gap: 10px;
     flex-wrap: wrap;
 
     .prompt {
@@ -2030,13 +2160,19 @@ const chatSectionStyles = i$3 `
         0px 20px 20px 0px rgba(0, 0, 0, 0.08);
       border-radius: 0px 0px 10px 10px;
 
-      h2 {
-        padding: 10px 16px;
-        color: #172a41;
-        font-size: 16px;
-        font-weight: 700;
-        line-height: 20px;
+      .title-wrapper {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
         border-bottom: 1px solid #dbe2eb;
+        padding: 10px 16px;
+
+        h2 {
+          color: #172a41;
+          font-size: 16px;
+          font-weight: 700;
+          line-height: 20px;
+        }
       }
 
       .thread-titles-wrapper {
@@ -2120,7 +2256,7 @@ const crossBtn = b `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="2
   <path d="M18 7.05L16.95 6L12 10.95L7.05 6L6 7.05L10.95 12L6 16.95L7.05 18L12 13.05L16.95 18L18 16.95L13.05 12L18 7.05Z" fill="white"/>
 </svg>`;
 
-const personalizeDialogStyles = i$3 `
+const personalizeDialogStyles = i$4 `
   :host {
     font-family: 'Inter', sans-serif;
     font-size: 16px;
@@ -2358,9 +2494,7 @@ const profilePlusIcon = b `<svg xmlns="http://www.w3.org/2000/svg" width="56" he
   <path fill-rule="evenodd" clip-rule="evenodd" d="M21 7C22.7306 7 24.4223 7.51318 25.8612 8.47464C27.3002 9.4361 28.4217 10.8027 29.084 12.4015C29.7462 14.0004 29.9195 15.7597 29.5819 17.457C29.2443 19.1544 28.4109 20.7135 27.1872 21.9372C25.9635 23.1609 24.4044 23.9942 22.707 24.3319C21.0097 24.6695 19.2504 24.4962 17.6515 23.8339C16.0527 23.1717 14.6861 22.0502 13.7246 20.6112C12.7632 19.1723 12.25 17.4806 12.25 15.75C12.25 13.4294 13.1719 11.2038 14.8128 9.56282C16.4538 7.92187 18.6794 7 21 7ZM21 3.5C18.5772 3.5 16.2088 4.21845 14.1943 5.5645C12.1798 6.91054 10.6097 8.82373 9.68248 11.0621C8.75531 13.3005 8.51272 15.7636 8.98539 18.1399C9.45805 20.5161 10.6248 22.6989 12.3379 24.4121C14.0511 26.1252 16.2339 27.2919 18.6101 27.7646C20.9864 28.2373 23.4495 27.9947 25.6879 27.0675C27.9263 26.1403 29.8395 24.5702 31.1855 22.5557C32.5316 20.5412 33.25 18.1728 33.25 15.75C33.25 12.5011 31.9594 9.38526 29.6621 7.08794C27.3647 4.79062 24.2489 3.5 21 3.5ZM56 24.5H49V17.5H45.5V24.5H38.5V28H45.5V35H49V28H56V24.5ZM35 52.5H38.5V43.75C38.5 40.5011 37.2094 37.3853 34.9121 35.0879C32.6147 32.7906 29.4989 31.5 26.25 31.5H15.75C12.5011 31.5 9.38526 32.7906 7.08794 35.0879C4.79062 37.3853 3.5 40.5011 3.5 43.75V52.5H7V43.75C7 41.4294 7.92187 39.2038 9.56282 37.5628C11.2038 35.9219 13.4294 35 15.75 35H26.25C28.5706 35 30.7962 35.9219 32.4372 37.5628C34.0781 39.2038 35 41.4294 35 43.75V52.5Z" fill="#172A41"/>
 </svg>`;
 
-let PersonalizeDialog = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class PersonalizeDialog extends s {
+class PersonalizeDialog extends r$2 {
     constructor() {
         super(...arguments);
         this.isLoading = false;
@@ -2383,7 +2517,7 @@ class PersonalizeDialog extends s {
                     return this.selectProductHandle();
                 }
             }
-            return T;
+            return E;
         };
     }
     showModal() {
@@ -2567,7 +2701,7 @@ class PersonalizeDialog extends s {
             : 'Select Product'}
         </div>
         <ul class="dropdown-list">
-          ${(_a = this.defaultProductHandles) === null || _a === void 0 ? void 0 : _a.map((productHandle) => x `<li
+          ${(_a = this.defaultProductHandles) === null || _a === void 0 ? void 0 : _a.map((productHandle) => x ` <li
                 class="dropdown-item"
                 @click=${() => {
             this.productHandle = productHandle;
@@ -2579,10 +2713,10 @@ class PersonalizeDialog extends s {
         </ul>
       </div>
       ${this.productHandle
-            ? x `<button class="finish-btn" @click=${this.handleSubmit}>
+            ? x ` <button class="finish-btn" @click=${this.handleSubmit}>
             Finish
           </button>`
-            : T}
+            : E}
     `;
     }
     render() {
@@ -2590,10 +2724,10 @@ class PersonalizeDialog extends s {
       <dialog>
         <div class="dialog-title">
           ${this.state !== 'profile-type'
-            ? x `<div class="back-btn btn" @click=${this.handleBackStep}>
+            ? x ` <div class="back-btn btn" @click=${this.handleBackStep}>
                 ${backBtn}
               </div>`
-            : T}
+            : E}
           <h2>Personalize your search</h2>
           <div class="close-btn btn" @click=${() => this.dialogModal.close()}>
             ${closeBtn}
@@ -2603,75 +2737,174 @@ class PersonalizeDialog extends s {
       </dialog>
     `;
     }
-};
+}
 PersonalizeDialog.styles = [personalizeDialogStyles];
 __decorate([
-    e$4('dialog'),
+    e$3('dialog'),
     __metadata("design:type", HTMLDialogElement)
 ], PersonalizeDialog.prototype, "dialogModal", void 0);
 __decorate([
-    e$4('.dropdown-list'),
+    e$3('.dropdown-list'),
     __metadata("design:type", HTMLUListElement)
 ], PersonalizeDialog.prototype, "dropdownList", void 0);
 __decorate([
-    e$4('.dropdown-trigger'),
+    e$3('.dropdown-trigger'),
     __metadata("design:type", HTMLDivElement)
 ], PersonalizeDialog.prototype, "dropdownTrigger", void 0);
 __decorate([
-    n$1({ type: Array }),
+    n({ type: Array }),
     __metadata("design:type", Array)
 ], PersonalizeDialog.prototype, "defaultProductHandles", void 0);
 __decorate([
-    n$1({ type: Array }),
+    n({ type: Array }),
     __metadata("design:type", Array)
 ], PersonalizeDialog.prototype, "defaultProfiles", void 0);
 __decorate([
-    n$1({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    n({ type: Boolean }),
+    __metadata("design:type", Object)
 ], PersonalizeDialog.prototype, "isLoading", void 0);
 __decorate([
-    n$1({ type: String }),
+    n({ type: String }),
     __metadata("design:type", Object)
 ], PersonalizeDialog.prototype, "state", void 0);
 __decorate([
-    n$1({ type: String }),
+    n({ type: String }),
     __metadata("design:type", Object)
 ], PersonalizeDialog.prototype, "profileType", void 0);
 __decorate([
-    n$1({ type: String }),
+    n({ type: String }),
     __metadata("design:type", Object)
 ], PersonalizeDialog.prototype, "selectedProfile", void 0);
 __decorate([
-    n$1({ type: String }),
+    n({ type: String }),
     __metadata("design:type", Object)
 ], PersonalizeDialog.prototype, "visitorType", void 0);
 __decorate([
-    n$1({ type: String }),
+    n({ type: String }),
     __metadata("design:type", Object)
 ], PersonalizeDialog.prototype, "productHandle", void 0);
-PersonalizeDialog = __decorate([
-    t$2('personalize-dialog')
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-], PersonalizeDialog);
+if (!customElements.get('personalize-dialog')) {
+    customElements.define('personalize-dialog', PersonalizeDialog);
+}
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let e$1 = class e extends i{constructor(i){if(super(i),this.it=T,i.type!==t$1.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===T||null==r)return this._t=void 0,this.it=r;if(r===w)return r;if("string"!=typeof r)throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.it)return this._t;this.it=r;const s=[r];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}};e$1.directiveName="unsafeHTML",e$1.resultType=1;const o=e$3(e$1);
-
-var e={"":["<em>","</em>"],_:["<strong>","</strong>"],"*":["<strong>","</strong>"],"~":["<s>","</s>"],"\n":["<br />"]," ":["<br />"],"-":["<hr />"]};function n(e){return e.replace(RegExp("^"+(e.match(/^(\t| )+/)||"")[0],"gm"),"")}function r(e){return (e+"").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function t(a,c){var o,l,g,s,p,u=/((?:^|\n+)(?:\n---+|\* \*(?: \*)+)\n)|(?:^``` *(\w*)\n([\s\S]*?)\n```$)|((?:(?:^|\n+)(?:\t|  {2,}).+)+\n*)|((?:(?:^|\n)([>*+-]|\d+\.)\s+.*)+)|(?:!\[([^\]]*?)\]\(([^)]+?)\))|(\[)|(\](?:\(([^)]+?)\))?)|(?:(?:^|\n+)([^\s].*)\n(-{3,}|={3,})(?:\n+|$))|(?:(?:^|\n+)(#{1,6})\s*(.+)(?:\n+|$))|(?:`([^`].*?)`)|(  \n\n*|\n{2,}|__|\*\*|[_*]|~~)/gm,m=[],h="",i=c||{},d=0;function f(n){var r=e[n[1]||""],t=m[m.length-1]==n;return r?r[1]?(t?m.pop():m.push(n),r[0|t]):r[0]:n}function $(){for(var e="";m.length;)e+=f(m[m.length-1]);return e}for(a=a.replace(/^\[(.+?)\]:\s*(.+)$/gm,function(e,n,r){return i[n.toLowerCase()]=r,""}).replace(/^\n+|\n+$/g,"");g=u.exec(a);)l=a.substring(d,g.index),d=u.lastIndex,o=g[0],l.match(/[^\\](\\\\)*\\$/)||((p=g[3]||g[4])?o='<pre class="code '+(g[4]?"poetry":g[2].toLowerCase())+'"><code'+(g[2]?' class="language-'+g[2].toLowerCase()+'"':"")+">"+n(r(p).replace(/^\n+|\n+$/g,""))+"</code></pre>":(p=g[6])?(p.match(/\./)&&(g[5]=g[5].replace(/^\d+/gm,"")),s=t(n(g[5].replace(/^\s*[>*+.-]/gm,""))),">"==p?p="blockquote":(p=p.match(/\./)?"ol":"ul",s=s.replace(/^(.*)(\n|$)/gm,"<li>$1</li>")),o="<"+p+">"+s+"</"+p+">"):g[8]?o='<img src="'+r(g[8])+'" alt="'+r(g[7])+'">':g[10]?(h=h.replace("<a>",'<a href="'+r(g[11]||i[l.toLowerCase()])+'">'),o=$()+"</a>"):g[9]?o="<a>":g[12]||g[14]?o="<"+(p="h"+(g[14]?g[14].length:g[13]>"="?1:2))+">"+t(g[12]||g[15],i)+"</"+p+">":g[16]?o="<code>"+r(g[16])+"</code>":(g[17]||g[1])&&(o=f(g[17]||"--"))),h+=l,h+=o;return (h+a.substring(d)+$()).replace(/^\n+|\n+$/g,"")}
+ */class e extends i{constructor(i){if(super(i),this.it=E,i.type!==t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===E||null==r)return this._t=void 0,this.it=r;if(r===T)return r;if("string"!=typeof r)throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.it)return this._t;this.it=r;const s=[r];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName="unsafeHTML",e.resultType=1;const o=e$2(e);
+
+const markdown = (text) => {
+    let src = text;
+    const rx_space = /\t|\r|\uf8ff/g;
+    const rx_hr = /^([*\-=_] *){3,}$/gm;
+    const rx_blockquote = /\n *> *([^]*?)(?=(\n|$){2})/g;
+    const rx_list = /\n( *)(?:[*\-+]|((\d+)|([a-z])|[A-Z])[.)]) +([^]*?)(?=(\n|$){2})/g;
+    const rx_listjoin = /<\/(ol|ul)>\n\n<\1>/g;
+    const rx_highlight = /(^|[^A-Za-z\d\\])(([*_])|(~)|(\^)|(--)|(\+\+)|`)(\2?)([^<]*?)\2\8(?!\2)(?=\W|_|$)/g;
+    const rx_code = /\n((```|~~~).*\n?([^]*?)\n?\2|(( {4}.*?\n)+))/g;
+    const rx_link = /((!?)\[(.*?)\]\((.*?)( ".*")?\)|\\([\\`*_{}[\]()#+\-.!~]))/g;
+    const rx_table = /\n(( *\|.*?\| *\n)+)/g;
+    const rx_thead = /^.*\n( *\|( *:?-+:?-+:? *\|)* *\n|)/;
+    const rx_row = /.*\n/g;
+    const rx_cell = /\|(.*?[^\\])\|/g;
+    const rx_heading = /(?=^|>|\n)([>\s]*?)(#{1,6}) (.*?)( #*)? *(?=\n|$)/g;
+    const rx_para = /(?=^|>|\n)\s*\n+([^<]+?)\n+\s*(?=\n|<|$)/g;
+    const rx_stash = /-\d+\uf8ff/g;
+    const stash = {};
+    let si = 0;
+    function replace(rex, fn) {
+        src = src.replace(rex, fn);
+    }
+    function element(tag, content) {
+        return `<${tag}>${content}</${tag}>`;
+    }
+    function blockquote(src) {
+        return src.replace(rx_blockquote, (_, content) => {
+            return element('blockquote', blockquote(highlight(content.replace(/^ *> */gm, ''))));
+        });
+    }
+    function list(src) {
+        return src.replace(rx_list, (all, ind, ol, num, low, content) => {
+            const entry = element('li', highlight(content
+                .split(new RegExp(`\n ?${ind}(?:(?:\\d+|[a-zA-Z])[.)]|[*\\-+]) +`, 'g'))
+                .map(list)
+                .join('</li><li>')));
+            return `\n${ol
+                ? `<ol start="${num
+                    ? ol + '">'
+                    : `${parseInt(ol, 36) - 9}" style="list-style-type:${low ? 'low' : 'upp'}er-alpha">`}${entry}</ol>`
+                : element('ul', entry)}`;
+        });
+    }
+    function highlight(src) {
+        return src.replace(rx_highlight, function (all, _, p1, emp, sub, sup, small, big, p2, content) {
+            return (_ +
+                element(emp
+                    ? p2
+                        ? 'strong'
+                        : 'em'
+                    : sub
+                        ? p2
+                            ? 's'
+                            : 'sub'
+                        : sup
+                            ? 'sup'
+                            : small
+                                ? 'small'
+                                : big
+                                    ? 'big'
+                                    : 'code', highlight(content)));
+        });
+    }
+    src = `\n${src}\n`;
+    replace(rx_space, '  ');
+    src = blockquote(src);
+    replace(rx_hr, '<hr/>');
+    src = list(src);
+    replace(rx_listjoin, '');
+    replace(rx_code, (_, p1, p2, p3, p4) => {
+        stash[--si] = element('pre', element('code', p3 || p4.replace(/^ {4}/gm, '')));
+        return `${si}\uf8ff`;
+    });
+    replace(rx_link, (_, p1, p2, p3, p4, p5, p6) => {
+        stash[--si] = p4
+            ? p2
+                ? `<img src="${p4}" alt="${p3}"/>`
+                : `<a href="${p4}">${highlight(p3)}</a>`
+            : p6;
+        return `${si}\uf8ff`;
+    });
+    replace(rx_table, (_, table) => {
+        var _a;
+        const sep = ((_a = table.match(rx_thead)) === null || _a === void 0 ? void 0 : _a[1]) || '';
+        return `\n${element('table', table.replace(rx_row, (row, ri) => {
+            return row === sep
+                ? ''
+                : element('tr', row.replace(rx_cell, (_, cell, ci) => ci
+                    ? element(sep && !ri ? 'th' : 'td', highlight(cell || ''))
+                    : ''));
+        }))}`;
+    });
+    replace(rx_heading, (_, prefix, p1, p2) => {
+        return prefix + element(`h${p1.length}`, highlight(p2));
+    });
+    replace(rx_para, (_, content) => {
+        return element('p', highlight(content));
+    });
+    replace(rx_stash, (all) => stash[parseInt(all)]);
+    return src.trim();
+};
 
-let MarkdownRenderer = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class MarkdownRenderer extends s {
+class MarkdownRenderer extends r$2 {
     render() {
-        const slotContent = this.innerHTML.trim();
-        const parsedContent = t(slotContent);
-        return o(parsedContent);
+        // Remove lit markers from slot content
+        const slotContent = this.innerHTML
+            .trim()
+            .replace(/<!--\?lit\$[\d$]+-->/g, '');
+        return o(markdown(slotContent));
     }
-};
-MarkdownRenderer.styles = i$3 `
+}
+MarkdownRenderer.styles = i$4 `
     :host {
       font-family: 'Inter', sans-serif;
       font-size: 16px;
@@ -2682,14 +2915,11 @@ MarkdownRenderer.styles = i$3 `
       }
     }
   `;
-MarkdownRenderer = __decorate([
-    t$2('markdown-renderer')
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-], MarkdownRenderer);
-
-let TooltipComponent = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class TooltipComponent extends s {
+if (!customElements.get('markdown-renderer')) {
+    customElements.define('markdown-renderer', MarkdownRenderer);
+}
+
+class TooltipComponent extends r$2 {
     constructor() {
         super(...arguments);
         this.position = 'bottom-left';
@@ -2701,18 +2931,18 @@ class TooltipComponent extends s {
       <div class="tooltip ${this.position}">${this.text}</div>
     `;
     }
-};
+}
 TooltipComponent.styles = [
-    i$3 `
+    i$4 `
       :host {
         position: relative;
         display: inline-block;
       }
+
       .tooltip {
         position: absolute;
         color: #172a41;
         padding: 4px 8px;
-        border-radius: 4px;
         white-space: nowrap;
         font-size: 12px;
         opacity: 0;
@@ -2728,57 +2958,70 @@ TooltipComponent.styles = [
         font-weight: 400;
         line-height: 150%;
       }
+
       :host(:hover) .tooltip {
         opacity: 1;
       }
+
       .top-center {
         bottom: calc(100% + 2px);
         left: 50%;
         transform: translateX(-50%);
       }
+
       .top-left {
         bottom: calc(100% + 2px);
         left: 0;
       }
+
       .top-right {
         bottom: calc(100% + 2px);
         right: 0;
       }
+
       .bottom-center {
         top: calc(100% + 2px);
         left: 50%;
         transform: translateX(-50%);
       }
+
       .bottom-left {
         top: calc(100% + 2px);
         left: 0;
       }
+
       .bottom-right {
         top: calc(100% + 2px);
         right: 0;
       }
+
       .left-center {
         right: calc(100% + 2px);
         top: 50%;
         transform: translateY(-50%);
       }
+
       .left-top {
         right: calc(100% + 2px);
         top: 0;
       }
+
       .left-bottom {
         right: calc(100% + 2px);
         bottom: 0;
       }
+
       .right-center {
         left: calc(100% + 2px);
         top: 50%;
         transform: translateY(-50%);
       }
+
       .right-top {
         left: calc(100% + 2px);
         top: 0;
       }
+
       .right-bottom {
         left: calc(100% + 2px);
         bottom: 0;
@@ -2786,19 +3029,18 @@ TooltipComponent.styles = [
     `,
 ];
 __decorate([
-    n$1({ type: String }),
+    n({ type: String }),
     __metadata("design:type", String)
 ], TooltipComponent.prototype, "position", void 0);
 __decorate([
-    n$1({ type: String }),
-    __metadata("design:type", String)
+    n({ type: String }),
+    __metadata("design:type", Object)
 ], TooltipComponent.prototype, "text", void 0);
-TooltipComponent = __decorate([
-    t$2('tooltip-component')
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-], TooltipComponent);
+if (!customElements.get('tooltip-component')) {
+    customElements.define('tooltip-component', TooltipComponent);
+}
 
-const confirmDialogStyles = i$3 `
+const confirmDialogStyles = i$4 `
   :host {
     font-family: 'Inter', sans-serif;
     font-size: 16px;
@@ -2877,9 +3119,7 @@ const confirmDialogStyles = i$3 `
   }
 `;
 
-let ConfirmDialog = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class ConfirmDialog extends s {
+class ConfirmDialog extends r$2 {
     onAcceptClick(e) {
         e.preventDefault();
         this.dispatchEvent(new CustomEvent('accept', {
@@ -2912,19 +3152,17 @@ class ConfirmDialog extends s {
       </div>
     `;
     }
-};
+}
 ConfirmDialog.styles = [confirmDialogStyles];
-ConfirmDialog = __decorate([
-    t$2('confirm-dialog')
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-], ConfirmDialog);
-
-let ChatSection = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class ChatSection extends s {
+if (!customElements.get('confirm-dialog')) {
+    customElements.define('confirm-dialog', ConfirmDialog);
+}
+
+class ChatSection extends r$2 {
     constructor() {
         super(...arguments);
         this.showChatThreads = false;
+        this.deleteAllThreads = false;
         this.userQuery = '';
     }
     scrollToBottom() {
@@ -2949,6 +3187,14 @@ class ChatSection extends s {
         await this.processMessage(e, message);
     }
     handleThreadDelete() {
+        if (this.deleteAllThreads) {
+            this.dispatchEvent(new CustomEvent('delete-all-threads', {
+                composed: true,
+                bubbles: true,
+            }));
+            this.deleteAllThreads = false;
+            return;
+        }
         if (!this.deleteThreadId) {
             return;
         }
@@ -2960,7 +3206,7 @@ class ChatSection extends s {
         this.deleteThreadId = '';
     }
     typingIndicator() {
-        return x `<div class="typing-dots">
+        return x ` <div class="typing-dots">
       <div class="dot"></div>
       <div class="dot"></div>
       <div class="dot"></div>
@@ -2976,8 +3222,8 @@ class ChatSection extends s {
           </div>
           <div>
             ${message.message
-            ? x `<markdown-renderer>${message.message}</markdown-renderer>`
-            : T}
+            ? x ` <markdown-renderer>${message.message}</markdown-renderer>`
+            : E}
             ${this.viewType !== 'modal' && ((_a = message.products) === null || _a === void 0 ? void 0 : _a[0])
             ? x `
                   <span class="line"></span>
@@ -2988,27 +3234,29 @@ class ChatSection extends s {
                     ></product-item>
                   </div>
                 `
-            : T}
+            : E}
           </div>
         </div>
         ${this.viewType === 'modal' && message.products
-            ? x `<products-list
+            ? x ` <products-list
               .products=${message.products}
               .siteCurrency=${this.siteCurrency}
               .viewType=${this.viewType}
             ></products-list>`
-            : T}
+            : E}
       </div>
     `;
     }
     chatWindow() {
-        if (this.isLoadingHistory) {
-            return x ` <load-spinner></load-spinner> `;
+        if (this.isLoadingHistory || this.isLoadingThreads) {
+            return x `<div class="messages loading">
+        <load-spinner></load-spinner>
+      </div>`;
         }
         return x `
       <div class="messages">
         ${this.isTyping
-            ? x `<div class="message bot">
+            ? x ` <div class="message bot">
               <div>
                 <div class="bot-icon">${botIcon}</div>
               </div>
@@ -3020,7 +3268,7 @@ class ChatSection extends s {
                 sender: 'bot',
                 message: "Uh-oh! Looks like I tripped over some alpha-stage wires. Things are still a bit wobbly here, buy hey, that's what testing is for, Let's try that again; or feel free to throw another challenge my way!",
             })
-            : T}
+            : E}
         ${this.messages.map((message) => {
             if (message.sender === 'bot') {
                 return this.botMessage(message);
@@ -3033,11 +3281,10 @@ class ChatSection extends s {
           </div>
           <div>
             <p>
-              Welcome to the personalized search! How can we help?
-              <br />
-              <br />
-              Type your search query or select one of the prompts to get
-              started:
+              Hi,
+              ${this.brandName ? x `Welcome to ${this.brandName}.` : E}
+              I'm here to help you find the perfect product? What are you
+              looking to resolve today?
             </p>
           </div>
         </div>
@@ -3045,14 +3292,20 @@ class ChatSection extends s {
     `;
     }
     quickPrompts() {
-        var _a;
-        if (((_a = this.thread) === null || _a === void 0 ? void 0 : _a.threadId) || this.messages.length) {
-            return T;
+        if (this.isLoadingHistory || this.isTyping || this.isLoadingThreads) {
+            return E;
+        }
+        const prompts = this.messages.length
+            ? this.messages[0].welcomePrompts
+            : this.prompts
+                ? this.prompts.split(',').map((prompt) => prompt.trim())
+                : ['Best Selling Items', 'Hot Sales'];
+        if (!prompts) {
+            return E;
         }
-        const defaultPrompts = ['Best Selling Items', 'Hot Sales'];
         return x `
       <div class="prompts btn">
-        ${defaultPrompts.map((prompt) => x `
+        ${prompts.map((prompt) => x `
               <div
                 class="prompt"
                 @click=${(e) => this.processMessage(e, prompt)}
@@ -3119,8 +3372,8 @@ class ChatSection extends s {
             <span class="context-type-value"> ${profileType} </span>
           </div>
           ${userDetails
-            ? x `<div class="context user-details">${userDetails}</div>`
-            : T}
+            ? x ` <div class="context user-details">${userDetails}</div>`
+            : E}
         </div>
         <div>
           <div class="context">
@@ -3128,10 +3381,10 @@ class ChatSection extends s {
             <span class="context-type-value">${visitationType}</span>
           </div>
           ${devContext.productHandle
-            ? x `<div class="context product-handle">
+            ? x ` <div class="context product-handle">
                 ${devContext.productHandle}
               </div>`
-            : T}
+            : E}
         </div>
       </div>
     `;
@@ -3156,10 +3409,10 @@ class ChatSection extends s {
         </tooltip-component>
         <tooltip-component
           .position=${'bottom-right'}
-          .text=${'Your Search History'}
+          .text=${'Search History'}
         >
           <button
-            class=${e$2({
+            class=${e$1({
             btn: true,
             'btn-icon': true,
             'threads-btn': true,
@@ -3227,15 +3480,31 @@ class ChatSection extends s {
     }
     renderChatThreads() {
         if (!this.chatThreads || !this.showChatThreads) {
-            return T;
+            return E;
         }
-        return x `<div id="modal-chat-threads">
+        return x ` <div id="modal-chat-threads">
       <div class="chat-threads">
-        <h2>Your Search History</h2>
+        <div class="title-wrapper">
+          <h2>Search History</h2>
+          ${this.chatThreads.size
+            ? x `<div
+                class="trash-icon"
+                @click=${() => {
+                if (this.isTyping) {
+                    return;
+                }
+                this.deleteAllThreads = true;
+                this.showChatThreads = false;
+            }}
+              >
+                ${trashIcon}
+              </div>`
+            : E}
+        </div>
         <div class="thread-titles-wrapper">
           ${o$1(this.chatThreads.values(), (thread) => x `
               <div
-                class=${e$2({
+                class=${e$1({
             'thread-title': true,
             disabled: this.isTyping,
         })}
@@ -3275,10 +3544,17 @@ class ChatSection extends s {
     </div>`;
     }
     render() {
+        if (this.merchantImage) {
+            // set the merchant image as a css variable
+            this.style.setProperty('--shopgpt-merchant-img-url', `url('${this.merchantImage}')`);
+        }
+        else {
+            this.style.removeProperty('--shopgpt-merchant-img-url');
+        }
         return x `
       <div class="chat-header">${this.contextButton()}</div>
       <div
-        class=${e$2({
+        class=${e$1({
             'chatbot-section': true,
             'modal-view': this.viewType === 'modal',
         })}
@@ -3292,7 +3568,7 @@ class ChatSection extends s {
             placeholder="Type your search here..."
           />
           <button
-            class=${e$2({
+            class=${e$1({
             btn: true,
             modal: this.viewType === 'modal',
         })}
@@ -3309,96 +3585,128 @@ class ChatSection extends s {
         .defaultProfiles=${this.profiles}
       ></personalize-dialog>
       ${this.renderChatThreads()}
-      ${this.deleteThreadId
+      ${this.deleteThreadId || this.deleteAllThreads
             ? x `
             <confirm-dialog
               @accept=${this.handleThreadDelete}
-              @decline=${() => (this.deleteThreadId = '')}
+              @decline=${() => {
+                this.deleteThreadId = '';
+                this.deleteAllThreads = false;
+            }}
             >
-              <h2 slot="title">Delete Thread?</h2>
+              <h2 slot="title">
+                ${this.deleteAllThreads
+                ? 'Delete Entire Chat History?'
+                : 'Delete Chat?'}
+              </h2>
               <p slot="content">
                 This action cannot be undone. Are you sure you want to delete
-                <b>"${this.chatThreads.get(this.deleteThreadId).title}"</b>?
+                ${this.deleteAllThreads
+                ? ' the entire chat history'
+                : x `<b
+                      >"${this.chatThreads.get(this.deleteThreadId)
+                    .title}"</b
+                    >`}?
               </p>
             </confirm-dialog>
           `
-            : T}
+            : E}
     `;
     }
-};
+}
 ChatSection.styles = [chatSectionStyles];
 __decorate([
-    n$1({ type: Object }),
+    n({ type: String }),
+    __metadata("design:type", Object)
+], ChatSection.prototype, "merchantImage", void 0);
+__decorate([
+    n({ type: String }),
+    __metadata("design:type", Object)
+], ChatSection.prototype, "brandName", void 0);
+__decorate([
+    n({ type: String }),
+    __metadata("design:type", Object)
+], ChatSection.prototype, "prompts", void 0);
+__decorate([
+    n({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], ChatSection.prototype, "isLoadingThreads", void 0);
+__decorate([
+    n({ type: Object }),
     __metadata("design:type", Map)
 ], ChatSection.prototype, "chatThreads", void 0);
 __decorate([
-    r$1(),
+    r(),
     __metadata("design:type", String)
 ], ChatSection.prototype, "deleteThreadId", void 0);
 __decorate([
-    n$1({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    n({ type: Boolean }),
+    __metadata("design:type", Object)
 ], ChatSection.prototype, "showChatThreads", void 0);
 __decorate([
-    n$1({ type: Boolean }),
+    n({ type: Boolean }),
     __metadata("design:type", Boolean)
 ], ChatSection.prototype, "isLoadingHistory", void 0);
 __decorate([
-    n$1({ type: Boolean }),
+    n({ type: Boolean }),
     __metadata("design:type", Object)
 ], ChatSection.prototype, "devMode", void 0);
 __decorate([
-    n$1({ type: Boolean }),
+    n({ type: Boolean }),
     __metadata("design:type", Boolean)
 ], ChatSection.prototype, "isTyping", void 0);
 __decorate([
-    n$1({ type: Boolean }),
+    n({ type: Boolean }),
     __metadata("design:type", Boolean)
 ], ChatSection.prototype, "isFailed", void 0);
 __decorate([
-    n$1({ type: Array }),
+    n({ type: Array }),
     __metadata("design:type", Array)
 ], ChatSection.prototype, "messages", void 0);
 __decorate([
-    n$1({ type: Array }),
+    n({ type: Array }),
     __metadata("design:type", Array)
 ], ChatSection.prototype, "profiles", void 0);
 __decorate([
-    n$1({ type: Array }),
+    n({ type: Array }),
     __metadata("design:type", Array)
 ], ChatSection.prototype, "productHandles", void 0);
 __decorate([
-    n$1({ type: Object }),
+    n({ type: Object }),
     __metadata("design:type", Object)
 ], ChatSection.prototype, "thread", void 0);
 __decorate([
-    n$1({ type: Object }),
+    n({ type: Object }),
     __metadata("design:type", Object)
 ], ChatSection.prototype, "siteCurrency", void 0);
 __decorate([
-    e$4('.context-container'),
+    r(),
+    __metadata("design:type", Object)
+], ChatSection.prototype, "deleteAllThreads", void 0);
+__decorate([
+    e$3('.context-container'),
     __metadata("design:type", Object)
 ], ChatSection.prototype, "contextContainerElement", void 0);
 __decorate([
-    e$4('.chat-window'),
+    e$3('.chat-window'),
     __metadata("design:type", Object)
 ], ChatSection.prototype, "chatWindowElement", void 0);
 __decorate([
-    e$4('personalize-dialog'),
+    e$3('personalize-dialog'),
     __metadata("design:type", Object)
 ], ChatSection.prototype, "personalizeDialogElement", void 0);
 __decorate([
-    n$1({ type: String }),
-    __metadata("design:type", String)
+    n({ type: String }),
+    __metadata("design:type", Object)
 ], ChatSection.prototype, "userQuery", void 0);
-ChatSection = __decorate([
-    t$2('chat-section')
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-], ChatSection);
+if (!customElements.get('chat-section')) {
+    customElements.define('chat-section', ChatSection);
+}
 
 const DIALOG_DELAY = 1000;
+const LATEST_THREAD_LOAD_DAYS = 14;
 const normalizePath = (path) => path.replace(/\/$/, '');
-let ShopGPT = class ShopGPT extends s {
+class ShopGPT extends r$2 {
     constructor() {
         super(...arguments);
         this.modalState = 'close';
@@ -3410,6 +3718,18 @@ let ShopGPT = class ShopGPT extends s {
         this.products = [];
         this.messages = [];
         this.chatThreads = new Map();
+        this.loadData = async () => {
+            if (!this.shopGPTAPI) {
+                return;
+            }
+            await this.loadChatThreads();
+            this.selectLatestThread();
+        };
+        this.onPopState = () => {
+            var _a;
+            this.modalState = 'close';
+            (_a = this.shopGPTDialog) === null || _a === void 0 ? void 0 : _a.close();
+        };
         this.submitQuery = (message) => {
             if (!message) {
                 return;
@@ -3433,14 +3753,14 @@ let ShopGPT = class ShopGPT extends s {
         }
         this.init();
     }
+    disconnectedCallback() {
+        window.removeEventListener('edgetag-initialized', this.loadData);
+        window.removeEventListener('popstate', this.onPopState);
+        super.disconnectedCallback();
+    }
     init() {
-        window.addEventListener('edgetag-initialized', async () => {
-            if (!this.shopGPTAPI) {
-                return;
-            }
-            await this.loadChatThreads();
-            await this.loadInitialQuery();
-        });
+        window.addEventListener('edgetag-initialized', this.loadData);
+        window.addEventListener('popstate', this.onPopState);
         if (!this.uiMode || this.uiMode === 'overlay') {
             delay(DIALOG_DELAY).then(() => {
                 var _a;
@@ -3455,6 +3775,19 @@ let ShopGPT = class ShopGPT extends s {
             });
         }
     }
+    setChatTitle(threadId, title) {
+        if (!title || !threadId) {
+            return;
+        }
+        const thread = this.chatThreads.get(threadId);
+        if (thread) {
+            this.chatThreads.set(thread.threadId, {
+                ...thread,
+                title,
+            });
+            this.chatThreads = new Map(this.chatThreads);
+        }
+    }
     async loadInitialQuery() {
         var _a;
         if (!this.selectedThreadId) {
@@ -3467,14 +3800,26 @@ let ShopGPT = class ShopGPT extends s {
         if (!thread) {
             return;
         }
+        const searchParam = new URLSearchParams(window.location.search);
+        const fromAd = searchParam.get('shopGPT') === '1';
         const productHandle = this.devMode
             ? (_a = thread === null || thread === void 0 ? void 0 : thread.devContext) === null || _a === void 0 ? void 0 : _a.productHandle
-            : this.storeAPI.getCurrentProductHandle();
+            : fromAd
+                ? this.storeAPI.getCurrentProductHandle()
+                : undefined;
         try {
             this.isTyping = true;
             const reply = await this.shopGPTAPI.processQuery('', thread.threadId, productHandle);
+            if (reply.chatTitle) {
+                this.setChatTitle(this.selectedThreadId, reply.chatTitle);
+            }
             this.messages = [
-                { sender: 'bot', message: reply.message, products: reply.products },
+                {
+                    sender: 'bot',
+                    message: reply.message,
+                    products: reply.products,
+                    welcomePrompts: reply.welcomePrompts,
+                },
                 ...this.messages,
             ];
             this.products = reply.products || [];
@@ -3500,8 +3845,24 @@ let ShopGPT = class ShopGPT extends s {
             this.isLoadingThreads = false;
         }
     }
+    selectLatestThread() {
+        const cutoffTime = Date.now() - LATEST_THREAD_LOAD_DAYS * 24 * 60 * 60 * 1000;
+        // If the latest thread is not older than cutoff we should load the thread
+        let latestThread;
+        for (const thread of this.chatThreads.values()) {
+            if (thread.createdAt >= cutoffTime &&
+                (!latestThread || latestThread.createdAt < thread.createdAt)) {
+                latestThread = thread;
+            }
+        }
+        if (latestThread) {
+            this.setSelectedThreadId(latestThread.threadId);
+        }
+        else if (!this.devMode) {
+            this.createChatThread({ title: '' }, true);
+        }
+    }
     async loadHistory(threadId) {
-        var _a, _b, _c;
         try {
             if (!threadId) {
                 this.messages = [];
@@ -3510,22 +3871,24 @@ let ShopGPT = class ShopGPT extends s {
             }
             this.isLoadingHistory = true;
             const data = await this.shopGPTAPI.fetchChatHistory(threadId);
+            let latestAvailableProducts = [];
             this.messages = data.map((message) => {
                 var _a;
-                return ({
+                const products = (_a = message.products) === null || _a === void 0 ? void 0 : _a.map((product) => ({
+                    ...product,
+                    quantity: 1,
+                }));
+                if (!latestAvailableProducts.length && (products === null || products === void 0 ? void 0 : products.length)) {
+                    latestAvailableProducts = products;
+                }
+                return {
                     message: message.message,
                     sender: message.sender,
-                    products: (_a = message.products) === null || _a === void 0 ? void 0 : _a.map((product) => ({
-                        ...product,
-                        quantity: 1,
-                    })),
-                });
+                    products,
+                    welcomePrompts: message.welcomePrompts,
+                };
             });
-            this.products =
-                (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data[0]) === null || _a === void 0 ? void 0 : _a.products) === null || _b === void 0 ? void 0 : _b.map((product) => ({
-                    ...product,
-                    quantity: 1,
-                }))) !== null && _c !== void 0 ? _c : [];
+            this.products = latestAvailableProducts;
         }
         catch (e) {
             logger.error(e);
@@ -3566,6 +3929,21 @@ let ShopGPT = class ShopGPT extends s {
         this.shopGPTAPI
             .deleteSingleThread(threadId)
             .then(this.loadChatThreads.bind(this))
+            .then(() => {
+            if (this.selectedThreadId === threadId) {
+                this.setSelectedThreadId('');
+            }
+        })
+            .catch(logger.error)
+            .finally(() => (this.isLoadingThreads = false));
+    }
+    handleAllThreadsDelete(e) {
+        e.stopPropagation();
+        this.isLoadingThreads = true;
+        this.shopGPTAPI
+            .deleteAllThreads()
+            .then(this.loadChatThreads.bind(this))
+            .then(() => this.setSelectedThreadId(''))
             .catch(logger.error)
             .finally(() => (this.isLoadingThreads = false));
     }
@@ -3584,21 +3962,20 @@ let ShopGPT = class ShopGPT extends s {
                 return;
             }
             if (reply.chatTitle) {
-                // Alternatively we can fetch the chatThreads once again which would cost another network request
-                const thread = this.chatThreads.get(this.selectedThreadId);
-                if (thread) {
-                    this.chatThreads.set(thread.threadId, {
-                        ...thread,
-                        title: reply.chatTitle,
-                    });
-                    this.chatThreads = new Map(this.chatThreads);
-                }
+                this.setChatTitle(this.selectedThreadId, reply.chatTitle);
             }
             this.messages = [
-                { sender: 'bot', message: reply.message, products: reply.products },
+                {
+                    sender: 'bot',
+                    message: reply.message,
+                    products: reply.products,
+                    welcomePrompts: reply.welcomePrompts,
+                },
                 ...this.messages,
             ];
-            this.products = reply.products || [];
+            if (reply.products && reply.products.length > 0) {
+                this.products = reply.products;
+            }
         }
         catch (err) {
             logger.error(err);
@@ -3623,6 +4000,7 @@ let ShopGPT = class ShopGPT extends s {
       <dialog
         id="shop-gpt-dialog-overlay"
         @delete-thread=${this.handleThreadDelete}
+        @delete-all-threads=${this.handleAllThreadsDelete}
       >
         <div class="mobile-version">
           Please switch to the desktop version for the best experience.
@@ -3637,11 +4015,15 @@ let ShopGPT = class ShopGPT extends s {
             .merchantUrl=${this.merchantUrl}
           ></chat-threads>
           <products-section
+            .merchantImage=${this.merchantImage}
             .products=${this.products}
             .isLoadingHistory=${this.isLoadingHistory}
             .siteCurrency=${this.getSiteCurrency()}
+            .isLoadingThreads=${this.isLoadingThreads}
           ></products-section>
           <chat-section
+            .prompts=${this.quickPrompts}
+            .brandName=${this.brandName}
             .isFailed=${this.isFailed}
             .isLoadingHistory=${this.isLoadingHistory}
             .isTyping=${this.isTyping}
@@ -3654,6 +4036,7 @@ let ShopGPT = class ShopGPT extends s {
             .productHandles=${this.productHandles}
             .profiles=${this.profiles}
             .viewType=${'overlay'}
+            .isLoadingThreads=${this.isLoadingThreads}
           ></chat-section>
         </div>
       </dialog>
@@ -3665,7 +4048,7 @@ let ShopGPT = class ShopGPT extends s {
             this.modalState = 'close';
         };
         if (this.modalState === 'close') {
-            return x `<div class="chatbot-widget">
+            return x ` <div class="chatbot-widget">
         <button
           @click=${(e) => {
                 e.preventDefault();
@@ -3674,11 +4057,18 @@ let ShopGPT = class ShopGPT extends s {
         >
           ${chatIcon}
         </button>
+        <div class="chatbot-hover-text">What are you looking for today?</div>
       </div>`;
         }
         return x `
-      <div id="shop-gpt-modal" @delete-thread=${this.handleThreadDelete}>
+      <div
+        id="shop-gpt-modal"
+        @delete-thread=${this.handleThreadDelete}
+        @delete-all-threads=${this.handleAllThreadsDelete}
+      >
         <chat-section
+          .prompts=${this.quickPrompts}
+          .brandName=${this.brandName}
           .isFailed=${this.isFailed}
           .isLoadingHistory=${this.isLoadingHistory}
           .isTyping=${this.isTyping}
@@ -3694,55 +4084,57 @@ let ShopGPT = class ShopGPT extends s {
           .closeModal=${closeModal}
           .setSelectedThreadId=${this.setSelectedThreadId.bind(this)}
           .chatThreads=${this.chatThreads}
+          .isLoadingThreads=${this.isLoadingThreads}
+          .merchantImage=${this.merchantImage}
         ></chat-section>
       </div>
     `;
     }
-};
+}
 ShopGPT.styles = [shopGPTStyles];
 __decorate([
-    e$4('#shop-gpt-dialog-overlay'),
+    e$3('#shop-gpt-dialog-overlay'),
     __metadata("design:type", Object)
 ], ShopGPT.prototype, "shopGPTDialog", void 0);
 __decorate([
-    n$1({ type: String }),
+    n({ type: String }),
     __metadata("design:type", String)
 ], ShopGPT.prototype, "modalState", void 0);
 __decorate([
-    n$1({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    n({ type: Boolean }),
+    __metadata("design:type", Object)
 ], ShopGPT.prototype, "isLoadingHistory", void 0);
 __decorate([
-    n$1({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    n({ type: Boolean }),
+    __metadata("design:type", Object)
 ], ShopGPT.prototype, "isLoadingThreads", void 0);
 __decorate([
-    n$1({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    n({ type: Boolean }),
+    __metadata("design:type", Object)
 ], ShopGPT.prototype, "isTyping", void 0);
 __decorate([
-    n$1({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    n({ type: Boolean }),
+    __metadata("design:type", Object)
 ], ShopGPT.prototype, "isFailed", void 0);
 __decorate([
-    n$1({ type: String }),
-    __metadata("design:type", String)
+    n({ type: String }),
+    __metadata("design:type", Object)
 ], ShopGPT.prototype, "selectedThreadId", void 0);
 __decorate([
-    n$1({ type: Array }),
+    n({ type: Array }),
     __metadata("design:type", Array)
 ], ShopGPT.prototype, "products", void 0);
 __decorate([
-    n$1({ type: Array }),
+    n({ type: Array }),
     __metadata("design:type", Array)
 ], ShopGPT.prototype, "messages", void 0);
 __decorate([
-    n$1({ type: Object }),
+    n({ type: Object }),
     __metadata("design:type", Map)
 ], ShopGPT.prototype, "chatThreads", void 0);
-ShopGPT = __decorate([
-    t$2('shop-gpt')
-], ShopGPT);
+if (!customElements.get('shop-gpt')) {
+    customElements.define('shop-gpt', ShopGPT);
+}
 
 var _a, _b;
 var _c;
@@ -3763,8 +4155,19 @@ if (typeof window != 'undefined' && typeof document != 'undefined') {
             shopGPT.productHandles = params.productHandles;
             shopGPT.uiMode = params.uiMode;
             shopGPT.path = params.path;
+            shopGPT.brandName = params.brandName;
+            shopGPT.quickPrompts = params.quickPrompts;
+            shopGPT.merchantImage = params.merchantImage;
             document.body.append(shopGPT);
         },
+        destroy() {
+            if (!shopGPT) {
+                return;
+            }
+            shopGPT.remove();
+            shopGPT = undefined;
+            delete window[registryKey];
+        },
     });
 }