@scalar/api-client 2.2.45 → 2.2.48

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

@@ -0,0 +1,141 @@
+import { defineComponent as S, computed as a, openBlock as w, createElementBlock as $, createVNode as s, withCtx as i, createTextVNode as g, createElementVNode as u, unref as c, toDisplayString as k } from "vue";
+import K from "../../../components/DataTable/DataTable.vue.js";
+import V from "../../../components/DataTable/DataTableRow.vue.js";
+import E from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useActiveEntities as H } from "../../../store/active-entities.js";
+import { ScalarCombobox as R, ScalarButton as j, ScalarIcon as q } from "@scalar/components";
+import { snippetz as B } from "@scalar/snippetz";
+import { filterSecurityRequirements as D } from "./helpers/filter-security-requirements.js";
+import N from "../../Components/CodeSnippet/CodeSnippet.vue.js";
+import { useWorkspace as T } from "../../../store/store.js";
+const U = { class: "w-full" }, W = { class: "flex flex-1 -mx-1" }, z = { class: "bg-b-1 border-t flex items-center justify-center overflow-hidden" }, Y = /* @__PURE__ */ S({
+  __name: "RequestCodeExample",
+  setup(I) {
+    const {
+      activeRequest: m,
+      activeExample: f,
+      activeServer: v,
+      activeCollection: p,
+      activeWorkspace: n
+    } = H(), { securitySchemes: _, workspaceMutators: y } = T(), h = a(
+      () => {
+        var e, t, l;
+        return D(
+          ((e = m.value) == null ? void 0 : e.security) || ((t = p.value) == null ? void 0 : t.security) || [],
+          (l = p.value) == null ? void 0 : l.selectedSecuritySchemeUids,
+          _
+        );
+      }
+    ), r = a(() => {
+      const e = {};
+      return {
+        options: B().clients().map((l) => ({
+          label: l.title,
+          options: l.clients.map((o) => (e[`${l.key},${o.client}`] = o.title, {
+            id: `${l.key},${o.client}`,
+            label: o.title
+          }))
+        })),
+        dict: e
+      };
+    }), d = a(() => {
+      var l, o;
+      const e = (l = n.value) == null ? void 0 : l.selectedHttpClient;
+      if (!e)
+        return ((o = r.value.options[0]) == null ? void 0 : o.options[0]) ?? {
+          id: "js,fetch",
+          label: "Fetch"
+        };
+      const t = `${e.targetKey},${e.clientKey}`;
+      return {
+        id: t,
+        label: r.value.dict[t] ?? "Unknown"
+      };
+    }), x = a(
+      () => {
+        var e, t;
+        return ((t = (e = n.value) == null ? void 0 : e.selectedHttpClient) == null ? void 0 : t.targetKey) ?? "js";
+      }
+    ), b = a(
+      () => {
+        var e, t;
+        return ((t = (e = n.value) == null ? void 0 : e.selectedHttpClient) == null ? void 0 : t.clientKey) ?? "fetch";
+      }
+    ), C = ({ id: e }) => {
+      const [t, l] = e.split(",");
+      !n.value || !t || !l || y.edit(n.value.uid, "selectedHttpClient", {
+        targetKey: t,
+        clientKey: l
+      });
+    };
+    return (e, t) => (w(), $("div", U, [
+      s(E, {
+        class: "group/preview -mt-0.25 w-full",
+        defaultOpen: !1,
+        hasIcon: !1
+      }, {
+        title: i(() => t[0] || (t[0] = [
+          g("Code Snippet")
+        ])),
+        actions: i(() => [
+          u("div", W, [
+            s(c(R), {
+              modelValue: d.value,
+              options: r.value.options,
+              placement: "bottom-end",
+              "onUpdate:modelValue": C
+            }, {
+              default: i(() => [
+                s(c(j), {
+                  class: "flex gap-1.5 h-full px-1.5 py-0.75 font-normal text-c-1 w-fit hover:bg-b-3",
+                  fullWidth: "",
+                  variant: "ghost"
+                }, {
+                  default: i(() => {
+                    var l;
+                    return [
+                      u("span", null, k((l = d.value) == null ? void 0 : l.label), 1),
+                      s(c(q), {
+                        icon: "ChevronDown",
+                        size: "md"
+                      })
+                    ];
+                  }),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "options"])
+          ])
+        ]),
+        default: i(() => [
+          s(K, { columns: [""] }, {
+            default: i(() => [
+              s(V, null, {
+                default: i(() => [
+                  u("div", z, [
+                    s(c(N), {
+                      class: "px-3 py-1.5",
+                      client: b.value,
+                      example: c(f),
+                      operation: c(m),
+                      securitySchemes: h.value,
+                      server: c(v),
+                      target: x.value
+                    }, null, 8, ["client", "example", "operation", "securitySchemes", "server", "target"])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  Y as default
+};

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

@@ -1 +1 @@
-{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"names":[],"mappings":"AAwOA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,iCAAiC,CAAA;AAExC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAIlD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;IAC5C,eAAe,CAAC,EAAE;QAChB,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,OAAO,CAAA;QAChB,KAAK,EAAE,gBAAgB,CAAA;KACxB,EAAE,CAAA;CACJ,CAAC;;AA+VF,wBAOG"}
+{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"names":[],"mappings":"AAsOA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,iCAAiC,CAAA;AAExC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAIlD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;IAC5C,eAAe,CAAC,EAAE;QAChB,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,OAAO,CAAA;QAChB,KAAK,EAAE,gBAAgB,CAAA;KACxB,EAAE,CAAA;CACJ,CAAC;;AA8VF,wBAOG"}

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

@@ -1,96 +1,90 @@
-import { defineComponent as A, computed as m, onMounted as N, ref as V, watch as z, openBlock as f, createBlock as d, withCtx as r, createTextVNode as R, toDisplayString as k, createElementVNode as i, unref as x, createVNode as C, withModifiers as B, createCommentVNode as E, normalizeClass as M, nextTick as _ } from "vue";
+import { defineComponent as A, computed as c, onMounted as N, ref as V, watch as z, openBlock as v, createBlock as d, withCtx as r, createTextVNode as R, toDisplayString as k, createElementVNode as i, unref as x, createVNode as C, withModifiers as B, createCommentVNode as E, normalizeClass as M, nextTick as q } from "vue";
 import W from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 import { useActiveEntities as D } from "../../../store/active-entities.js";
-import q from "./RequestTable.vue.js";
+import w from "./RequestTable.vue.js";
 import { ScalarTooltip as G, ScalarButton as U } from "@scalar/components";
-import { requestExampleParametersSchema as w } from "@scalar/oas-utils/entities/spec";
+import { requestExampleParametersSchema as P } from "@scalar/oas-utils/entities/spec";
 import { useWorkspace as j } from "../../../store/store.js";
-const F = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100 request-meta-buttons" }, H = { class: "sr-only" }, ae = /* @__PURE__ */ A({
+const F = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100 request-meta-buttons" }, H = { class: "sr-only" }, te = /* @__PURE__ */ A({
   __name: "RequestParams",
   props: {
     title: {},
     paramKey: {},
-    readOnlyEntries: {}
+    readOnlyEntries: { default: () => [] }
   },
-  setup(P) {
-    const n = P, { activeRequest: u, activeExample: s } = D(), { requestExampleMutators: o } = j(), l = m(
-      () => {
-        var e;
-        return ((e = s.value) == null ? void 0 : e.parameters[n.paramKey]) ?? [];
-      }
-    );
+  setup(n) {
+    const { activeRequest: o, activeExample: l } = D(), { requestExampleMutators: u } = j(), s = c(() => {
+      var e;
+      return ((e = l.value) == null ? void 0 : e.parameters[n.paramKey]) ?? [];
+    });
     N(() => {
       g();
     });
-    const p = () => {
-      if (!u.value || !s.value) return;
-      const e = w.parse({ enabled: !1 }), t = [...l.value, e];
-      o.edit(
-        s.value.uid,
+    const m = () => {
+      if (!o.value || !l.value) return;
+      const e = P.parse({ enabled: !1 }), t = [...s.value, e];
+      u.edit(
+        l.value.uid,
         `parameters.${n.paramKey}`,
         t
       );
-    }, c = V(null), K = (e, t, h) => {
-      if (!u.value || !s.value) return;
-      const v = l.value;
-      if (v.length > e) {
-        const a = [...v];
+    }, p = V(null), K = (e, t, h) => {
+      if (!o.value || !l.value) return;
+      const f = s.value;
+      if (f.length > e) {
+        const a = [...f];
         if (!a[e]) return;
-        a[e] = { ...a[e], [t]: h }, (a[e].key !== "" || a[e].value !== "") && (a[e].enabled = !0), a[e].key === "" && a[e].value === "" && a.splice(e, 1), o.edit(
-          s.value.uid,
+        a[e] = { ...a[e], [t]: h }, (a[e].key !== "" || a[e].value !== "") && (a[e].enabled = !0), a[e].key === "" && a[e].value === "" && a.splice(e, 1), u.edit(
+          l.value.uid,
           `parameters.${n.paramKey}`,
           a
         );
       } else {
-        const a = [w.parse({ [t]: h })];
-        o.edit(
-          s.value.uid,
+        const a = [P.parse({ [t]: h })];
+        u.edit(
+          l.value.uid,
           `parameters.${n.paramKey}`,
           a
-        ), _(() => {
+        ), q(() => {
           var b;
-          if (!c.value) return;
-          (b = c.value.querySelectorAll("input")[t === "key" ? 0 : 1]) == null || b.focus();
+          if (!p.value) return;
+          (b = p.value.querySelectorAll("input")[t === "key" ? 0 : 1]) == null || b.focus();
         });
       }
-      e === v.length - 1 && p();
-    }, $ = (e, t) => u.value && s.value && o.edit(
-      s.value.uid,
+      e === f.length - 1 && m();
+    }, $ = (e, t) => o.value && l.value && u.edit(
+      l.value.uid,
       `parameters.${n.paramKey}.${e}.enabled`,
       t
     ), O = () => {
-      if (!u.value || !s.value) return;
-      const e = l.value.filter((t) => t.required);
-      o.edit(
-        s.value.uid,
+      if (!o.value || !l.value) return;
+      const e = s.value.filter((t) => t.required);
+      u.edit(
+        l.value.uid,
         `parameters.${n.paramKey}`,
         e
-      ), _(() => {
-        p();
-      });
+      ), q(() => m());
     };
     function g() {
-      if (l.value.length === 0)
-        p();
-      else if (l.value.length >= 1) {
-        const e = l.value[l.value.length - 1];
-        e && e.key !== "" && e.value !== "" && p();
+      if (s.value.length === 0)
+        m();
+      else if (s.value.length >= 1) {
+        const e = s.value[s.value.length - 1];
+        e && e.key !== "" && e.value !== "" && m();
       }
     }
-    const T = m(
-      () => l.value.filter((e) => e.key || e.value).length
-    ), S = m(() => l.value.length > 1);
+    const T = c(
+      () => s.value.filter((e) => e.key || e.value).length
+    ), S = c(() => s.value.length > 1);
     z(
-      () => s.value,
+      () => l.value,
       (e, t) => {
         e !== t && g();
       },
       { immediate: !0 }
     );
-    const y = m(
-      () => (n.readOnlyEntries ?? []).length > 0
-    );
-    return (e, t) => (f(), d(W, {
+    const y = c(() => (n.readOnlyEntries ?? []).length > 0);
+    return (e, t) => (v(), d(W, {
       class: "group/params",
       itemCount: T.value
     }, {
@@ -99,7 +93,7 @@ const F = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params
       ]),
       actions: r(() => [
         i("div", F, [
-          S.value ? (f(), d(x(G), {
+          S.value ? (v(), d(x(G), {
             key: 0,
             side: "right",
             sideOffset: 12
@@ -132,9 +126,9 @@ const F = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params
       default: r(() => [
         i("div", {
           ref_key: "tableWrapperRef",
-          ref: c
+          ref: p
         }, [
-          y.value ? (f(), d(q, {
+          y.value ? (v(), d(w, {
             key: 0,
             class: M(["flex-1", {
               "bg-mix-transparent bg-mix-amount-95 bg-c-3": y.value
@@ -144,10 +138,10 @@ const F = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params
             isReadOnly: "",
             items: e.readOnlyEntries
           }, null, 8, ["class", "items"])) : E("", !0),
-          C(q, {
+          C(w, {
             class: "flex-1",
             columns: ["32px", "", ""],
-            items: l.value,
+            items: s.value,
             onToggleRow: $,
             onUpdateRow: K
           }, null, 8, ["items"])
@@ -158,5 +152,5 @@ const F = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params
   }
 });
 export {
-  ae as default
+  te as default
 };

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":"AAwNA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAA;AAQnF,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,0BAA0B,CAAA;CACvD,CAAC;;AA8SF,wBAOG"}
+{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":"AAoOA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAA;AASnF,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,0BAA0B,CAAA;CACvD,CAAC;;AAkUF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./RequestSection.vue2.js";
 /* empty css                    */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-54c9c333"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-776ad261"]]);
 export {
   m as default
 };

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

@@ -1,37 +1,39 @@
-import { defineComponent as N, computed as h, ref as D, watch as U, openBlock as m, createBlock as b, unref as l, withCtx as q, createElementVNode as B, createElementBlock as y, createCommentVNode as w, toDisplayString as O, createVNode as i, withDirectives as u, vShow as n } from "vue";
+import { defineComponent as N, computed as y, ref as D, watch as U, openBlock as m, createBlock as b, unref as t, withCtx as h, createElementVNode as k, createElementBlock as S, createCommentVNode as w, toDisplayString as O, createVNode as i, withDirectives as u, vShow as n } from "vue";
 import Q from "../../../components/ContextBar.vue.js";
 import W from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
 import { matchesDomain as $ } from "../../../libs/send-request/set-request-cookies.js";
 import { useActiveEntities as L } from "../../../store/active-entities.js";
 import M from "./RequestBody.vue.js";
-import k from "./RequestParams.vue.js";
+import _ from "./RequestParams.vue.js";
 import P from "./RequestPathParams.vue.js";
-import { canMethodHaveBody as _, isDefined as j } from "@scalar/oas-utils/helpers";
-import z from "./RequestAuth/RequestAuth.vue.js";
-import { useWorkspace as I } from "../../../store/store.js";
-import { useLayout as F } from "../../../hooks/useLayout.js";
-const G = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none group" }, J = {
+import { ScalarErrorBoundary as j } from "@scalar/components";
+import { canMethodHaveBody as A, isDefined as z } from "@scalar/oas-utils/helpers";
+import I from "./RequestAuth/RequestAuth.vue.js";
+import F from "./RequestCodeExample.vue.js";
+import { useWorkspace as G } from "../../../store/store.js";
+import { useLayout as J } from "../../../hooks/useLayout.js";
+const T = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none group" }, X = {
   key: 0,
   class: "absolute w-full h-full top-0 left-0 pointer-events-auto opacity-0 cursor-text",
   for: "requestname"
-}, T = ["value"], X = {
+}, Y = ["value"], Z = {
   key: 2,
   class: "flex items-center text-c-1 h-8"
-}, Y = { class: "request-section-content custom-scroll flex flex-1 flex-col" }, de = /* @__PURE__ */ N({
+}, ee = { class: "request-section-content custom-scroll flex flex-1 flex-col relative" }, ye = /* @__PURE__ */ N({
   __name: "RequestSection",
   props: {
     selectedSecuritySchemeUids: {}
   },
-  setup(Z) {
+  setup(te) {
     const {
-      activeRequest: o,
-      activeCollection: S,
-      activeExample: A,
+      activeRequest: a,
+      activeCollection: x,
+      activeExample: g,
       activeWorkspace: f,
       activeServer: d
-    } = L(), { requestMutators: C, cookies: V, securitySchemes: E } = I(), { layout: p } = F(), H = h(() => {
+    } = L(), { requestMutators: C, cookies: E, securitySchemes: V } = G(), { layout: p } = J(), R = y(() => {
       var e, r;
-      const t = /* @__PURE__ */ new Set([
+      const l = /* @__PURE__ */ new Set([
         "All",
         "Query",
         "Auth",
@@ -40,28 +42,28 @@ const G = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none
         "Headers",
         "Body"
       ]);
-      return (e = A.value) != null && e.parameters.path.length || t.delete("Variables"), _(((r = o.value) == null ? void 0 : r.method) ?? "get") || t.delete("Body"), x.value && t.delete("Auth"), [...t];
-    }), x = h(
+      return (e = g.value) != null && e.parameters.path.length || l.delete("Variables"), A(((r = a.value) == null ? void 0 : r.method) ?? "get") || l.delete("Body"), q.value && l.delete("Auth"), [...l];
+    }), q = y(
       () => {
-        var t, e;
-        return p === "modal" && ((e = (t = o.value) == null ? void 0 : t.security) == null ? void 0 : e.length) === 0;
+        var l, e;
+        return p === "modal" && ((e = (l = a.value) == null ? void 0 : l.security) == null ? void 0 : e.length) === 0;
       }
-    ), a = D("All");
-    U(o, (t) => {
-      a.value === "Body" && t && !_(t.method) && (a.value = "All");
+    ), o = D("All");
+    U(a, (l) => {
+      o.value === "Body" && l && !A(l.method) && (o.value = "All");
     });
-    const R = (t) => {
-      if (!o.value) return;
-      const e = t.target;
-      C.edit(o.value.uid, "summary", e.value);
-    }, K = h(
+    const H = (l) => {
+      if (!a.value) return;
+      const e = l.target;
+      C.edit(a.value.uid, "summary", e.value);
+    }, K = y(
       () => {
-        var t;
-        return (((t = f.value) == null ? void 0 : t.cookies) ?? []).map((e) => V[e]).filter(j).filter((e) => e.name).filter(
+        var l;
+        return (((l = f.value) == null ? void 0 : l.cookies) ?? []).map((e) => E[e]).filter(z).filter((e) => e.name).filter(
           (e) => {
             var r, s;
             return $(
-              ((r = d == null ? void 0 : d.value) == null ? void 0 : r.url) || ((s = o.value) == null ? void 0 : s.path),
+              ((r = d == null ? void 0 : d.value) == null ? void 0 : r.url) || ((s = a.value) == null ? void 0 : s.path),
               e.domain
             );
           }
@@ -78,49 +80,49 @@ const G = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none
         }));
       }
     );
-    return (t, e) => {
+    return (l, e) => {
       var r;
       return m(), b(W, {
-        "aria-label": `Request: ${(r = l(o)) == null ? void 0 : r.summary}`
+        "aria-label": `Request: ${(r = t(a)) == null ? void 0 : r.summary}`
       }, {
-        title: q(() => {
+        title: h(() => {
           var s, c;
           return [
-            B("div", G, [
-              l(p) !== "modal" ? (m(), y("label", J)) : w("", !0),
-              l(p) !== "modal" ? (m(), y("input", {
+            k("div", T, [
+              t(p) !== "modal" ? (m(), S("label", X)) : w("", !0),
+              t(p) !== "modal" ? (m(), S("input", {
                 key: 1,
                 id: "requestname",
                 class: "text-c-1 rounded pointer-events-auto relative w-full pl-1.25 -ml-0.5 md:-ml-1.25 h-8 group-hover-input has-[:focus-visible]:outline z-10",
                 placeholder: "Request Name",
-                value: (s = l(o)) == null ? void 0 : s.summary,
-                onInput: R
-              }, null, 40, T)) : (m(), y("span", X, O((c = l(o)) == null ? void 0 : c.summary), 1))
+                value: (s = t(a)) == null ? void 0 : s.summary,
+                onInput: H
+              }, null, 40, Y)) : (m(), S("span", Z, O((c = t(a)) == null ? void 0 : c.summary), 1))
             ]),
             i(Q, {
-              activeSection: a.value,
-              sections: H.value,
-              onSetActiveSection: e[0] || (e[0] = (v) => a.value = v)
+              activeSection: o.value,
+              sections: R.value,
+              onSetActiveSection: e[0] || (e[0] = (v) => o.value = v)
             }, null, 8, ["activeSection", "sections"])
           ];
         }),
-        default: q(() => {
-          var s, c, v, g;
+        default: h(() => {
+          var s, c, v, B;
           return [
-            B("div", Y, [
-              l(S) && l(f) && (l(p) !== "modal" || Object.keys(l(E) ?? {}).length) ? u((m(), b(z, {
+            k("div", ee, [
+              t(x) && t(f) && (t(p) !== "modal" || Object.keys(t(V) ?? {}).length) ? u((m(), b(I, {
                 key: 0,
-                collection: l(S),
+                collection: t(x),
                 layout: "client",
-                operation: l(o),
-                selectedSecuritySchemeUids: t.selectedSecuritySchemeUids,
-                server: l(d),
+                operation: t(a),
+                selectedSecuritySchemeUids: l.selectedSecuritySchemeUids,
+                server: t(d),
                 title: "Authentication",
-                workspace: l(f)
+                workspace: t(f)
               }, null, 8, ["collection", "operation", "selectedSecuritySchemeUids", "server", "workspace"])), [
                 [
                   n,
-                  !x.value && (a.value === "All" || a.value === "Auth")
+                  !q.value && (o.value === "All" || o.value === "Auth")
                 ]
               ]) : w("", !0),
               u(i(P, {
@@ -129,35 +131,42 @@ const G = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none
               }, null, 512), [
                 [
                   n,
-                  (a.value === "All" || a.value === "Variables") && ((v = (c = (s = l(A)) == null ? void 0 : s.parameters) == null ? void 0 : c.path) == null ? void 0 : v.length)
+                  (o.value === "All" || o.value === "Variables") && ((v = (c = (s = t(g)) == null ? void 0 : s.parameters) == null ? void 0 : c.path) == null ? void 0 : v.length)
                 ]
               ]),
-              u(i(k, {
+              u(i(_, {
                 paramKey: "cookies",
                 readOnlyEntries: K.value,
                 title: "Cookies",
                 workspaceParamKey: "cookies"
               }, null, 8, ["readOnlyEntries"]), [
-                [n, a.value === "All" || a.value === "Cookies"]
+                [n, o.value === "All" || o.value === "Cookies"]
               ]),
-              u(i(k, {
+              u(i(_, {
                 paramKey: "headers",
                 title: "Headers"
               }, null, 512), [
-                [n, a.value === "All" || a.value === "Headers"]
+                [n, o.value === "All" || o.value === "Headers"]
               ]),
-              u(i(k, {
+              u(i(_, {
                 paramKey: "query",
                 title: "Query Parameters"
               }, null, 512), [
-                [n, a.value === "All" || a.value === "Query"]
+                [n, o.value === "All" || o.value === "Query"]
               ]),
               u(i(M, { title: "Body" }, null, 512), [
                 [
                   n,
-                  ((g = l(o)) == null ? void 0 : g.method) && (a.value === "All" || a.value === "Body") && l(_)(l(o).method)
+                  ((B = t(a)) == null ? void 0 : B.method) && (o.value === "All" || o.value === "Body") && t(A)(t(a).method)
                 ]
-              ])
+              ]),
+              e[1] || (e[1] = k("div", { class: "flex flex-grow" }, null, -1)),
+              i(t(j), null, {
+                default: h(() => [
+                  i(F)
+                ]),
+                _: 1
+              })
             ])
           ];
         }),
@@ -167,5 +176,5 @@ const G = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none
   }
 });
 export {
-  de as default
+  ye as default
 };

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

@@ -20,14 +20,14 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     uploadFile: (idx: number) => any;
     removeFile: (idx: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onUpdateRow?: ((idx: number, field: "key" | "value", value: string) => any) | undefined;
-    onToggleRow?: ((idx: number, enabled: boolean) => any) | undefined;
-    onAddRow?: (() => any) | undefined;
-    onDeleteRow?: (() => any) | undefined;
-    onInputFocus?: (() => any) | undefined;
-    onInputBlur?: (() => any) | undefined;
-    onUploadFile?: ((idx: number) => any) | undefined;
-    onRemoveFile?: ((idx: number) => any) | undefined;
+    onUpdateRow?: (idx: number, field: "key" | "value", value: string) => any;
+    onToggleRow?: (idx: number, enabled: boolean) => any;
+    onAddRow?: () => any;
+    onDeleteRow?: () => any;
+    onInputFocus?: () => any;
+    onInputBlur?: () => any;
+    onUploadFile?: (idx: number) => any;
+    onRemoveFile?: (idx: number) => any;
 }>, {
     hasCheckboxDisabled: boolean;
     showUploadButton: boolean;

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

@@ -1,7 +1,7 @@
 import o from "./RequestTable.vue2.js";
 /* empty css                  */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-68853319"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b1f85772"]]);
 export {
-  m as default
+  f as default
 };