@scalar/api-client 2.1.33 → 2.1.35

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

@@ -1,162 +1,168 @@
-import { defineComponent as z, ref as y, computed as J, watch as G, onMounted as K, onBeforeUnmount as P, openBlock as w, createElementBlock as X, Fragment as Y, createElementVNode as Z, normalizeClass as N, unref as s, createVNode as v, withCtx as V, createBlock as B, createCommentVNode as g } from "vue";
-import ee from "../../components/ImportCurl/ImportCurlModal.vue.js";
-import te from "../../components/ViewLayout/ViewLayout.vue.js";
-import oe from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import { importCurlCommand as re } from "../../libs/importers/curl.js";
-import { createRequestOperation as ae } from "../../libs/send-request.js";
-import se from "./RequestSection/RequestSection.vue.js";
-/* empty css                                   */
-import ue from "./RequestSubpageHeader.vue.js";
-import le from "./ResponseSection/ResponseSection.vue.js";
-import { useOpenApiWatcher as ne } from "./hooks/useOpenApiWatcher.js";
-import { safeJSON as ie } from "@scalar/object-utils/parse";
-import { useToasts as me } from "@scalar/use-toasts";
+import { defineComponent as P, ref as R, computed as N, watch as X, onMounted as Y, onBeforeUnmount as Z, openBlock as w, createElementBlock as _, Fragment as ee, createElementVNode as te, normalizeClass as V, unref as a, createVNode as c, withCtx as B, createBlock as g, createCommentVNode as I } from "vue";
+import oe from "../../components/ImportCurl/ImportCurlModal.vue.js";
+import re from "../../components/ViewLayout/ViewLayout.vue.js";
+import se from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import { importCurlCommand as ae } from "../../libs/importers/curl.js";
+import { createRequestOperation as ue } from "../../libs/send-request.js";
+import le from "./RequestSection/RequestSection.vue.js";
+import ne from "./RequestSubpageHeader.vue.js";
+import ie from "./ResponseSection/ResponseSection.vue.js";
+import { useOpenApiWatcher as me } from "./hooks/useOpenApiWatcher.js";
+import { safeJSON as ce } from "@scalar/object-utils/parse";
+import { useToasts as de } from "@scalar/use-toasts";
 import { useMediaQuery as ve } from "@vueuse/core";
-import { useRouter as de } from "vue-router";
-import ce from "./RequestSidebar.vue.js";
-import { ERRORS as pe } from "../../libs/errors.js";
-import { useWorkspace as fe } from "../../store/store.js";
-const Ue = /* @__PURE__ */ z({
+import { useRouter as pe } from "vue-router";
+import fe from "./RequestSidebar.vue.js";
+import { ERRORS as ye } from "../../libs/errors.js";
+import { useWorkspace as Re } from "../../store/store.js";
+const Ae = /* @__PURE__ */ P({
   __name: "Request",
   emits: ["newTab"],
-  setup(Re) {
-    var O;
-    const I = fe(), { toast: b } = me(), {
-      activeCollection: x,
+  setup(Se) {
+    var E;
+    const M = Re(), { toast: b } = de(), {
+      activeCollection: S,
       activeExample: d,
-      activeEnvironment: M,
-      activeRequest: h,
-      activeWorkspace: a,
-      activeServer: T,
-      cookies: U,
+      activeEnvironment: T,
+      activeRequest: q,
+      activeWorkspace: s,
+      activeServer: A,
+      cookies: H,
+      isReadOnly: L,
       modalState: l,
-      requestHistory: S,
+      requestHistory: x,
       securitySchemes: $,
-      requestMutators: A,
-      serverMutators: H,
-      servers: L,
-      events: c
-    } = I, u = y(!((O = a.value) != null && O.isReadOnly)), k = y(), e = y(), q = y(""), _ = de(), W = J(
-      () => S.findLast((o) => {
+      requestMutators: W,
+      serverMutators: j,
+      servers: D,
+      events: v
+    } = M, u = R(!((E = s.value) != null && E.isReadOnly)), O = R(), e = R(), h = R(""), F = pe(), Q = N(
+      () => x.findLast((o) => {
         var t;
         return o.request.uid === ((t = d.value) == null ? void 0 : t.uid);
       })
-    ), j = ve("(max-width: 800px)");
-    G(j, (o) => u.value = !o);
-    const E = async () => {
+    ), z = ve("(max-width: 800px)");
+    X(z, (o) => u.value = !o);
+    const U = N(
+      () => {
+        var o, t;
+        return (L.value ? (o = S.value) == null ? void 0 : o.selectedSecuritySchemeUids : (t = q.value) == null ? void 0 : t.selectedSecuritySchemeUids) ?? [];
+      }
+    ), k = async () => {
       var f;
-      if (!h.value || !d.value || !x.value)
+      if (!q.value || !d.value || !S.value)
         return;
-      const o = ie.parse(((f = M.value) == null ? void 0 : f.value) || "{}");
+      const o = ce.parse(((f = T.value) == null ? void 0 : f.value) || "{}");
       o.error && console.error("INVALID ENVIRONMENT!");
-      const t = o.error || typeof o.data != "object" ? {} : o.data ?? {}, r = a.value.cookies.map((R) => U[R]), [n, i] = ae({
-        auth: x.value.auth,
-        request: h.value,
+      const t = o.error || typeof o.data != "object" ? {} : o.data ?? {}, r = s.value.cookies.map((y) => H[y]), [n, i] = ue({
+        auth: S.value.auth,
+        request: q.value,
         example: d.value,
-        proxy: a.value.proxyUrl ?? "",
+        selectedSecuritySchemeUids: U.value,
+        proxy: s.value.proxyUrl ?? "",
         environment: t,
         globalCookies: r,
-        status: c.requestStatus,
+        status: v.requestStatus,
         securitySchemes: $,
-        server: T.value
+        server: A.value
       });
       if (n) {
         b(n.message, "error");
         return;
       }
-      k.value = i.controller;
+      O.value = i.controller;
       const [m, p] = await i.sendRequest();
-      m ? b(m.message, "error") : S.push(p);
-    }, D = async () => {
+      m ? b(m.message, "error") : x.push(p);
+    }, J = async () => {
       var o;
-      return (o = k.value) == null ? void 0 : o.abort(pe.REQUEST_ABORTED);
+      return (o = O.value) == null ? void 0 : o.abort(ye.REQUEST_ABORTED);
     };
-    K(() => {
-      c.executeRequest.on(E), c.cancelRequest.on(D);
-    }), ne(), P(() => c.executeRequest.off(E));
-    function F({ requestName: o }) {
+    Y(() => {
+      v.executeRequest.on(k), v.cancelRequest.on(J);
+    }), me(), Z(() => v.executeRequest.off(k));
+    function G({ requestName: o }) {
       var r, n, i, m;
       if (!e.value) return;
       if (e.value.servers) {
-        const p = Object.values(L).find(
+        const p = Object.values(D).find(
           (f) => {
-            var R, C;
-            return f.url === ((C = (R = e == null ? void 0 : e.value) == null ? void 0 : R.servers) == null ? void 0 : C[0]);
+            var y, C;
+            return f.url === ((C = (y = e == null ? void 0 : e.value) == null ? void 0 : y.servers) == null ? void 0 : C[0]);
           }
         );
-        p ? q.value = p.uid : q.value = H.add(
+        p ? h.value = p.uid : h.value = j.add(
           { url: e.value.servers[0] },
-          a.value.collections[0]
+          s.value.collections[0]
         ).uid;
       }
-      const t = A.add(
+      const t = W.add(
         {
           summary: o,
           path: (r = e == null ? void 0 : e.value) == null ? void 0 : r.path,
           method: (n = e == null ? void 0 : e.value) == null ? void 0 : n.method,
           parameters: (i = e == null ? void 0 : e.value) == null ? void 0 : i.parameters,
-          selectedServerUid: q.value,
+          selectedServerUid: h.value,
           requestBody: (m = e == null ? void 0 : e.value) == null ? void 0 : m.requestBody
         },
-        a.value.collections[0]
+        s.value.collections[0]
       );
-      t && _.push(
-        `/workspace/${a.value.uid}/request/${t.uid}`
+      t && F.push(
+        `/workspace/${s.value.uid}/request/${t.uid}`
       ), l.hide();
     }
-    function Q(o) {
-      e.value = re(o), l.show();
+    function K(o) {
+      e.value = ae(o), l.show();
     }
-    return (o, t) => (w(), X(Y, null, [
-      Z("div", {
-        class: N(["flex flex-1 flex-col pt-0 h-full bg-b-1 relative overflow-hidden", {
-          "!mr-0 !mb-0 !border-0": s(a).isReadOnly
+    return (o, t) => (w(), _(ee, null, [
+      te("div", {
+        class: V(["flex flex-1 flex-col pt-0 h-full bg-b-1 relative overflow-hidden", {
+          "!mr-0 !mb-0 !border-0": a(s).isReadOnly
         }])
       }, [
-        v(ue, {
+        c(ne, {
           modelValue: u.value,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => u.value = r),
-          isReadonly: s(a).isReadOnly,
-          onHideModal: t[1] || (t[1] = () => s(l).hide()),
-          onImportCurl: Q
+          isReadonly: a(s).isReadOnly,
+          onHideModal: t[1] || (t[1] = () => a(l).hide()),
+          onImportCurl: K
         }, null, 8, ["modelValue", "isReadonly"]),
-        v(te, null, {
-          default: V(() => [
-            v(ce, {
-              isReadonly: s(a).isReadOnly,
+        c(re, null, {
+          default: B(() => [
+            c(fe, {
+              isReadonly: a(s).isReadOnly,
               showSidebar: u.value,
               onNewTab: t[2] || (t[2] = (r) => o.$emit("newTab", r)),
               "onUpdate:showSidebar": t[3] || (t[3] = (r) => u.value = r)
             }, null, 8, ["isReadonly", "showSidebar"]),
-            s(d) ? (w(), B(oe, {
+            a(d) ? (w(), g(se, {
               key: 0,
-              class: N(["flex-1", [u.value ? "sidebar-active-hide-layout" : ""]])
+              class: V(["flex-1", [u.value ? "sidebar-active-hide-layout" : ""]])
             }, {
-              default: V(() => {
+              default: B(() => {
                 var r;
                 return [
-                  v(se),
-                  v(le, {
-                    response: (r = W.value) == null ? void 0 : r.response
+                  c(le, { selectedSecuritySchemeUids: U.value }, null, 8, ["selectedSecuritySchemeUids"]),
+                  c(ie, {
+                    response: (r = Q.value) == null ? void 0 : r.response
                   }, null, 8, ["response"])
                 ];
               }),
               _: 1
-            }, 8, ["class"])) : g("", !0)
+            }, 8, ["class"])) : I("", !0)
           ]),
           _: 1
         })
       ], 2),
-      e.value ? (w(), B(ee, {
+      e.value ? (w(), g(oe, {
         key: 0,
         parsedCurl: e.value,
-        state: s(l),
-        onClose: t[4] || (t[4] = (r) => s(l).hide()),
-        onImportCurl: F
-      }, null, 8, ["parsedCurl", "state"])) : g("", !0)
+        state: a(l),
+        onClose: t[4] || (t[4] = (r) => a(l).hide()),
+        onImportCurl: G
+      }, null, 8, ["parsedCurl", "state"])) : I("", !0)
     ], 64));
   }
 });
 export {
-  Ue as default
+  Ae as default
 };

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

@@ -1,8 +1,8 @@
-import { defineComponent as C, openBlock as s, createElementBlock as w, Fragment as y, createVNode as t, unref as d, withCtx as o, createTextVNode as u, createElementVNode as U, createBlock as f, createCommentVNode as n } from "vue";
+import { defineComponent as C, openBlock as r, createElementBlock as w, Fragment as y, createVNode as t, unref as d, withCtx as o, createTextVNode as u, createElementVNode as U, createBlock as f, createCommentVNode as n } from "vue";
 import i from "../RequestAuthDataTableInput.vue.js";
 import { useLoadingState as T, ScalarButton as c } from "@scalar/components";
 import x from "./OAuthScopesInput.vue.js";
-import r from "../../../../components/DataTable/DataTableRow.vue.js";
+import s from "../../../../components/DataTable/DataTableRow.vue.js";
 import { authorizeOauth2 as F } from "../../libs/oauth2.js";
 import { useWorkspace as A } from "../../../../store/store.js";
 const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8 flex items-center justify-self-end" }, O = /* @__PURE__ */ C({
@@ -16,8 +16,8 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
       activeCollection: V,
       collectionMutators: g,
       isReadOnly: v,
-      securitySchemeMutators: z
-    } = A(), p = (l, e) => V.value && g.edit(V.value.uid, l, e), k = (l, e) => z.edit(m.scheme.uid, l, e), S = async () => {
+      securitySchemeMutators: S
+    } = A(), p = (l, e) => V.value && g.edit(V.value.uid, l, e), k = (l, e) => S.edit(m.scheme.uid, l, e), z = async () => {
       var e;
       if (h.isLoading || !((e = V.value) != null && e.uid)) return;
       h.startLoading();
@@ -27,8 +27,8 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
       ).finally(() => h.stopLoading());
       l && p(`auth.${m.scheme.uid}.token`, l);
     };
-    return (l, e) => l.example.token ? (s(), w(y, { key: 0 }, [
-      t(d(r), null, {
+    return (l, e) => l.example.token ? (r(), w(y, { key: 0 }, [
+      t(d(s), null, {
         default: o(() => [
           t(i, {
             id: "oauth2-access-token",
@@ -46,7 +46,7 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
         ]),
         _: 1
       }),
-      t(d(r), { class: "min-w-full" }, {
+      t(d(s), { class: "min-w-full" }, {
         default: o(() => [
           U("div", B, [
             t(d(c), {
@@ -65,10 +65,10 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
         ]),
         _: 1
       })
-    ], 64)) : (s(), w(y, { key: 1 }, [
-      d(v) ? n("", !0) : (s(), f(d(r), { key: 0 }, {
+    ], 64)) : (r(), w(y, { key: 1 }, [
+      d(v) ? n("", !0) : (r(), f(d(s), { key: 0 }, {
         default: o(() => [
-          "authorizationUrl" in l.scheme.flow ? (s(), f(i, {
+          "authorizationUrl" in l.scheme.flow ? (r(), f(i, {
             key: 0,
             id: `oauth2-authorization-url-${l.scheme.uid}`,
             modelValue: l.scheme.flow.authorizationUrl,
@@ -76,11 +76,11 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
             "onUpdate:modelValue": e[2] || (e[2] = (a) => k("flow.authorizationUrl", a))
           }, {
             default: o(() => e[11] || (e[11] = [
-              u(" Authorization Url ")
+              u(" Auth Url ")
             ])),
             _: 1
           }, 8, ["id", "modelValue"])) : n("", !0),
-          "tokenUrl" in l.scheme.flow ? (s(), f(i, {
+          "tokenUrl" in l.scheme.flow ? (r(), f(i, {
             key: 1,
             id: `oauth2-token-url-${l.scheme.uid}`,
             modelValue: l.scheme.flow.tokenUrl,
@@ -95,7 +95,7 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
         ]),
         _: 1
       })),
-      "x-scalar-redirect-uri" in l.scheme.flow ? (s(), f(d(r), { key: 1 }, {
+      "x-scalar-redirect-uri" in l.scheme.flow ? (r(), f(d(s), { key: 1 }, {
         default: o(() => [
           t(i, {
             id: `oauth2-redirect-uri-${l.scheme.uid}`,
@@ -111,8 +111,8 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
         ]),
         _: 1
       })) : n("", !0),
-      l.example.type === "oauth-password" ? (s(), w(y, { key: 2 }, [
-        t(d(r), null, {
+      l.example.type === "oauth-password" ? (r(), w(y, { key: 2 }, [
+        t(d(s), null, {
           default: o(() => [
             t(i, {
               id: `oauth2-password-username-${l.scheme.uid}`,
@@ -129,7 +129,7 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
           ]),
           _: 1
         }),
-        t(d(r), null, {
+        t(d(s), null, {
           default: o(() => [
             t(i, {
               id: `oauth2-password-password-${l.scheme.uid}`,
@@ -147,7 +147,7 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
           _: 1
         })
       ], 64)) : n("", !0),
-      t(d(r), null, {
+      t(d(s), null, {
         default: o(() => [
           t(i, {
             id: `oauth2-client-id-${l.scheme.uid}`,
@@ -163,7 +163,7 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
         ]),
         _: 1
       }),
-      "clientSecret" in l.example ? (s(), f(d(r), { key: 3 }, {
+      "clientSecret" in l.example ? (r(), f(d(s), { key: 3 }, {
         default: o(() => [
           t(i, {
             id: `oauth2-client-secret-${l.scheme.uid}`,
@@ -180,7 +180,7 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
         ]),
         _: 1
       })) : n("", !0),
-      l.scheme.flow.scopes ? (s(), f(d(r), { key: 4 }, {
+      l.scheme.flow.scopes ? (r(), f(d(s), { key: 4 }, {
         default: o(() => [
           t(x, {
             activeFlow: l.scheme.flow,
@@ -189,7 +189,7 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
         ]),
         _: 1
       })) : n("", !0),
-      t(d(r), { class: "min-w-full" }, {
+      t(d(s), { class: "min-w-full" }, {
         default: o(() => [
           U("div", I, [
             t(d(c), {
@@ -197,7 +197,7 @@ const B = { class: "h-8 flex items-center justify-self-end" }, I = { class: "h-8
               loading: d(h),
               size: "sm",
               variant: "outlined",
-              onClick: S
+              onClick: z
             }, {
               default: o(() => e[18] || (e[18] = [
                 u(" Authorize ")

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

@@ -1 +1 @@
-{"version":3,"file":"OAuthScopesInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/OAuthScopesInput.vue"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;;gBAM7D,oBAAoB,CAAC,MAAM,CAAC;kBAC1B,YAAY;;gBADd,oBAAoB,CAAC,MAAM,CAAC;kBAC1B,YAAY;;AAoR5B,wBAMG"}
+{"version":3,"file":"OAuthScopesInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/OAuthScopesInput.vue"],"names":[],"mappings":"AAqGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;;gBAM7D,oBAAoB,CAAC,MAAM,CAAC;kBAC1B,YAAY;;gBADd,oBAAoB,CAAC,MAAM,CAAC;kBAC1B,YAAY;;AA6R5B,wBAMG"}

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

@@ -1,94 +1,102 @@
-import { defineComponent as S, computed as f, openBlock as m, createBlock as h, unref as o, withCtx as c, createElementVNode as l, createVNode as a, toDisplayString as p, createElementBlock as g, Fragment as b, renderList as C } from "vue";
-import { Disclosure as F, DisclosureButton as k, DisclosurePanel as D } from "@headlessui/vue";
-import { ScalarIcon as y } from "@scalar/components";
-import v from "../../../../components/DataTable/DataTableCell.vue.js";
-import V from "../../../../components/DataTable/DataTableRow.vue.js";
-import B from "../../../../components/DataTable/DataTableCheckbox.vue.js";
-const O = { class: "flex h-full w-full" }, $ = { class: "flex-1 text-c-3" }, j = {
+import { defineComponent as C, computed as v, openBlock as f, createBlock as x, unref as t, withCtx as a, createElementVNode as l, createVNode as n, normalizeClass as F, toDisplayString as d, createElementBlock as b, Fragment as k, renderList as D } from "vue";
+import { Disclosure as y, DisclosureButton as V, DisclosurePanel as B } from "@headlessui/vue";
+import { ScalarIcon as O } from "@scalar/components";
+import _ from "../../../../components/DataTable/DataTableCell.vue.js";
+import $ from "../../../../components/DataTable/DataTableRow.vue.js";
+import j from "../../../../components/DataTable/DataTableCheckbox.vue.js";
+const z = { class: "flex h-fit w-full" }, E = { class: "flex-1" }, I = {
   class: "grid auto-rows-auto border-t-1/2",
   style: { gridTemplateColumns: "1fr auto" }
-}, E = { class: "font-code text-xs" }, L = /* @__PURE__ */ S({
+}, N = { class: "font-code text-xs" }, q = /* @__PURE__ */ C({
   __name: "OAuthScopesInput",
   props: {
     activeFlow: {},
     updateScheme: { type: Function }
   },
-  setup(_) {
-    const n = _, x = f(
+  setup(w) {
+    const r = w, S = v(
       () => {
         var e;
-        return Object.entries(((e = n.activeFlow) == null ? void 0 : e.scopes) ?? {}).map(([s, t]) => ({
-          id: s,
-          label: s,
-          description: t
+        return Object.entries(((e = r.activeFlow) == null ? void 0 : e.scopes) ?? {}).map(([o, s]) => ({
+          id: o,
+          label: o,
+          description: s
         }));
       }
-    ), r = f(() => {
+    ), i = v(() => {
       var e;
-      return ((e = n.activeFlow) == null ? void 0 : e.selectedScopes) || [];
+      return ((e = r.activeFlow) == null ? void 0 : e.selectedScopes) || [];
     });
-    function w(e, s) {
-      s ? n.updateScheme("flow.selectedScopes", [...r.value, e]) : n.updateScheme(
+    function g(e, o) {
+      o ? r.updateScheme("flow.selectedScopes", [...i.value, e]) : r.updateScheme(
         "flow.selectedScopes",
-        r.value.filter((t) => t !== e)
+        i.value.filter((s) => s !== e)
       );
     }
-    return (e, s) => (m(), h(o(v), { class: "items-center min-h-8 h-auto" }, {
-      default: c(() => [
-        l("div", O, [
-          s[0] || (s[0] = l("div", { class: "text-c-2 min-w-[120px] items-center pl-2 h-full border-r-1/2" }, [
+    return (e, o) => (f(), x(t(_), { class: "items-center min-h-8 h-auto" }, {
+      default: a(() => [
+        l("div", z, [
+          o[0] || (o[0] = l("div", { class: "text-c-1 min-w-[94px] items-center pl-2 h-full" }, [
             l("span", { class: "h-8 flex items-center" }, " Scopes ")
           ], -1)),
-          a(o(F), {
+          n(t(y), {
             as: "div",
-            class: "flex flex-col w-full"
+            class: "flex flex-col w-full bl"
           }, {
-            default: c(() => [
-              a(o(k), { class: "group/scopes-accordion flex items-center text-left min-h-8 gap-1.5 h-auto pl-2 hover:bg-b-2 pr-2.5 cursor-pointer" }, {
-                default: c(({ open: t }) => {
-                  var i, u, d;
-                  return [
-                    l("div", $, " Selected " + p(((u = (i = e.activeFlow) == null ? void 0 : i.selectedScopes) == null ? void 0 : u.length) || 0) + " / " + p(Object.keys(((d = e.activeFlow) == null ? void 0 : d.scopes) ?? {}).length || 0), 1),
-                    a(o(y), {
-                      class: "text-c-3 group-hover/scopes-accordion:text-c-2",
-                      icon: t ? "ChevronDown" : "ChevronRight",
-                      size: "xs"
-                    }, null, 8, ["icon"])
-                  ];
-                }),
-                _: 1
-              }),
-              a(o(D), { as: "template" }, {
-                default: c(() => [
-                  l("table", j, [
-                    (m(!0), g(b, null, C(x.value, ({ id: t, label: i, description: u }) => (m(), h(o(V), {
-                      key: t,
-                      class: "text-c-2",
-                      onClick: (d) => w(t, !r.value.includes(t))
-                    }, {
-                      default: c(() => [
-                        a(o(v), { class: "w-full px-2 py-1.5 hover:bg-b-2 cursor-pointer" }, {
-                          default: c(() => [
-                            l("span", null, [
-                              l("span", E, p(i), 1),
-                              l("span", null, " – " + p(u), 1)
-                            ])
-                          ]),
-                          _: 2
-                        }, 1024),
-                        a(o(B), {
-                          modelValue: r.value.includes(t),
-                          "onUpdate:modelValue": () => {
-                          }
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 2
-                    }, 1032, ["onClick"]))), 128))
+            default: a(() => {
+              var s, h;
+              return [
+                n(t(V), {
+                  class: F([
+                    "group/scopes-accordion flex items-center text-left min-h-8 gap-1.5 h-auto pl-2 hover:text-c-1 pr-2.5 cursor-pointer",
+                    (((h = (s = e.activeFlow) == null ? void 0 : s.selectedScopes) == null ? void 0 : h.length) || 0) > 0 ? "text-c-1" : "text-c-3"
                   ])
-                ]),
-                _: 1
-              })
-            ]),
+                }, {
+                  default: a(({ open: c }) => {
+                    var p, u, m;
+                    return [
+                      l("div", E, " Selected " + d(((u = (p = e.activeFlow) == null ? void 0 : p.selectedScopes) == null ? void 0 : u.length) || 0) + " / " + d(Object.keys(((m = e.activeFlow) == null ? void 0 : m.scopes) ?? {}).length || 0), 1),
+                      n(t(O), {
+                        class: "text-c-3 group-hover/scopes-accordion:text-c-2",
+                        icon: c ? "ChevronDown" : "ChevronRight",
+                        size: "xs"
+                      }, null, 8, ["icon"])
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["class"]),
+                n(t(B), { as: "template" }, {
+                  default: a(() => [
+                    l("table", I, [
+                      (f(!0), b(k, null, D(S.value, ({ id: c, label: p, description: u }) => (f(), x(t($), {
+                        key: c,
+                        class: "text-c-2",
+                        onClick: (m) => g(c, !i.value.includes(c))
+                      }, {
+                        default: a(() => [
+                          n(t(_), { class: "w-full px-2 py-1.5 hover:text-c-1 cursor-pointer" }, {
+                            default: a(() => [
+                              l("span", null, [
+                                l("span", N, d(p), 1),
+                                l("span", null, " – " + d(u), 1)
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024),
+                          n(t(j), {
+                            modelValue: i.value.includes(c),
+                            "onUpdate:modelValue": () => {
+                            }
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]))), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ];
+            }),
             _: 1
           })
         ])
@@ -98,5 +106,5 @@ const O = { class: "flex h-full w-full" }, $ = { class: "flex-1 text-c-3" }, j =
   }
 });
 export {
-  L as default
+  q as default
 };

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

@@ -1,6 +1,8 @@
 declare const _default: import("vue").DefineComponent<{
+    selectedSecuritySchemeUids: string[];
     title: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    selectedSecuritySchemeUids: string[];
     title: string;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"RequestAuth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuth.vue"],"names":[],"mappings":";WAyUS,MAAM;;WAAN,MAAM;;AAqcf,wBAMG"}
+{"version":3,"file":"RequestAuth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuth.vue"],"names":[],"mappings":";gCAwV8B,MAAM,EAAE;WAC7B,MAAM;;gCADe,MAAM,EAAE;WAC7B,MAAM;;AAudf,wBAMG"}

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

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