@bpinternal/billing-ui 0.5.0 → 0.5.1

package/dist/index.js

@@ -77,13 +77,13 @@ var _r = { parse: function(a, e) {
     }
     var m, u = d.charAt(1) !== "/", g = d.startsWith("<!--"), b = c + d.length, f = a.charAt(b);
     if (g) {
-      var N = St(d);
-      return s < 0 ? (n.push(N), n) : ((m = r[s]).children.push(N), n);
+      var C = St(d);
+      return s < 0 ? (n.push(C), n) : ((m = r[s]).children.push(C), n);
     }
     if (u && (s++, (t = St(d)).type === "tag" && e.components[t.name] && (t.type = "component", i = !0), t.voidElement || i || !f || f === "<" || t.children.push({ type: "text", content: a.slice(b, a.indexOf("<", b)) }), s === 0 && n.push(t), (m = r[s - 1]) && m.children.push(t), r[s] = t), (!u || t.voidElement) && (s > -1 && (t.voidElement || t.name === d.slice(2, -1)) && (s--, t = s === -1 ? n : r[s]), !i && f !== "<" && f)) {
       m = s === -1 ? n : r[s].children;
-      var C = a.indexOf("<", b), v = a.slice(b, C === -1 ? void 0 : C);
-      Cr.test(v) && (v = " "), (C > -1 && s + m.length >= 0 || v !== " ") && m.push({ type: "text", content: v });
+      var N = a.indexOf("<", b), v = a.slice(b, N === -1 ? void 0 : N);
+      Cr.test(v) && (v = " "), (N > -1 && s + m.length >= 0 || v !== " ") && m.push({ type: "text", content: v });
     }
   }), n;
 }, stringify: function(a) {
@@ -232,10 +232,10 @@ const Pr = (a) => {
   }), t;
 }, Ir = (a, e, t, n, r, s) => {
   if (e === "") return [];
-  const i = n.transKeepBasicHtmlNodesFor || [], l = e && new RegExp(i.map((C) => `<${C}`).join("|")).test(e);
+  const i = n.transKeepBasicHtmlNodesFor || [], l = e && new RegExp(i.map((N) => `<${N}`).join("|")).test(e);
   if (!a && !l && !s) return [e];
-  const d = {}, c = (C) => {
-    ta(C).forEach((h) => {
+  const d = {}, c = (N) => {
+    ta(N).forEach((h) => {
       ke(h) || (Oa(h) ? c(Ua(h)) : aa(h) && !ka(h) && Object.assign(d, h));
     });
   };
@@ -243,13 +243,13 @@ const Pr = (a) => {
   const m = _r.parse(`<0>${e}</0>`), u = {
     ...d,
     ...r
-  }, g = (C, v, h) => {
-    const A = Ua(C), x = f(A, v.children, h);
-    return Fr(A) && x.length === 0 || C.props && C.props.i18nIsDynamicList ? A : x;
-  }, b = (C, v, h, A, x) => {
-    C.dummy ? (C.children = v, h.push(dr(C, {
+  }, g = (N, v, h) => {
+    const A = Ua(N), x = f(A, v.children, h);
+    return Fr(A) && x.length === 0 || N.props && N.props.i18nIsDynamicList ? A : x;
+  }, b = (N, v, h, A, x) => {
+    N.dummy ? (N.children = v, h.push(dr(N, {
       key: A
-    }, x ? void 0 : v))) : h.push(...ur.map([C], (k) => {
+    }, x ? void 0 : v))) : h.push(...ur.map([N], (k) => {
       const S = {
         ...k.props
       };
@@ -259,8 +259,8 @@ const Pr = (a) => {
         ref: k.ref
       }, x ? null : v);
     }));
-  }, f = (C, v, h) => {
-    const A = ta(C);
+  }, f = (N, v, h) => {
+    const A = ta(N);
     return ta(v).reduce((k, S, w) => {
       const y = S.children && S.children[0] && S.children[0].content && t.services.interpolator.interpolate(S.children[0].content, u, t.language);
       if (S.type === "tag") {
@@ -312,11 +312,11 @@ const Pr = (a) => {
       }
       return k;
     }, []);
-  }, N = f([{
+  }, C = f([{
     dummy: !0,
     children: a || []
   }], m, ta(a || []));
-  return Ua(N[0]);
+  return Ua(C[0]);
 };
 function Er(a) {
   let {
@@ -335,23 +335,23 @@ function Er(a) {
     shouldUnescape: b,
     ...f
   } = a;
-  const N = u || Za();
-  if (!N)
+  const C = u || Za();
+  if (!C)
     return xa("You will need to pass in an i18next instance by using i18nextReactModule"), e;
-  const C = g || N.t.bind(N) || ((R) => R), v = {
+  const N = g || C.t.bind(C) || ((R) => R), v = {
     ...sn(),
-    ...N.options && N.options.react
+    ...C.options && C.options.react
   };
-  let h = m || C.ns || N.options && N.options.defaultNS;
+  let h = m || N.ns || C.options && C.options.defaultNS;
   h = ke(h) ? [h] : h || ["translation"];
   const A = ln(e, v), x = d || A || v.transEmptyNodeValue || r, {
     hashTransKey: k
   } = v, S = r || (k ? k(A || x) : A || x);
-  N.options && N.options.interpolation && N.options.interpolation.defaultVariables && (l = l && Object.keys(l).length > 0 ? {
+  C.options && C.options.interpolation && C.options.interpolation.defaultVariables && (l = l && Object.keys(l).length > 0 ? {
     ...l,
-    ...N.options.interpolation.defaultVariables
+    ...C.options.interpolation.defaultVariables
   } : {
-    ...N.options.interpolation.defaultVariables
+    ...C.options.interpolation.defaultVariables
   });
   const w = l || t !== void 0 || !e ? i.interpolation : {
     interpolation: {
@@ -367,7 +367,7 @@ function Er(a) {
     ...w,
     defaultValue: x,
     ns: h
-  }, D = S ? C(S, y) : x;
+  }, D = S ? N(S, y) : x;
   c && Object.keys(c).forEach((R) => {
     const E = c[R];
     if (typeof E.type == "function" || !E.props || !E.props.children || D.indexOf(`${R}/>`) < 0 && D.indexOf(`${R} />`) < 0) return;
@@ -376,7 +376,7 @@ function Er(a) {
     }
     c[R] = qe(J);
   });
-  const T = Ir(c || e, D, N, v, y, b), I = n !== void 0 ? n : v.defaultTransParent;
+  const T = Ir(c || e, D, C, v, y, b), I = n !== void 0 ? n : v.defaultTransParent;
   return I ? qe(I, f, T) : T;
 }
 const Rr = {
@@ -414,9 +414,9 @@ function xt(a) {
     ...f
   } = a;
   const {
-    i18n: N,
-    defaultNS: C
-  } = ba(Xa) || {}, v = u || N || Za(), h = g || v && v.t.bind(v);
+    i18n: C,
+    defaultNS: N
+  } = ba(Xa) || {}, v = u || C || Za(), h = g || v && v.t.bind(v);
   return Er({
     children: e,
     count: t,
@@ -427,7 +427,7 @@ function xt(a) {
     values: l,
     defaults: d,
     components: c,
-    ns: m || h && h.ns || C || v && v.options && v.options.defaultNS,
+    ns: m || h && h.ns || N || v && v.options && v.options.defaultNS,
     i18n: v,
     t: g,
     shouldUnescape: b,
@@ -463,28 +463,28 @@ const Br = (a, e) => {
   } = i;
   let c = r || s.options && s.options.defaultNS;
   c = ke(c) ? [c] : c || ["translation"], s.reportNamespaces.addUsedNamespaces && s.reportNamespaces.addUsedNamespaces(c);
-  const m = (s.isInitialized || s.initializedStoreOnce) && c.every((x) => kr(x, s, i)), u = zr(s, e.lng || null, i.nsMode === "fallback" ? c : c[0], d), g = () => u, b = () => cn(s, e.lng || null, i.nsMode === "fallback" ? c : c[0], d), [f, N] = K(g);
-  let C = c.join();
-  e.lng && (C = `${e.lng}${C}`);
-  const v = Br(C), h = Ea(!0);
+  const m = (s.isInitialized || s.initializedStoreOnce) && c.every((x) => kr(x, s, i)), u = zr(s, e.lng || null, i.nsMode === "fallback" ? c : c[0], d), g = () => u, b = () => cn(s, e.lng || null, i.nsMode === "fallback" ? c : c[0], d), [f, C] = K(g);
+  let N = c.join();
+  e.lng && (N = `${e.lng}${N}`);
+  const v = Br(N), h = Ea(!0);
   Ce(() => {
     const {
       bindI18n: x,
       bindI18nStore: k
     } = i;
     h.current = !0, !m && !l && (e.lng ? At(s, e.lng, c, () => {
-      h.current && N(b);
+      h.current && C(b);
     }) : wt(s, c, () => {
-      h.current && N(b);
-    })), m && v && v !== C && h.current && N(b);
+      h.current && C(b);
+    })), m && v && v !== N && h.current && C(b);
     const S = () => {
-      h.current && N(b);
+      h.current && C(b);
     };
     return x && s && s.on(x, S), k && s && s.store.on(k, S), () => {
       h.current = !1, x && s && x.split(" ").forEach((w) => s.off(w, S)), k && s && k.split(" ").forEach((w) => s.store.off(w, S));
     };
-  }, [s, C]), Ce(() => {
-    h.current && m && N(g);
+  }, [s, N]), Ce(() => {
+    h.current && m && C(g);
   }, [s, d, m]);
   const A = [f, s, m];
   if (A.t = f, A.i18n = s, A.ready = m, m || !m && !l) return A;
@@ -863,8 +863,8 @@ class Fa extends Ra {
     }
     const u = this.resolve(e, t);
     let g = u && u.res;
-    const b = u && u.usedKey || i, f = u && u.exactUsedKey || i, N = Object.prototype.toString.apply(g), C = ["[object Number]", "[object Function]", "[object RegExp]"], v = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, h = !this.i18nFormat || this.i18nFormat.handleAsObject, A = !q(g) && typeof g != "boolean" && typeof g != "number";
-    if (h && g && A && C.indexOf(N) < 0 && !(q(v) && Array.isArray(g))) {
+    const b = u && u.usedKey || i, f = u && u.exactUsedKey || i, C = Object.prototype.toString.apply(g), N = ["[object Number]", "[object Function]", "[object RegExp]"], v = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, h = !this.i18nFormat || this.i18nFormat.handleAsObject, A = !q(g) && typeof g != "boolean" && typeof g != "number";
+    if (h && g && A && N.indexOf(C) < 0 && !(q(v) && Array.isArray(g))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const x = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(b, g, {
@@ -978,14 +978,14 @@ class Fa extends Ra {
       r = m;
       let u = c.namespaces;
       this.options.fallbackNS && (u = u.concat(this.options.fallbackNS));
-      const g = t.count !== void 0 && !q(t.count), b = g && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), f = t.context !== void 0 && (q(t.context) || typeof t.context == "number") && t.context !== "", N = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
-      u.forEach((C) => {
-        this.isValidLookup(n) || (l = C, !It[`${N[0]}-${C}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(l) && (It[`${N[0]}-${C}`] = !0, this.logger.warn(`key "${r}" for languages "${N.join(", ")}" won't get resolved as namespace "${l}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), N.forEach((v) => {
+      const g = t.count !== void 0 && !q(t.count), b = g && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), f = t.context !== void 0 && (q(t.context) || typeof t.context == "number") && t.context !== "", C = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      u.forEach((N) => {
+        this.isValidLookup(n) || (l = N, !It[`${C[0]}-${N}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(l) && (It[`${C[0]}-${N}`] = !0, this.logger.warn(`key "${r}" for languages "${C.join(", ")}" won't get resolved as namespace "${l}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), C.forEach((v) => {
           if (this.isValidLookup(n)) return;
           i = v;
           const h = [m];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(h, m, v, C, t);
+            this.i18nFormat.addLookupKeys(h, m, v, N, t);
           else {
             let x;
             g && (x = this.pluralResolver.getSuffix(v, t.count, t));
@@ -997,7 +997,7 @@ class Fa extends Ra {
           }
           let A;
           for (; A = h.pop(); )
-            this.isValidLookup(n) || (s = A, n = this.getResource(v, C, A, t));
+            this.isValidLookup(n) || (s = A, n = this.getResource(v, N, A, t));
         }));
       });
     }), {
@@ -1331,12 +1331,12 @@ class ns {
       nestingPrefix: g,
       nestingPrefixEscaped: b,
       nestingSuffix: f,
-      nestingSuffixEscaped: N,
-      nestingOptionsSeparator: C,
+      nestingSuffixEscaped: C,
+      nestingOptionsSeparator: N,
       maxReplaces: v,
       alwaysFormat: h
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Wr, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = r !== void 0 ? r : !1, this.prefix = s ? Ze(s) : i || "{{", this.suffix = l ? Ze(l) : d || "}}", this.formatSeparator = c || ",", this.unescapePrefix = m ? "" : u || "-", this.unescapeSuffix = this.unescapePrefix ? "" : m || "", this.nestingPrefix = g ? Ze(g) : b || Ze("$t("), this.nestingSuffix = f ? Ze(f) : N || Ze(")"), this.nestingOptionsSeparator = C || ",", this.maxReplaces = v || 1e3, this.alwaysFormat = h !== void 0 ? h : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Wr, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = r !== void 0 ? r : !1, this.prefix = s ? Ze(s) : i || "{{", this.suffix = l ? Ze(l) : d || "}}", this.formatSeparator = c || ",", this.unescapePrefix = m ? "" : u || "-", this.unescapeSuffix = this.unescapePrefix ? "" : m || "", this.nestingPrefix = g ? Ze(g) : b || Ze("$t("), this.nestingSuffix = f ? Ze(f) : C || Ze(")"), this.nestingOptionsSeparator = N || ",", this.maxReplaces = v || 1e3, this.alwaysFormat = h !== void 0 ? h : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -1356,11 +1356,11 @@ class ns {
           interpolationkey: b
         }) : v;
       }
-      const f = b.split(this.formatSeparator), N = f.shift().trim(), C = f.join(this.formatSeparator).trim();
-      return this.format(Mt(t, d, N, this.options.keySeparator, this.options.ignoreJSONStructure), C, n, {
+      const f = b.split(this.formatSeparator), C = f.shift().trim(), N = f.join(this.formatSeparator).trim();
+      return this.format(Mt(t, d, C, this.options.keySeparator, this.options.ignoreJSONStructure), N, n, {
         ...r,
         ...t,
-        interpolationkey: N
+        interpolationkey: C
       });
     };
     this.resetRegExp();
@@ -1376,8 +1376,8 @@ class ns {
         const f = s[1].trim();
         if (i = c(f), i === void 0)
           if (typeof m == "function") {
-            const C = m(e, s, r);
-            i = q(C) ? C : "";
+            const N = m(e, s, r);
+            i = q(N) ? N : "";
           } else if (r && Object.prototype.hasOwnProperty.call(r, f))
             i = "";
           else if (u) {
@@ -1386,8 +1386,8 @@ class ns {
           } else
             this.logger.warn(`missed to pass in variable ${f} for interpolating ${e}`), i = "";
         else !q(i) && !this.useRawValueToEscape && (i = Tt(i));
-        const N = b.safeValue(i);
-        if (e = e.replace(s[0], N), u ? (b.regex.lastIndex += i.length, b.regex.lastIndex -= s[0].length) : b.regex.lastIndex = 0, l++, l >= this.maxReplaces)
+        const C = b.safeValue(i);
+        if (e = e.replace(s[0], C), u ? (b.regex.lastIndex += i.length, b.regex.lastIndex -= s[0].length) : b.regex.lastIndex = 0, l++, l >= this.maxReplaces)
           break;
       }
     }), e;
@@ -1407,8 +1407,8 @@ class ns {
           ...c,
           ...i
         });
-      } catch (N) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, N), `${d}${m}${g}`;
+      } catch (C) {
+        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, C), `${d}${m}${g}`;
       }
       return i.defaultValue && i.defaultValue.indexOf(this.prefix) > -1 && delete i.defaultValue, d;
     };
@@ -1783,13 +1783,13 @@ class ha extends Ra {
       }), m && (!this.options.interpolation.format || this.options.interpolation.format === r.interpolation.format) && (g.formatter = s(m), g.formatter.init(g, this.options), this.options.interpolation.format = g.formatter.format.bind(g.formatter)), g.interpolator = new ns(this.options), g.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
       }, g.backendConnector = new is(s(this.modules.backend), g.resourceStore, g, this.options), g.backendConnector.on("*", function(b) {
-        for (var f = arguments.length, N = new Array(f > 1 ? f - 1 : 0), C = 1; C < f; C++)
-          N[C - 1] = arguments[C];
-        e.emit(b, ...N);
+        for (var f = arguments.length, C = new Array(f > 1 ? f - 1 : 0), N = 1; N < f; N++)
+          C[N - 1] = arguments[N];
+        e.emit(b, ...C);
       }), this.modules.languageDetector && (g.languageDetector = s(this.modules.languageDetector), g.languageDetector.init && g.languageDetector.init(g, this.options.detection, this.options)), this.modules.i18nFormat && (g.i18nFormat = s(this.modules.i18nFormat), g.i18nFormat.init && g.i18nFormat.init(this)), this.translator = new Fa(this.services, this.options), this.translator.on("*", function(b) {
-        for (var f = arguments.length, N = new Array(f > 1 ? f - 1 : 0), C = 1; C < f; C++)
-          N[C - 1] = arguments[C];
-        e.emit(b, ...N);
+        for (var f = arguments.length, C = new Array(f > 1 ? f - 1 : 0), N = 1; N < f; N++)
+          C[N - 1] = arguments[N];
+        e.emit(b, ...C);
       }), this.modules.external.forEach((b) => {
         b.init && b.init(this);
       });
@@ -2222,7 +2222,7 @@ const ds = {
   dashboardStorageTitle: "Storage",
   dashboardStorageHint: "Shared across files, knowledge base, and tables.",
   dashboardAiTitle: "AI usage",
-  dashboardAiHint: "Each conversation includes an AI allowance — this is how much you've used.",
+  dashboardAiHint: "Each conversation includes an allowance of AI usage. Track how much of that allowance you've used",
   dashboardLoadError: "We couldn't load your usage. Try again in a moment.",
   dashboardNoBotSpend: "No per-bot AI spend this period.",
   dashboardAiByBot: "AI spend by bot",
@@ -2525,7 +2525,7 @@ const ds = {
   dashboardStorageTitle: "Stockage",
   dashboardStorageHint: "Partagé entre les fichiers, la base de connaissances et les tables.",
   dashboardAiTitle: "Utilisation de l'IA",
-  dashboardAiHint: "Chaque conversation inclut une allocation d'IA — voici combien vous avez utilisé.",
+  dashboardAiHint: "Chaque conversation inclut une allocation d'usage IA. Suivez la part de cette allocation que vous avez utilisée",
   dashboardLoadError: "Impossible de charger votre utilisation. Réessayez dans un instant.",
   dashboardNoBotSpend: "Aucune dépense IA par bot pour cette période.",
   dashboardAiByBot: "Dépenses IA par bot",
@@ -2822,7 +2822,7 @@ const ds = {
   dashboardStorageTitle: "Almacenamiento",
   dashboardStorageHint: "Compartido entre archivos, base de conocimiento y tablas.",
   dashboardAiTitle: "Uso de IA",
-  dashboardAiHint: "Cada conversación incluye una asignación de IA — esto es cuánto has usado.",
+  dashboardAiHint: "Cada conversación incluye una asignación de uso de IA. Controla cuánto de esa asignación has usado",
   dashboardLoadError: "No pudimos cargar tu uso. Inténtalo de nuevo en un momento.",
   dashboardNoBotSpend: "Sin gasto de IA por bot en este período.",
   dashboardAiByBot: "Gasto de IA por bot",
@@ -3119,7 +3119,7 @@ const ds = {
   dashboardStorageTitle: "Armazenamento",
   dashboardStorageHint: "Compartilhado entre arquivos, base de conhecimento e tabelas.",
   dashboardAiTitle: "Uso de IA",
-  dashboardAiHint: "Cada conversa inclui uma cota de IA — isso é quanto você usou.",
+  dashboardAiHint: "Cada conversa inclui uma cota de uso de IA. Acompanhe quanto dessa cota você já usou",
   dashboardLoadError: "Não foi possível carregar seu uso. Tente novamente em um momento.",
   dashboardNoBotSpend: "Sem gastos de IA por bot neste período.",
   dashboardAiByBot: "Gastos de IA por bot",
@@ -3254,15 +3254,15 @@ const hi = ({
   manageBillingUrl: g,
   onBillingChange: b,
   refreshInterval: f = 3e4,
-  children: N
+  children: C
 }) => {
-  const C = m || "default", [v] = K(
+  const N = m || "default", [v] = K(
     () => new or({ defaultOptions: { queries: { retry: 1, staleTime: 3e4, gcTime: 1e3 * 60 * 60 } } })
   ), h = hs(r), A = _e(() => gr(e), [e]);
   Ce(() => {
     if (!u || typeof window > "u")
       return;
-    const y = `bpb-cache:${C}`;
+    const y = `bpb-cache:${N}`;
     try {
       const I = window.localStorage.getItem(y);
       I && ir(v, JSON.parse(I));
@@ -3281,14 +3281,14 @@ const hi = ({
     return () => {
       D && clearTimeout(D), T();
     };
-  }, [u, C, v]);
-  const x = wa(() => v.invalidateQueries({ queryKey: ["bpb", C] }), [v, C]), k = wa((y) => b == null ? void 0 : b(y), [b]), S = f > 0 ? f : !1;
+  }, [u, N, v]);
+  const x = wa(() => v.invalidateQueries({ queryKey: ["bpb", N] }), [v, N]), k = wa((y) => b == null ? void 0 : b(y), [b]), S = f > 0 ? f : !1;
   Ka.changeLanguage(n);
   const w = _e(
     () => ({
       client: a,
       queryClient: v,
-      scope: C,
+      scope: N,
       stripePromise: A,
       email: t,
       locale: n,
@@ -3307,7 +3307,7 @@ const hi = ({
     [
       a,
       v,
-      C,
+      N,
       A,
       t,
       n,
@@ -3330,7 +3330,7 @@ const hi = ({
       "data-bpb-theme": h ? "dark" : "light",
       "data-bpb-color-scheme": s,
       style: { display: "contents" },
-      children: N
+      children: C
     }
   ) }) });
 };
@@ -3495,7 +3495,7 @@ function vs(a, e) {
           i({ id: r, type: a, period: `${m}-01T00:00:00.000Z` }),
           l({})
         ]), b = new Map(g.bots.map((f) => [f.id, f.name]));
-        return u.data.map((f) => ({ botId: f.botId, name: b.get(f.botId) ?? f.botId, value: f.value })).sort((f, N) => N.value - f.value);
+        return u.data.map((f) => ({ botId: f.botId, name: b.get(f.botId) ?? f.botId, value: f.value })).sort((f, C) => C.value - f.value);
       },
       enabled: d && ((e == null ? void 0 : e.enabled) ?? !0),
       refetchInterval: s
@@ -3746,19 +3746,19 @@ const Ss = (a, e) => {
     const s = [];
     let i = 0, l = 0, d = 0, c;
     const m = r.length;
-    for (let N = 0; N < m; N++) {
-      const C = r[N];
+    for (let C = 0; C < m; C++) {
+      const N = r[C];
       if (i === 0 && l === 0) {
-        if (C === Ut) {
-          s.push(r.slice(d, N)), d = N + 1;
+        if (N === Ut) {
+          s.push(r.slice(d, C)), d = C + 1;
           continue;
         }
-        if (C === "/") {
-          c = N;
+        if (N === "/") {
+          c = C;
           continue;
         }
       }
-      C === "[" ? i++ : C === "]" ? i-- : C === "(" ? l++ : C === ")" && l--;
+      N === "[" ? i++ : N === "]" ? i-- : N === "(" ? l++ : N === ")" && l--;
     }
     const u = s.length === 0 ? r : r.slice(d);
     let g = u, b = !1;
@@ -3823,27 +3823,27 @@ const Ss = (a, e) => {
       isExternal: g,
       modifiers: b,
       hasImportantModifier: f,
-      baseClassName: N,
-      maybePostfixModifierPosition: C
+      baseClassName: C,
+      maybePostfixModifierPosition: N
     } = t(u);
     if (g) {
       c = u + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let v = !!C, h;
+    let v = !!N, h;
     if (v) {
-      const w = N.substring(0, C);
+      const w = C.substring(0, N);
       h = n(w);
-      const y = h && i[h] ? n(N) : void 0;
+      const y = h && i[h] ? n(C) : void 0;
       y && y !== h && (h = y, v = !1);
     } else
-      h = n(N);
+      h = n(C);
     if (!h) {
       if (!v) {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (h = n(N), !h) {
+      if (h = n(C), !h) {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
@@ -3901,7 +3901,7 @@ const Ss = (a, e) => {
   const n = Tn.exec(a);
   return n ? n[1] ? e(n[1]) : t : !1;
 }, Pn = (a) => a === "position" || a === "percentage", Fn = (a) => a === "image" || a === "url", Ln = (a) => a === "length" || a === "size" || a === "bg-size", In = (a) => a === "length", po = (a) => a === "number", En = (a) => a === "family-name", Rn = (a) => a === "number" || a === "weight", Mn = (a) => a === "shadow", mo = () => {
-  const a = he("color"), e = he("font"), t = he("text"), n = he("font-weight"), r = he("tracking"), s = he("leading"), i = he("breakpoint"), l = he("container"), d = he("spacing"), c = he("radius"), m = he("shadow"), u = he("inset-shadow"), g = he("text-shadow"), b = he("drop-shadow"), f = he("blur"), N = he("perspective"), C = he("aspect"), v = he("ease"), h = he("animate"), A = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], x = () => [
+  const a = he("color"), e = he("font"), t = he("text"), n = he("font-weight"), r = he("tracking"), s = he("leading"), i = he("breakpoint"), l = he("container"), d = he("spacing"), c = he("radius"), m = he("shadow"), u = he("inset-shadow"), g = he("text-shadow"), b = he("drop-shadow"), f = he("blur"), C = he("perspective"), N = he("aspect"), v = he("ease"), h = he("animate"), A = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], x = () => [
     "center",
     "top",
     "bottom",
@@ -3927,7 +3927,7 @@ const Ss = (a, e) => {
     repeat: ["", "x", "y", "space", "round"]
   }], $ = () => ["auto", "cover", "contain", lo, no, {
     size: [L, F]
-  }], V = () => [ja, pa, He], O = () => [
+  }], V = () => [ja, pa, He], U = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -3975,7 +3975,7 @@ const Ss = (a, e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Oe, F, L, C]
+        aspect: ["auto", "square", Oe, F, L, N]
       }],
       /**
        * Container
@@ -5102,105 +5102,105 @@ const Ss = (a, e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: O()
+        rounded: U()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": O()
+        "rounded-s": U()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": O()
+        "rounded-e": U()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": O()
+        "rounded-t": U()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": O()
+        "rounded-r": U()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": O()
+        "rounded-b": U()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": O()
+        "rounded-l": U()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": O()
+        "rounded-ss": U()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": O()
+        "rounded-se": U()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": O()
+        "rounded-ee": U()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": O()
+        "rounded-es": U()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": O()
+        "rounded-tl": U()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": O()
+        "rounded-tr": U()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": O()
+        "rounded-br": U()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": O()
+        "rounded-bl": U()
       }],
       /**
        * Border Width
@@ -6025,7 +6025,7 @@ const Ss = (a, e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [N, L, F]
+        perspective: [C, L, F]
       }],
       /**
        * Perspective Origin
@@ -6586,7 +6586,7 @@ const Ss = (a, e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, go = /* @__PURE__ */ Vs(mo);
-function U(...a) {
+function O(...a) {
   return go(_s(a));
 }
 function ee(a, e = "usd", t = 2, n = "en-US") {
@@ -6776,7 +6776,7 @@ const On = {
   ],
   enterprise: ["Voice channel", "Dedicated support", "SLA & security review", "Custom storage"],
   managed: []
-}, st = ({ variant: a = "accent", children: e, className: t }) => /* @__PURE__ */ o("span", { className: U("bpb-badge", `bpb-badge--${a}`, t), children: e }), be = ({
+}, st = ({ variant: a = "accent", children: e, className: t }) => /* @__PURE__ */ o("span", { className: O("bpb-badge", `bpb-badge--${a}`, t), children: e }), be = ({
   variant: a = "primary",
   size: e = "md",
   block: t = !1,
@@ -6790,7 +6790,7 @@ const On = {
   "button",
   {
     type: l,
-    className: U("bpb-btn", `bpb-btn--${a}`, `bpb-btn--${e}`, t && "bpb-btn--block", r),
+    className: O("bpb-btn", `bpb-btn--${a}`, `bpb-btn--${e}`, t && "bpb-btn--block", r),
     disabled: s || n,
     "data-loading": n || void 0,
     ...d,
@@ -7073,7 +7073,7 @@ const xe = ({
             "aria-modal": "true",
             "aria-label": i["aria-label"],
             tabIndex: -1,
-            className: U("bpb-dialog", `bpb-dialog--${t}`, r),
+            className: O("bpb-dialog", `bpb-dialog--${t}`, r),
             onClick: (u) => u.stopPropagation(),
             children: [
               s && /* @__PURE__ */ o("button", { type: "button", className: "bpb-dialog__close", "aria-label": "Close", onClick: m, children: /* @__PURE__ */ o(lt, { size: 18 }) }),
@@ -7104,7 +7104,7 @@ const xe = ({
   onChange: t,
   className: n,
   ...r
-}) => /* @__PURE__ */ o("div", { role: "radiogroup", "aria-label": r["aria-label"], className: U("bpb-segmented", n), children: a.map((s) => {
+}) => /* @__PURE__ */ o("div", { role: "radiogroup", "aria-label": r["aria-label"], className: O("bpb-segmented", n), children: a.map((s) => {
   const i = s.value === e;
   return /* @__PURE__ */ p(
     "button",
@@ -7112,7 +7112,7 @@ const xe = ({
       type: "button",
       role: "radio",
       "aria-checked": i,
-      className: U("bpb-segmented__option", i && "bpb-segmented__option--selected"),
+      className: O("bpb-segmented__option", i && "bpb-segmented__option--selected"),
       onClick: () => t(s.value),
       children: [
         s.label,
@@ -7125,7 +7125,7 @@ const xe = ({
   "span",
   {
     "aria-hidden": !0,
-    className: U("bpb-skeleton", t && "bpb-skeleton--rounded", n),
+    className: O("bpb-skeleton", t && "bpb-skeleton--rounded", n),
     style: { width: a ?? "100%", height: e }
   }
 );
@@ -7161,7 +7161,7 @@ const Bo = ({
   featureDescriptions: l
 }) => {
   var Q, z, H;
-  const { isOutdatedBilling: d, toast: c, analytics: m } = G(), { t: u } = oe(), [g, b] = K(r), { data: f, isLoading: N } = ze(), { data: C } = ia(), { data: v } = Fe({ enabled: a }), { data: h } = bn({ enabled: a }), A = Nn(), x = (h == null ? void 0 : h.planReadonly) ?? !1;
+  const { isOutdatedBilling: d, toast: c, analytics: m } = G(), { t: u } = oe(), [g, b] = K(r), { data: f, isLoading: C } = ze(), { data: N } = ia(), { data: v } = Fe({ enabled: a }), { data: h } = bn({ enabled: a }), A = Nn(), x = (h == null ? void 0 : h.planReadonly) ?? !1;
   Ce(() => {
     a && m.capture(pe.PLAN_PICKER_VIEWED, { interval: g });
   }, [a, m]);
@@ -7233,7 +7233,7 @@ const Bo = ({
           }
         ) }),
         /* @__PURE__ */ p("div", { className: "bpb-upgrade__grid", children: [
-          N && [0, 1, 2].map((_) => /* @__PURE__ */ p("div", { className: "bpb-plan-card", "aria-hidden": !0, children: [
+          C && [0, 1, 2].map((_) => /* @__PURE__ */ p("div", { className: "bpb-plan-card", "aria-hidden": !0, children: [
             /* @__PURE__ */ o(Y, { width: 120, height: 22 }),
             /* @__PURE__ */ o(Y, { width: 90, height: 40 }),
             /* @__PURE__ */ o(Y, { width: "100%", height: 36, rounded: !0 }),
@@ -7241,11 +7241,11 @@ const Bo = ({
           ] }, _)),
           R.map((_, ne) => {
             var ce, ae;
-            const P = ue(_), $ = Eo(_, g), V = Ro(_, g), O = (((ce = _.prices.month) == null ? void 0 : ce.amount) ?? 0) <= 0, j = P === y && (y === "community" || g === S), le = P === y && y !== "community" && g !== S, ie = !!D && _.id === D && !j, Z = y !== void 0 && na.indexOf(P) < na.indexOf(y), ge = (P === n || _.id === n) && !j, fe = j && T ? "cancel_downgrade" : j ? "current" : le ? "switch_interval" : ie ? "next" : Z ? "downgrade" : "upgrade", ye = ne > 0 ? R[ne - 1] : void 0, Le = i[P] ?? rt[P], we = _.features.conversation_sessions, Ie = nt(C, _, g), X = A.isPending && (fe === "downgrade" && ((ae = A.variables) == null ? void 0 : ae.planId) === _.id || fe === "cancel_downgrade");
+            const P = ue(_), $ = Eo(_, g), V = Ro(_, g), U = (((ce = _.prices.month) == null ? void 0 : ce.amount) ?? 0) <= 0, j = P === y && (y === "community" || g === S), le = P === y && y !== "community" && g !== S, ie = !!D && _.id === D && !j, Z = y !== void 0 && na.indexOf(P) < na.indexOf(y), ge = (P === n || _.id === n) && !j, fe = j && T ? "cancel_downgrade" : j ? "current" : le ? "switch_interval" : ie ? "next" : Z ? "downgrade" : "upgrade", ye = ne > 0 ? R[ne - 1] : void 0, Le = i[P] ?? rt[P], we = _.features.conversation_sessions, Ie = nt(N, _, g), X = A.isPending && (fe === "downgrade" && ((ae = A.variables) == null ? void 0 : ae.planId) === _.id || fe === "cancel_downgrade");
             return /* @__PURE__ */ p(
               "div",
               {
-                className: U("bpb-plan-card", ge && "bpb-plan-card--highlighted bpb-glow"),
+                className: O("bpb-plan-card", ge && "bpb-plan-card--highlighted bpb-glow"),
                 "data-plan-id": _.id,
                 children: [
                   /* @__PURE__ */ p("div", { className: "bpb-plan-card__header", children: [
@@ -7263,7 +7263,7 @@ const Bo = ({
                   we !== void 0 && /* @__PURE__ */ p("div", { className: "bpb-plan-card__allowance", children: [
                     /* @__PURE__ */ p("div", { className: "bpb-plan-card__metric", children: [
                       /* @__PURE__ */ o("span", { className: "bpb-plan-card__metric-value", children: re(we) }),
-                      /* @__PURE__ */ o("span", { className: "bpb-plan-card__metric-unit", children: u(O ? "conversationsUnit" : "conversationsPerMonth") })
+                      /* @__PURE__ */ o("span", { className: "bpb-plan-card__metric-unit", children: u(U ? "conversationsUnit" : "conversationsPerMonth") })
                     ] }),
                     Ie ? /* @__PURE__ */ o("p", { className: "bpb-plan-card__pack", children: u("upgradeThenPer", {
                       price: ee(Ie.amount, Ie.currency, 0),
@@ -7437,7 +7437,7 @@ const Oo = 4, Uo = ({
   onSubscribe: l
 }) => {
   var E, J, M, B, Q;
-  const { locale: d } = G(), { t: c } = oe(), { data: m } = ia(), u = ((E = a == null ? void 0 : a.prices.month) == null ? void 0 : E.currency) ?? ((J = a == null ? void 0 : a.prices.year) == null ? void 0 : J.currency) ?? "usd", g = a == null ? void 0 : a.features.conversation_sessions, b = a && ue(a) === "community" ? c("conversationsUnit") : c("conversationsPerMonth"), f = a ? nt(m, a, e) : null, N = (t == null ? void 0 : t.costs.immediate.amountDue) ?? 0, C = (t == null ? void 0 : t.costs.immediate.accountBalance) ?? 0, v = (t == null ? void 0 : t.costs.nextCycle.total) ?? 0, h = t != null && t.nextBillingDate ? $e(ho(t.nextBillingDate, 1), d) : null, A = a ? rt[ue(a)].slice(0, Oo) : [], x = a ? ((M = a.prices[e]) == null ? void 0 : M.amount) ?? 0 : 0, k = (t == null ? void 0 : t.costs.immediate.lineItems) ?? [], S = k.filter((z) => z.type === "discount"), w = k.filter((z) => z.type === "proration_credit" || z.type === "proration_charge").reduce((z, H) => z + H.amount, 0), y = !!(t != null && t.subscription.plan.effectiveDate), D = ((B = a == null ? void 0 : a.prices.month) == null ? void 0 : B.amount) ?? 0, T = ((Q = a == null ? void 0 : a.prices.year) == null ? void 0 : Q.amount) ?? 0, I = e === "year" && D > 0 && T > 0 ? Math.round(D * 12 - T) : 0, R = Math.round(I / 12);
+  const { locale: d } = G(), { t: c } = oe(), { data: m } = ia(), u = ((E = a == null ? void 0 : a.prices.month) == null ? void 0 : E.currency) ?? ((J = a == null ? void 0 : a.prices.year) == null ? void 0 : J.currency) ?? "usd", g = a == null ? void 0 : a.features.conversation_sessions, b = a && ue(a) === "community" ? c("conversationsUnit") : c("conversationsPerMonth"), f = a ? nt(m, a, e) : null, C = (t == null ? void 0 : t.costs.immediate.amountDue) ?? 0, N = (t == null ? void 0 : t.costs.immediate.accountBalance) ?? 0, v = (t == null ? void 0 : t.costs.nextCycle.total) ?? 0, h = t != null && t.nextBillingDate ? $e(ho(t.nextBillingDate, 1), d) : null, A = a ? rt[ue(a)].slice(0, Oo) : [], x = a ? ((M = a.prices[e]) == null ? void 0 : M.amount) ?? 0 : 0, k = (t == null ? void 0 : t.costs.immediate.lineItems) ?? [], S = k.filter((z) => z.type === "discount"), w = k.filter((z) => z.type === "proration_credit" || z.type === "proration_charge").reduce((z, H) => z + H.amount, 0), y = !!(t != null && t.subscription.plan.effectiveDate), D = ((B = a == null ? void 0 : a.prices.month) == null ? void 0 : B.amount) ?? 0, T = ((Q = a == null ? void 0 : a.prices.year) == null ? void 0 : Q.amount) ?? 0, I = e === "year" && D > 0 && T > 0 ? Math.round(D * 12 - T) : 0, R = Math.round(I / 12);
   return /* @__PURE__ */ p("div", { className: "bpb-summary-wrap", children: [
     /* @__PURE__ */ p("div", { className: "bpb-summary bpb-glow", children: [
       /* @__PURE__ */ o("h3", { className: "bpb-summary__title", children: a ? `${se(a.name)} plan` : /* @__PURE__ */ o(Y, { width: 140, height: 24 }) }),
@@ -7481,11 +7481,11 @@ const Oo = 4, Uo = ({
         ] }),
         /* @__PURE__ */ p("div", { className: "bpb-summary__line", children: [
           /* @__PURE__ */ o("span", { className: "bpb-summary__line-label", children: /* @__PURE__ */ o(Ia, { label: c("orderProratedToday"), children: c("orderProratedTodayDesc") }) }),
-          /* @__PURE__ */ o("span", { className: "bpb-summary__line-amount", children: ee(N, u) })
+          /* @__PURE__ */ o("span", { className: "bpb-summary__line-amount", children: ee(C, u) })
         ] }),
         /* @__PURE__ */ p("div", { className: "bpb-summary__line bpb-summary__line--total", children: [
           /* @__PURE__ */ o("span", { children: c("orderDueToday") }),
-          /* @__PURE__ */ o("span", { children: ee(N, u) })
+          /* @__PURE__ */ o("span", { children: ee(C, u) })
         ] }),
         w < 0 && /* @__PURE__ */ o("p", { className: "bpb-summary__addon-note", children: c("orderCreditTowardNext", { amount: ee(Math.abs(w), u) }) })
       ] }),
@@ -7510,15 +7510,15 @@ const Oo = 4, Uo = ({
           /* @__PURE__ */ o("span", { className: "bpb-summary__line-label", children: /* @__PURE__ */ o(Ia, { label: w < 0 ? c("orderCreditUnusedTime") : c("orderAdjustUnusedTime"), children: w < 0 ? c("orderCreditUnusedTimeDesc") : c("orderAdjustUnusedTimeDesc") }) }),
           /* @__PURE__ */ o("span", { className: "bpb-summary__line-amount", children: ee(w, u) })
         ] }),
-        C !== 0 && /* @__PURE__ */ p("div", { className: "bpb-summary__line", children: [
+        N !== 0 && /* @__PURE__ */ p("div", { className: "bpb-summary__line", children: [
           /* @__PURE__ */ o("span", { className: "bpb-summary__line-label", children: c("orderAccountCredit") }),
-          /* @__PURE__ */ o("span", { className: "bpb-summary__line-amount", children: ee(C, u) })
+          /* @__PURE__ */ o("span", { className: "bpb-summary__line-amount", children: ee(N, u) })
         ] }),
         /* @__PURE__ */ p("div", { className: "bpb-summary__line bpb-summary__line--total", children: [
           /* @__PURE__ */ o("span", { children: c("orderDueToday") }),
-          /* @__PURE__ */ o("span", { children: ee(N, u) })
+          /* @__PURE__ */ o("span", { children: ee(C, u) })
         ] }),
-        w < 0 && N === 0 && /* @__PURE__ */ o("p", { className: "bpb-summary__addon-note", children: c("orderBalanceAsCredit", { amount: ee(Math.abs(w), u) }) })
+        w < 0 && C === 0 && /* @__PURE__ */ o("p", { className: "bpb-summary__addon-note", children: c("orderBalanceAsCredit", { amount: ee(Math.abs(w), u) }) })
       ] }),
       I > 0 && /* @__PURE__ */ p("div", { className: "bpb-summary__savings", children: [
         /* @__PURE__ */ o(Un, { size: 18, className: "bpb-summary__savings-icon" }),
@@ -7620,16 +7620,16 @@ function Kn(a) {
   const e = a.toUpperCase();
   return qo.includes(e) ? jo : $o[e] ?? [];
 }
-const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("label", { className: U("bpb-input", e), children: [
+const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("label", { className: O("bpb-input", e), children: [
   /* @__PURE__ */ o("span", { className: "bpb-input__label", children: a }),
   /* @__PURE__ */ o("input", { className: "bpb-input__field bpb-input__field--labeled", id: t, ...n })
-] }) : /* @__PURE__ */ o("input", { className: U("bpb-input__field", e), id: t, ...n }), Hn = ({ label: a, className: e, children: t, ...n }) => /* @__PURE__ */ p("label", { className: U("bpb-input", e), children: [
+] }) : /* @__PURE__ */ o("input", { className: O("bpb-input__field", e), id: t, ...n }), Hn = ({ label: a, className: e, children: t, ...n }) => /* @__PURE__ */ p("label", { className: O("bpb-input", e), children: [
   a && /* @__PURE__ */ o("span", { className: "bpb-input__label", children: a }),
   /* @__PURE__ */ p("span", { className: "bpb-input__select-wrap", children: [
     /* @__PURE__ */ o(
       "select",
       {
-        className: U("bpb-input__field bpb-input__field--select", a && "bpb-input__field--labeled"),
+        className: O("bpb-input__field bpb-input__field--select", a && "bpb-input__field--labeled"),
         ...n,
         children: t
       }
@@ -7651,7 +7651,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
           type: "button",
           role: "radio",
           "aria-checked": e === "month",
-          className: U("bpb-interval-card", e === "month" && "bpb-interval-card--selected"),
+          className: O("bpb-interval-card", e === "month" && "bpb-interval-card--selected"),
           onClick: () => t("month"),
           children: [
             /* @__PURE__ */ o("span", { className: "bpb-interval-card__title", children: n("checkoutMonthlyBilling") }),
@@ -7669,7 +7669,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
           type: "button",
           role: "radio",
           "aria-checked": e === "year",
-          className: U("bpb-interval-card", e === "year" && "bpb-interval-card--selected"),
+          className: O("bpb-interval-card", e === "year" && "bpb-interval-card--selected"),
           onClick: () => t("year"),
           children: [
             /* @__PURE__ */ p("span", { className: "bpb-interval-card__title", children: [
@@ -7722,7 +7722,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
           type: "button",
           role: "tab",
           "aria-selected": n === "saved",
-          className: U("bpb-pay-tab", n === "saved" && "bpb-pay-tab--selected"),
+          className: O("bpb-pay-tab", n === "saved" && "bpb-pay-tab--selected"),
           onClick: () => r("saved"),
           children: [
             /* @__PURE__ */ o(Kt, { size: 16 }),
@@ -7736,7 +7736,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
           type: "button",
           role: "tab",
           "aria-selected": n === "new",
-          className: U("bpb-pay-tab", n === "new" && "bpb-pay-tab--selected"),
+          className: O("bpb-pay-tab", n === "new" && "bpb-pay-tab--selected"),
           onClick: () => r("new"),
           children: [
             /* @__PURE__ */ o(Kt, { size: 16 }),
@@ -7760,7 +7760,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
     ] }),
     c && /* @__PURE__ */ p("div", { className: "bpb-payment-element", children: [
       !l && /* @__PURE__ */ o("div", { className: "bpb-payment-element__skeleton", children: /* @__PURE__ */ o(Y, { height: 48 }) }),
-      /* @__PURE__ */ o("div", { className: U("bpb-card-element", !l && "bpb-payment-element--hidden"), children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o("div", { className: O("bpb-card-element", !l && "bpb-payment-element--hidden"), children: /* @__PURE__ */ o(
         Aa,
         {
           options: { style: Wn(t), hidePostalCode: !0 },
@@ -7786,8 +7786,8 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
   businessName: g,
   onBusinessNameChange: b,
   taxType: f,
-  onTaxTypeChange: N,
-  taxValue: C,
+  onTaxTypeChange: C,
+  taxValue: N,
   onTaxValueChange: v
 }) => {
   const { t: h } = oe(), [A, x] = K(!1), k = r || !e, S = Kn(c), w = S.find((y) => y.type === f);
@@ -7798,7 +7798,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
         /* @__PURE__ */ o(Y, { height: 48 }),
         /* @__PURE__ */ o(Y, { height: 48 })
       ] }),
-      /* @__PURE__ */ o("div", { className: U(!A && "bpb-payment-element--hidden"), children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o("div", { className: O(!A && "bpb-payment-element--hidden"), children: /* @__PURE__ */ o(
         Xt,
         {
           options: {
@@ -7858,7 +7858,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
           type: "checkbox",
           checked: m,
           onChange: (y) => {
-            u(y.target.checked), y.target.checked && !f && S[0] && N(S[0].type);
+            u(y.target.checked), y.target.checked && !f && S[0] && C(S[0].type);
           }
         }
       ),
@@ -7881,7 +7881,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
           {
             "aria-label": h("checkoutTaxIdTypeLabel"),
             value: f,
-            onChange: (y) => N(y.target.value),
+            onChange: (y) => C(y.target.value),
             children: S.map((y) => /* @__PURE__ */ p("option", { value: y.type, children: [
               y.label,
               " — ",
@@ -7893,7 +7893,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
           Qa,
           {
             placeholder: w ? w.description : h("checkoutTaxIdNumberPlaceholder"),
-            value: C,
+            value: N,
             onChange: (y) => v(y.target.value),
             inputMode: "text"
           }
@@ -7903,13 +7903,13 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
   ] });
 }, Ko = ({ planId: a, initialInterval: e, clientSecret: t, onSuccess: n }) => {
   var ht;
-  const r = en(), s = an(), { email: i, toast: l, analytics: d, isDark: c } = G(), { t: m } = oe(), [u, g] = K(e), [b, f] = K("payment"), [N, C] = K(null), [v, h] = K(!1), [A, x] = K(!1), [k, S] = K(!1), [w, y] = K(void 0), [D, T] = K(!1), [I, R] = K(""), [E, J] = K(""), [M, B] = K(""), [Q, z] = K(!1), [H, _] = K(null), { data: ne } = ze(), { data: P } = Fe(), { data: $, isLoading: V } = mn(), { data: O, isLoading: j } = gn(), { data: le } = hn(), ie = ne == null ? void 0 : ne.find((Se) => Se.id === a), Z = ((ht = $ == null ? void 0 : $.paymentMethod) == null ? void 0 : ht.card) ?? null, ge = (O == null ? void 0 : O.address) ?? null;
+  const r = en(), s = an(), { email: i, toast: l, analytics: d, isDark: c } = G(), { t: m } = oe(), [u, g] = K(e), [b, f] = K("payment"), [C, N] = K(null), [v, h] = K(!1), [A, x] = K(!1), [k, S] = K(!1), [w, y] = K(void 0), [D, T] = K(!1), [I, R] = K(""), [E, J] = K(""), [M, B] = K(""), [Q, z] = K(!1), [H, _] = K(null), { data: ne } = ze(), { data: P } = Fe(), { data: $, isLoading: V } = mn(), { data: U, isLoading: j } = gn(), { data: le } = hn(), ie = ne == null ? void 0 : ne.find((Se) => Se.id === a), Z = ((ht = $ == null ? void 0 : $.paymentMethod) == null ? void 0 : ht.card) ?? null, ge = (U == null ? void 0 : U.address) ?? null;
   Ce(() => {
-    N === null && !V && $ !== void 0 && C(Z ? "saved" : "new");
-  }, [N, V, $, Z]), Ce(() => {
+    C === null && !V && $ !== void 0 && N(Z ? "saved" : "new");
+  }, [C, V, $, Z]), Ce(() => {
     w === void 0 && ge && y(ge.country);
   }, [w, ge]);
-  const fe = _e(() => ({ plan: { planId: a, interval: u } }), [a, u]), ye = pn(fe), Le = yn(), we = vn(), Ie = Cn(), X = Nn(), ce = ie ? se(ie.name) : "", ae = N === "new" || !Z, de = A || !ge, Ae = ae ? v : !!Z, Ee = de ? k : !0;
+  const fe = _e(() => ({ plan: { planId: a, interval: u } }), [a, u]), ye = pn(fe), Le = yn(), we = vn(), Ie = Cn(), X = Nn(), ce = ie ? se(ie.name) : "", ae = C === "new" || !Z, de = A || !ge, Ae = ae ? v : !!Z, Ee = de ? k : !0;
   Ce(() => {
     f(Ae ? "address" : "payment");
   }, [Ae]), Ce(() => {
@@ -7918,7 +7918,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
   const Je = (Se) => {
     Se !== u && d.capture(pe.CHECKOUT_INTERVAL_CHANGED, { plan_name: ce, interval: Se }), g(Se);
   }, da = (Se) => {
-    d.capture(pe.PAYMENT_METHOD_SELECTED, { method: Se === "saved" ? "saved_card" : "new_card" }), C(Se);
+    d.capture(pe.PAYMENT_METHOD_SELECTED, { method: Se === "saved" ? "saved_card" : "new_card" }), N(Se);
   }, Ve = !!r && !!s && !!ie && !ye.isError && !!ye.data && Ae && Ee && !Q, ar = async () => {
     var bt, ft, yt, vt;
     if (!r || !s || !ie)
@@ -8005,7 +8005,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
           stepNumber: 1,
           savedCard: Z,
           isDark: c,
-          tab: N ?? "new",
+          tab: C ?? "new",
           onTabChange: da,
           onPaymentChange: h
         }
@@ -8050,12 +8050,12 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
     ) })
   ] });
 }, Ho = ({ open: a, onOpenChange: e, planId: t, interval: n, onBack: r, onSuccess: s }) => {
-  var C;
-  const { stripePromise: i, isDark: l, locale: d, isOutdatedBilling: c } = G(), { t: m } = oe(), u = fn(), g = (C = u.data) == null ? void 0 : C.clientSecret, { mutate: b, reset: f } = u;
+  var N;
+  const { stripePromise: i, isDark: l, locale: d, isOutdatedBilling: c } = G(), { t: m } = oe(), u = fn(), g = (N = u.data) == null ? void 0 : N.clientSecret, { mutate: b, reset: f } = u;
   Ce(() => {
     a && !c ? b() : f();
   }, [a, c, b, f]);
-  const N = _e(
+  const C = _e(
     () => g ? {
       clientSecret: g,
       appearance: Vn(l),
@@ -8073,7 +8073,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
       u.error instanceof Error && u.error.message && /* @__PURE__ */ o("p", { className: "bpb-checkout__error-detail", children: u.error.message }),
       /* @__PURE__ */ o("p", { className: "bpb-checkout__error-detail", children: m("checkoutSessionErrorDetail") }),
       /* @__PURE__ */ o(be, { variant: "outline", onClick: () => b(), children: m("tryAgain") })
-    ] }) : !N || !g ? /* @__PURE__ */ p("div", { className: "bpb-checkout__columns", "aria-busy": "true", children: [
+    ] }) : !C || !g ? /* @__PURE__ */ p("div", { className: "bpb-checkout__columns", "aria-busy": "true", children: [
       /* @__PURE__ */ p("div", { className: "bpb-checkout__main", children: [
         /* @__PURE__ */ o(Y, { height: 56 }),
         /* @__PURE__ */ o(Y, { height: 56 }),
@@ -8081,7 +8081,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
         /* @__PURE__ */ o(Y, { height: 56 })
       ] }),
       /* @__PURE__ */ o("div", { className: "bpb-checkout__aside", children: /* @__PURE__ */ o(Y, { height: 320 }) })
-    ] }) : /* @__PURE__ */ o(tn, { stripe: i, options: N, children: /* @__PURE__ */ o(
+    ] }) : /* @__PURE__ */ o(tn, { stripe: i, options: C, children: /* @__PURE__ */ o(
       Ko,
       {
         planId: t,
@@ -8095,7 +8095,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
   ] }) });
 }, Yo = ({ value: a, onChange: e, min: t = 0, max: n, step: r = 1, className: s, ...i }) => {
   const l = () => e(Math.max(t, a - r)), d = () => e(n === void 0 ? a + r : Math.min(n, a + r));
-  return /* @__PURE__ */ p("div", { className: U("bpb-stepper", s), children: [
+  return /* @__PURE__ */ p("div", { className: O("bpb-stepper", s), children: [
     /* @__PURE__ */ o(
       "button",
       {
@@ -8139,14 +8139,14 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
   onUpgrade: t
 }) => {
   var z, H, _, ne;
-  const { toast: n, locale: r } = G(), { t: s } = oe(), { data: i } = Fe(), { data: l } = ia(), { data: d } = ze(), { data: c } = bn(), m = Ns(), [u, g] = K(null), b = d == null ? void 0 : d.find((P) => P.id === (i == null ? void 0 : i.plan.current.planId)), f = (i == null ? void 0 : i.plan.current.interval) ?? "month", N = (c == null ? void 0 : c.addonsReadonly) ?? !1, C = i != null && i.plan.current.periodEnd ? $e(i.plan.current.periodEnd, r) : null, v = _e(() => {
+  const { toast: n, locale: r } = G(), { t: s } = oe(), { data: i } = Fe(), { data: l } = ia(), { data: d } = ze(), { data: c } = bn(), m = Ns(), [u, g] = K(null), b = d == null ? void 0 : d.find((P) => P.id === (i == null ? void 0 : i.plan.current.planId)), f = (i == null ? void 0 : i.plan.current.interval) ?? "month", C = (c == null ? void 0 : c.addonsReadonly) ?? !1, N = i != null && i.plan.current.periodEnd ? $e(i.plan.current.periodEnd, r) : null, v = _e(() => {
     var $;
     if (!i || !l)
       return null;
     const P = {};
     for (const V of l) {
-      const O = i.addons[V.id];
-      P[V.id] = (($ = O == null ? void 0 : O.next) == null ? void 0 : $.quantity) ?? (O == null ? void 0 : O.current.quantity) ?? 0;
+      const U = i.addons[V.id];
+      P[V.id] = (($ = U == null ? void 0 : U.next) == null ? void 0 : $.quantity) ?? (U == null ? void 0 : U.current.quantity) ?? 0;
     }
     return P;
   }, [i, l]), h = u ?? v, A = _e(() => !l || !b ? [] : l.flatMap((P) => {
@@ -8161,13 +8161,13 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
   ), w = pn(S ?? { plan: { planId: "", interval: f } }, {
     enabled: !!S && x
   }), y = ((z = b == null ? void 0 : b.prices[f]) == null ? void 0 : z.currency) ?? "usd", D = ((H = w.data) == null ? void 0 : H.costs.immediate.amountDue) ?? 0, T = (_ = w.data) != null && _.nextBillingDate ? $e(w.data.nextBillingDate, r) : null, I = ((ne = b == null ? void 0 : b.prices[f]) == null ? void 0 : ne.amount) ?? 0, R = I + k, E = b && h ? yo(b, l, h) : [], J = (P, $) => $ === "bytes" ? ra(P) : re(P), M = (P, $) => {
-    const V = l == null ? void 0 : l.find((ie) => ie.id === P), O = V == null ? void 0 : V.increments;
-    if (!O || $ <= 0)
+    const V = l == null ? void 0 : l.find((ie) => ie.id === P), U = V == null ? void 0 : V.increments;
+    if (!U || $ <= 0)
       return null;
-    const j = O.conversation_sessions ?? 0;
+    const j = U.conversation_sessions ?? 0;
     if (j > 0)
       return s("addonsConvos", { n: re(j * $) });
-    const le = O.file_storage ?? 0;
+    const le = U.file_storage ?? 0;
     return le > 0 ? ra(le * $) : null;
   }, B = () => {
     h && m.mutate(
@@ -8208,7 +8208,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
     ] }) : /* @__PURE__ */ p(ve, { children: [
       /* @__PURE__ */ o("div", { className: "bpb-addons", children: A.map(({ addon: P, price: $ }) => {
         var ie;
-        const V = ((ie = i == null ? void 0 : i.addons[P.id]) == null ? void 0 : ie.current.quantity) ?? 0, O = (h == null ? void 0 : h[P.id]) ?? 0, j = O !== V ? O === 0 ? C ? s("addonRemovedOnDate", { activeNow: V, date: C }) : s("addonRemovedNextCycle", { activeNow: V }) : C ? s("addonChangedOnDate", { activeNow: V, pending: O, date: C }) : s("addonChangedNextCycle", { activeNow: V, pending: O }) : V > 0 ? s("addonActiveOnly", { count: V }) : null, le = M(P.id, O);
+        const V = ((ie = i == null ? void 0 : i.addons[P.id]) == null ? void 0 : ie.current.quantity) ?? 0, U = (h == null ? void 0 : h[P.id]) ?? 0, j = U !== V ? U === 0 ? N ? s("addonRemovedOnDate", { activeNow: V, date: N }) : s("addonRemovedNextCycle", { activeNow: V }) : N ? s("addonChangedOnDate", { activeNow: V, pending: U, date: N }) : s("addonChangedNextCycle", { activeNow: V, pending: U }) : V > 0 ? s("addonActiveOnly", { count: V }) : null, le = M(P.id, U);
         return /* @__PURE__ */ p("div", { className: "bpb-addon-row", children: [
           /* @__PURE__ */ p("div", { className: "bpb-addon-row__info", children: [
             /* @__PURE__ */ o("span", { className: "bpb-addon-row__name", children: Ue[P.id] ? s(Ue[P.id]) : Sa(P.name) }),
@@ -8221,9 +8221,9 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
             j && /* @__PURE__ */ o(
               "span",
               {
-                className: U(
+                className: O(
                   "bpb-addon-row__status",
-                  O !== V && "bpb-addon-row__status--changed"
+                  U !== V && "bpb-addon-row__status--changed"
                 ),
                 children: j
               }
@@ -8235,7 +8235,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
               Yo,
               {
                 "aria-label": `${Ue[P.id] ? s(Ue[P.id]) : Sa(P.name)} quantity`,
-                value: O,
+                value: U,
                 onChange: (Z) => g({ ...h ?? {}, [P.id]: Z })
               }
             )
@@ -8301,14 +8301,14 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
           interval: s(f === "year" ? "perYear" : "perMonth")
         })
       ] }),
-      N && /* @__PURE__ */ o("p", { className: "bpb-manage-addons__note", role: "alert", children: s("addonsReadonlyNote") }),
+      C && /* @__PURE__ */ o("p", { className: "bpb-manage-addons__note", role: "alert", children: s("addonsReadonlyNote") }),
       /* @__PURE__ */ p("div", { className: "bpb-manage-addons__actions", children: [
         /* @__PURE__ */ o(be, { variant: "outline", onClick: () => a(!1), disabled: m.isPending, children: s("cancel") }),
         /* @__PURE__ */ o(
           be,
           {
             variant: "primary",
-            disabled: !x || N,
+            disabled: !x || C,
             loading: m.isPending,
             onClick: B,
             children: s("addonsUpdateSubscription")
@@ -8406,10 +8406,10 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
   onSuccess: t
 }) => {
   var Ie;
-  const n = en(), r = an(), { toast: s, analytics: i } = G(), { t: l } = oe(), { data: d, isLoading: c } = mn(), { data: m, isLoading: u } = gn(), { data: g, isLoading: b } = hn(), f = yn(), N = vn(), C = Cn(), v = ((Ie = d == null ? void 0 : d.paymentMethod) == null ? void 0 : Ie.card) ?? null, h = (m == null ? void 0 : m.address) ?? null, A = (g == null ? void 0 : g.taxIds) ?? [], [x, k] = K(!1), [S, w] = K(!1), [y, D] = K(!1), [T, I] = K(!1), [R, E] = K(null), [J, M] = K(!1), [B, Q] = K(!1), [z, H] = K(null), [_, ne] = K(h == null ? void 0 : h.country), [P, $] = K(A.length > 0), [V, O] = K(null), j = V ?? A.map((X) => ({ type: X.type, value: X.value })), le = Kn(_), ie = V !== null, Z = x || !v, ge = (X, ce) => O(j.map((ae, de) => de === X ? { ...ae, ...ce } : ae)), fe = () => {
+  const n = en(), r = an(), { toast: s, analytics: i } = G(), { t: l } = oe(), { data: d, isLoading: c } = mn(), { data: m, isLoading: u } = gn(), { data: g, isLoading: b } = hn(), f = yn(), C = vn(), N = Cn(), v = ((Ie = d == null ? void 0 : d.paymentMethod) == null ? void 0 : Ie.card) ?? null, h = (m == null ? void 0 : m.address) ?? null, A = (g == null ? void 0 : g.taxIds) ?? [], [x, k] = K(!1), [S, w] = K(!1), [y, D] = K(!1), [T, I] = K(!1), [R, E] = K(null), [J, M] = K(!1), [B, Q] = K(!1), [z, H] = K(null), [_, ne] = K(h == null ? void 0 : h.country), [P, $] = K(A.length > 0), [V, U] = K(null), j = V ?? A.map((X) => ({ type: X.type, value: X.value })), le = Kn(_), ie = V !== null, Z = x || !v, ge = (X, ce) => U(j.map((ae, de) => de === X ? { ...ae, ...ce } : ae)), fe = () => {
     var X;
-    return O([...j, { type: ((X = le[0]) == null ? void 0 : X.type) ?? "", value: "" }]);
-  }, ye = (X) => O(j.filter((ce, ae) => ae !== X)), Le = async () => {
+    return U([...j, { type: ((X = le[0]) == null ? void 0 : X.type) ?? "", value: "" }]);
+  }, ye = (X) => U(j.filter((ce, ae) => ae !== X)), Le = async () => {
     if (!n || !r)
       return;
     const X = r.getElement(Aa);
@@ -8448,7 +8448,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
     Q(!0), H(null);
     try {
       const { address: de, name: Ae } = ae;
-      await N.mutateAsync({
+      await C.mutateAsync({
         lineOne: de.line1 ?? "",
         lineTwo: de.line2 ?? void 0,
         city: de.city ?? "",
@@ -8457,7 +8457,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
         country: de.country ?? ""
       });
       const Ee = (Ae == null ? void 0 : Ae.trim()) || void 0, Je = j.filter((Ve) => !!Ve.type && Ve.value.trim() !== "").map((Ve) => ({ type: Ve.type, value: Ve.value.trim() }));
-      (Ee !== ((g == null ? void 0 : g.name) ?? void 0) || ie) && await C.mutateAsync({ name: Ee, taxIds: Je }), i.capture(pe.BILLING_ADDRESS_UPDATED), s({ type: "success", message: l("paymentDetailsUpdated") }), t == null || t();
+      (Ee !== ((g == null ? void 0 : g.name) ?? void 0) || ie) && await N.mutateAsync({ name: Ee, taxIds: Je }), i.capture(pe.BILLING_ADDRESS_UPDATED), s({ type: "success", message: l("paymentDetailsUpdated") }), t == null || t();
     } catch (de) {
       const Ae = de instanceof Error && de.message ? de.message : l("paymentAddressError");
       H(Ae), s({ type: "error", message: l("paymentDetailsUpdateError") });
@@ -8537,7 +8537,7 @@ const Qa = ({ label: a, className: e, id: t, ...n }) => a ? /* @__PURE__ */ p("l
                   ct,
                   {
                     size: 16,
-                    className: U("bpb-tax-toggle__chevron", P && "bpb-tax-toggle__chevron--open")
+                    className: O("bpb-tax-toggle__chevron", P && "bpb-tax-toggle__chevron--open")
                   }
                 ),
                 l("paymentTaxIds"),
@@ -8666,15 +8666,15 @@ const Si = ({
   period: l
 }) => {
   var J, M;
-  const { isOutdatedBilling: d, analytics: c, scope: m } = G(), { t: u } = oe(), { data: g } = ze(), { data: b } = ia(), { data: f } = Fe({ enabled: !d }), { data: N } = la({ period: l, enabled: !d }), C = a !== void 0, [v, h] = K(!1), A = g == null ? void 0 : g.find((B) => B.id === (f == null ? void 0 : f.plan.current.planId)), x = f ? A ? ue(A) === "community" : !0 : !1, k = _e(() => za(N).find((B) => B.key === "conversation_sessions"), [N]), S = !C && !d && x && !!k && k.pct / 100 >= ai && !v && !Zn(Jt, m, "modal"), w = C ? !!a : S;
+  const { isOutdatedBilling: d, analytics: c, scope: m } = G(), { t: u } = oe(), { data: g } = ze(), { data: b } = ia(), { data: f } = Fe({ enabled: !d }), { data: C } = la({ period: l, enabled: !d }), N = a !== void 0, [v, h] = K(!1), A = g == null ? void 0 : g.find((B) => B.id === (f == null ? void 0 : f.plan.current.planId)), x = f ? A ? ue(A) === "community" : !0 : !1, k = _e(() => za(C).find((B) => B.key === "conversation_sessions"), [C]), S = !N && !d && x && !!k && k.pct / 100 >= ai && !v && !Zn(Jt, m, "modal"), w = N ? !!a : S;
   Ce(() => {
     w && c.capture(pe.PLAN_PICKER_VIEWED, {
-      source: C ? "outgrow_free" : "outgrow_free_auto",
+      source: N ? "outgrow_free" : "outgrow_free_auto",
       interval: r
     });
-  }, [w, C, c]);
+  }, [w, N, c]);
   const y = () => {
-    C || (Xn(Jt, m, "modal"), h(!0)), e == null || e(!1);
+    N || (Xn(Jt, m, "modal"), h(!0)), e == null || e(!1);
   }, D = _e(() => g ? g.filter((B) => {
     const Q = ue(B);
     return Q !== "community" && Q !== "enterprise" && Q !== "managed";
@@ -8717,11 +8717,11 @@ const Si = ({
       ) })
     ] }),
     /* @__PURE__ */ o("div", { className: "bpb-outgrow__grid", children: D.map((B, Q) => {
-      const z = ue(B), H = ni(B, r), _ = ri(B, r), ne = z === n || B.id === n, P = B.features.conversation_sessions, $ = nt(b, B, r), V = Q > 0 ? D[Q - 1] : void 0, O = (s[z] ?? rt[z]).slice(0, ti);
+      const z = ue(B), H = ni(B, r), _ = ri(B, r), ne = z === n || B.id === n, P = B.features.conversation_sessions, $ = nt(b, B, r), V = Q > 0 ? D[Q - 1] : void 0, U = (s[z] ?? rt[z]).slice(0, ti);
       return /* @__PURE__ */ p(
         "div",
         {
-          className: U("bpb-plan-card", ne && "bpb-plan-card--highlighted bpb-glow"),
+          className: O("bpb-plan-card", ne && "bpb-plan-card--highlighted bpb-glow"),
           "data-plan-id": B.id,
           children: [
             /* @__PURE__ */ p("div", { className: "bpb-plan-card__header", children: [
@@ -8774,7 +8774,7 @@ const Si = ({
             ),
             /* @__PURE__ */ p("ul", { className: "bpb-plan-card__features", children: [
               V && /* @__PURE__ */ o("li", { className: "bpb-outgrow__features-lead", children: u("outgrowEverythingIn", { planName: se(V.name) }) }),
-              O.map((j) => {
+              U.map((j) => {
                 const le = ut(j), ie = On[j], Z = ie !== void 0 ? u(ie.label) : j, ge = (i == null ? void 0 : i[j]) ?? (ie !== void 0 ? u(ie.desc) : void 0);
                 return /* @__PURE__ */ p("li", { children: [
                   /* @__PURE__ */ o("span", { className: "bpb-plan-card__feature-chip", children: /* @__PURE__ */ o(le, { size: 13 }) }),
@@ -8835,7 +8835,7 @@ const Si = ({
       "div",
       {
         className: "bpb-usage-bar__fill bpb-usage-bar__fill--normal",
-        style: { width: `${Math.max(2, Math.round(i.value / s * 100))}%` }
+        style: { width: `${i.value > 0 ? Math.max(2, Math.round(i.value / s * 100)) : 0}%` }
       }
     ) })
   ] }, i.botId)) });
@@ -8843,37 +8843,51 @@ const Si = ({
   entry: a,
   metric: e,
   planAllowance: t,
-  planName: n
+  planName: n,
+  stacked: r
 }) => {
-  const { t: r } = oe(), s = a.usage ?? 0, i = a.quota > 0 ? Math.max(0, Math.min(100, Math.round(s / a.quota * 100))) : 0, l = i > 0 ? Math.max(5, i) : 0, d = i >= 90 ? "critical" : i >= 75 ? "warning" : "normal", c = t ?? a.quota, m = Math.max(0, a.quota - c), u = m > 0 ? n ? r("dashboardFromPlanWithAddons", {
-    amount: Be(c, e.unit),
+  const { t: s } = oe(), i = a.usage ?? 0, l = a.quota > 0 ? Math.max(0, Math.min(100, Math.round(i / a.quota * 100))) : 0, d = l > 0 ? Math.max(5, l) : 0, c = l >= 90 ? "critical" : l >= 75 ? "warning" : "normal", m = t ?? a.quota, u = Math.max(0, a.quota - m), g = u > 0 ? n ? s("dashboardFromPlanWithAddons", {
+    amount: Be(m, e.unit),
     planName: n,
-    addonAmount: Be(m, e.unit)
-  }) : r("dashboardFromPlanGenericWithAddons", {
-    amount: Be(c, e.unit),
-    addonAmount: Be(m, e.unit)
-  }) : n ? r("dashboardFromPlan", { amount: Be(a.quota, e.unit), planName: n }) : r("dashboardFromPlanGeneric", { amount: Be(a.quota, e.unit) });
+    addonAmount: Be(u, e.unit)
+  }) : s("dashboardFromPlanGenericWithAddons", {
+    amount: Be(m, e.unit),
+    addonAmount: Be(u, e.unit)
+  }) : n ? s("dashboardFromPlan", { amount: Be(a.quota, e.unit), planName: n }) : s("dashboardFromPlanGeneric", { amount: Be(a.quota, e.unit) });
   return /* @__PURE__ */ p("div", { className: "bpb-usage-row", children: [
-    /* @__PURE__ */ p("div", { className: "bpb-usage-row__head", children: [
+    /* @__PURE__ */ p("div", { className: O("bpb-usage-row__head", r && "bpb-usage-row__head--stacked"), children: [
       /* @__PURE__ */ o("span", { className: "bpb-usage-row__label", children: e.label }),
       /* @__PURE__ */ p("span", { className: "bpb-usage-row__value", children: [
-        /* @__PURE__ */ o("span", { className: "bpb-usage-row__used", children: Be(s, e.unit) }),
+        /* @__PURE__ */ o("span", { className: "bpb-usage-row__used", children: Be(i, e.unit) }),
         /* @__PURE__ */ p("span", { className: "bpb-usage-row__quota", children: [
           " / ",
           Be(a.quota, e.unit)
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ p("span", { className: "bpb-usage-tip", tabIndex: 0, role: "note", "aria-label": u, children: [
-      /* @__PURE__ */ o("div", { className: "bpb-usage-bar", role: "progressbar", "aria-valuenow": i, "aria-valuemin": 0, "aria-valuemax": 100, children: /* @__PURE__ */ o(
-        "div",
-        {
-          className: U("bpb-usage-bar__fill", `bpb-usage-bar__fill--${d}`),
-          style: { width: `${l}%` }
-        }
-      ) }),
-      /* @__PURE__ */ o("span", { className: "bpb-usage-tip__bubble", role: "tooltip", children: u })
-    ] })
+    /* @__PURE__ */ p(
+      "span",
+      {
+        className: "bpb-usage-tip",
+        tabIndex: 0,
+        role: "note",
+        "aria-label": g,
+        onMouseMove: (b) => {
+          const f = b.currentTarget.getBoundingClientRect(), C = (b.clientX - f.left) / f.width * 100;
+          b.currentTarget.style.setProperty("--bpb-tip-x", `${C}%`);
+        },
+        children: [
+          /* @__PURE__ */ o("div", { className: "bpb-usage-bar", role: "progressbar", "aria-valuenow": l, "aria-valuemin": 0, "aria-valuemax": 100, children: /* @__PURE__ */ o(
+            "div",
+            {
+              className: O("bpb-usage-bar__fill", `bpb-usage-bar__fill--${c}`),
+              style: { width: `${d}%` }
+            }
+          ) }),
+          /* @__PURE__ */ o("span", { className: "bpb-usage-tip__bubble", role: "tooltip", children: g })
+        ]
+      }
+    )
   ] });
 }, ki = ({
   period: a,
@@ -8888,66 +8902,63 @@ const Si = ({
   ), g = (T) => {
     const I = l[u + T];
     I && c(I.value);
-  }, { data: b, isLoading: f, isError: N } = la({ period: d, enabled: !r }), { data: C } = Fe({ enabled: !r }), { data: v } = ze(), h = v == null ? void 0 : v.find((T) => T.id === (C == null ? void 0 : C.plan.current.planId)), A = h ? se(h.name) : void 0, x = (T) => h == null ? void 0 : h.features[T];
+  }, { data: b, isLoading: f, isError: C } = la({ period: d, enabled: !r }), { data: N } = Fe({ enabled: !r }), { data: v } = ze(), h = v == null ? void 0 : v.find((T) => T.id === (N == null ? void 0 : N.plan.current.planId)), A = h ? se(h.name) : void 0, x = (T) => h == null ? void 0 : h.features[T];
   if (r)
-    return /* @__PURE__ */ o("div", { className: U("bpb-usage bpb-scope", n), children: /* @__PURE__ */ o(ca, {}) });
+    return /* @__PURE__ */ o("div", { className: O("bpb-usage bpb-scope", n), children: /* @__PURE__ */ o(ca, {}) });
   if (f)
-    return /* @__PURE__ */ p("div", { className: U("bpb-usage bpb-scope", n), "aria-busy": "true", children: [
+    return /* @__PURE__ */ p("div", { className: O("bpb-usage bpb-scope", n), "aria-busy": "true", children: [
       /* @__PURE__ */ o(Y, { height: 80 }),
       /* @__PURE__ */ o(Y, { height: 140 })
     ] });
-  if (N || !b)
-    return /* @__PURE__ */ o("div", { className: U("bpb-usage bpb-scope", n), children: /* @__PURE__ */ o("p", { className: "bpb-usage__error", role: "alert", children: i("dashboardLoadError") }) });
+  if (C || !b)
+    return /* @__PURE__ */ o("div", { className: O("bpb-usage bpb-scope", n), children: /* @__PURE__ */ o("p", { className: "bpb-usage__error", role: "alert", children: i("dashboardLoadError") }) });
   const k = b.conversation_sessions, S = b.ai_spend, y = [
     { key: "table_rows", label: i("dashboardTableRows"), unit: "count" },
     { key: "vector_db_storage", label: i("dashboardVectorDb"), unit: "bytes" },
     { key: "file_storage", label: i("dashboardFileStorage"), unit: "bytes" }
   ].filter((T) => b[T.key]);
-  return /* @__PURE__ */ p("div", { className: U("bpb-usage bpb-scope", n), children: [
-    e && l.length > 1 && /* @__PURE__ */ p("div", { className: "bpb-usage__header", children: [
-      /* @__PURE__ */ o("span", { className: "bpb-usage__header-title", children: i("dashboardUsage") }),
-      /* @__PURE__ */ p("div", { className: "bpb-usage__period", children: [
-        /* @__PURE__ */ o("span", { className: "bpb-usage__period-label", children: i("dashboardBillingPeriod") }),
-        /* @__PURE__ */ p("div", { className: "bpb-usage__period-control", children: [
+  return /* @__PURE__ */ p("div", { className: O("bpb-usage bpb-scope", n), children: [
+    e && l.length > 1 && /* @__PURE__ */ o("div", { className: "bpb-usage__header", children: /* @__PURE__ */ p("div", { className: "bpb-usage__period", children: [
+      /* @__PURE__ */ o("span", { className: "bpb-usage__period-label", children: i("dashboardBillingPeriod") }),
+      /* @__PURE__ */ p("div", { className: "bpb-usage__period-control", children: [
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: "bpb-usage__period-step",
+            "aria-label": i("dashboardPrevMonth"),
+            onClick: () => g(1),
+            disabled: u >= l.length - 1,
+            children: /* @__PURE__ */ o(qn, { size: 15 })
+          }
+        ),
+        /* @__PURE__ */ p("span", { className: "bpb-usage__period-field", children: [
+          /* @__PURE__ */ o(Lo, { size: 15, className: "bpb-usage__period-icon" }),
           /* @__PURE__ */ o(
-            "button",
+            "select",
             {
-              type: "button",
-              className: "bpb-usage__period-step",
-              "aria-label": i("dashboardPrevMonth"),
-              onClick: () => g(1),
-              disabled: u >= l.length - 1,
-              children: /* @__PURE__ */ o(qn, { size: 15 })
+              className: "bpb-usage__period-select",
+              "aria-label": i("dashboardBillingPeriod"),
+              value: d,
+              onChange: (T) => c(T.target.value),
+              children: l.map((T) => /* @__PURE__ */ o("option", { value: T.value, children: T.label }, T.value))
             }
           ),
-          /* @__PURE__ */ p("span", { className: "bpb-usage__period-field", children: [
-            /* @__PURE__ */ o(Lo, { size: 15, className: "bpb-usage__period-icon" }),
-            /* @__PURE__ */ o(
-              "select",
-              {
-                className: "bpb-usage__period-select",
-                "aria-label": i("dashboardBillingPeriod"),
-                value: d,
-                onChange: (T) => c(T.target.value),
-                children: l.map((T) => /* @__PURE__ */ o("option", { value: T.value, children: T.label }, T.value))
-              }
-            ),
-            /* @__PURE__ */ o(ct, { size: 14, className: "bpb-usage__period-chevron" })
-          ] }),
-          /* @__PURE__ */ o(
-            "button",
-            {
-              type: "button",
-              className: "bpb-usage__period-step",
-              "aria-label": i("dashboardNextMonth"),
-              onClick: () => g(-1),
-              disabled: u <= 0,
-              children: /* @__PURE__ */ o(sa, { size: 15 })
-            }
-          )
-        ] })
+          /* @__PURE__ */ o(ct, { size: 14, className: "bpb-usage__period-chevron" })
+        ] }),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: "bpb-usage__period-step",
+            "aria-label": i("dashboardNextMonth"),
+            onClick: () => g(-1),
+            disabled: u <= 0,
+            children: /* @__PURE__ */ o(sa, { size: 15 })
+          }
+        )
       ] })
-    ] }),
+    ] }) }),
     k && /* @__PURE__ */ p("section", { className: "bpb-usage__group", children: [
       /* @__PURE__ */ o("h3", { className: "bpb-usage__group-title", children: i("dashboardConversationsTitle") }),
       /* @__PURE__ */ o("p", { className: "bpb-usage__group-hint", children: i("dashboardConversationsHint") }),
@@ -8957,7 +8968,8 @@ const Si = ({
           entry: k,
           metric: { key: "conversation_sessions", label: i("dashboardConversationsMetric"), unit: "count" },
           planAllowance: x("conversation_sessions"),
-          planName: A
+          planName: A,
+          stacked: !0
         }
       ) })
     ] }),
@@ -8978,7 +8990,14 @@ const Si = ({
     S && /* @__PURE__ */ p("section", { className: "bpb-usage__group", children: [
       /* @__PURE__ */ o("h3", { className: "bpb-usage__group-title", children: i("dashboardAiTitle") }),
       /* @__PURE__ */ o("p", { className: "bpb-usage__group-hint", children: i("dashboardAiHint") }),
-      /* @__PURE__ */ o("div", { className: "bpb-usage__card", children: /* @__PURE__ */ o(Va, { entry: S, metric: { key: "ai_spend", label: i("dashboardAiSpend"), unit: "nano-usd" } }) }),
+      /* @__PURE__ */ o("div", { className: "bpb-usage__card", children: /* @__PURE__ */ o(
+        Va,
+        {
+          entry: S,
+          metric: { key: "ai_spend", label: i("dashboardAiSpend"), unit: "nano-usd" },
+          stacked: !0
+        }
+      ) }),
       m && /* @__PURE__ */ p("div", { className: "bpb-usage__card bpb-usage__card--bots", children: [
         /* @__PURE__ */ o("span", { className: "bpb-usage__subhead", children: i("dashboardAiByBot") }),
         /* @__PURE__ */ o(oi, { period: d })
@@ -8994,7 +9013,7 @@ const Si = ({
   period: s,
   className: i
 }) => {
-  const { isOutdatedBilling: l, analytics: d, scope: c } = G(), { t: m } = oe(), { data: u } = la({ period: s, enabled: !l }), [g, b] = K({}), [f, N] = K(!1), [C, v] = K(null), h = u ? Object.entries(u).map(([T, I]) => ({ key: T, pct: I.quota > 0 ? (I.usage ?? 0) / I.quota : 0 })).filter((T) => T.pct >= e).sort((T, I) => I.pct - T.pct)[0] : void 0, A = !!h && (g[h.key] || Zn(Qt, c, h.key));
+  const { isOutdatedBilling: l, analytics: d, scope: c } = G(), { t: m } = oe(), { data: u } = la({ period: s, enabled: !l }), [g, b] = K({}), [f, C] = K(!1), [N, v] = K(null), h = u ? Object.entries(u).map(([T, I]) => ({ key: T, pct: I.quota > 0 ? (I.usage ?? 0) / I.quota : 0 })).filter((T) => T.pct >= e).sort((T, I) => I.pct - T.pct)[0] : void 0, A = !!h && (g[h.key] || Zn(Qt, c, h.key));
   if (l || !h || A)
     return null;
   const k = {
@@ -9008,13 +9027,13 @@ const Si = ({
       source: "usage_banner",
       metric: h.key,
       usage_pct: Math.round(h.pct * 100)
-    }), t ? t() : N(!0);
+    }), t ? t() : C(!0);
   }, D = w ? "critical" : "warning";
   return /* @__PURE__ */ p(ve, { children: [
     /* @__PURE__ */ p(
       "div",
       {
-        className: U(
+        className: O(
           "bpb-usage-banner bpb-scope",
           `bpb-usage-banner--${a}`,
           `bpb-usage-banner--${D}`,
@@ -9048,28 +9067,28 @@ const Si = ({
         Bo,
         {
           open: f,
-          onOpenChange: N,
+          onOpenChange: C,
           onSelectPlan: (T, I) => {
-            N(!1), v({ planId: T, interval: I });
+            C(!1), v({ planId: T, interval: I });
           }
         }
       ),
-      C && /* @__PURE__ */ o(
+      N && /* @__PURE__ */ o(
         Ho,
         {
-          open: !!C,
+          open: !!N,
           onOpenChange: (T) => !T && v(null),
-          planId: C.planId,
-          interval: C.interval,
+          planId: N.planId,
+          interval: N.interval,
           onBack: () => {
-            v(null), N(!0);
+            v(null), C(!0);
           },
           onSuccess: () => v(null)
         }
       )
     ] })
   ] });
-}, Ai = ({ Icon: a, title: e, description: t, onClick: n, className: r }) => /* @__PURE__ */ p("button", { type: "button", className: U("bpb-action-card bpb-scope", r), onClick: n, children: [
+}, Ai = ({ Icon: a, title: e, description: t, onClick: n, className: r }) => /* @__PURE__ */ p("button", { type: "button", className: O("bpb-action-card bpb-scope", r), onClick: n, children: [
   /* @__PURE__ */ p("div", { className: "bpb-action-card__header", children: [
     /* @__PURE__ */ o(a, { size: 20 }),
     e
@@ -9081,7 +9100,7 @@ const Si = ({
     "button",
     {
       type: "button",
-      className: U(
+      className: O(
         "bpb-summary-card bpb-scope",
         a ? "bpb-summary-card--addons" : "bpb-summary-card--plan",
         e
@@ -9105,18 +9124,18 @@ const Si = ({
     }
   );
 }, xi = ({ onManage: a, className: e }) => {
-  var N, C;
+  var C, N;
   const { isOutdatedBilling: t } = G(), { t: n } = oe(), { data: r, isLoading: s } = Fe({ enabled: !t }), { data: i, isLoading: l } = ze();
   if (t)
     return /* @__PURE__ */ o(er, { isAddons: !1, className: e });
   if (s || l)
-    return /* @__PURE__ */ o(Y, { height: 84, rounded: !0, className: U("bpb-scope", e) });
-  const d = r == null ? void 0 : r.plan.current, c = i == null ? void 0 : i.find((v) => v.id === (d == null ? void 0 : d.planId)), m = (d == null ? void 0 : d.interval) ?? "month", u = ((N = c == null ? void 0 : c.prices[m]) == null ? void 0 : N.amount) ?? 0, g = ((C = c == null ? void 0 : c.prices[m]) == null ? void 0 : C.currency) ?? "usd", b = c == null ? void 0 : c.features.conversation_sessions, f = c ? ue(c) : "community";
+    return /* @__PURE__ */ o(Y, { height: 84, rounded: !0, className: O("bpb-scope", e) });
+  const d = r == null ? void 0 : r.plan.current, c = i == null ? void 0 : i.find((v) => v.id === (d == null ? void 0 : d.planId)), m = (d == null ? void 0 : d.interval) ?? "month", u = ((C = c == null ? void 0 : c.prices[m]) == null ? void 0 : C.amount) ?? 0, g = ((N = c == null ? void 0 : c.prices[m]) == null ? void 0 : N.currency) ?? "usd", b = c == null ? void 0 : c.features.conversation_sessions, f = c ? ue(c) : "community";
   return /* @__PURE__ */ p(
     "button",
     {
       type: "button",
-      className: U(
+      className: O(
         "bpb-summary-card bpb-summary-card--plan bpb-scope",
         `bpb-summary-card--tier-${f === "managed" ? "enterprise" : f}`,
         e
@@ -9146,7 +9165,7 @@ const Si = ({
   if (t)
     return /* @__PURE__ */ o(er, { isAddons: !0, className: e });
   if (s || l)
-    return /* @__PURE__ */ o(Y, { height: 84, rounded: !0, className: U("bpb-scope", e) });
+    return /* @__PURE__ */ o(Y, { height: 84, rounded: !0, className: O("bpb-scope", e) });
   const d = (i ?? []).flatMap((c) => {
     var u;
     const m = ((u = r == null ? void 0 : r.addons[c.id]) == null ? void 0 : u.current.quantity) ?? 0;
@@ -9156,7 +9175,7 @@ const Si = ({
     "button",
     {
       type: "button",
-      className: U(
+      className: O(
         "bpb-summary-card bpb-summary-card--addons bpb-scope",
         d.length > 0 && "bpb-summary-card--active",
         e
@@ -9192,7 +9211,7 @@ const Si = ({
       "button",
       {
         type: "button",
-        className: U("bpb-plan-banner bpb-plan-banner--community bpb-scope", e),
+        className: O("bpb-plan-banner bpb-plan-banner--community bpb-scope", e),
         onClick: E,
         disabled: !r,
         children: [
@@ -9211,21 +9230,21 @@ const Si = ({
     );
   }
   if (d || m || g)
-    return /* @__PURE__ */ o(Y, { height: 132, rounded: !0, className: U("bpb-scope", e) });
-  const b = l == null ? void 0 : l.plan.current, f = c == null ? void 0 : c.find((E) => E.id === (b == null ? void 0 : b.planId)), N = (b == null ? void 0 : b.interval) ?? "month", C = ((I = f == null ? void 0 : f.prices[N]) == null ? void 0 : I.currency) ?? "usd", v = f ? ue(f) : "community", h = Object.fromEntries(
+    return /* @__PURE__ */ o(Y, { height: 132, rounded: !0, className: O("bpb-scope", e) });
+  const b = l == null ? void 0 : l.plan.current, f = c == null ? void 0 : c.find((E) => E.id === (b == null ? void 0 : b.planId)), C = (b == null ? void 0 : b.interval) ?? "month", N = ((I = f == null ? void 0 : f.prices[C]) == null ? void 0 : I.currency) ?? "usd", v = f ? ue(f) : "community", h = Object.fromEntries(
     Object.entries((l == null ? void 0 : l.addons) ?? {}).map(([E, J]) => {
       var M;
       return [E, ((M = J.current) == null ? void 0 : M.quantity) ?? 0];
     })
-  ), A = ((R = f == null ? void 0 : f.prices[N]) == null ? void 0 : R.amount) ?? 0, x = (u ?? []).reduce((E, J) => {
-    const M = f ? tt(J, f, N) : null;
+  ), A = ((R = f == null ? void 0 : f.prices[C]) == null ? void 0 : R.amount) ?? 0, x = (u ?? []).reduce((E, J) => {
+    const M = f ? tt(J, f, C) : null;
     return E + (h[J.id] ?? 0) * ((M == null ? void 0 : M.amount) ?? 0);
-  }, 0), k = A + x, S = N === "year" ? "/yr" : "/mo", w = vo(f, u, h).find((E) => E.key === "conversation_sessions"), y = i(v === "community" ? "conversationsUnit" : "conversationsPerMonth"), D = b != null && b.periodEnd ? $e(b.periodEnd, n) : null, T = v === "enterprise" || v === "managed";
+  }, 0), k = A + x, S = C === "year" ? "/yr" : "/mo", w = vo(f, u, h).find((E) => E.key === "conversation_sessions"), y = i(v === "community" ? "conversationsUnit" : "conversationsPerMonth"), D = b != null && b.periodEnd ? $e(b.periodEnd, n) : null, T = v === "enterprise" || v === "managed";
   return /* @__PURE__ */ p(
     "button",
     {
       type: "button",
-      className: U("bpb-plan-banner", `bpb-plan-banner--${v}`, "bpb-scope", e),
+      className: O("bpb-plan-banner", `bpb-plan-banner--${v}`, "bpb-scope", e),
       onClick: () => {
         s.capture(pe.UPGRADE_CTA_CLICKED, { source: "plan_banner", current_tier: v }), a();
       },
@@ -9243,11 +9262,11 @@ const Si = ({
         ] }),
         /* @__PURE__ */ p("div", { className: "bpb-plan-banner__summary", children: [
           T ? /* @__PURE__ */ o("span", { className: "bpb-plan-banner__price", children: i("planBannerCustomPricing") }) : /* @__PURE__ */ p("span", { className: "bpb-plan-banner__price", children: [
-            k > 0 ? ee(k, C, 0) : i("free"),
+            k > 0 ? ee(k, N, 0) : i("free"),
             k > 0 && /* @__PURE__ */ o("span", { className: "bpb-plan-banner__price-suffix", children: S })
           ] }),
           /* @__PURE__ */ p("span", { className: "bpb-plan-banner__meta", children: [
-            i(N === "year" ? "billedAnnually" : "billedMonthly"),
+            i(C === "year" ? "billedAnnually" : "billedMonthly"),
             x > 0 && ` ${i("planBannerInclAddons")}`
           ] }),
           D && /* @__PURE__ */ o("span", { className: "bpb-plan-banner__meta", children: i("planBannerRenews", { date: D }) })
@@ -9265,8 +9284,8 @@ const Si = ({
   if (s)
     return null;
   if (c || u || b)
-    return /* @__PURE__ */ o(Y, { height: 72, rounded: !0, className: U("bpb-scope", n) });
-  const f = m == null ? void 0 : m.find((E) => E.id === (d == null ? void 0 : d.plan.current.planId)), N = za(g), C = N.find((E) => E.key === "conversation_sessions"), v = N[0], h = v && v.key !== "conversation_sessions" && v.pct >= 75 ? v : C ?? v, A = h ? Math.round(h.pct) : 0, x = A > 0 ? Math.max(5, A) : 0, k = h ? mt(h.pct) : "normal", S = k !== "normal", w = f ? ue(f) === "community" : !1, y = d != null && d.plan.current.periodEnd ? $e(d.plan.current.periodEnd, i) : null;
+    return /* @__PURE__ */ o(Y, { height: 72, rounded: !0, className: O("bpb-scope", n) });
+  const f = m == null ? void 0 : m.find((E) => E.id === (d == null ? void 0 : d.plan.current.planId)), C = za(g), N = C.find((E) => E.key === "conversation_sessions"), v = C[0], h = v && v.key !== "conversation_sessions" && v.pct >= 75 ? v : N ?? v, A = h ? Math.round(h.pct) : 0, x = A > 0 ? Math.max(5, A) : 0, k = h ? mt(h.pct) : "normal", S = k !== "normal", w = f ? ue(f) === "community" : !1, y = d != null && d.plan.current.periodEnd ? $e(d.plan.current.periodEnd, i) : null;
   let D = null, T = null;
   if (h && S) {
     const E = ga(h.remaining, h.unit);
@@ -9274,7 +9293,7 @@ const Si = ({
   }
   const I = /* @__PURE__ */ o(ve, { children: h ? /* @__PURE__ */ p(ve, { children: [
     /* @__PURE__ */ p("div", { className: "bpb-plan-usage__head", children: [
-      S && /* @__PURE__ */ o($n, { size: 16, className: U("bpb-plan-usage__alert", `bpb-plan-usage__alert--${k}`) }),
+      S && /* @__PURE__ */ o($n, { size: 16, className: O("bpb-plan-usage__alert", `bpb-plan-usage__alert--${k}`) }),
       /* @__PURE__ */ o("span", { className: "bpb-plan-usage__plan", children: h.label }),
       /* @__PURE__ */ p("span", { className: "bpb-plan-usage__count", children: [
         ga(h.used, h.unit),
@@ -9294,14 +9313,14 @@ const Si = ({
         children: /* @__PURE__ */ o(
           "div",
           {
-            className: U("bpb-plan-usage__fill", `bpb-plan-usage__fill--${k}`),
+            className: O("bpb-plan-usage__fill", `bpb-plan-usage__fill--${k}`),
             style: { width: `${x}%` }
           }
         )
       }
     ),
     D ? /* @__PURE__ */ p("p", { className: "bpb-plan-usage__status", children: [
-      /* @__PURE__ */ p("strong", { className: U("bpb-plan-usage__status-word", `bpb-plan-usage__status-word--${k}`), children: [
+      /* @__PURE__ */ p("strong", { className: O("bpb-plan-usage__status-word", `bpb-plan-usage__status-word--${k}`), children: [
         D,
         "."
       ] }),
@@ -9315,7 +9334,7 @@ const Si = ({
   ] }) : /* @__PURE__ */ p("div", { className: "bpb-plan-usage__head", children: [
     /* @__PURE__ */ o("span", { className: "bpb-plan-usage__plan", children: f ? se(f.name) : l("free") }),
     a && /* @__PURE__ */ o(sa, { size: 15, className: "bpb-plan-usage__chevron" })
-  ] }) }), R = U(
+  ] }) }), R = O(
     "bpb-plan-usage bpb-scope",
     `bpb-plan-usage--${t}`,
     S && `bpb-plan-usage--${k}`,
@@ -9332,28 +9351,28 @@ const Si = ({
   block: s = !1,
   className: i
 }) => {
-  const { isOutdatedBilling: l, locale: d, analytics: c } = G(), { data: m } = la({ period: n, enabled: !l }), { data: u } = Fe({ enabled: !l }), { data: g } = ze(), [b, f] = K(!1), N = Ea(null), C = () => {
-    N.current && (clearTimeout(N.current), N.current = null);
+  const { isOutdatedBilling: l, locale: d, analytics: c } = G(), { data: m } = la({ period: n, enabled: !l }), { data: u } = Fe({ enabled: !l }), { data: g } = ze(), [b, f] = K(!1), C = Ea(null), N = () => {
+    C.current && (clearTimeout(C.current), C.current = null);
   };
-  Ce(() => C, []);
+  Ce(() => N, []);
   const v = za(m), h = !l && v.length > 0, A = () => {
-    h && (C(), N.current = setTimeout(() => f(!0), Math.max(0, e)));
+    h && (N(), C.current = setTimeout(() => f(!0), Math.max(0, e)));
   }, x = () => {
-    C(), f(!1);
+    N(), f(!1);
   }, k = g == null ? void 0 : g.find((R) => R.id === (u == null ? void 0 : u.plan.current.planId)), S = k ? se(k.name) : "Free", w = u != null && u.plan.current.periodEnd ? $e(u.plan.current.periodEnd, d) : null, y = k ? ue(k) === "community" : !k, D = y ? v.find((R) => R.key === "conversation_sessions") : void 0, T = y && !!r, I = () => {
     c.capture(pe.UPGRADE_CTA_CLICKED, { source: "usage_popover" }), r == null || r();
   };
   return /* @__PURE__ */ p(
     "span",
     {
-      className: U("bpb-usage-pop bpb-scope", s && "bpb-usage-pop--block", i),
+      className: O("bpb-usage-pop bpb-scope", s && "bpb-usage-pop--block", i),
       onMouseEnter: A,
       onMouseLeave: x,
       onFocus: A,
       onBlur: x,
       children: [
         a,
-        b && h && /* @__PURE__ */ p("span", { className: U("bpb-usage-pop__card", `bpb-usage-pop__card--${t}`), role: "tooltip", children: [
+        b && h && /* @__PURE__ */ p("span", { className: O("bpb-usage-pop__card", `bpb-usage-pop__card--${t}`), role: "tooltip", children: [
           y ? /* @__PURE__ */ p("span", { className: "bpb-usage-pop__header", children: [
             /* @__PURE__ */ o("span", { className: "bpb-usage-pop__plan-name", children: "Free plan usage" }),
             D && /* @__PURE__ */ p("span", { className: "bpb-usage-pop__subtitle", children: [
@@ -9390,7 +9409,7 @@ const Si = ({
               /* @__PURE__ */ o("span", { className: "bpb-usage-pop__bar", children: /* @__PURE__ */ o(
                 "span",
                 {
-                  className: U("bpb-usage-pop__fill", `bpb-usage-pop__fill--${mt(R.pct)}`),
+                  className: O("bpb-usage-pop__fill", `bpb-usage-pop__fill--${mt(R.pct)}`),
                   style: { width: `${E}%` }
                 }
               ) })
@@ -9423,7 +9442,7 @@ const Si = ({
   const { isOutdatedBilling: d } = G(), { data: c } = la({ period: s, enabled: !d }), m = za(c);
   if (d || m.length === 0)
     return null;
-  const u = m[0], g = mt(u.pct), b = u.pct > 0 ? Math.max(5, u.pct) : 0, f = (a - e) / 2, N = 2 * Math.PI * f, C = N * (1 - b / 100), v = l["aria-label"] ?? `${Math.round(u.pct)}% of your ${u.label.toLowerCase()} used`, h = /* @__PURE__ */ p(ve, { children: [
+  const u = m[0], g = mt(u.pct), b = u.pct > 0 ? Math.max(5, u.pct) : 0, f = (a - e) / 2, C = 2 * Math.PI * f, N = C * (1 - b / 100), v = l["aria-label"] ?? `${Math.round(u.pct)}% of your ${u.label.toLowerCase()} used`, h = /* @__PURE__ */ p(ve, { children: [
     /* @__PURE__ */ p("svg", { className: "bpb-usage-ring__svg", width: a, height: a, viewBox: `0 0 ${a} ${a}`, "aria-hidden": !0, children: [
       /* @__PURE__ */ o(
         "circle",
@@ -9439,15 +9458,15 @@ const Si = ({
       /* @__PURE__ */ o(
         "circle",
         {
-          className: U("bpb-usage-ring__arc", `bpb-usage-ring__arc--${g}`),
+          className: O("bpb-usage-ring__arc", `bpb-usage-ring__arc--${g}`),
           cx: a / 2,
           cy: a / 2,
           r: f,
           fill: "none",
           strokeWidth: e,
           strokeLinecap: "round",
-          strokeDasharray: N,
-          strokeDashoffset: C,
+          strokeDasharray: C,
+          strokeDashoffset: N,
           transform: `rotate(-90 ${a / 2} ${a / 2})`
         }
       )
@@ -9456,7 +9475,7 @@ const Si = ({
       Math.round(u.pct),
       "%"
     ] })
-  ] }), A = U("bpb-usage-ring", n && "bpb-usage-ring--clickable");
+  ] }), A = O("bpb-usage-ring", n && "bpb-usage-ring--clickable");
   return /* @__PURE__ */ o(ii, { delay: r, period: s, className: i, children: n ? /* @__PURE__ */ o("button", { type: "button", className: A, onClick: n, "aria-label": v, children: h }) : /* @__PURE__ */ o("span", { className: A, tabIndex: 0, role: "img", "aria-label": v, children: h }) });
 };
 export {
@@ -9526,7 +9545,7 @@ export {
   yo as addonLimitsPreview,
   tt as addonPrice,
   me as billingKeys,
-  U as cn,
+  O as cn,
   nt as conversationPackPrice,
   fo as conversationsAddon,
   _a as currencySymbol,