@scalar/api-client 2.3.8 → 2.3.10

package/dist/views/Request/RequestSection/RequestTable.vue2.js

@@ -1,17 +1,18 @@
-import { defineComponent as I, resolveComponent as z, openBlock as d, createBlock as p, withCtx as n, createVNode as t, createElementVNode as s, createTextVNode as w, createElementBlock as m, Fragment as f, renderList as D, normalizeClass as V, unref as i, toDisplayString as x, createCommentVNode as g } from "vue";
-import { ScalarTooltip as E, ScalarIcon as B, ScalarButton as q } from "@scalar/components";
-import R from "../../../components/CodeInput/CodeInput.vue.js";
-import G from "../../../components/DataTable/DataTable.vue.js";
-import v from "../../../components/DataTable/DataTableCell.vue.js";
-import N from "../../../components/DataTable/DataTableCheckbox.vue.js";
-import k from "../../../components/DataTable/DataTableHeader.vue.js";
-import C from "../../../components/DataTable/DataTableRow.vue.js";
-import { parameterIsInvalid as P, hasItemProperties as h } from "../libs/request.js";
-import j from "./RequestTableTooltip.vue.js";
-const L = { class: "contents" }, O = { class: "sr-only" }, A = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify-end overflow-hidden p-1" }, K = ["onClick"], H = {
+import { defineComponent as _, openBlock as d, createBlock as p, withCtx as n, createVNode as t, createElementVNode as s, createTextVNode as k, createElementBlock as m, Fragment as f, renderList as I, normalizeClass as w, unref as i, toDisplayString as V, createCommentVNode as x } from "vue";
+import { ScalarTooltip as z, ScalarIcon as g, ScalarButton as D } from "@scalar/components";
+import { RouterLink as E } from "vue-router";
+import B from "../../../components/CodeInput/CodeInput.vue.js";
+import q from "../../../components/DataTable/DataTable.vue.js";
+import c from "../../../components/DataTable/DataTableCell.vue.js";
+import G from "../../../components/DataTable/DataTableCheckbox.vue.js";
+import v from "../../../components/DataTable/DataTableHeader.vue.js";
+import R from "../../../components/DataTable/DataTableRow.vue.js";
+import { parameterIsInvalid as N, hasItemProperties as C } from "../libs/request.js";
+import P from "./RequestTableTooltip.vue.js";
+const j = { class: "contents" }, O = { class: "sr-only" }, A = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify-end overflow-hidden p-1" }, K = ["onClick"], L = {
   key: 1,
   class: "p-0.5"
-}, oe = /* @__PURE__ */ I({
+}, oe = /* @__PURE__ */ _({
   __name: "RequestTable",
   props: {
     items: {},
@@ -25,196 +26,193 @@ const L = { class: "contents" }, O = { class: "sr-only" }, A = { class: "text-c-
     invalidParams: {}
   },
   emits: ["updateRow", "toggleRow", "addRow", "deleteRow", "inputFocus", "inputBlur", "uploadFile", "removeFile"],
-  setup(F, { emit: U }) {
-    const b = F, r = U, S = ["", "", "36px"], y = (a, e, c) => {
-      r("updateRow", a, e, c);
-    }, _ = (a) => {
+  setup(h, { emit: F }) {
+    const b = h, r = F, U = ["", "", "36px"], y = (a, l, e) => {
+      r("updateRow", a, l, e);
+    }, S = (a) => {
       r("uploadFile", a);
     }, $ = (a) => Array.isArray(a.default) && a.default.length === 1 ? a.default[0] : a.default;
-    return (a, e) => {
-      const c = z("RouterLink");
-      return d(), p(G, {
-        class: "group/table flex-1",
-        columns: S
-      }, {
-        default: n(() => [
-          t(C, { class: "sr-only !block" }, {
-            default: n(() => [
-              t(k, null, {
-                default: n(() => e[4] || (e[4] = [
-                  s("span", { class: "sr-only" }, "Enabled", -1)
-                ])),
-                _: 1
-              }),
-              t(k, null, {
-                default: n(() => e[5] || (e[5] = [
-                  w("Key")
-                ])),
-                _: 1
-              }),
-              t(k, null, {
-                default: n(() => e[6] || (e[6] = [
-                  w("Value")
-                ])),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          (d(!0), m(f, null, D(a.items, (l, u) => (d(), p(C, {
-            id: l.key,
-            key: u,
-            class: V({
-              alert: i(P)(l).value,
-              error: a.invalidParams && a.invalidParams.has(l.key)
+    return (a, l) => (d(), p(q, {
+      class: "group/table flex-1",
+      columns: U
+    }, {
+      default: n(() => [
+        t(R, { class: "sr-only !block" }, {
+          default: n(() => [
+            t(v, null, {
+              default: n(() => l[4] || (l[4] = [
+                s("span", { class: "sr-only" }, "Enabled", -1)
+              ])),
+              _: 1
+            }),
+            t(v, null, {
+              default: n(() => l[5] || (l[5] = [
+                k("Key")
+              ])),
+              _: 1
+            }),
+            t(v, null, {
+              default: n(() => l[6] || (l[6] = [
+                k("Value")
+              ])),
+              _: 1
             })
-          }, {
-            default: n(() => [
-              s("label", L, [
-                a.isGlobal ? (d(), p(c, {
-                  key: 0,
-                  class: "!border-r-1/2 border-t-1/2 text-c-2 flex items-center justify-center",
-                  to: l.route ?? {}
-                }, {
-                  default: n(() => [
-                    e[8] || (e[8] = s("span", { class: "sr-only" }, "Global", -1)),
-                    t(i(E), {
-                      as: "div",
-                      side: "top"
-                    }, {
-                      trigger: n(() => [
-                        t(i(B), {
-                          class: "text-c-1",
-                          icon: "Globe",
-                          size: "xs"
-                        })
-                      ]),
-                      content: n(() => e[7] || (e[7] = [
-                        s("div", { class: "w-content bg-b-1 text-xxs text-c-1 z-100 pointer-events-none z-10 grid max-w-[320px] gap-1.5 rounded p-2 leading-5 shadow-lg" }, [
-                          s("div", { class: "text-c-1 flex items-center" }, [
-                            s("span", { class: "text-pretty" }, " Global cookies are shared across the whole workspace. ")
-                          ])
-                        ], -1)
-                      ])),
-                      _: 1
-                    })
-                  ]),
-                  _: 2
-                }, 1032, ["to"])) : (d(), m(f, { key: 1 }, [
-                  s("span", O, " Row " + x(l.enabled ? "Enabled" : "Disabled"), 1),
-                  t(N, {
-                    class: "!border-r-1/2",
-                    disabled: b.hasCheckboxDisabled,
-                    modelValue: l.enabled,
-                    "onUpdate:modelValue": (o) => r("toggleRow", u, o)
-                  }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])
-                ], 64))
-              ]),
-              t(v, null, {
-                default: n(() => [
-                  t(R, {
-                    disableCloseBrackets: "",
-                    disabled: b.isReadOnly,
-                    disableEnter: "",
-                    disableTabIndent: "",
-                    envVariables: a.envVariables,
-                    environment: a.environment,
-                    modelValue: l.key,
-                    placeholder: "Key",
-                    required: !!l.required,
-                    workspace: a.workspace,
-                    onBlur: e[0] || (e[0] = (o) => r("inputBlur")),
-                    onFocus: e[1] || (e[1] = (o) => r("inputFocus")),
-                    onSelectVariable: (o) => y(u, "key", o),
-                    "onUpdate:modelValue": (o) => r("updateRow", u, "key", o)
-                  }, null, 8, ["disabled", "envVariables", "environment", "modelValue", "required", "workspace", "onSelectVariable", "onUpdate:modelValue"])
-                ]),
-                _: 2
-              }, 1024),
-              t(v, null, {
+          ]),
+          _: 1
+        }),
+        (d(!0), m(f, null, I(a.items, (e, u) => (d(), p(R, {
+          id: e.key,
+          key: u,
+          class: w({
+            alert: i(N)(e).value,
+            error: a.invalidParams && a.invalidParams.has(e.key)
+          })
+        }, {
+          default: n(() => [
+            s("label", j, [
+              a.isGlobal ? (d(), p(i(E), {
+                key: 0,
+                class: "!border-r-1/2 border-t-1/2 text-c-2 flex items-center justify-center",
+                to: e.route ?? {}
+              }, {
                 default: n(() => [
-                  t(R, {
-                    class: V({
-                      "pr-6": i(h)(l)
-                    }),
-                    default: l.default,
-                    disableCloseBrackets: "",
-                    disabled: b.isReadOnly,
-                    disableEnter: "",
-                    disableTabIndent: "",
-                    enum: l.enum ?? [],
-                    envVariables: a.envVariables,
-                    environment: a.environment,
-                    examples: l.examples ?? [],
-                    max: l.maximum,
-                    min: l.minimum,
-                    modelValue: l.value,
-                    nullable: !!l.nullable,
-                    placeholder: "Value",
-                    type: l.type,
-                    workspace: a.workspace,
-                    onBlur: e[2] || (e[2] = (o) => r("inputBlur")),
-                    onFocus: e[3] || (e[3] = (o) => r("inputFocus")),
-                    onSelectVariable: (o) => y(u, "value", o),
-                    "onUpdate:modelValue": (o) => r("updateRow", u, "value", o)
+                  l[8] || (l[8] = s("span", { class: "sr-only" }, "Global", -1)),
+                  t(i(z), {
+                    as: "div",
+                    side: "top"
                   }, {
-                    icon: n(() => [
-                      i(h)(l) ? (d(), p(j, {
-                        key: 0,
-                        item: { ...l, default: $(l) }
-                      }, null, 8, ["item"])) : g("", !0)
+                    trigger: n(() => [
+                      t(i(g), {
+                        class: "text-c-1",
+                        icon: "Globe",
+                        size: "xs"
+                      })
                     ]),
-                    _: 2
-                  }, 1032, ["class", "default", "disabled", "enum", "envVariables", "environment", "examples", "max", "min", "modelValue", "nullable", "type", "workspace", "onSelectVariable", "onUpdate:modelValue"])
+                    content: n(() => l[7] || (l[7] = [
+                      s("div", { class: "w-content bg-b-1 text-xxs text-c-1 z-100 pointer-events-none z-10 grid max-w-[320px] gap-1.5 rounded p-2 leading-5 shadow-lg" }, [
+                        s("div", { class: "text-c-1 flex items-center" }, [
+                          s("span", { class: "text-pretty" }, " Global cookies are shared across the whole workspace. ")
+                        ])
+                      ], -1)
+                    ])),
+                    _: 1
+                  })
                 ]),
                 _: 2
-              }, 1024),
-              a.showUploadButton ? (d(), p(v, {
-                key: 0,
-                class: "group/upload flex items-center justify-center whitespace-nowrap"
-              }, {
-                default: n(() => {
-                  var o;
-                  return [
-                    l.file ? (d(), m(f, { key: 0 }, [
-                      s("div", A, [
-                        s("span", null, x((o = l.file) == null ? void 0 : o.name), 1)
-                      ]),
-                      s("button", {
-                        class: "bg-b-2 centered-x centered-y absolute hidden w-[calc(100%_-_8px)] rounded p-0.5 text-center text-xs font-medium group-hover/upload:block",
-                        type: "button",
-                        onClick: (T) => r("removeFile", u)
-                      }, " Delete ", 8, K)
-                    ], 64)) : (d(), m("div", H, [
-                      t(i(q), {
-                        class: "bg-b-2 hover:bg-b-3 text-c-2 h-fit border-0 py-px shadow-none",
-                        size: "sm",
-                        variant: "outlined",
-                        onClick: (T) => _(u)
-                      }, {
-                        default: n(() => [
-                          e[9] || (e[9] = s("span", null, "Upload File", -1)),
-                          t(i(B), {
-                            class: "ml-1",
-                            icon: "UploadSimple",
-                            size: "xs",
-                            thickness: "2.5"
-                          })
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"])
-                    ]))
-                  ];
-                }),
-                _: 2
-              }, 1024)) : g("", !0)
+              }, 1032, ["to"])) : (d(), m(f, { key: 1 }, [
+                s("span", O, " Row " + V(e.enabled ? "Enabled" : "Disabled"), 1),
+                t(G, {
+                  class: "!border-r-1/2",
+                  disabled: b.hasCheckboxDisabled,
+                  modelValue: e.enabled,
+                  "onUpdate:modelValue": (o) => r("toggleRow", u, o)
+                }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])
+              ], 64))
             ]),
-            _: 2
-          }, 1032, ["id", "class"]))), 128))
-        ]),
-        _: 1
-      });
-    };
+            t(c, null, {
+              default: n(() => [
+                t(B, {
+                  disableCloseBrackets: "",
+                  disabled: b.isReadOnly,
+                  disableEnter: "",
+                  disableTabIndent: "",
+                  envVariables: a.envVariables,
+                  environment: a.environment,
+                  modelValue: e.key,
+                  placeholder: "Key",
+                  required: !!e.required,
+                  workspace: a.workspace,
+                  onBlur: l[0] || (l[0] = (o) => r("inputBlur")),
+                  onFocus: l[1] || (l[1] = (o) => r("inputFocus")),
+                  onSelectVariable: (o) => y(u, "key", o),
+                  "onUpdate:modelValue": (o) => r("updateRow", u, "key", o)
+                }, null, 8, ["disabled", "envVariables", "environment", "modelValue", "required", "workspace", "onSelectVariable", "onUpdate:modelValue"])
+              ]),
+              _: 2
+            }, 1024),
+            t(c, null, {
+              default: n(() => [
+                t(B, {
+                  class: w({
+                    "pr-6": i(C)(e)
+                  }),
+                  default: e.default,
+                  disableCloseBrackets: "",
+                  disabled: b.isReadOnly,
+                  disableEnter: "",
+                  disableTabIndent: "",
+                  enum: e.enum ?? [],
+                  envVariables: a.envVariables,
+                  environment: a.environment,
+                  examples: e.examples ?? [],
+                  max: e.maximum,
+                  min: e.minimum,
+                  modelValue: e.value,
+                  nullable: !!e.nullable,
+                  placeholder: "Value",
+                  type: e.type,
+                  workspace: a.workspace,
+                  onBlur: l[2] || (l[2] = (o) => r("inputBlur")),
+                  onFocus: l[3] || (l[3] = (o) => r("inputFocus")),
+                  onSelectVariable: (o) => y(u, "value", o),
+                  "onUpdate:modelValue": (o) => r("updateRow", u, "value", o)
+                }, {
+                  icon: n(() => [
+                    i(C)(e) ? (d(), p(P, {
+                      key: 0,
+                      item: { ...e, default: $(e) }
+                    }, null, 8, ["item"])) : x("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "default", "disabled", "enum", "envVariables", "environment", "examples", "max", "min", "modelValue", "nullable", "type", "workspace", "onSelectVariable", "onUpdate:modelValue"])
+              ]),
+              _: 2
+            }, 1024),
+            a.showUploadButton ? (d(), p(c, {
+              key: 0,
+              class: "group/upload flex items-center justify-center whitespace-nowrap"
+            }, {
+              default: n(() => {
+                var o;
+                return [
+                  e.file ? (d(), m(f, { key: 0 }, [
+                    s("div", A, [
+                      s("span", null, V((o = e.file) == null ? void 0 : o.name), 1)
+                    ]),
+                    s("button", {
+                      class: "bg-b-2 centered-x centered-y absolute hidden w-[calc(100%_-_8px)] rounded p-0.5 text-center text-xs font-medium group-hover/upload:block",
+                      type: "button",
+                      onClick: (T) => r("removeFile", u)
+                    }, " Delete ", 8, K)
+                  ], 64)) : (d(), m("div", L, [
+                    t(i(D), {
+                      class: "bg-b-2 hover:bg-b-3 text-c-2 h-fit border-0 py-px shadow-none",
+                      size: "sm",
+                      variant: "outlined",
+                      onClick: (T) => S(u)
+                    }, {
+                      default: n(() => [
+                        l[9] || (l[9] = s("span", null, "Upload File", -1)),
+                        t(i(g), {
+                          class: "ml-1",
+                          icon: "UploadSimple",
+                          size: "xs",
+                          thickness: "2.5"
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ]))
+                ];
+              }),
+              _: 2
+            }, 1024)) : x("", !0)
+          ]),
+          _: 2
+        }, 1032, ["id", "class"]))), 128))
+      ]),
+      _: 1
+    }));
   }
 });
 export {

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

@@ -37,7 +37,7 @@ const P = { class: "col-1 flex-center relative gap-6 p-2 capitalize" }, T = {
       }));
     }, y = (s) => {
       s != null && s.createNew && w.name === "request" && k();
-    }, N = "2.3.8";
+    }, N = "2.3.10";
     return B(() => r.hotKeys.on(y)), E(() => r.hotKeys.off(y)), (s, e) => (u(), i("div", P, [
       o("div", {
         class: q(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {

package/dist/views/Request/ResponseSection/ResponseSection.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ResponseSection.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseSection.test.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.test.ts"],"names":[],"mappings":""}

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":"AAoOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAgBvE,KAAK,WAAW,GAAG;IACjB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAA;CACvC,CAAC;;AAyRF,wBAOG"}
+{"version":3,"file":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AAuOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAgBvE,KAAK,WAAW,GAAG;IACjB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAA;CACvC,CAAC;;AA4RF,wBAOG"}

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as j, computed as d, ref as T, useId as g, openBlock as l, createBlock as i, withCtx as v, createElementVNode as u, normalizeClass as y, createCommentVNode as c, createVNode as h, createElementBlock as k, Fragment as A } from "vue";
+import { defineComponent as j, computed as c, ref as T, useId as g, openBlock as n, createBlock as i, withCtx as v, createElementVNode as d, normalizeClass as y, createCommentVNode as u, createVNode as h, createElementBlock as k, Fragment as A } from "vue";
 import I from "../../../components/SectionFilter.vue.js";
 import V from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
 import H from "./ResponseBody.vue.js";
@@ -9,49 +9,49 @@ import $ from "./ResponseBodyVirtual.vue.js";
 /* empty css                         */
 import w from "./ResponseCookies.vue.js";
 import z from "./ResponseHeaders.vue.js";
-const L = { class: "flex h-8 flex-1 items-center" }, N = ["id", "role"], x = 2e5, J = /* @__PURE__ */ j({
+const L = { class: "flex h-8 flex-1 items-center" }, N = ["id", "role"], b = 2e5, J = /* @__PURE__ */ j({
   __name: "ResponseSection",
   props: {
     numWorkspaceRequests: {},
     response: {}
   },
-  setup(n) {
-    const m = d(() => {
-      var o;
-      const e = (o = n.response) == null ? void 0 : o.headers;
-      return e ? Object.keys(e).map((a) => ({
-        name: a,
-        value: e[a] ?? "",
+  setup(t) {
+    const m = c(() => {
+      var a;
+      const e = (a = t.response) == null ? void 0 : a.headers;
+      return e ? Object.keys(e).map((o) => ({
+        name: o,
+        value: e[o] ?? "",
         required: !1
       })).filter(
-        (a) => ![
+        (o) => ![
           "rest-api-client-content-length",
           "X-API-Client-Content-Length"
-        ].includes(a.name)
+        ].includes(o.name)
       ) : [];
-    }), B = d(
+    }), x = c(
       () => {
         var e;
-        return ((e = n.response) == null ? void 0 : e.cookieHeaderKeys.flatMap((o) => {
-          var t, r;
-          const a = (r = (t = n.response) == null ? void 0 : t.headers) == null ? void 0 : r[o];
-          return a ? {
-            name: o,
-            value: a,
+        return ((e = t.response) == null ? void 0 : e.cookieHeaderKeys.flatMap((a) => {
+          var l, r;
+          const o = (r = (l = t.response) == null ? void 0 : l.headers) == null ? void 0 : r[a];
+          return o ? {
+            name: a,
+            value: o,
             required: !1
           } : [];
         })) ?? [];
       }
-    ), b = ["Cookies", "Headers", "Body"], s = T("All"), f = d(() => ["All", ...b]), p = d(
+    ), B = ["Cookies", "Headers", "Body"], s = T("All"), f = c(() => ["All", ...B]), p = c(
       () => Object.fromEntries(
         f.value.map((e) => [e, g()])
       )
-    ), R = d(() => {
-      var t, r;
-      if (!n.response)
+    ), R = c(() => {
+      var l, r;
+      if (!t.response)
         return !1;
-      const e = ((t = n.response.headers) == null ? void 0 : t["content-type"]) || ((r = n.response.headers) == null ? void 0 : r["Content-Type"]);
-      return !e || (n.response.size ?? 0) <= x || e.includes("text/html") ? !1 : [
+      const e = ((l = t.response.headers) == null ? void 0 : l["content-type"]) || ((r = t.response.headers) == null ? void 0 : r["Content-Type"]);
+      return !e || (t.response.size ?? 0) <= b || e.includes("text/html") ? !1 : [
         // Text types
         "text/",
         // JSON types
@@ -78,63 +78,66 @@ const L = { class: "flex h-8 flex-1 items-center" }, N = ["id", "role"], x = 2e5
         "application/x-java-source",
         // Form data
         "application/x-www-form-urlencoded"
-      ].some((C) => e.includes(C)) && (n.response.size ?? 0) > x;
+      ].some((C) => e.includes(C)) && (t.response.size ?? 0) > b;
     });
-    return (e, o) => (l(), i(V, { "aria-label": "Response" }, {
+    return (e, a) => (n(), i(V, { "aria-label": "Response" }, {
       title: v(() => [
-        u("div", L, [
-          u("div", {
+        d("div", L, [
+          d("div", {
             "aria-live": "polite",
             class: y(["flex items-center", { "animate-response-heading": e.response }])
           }, [
-            o[1] || (o[1] = u("span", { class: "response-heading pointer-events-none absolute" }, " Response ", -1)),
-            e.response ? (l(), i(O, {
+            a[1] || (a[1] = d("span", { class: "response-heading pointer-events-none absolute" }, " Response ", -1)),
+            e.response ? (n(), i(O, {
               key: 0,
               class: "animate-response-children",
               response: e.response
-            }, null, 8, ["response"])) : c("", !0)
+            }, null, 8, ["response"])) : u("", !0)
           ], 2),
           h(I, {
             modelValue: s.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (a) => s.value = a),
+            "onUpdate:modelValue": a[0] || (a[0] = (o) => s.value = o),
             filterIds: p.value,
             filters: f.value
           }, null, 8, ["modelValue", "filterIds", "filters"])
         ])
       ]),
       default: v(() => {
-        var a, t, r;
+        var o, l, r;
         return [
-          u("div", {
+          d("div", {
             id: p.value.All,
-            class: y(["custom-scroll relative grid h-full justify-stretch divide-y", {
+            class: y(["custom-scroll response-section-content relative grid h-full justify-stretch", {
               "content-start": e.response
             }]),
             role: s.value === "All" && e.response ? "tabpanel" : "none"
           }, [
-            e.response ? (l(), k(A, { key: 1 }, [
-              s.value === "All" || s.value === "Cookies" ? (l(), i(w, {
+            e.response ? (n(), k(A, { key: 1 }, [
+              s.value === "All" || s.value === "Cookies" ? (n(), i(w, {
                 key: 0,
+                class: "response-section-content-cookies",
                 id: p.value.Cookies,
-                cookies: B.value,
+                cookies: x.value,
                 role: s.value === "All" ? "none" : "tabpanel"
-              }, null, 8, ["id", "cookies", "role"])) : c("", !0),
-              s.value === "All" || s.value === "Headers" ? (l(), i(z, {
+              }, null, 8, ["id", "cookies", "role"])) : u("", !0),
+              s.value === "All" || s.value === "Headers" ? (n(), i(z, {
                 key: 1,
+                class: "response-section-content-headers",
                 id: p.value.Headers,
                 headers: m.value,
                 role: s.value === "All" ? "none" : "tabpanel"
-              }, null, 8, ["id", "headers", "role"])) : c("", !0),
-              s.value === "All" || s.value === "Body" ? (l(), k(A, { key: 2 }, [
-                R.value && typeof ((a = e.response) == null ? void 0 : a.data) == "string" ? (l(), i($, {
+              }, null, 8, ["id", "headers", "role"])) : u("", !0),
+              s.value === "All" || s.value === "Body" ? (n(), k(A, { key: 2 }, [
+                R.value && typeof ((o = e.response) == null ? void 0 : o.data) == "string" ? (n(), i($, {
                   key: 0,
                   id: p.value.Body,
                   content: e.response.data,
-                  data: (t = e.response) == null ? void 0 : t.data,
+                  data: (l = e.response) == null ? void 0 : l.data,
                   headers: m.value,
                   role: s.value === "All" ? "none" : "tabpanel"
-                }, null, 8, ["id", "content", "data", "headers", "role"])) : (l(), i(H, {
+                }, null, 8, ["id", "content", "data", "headers", "role"])) : (n(), i(H, {
                   key: 1,
+                  class: "response-section-content-body",
                   id: p.value.Body,
                   active: !0,
                   data: (r = e.response) == null ? void 0 : r.data,
@@ -142,8 +145,8 @@ const L = { class: "flex h-8 flex-1 items-center" }, N = ["id", "role"], x = 2e5
                   role: s.value === "All" ? "none" : "tabpanel",
                   title: "Body"
                 }, null, 8, ["id", "data", "headers", "role"]))
-              ], 64)) : c("", !0)
-            ], 64)) : (l(), i(q, {
+              ], 64)) : u("", !0)
+            ], 64)) : (n(), i(q, {
               key: 0,
               numWorkspaceRequests: e.numWorkspaceRequests
             }, null, 8, ["numWorkspaceRequests"])),