@blotoutio/providers-shop-gpt-sdk 1.3.0 → 1.5.0

package/index.mjs

@@ -300,6 +300,7 @@ const isoCountries = new Map([
 new Set(isoCountries.keys());
 
 const packageName = 'shopGPT';
+const DEFAULT_MAX_THREAD_AGE = 14;
 const previewKeyName = 'previewShopGPT';
 
 const canLog = () => {
@@ -382,6 +383,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) => {
@@ -488,7 +490,7 @@ const init = (params) => {
         // exit if not in top window
         return;
     }
-    const { enabled, devMode, merchantUrl, profiles, productHandles, targetPath, uiMode, brandName, quickPrompts, merchantImage, } = (_c = params.manifest.variables) !== null && _c !== void 0 ? _c : {};
+    const { enabled, devMode, merchantUrl, profiles, productHandles, targetPath, uiMode, brandName, quickPrompts, merchantImage, latestThreadLoad, } = (_c = params.manifest.variables) !== null && _c !== void 0 ? _c : {};
     let shouldShowUI = enabled;
     if (!enabled && hasPreviewKey()) {
         logger.log('Enabling UI in preview mode');
@@ -517,6 +519,7 @@ const init = (params) => {
             brandName,
             quickPrompts,
             merchantImage,
+            latestThreadLoad: latestThreadLoad !== null && latestThreadLoad !== void 0 ? latestThreadLoad : DEFAULT_MAX_THREAD_AGE,
         });
     }
 };
@@ -574,58 +577,51 @@ 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$1=Symbol(),o$5=new WeakMap;let n$4 = 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$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$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$4(o,t,s$1)},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$3,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$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$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$2=t$3.trustedTypes,s=i$2?i$2.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),T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r$4.createTreeWalker(r$4,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$2:d>=0?(o.push(a),s.slice(0,d)+e$6+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$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]?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$4.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$4).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$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 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$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=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$3.litHtmlPolyfillSupport;j?.(N,R),(t$3.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};
+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
- */let r$3 = 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$3._$litElement$=!0,r$3["finalized"]=!0,globalThis.litElementHydrateSupport?.({LitElement:r$3});const i$1=globalThis.litElementPolyfillSupport;i$1?.({LitElement:r$3});(globalThis.litElementVersions??=[]).push("4.1.1");
+ */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$4 `
   ::-webkit-scrollbar {
@@ -711,6 +707,35 @@ const shopGPTStyles = i$4 `
       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 {
@@ -758,13 +783,13 @@ const shopGPTStyles = i$4 `
  * 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 T}});
+ */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
@@ -919,11 +944,35 @@ const chatThreadsStyles = i$4 `
       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;
@@ -936,17 +985,6 @@ const chatThreadsStyles = i$4 `
 
         .trash-icon {
           display: none;
-          padding: 2px;
-          cursor: pointer;
-
-          &:hover {
-            border-radius: 5px;
-            background: #dc3545;
-
-            path {
-              fill: white;
-            }
-          }
         }
 
         &:hover {
@@ -995,13 +1033,11 @@ const chatThreadsStyles = i$4 `
   }
 `;
 
-let LoadSpinner = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class LoadSpinner extends r$3 {
+class LoadSpinner extends r$2 {
     render() {
         return x ` <div class="loader"><div class="spinner"></div></div> `;
     }
-};
+}
 LoadSpinner.styles = [
     i$4 `
       .loader {
@@ -1035,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 r$3 {
+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://')) {
@@ -1051,6 +1088,14 @@ class ChatThreads extends r$3 {
         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;
         }
@@ -1070,12 +1115,27 @@ class ChatThreads extends r$3 {
         }
         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,
@@ -1129,52 +1189,66 @@ class ChatThreads extends r$3 {
             </a>
           </div>`
             : E}
-      ${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 Chat?</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>
           `
             : 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$4 `
   :host {
@@ -1362,9 +1436,7 @@ const productItemStyles = i$4 `
   }
 `;
 
-let ProductItem = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class ProductItem extends r$3 {
+class ProductItem extends r$2 {
     getLocalPrice(price) {
         if (!this.siteCurrency) {
             return price;
@@ -1372,6 +1444,16 @@ class ProductItem extends r$3 {
         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) {
@@ -1405,13 +1487,7 @@ class ProductItem extends r$3 {
           </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>`
-            : E}
+            ${this.getComparedAtPrice(this.product.variants[0].comparedAtPrice, this.product.variants[0].price)}
             <p>${this.getLocalPrice(this.product.variants[0].price)}</p>
           </div>
           <button
@@ -1424,20 +1500,19 @@ class ProductItem extends r$3 {
       </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$4 `
   .products::-webkit-scrollbar {
@@ -1465,6 +1540,8 @@ const productsListStyles = i$4 `
     gap: 24px;
     overflow-x: auto;
     scrollbar-width: none;
+    margin-left: -10px;
+    padding-left: 10px;
   }
 
   .scroll-btns {
@@ -1499,21 +1576,23 @@ const productsListStyles = i$4 `
   }
 `;
 
-let ProductsList = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class ProductsList extends r$3 {
+class ProductsList extends r$2 {
     constructor() {
         super(...arguments);
         this.showButtons = true;
         this.updateButtonsState = () => {
-            if (!this.leftBtnEle || !this.productsEle || !this.rightBtnEle) {
+            if (!this.productsEle) {
                 return;
             }
             const { scrollWidth, clientWidth } = this.productsEle;
             this.showButtons = scrollWidth > clientWidth;
-            this.leftBtnEle.classList.toggle('disabled', this.productsEle.scrollLeft === 0);
+            if (this.leftBtnEle) {
+                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);
+            if (this.rightBtnEle) {
+                this.rightBtnEle.classList.toggle('disabled', this.productsEle.scrollLeft >= maxScroll - 1);
+            }
         };
     }
     connectedCallback() {
@@ -1549,7 +1628,7 @@ class ProductsList extends r$3 {
         <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',
         })}
@@ -1574,40 +1653,37 @@ class ProductsList extends r$3 {
       </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([
-    r$1(),
+    r(),
     __metadata("design:type", Object)
 ], ProductsList.prototype, "showButtons", void 0);
 __decorate([
-    e$4('.left-btn'),
+    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 r$3 {
+if (!customElements.get('products-list')) {
+    customElements.define('products-list', ProductsList);
+}
+
+class ProductsSection extends r$2 {
     connectedCallback() {
         super.connectedCallback();
     }
@@ -1623,7 +1699,7 @@ class ProductsSection extends r$3 {
     `;
     }
     render() {
-        if (this.isLoadingHistory) {
+        if (this.isLoadingHistory || this.isLoadingThreads) {
             return x ` <load-spinner></load-spinner> `;
         }
         if (!this.products.length) {
@@ -1652,40 +1728,43 @@ class ProductsSection extends r$3 {
       </div>
     `;
     }
-};
+}
 ProductsSection.styles = [productsSectionStyles];
 __decorate([
-    n$1({ type: String }),
+    n({ type: String }),
     __metadata("design:type", Object)
 ], ProductsSection.prototype, "merchantImage", void 0);
 __decorate([
-    n$1({ type: Array }),
+    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$4 `
   :host {
@@ -1865,6 +1944,20 @@ const chatSectionStyles = i$4 `
     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;
@@ -2035,7 +2128,7 @@ const chatSectionStyles = i$4 `
   .prompts {
     display: flex;
     justify-content: center;
-    gap: 23px 10px;
+    gap: 10px;
     flex-wrap: wrap;
 
     .prompt {
@@ -2071,13 +2164,19 @@ const chatSectionStyles = i$4 `
         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 {
@@ -2399,9 +2498,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 r$3 {
+class PersonalizeDialog extends r$2 {
     constructor() {
         super(...arguments);
         this.isLoading = false;
@@ -2644,74 +2741,173 @@ class PersonalizeDialog extends r$3 {
       </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 }),
+    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=E,i.type!==t$1.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$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 r$3 {
+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$4 `
     :host {
       font-family: 'Inter', sans-serif;
@@ -2723,14 +2919,11 @@ MarkdownRenderer.styles = i$4 `
       }
     }
   `;
-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 r$3 {
+if (!customElements.get('markdown-renderer')) {
+    customElements.define('markdown-renderer', MarkdownRenderer);
+}
+
+class TooltipComponent extends r$2 {
     constructor() {
         super(...arguments);
         this.position = 'bottom-left';
@@ -2742,7 +2935,7 @@ class TooltipComponent extends r$3 {
       <div class="tooltip ${this.position}">${this.text}</div>
     `;
     }
-};
+}
 TooltipComponent.styles = [
     i$4 `
       :host {
@@ -2754,7 +2947,6 @@ TooltipComponent.styles = [
         position: absolute;
         color: #172a41;
         padding: 4px 8px;
-        border-radius: 4px;
         white-space: nowrap;
         font-size: 12px;
         opacity: 0;
@@ -2841,17 +3033,16 @@ TooltipComponent.styles = [
     `,
 ];
 __decorate([
-    n$1({ type: String }),
+    n({ type: String }),
     __metadata("design:type", String)
 ], TooltipComponent.prototype, "position", void 0);
 __decorate([
-    n$1({ 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$4 `
   :host {
@@ -2932,9 +3123,7 @@ const confirmDialogStyles = i$4 `
   }
 `;
 
-let ConfirmDialog = 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class ConfirmDialog extends r$3 {
+class ConfirmDialog extends r$2 {
     onAcceptClick(e) {
         e.preventDefault();
         this.dispatchEvent(new CustomEvent('accept', {
@@ -2967,19 +3156,17 @@ class ConfirmDialog extends r$3 {
       </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 r$3 {
+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() {
@@ -3004,6 +3191,14 @@ class ChatSection extends r$3 {
         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;
         }
@@ -3057,8 +3252,10 @@ class ChatSection extends r$3 {
     `;
     }
     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">
@@ -3099,16 +3296,20 @@ class ChatSection extends r$3 {
     `;
     }
     quickPrompts() {
-        var _a;
-        if (((_a = this.thread) === null || _a === void 0 ? void 0 : _a.threadId) || this.messages.length) {
+        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 Sellers'];
+        if (!prompts) {
             return E;
         }
-        const defaultPrompts = this.prompts
-            ? this.prompts.split(',').map((prompt) => prompt.trim())
-            : ['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)}
@@ -3212,10 +3413,10 @@ class ChatSection extends r$3 {
         </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,
@@ -3287,11 +3488,27 @@ class ChatSection extends r$3 {
         }
         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,
         })}
@@ -3331,10 +3548,17 @@ class ChatSection extends r$3 {
     </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',
         })}
@@ -3348,7 +3572,7 @@ class ChatSection extends r$3 {
             placeholder="Type your search here..."
           />
           <button
-            class=${e$2({
+            class=${e$1({
             btn: true,
             modal: this.viewType === 'modal',
         })}
@@ -3365,107 +3589,130 @@ class ChatSection extends r$3 {
         .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 Chat?</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>
           `
             : E}
     `;
     }
-};
+}
 ChatSection.styles = [chatSectionStyles];
 __decorate([
-    n$1({ type: String }),
+    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$1({ type: String }),
+    n({ type: String }),
     __metadata("design:type", Object)
 ], ChatSection.prototype, "prompts", void 0);
 __decorate([
-    n$1({ type: Object }),
+    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 }),
+    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 }),
+    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 r$3 {
+class ShopGPT extends r$2 {
     constructor() {
         super(...arguments);
+        this.latestThreadLoad = DEFAULT_MAX_THREAD_AGE;
         this.modalState = 'close';
         this.isLoadingHistory = false;
         this.isLoadingThreads = false;
@@ -3480,9 +3727,13 @@ let ShopGPT = class ShopGPT extends r$3 {
                 return;
             }
             await this.loadChatThreads();
-            await this.loadInitialQuery();
             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;
@@ -3508,10 +3759,12 @@ let ShopGPT = class ShopGPT extends r$3 {
     }
     disconnectedCallback() {
         window.removeEventListener('edgetag-initialized', this.loadData);
+        window.removeEventListener('popstate', this.onPopState);
         super.disconnectedCallback();
     }
     init() {
         window.addEventListener('edgetag-initialized', this.loadData);
+        window.addEventListener('popstate', this.onPopState);
         if (!this.uiMode || this.uiMode === 'overlay') {
             delay(DIALOG_DELAY).then(() => {
                 var _a;
@@ -3526,6 +3779,19 @@ let ShopGPT = class ShopGPT extends r$3 {
             });
         }
     }
+    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) {
@@ -3538,14 +3804,26 @@ let ShopGPT = class ShopGPT extends r$3 {
         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 || [];
@@ -3572,10 +3850,7 @@ let ShopGPT = class ShopGPT extends r$3 {
         }
     }
     selectLatestThread() {
-        if (!this.devMode) {
-            return;
-        }
-        const cutoffTime = Date.now() - LATEST_THREAD_LOAD_DAYS * 24 * 60 * 60 * 1000;
+        const cutoffTime = Date.now() - this.latestThreadLoad * 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()) {
@@ -3587,9 +3862,11 @@ let ShopGPT = class ShopGPT extends r$3 {
         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 = [];
@@ -3598,22 +3875,24 @@ let ShopGPT = class ShopGPT extends r$3 {
             }
             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);
@@ -3654,6 +3933,21 @@ let ShopGPT = class ShopGPT extends r$3 {
         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));
     }
@@ -3672,21 +3966,20 @@ let ShopGPT = class ShopGPT extends r$3 {
                 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);
@@ -3711,6 +4004,7 @@ let ShopGPT = class ShopGPT extends r$3 {
       <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.
@@ -3729,6 +4023,7 @@ let ShopGPT = class ShopGPT extends r$3 {
             .products=${this.products}
             .isLoadingHistory=${this.isLoadingHistory}
             .siteCurrency=${this.getSiteCurrency()}
+            .isLoadingThreads=${this.isLoadingThreads}
           ></products-section>
           <chat-section
             .prompts=${this.quickPrompts}
@@ -3745,6 +4040,7 @@ let ShopGPT = class ShopGPT extends r$3 {
             .productHandles=${this.productHandles}
             .profiles=${this.profiles}
             .viewType=${'overlay'}
+            .isLoadingThreads=${this.isLoadingThreads}
           ></chat-section>
         </div>
       </dialog>
@@ -3765,10 +4061,15 @@ let ShopGPT = class ShopGPT extends r$3 {
         >
           ${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}
@@ -3787,55 +4088,61 @@ let ShopGPT = class ShopGPT extends r$3 {
           .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'),
+    n({ type: Number }),
+    __metadata("design:type", Number)
+], ShopGPT.prototype, "latestThreadLoad", void 0);
+__decorate([
+    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 }),
+    n({ type: Boolean }),
     __metadata("design:type", Object)
 ], ShopGPT.prototype, "isLoadingHistory", void 0);
 __decorate([
-    n$1({ type: Boolean }),
+    n({ type: Boolean }),
     __metadata("design:type", Object)
 ], ShopGPT.prototype, "isLoadingThreads", void 0);
 __decorate([
-    n$1({ type: Boolean }),
+    n({ type: Boolean }),
     __metadata("design:type", Object)
 ], ShopGPT.prototype, "isTyping", void 0);
 __decorate([
-    n$1({ type: Boolean }),
+    n({ type: Boolean }),
     __metadata("design:type", Object)
 ], ShopGPT.prototype, "isFailed", void 0);
 __decorate([
-    n$1({ 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;
@@ -3859,8 +4166,17 @@ if (typeof window != 'undefined' && typeof document != 'undefined') {
             shopGPT.brandName = params.brandName;
             shopGPT.quickPrompts = params.quickPrompts;
             shopGPT.merchantImage = params.merchantImage;
+            shopGPT.latestThreadLoad = params.latestThreadLoad;
             document.body.append(shopGPT);
         },
+        destroy() {
+            if (!shopGPT) {
+                return;
+            }
+            shopGPT.remove();
+            shopGPT = undefined;
+            delete window[registryKey];
+        },
     });
 }