@scalar/agent-chat 0.5.18 → 0.7.0

package/dist/views/Chat/Messages/AskForAuthentication.vue2.js

@@ -1,8 +1,8 @@
 import { defineComponent as S, computed as n, createElementBlock as k, openBlock as u, normalizeClass as C, createElementVNode as d, createBlock as l, createCommentVNode as s, unref as i, withCtx as E, createTextVNode as I, createVNode as N } from "vue";
 import { getSelectedServer as P } from "@scalar/api-client/v2/features/operation";
-import { getActiveEnvironment as B, getServers as T } from "@scalar/api-client/v2/helpers";
-import { ScalarButton as _ } from "@scalar/components";
-import { ScalarIconArrowRight as x } from "@scalar/icons";
+import { getActiveEnvironment as B, getServers as x } from "@scalar/api-client/v2/helpers";
+import { ScalarButton as T } from "@scalar/components";
+import { ScalarIconArrowRight as _ } from "@scalar/icons";
 import O from "../../../components/AuthenticationProvided.vue.js";
 import b from "../../../components/AuthenticationRequired.vue.js";
 import { ASK_FOR_AUTHENTICATION_TOOL_NAME as w } from "../../../entities/tools/ask-for-authentication.js";
@@ -19,11 +19,11 @@ const V = { class: "toggleButton" }, q = { class: "authContent" }, F = { class:
     const { workspaceStore: c, eventBus: f, config: p, chat: h } = L(), a = n(() => {
       if (!t.messagePart.value.input?.uniqueIdentifier || t.messagePart.value.state !== "input-available")
         return;
-      const [o, r] = t.messagePart.value.input.uniqueIdentifier.split(
+      const [r, o] = t.messagePart.value.input.uniqueIdentifier.split(
         y
       );
-      if (!(!o || !r))
-        return z(o, r);
+      if (!(!r || !o))
+        return z(r, o);
     }), e = n(() => {
       if (a.value)
         return c.workspace.documents[a.value];
@@ -33,10 +33,10 @@ const V = { class: "toggleButton" }, q = { class: "authContent" }, F = { class:
     }), v = n(() => {
       if (!e.value)
         return;
-      const o = T(e.value.servers, {
+      const r = x(e.value.servers, {
         documentUrl: e.value["x-scalar-original-source-url"]
       });
-      return P(e.value, o);
+      return P(r, e.value["x-scalar-selected-server"]);
     }), g = n(
       () => a.value && m.value && v.value
     );
@@ -48,7 +48,7 @@ const V = { class: "toggleButton" }, q = { class: "authContent" }, F = { class:
         state: "output-available"
       });
     }
-    return (o, r) => (u(), k("div", {
+    return (r, o) => (u(), k("div", {
       class: C(["askForAuthentication", {
         open: g.value
       }])
@@ -56,15 +56,15 @@ const V = { class: "toggleButton" }, q = { class: "authContent" }, F = { class:
       d("div", V, [
         t.messagePart.value.state === "output-available" ? (u(), l(O, { key: 0 })) : s("", !0),
         t.messagePart.value.state === "input-available" ? (u(), l(b, { key: 1 })) : s("", !0),
-        t.messagePart.value.state === "input-available" ? (u(), l(i(_), {
+        t.messagePart.value.state === "input-available" ? (u(), l(i(T), {
           key: 2,
           class: "authorizeButton",
           size: "xs",
           onClick: A
         }, {
           default: E(() => [
-            r[0] || (r[0] = I(" Authorize ", -1)),
-            N(i(x), { weight: "bold" })
+            o[0] || (o[0] = I(" Authorize ", -1)),
+            N(i(_), { weight: "bold" })
           ]),
           _: 1
         })) : s("", !0)

package/dist/views/PromptForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptForm.vue.d.ts","sourceRoot":"","sources":["../../src/views/PromptForm.vue"],"names":[],"mappings":"AAwpBA,iBAAS,WAAW,SAEnB;AA6iBD,QAAA,MAAM,YAAY;;;;;;;;iFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"PromptForm.vue.d.ts","sourceRoot":"","sources":["../../src/views/PromptForm.vue"],"names":[],"mappings":"AAmqBA,iBAAS,WAAW,SAEnB;AA4jBD,QAAA,MAAM,YAAY;;;;;;;;iFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/PromptForm.vue.js

@@ -1,7 +1,7 @@
 import o from "./PromptForm.vue2.js";
 /* empty css                */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-438c5215"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e7c7c266"]]);
 export {
-  _ as default
+  c as default
 };

package/dist/views/PromptForm.vue2.js

@@ -1,45 +1,45 @@
-import { defineComponent as q, useTemplateRef as K, computed as d, watch as w, createElementBlock as r, openBlock as o, createBlock as u, createCommentVNode as a, createElementVNode as l, unref as e, withModifiers as j, withDirectives as J, vModelText as O, Fragment as f, withCtx as S, createVNode as g, renderList as C, createTextVNode as P, toDisplayString as X } from "vue";
-import { ScalarIconButton as T, ScalarLoading as Z } from "@scalar/components";
-import { ScalarIconPlus as I, ScalarIconX as G, ScalarIconLockSimple as Q, ScalarIconCheck as W, ScalarIconArrowUp as Y } from "@scalar/icons";
-import ee from "../components/ActionsDropdown.vue.js";
-import te from "../components/ApprovalSection.vue.js";
-import oe from "../components/ErrorMessage.vue.js";
-import se from "../components/FreeMessagesInfoSection.vue.js";
+import { defineComponent as q, useTemplateRef as K, computed as d, watch as w, createElementBlock as r, openBlock as o, createBlock as u, createCommentVNode as a, createElementVNode as n, unref as e, withModifiers as j, withDirectives as J, vModelText as O, Fragment as f, withCtx as h, createVNode as p, renderList as C, createTextVNode as T, toDisplayString as X } from "vue";
+import { ScalarTooltip as Z, ScalarIconButton as P, ScalarLoading as G } from "@scalar/components";
+import { ScalarIconPlus as I, ScalarIconX as Q, ScalarIconLockSimple as W, ScalarIconCheck as Y, ScalarIconArrowUp as ee } from "@scalar/icons";
+import te from "../components/ActionsDropdown.vue.js";
+import oe from "../components/ApprovalSection.vue.js";
+import se from "../components/ErrorMessage.vue.js";
+import le from "../components/FreeMessagesInfoSection.vue.js";
 import ne from "../components/PaymentSection.vue.js";
-import le from "../components/SearchPopover.vue.js";
-import ae from "../components/UploadSection.vue.js";
-import { AgentErrorCodes as x } from "../entities/error/constants.js";
-import { MAX_PROMPT_SIZE as re } from "../entities/prompt/constants.js";
-import { useRequestApprovals as ie } from "../hooks/use-chat-approvals.js";
-import { useChatError as ue } from "../hooks/use-chat-error.js";
-import { useChatPendingClientToolParts as ce } from "../hooks/use-chat-pending-client-tool-parts.js";
-import { useUploadTmpDocument as de } from "../hooks/use-upload-tmp-document.js";
-import { useState as pe } from "../state/state.js";
-const me = { class: "actionContainer" }, ge = ["disabled"], ve = { class: "inputActionsContainer" }, fe = { class: "inputActionsLeft" }, he = {
+import ae from "../components/SearchPopover.vue.js";
+import re from "../components/UploadSection.vue.js";
+import { AgentErrorCodes as D } from "../entities/error/constants.js";
+import { MAX_PROMPT_SIZE as ie } from "../entities/prompt/constants.js";
+import { useRequestApprovals as ue } from "../hooks/use-chat-approvals.js";
+import { useChatError as ce } from "../hooks/use-chat-error.js";
+import { useChatPendingClientToolParts as de } from "../hooks/use-chat-pending-client-tool-parts.js";
+import { useUploadTmpDocument as pe } from "../hooks/use-upload-tmp-document.js";
+import { useState as me } from "../state/state.js";
+const ge = { class: "actionContainer" }, ve = ["disabled"], fe = { class: "inputActionsContainer" }, he = { class: "inputActionsLeft" }, ye = {
   class: "addAPIButton",
   type: "button"
-}, ye = {
+}, Ae = {
   class: "addAPIButton",
   type: "button"
-}, Ae = ["src"], be = ["onClick"], ke = { class: "inputActionsRight" }, _e = { class: "sendCheckboxContinue" }, we = {
+}, be = ["src"], ke = ["onClick"], _e = { class: "inputActionsRight" }, Se = { class: "sendCheckboxContinue" }, we = {
   key: 0,
   class: "relative flex items-center gap-1.5"
-}, Se = {
+}, Ce = {
   class: "termsAgree",
   for: "agentTermsAgree"
-}, Ce = {
+}, Te = {
   key: 5,
   class: "addMoreContext"
-}, Pe = { class: "ml-auto flex items-center gap-1" }, Te = ["onClick"], Ie = ["alt", "src"], Oe = /* @__PURE__ */ q({
+}, Pe = { class: "ml-auto flex items-center gap-1" }, Ie = ["onClick"], De = ["alt", "src"], Xe = /* @__PURE__ */ q({
   __name: "PromptForm",
   emits: ["submit", "uploadApi"],
-  setup(xe, { expose: D, emit: L }) {
+  setup(xe, { expose: x, emit: L }) {
     const E = L;
-    D({ focusPrompt: z });
-    const c = K("agentPrompt"), t = pe(), M = d(() => t.prompt.value.trim().length > 0), R = d(
-      () => t.prompt.value.trim().length > re
+    x({ focusPrompt: z });
+    const c = K("agentPrompt"), t = me(), M = d(() => t.prompt.value.trim().length > 0), R = d(
+      () => t.prompt.value.trim().length > ie
     ), B = d(
-      () => t.chat.messages.length > 1 && !t.getAgentKey?.() && m?.value?.code !== x.LIMIT_REACHED
+      () => t.chat.messages.length > 1 && !t.getAgentKey?.() && g?.value?.code !== D.LIMIT_REACHED
     );
     w(t.prompt, () => {
       if (c?.value) {
@@ -51,7 +51,7 @@ const me = { class: "actionContainer" }, ge = ["disabled"], ve = { class: "input
       }
     });
     function U(i) {
-      t.loading.value || i.key === "Enter" && !i.shiftKey && (i.preventDefault(), k(), window.scrollTo(0, document.body.scrollHeight));
+      t.loading.value || i.key === "Enter" && !i.shiftKey && (i.preventDefault(), _(), window.scrollTo(0, document.body.scrollHeight));
     }
     function z() {
       c.value?.focus();
@@ -62,76 +62,76 @@ const me = { class: "actionContainer" }, ge = ["disabled"], ve = { class: "input
         (i === "ready" || i === "error") && c.value?.focus();
       }
     );
-    const { approvalRequiredParts: h, respondToRequestApprovals: y } = ie(), { pendingClientToolParts: $ } = ce(), p = de();
+    const { approvalRequiredParts: y, respondToRequestApprovals: A } = ue(), { pendingClientToolParts: $ } = de(), m = pe();
     function V() {
-      t.terms.accept(), t.mode === "preview" && t.getActiveDocumentJson && p.uploadTempDocument(t.getActiveDocumentJson(), !0);
+      t.terms.accept(), t.mode === "preview" && t.getActiveDocumentJson && m.uploadTempDocument(t.getActiveDocumentJson(), !0);
     }
-    const A = d(
+    const b = d(
       () => Object.values(t.pendingDocuments).some(Boolean)
-    ), b = d(() => {
-      const i = R.value, n = !M.value, s = h.value.length > 0, v = $.value.length > 0, _ = t.mode === "preview", F = _ && !t.terms.accepted.value, H = _ && !!p.uploadState.value, N = A.value;
-      return i || n || s || v || F || H || N;
+    ), k = d(() => {
+      const i = R.value, l = !M.value, s = y.value.length > 0, v = $.value.length > 0, S = t.mode === "preview", F = S && !t.terms.accepted.value, H = S && !!m.uploadState.value, N = b.value;
+      return i || l || s || v || F || H || N;
     });
-    function k() {
-      b.value || E("submit");
+    function _() {
+      k.value || E("submit");
     }
-    const m = ue();
-    return (i, n) => (o(), r("div", me, [
-      e(p).uploadState.value || A.value ? (o(), u(ae, {
+    const g = ce();
+    return (i, l) => (o(), r("div", ge, [
+      e(m).uploadState.value || b.value ? (o(), u(re, {
         key: 0,
-        uploadState: e(p).uploadState.value ?? { type: "loading" }
+        uploadState: e(m).uploadState.value ?? { type: "loading" }
       }, null, 8, ["uploadState"])) : a("", !0),
-      e(m) ? (o(), u(oe, {
+      e(g) ? (o(), u(se, {
         key: 1,
-        error: e(m)
+        error: e(g)
       }, null, 8, ["error"])) : a("", !0),
-      e(h).length ? (o(), u(te, {
+      e(y).length ? (o(), u(oe, {
         key: 2,
-        onApprove: n[0] || (n[0] = (s) => e(y)(!0)),
-        onReject: n[1] || (n[1] = (s) => e(y)(!1))
+        onApprove: l[0] || (l[0] = (s) => e(A)(!0)),
+        onReject: l[1] || (l[1] = (s) => e(A)(!1))
       })) : a("", !0),
-      e(m)?.code === e(x).LIMIT_REACHED ? (o(), u(ne, { key: 3 })) : a("", !0),
-      B.value ? (o(), u(se, { key: 4 })) : a("", !0),
-      l("form", {
+      e(g)?.code === e(D).LIMIT_REACHED ? (o(), u(ne, { key: 3 })) : a("", !0),
+      B.value ? (o(), u(le, { key: 4 })) : a("", !0),
+      n("form", {
         class: "promptForm",
-        onSubmit: j(k, ["prevent"])
+        onSubmit: j(_, ["prevent"])
       }, [
-        n[6] || (n[6] = l("label", {
+        l[6] || (l[6] = n("label", {
           class: "agentLabel",
           for: "agentTextarea"
         }, " Type a Request To get Started ", -1)),
-        J(l("textarea", {
+        J(n("textarea", {
           id: "agentTextarea",
           ref: "agentPrompt",
-          "onUpdate:modelValue": n[2] || (n[2] = (s) => e(t).prompt.value = s),
+          "onUpdate:modelValue": l[2] || (l[2] = (s) => e(t).prompt.value = s),
           class: "prompt custom-scroll",
           disabled: e(t).loading.value,
           name: "prompt",
-          placeholder: "Ask me anything...",
+          placeholder: "Ask me anything…",
           onKeydown: U
-        }, null, 40, ge), [
+        }, null, 40, ve), [
           [O, e(t).prompt.value]
         ]),
-        l("div", ve, [
-          l("div", fe, [
+        n("div", fe, [
+          n("div", he, [
             e(t).hideAddApi ? a("", !0) : (o(), r(f, { key: 0 }, [
-              e(t).isLoggedIn?.value ? (o(), u(ee, {
+              e(t).isLoggedIn?.value ? (o(), u(te, {
                 key: 1,
-                onUploadApi: n[3] || (n[3] = (s) => i.$emit("uploadApi"))
+                onUploadApi: l[3] || (l[3] = (s) => i.$emit("uploadApi"))
               }, {
-                default: S(() => [
-                  l("button", ye, [
-                    g(e(I), {
+                default: h(() => [
+                  n("button", Ae, [
+                    p(e(I), {
                       class: "size-4",
                       weight: "bold"
                     })
                   ])
                 ]),
                 _: 1
-              })) : (o(), u(le, { key: 0 }, {
-                default: S(() => [
-                  l("button", he, [
-                    g(e(I), {
+              })) : (o(), u(ae, { key: 0 }, {
+                default: h(() => [
+                  n("button", ye, [
+                    p(e(I), {
                       class: "size-4",
                       weight: "bold"
                     })
@@ -148,48 +148,55 @@ const me = { class: "actionContainer" }, ge = ["disabled"], ve = { class: "input
                 key: 0,
                 class: "apiPillLogo",
                 src: s.logoUrl
-              }, null, 8, Ae)) : a("", !0),
-              P(" " + X(s.title) + " ", 1),
+              }, null, 8, be)) : a("", !0),
+              T(" " + X(s.title) + " ", 1),
               s.removable ? (o(), r("button", {
                 key: 1,
                 class: "apiPillRemove",
                 type: "button",
                 onClick: (v) => e(t).removeDocument(s)
               }, [
-                g(e(G), {
+                p(e(Q), {
                   class: "size-4",
                   weight: "bold"
                 })
-              ], 8, be)) : a("", !0)
+              ], 8, ke)) : a("", !0)
             ]))), 128))
           ]),
-          l("div", ke, [
-            e(t).loading.value ? a("", !0) : (o(), u(e(T), {
+          n("div", _e, [
+            e(t).loading.value ? a("", !0) : (o(), u(e(Z), {
               key: 0,
-              class: "settingsButton h-7 w-7 p-1.5",
-              icon: e(Q),
-              label: "Scalar",
-              size: "md",
-              weight: "bold",
-              onClick: n[4] || (n[4] = (s) => e(t).settingsModal.show())
-            }, null, 8, ["icon"])),
-            l("div", _e, [
+              content: "Settings"
+            }, {
+              default: h(() => [
+                p(e(P), {
+                  class: "settingsButton h-7 w-7 p-1.5",
+                  icon: e(W),
+                  label: "Scalar",
+                  size: "md",
+                  weight: "bold",
+                  onClick: l[4] || (l[4] = (s) => e(t).settingsModal.show())
+                }, null, 8, ["icon"])
+              ]),
+              _: 1
+            })),
+            n("div", Se, [
               !e(t).terms.accepted.value && e(t).mode === "preview" ? (o(), r("div", we, [
-                l("input", {
+                n("input", {
                   id: "agentTermsAgree",
                   class: "sr-only",
                   type: "checkbox",
                   onChange: V
                 }, null, 32),
-                l("label", Se, [
-                  g(e(W), {
+                n("label", Ce, [
+                  p(e(Y), {
                     class: "termsAgreeIcon",
                     weight: "bold"
                   }),
-                  n[5] || (n[5] = P(" Agree to Terms & Conditions ", -1))
+                  l[5] || (l[5] = T(" Agree to Terms & Conditions ", -1))
                 ])
               ])) : a("", !0),
-              e(t).loading.value ? (o(), u(e(Z), {
+              e(t).loading.value ? (o(), u(e(G), {
                 key: 2,
                 class: "loader h-7 w-7",
                 loader: {
@@ -207,11 +214,11 @@ const me = { class: "actionContainer" }, ge = ["disabled"], ve = { class: "input
                   }
                 },
                 size: "2xl"
-              }, null, 8, ["loader"])) : (o(), u(e(T), {
+              }, null, 8, ["loader"])) : (o(), u(e(P), {
                 key: 1,
                 class: "sendButton h-7 w-7 p-1.5",
-                disabled: b.value,
-                icon: e(Y),
+                disabled: k.value,
+                icon: e(ee),
                 label: "Scalar",
                 size: "md",
                 type: "submit",
@@ -221,9 +228,9 @@ const me = { class: "actionContainer" }, ge = ["disabled"], ve = { class: "input
           ])
         ])
       ], 32),
-      e(t).chat.messages.length <= 1 && !e(t).hideAddApi ? (o(), r("div", Ce, [
-        n[7] || (n[7] = l("span", null, "Add context from dozens of API's", -1)),
-        l("div", Pe, [
+      e(t).chat.messages.length <= 1 && !e(t).hideAddApi ? (o(), r("div", Te, [
+        l[7] || (l[7] = n("span", null, "Load additional APIs", -1)),
+        n("div", Pe, [
           (o(!0), r(f, null, C(e(t).curatedDocuments.value, (s) => (o(), r("button", {
             key: s.id,
             class: "addAPIContext",
@@ -235,13 +242,13 @@ const me = { class: "actionContainer" }, ge = ["disabled"], ve = { class: "input
               alt: s.title,
               class: "size-4",
               src: s.logoUrl
-            }, null, 8, Ie)) : a("", !0)
-          ], 8, Te))), 128))
+            }, null, 8, De)) : a("", !0)
+          ], 8, Ie))), 128))
         ])
       ])) : a("", !0)
     ]));
   }
 });
 export {
-  Oe as default
+  Xe as default
 };

package/dist/views/Settings/DocSettings.vue.js

@@ -1,7 +1,7 @@
 import o from "./DocSettings.vue2.js";
 /* empty css                 */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2dfa823a"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-31f052ad"]]);
 export {
   m as default
 };

package/dist/views/Settings/DocSettings.vue2.js

@@ -2,35 +2,35 @@ import { defineComponent as a, computed as n, createElementBlock as d, openBlock
 import { getSelectedServer as f } from "@scalar/api-client/v2/features/operation";
 import { getActiveEnvironment as h, getServers as g } from "@scalar/api-client/v2/helpers";
 import B from "../../components/ServerSelector.vue.js";
-import { useState as y } from "../../state/state.js";
-import k from "./Auth.vue.js";
-const p = { class: "docSettings" }, C = /* @__PURE__ */ a({
+import { useState as x } from "../../state/state.js";
+import y from "./Auth.vue.js";
+const k = { class: "docSettings" }, C = /* @__PURE__ */ a({
   __name: "DocSettings",
   props: {
     document: {},
     name: {}
   },
   setup(e) {
-    const { workspaceStore: r, config: i, eventBus: c } = y(), v = n(
+    const { workspaceStore: r, config: i, eventBus: c } = x(), l = n(
       () => h(r, e.document)
     ), o = n(() => {
       const s = g(e.document.servers, {
         documentUrl: e.document["x-scalar-original-source-url"]
       });
-      return f(e.document, s);
-    }), l = n(
+      return f(s, e.document["x-scalar-selected-server"]);
+    }), v = n(
       () => e.document.components?.securitySchemes ?? {}
     );
-    return (s, x) => (S(), d("div", p, [
+    return (s, p) => (S(), d("div", k, [
       m("div", null, [
-        u(k, {
+        u(y, {
           authStore: t(r).auth,
           document: e.document,
-          environment: v.value,
+          environment: l.value,
           eventBus: t(c),
           name: e.name,
           options: t(i),
-          securitySchemes: l.value,
+          securitySchemes: v.value,
           selectedServer: o.value
         }, null, 8, ["authStore", "document", "environment", "eventBus", "name", "options", "securitySchemes", "selectedServer"])
       ]),

package/dist/views/Settings/Settings.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/Settings.vue"],"names":[],"mappings":"AAsJA,OAAO,EAIL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAM3B,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;CACvB,CAAC;AAmLF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/Settings.vue"],"names":[],"mappings":"AAkKA,OAAO,EAIL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAO3B,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;CACvB,CAAC;AA8LF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Settings/Settings.vue.js

@@ -2,7 +2,7 @@ import t from "./Settings.vue2.js";
 /* empty css              */
 /* empty css              */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-745651bc"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-5e4bca68"]]);
 export {
-  s as default
+  e as default
 };

package/dist/views/Settings/Settings.vue2.js

@@ -1,63 +1,73 @@
-import { defineComponent as k, createBlock as i, openBlock as t, unref as e, withCtx as g, createElementVNode as r, createVNode as d, createElementBlock as n, Fragment as y, renderList as f, createCommentVNode as v, normalizeClass as x, createTextVNode as S, toDisplayString as _, isRef as C } from "vue";
-import { ScalarModal as w, ScalarColorModeToggle as D, ScalarTextInput as h } from "@scalar/components";
-import { ScalarIconCaretDown as N, ScalarIconCaretRight as U } from "@scalar/icons";
-import { useState as V } from "../../state/state.js";
-import b from "./DocSettings.vue.js";
-const I = { class: "settingsHeading" }, T = { class: "documentList" }, B = ["onClick"], L = { key: 0 }, M = {
+import { defineComponent as k, createBlock as c, openBlock as r, unref as e, withCtx as S, createElementVNode as o, createVNode as d, createElementBlock as a, Fragment as _, renderList as h, createCommentVNode as y, normalizeClass as C, createTextVNode as m, toDisplayString as v, isRef as R } from "vue";
+import { ScalarModal as x, ScalarColorModeToggle as U, ScalarTextInput as w } from "@scalar/components";
+import { ScalarIconCaretDown as D, ScalarIconCaretRight as b } from "@scalar/icons";
+import { URLS as p } from "../../consts/urls.js";
+import { useState as O } from "../../state/state.js";
+import L from "./DocSettings.vue.js";
+const V = { class: "settingsHeading" }, N = { class: "documentList" }, P = ["onClick"], T = { key: 0 }, A = {
   key: 1,
   class: "noDocuments"
-}, R = { class: "proxyUrlContainer" }, F = /* @__PURE__ */ k({
+}, E = { class: "proxyUrlContainer" }, I = ["href"], z = /* @__PURE__ */ k({
   __name: "Settings",
   props: {
     modalState: {}
   },
-  setup(u) {
-    const { workspaceStore: o, proxyUrl: c } = V();
-    function p(m) {
-      o.update("x-scalar-active-document", m);
+  setup(f) {
+    const { workspaceStore: s, proxyUrlRaw: i } = O();
+    function g(u) {
+      s.update("x-scalar-active-document", u);
     }
-    return (m, s) => (t(), i(e(w), {
+    return (u, t) => (r(), c(e(x), {
       class: "settingsModal",
-      state: u.modalState
+      state: f.modalState
     }, {
-      default: g(() => [
-        r("div", I, [
-          s[1] || (s[1] = r("h1", null, "Settings", -1)),
-          d(e(D), { class: "colorToggle ml-auto" })
+      default: S(() => [
+        o("div", V, [
+          t[1] || (t[1] = o("h1", null, "Settings", -1)),
+          d(e(U), { class: "colorToggle ml-auto" })
         ]),
-        r("div", T, [
-          Object.entries(e(o).workspace.documents).length ? (t(!0), n(y, { key: 0 }, f(Object.entries(
-            e(o).workspace.documents
-          ), ([a, l]) => (t(), n("div", {
-            key: a,
+        o("div", N, [
+          Object.entries(e(s).workspace.documents).length ? (r(!0), a(_, { key: 0 }, h(Object.entries(
+            e(s).workspace.documents
+          ), ([l, n]) => (r(), a("div", {
+            key: l,
             class: "document"
           }, [
-            r("button", {
-              class: x(["documentName", {
-                documentNameActive: e(o).workspace.activeDocument === l
+            o("button", {
+              class: C(["documentName", {
+                documentNameActive: e(s).workspace.activeDocument === n
               }]),
               type: "button",
-              onClick: (j) => p(a)
+              onClick: (B) => g(l)
             }, [
-              S(" @" + _(a) + " ", 1),
-              e(o).workspace.activeDocument === l ? (t(), i(e(N), { key: 0 })) : (t(), i(e(U), { key: 1 }))
-            ], 10, B),
-            e(o).workspace.activeDocument === l ? (t(), n("div", L, [
-              d(b, {
-                document: l,
-                name: a
+              m(" @" + v(l) + " ", 1),
+              e(s).workspace.activeDocument === n ? (r(), c(e(D), { key: 0 })) : (r(), c(e(b), { key: 1 }))
+            ], 10, P),
+            e(s).workspace.activeDocument === n ? (r(), a("div", T, [
+              d(L, {
+                document: n,
+                name: l
               }, null, 8, ["document", "name"])
-            ])) : v("", !0)
-          ]))), 128)) : (t(), n("div", M, " No APIs selected. Use + to add context. "))
+            ])) : y("", !0)
+          ]))), 128)) : (r(), a("div", A, " There's no API definition loaded. Use the + button to load APIs. "))
         ]),
-        r("div", R, [
-          s[2] || (s[2] = r("label", { for: "proxyUrl" }, "Proxy URL", -1)),
-          d(e(h), {
+        o("div", E, [
+          t[3] || (t[3] = o("label", { for: "proxyUrl" }, "CORS Proxy", -1)),
+          o("p", null, [
+            t[2] || (t[2] = m(" All requests will be sent through the specified proxy URL to help avoid CORS (Cross-Origin Resource Sharing) issues. ", -1)),
+            o("a", {
+              class: "underline",
+              href: e(p).PROXY_SOURCE_CODE,
+              target: "_blank"
+            }, " Read more ", 8, I)
+          ]),
+          d(e(w), {
             id: "proxyUrl",
-            modelValue: e(c),
-            "onUpdate:modelValue": s[0] || (s[0] = (a) => C(c) ? c.value = a : null),
-            placeholder: "https://proxy.scalar.com"
-          }, null, 8, ["modelValue"])
+            modelValue: e(i),
+            "onUpdate:modelValue": t[0] || (t[0] = (l) => R(i) ? i.value = l : null),
+            label: "Proxy URL",
+            placeholder: e(p).DEFAULT_PROXY_URL
+          }, null, 8, ["modelValue", "placeholder"])
         ])
       ]),
       _: 1
@@ -65,5 +75,5 @@ const I = { class: "settingsHeading" }, T = { class: "documentList" }, B = ["onC
   }
 });
 export {
-  F as default
+  z as default
 };

package/dist/views/Start.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Start.vue.d.ts","sourceRoot":"","sources":["../../src/views/Start.vue"],"names":[],"mappings":"AA2MA,QAAA,MAAM,YAAY;;;;;;iFAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Start.vue.d.ts","sourceRoot":"","sources":["../../src/views/Start.vue"],"names":[],"mappings":"AAqMA,QAAA,MAAM,YAAY;;;;;;iFAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Start.vue.js

@@ -1,7 +1,7 @@
 import t from "./Start.vue2.js";
 /* empty css           */
 import o from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-1fbb0eb5"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-56f7e8dd"]]);
 export {
   m as default
 };