@scalar/agent-chat 0.9.11 → 0.9.13

package/dist/components/AuthenticationRequired.vue.js

@@ -0,0 +1,13 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                     */
+import { createElementBlock as t, createStaticVNode as n, openBlock as r } from "vue";
+//#region src/components/AuthenticationRequired.vue
+var i = {}, a = { class: "authenticationRequired" };
+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-d15ef40b><rect height=\"14.25\" rx=\"7.125\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-d15ef40b></rect><rect height=\"14.25\" rx=\"7.125\" stroke=\"currentColor\" stroke-width=\"1.5\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-d15ef40b></rect><g clip-path=\"url(#clip0_74_585)\" data-v-d15ef40b><path d=\"M10.75 5.5V10.5C10.75 10.6326 10.6973 10.7598 10.6036 10.8536C10.5098 10.9473 10.3826 11 10.25 11H9C8.86739 11 8.74021 10.9473 8.64645 10.8536C8.55268 10.7598 8.5 10.6326 8.5 10.5V5.5C8.5 5.36739 8.55268 5.24021 8.64645 5.14645C8.74021 5.05268 8.86739 5 9 5H10.25C10.3826 5 10.5098 5.05268 10.6036 5.14645C10.6973 5.24021 10.75 5.36739 10.75 5.5ZM7 5H5.75C5.61739 5 5.49021 5.05268 5.39645 5.14645C5.30268 5.24021 5.25 5.36739 5.25 5.5V10.5C5.25 10.6326 5.30268 10.7598 5.39645 10.8536C5.49021 10.9473 5.61739 11 5.75 11H7C7.13261 11 7.25979 10.9473 7.35355 10.8536C7.44732 10.7598 7.5 10.6326 7.5 10.5V5.5C7.5 5.36739 7.44732 5.24021 7.35355 5.14645C7.25979 5.05268 7.13261 5 7 5Z\" fill=\"currentColor\" data-v-d15ef40b></path></g><defs data-v-d15ef40b><clipPath id=\"clip0_74_585\" data-v-d15ef40b><rect height=\"8\" rx=\"4\" width=\"8\" x=\"4\" y=\"4\" data-v-d15ef40b></rect></clipPath></defs></svg> Authentication required ", 2)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o], ["__scopeId", "data-v-d15ef40b"]]);
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=AuthenticationRequired.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthenticationRequired.vue.js","names":[],"sources":["../../src/components/AuthenticationRequired.vue"],"sourcesContent":["<template>\n  <div class=\"authenticationRequired\">\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=\"currentColor\"\n        stroke-width=\"1.5\"\n        width=\"14.25\"\n        x=\"0.875\"\n        y=\"0.875\" />\n      <g clip-path=\"url(#clip0_74_585)\">\n        <path\n          d=\"M10.75 5.5V10.5C10.75 10.6326 10.6973 10.7598 10.6036 10.8536C10.5098 10.9473 10.3826 11 10.25 11H9C8.86739 11 8.74021 10.9473 8.64645 10.8536C8.55268 10.7598 8.5 10.6326 8.5 10.5V5.5C8.5 5.36739 8.55268 5.24021 8.64645 5.14645C8.74021 5.05268 8.86739 5 9 5H10.25C10.3826 5 10.5098 5.05268 10.6036 5.14645C10.6973 5.24021 10.75 5.36739 10.75 5.5ZM7 5H5.75C5.61739 5 5.49021 5.05268 5.39645 5.14645C5.30268 5.24021 5.25 5.36739 5.25 5.5V10.5C5.25 10.6326 5.30268 10.7598 5.39645 10.8536C5.49021 10.9473 5.61739 11 5.75 11H7C7.13261 11 7.25979 10.9473 7.35355 10.8536C7.44732 10.7598 7.5 10.6326 7.5 10.5V5.5C7.5 5.36739 7.44732 5.24021 7.35355 5.14645C7.25979 5.05268 7.13261 5 7 5Z\"\n          fill=\"currentColor\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_74_585\">\n          <rect\n            height=\"8\"\n            rx=\"4\"\n            width=\"8\"\n            x=\"4\"\n            y=\"4\" />\n        </clipPath>\n      </defs>\n    </svg>\n    Authentication required\n  </div>\n</template>\n\n<style scoped>\n.authenticationRequired {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-blue);\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,0BAAwB;;aAAnC,EAsCM,OAtCN,GAsCM,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAA,+0CAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/AutosendPaused.vue.js

@@ -0,0 +1,13 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+/* empty css                             */
+import { createElementBlock as t, createStaticVNode as n, openBlock as r } from "vue";
+//#region src/components/AutosendPaused.vue
+var i = {}, a = { class: "autosendPaused" };
+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-d08225db><rect height=\"14.25\" rx=\"7.125\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-d08225db></rect><rect height=\"14.25\" rx=\"7.125\" stroke=\"currentColor\" stroke-width=\"1.5\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-d08225db></rect><g clip-path=\"url(#clip0_74_585)\" data-v-d08225db><path d=\"M10.75 5.5V10.5C10.75 10.6326 10.6973 10.7598 10.6036 10.8536C10.5098 10.9473 10.3826 11 10.25 11H9C8.86739 11 8.74021 10.9473 8.64645 10.8536C8.55268 10.7598 8.5 10.6326 8.5 10.5V5.5C8.5 5.36739 8.55268 5.24021 8.64645 5.14645C8.74021 5.05268 8.86739 5 9 5H10.25C10.3826 5 10.5098 5.05268 10.6036 5.14645C10.6973 5.24021 10.75 5.36739 10.75 5.5ZM7 5H5.75C5.61739 5 5.49021 5.05268 5.39645 5.14645C5.30268 5.24021 5.25 5.36739 5.25 5.5V10.5C5.25 10.6326 5.30268 10.7598 5.39645 10.8536C5.49021 10.9473 5.61739 11 5.75 11H7C7.13261 11 7.25979 10.9473 7.35355 10.8536C7.44732 10.7598 7.5 10.6326 7.5 10.5V5.5C7.5 5.36739 7.44732 5.24021 7.35355 5.14645C7.25979 5.05268 7.13261 5 7 5Z\" fill=\"currentColor\" data-v-d08225db></path></g><defs data-v-d08225db><clipPath id=\"clip0_74_585\" data-v-d08225db><rect height=\"8\" rx=\"4\" width=\"8\" x=\"4\" y=\"4\" data-v-d08225db></rect></clipPath></defs></svg> Accept Request to Continue ", 2)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o], ["__scopeId", "data-v-d08225db"]]);
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=AutosendPaused.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutosendPaused.vue.js","names":[],"sources":["../../src/components/AutosendPaused.vue"],"sourcesContent":["<template>\n  <div class=\"autosendPaused\">\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=\"currentColor\"\n        stroke-width=\"1.5\"\n        width=\"14.25\"\n        x=\"0.875\"\n        y=\"0.875\" />\n      <g clip-path=\"url(#clip0_74_585)\">\n        <path\n          d=\"M10.75 5.5V10.5C10.75 10.6326 10.6973 10.7598 10.6036 10.8536C10.5098 10.9473 10.3826 11 10.25 11H9C8.86739 11 8.74021 10.9473 8.64645 10.8536C8.55268 10.7598 8.5 10.6326 8.5 10.5V5.5C8.5 5.36739 8.55268 5.24021 8.64645 5.14645C8.74021 5.05268 8.86739 5 9 5H10.25C10.3826 5 10.5098 5.05268 10.6036 5.14645C10.6973 5.24021 10.75 5.36739 10.75 5.5ZM7 5H5.75C5.61739 5 5.49021 5.05268 5.39645 5.14645C5.30268 5.24021 5.25 5.36739 5.25 5.5V10.5C5.25 10.6326 5.30268 10.7598 5.39645 10.8536C5.49021 10.9473 5.61739 11 5.75 11H7C7.13261 11 7.25979 10.9473 7.35355 10.8536C7.44732 10.7598 7.5 10.6326 7.5 10.5V5.5C7.5 5.36739 7.44732 5.24021 7.35355 5.14645C7.25979 5.05268 7.13261 5 7 5Z\"\n          fill=\"currentColor\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_74_585\">\n          <rect\n            height=\"8\"\n            rx=\"4\"\n            width=\"8\"\n            x=\"4\"\n            y=\"4\" />\n        </clipPath>\n      </defs>\n    </svg>\n    Accept Request to Continue\n  </div>\n</template>\n\n<style scoped>\n.autosendPaused {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-blue);\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,kBAAgB;;aAA3B,EAsCM,OAtCN,GAsCM,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAA,k1CAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/BuildingRequest.vue.js

@@ -0,0 +1,19 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+/* empty css                              */
+import { createElementBlock as t, createElementVNode as n, createTextVNode as r, openBlock as i } from "vue";
+//#region src/components/BuildingRequest.vue
+var a = {}, o = { class: "buildingRequest" };
+function s(e, a) {
+	return i(), t("div", o, [...a[0] ||= [n("div", { class: "playIcon" }, [n("svg", {
+		fill: "currentColor",
+		height: "32",
+		viewBox: "0 0 256 256",
+		width: "32",
+		xmlns: "http://www.w3.org/2000/svg"
+	}, [n("path", { d: "M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z" })])], -1), r(" Building Request... ", -1)]]);
+}
+var c = /* @__PURE__ */ e(a, [["render", s], ["__scopeId", "data-v-5749c429"]]);
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=BuildingRequest.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BuildingRequest.vue.js","names":[],"sources":["../../src/components/BuildingRequest.vue"],"sourcesContent":["<template>\n  <div class=\"buildingRequest\">\n    <div class=\"playIcon\">\n      <svg\n        fill=\"currentColor\"\n        height=\"32\"\n        viewBox=\"0 0 256 256\"\n        width=\"32\"\n        xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z\"></path>\n      </svg>\n    </div>\n    Building Request...\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.75px;\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.buildingRequest {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-blue);\n  font-weight: var(--scalar-semibold);\n  min-height: 40px;\n  font-size: var(--scalar-font-size-3);\n  position: relative;\n}\n\n.buildingRequest 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,EAaM,OAbN,GAaM,CAAA,GAAA,AAAA,EAAA,OAAA,CAZJ,EAUM,OAAA,EAVD,OAAM,YAAU,EAAA,CACnB,EAQM,OAAA;EAPJ,MAAK;EACL,QAAO;EACP,SAAQ;EACR,OAAM;EACN,OAAM;KACN,EAC4M,QAAA,EAA1M,GAAE,kMAAgM,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAElM,yBAER,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/ContextItem.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextItem.vue.js","names":[],"sources":["../../src/components/ContextItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { loading } = defineProps<{ loading: boolean }>()\n</script>\n\n<template>\n  <div\n    class=\"contextItem\"\n    :class=\"{\n      shimmer: loading,\n    }\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.contextItem {\n  font-size: 10px;\n  display: inline-block;\n  color: var(--scalar-color-2);\n  cursor: pointer;\n  vertical-align: middle;\n  padding: 1px 8px;\n  border-radius: 12px;\n  padding: 5px 10px;\n  display: flex;\n  align-items: center;\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n}\n\n.shimmer {\n  background: var(--scalar-background-2);\n  background-image: linear-gradient(\n    90deg,\n    #202020 0%,\n    var(--scalar-background-2) 40%,\n    var(--scalar-background-3) 80%\n  );\n  background-size: 200% 100%;\n  animation: shimmer 1.4s ease-in-out infinite;\n}\n\n.light-mode .shimmer {\n  background: var(--scalar-background-2);\n  background-image: linear-gradient(\n    90deg,\n    #fafafa 0%,\n    var(--scalar-background-2) 40%,\n    var(--scalar-background-3) 80%\n  );\n  background-size: 200% 100%;\n  animation: shimmer 1.4s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,13 @@
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i } from "vue";
+//#region src/components/ContextItem.vue?vue&type=script&setup=true&lang.ts
+var a = /* @__PURE__ */ t({
+	__name: "ContextItem",
+	props: { loading: { type: Boolean } },
+	setup(t) {
+		return (a, o) => (r(), e("div", { class: n(["contextItem", { shimmer: t.loading }]) }, [i(a.$slots, "default", {}, void 0, !0)], 2));
+	}
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=ContextItem.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextItem.vue.script.js","names":[],"sources":["../../src/components/ContextItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { loading } = defineProps<{ loading: boolean }>()\n</script>\n\n<template>\n  <div\n    class=\"contextItem\"\n    :class=\"{\n      shimmer: loading,\n    }\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.contextItem {\n  font-size: 10px;\n  display: inline-block;\n  color: var(--scalar-color-2);\n  cursor: pointer;\n  vertical-align: middle;\n  padding: 1px 8px;\n  border-radius: 12px;\n  padding: 5px 10px;\n  display: flex;\n  align-items: center;\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n}\n\n.shimmer {\n  background: var(--scalar-background-2);\n  background-image: linear-gradient(\n    90deg,\n    #202020 0%,\n    var(--scalar-background-2) 40%,\n    var(--scalar-background-3) 80%\n  );\n  background-size: 200% 100%;\n  animation: shimmer 1.4s ease-in-out infinite;\n}\n\n.light-mode .shimmer {\n  background: var(--scalar-background-2);\n  background-image: linear-gradient(\n    90deg,\n    #fafafa 0%,\n    var(--scalar-background-2) 40%,\n    var(--scalar-background-3) 80%\n  );\n  background-size: 200% 100%;\n  animation: shimmer 1.4s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n</style>\n"],"mappings":";;;;;;yBAKE,EAMM,OAAA,EALJ,OAAK,EAAA,CAAC,eAAa,EAAA,SACM,EAAA,SAAA,CAAA,CAAA,EAAA,EAAA,CAGzB,EAAQ,EAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,GAAA,CAAA,EAAA,EAAA"}

package/dist/components/ErrorMessage.vue.d.ts

@@ -1,4 +1,4 @@
-import { type ChatError } from '@/hooks/use-chat-error';
+import { type ChatError } from '../hooks/use-chat-error.js';
 type __VLS_Props = {
     error: ChatError;
 };

package/dist/components/ErrorMessage.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.vue.js","names":[],"sources":["../../src/components/ErrorMessage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nimport { AgentErrorCodes } from '@/entities/error/constants'\nimport { type ChatError } from '@/hooks/use-chat-error'\n\nconst { error } = defineProps<{ error: ChatError }>()\n\nconst HIDDEN_ERROR_CODES: string[] = [AgentErrorCodes.LIMIT_REACHED]\n</script>\n\n<template>\n  <div\n    v-if=\"!HIDDEN_ERROR_CODES.includes(error.code)\"\n    class=\"error gap-1.5\">\n    <ScalarIconInfo\n      class=\"text-red size-4\"\n      weight=\"bold\" />\n    {{ error.message }}\n  </div>\n</template>\n\n<style scoped>\n.error {\n  display: flex;\n  align-items: center;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 16px 16px 0 0;\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 95%\n  );\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,22 @@
+import { AgentErrorCodes as e } from "../entities/error/constants.js";
+import { createCommentVNode as t, createElementBlock as n, createTextVNode as r, createVNode as i, defineComponent as a, openBlock as o, toDisplayString as s, unref as c } from "vue";
+import { ScalarIconInfo as l } from "@scalar/icons";
+//#region src/components/ErrorMessage.vue?vue&type=script&setup=true&lang.ts
+var u = {
+	key: 0,
+	class: "error gap-1.5"
+}, d = /* @__PURE__ */ a({
+	__name: "ErrorMessage",
+	props: { error: {} },
+	setup(a) {
+		let d = [e.LIMIT_REACHED];
+		return (e, f) => d.includes(a.error.code) ? t("", !0) : (o(), n("div", u, [i(c(l), {
+			class: "text-red size-4",
+			weight: "bold"
+		}), r(" " + s(a.error.message), 1)]));
+	}
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=ErrorMessage.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.vue.script.js","names":[],"sources":["../../src/components/ErrorMessage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nimport { AgentErrorCodes } from '@/entities/error/constants'\nimport { type ChatError } from '@/hooks/use-chat-error'\n\nconst { error } = defineProps<{ error: ChatError }>()\n\nconst HIDDEN_ERROR_CODES: string[] = [AgentErrorCodes.LIMIT_REACHED]\n</script>\n\n<template>\n  <div\n    v-if=\"!HIDDEN_ERROR_CODES.includes(error.code)\"\n    class=\"error gap-1.5\">\n    <ScalarIconInfo\n      class=\"text-red size-4\"\n      weight=\"bold\" />\n    {{ error.message }}\n  </div>\n</template>\n\n<style scoped>\n.error {\n  display: flex;\n  align-items: center;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 16px 16px 0 0;\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 95%\n  );\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAQA,IAAM,IAA+B,CAAC,EAAgB,cAAa;mBAKxD,EAAmB,SAAS,EAAA,MAAM,KAAI,GAK7B,EAAA,IAAA,GAAA,IAL6B,GAAA,EAD/C,EAOM,OAPN,GAOM,CAJJ,EAEkB,EAAA,EAAA,EAAA;GADhB,OAAM;GACN,QAAO;QAAS,MAClB,EAAG,EAAA,MAAM,QAAO,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/FreeMessagesInfoSection.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FreeMessagesInfoSection.vue.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":""}

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

@@ -0,0 +1,43 @@
+import { URLS as e } from "../consts/urls.js";
+import { useSignupLink as t } from "../hooks/use-signup-link.js";
+import { createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, openBlock as s, ref as c, unref as l, vShow as u, withDirectives as d } from "vue";
+import { ScalarIconInfo as f, ScalarIconX as p } from "@scalar/icons";
+//#region src/components/FreeMessagesInfoSection.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "freeMessagesInfoSection" }, h = { class: "infoText flex items-center gap-1.5" }, g = ["href"], _ = { class: "actionsContainer" }, v = ["href"], y = /* @__PURE__ */ o({
+	__name: "FreeMessagesInfoSection",
+	setup(o) {
+		let y = c(!1), { signupLink: b } = t();
+		function x() {
+			y.value = !0;
+		}
+		return (t, o) => d((s(), n("div", m, [r("strong", h, [
+			a(l(f), {
+				class: "text-blue size-4",
+				weight: "bold"
+			}),
+			r("a", {
+				class: "underline",
+				href: l(b),
+				target: "_blank"
+			}, "Sign up for Agent Scalar", 8, g),
+			o[0] ||= i(" to continue without hitting limits. ", -1)
+		]), r("div", _, [r("a", {
+			class: "actionButton upgradeButton",
+			href: l(e).AGENT_SCALAR_DOCUMENTATION,
+			target: "_blank",
+			type: "button"
+		}, " Read more ", 8, v), r("button", {
+			"aria-label": "Close",
+			class: "closeButton",
+			type: "button",
+			onClick: x
+		}, [a(l(p), {
+			class: "size-4",
+			weight: "bold"
+		})])])], 512)), [[u, !y.value]]);
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=FreeMessagesInfoSection.vue.script.js.map

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

@@ -0,0 +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"}

package/dist/components/LoadingMiniOpenAPIDoc.vue.js

@@ -0,0 +1,13 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                    */
+import { createElementBlock as t, createElementVNode as n, createTextVNode as r, openBlock as i } from "vue";
+//#region src/components/LoadingMiniOpenAPIDoc.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 c = /* @__PURE__ */ e(a, [["render", s], ["__scopeId", "data-v-653c66b3"]]);
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=LoadingMiniOpenAPIDoc.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingMiniOpenAPIDoc.vue.js","names":[],"sources":["../../src/components/LoadingMiniOpenAPIDoc.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"}

package/dist/components/LoadingOpenAPISpecsSummary.vue.js

@@ -0,0 +1,13 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                         */
+import { createElementBlock as t, createElementVNode as n, createTextVNode as r, openBlock as i } 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 c = /* @__PURE__ */ e(a, [["render", s], ["__scopeId", "data-v-9d9724d2"]]);
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=LoadingOpenAPISpecsSummary.vue.js.map

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

@@ -0,0 +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"}

package/dist/components/Logo.vue.js

@@ -0,0 +1,23 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/components/Logo.vue
+var i = {}, a = {
+	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", {
+		"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)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=Logo.vue.js.map

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

@@ -0,0 +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"}

package/dist/components/PaymentSection.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentSection.vue.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 reached your free message limit. Unlock unlimited access by\n      upgrading now.\n    </strong>\n    <div class=\"paymentContainer\">\n      <button\n        class=\"actionButton approveButton\"\n        type=\"button\"\n        @click=\"navigateToSignup\">\n        Upgrade\n      </button>\n      <div class=\"paymentInfo\">\n        <h3>$72 <span>/ month</span></h3>\n        <div class=\"paymentInfoSection\">\n          <div class=\"paymentInfoItem\">\n            <span>Seat minimum</span>\n            <span>3</span>\n          </div>\n          <div class=\"paymentInfoItem\">\n            <span>Base monthly total</span>\n            <span>$72.00</span>\n          </div>\n        </div>\n        <div class=\"paymentInfoSection\">\n          <div class=\"paymentInfoItem\">\n            <span>Messages</span>\n            <span>250</span>\n          </div>\n          <div class=\"paymentInfoItem\">\n            <span>Additional Messages</span>\n            <span>+ $0.02 Message</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":""}

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

@@ -0,0 +1,22 @@
+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";
+//#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({
+	__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 reached your free message limit. Unlock unlimited access by upgrading now. ", -1)]), n("div", f, [n("button", {
+			class: "actionButton approveButton",
+			type: "button",
+			onClick: o[0] ||= (...e) => c(p) && c(p)(...e)
+		}, " Upgrade "), o[2] ||= r("<div class=\"paymentInfo\" data-v-91e028d5><h3 data-v-91e028d5>$72 <span data-v-91e028d5>/ month</span></h3><div class=\"paymentInfoSection\" data-v-91e028d5><div class=\"paymentInfoItem\" data-v-91e028d5><span data-v-91e028d5>Seat minimum</span><span data-v-91e028d5>3</span></div><div class=\"paymentInfoItem\" data-v-91e028d5><span data-v-91e028d5>Base monthly total</span><span data-v-91e028d5>$72.00</span></div></div><div class=\"paymentInfoSection\" data-v-91e028d5><div class=\"paymentInfoItem\" data-v-91e028d5><span data-v-91e028d5>Messages</span><span data-v-91e028d5>250</span></div><div class=\"paymentInfoItem\" data-v-91e028d5><span data-v-91e028d5>Additional Messages</span><span data-v-91e028d5>+ $0.02 Message</span></div></div></div>", 1)])]));
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=PaymentSection.vue.script.js.map

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

@@ -0,0 +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 reached your free message limit. Unlock unlimited access by\n      upgrading now.\n    </strong>\n    <div class=\"paymentContainer\">\n      <button\n        class=\"actionButton approveButton\"\n        type=\"button\"\n        @click=\"navigateToSignup\">\n        Upgrade\n      </button>\n      <div class=\"paymentInfo\">\n        <h3>$72 <span>/ month</span></h3>\n        <div class=\"paymentInfoSection\">\n          <div class=\"paymentInfoItem\">\n            <span>Seat minimum</span>\n            <span>3</span>\n          </div>\n          <div class=\"paymentInfoItem\">\n            <span>Base monthly total</span>\n            <span>$72.00</span>\n          </div>\n        </div>\n        <div class=\"paymentInfoSection\">\n          <div class=\"paymentInfoItem\">\n            <span>Messages</span>\n            <span>250</span>\n          </div>\n          <div class=\"paymentInfoItem\">\n            <span>Additional Messages</span>\n            <span>+ $0.02 Message</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,uFAGpB,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,ovBAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/RequestApproved.vue.js

@@ -0,0 +1,13 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+/* empty css                              */
+import { createElementBlock as t, createStaticVNode as n, openBlock as r } 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 s = /* @__PURE__ */ e(i, [["render", o], ["__scopeId", "data-v-bb311586"]]);
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=RequestApproved.vue.js.map

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

@@ -0,0 +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"}

package/dist/components/RequestFailed.vue.js

@@ -0,0 +1,19 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+/* empty css                            */
+import { createElementBlock as t, createElementVNode as n, createTextVNode as r, openBlock as i } 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", {
+		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)]]);
+}
+var c = /* @__PURE__ */ e(a, [["render", s], ["__scopeId", "data-v-bc27e533"]]);
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=RequestFailed.vue.js.map

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

@@ -0,0 +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"}

package/dist/components/RequestPreview.vue.d.ts

@@ -1,5 +1,5 @@
 import { type DeepPartial } from 'ai';
-import type { ExecuteClientSideRequestToolInput, ExecuteClientSideRequestToolOutput } from '@/entities/tools/execute-request';
+import type { ExecuteClientSideRequestToolInput, ExecuteClientSideRequestToolOutput } from '../entities/tools/execute-request.js';
 type __VLS_Props = {
     request?: ExecuteClientSideRequestToolInput | DeepPartial<ExecuteClientSideRequestToolInput>;
     response?: ExecuteClientSideRequestToolOutput;

package/dist/components/RequestPreview.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestPreview.vue.js","names":[],"sources":["../../src/components/RequestPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarCodeBlock } from '@scalar/components'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\nimport { type DeepPartial } from 'ai'\nimport { computed, ref } from 'vue'\n\nimport AutosendPaused from '@/components/AutosendPaused.vue'\nimport BuildingRequest from '@/components/BuildingRequest.vue'\nimport RequestApproved from '@/components/RequestApproved.vue'\nimport RequestFailed from '@/components/RequestFailed.vue'\nimport RequestRejected from '@/components/RequestRejected.vue'\nimport RequestSuccess from '@/components/RequestSuccess.vue'\nimport { getMediaTypeConfig } from '@/components/ResponseBody/helpers/media-types'\nimport { processResponseBody } from '@/components/ResponseBody/helpers/process-response-body'\nimport ResponseBody from '@/components/ResponseBody/ResponseBody.vue'\nimport ResponseBodyToggle from '@/components/ResponseBody/ResponseBodyToggle.vue'\nimport SendingRequest from '@/components/SendingRequest.vue'\nimport type {\n  ExecuteClientSideRequestToolInput,\n  ExecuteClientSideRequestToolOutput,\n} from '@/entities/tools/execute-request'\n\nconst { request, response, state } = defineProps<{\n  request?:\n    | ExecuteClientSideRequestToolInput\n    | DeepPartial<ExecuteClientSideRequestToolInput>\n  response?: ExecuteClientSideRequestToolOutput\n  state:\n    | 'requiresApproval'\n    | 'sendingRequest'\n    | 'requestSucceeded'\n    | 'requestFailed'\n    | 'approved'\n    | 'rejected'\n    | 'buildingRequest'\n}>()\n\nconst responseData = computed(() => {\n  if (response?.success) {\n    return {\n      data: response.data.responseBody,\n      headers: response.data.headers,\n    }\n  }\n\n  if (response?.error?.code === 'REQUEST_NOT_OK') {\n    return {\n      data: response.error.detail.responseBody,\n      headers: response.error.detail.headers,\n    }\n  }\n\n  return undefined\n})\n\nconst showRequestToggle = ref(false)\n\n/** Show request preview automatically for failed requests or when approval is required. */\nconst shouldShowRequest = computed(() => {\n  if (state === 'requestFailed' || state === 'requiresApproval') {\n    return true\n  }\n  return showRequestToggle.value\n})\n\nconst responseBody = computed(() =>\n  processResponseBody({\n    data: responseData.value?.data,\n    headers: responseData.value?.headers,\n  }),\n)\n\nconst mediaConfig = computed(() =>\n  getMediaTypeConfig(responseBody.value.mimeType?.essence ?? ''),\n)\n\nconst displayToggle = ref<'preview' | 'raw'>()\nfunction toggleDisplay(mode: 'preview' | 'raw') {\n  displayToggle.value = mode\n}\n\nconst displayMode = computed(() => {\n  if (displayToggle.value) return displayToggle.value\n\n  if (mediaConfig.value?.raw && !mediaConfig.value.preview) return 'raw'\n  if (mediaConfig.value?.preview) return 'preview'\n\n  return 'raw'\n})\n</script>\n\n<template>\n  <div\n    class=\"requestPreview\"\n    :class=\"{\n      open: shouldShowRequest,\n      succeeded: state === 'requestSucceeded',\n    }\">\n    <RequestApproved v-if=\"state === 'approved'\" />\n    <div\n      v-else-if=\"state === 'buildingRequest'\"\n      class=\"autosendContainer\">\n      <BuildingRequest />\n    </div>\n    <div\n      v-else-if=\"state === 'requiresApproval'\"\n      class=\"autosendContainer\">\n      <AutosendPaused />\n    </div>\n    <button\n      v-else-if=\"state === 'sendingRequest'\"\n      class=\"toggleButton\"\n      type=\"button\"\n      @click=\"showRequestToggle = !showRequestToggle\">\n      <SendingRequest />\n\n      <ScalarIconCaretDown v-if=\"shouldShowRequest\" />\n      <ScalarIconCaretRight v-else />\n    </button>\n    <button\n      v-else-if=\"state === 'requestSucceeded'\"\n      class=\"toggleButton\"\n      type=\"button\"\n      @click=\"showRequestToggle = !showRequestToggle\">\n      <RequestSuccess />\n\n      <ScalarIconCaretDown v-if=\"shouldShowRequest\" />\n      <ScalarIconCaretRight v-else />\n    </button>\n    <button\n      v-else-if=\"state === 'rejected'\"\n      class=\"toggleButton\"\n      type=\"button\"\n      @click=\"showRequestToggle = !showRequestToggle\">\n      <RequestRejected />\n\n      <ScalarIconCaretDown v-if=\"shouldShowRequest\" />\n      <ScalarIconCaretRight v-else />\n    </button>\n    <RequestFailed v-else-if=\"state === 'requestFailed'\" />\n    <div class=\"requestContent\">\n      <div class=\"requestContentInner\">\n        <div\n          v-if=\"request\"\n          class=\"code\">\n          <div class=\"requestHeaderContainer\">\n            <h1>Request</h1>\n          </div>\n          <ScalarCodeBlock\n            class=\"codeBlock\"\n            :content=\"JSON.stringify(request, null, 2)\"\n            lang=\"json\" />\n        </div>\n        <div\n          v-if=\"responseData\"\n          class=\"code\">\n          <div class=\"requestHeaderContainer\">\n            <h1>Response</h1>\n            <ResponseBodyToggle\n              v-if=\"mediaConfig?.raw && mediaConfig.preview\"\n              v-model=\"displayMode\"\n              @toggle=\"toggleDisplay\" />\n          </div>\n          <ResponseBody\n            :data=\"responseData.data\"\n            :display=\"displayMode\"\n            :mediaConfig=\"mediaConfig\"\n            :responseBody=\"responseBody\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.requestHeaderContainer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 5px;\n}\n\n.requestPreview {\n  border-radius: 12px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n}\n\n.requestContent {\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  overflow: hidden;\n  transition: grid-template-rows 0.2s ease-out;\n}\n\n.requestPreview.open .requestContent {\n  grid-template-rows: 1fr;\n}\n.requestPreview.succeeded {\n  padding: 0;\n}\n\n.requestContentInner {\n  min-height: 0;\n  overflow: hidden;\n}\n.code {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-font-size-4);\n  border-radius: 12px;\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  overflow: hidden;\n  margin-bottom: 12px;\n}\n.dark-mode .code {\n  background: var(--scalar-background-2);\n}\n.code h1 {\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-3);\n  padding: 8px;\n}\n.code :deep(.codeBlock) {\n  max-height: calc(50vh - 100px);\n  padding-top: 0;\n}\n.autosendContainer {\n  display: flex;\n  justify-content: space-between;\n}\n\n.sendButton {\n  background: var(--scalar-color-blue);\n  color: white;\n  font-weight: var(--scalar-semibold);\n  padding: 5px 10px;\n}\n.sendButton:hover,\n.sendButton:active {\n  background: color-mix(in srgb, var(--scalar-color-blue), black 10%);\n  color: white !important;\n}\n\n.toggleButton {\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  position: relative;\n  display: flex;\n  align-items: center;\n  color: var(--scalar-color-3);\n  justify-content: space-between;\n  border-radius: var(--scalar-radius-lg);\n}\n\n.toggleButton:hover {\n  text-decoration: underline;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,96 @@
+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";
+//#region src/components/RequestPreview.vue?vue&type=script&setup=true&lang.ts
+var T = {
+	key: 1,
+	class: "autosendContainer"
+}, E = {
+	key: 2,
+	class: "autosendContainer"
+}, D = { class: "requestContent" }, O = { class: "requestContentInner" }, k = {
+	key: 0,
+	class: "code"
+}, A = {
+	key: 1,
+	class: "code"
+}, j = { class: "requestHeaderContainer" }, M = /* @__PURE__ */ _({
+	__name: "RequestPreview",
+	props: {
+		request: {},
+		response: {},
+		state: {}
+	},
+	setup(_) {
+		let M = d(() => {
+			if (_.response?.success) return {
+				data: _.response.data.responseBody,
+				headers: _.response.data.headers
+			};
+			if (_.response?.error?.code === "REQUEST_NOT_OK") return {
+				data: _.response.error.detail.responseBody,
+				headers: _.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;
+		}
+		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));
+	}
+});
+//#endregion
+export { M as default };
+
+//# sourceMappingURL=RequestPreview.vue.script.js.map