@scalar/api-client 2.3.30 → 2.3.32

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

@@ -1,70 +1,64 @@
-import { defineComponent as H, computed as a, ref as U, openBlock as v, createElementBlock as j, createVNode as i, withCtx as c, createTextVNode as D, createElementVNode as x, unref as r, toDisplayString as N, createBlock as C } from "vue";
-import { ScalarCombobox as R, ScalarButton as T, ScalarIcon as W, ScalarCodeBlock as q } from "@scalar/components";
-import { snippetz as z } from "@scalar/snippetz";
-import I from "../../../components/DataTable/DataTable.vue.js";
-import O from "../../../components/DataTable/DataTableRow.vue.js";
+import { defineComponent as H, computed as a, ref as U, createElementBlock as j, openBlock as y, createVNode as i, withCtx as c, createElementVNode as x, createBlock as C, unref as r, toDisplayString as D, createTextVNode as N } from "vue";
+import { ScalarCodeBlock as T, ScalarCombobox as W, ScalarButton as z, ScalarIcon as I } from "@scalar/components";
+import { snippetz as O } from "@scalar/snippetz";
+import R from "../../../components/DataTable/DataTable.vue.js";
+import q from "../../../components/DataTable/DataTableRow.vue.js";
 import M from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { filterSecurityRequirements as P } from "./helpers/filter-security-requirements.js";
-import A from "../../Components/CodeSnippet/CodeSnippet.vue.js";
-import { useWorkspace as F } from "../../../store/store.js";
-const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class: "bg-b-1 flex items-center justify-center overflow-hidden border-t" }, ne = /* @__PURE__ */ H({
+import P from "../../Components/CodeSnippet/CodeSnippet.vue.js";
+import { useWorkspace as A } from "../../../store/store.js";
+const F = { class: "w-full" }, G = { class: "-mx-1 flex flex-1" }, J = { class: "bg-b-1 flex items-center justify-center overflow-hidden border-t" }, le = /* @__PURE__ */ H({
   __name: "RequestCodeExample",
   props: {
     collection: {},
     example: {},
     operation: {},
     server: {},
-    workspace: {}
+    workspace: {},
+    environment: {}
   },
-  setup(n) {
-    var b, K, S, h;
-    const { securitySchemes: k, workspaceMutators: w } = F(), f = a(() => {
+  setup(o) {
+    var b, K, h, S;
+    const { securitySchemes: k, workspaceMutators: w } = A(), f = a(() => {
       var t, e, l;
       return d.value.targetKey === "custom" && ((t = u.value) == null ? void 0 : t.some(
-        (o) => o.lang === d.value.clientKey
+        (n) => n.lang === d.value.clientKey
       )) ? d.value : {
-        targetKey: ((e = n.workspace.selectedHttpClient) == null ? void 0 : e.targetKey) ?? "js",
-        clientKey: ((l = n.workspace.selectedHttpClient) == null ? void 0 : l.clientKey) ?? "fetch"
+        targetKey: ((e = o.workspace.selectedHttpClient) == null ? void 0 : e.targetKey) ?? "js",
+        clientKey: ((l = o.workspace.selectedHttpClient) == null ? void 0 : l.clientKey) ?? "fetch"
       };
     }), u = a(
-      () => n.operation["x-codeSamples"] || n.operation["x-code-samples"] || n.operation["x-custom-examples"]
+      () => o.operation["x-codeSamples"] || o.operation["x-code-samples"] || o.operation["x-custom-examples"]
     ), d = U(
       (b = u.value) != null && b.length ? {
         targetKey: "custom",
         clientKey: (K = u.value[0]) == null ? void 0 : K.lang
       } : {
-        targetKey: ((S = n.workspace.selectedHttpClient) == null ? void 0 : S.targetKey) ?? "js",
-        clientKey: ((h = n.workspace.selectedHttpClient) == null ? void 0 : h.clientKey) ?? "fetch"
+        targetKey: ((h = o.workspace.selectedHttpClient) == null ? void 0 : h.targetKey) ?? "js",
+        clientKey: ((S = o.workspace.selectedHttpClient) == null ? void 0 : S.clientKey) ?? "fetch"
       }
-    ), $ = a(
-      () => P(
-        n.operation.security || n.collection.security || [],
-        n.operation.selectedSecuritySchemeUids || n.collection.selectedSecuritySchemeUids,
-        k
-      )
-    ), y = a(() => {
-      const t = {}, e = z().clients().map((o) => ({
-        label: o.title,
-        options: o.clients.map((p) => (t[`${o.key},${p.client}`] = p.title, {
-          id: `${o.key},${p.client}`,
+    ), $ = a(() => (o.operation.selectedSecuritySchemeUids || o.collection.selectedSecuritySchemeUids || []).flat().map((e) => k[e]).filter((e) => !!e)), v = a(() => {
+      const t = {}, e = O().clients().map((n) => ({
+        label: n.title,
+        options: n.clients.map((p) => (t[`${n.key},${p.client}`] = p.title, {
+          id: `${n.key},${p.client}`,
           label: p.title
         }))
-      })), l = (n.operation["x-codeSamples"] || n.operation["x-code-samples"] || n.operation["x-custom-examples"] || []).map((o) => ({
-        id: `custom,${o.lang}`,
-        label: o.label || o.lang
+      })), l = (o.operation["x-codeSamples"] || o.operation["x-code-samples"] || o.operation["x-custom-examples"] || []).map((n) => ({
+        id: `custom,${n.lang}`,
+        label: n.label || n.lang
       })), m = l.length > 0 ? [
         {
           id: "customExamples",
           label: "Code Examples",
-          options: l.map((o) => ({
-            id: o.id,
-            label: o.label ?? o.id
+          options: l.map((n) => ({
+            id: n.id,
+            label: n.label ?? n.id
           }))
         },
         ...e
       ] : e;
-      return l.forEach((o) => {
-        t[o.id] = o.label ?? o.id;
+      return l.forEach((n) => {
+        t[n.id] = n.label ?? n.id;
       }), {
         options: m,
         dict: t
@@ -75,24 +69,24 @@ const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class:
         const l = `custom,${t.clientKey}`;
         return {
           id: l,
-          label: y.value.dict[l] ?? "Unknown"
+          label: v.value.dict[l] ?? "Unknown"
         };
       }
       const e = `${t.targetKey},${t.clientKey}`;
       return {
         id: e,
-        label: y.value.dict[e] ?? "Unknown"
+        label: v.value.dict[e] ?? "Unknown"
       };
     }), E = a(
       () => f.value.targetKey
-    ), V = a(
+    ), B = a(
       () => f.value.clientKey
-    ), B = ({ id: t }) => {
+    ), V = ({ id: t }) => {
       const [e, l] = t.split(",");
       !e || !l || (d.value = {
         targetKey: e,
         clientKey: l
-      }, e !== "custom" && w.edit(n.workspace.uid, "selectedHttpClient", {
+      }, e !== "custom" && w.edit(o.workspace.uid, "selectedHttpClient", {
         targetKey: e,
         clientKey: l
       }));
@@ -103,24 +97,24 @@ const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class:
       const t = s.value.id.split(",")[1], e = (l = u.value) == null ? void 0 : l.find((m) => m.lang === t);
       return e == null ? void 0 : e.source;
     });
-    return (t, e) => (v(), j("div", G, [
+    return (t, e) => (y(), j("div", F, [
       i(M, {
         class: "group/preview w-full border-b-0",
         defaultOpen: !1
       }, {
         title: c(() => e[0] || (e[0] = [
-          D("Code Snippet")
+          N("Code Snippet")
         ])),
         actions: c(() => [
-          x("div", J, [
-            i(r(R), {
+          x("div", G, [
+            i(r(W), {
               modelValue: s.value,
-              options: y.value.options,
+              options: v.value.options,
               placement: "bottom-end",
-              "onUpdate:modelValue": B
+              "onUpdate:modelValue": V
             }, {
               default: c(() => [
-                i(r(T), {
+                i(r(z), {
                   class: "text-c-1 hover:bg-b-3 py-0.75 flex h-full w-fit gap-1.5 px-1.5 font-normal",
                   fullWidth: "",
                   variant: "ghost"
@@ -128,8 +122,8 @@ const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class:
                   default: c(() => {
                     var l;
                     return [
-                      x("span", null, N((l = s.value) == null ? void 0 : l.label), 1),
-                      i(r(W), {
+                      x("span", null, D((l = s.value) == null ? void 0 : l.label), 1),
+                      i(r(I), {
                         icon: "ChevronDown",
                         size: "md"
                       })
@@ -143,29 +137,30 @@ const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class:
           ])
         ]),
         default: c(() => [
-          i(I, {
+          i(R, {
             columns: [""],
             presentational: ""
           }, {
             default: c(() => [
-              i(O, null, {
+              i(q, null, {
                 default: c(() => [
-                  x("div", L, [
-                    g.value ? (v(), C(r(q), {
+                  x("div", J, [
+                    g.value ? (y(), C(r(T), {
                       key: 0,
                       class: "px-3 py-1.5",
                       content: g.value,
                       lang: s.value.id.split(",")[1] ?? "plaintext"
-                    }, null, 8, ["content", "lang"])) : (v(), C(r(A), {
+                    }, null, 8, ["content", "lang"])) : (y(), C(r(P), {
                       key: 1,
                       class: "px-3 py-1.5",
-                      client: V.value,
+                      client: B.value,
                       example: t.example,
                       operation: t.operation,
                       securitySchemes: $.value,
                       server: t.server,
-                      target: E.value
-                    }, null, 8, ["client", "example", "operation", "securitySchemes", "server", "target"]))
+                      target: E.value,
+                      environment: t.environment
+                    }, null, 8, ["client", "example", "operation", "securitySchemes", "server", "target", "environment"]))
                   ])
                 ]),
                 _: 1
@@ -180,5 +175,5 @@ const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class:
   }
 });
 export {
-  ne as default
+  le as default
 };

package/dist/views/Request/RequestSection/RequestParams.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, ref as h, computed as u, onMounted as z, nextTick as d, watch as A, openBlock as v, createBlock as f, withCtx as i, createTextVNode as P, toDisplayString as w, createElementVNode as r, unref as R, createVNode as V, withModifiers as B, createCommentVNode as C, normalizeClass as M } from "vue";
+import { defineComponent as N, ref as h, computed as u, onMounted as z, nextTick as d, watch as A, createBlock as v, openBlock as f, withCtx as i, createElementVNode as r, createCommentVNode as P, createVNode as w, normalizeClass as B, unref as R, withModifiers as M, createTextVNode as V, toDisplayString as C } from "vue";
 import { ScalarTooltip as W, ScalarButton as D } from "@scalar/components";
 import { requestExampleParametersSchema as x } from "@scalar/oas-utils/entities/spec";
 import G from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
@@ -91,30 +91,30 @@ const j = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
       { immediate: !0 }
     );
     const g = u(() => (t.readOnlyEntries ?? []).length > 0);
-    return (e, a) => (v(), f(G, {
+    return (e, a) => (f(), v(G, {
       class: "group/params",
       itemCount: O.value
     }, {
       title: i(() => [
-        P(w(e.title), 1)
+        V(C(e.title), 1)
       ]),
       actions: i(() => [
         r("div", j, [
-          S.value ? (v(), f(R(W), {
+          S.value ? (f(), v(R(W), {
             key: 0,
             side: "left",
             sideOffset: 6
           }, {
             trigger: i(() => [
-              V(R(D), {
+              w(R(D), {
                 class: "pr-0.75 pl-1 transition-none",
                 size: "sm",
                 variant: "ghost",
-                onClick: B(E, ["stop"])
+                onClick: M(E, ["stop"])
               }, {
                 default: i(() => [
-                  a[0] || (a[0] = P(" Clear ")),
-                  r("span", F, "All " + w(e.title), 1)
+                  a[0] || (a[0] = V(" Clear ")),
+                  r("span", F, "All " + C(e.title), 1)
                 ]),
                 _: 1
               })
@@ -127,7 +127,7 @@ const j = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
               ], -1)
             ])),
             _: 1
-          })) : C("", !0)
+          })) : P("", !0)
         ])
       ]),
       default: i(() => [
@@ -135,9 +135,9 @@ const j = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
           ref_key: "tableWrapperRef",
           ref: c
         }, [
-          g.value ? (v(), f(K, {
+          g.value ? (f(), v(K, {
             key: 0,
-            class: M(["flex-1", {
+            class: B(["flex-1", {
               "bg-mix-transparent bg-mix-amount-95 bg-c-3": g.value
             }]),
             columns: ["32px", "", ""],
@@ -149,8 +149,8 @@ const j = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
             items: e.readOnlyEntries,
             label: e.label,
             workspace: e.workspace
-          }, null, 8, ["class", "envVariables", "environment", "invalidParams", "items", "label", "workspace"])) : C("", !0),
-          V(K, {
+          }, null, 8, ["class", "envVariables", "environment", "invalidParams", "items", "label", "workspace"])) : P("", !0),
+          w(K, {
             class: "flex-1",
             columns: ["32px", "", ""],
             envVariables: e.envVariables,

package/dist/views/Request/RequestSection/RequestPathParams.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as R, computed as $, watch as K, openBlock as d, createBlock as h, withCtx as f, createTextVNode as b, toDisplayString as x, createCommentVNode as V } from "vue";
+import { defineComponent as R, computed as $, watch as K, createBlock as d, openBlock as h, withCtx as f, createCommentVNode as b, createTextVNode as x, toDisplayString as V } from "vue";
 import { REGEX as C } from "@scalar/oas-utils/helpers";
 import q from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 import E from "./RequestTable.vue.js";
@@ -69,14 +69,14 @@ const A = /* @__PURE__ */ R({
       (e) => {
         e && g(e);
       }
-    ), (e, r) => (d(), h(q, {
+    ), (e, r) => (h(), d(q, {
       itemCount: s.value.length
     }, {
       title: f(() => [
-        b(x(e.title), 1)
+        x(V(e.title), 1)
       ]),
       default: f(() => [
-        s.value.length ? (d(), h(E, {
+        s.value.length ? (h(), d(E, {
           key: 0,
           class: "flex-1",
           columns: ["32px", "", ""],
@@ -87,7 +87,7 @@ const A = /* @__PURE__ */ R({
           workspace: e.workspace,
           onUpdateRow: v,
           onDeleteRow: y
-        }, null, 8, ["envVariables", "environment", "invalidParams", "items", "workspace"])) : V("", !0)
+        }, null, 8, ["envVariables", "environment", "invalidParams", "items", "workspace"])) : b("", !0)
       ]),
       _: 1
     }, 8, ["itemCount"]));

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

@@ -1 +1 @@
-{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":"AAgUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAA;AACnF,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AASrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAU1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,OAAO,EAAE,cAAc,CAAA;IACvB,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;IACpB,0BAA0B,EAAE,0BAA0B,CAAA;IACtD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AAoVF,wBAOG"}
+{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":"AAiUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAA;AACnF,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AASrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAU1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,OAAO,EAAE,cAAc,CAAA;IACvB,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;IACpB,0BAA0B,EAAE,0BAA0B,CAAA;IACtD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AAoVF,wBAOG"}

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

@@ -1,7 +1,7 @@
-import e from "./RequestSection.vue2.js";
+import o from "./RequestSection.vue2.js";
 /* empty css                    */
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2e516ee8"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-83e16b0b"]]);
 export {
   p as default
 };

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

@@ -1,11 +1,11 @@
-import { defineComponent as H, computed as p, useId as A, ref as N, watch as I, openBlock as i, createBlock as d, withCtx as v, createElementVNode as c, unref as n, createElementBlock as f, createCommentVNode as y, toDisplayString as U, createVNode as t, withDirectives as s, vShow as m } from "vue";
+import { defineComponent as H, computed as p, useId as A, ref as N, watch as I, createBlock as v, openBlock as i, withCtx as d, createElementVNode as c, withDirectives as s, createCommentVNode as f, createVNode as t, unref as n, vShow as m, createElementBlock as y, toDisplayString as U } from "vue";
 import { ScalarErrorBoundary as D } from "@scalar/components";
-import { canMethodHaveBody as h, isDefined as K, REGEX as q } from "@scalar/oas-utils/helpers";
+import { canMethodHaveBody as b, isDefined as K, REGEX as q } from "@scalar/oas-utils/helpers";
 import Q from "../../../components/SectionFilter.vue.js";
 import $ from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
 import { matchesDomain as L } from "../../../libs/send-request/set-request-cookies.js";
 import j from "./RequestBody.vue.js";
-import b from "./RequestParams.vue.js";
+import h from "./RequestParams.vue.js";
 import F from "./RequestPathParams.vue.js";
 import M from "./RequestAuth/RequestAuth.vue.js";
 import T from "./RequestCodeExample.vue.js";
@@ -37,7 +37,7 @@ const G = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
       "Body"
     ], { requestMutators: S, cookies: g, securitySchemes: B } = W(), { layout: u } = z(), k = p(() => {
       const e = /* @__PURE__ */ new Set(["All", ...P]);
-      return l.example.parameters.path.length || e.delete("Variables"), h(l.operation.method ?? "get") || e.delete("Body"), w.value && e.delete("Auth"), [...e];
+      return l.example.parameters.path.length || e.delete("Variables"), b(l.operation.method ?? "get") || e.delete("Body"), w.value && e.delete("Auth"), [...e];
     }), r = p(
       () => Object.fromEntries(
         k.value.map((e) => [e, A()])
@@ -51,7 +51,7 @@ const G = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
     I(
       () => l.operation,
       (e) => {
-        a.value === "Body" && e && !h(e.method) && (a.value = "All");
+        a.value === "Body" && e && !b(e.method) && (a.value = "All");
       }
     );
     const C = (e) => {
@@ -75,24 +75,24 @@ const G = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
         enabled: !0
       }))
     ), E = () => l.operation.summary ? l.operation.summary : l.operation.path.replace(q.PROTOCOL, "") ? l.operation.path.replace(q.PROTOCOL, "") : "Request Name", V = A();
-    return (e, o) => (i(), d($, {
+    return (e, o) => (i(), v($, {
       "aria-label": `Request: ${e.operation.summary}`
     }, {
-      title: v(() => [
+      title: d(() => [
         c("div", G, [
-          n(u) !== "modal" ? (i(), f("label", {
+          n(u) !== "modal" ? (i(), y("label", {
             key: 0,
             class: "pointer-events-auto absolute left-0 top-0 h-full w-full cursor-text opacity-0",
             for: n(V)
-          }, null, 8, X)) : y("", !0),
-          n(u) !== "modal" ? (i(), f("input", {
+          }, null, 8, X)) : f("", !0),
+          n(u) !== "modal" ? (i(), y("input", {
             key: 1,
             id: n(V),
             class: "text-c-1 group-hover-input pl-1.25 md:-ml-1.25 pointer-events-auto relative z-10 -ml-0.5 h-8 w-full rounded has-[:focus-visible]:outline",
             placeholder: E(),
             value: e.operation.summary,
             onInput: C
-          }, null, 40, J)) : (i(), f("span", Y, U(e.operation.summary), 1))
+          }, null, 40, J)) : (i(), y("span", Y, U(e.operation.summary), 1))
         ]),
         t(Q, {
           modelValue: a.value,
@@ -101,13 +101,13 @@ const G = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
           filters: k.value
         }, null, 8, ["modelValue", "filterIds", "filters"])
       ]),
-      default: v(() => [
+      default: d(() => [
         c("div", {
           id: r.value.All,
           class: "request-section-content custom-scroll relative flex flex-1 flex-col divide-y",
           role: a.value === "All" ? "tabpanel" : "none"
         }, [
-          e.collection && e.workspace && (n(u) !== "modal" || Object.keys(n(B) ?? {}).length) ? s((i(), d(M, {
+          e.collection && e.workspace && (n(u) !== "modal" || Object.keys(n(B) ?? {}).length) ? s((i(), v(M, {
             key: 0,
             id: r.value.Auth,
             class: "request-section-content-auth border-b-0",
@@ -126,7 +126,7 @@ const G = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
               m,
               !w.value && (a.value === "All" || a.value === "Auth")
             ]
-          ]) : y("", !0),
+          ]) : f("", !0),
           s(t(F, {
             id: r.value.Variables,
             class: "request-section-content-path-params",
@@ -145,7 +145,7 @@ const G = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
               (a.value === "All" || a.value === "Variables") && e.example.parameters.path.length
             ]
           ]),
-          s(t(b, {
+          s(t(h, {
             id: r.value.Cookies,
             class: "request-section-content-cookies",
             envVariables: e.envVariables,
@@ -162,7 +162,7 @@ const G = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "readOnlyEntries", "role", "workspace"]), [
             [m, a.value === "All" || a.value === "Cookies"]
           ]),
-          s(t(b, {
+          s(t(h, {
             id: r.value.Headers,
             class: "request-section-content-headers",
             envVariables: e.envVariables,
@@ -178,7 +178,7 @@ const G = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
             [m, a.value === "All" || a.value === "Headers"]
           ]),
-          s(t(b, {
+          s(t(h, {
             id: r.value.Query,
             class: "request-section-content-query",
             envVariables: e.envVariables,
@@ -194,7 +194,7 @@ const G = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
             [m, a.value === "All" || a.value === "Query"]
           ]),
-          e.operation.method && (a.value === "All" || a.value === "Body") && n(h)(e.operation.method) ? (i(), d(j, {
+          e.operation.method && (a.value === "All" || a.value === "Body") && n(b)(e.operation.method) ? (i(), v(j, {
             key: 1,
             id: r.value.Body,
             class: "request-section-content-body",
@@ -205,18 +205,19 @@ const G = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             role: a.value === "All" ? "none" : "tabpanel",
             title: "Body",
             workspace: e.workspace
-          }, null, 8, ["id", "envVariables", "environment", "example", "operation", "role", "workspace"])) : y("", !0),
+          }, null, 8, ["id", "envVariables", "environment", "example", "operation", "role", "workspace"])) : f("", !0),
           o[1] || (o[1] = c("div", { class: "-my-0.25 flex flex-grow" }, null, -1)),
           t(n(D), null, {
-            default: v(() => [
+            default: d(() => [
               t(T, {
                 class: "request-section-content-code-example",
                 collection: e.collection,
                 example: e.example,
                 operation: e.operation,
                 server: e.server,
-                workspace: e.workspace
-              }, null, 8, ["collection", "example", "operation", "server", "workspace"])
+                workspace: e.workspace,
+                environment: e.envVariables
+              }, null, 8, ["collection", "example", "operation", "server", "workspace", "environment"])
             ]),
             _: 1
           })

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

@@ -1,4 +1,4 @@
-import { defineComponent as _, openBlock as d, createBlock as p, withCtx as n, createVNode as t, createTextVNode as f, toDisplayString as c, createElementBlock as b, Fragment as h, renderList as q, normalizeClass as v, unref as r, createElementVNode as i, createCommentVNode as k } from "vue";
+import { defineComponent as _, createBlock as p, openBlock as d, withCtx as n, createVNode as t, createElementBlock as f, createTextVNode as b, toDisplayString as c, Fragment as h, renderList as q, normalizeClass as v, unref as r, createCommentVNode as k, createElementVNode as i } from "vue";
 import { ScalarTooltip as D, ScalarIcon as x, ScalarButton as B } from "@scalar/components";
 import { ScalarIconTrash as E } from "@scalar/icons";
 import { RouterLink as G } from "vue-router";
@@ -43,26 +43,26 @@ const A = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify
           default: n(() => [
             t(w, null, {
               default: n(() => [
-                f(c(e.label) + " Enabled", 1)
+                b(c(e.label) + " Enabled", 1)
               ]),
               _: 1
             }),
             t(w, null, {
               default: n(() => [
-                f(c(e.label) + " Key", 1)
+                b(c(e.label) + " Key", 1)
               ]),
               _: 1
             }),
             t(w, null, {
               default: n(() => [
-                f(c(e.label) + " Value", 1)
+                b(c(e.label) + " Value", 1)
               ]),
               _: 1
             })
           ]),
           _: 1
         }),
-        (d(!0), b(h, null, q(e.items, (l, u) => (d(), p(C, {
+        (d(!0), f(h, null, q(e.items, (l, u) => (d(), p(C, {
           id: l.key,
           key: u,
           class: v({
@@ -189,7 +189,7 @@ const A = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify
               default: n(() => {
                 var a;
                 return [
-                  l.file ? (d(), b(h, { key: 0 }, [
+                  l.file ? (d(), f(h, { key: 0 }, [
                     i("div", A, [
                       i("span", null, c((a = l.file) == null ? void 0 : a.name), 1)
                     ]),
@@ -198,7 +198,7 @@ const A = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify
                       type: "button",
                       onClick: (I) => s("removeFile", u)
                     }, " Delete ", 8, K)
-                  ], 64)) : (d(), b("div", L, [
+                  ], 64)) : (d(), f("div", L, [
                     t(r(B), {
                       class: "bg-b-2 hover:bg-b-3 text-c-2 h-fit border-0 py-px shadow-none",
                       size: "sm",

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

@@ -1,4 +1,4 @@
-import { defineComponent as u, computed as c, openBlock as t, createBlock as n, unref as s, withCtx as m, createElementVNode as l, createElementBlock as i, toDisplayString as a, createCommentVNode as o } from "vue";
+import { defineComponent as u, computed as c, createBlock as n, openBlock as t, unref as s, withCtx as m, createElementVNode as l, createElementBlock as i, createCommentVNode as a, toDisplayString as o } from "vue";
 import { ScalarTooltip as g } from "@scalar/components";
 import { ScalarIconWarning as f, ScalarIconInfo as y } from "@scalar/icons";
 import { parameterIsInvalid as p } from "../libs/request.js";
@@ -43,14 +43,14 @@ const h = ["aria-label", "role"], v = { class: "w-content bg-b-1 text-xxs text-c
       ]),
       content: m(() => [
         l("div", v, [
-          r.value ? (t(), i("div", k, a(s(p)(e.item).value), 1)) : e.item.type || e.item.format || e.item.minimum || e.item.maximum || e.item.default ? (t(), i("div", b, [
-            e.item.type ? (t(), i("span", _, a(e.item.type), 1)) : o("", !0),
-            e.item.format ? (t(), i("span", I, a(e.item.format), 1)) : o("", !0),
-            e.item.minimum ? (t(), i("span", w, "min: " + a(e.item.minimum), 1)) : o("", !0),
-            e.item.maximum ? (t(), i("span", x, "max: " + a(e.item.maximum), 1)) : o("", !0),
-            e.item.default ? (t(), i("span", C, "default: " + a(e.item.default), 1)) : o("", !0)
-          ])) : o("", !0),
-          e.item.description && !r.value ? (t(), i("span", S, a(e.item.description), 1)) : o("", !0)
+          r.value ? (t(), i("div", k, o(s(p)(e.item).value), 1)) : e.item.type || e.item.format || e.item.minimum || e.item.maximum || e.item.default ? (t(), i("div", b, [
+            e.item.type ? (t(), i("span", _, o(e.item.type), 1)) : a("", !0),
+            e.item.format ? (t(), i("span", I, o(e.item.format), 1)) : a("", !0),
+            e.item.minimum ? (t(), i("span", w, "min: " + o(e.item.minimum), 1)) : a("", !0),
+            e.item.maximum ? (t(), i("span", x, "max: " + o(e.item.maximum), 1)) : a("", !0),
+            e.item.default ? (t(), i("span", C, "default: " + o(e.item.default), 1)) : a("", !0)
+          ])) : a("", !0),
+          e.item.description && !r.value ? (t(), i("span", S, o(e.item.description), 1)) : a("", !0)
         ])
       ]),
       _: 1