@versini/sassysaint 8.110.0 → 8.110.1

package/dist/chunks/ProfileEntry.vCF-ayWr.js

@@ -0,0 +1,205 @@
+import { jsxs as t, jsx as e, Fragment as L } from "react/jsx-runtime";
+import { preloadToast as M, showSuccessToast as j, showErrorToast as D, LazyToastContainerWrapper as K, ConfirmationPanel as O, Panel as W, ButtonCancel as Y } from "./App.7P9lyXTX.js";
+import { useState as d, useMemo as H, useCallback as b, useRef as $ } from "react";
+import { useUniqueId as q, CARDS as n, Button as G, ButtonIcon as V, IconPasskey as y, PROFILE_TITLE as J } from "./LogoEntry.CTMAkXZN.js";
+import { n as Q, useUserPreferences as X, useServerCapabilities as Z, p as ee, setUserPlan as se, renderDataAsList as ae, st as re, isTauri as ne } from "./index.MD-I3XF8.js";
+import { Card as S } from "./index.-DOP9Ckx.js";
+import te from "clsx";
+const ie = ({
+  requestConfirmation: m
+}) => {
+  const {
+    isAuthenticated: u,
+    user: a,
+    registeringForPasskey: P,
+    authenticationType: h,
+    getAccessToken: i
+  } = Q(), [f, p] = d(null), [l, T] = d(!1), w = q(), E = a?.username || "", {
+    data: o,
+    isSuccess: F,
+    refetch: A
+  } = X({
+    user: a?.username,
+    getAccessToken: i
+  }), { data: C, isSuccess: x } = Z(), R = H(() => !x || !C?.plans ? [] : C.plans.map((s) => ({
+    id: s.name,
+    label: s.label,
+    description: s.description,
+    features: s.features,
+    models: s.allowedModels.map(
+      (r) => ee[r] || r
+    )
+  })), [x, C?.plans]), g = b(() => {
+    l || (M(), T(!0));
+  }, [l]), v = b(
+    async (s, r) => {
+      if (a?.username)
+        try {
+          p(s), await se({
+            plan: s,
+            accessToken: await i(),
+            username: a.username
+          }), await A(), await j(`${n.PLANS.SWITCH_SUCCESS} ${r}`, {
+            containerId: "profile-plan-selection"
+          });
+        } catch {
+          await D(n.PLANS.SWITCH_ERROR, {
+            containerId: "profile-plan-selection"
+          });
+        } finally {
+          p(null);
+        }
+    },
+    [i, A, a?.username]
+  ), U = b(
+    (s, r) => {
+      !a?.username || s === o?.plan || m(
+        () => v(s, r),
+        /* @__PURE__ */ t("p", { className: "m-0", children: [
+          "Are you sure you want to switch to the following plan:",
+          " ",
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: r })
+        ] })
+      );
+    },
+    [
+      v,
+      o?.plan,
+      m,
+      a?.username
+    ]
+  );
+  return u && E ? /* @__PURE__ */ t(L, { children: [
+    /* @__PURE__ */ e("div", { className: "av-sassy", children: /* @__PURE__ */ e(K, { containerId: "profile-plan-selection" }) }),
+    /* @__PURE__ */ e(
+      S,
+      {
+        header: n.PREFERENCES.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        noBorder: !0,
+        children: ae(w, {
+          [n.PREFERENCES.USERNAME]: E,
+          [n.PREFERENCES.EMAIL]: a?.email || ""
+        })
+      }
+    ),
+    F && x && R.length > 0 && /* @__PURE__ */ t(
+      S,
+      {
+        header: n.PLANS.TITLE,
+        className: "prose-dark dark:prose-lighter mt-4",
+        noBorder: !0,
+        children: [
+          /* @__PURE__ */ e("p", { className: "text-sm", children: n.PLANS.DESCRIPTION }),
+          /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-3", children: R.map(({ id: s, label: r, description: I, features: B, models: _ }) => {
+            const N = o?.plan === s, z = N ? n.PLANS.ACTIVE_BADGE : `Get ${r}`, k = f === s;
+            return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(S, { mode: "darker", className: "prose-lighter h-full", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap flex-col", children: [
+              /* @__PURE__ */ t("div", { className: "box-border max-w-full basis-auto", children: [
+                /* @__PURE__ */ e("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ t("div", { children: [
+                  /* @__PURE__ */ e(
+                    "h3",
+                    {
+                      className: te("m-0", {
+                        "text-emerald-400": N
+                      }),
+                      children: r
+                    }
+                  ),
+                  /* @__PURE__ */ e("p", { className: "mb-0 text-sm opacity-80", children: I })
+                ] }) }),
+                /* @__PURE__ */ e("h4", { children: "Features" }),
+                /* @__PURE__ */ e("ul", { className: "prose-li:text-sm", children: B.map((c) => /* @__PURE__ */ e("li", { children: c }, c)) }),
+                /* @__PURE__ */ e("h4", { children: "Models" }),
+                /* @__PURE__ */ e("ul", { className: "prose-li:text-sm", children: _.map((c) => /* @__PURE__ */ e("li", { children: c }, c)) })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+                G,
+                {
+                  mode: "dark",
+                  size: "small",
+                  variant: N ? "selected" : "secondary",
+                  className: "mt-4",
+                  fullWidth: !0,
+                  disabled: N || k,
+                  onClick: () => {
+                    U(s, r);
+                  },
+                  onMouseEnter: g,
+                  onFocus: g,
+                  children: k ? "Updating..." : z
+                }
+              ) })
+            ] }) }) }, s);
+          }) })
+        ]
+      }
+    ),
+    h !== re.PASSKEY && !ne() && /* @__PURE__ */ t(
+      S,
+      {
+        className: "prose-dark dark:prose-lighter mt-4",
+        noBorder: !0,
+        header: /* @__PURE__ */ e("h2", { className: "m-0", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-x-3", children: [
+          /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(y, { size: "size-8" }) }),
+          /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e("div", { children: n.PREFERENCES.PASSKEY_TITLE }) })
+        ] }) }),
+        children: [
+          /* @__PURE__ */ e("p", { children: n.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ e(
+            V,
+            {
+              variant: "selected",
+              size: "small",
+              className: "mt-2",
+              onClick: P,
+              labelLeft: n.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ e(y, { size: "size-5", monotone: !0 })
+            }
+          )
+        ]
+      }
+    )
+  ] }) : null;
+}, fe = ({
+  open: m,
+  onOpenChange: u
+}) => {
+  const a = $(null), [P, h] = d(!1), [i, f] = d(null), [p, l] = d(null);
+  return /* @__PURE__ */ t(L, { children: [
+    /* @__PURE__ */ e(
+      O,
+      {
+        showConfirmation: P,
+        setShowConfirmation: h,
+        action: () => {
+          i && i(), f(null), l(null);
+        },
+        customStrings: {
+          confirmAction: "Switch Plan",
+          cancelAction: "Cancel",
+          title: "Switch Plan"
+        },
+        children: p
+      }
+    ),
+    /* @__PURE__ */ e(
+      W,
+      {
+        open: m,
+        onOpenChange: u,
+        title: J,
+        animation: !0,
+        animationType: "fade",
+        blurEffect: "large",
+        initialFocus: a,
+        footer: /* @__PURE__ */ e("div", { className: "flex flex-wrap justify-end gap-x-2 pb-8 sm:pb-0", children: /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(Y, { onOpenChange: u, ref: a }) }) }),
+        children: /* @__PURE__ */ e(ie, { requestConfirmation: (E, o) => {
+          f(() => E), l(o), h(!0);
+        } })
+      }
+    )
+  ] });
+};
+export {
+  fe as Profile
+};

package/dist/chunks/{SettingsEntry.ByPtC4lj.js → SettingsEntry.DEaHLi7A.js}

@@ -1,54 +1,54 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { n as Ve, useEntitlements as Fe, useUserPreferences as We, w as ie, LOCAL_STORAGE_OLED_MODE as $e, LOCAL_STORAGE_FULL_SCREEN as ze, e as de, canEvaluateModels as He, W as Ye, getCacheInfo as qe, isServiceWorkerEnabled as Ke, V as Qe, K as ue, applyOledMode as me, getCurrentGeoLocation as Je, graphQLRequest as he, handleServiceWorkerToggle as Xe, SERVICE_TYPES as fe } from "./index.CBEv2y_C.js";
-import { AppContext as Ze, SETTINGS_TITLE as et, CARDS as r, Button as Ee, PROMPTS_DESCRIPTION as tt, L as ot, j as pe, APP_SET_OLED_MODE as Se, APP_SET_FULL_SCREEN as ge } from "./LogoEntry.CucXks5G.js";
-import { Card as f } from "./index.BYDZbdMZ.js";
-import { useCapability as be, useLocalStorage as Te, Panel as st, Toggle as l, ButtonCancel as at } from "./App.BD0e8HgV.js";
-import { TextArea as Ne } from "./index.DAuo-OH1.js";
-import { useRef as nt, useContext as rt, useState as s, useMemo as lt, useCallback as ct, useEffect as Ce } from "react";
-const pt = ({
-  open: ye,
-  onOpenChange: A
+import { n as je, useEntitlements as Ve, useUserPreferences as Fe, w as ie, LOCAL_STORAGE_OLED_MODE as We, LOCAL_STORAGE_FULL_SCREEN as $e, e as de, canEvaluateModels as ze, W as He, getCacheInfo as Ye, isServiceWorkerEnabled as qe, V as Ke, K as ue, applyOledMode as me, getCurrentGeoLocation as Qe, graphQLRequest as he, handleServiceWorkerToggle as Je, SERVICE_TYPES as fe } from "./index.MD-I3XF8.js";
+import { AppContext as Xe, SETTINGS_TITLE as Ze, CARDS as r, Button as pe, PROMPTS_DESCRIPTION as et, APP_SET_OLED_MODE as Ee, APP_SET_FULL_SCREEN as Se } from "./LogoEntry.CTMAkXZN.js";
+import { Card as f } from "./index.-DOP9Ckx.js";
+import { useCapability as be, useLocalStorage as ge, Panel as tt, Toggle as l, ButtonCancel as ot } from "./App.7P9lyXTX.js";
+import { TextArea as Ne } from "./index.CK3q1Sfv.js";
+import { useRef as st, useContext as at, useState as s, useMemo as nt, useCallback as rt, useEffect as Te } from "react";
+const ft = ({
+  open: Ce,
+  onOpenChange: P
 }) => {
-  const v = nt(null), { getAccessToken: I, user: R } = Ve(), { allowedModels: w, status: B } = Fe(), { dispatch: g } = rt(Ze), {
+  const A = st(null), { getAccessToken: y, user: R } = je(), { allowedModels: I, status: x } = Ve(), { dispatch: b } = at(Xe), {
     data: o,
-    isSuccess: Ie,
-    refetch: x
-  } = We({
+    isSuccess: we,
+    refetch: B
+  } = Fe({
     user: R?.username,
-    getAccessToken: I
-  }), [G, b] = s({
+    getAccessToken: y
+  }), [U, g] = s({
     loadingLocation: !1
-  }), [L, U] = s({
+  }), [L, G] = s({
     prompts: []
-  }), [j, V] = s(""), [F, T] = s(""), [W, $] = s(!1), [z, H] = s(!1), [N, Y] = s(!1), [C, q] = s(!1), [K, Q] = s(!1), [D, J] = s(!1), [E, X] = s(null), [Z, ee] = s(!1), [te, oe] = s(!1), se = be(ie.TOOL.MEMORIES), ae = be(ie.ADDON.REASONING), [i, we] = Te({
-    key: $e,
+  }), [j, V] = s(""), [F, N] = s(""), [W, $] = s(!1), [z, H] = s(!1), [T, Y] = s(!1), [C, q] = s(!1), [K, Q] = s(!1), [D, J] = s(!1), [p, X] = s(null), [Z, ee] = s(!1), [te, oe] = s(!1), se = be(ie.TOOL.MEMORIES), ae = be(ie.ADDON.REASONING), [i, ye] = ge({
+    key: We,
     initialValue: !1
-  }), [u, Le] = Te({
-    key: ze,
+  }), [u, Ie] = ge({
+    key: $e,
     initialValue: !1
-  }), [m, M] = s(!1), [p, _] = s(!1), [ne, re] = s(de), De = lt(() => He(w, B) ? Ye(w) : !1, [w, B]), Me = (e) => {
+  }), [m, M] = s(!1), [E, _] = s(!1), [ne, re] = s(de), Le = nt(() => ze(I, x) ? He(I) : !1, [I, x]), De = (e) => {
     oe(e);
-  }, _e = (e) => {
+  }, Me = (e) => {
     $(e);
-  }, ke = (e) => {
+  }, _e = (e) => {
     se && H(e);
-  }, Oe = (e) => {
+  }, ke = (e) => {
     q(e);
-  }, Pe = (e) => {
+  }, Oe = (e) => {
     ae && Q(e);
-  }, Ae = (e) => {
-    J(e);
   }, ve = (e) => {
+    J(e);
+  }, Pe = (e) => {
     M(e);
-  }, Re = (e) => {
+  }, Ae = (e) => {
     _(e);
-  }, Be = (e) => {
+  }, Re = (e) => {
     re(e ? ue : de);
   }, xe = async (e) => {
     e.preventDefault();
     try {
       await he({
-        accessToken: await I(),
+        accessToken: await y(),
         type: fe.SET_USER_PREFERENCES,
         params: {
           user: R?.username,
@@ -69,63 +69,63 @@ const pt = ({
           useNestedModelSelection: D,
           themeMode: ne
         }
-      }), C !== N && (await Xe(C), Y(C)), m !== i && (we(m), me(m), g({
-        type: Se,
+      }), C !== T && (await Je(C), Y(C)), m !== i && (ye(m), me(m), b({
+        type: Ee,
         payload: { oledMode: m }
-      })), p !== u && (Le(p), g({
-        type: ge,
-        payload: { fullScreen: p }
-      })), x(), b({
+      })), E !== u && (Ie(E), b({
+        type: Se,
+        payload: { fullScreen: E }
+      })), B(), g({
         loadingLocation: !1
       });
     } catch {
     }
-  }, Ge = async () => {
-    b({
+  }, Be = async () => {
+    g({
       loadingLocation: !0
-    }), T("...");
+    }), N("...");
     try {
-      const e = Date.now(), a = await Je(), y = await he({
-        accessToken: await I(),
+      const e = Date.now(), a = await Qe(), w = await he({
+        accessToken: await y(),
         type: fe.GET_LOCATION,
         params: {
           latitude: a.latitude,
           longitude: a.longitude
         }
       }), h = Date.now() - e;
-      h < 2e3 && await new Promise((je) => setTimeout(je, 2e3 - h));
-      const { city: d, state: c, country: S, displayName: P } = y.data, Ue = d && c && S ? `${d}, ${c}, ${S}` : P;
-      b({
+      h < 2e3 && await new Promise((Ge) => setTimeout(Ge, 2e3 - h));
+      const { city: d, state: c, country: S, displayName: v } = w.data, Ue = d && c && S ? `${d}, ${c}, ${S}` : v;
+      g({
         loadingLocation: !1
-      }), T(Ue);
+      }), N(Ue);
     } catch {
-      b({
+      g({
         loadingLocation: !1
       });
     }
   }, le = () => {
-    m !== i && (M(i), me(i), g({
-      type: Se,
+    m !== i && (M(i), me(i), b({
+      type: Ee,
       payload: { oledMode: i }
-    })), p !== u && (_(u), g({
-      type: ge,
+    })), E !== u && (_(u), b({
+      type: Se,
       payload: { fullScreen: u }
-    })), x(), A(!1);
+    })), B(), P(!1);
   }, k = ({
     enabled: e = !1,
     privateChat: a = !1,
-    clipboardAccess: y = !1,
+    clipboardAccess: w = !1,
     ...O
   }) => {
-    U((h) => {
+    G((h) => {
       const d = h.prompts, c = {
         ...O,
         enabled: e,
         privateChat: a,
-        clipboardAccess: y
+        clipboardAccess: w
       };
-      y ? c.content = c.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : c.content = c.content.replace(/{{clipboard}}/g, "");
-      const S = d.findIndex((P) => P.slot === O.slot);
+      w ? c.content = c.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : c.content = c.content.replace(/{{clipboard}}/g, "");
+      const S = d.findIndex((v) => v.slot === O.slot);
       return S === -1 ? {
         ...h,
         prompts: [...d, { ...c }]
@@ -134,63 +134,55 @@ const pt = ({
         prompts: [...d]
       });
     });
-  }, ce = ct(async () => {
+  }, ce = rt(async () => {
     try {
       ee(!0);
-      const e = await qe();
+      const e = await Ye();
       X(e);
     } catch {
     } finally {
       ee(!1);
     }
   }, []);
-  return Ce(() => {
+  return Te(() => {
     if (!o)
       return;
-    o.instructions && V(o.instructions), o.location && T(o.location), o.tags && U({ prompts: o.tags }), o.sendOnEnter !== void 0 && $(o.sendOnEnter), o.useMemory !== void 0 && H(o.useMemory), o.showDetails !== void 0 && oe(o.showDetails), o.showReasoningButton !== void 0 && Q(o.showReasoningButton), o.useNestedModelSelection !== void 0 && J(o.useNestedModelSelection), o.themeMode !== void 0 && re(o.themeMode);
-    const e = Ke();
+    o.instructions && V(o.instructions), o.location && N(o.location), o.tags && G({ prompts: o.tags }), o.sendOnEnter !== void 0 && $(o.sendOnEnter), o.useMemory !== void 0 && H(o.useMemory), o.showDetails !== void 0 && oe(o.showDetails), o.showReasoningButton !== void 0 && Q(o.showReasoningButton), o.useNestedModelSelection !== void 0 && J(o.useNestedModelSelection), o.themeMode !== void 0 && re(o.themeMode);
+    const e = qe();
     Y(e), q(e), M(i), _(u);
-  }, [o, i, u]), Ce(() => {
-    N ? ce() : X(null);
-  }, [N, ce]), Ie ? /* @__PURE__ */ n(
-    st,
+  }, [o, i, u]), Te(() => {
+    T ? ce() : X(null);
+  }, [T, ce]), we ? /* @__PURE__ */ n(
+    tt,
     {
-      open: ye,
+      open: Ce,
       onOpenChange: le,
-      title: et,
+      title: Ze,
       animation: !0,
       animationType: "fade",
       blurEffect: "large",
-      initialFocus: v,
-      footer: /* @__PURE__ */ n(
-        ot,
-        {
-          columnGap: 2,
-          alignHorizontal: "flex-end",
-          className: "pb-8 sm:pb-0",
-          children: [
-            /* @__PURE__ */ t(pe, { children: /* @__PURE__ */ t(
-              at,
-              {
-                onOpenChange: le,
-                label: "Cancel",
-                ref: v
-              }
-            ) }),
-            /* @__PURE__ */ t(pe, { children: /* @__PURE__ */ t(
-              Ee,
-              {
-                mode: "light",
-                focusMode: "light",
-                onClick: async (e) => {
-                  A(!1), await xe(e);
-                },
-                children: "Save"
-              }
-            ) })
-          ]
-        }
-      ),
+      initialFocus: A,
+      footer: /* @__PURE__ */ n("div", { className: "flex flex-wrap justify-end gap-x-2 pb-8 sm:pb-0", children: [
+        /* @__PURE__ */ t("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ t(
+          ot,
+          {
+            onOpenChange: le,
+            label: "Cancel",
+            ref: A
+          }
+        ) }),
+        /* @__PURE__ */ t("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ t(
+          pe,
+          {
+            mode: "light",
+            focusMode: "light",
+            onClick: async (e) => {
+              P(!1), await xe(e);
+            },
+            children: "Save"
+          }
+        ) })
+      ] }),
       children: [
         /* @__PURE__ */ n(
           f,
@@ -209,7 +201,7 @@ const pt = ({
                   label: "Message Statistics",
                   subLabel: r.SETTINGS_DETAILS.DETAILS,
                   name: "show-message-statistics",
-                  onChange: Me,
+                  onChange: De,
                   checked: te
                 }
               ),
@@ -223,7 +215,7 @@ const pt = ({
                   label: "Send Message on Enter",
                   subLabel: r.SETTINGS_DETAILS.SEND_ON_ENTER,
                   name: "send-message-on-enter",
-                  onChange: _e,
+                  onChange: Me,
                   checked: W
                 }
               ),
@@ -237,7 +229,7 @@ const pt = ({
                   label: "Use Memory",
                   subLabel: r.SETTINGS_DETAILS.USE_MEMORY,
                   name: "use-memory",
-                  onChange: ke,
+                  onChange: _e,
                   checked: z
                 }
               )
@@ -253,7 +245,7 @@ const pt = ({
             children: [
               /* @__PURE__ */ n("p", { className: "text-sm", children: [
                 "What would you like ",
-                /* @__PURE__ */ t("em", { children: Qe }),
+                /* @__PURE__ */ t("em", { children: Ke }),
                 " to know about you to provide better responses?"
               ] }),
               /* @__PURE__ */ t(
@@ -291,21 +283,21 @@ const pt = ({
                   label: "Location",
                   value: F,
                   onChange: (e) => {
-                    T(e.target.value);
+                    N(e.target.value);
                   },
                   helperText: "Enter your location or press auto-detect."
                 }
               ),
               /* @__PURE__ */ t(
-                Ee,
+                pe,
                 {
                   className: "mt-2",
                   size: "small",
                   noBorder: !0,
                   variant: "secondary",
-                  disabled: G.loadingLocation,
-                  onClick: Ge,
-                  children: G.loadingLocation ? "Detecting..." : "Auto-detect"
+                  disabled: U.loadingLocation,
+                  onClick: Be,
+                  children: U.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
             ]
@@ -318,7 +310,7 @@ const pt = ({
             className: "prose-dark dark:prose-lighter mt-4",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ t("p", { className: "text-sm", children: tt }),
+              /* @__PURE__ */ t("p", { className: "text-sm", children: et }),
               L.prompts && L.prompts.slice(0, 3).map((e) => /* @__PURE__ */ n(
                 f,
                 {
@@ -409,11 +401,11 @@ const pt = ({
                   label: "Reasoning Button",
                   subLabel: r.SETTINGS_ADVANCED.REASONING_BUTTON_DESCRIPTION,
                   name: "show-reasoning-button",
-                  onChange: Pe,
+                  onChange: Oe,
                   checked: K
                 }
               ),
-              De && /* @__PURE__ */ t(
+              Le && /* @__PURE__ */ t(
                 l,
                 {
                   noBorder: !0,
@@ -423,7 +415,7 @@ const pt = ({
                   label: "Model Selection",
                   subLabel: r.SETTINGS_ADVANCED.NESTED_MODEL_SELECTION_DESCRIPTION,
                   name: "use-nested-model-selection",
-                  onChange: Ae,
+                  onChange: ve,
                   checked: D
                 }
               ),
@@ -437,7 +429,7 @@ const pt = ({
                   label: "OLED Mode",
                   subLabel: r.SETTINGS_ADVANCED.BACKGROUND_THEME_DESCRIPTION,
                   name: "enable-oled-mode",
-                  onChange: ve,
+                  onChange: Pe,
                   checked: m
                 }
               ),
@@ -451,7 +443,7 @@ const pt = ({
                   label: "Alternative Theme",
                   subLabel: r.SETTINGS_ADVANCED.THEME_MODE_DESCRIPTION,
                   name: "enable-alternative-theme",
-                  onChange: Be,
+                  onChange: Re,
                   checked: ne === ue
                 }
               ),
@@ -465,8 +457,8 @@ const pt = ({
                   label: "Full Screen",
                   subLabel: r.SETTINGS_ADVANCED.FULL_SCREEN_DESCRIPTION,
                   name: "enable-full-screen",
-                  onChange: Re,
-                  checked: p
+                  onChange: Ae,
+                  checked: E
                 }
               ),
               /* @__PURE__ */ t(
@@ -479,22 +471,22 @@ const pt = ({
                   label: "Assets Caching",
                   subLabel: r.SETTINGS_ADVANCED.CACHE_DESCRIPTION,
                   name: "enable-service-worker",
-                  onChange: Oe,
+                  onChange: ke,
                   checked: C
                 }
               ),
-              N && /* @__PURE__ */ n("div", { className: "mt-4 p-3 border border-dashed border-border-medium dark:border-border-medium rounded @container/optimizations", children: [
+              T && /* @__PURE__ */ n("div", { className: "mt-4 p-3 border border-dashed border-border-medium dark:border-border-medium rounded @container/optimizations", children: [
                 /* @__PURE__ */ t("h3", { className: "m-0 mb-2 text-xs uppercase", children: "Cache Info" }),
-                E ? /* @__PURE__ */ n("div", { className: "text-xs space-y-2", children: [
+                p ? /* @__PURE__ */ n("div", { className: "text-xs space-y-2", children: [
                   /* @__PURE__ */ n("p", { className: "m-0", children: [
                     "Version: ",
-                    /* @__PURE__ */ t("strong", { children: E.version })
+                    /* @__PURE__ */ t("strong", { children: p.version })
                   ] }),
                   /* @__PURE__ */ n("p", { className: "m-0", children: [
                     "Total Items: ",
-                    /* @__PURE__ */ t("strong", { children: E.totalItems })
+                    /* @__PURE__ */ t("strong", { children: p.totalItems })
                   ] }),
-                  E.caches.map((e) => /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("ul", { className: "not-prose font-mono mt-2 list-none w-[95cqw]", children: e.urls.map((a) => /* @__PURE__ */ t(
+                  p.caches.map((e) => /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("ul", { className: "not-prose font-mono mt-2 list-none w-[95cqw]", children: e.urls.map((a) => /* @__PURE__ */ t(
                     "li",
                     {
                       className: "truncate text-xs text-copy-dark dark:text-copy-light overflow-hidden text-ellipsis",
@@ -503,7 +495,7 @@ const pt = ({
                     },
                     a
                   )) }) }, e.name)),
-                  E.totalItems === 0 && !Z && /* @__PURE__ */ t("p", { className: "italic m-0 opacity-70", children: "No cached assets yet." })
+                  p.totalItems === 0 && !Z && /* @__PURE__ */ t("p", { className: "italic m-0 opacity-70", children: "No cached assets yet." })
                 ] }) : /* @__PURE__ */ t("p", { className: "text-xs opacity-70 m-0", children: Z ? "Loading cache info..." : "No cache info available." })
               ] })
             ]
@@ -514,5 +506,5 @@ const pt = ({
   ) : null;
 };
 export {
-  pt as SettingsPanel
+  ft as SettingsPanel
 };