@versini/sassysaint 8.116.0 → 8.117.0

package/dist/chunks/SettingsEntry.DRxV4Mnv.js

@@ -1,456 +0,0 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { n as Ie, useEntitlements as Oe, useUserPreferences as Pe, F as ee, LOCAL_STORAGE_OLED_MODE as Ae, LOCAL_STORAGE_FULL_SCREEN as Re, e as te, canEvaluateModels as ke, j as Be, b as ve, Z as oe, applyOledMode as se, getCurrentGeoLocation as xe, graphQLRequest as ae, SERVICE_TYPES as ne } from "./index.-nrmM1wy.js";
-import { AppContext as Ue, SETTINGS_TITLE as Ge, CARDS as n, Button as re, PROMPTS_DESCRIPTION as je, APP_SET_OLED_MODE as le, APP_SET_FULL_SCREEN as ce } from "./LogoEntry.C42bjw_J.js";
-import { Card as h } from "./index.Dq3ux59q.js";
-import { useCapability as ie, useLocalStorage as de, Panel as Fe, Toggle as r, ButtonCancel as Ve } from "./App.DZsmgdSf.js";
-import { TextArea as ue } from "./index.B9-d3ocn.js";
-import { useRef as $e, useContext as ze, useState as s, useMemo as Ye, useEffect as He } from "react";
-const et = ({
-  open: me,
-  onOpenChange: O
-}) => {
-  const P = $e(null), { getAccessToken: N, user: A } = Ie(), { allowedModels: C, status: R } = Oe(), { dispatch: T } = ze(Ue), {
-    data: t,
-    isSuccess: Ee,
-    refetch: k
-  } = Pe({
-    user: A?.username,
-    getAccessToken: N
-  }), [B, g] = s({
-    loadingLocation: !1
-  }), [L, v] = s({
-    prompts: []
-  }), [x, U] = s(""), [G, p] = s(""), [j, F] = s(!1), [V, $] = s(!1), [z, Y] = s(!1), [M, H] = s(!1), [q, K] = s(!1), Q = ie(ee.TOOL.MEMORIES), W = ie(ee.ADDON.REASONING), [i, he] = de({
-    key: Ae,
-    initialValue: !1
-  }), [u, Se] = de({
-    key: Re,
-    initialValue: !1
-  }), [m, w] = s(!1), [S, y] = s(!1), [Z, J] = s(te), fe = Ye(() => ke(C, R) ? Be(C) : !1, [C, R]), Te = (e) => {
-    K(e);
-  }, ge = (e) => {
-    F(e);
-  }, pe = (e) => {
-    Q && $(e);
-  }, be = (e) => {
-    W && Y(e);
-  }, Ne = (e) => {
-    H(e);
-  }, Ce = (e) => {
-    w(e);
-  }, Le = (e) => {
-    y(e);
-  }, Me = (e) => {
-    J(e ? oe : te);
-  }, we = async (e) => {
-    e.preventDefault();
-    try {
-      await ae({
-        accessToken: await N(),
-        type: ne.SET_USER_PREFERENCES,
-        params: {
-          user: A?.username,
-          instructions: x,
-          location: G,
-          provider: t?.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: M && t?.model || "",
-          tags: L.prompts,
-          sendOnEnter: j,
-          useMemory: V,
-          showDetails: q,
-          showReasoningButton: z,
-          useNestedModelSelection: M,
-          themeMode: Z
-        }
-      }), m !== i && (he(m), se(m), T({
-        type: le,
-        payload: { oledMode: m }
-      })), S !== u && (Se(S), T({
-        type: ce,
-        payload: { fullScreen: S }
-      })), k(), g({
-        loadingLocation: !1
-      });
-    } catch {
-    }
-  }, ye = async () => {
-    g({
-      loadingLocation: !0
-    }), p("...");
-    try {
-      const e = Date.now(), a = await xe(), b = await ae({
-        accessToken: await N(),
-        type: ne.GET_LOCATION,
-        params: {
-          latitude: a.latitude,
-          longitude: a.longitude
-        }
-      }), E = Date.now() - e;
-      E < 2e3 && await new Promise((_e) => setTimeout(_e, 2e3 - E));
-      const { city: d, state: l, country: f, displayName: I } = b.data, De = d && l && f ? `${d}, ${l}, ${f}` : I;
-      g({
-        loadingLocation: !1
-      }), p(De);
-    } catch {
-      g({
-        loadingLocation: !1
-      });
-    }
-  }, X = () => {
-    m !== i && (w(i), se(i), T({
-      type: le,
-      payload: { oledMode: i }
-    })), S !== u && (y(u), T({
-      type: ce,
-      payload: { fullScreen: u }
-    })), k(), O(!1);
-  }, D = ({
-    enabled: e = !1,
-    privateChat: a = !1,
-    clipboardAccess: b = !1,
-    ..._
-  }) => {
-    v((E) => {
-      const d = E.prompts, l = {
-        ..._,
-        enabled: e,
-        privateChat: a,
-        clipboardAccess: b
-      };
-      b ? l.content = l.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : l.content = l.content.replace(/{{clipboard}}/g, "");
-      const f = d.findIndex((I) => I.slot === _.slot);
-      return f === -1 ? {
-        ...E,
-        prompts: [...d, { ...l }]
-      } : (d[f] = l, {
-        ...E,
-        prompts: [...d]
-      });
-    });
-  };
-  return He(() => {
-    t && (t.instructions && U(t.instructions), t.location && p(t.location), t.tags && v({ prompts: t.tags }), t.sendOnEnter !== void 0 && F(t.sendOnEnter), t.useMemory !== void 0 && $(t.useMemory), t.showDetails !== void 0 && K(t.showDetails), t.showReasoningButton !== void 0 && Y(t.showReasoningButton), t.useNestedModelSelection !== void 0 && H(t.useNestedModelSelection), t.themeMode !== void 0 && J(t.themeMode), w(i), y(u));
-  }, [t, i, u]), Ee ? /* @__PURE__ */ c(
-    Fe,
-    {
-      open: me,
-      onOpenChange: X,
-      title: Ge,
-      animation: !0,
-      animationType: "fade",
-      blurEffect: "large",
-      initialFocus: P,
-      footer: /* @__PURE__ */ c("div", { className: "flex flex-wrap justify-end gap-x-2 pb-8 sm:pb-0", children: [
-        /* @__PURE__ */ o("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ o(
-          Ve,
-          {
-            onOpenChange: X,
-            label: "Cancel",
-            ref: P
-          }
-        ) }),
-        /* @__PURE__ */ o("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ o(
-          re,
-          {
-            mode: "light",
-            focusMode: "light",
-            onClick: async (e) => {
-              O(!1), await we(e);
-            },
-            children: "Save"
-          }
-        ) })
-      ] }),
-      children: [
-        /* @__PURE__ */ c(
-          h,
-          {
-            header: n.SETTINGS_DETAILS.TITLE,
-            className: "prose-dark dark:prose-lighter",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ o(
-                r,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Message Statistics",
-                  subLabel: n.SETTINGS_DETAILS.DETAILS,
-                  name: "show-message-statistics",
-                  onChange: Te,
-                  checked: q
-                }
-              ),
-              /* @__PURE__ */ o(
-                r,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Send Message on Enter",
-                  subLabel: n.SETTINGS_DETAILS.SEND_ON_ENTER,
-                  name: "send-message-on-enter",
-                  onChange: ge,
-                  checked: j
-                }
-              ),
-              Q && /* @__PURE__ */ o(
-                r,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Use Memory",
-                  subLabel: n.SETTINGS_DETAILS.USE_MEMORY,
-                  name: "use-memory",
-                  onChange: pe,
-                  checked: V
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ c(
-          h,
-          {
-            header: "Custom Instructions",
-            className: "prose-dark dark:prose-lighter mt-4",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ c("p", { className: "text-sm", children: [
-                "What would you like ",
-                /* @__PURE__ */ o("em", { children: ve }),
-                " to know about you to provide better responses?"
-              ] }),
-              /* @__PURE__ */ o(
-                ue,
-                {
-                  mode: "alt-system",
-                  autoCapitalize: "off",
-                  autoComplete: "off",
-                  autoCorrect: "off",
-                  name: "customInstructions",
-                  label: "Custom Instructions",
-                  value: x,
-                  onChange: (e) => {
-                    U(e.target.value);
-                  },
-                  helperText: "Press ENTER to add a new line."
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ c(
-          h,
-          {
-            header: "Location",
-            className: "prose-dark dark:prose-lighter mt-4",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ o("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
-              /* @__PURE__ */ o(
-                ue,
-                {
-                  mode: "alt-system",
-                  name: "location",
-                  label: "Location",
-                  value: G,
-                  onChange: (e) => {
-                    p(e.target.value);
-                  },
-                  helperText: "Enter your location or press auto-detect."
-                }
-              ),
-              /* @__PURE__ */ o(
-                re,
-                {
-                  className: "mt-2",
-                  size: "small",
-                  noBorder: !0,
-                  variant: "secondary",
-                  disabled: B.loadingLocation,
-                  onClick: ye,
-                  children: B.loadingLocation ? "Detecting..." : "Auto-detect"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ c(
-          h,
-          {
-            header: n.SETTINGS_PROMPTS.TITLE,
-            className: "prose-dark dark:prose-lighter mt-4",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ o("p", { className: "text-sm", children: je }),
-              L.prompts && L.prompts.slice(0, 3).map((e) => /* @__PURE__ */ c(
-                h,
-                {
-                  mode: "dark",
-                  noBorder: !0,
-                  header: e.label.replace("...", ""),
-                  className: "prose-light mb-2",
-                  children: [
-                    /* @__PURE__ */ o("p", { className: "text-sm", children: e.description }),
-                    /* @__PURE__ */ o(
-                      r,
-                      {
-                        noBorder: !0,
-                        narrow: !0,
-                        mode: "dark",
-                        focusMode: "light",
-                        className: "mt-2",
-                        label: "Enabled",
-                        name: e.slot.toString(),
-                        onChange: (a) => {
-                          D({
-                            ...e,
-                            enabled: a
-                          });
-                        },
-                        checked: e.enabled
-                      }
-                    ),
-                    /* @__PURE__ */ o(
-                      r,
-                      {
-                        noBorder: !0,
-                        narrow: !0,
-                        mode: "dark",
-                        focusMode: "light",
-                        className: "mt-2",
-                        label: "Private Chat",
-                        name: `private-${e.slot.toString()}`,
-                        onChange: (a) => {
-                          D({
-                            ...e,
-                            privateChat: a
-                          });
-                        },
-                        checked: e.privateChat
-                      }
-                    ),
-                    /* @__PURE__ */ o(
-                      r,
-                      {
-                        noBorder: !0,
-                        narrow: !0,
-                        mode: "dark",
-                        focusMode: "light",
-                        className: "mt-2",
-                        label: "Use Clipboard",
-                        name: `clipboard-${e.slot.toString()}`,
-                        onChange: (a) => {
-                          D({
-                            ...e,
-                            clipboardAccess: a
-                          });
-                        },
-                        checked: e.clipboardAccess
-                      }
-                    )
-                  ]
-                },
-                `prompt-slot-${e.slot}`
-              ))
-            ]
-          }
-        ),
-        /* @__PURE__ */ c(
-          h,
-          {
-            header: n.SETTINGS_ADVANCED.TITLE,
-            className: "prose-dark dark:prose-lighter mt-4 ",
-            noBorder: !0,
-            children: [
-              W && /* @__PURE__ */ o(
-                r,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Reasoning Button",
-                  subLabel: n.SETTINGS_ADVANCED.REASONING_BUTTON_DESCRIPTION,
-                  name: "show-reasoning-button",
-                  onChange: be,
-                  checked: z
-                }
-              ),
-              fe && /* @__PURE__ */ o(
-                r,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Model Selection",
-                  subLabel: n.SETTINGS_ADVANCED.NESTED_MODEL_SELECTION_DESCRIPTION,
-                  name: "use-nested-model-selection",
-                  onChange: Ne,
-                  checked: M
-                }
-              ),
-              /* @__PURE__ */ o(
-                r,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "OLED Mode",
-                  subLabel: n.SETTINGS_ADVANCED.BACKGROUND_THEME_DESCRIPTION,
-                  name: "enable-oled-mode",
-                  onChange: Ce,
-                  checked: m
-                }
-              ),
-              /* @__PURE__ */ o(
-                r,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Alternative Theme",
-                  subLabel: n.SETTINGS_ADVANCED.THEME_MODE_DESCRIPTION,
-                  name: "enable-alternative-theme",
-                  onChange: Me,
-                  checked: Z === oe
-                }
-              ),
-              /* @__PURE__ */ o(
-                r,
-                {
-                  noBorder: !0,
-                  narrow: !0,
-                  className: "mt-2 justify-between",
-                  labelPosition: "left",
-                  label: "Full Screen",
-                  subLabel: n.SETTINGS_ADVANCED.FULL_SCREEN_DESCRIPTION,
-                  name: "enable-full-screen",
-                  onChange: Le,
-                  checked: S
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  ) : null;
-};
-export {
-  et as SettingsPanel
-};