@scalar/api-client 2.26.1 → 2.27.1

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

@@ -1,22 +1,22 @@
-import { defineComponent as re, useCssVars as ue, computed as v, ref as de, resolveComponent as ce, createElementBlock as C, createCommentVNode as c, openBlock as u, normalizeClass as g, unref as l, createVNode as m, withCtx as p, createBlock as f, withModifiers as h, createElementVNode as o, toDisplayString as j, createTextVNode as B, renderSlot as L, Fragment as fe, renderList as me, nextTick as pe } from "vue";
-import { ScalarButton as k, ScalarIcon as b, ScalarSidebarGroupToggle as G, ScalarTooltip as K } from "@scalar/components";
+import { defineComponent as re, useCssVars as ue, computed as v, ref as de, resolveComponent as ce, createElementBlock as I, createCommentVNode as c, openBlock as u, normalizeClass as g, unref as l, createVNode as m, withCtx as p, createBlock as f, withModifiers as y, createElementVNode as o, toDisplayString as B, createTextVNode as W, renderSlot as L, Fragment as fe, renderList as me, nextTick as pe } from "vue";
+import { ScalarButton as k, ScalarIcon as b, ScalarTooltip as G, ScalarSidebarGroupToggle as K } from "@scalar/components";
 import { Draggable as ve } from "@scalar/draggable";
 import { shouldIgnoreEntity as J } from "@scalar/oas-utils/helpers";
 import { useRouter as ge, RouterLink as Q } from "vue-router";
-import { useLayout as be } from "../../hooks/useLayout.js";
-import { useSidebar as ye } from "../../hooks/useSidebar.js";
+import { useLayout as ye } from "../../hooks/useLayout.js";
+import { useSidebar as be } from "../../hooks/useSidebar.js";
 import { PathId as R } from "../../routes.js";
 import { useActiveEntities as he } from "../../store/active-entities.js";
 import { useWorkspace as xe } from "../../store/store.js";
 import ke from "../../components/HttpMethod/HttpMethod.vue.js";
 import { getModifiers as we } from "../../libs/hot-keys.js";
-const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex flex-row items-center gap-1" }, De = { class: "relative" }, Ie = { class: "flex items-start" }, Ce = { class: "flex flex-1 flex-row justify-between font-medium" }, Re = { class: "line-clamp-1 w-full text-left break-all" }, Te = { class: "relative flex h-fit justify-end" }, Me = {
+const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex flex-row items-center gap-1" }, Ce = { class: "relative" }, De = { class: "flex items-start" }, Ie = { class: "flex h-5 max-w-[14px] shrink-0 items-center justify-center" }, Re = { class: "flex flex-1 flex-row justify-between font-medium" }, Te = { class: "line-clamp-1 w-full text-left break-all" }, Me = { class: "relative flex h-fit items-center justify-end gap-0.5" }, $e = {
   class: "flex items-center justify-center",
   type: "button"
-}, Ee = ["aria-expanded"], $e = { class: "flex h-5 max-w-[14px] items-center justify-center" }, ze = { class: "flex flex-1 flex-row justify-between" }, Se = { class: "line-clamp-1 w-full text-left font-medium break-all" }, je = { class: "relative flex h-fit justify-end" }, Be = {
+}, Ee = ["aria-expanded"], ze = { class: "flex h-5 max-w-[14px] shrink-0 items-center justify-center" }, Se = { class: "flex flex-1 flex-row justify-between" }, je = { class: "line-clamp-1 w-full text-left font-medium break-all" }, Be = { class: "relative flex h-fit items-center justify-end gap-0.5" }, We = {
   class: "flex items-center justify-center",
   type: "button"
-}, We = { key: 3 }, W = "hover:bg-sidebar-b-active indent-padding-left", Qe = /* @__PURE__ */ re({
+}, Ae = { key: 3 }, A = "hover:bg-sidebar-b-active indent-padding-left", Xe = /* @__PURE__ */ re({
   __name: "RequestSidebarItem",
   props: {
     isDraggable: { type: Boolean, default: !1 },
@@ -28,20 +28,20 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
   emits: ["onDragEnd", "newTab", "openMenu"],
   setup(t, { emit: X }) {
     ue((n) => ({
-      v0d47e407: te.value,
-      v19387f52: ie.value
+      v337cd30d: te.value,
+      v1d572b91: ie.value
     }));
-    const Z = X, { activeCollection: _, activeRequest: A, activeRouterParams: ee, activeWorkspace: x } = he(), {
+    const Z = X, { activeCollection: _, activeRequest: N, activeRouterParams: ee, activeWorkspace: x } = he(), {
       collections: q,
       tags: U,
       requests: T,
       requestExamples: M,
-      collectionMutators: E,
-      tagMutators: N,
-      requestMutators: $,
-      requestExampleMutators: O,
-      events: P
-    } = xe(), y = ge(), { collapsedSidebarFolders: w, toggleSidebarFolder: V } = ye(), { layout: d } = be(), i = v(() => {
+      collectionMutators: $,
+      tagMutators: O,
+      requestMutators: E,
+      requestExampleMutators: P,
+      events: V
+    } = xe(), h = ge(), { collapsedSidebarFolders: w, toggleSidebarFolder: z } = be(), { layout: d } = ye(), i = v(() => {
       const n = q[t.uid], e = U[t.uid], r = T[t.uid], a = M[t.uid];
       return n ? {
         title: n.info?.title || "Untitled Collection",
@@ -59,11 +59,11 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
           }
         } : void 0,
         warning: "This cannot be undone. You're about to delete the collection and all folders and requests inside it.",
-        edit: (s, I) => {
-          E.edit(n.uid, "info.title", s), I && E.edit(n.uid, "x-scalar-icon", I);
+        edit: (s, D) => {
+          $.edit(n.uid, "info.title", s), D && $.edit(n.uid, "x-scalar-icon", D);
         },
         delete: () => {
-          x.value && E.delete(n, x.value);
+          x.value && $.delete(n, x.value);
         }
       } : e ? {
         title: e.name,
@@ -71,8 +71,8 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
         resourceTitle: "Tag",
         children: e.children,
         warning: "This cannot be undone. You're about to delete the tag and all requests inside it",
-        edit: (s) => N.edit(e.uid, "name", s),
-        delete: () => t.parentUids[0] && N.delete(e, t.parentUids[0])
+        edit: (s) => O.edit(e.uid, "name", s),
+        delete: () => t.parentUids[0] && O.delete(e, t.parentUids[0])
       } : r ? {
         title: r.summary ?? r.path,
         to: {
@@ -87,8 +87,8 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
         resourceTitle: "Request",
         warning: "This cannot be undone. You're about to delete the request.",
         children: r.examples.slice(1),
-        edit: (s) => $.edit(r.uid, "summary", s),
-        delete: () => t.parentUids[0] && $.delete(r, t.parentUids[0])
+        edit: (s) => E.edit(r.uid, "summary", s),
+        delete: () => t.parentUids[0] && E.delete(r, t.parentUids[0])
       } : a?.requestUid ? {
         title: a.name,
         to: {
@@ -104,8 +104,8 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
         resourceTitle: "Example",
         warning: "This cannot be undone. You're about to delete the example from the request.",
         children: [],
-        edit: (s) => O.edit(a.uid, "name", s),
-        delete: () => O.delete(a)
+        edit: (s) => P.edit(a.uid, "name", s),
+        delete: () => P.delete(a)
       } : {
         title: "Unknown",
         entity: {
@@ -117,33 +117,33 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
         edit: () => null,
         delete: () => null
       };
-    }), D = v(
+    }), C = v(
       () => i.value.entity.type === "collection" && i.value.title === "Drafts"
     ), te = v(() => t.parentUids.length ? d === "modal" ? `${(t.parentUids.length - 1) * 12}px` : `${t.parentUids.length * 12}px` : "12px"), ie = v(() => t.parentUids.length ? d === "modal" ? `${(t.parentUids.length - 1) * 12}px` : `${t.parentUids.length * 12}px` : "0px"), ne = v(
-      () => w[t.uid] || A.value?.uid === t.uid && i.value.entity.examples.length > 1
+      () => w[t.uid] || N.value?.uid === t.uid && i.value.entity.examples.length > 1
     ), le = v(
-      () => typeof y.currentRoute.value.name == "string" && y.currentRoute.value.name.startsWith("request") && ee.value[R.Request] === "default" && A.value?.uid === t.uid
-    ), z = de(null), F = v(() => {
+      () => typeof h.currentRoute.value.name == "string" && h.currentRoute.value.name.startsWith("request") && ee.value[R.Request] === "default" && N.value?.uid === t.uid
+    ), S = de(null), F = v(() => {
       let n = 0.5, e = 0.5;
-      if (!z.value)
+      if (!S.value)
         return { ceiling: n, floor: e };
-      const { draggingItem: r } = z.value;
+      const { draggingItem: r } = S.value;
       return !q[r?.id] && i.value.entity.type === "collection" ? (n = 1, e = 0) : i.value.entity.type === "tag" && (n = 0.8, e = 0.2), { ceiling: n, floor: e };
     }), ae = (n, e) => !(d === "modal" || M[e.id] || q[n.id]), oe = (n, e) => {
-      n && (we(["default"]).some((s) => n[s]) ? Z("newTab", e.title || "", e.entity.uid) : e.to && y.push(e.to), pe(() => P.focusAddressBar.emit()));
+      n && (we(["default"]).some((s) => n[s]) ? Z("newTab", e.title || "", e.entity.uid) : e.to && h.push(e.to), pe(() => V.focusAddressBar.emit()));
     };
-    function S(n) {
-      const e = t.parentUids[0] ? q[t.parentUids[0]]?.uid || "" : n, r = t.parentUids[0] && U[n]?.name ? { tags: [U[n].name] } : {}, a = $.add(
+    function j(n) {
+      const e = t.parentUids[0] ? q[t.parentUids[0]]?.uid || "" : n, r = t.parentUids[0] && U[n]?.name ? { tags: [U[n].name] } : {}, a = E.add(
         r,
         e
       );
-      a && (y.push({
+      a && (h.push({
         name: "request",
         params: {
           workspace: x.value?.uid,
           request: a.uid
         }
-      }), P.hotKeys.emit({
+      }), V.hotKeys.emit({
         focusAddressBar: new KeyboardEvent("keydown", { key: "l" })
       }));
     }
@@ -159,7 +159,7 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
     });
     return (n, e) => {
       const r = ce("RequestSidebarItem", !0);
-      return se.value ? (u(), C("li", {
+      return se.value ? (u(), I("li", {
         key: 0,
         class: g(["relative flex flex-row", [
           l(d) === "modal" && t.parentUids.length > 1 || l(d) !== "modal" && t.parentUids.length ? "before:bg-border indent-border-line-offset mb-[.5px] before:pointer-events-none before:absolute before:top-0 before:left-[calc(.75rem_+_.5px)] before:z-1 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full" : ""
@@ -168,21 +168,21 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
         m(l(ve), {
           id: i.value.entity.uid,
           ref_key: "draggableRef",
-          ref: z,
+          ref: S,
           ceiling: F.value.ceiling,
           class: "gap-1/2 flex flex-1 flex-col text-base",
           floor: F.value.floor,
           isDraggable: t.isDraggable,
           isDroppable: t.isDroppable,
           parentIds: t.parentUids,
-          onOnDragEnd: e[12] || (e[12] = (...a) => n.$emit("onDragEnd", ...a))
+          onOnDragEnd: e[13] || (e[13] = (...a) => n.$emit("onDragEnd", ...a))
         }, {
           default: p(() => [
             (i.value.entity.type === "request" || i.value.entity.type === "requestExample") && i.value.to ? (u(), f(l(Q), {
               key: 0,
               class: "group no-underline",
               to: i.value.to,
-              onClick: e[1] || (e[1] = h(
+              onClick: e[1] || (e[1] = y(
                 (a) => oe(a, i.value),
                 ["prevent"]
               ))
@@ -190,13 +190,13 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
               default: p(({ isExactActive: a }) => [
                 o("div", {
                   class: g(["relative flex min-h-8 w-full cursor-pointer flex-row items-start justify-between gap-0.5 rounded py-1.5 pr-2", [
-                    W,
+                    A,
                     a || le.value ? "bg-sidebar-b-active text-sidebar-c-active font-medium transition-none" : "text-sidebar-c-2"
                   ]])
                 }, [
-                  o("span", qe, j(i.value.title || "Untitled"), 1),
+                  o("span", qe, B(i.value.title || "Untitled"), 1),
                   o("div", Ue, [
-                    o("div", De, [
+                    o("div", Ce, [
                       l(d) !== "modal" ? (u(), f(l(k), {
                         key: 0,
                         class: g(["hover:bg-b-3 hidden aspect-square h-fit px-0.5 py-0 opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", {
@@ -205,7 +205,7 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
                         size: "sm",
                         type: "button",
                         variant: "ghost",
-                        onClick: e[0] || (e[0] = h(
+                        onClick: e[0] || (e[0] = y(
                           (s) => n.$emit("openMenu", {
                             item: i.value,
                             parentUids: t.parentUids,
@@ -224,9 +224,9 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
                         _: 1
                       }, 8, ["class"])) : c("", !0)
                     ]),
-                    o("span", Ie, [
-                      e[13] || (e[13] = B("   ", -1)),
-                      e[14] || (e[14] = o("span", { class: "sr-only" }, "HTTP Method:", -1)),
+                    o("span", De, [
+                      e[14] || (e[14] = W("   ", -1)),
+                      e[15] || (e[15] = o("span", { class: "sr-only" }, "HTTP Method:", -1)),
                       i.value.method ? (u(), f(l(ke), {
                         key: 0,
                         class: "font-bold",
@@ -241,42 +241,34 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
               key: 1,
               "aria-expanded": !!l(w)[i.value.entity.uid],
               class: g(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 no-underline focus-visible:z-10", [
-                W,
+                A,
                 {
-                  "bg-sidebar-b-active text-sidebar-c-active transition-none": typeof l(y).currentRoute.value.name == "string" && l(y).currentRoute.value.name.startsWith("collection") && l(y).currentRoute.value.params[l(R).Collection] === i.value.entity.uid,
+                  "bg-sidebar-b-active text-sidebar-c-active transition-none": typeof l(h).currentRoute.value.name == "string" && l(h).currentRoute.value.name.startsWith("collection") && l(h).currentRoute.value.params[l(R).Collection] === i.value.entity.uid,
                   "text-c-2": i.value.title === "Untitled Collection"
                 }
               ]]),
               to: i.value.to
             }, {
               default: p(() => [
-                o("span", {
-                  class: "flex h-5 max-w-[14px] cursor-pointer items-center justify-center",
-                  onClick: e[2] || (e[2] = h((a) => l(V)(i.value.entity.uid), ["stop", "prevent"]))
-                }, [
-                  L(n.$slots, "leftIcon", {}, () => [
-                    m(l(G), {
-                      class: "text-c-3 shrink-0",
-                      open: !!l(w)[i.value.entity.uid]
-                    }, null, 8, ["open"])
-                  ], !0),
-                  e[15] || (e[15] = B("   ", -1))
+                o("span", Ie, [
+                  L(n.$slots, "leftIcon", {}, void 0, !0),
+                  e[16] || (e[16] = W("   ", -1))
                 ]),
-                o("div", Ce, [
-                  o("span", Re, j(i.value.title), 1),
-                  o("div", Te, [
+                o("div", Re, [
+                  o("span", Te, B(i.value.title), 1),
+                  o("div", Me, [
                     o("div", {
                       class: g(["items-center gap-px opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", {
                         flex: t.menuItem.open,
                         hidden: !t.menuItem.open || t.menuItem.item?.entity.uid !== i.value.entity.uid
                       }])
                     }, [
-                      l(d) !== "modal" && !D.value || D.value && H.value ? (u(), f(l(k), {
+                      l(d) !== "modal" && !C.value || C.value && H.value ? (u(), f(l(k), {
                         key: 0,
                         class: "hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100",
                         size: "sm",
                         variant: "ghost",
-                        onClick: e[3] || (e[3] = h(
+                        onClick: e[2] || (e[2] = y(
                           (a) => n.$emit("openMenu", {
                             item: i.value,
                             parentUids: t.parentUids,
@@ -299,7 +291,7 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
                         class: "hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100",
                         size: "sm",
                         variant: "ghost",
-                        onClick: e[4] || (e[4] = h((a) => S(i.value.entity.uid), ["stop", "prevent"]))
+                        onClick: e[3] || (e[3] = y((a) => j(i.value.entity.uid), ["stop", "prevent"]))
                       }, {
                         default: p(() => [
                           m(l(b), {
@@ -311,14 +303,14 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
                         _: 1
                       })) : c("", !0)
                     ], 2),
-                    i.value.watchMode ? (u(), f(l(K), {
+                    i.value.watchMode ? (u(), f(l(G), {
                       key: 0,
-                      placement: "right",
+                      content: `Watching: ${i.value.documentUrl}`,
                       offset: 12,
-                      content: `Watching: ${i.value.documentUrl}`
+                      placement: "right"
                     }, {
                       default: p(() => [
-                        o("button", Me, [
+                        o("button", $e, [
                           m(l(b), {
                             class: g(["ml-0.5 text-sm", Y.value]),
                             icon: "Watch",
@@ -329,42 +321,45 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
                       ]),
                       _: 1
                     }, 8, ["content"])) : c("", !0),
-                    e[16] || (e[16] = o("span", null, " ", -1))
+                    o("span", {
+                      class: "flex cursor-pointer items-center justify-center",
+                      onClick: e[4] || (e[4] = y((a) => l(z)(i.value.entity.uid), ["stop", "prevent"]))
+                    }, [
+                      m(l(K), {
+                        class: "text-c-3 hover:text-c-1 shrink-0",
+                        open: !!l(w)[i.value.entity.uid]
+                      }, null, 8, ["open"])
+                    ])
                   ])
                 ])
               ]),
               _: 3
-            }, 8, ["aria-expanded", "class", "to"])) : l(d) !== "modal" || t.parentUids.length ? (u(), C("button", {
+            }, 8, ["aria-expanded", "class", "to"])) : l(d) !== "modal" || t.parentUids.length ? (u(), I("button", {
               key: 2,
               "aria-expanded": !!l(w)[i.value.entity.uid],
-              class: g(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 focus-visible:z-10", [W]]),
+              class: g(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 focus-visible:z-10", [A]]),
               type: "button",
-              onClick: e[7] || (e[7] = (a) => l(V)(i.value.entity.uid))
+              onClick: e[8] || (e[8] = (a) => l(z)(i.value.entity.uid))
             }, [
-              o("span", $e, [
-                L(n.$slots, "leftIcon", {}, () => [
-                  m(l(G), {
-                    class: "text-c-3 hover:text-c-1 shrink-0",
-                    open: !!l(w)[i.value.entity.uid]
-                  }, null, 8, ["open"])
-                ], !0),
-                e[17] || (e[17] = B("   ", -1))
+              o("span", ze, [
+                L(n.$slots, "leftIcon", {}, void 0, !0),
+                e[17] || (e[17] = W("   ", -1))
               ]),
-              o("div", ze, [
-                o("span", Se, j(i.value.title), 1),
-                o("div", je, [
+              o("div", Se, [
+                o("span", je, B(i.value.title), 1),
+                o("div", Be, [
                   o("div", {
                     class: g(["items-center gap-px opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", {
                       flex: t.menuItem.open,
                       hidden: !t.menuItem.open || t.menuItem.item?.entity.uid !== i.value.entity.uid
                     }])
                   }, [
-                    l(d) !== "modal" && !D.value || D.value && H.value ? (u(), f(l(k), {
+                    l(d) !== "modal" && !C.value || C.value && H.value ? (u(), f(l(k), {
                       key: 0,
                       class: "hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100",
                       size: "sm",
                       variant: "ghost",
-                      onClick: e[5] || (e[5] = h(
+                      onClick: e[5] || (e[5] = y(
                         (a) => n.$emit("openMenu", {
                           item: i.value,
                           parentUids: t.parentUids,
@@ -387,7 +382,7 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
                       class: "hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100",
                       size: "sm",
                       variant: "ghost",
-                      onClick: e[6] || (e[6] = h((a) => S(i.value.entity.uid), ["stop", "prevent"]))
+                      onClick: e[6] || (e[6] = y((a) => j(i.value.entity.uid), ["stop", "prevent"]))
                     }, {
                       default: p(() => [
                         m(l(b), {
@@ -399,14 +394,14 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
                       _: 1
                     })) : c("", !0)
                   ], 2),
-                  i.value.watchMode ? (u(), f(l(K), {
+                  i.value.watchMode ? (u(), f(l(G), {
                     key: 0,
                     content: "Watching: {{ item.documentUrl }}",
-                    placement: "right",
-                    offset: 12
+                    offset: 12,
+                    placement: "right"
                   }, {
                     default: p(() => [
-                      o("button", Be, [
+                      o("button", We, [
                         m(l(b), {
                           class: g(["ml-0.5 text-sm", Y.value]),
                           icon: "Watch",
@@ -417,34 +412,42 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
                     ]),
                     _: 1
                   })) : c("", !0),
-                  e[18] || (e[18] = o("span", null, " ", -1))
+                  o("span", {
+                    class: "flex cursor-pointer items-center justify-center",
+                    onClick: e[7] || (e[7] = y((a) => l(z)(i.value.entity.uid), ["stop", "prevent"]))
+                  }, [
+                    m(l(K), {
+                      class: "text-c-3 hover:text-c-1 shrink-0",
+                      open: !!l(w)[i.value.entity.uid]
+                    }, null, 8, ["open"])
+                  ])
                 ])
               ])
             ], 10, Ee)) : c("", !0),
-            ne.value ? (u(), C("ul", We, [
-              (u(!0), C(fe, null, me(i.value.children, (a) => (u(), f(r, {
+            ne.value ? (u(), I("ul", Ae, [
+              (u(!0), I(fe, null, me(i.value.children, (a) => (u(), f(r, {
                 key: a,
                 isDraggable: !l(M)[a],
                 isDroppable: ae,
                 menuItem: t.menuItem,
                 parentUids: [...t.parentUids, t.uid],
                 uid: a,
-                onNewTab: e[8] || (e[8] = (s, I) => n.$emit("newTab", s, I)),
-                onOnDragEnd: e[9] || (e[9] = (...s) => n.$emit("onDragEnd", ...s)),
-                onOpenMenu: e[10] || (e[10] = (s) => n.$emit("openMenu", s))
+                onNewTab: e[9] || (e[9] = (s, D) => n.$emit("newTab", s, D)),
+                onOnDragEnd: e[10] || (e[10] = (...s) => n.$emit("onDragEnd", ...s)),
+                onOpenMenu: e[11] || (e[11] = (s) => n.$emit("openMenu", s))
               }, null, 8, ["isDraggable", "menuItem", "parentUids", "uid"]))), 128)),
               i.value.children.length === 0 ? (u(), f(l(k), {
                 key: 0,
                 class: g(["text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 text-xs", t.parentUids.length ? "pl-9" : ""]),
                 variant: "ghost",
-                onClick: e[11] || (e[11] = (a) => S(i.value.entity.uid))
+                onClick: e[12] || (e[12] = (a) => j(i.value.entity.uid))
               }, {
                 default: p(() => [
                   m(l(b), {
                     icon: "Add",
                     size: "sm"
                   }),
-                  e[19] || (e[19] = o("span", null, "Add Request", -1))
+                  e[18] || (e[18] = o("span", null, "Add Request", -1))
                 ]),
                 _: 1
               }, 8, ["class"])) : c("", !0)
@@ -457,5 +460,5 @@ const qe = { class: "line-clamp-1 w-full pl-2 break-all" }, Ue = { class: "flex
   }
 });
 export {
-  Qe as default
+  Xe as default
 };

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

@@ -33,7 +33,7 @@ const W = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitali
       }));
     }, f = (u) => {
       u?.createNew && g.name === "request" && p();
-    }, v = "2.26.1";
+    }, v = "2.27.1";
     return q(() => a.hotKeys.on(f)), R(() => a.hotKeys.off(f)), (u, e) => (l(), n("div", W, [
       s("div", {
         class: y(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.26.1",
+  "version": "2.27.1",
   "engines": {
     "node": ">=20"
   },
@@ -309,6 +309,7 @@
   "dependencies": {
     "@headlessui/tailwindcss": "^0.2.2",
     "@headlessui/vue": "1.7.23",
+    "@scalar/typebox": "^0.1.3",
     "@types/har-format": "^1.2.15",
     "@vueuse/core": "13.9.0",
     "@vueuse/integrations": "13.9.0",
@@ -326,26 +327,26 @@
     "whatwg-mimetype": "4.0.0",
     "yaml": "^2.8.0",
     "zod": "^4.3.5",
-    "@scalar/helpers": "0.2.11",
-    "@scalar/draggable": "0.3.0",
     "@scalar/analytics-client": "1.0.1",
-    "@scalar/components": "0.19.1",
-    "@scalar/icons": "0.5.2",
-    "@scalar/import": "0.4.48",
-    "@scalar/json-magic": "0.11.0",
-    "@scalar/oas-utils": "0.6.39",
-    "@scalar/object-utils": "1.2.25",
-    "@scalar/openapi-parser": "0.24.9",
-    "@scalar/postman-to-openapi": "0.4.3",
+    "@scalar/components": "0.19.4",
+    "@scalar/helpers": "0.2.12",
+    "@scalar/icons": "0.5.3",
+    "@scalar/import": "0.4.49",
+    "@scalar/draggable": "0.3.0",
+    "@scalar/json-magic": "0.11.1",
+    "@scalar/oas-utils": "0.6.42",
+    "@scalar/object-utils": "1.2.26",
+    "@scalar/openapi-parser": "0.24.10",
     "@scalar/openapi-types": "0.5.3",
-    "@scalar/snippetz": "0.6.11",
-    "@scalar/sidebar": "0.7.32",
+    "@scalar/sidebar": "0.7.35",
     "@scalar/themes": "0.14.0",
-    "@scalar/types": "0.6.2",
-    "@scalar/use-codemirror": "0.13.36",
-    "@scalar/use-toasts": "0.9.1",
+    "@scalar/postman-to-openapi": "0.4.4",
+    "@scalar/types": "0.6.3",
+    "@scalar/use-codemirror": "0.13.39",
+    "@scalar/snippetz": "0.6.12",
     "@scalar/use-hooks": "0.3.7",
-    "@scalar/workspace-store": "0.31.1"
+    "@scalar/use-toasts": "0.9.1",
+    "@scalar/workspace-store": "0.32.1"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.18",
@@ -360,8 +361,9 @@
     "vite": "^7.3.1",
     "vite-svg-loader": "5.1.0",
     "vitest": "4.0.16",
+    "@scalar/galaxy": "0.5.13",
     "@scalar/build-tooling": "0.4.1",
-    "@scalar/galaxy": "0.5.13"
+    "@scalar/pre-post-request-scripts": "0.0.89"
   },
   "scripts": {
     "build": "scalar-build-vite",

package/dist/v2/helpers/plugins.d.ts

@@ -1,65 +0,0 @@
-import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation';
-import type { Component } from 'vue';
-/** A type representing the hooks that a client plugin can define */
-type ClientPluginHooks = {
-    beforeRequest: (payload: {
-        request: Request;
-    }) => {
-        request: Request;
-    } | Promise<{
-        request: Request;
-    }>;
-    responseReceived: (payload: {
-        response: Response;
-        request: Request;
-        operation: OperationObject;
-    }) => void | Promise<void>;
-};
-/** A type representing the components that a client plugin can define */
-type ClientPluginComponents = {
-    request: Component;
-    response: Component;
-};
-/**
- * ClientPlugin is used to extend the API Client with custom hooks and UI components.
- *
- * Example usage:
- *
- * const myPlugin: ClientPlugin = {
- *   hooks: {
- *     beforeRequest: (request) => {
- *       // Modify the request before it is sent
- *       request.headers.set('X-Custom-Header', 'foo');
- *       return request;
- *     },
- *     responseReceived: async (response, operation) => {
- *       // Handle post-response logic
- *       const data = await response.json();
- *       console.log('Received:', data, 'for operation:', operation.operationId);
- *     }
- *   },
- *   components: {
- *     request: MyRequestComponent, // Custom Vue component for rendering the request section
- *     response: MyResponseComponent // Custom Vue component for rendering the response section
- *   }
- * }
- */
-export type ClientPlugin = {
-    hooks?: Partial<ClientPluginHooks>;
-    components?: Partial<ClientPluginComponents>;
-};
-/**
- * Maps hook names to their expected payload types.
- * This ensures type safety when executing hooks with their corresponding payloads.
- * Derived from the ClientPlugin hooks definition.
- */
-type HookPayloadMap = {
-    [K in keyof ClientPluginHooks]: Parameters<ClientPluginHooks[K]>[0];
-};
-/**
- * Execute any hook with type-safe payload handling.
- * The payload type is inferred from the hook name to ensure correct usage.
- */
-export declare const executeHook: <K extends keyof HookPayloadMap>(payload: HookPayloadMap[K], hookName: K, plugins: ClientPlugin[]) => Promise<HookPayloadMap[K]>;
-export {};
-//# sourceMappingURL=plugins.d.ts.map

package/dist/v2/helpers/plugins.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../../src/v2/helpers/plugins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uDAAuD,CAAA;AAC5F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,oEAAoE;AACpE,KAAK,iBAAiB,GAAG;IACvB,aAAa,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IACtG,gBAAgB,EAAE,CAAC,OAAO,EAAE;QAC1B,QAAQ,EAAE,QAAQ,CAAA;QAClB,OAAO,EAAE,OAAO,CAAA;QAChB,SAAS,EAAE,eAAe,CAAA;KAC3B,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3B,CAAA;AAED,yEAAyE;AACzE,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAA;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;CAC7C,CAAA;AAED;;;;GAIG;AACH,KAAK,cAAc,GAAG;KACnB,CAAC,IAAI,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACpE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAU,CAAC,SAAS,MAAM,cAAc,EAC9D,SAAS,cAAc,CAAC,CAAC,CAAC,EAC1B,UAAU,CAAC,EACX,SAAS,YAAY,EAAE,KACtB,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAY3B,CAAA"}

package/dist/v2/helpers/plugins.js

@@ -1,11 +0,0 @@
-const i = async (a, e, n) => {
-  let o = a;
-  for (const c of n) {
-    const t = c.hooks?.[e];
-    t && (o = await t(o) ?? o);
-  }
-  return o;
-};
-export {
-  i as executeHook
-};