@scalar/agent-chat 0.12.44 → 0.12.46

package/dist/views/PromptForm.vue.js

@@ -1,8 +1,8 @@
 import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import PromptForm_vue_vue_type_script_setup_true_lang_default from "./PromptForm.vue.script.js";
-/* empty css                         */
+import PromptForm_vue_vue_type_script_setup_true_lang_default from "./PromptForm.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                               */
 //#region src/views/PromptForm.vue
-var PromptForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PromptForm_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3a0f1d21"]]);
+var PromptForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PromptForm_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6aae4d61"]]);
 //#endregion
 export { PromptForm_default as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"PromptForm.vue.js","names":[],"sources":["../../src/views/PromptForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarLoading } from '@scalar/components/loading'\nimport { ScalarTooltip } from '@scalar/components/tooltip'\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  // Ignore the Enter that only commits an IME composition (e.g. Japanese, Chinese,\n  // Korean). On macOS Chrome that keydown still reports key === 'Enter' with\n  // isComposing === true, so without this guard the message sends mid-composition.\n  if (e.isComposing) {\n    return\n  }\n\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    void 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: var(--scalar-radius-3xl);\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: var(--scalar-radius-3xl);\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: var(--scalar-radius-3xl);\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: var(--scalar-radius-full);\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: var(--scalar-radius-full);\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: var(--scalar-radius-full) !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: var(--scalar-radius-full) !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: var(--scalar-radius-3xl);\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: var(--scalar-radius-full);\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: var(--scalar-radius-3xl);\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: var(--scalar-radius-full);\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PromptForm.vue.js","names":["_sfc_main"],"sources":["../../src/views/PromptForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarLoading } from '@scalar/components/loading'\nimport { ScalarTooltip } from '@scalar/components/tooltip'\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  // Ignore the Enter that only commits an IME composition (e.g. Japanese, Chinese,\n  // Korean). On macOS Chrome that keydown still reports key === 'Enter' with\n  // isComposing === true, so without this guard the message sends mid-composition.\n  if (e.isComposing) {\n    return\n  }\n\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\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: var(--scalar-radius-3xl);\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: var(--scalar-radius-3xl);\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: var(--scalar-radius-3xl);\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: var(--scalar-radius-full);\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: var(--scalar-radius-full);\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: var(--scalar-radius-full) !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: var(--scalar-radius-full) !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: var(--scalar-radius-3xl);\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: var(--scalar-radius-full);\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: var(--scalar-radius-3xl);\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: var(--scalar-radius-full);\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":""}

package/dist/views/{PromptForm.vue.script.js → PromptForm.vue_vue_type_script_setup_true_lang.js}

@@ -90,7 +90,6 @@ var PromptForm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const uploadTmpDoc = useUploadTmpDocument();
 		function acceptTerms() {
 			state.terms.accept();
-			if (state.mode === "preview" && state.getActiveDocumentJson) uploadTmpDoc.uploadTempDocument(state.getActiveDocumentJson(), true);
 		}
 		const isPending = computed(() => Object.values(state.pendingDocuments).some(Boolean));
 		const submitDisabled = computed(() => {
@@ -246,4 +245,4 @@ var PromptForm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 //#endregion
 export { PromptForm_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=PromptForm.vue.script.js.map
+//# sourceMappingURL=PromptForm.vue_vue_type_script_setup_true_lang.js.map

package/dist/views/PromptForm.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptForm.vue_vue_type_script_setup_true_lang.js","names":["$emit","_openBlock","_createElementBlock","_unref","_createBlock","UploadSection","_createCommentVNode","ErrorMessageMessage","ApprovalSection","PaymentSection","FreeMessagesInfoSection","_createElementVNode","_withModifiers","_withDirectives","_vModelText","_Fragment","SearchPopover","_withCtx","_createVNode","ActionsDropdown","_renderList","_createTextVNode","_toDisplayString"],"sources":["../../src/views/PromptForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarLoading } from '@scalar/components/loading'\nimport { ScalarTooltip } from '@scalar/components/tooltip'\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  // Ignore the Enter that only commits an IME composition (e.g. Japanese, Chinese,\n  // Korean). On macOS Chrome that keydown still reports key === 'Enter' with\n  // isComposing === true, so without this guard the message sends mid-composition.\n  if (e.isComposing) {\n    return\n  }\n\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\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: var(--scalar-radius-3xl);\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: var(--scalar-radius-3xl);\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: var(--scalar-radius-3xl);\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: var(--scalar-radius-full);\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: var(--scalar-radius-full);\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: var(--scalar-radius-full) !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: var(--scalar-radius-full) !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: var(--scalar-radius-3xl);\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: var(--scalar-radius-full);\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: var(--scalar-radius-3xl);\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: var(--scalar-radius-full);\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import Auth_vue_vue_type_script_setup_true_lang_default from "./Auth.vue.script.js";
+import Auth_vue_vue_type_script_setup_true_lang_default from "./Auth.vue_vue_type_script_setup_true_lang.js";
 //#region src/views/Settings/Auth.vue
 var Auth_default = Auth_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Auth.vue.js","names":[],"sources":["../../../src/views/Settings/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\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 {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\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: OpenApiDocument | 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/** 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\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    securitySchemes.value,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n\nconst focusRef = shallowRef()\nconst { focused } = useFocusWithin(focusRef)\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":""}
+{"version":3,"file":"Auth.vue.js","names":["_sfc_main"],"sources":["../../../src/views/Settings/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\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 {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\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: OpenApiDocument | 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/** 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\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    securitySchemes.value,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n\nconst focusRef = shallowRef()\nconst { focused } = useFocusWithin(focusRef)\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 → Auth.vue_vue_type_script_setup_true_lang.js}

@@ -72,4 +72,4 @@ var Auth_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 //#endregion
 export { Auth_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=Auth.vue.script.js.map
+//# sourceMappingURL=Auth.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Auth.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createBlock","_unref","_createCommentVNode"],"sources":["../../../src/views/Settings/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\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 {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\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: OpenApiDocument | 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/** 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\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    securitySchemes.value,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n\nconst focusRef = shallowRef()\nconst { focused } = useFocusWithin(focusRef)\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,MAAM,EAAE,mBAAmB,SAAS;;EAGpC,MAAM,uBAAuB,eAC3B,wBAAwB,QAAA,UAAU,QAAQ,CAC5C;;EAGA,MAAM,kBAAkB,eACtB,cACE,QAAA,UAAU,YAAY,mBAAmB,CAAC,GAC1C,QAAA,QAAQ,gBAAgB,iBACxB,QAAA,WACA,QAAA,IACF,CACF;;EAGA,MAAM,mBAAmB,eACvB,oBACE,QAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,QAAA;EAChB,CAAC,GACD,KAAA,GACA,qBAAqB,OACrB,gBAAgB,OAChB,QAAA,QAAQ,gBAAgB,uBAC1B,CACF;EAEA,MAAM,WAAW,WAAW;EAC5B,MAAM,EAAE,YAAY,eAAe,QAAQ;EAE3C,MAAM,UAAU,cAAc;GAC5B,IAAI,CAAC,WACH;GAGF,eAAe,OAAO,4BAA4B,QAAA,IAAI;EACxD,CAAC;;GAGC,OAAAA,UAAA,GAAAC,mBAoBM,OAAA;IAnBA,SAAA;IAAJ,KAAI;IACJ,UAAS;G,IAED,OAAO,KAAK,gBAAA,KAAe,CAAA,CAAE,UADrCD,UAAA,GAAAE,YAgB2BC,MAAA,YAAA,GAAA;;IAdxB,WAAA,QAAA;IACA,cAAc,QAAA;IACd,aAAA,QAAA;IACA,UAAA,QAAA;IACD,YAAA;IACA,UAAA;IACA,QAAO;IACN,MAAM,EAAA,MAAA,WAAA;IACN,aAAa,QAAA,QAAQ;IACrB,UAAU,QAAA,QAAQ,YAAQ;IAC1B,sBAAA,qBAAA;IACA,iBAAA,gBAAA;IACA,kBAAA,iBAAA;IACA,QAAQ,QAAA;IACT,OAAM"}

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

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
-import DocSettings_vue_vue_type_script_setup_true_lang_default from "./DocSettings.vue.script.js";
-/* empty css                          */
+import DocSettings_vue_vue_type_script_setup_true_lang_default from "./DocSettings.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                */
 //#region src/views/Settings/DocSettings.vue
 var DocSettings_default = /*#__PURE__*/ _plugin_vue_export_helper_default(DocSettings_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5134b4f8"]]);
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"DocSettings.vue.js","names":[],"sources":["../../../src/views/Settings/DocSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\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: OpenApiDocument\n  name: string\n}>()\n\nconst { workspaceStore, config, eventBus } = useState()\n\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document).environment,\n)\n\nconst selectedServer = computed(() => {\n  const servers = getServers(document.servers, {\n    documentUrl: document['x-scalar-original-source-url'],\n  })\n\n  return getSelectedServer(document, null, null, servers)\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":""}
+{"version":3,"file":"DocSettings.vue.js","names":["_sfc_main"],"sources":["../../../src/views/Settings/DocSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\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: OpenApiDocument\n  name: string\n}>()\n\nconst { workspaceStore, config, eventBus } = useState()\n\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document).environment,\n)\n\nconst selectedServer = computed(() => {\n  const servers = getServers(document.servers, {\n    documentUrl: document['x-scalar-original-source-url'],\n  })\n\n  return getSelectedServer(document, null, null, servers)\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 → DocSettings.vue_vue_type_script_setup_true_lang.js}

@@ -53,4 +53,4 @@ var DocSettings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 //#endregion
 export { DocSettings_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=DocSettings.vue.script.js.map
+//# sourceMappingURL=DocSettings.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocSettings.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","Auth","_unref","ServerSelector"],"sources":["../../../src/views/Settings/DocSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\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: OpenApiDocument\n  name: string\n}>()\n\nconst { workspaceStore, config, eventBus } = useState()\n\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document).environment,\n)\n\nconst selectedServer = computed(() => {\n  const servers = getServers(document.servers, {\n    documentUrl: document['x-scalar-original-source-url'],\n  })\n\n  return getSelectedServer(document, null, null, servers)\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":";;;;;;;;;;;;;;EAkBA,MAAM,EAAE,gBAAgB,QAAQ,aAAa,SAAS;EAEtD,MAAM,cAAc,eACZ,qBAAqB,gBAAgB,QAAA,QAAQ,CAAC,CAAC,WACvD;EAEA,MAAM,iBAAiB,eAAe;GACpC,MAAM,UAAU,WAAW,QAAA,SAAS,SAAS,EAC3C,aAAa,QAAA,SAAS,gCACxB,CAAC;GAED,OAAO,kBAAkB,QAAA,UAAU,MAAM,MAAM,OAAO;EACxD,CAAC;EAED,MAAM,kBAAkB,eAChB,QAAA,SAAS,YAAY,mBAAmB,CAAC,CACjD;;GAIE,OAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM,CAjBJC,mBAUM,OAAA,MAAA,CATJC,YAQoBC,cAAA;IAPjB,WAAWC,MAAA,cAAA,CAAc,CAAC;IAC1B,UAAA,QAAA;IACA,aAAA,YAAA;IACA,UAAAA,MAAA,QAAA;IACA,MAAA,QAAA;IACA,SAASA,MAAA,MAAA;IACT,iBAAA,gBAAA;IACA,gBAAA,eAAA;;;;;;;;;;G,MAELH,mBAKM,OAAA,MAAA,CAJJC,YAGsCG,wBAAA;IAFnC,UAAAD,MAAA,QAAA;IACA,gBAAA,eAAA;IACA,SAAS,QAAA,SAAS,WAAO,CAAA"}

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":"AAqKA,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AASvE,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;CACvB,CAAC;AAkMF,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":"AA2KA,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AASvE,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;CACvB,CAAC;AAyMF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,9 +1,9 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
-import Settings_vue_vue_type_script_setup_true_lang_default from "./Settings.vue.script.js";
-/* empty css                       */
-/* empty css                         */
+import Settings_vue_vue_type_script_setup_true_lang_default from "./Settings.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                             */
+/* empty css                                                             */
 //#region src/views/Settings/Settings.vue
-var Settings_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Settings_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dd2544e6"]]);
+var Settings_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Settings_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1a8828eb"]]);
 //#endregion
 export { Settings_default as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Settings.vue.js","names":[],"sources":["../../../src/views/Settings/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarColorModeToggle } from '@scalar/components/color-mode-toggle'\nimport { ScalarModal, type ModalState } from '@scalar/components/modal'\nimport { ScalarTextInput } from '@scalar/components/text-input'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\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\n            v-if=\"\n              workspaceStore.workspace.activeDocument === document &&\n              isOpenApiDocument(document)\n            \">\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":""}
+{"version":3,"file":"Settings.vue.js","names":["_sfc_main"],"sources":["../../../src/views/Settings/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarColorModeToggle } from '@scalar/components/color-mode-toggle'\nimport { ScalarModal, type ModalState } from '@scalar/components/modal'\nimport { ScalarTextInput } from '@scalar/components/text-input'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\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\n            v-if=\"\n              workspaceStore.workspace.activeDocument === document &&\n              isOpenApiDocument(document)\n            \">\n            <DocSettings\n              :document\n              :name />\n          </div>\n          <p\n            v-else-if=\"workspaceStore.workspace.activeDocument === document\"\n            class=\"text-c-2 pb-3\">\n            Ask about channels, messages, and schemas. Live AsyncAPI messaging\n            and authentication are not supported in Ask AI.\n          </p>\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 → Settings.vue_vue_type_script_setup_true_lang.js}

@@ -13,11 +13,15 @@ var _hoisted_2 = { class: "documentList" };
 var _hoisted_3 = ["onClick"];
 var _hoisted_4 = { key: 0 };
 var _hoisted_5 = {
+	key: 1,
+	class: "text-c-2 pb-3"
+};
+var _hoisted_6 = {
 	key: 1,
 	class: "noDocuments"
 };
-var _hoisted_6 = { class: "proxyUrlContainer" };
-var _hoisted_7 = ["href"];
+var _hoisted_7 = { class: "proxyUrlContainer" };
+var _hoisted_8 = ["href"];
 var Settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Settings",
 	props: { modalState: {} },
@@ -44,15 +48,15 @@ var Settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 						}, [createTextVNode(" @" + toDisplayString(name) + " ", 1), unref(workspaceStore).workspace.activeDocument === document ? (openBlock(), createBlock(unref(ScalarIconCaretDown), { key: 0 })) : (openBlock(), createBlock(unref(ScalarIconCaretRight), { key: 1 }))], 10, _hoisted_3), unref(workspaceStore).workspace.activeDocument === document && unref(isOpenApiDocument)(document) ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(DocSettings_default, {
 							document,
 							name
-						}, null, 8, ["document", "name"])])) : createCommentVNode("", true)]);
-					}), 128)) : (openBlock(), createElementBlock("div", _hoisted_5, " There's no API definition loaded. Use the + button to load APIs. "))]),
-					createElementVNode("div", _hoisted_6, [
+						}, null, 8, ["document", "name"])])) : unref(workspaceStore).workspace.activeDocument === document ? (openBlock(), createElementBlock("p", _hoisted_5, " Ask about channels, messages, and schemas. Live AsyncAPI messaging and authentication are not supported in Ask AI. ")) : createCommentVNode("", true)]);
+					}), 128)) : (openBlock(), createElementBlock("div", _hoisted_6, " There's no API definition loaded. Use the + button to load APIs. "))]),
+					createElementVNode("div", _hoisted_7, [
 						_cache[3] || (_cache[3] = createElementVNode("label", { for: "proxyUrl" }, "CORS Proxy", -1)),
 						createElementVNode("p", null, [_cache[2] || (_cache[2] = createTextVNode(" All requests will be sent through the specified proxy URL to help avoid CORS (Cross-Origin Resource Sharing) issues. ", -1)), createElementVNode("a", {
 							class: "underline",
 							href: unref(URLS).PROXY_SOURCE_CODE,
 							target: "_blank"
-						}, " Read more ", 8, _hoisted_7)]),
+						}, " Read more ", 8, _hoisted_8)]),
 						createVNode(unref(ScalarTextInput), {
 							id: "proxyUrl",
 							modelValue: unref(proxyUrlRaw),
@@ -70,4 +74,4 @@ var Settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 //#endregion
 export { Settings_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=Settings.vue.script.js.map
+//# sourceMappingURL=Settings.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_createVNode","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createTextVNode","_toDisplayString","DocSettings","_createCommentVNode","_isRef"],"sources":["../../../src/views/Settings/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarColorModeToggle } from '@scalar/components/color-mode-toggle'\nimport { ScalarModal, type ModalState } from '@scalar/components/modal'\nimport { ScalarTextInput } from '@scalar/components/text-input'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\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\n            v-if=\"\n              workspaceStore.workspace.activeDocument === document &&\n              isOpenApiDocument(document)\n            \">\n            <DocSettings\n              :document\n              :name />\n          </div>\n          <p\n            v-else-if=\"workspaceStore.workspace.activeDocument === document\"\n            class=\"text-c-2 pb-3\">\n            Ask about channels, messages, and schemas. Live AsyncAPI messaging\n            and authentication are not supported in Ask AI.\n          </p>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,EAAE,gBAAgB,gBAAgB,SAAS;EAEjD,SAAS,eAAe,MAAc;GACpC,eAAe,OAAO,4BAA4B,IAAI;EACxD;;GAIE,OAAAA,UAAA,GAAAC,YAuEcC,MAAA,WAAA,GAAA;IAtEZ,OAAM;IACL,OAAO,QAAA;;IACR,SAAAC,cAGM;KAHNC,mBAGM,OAHN,YAGM,CAFJ,OAAA,OAAA,OAAA,KAAAA,mBAAiB,MAAA,MAAb,YAAQ,EAAA,IACZC,YAAqDH,MAAA,qBAAA,GAAA,EAA9B,OAAM,sBAAqB,CAAA,C;KAEpDE,mBA4CM,OA5CN,YA4CM,CA1CI,OAAO,QAAQF,MAAA,cAAA,CAAc,CAAC,UAAU,SAAS,CAAA,CAAE,UACzDF,UAAA,IAAA,GAAAM,mBAkCMC,UAAA,EAAA,KAAA,EAAA,GAAAC,WAjCuB,OAAO,QAAqBN,MAAA,cAAA,CAAc,CAAC,UAAU,SAAxE,IAAA,CAAA,MAAM,cAAQ;MADxB,OAAAF,UAAA,GAAAM,mBAkCM,OAAA;OA9BH,KAAK;OACN,OAAM;M,IACNF,mBAYS,UAAA;OAXP,OAAKK,eAAA,CAAC,gBAAc,E,oBACwCP,MAAA,cAAA,CAAc,CAAC,UAAU,mBAAmB,S;OAIxG,MAAK;OACJ,UAAK,WAAE,eAAe,IAAI;M,IAAGQ,gBAAA,OAC7BC,gBAAG,IAAI,IAAG,KACX,CAAA,GACQT,MAAA,cAAA,CAAc,CAAC,UAAU,mBAAmB,YADpDF,UAAA,GAAAC,YACgEC,MAAA,mBAAA,GAAA,EAAA,KAAA,EAAA,CAAA,MAChEF,UAAA,GAAAC,YAA+BC,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,CAAA,E,oBAGVA,MAAA,cAAA,CAAc,CAAC,UAAU,mBAAmB,YAA0BA,MAAA,iBAAA,CAAiB,CAAC,QAAQ,KADvHF,UAAA,GAAAM,mBAQM,OAAA,YAAA,CAHJD,YAEUO,qBAAA;OADP;OACA;M,uCAGQV,MAAA,cAAA,CAAc,CAAC,UAAU,mBAAmB,YADzDF,UAAA,GAAAM,mBAKI,KALJ,YAEwB,sHAGxB,K;K,aAGJN,UAAA,GAAAM,mBAIM,OAJN,YAEsB,oEAEtB,E;KAGFF,mBAiBM,OAjBN,YAiBM;MAhBJ,OAAA,OAAA,OAAA,KAAAA,mBAAwC,SAAA,EAAjC,KAAI,WAAU,GAAC,cAAU,EAAA;MAChCA,mBASI,KAAA,MAAA,CATD,OAAA,OAAA,OAAA,KAAAM,gBAAA,0HAGD,EAAA,IAAAN,mBAKI,KAAA;OAJF,OAAM;OACL,MAAMF,MAAA,IAAA,CAAI,CAAC;OACZ,QAAO;MAAS,GAAA,eAElB,GAAA,UAAA,C;MAEFG,YAI0CH,MAAA,eAAA,GAAA;OAHxC,IAAG;OACM,YAAAA,MAAA,WAAA;OAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAAY,MAAA,WAAA,IAAA,YAAW,QAAA,SAAA;OACpB,OAAM;OACL,aAAaZ,MAAA,IAAA,CAAI,CAAC"}

package/dist/views/Start.vue.js

@@ -1,8 +1,8 @@
 import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import Start_vue_vue_type_script_setup_true_lang_default from "./Start.vue.script.js";
-/* empty css                    */
+import Start_vue_vue_type_script_setup_true_lang_default from "./Start.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                          */
 //#region src/views/Start.vue
-var Start_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Start_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f9ec1d34"]]);
+var Start_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Start_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b27bdc01"]]);
 //#endregion
 export { Start_default as default };
 

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

@@ -1 +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    <p class=\"promptText\">How can I help you today?</p>\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.promptText {\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":""}
+{"version":3,"file":"Start.vue.js","names":["_sfc_main"],"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    <p class=\"promptText\">How can I help you today?</p>\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 API description 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.promptText {\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 → Start.vue_vue_type_script_setup_true_lang.js}

@@ -24,7 +24,7 @@ var Start_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					onUploadApi: _cache[1] || (_cache[1] = ($event) => emit("uploadApi"))
 				}, null, 512),
 				createElementVNode("p", _hoisted_2, [
-					unref(mode) === "preview" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" By messaging Agent Scalar your OpenAPI document will be temporarily uploaded to Scalar's servers. You must agree to our ")], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode("By messaging Agent Scalar you agree to our ")], 64)),
+					unref(mode) === "preview" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" By messaging Agent Scalar your API description will be temporarily uploaded to Scalar's servers. You must agree to our ")], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode("By messaging Agent Scalar you agree to our ")], 64)),
 					createElementVNode("a", {
 						class: "disclaimerLink",
 						href: unref(URLS).TERMS_AND_CONDITIONS,
@@ -45,4 +45,4 @@ var Start_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 //#endregion
 export { Start_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=Start.vue.script.js.map
+//# sourceMappingURL=Start.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Start.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","Logo","_createElementVNode","PromptForm","_unref","_Fragment","_createTextVNode"],"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    <p class=\"promptText\">How can I help you today?</p>\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 API description 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.promptText {\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,MAAM,OAAO;EAKb,MAAM,EAAE,SAAS,SAAS;;GAIxB,OAAAA,UAAA,GAAAC,mBA2BM,OA3BN,YA2BM;IA1BJC,YAA0BC,cAAA,EAApB,OAAM,YAAW,CAAA;IACvB,OAAA,OAAA,OAAA,KAAAC,mBAAmD,KAAA,EAAhD,OAAM,aAAY,GAAC,6BAAyB,EAAA;IAC/CF,YAGmCG,oBAAA;KAFjC,KAAI;KACH,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;KACZ,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,WAAA;;IAClBD,mBAmBI,KAnBJ,YAmBI;KAlBcE,MAAA,IAAA,MAAI,aAApBN,UAAA,GAAAC,mBAGWM,UAAA,EAAA,KAAA,EAAA,GAAA,CAHyBC,gBAAA,0HAGpC,C,WACAR,UAAA,GAAAC,mBAAuEM,UAAA,EAAA,KAAA,EAAA,GAAA,CAAtDC,gBAAA,6CAA2C,C;KAC5DJ,mBAKC,KAAA;MAJC,OAAM;MACL,MAAME,MAAA,IAAA,CAAI,CAAC;MACZ,QAAO;KACN,GAAA,SAAK,GAAA,UAAA;KACP,OAAA,OAAA,OAAA,KAAAE,gBAAA,SAED,EAAA;KAAAJ,mBAKC,KAAA;MAJC,OAAM;MACL,MAAME,MAAA,IAAA,CAAI,CAAC;MACZ,QAAO;KACN,GAAA,kBAAc,GAAA,UAAA;KAChB,OAAA,OAAA,OAAA,KAAAE,gBAAA,MACH,EAAA"}