@scalar/agent-chat 0.9.11 → 0.9.13

package/dist/views/PromptForm.vue.script.js

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

package/dist/views/PromptForm.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptForm.vue.script.js","names":["$emit"],"sources":["../../src/views/PromptForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarIconButton,\n  ScalarLoading,\n  ScalarTooltip,\n} from '@scalar/components'\nimport {\n  ScalarIconArrowUp,\n  ScalarIconCheck,\n  ScalarIconLockSimple,\n  ScalarIconPlus,\n  ScalarIconX,\n} from '@scalar/icons'\nimport { computed, useTemplateRef, watch } from 'vue'\n\nimport ActionsDropdown from '@/components/ActionsDropdown.vue'\nimport ApprovalSection from '@/components/ApprovalSection.vue'\nimport ErrorMessageMessage from '@/components/ErrorMessage.vue'\nimport FreeMessagesInfoSection from '@/components/FreeMessagesInfoSection.vue'\nimport PaymentSection from '@/components/PaymentSection.vue'\nimport SearchPopover from '@/components/SearchPopover.vue'\nimport UploadSection from '@/components/UploadSection.vue'\nimport { AgentErrorCodes } from '@/entities/error/constants'\nimport { MAX_PROMPT_SIZE } from '@/entities/prompt/constants'\nimport { useRequestApprovals } from '@/hooks/use-chat-approvals'\nimport { useChatError } from '@/hooks/use-chat-error'\nimport { useChatPendingClientToolParts } from '@/hooks/use-chat-pending-client-tool-parts'\nimport { useUploadTmpDocument } from '@/hooks/use-upload-tmp-document'\nimport { useState } from '@/state/state'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\ndefineExpose({ focusPrompt })\n\nconst promptRef = useTemplateRef<HTMLTextAreaElement>('agentPrompt')\n\nconst state = useState()\n\nconst inputHasContent = computed(() => state.prompt.value.trim().length > 0)\nconst promptTooLarge = computed(\n  () => state.prompt.value.trim().length > MAX_PROMPT_SIZE,\n)\n\n/** Show free messages info only after at least one message has been sent and when no API key is set. */\nconst showFreeMessagesInfo = computed(\n  () =>\n    state.chat.messages.length > 1 &&\n    !state.getAgentKey?.() &&\n    chatError?.value?.code !== AgentErrorCodes.LIMIT_REACHED,\n)\n\nwatch(state.prompt, () => {\n  if (!promptRef?.value) {\n    return\n  }\n\n  if (!state.prompt.value.length) {\n    promptRef.value.style.height = '0px'\n    return\n  }\n\n  promptRef.value.style.height = 'auto'\n  promptRef.value.style.height = promptRef.value.scrollHeight + 'px'\n})\n\nfunction handlePromptKeydown(e: KeyboardEvent) {\n  if (state.loading.value) {\n    return\n  }\n\n  if (e.key === 'Enter' && !e.shiftKey) {\n    e.preventDefault()\n    handleSubmit()\n    window.scrollTo(0, document.body.scrollHeight)\n  }\n}\n\nfunction focusPrompt() {\n  promptRef.value?.focus()\n}\n\nwatch(\n  () => state.chat.status,\n  (status) => {\n    if (status === 'ready' || status === 'error') {\n      promptRef.value?.focus()\n    }\n  },\n)\n\nconst { approvalRequiredParts, respondToRequestApprovals } =\n  useRequestApprovals()\n\nconst { pendingClientToolParts } = useChatPendingClientToolParts()\n\nconst uploadTmpDoc = useUploadTmpDocument()\n\nfunction acceptTerms() {\n  state.terms.accept()\n\n  if (state.mode === 'preview' && state.getActiveDocumentJson) {\n    uploadTmpDoc.uploadTempDocument(state.getActiveDocumentJson(), true)\n  }\n}\n\nconst isPending = computed(() =>\n  Object.values(state.pendingDocuments).some(Boolean),\n)\n\nconst submitDisabled = computed(() => {\n  const tooLarge = promptTooLarge.value\n  const missingInput = !inputHasContent.value\n  const awaitingApproval = approvalRequiredParts.value.length > 0\n  const pendingToolParts = pendingClientToolParts.value.length > 0\n\n  const isPreview = state.mode === 'preview'\n\n  const termsNotAccepted = isPreview && !state.terms.accepted.value\n  const uploadingTmpDoc = isPreview && !!uploadTmpDoc.uploadState.value\n  const isLoading = isPending.value\n\n  return (\n    tooLarge ||\n    missingInput ||\n    awaitingApproval ||\n    pendingToolParts ||\n    termsNotAccepted ||\n    uploadingTmpDoc ||\n    isLoading\n  )\n})\n\nfunction handleSubmit() {\n  if (submitDisabled.value) {\n    return\n  }\n\n  emit('submit')\n}\n\nconst chatError = useChatError()\n</script>\n\n<template>\n  <div class=\"actionContainer\">\n    <UploadSection\n      v-if=\"uploadTmpDoc.uploadState.value || isPending\"\n      :uploadState=\"uploadTmpDoc.uploadState.value ?? { type: 'loading' }\" />\n    <ErrorMessageMessage\n      v-if=\"chatError\"\n      :error=\"chatError\" />\n    <ApprovalSection\n      v-if=\"approvalRequiredParts.length\"\n      @approve=\"respondToRequestApprovals(true)\"\n      @reject=\"respondToRequestApprovals(false)\" />\n    <PaymentSection v-if=\"chatError?.code === AgentErrorCodes.LIMIT_REACHED\" />\n    <FreeMessagesInfoSection v-if=\"showFreeMessagesInfo\" />\n    <form\n      class=\"promptForm\"\n      @submit.prevent=\"handleSubmit\">\n      <label\n        class=\"agentLabel\"\n        for=\"agentTextarea\">\n        Type a Request To get Started\n      </label>\n      <textarea\n        id=\"agentTextarea\"\n        ref=\"agentPrompt\"\n        v-model=\"state.prompt.value\"\n        class=\"prompt custom-scroll\"\n        :disabled=\"state.loading.value\"\n        name=\"prompt\"\n        placeholder=\"Ask me anything…\"\n        @keydown=\"handlePromptKeydown\" />\n      <div class=\"inputActionsContainer\">\n        <div class=\"inputActionsLeft\">\n          <template v-if=\"!state.hideAddApi\">\n            <SearchPopover v-if=\"!state.isLoggedIn?.value\">\n              <button\n                class=\"addAPIButton\"\n                type=\"button\">\n                <ScalarIconPlus\n                  class=\"size-4\"\n                  weight=\"bold\" />\n              </button>\n            </SearchPopover>\n            <ActionsDropdown\n              v-else\n              @uploadApi=\"$emit('uploadApi')\">\n              <button\n                class=\"addAPIButton\"\n                type=\"button\">\n                <ScalarIconPlus\n                  class=\"size-4\"\n                  weight=\"bold\" />\n              </button>\n            </ActionsDropdown>\n          </template>\n          <div\n            v-for=\"document in state.registryDocuments.value\"\n            :key=\"document.id\"\n            class=\"apiPill\">\n            <img\n              v-if=\"document.logoUrl\"\n              class=\"apiPillLogo\"\n              :src=\"document.logoUrl\" />\n            {{ document.title }}\n            <button\n              v-if=\"document.removable\"\n              class=\"apiPillRemove\"\n              type=\"button\"\n              @click=\"state.removeDocument(document)\">\n              <ScalarIconX\n                class=\"size-4\"\n                weight=\"bold\" />\n            </button>\n          </div>\n        </div>\n\n        <div class=\"inputActionsRight\">\n          <template v-if=\"!state.loading.value\">\n            <ScalarTooltip content=\"Settings\">\n              <ScalarIconButton\n                class=\"settingsButton h-7 w-7 p-1.5\"\n                :icon=\"ScalarIconLockSimple\"\n                label=\"Scalar\"\n                size=\"md\"\n                weight=\"bold\"\n                @click=\"state.settingsModal.show()\" />\n            </ScalarTooltip>\n          </template>\n          <div class=\"sendCheckboxContinue\">\n            <div\n              v-if=\"!state.terms.accepted.value && state.mode === 'preview'\"\n              class=\"relative flex items-center gap-1.5\">\n              <input\n                id=\"agentTermsAgree\"\n                class=\"sr-only\"\n                type=\"checkbox\"\n                @change=\"acceptTerms\" />\n              <label\n                class=\"termsAgree\"\n                for=\"agentTermsAgree\">\n                <ScalarIconCheck\n                  class=\"termsAgreeIcon\"\n                  weight=\"bold\" />\n                Agree to Terms & Conditions\n              </label>\n            </div>\n            <ScalarIconButton\n              v-if=\"!state.loading.value\"\n              class=\"sendButton h-7 w-7 p-1.5\"\n              :disabled=\"submitDisabled\"\n              :icon=\"ScalarIconArrowUp\"\n              label=\"Scalar\"\n              size=\"md\"\n              type=\"submit\"\n              weight=\"bold\" />\n            <ScalarLoading\n              v-else\n              class=\"loader h-7 w-7\"\n              :loader=\"{\n                isLoading: state.loading.value,\n                isValid: false,\n                clear: async () => {},\n                invalidate: async () => {},\n                isInvalid: false,\n                isActive: false,\n                validate: async () => {},\n                start: () => {},\n              }\"\n              size=\"2xl\" />\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div\n      v-if=\"state.chat.messages.length <= 1 && !state.hideAddApi\"\n      class=\"addMoreContext\">\n      <span>Load additional APIs</span>\n      <div class=\"ml-auto flex items-center gap-1\">\n        <button\n          v-for=\"doc of state.curatedDocuments.value\"\n          :key=\"doc.id\"\n          class=\"addAPIContext\"\n          type=\"button\"\n          @click=\"state.addDocument(doc)\">\n          <img\n            v-if=\"doc.logoUrl\"\n            :alt=\"doc.title\"\n            class=\"size-4\"\n            :src=\"doc.logoUrl\" />\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.actionContainer {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 16px;\n  width: 100%;\n  position: relative;\n  /* visually hides overflowing text below */\n  box-shadow: 0 24px 0 2px var(--scalar-background-1);\n}\n.promptForm {\n  width: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: var(--scalar-background-1);\n  box-shadow:\n    var(--scalar-shadow-1),\n    0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n  border-radius: 16px;\n}\n\n.inputActionsContainer {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 8px 8px 8px;\n}\n\n.inputActionsLeft {\n  display: flex;\n  flex-wrap: wrap; /* key: allows pills to go to next line */\n  align-items: center;\n  gap: 5px; /* spacing between pills */\n}\n\n.inputActionsRight {\n  display: flex;\n  gap: 5px;\n  position: relative;\n}\n\n.apiPill {\n  font-size: var(--scalar-font-size-3);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  height: 28px;\n  align-items: center;\n  display: flex;\n  border-radius: 16px;\n  padding: 0 8px;\n  pointer-events: all;\n  z-index: 1;\n  gap: 4px;\n  user-select: none;\n}\n.apiPillLogo {\n  width: 15px;\n}\n\n.apiPillRemove {\n  width: 24px;\n  height: 24px;\n  margin-right: -6px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.apiPill:hover .apiPillRemove {\n  background: var(--scalar-background-2);\n}\n.dark-mode .apiPill:hover .apiPillRemove {\n  background: var(--scalar-background-3);\n}\n\n.apiPillRemove:hover {\n  color: var(--scalar-color-1);\n}\n\n.prompt {\n  width: 100%;\n  outline: none;\n  border: none;\n  resize: none;\n  field-sizing: content;\n  min-height: 64px;\n  z-index: 1;\n  max-height: 250px;\n  max-width: 100%;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  word-wrap: break-word;\n  font-family: var(--scalar-font);\n  font-size: 16px;\n  padding: 12px 12px 14px 12px;\n}\n.dark-mode .promptForm {\n  background: var(--scalar-background-2);\n}\n\n.prompt:disabled {\n  color: var(--scalar-color-3);\n}\n\n.addAPIButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-font-size-3);\n  height: 28px;\n  width: 28px;\n  font-weight: var(--scalar-bold);\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: all;\n  z-index: 1;\n  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n}\n.addAPIButton:hover {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n}\n.dark-mode .addAPIButton:hover {\n  background: var(--scalar-background-3);\n}\n\n.settingsButton {\n  color: var(--scalar-color-3) !important;\n  border-radius: 50% !important;\n  margin: 0 !important;\n  z-index: 1;\n}\n.settingsButton[aria-disabled='true'] {\n  background: var(--scalar-background-2);\n}\n.dark-mode .settingsButton:hover {\n  background: var(--scalar-background-3);\n}\n\n.sendButton {\n  background: var(--scalar-color-blue) !important;\n  border-radius: 50% !important;\n  margin: 0 !important;\n  z-index: 1;\n  border: var(--scalar-border-width) solid var(--scalar-color-blue);\n}\n.sendButton:not([aria-disabled='true']) {\n  color: white !important;\n}\n.sendButton:not([aria-disabled='true']):hover {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    transparent 10%\n  ) !important;\n}\n.sendButton[aria-disabled='true'] {\n  background: var(--scalar-background-2) !important;\n  color: var(--scalar-color-3) !important;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.dark-mode .sendButton[aria-disabled='true'] {\n  background: var(--scalar-background-3) !important;\n}\n.contextContainer {\n  display: flex;\n  width: 100%;\n  padding: 10px 12px 12px 12px;\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-font-size-3);\n  user-select: none;\n  justify-content: space-between;\n}\n\n.settingsButton {\n  font-weight: var(--scalar-semibold);\n  border-radius: var(--scalar-radius-lg);\n  padding: 4px 6px;\n  margin: -4px -6px;\n}\n.settingsButton:hover {\n  background: var(--scalar-background-2);\n  box-shadow: 0 0 var(--scalar-border-width) 0 var(--scalar-border-color);\n  cursor: pointer;\n}\n\n.agentLabel {\n  font-size: 0px;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  cursor: text;\n}\n.sendCheckboxContinue:has(input) {\n  display: flex;\n  align-items: center;\n  border-radius: 14px;\n  background: var(--scalar-background-2);\n  box-shadow: 0 0 0 1.5px var(--scalar-background-2);\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-font-size-3);\n  font-weight: var(--scalar-semibold);\n  user-select: none;\n  height: 28px;\n}\n.dark-mode .sendCheckboxContinue:has(input) {\n  background: var(--scalar-background-3);\n  box-shadow: 0 0 0 1.5px var(--scalar-background-3);\n}\n\n.addMoreContext {\n  height: 40px;\n  display: flex;\n  position: relative;\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-3);\n  padding: 0 8px 0 12px;\n  align-items: center;\n}\n.addMoreContext:before {\n  content: '';\n  width: 8px;\n  height: 8px;\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-background-2)\n  );\n  transform: rotate(45deg);\n  left: 18px;\n  top: -3px;\n  position: absolute;\n  box-shadow:\n    -0.5px -0.5px 0 var(--scalar-border-color),\n    inset 0.5px 0.5px 1px var(--scalar-border-color);\n}\n.dark-mode .addMoreContext:before {\n  box-shadow: -0.5px -0.5px 0 var(--scalar-border-color);\n}\n.addAPIContext {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.termsAgree {\n  display: flex;\n  cursor: pointer;\n  height: inherit;\n  align-items: center;\n  border-radius: 14px;\n  gap: 5px;\n  margin: 0px 5px;\n}\n\n.termsAgree:hover {\n  color: var(--scalar-color-1);\n}\n\n.termsAgree:hover .termsAgreeIcon {\n  background: var(--scalar-color-1);\n  color: var(--scalar-background-1);\n}\n\n.termsAgreeIcon {\n  width: inherit;\n  height: inherit;\n  padding: 2px;\n  border-radius: 50%;\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import e from "./Auth.vue.script.js";
+//#region src/views/Settings/Auth.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Auth.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Auth.vue.js","names":[],"sources":["../../../src/views/Settings/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  AuthSelector,\n  mergeSecurity,\n} from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n} from '@scalar/api-client/v2/features/operation'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport { useFocusWithin } from '@vueuse/core'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport { useState } from '@/state/state'\n\nconst { document, name, environment, eventBus, options, authStore } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'persistAuth' | 'proxyUrl'\n    >\n    name: string\n    authStore: AuthStore\n    document: WorkspaceDocument | undefined\n    eventBus: WorkspaceEventBus\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\n\nconst { workspaceStore } = useState()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(document?.security),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: name,\n    }),\n    undefined,\n    securityRequirements.value,\n  ),\n)\n\nconst focusRef = shallowRef()\nconst { focused } = useFocusWithin(focusRef)\n\n/** Merge the security schemes with the authentication config and the auth store */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document?.components?.securitySchemes ?? {},\n    options.authentication?.securitySchemes,\n    authStore,\n    name,\n  ),\n)\n\nwatch(focused, (isFocused) => {\n  if (!isFocused) {\n    return\n  }\n\n  workspaceStore.update('x-scalar-active-document', name)\n})\n</script>\n<template>\n  <div\n    ref=\"focusRef\"\n    tabindex=\"0\">\n    <AuthSelector\n      v-if=\"Object.keys(securitySchemes).length\"\n      :authStore\n      :documentSlug=\"name\"\n      :environment\n      :eventBus\n      isReadOnly\n      isStatic\n      layout=\"reference\"\n      :meta=\"{ type: 'document' }\"\n      :persistAuth=\"options.persistAuth\"\n      :proxyUrl=\"options.proxyUrl ?? ''\"\n      :securityRequirements\n      :securitySchemes\n      :selectedSecurity\n      :server=\"selectedServer\"\n      title=\"Authentication\" />\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,63 @@
+import { useState as e } from "../../state/state.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, openBlock as o, shallowRef as s, unref as c, watch as l } from "vue";
+import { AuthSelector as u, mergeSecurity as d } from "@scalar/api-client/v2/blocks/scalar-auth-selector-block";
+import { getSecurityRequirements as f, getSelectedSecurity as p } from "@scalar/api-client/v2/features/operation";
+import { useFocusWithin as m } from "@vueuse/core";
+//#region src/views/Settings/Auth.vue?vue&type=script&setup=true&lang.ts
+var h = /* @__PURE__ */ a({
+	__name: "Auth",
+	props: {
+		options: {},
+		name: {},
+		authStore: {},
+		document: {},
+		eventBus: {},
+		selectedServer: {},
+		environment: {}
+	},
+	setup(a) {
+		let { workspaceStore: h } = e(), g = t(() => f(a.document?.security)), _ = t(() => p(a.authStore.getAuthSelectedSchemas({
+			type: "document",
+			documentName: a.name
+		}), void 0, g.value)), v = s(), { focused: y } = m(v), b = t(() => d(a.document?.components?.securitySchemes ?? {}, a.options.authentication?.securitySchemes, a.authStore, a.name));
+		return l(y, (e) => {
+			e && h.update("x-scalar-active-document", a.name);
+		}), (e, t) => (o(), i("div", {
+			ref_key: "focusRef",
+			ref: v,
+			tabindex: "0"
+		}, [Object.keys(b.value).length ? (o(), n(c(u), {
+			key: 0,
+			authStore: a.authStore,
+			documentSlug: a.name,
+			environment: a.environment,
+			eventBus: a.eventBus,
+			isReadOnly: "",
+			isStatic: "",
+			layout: "reference",
+			meta: { type: "document" },
+			persistAuth: a.options.persistAuth,
+			proxyUrl: a.options.proxyUrl ?? "",
+			securityRequirements: g.value,
+			securitySchemes: b.value,
+			selectedSecurity: _.value,
+			server: a.selectedServer,
+			title: "Authentication"
+		}, null, 8, [
+			"authStore",
+			"documentSlug",
+			"environment",
+			"eventBus",
+			"persistAuth",
+			"proxyUrl",
+			"securityRequirements",
+			"securitySchemes",
+			"selectedSecurity",
+			"server"
+		])) : r("", !0)], 512));
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=Auth.vue.script.js.map

package/dist/views/Settings/Auth.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Auth.vue.script.js","names":[],"sources":["../../../src/views/Settings/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  AuthSelector,\n  mergeSecurity,\n} from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n} from '@scalar/api-client/v2/features/operation'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport { useFocusWithin } from '@vueuse/core'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport { useState } from '@/state/state'\n\nconst { document, name, environment, eventBus, options, authStore } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'persistAuth' | 'proxyUrl'\n    >\n    name: string\n    authStore: AuthStore\n    document: WorkspaceDocument | undefined\n    eventBus: WorkspaceEventBus\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\n\nconst { workspaceStore } = useState()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(document?.security),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: name,\n    }),\n    undefined,\n    securityRequirements.value,\n  ),\n)\n\nconst focusRef = shallowRef()\nconst { focused } = useFocusWithin(focusRef)\n\n/** Merge the security schemes with the authentication config and the auth store */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document?.components?.securitySchemes ?? {},\n    options.authentication?.securitySchemes,\n    authStore,\n    name,\n  ),\n)\n\nwatch(focused, (isFocused) => {\n  if (!isFocused) {\n    return\n  }\n\n  workspaceStore.update('x-scalar-active-document', name)\n})\n</script>\n<template>\n  <div\n    ref=\"focusRef\"\n    tabindex=\"0\">\n    <AuthSelector\n      v-if=\"Object.keys(securitySchemes).length\"\n      :authStore\n      :documentSlug=\"name\"\n      :environment\n      :eventBus\n      isReadOnly\n      isStatic\n      layout=\"reference\"\n      :meta=\"{ type: 'document' }\"\n      :persistAuth=\"options.persistAuth\"\n      :proxyUrl=\"options.proxyUrl ?? ''\"\n      :securityRequirements\n      :securitySchemes\n      :selectedSecurity\n      :server=\"selectedServer\"\n      title=\"Authentication\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAkCA,IAAM,EAAE,sBAAmB,GAAS,EAG9B,IAAuB,QAC3B,EAAwB,EAAA,UAAU,SAAS,CAC7C,EAGM,IAAmB,QACvB,EACE,EAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,EAAA;GACf,CAAC,EACF,KAAA,GACA,EAAqB,MACtB,CACH,EAEM,IAAW,GAAW,EACtB,EAAE,eAAY,EAAe,EAAQ,EAGrC,IAAkB,QACtB,EACE,EAAA,UAAU,YAAY,mBAAmB,EAAE,EAC3C,EAAA,QAAQ,gBAAgB,iBACxB,EAAA,WACA,EAAA,KACD,CACH;SAEA,EAAM,IAAU,MAAc;AACvB,QAIL,EAAe,OAAO,4BAA4B,EAAA,KAAI;IACvD,kBAGC,EAoBM,OAAA;YAnBA;GAAJ,KAAI;GACJ,UAAS;MAED,OAAO,KAAK,EAAA,MAAe,CAAE,UAAA,GAAA,EADrC,EAgB2B,EAAA,EAAA,EAAA;;GAdxB,WAAA,EAAA;GACA,cAAc,EAAA;GACd,aAAA,EAAA;GACA,UAAA,EAAA;GACD,YAAA;GACA,UAAA;GACA,QAAO;GACN,MAAM,EAAA,MAAA,YAAoB;GAC1B,aAAa,EAAA,QAAQ;GACrB,UAAU,EAAA,QAAQ,YAAQ;GAC1B,sBAAA,EAAA;GACA,iBAAA,EAAA;GACA,kBAAA,EAAA;GACA,QAAQ,EAAA;GACT,OAAM"}

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

@@ -0,0 +1,9 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./DocSettings.vue.script.js";
+/* empty css                          */
+//#region src/views/Settings/DocSettings.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-31f052ad"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=DocSettings.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocSettings.vue.js","names":[],"sources":["../../../src/views/Settings/DocSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getSelectedServer } from '@scalar/api-client/v2/features/operation'\nimport { getActiveEnvironment, getServers } from '@scalar/api-client/v2/helpers'\nimport { type WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport { computed } from 'vue'\n\nimport ServerSelector from '@/components/ServerSelector.vue'\nimport { useState } from '@/state/state'\nimport Auth from '@/views/Settings/Auth.vue'\n\nconst { document, name } = defineProps<{\n  document: WorkspaceDocument\n  name: string\n}>()\n\nconst { workspaceStore, config, eventBus } = useState()\n\nconst environment = computed(() =>\n  getActiveEnvironment(workspaceStore, document),\n)\n\nconst selectedServer = computed(() => {\n  const servers = getServers(document.servers, {\n    documentUrl: document['x-scalar-original-source-url'],\n  })\n\n  return getSelectedServer(servers, document['x-scalar-selected-server'])\n})\n\nconst securitySchemes = computed(\n  () => document.components?.securitySchemes ?? {},\n)\n</script>\n\n<template>\n  <div class=\"docSettings\">\n    <div>\n      <Auth\n        :authStore=\"workspaceStore.auth\"\n        :document\n        :environment\n        :eventBus\n        :name\n        :options=\"config\"\n        :securitySchemes\n        :selectedServer />\n    </div>\n    <div>\n      <ServerSelector\n        :eventBus\n        :selectedServer\n        :servers=\"document.servers ?? []\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.docSettings {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-bottom: 12px;\n  font-size: var(--scalar-font-size-3);\n  max-height: 600px;\n}\n\n.documentName {\n  font-weight: var(--scalar-semibold);\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,48 @@
+import { useState as e } from "../../state/state.js";
+import t from "./Auth.vue.js";
+import n from "../../components/ServerSelector.vue.js";
+import { computed as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, openBlock as c, unref as l } from "vue";
+import { getSelectedServer as u } from "@scalar/api-client/v2/features/operation";
+import { getActiveEnvironment as d, getServers as f } from "@scalar/api-client/v2/helpers";
+//#region src/views/Settings/DocSettings.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "docSettings" }, m = /* @__PURE__ */ s({
+	__name: "DocSettings",
+	props: {
+		document: {},
+		name: {}
+	},
+	setup(s) {
+		let { workspaceStore: m, config: h, eventBus: g } = e(), _ = r(() => d(m, s.document)), v = r(() => u(f(s.document.servers, { documentUrl: s.document["x-scalar-original-source-url"] }), s.document["x-scalar-selected-server"])), y = r(() => s.document.components?.securitySchemes ?? {});
+		return (e, r) => (c(), i("div", p, [a("div", null, [o(t, {
+			authStore: l(m).auth,
+			document: s.document,
+			environment: _.value,
+			eventBus: l(g),
+			name: s.name,
+			options: l(h),
+			securitySchemes: y.value,
+			selectedServer: v.value
+		}, null, 8, [
+			"authStore",
+			"document",
+			"environment",
+			"eventBus",
+			"name",
+			"options",
+			"securitySchemes",
+			"selectedServer"
+		])]), a("div", null, [o(n, {
+			eventBus: l(g),
+			selectedServer: v.value,
+			servers: s.document.servers ?? []
+		}, null, 8, [
+			"eventBus",
+			"selectedServer",
+			"servers"
+		])])]));
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=DocSettings.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocSettings.vue.script.js","names":[],"sources":["../../../src/views/Settings/DocSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getSelectedServer } from '@scalar/api-client/v2/features/operation'\nimport { getActiveEnvironment, getServers } from '@scalar/api-client/v2/helpers'\nimport { type WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport { computed } from 'vue'\n\nimport ServerSelector from '@/components/ServerSelector.vue'\nimport { useState } from '@/state/state'\nimport Auth from '@/views/Settings/Auth.vue'\n\nconst { document, name } = defineProps<{\n  document: WorkspaceDocument\n  name: string\n}>()\n\nconst { workspaceStore, config, eventBus } = useState()\n\nconst environment = computed(() =>\n  getActiveEnvironment(workspaceStore, document),\n)\n\nconst selectedServer = computed(() => {\n  const servers = getServers(document.servers, {\n    documentUrl: document['x-scalar-original-source-url'],\n  })\n\n  return getSelectedServer(servers, document['x-scalar-selected-server'])\n})\n\nconst securitySchemes = computed(\n  () => document.components?.securitySchemes ?? {},\n)\n</script>\n\n<template>\n  <div class=\"docSettings\">\n    <div>\n      <Auth\n        :authStore=\"workspaceStore.auth\"\n        :document\n        :environment\n        :eventBus\n        :name\n        :options=\"config\"\n        :securitySchemes\n        :selectedServer />\n    </div>\n    <div>\n      <ServerSelector\n        :eventBus\n        :selectedServer\n        :servers=\"document.servers ?? []\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.docSettings {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-bottom: 12px;\n  font-size: var(--scalar-font-size-3);\n  max-height: 600px;\n}\n\n.documentName {\n  font-weight: var(--scalar-semibold);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAeA,IAAM,EAAE,mBAAgB,WAAQ,gBAAa,GAAS,EAEhD,IAAc,QAClB,EAAqB,GAAgB,EAAA,SAAS,CAChD,EAEM,IAAiB,QAKd,EAJS,EAAW,EAAA,SAAS,SAAS,EAC3C,aAAa,EAAA,SAAS,iCACvB,CAAA,EAEiC,EAAA,SAAS,4BAA2B,CACvE,EAEK,IAAkB,QAChB,EAAA,SAAS,YAAY,mBAAmB,EAAE,CAClD;yBAIE,EAkBM,OAlBN,GAkBM,CAjBJ,EAUM,OAAA,MAAA,CATJ,EAQoB,GAAA;GAPjB,WAAW,EAAA,EAAc,CAAC;GAC1B,UAAA,EAAA;GACA,aAAA,EAAA;GACA,UAAA,EAAA,EAAQ;GACR,MAAA,EAAA;GACA,SAAS,EAAA,EAAM;GACf,iBAAA,EAAA;GACA,gBAAA,EAAA;;;;;;;;;;QAEL,EAKM,OAAA,MAAA,CAJJ,EAGsC,GAAA;GAFnC,UAAA,EAAA,EAAQ;GACR,gBAAA,EAAA;GACA,SAAS,EAAA,SAAS,WAAO,EAAA"}

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

@@ -0,0 +1,10 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./Settings.vue.script.js";
+/* empty css                       */
+/* empty css                         */
+//#region src/views/Settings/Settings.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-5e4bca68"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=Settings.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.vue.js","names":[],"sources":["../../../src/views/Settings/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarColorModeToggle,\n  ScalarModal,\n  ScalarTextInput,\n  type ModalState,\n} from '@scalar/components'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\n\nimport { URLS } from '@/consts/urls'\nimport { useState } from '@/state/state'\nimport DocSettings from '@/views/Settings/DocSettings.vue'\n\nconst { modalState } = defineProps<{\n  modalState: ModalState\n}>()\n\nconst { workspaceStore, proxyUrlRaw } = useState()\n\nfunction selectDocument(name: string) {\n  workspaceStore.update('x-scalar-active-document', name)\n}\n</script>\n\n<template>\n  <ScalarModal\n    class=\"settingsModal\"\n    :state=\"modalState\">\n    <div class=\"settingsHeading\">\n      <h1>Settings</h1>\n      <ScalarColorModeToggle class=\"colorToggle ml-auto\" />\n    </div>\n    <div class=\"documentList\">\n      <template\n        v-if=\"Object.entries(workspaceStore.workspace.documents).length\">\n        <div\n          v-for=\"[name, document] of Object.entries(\n            workspaceStore.workspace.documents,\n          )\"\n          :key=\"name\"\n          class=\"document\">\n          <button\n            class=\"documentName\"\n            :class=\"{\n              documentNameActive:\n                workspaceStore.workspace.activeDocument === document,\n            }\"\n            type=\"button\"\n            @click=\"selectDocument(name)\">\n            @{{ name }}\n            <ScalarIconCaretDown\n              v-if=\"workspaceStore.workspace.activeDocument === document\" />\n            <ScalarIconCaretRight v-else />\n          </button>\n          <div v-if=\"workspaceStore.workspace.activeDocument === document\">\n            <DocSettings\n              :document\n              :name />\n          </div>\n        </div>\n      </template>\n      <div\n        v-else\n        class=\"noDocuments\">\n        There's no API definition loaded. Use the + button to load APIs.\n      </div>\n    </div>\n\n    <div class=\"proxyUrlContainer\">\n      <label for=\"proxyUrl\">CORS Proxy</label>\n      <p>\n        All requests will be sent through the specified proxy URL to help avoid\n        CORS (Cross-Origin Resource Sharing) issues.\n        <a\n          class=\"underline\"\n          :href=\"URLS.PROXY_SOURCE_CODE\"\n          target=\"_blank\">\n          Read more\n        </a>\n      </p>\n      <ScalarTextInput\n        id=\"proxyUrl\"\n        v-model=\"proxyUrlRaw\"\n        label=\"Proxy URL\"\n        :placeholder=\"URLS.DEFAULT_PROXY_URL\" />\n    </div>\n  </ScalarModal>\n</template>\n\n<style>\n/* Prevent auth method dropdown from going behind the modal */\n.settingsModal .scalar-modal-layout {\n  z-index: 10 !important;\n}\n\n.settingsModal .scalar-modal-body {\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n</style>\n\n<style scoped>\n.documentList {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-font-size-3);\n  margin-bottom: 12px;\n}\n\n.document {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% + 24px);\n  left: -12px;\n  position: relative;\n  padding: 0 12px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.document:first-of-type:not(:last-of-type) {\n  border-bottom: none;\n}\n\n.documentName {\n  gap: 4px;\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-2);\n  padding: 12px 0;\n}\n\n.documentNameActive {\n  color: var(--scalar-color-1);\n}\n\n.settingsHeading {\n  font-size: 19px;\n  margin-bottom: 12px;\n  display: flex;\n  gap: 5px;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n}\n\n.proxyUrlContainer {\n  font-size: var(--scalar-font-size-3);\n  display: flex;\n  gap: 5px;\n  flex-direction: column;\n}\n.proxyUrlContainer label {\n  font-weight: var(--scalar-semibold);\n}\n.noDocuments {\n  color: var(--scalar-color-2);\n  margin-bottom: 10px;\n}\n</style>\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.vue.script.js","names":[],"sources":["../../../src/views/Settings/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarColorModeToggle,\n  ScalarModal,\n  ScalarTextInput,\n  type ModalState,\n} from '@scalar/components'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\n\nimport { URLS } from '@/consts/urls'\nimport { useState } from '@/state/state'\nimport DocSettings from '@/views/Settings/DocSettings.vue'\n\nconst { modalState } = defineProps<{\n  modalState: ModalState\n}>()\n\nconst { workspaceStore, proxyUrlRaw } = useState()\n\nfunction selectDocument(name: string) {\n  workspaceStore.update('x-scalar-active-document', name)\n}\n</script>\n\n<template>\n  <ScalarModal\n    class=\"settingsModal\"\n    :state=\"modalState\">\n    <div class=\"settingsHeading\">\n      <h1>Settings</h1>\n      <ScalarColorModeToggle class=\"colorToggle ml-auto\" />\n    </div>\n    <div class=\"documentList\">\n      <template\n        v-if=\"Object.entries(workspaceStore.workspace.documents).length\">\n        <div\n          v-for=\"[name, document] of Object.entries(\n            workspaceStore.workspace.documents,\n          )\"\n          :key=\"name\"\n          class=\"document\">\n          <button\n            class=\"documentName\"\n            :class=\"{\n              documentNameActive:\n                workspaceStore.workspace.activeDocument === document,\n            }\"\n            type=\"button\"\n            @click=\"selectDocument(name)\">\n            @{{ name }}\n            <ScalarIconCaretDown\n              v-if=\"workspaceStore.workspace.activeDocument === document\" />\n            <ScalarIconCaretRight v-else />\n          </button>\n          <div v-if=\"workspaceStore.workspace.activeDocument === document\">\n            <DocSettings\n              :document\n              :name />\n          </div>\n        </div>\n      </template>\n      <div\n        v-else\n        class=\"noDocuments\">\n        There's no API definition loaded. Use the + button to load APIs.\n      </div>\n    </div>\n\n    <div class=\"proxyUrlContainer\">\n      <label for=\"proxyUrl\">CORS Proxy</label>\n      <p>\n        All requests will be sent through the specified proxy URL to help avoid\n        CORS (Cross-Origin Resource Sharing) issues.\n        <a\n          class=\"underline\"\n          :href=\"URLS.PROXY_SOURCE_CODE\"\n          target=\"_blank\">\n          Read more\n        </a>\n      </p>\n      <ScalarTextInput\n        id=\"proxyUrl\"\n        v-model=\"proxyUrlRaw\"\n        label=\"Proxy URL\"\n        :placeholder=\"URLS.DEFAULT_PROXY_URL\" />\n    </div>\n  </ScalarModal>\n</template>\n\n<style>\n/* Prevent auth method dropdown from going behind the modal */\n.settingsModal .scalar-modal-layout {\n  z-index: 10 !important;\n}\n\n.settingsModal .scalar-modal-body {\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n</style>\n\n<style scoped>\n.documentList {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-font-size-3);\n  margin-bottom: 12px;\n}\n\n.document {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% + 24px);\n  left: -12px;\n  position: relative;\n  padding: 0 12px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.document:first-of-type:not(:last-of-type) {\n  border-bottom: none;\n}\n\n.documentName {\n  gap: 4px;\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-2);\n  padding: 12px 0;\n}\n\n.documentNameActive {\n  color: var(--scalar-color-1);\n}\n\n.settingsHeading {\n  font-size: 19px;\n  margin-bottom: 12px;\n  display: flex;\n  gap: 5px;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n}\n\n.proxyUrlContainer {\n  font-size: var(--scalar-font-size-3);\n  display: flex;\n  gap: 5px;\n  flex-direction: column;\n}\n.proxyUrlContainer label {\n  font-weight: var(--scalar-semibold);\n}\n.noDocuments {\n  color: var(--scalar-color-2);\n  margin-bottom: 10px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAiBA,IAAM,EAAE,mBAAgB,mBAAgB,GAAS;EAEjD,SAAS,EAAe,GAAc;AACpC,KAAe,OAAO,4BAA4B,EAAI;;yBAKtD,EA6Dc,EAAA,EAAA,EAAA;GA5DZ,OAAM;GACL,OAAO,EAAA;;oBAIF;IAHN,EAGM,OAHN,GAGM,CAAA,AAAA,EAAA,OAFJ,EAAiB,MAAA,MAAb,YAAQ,GAAA,EACZ,EAAqD,EAAA,EAAA,EAAA,EAA9B,OAAM,uBAAqB,CAAA,CAAA,CAAA;IAEpD,EAkCM,OAlCN,GAkCM,CAhCI,OAAO,QAAQ,EAAA,EAAc,CAAC,UAAU,UAAS,CAAE,UAAA,EAAA,GAAA,EACzD,EAwBM,GAAA,EAAA,KAAA,GAAA,EAAA,EAvBuB,OAAO,QAAqB,EAAA,EAAc,CAAC,UAAU,UAAA,GAAA,CAAxE,GAAM,aADhB,EAwBM,OAAA;KApBH,KAAK;KACN,OAAM;QACN,EAYS,UAAA;KAXP,OAAK,EAAA,CAAC,gBAAc,EAAA,oBACwC,EAAA,EAAc,CAAC,UAAU,mBAAmB,GAAA,CAAA,CAAA;KAIxG,MAAK;KACJ,UAAK,MAAE,EAAe,EAAI;UAAG,OAC7B,EAAG,EAAI,GAAG,KACX,EAAA,EACQ,EAAA,EAAc,CAAC,UAAU,mBAAmB,KAAA,GAAA,EADpD,EACgE,EAAA,EAAA,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,GAAA,EAChE,EAA+B,EAAA,EAAA,EAAA,EAAA,KAAA,GAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAEtB,EAAA,EAAc,CAAC,UAAU,mBAAmB,KAAA,GAAA,EAAvD,EAIM,OAAA,GAAA,CAHJ,EAEU,GAAA;KADP;KACA;wEAIT,EAIM,OAJN,GAEsB,qEAEtB,EAAA,CAAA;IAGF,EAiBM,OAjBN,GAiBM;cAhBJ,EAAwC,SAAA,EAAjC,KAAI,YAAU,EAAC,cAAU,GAAA;KAChC,EASI,KAAA,MAAA,CAAA,AAAA,EAAA,OAAA,EATD,0HAGD,GAAA,EAAA,EAKI,KAAA;MAJF,OAAM;MACL,MAAM,EAAA,EAAI,CAAC;MACZ,QAAO;QAAS,eAElB,GAAA,EAAA,CAAA,CAAA;KAEF,EAI0C,EAAA,EAAA,EAAA;MAHxC,IAAG;kBACM,EAAA,EAAW;sDAAA,QAAA,IAAA;MACpB,OAAM;MACL,aAAa,EAAA,EAAI,CAAC"}

package/dist/views/Start.vue.js

@@ -0,0 +1,9 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./Start.vue.script.js";
+/* empty css                    */
+//#region src/views/Start.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-56f7e8dd"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=Start.vue.js.map

package/dist/views/Start.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Start.vue.js","names":[],"sources":["../../src/views/Start.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Logo from '@/components/Logo.vue'\nimport { URLS } from '@/consts/urls'\nimport { useState } from '@/state/state'\nimport PromptForm from '@/views/PromptForm.vue'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\nconst { mode } = useState()\n</script>\n\n<template>\n  <div class=\"startContainer\">\n    <Logo class=\"agentLogo\" />\n    <h1 class=\"heading\">How can I help you today?</h1>\n    <PromptForm\n      ref=\"promptFormField\"\n      @submit=\"emit('submit')\"\n      @uploadApi=\"emit('uploadApi')\" />\n    <p class=\"disclaimerText\">\n      <template v-if=\"mode === 'preview'\">\n        By messaging Agent Scalar your OpenAPI document will be temporarily\n        uploaded to Scalar's servers. You must agree to our\n      </template>\n      <template v-else>By messaging Agent Scalar you agree to our </template>\n      <a\n        class=\"disclaimerLink\"\n        :href=\"URLS.TERMS_AND_CONDITIONS\"\n        target=\"_blank\"\n        >Terms</a\n      >\n      and\n      <a\n        class=\"disclaimerLink\"\n        :href=\"URLS.PRIVACY_POLICY\"\n        target=\"_blank\"\n        >Privacy Policy</a\n      >.\n    </p>\n  </div>\n</template>\n\n<style scoped>\n.agentLogo {\n  margin-bottom: 15px;\n}\n\n.startContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  max-width: 720px;\n  position: relative;\n}\n\n.heading {\n  font-size: 1.5rem;\n  font-weight: var(--scalar-font-bold);\n  margin-bottom: 50px;\n}\n\n.disclaimerText {\n  text-align: center;\n  color: var(--scalar-color-3);\n  font-size: var(--scalar-font-size-3);\n  text-wrap: balance;\n  line-height: 1.44;\n  margin-top: 40px;\n}\n\n.disclaimerLink {\n  text-decoration: underline;\n}\n</style>\n"],"mappings":""}

package/dist/views/Start.vue.script.js

@@ -0,0 +1,41 @@
+import { URLS as e } from "../consts/urls.js";
+import { useState as t } from "../state/state.js";
+import n from "./PromptForm.vue.js";
+import r from "../components/Logo.vue.js";
+import { Fragment as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, unref as d } from "vue";
+//#region src/views/Start.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "startContainer" }, p = { class: "disclaimerText" }, m = ["href"], h = ["href"], g = /* @__PURE__ */ l({
+	__name: "Start",
+	emits: ["submit", "uploadApi"],
+	setup(l, { emit: g }) {
+		let _ = g, { mode: v } = t();
+		return (t, l) => (u(), a("div", f, [
+			c(r, { class: "agentLogo" }),
+			l[4] ||= o("h1", { class: "heading" }, "How can I help you today?", -1),
+			c(n, {
+				ref: "promptFormField",
+				onSubmit: l[0] ||= (e) => _("submit"),
+				onUploadApi: l[1] ||= (e) => _("uploadApi")
+			}, null, 512),
+			o("p", p, [
+				d(v) === "preview" ? (u(), a(i, { key: 0 }, [s(" By messaging Agent Scalar your OpenAPI document will be temporarily uploaded to Scalar's servers. You must agree to our ")], 64)) : (u(), a(i, { key: 1 }, [s("By messaging Agent Scalar you agree to our ")], 64)),
+				o("a", {
+					class: "disclaimerLink",
+					href: d(e).TERMS_AND_CONDITIONS,
+					target: "_blank"
+				}, "Terms", 8, m),
+				l[2] ||= s(" and ", -1),
+				o("a", {
+					class: "disclaimerLink",
+					href: d(e).PRIVACY_POLICY,
+					target: "_blank"
+				}, "Privacy Policy", 8, h),
+				l[3] ||= s(". ", -1)
+			])
+		]));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=Start.vue.script.js.map

package/dist/views/Start.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Start.vue.script.js","names":[],"sources":["../../src/views/Start.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Logo from '@/components/Logo.vue'\nimport { URLS } from '@/consts/urls'\nimport { useState } from '@/state/state'\nimport PromptForm from '@/views/PromptForm.vue'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\nconst { mode } = useState()\n</script>\n\n<template>\n  <div class=\"startContainer\">\n    <Logo class=\"agentLogo\" />\n    <h1 class=\"heading\">How can I help you today?</h1>\n    <PromptForm\n      ref=\"promptFormField\"\n      @submit=\"emit('submit')\"\n      @uploadApi=\"emit('uploadApi')\" />\n    <p class=\"disclaimerText\">\n      <template v-if=\"mode === 'preview'\">\n        By messaging Agent Scalar your OpenAPI document will be temporarily\n        uploaded to Scalar's servers. You must agree to our\n      </template>\n      <template v-else>By messaging Agent Scalar you agree to our </template>\n      <a\n        class=\"disclaimerLink\"\n        :href=\"URLS.TERMS_AND_CONDITIONS\"\n        target=\"_blank\"\n        >Terms</a\n      >\n      and\n      <a\n        class=\"disclaimerLink\"\n        :href=\"URLS.PRIVACY_POLICY\"\n        target=\"_blank\"\n        >Privacy Policy</a\n      >.\n    </p>\n  </div>\n</template>\n\n<style scoped>\n.agentLogo {\n  margin-bottom: 15px;\n}\n\n.startContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  max-width: 720px;\n  position: relative;\n}\n\n.heading {\n  font-size: 1.5rem;\n  font-weight: var(--scalar-font-bold);\n  margin-bottom: 50px;\n}\n\n.disclaimerText {\n  text-align: center;\n  color: var(--scalar-color-3);\n  font-size: var(--scalar-font-size-3);\n  text-wrap: balance;\n  line-height: 1.44;\n  margin-top: 40px;\n}\n\n.disclaimerLink {\n  text-decoration: underline;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAMA,IAAM,IAAO,GAKP,EAAE,YAAS,GAAS;yBAIxB,EA2BM,OA3BN,GA2BM;GA1BJ,EAA0B,GAAA,EAApB,OAAM,aAAW,CAAA;YACvB,EAAkD,MAAA,EAA9C,OAAM,WAAS,EAAC,6BAAyB,GAAA;GAC7C,EAGmC,GAAA;IAFjC,KAAI;IACH,UAAM,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;IACZ,aAAS,AAAA,EAAA,QAAA,MAAE,EAAI,YAAA;;GAClB,EAmBI,KAnBJ,GAmBI;IAlBc,EAAA,EAAI,KAAA,aAAA,GAAA,EAApB,EAGW,GAAA,EAAA,KAAA,GAAA,EAAA,CAAA,EAHyB,4HAGpC,CAAA,EAAA,GAAA,KAAA,GAAA,EACA,EAAuE,GAAA,EAAA,KAAA,GAAA,EAAA,CAAA,EAAtD,8CAA2C,CAAA,EAAA,GAAA;IAC5D,EAKC,KAAA;KAJC,OAAM;KACL,MAAM,EAAA,EAAI,CAAC;KACZ,QAAO;OACN,SAAK,GAAA,EAAA;eACP,SAED,GAAA;IAAA,EAKC,KAAA;KAJC,OAAM;KACL,MAAM,EAAA,EAAI,CAAC;KACZ,QAAO;OACN,kBAAc,GAAA,EAAA;eAChB,MACH,GAAA"}