@versini/sassysaint 8.111.4 → 8.113.0

package/dist/chunks/SettingsEntry.BfQY7V1X.js

@@ -1,510 +0,0 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { n as je, useEntitlements as Ve, useUserPreferences as Fe, B 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.DlSb-eu-.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.VAaujt4V.js";
-import { Card as f } from "./index.uWhcsflb.js";
-import { useCapability as be, useLocalStorage as ge, Panel as tt, Toggle as l, ButtonCancel as ot } from "./App.D7kYRe3a.js";
-import { TextArea as Ne } from "./index.Byuy4Q49.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 A = st(null), { getAccessToken: w, user: R } = je(), { allowedModels: I, status: x } = Ve(), { dispatch: b } = at(Xe), {
-    data: o,
-    isSuccess: ye,
-    refetch: B
-  } = Fe({
-    user: R?.username,
-    getAccessToken: w
-  }), [U, g] = s({
-    loadingLocation: !1
-  }), [L, G] = s({
-    prompts: []
-  }), [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, we] = ge({
-    key: We,
-    initialValue: !1
-  }), [u, Ie] = ge({
-    key: $e,
-    initialValue: !1
-  }), [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);
-  }, Me = (e) => {
-    $(e);
-  }, _e = (e) => {
-    se && H(e);
-  }, ke = (e) => {
-    q(e);
-  }, Oe = (e) => {
-    ae && Q(e);
-  }, ve = (e) => {
-    J(e);
-  }, Pe = (e) => {
-    M(e);
-  }, Ae = (e) => {
-    _(e);
-  }, Re = (e) => {
-    re(e ? ue : de);
-  }, xe = async (e) => {
-    e.preventDefault();
-    try {
-      await he({
-        accessToken: await w(),
-        type: fe.SET_USER_PREFERENCES,
-        params: {
-          user: R?.username,
-          instructions: j,
-          location: F,
-          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: D && o?.model || "",
-          tags: L.prompts,
-          sendOnEnter: W,
-          useMemory: z,
-          showDetails: te,
-          showReasoningButton: K,
-          useNestedModelSelection: D,
-          themeMode: ne
-        }
-      }), C !== T && (await Je(C), Y(C)), m !== i && (we(m), me(m), b({
-        type: Ee,
-        payload: { oledMode: m }
-      })), E !== u && (Ie(E), b({
-        type: Se,
-        payload: { fullScreen: E }
-      })), B(), g({
-        loadingLocation: !1
-      });
-    } catch {
-    }
-  }, Be = async () => {
-    g({
-      loadingLocation: !0
-    }), N("...");
-    try {
-      const e = Date.now(), a = await Qe(), y = await he({
-        accessToken: await w(),
-        type: fe.GET_LOCATION,
-        params: {
-          latitude: a.latitude,
-          longitude: a.longitude
-        }
-      }), h = Date.now() - e;
-      h < 2e3 && await new Promise((Ge) => setTimeout(Ge, 2e3 - h));
-      const { city: d, state: c, country: S, displayName: v } = y.data, Ue = d && c && S ? `${d}, ${c}, ${S}` : v;
-      g({
-        loadingLocation: !1
-      }), N(Ue);
-    } catch {
-      g({
-        loadingLocation: !1
-      });
-    }
-  }, le = () => {
-    m !== i && (M(i), me(i), b({
-      type: Ee,
-      payload: { oledMode: i }
-    })), E !== u && (_(u), b({
-      type: Se,
-      payload: { fullScreen: u }
-    })), B(), P(!1);
-  }, k = ({
-    enabled: e = !1,
-    privateChat: a = !1,
-    clipboardAccess: y = !1,
-    ...O
-  }) => {
-    G((h) => {
-      const d = h.prompts, c = {
-        ...O,
-        enabled: e,
-        privateChat: a,
-        clipboardAccess: y
-      };
-      y ? 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 }]
-      } : (d[S] = c, {
-        ...h,
-        prompts: [...d]
-      });
-    });
-  }, ce = rt(async () => {
-    try {
-      ee(!0);
-      const e = await Ye();
-      X(e);
-    } catch {
-    } finally {
-      ee(!1);
-    }
-  }, []);
-  return Te(() => {
-    if (!o)
-      return;
-    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]), Te(() => {
-    T ? ce() : X(null);
-  }, [T, ce]), ye ? /* @__PURE__ */ n(
-    tt,
-    {
-      open: Ce,
-      onOpenChange: le,
-      title: Ze,
-      animation: !0,
-      animationType: "fade",
-      blurEffect: "large",
-      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,
-          {
-            header: r.SETTINGS_DETAILS.TITLE,
-            className: "prose-dark dark:prose-lighter",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Message Statistics",
-                  subLabel: r.SETTINGS_DETAILS.DETAILS,
-                  name: "show-message-statistics",
-                  onChange: De,
-                  checked: te
-                }
-              ),
-              /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Send Message on Enter",
-                  subLabel: r.SETTINGS_DETAILS.SEND_ON_ENTER,
-                  name: "send-message-on-enter",
-                  onChange: Me,
-                  checked: W
-                }
-              ),
-              se && /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Use Memory",
-                  subLabel: r.SETTINGS_DETAILS.USE_MEMORY,
-                  name: "use-memory",
-                  onChange: _e,
-                  checked: z
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(
-          f,
-          {
-            header: "Custom Instructions",
-            className: "prose-dark dark:prose-lighter mt-4",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ n("p", { className: "text-sm", children: [
-                "What would you like ",
-                /* @__PURE__ */ t("em", { children: Ke }),
-                " 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: j,
-                  onChange: (e) => {
-                    V(e.target.value);
-                  },
-                  helperText: "Press ENTER to add a new line."
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(
-          f,
-          {
-            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: F,
-                  onChange: (e) => {
-                    N(e.target.value);
-                  },
-                  helperText: "Enter your location or press auto-detect."
-                }
-              ),
-              /* @__PURE__ */ t(
-                pe,
-                {
-                  className: "mt-2",
-                  size: "small",
-                  noBorder: !0,
-                  variant: "secondary",
-                  disabled: U.loadingLocation,
-                  onClick: Be,
-                  children: U.loadingLocation ? "Detecting..." : "Auto-detect"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(
-          f,
-          {
-            header: r.SETTINGS_PROMPTS.TITLE,
-            className: "prose-dark dark:prose-lighter mt-4",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ t("p", { className: "text-sm", children: et }),
-              L.prompts && L.prompts.slice(0, 3).map((e) => /* @__PURE__ */ n(
-                f,
-                {
-                  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) => {
-                          k({
-                            ...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) => {
-                          k({
-                            ...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) => {
-                          k({
-                            ...e,
-                            clipboardAccess: a
-                          });
-                        },
-                        checked: e.clipboardAccess
-                      }
-                    )
-                  ]
-                },
-                `prompt-slot-${e.slot}`
-              ))
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(
-          f,
-          {
-            header: r.SETTINGS_ADVANCED.TITLE,
-            className: "prose-dark dark:prose-lighter mt-4 ",
-            noBorder: !0,
-            children: [
-              ae && /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Reasoning Button",
-                  subLabel: r.SETTINGS_ADVANCED.REASONING_BUTTON_DESCRIPTION,
-                  name: "show-reasoning-button",
-                  onChange: Oe,
-                  checked: K
-                }
-              ),
-              Le && /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Model Selection",
-                  subLabel: r.SETTINGS_ADVANCED.NESTED_MODEL_SELECTION_DESCRIPTION,
-                  name: "use-nested-model-selection",
-                  onChange: ve,
-                  checked: D
-                }
-              ),
-              /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "OLED Mode",
-                  subLabel: r.SETTINGS_ADVANCED.BACKGROUND_THEME_DESCRIPTION,
-                  name: "enable-oled-mode",
-                  onChange: Pe,
-                  checked: m
-                }
-              ),
-              /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Alternative Theme",
-                  subLabel: r.SETTINGS_ADVANCED.THEME_MODE_DESCRIPTION,
-                  name: "enable-alternative-theme",
-                  onChange: Re,
-                  checked: ne === ue
-                }
-              ),
-              /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Full Screen",
-                  subLabel: r.SETTINGS_ADVANCED.FULL_SCREEN_DESCRIPTION,
-                  name: "enable-full-screen",
-                  onChange: Ae,
-                  checked: E
-                }
-              ),
-              /* @__PURE__ */ t(
-                l,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Assets Caching",
-                  subLabel: r.SETTINGS_ADVANCED.CACHE_DESCRIPTION,
-                  name: "enable-service-worker",
-                  onChange: ke,
-                  checked: C
-                }
-              ),
-              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" }),
-                p ? /* @__PURE__ */ n("div", { className: "text-xs space-y-2", children: [
-                  /* @__PURE__ */ n("p", { className: "m-0", children: [
-                    "Version: ",
-                    /* @__PURE__ */ t("strong", { children: p.version })
-                  ] }),
-                  /* @__PURE__ */ n("p", { className: "m-0", children: [
-                    "Total Items: ",
-                    /* @__PURE__ */ t("strong", { children: p.totalItems })
-                  ] }),
-                  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",
-                      title: a,
-                      children: new URL(a).pathname
-                    },
-                    a
-                  )) }) }, e.name)),
-                  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." })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  ) : null;
-};
-export {
-  ft as SettingsPanel
-};