@scalar/api-client 2.1.45 → 2.1.47

package/dist/views/Request/ResponseSection/ResponseBody.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, ref as U, computed as n, openBlock as s, createBlock as i, createSlots as V, withCtx as m, createTextVNode as w, toDisplayString as g, createElementBlock as j, createElementVNode as b, createCommentVNode as c, createVNode as C } from "vue";
+import { defineComponent as L, ref as U, computed as n, openBlock as s, createBlock as u, createSlots as V, withCtx as m, createTextVNode as w, toDisplayString as g, createElementBlock as j, createElementVNode as h, createCommentVNode as c, createVNode as C } from "vue";
 import O from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 import { extractFilename as T } from "../../../libs/extractAttachmentFilename.js";
 import N from "whatwg-mimetype";
@@ -10,7 +10,7 @@ import F from "./ResponseBodyToggle.vue.js";
 import { mediaTypes as D } from "../consts/mediaTypes.js";
 const I = {
   key: 0,
-  class: "mx-1 border-1/2 flex flex-col rounded bg-b-1"
+  class: "max-h-[calc(100%-32px)] mx-1 border-1/2 flex flex-col rounded bg-b-1 overflow-hidden"
 }, J = { class: "flex justify-between items-center border-b-1/2 px-3 py-1.5" }, M = { class: "text-xxs leading-3 font-code" }, Z = /* @__PURE__ */ L({
   __name: "ResponseBody",
   props: {
@@ -18,30 +18,30 @@ const I = {
     data: {},
     headers: {}
   },
-  setup(h) {
-    const a = h, B = (e) => e instanceof Blob, d = U(!0), p = n(
+  setup(b) {
+    const a = b, x = (e) => e instanceof Blob, d = U(!0), p = n(
       () => {
         var e;
         return !!((e = o.value) != null && e.raw && o.value.preview);
       }
-    ), R = n(() => d.value || !p.value), _ = n(() => !d.value || !p.value), r = n(() => {
+    ), B = n(() => d.value || !p.value), R = n(() => !d.value || !p.value), r = n(() => {
       var t;
       const e = ((t = a.headers.find((l) => l.name.toLowerCase() === "content-type")) == null ? void 0 : t.value) ?? "";
       return new N(e);
-    }), k = n(() => {
+    }), _ = n(() => {
       var t;
       const e = ((t = a.headers.find(
         (l) => l.name.toLowerCase() === "content-disposition"
       )) == null ? void 0 : t.value) ?? "";
       return T(e);
-    }), o = n(() => D[r.value.essence]), u = n(() => B(a.data) ? URL.createObjectURL(a.data) : typeof a.data == "string" ? URL.createObjectURL(
+    }), o = n(() => D[r.value.essence]), i = n(() => x(a.data) ? URL.createObjectURL(a.data) : typeof a.data == "string" ? URL.createObjectURL(
       new Blob([a.data], { type: r.value.toString() })
     ) : a.data instanceof Object && Object.keys(a.data).length ? URL.createObjectURL(
       new Blob([JSON.stringify(a.data)], {
         type: r.value.toString()
       })
     ) : "");
-    return (e, t) => (s(), i(O, null, V({
+    return (e, t) => (s(), u(O, { class: "max-h-content overflow-x-auto" }, V({
       title: m(() => [
         w(g(e.title), 1)
       ]),
@@ -49,27 +49,27 @@ const I = {
         var l, v, f, y;
         return [
           e.data ? (s(), j("div", I, [
-            b("div", J, [
-              b("span", M, g(r.value.essence), 1),
-              p.value ? (s(), i(F, {
+            h("div", J, [
+              h("span", M, g(r.value.essence), 1),
+              p.value ? (s(), u(F, {
                 key: 0,
                 modelValue: d.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (x) => d.value = x)
+                "onUpdate:modelValue": t[0] || (t[0] = (k) => d.value = k)
               }, null, 8, ["modelValue"])) : c("", !0)
             ]),
-            (l = o.value) != null && l.raw && _.value ? (s(), i(E, {
-              key: u.value,
+            (l = o.value) != null && l.raw && R.value ? (s(), u(E, {
+              key: i.value,
               content: e.data,
               language: o.value.language
             }, null, 8, ["content", "language"])) : c("", !0),
-            (v = o.value) != null && v.preview && R.value ? (s(), i($, {
-              key: u.value,
+            (v = o.value) != null && v.preview && B.value ? (s(), u($, {
+              key: i.value,
               alpha: o.value.alpha,
               mode: o.value.preview,
-              src: u.value,
+              src: i.value,
               type: r.value.essence
             }, null, 8, ["alpha", "mode", "src", "type"])) : c("", !0),
-            !((f = o.value) != null && f.raw) && !((y = o.value) != null && y.preview) ? (s(), i(P, { key: 2 }, {
+            !((f = o.value) != null && f.raw) && !((y = o.value) != null && y.preview) ? (s(), u(P, { key: 2 }, {
               default: m(() => t[1] || (t[1] = [
                 w(" Binary file ")
               ])),
@@ -80,12 +80,12 @@ const I = {
       }),
       _: 2
     }, [
-      e.data && u.value ? {
+      e.data && i.value ? {
         name: "actions",
         fn: m(() => [
           C(S, {
-            filename: k.value,
-            href: u.value,
+            filename: _.value,
+            href: i.value,
             type: r.value.essence
           }, null, 8, ["filename", "href", "type"])
         ]),

package/dist/views/Request/ResponseSection/ResponseBodyDownload.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyDownload.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyDownload.vue"],"names":[],"mappings":"AAoCA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;;AA6EF,wBAOG"}
+{"version":3,"file":"ResponseBodyDownload.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyDownload.vue"],"names":[],"mappings":"AAuCA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;;AAgFF,wBAOG"}

package/dist/views/Request/ResponseSection/ResponseBodyDownload.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as s, computed as i, openBlock as l, createElementBlock as p, withModifiers as a, createVNode as d, unref as m, createElementVNode as f } from "vue";
+import { defineComponent as l, computed as p, openBlock as a, createElementBlock as i, withModifiers as d, createVNode as m, unref as f, createElementVNode as s } from "vue";
 import { ScalarIcon as c } from "@scalar/components";
 import { mediaTypes as u } from "../consts/mediaTypes.js";
-const x = ["download", "href"], k = /* @__PURE__ */ s({
+const x = ["download", "href"], k = /* @__PURE__ */ l({
   __name: "ResponseBodyDownload",
   props: {
     href: {},
@@ -9,23 +9,26 @@ const x = ["download", "href"], k = /* @__PURE__ */ s({
     filename: {}
   },
   setup(t) {
-    const o = t, r = i(() => {
+    const n = t, r = p(() => {
       var e;
-      const n = ((e = u[o.type ?? ""]) == null ? void 0 : e.extension) ?? ".unknown";
-      return o.filename ? o.filename : `response${n}`;
+      const o = ((e = u[n.type ?? ""]) == null ? void 0 : e.extension) ?? ".unknown";
+      return n.filename ? n.filename : `response${o}`;
     });
-    return (n, e) => (l(), p("a", {
+    return (o, e) => (a(), i("a", {
       class: "flex gap-1 text-c-3 text-xxs no-underline items-center hover:bg-b-3 rounded py-0.5 px-1.5",
       download: `${r.value}`,
-      href: n.href,
-      onClick: e[0] || (e[0] = a(() => {
+      href: o.href,
+      onClick: e[0] || (e[0] = d(() => {
       }, ["stop"]))
     }, [
-      d(m(c), {
+      m(f(c), {
         icon: "Download",
         size: "xs"
       }),
-      e[1] || (e[1] = f("span", null, "Download", -1))
+      e[1] || (e[1] = s("span", null, [
+        s("span", null, "Download"),
+        s("span", { class: "sr-only" }, "Response Body")
+      ], -1))
     ], 8, x));
   }
 });

package/dist/views/Request/ResponseSection/ResponseBodyPreview.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyPreview.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyPreview.vue"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;;AA8HF,wBAMG"}
+{"version":3,"file":"ResponseBodyPreview.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyPreview.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;;AA8HF,wBAMG"}

package/dist/views/Request/ResponseSection/ResponseBodyPreview.vue.js

@@ -1,7 +1,7 @@
 import o from "./ResponseBodyPreview.vue2.js";
 /* empty css                         */
 import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-7fbe3767"]]);
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ce1255fa"]]);
 export {
   s as default
 };

package/dist/views/Request/ResponseSection/ResponseBodyPreview.vue2.js

@@ -26,7 +26,6 @@ const k = ["src"], w = ["src", "type"], B = ["src", "type"], E = ["data", "type"
         key: 1,
         autoplay: "",
         controls: "",
-        loop: "",
         width: "100%",
         onError: o[1] || (o[1] = (l) => r.value = !0)
       }, [
@@ -38,7 +37,6 @@ const k = ["src"], w = ["src", "type"], B = ["src", "type"], E = ["data", "type"
         key: 2,
         class: "my-12",
         controls: "",
-        loop: "",
         onError: o[2] || (o[2] = (l) => r.value = !0)
       }, [
         a("source", {

package/dist/views/Request/ResponseSection/ResponseBodyVirtual.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyVirtual.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyVirtual.vue"],"names":[],"mappings":"AA+CA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAC;;AAsFF,wBAOG"}
+{"version":3,"file":"ResponseBodyVirtual.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyVirtual.vue"],"names":[],"mappings":"AA6CA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAC;;AAwFF,wBAOG"}

package/dist/views/Request/ResponseSection/ResponseBodyVirtual.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as s, computed as l, openBlock as a, createBlock as i, withCtx as t, createTextVNode as d, createElementVNode as c, createVNode as p, unref as m } from "vue";
-import u from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { ScalarVirtualText as x } from "@scalar/components";
+import { defineComponent as s, computed as l, openBlock as a, createBlock as i, withCtx as t, createTextVNode as c, createElementVNode as d, createVNode as m, unref as p } from "vue";
+import x from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { ScalarVirtualText as u } from "@scalar/components";
 import { formatJsonOrYamlString as f } from "@scalar/oas-utils/helpers";
 const V = /* @__PURE__ */ s({
   __name: "ResponseBodyVirtual",
@@ -9,14 +9,14 @@ const V = /* @__PURE__ */ s({
   },
   setup(o) {
     const r = o, n = l(() => f(r.content));
-    return (b, e) => (a(), i(u, { class: "response-body-virtual" }, {
+    return (b, e) => (a(), i(x, { class: "!max-h-[calc(100%-32px)] response-body-virtual" }, {
       title: t(() => e[0] || (e[0] = [
-        d("Body")
+        c("Body")
       ])),
       default: t(() => [
-        e[1] || (e[1] = c("div", { class: "py-1.5 px-2.5 font-code text-xxs border-1/2 rounded-t border-b-0" }, " This response body is massive! Syntax highlighting won’t work here. ", -1)),
-        p(m(x), {
-          containerClass: "custom-scroll scalar-code-block border-1/2 rounded-b flex flex-1",
+        e[1] || (e[1] = d("div", { class: "mx-1 py-1.5 px-2.5 font-code text-xxs border-1/2 rounded-t border-b-0" }, " This response body is massive! Syntax highlighting won’t work here. ", -1)),
+        m(p(u), {
+          containerClass: "custom-scroll scalar-code-block border-1/2 rounded-b flex flex-1 mx-1",
           contentClass: "hljs language-plaintext",
           lineHeight: 20,
           text: n.value

package/dist/views/Request/ResponseSection/ResponseEmpty.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"names":[],"mappings":";AA8OA,wBAMG"}
+{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"names":[],"mappings":";AA6PA,wBAMG"}

package/dist/views/Request/ResponseSection/ResponseEmpty.vue.js

@@ -1,7 +1,7 @@
 import o from "./ResponseEmpty.vue2.js";
 /* empty css                   */
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8ee083e8"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-319a1f9c"]]);
 export {
-  r as default
+  s as default
 };

package/dist/views/Request/ResponseSection/ResponseEmpty.vue2.js

@@ -1,60 +1,59 @@
-import { defineComponent as R, inject as g, onMounted as _, onBeforeUnmount as b, openBlock as r, createElementBlock as l, createElementVNode as t, unref as o, createTextVNode as a, toDisplayString as N, createCommentVNode as u, createVNode as i } from "vue";
-import C from "../../../assets/computer.ascii.js";
-import q from "../../../components/ScalarAsciiArt.vue.js";
-import p from "../../../components/ScalarHotkey.vue.js";
-import { useRoute as v } from "vue-router";
-import { useWorkspace as V } from "../../../store/store.js";
-const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, S = { class: "flex h-[calc(100%_-_50px)] flex-col items-center justify-center" }, h = {
+import { defineComponent as _, onMounted as R, onBeforeUnmount as g, openBlock as r, createElementBlock as n, createElementVNode as o, unref as t, createTextVNode as c, toDisplayString as N, createCommentVNode as p, createVNode as l } from "vue";
+import b from "../../../assets/computer.ascii.js";
+import h from "../../../components/ScalarAsciiArt.vue.js";
+import u from "../../../components/ScalarHotkey.vue.js";
+import { useRoute as C } from "vue-router";
+import { useWorkspace as q } from "../../../store/store.js";
+import { useLayout as v } from "../../../hooks/useLayout.js";
+const V = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, B = { class: "flex h-[calc(100%_-_50px)] flex-col items-center justify-center" }, S = {
   key: 0,
   class: "scalar-version-number"
-}, w = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, z = /* @__PURE__ */ R({
+}, w = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, D = /* @__PURE__ */ _({
   __name: "ResponseEmpty",
-  setup(E) {
-    const { isReadOnly: d, activeWorkspace: f, events: s } = V(), y = v(), x = g("layout"), m = () => {
+  setup(A) {
+    const { isReadOnly: d, activeWorkspace: f, events: s } = q(), y = C(), { layout: x } = v(), m = () => {
       s.commandPalette.emit({ commandName: "Create Request" });
-    }, c = (n) => {
-      n != null && n.createNew && y.name === "request" && m();
-    }, k = "2.1.45";
-    return _(() => s.hotKeys.on(c)), b(() => s.hotKeys.off(c)), (n, e) => (r(), l("div", B, [
-      t("div", S, [
-        o(f).isReadOnly ? u("", !0) : (r(), l("div", h, [
-          a(" Scalar V" + N(o(k)) + " ", 1),
-          e[1] || (e[1] = t("b", null, "Beta", -1)),
-          e[2] || (e[2] = a(" Release ")),
-          e[3] || (e[3] = t("div", { class: "mt-1" }, [
-            t("a", {
+    }, i = (a) => {
+      a != null && a.createNew && y.name === "request" && m();
+    }, k = "2.1.47";
+    return R(() => s.hotKeys.on(i)), g(() => s.hotKeys.off(i)), (a, e) => (r(), n("div", V, [
+      o("div", B, [
+        t(f).isReadOnly ? p("", !0) : (r(), n("div", S, [
+          c(" Scalar App V" + N(t(k)) + " Beta ", 1),
+          e[1] || (e[1] = o("div", { class: "mt-2" }, [
+            o("a", {
               href: "https://github.com/scalar/scalar/issues/2669",
               target: "_blank"
             }, " Roadmap ")
           ], -1))
         ])),
-        i(q, {
-          art: o(C),
+        l(h, {
+          art: t(b),
           class: "text-c-3"
         }, null, 8, ["art"])
       ]),
-      t("div", w, [
-        t("button", {
+      o("div", w, [
+        o("button", {
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[0] || (e[0] = (K) => o(s).executeRequest.emit())
+          onClick: e[0] || (e[0] = (E) => t(s).executeRequest.emit())
         }, [
-          e[4] || (e[4] = a(" Send Request ")),
-          i(p, { hotkey: "↵" })
+          e[2] || (e[2] = c(" Send Request ")),
+          l(u, { hotkey: "↵" })
         ]),
-        !o(d) && o(x) === "desktop" ? (r(), l("button", {
+        !t(d) && t(x) === "desktop" ? (r(), n("button", {
           key: 0,
           class: "flex items-center gap-1.5",
           type: "button",
           onClick: m
         }, [
-          e[5] || (e[5] = a(" New Request ")),
-          i(p, { hotkey: "N" })
-        ])) : u("", !0)
+          e[3] || (e[3] = c(" New Request ")),
+          l(u, { hotkey: "N" })
+        ])) : p("", !0)
       ])
     ]));
   }
 });
 export {
-  z as default
+  D as default
 };

package/dist/views/Request/ResponseSection/ResponseHeaders.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseHeaders.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseHeaders.vue"],"names":[],"mappings":"AAqEA,KAAK,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAA;AAEhE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAC;;AAiJF,wBAOG"}
+{"version":3,"file":"ResponseHeaders.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseHeaders.vue"],"names":[],"mappings":"AA0EA,KAAK,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAA;AAEhE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAC;;AA0JF,wBAOG"}

package/dist/views/Request/ResponseSection/ResponseHeaders.vue.js

@@ -1,76 +1,82 @@
-import { defineComponent as _, openBlock as e, createBlock as o, withCtx as t, createTextVNode as s, createElementBlock as m, Fragment as i, renderList as x, createVNode as d, toDisplayString as c } from "vue";
+import { defineComponent as _, openBlock as e, createBlock as n, withCtx as t, createTextVNode as l, createElementBlock as s, createVNode as m, Fragment as f, renderList as x, toDisplayString as i } from "vue";
 import h from "../../../components/DataTable/DataTable.vue.js";
-import k from "../../../components/DataTable/DataTableRow.vue.js";
+import y from "../../../components/DataTable/DataTableRow.vue.js";
 import u from "../../../components/DataTable/DataTableText.vue.js";
-import y from "../../../components/HelpfulLink.vue.js";
-import g from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { httpHeaders as b } from "../../../data/httpHeaders.js";
-const C = {
+import k from "../../../components/HelpfulLink.vue.js";
+import b from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { httpHeaders as g } from "../../../data/httpHeaders.js";
+const w = {
+  key: 0,
+  class: "border max-h-[calc(100%-32px)] overflow-y-auto rounded md:mx-1"
+}, C = {
   key: 1,
   class: "text-c-3 px-4 text-sm border rounded min-h-12 justify-center flex items-center bg-b-1 mx-1"
-}, D = /* @__PURE__ */ _({
+}, R = /* @__PURE__ */ _({
   __name: "ResponseHeaders",
   props: {
     headers: {}
   },
-  setup(w) {
-    const l = (r) => b.find(
-      (n) => n.name.toLowerCase() === r.toLowerCase()
+  setup(v) {
+    const d = (r) => g.find(
+      (a) => a.name.toLowerCase() === r.toLowerCase()
     );
-    return (r, n) => (e(), o(g, {
+    return (r, a) => (e(), n(b, {
+      class: "overflow-scroll",
       defaultOpen: !1,
       itemCount: r.headers.length
     }, {
-      title: t(() => n[0] || (n[0] = [
-        s("Headers")
+      title: t(() => a[0] || (a[0] = [
+        l("Headers")
       ])),
       default: t(() => [
-        r.headers.length ? (e(), o(h, {
-          key: 0,
-          columns: ["minmax(auto, min-content)", "minmax(50%, 1fr)"],
-          scroll: ""
-        }, {
-          default: t(() => [
-            (e(!0), m(i, null, x(r.headers, (a, p) => (e(), o(k, {
-              key: p,
-              class: "text-c-1"
-            }, {
-              default: t(() => [
-                d(u, { class: "sticky left-0 z-1 bg-b-1 max-w-48" }, {
-                  default: t(() => {
-                    var f;
-                    return [
-                      typeof ((f = l(a.name)) == null ? void 0 : f.url) == "string" ? (e(), o(y, {
-                        key: 0,
-                        class: "decoration-c-3",
-                        href: l(a.name).url
-                      }, {
-                        default: t(() => [
-                          s(c(a.name), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["href"])) : (e(), m(i, { key: 1 }, [
-                        s(c(a.name), 1)
-                      ], 64))
-                    ];
-                  }),
-                  _: 2
-                }, 1024),
-                d(u, {
-                  class: "z-0",
-                  text: a.value
-                }, null, 8, ["text"])
-              ]),
-              _: 2
-            }, 1024))), 128))
-          ]),
-          _: 1
-        })) : (e(), m("div", C, " No Headers "))
+        r.headers.length ? (e(), s("div", w, [
+          m(h, {
+            class: "!border-0 !mx-0",
+            columns: ["minmax(auto, min-content)", "minmax(50%, 1fr)"],
+            scroll: ""
+          }, {
+            default: t(() => [
+              (e(!0), s(f, null, x(r.headers, (o, p) => (e(), n(y, {
+                key: p,
+                class: "text-c-1"
+              }, {
+                default: t(() => [
+                  m(u, { class: "sticky left-0 z-1 bg-b-1 max-w-48" }, {
+                    default: t(() => {
+                      var c;
+                      return [
+                        typeof ((c = d(o.name)) == null ? void 0 : c.url) == "string" ? (e(), n(k, {
+                          key: 0,
+                          class: "decoration-c-3",
+                          href: d(o.name).url
+                        }, {
+                          default: t(() => [
+                            l(i(o.name), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["href"])) : (e(), s(f, { key: 1 }, [
+                          l(i(o.name), 1)
+                        ], 64))
+                      ];
+                    }),
+                    _: 2
+                  }, 1024),
+                  m(u, {
+                    class: "z-0",
+                    text: o.value
+                  }, null, 8, ["text"])
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          })
+        ])) : (e(), s("div", C, " No Headers "))
       ]),
       _: 1
     }, 8, ["itemCount"]));
   }
 });
 export {
-  D as default
+  R as default
 };

package/dist/views/Request/ResponseSection/ResponseMetaInformation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseMetaInformation.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAQvE,KAAK,WAAW,GAAG;IAAE,QAAQ,EAAE,gBAAgB,CAAA;CAAE,CAAC;;AAqIlD,wBAOG"}
+{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseMetaInformation.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAQvE,KAAK,WAAW,GAAG;IAAE,QAAQ,EAAE,gBAAgB,CAAA;CAAE,CAAC;;AAyIlD,wBAOG"}

package/dist/views/Request/ResponseSection/ResponseMetaInformation.vue.js

@@ -1,50 +1,57 @@
-import { defineComponent as y, ref as i, computed as g, openBlock as t, createElementBlock as s, toDisplayString as o, unref as m, Fragment as d, createElementVNode as C, createCommentVNode as v, createBlock as I, withCtx as B, createTextVNode as S } from "vue";
+import { defineComponent as I, ref as v, computed as S, openBlock as s, createElementBlock as o, toDisplayString as n, unref as c, Fragment as f, createElementVNode as u, createTextVNode as p, createCommentVNode as y, createBlock as _, withCtx as B } from "vue";
 import L from "../../../components/HelpfulLink.vue.js";
 import { httpStatusCodes as N } from "@scalar/oas-utils/helpers";
 import V from "pretty-bytes";
-import f from "pretty-ms";
+import h from "pretty-ms";
 import { useWorkspace as w } from "../../../store/store.js";
-const E = { class: "flex gap-1.5 text-c-1" }, M = { key: 0 }, q = { key: 0 }, x = { key: 1 }, b = /* @__PURE__ */ y({
+const D = { class: "flex gap-1.5 text-c-1" }, E = { key: 0 }, M = { key: 0 }, R = { key: 1 }, $ = /* @__PURE__ */ I({
   __name: "ResponseMetaInformation",
   props: {
     response: {}
   },
-  setup(h) {
-    const _ = h, { events: k } = w(), r = i(), a = i(0);
-    k.requestStatus.on((e) => {
-      e === "start" ? r.value = setInterval(() => a.value += 1e3, 1e3) : (clearInterval(r.value), r.value = void 0, a.value = 0);
+  setup(k) {
+    const g = k, { events: C } = w(), a = v(), l = v(0);
+    C.requestStatus.on((e) => {
+      e === "start" ? a.value = setInterval(() => l.value += 1e3, 1e3) : (clearInterval(a.value), a.value = void 0, l.value = 0);
     });
-    const l = (e) => {
-      var p, c;
-      const u = parseInt(
-        ((p = e.headers) == null ? void 0 : p["Content-Length"]) || ((c = e.headers) == null ? void 0 : c["content-length"]) || "0",
+    const i = (e) => {
+      var m, d;
+      const t = parseInt(
+        ((m = e.headers) == null ? void 0 : m["Content-Length"]) || ((d = e.headers) == null ? void 0 : d["content-length"]) || "0",
         10
       );
-      return u ? V(u) : void 0;
-    }, n = g(() => {
-      const e = _.response.status;
+      return t ? V(t) : void 0;
+    }, r = S(() => {
+      const e = g.response.status;
       if (e)
         return N[e] ?? void 0;
     });
-    return (e, u) => (t(), s("div", E, [
-      r.value && a.value ? (t(), s("span", M, o(m(f)(a.value)), 1)) : (t(), s(d, { key: 1 }, [
-        C("span", null, o(m(f)(e.response.duration)), 1),
-        l(e.response) ? (t(), s("span", q, o(l(e.response)), 1)) : v("", !0),
-        n.value ? (t(), s(d, { key: 1 }, [
-          n.value.url ? (t(), I(L, {
+    return (e, t) => (s(), o("div", D, [
+      a.value && l.value ? (s(), o("span", E, n(c(h)(l.value)), 1)) : (s(), o(f, { key: 1 }, [
+        u("span", null, [
+          t[0] || (t[0] = u("span", { class: "sr-only" }, "Response Information, Duration:", -1)),
+          p(" " + n(c(h)(e.response.duration)), 1)
+        ]),
+        i(e.response) ? (s(), o("span", M, [
+          t[1] || (t[1] = u("span", { class: "sr-only" }, ", Size:", -1)),
+          p(" " + n(i(e.response)), 1)
+        ])) : y("", !0),
+        r.value ? (s(), o(f, { key: 1 }, [
+          t[2] || (t[2] = u("span", { class: "sr-only" }, ", Status:", -1)),
+          r.value.url ? (s(), _(L, {
             key: 0,
-            href: n.value.url
+            href: r.value.url
           }, {
             default: B(() => [
-              S(o(e.response.status) + " " + o(n.value.name), 1)
+              p(n(e.response.status) + " " + n(r.value.name), 1)
             ]),
             _: 1
-          }, 8, ["href"])) : (t(), s("span", x, o(e.response.status) + " " + o(n.value.name), 1))
-        ], 64)) : v("", !0)
+          }, 8, ["href"])) : (s(), o("span", R, n(e.response.status) + " " + n(r.value.name), 1))
+        ], 64)) : y("", !0)
       ], 64))
     ]));
   }
 });
 export {
-  b as default
+  $ as default
 };

package/dist/views/Request/ResponseSection/ResponseSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AA4JA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AASvE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAA;CACvC,CAAC;;AA0OF,wBAOG"}
+{"version":3,"file":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AA6MA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AASvE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAA;CACvC,CAAC;;AA2RF,wBAOG"}

package/dist/views/Request/ResponseSection/ResponseSection.vue.js

@@ -1,7 +1,7 @@
 import o from "./ResponseSection.vue2.js";
 /* empty css                     */
 import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f15e1ace"]]);
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ec63eb00"]]);
 export {
   s as default
 };