@scalar/agent-chat 0.10.13 → 0.10.15

package/dist/components/FreeMessagesInfoSection.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"FreeMessagesInfoSection.vue.script.js","names":[],"sources":["../../src/components/FreeMessagesInfoSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo, ScalarIconX } from '@scalar/icons'\nimport { ref } from 'vue'\n\nimport { URLS } from '@/consts/urls'\nimport { useSignupLink } from '@/hooks/use-signup-link'\n\nconst isDismissed = ref(false)\nconst { signupLink } = useSignupLink()\n\n/**\n * Dismiss the free messages info section.\n */\nfunction dismiss() {\n  isDismissed.value = true\n}\n</script>\n\n<template>\n  <div\n    v-show=\"!isDismissed\"\n    class=\"freeMessagesInfoSection\">\n    <strong class=\"infoText flex items-center gap-1.5\">\n      <!-- Sign up -->\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      <a\n        class=\"underline\"\n        :href=\"signupLink\"\n        target=\"_blank\"\n        >Sign up for Agent Scalar</a\n      >\n      to continue without hitting limits.\n    </strong>\n    <div class=\"actionsContainer\">\n      <a\n        class=\"actionButton upgradeButton\"\n        :href=\"URLS.AGENT_SCALAR_DOCUMENTATION\"\n        target=\"_blank\"\n        type=\"button\">\n        Read more\n      </a>\n      <button\n        aria-label=\"Close\"\n        class=\"closeButton\"\n        type=\"button\"\n        @click=\"dismiss\">\n        <ScalarIconX\n          class=\"size-4\"\n          weight=\"bold\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.freeMessagesInfoSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n  position: relative;\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 16px 16px 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.infoText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.actionsContainer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: 50px;\n  padding: 6px 12px;\n}\n\n.upgradeButton {\n  color: white;\n  font-size: var(--scalar-font-size-3);\n  background: var(--scalar-color-blue);\n}\n.upgradeButton:hover,\n.upgradeButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.closeButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  color: var(--scalar-color-2);\n  background: transparent;\n  border: none;\n  cursor: pointer;\n}\n.closeButton:hover {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 80%\n  );\n  color: var(--scalar-color-1);\n}\n</style>\n"],"mappings":";;;;;;;;EAOA,IAAM,IAAc,EAAI,GAAK,EACvB,EAAE,kBAAe,GAAc;EAKrC,SAAS,IAAU;AACjB,KAAY,QAAQ;;2BAKpB,EAkCM,OAlCN,GAkCM,CA/BJ,EAYS,UAZT,GAYS;GAVP,EAEkB,EAAA,EAAA,EAAA;IADhB,OAAM;IACN,QAAO;;GACT,EAKC,KAAA;IAJC,OAAM;IACL,MAAM,EAAA,EAAU;IACjB,QAAO;MACN,4BAAwB,GAAA,EAAA;cAC1B,yCAEH,GAAA;MACA,EAiBM,OAjBN,GAiBM,CAhBJ,EAMI,KAAA;GALF,OAAM;GACL,MAAM,EAAA,EAAI,CAAC;GACZ,QAAO;GACP,MAAK;KAAS,eAEhB,GAAA,EAAA,EACA,EAQS,UAAA;GAPP,cAAW;GACX,OAAM;GACN,MAAK;GACJ,SAAO;MACR,EAEkB,EAAA,EAAA,EAAA;GADhB,OAAM;GACN,QAAO;wBA9BJ,EAAA,MAAW,CAAA,CAAA"}
+{"version":3,"file":"FreeMessagesInfoSection.vue.script.js","names":[],"sources":["../../src/components/FreeMessagesInfoSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo, ScalarIconX } from '@scalar/icons'\nimport { ref } from 'vue'\n\nimport { URLS } from '@/consts/urls'\nimport { useSignupLink } from '@/hooks/use-signup-link'\n\nconst isDismissed = ref(false)\nconst { signupLink } = useSignupLink()\n\n/**\n * Dismiss the free messages info section.\n */\nfunction dismiss() {\n  isDismissed.value = true\n}\n</script>\n\n<template>\n  <div\n    v-show=\"!isDismissed\"\n    class=\"freeMessagesInfoSection\">\n    <strong class=\"infoText flex items-center gap-1.5\">\n      <!-- Sign up -->\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      <a\n        class=\"underline\"\n        :href=\"signupLink\"\n        target=\"_blank\"\n        >Sign up for Agent Scalar</a\n      >\n      to continue without hitting limits.\n    </strong>\n    <div class=\"actionsContainer\">\n      <a\n        class=\"actionButton upgradeButton\"\n        :href=\"URLS.AGENT_SCALAR_DOCUMENTATION\"\n        target=\"_blank\"\n        type=\"button\">\n        Read more\n      </a>\n      <button\n        aria-label=\"Close\"\n        class=\"closeButton\"\n        type=\"button\"\n        @click=\"dismiss\">\n        <ScalarIconX\n          class=\"size-4\"\n          weight=\"bold\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.freeMessagesInfoSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n  position: relative;\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 16px 16px 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.infoText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.actionsContainer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: 50px;\n  padding: 6px 12px;\n}\n\n.upgradeButton {\n  color: white;\n  font-size: var(--scalar-font-size-3);\n  background: var(--scalar-color-blue);\n}\n.upgradeButton:hover,\n.upgradeButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.closeButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  color: var(--scalar-color-2);\n  background: transparent;\n  border: none;\n  cursor: pointer;\n}\n.closeButton:hover {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 80%\n  );\n  color: var(--scalar-color-1);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;EAOA,MAAM,cAAc,IAAI,MAAK;EAC7B,MAAM,EAAE,eAAe,eAAc;;;;EAKrC,SAAS,UAAU;AACjB,eAAY,QAAQ;;;uCAKpB,mBAkCM,OAlCN,YAkCM,CA/BJ,mBAYS,UAZT,YAYS;IAVP,YAEkB,MAAA,eAAA,EAAA;KADhB,OAAM;KACN,QAAO;;IACT,mBAKC,KAAA;KAJC,OAAM;KACL,MAAM,MAAA,WAAU;KACjB,QAAO;OACN,4BAAwB,GAAA,WAAA;8CAC1B,yCAEH,GAAA;OACA,mBAiBM,OAjBN,YAiBM,CAhBJ,mBAMI,KAAA;IALF,OAAM;IACL,MAAM,MAAA,KAAI,CAAC;IACZ,QAAO;IACP,MAAK;MAAS,eAEhB,GAAA,WAAA,EACA,mBAQS,UAAA;IAPP,cAAW;IACX,OAAM;IACN,MAAK;IACJ,SAAO;OACR,YAEkB,MAAA,YAAA,EAAA;IADhB,OAAM;IACN,QAAO;6BA9BJ,YAAA,MAAW,CAAA,CAAA"}

package/dist/components/LoadingOpenAPISpecsSummary.vue.js

@@ -1,13 +1,14 @@
-import e from "../_virtual/_plugin-vue_export-helper.js";
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                         */
-import { createElementBlock as t, createElementVNode as n, createTextVNode as r, openBlock as i } from "vue";
+import { createElementBlock, createElementVNode, createTextVNode, openBlock } from "vue";
 //#region src/components/LoadingOpenAPISpecsSummary.vue
-var a = {}, o = { class: "loadingApiSpecs" };
-function s(e, a) {
-	return i(), t("div", o, [...a[0] ||= [n("div", { class: "playIcon" }, null, -1), r(" Loading APIs... ", -1)]]);
+var _sfc_main = {};
+var _hoisted_1 = { class: "loadingApiSpecs" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("div", { class: "playIcon" }, null, -1), createTextVNode(" Loading APIs... ", -1)])]);
 }
-var c = /* @__PURE__ */ e(a, [["render", s], ["__scopeId", "data-v-9d9724d2"]]);
+var LoadingOpenAPISpecsSummary_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9d9724d2"]]);
 //#endregion
-export { c as default };
+export { LoadingOpenAPISpecsSummary_default as default };
 
 //# sourceMappingURL=LoadingOpenAPISpecsSummary.vue.js.map

package/dist/components/LoadingOpenAPISpecsSummary.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingOpenAPISpecsSummary.vue.js","names":[],"sources":["../../src/components/LoadingOpenAPISpecsSummary.vue"],"sourcesContent":["<template>\n  <div class=\"loadingApiSpecs\">\n    <div class=\"playIcon\"></div>\n    Loading APIs...\n  </div>\n</template>\n\n<style scoped>\n.playIcon {\n  padding: 4px;\n  height: 16px;\n  width: 16px;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  background: var(--scalar-background-1);\n  border-radius: 50%;\n}\n\n.playIcon::before {\n  content: '';\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  box-sizing: border-box;\n  position: absolute;\n  border-width: 1.5px;\n  border-style: solid;\n  border-color: currentcolor currentcolor transparent;\n  border-image: initial;\n  border-radius: 50%;\n  background: var(--scalar-background-1);\n  animation: 0.42s linear 0s infinite normal none running rotation;\n}\n\n.loadingApiSpecs {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n  margin-bottom: 10px;\n}\n\n.loadingApiSpecs svg {\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  border-radius: 50%;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n</style>\n"],"mappings":";;;;kBACO,OAAM,mBAAiB;;aAA5B,EAGM,OAHN,GAGM,CAAA,GAAA,AAAA,EAAA,OAAA,CAFJ,EAA4B,OAAA,EAAvB,OAAM,YAAU,EAAA,MAAA,GAAA,EAAA,EAAO,qBAE9B,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"LoadingOpenAPISpecsSummary.vue.js","names":[],"sources":["../../src/components/LoadingOpenAPISpecsSummary.vue"],"sourcesContent":["<template>\n  <div class=\"loadingApiSpecs\">\n    <div class=\"playIcon\"></div>\n    Loading APIs...\n  </div>\n</template>\n\n<style scoped>\n.playIcon {\n  padding: 4px;\n  height: 16px;\n  width: 16px;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  background: var(--scalar-background-1);\n  border-radius: 50%;\n}\n\n.playIcon::before {\n  content: '';\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  box-sizing: border-box;\n  position: absolute;\n  border-width: 1.5px;\n  border-style: solid;\n  border-color: currentcolor currentcolor transparent;\n  border-image: initial;\n  border-radius: 50%;\n  background: var(--scalar-background-1);\n  animation: 0.42s linear 0s infinite normal none running rotation;\n}\n\n.loadingApiSpecs {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n  margin-bottom: 10px;\n}\n\n.loadingApiSpecs svg {\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  border-radius: 50%;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n</style>\n"],"mappings":";;;;;mBACO,OAAM,mBAAiB;;qBAA5B,mBAGM,OAHN,YAGM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFJ,mBAA4B,OAAA,EAAvB,OAAM,YAAU,EAAA,MAAA,GAAA,EAAA,gBAAO,qBAE9B,GAAA,CAAA,EAAA,CAAA"}

package/dist/components/LoadingSearchOpenAPIOperations.vue.js

@@ -1,13 +1,14 @@
-import e from "../_virtual/_plugin-vue_export-helper.js";
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                             */
-import { createElementBlock as t, createElementVNode as n, createTextVNode as r, openBlock as i } from "vue";
+import { createElementBlock, createElementVNode, createTextVNode, openBlock } from "vue";
 //#region src/components/LoadingSearchOpenAPIOperations.vue
-var a = {}, o = { class: "sendingRequest" };
-function s(e, a) {
-	return i(), t("div", o, [...a[0] ||= [n("div", { class: "playIcon" }, null, -1), r(" Retrieving relevant information... ", -1)]]);
+var _sfc_main = {};
+var _hoisted_1 = { class: "sendingRequest" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("div", { class: "playIcon" }, null, -1), createTextVNode(" Retrieving relevant information... ", -1)])]);
 }
-var c = /* @__PURE__ */ e(a, [["render", s], ["__scopeId", "data-v-6e0ac42c"]]);
+var LoadingSearchOpenAPIOperations_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6e0ac42c"]]);
 //#endregion
-export { c as default };
+export { LoadingSearchOpenAPIOperations_default as default };
 
 //# sourceMappingURL=LoadingSearchOpenAPIOperations.vue.js.map

package/dist/components/LoadingSearchOpenAPIOperations.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSearchOpenAPIOperations.vue.js","names":[],"sources":["../../src/components/LoadingSearchOpenAPIOperations.vue"],"sourcesContent":["<template>\n  <div class=\"sendingRequest\">\n    <div class=\"playIcon\"></div>\n    Retrieving relevant information...\n  </div>\n</template>\n\n<style scoped>\n.playIcon {\n  padding: 4px;\n  height: 16px;\n  width: 16px;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  background: var(--scalar-background-1);\n  border-radius: 50%;\n}\n\n.playIcon::before {\n  content: '';\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  box-sizing: border-box;\n  position: absolute;\n  border-width: 1.5px;\n  border-style: solid;\n  border-color: currentcolor currentcolor transparent;\n  border-image: initial;\n  border-radius: 50%;\n  background: var(--scalar-background-1);\n  animation: 0.42s linear 0s infinite normal none running rotation;\n}\n\n.sendingRequest {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n  margin-bottom: 10px;\n}\n\n.sendingRequest svg {\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  border-radius: 50%;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n</style>\n"],"mappings":";;;;kBACO,OAAM,kBAAgB;;aAA3B,EAGM,OAHN,GAGM,CAAA,GAAA,AAAA,EAAA,OAAA,CAFJ,EAA4B,OAAA,EAAvB,OAAM,YAAU,EAAA,MAAA,GAAA,EAAA,EAAO,wCAE9B,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"LoadingSearchOpenAPIOperations.vue.js","names":[],"sources":["../../src/components/LoadingSearchOpenAPIOperations.vue"],"sourcesContent":["<template>\n  <div class=\"sendingRequest\">\n    <div class=\"playIcon\"></div>\n    Retrieving relevant information...\n  </div>\n</template>\n\n<style scoped>\n.playIcon {\n  padding: 4px;\n  height: 16px;\n  width: 16px;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  background: var(--scalar-background-1);\n  border-radius: 50%;\n}\n\n.playIcon::before {\n  content: '';\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  box-sizing: border-box;\n  position: absolute;\n  border-width: 1.5px;\n  border-style: solid;\n  border-color: currentcolor currentcolor transparent;\n  border-image: initial;\n  border-radius: 50%;\n  background: var(--scalar-background-1);\n  animation: 0.42s linear 0s infinite normal none running rotation;\n}\n\n.sendingRequest {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n  margin-bottom: 10px;\n}\n\n.sendingRequest svg {\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  border-radius: 50%;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n</style>\n"],"mappings":";;;;;mBACO,OAAM,kBAAgB;;qBAA3B,mBAGM,OAHN,YAGM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFJ,mBAA4B,OAAA,EAAvB,OAAM,YAAU,EAAA,MAAA,GAAA,EAAA,gBAAO,wCAE9B,GAAA,CAAA,EAAA,CAAA"}

package/dist/components/Logo.vue.js

@@ -1,23 +1,24 @@
-import e from "../_virtual/_plugin-vue_export-helper.js";
-import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, createElementVNode, openBlock } from "vue";
 //#region src/components/Logo.vue
-var i = {}, a = {
+var _sfc_main = {};
+var _hoisted_1 = {
 	fill: "none",
 	height: "54",
 	viewBox: "0 0 64 54",
 	width: "64",
 	xmlns: "http://www.w3.org/2000/svg"
 };
-function o(e, i) {
-	return r(), t("svg", a, [...i[0] ||= [n("path", {
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
 		"clip-rule": "evenodd",
 		d: "M31.0667 0C40.2667 0 48.3333 6.13333 52.6 14.9333H57.2667C59.6 14.9333 61.5333 16.8 61.5333 19.1333V32.2C61.5333 33.4667 60.8667 34.6 60 35.3333L63.3333 45.4V45.4667C63.5639 46.207 63.6166 46.9912 63.4874 47.7557C63.3582 48.5202 63.0505 49.2435 62.5895 49.8669C62.1284 50.4903 61.5269 50.9962 60.8338 51.3437C60.1406 51.6911 59.3754 51.8703 58.6 51.8667H54.3333C53.9895 52.4222 53.5082 52.8797 52.936 53.195C52.3638 53.5103 51.72 53.6728 51.0667 53.6667H47.0667C46.5764 53.6755 46.0892 53.5877 45.6328 53.4082C45.1765 53.2287 44.76 52.961 44.4071 52.6205C44.0542 52.28 43.7719 51.8733 43.5762 51.4237C43.3805 50.9741 43.2753 50.4903 43.2667 50C43.2667 47.9333 44.9333 46.2667 47 46.2667H51.0667C52.4667 46.2667 53.7333 46.9333 54.3333 48.0667H58.6C59.3333 48.0667 59.9333 47.4 59.6667 46.6L56.3333 36.3333H51.3333C49.9333 36.3333 48.6 35.6667 47.8 34.5333V34.4667L46.8 32.9333C46.7585 32.8643 46.6999 32.8072 46.6298 32.7675C46.5597 32.7279 46.4805 32.707 46.4 32.707C46.3195 32.707 46.2403 32.7279 46.1702 32.7675C46.1001 32.8072 46.0415 32.8643 46 32.9333L45.4667 34C45.1162 34.7065 44.5739 35.3 43.9019 35.7126C43.2299 36.1253 42.4552 36.3404 41.6667 36.3333H24.9333C23.4 36.3333 21.9333 35.7333 20.8667 34.6667H20.8L19.8667 33.6667C19.6667 33.4667 19.4667 33.3333 19.2 33.3333L17.4667 33.1333C17.3333 38.8667 13.4667 43.4667 8.73333 43.4667C3.93333 43.4667 0 38.6667 0 32.9333C0 32.2667 0 31.6667 0.133333 31.1333V31C0.8 26.8 3.46667 23.4667 6.93333 22.6C9.46667 9.93333 19.3333 0 31.0667 0ZM3.93333 31.5333C4.46667 28 6.93333 26.2 8.73333 26.2C10.7333 26.2 13.6 28.4 13.6 32.8667C13.6 34.4667 13.2667 35.7333 12.7333 36.7333C11.7333 38.7333 10.0667 39.6667 8.73333 39.6667C7.67025 39.6269 6.66506 39.1722 5.93333 38.4C5.8414 38.3142 5.75246 38.2253 5.66667 38.1333C5.19113 37.6008 4.80806 36.9924 4.53333 36.3333C4.0607 35.2169 3.83335 34.0119 3.86667 32.8V31.6667L3.93333 31.6V31.5333ZM24.3333 20.6667C24.3333 19.6667 25.2 18.8 26.2667 18.8H55.8667C56.9333 18.8 57.8 19.6667 57.7333 20.7333V30.7333C57.6667 31.8 56.8 32.6667 55.7333 32.6667H53.4C53.0667 32.6667 52.7333 32.6667 52.4 32.5333C51.5333 32.3333 50.7333 31.8667 50.4 31.3333L47.9333 27.6C47.7363 27.2901 47.4602 27.0383 47.1336 26.8706C46.8069 26.7028 46.4414 26.6251 46.0747 26.6455C45.7081 26.6658 45.3535 26.7835 45.0474 26.9865C44.7413 27.1894 44.4948 27.4702 44.3333 27.8L42.6667 31C42.4199 31.4974 42.04 31.9165 41.5692 32.2107C41.0984 32.505 40.5552 32.6628 40 32.6667L26.2 32.8C25.1333 32.8 24.2667 31.9333 24.2667 30.8667V20.6667H24.3333ZM11 22.2C13.5333 11.5333 22 3.86667 31 3.86667C37.9333 3.86667 44.4 8.2 48.3333 15H24.3333C21.4667 15 18.6 16 16.3333 17.8L16.2667 17.8667L10.9333 22.2H11Z",
 		fill: "currentColor",
 		"fill-rule": "evenodd"
-	}, null, -1)]]);
+	}, null, -1)])]);
 }
-var s = /* @__PURE__ */ e(i, [["render", o]]);
+var Logo_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
-export { s as default };
+export { Logo_default as default };
 
 //# sourceMappingURL=Logo.vue.js.map

package/dist/components/Logo.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.vue.js","names":[],"sources":["../../src/components/Logo.vue"],"sourcesContent":["<template>\n  <svg\n    fill=\"none\"\n    height=\"54\"\n    viewBox=\"0 0 64 54\"\n    width=\"64\"\n    xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      clip-rule=\"evenodd\"\n      d=\"M31.0667 0C40.2667 0 48.3333 6.13333 52.6 14.9333H57.2667C59.6 14.9333 61.5333 16.8 61.5333 19.1333V32.2C61.5333 33.4667 60.8667 34.6 60 35.3333L63.3333 45.4V45.4667C63.5639 46.207 63.6166 46.9912 63.4874 47.7557C63.3582 48.5202 63.0505 49.2435 62.5895 49.8669C62.1284 50.4903 61.5269 50.9962 60.8338 51.3437C60.1406 51.6911 59.3754 51.8703 58.6 51.8667H54.3333C53.9895 52.4222 53.5082 52.8797 52.936 53.195C52.3638 53.5103 51.72 53.6728 51.0667 53.6667H47.0667C46.5764 53.6755 46.0892 53.5877 45.6328 53.4082C45.1765 53.2287 44.76 52.961 44.4071 52.6205C44.0542 52.28 43.7719 51.8733 43.5762 51.4237C43.3805 50.9741 43.2753 50.4903 43.2667 50C43.2667 47.9333 44.9333 46.2667 47 46.2667H51.0667C52.4667 46.2667 53.7333 46.9333 54.3333 48.0667H58.6C59.3333 48.0667 59.9333 47.4 59.6667 46.6L56.3333 36.3333H51.3333C49.9333 36.3333 48.6 35.6667 47.8 34.5333V34.4667L46.8 32.9333C46.7585 32.8643 46.6999 32.8072 46.6298 32.7675C46.5597 32.7279 46.4805 32.707 46.4 32.707C46.3195 32.707 46.2403 32.7279 46.1702 32.7675C46.1001 32.8072 46.0415 32.8643 46 32.9333L45.4667 34C45.1162 34.7065 44.5739 35.3 43.9019 35.7126C43.2299 36.1253 42.4552 36.3404 41.6667 36.3333H24.9333C23.4 36.3333 21.9333 35.7333 20.8667 34.6667H20.8L19.8667 33.6667C19.6667 33.4667 19.4667 33.3333 19.2 33.3333L17.4667 33.1333C17.3333 38.8667 13.4667 43.4667 8.73333 43.4667C3.93333 43.4667 0 38.6667 0 32.9333C0 32.2667 0 31.6667 0.133333 31.1333V31C0.8 26.8 3.46667 23.4667 6.93333 22.6C9.46667 9.93333 19.3333 0 31.0667 0ZM3.93333 31.5333C4.46667 28 6.93333 26.2 8.73333 26.2C10.7333 26.2 13.6 28.4 13.6 32.8667C13.6 34.4667 13.2667 35.7333 12.7333 36.7333C11.7333 38.7333 10.0667 39.6667 8.73333 39.6667C7.67025 39.6269 6.66506 39.1722 5.93333 38.4C5.8414 38.3142 5.75246 38.2253 5.66667 38.1333C5.19113 37.6008 4.80806 36.9924 4.53333 36.3333C4.0607 35.2169 3.83335 34.0119 3.86667 32.8V31.6667L3.93333 31.6V31.5333ZM24.3333 20.6667C24.3333 19.6667 25.2 18.8 26.2667 18.8H55.8667C56.9333 18.8 57.8 19.6667 57.7333 20.7333V30.7333C57.6667 31.8 56.8 32.6667 55.7333 32.6667H53.4C53.0667 32.6667 52.7333 32.6667 52.4 32.5333C51.5333 32.3333 50.7333 31.8667 50.4 31.3333L47.9333 27.6C47.7363 27.2901 47.4602 27.0383 47.1336 26.8706C46.8069 26.7028 46.4414 26.6251 46.0747 26.6455C45.7081 26.6658 45.3535 26.7835 45.0474 26.9865C44.7413 27.1894 44.4948 27.4702 44.3333 27.8L42.6667 31C42.4199 31.4974 42.04 31.9165 41.5692 32.2107C41.0984 32.505 40.5552 32.6628 40 32.6667L26.2 32.8C25.1333 32.8 24.2667 31.9333 24.2667 30.8667V20.6667H24.3333ZM11 22.2C13.5333 11.5333 22 3.86667 31 3.86667C37.9333 3.86667 44.4 8.2 48.3333 15H24.3333C21.4667 15 18.6 16 16.3333 17.8L16.2667 17.8667L10.9333 22.2H11Z\"\n      fill=\"currentColor\"\n      fill-rule=\"evenodd\" />\n  </svg>\n</template>\n"],"mappings":";;;;CAEI,MAAK;CACL,QAAO;CACP,SAAQ;CACR,OAAM;CACN,OAAM;;;aALR,EAWM,OAXN,GAWM,CAAA,GAAA,AAAA,EAAA,OAAA,CALJ,EAIwB,QAAA;EAHtB,aAAU;EACV,GAAE;EACF,MAAK;EACL,aAAU"}
+{"version":3,"file":"Logo.vue.js","names":[],"sources":["../../src/components/Logo.vue"],"sourcesContent":["<template>\n  <svg\n    fill=\"none\"\n    height=\"54\"\n    viewBox=\"0 0 64 54\"\n    width=\"64\"\n    xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      clip-rule=\"evenodd\"\n      d=\"M31.0667 0C40.2667 0 48.3333 6.13333 52.6 14.9333H57.2667C59.6 14.9333 61.5333 16.8 61.5333 19.1333V32.2C61.5333 33.4667 60.8667 34.6 60 35.3333L63.3333 45.4V45.4667C63.5639 46.207 63.6166 46.9912 63.4874 47.7557C63.3582 48.5202 63.0505 49.2435 62.5895 49.8669C62.1284 50.4903 61.5269 50.9962 60.8338 51.3437C60.1406 51.6911 59.3754 51.8703 58.6 51.8667H54.3333C53.9895 52.4222 53.5082 52.8797 52.936 53.195C52.3638 53.5103 51.72 53.6728 51.0667 53.6667H47.0667C46.5764 53.6755 46.0892 53.5877 45.6328 53.4082C45.1765 53.2287 44.76 52.961 44.4071 52.6205C44.0542 52.28 43.7719 51.8733 43.5762 51.4237C43.3805 50.9741 43.2753 50.4903 43.2667 50C43.2667 47.9333 44.9333 46.2667 47 46.2667H51.0667C52.4667 46.2667 53.7333 46.9333 54.3333 48.0667H58.6C59.3333 48.0667 59.9333 47.4 59.6667 46.6L56.3333 36.3333H51.3333C49.9333 36.3333 48.6 35.6667 47.8 34.5333V34.4667L46.8 32.9333C46.7585 32.8643 46.6999 32.8072 46.6298 32.7675C46.5597 32.7279 46.4805 32.707 46.4 32.707C46.3195 32.707 46.2403 32.7279 46.1702 32.7675C46.1001 32.8072 46.0415 32.8643 46 32.9333L45.4667 34C45.1162 34.7065 44.5739 35.3 43.9019 35.7126C43.2299 36.1253 42.4552 36.3404 41.6667 36.3333H24.9333C23.4 36.3333 21.9333 35.7333 20.8667 34.6667H20.8L19.8667 33.6667C19.6667 33.4667 19.4667 33.3333 19.2 33.3333L17.4667 33.1333C17.3333 38.8667 13.4667 43.4667 8.73333 43.4667C3.93333 43.4667 0 38.6667 0 32.9333C0 32.2667 0 31.6667 0.133333 31.1333V31C0.8 26.8 3.46667 23.4667 6.93333 22.6C9.46667 9.93333 19.3333 0 31.0667 0ZM3.93333 31.5333C4.46667 28 6.93333 26.2 8.73333 26.2C10.7333 26.2 13.6 28.4 13.6 32.8667C13.6 34.4667 13.2667 35.7333 12.7333 36.7333C11.7333 38.7333 10.0667 39.6667 8.73333 39.6667C7.67025 39.6269 6.66506 39.1722 5.93333 38.4C5.8414 38.3142 5.75246 38.2253 5.66667 38.1333C5.19113 37.6008 4.80806 36.9924 4.53333 36.3333C4.0607 35.2169 3.83335 34.0119 3.86667 32.8V31.6667L3.93333 31.6V31.5333ZM24.3333 20.6667C24.3333 19.6667 25.2 18.8 26.2667 18.8H55.8667C56.9333 18.8 57.8 19.6667 57.7333 20.7333V30.7333C57.6667 31.8 56.8 32.6667 55.7333 32.6667H53.4C53.0667 32.6667 52.7333 32.6667 52.4 32.5333C51.5333 32.3333 50.7333 31.8667 50.4 31.3333L47.9333 27.6C47.7363 27.2901 47.4602 27.0383 47.1336 26.8706C46.8069 26.7028 46.4414 26.6251 46.0747 26.6455C45.7081 26.6658 45.3535 26.7835 45.0474 26.9865C44.7413 27.1894 44.4948 27.4702 44.3333 27.8L42.6667 31C42.4199 31.4974 42.04 31.9165 41.5692 32.2107C41.0984 32.505 40.5552 32.6628 40 32.6667L26.2 32.8C25.1333 32.8 24.2667 31.9333 24.2667 30.8667V20.6667H24.3333ZM11 22.2C13.5333 11.5333 22 3.86667 31 3.86667C37.9333 3.86667 44.4 8.2 48.3333 15H24.3333C21.4667 15 18.6 16 16.3333 17.8L16.2667 17.8667L10.9333 22.2H11Z\"\n      fill=\"currentColor\"\n      fill-rule=\"evenodd\" />\n  </svg>\n</template>\n"],"mappings":";;;;;CAEI,MAAK;CACL,QAAO;CACP,SAAQ;CACR,OAAM;CACN,OAAM;;;qBALR,mBAWM,OAXN,YAWM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CALJ,mBAIwB,QAAA;EAHtB,aAAU;EACV,GAAE;EACF,MAAK;EACL,aAAU"}

package/dist/components/PaymentSection.vue.js

@@ -1,9 +1,9 @@
-import e from "../_virtual/_plugin-vue_export-helper.js";
-import t from "./PaymentSection.vue.script.js";
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import PaymentSection_vue_vue_type_script_setup_true_lang_default from "./PaymentSection.vue.script.js";
 /* empty css                             */
 //#region src/components/PaymentSection.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-8f005a5c"]]);
+var PaymentSection_default = /* @__PURE__ */ _plugin_vue_export_helper_default(PaymentSection_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8f005a5c"]]);
 //#endregion
-export { n as default };
+export { PaymentSection_default as default };
 
 //# sourceMappingURL=PaymentSection.vue.js.map

package/dist/components/PaymentSection.vue.script.js

@@ -1,22 +1,27 @@
-import { useSignupLink as e } from "../hooks/use-signup-link.js";
-import { createElementBlock as t, createElementVNode as n, createStaticVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, openBlock as s, unref as c } from "vue";
-import { ScalarIconInfo as l } from "@scalar/icons";
+import { useSignupLink } from "../hooks/use-signup-link.js";
+import { createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, openBlock, unref } from "vue";
+import { ScalarIconInfo } from "@scalar/icons";
 //#region src/components/PaymentSection.vue?vue&type=script&setup=true&lang.ts
-var u = { class: "paymentSection" }, d = { class: "approvalText flex items-center gap-1.5" }, f = { class: "paymentContainer" }, p = /* @__PURE__ */ o({
+var _hoisted_1 = { class: "paymentSection" };
+var _hoisted_2 = { class: "approvalText flex items-center gap-1.5" };
+var _hoisted_3 = { class: "paymentContainer" };
+var PaymentSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "PaymentSection",
-	setup(o) {
-		let { navigateToSignup: p } = e();
-		return (e, o) => (s(), t("div", u, [n("strong", d, [a(c(l), {
-			class: "text-blue size-4",
-			weight: "bold"
-		}), o[1] ||= i(" You've used up your complimentary Scalar Credits. Sign up to get free Credits. ", -1)]), n("div", f, [n("button", {
-			class: "actionButton approveButton",
-			type: "button",
-			onClick: o[0] ||= (...e) => c(p) && c(p)(...e)
-		}, " Sign up "), o[2] ||= r("<div class=\"paymentInfo\" data-v-8f005a5c><h3 data-v-8f005a5c>$0 <span data-v-8f005a5c>/ month</span></h3><div class=\"paymentInfoSection\" data-v-8f005a5c><div class=\"paymentInfoItem\" data-v-8f005a5c><span data-v-8f005a5c>Credits</span><span data-v-8f005a5c>100</span></div><div class=\"paymentInfoItem\" data-v-8f005a5c><span data-v-8f005a5c>MCP Servers</span><span data-v-8f005a5c>Unlimited</span></div><div class=\"paymentInfoItem\" data-v-8f005a5c><span data-v-8f005a5c>Base monthly total</span><span data-v-8f005a5c>$0.00</span></div></div><div class=\"paymentInfoSection\" data-v-8f005a5c><div class=\"paymentInfoItem\" data-v-8f005a5c><span data-v-8f005a5c>Additional Credits</span><span data-v-8f005a5c>+ $0.02 per Credit</span></div></div></div>", 1)])]));
+	setup(__props) {
+		const { navigateToSignup } = useSignupLink();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("strong", _hoisted_2, [createVNode(unref(ScalarIconInfo), {
+				class: "text-blue size-4",
+				weight: "bold"
+			}), _cache[1] || (_cache[1] = createTextVNode(" You've used up your complimentary Scalar Credits. Sign up to get free Credits. ", -1))]), createElementVNode("div", _hoisted_3, [createElementVNode("button", {
+				class: "actionButton approveButton",
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = (...args) => unref(navigateToSignup) && unref(navigateToSignup)(...args))
+			}, " Sign up "), _cache[2] || (_cache[2] = createStaticVNode("<div class=\"paymentInfo\" data-v-8f005a5c><h3 data-v-8f005a5c>$0 <span data-v-8f005a5c>/ month</span></h3><div class=\"paymentInfoSection\" data-v-8f005a5c><div class=\"paymentInfoItem\" data-v-8f005a5c><span data-v-8f005a5c>Credits</span><span data-v-8f005a5c>100</span></div><div class=\"paymentInfoItem\" data-v-8f005a5c><span data-v-8f005a5c>MCP Servers</span><span data-v-8f005a5c>Unlimited</span></div><div class=\"paymentInfoItem\" data-v-8f005a5c><span data-v-8f005a5c>Base monthly total</span><span data-v-8f005a5c>$0.00</span></div></div><div class=\"paymentInfoSection\" data-v-8f005a5c><div class=\"paymentInfoItem\" data-v-8f005a5c><span data-v-8f005a5c>Additional Credits</span><span data-v-8f005a5c>+ $0.02 per Credit</span></div></div></div>", 1))])]);
+		};
 	}
 });
 //#endregion
-export { p as default };
+export { PaymentSection_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=PaymentSection.vue.script.js.map

package/dist/components/PaymentSection.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentSection.vue.script.js","names":[],"sources":["../../src/components/PaymentSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nimport { useSignupLink } from '@/hooks/use-signup-link'\n\nconst { navigateToSignup } = useSignupLink()\n</script>\n\n<template>\n  <div class=\"paymentSection\">\n    <strong class=\"approvalText flex items-center gap-1.5\">\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      You've used up your complimentary Scalar Credits. Sign up to get free\n      Credits.\n    </strong>\n    <div class=\"paymentContainer\">\n      <button\n        class=\"actionButton approveButton\"\n        type=\"button\"\n        @click=\"navigateToSignup\">\n        Sign up\n      </button>\n      <div class=\"paymentInfo\">\n        <h3>$0 <span>/ month</span></h3>\n        <div class=\"paymentInfoSection\">\n          <div class=\"paymentInfoItem\">\n            <span>Credits</span>\n            <span>100</span>\n          </div>\n          <div class=\"paymentInfoItem\">\n            <span>MCP Servers</span>\n            <span>Unlimited</span>\n          </div>\n          <div class=\"paymentInfoItem\">\n            <span>Base monthly total</span>\n            <span>$0.00</span>\n          </div>\n        </div>\n        <div class=\"paymentInfoSection\">\n          <div class=\"paymentInfoItem\">\n            <span>Additional Credits</span>\n            <span>+ $0.02 per Credit</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.paymentSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n  position: relative;\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 16px 16px 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n\n.approvalText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.paymentContainer {\n  display: flex;\n  gap: 5px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: 50px;\n  padding: 6px 12px;\n}\n\n.rejectButton {\n  color: white;\n  background: var(--scalar-color-red);\n}\n.rejectButton:hover,\n.rejectButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.approveButton {\n  color: white;\n  font-size: var(--scalar-font-size-3);\n  background: var(--scalar-color-blue);\n}\n.approveButton:hover,\n.approveButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n.paymentInfo {\n  width: 300px;\n  position: absolute;\n  right: 0;\n  bottom: 70px;\n  box-shadow: var(--scalar-shadow-2);\n  background: var(--scalar-background-1);\n  border-radius: 16px;\n  pointer-events: none;\n  padding: 12px;\n  transform: translate3d(0, -5px, 0);\n  opacity: 0;\n  transition: all 0.2s ease-in-out;\n}\n.paymentInfo h3 {\n  font-size: var(--scalar-font-size-1);\n  font-weight: var(--scalar-bold);\n  margin-bottom: 18px;\n}\n.paymentInfo h3 span {\n  font-size: var(--scalar-font-size-2);\n}\n.dark-mode .paymentInfo {\n  background: var(--scalar-background-2);\n}\n.paymentContainer:hover .paymentInfo {\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n}\n.paymentInfoItem {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 8px;\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n}\n.paymentInfoSection:not(:last-child) {\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding-bottom: 8px;\n}\n</style>\n"],"mappings":";;;;;;;EAKA,IAAM,EAAE,wBAAqB,GAAc;yBAIzC,EAuCM,OAvCN,GAuCM,CAtCJ,EAMS,UANT,GAMS,CALP,EAEkB,EAAA,EAAA,EAAA;GADhB,OAAM;GACN,QAAO;iBAAS,oFAGpB,GAAA,CAAA,CAAA,EACA,EA8BM,OA9BN,GA8BM,CA7BJ,EAKS,UAAA;GAJP,OAAM;GACN,MAAK;GACJ,SAAK,AAAA,EAAA,QAAA,GAAA,MAAE,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,GAAA,EAAgB;KAAE,YAE5B,EAAA,AAAA,EAAA,OAAA,EAAA,0vBAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"PaymentSection.vue.script.js","names":[],"sources":["../../src/components/PaymentSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nimport { useSignupLink } from '@/hooks/use-signup-link'\n\nconst { navigateToSignup } = useSignupLink()\n</script>\n\n<template>\n  <div class=\"paymentSection\">\n    <strong class=\"approvalText flex items-center gap-1.5\">\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      You've used up your complimentary Scalar Credits. Sign up to get free\n      Credits.\n    </strong>\n    <div class=\"paymentContainer\">\n      <button\n        class=\"actionButton approveButton\"\n        type=\"button\"\n        @click=\"navigateToSignup\">\n        Sign up\n      </button>\n      <div class=\"paymentInfo\">\n        <h3>$0 <span>/ month</span></h3>\n        <div class=\"paymentInfoSection\">\n          <div class=\"paymentInfoItem\">\n            <span>Credits</span>\n            <span>100</span>\n          </div>\n          <div class=\"paymentInfoItem\">\n            <span>MCP Servers</span>\n            <span>Unlimited</span>\n          </div>\n          <div class=\"paymentInfoItem\">\n            <span>Base monthly total</span>\n            <span>$0.00</span>\n          </div>\n        </div>\n        <div class=\"paymentInfoSection\">\n          <div class=\"paymentInfoItem\">\n            <span>Additional Credits</span>\n            <span>+ $0.02 per Credit</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.paymentSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n  position: relative;\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 16px 16px 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n\n.approvalText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.paymentContainer {\n  display: flex;\n  gap: 5px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: 50px;\n  padding: 6px 12px;\n}\n\n.rejectButton {\n  color: white;\n  background: var(--scalar-color-red);\n}\n.rejectButton:hover,\n.rejectButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.approveButton {\n  color: white;\n  font-size: var(--scalar-font-size-3);\n  background: var(--scalar-color-blue);\n}\n.approveButton:hover,\n.approveButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n.paymentInfo {\n  width: 300px;\n  position: absolute;\n  right: 0;\n  bottom: 70px;\n  box-shadow: var(--scalar-shadow-2);\n  background: var(--scalar-background-1);\n  border-radius: 16px;\n  pointer-events: none;\n  padding: 12px;\n  transform: translate3d(0, -5px, 0);\n  opacity: 0;\n  transition: all 0.2s ease-in-out;\n}\n.paymentInfo h3 {\n  font-size: var(--scalar-font-size-1);\n  font-weight: var(--scalar-bold);\n  margin-bottom: 18px;\n}\n.paymentInfo h3 span {\n  font-size: var(--scalar-font-size-2);\n}\n.dark-mode .paymentInfo {\n  background: var(--scalar-background-2);\n}\n.paymentContainer:hover .paymentInfo {\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n}\n.paymentInfoItem {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 8px;\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n}\n.paymentInfoSection:not(:last-child) {\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding-bottom: 8px;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAKA,MAAM,EAAE,qBAAqB,eAAc;;uBAIzC,mBAuCM,OAvCN,YAuCM,CAtCJ,mBAMS,UANT,YAMS,CALP,YAEkB,MAAA,eAAA,EAAA;IADhB,OAAM;IACN,QAAO;iDAAS,oFAGpB,GAAA,EAAA,CAAA,EACA,mBA8BM,OA9BN,YA8BM,CA7BJ,mBAKS,UAAA;IAJP,OAAM;IACN,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,iBAAA,IAAA,MAAA,iBAAA,CAAA,GAAA,KAAgB;MAAE,YAE5B,EAAA,OAAA,OAAA,OAAA,KAAA,kBAAA,0vBAAA,EAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/RequestApproved.vue.js

@@ -1,13 +1,14 @@
-import e from "../_virtual/_plugin-vue_export-helper.js";
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
 /* empty css                              */
-import { createElementBlock as t, createStaticVNode as n, openBlock as r } from "vue";
+import { createElementBlock, createStaticVNode, openBlock } from "vue";
 //#region src/components/RequestApproved.vue
-var i = {}, a = { class: "requestApproved" };
-function o(e, i) {
-	return r(), t("div", a, [...i[0] ||= [n("<svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\" data-v-bb311586><rect height=\"14.25\" rx=\"7.125\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-bb311586></rect><rect height=\"14.25\" rx=\"7.125\" stroke=\"var(--scalar-color-green)\" stroke-width=\"1.75\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-bb311586></rect><g clip-path=\"url(#clip0_74_840)\" data-v-bb311586><path d=\"M11.6037 6.841L7.59117 10.8535C7.49742 10.9472 7.37029 10.9998 7.23774 10.9998C7.10519 10.9998 6.97806 10.9472 6.8843 10.8535L4.64617 8.6035C4.55257 8.50975 4.5 8.38269 4.5 8.25022C4.5 8.11774 4.55257 7.99068 4.64617 7.89694L5.27117 7.27194C5.36488 7.17862 5.49174 7.12623 5.62399 7.12623C5.75623 7.12623 5.88309 7.17862 5.9768 7.27194L7.25024 8.50694L10.274 5.52037C10.3677 5.42696 10.4946 5.37451 10.627 5.37451C10.7593 5.37451 10.8862 5.42696 10.9799 5.52037L11.6034 6.131C11.6502 6.17746 11.6875 6.23274 11.7129 6.29366C11.7383 6.35458 11.7514 6.41993 11.7514 6.48593C11.7514 6.55194 11.7384 6.6173 11.713 6.67824C11.6877 6.73918 11.6505 6.7945 11.6037 6.841Z\" fill=\"var(--scalar-color-green)\" data-v-bb311586></path></g><defs data-v-bb311586><clipPath id=\"clip0_74_840\" data-v-bb311586><rect height=\"8\" rx=\"4\" width=\"8\" x=\"4\" y=\"4\" data-v-bb311586></rect></clipPath></defs></svg> Request Approved ", 2)]]);
+var _sfc_main = {};
+var _hoisted_1 = { class: "requestApproved" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createStaticVNode("<svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\" data-v-bb311586><rect height=\"14.25\" rx=\"7.125\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-bb311586></rect><rect height=\"14.25\" rx=\"7.125\" stroke=\"var(--scalar-color-green)\" stroke-width=\"1.75\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-bb311586></rect><g clip-path=\"url(#clip0_74_840)\" data-v-bb311586><path d=\"M11.6037 6.841L7.59117 10.8535C7.49742 10.9472 7.37029 10.9998 7.23774 10.9998C7.10519 10.9998 6.97806 10.9472 6.8843 10.8535L4.64617 8.6035C4.55257 8.50975 4.5 8.38269 4.5 8.25022C4.5 8.11774 4.55257 7.99068 4.64617 7.89694L5.27117 7.27194C5.36488 7.17862 5.49174 7.12623 5.62399 7.12623C5.75623 7.12623 5.88309 7.17862 5.9768 7.27194L7.25024 8.50694L10.274 5.52037C10.3677 5.42696 10.4946 5.37451 10.627 5.37451C10.7593 5.37451 10.8862 5.42696 10.9799 5.52037L11.6034 6.131C11.6502 6.17746 11.6875 6.23274 11.7129 6.29366C11.7383 6.35458 11.7514 6.41993 11.7514 6.48593C11.7514 6.55194 11.7384 6.6173 11.713 6.67824C11.6877 6.73918 11.6505 6.7945 11.6037 6.841Z\" fill=\"var(--scalar-color-green)\" data-v-bb311586></path></g><defs data-v-bb311586><clipPath id=\"clip0_74_840\" data-v-bb311586><rect height=\"8\" rx=\"4\" width=\"8\" x=\"4\" y=\"4\" data-v-bb311586></rect></clipPath></defs></svg> Request Approved ", 2)])]);
 }
-var s = /* @__PURE__ */ e(i, [["render", o], ["__scopeId", "data-v-bb311586"]]);
+var RequestApproved_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-bb311586"]]);
 //#endregion
-export { s as default };
+export { RequestApproved_default as default };
 
 //# sourceMappingURL=RequestApproved.vue.js.map

package/dist/components/RequestApproved.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestApproved.vue.js","names":[],"sources":["../../src/components/RequestApproved.vue"],"sourcesContent":["<template>\n  <div class=\"requestApproved\">\n    <svg\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <rect\n        height=\"14.25\"\n        rx=\"7.125\"\n        width=\"14.25\"\n        x=\"0.875\"\n        y=\"0.875\" />\n      <rect\n        height=\"14.25\"\n        rx=\"7.125\"\n        stroke=\"var(--scalar-color-green)\"\n        stroke-width=\"1.75\"\n        width=\"14.25\"\n        x=\"0.875\"\n        y=\"0.875\" />\n      <g clip-path=\"url(#clip0_74_840)\">\n        <path\n          d=\"M11.6037 6.841L7.59117 10.8535C7.49742 10.9472 7.37029 10.9998 7.23774 10.9998C7.10519 10.9998 6.97806 10.9472 6.8843 10.8535L4.64617 8.6035C4.55257 8.50975 4.5 8.38269 4.5 8.25022C4.5 8.11774 4.55257 7.99068 4.64617 7.89694L5.27117 7.27194C5.36488 7.17862 5.49174 7.12623 5.62399 7.12623C5.75623 7.12623 5.88309 7.17862 5.9768 7.27194L7.25024 8.50694L10.274 5.52037C10.3677 5.42696 10.4946 5.37451 10.627 5.37451C10.7593 5.37451 10.8862 5.42696 10.9799 5.52037L11.6034 6.131C11.6502 6.17746 11.6875 6.23274 11.7129 6.29366C11.7383 6.35458 11.7514 6.41993 11.7514 6.48593C11.7514 6.55194 11.7384 6.6173 11.713 6.67824C11.6877 6.73918 11.6505 6.7945 11.6037 6.841Z\"\n          fill=\"var(--scalar-color-green)\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_74_840\">\n          <rect\n            height=\"8\"\n            rx=\"4\"\n            width=\"8\"\n            x=\"4\"\n            y=\"4\" />\n        </clipPath>\n      </defs>\n    </svg>\n    Request Approved\n  </div>\n</template>\n\n<style scoped>\n.requestApproved {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-green);\n  font-weight: var(--scalar-semibold);\n  min-height: 40px;\n  font-size: var(--scalar-font-size-3);\n  position: relative;\n}\n</style>\n"],"mappings":";;;;kBACO,OAAM,mBAAiB;;aAA5B,EAsCM,OAtCN,GAsCM,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAA,i1CAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"RequestApproved.vue.js","names":[],"sources":["../../src/components/RequestApproved.vue"],"sourcesContent":["<template>\n  <div class=\"requestApproved\">\n    <svg\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <rect\n        height=\"14.25\"\n        rx=\"7.125\"\n        width=\"14.25\"\n        x=\"0.875\"\n        y=\"0.875\" />\n      <rect\n        height=\"14.25\"\n        rx=\"7.125\"\n        stroke=\"var(--scalar-color-green)\"\n        stroke-width=\"1.75\"\n        width=\"14.25\"\n        x=\"0.875\"\n        y=\"0.875\" />\n      <g clip-path=\"url(#clip0_74_840)\">\n        <path\n          d=\"M11.6037 6.841L7.59117 10.8535C7.49742 10.9472 7.37029 10.9998 7.23774 10.9998C7.10519 10.9998 6.97806 10.9472 6.8843 10.8535L4.64617 8.6035C4.55257 8.50975 4.5 8.38269 4.5 8.25022C4.5 8.11774 4.55257 7.99068 4.64617 7.89694L5.27117 7.27194C5.36488 7.17862 5.49174 7.12623 5.62399 7.12623C5.75623 7.12623 5.88309 7.17862 5.9768 7.27194L7.25024 8.50694L10.274 5.52037C10.3677 5.42696 10.4946 5.37451 10.627 5.37451C10.7593 5.37451 10.8862 5.42696 10.9799 5.52037L11.6034 6.131C11.6502 6.17746 11.6875 6.23274 11.7129 6.29366C11.7383 6.35458 11.7514 6.41993 11.7514 6.48593C11.7514 6.55194 11.7384 6.6173 11.713 6.67824C11.6877 6.73918 11.6505 6.7945 11.6037 6.841Z\"\n          fill=\"var(--scalar-color-green)\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_74_840\">\n          <rect\n            height=\"8\"\n            rx=\"4\"\n            width=\"8\"\n            x=\"4\"\n            y=\"4\" />\n        </clipPath>\n      </defs>\n    </svg>\n    Request Approved\n  </div>\n</template>\n\n<style scoped>\n.requestApproved {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-green);\n  font-weight: var(--scalar-semibold);\n  min-height: 40px;\n  font-size: var(--scalar-font-size-3);\n  position: relative;\n}\n</style>\n"],"mappings":";;;;;mBACO,OAAM,mBAAiB;;qBAA5B,mBAsCM,OAtCN,YAsCM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,kBAAA,i1CAAA,EAAA,CAAA,EAAA,CAAA"}

package/dist/components/RequestFailed.vue.js

@@ -1,19 +1,20 @@
-import e from "../_virtual/_plugin-vue_export-helper.js";
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
 /* empty css                            */
-import { createElementBlock as t, createElementVNode as n, createTextVNode as r, openBlock as i } from "vue";
+import { createElementBlock, createElementVNode, createTextVNode, openBlock } from "vue";
 //#region src/components/RequestFailed.vue
-var a = {}, o = { class: "requestFailed" };
-function s(e, a) {
-	return i(), t("div", o, [...a[0] ||= [n("i", { class: "requestFailedIcon" }, [n("svg", {
+var _sfc_main = {};
+var _hoisted_1 = { class: "requestFailed" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "requestFailedIcon" }, [createElementVNode("svg", {
 		fill: "currentColor",
 		height: "100%",
 		viewBox: "0 0 256 256",
 		width: "100%",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, [n("path", { d: "M216,48V208a16,16,0,0,1-16,16H160a16,16,0,0,1-16-16V48a16,16,0,0,1,16-16h40A16,16,0,0,1,216,48ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Z" })])], -1), r(" Request Failed ", -1)]]);
+	}, [createElementVNode("path", { d: "M216,48V208a16,16,0,0,1-16,16H160a16,16,0,0,1-16-16V48a16,16,0,0,1,16-16h40A16,16,0,0,1,216,48ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Z" })])], -1), createTextVNode(" Request Failed ", -1)])]);
 }
-var c = /* @__PURE__ */ e(a, [["render", s], ["__scopeId", "data-v-bc27e533"]]);
+var RequestFailed_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-bc27e533"]]);
 //#endregion
-export { c as default };
+export { RequestFailed_default as default };
 
 //# sourceMappingURL=RequestFailed.vue.js.map

package/dist/components/RequestFailed.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestFailed.vue.js","names":[],"sources":["../../src/components/RequestFailed.vue"],"sourcesContent":["<template>\n  <div class=\"requestFailed\">\n    <i class=\"requestFailedIcon\">\n      <svg\n        fill=\"currentColor\"\n        height=\"100%\"\n        viewBox=\"0 0 256 256\"\n        width=\"100%\"\n        xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M216,48V208a16,16,0,0,1-16,16H160a16,16,0,0,1-16-16V48a16,16,0,0,1,16-16h40A16,16,0,0,1,216,48ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Z\"></path>\n      </svg>\n    </i>\n    Request Failed\n  </div>\n</template>\n\n<style scoped>\n.requestFailed {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-red);\n  font-weight: var(--scalar-semibold);\n  min-height: 40px;\n  font-size: var(--scalar-font-size-3);\n  position: relative;\n}\n.requestFailedIcon {\n  box-shadow: inset 0 0 0 1.5px currentColor;\n  padding: 4px;\n  padding: 4px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n}\n</style>\n"],"mappings":";;;;kBACO,OAAM,iBAAe;;aAA1B,EAaM,OAbN,GAaM,CAAA,GAAA,AAAA,EAAA,OAAA,CAZJ,EAUI,KAAA,EAVD,OAAM,qBAAmB,EAAA,CAC1B,EAQM,OAAA;EAPJ,MAAK;EACL,QAAO;EACP,SAAQ;EACR,OAAM;EACN,OAAM;KACN,EACyM,QAAA,EAAvM,GAAE,+LAA6L,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAEjM,oBAEN,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"RequestFailed.vue.js","names":[],"sources":["../../src/components/RequestFailed.vue"],"sourcesContent":["<template>\n  <div class=\"requestFailed\">\n    <i class=\"requestFailedIcon\">\n      <svg\n        fill=\"currentColor\"\n        height=\"100%\"\n        viewBox=\"0 0 256 256\"\n        width=\"100%\"\n        xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M216,48V208a16,16,0,0,1-16,16H160a16,16,0,0,1-16-16V48a16,16,0,0,1,16-16h40A16,16,0,0,1,216,48ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Z\"></path>\n      </svg>\n    </i>\n    Request Failed\n  </div>\n</template>\n\n<style scoped>\n.requestFailed {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-red);\n  font-weight: var(--scalar-semibold);\n  min-height: 40px;\n  font-size: var(--scalar-font-size-3);\n  position: relative;\n}\n.requestFailedIcon {\n  box-shadow: inset 0 0 0 1.5px currentColor;\n  padding: 4px;\n  padding: 4px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n}\n</style>\n"],"mappings":";;;;;mBACO,OAAM,iBAAe;;qBAA1B,mBAaM,OAbN,YAaM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAZJ,mBAUI,KAAA,EAVD,OAAM,qBAAmB,EAAA,CAC1B,mBAQM,OAAA;EAPJ,MAAK;EACL,QAAO;EACP,SAAQ;EACR,OAAM;EACN,OAAM;KACN,mBACyM,QAAA,EAAvM,GAAE,+LAA6L,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA,EAAA,gBAEjM,oBAEN,GAAA,CAAA,EAAA,CAAA"}

package/dist/components/RequestPreview.vue.js

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

package/dist/components/RequestPreview.vue.script.js

@@ -1,96 +1,119 @@
-import e from "./AutosendPaused.vue.js";
-import t from "./BuildingRequest.vue.js";
-import n from "./RequestApproved.vue.js";
-import r from "./RequestFailed.vue.js";
-import i from "./RequestRejected.vue.js";
-import a from "./RequestSuccess.vue.js";
-import { getMediaTypeConfig as o } from "./ResponseBody/helpers/media-types.js";
-import { processResponseBody as s } from "./ResponseBody/helpers/process-response-body.js";
-import c from "./ResponseBody/ResponseBody.vue.js";
-import l from "./ResponseBody/ResponseBodyToggle.vue.js";
-import u from "./SendingRequest.vue.js";
-import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, openBlock as y, ref as b, unref as x } from "vue";
-import { ScalarCodeBlock as S } from "@scalar/components";
-import { ScalarIconCaretDown as C, ScalarIconCaretRight as w } from "@scalar/icons";
+import AutosendPaused_default from "./AutosendPaused.vue.js";
+import BuildingRequest_default from "./BuildingRequest.vue.js";
+import RequestApproved_default from "./RequestApproved.vue.js";
+import RequestFailed_default from "./RequestFailed.vue.js";
+import RequestRejected_default from "./RequestRejected.vue.js";
+import RequestSuccess_default from "./RequestSuccess.vue.js";
+import { getMediaTypeConfig } from "./ResponseBody/helpers/media-types.js";
+import { processResponseBody } from "./ResponseBody/helpers/process-response-body.js";
+import ResponseBody_default from "./ResponseBody/ResponseBody.vue.js";
+import ResponseBodyToggle_default from "./ResponseBody/ResponseBodyToggle.vue.js";
+import SendingRequest_default from "./SendingRequest.vue.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, unref } from "vue";
+import { ScalarCodeBlock } from "@scalar/components";
+import { ScalarIconCaretDown, ScalarIconCaretRight } from "@scalar/icons";
 //#region src/components/RequestPreview.vue?vue&type=script&setup=true&lang.ts
-var T = {
+var _hoisted_1 = {
 	key: 1,
 	class: "autosendContainer"
-}, E = {
+};
+var _hoisted_2 = {
 	key: 2,
 	class: "autosendContainer"
-}, D = { class: "requestContent" }, O = { class: "requestContentInner" }, k = {
+};
+var _hoisted_3 = { class: "requestContent" };
+var _hoisted_4 = { class: "requestContentInner" };
+var _hoisted_5 = {
 	key: 0,
 	class: "code"
-}, A = {
+};
+var _hoisted_6 = {
 	key: 1,
 	class: "code"
-}, j = { class: "requestHeaderContainer" }, M = /* @__PURE__ */ _({
+};
+var _hoisted_7 = { class: "requestHeaderContainer" };
+var RequestPreview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "RequestPreview",
 	props: {
 		request: {},
 		response: {},
 		state: {}
 	},
-	setup(_) {
-		let M = d(() => {
-			if (_.response?.success) return {
-				data: _.response.data.responseBody,
-				headers: _.response.data.headers
+	setup(__props) {
+		const responseData = computed(() => {
+			if (__props.response?.success) return {
+				data: __props.response.data.responseBody,
+				headers: __props.response.data.headers
 			};
-			if (_.response?.error?.code === "REQUEST_NOT_OK") return {
-				data: _.response.error.detail.responseBody,
-				headers: _.response.error.detail.headers
+			if (__props.response?.error?.code === "REQUEST_NOT_OK") return {
+				data: __props.response.error.detail.responseBody,
+				headers: __props.response.error.detail.headers
 			};
-		}), N = b(!1), P = d(() => _.state === "requestFailed" || _.state === "requiresApproval" ? !0 : N.value), F = d(() => s({
-			data: M.value?.data,
-			headers: M.value?.headers
-		})), I = d(() => o(F.value.mimeType?.essence ?? "")), L = b();
-		function R(e) {
-			L.value = e;
+		});
+		const showRequestToggle = ref(false);
+		/** Show request preview automatically for failed requests or when approval is required. */
+		const shouldShowRequest = computed(() => {
+			if (__props.state === "requestFailed" || __props.state === "requiresApproval") return true;
+			return showRequestToggle.value;
+		});
+		const responseBody = computed(() => processResponseBody({
+			data: responseData.value?.data,
+			headers: responseData.value?.headers
+		}));
+		const mediaConfig = computed(() => getMediaTypeConfig(responseBody.value.mimeType?.essence ?? ""));
+		const displayToggle = ref();
+		function toggleDisplay(mode) {
+			displayToggle.value = mode;
 		}
-		let z = d(() => L.value ? L.value : I.value?.raw && !I.value.preview ? "raw" : I.value?.preview ? "preview" : "raw");
-		return (o, s) => (y(), m("div", { class: v(["requestPreview", {
-			open: P.value,
-			succeeded: _.state === "requestSucceeded"
-		}]) }, [_.state === "approved" ? (y(), f(n, { key: 0 })) : _.state === "buildingRequest" ? (y(), m("div", T, [g(t)])) : _.state === "requiresApproval" ? (y(), m("div", E, [g(e)])) : _.state === "sendingRequest" ? (y(), m("button", {
-			key: 3,
-			class: "toggleButton",
-			type: "button",
-			onClick: s[0] ||= (e) => N.value = !N.value
-		}, [g(u), P.value ? (y(), f(x(C), { key: 0 })) : (y(), f(x(w), { key: 1 }))])) : _.state === "requestSucceeded" ? (y(), m("button", {
-			key: 4,
-			class: "toggleButton",
-			type: "button",
-			onClick: s[1] ||= (e) => N.value = !N.value
-		}, [g(a), P.value ? (y(), f(x(C), { key: 0 })) : (y(), f(x(w), { key: 1 }))])) : _.state === "rejected" ? (y(), m("button", {
-			key: 5,
-			class: "toggleButton",
-			type: "button",
-			onClick: s[2] ||= (e) => N.value = !N.value
-		}, [g(i), P.value ? (y(), f(x(C), { key: 0 })) : (y(), f(x(w), { key: 1 }))])) : _.state === "requestFailed" ? (y(), f(r, { key: 6 })) : p("", !0), h("div", D, [h("div", O, [_.request ? (y(), m("div", k, [s[4] ||= h("div", { class: "requestHeaderContainer" }, [h("h1", null, "Request")], -1), g(x(S), {
-			class: "codeBlock",
-			content: JSON.stringify(_.request, null, 2),
-			lang: "json"
-		}, null, 8, ["content"])])) : p("", !0), M.value ? (y(), m("div", A, [h("div", j, [s[5] ||= h("h1", null, "Response", -1), I.value?.raw && I.value.preview ? (y(), f(l, {
-			key: 0,
-			modelValue: z.value,
-			"onUpdate:modelValue": s[3] ||= (e) => z.value = e,
-			onToggle: R
-		}, null, 8, ["modelValue"])) : p("", !0)]), g(c, {
-			data: M.value.data,
-			display: z.value,
-			mediaConfig: I.value,
-			responseBody: F.value
-		}, null, 8, [
-			"data",
-			"display",
-			"mediaConfig",
-			"responseBody"
-		])])) : p("", !0)])])], 2));
+		const displayMode = computed(() => {
+			if (displayToggle.value) return displayToggle.value;
+			if (mediaConfig.value?.raw && !mediaConfig.value.preview) return "raw";
+			if (mediaConfig.value?.preview) return "preview";
+			return "raw";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["requestPreview", {
+				open: shouldShowRequest.value,
+				succeeded: __props.state === "requestSucceeded"
+			}]) }, [__props.state === "approved" ? (openBlock(), createBlock(RequestApproved_default, { key: 0 })) : __props.state === "buildingRequest" ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(BuildingRequest_default)])) : __props.state === "requiresApproval" ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(AutosendPaused_default)])) : __props.state === "sendingRequest" ? (openBlock(), createElementBlock("button", {
+				key: 3,
+				class: "toggleButton",
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = ($event) => showRequestToggle.value = !showRequestToggle.value)
+			}, [createVNode(SendingRequest_default), shouldShowRequest.value ? (openBlock(), createBlock(unref(ScalarIconCaretDown), { key: 0 })) : (openBlock(), createBlock(unref(ScalarIconCaretRight), { key: 1 }))])) : __props.state === "requestSucceeded" ? (openBlock(), createElementBlock("button", {
+				key: 4,
+				class: "toggleButton",
+				type: "button",
+				onClick: _cache[1] || (_cache[1] = ($event) => showRequestToggle.value = !showRequestToggle.value)
+			}, [createVNode(RequestSuccess_default), shouldShowRequest.value ? (openBlock(), createBlock(unref(ScalarIconCaretDown), { key: 0 })) : (openBlock(), createBlock(unref(ScalarIconCaretRight), { key: 1 }))])) : __props.state === "rejected" ? (openBlock(), createElementBlock("button", {
+				key: 5,
+				class: "toggleButton",
+				type: "button",
+				onClick: _cache[2] || (_cache[2] = ($event) => showRequestToggle.value = !showRequestToggle.value)
+			}, [createVNode(RequestRejected_default), shouldShowRequest.value ? (openBlock(), createBlock(unref(ScalarIconCaretDown), { key: 0 })) : (openBlock(), createBlock(unref(ScalarIconCaretRight), { key: 1 }))])) : __props.state === "requestFailed" ? (openBlock(), createBlock(RequestFailed_default, { key: 6 })) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [__props.request ? (openBlock(), createElementBlock("div", _hoisted_5, [_cache[4] || (_cache[4] = createElementVNode("div", { class: "requestHeaderContainer" }, [createElementVNode("h1", null, "Request")], -1)), createVNode(unref(ScalarCodeBlock), {
+				class: "codeBlock",
+				content: JSON.stringify(__props.request, null, 2),
+				lang: "json"
+			}, null, 8, ["content"])])) : createCommentVNode("", true), responseData.value ? (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [_cache[5] || (_cache[5] = createElementVNode("h1", null, "Response", -1)), mediaConfig.value?.raw && mediaConfig.value.preview ? (openBlock(), createBlock(ResponseBodyToggle_default, {
+				key: 0,
+				modelValue: displayMode.value,
+				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => displayMode.value = $event),
+				onToggle: toggleDisplay
+			}, null, 8, ["modelValue"])) : createCommentVNode("", true)]), createVNode(ResponseBody_default, {
+				data: responseData.value.data,
+				display: displayMode.value,
+				mediaConfig: mediaConfig.value,
+				responseBody: responseBody.value
+			}, null, 8, [
+				"data",
+				"display",
+				"mediaConfig",
+				"responseBody"
+			])])) : createCommentVNode("", true)])])], 2);
+		};
 	}
 });
 //#endregion
-export { M as default };
+export { RequestPreview_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=RequestPreview.vue.script.js.map