@scalar/agent-chat 0.1.2 → 0.2.1

package/dist/components/RequestPreview.vue2.js

@@ -0,0 +1,150 @@
+import { defineComponent, computed, ref, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, createElementVNode, createVNode, unref } from "vue";
+import { ScalarCodeBlock } from "@scalar/components";
+import { ScalarIconCaretDown, ScalarIconCaretRight } from "@scalar/icons";
+import AutosendPaused from "./AutosendPaused.vue.js";
+import RequestApproved from "./RequestApproved.vue.js";
+import RequestFailed from "./RequestFailed.vue.js";
+import RequestRejected from "./RequestRejected.vue.js";
+import RequestSuccess from "./RequestSuccess.vue.js";
+import { getMediaTypeConfig } from "./ResponseBody/helpers/media-types.js";
+import { processResponseBody } from "./ResponseBody/helpers/process-response-body.js";
+import _sfc_main$2 from "./ResponseBody/ResponseBody.vue.js";
+import _sfc_main$1 from "./ResponseBody/ResponseBodyToggle.vue.js";
+import SendingRequest from "./SendingRequest.vue.js";
+const _hoisted_1 = {
+  key: 1,
+  class: "autosendContainer"
+};
+const _hoisted_2 = { class: "requestContent" };
+const _hoisted_3 = { class: "requestContentInner" };
+const _hoisted_4 = {
+  key: 0,
+  class: "code"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "code"
+};
+const _hoisted_6 = { class: "requestHeaderContainer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RequestPreview",
+  props: {
+    request: {},
+    response: {},
+    state: {}
+  },
+  setup(__props) {
+    const responseData = computed(() => {
+      if (__props.response?.structuredContent.success) {
+        return {
+          data: __props.response.structuredContent.data.responseBody,
+          headers: __props.response.structuredContent.data.headers
+        };
+      }
+      if (__props.response?.structuredContent.error?.code === "REQUEST_NOT_OK") {
+        return {
+          data: __props.response.structuredContent.error.detail.responseBody,
+          headers: __props.response.structuredContent.error.detail.headers
+        };
+      }
+      return void 0;
+    });
+    const showRequestToggle = ref(false);
+    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;
+    }
+    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, { key: 0 })) : __props.state === "requiresApproval" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(AutosendPaused)
+        ])) : __props.state === "sendingRequest" ? (openBlock(), createElementBlock("button", {
+          key: 2,
+          class: "toggleButton",
+          type: "button",
+          onClick: _cache[0] || (_cache[0] = ($event) => showRequestToggle.value = !showRequestToggle.value)
+        }, [
+          createVNode(SendingRequest),
+          shouldShowRequest.value ? (openBlock(), createBlock(unref(ScalarIconCaretDown), { key: 0 })) : (openBlock(), createBlock(unref(ScalarIconCaretRight), { key: 1 }))
+        ])) : __props.state === "requestSucceeded" ? (openBlock(), createElementBlock("button", {
+          key: 3,
+          class: "toggleButton",
+          type: "button",
+          onClick: _cache[1] || (_cache[1] = ($event) => showRequestToggle.value = !showRequestToggle.value)
+        }, [
+          createVNode(RequestSuccess),
+          shouldShowRequest.value ? (openBlock(), createBlock(unref(ScalarIconCaretDown), { key: 0 })) : (openBlock(), createBlock(unref(ScalarIconCaretRight), { key: 1 }))
+        ])) : __props.state === "rejected" ? (openBlock(), createElementBlock("button", {
+          key: 4,
+          class: "toggleButton",
+          type: "button",
+          onClick: _cache[2] || (_cache[2] = ($event) => showRequestToggle.value = !showRequestToggle.value)
+        }, [
+          createVNode(RequestRejected),
+          shouldShowRequest.value ? (openBlock(), createBlock(unref(ScalarIconCaretDown), { key: 0 })) : (openBlock(), createBlock(unref(ScalarIconCaretRight), { key: 1 }))
+        ])) : __props.state === "requestFailed" ? (openBlock(), createBlock(RequestFailed, { key: 5 })) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            __props.request ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              _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_5, [
+              createElementVNode("div", _hoisted_6, [
+                _cache[5] || (_cache[5] = createElementVNode("h1", null, "Response", -1)),
+                mediaConfig.value?.raw && mediaConfig.value.preview ? (openBlock(), createBlock(_sfc_main$1, {
+                  key: 0,
+                  modelValue: displayMode.value,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => displayMode.value = $event),
+                  onToggle: toggleDisplay
+                }, null, 8, ["modelValue"])) : createCommentVNode("", true)
+              ]),
+              createVNode(_sfc_main$2, {
+                data: responseData.value.data,
+                display: displayMode.value,
+                mediaConfig: mediaConfig.value,
+                responseBody: responseBody.value
+              }, null, 8, ["data", "display", "mediaConfig", "responseBody"])
+            ])) : createCommentVNode("", true)
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RequestPreview.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestPreview.vue2.js","sources":["../../src/components/RequestPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type DeepPartial } from 'ai'\nimport { computed, ref } from 'vue'\n\nimport { ScalarCodeBlock } from '@scalar/components'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\nimport {\n  type ExecuteRequestToolInput,\n  type ExecuteRequestToolOutput,\n} from '@scalar-org/entities/agent'\n\nimport AutosendPaused from '@/components/AutosendPaused.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'\n\nconst { request, response, state } = defineProps<{\n  request?: ExecuteRequestToolInput | DeepPartial<ExecuteRequestToolInput>\n  response?: ExecuteRequestToolOutput\n  state:\n    | 'requiresApproval'\n    | 'sendingRequest'\n    | 'requestSucceeded'\n    | 'requestFailed'\n    | 'approved'\n    | 'rejected'\n}>()\n\nconst responseData = computed(() => {\n  if (response?.structuredContent.success) {\n    return {\n      data: response.structuredContent.data.responseBody,\n      headers: response.structuredContent.data.headers,\n    }\n  }\n\n  if (response?.structuredContent.error?.code === 'REQUEST_NOT_OK') {\n    return {\n      data: response.structuredContent.error.detail.responseBody,\n      headers: response.structuredContent.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 === '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>\n.codeBlock {\n  max-height: 400px;\n  box-shadow: inset 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n  border-radius: 16px;\n  background: var(--scalar-background-1);\n}\n.dark-mode .codeBlock {\n  background: var(--scalar-background-2);\n}\n</style>\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: 16px;\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.open {\n  padding: 6px 0;\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: 16px;\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.code h1 {\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-2);\n  padding: 8px;\n}\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  padding: 5px 0;\n}\n\n.toggleButton:hover {\n  text-decoration: underline;\n}\n</style>\n"],"names":["_createElementBlock","_createBlock","_openBlock","_createVNode","_unref","_createElementVNode","ResponseBodyToggle","ResponseBody"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,QAAA,UAAU,kBAAkB,SAAS;AACvC,eAAO;AAAA,UACL,MAAM,QAAA,SAAS,kBAAkB,KAAK;AAAA,UACtC,SAAS,QAAA,SAAS,kBAAkB,KAAK;AAAA,QAAA;AAAA,MAE7C;AAEA,UAAI,QAAA,UAAU,kBAAkB,OAAO,SAAS,kBAAkB;AAChE,eAAO;AAAA,UACL,MAAM,QAAA,SAAS,kBAAkB,MAAM,OAAO;AAAA,UAC9C,SAAS,QAAA,SAAS,kBAAkB,MAAM,OAAO;AAAA,QAAA;AAAA,MAErD;AAEA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,oBAAoB,IAAI,KAAK;AAGnC,UAAM,oBAAoB,SAAS,MAAM;AACvC,UAAI,kBAAU,mBAAmB,QAAA,UAAU,oBAAoB;AAC7D,eAAO;AAAA,MACT;AACA,aAAO,kBAAkB;AAAA,IAC3B,CAAC;AAED,UAAM,eAAe;AAAA,MAAS,MAC5B,oBAAoB;AAAA,QAClB,MAAM,aAAa,OAAO;AAAA,QAC1B,SAAS,aAAa,OAAO;AAAA,MAAA,CAC9B;AAAA,IAAA;AAGH,UAAM,cAAc;AAAA,MAAS,MAC3B,mBAAmB,aAAa,MAAM,UAAU,WAAW,EAAE;AAAA,IAAA;AAG/D,UAAM,gBAAgB,IAAA;AACtB,aAAS,cAAc,MAAyB;AAC9C,oBAAc,QAAQ;AAAA,IACxB;AAEA,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,cAAc,MAAO,QAAO,cAAc;AAE9C,UAAI,YAAY,OAAO,OAAO,CAAC,YAAY,MAAM,QAAS,QAAO;AACjE,UAAI,YAAY,OAAO,QAAS,QAAO;AAEvC,aAAO;AAAA,IACT,CAAC;;0BAICA,mBA0EM,OAAA;AAAA,QAzEJ,uBAAM,kBAAgB;AAAA,gBACA,kBAAA;AAAA,qBAAoC,QAAA,UAAK;AAAA,QAAA;;QAIxC,QAAA,UAAK,2BAA5BC,YAA+C,iBAAA,EAAA,KAAA,GAAA,KAElC,QAAA,UAAK,sBADlBC,aAAAF,mBAIM,OAJN,YAIM;AAAA,UADJG,YAAkB,cAAA;AAAA,QAAA,MAGP,QAAA,UAAK,iCADlBH,mBASS,UAAA;AAAA;UAPP,OAAM;AAAA,UACN,MAAK;AAAA,UACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,kBAAA,QAAiB,CAAI,kBAAA;AAAA,QAAA;UAC7BG,YAAkB,cAAA;AAAA,UAES,kBAAA,sBAA3BF,YAAgDG,MAAA,mBAAA,GAAA,EAAA,KAAA,EAAA,CAAA,mBAChDH,YAA+BG,MAAA,oBAAA,GAAA,EAAA,KAAA,GAAA;AAAA,QAAA,MAGpB,QAAA,UAAK,mCADlBJ,mBASS,UAAA;AAAA;UAPP,OAAM;AAAA,UACN,MAAK;AAAA,UACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,kBAAA,QAAiB,CAAI,kBAAA;AAAA,QAAA;UAC7BG,YAAkB,cAAA;AAAA,UAES,kBAAA,sBAA3BF,YAAgDG,MAAA,mBAAA,GAAA,EAAA,KAAA,EAAA,CAAA,mBAChDH,YAA+BG,MAAA,oBAAA,GAAA,EAAA,KAAA,GAAA;AAAA,QAAA,MAGpB,QAAA,UAAK,2BADlBJ,mBASS,UAAA;AAAA;UAPP,OAAM;AAAA,UACN,MAAK;AAAA,UACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,kBAAA,QAAiB,CAAI,kBAAA;AAAA,QAAA;UAC7BG,YAAmB,eAAA;AAAA,UAEQ,kBAAA,sBAA3BF,YAAgDG,MAAA,mBAAA,GAAA,EAAA,KAAA,EAAA,CAAA,mBAChDH,YAA+BG,MAAA,oBAAA,GAAA,EAAA,KAAA,GAAA;AAAA,QAAA,MAEP,QAAA,UAAK,gCAA/BH,YAAuD,eAAA,EAAA,KAAA,EAAA,CAAA;QACvDI,mBA8BM,OA9BN,YA8BM;AAAA,UA7BJA,mBA4BM,OA5BN,YA4BM;AAAA,YA1BI,QAAA,WADRH,UAAA,GAAAF,mBAUM,OAVN,YAUM;AAAA,wCAPJK,mBAEM,OAAA,EAFD,OAAM,4BAAwB;AAAA,gBACjCA,mBAAgB,YAAZ,SAAO;AAAA,cAAA;cAEbF,YAGgBC,MAAA,eAAA,GAAA;AAAA,gBAFd,OAAM;AAAA,gBACL,SAAS,KAAK,UAAU,QAAA,SAAO,MAAA,CAAA;AAAA,gBAChC,MAAK;AAAA,cAAA;;YAGD,aAAA,SADRF,UAAA,GAAAF,mBAeM,OAfN,YAeM;AAAA,cAZJK,mBAMM,OANN,YAMM;AAAA,gBALJ,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAA,mBAAiB,YAAb,YAAQ,EAAA;AAAA,gBAEJ,YAAA,OAAa,OAAO,YAAA,MAAY,wBADxCJ,YAG4BK,aAAA;AAAA;8BADjB,YAAA;AAAA,+EAAA,YAAW,QAAA;AAAA,kBACnB,UAAQ;AAAA,gBAAA;;cAEbH,YAIiCI,aAAA;AAAA,gBAH9B,MAAM,aAAA,MAAa;AAAA,gBACnB,SAAS,YAAA;AAAA,gBACT,aAAa,YAAA;AAAA,gBACb,cAAc,aAAA;AAAA,cAAA;;;;;;;;"}

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

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=RequestRejected.vue.d.ts.map

package/dist/components/RequestRejected.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestRejected.vue.d.ts","sourceRoot":"","sources":["../../src/components/RequestRejected.vue"],"names":[],"mappings":";AAuEA,wBACG"}

package/dist/components/RequestRejected.vue.js

@@ -0,0 +1,24 @@
+import { createElementBlock, openBlock, createElementVNode, createTextVNode } from "vue";
+/* empty css                     */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {};
+const _hoisted_1 = { class: "requestRejected" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [
+    createElementVNode("svg", {
+      fill: "currentColor",
+      height: "16",
+      viewBox: "0 0 256 256",
+      width: "16",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [
+      createElementVNode("path", { d: "M56.88,31.93A12,12,0,1,0,39.12,48.07l7.81,8.59A108,108,0,0,0,31.85,177.23L21,209.66A20,20,0,0,0,46.34,235l32.43-10.81a108.08,108.08,0,0,0,112.55-8.66l7.8,8.58a12,12,0,0,0,17.76-16.14ZM128,212a83.91,83.91,0,0,1-42-11.27,12,12,0,0,0-9.82-1l-29.79,9.93,9.93-29.79a12,12,0,0,0-1-9.82,84,84,0,0,1,7.94-95.49l111.84,123A83.83,83.83,0,0,1,128,212Zm108-84a107.22,107.22,0,0,1-8.65,42.4A12,12,0,0,1,205.28,161a84.07,84.07,0,0,0-102.77-113,12,12,0,0,1-7.27-22.87A108.08,108.08,0,0,1,236,128Z" })
+    ], -1),
+    createTextVNode(" Request Rejected ", -1)
+  ])]);
+}
+const RequestRejected = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6504d95d"]]);
+export {
+  RequestRejected as default
+};
+//# sourceMappingURL=RequestRejected.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestRejected.vue.js","sources":["../../src/components/RequestRejected.vue"],"sourcesContent":["<template>\n  <div class=\"requestRejected\">\n    <svg\n      fill=\"currentColor\"\n      height=\"16\"\n      viewBox=\"0 0 256 256\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M56.88,31.93A12,12,0,1,0,39.12,48.07l7.81,8.59A108,108,0,0,0,31.85,177.23L21,209.66A20,20,0,0,0,46.34,235l32.43-10.81a108.08,108.08,0,0,0,112.55-8.66l7.8,8.58a12,12,0,0,0,17.76-16.14ZM128,212a83.91,83.91,0,0,1-42-11.27,12,12,0,0,0-9.82-1l-29.79,9.93,9.93-29.79a12,12,0,0,0-1-9.82,84,84,0,0,1,7.94-95.49l111.84,123A83.83,83.83,0,0,1,128,212Zm108-84a107.22,107.22,0,0,1-8.65,42.4A12,12,0,0,1,205.28,161a84.07,84.07,0,0,0-102.77-113,12,12,0,0,1-7.27-22.87A108.08,108.08,0,0,1,236,128Z\"></path>\n    </svg>\n    Request Rejected\n  </div>\n</template>\n\n<style scoped>\n.requestRejected {\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: 28px;\n  font-size: var(--scalar-font-size-3);\n  position: relative;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;AACO,MAAA,aAAA,EAAA,OAAM,kBAAiB;;AAA5B,SAAAA,UAAA,GAAAC,mBAWM,OAXN,YAWM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,IAVJC,mBAQM,OAAA;AAAA,MAPJ,MAAK;AAAA,MACL,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,OAAM;AAAA;MACNA,mBAC+e,QAAA,EAA7e,GAAE,oeAAme,CAAA;AAAA;oBACne,sBAER,EAAA;AAAA;;;"}

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

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=RequestSuccess.vue.d.ts.map

package/dist/components/RequestSuccess.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestSuccess.vue.d.ts","sourceRoot":"","sources":["../../src/components/RequestSuccess.vue"],"names":[],"mappings":";AAkIA,wBACG"}

package/dist/components/RequestSuccess.vue.js

@@ -0,0 +1,15 @@
+import { createElementBlock, openBlock, createStaticVNode } from "vue";
+/* empty css                    */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {};
+const _hoisted_1 = { class: "requestSuccess" };
+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-1010a3fb><rect height="14.25" rx="7.125" width="14.25" x="0.875" y="0.875" data-v-1010a3fb></rect><rect height="14.25" rx="7.125" stroke="currentColor" stroke-width="1.75" width="14.25" x="0.875" y="0.875" data-v-1010a3fb></rect><g clip-path="url(#clip0_74_840)" data-v-1010a3fb><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="currentColor" data-v-1010a3fb></path></g><defs data-v-1010a3fb><clipPath id="clip0_74_840" data-v-1010a3fb><rect height="8" rx="4" width="8" x="4" y="4" data-v-1010a3fb></rect></clipPath></defs></svg> Request Succeeded ', 2)
+  ])]);
+}
+const RequestSuccess = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1010a3fb"]]);
+export {
+  RequestSuccess as default
+};
+//# sourceMappingURL=RequestSuccess.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestSuccess.vue.js","sources":["../../src/components/RequestSuccess.vue"],"sourcesContent":["<template>\n  <div class=\"requestSuccess\">\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.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=\"currentColor\" />\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 Succeeded\n  </div>\n</template>\n\n<style scoped>\n.requestSuccess {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  min-height: 28px;\n  font-size: var(--scalar-font-size-3);\n  position: relative;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;AACO,MAAA,aAAA,EAAA,OAAM,iBAAgB;;AAA3B,SAAAA,UAAA,GAAAC,mBAsCM,OAtCN,YAsCM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA;;;;"}

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

@@ -0,0 +1,15 @@
+import type MIMEType from 'whatwg-mimetype';
+import { type MediaConfig } from '../../components/ResponseBody/helpers/media-types.js';
+type __VLS_Props = {
+    data: unknown;
+    responseBody: {
+        mimeType?: MIMEType;
+        attachmentFilename: string;
+        dataUrl: string;
+    };
+    mediaConfig?: MediaConfig;
+    display?: 'preview' | 'raw';
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ResponseBody.vue.d.ts.map

package/dist/components/ResponseBody/ResponseBody.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBody.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ResponseBody/ResponseBody.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,QAAQ,MAAM,iBAAiB,CAAA;AAE3C,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAKhF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE;QACZ,QAAQ,CAAC,EAAE,QAAQ,CAAA;QACnB,kBAAkB,EAAE,MAAM,CAAA;QAC1B,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;CAC5B,CAAC;;AA6EF,wBAEG"}

package/dist/components/ResponseBody/ResponseBody.vue.js

@@ -0,0 +1,45 @@
+import { defineComponent, watch, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, withCtx, createTextVNode } from "vue";
+import ResponseBodyInfo from "./ResponseBodyInfo.vue.js";
+import ResponseBodyPreview from "./ResponseBodyPreview.vue.js";
+import _sfc_main$1 from "./ResponseBodyRaw.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ResponseBody",
+  props: {
+    data: {},
+    responseBody: {},
+    mediaConfig: {},
+    display: {}
+  },
+  setup(__props) {
+    watch(
+      () => __props.display,
+      (v) => console.log(v)
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.mediaConfig?.raw && __props.display === "raw" && __props.mediaConfig.language ? (openBlock(), createBlock(_sfc_main$1, {
+          key: __props.responseBody.dataUrl,
+          content: __props.data,
+          language: __props.mediaConfig.language
+        }, null, 8, ["content", "language"])) : createCommentVNode("", true),
+        __props.mediaConfig?.preview && __props.display === "preview" ? (openBlock(), createBlock(ResponseBodyPreview, {
+          key: __props.responseBody.dataUrl,
+          alpha: __props.mediaConfig.alpha,
+          mode: __props.mediaConfig.preview,
+          src: __props.responseBody.dataUrl,
+          type: __props.responseBody.mimeType?.essence ?? ""
+        }, null, 8, ["alpha", "mode", "src", "type"])) : createCommentVNode("", true),
+        !__props.mediaConfig?.raw && !__props.mediaConfig?.preview ? (openBlock(), createBlock(ResponseBodyInfo, { key: 2 }, {
+          default: withCtx(() => [..._cache[0] || (_cache[0] = [
+            createTextVNode(" Binary file ", -1)
+          ])]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ResponseBody.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBody.vue.js","sources":["../../../src/components/ResponseBody/ResponseBody.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { watch } from 'vue'\nimport type MIMEType from 'whatwg-mimetype'\n\nimport { type MediaConfig } from '@/components/ResponseBody/helpers/media-types'\nimport ResponseBodyInfo from '@/components/ResponseBody/ResponseBodyInfo.vue'\nimport ResponseBodyPreview from '@/components/ResponseBody/ResponseBodyPreview.vue'\nimport ResponseBodyRaw from '@/components/ResponseBody/ResponseBodyRaw.vue'\n\nconst { data, responseBody, mediaConfig, display } = defineProps<{\n  data: unknown\n  responseBody: {\n    mimeType?: MIMEType\n    attachmentFilename: string\n    dataUrl: string\n  }\n  mediaConfig?: MediaConfig\n  display?: 'preview' | 'raw'\n}>()\n\nwatch(\n  () => display,\n  (v) => console.log(v),\n)\n</script>\n\n<template>\n  <ResponseBodyRaw\n    v-if=\"mediaConfig?.raw && display === 'raw' && mediaConfig.language\"\n    :key=\"responseBody.dataUrl\"\n    :content=\"data\"\n    :language=\"mediaConfig.language\" />\n  <ResponseBodyPreview\n    v-if=\"mediaConfig?.preview && display === 'preview'\"\n    :key=\"responseBody.dataUrl\"\n    :alpha=\"mediaConfig.alpha\"\n    :mode=\"mediaConfig.preview\"\n    :src=\"responseBody.dataUrl\"\n    :type=\"responseBody.mimeType?.essence ?? ''\" />\n  <ResponseBodyInfo v-if=\"!mediaConfig?.raw && !mediaConfig?.preview\">\n    Binary file\n  </ResponseBodyInfo>\n</template>\n"],"names":["_createBlock","ResponseBodyRaw"],"mappings":";;;;;;;;;;;;;AAoBA;AAAA,MACE,MAAM,QAAA;AAAA,MACN,CAAC,MAAM,QAAQ,IAAI,CAAC;AAAA,IAAA;;;QAMZ,QAAA,aAAa,OAAO,oBAAO,SAAc,QAAA,YAAY,yBAD7DA,YAIqCC,aAAA;AAAA,UAFlC,KAAK,QAAA,aAAa;AAAA,UAClB,SAAS,QAAA;AAAA,UACT,UAAU,QAAA,YAAY;AAAA,QAAA;QAEjB,QAAA,aAAa,WAAW,QAAA,YAAO,0BADvCD,YAMiD,qBAAA;AAAA,UAJ9C,KAAK,QAAA,aAAa;AAAA,UAClB,OAAO,QAAA,YAAY;AAAA,UACnB,MAAM,QAAA,YAAY;AAAA,UAClB,KAAK,QAAA,aAAa;AAAA,UAClB,MAAM,QAAA,aAAa,UAAU,WAAO;AAAA,QAAA;QACd,CAAA,QAAA,aAAa,OAAG,CAAK,QAAA,aAAa,wBAA3DA,YAEmB,kBAAA,EAAA,KAAA,KAAA;AAAA,2BAFiD,MAEpE,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,4BAFoE,iBAEpE,EAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/ResponseBody/ResponseBody.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./ResponseBody.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ResponseBody.vue2.js.map

package/dist/components/ResponseBody/ResponseBody.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBody.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/ResponseBody/ResponseBodyInfo.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ResponseBodyInfo.vue.d.ts.map

package/dist/components/ResponseBody/ResponseBodyInfo.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyInfo.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ResponseBody/ResponseBodyInfo.vue"],"names":[],"mappings":"AAgCA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAe/C,QAAA,MAAM,eAAe,+QACnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ResponseBody/ResponseBodyInfo.vue.js

@@ -0,0 +1,17 @@
+import { createElementBlock, openBlock, createElementVNode, renderSlot } from "vue";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {};
+const _hoisted_1 = { class: "flex justify-center px-2 py-3" };
+const _hoisted_2 = { class: "text-c-3 p-2 text-sm" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      renderSlot(_ctx.$slots, "default")
+    ])
+  ]);
+}
+const ResponseBodyInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ResponseBodyInfo as default
+};
+//# sourceMappingURL=ResponseBodyInfo.vue.js.map

package/dist/components/ResponseBody/ResponseBodyInfo.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyInfo.vue.js","sources":["../../../src/components/ResponseBody/ResponseBodyInfo.vue"],"sourcesContent":["<template>\n  <div class=\"flex justify-center px-2 py-3\">\n    <div class=\"text-c-3 p-2 text-sm\"><slot /></div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_renderSlot"],"mappings":";;;AACO,MAAA,aAAA,EAAA,OAAM,gCAA+B;AACnC,MAAA,aAAA,EAAA,OAAM,uBAAsB;;AADnC,SAAAA,UAAA,GAAAC,mBAEM,OAFN,YAEM;AAAA,IADJC,mBAAgD,OAAhD,YAAgD;AAAA,MAAdC,WAAQ,KAAA,QAAA,SAAA;AAAA;;;;"}

package/dist/components/ResponseBody/ResponseBodyPreview.vue.d.ts

@@ -0,0 +1,10 @@
+import { type MediaPreview } from '../../components/ResponseBody/helpers/media-types.js';
+type __VLS_Props = {
+    src: string;
+    type: string;
+    mode: MediaPreview;
+    alpha?: boolean | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ResponseBodyPreview.vue.d.ts.map

package/dist/components/ResponseBody/ResponseBodyPreview.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyPreview.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ResponseBody/ResponseBodyPreview.vue"],"names":[],"mappings":"AA8EA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,+CAA+C,CAAA;AAGjF,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5B,CAAC;;AAuJF,wBAEG"}

package/dist/components/ResponseBody/ResponseBodyPreview.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./ResponseBodyPreview.vue2.js";
+/* empty css                         */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const ResponseBodyPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92f84612"]]);
+export {
+  ResponseBodyPreview as default
+};
+//# sourceMappingURL=ResponseBodyPreview.vue.js.map

package/dist/components/ResponseBody/ResponseBodyPreview.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyPreview.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/ResponseBody/ResponseBodyPreview.vue2.js

@@ -0,0 +1,73 @@
+import { defineComponent, ref, watch, createElementBlock, createBlock, openBlock, normalizeClass, createElementVNode, withCtx, createTextVNode } from "vue";
+import ResponseBodyInfo from "./ResponseBodyInfo.vue.js";
+const _hoisted_1 = ["src"];
+const _hoisted_2 = ["src", "type"];
+const _hoisted_3 = ["src", "type"];
+const _hoisted_4 = ["data", "type"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ResponseBodyPreview",
+  props: {
+    src: {},
+    type: {},
+    mode: {},
+    alpha: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const error = ref(false);
+    watch(
+      () => __props.src,
+      () => {
+        error.value = false;
+      }
+    );
+    return (_ctx, _cache) => {
+      return !error.value && __props.src ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["flex justify-center overflow-auto rounded-b", { "bg-preview p-2": __props.alpha }])
+      }, [
+        __props.mode === "image" ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          class: normalizeClass(["h-full max-w-full", { rounded: __props.alpha }]),
+          src: __props.src,
+          onError: _cache[0] || (_cache[0] = ($event) => error.value = true)
+        }, null, 42, _hoisted_1)) : __props.mode === "video" ? (openBlock(), createElementBlock("video", {
+          key: 1,
+          autoplay: "",
+          controls: "",
+          width: "100%",
+          onError: _cache[1] || (_cache[1] = ($event) => error.value = true)
+        }, [
+          createElementVNode("source", {
+            src: __props.src,
+            type: __props.type
+          }, null, 8, _hoisted_2)
+        ], 32)) : __props.mode === "audio" ? (openBlock(), createElementBlock("audio", {
+          key: 2,
+          class: "my-12",
+          controls: "",
+          onError: _cache[2] || (_cache[2] = ($event) => error.value = true)
+        }, [
+          createElementVNode("source", {
+            src: __props.src,
+            type: __props.type
+          }, null, 8, _hoisted_3)
+        ], 32)) : (openBlock(), createElementBlock("object", {
+          key: 3,
+          class: "aspect-[4/3] w-full",
+          data: __props.src,
+          type: __props.type,
+          onError: _cache[3] || (_cache[3] = ($event) => error.value = true)
+        }, null, 40, _hoisted_4))
+      ], 2)) : (openBlock(), createBlock(ResponseBodyInfo, { key: 1 }, {
+        default: withCtx(() => [..._cache[4] || (_cache[4] = [
+          createTextVNode("Preview unavailable", -1)
+        ])]),
+        _: 1
+      }));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ResponseBodyPreview.vue2.js.map

package/dist/components/ResponseBody/ResponseBodyPreview.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyPreview.vue2.js","sources":["../../../src/components/ResponseBody/ResponseBodyPreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport { type MediaPreview } from '@/components/ResponseBody/helpers/media-types'\nimport ResponseBodyInfo from '@/components/ResponseBody/ResponseBodyInfo.vue'\n\nconst {\n  src,\n  type,\n  mode,\n  alpha = false,\n} = defineProps<{\n  src: string\n  type: string\n  mode: MediaPreview\n  alpha?: boolean | undefined\n}>()\n\nconst error = ref(false)\n\nwatch(\n  () => src,\n  () => {\n    error.value = false\n  },\n)\n</script>\n<template>\n  <div\n    v-if=\"!error && src\"\n    class=\"flex justify-center overflow-auto rounded-b\"\n    :class=\"{ 'bg-preview p-2': alpha }\">\n    <img\n      v-if=\"mode === 'image'\"\n      class=\"h-full max-w-full\"\n      :class=\"{ rounded: alpha }\"\n      :src=\"src\"\n      @error=\"error = true\" />\n    <video\n      v-else-if=\"mode === 'video'\"\n      autoplay\n      controls\n      width=\"100%\"\n      @error=\"error = true\">\n      <source\n        :src=\"src\"\n        :type=\"type\" />\n    </video>\n    <audio\n      v-else-if=\"mode === 'audio'\"\n      class=\"my-12\"\n      controls\n      @error=\"error = true\">\n      <source\n        :src=\"src\"\n        :type=\"type\" />\n    </audio>\n    <object\n      v-else\n      class=\"aspect-[4/3] w-full\"\n      :data=\"src\"\n      :type=\"type\"\n      @error=\"error = true\" />\n  </div>\n  <ResponseBodyInfo v-else>Preview unavailable</ResponseBodyInfo>\n</template>\n<style scoped>\n.light-mode .bg-preview {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E\");\n}\n.dark-mode .bg-preview {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E\");\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_createBlock"],"mappings":";;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ,IAAI,KAAK;AAEvB;AAAA,MACE,MAAM,QAAA;AAAA,MACN,MAAM;AACJ,cAAM,QAAQ;AAAA,MAChB;AAAA,IAAA;;AAKS,aAAA,CAAA,MAAA,SAAS,QAAA,oBADlBA,mBAmCM,OAAA;AAAA;QAjCJ,OAAKC,eAAA,CAAC,+CAA6C,EAAA,kBACvB,QAAA,OAAK,CAAA;AAAA,MAAA;QAEzB,QAAA,SAAI,wBADZD,mBAK0B,OAAA;AAAA;UAHxB,OAAKC,eAAA,CAAC,qBAAmB,EAAA,SACN,QAAA,MAAA,CAAK,CAAA;AAAA,UACvB,KAAK,QAAA;AAAA,UACL,+CAAO,MAAA,QAAK;AAAA,QAAA,4BAEF,QAAA,SAAI,wBADjBD,mBASQ,SAAA;AAAA;UAPN,UAAA;AAAA,UACA,UAAA;AAAA,UACA,OAAM;AAAA,UACL,+CAAO,MAAA,QAAK;AAAA,QAAA;UACbE,mBAEiB,UAAA;AAAA,YADd,KAAK,QAAA;AAAA,YACL,MAAM,QAAA;AAAA,UAAA;kBAGE,QAAA,SAAI,wBADjBF,mBAQQ,SAAA;AAAA;UANN,OAAM;AAAA,UACN,UAAA;AAAA,UACC,+CAAO,MAAA,QAAK;AAAA,QAAA;UACbE,mBAEiB,UAAA;AAAA,YADd,KAAK,QAAA;AAAA,YACL,MAAM,QAAA;AAAA,UAAA;gCAEXF,mBAK0B,UAAA;AAAA;UAHxB,OAAM;AAAA,UACL,MAAM,QAAA;AAAA,UACN,MAAM,QAAA;AAAA,UACN,+CAAO,MAAA,QAAK;AAAA,QAAA;6BAEjBG,YAA+D,kBAAA,EAAA,KAAA,KAAA;AAAA,yBAAtC,MAAmB,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,0BAAnB,uBAAmB,EAAA;AAAA,QAAA;;;;;;"}

package/dist/components/ResponseBody/ResponseBodyRaw.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    content: any;
+    language: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ResponseBodyRaw.vue.d.ts.map

package/dist/components/ResponseBody/ResponseBodyRaw.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyRaw.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ResponseBody/ResponseBodyRaw.vue"],"names":[],"mappings":"AAmBA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAC;;AAiDF,wBAEG"}

package/dist/components/ResponseBody/ResponseBodyRaw.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent, createBlock, openBlock, unref } from "vue";
+import { ScalarCodeBlock } from "@scalar/components";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ResponseBodyRaw",
+  props: {
+    content: {},
+    language: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ScalarCodeBlock), {
+        class: "codeBlock",
+        content: props.content,
+        lang: __props.language
+      }, null, 8, ["content", "lang"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ResponseBodyRaw.vue.js.map

package/dist/components/ResponseBody/ResponseBodyRaw.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyRaw.vue.js","sources":["../../../src/components/ResponseBody/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlock } from '@scalar/components'\n\nconst props = defineProps<{\n  content: any\n  language: string\n}>()\n</script>\n\n<template>\n  <ScalarCodeBlock\n    class=\"codeBlock\"\n    :content=\"props.content\"\n    :lang=\"language\" />\n</template>\n"],"names":["_createBlock","_unref"],"mappings":";;;;;;;;;AAGA,UAAM,QAAQ;;0BAOZA,YAGqBC,MAAA,eAAA,GAAA;AAAA,QAFnB,OAAM;AAAA,QACL,SAAS,MAAM;AAAA,QACf,MAAM,QAAA;AAAA,MAAA;;;;"}

package/dist/components/ResponseBody/ResponseBodyRaw.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./ResponseBodyRaw.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ResponseBodyRaw.vue2.js.map

package/dist/components/ResponseBody/ResponseBodyRaw.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyRaw.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/ResponseBody/ResponseBodyToggle.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    modelValue?: 'preview' | 'raw';
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    toggle: (v: "raw" | "preview") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: ((v: "raw" | "preview") => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ResponseBodyToggle.vue.d.ts.map

package/dist/components/ResponseBody/ResponseBodyToggle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ResponseBody/ResponseBodyToggle.vue"],"names":[],"mappings":"AA8BA,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;CAC/B,CAAC;;;;;;AAkFF,wBAGG"}

package/dist/components/ResponseBody/ResponseBodyToggle.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode, withModifiers, normalizeClass } from "vue";
+const _hoisted_1 = { class: "text-c-3 text-xxs -my-1 flex justify-center gap-0.5 rounded p-0.5" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ResponseBodyToggle",
+  props: {
+    modelValue: {}
+  },
+  emits: ["toggle"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("button", {
+          class: normalizeClass(["hover:bg-b-3 rounded px-1", { "bg-b-3 text-c-1 cursor-default": __props.modelValue === "preview" }]),
+          type: "button",
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("toggle", "preview"), ["stop"]))
+        }, " Preview ", 2),
+        createElementVNode("button", {
+          class: normalizeClass(["hover:bg-b-3 rounded px-1", { "bg-b-3 text-c-1 cursor-default": __props.modelValue === "raw" }]),
+          type: "button",
+          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("toggle", "raw"), ["stop"]))
+        }, " Raw ", 2)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ResponseBodyToggle.vue.js.map

package/dist/components/ResponseBody/ResponseBodyToggle.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyToggle.vue.js","sources":["../../../src/components/ResponseBody/ResponseBodyToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  modelValue?: 'preview' | 'raw'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'toggle', v: 'preview' | 'raw'): void\n}>()\n</script>\n<template>\n  <div\n    class=\"text-c-3 text-xxs -my-1 flex justify-center gap-0.5 rounded p-0.5\">\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': modelValue === 'preview' }\"\n      type=\"button\"\n      @click.stop=\"emit('toggle', 'preview')\">\n      Preview\n    </button>\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': modelValue === 'raw' }\"\n      type=\"button\"\n      @click.stop=\"emit('toggle', 'raw')\">\n      Raw\n    </button>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;AAKA,UAAM,OAAO;;AAKX,aAAAA,UAAA,GAAAC,mBAgBM,OAhBN,YAgBM;AAAA,QAdJC,mBAMS,UAAA;AAAA,UALP,OAAKC,eAAA,CAAC,6BAA2B,EAAA,kCACW,QAAA,eAAU,UAAA,CAAA,CAAA;AAAA,UACtD,MAAK;AAAA,UACJ,6DAAY,KAAI,UAAA,SAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QAAA,GAAuB,aAE1C,CAAA;AAAA,QACAD,mBAMS,UAAA;AAAA,UALP,OAAKC,eAAA,CAAC,6BAA2B,EAAA,kCACW,QAAA,eAAU,MAAA,CAAA,CAAA;AAAA,UACtD,MAAK;AAAA,UACJ,6DAAY,KAAI,UAAA,KAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QAAA,GAAmB,SAEtC,CAAA;AAAA,MAAA;;;;"}

package/dist/components/ResponseBody/ResponseBodyToggle.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./ResponseBodyToggle.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ResponseBodyToggle.vue2.js.map

package/dist/components/ResponseBody/ResponseBodyToggle.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyToggle.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}