@scalar/api-client 2.2.59 → 2.2.60

package/dist/views/Components/CodeSnippet/helpers/get-snippet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-snippet.d.ts","sourceRoot":"","sources":["../../../../../src/views/Components/CodeSnippet/helpers/get-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxG,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAY,MAAM,kBAAkB,CAAA;AAOzE;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,QAAQ,UACnC,CAAC,GAAG,YAAY,UAChB,QAAQ,CAAC,CAAC,CAAC,oDAMhB;IACD,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;CACnC,KACA,aAAa,CAAC,MAAM,CA6CtB,CAAA"}
+{"version":3,"file":"get-snippet.d.ts","sourceRoot":"","sources":["../../../../../src/views/Components/CodeSnippet/helpers/get-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxG,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAY,MAAM,kBAAkB,CAAA;AAOzE;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,QAAQ,UACnC,CAAC,GAAG,YAAY,UAChB,QAAQ,CAAC,CAAC,CAAC,oDAMhB;IACD,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;CACnC,KACA,aAAa,CAAC,MAAM,CA+CtB,CAAA"}

package/dist/views/Components/CodeSnippet/helpers/get-snippet.js

@@ -1,7 +1,7 @@
 import { snippetz as a } from "@scalar/snippetz";
 import { getHarRequest as E } from "./get-har-request.js";
-const s = "ws://replace.me", w = (l, t, {
-  operation: i,
+const s = "ws://replace.me", S = (i, t, {
+  operation: l,
   example: u,
   server: c,
   securitySchemes: g = []
@@ -9,7 +9,7 @@ const s = "ws://replace.me", w = (l, t, {
   var n;
   try {
     const r = E({
-      operation: i,
+      operation: l,
       example: u,
       server: c,
       securitySchemes: g
@@ -19,25 +19,25 @@ const s = "ws://replace.me", w = (l, t, {
     const o = r.url.startsWith("/") ? "" : "/";
     try {
       new URL(r.url);
-    } catch {
-      r.url = `${s}${o}${r.url}`;
+    } catch (e) {
+      console.error("[getSnippet] Invalid URL", e), r.url = `${s}${o}${r.url}`;
     }
     if (((n = r.postData) == null ? void 0 : n.mimeType) === "application/json")
       try {
         JSON.parse(r.postData.text || "{}");
-      } catch {
-        return [new Error("Invalid JSON body"), null];
+      } catch (e) {
+        return console.error("[getSnippet] Invalid JSON body", e), [new Error("Invalid JSON body"), null];
       }
-    const p = l.replace("javascript", "js");
+    const p = i.replace("javascript", "js");
     if (a().hasPlugin(p, t)) {
       const e = a().print(p, t, r);
       return e ? [null, e.replace(`${s}${o}`, "")] : [new Error("Error generating snippet"), null];
     }
   } catch (r) {
-    return console.error("[getSnippet]", r), [new Error("Error generating snippet"), null];
+    return console.error("[getSnippet] Error generating snippet", r), [new Error("Error generating snippet"), null];
   }
   return [new Error("No snippet found"), null];
 };
 export {
-  w as getSnippet
+  S as getSnippet
 };

package/dist/views/Request/RequestSection/RequestCodeExample.test.d.ts

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

package/dist/views/Request/RequestSection/RequestCodeExample.test.d.ts.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"RequestCodeExample.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestCodeExample.vue"],"names":[],"mappings":"AA0KA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AAcxC,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AA2PF,wBAOG"}
+{"version":3,"file":"RequestCodeExample.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestCodeExample.vue"],"names":[],"mappings":"AA2KA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AAcxC,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AA4PF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./RequestCodeExample.vue2.js";
 /* empty css                        */
 import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-81efbf9b"]]);
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cf7ecb78"]]);
 export {
-  p as default
+  r as default
 };

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

@@ -1,13 +1,13 @@
-import { defineComponent as b, computed as c, openBlock as w, createElementBlock as x, createVNode as n, withCtx as s, createTextVNode as C, createElementVNode as m, unref as r, toDisplayString as S } from "vue";
+import { defineComponent as b, computed as i, openBlock as w, createElementBlock as x, createVNode as n, withCtx as c, createTextVNode as S, createElementVNode as m, unref as r, toDisplayString as C } from "vue";
 import { ScalarCombobox as k, ScalarButton as $, ScalarIcon as g } from "@scalar/components";
 import { snippetz as K } from "@scalar/snippetz";
 import V from "../../../components/DataTable/DataTable.vue.js";
-import _ from "../../../components/DataTable/DataTableRow.vue.js";
-import H from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { filterSecurityRequirements as j } from "./helpers/filter-security-requirements.js";
-import B from "../../Components/CodeSnippet/CodeSnippet.vue.js";
-import { useWorkspace as D } from "../../../store/store.js";
-const E = { class: "w-full" }, N = { class: "-mx-1 flex flex-1" }, R = { class: "bg-b-1 flex items-center justify-center overflow-hidden border-t" }, P = /* @__PURE__ */ b({
+import H from "../../../components/DataTable/DataTableRow.vue.js";
+import U from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { filterSecurityRequirements as _ } from "./helpers/filter-security-requirements.js";
+import j from "../../Components/CodeSnippet/CodeSnippet.vue.js";
+import { useWorkspace as B } from "../../../store/store.js";
+const D = { class: "w-full" }, E = { class: "-mx-1 flex flex-1" }, N = { class: "bg-b-1 flex items-center justify-center overflow-hidden border-t" }, P = /* @__PURE__ */ b({
   __name: "RequestCodeExample",
   props: {
     collection: {},
@@ -17,25 +17,25 @@ const E = { class: "w-full" }, N = { class: "-mx-1 flex flex-1" }, R = { class:
     workspace: {}
   },
   setup(o) {
-    const { securitySchemes: p, workspaceMutators: u } = D(), f = c(
-      () => j(
+    const { securitySchemes: u, workspaceMutators: p } = B(), f = i(
+      () => _(
         o.operation.security || o.collection.security || [],
-        o.collection.selectedSecuritySchemeUids,
-        p
+        o.operation.selectedSecuritySchemeUids || o.collection.selectedSecuritySchemeUids,
+        u
       )
-    ), a = c(() => {
+    ), a = i(() => {
       const e = {};
       return {
         options: K().clients().map((t) => ({
           label: t.title,
-          options: t.clients.map((i) => (e[`${t.key},${i.client}`] = i.title, {
-            id: `${t.key},${i.client}`,
-            label: i.title
+          options: t.clients.map((s) => (e[`${t.key},${s.client}`] = s.title, {
+            id: `${t.key},${s.client}`,
+            label: s.title
           }))
         })),
         dict: e
       };
-    }), d = c(() => {
+    }), d = i(() => {
       var t;
       const e = o.workspace.selectedHttpClient;
       if (!e)
@@ -48,49 +48,49 @@ const E = { class: "w-full" }, N = { class: "-mx-1 flex flex-1" }, R = { class:
         id: l,
         label: a.value.dict[l] ?? "Unknown"
       };
-    }), v = c(
+    }), y = i(
       () => {
         var e;
         return ((e = o.workspace.selectedHttpClient) == null ? void 0 : e.targetKey) ?? "js";
       }
-    ), y = c(
+    ), v = i(
       () => {
         var e;
         return ((e = o.workspace.selectedHttpClient) == null ? void 0 : e.clientKey) ?? "fetch";
       }
     ), h = ({ id: e }) => {
       const [l, t] = e.split(",");
-      !l || !t || u.edit(o.workspace.uid, "selectedHttpClient", {
+      !l || !t || p.edit(o.workspace.uid, "selectedHttpClient", {
         targetKey: l,
         clientKey: t
       });
     };
-    return (e, l) => (w(), x("div", E, [
-      n(H, {
+    return (e, l) => (w(), x("div", D, [
+      n(U, {
         class: "group/preview w-full border-b-0",
         defaultOpen: !1
       }, {
-        title: s(() => l[0] || (l[0] = [
-          C("Code Snippet")
+        title: c(() => l[0] || (l[0] = [
+          S("Code Snippet")
         ])),
-        actions: s(() => [
-          m("div", N, [
+        actions: c(() => [
+          m("div", E, [
             n(r(k), {
               modelValue: d.value,
               options: a.value.options,
               placement: "bottom-end",
               "onUpdate:modelValue": h
             }, {
-              default: s(() => [
+              default: c(() => [
                 n(r($), {
                   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"
                 }, {
-                  default: s(() => {
+                  default: c(() => {
                     var t;
                     return [
-                      m("span", null, S((t = d.value) == null ? void 0 : t.label), 1),
+                      m("span", null, C((t = d.value) == null ? void 0 : t.label), 1),
                       n(r(g), {
                         icon: "ChevronDown",
                         size: "md"
@@ -104,20 +104,20 @@ const E = { class: "w-full" }, N = { class: "-mx-1 flex flex-1" }, R = { class:
             }, 8, ["modelValue", "options"])
           ])
         ]),
-        default: s(() => [
+        default: c(() => [
           n(V, { columns: [""] }, {
-            default: s(() => [
-              n(_, null, {
-                default: s(() => [
-                  m("div", R, [
-                    n(r(B), {
+            default: c(() => [
+              n(H, null, {
+                default: c(() => [
+                  m("div", N, [
+                    n(r(j), {
                       class: "px-3 py-1.5",
-                      client: y.value,
+                      client: v.value,
                       example: e.example,
                       operation: e.operation,
                       securitySchemes: f.value,
                       server: e.server,
-                      target: v.value
+                      target: y.value
                     }, null, 8, ["client", "example", "operation", "securitySchemes", "server", "target"])
                   ])
                 ]),

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":"AAuRA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,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;AASxC,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;;AAwUF,wBAOG"}
+{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":"AA+SA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,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;AASxC,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;;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-c67b3580"]]);
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dd5754ad"]]);
 export {
-  m as default
+  d as default
 };

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

@@ -1,24 +1,24 @@
-import { defineComponent as C, computed as p, ref as R, watch as E, openBlock as s, createBlock as y, withCtx as u, createElementVNode as v, unref as l, createElementBlock as d, createCommentVNode as h, toDisplayString as O, createVNode as n, withDirectives as i, vShow as t } from "vue";
-import { ScalarErrorBoundary as H } from "@scalar/components";
-import { canMethodHaveBody as c, isDefined as N, REGEX as w } from "@scalar/oas-utils/helpers";
-import K from "../../../components/ContextBar.vue.js";
-import D from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import { matchesDomain as U } from "../../../libs/send-request/set-request-cookies.js";
-import $ from "./RequestBody.vue.js";
-import f from "./RequestParams.vue.js";
-import L from "./RequestPathParams.vue.js";
-import Q from "./RequestAuth/RequestAuth.vue.js";
+import { defineComponent as E, computed as p, useId as O, ref as H, watch as N, openBlock as m, createBlock as b, withCtx as v, createElementVNode as d, unref as i, createElementBlock as c, createCommentVNode as w, toDisplayString as I, createVNode as n, withDirectives as t, vShow as s } from "vue";
+import { ScalarErrorBoundary as K } from "@scalar/components";
+import { canMethodHaveBody as f, isDefined as U, REGEX as V } from "@scalar/oas-utils/helpers";
+import D from "../../../components/SectionFilter.vue.js";
+import Q from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { matchesDomain as $ } from "../../../libs/send-request/set-request-cookies.js";
+import L from "./RequestBody.vue.js";
+import y from "./RequestParams.vue.js";
+import j from "./RequestPathParams.vue.js";
+import F from "./RequestAuth/RequestAuth.vue.js";
 import M from "./RequestCodeExample.vue.js";
 import { useWorkspace as T } from "../../../store/store.js";
 import { useLayout as W } from "../../../hooks/useLayout.js";
-const j = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, z = {
+const z = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, G = {
   key: 0,
   class: "pointer-events-auto absolute left-0 top-0 h-full w-full cursor-text opacity-0",
   for: "requestname"
-}, G = ["placeholder", "value"], I = {
+}, X = ["placeholder", "value"], J = {
   key: 2,
   class: "text-c-1 flex h-8 items-center"
-}, X = { class: "request-section-content custom-scroll relative flex flex-1 flex-col divide-y" }, te = /* @__PURE__ */ C({
+}, Y = ["id", "role"], ue = /* @__PURE__ */ E({
   __name: "RequestSection",
   props: {
     collection: {},
@@ -31,38 +31,41 @@ const j = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
     server: {},
     workspace: {}
   },
-  setup(o) {
-    const { requestMutators: b, cookies: V, securitySchemes: S } = T(), { layout: m } = W(), P = p(() => {
-      const e = /* @__PURE__ */ new Set([
-        "All",
-        "Query",
-        "Auth",
-        "Variables",
-        "Cookies",
-        "Headers",
-        "Body"
-      ]);
-      return o.example.parameters.path.length || e.delete("Variables"), c(o.operation.method ?? "get") || e.delete("Body"), k.value && e.delete("Auth"), [...e];
-    }), k = p(
+  setup(l) {
+    const A = [
+      "Auth",
+      "Variables",
+      "Cookies",
+      "Headers",
+      "Query",
+      "Body"
+    ], { requestMutators: P, cookies: S, securitySchemes: q } = T(), { layout: u } = W(), k = p(() => {
+      const e = /* @__PURE__ */ new Set(["All", ...A]);
+      return l.example.parameters.path.length || e.delete("Variables"), f(l.operation.method ?? "get") || e.delete("Body"), h.value && e.delete("Auth"), [...e];
+    }), r = p(
+      () => Object.fromEntries(
+        k.value.map((e) => [e, O()])
+      )
+    ), h = p(
       () => {
         var e;
-        return m === "modal" && ((e = o.operation.security) == null ? void 0 : e.length) === 0;
+        return u === "modal" && ((e = l.operation.security) == null ? void 0 : e.length) === 0;
       }
-    ), a = R("All");
-    E(
-      () => o.operation,
+    ), a = H("All");
+    N(
+      () => l.operation,
       (e) => {
-        a.value === "Body" && e && !c(e.method) && (a.value = "All");
+        a.value === "Body" && e && !f(e.method) && (a.value = "All");
       }
     );
-    const A = (e) => {
-      const r = e.target;
-      b.edit(o.operation.uid, "summary", r.value);
-    }, g = p(
-      () => (o.workspace.cookies ?? []).map((e) => V[e]).filter(N).filter((e) => e.name).filter(
+    const g = (e) => {
+      const o = e.target;
+      P.edit(l.operation.uid, "summary", o.value);
+    }, B = p(
+      () => (l.workspace.cookies ?? []).map((e) => S[e]).filter(U).filter((e) => e.name).filter(
         (e) => {
-          var r;
-          return U(((r = o.server) == null ? void 0 : r.url) || o.operation.path, e.domain);
+          var o;
+          return $(((o = l.server) == null ? void 0 : o.url) || l.operation.path, e.domain);
         }
       ).map((e) => ({
         key: e.name,
@@ -75,116 +78,133 @@ const j = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
         },
         enabled: !0
       }))
-    ), q = () => o.operation.summary ? o.operation.summary : o.operation.path.replace(w.PROTOCOL, "") ? o.operation.path.replace(w.PROTOCOL, "") : "Request Name";
-    return (e, r) => (s(), y(D, {
+    ), C = () => l.operation.summary ? l.operation.summary : l.operation.path.replace(V.PROTOCOL, "") ? l.operation.path.replace(V.PROTOCOL, "") : "Request Name";
+    return (e, o) => (m(), b(Q, {
       "aria-label": `Request: ${e.operation.summary}`
     }, {
-      title: u(() => [
-        v("div", j, [
-          l(m) !== "modal" ? (s(), d("label", z)) : h("", !0),
-          l(m) !== "modal" ? (s(), d("input", {
+      title: v(() => [
+        d("div", z, [
+          i(u) !== "modal" ? (m(), c("label", G)) : w("", !0),
+          i(u) !== "modal" ? (m(), c("input", {
             key: 1,
             id: "requestname",
             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: q(),
+            placeholder: C(),
             value: e.operation.summary,
-            onInput: A
-          }, null, 40, G)) : (s(), d("span", I, O(e.operation.summary), 1))
+            onInput: g
+          }, null, 40, X)) : (m(), c("span", J, I(e.operation.summary), 1))
         ]),
-        n(K, {
-          activeSection: a.value,
-          sections: P.value,
-          onSetActiveSection: r[0] || (r[0] = (B) => a.value = B)
-        }, null, 8, ["activeSection", "sections"])
+        n(D, {
+          modelValue: a.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (R) => a.value = R),
+          filterIds: r.value,
+          filters: k.value
+        }, null, 8, ["modelValue", "filterIds", "filters"])
       ]),
-      default: u(() => [
-        v("div", X, [
-          e.collection && e.workspace && (l(m) !== "modal" || Object.keys(l(S) ?? {}).length) ? i((s(), y(Q, {
+      default: v(() => [
+        d("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 && (i(u) !== "modal" || Object.keys(i(q) ?? {}).length) ? t((m(), b(F, {
             key: 0,
+            id: r.value.Auth,
             collection: e.collection,
             envVariables: e.envVariables,
             environment: e.environment,
             layout: "client",
             operation: e.operation,
+            role: a.value === "All" ? "none" : "tabpanel",
             selectedSecuritySchemeUids: e.selectedSecuritySchemeUids,
             server: e.server,
             title: "Authentication",
             workspace: e.workspace
-          }, null, 8, ["collection", "envVariables", "environment", "operation", "selectedSecuritySchemeUids", "server", "workspace"])), [
+          }, null, 8, ["id", "collection", "envVariables", "environment", "operation", "role", "selectedSecuritySchemeUids", "server", "workspace"])), [
             [
-              t,
-              !k.value && (a.value === "All" || a.value === "Auth")
+              s,
+              !h.value && (a.value === "All" || a.value === "Auth")
             ]
-          ]) : h("", !0),
-          i(n(L, {
+          ]) : w("", !0),
+          t(n(j, {
+            id: r.value.Variables,
             envVariables: e.envVariables,
             environment: e.environment,
             example: e.example,
+            invalidParams: e.invalidParams,
             operation: e.operation,
             paramKey: "path",
+            role: a.value === "All" ? "none" : "tabpanel",
             title: "Variables",
-            workspace: e.workspace,
-            invalidParams: e.invalidParams
-          }, null, 8, ["envVariables", "environment", "example", "operation", "workspace", "invalidParams"]), [
+            workspace: e.workspace
+          }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
             [
-              t,
+              s,
               (a.value === "All" || a.value === "Variables") && e.example.parameters.path.length
             ]
           ]),
-          i(n(f, {
+          t(n(y, {
+            id: r.value.Cookies,
             envVariables: e.envVariables,
             environment: e.environment,
             example: e.example,
             invalidParams: e.invalidParams,
             operation: e.operation,
             paramKey: "cookies",
-            readOnlyEntries: g.value,
+            readOnlyEntries: B.value,
+            role: a.value === "All" ? "none" : "tabpanel",
             title: "Cookies",
             workspace: e.workspace,
             workspaceParamKey: "cookies"
-          }, null, 8, ["envVariables", "environment", "example", "invalidParams", "operation", "readOnlyEntries", "workspace"]), [
-            [t, a.value === "All" || a.value === "Cookies"]
+          }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "readOnlyEntries", "role", "workspace"]), [
+            [s, a.value === "All" || a.value === "Cookies"]
           ]),
-          i(n(f, {
+          t(n(y, {
+            id: r.value.Headers,
             envVariables: e.envVariables,
             environment: e.environment,
             example: e.example,
             invalidParams: e.invalidParams,
             operation: e.operation,
             paramKey: "headers",
+            role: a.value === "All" ? "none" : "tabpanel",
             title: "Headers",
             workspace: e.workspace
-          }, null, 8, ["envVariables", "environment", "example", "invalidParams", "operation", "workspace"]), [
-            [t, a.value === "All" || a.value === "Headers"]
+          }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
+            [s, a.value === "All" || a.value === "Headers"]
           ]),
-          i(n(f, {
+          t(n(y, {
+            id: r.value.Query,
             envVariables: e.envVariables,
             environment: e.environment,
             example: e.example,
             invalidParams: e.invalidParams,
             operation: e.operation,
             paramKey: "query",
+            role: a.value === "All" ? "none" : "tabpanel",
             title: "Query Parameters",
             workspace: e.workspace
-          }, null, 8, ["envVariables", "environment", "example", "invalidParams", "operation", "workspace"]), [
-            [t, a.value === "All" || a.value === "Query"]
+          }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
+            [s, a.value === "All" || a.value === "Query"]
           ]),
-          i(n($, {
+          t(n(L, {
+            id: r.value.Body,
             envVariables: e.envVariables,
             environment: e.environment,
             example: e.example,
             operation: e.operation,
+            role: a.value === "All" ? "none" : "tabpanel",
             title: "Body",
             workspace: e.workspace
-          }, null, 8, ["envVariables", "environment", "example", "operation", "workspace"]), [
+          }, null, 8, ["id", "envVariables", "environment", "example", "operation", "role", "workspace"]), [
             [
-              t,
-              e.operation.method && (a.value === "All" || a.value === "Body") && l(c)(e.operation.method)
+              s,
+              e.operation.method && (a.value === "All" || a.value === "Body") && i(f)(e.operation.method)
             ]
           ]),
-          r[1] || (r[1] = v("div", { class: "-my-0.25 flex flex-grow" }, null, -1)),
-          n(l(H), null, {
-            default: u(() => [
+          o[1] || (o[1] = d("div", { class: "-my-0.25 flex flex-grow" }, null, -1)),
+          n(i(K), null, {
+            default: v(() => [
               n(M, {
                 collection: e.collection,
                 example: e.example,
@@ -195,12 +215,12 @@ const j = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             ]),
             _: 1
           })
-        ])
+        ], 8, Y)
       ]),
       _: 1
     }, 8, ["aria-label"]));
   }
 });
 export {
-  te as default
+  ue as default
 };

package/dist/views/Request/RequestSidebarItem.vue.d.ts

@@ -1,4 +1,5 @@
 import { type DraggableProps, type DraggingItem, type HoveredItem } from '@scalar/draggable';
+import { nextTick } from 'vue';
 import type { SidebarMenuItem } from '../../views/Request/types';
 type __VLS_Props = {
     /**
@@ -96,7 +97,7 @@ declare function __VLS_template(): {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<DraggableProps> & Readonly<{
             onOnDragEnd?: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"RequestSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItem.vue"],"names":[],"mappings":"AA8qBA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAa1B,OAAO,KAAK,EAAe,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAIzE,KAAK,WAAW,GAAG;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAC3C,oEAAoE;IACpE,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,0DAA0D;IAC1D,GAAG,EAAE,MAAM,CAAA;IACX,2CAA2C;IAC3C,QAAQ,EAAE,eAAe,CAAA;CAC1B,CAAC;AAsTF,iBAAS,cAAc;WA0xBT,OAAO,IAA6B;;oBA9jCpC,IAAI;;oBAAJ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAjElB,KA3nB6B;;;;;;;oCA2nB7B,KAtnBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA2vBW,GAAG,8CACqB,GAAG,yBAAyB,GAClE,6DAIM,GAAH;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAy/BF;AAqCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"RequestSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItem.vue"],"names":[],"mappings":"AAgrBA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EAAY,QAAQ,EAAO,MAAM,KAAK,CAAA;AAU7C,OAAO,KAAK,EAAe,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAIzE,KAAK,WAAW,GAAG;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAC3C,oEAAoE;IACpE,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,0DAA0D;IAC1D,GAAG,EAAE,MAAM,CAAA;IACX,2CAA2C;IAC3C,QAAQ,EAAE,eAAe,CAAA;CAC1B,CAAC;AAwTF,iBAAS,cAAc;WA0xBT,OAAO,IAA6B;;oBAhkCpC,IAAI;;oBAAJ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAjElB,KA7nBmB;;;;;;;oCA6nBnB,KAznBO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA4vB2B,GAAG,8CACzB,GAAG,yBACK,GAAG,6DACU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAggCnC;AAqCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -2,7 +2,7 @@ import t from "./RequestSidebarItem.vue2.js";
 /* empty css                        */
 /* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b1c0a5a2"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-716d294a"]]);
 export {
   p as default
 };