@versini/sassysaint 8.78.1 → 8.79.1

package/dist/chunks/SettingsEntry.-m4AtVBU.js

@@ -1,498 +0,0 @@
-import { jsxs as s, jsx as t, Fragment as A } from "react/jsx-runtime";
-import { n as Pe, useEntitlements as Be, useUserPreferences as Ue, C as ce, useLocalStorage as ie, LOCAL_STORAGE_OLED_MODE as Ge, LOCAL_STORAGE_FULL_SCREEN as Fe, canEvaluateModels as Ve, H as We, getCacheInfo as $e, isServiceWorkerEnabled as ze, SETTINGS_TITLE as He, Card as p, CARDS as r, b as je, Button as x, PROMPTS_DESCRIPTION as Ye, L as qe, j as de, applyOledMode as me, getCurrentGeoLocation as Ke, graphQLRequest as ue, handleServiceWorkerToggle as Qe, SERVICE_TYPES as he } from "./index.pH_f3zgG.js";
-import { AppContext as Je, useCapability as pe, Panel as Xe, Toggle as l, APP_SET_OLED_MODE as Ee, APP_SET_FULL_SCREEN as Se } from "./App.CXdttE_S.js";
-import { TextArea as Ne } from "./index.B-CC2ObP.js";
-import { useContext as Ze, useState as n, useMemo as et, useCallback as tt, useEffect as ge } from "react";
-const lt = ({
-  open: fe,
-  onOpenChange: R
-}) => {
-  const { getAccessToken: y, user: P } = Pe(), { allowedModels: k, status: B } = Be(), { dispatch: g } = Ze(Je), {
-    data: o,
-    isSuccess: Te,
-    refetch: U
-  } = Ue({
-    user: P?.username,
-    getAccessToken: y
-  }), [G, f] = n({
-    loadingLocation: !1
-  }), [w, F] = n({
-    prompts: []
-  }), [V, W] = n(""), [$, T] = n(""), [z, H] = n(!1), [j, Y] = n(!1), [C, q] = n(!1), [I, K] = n(!1), [Q, J] = n(!1), [L, X] = n(!1), [E, Z] = n(null), [ee, te] = n(!1), [oe, se] = n(!1), ae = pe(ce.TOOL.MEMORIES), ne = pe(ce.ADDON.REASONING), [i, Ce] = ie({
-    key: Ge,
-    initialValue: !1
-  }), [m, Ie] = ie({
-    key: Fe,
-    initialValue: !1
-  }), [u, D] = n(!1), [S, _] = n(!1), be = et(() => Ve(k, B) ? We(k) : !1, [k, B]), ye = (e) => {
-    se(e);
-  }, ke = (e) => {
-    H(e);
-  }, we = (e) => {
-    ae && Y(e);
-  }, Le = (e) => {
-    K(e);
-  }, De = (e) => {
-    ne && J(e);
-  }, _e = (e) => {
-    X(e);
-  }, Me = (e) => {
-    D(e);
-  }, Oe = (e) => {
-    _(e);
-  }, ve = async (e) => {
-    e.preventDefault();
-    try {
-      await ue({
-        accessToken: await y(),
-        type: he.SET_USER_PREFERENCES,
-        params: {
-          user: P?.username,
-          instructions: V,
-          location: $,
-          provider: o?.provider,
-          /**
-           * When nested model selection is disabled, explicitly clear any stored
-           * model preference so the user relies solely on provider defaults.
-           * Empty string signals to backend to use provider's default model.
-           */
-          model: L && o?.model || "",
-          tags: w.prompts,
-          sendOnEnter: z,
-          useMemory: j,
-          showDetails: oe,
-          showReasoningButton: Q,
-          useNestedModelSelection: L
-        }
-      }), I !== C && (await Qe(I), q(I)), u !== i && (Ce(u), me(u), g({
-        type: Ee,
-        payload: { oledMode: u }
-      })), S !== m && (Ie(S), g({
-        type: Se,
-        payload: { fullScreen: S }
-      })), U(), f({
-        loadingLocation: !1
-      });
-    } catch {
-    }
-  }, Ae = async () => {
-    f({
-      loadingLocation: !0
-    }), T("...");
-    try {
-      const e = Date.now(), a = await Ke(), b = await ue({
-        accessToken: await y(),
-        type: he.GET_LOCATION,
-        params: {
-          latitude: a.latitude,
-          longitude: a.longitude
-        }
-      }), h = Date.now() - e;
-      h < 2e3 && await new Promise((Re) => setTimeout(Re, 2e3 - h));
-      const { city: d, state: c, country: N, displayName: v } = b.data, xe = d && c && N ? `${d}, ${c}, ${N}` : v;
-      f({
-        loadingLocation: !1
-      }), T(xe);
-    } catch {
-      f({
-        loadingLocation: !1
-      });
-    }
-  }, re = () => {
-    u !== i && (D(i), me(i), g({
-      type: Ee,
-      payload: { oledMode: i }
-    })), S !== m && (_(m), g({
-      type: Se,
-      payload: { fullScreen: m }
-    })), U(), R(!1);
-  }, M = ({
-    enabled: e = !1,
-    privateChat: a = !1,
-    clipboardAccess: b = !1,
-    ...O
-  }) => {
-    F((h) => {
-      const d = h.prompts, c = {
-        ...O,
-        enabled: e,
-        privateChat: a,
-        clipboardAccess: b
-      };
-      b ? c.content = c.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : c.content = c.content.replace(/{{clipboard}}/g, "");
-      const N = d.findIndex((v) => v.slot === O.slot);
-      return N === -1 ? {
-        ...h,
-        prompts: [...d, { ...c }]
-      } : (d[N] = c, {
-        ...h,
-        prompts: [...d]
-      });
-    });
-  }, le = tt(async () => {
-    try {
-      te(!0);
-      const e = await $e();
-      Z(e);
-    } catch {
-    } finally {
-      te(!1);
-    }
-  }, []);
-  return ge(() => {
-    if (!o)
-      return;
-    o.instructions && W(o.instructions), o.location && T(o.location), o.tags && F({ prompts: o.tags }), o.sendOnEnter !== void 0 && H(o.sendOnEnter), o.useMemory !== void 0 && Y(o.useMemory), o.showDetails !== void 0 && se(o.showDetails), o.showReasoningButton !== void 0 && J(o.showReasoningButton), o.useNestedModelSelection !== void 0 && X(o.useNestedModelSelection);
-    const e = ze();
-    q(e), K(e), D(i), _(m);
-  }, [o, i, m]), ge(() => {
-    C ? le() : Z(null);
-  }, [C, le]), Te ? /* @__PURE__ */ s(
-    Xe,
-    {
-      open: fe,
-      onOpenChange: re,
-      title: He,
-      animation: !0,
-      animationType: "fade",
-      footer: /* @__PURE__ */ s(
-        qe,
-        {
-          columnGap: 2,
-          alignHorizontal: "flex-end",
-          className: "pb-8 sm:pb-0",
-          children: [
-            /* @__PURE__ */ t(de, { children: /* @__PURE__ */ t(
-              x,
-              {
-                mode: "dark",
-                variant: "secondary",
-                focusMode: "light",
-                noBorder: !0,
-                onClick: re,
-                children: "Cancel"
-              }
-            ) }),
-            /* @__PURE__ */ t(de, { children: /* @__PURE__ */ t(
-              x,
-              {
-                mode: "dark",
-                focusMode: "light",
-                onClick: async (e) => {
-                  R(!1), await ve(e);
-                },
-                children: "Save"
-              }
-            ) })
-          ]
-        }
-      ),
-      children: [
-        /* @__PURE__ */ s(
-          p,
-          {
-            header: r.SETTINGS_DETAILS.TITLE,
-            className: "prose-dark dark:prose-lighter",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ t("p", { className: "text-sm", children: r.SETTINGS_DETAILS.DETAILS }),
-              /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2",
-                  label: "Show Message Statistics",
-                  name: "show-message-statistics",
-                  onChange: ye,
-                  checked: oe
-                }
-              ),
-              /* @__PURE__ */ t("p", { className: "text-sm mt-5", children: r.SETTINGS_DETAILS.SEND_ON_ENTER }),
-              /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2",
-                  label: "Send Message on Enter",
-                  name: "send-message-on-enter",
-                  onChange: ke,
-                  checked: z
-                }
-              ),
-              ae && /* @__PURE__ */ s(A, { children: [
-                /* @__PURE__ */ t("p", { className: "text-sm mt-5", children: r.SETTINGS_DETAILS.USE_MEMORY }),
-                /* @__PURE__ */ t(
-                  l,
-                  {
-                    noBorder: !0,
-                    narrow: !0,
-                    className: "mt-2",
-                    label: "Use Memory",
-                    name: "use-memory",
-                    onChange: we,
-                    checked: j
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ s(
-          p,
-          {
-            header: "Custom Instructions",
-            className: "prose-dark dark:prose-lighter mt-4",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ s("p", { className: "text-sm", children: [
-                "What would you like ",
-                /* @__PURE__ */ t("em", { children: je }),
-                " to know about you to provide better responses?"
-              ] }),
-              /* @__PURE__ */ t(
-                Ne,
-                {
-                  mode: "alt-system",
-                  autoCapitalize: "off",
-                  autoComplete: "off",
-                  autoCorrect: "off",
-                  name: "customInstructions",
-                  label: "Custom Instructions",
-                  value: V,
-                  onChange: (e) => {
-                    W(e.target.value);
-                  },
-                  helperText: "Press ENTER to add a new line."
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ s(
-          p,
-          {
-            header: "Location",
-            className: "prose-dark dark:prose-lighter mt-4",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ t("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
-              /* @__PURE__ */ t(
-                Ne,
-                {
-                  mode: "alt-system",
-                  name: "location",
-                  label: "Location",
-                  value: $,
-                  onChange: (e) => {
-                    T(e.target.value);
-                  },
-                  helperText: "Enter your location or press auto-detect."
-                }
-              ),
-              /* @__PURE__ */ t(
-                x,
-                {
-                  className: "mt-2",
-                  size: "small",
-                  noBorder: !0,
-                  variant: "secondary",
-                  disabled: G.loadingLocation,
-                  onClick: Ae,
-                  children: G.loadingLocation ? "Detecting..." : "Auto-detect"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ s(
-          p,
-          {
-            header: r.SETTINGS_PROMPTS.TITLE,
-            className: "prose-dark dark:prose-lighter mt-4",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ t("p", { className: "text-sm", children: Ye }),
-              w.prompts && w.prompts.slice(0, 3).map((e) => /* @__PURE__ */ s(
-                p,
-                {
-                  mode: "dark",
-                  noBorder: !0,
-                  header: e.label.replace("...", ""),
-                  className: "prose-light mb-2",
-                  children: [
-                    /* @__PURE__ */ t("p", { className: "text-sm", children: e.description }),
-                    /* @__PURE__ */ t(
-                      l,
-                      {
-                        noBorder: !0,
-                        narrow: !0,
-                        mode: "dark",
-                        focusMode: "light",
-                        className: "mt-2",
-                        label: "Enabled",
-                        name: e.slot.toString(),
-                        onChange: (a) => {
-                          M({
-                            ...e,
-                            enabled: a
-                          });
-                        },
-                        checked: e.enabled
-                      }
-                    ),
-                    /* @__PURE__ */ t(
-                      l,
-                      {
-                        noBorder: !0,
-                        narrow: !0,
-                        mode: "dark",
-                        focusMode: "light",
-                        className: "mt-2",
-                        label: "Private Chat",
-                        name: `private-${e.slot.toString()}`,
-                        onChange: (a) => {
-                          M({
-                            ...e,
-                            privateChat: a
-                          });
-                        },
-                        checked: e.privateChat
-                      }
-                    ),
-                    /* @__PURE__ */ t(
-                      l,
-                      {
-                        noBorder: !0,
-                        narrow: !0,
-                        mode: "dark",
-                        focusMode: "light",
-                        className: "mt-2",
-                        label: "Use Clipboard",
-                        name: `clipboard-${e.slot.toString()}`,
-                        onChange: (a) => {
-                          M({
-                            ...e,
-                            clipboardAccess: a
-                          });
-                        },
-                        checked: e.clipboardAccess
-                      }
-                    )
-                  ]
-                },
-                `prompt-slot-${e.slot}`
-              ))
-            ]
-          }
-        ),
-        /* @__PURE__ */ s(
-          p,
-          {
-            header: r.SETTINGS_ADVANCED.TITLE,
-            className: "prose-dark dark:prose-lighter mt-4 ",
-            noBorder: !0,
-            children: [
-              ne && /* @__PURE__ */ s(A, { children: [
-                /* @__PURE__ */ t("p", { className: "text-sm", children: r.SETTINGS_ADVANCED.REASONING_BUTTON_DESCRIPTION }),
-                /* @__PURE__ */ t(
-                  l,
-                  {
-                    noBorder: !0,
-                    narrow: !0,
-                    className: "mt-2",
-                    label: "Show Reasoning Button",
-                    name: "show-reasoning-button",
-                    onChange: De,
-                    checked: Q
-                  }
-                )
-              ] }),
-              be && /* @__PURE__ */ s(A, { children: [
-                /* @__PURE__ */ t("p", { className: "text-sm mt-5", children: r.SETTINGS_ADVANCED.NESTED_MODEL_SELECTION_DESCRIPTION }),
-                /* @__PURE__ */ t(
-                  l,
-                  {
-                    noBorder: !0,
-                    narrow: !0,
-                    className: "mt-2",
-                    label: "Enable Model Selection",
-                    name: "use-nested-model-selection",
-                    onChange: _e,
-                    checked: L
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ t("p", { className: "text-sm mt-5", children: r.SETTINGS_ADVANCED.BACKGROUND_THEME_DESCRIPTION }),
-              /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2",
-                  label: "Enable OLED Mode",
-                  name: "enable-oled-mode",
-                  onChange: Me,
-                  checked: u
-                }
-              ),
-              /* @__PURE__ */ t("p", { className: "text-sm mt-5", children: r.SETTINGS_ADVANCED.FULL_SCREEN_DESCRIPTION }),
-              /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2",
-                  label: "Enable Full Screen",
-                  name: "enable-full-screen",
-                  onChange: Oe,
-                  checked: S
-                }
-              ),
-              /* @__PURE__ */ t("p", { className: "text-sm mt-5", children: r.SETTINGS_ADVANCED.CACHE_DESCRIPTION }),
-              /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2",
-                  label: "Enable Assets Caching",
-                  name: "enable-service-worker",
-                  onChange: Le,
-                  checked: I
-                }
-              ),
-              C && /* @__PURE__ */ s("div", { className: "mt-4 p-3 border border-dashed border-neutral-700 dark:border-neutral-400 rounded @container/optimizations", children: [
-                /* @__PURE__ */ t("h3", { className: "m-0 mb-2 text-xs uppercase opacity-70", children: "Cache Info" }),
-                E ? /* @__PURE__ */ s("div", { className: "text-xs space-y-2", children: [
-                  /* @__PURE__ */ s("p", { className: "m-0", children: [
-                    "Version: ",
-                    /* @__PURE__ */ t("strong", { children: E.version })
-                  ] }),
-                  /* @__PURE__ */ s("p", { className: "m-0", children: [
-                    "Total Items: ",
-                    /* @__PURE__ */ t("strong", { children: E.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(
-                    "li",
-                    {
-                      className: "truncate text-xs text-copy-dark dark:text-copy-light overflow-hidden text-ellipsis",
-                      title: a,
-                      children: new URL(a).pathname
-                    },
-                    a
-                  )) }) }, e.name)),
-                  E.totalItems === 0 && !ee && /* @__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: ee ? "Loading cache info..." : "No cache info available." })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  ) : null;
-};
-export {
-  lt as SettingsPanel
-};