@scalar/api-client 2.3.34 → 2.4.1

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

@@ -1,8 +1,8 @@
-import { defineComponent as me, useCssVars as ve, computed as b, ref as ge, resolveComponent as be, createElementBlock as M, createCommentVNode as f, openBlock as d, normalizeClass as h, unref as n, createVNode as v, withCtx as c, createBlock as m, withModifiers as k, createElementVNode as s, toDisplayString as C, createTextVNode as N, renderSlot as Z, Fragment as he, renderList as ye, nextTick as xe } from "vue";
-import { ScalarButton as q, ScalarIcon as y, ScalarSidebarGroupToggle as _, ScalarTooltip as ee } from "@scalar/components";
-import { Draggable as we } from "@scalar/draggable";
+import { defineComponent as me, useCssVars as ve, computed as b, ref as ge, resolveComponent as be, createElementBlock as M, createCommentVNode as f, openBlock as d, normalizeClass as y, unref as n, createVNode as m, withCtx as v, createBlock as c, withModifiers as w, createElementVNode as s, toDisplayString as A, createTextVNode as N, renderSlot as Z, Fragment as ye, renderList as he, nextTick as xe } from "vue";
+import { ScalarButton as q, ScalarIcon as h, ScalarSidebarGroupToggle as _, ScalarTooltip as ee } from "@scalar/components";
+import { Draggable as ke } from "@scalar/draggable";
 import { shouldIgnoreEntity as te } from "@scalar/oas-utils/helpers";
-import { useRouter as ke, RouterLink as ie } from "vue-router";
+import { useRouter as we, RouterLink as ie } from "vue-router";
 import { useLayout as Ue } from "../../hooks/useLayout.js";
 import { useSidebar as qe } from "../../hooks/useSidebar.js";
 import { useActiveEntities as De } from "../../store/active-entities.js";
@@ -10,7 +10,13 @@ import { PathId as $ } from "../../routes.js";
 import Ce from "../../components/HttpMethod/HttpMethod.vue.js";
 import { getModifiers as Re } from "../../libs/hot-keys.js";
 import { useWorkspace as Ie } from "../../store/store.js";
-const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { class: "flex flex-row items-center gap-1" }, Me = { class: "relative" }, $e = { class: "flex items-start" }, Ee = { class: "flex flex-1 flex-row justify-between font-medium" }, Se = { class: "line-clamp-1 w-full break-all text-left" }, Be = { class: "relative flex h-fit justify-end" }, je = { class: "w-content bg-b-1 z-100 text-xxs text-c-1 pointer-events-none z-10 grid max-w-10 gap-1.5 rounded p-2 leading-5 shadow-lg" }, We = { class: "text-c-2 flex items-center" }, Ae = { class: "text-pretty break-all" }, Ne = ["aria-expanded"], Oe = { class: "flex h-5 max-w-[14px] items-center justify-center" }, Pe = { class: "flex flex-1 flex-row justify-between" }, Ve = { class: "line-clamp-1 w-full break-all text-left font-medium" }, Fe = { class: "relative flex h-fit justify-end" }, Ye = { class: "w-content bg-b-1 z-100 text-xxs text-c-1 pointer-events-none z-10 grid max-w-10 gap-1.5 rounded p-2 leading-5 shadow-lg" }, He = { class: "text-c-2 flex items-center" }, Le = { class: "text-pretty break-all" }, Ge = { key: 3 }, O = "hover:bg-sidebar-active-b indent-padding-left", lt = /* @__PURE__ */ me({
+const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Me = { class: "flex flex-row items-center gap-1" }, $e = { class: "relative" }, ze = { class: "flex items-start" }, Ee = { class: "flex flex-1 flex-row justify-between font-medium" }, Se = { class: "line-clamp-1 w-full break-all text-left" }, je = { class: "relative flex h-fit justify-end" }, Be = {
+  class: "flex items-center justify-center",
+  type: "button"
+}, We = ["aria-expanded"], Ae = { class: "flex h-5 max-w-[14px] items-center justify-center" }, Ne = { class: "flex flex-1 flex-row justify-between" }, Oe = { class: "line-clamp-1 w-full break-all text-left font-medium" }, Pe = { class: "relative flex h-fit justify-end" }, Ve = {
+  class: "flex items-center justify-center",
+  type: "button"
+}, Fe = { key: 3 }, O = "hover:bg-sidebar-active-b indent-padding-left", it = /* @__PURE__ */ me({
   __name: "RequestSidebarItem",
   props: {
     isDraggable: { type: Boolean, default: !1 },
@@ -22,22 +28,22 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
   emits: ["onDragEnd", "newTab", "openMenu"],
   setup(l, { emit: ne }) {
     ve((e) => ({
-      "57af6a02": ae.value,
-      "6f52565f": re.value
+      "0361ef56": ae.value,
+      bd04dd6e: re.value
     }));
-    const se = ne, { activeCollection: oe, activeRequest: P, activeRouterParams: le, activeWorkspace: U } = De(), {
-      collections: R,
-      tags: I,
-      requests: E,
-      requestExamples: S,
-      collectionMutators: B,
+    const oe = ne, { activeCollection: le, activeRequest: P, activeRouterParams: se, activeWorkspace: U } = De(), {
+      collections: C,
+      tags: R,
+      requests: z,
+      requestExamples: E,
+      collectionMutators: S,
       tagMutators: V,
       requestMutators: j,
       requestExampleMutators: F,
       events: Y
-    } = Ie(), x = ke(), { collapsedSidebarFolders: D, toggleSidebarFolder: H } = qe(), { layout: p } = Ue(), i = b(() => {
-      var o, u, g, z, J, Q;
-      const e = R[l.uid], t = I[l.uid], r = E[l.uid], a = S[l.uid];
+    } = Ie(), x = we(), { collapsedSidebarFolders: D, toggleSidebarFolder: H } = qe(), { layout: p } = Ue(), i = b(() => {
+      var o, u, g, T, J, Q;
+      const e = C[l.uid], t = R[l.uid], r = z[l.uid], a = E[l.uid];
       return e ? {
         title: ((o = e.info) == null ? void 0 : o.title) || "Untitled Collection",
         entity: e,
@@ -54,11 +60,11 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
           }
         } : void 0,
         warning: "This cannot be undone. You’re about to delete the collection and all folders and requests inside it.",
-        edit: (w, X) => {
-          B.edit(e.uid, "info.title", w), X && B.edit(e.uid, "x-scalar-icon", X);
+        edit: (k, X) => {
+          S.edit(e.uid, "info.title", k), X && S.edit(e.uid, "x-scalar-icon", X);
         },
         delete: () => {
-          U.value && B.delete(e, U.value);
+          U.value && S.delete(e, U.value);
         }
       } : t ? {
         title: t.name,
@@ -66,14 +72,14 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
         resourceTitle: "Tag",
         children: t.children,
         warning: "This cannot be undone. You’re about to delete the tag and all requests inside it",
-        edit: (w) => V.edit(t.uid, "name", w),
+        edit: (k) => V.edit(t.uid, "name", k),
         delete: () => l.parentUids[0] && V.delete(t, l.parentUids[0])
       } : r ? {
         title: r.summary ?? r.path,
         to: {
           name: "request",
           params: {
-            workspace: (z = U.value) == null ? void 0 : z.uid,
+            workspace: (T = U.value) == null ? void 0 : T.uid,
             request: r.uid
           }
         },
@@ -82,7 +88,7 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
         resourceTitle: "Request",
         warning: "This cannot be undone. You’re about to delete the request.",
         children: r.examples.slice(1),
-        edit: (w) => j.edit(r.uid, "summary", w),
+        edit: (k) => j.edit(r.uid, "summary", k),
         delete: () => l.parentUids[0] && j.delete(r, l.parentUids[0])
       } : a != null && a.requestUid ? {
         title: a.name,
@@ -94,12 +100,12 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
             examples: a.uid
           }
         },
-        method: (Q = E[a.requestUid]) == null ? void 0 : Q.method,
+        method: (Q = z[a.requestUid]) == null ? void 0 : Q.method,
         entity: a,
         resourceTitle: "Example",
         warning: "This cannot be undone. You’re about to delete the example from the request.",
         children: [],
-        edit: (w) => F.edit(a.uid, "name", w),
+        edit: (k) => F.edit(a.uid, "name", k),
         delete: () => F.delete(a)
       } : {
         title: "Unknown",
@@ -112,7 +118,7 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
         edit: () => null,
         delete: () => null
       };
-    }), T = b(
+    }), I = b(
       () => i.value.entity.type === "collection" && i.value.title === "Drafts"
     ), ae = b(() => l.parentUids.length ? p === "modal" ? `${(l.parentUids.length - 1) * 12}px` : `${l.parentUids.length * 12}px` : "12px"), re = b(() => l.parentUids.length ? p === "modal" ? `${(l.parentUids.length - 1) * 12}px` : `${l.parentUids.length * 12}px` : "0px"), ue = b(
       () => {
@@ -122,20 +128,20 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
     ), de = b(
       () => {
         var e;
-        return typeof x.currentRoute.value.name == "string" && x.currentRoute.value.name.startsWith("request") && le.value[$.Request] === "default" && ((e = P.value) == null ? void 0 : e.uid) === l.uid;
+        return typeof x.currentRoute.value.name == "string" && x.currentRoute.value.name.startsWith("request") && se.value[$.Request] === "default" && ((e = P.value) == null ? void 0 : e.uid) === l.uid;
       }
-    ), W = ge(null), L = b(() => {
+    ), B = ge(null), L = b(() => {
       let e = 0.5, t = 0.5;
-      if (!W.value)
+      if (!B.value)
         return { ceiling: e, floor: t };
-      const { draggingItem: r } = W.value;
-      return !R[r == null ? void 0 : r.id] && i.value.entity.type === "collection" ? (e = 1, t = 0) : i.value.entity.type === "tag" && (e = 0.8, t = 0.2), { ceiling: e, floor: t };
-    }), pe = (e, t) => !(p === "modal" || S[t.id] || R[e.id]), ce = (e, t) => {
-      e && (Re(["default"]).some((o) => e[o]) ? se("newTab", t.title || "", t.entity.uid) : t.to && x.push(t.to), xe(() => Y.focusAddressBar.emit()));
+      const { draggingItem: r } = B.value;
+      return !C[r == null ? void 0 : r.id] && i.value.entity.type === "collection" ? (e = 1, t = 0) : i.value.entity.type === "tag" && (e = 0.8, t = 0.2), { ceiling: e, floor: t };
+    }), pe = (e, t) => !(p === "modal" || E[t.id] || C[e.id]), fe = (e, t) => {
+      e && (Re(["default"]).some((o) => e[o]) ? oe("newTab", t.title || "", t.entity.uid) : t.to && x.push(t.to), xe(() => Y.focusAddressBar.emit()));
     };
-    function A(e) {
+    function W(e) {
       var o, u, g;
-      const t = l.parentUids[0] ? ((o = R[l.parentUids[0]]) == null ? void 0 : o.uid) || "" : e, r = l.parentUids[0] && ((u = I[e]) != null && u.name) ? { tags: [I[e].name] } : {}, a = j.add(
+      const t = l.parentUids[0] ? ((o = C[l.parentUids[0]]) == null ? void 0 : o.uid) || "" : e, r = l.parentUids[0] && ((u = R[e]) != null && u.name) ? { tags: [R[e].name] } : {}, a = j.add(
         r,
         t
       );
@@ -150,27 +156,27 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
       }));
     }
     const G = b(() => {
-      const { uid: e, watchModeStatus: t } = oe.value || {};
+      const { uid: e, watchModeStatus: t } = le.value || {};
       return e !== i.value.entity.uid ? "text-c-3" : t === "WATCHING" ? "text-c-1" : t === "ERROR" ? "text-red" : "text-c-3";
-    }), K = b(() => i.value.title === "Drafts" && p !== "modal" && i.value.children.length > 0), fe = b(() => {
-      const e = E[l.uid];
+    }), K = b(() => i.value.title === "Drafts" && p !== "modal" && i.value.children.length > 0), ce = b(() => {
+      const e = z[l.uid];
       if (e)
         return !te(e);
-      const t = I[l.uid];
+      const t = R[l.uid];
       return t ? !te(t) : !0;
     });
     return (e, t) => {
       const r = be("RequestSidebarItem", !0);
-      return fe.value ? (d(), M("li", {
+      return ce.value ? (d(), M("li", {
         key: 0,
-        class: h(["relative flex flex-row", [
+        class: y(["relative flex flex-row", [
           n(p) === "modal" && e.parentUids.length > 1 || n(p) !== "modal" && e.parentUids.length ? "before:bg-border indent-border-line-offset before:z-1 mb-[.5px] before:pointer-events-none before:absolute before:left-[calc(.75rem_+_.5px)] before:top-0 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full" : ""
         ]])
       }, [
-        v(n(we), {
+        m(n(ke), {
           id: i.value.entity.uid,
           ref_key: "draggableRef",
-          ref: W,
+          ref: B,
           ceiling: L.value.ceiling,
           class: "gap-1/2 flex flex-1 flex-col text-sm",
           floor: L.value.floor,
@@ -179,50 +185,50 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
           parentIds: e.parentUids,
           onOnDragEnd: t[12] || (t[12] = (...a) => e.$emit("onDragEnd", ...a))
         }, {
-          default: c(() => {
+          default: v(() => {
             var a;
             return [
-              (i.value.entity.type === "request" || i.value.entity.type === "requestExample") && i.value.to ? (d(), m(n(ie), {
+              (i.value.entity.type === "request" || i.value.entity.type === "requestExample") && i.value.to ? (d(), c(n(ie), {
                 key: 0,
                 class: "group no-underline",
                 to: i.value.to,
-                onClick: t[1] || (t[1] = k(
-                  (o) => ce(o, i.value),
+                onClick: t[1] || (t[1] = w(
+                  (o) => fe(o, i.value),
                   ["prevent"]
                 ))
               }, {
-                default: c(({ isExactActive: o }) => {
+                default: v(({ isExactActive: o }) => {
                   var u, g;
                   return [
                     s("div", {
-                      class: h(["relative flex min-h-8 w-full cursor-pointer flex-row items-start justify-between gap-0.5 rounded py-1.5 pr-2", [
+                      class: y(["relative flex min-h-8 w-full cursor-pointer flex-row items-start justify-between gap-0.5 rounded py-1.5 pr-2", [
                         O,
                         o || de.value ? "bg-sidebar-active-b text-sidebar-active-c transition-none" : "text-sidebar-c-2"
                       ]])
                     }, [
-                      s("span", Te, C(i.value.title || "Untitled"), 1),
-                      s("div", ze, [
-                        s("div", Me, [
-                          n(p) !== "modal" ? (d(), m(n(q), {
+                      s("span", Te, A(i.value.title || "Untitled"), 1),
+                      s("div", Me, [
+                        s("div", $e, [
+                          n(p) !== "modal" ? (d(), c(n(q), {
                             key: 0,
-                            class: h(["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", {
+                            class: y(["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", {
                               flex: ((g = (u = e.menuItem) == null ? void 0 : u.item) == null ? void 0 : g.entity.uid) === i.value.entity.uid && e.menuItem.open
                             }]),
                             size: "sm",
                             type: "button",
                             variant: "ghost",
-                            onClick: t[0] || (t[0] = k(
-                              (z) => e.$emit("openMenu", {
+                            onClick: t[0] || (t[0] = w(
+                              (T) => e.$emit("openMenu", {
                                 item: i.value,
                                 parentUids: e.parentUids,
-                                targetRef: z.currentTarget,
+                                targetRef: T.currentTarget,
                                 open: !e.menuItem.open
                               }),
                               ["stop", "prevent"]
                             ))
                           }, {
-                            default: c(() => [
-                              v(n(y), {
+                            default: v(() => [
+                              m(n(h), {
                                 icon: "Ellipses",
                                 size: "md"
                               })
@@ -230,10 +236,10 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
                             _: 1
                           }, 8, ["class"])) : f("", !0)
                         ]),
-                        s("span", $e, [
+                        s("span", ze, [
                           t[13] || (t[13] = N("   ")),
                           t[14] || (t[14] = s("span", { class: "sr-only" }, "HTTP Method:", -1)),
-                          i.value.method ? (d(), m(n(Ce), {
+                          i.value.method ? (d(), c(n(Ce), {
                             key: 0,
                             class: "font-bold",
                             method: i.value.method
@@ -244,10 +250,10 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
                   ];
                 }),
                 _: 1
-              }, 8, ["to"])) : (n(p) !== "modal" || e.parentUids.length) && i.value.entity.type === "collection" && i.value.to ? (d(), m(n(ie), {
+              }, 8, ["to"])) : (n(p) !== "modal" || e.parentUids.length) && i.value.entity.type === "collection" && i.value.to ? (d(), c(n(ie), {
                 key: 1,
                 "aria-expanded": !!n(D)[i.value.entity.uid],
-                class: h(["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", [
+                class: y(["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", [
                   O,
                   {
                     "bg-sidebar-active-b text-sidebar-active-c transition-none": typeof n(x).currentRoute.value.name == "string" && n(x).currentRoute.value.name.startsWith("collection") && n(x).currentRoute.value.params[n($).Collection] === i.value.entity.uid,
@@ -256,15 +262,15 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
                 ]]),
                 to: i.value.to
               }, {
-                default: c(() => {
+                default: v(() => {
                   var o;
                   return [
                     s("span", {
                       class: "flex h-5 max-w-[14px] cursor-pointer items-center justify-center",
-                      onClick: t[2] || (t[2] = k((u) => n(H)(i.value.entity.uid), ["stop", "prevent"]))
+                      onClick: t[2] || (t[2] = w((u) => n(H)(i.value.entity.uid), ["stop", "prevent"]))
                     }, [
                       Z(e.$slots, "leftIcon", {}, () => [
-                        v(n(_), {
+                        m(n(_), {
                           class: "text-c-3 shrink-0",
                           open: !!n(D)[i.value.entity.uid]
                         }, null, 8, ["open"])
@@ -272,20 +278,20 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
                       t[15] || (t[15] = N("   "))
                     ]),
                     s("div", Ee, [
-                      s("span", Se, C(i.value.title), 1),
-                      s("div", Be, [
+                      s("span", Se, A(i.value.title), 1),
+                      s("div", je, [
                         s("div", {
-                          class: h(["items-center gap-px opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", {
+                          class: y(["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: e.menuItem.open,
                             hidden: !e.menuItem.open || ((o = e.menuItem.item) == null ? void 0 : o.entity.uid) !== i.value.entity.uid
                           }])
                         }, [
-                          n(p) !== "modal" && !T.value || T.value && K.value ? (d(), m(n(q), {
+                          n(p) !== "modal" && !I.value || I.value && K.value ? (d(), c(n(q), {
                             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: t[3] || (t[3] = k(
+                            onClick: t[3] || (t[3] = w(
                               (u) => e.$emit("openMenu", {
                                 item: i.value,
                                 parentUids: e.parentUids,
@@ -295,23 +301,23 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
                               ["stop", "prevent"]
                             ))
                           }, {
-                            default: c(() => [
-                              v(n(y), {
+                            default: v(() => [
+                              m(n(h), {
                                 icon: "Ellipses",
                                 size: "md"
                               })
                             ]),
                             _: 1
                           })) : f("", !0),
-                          n(p) !== "modal" ? (d(), m(n(q), {
+                          n(p) !== "modal" ? (d(), c(n(q), {
                             key: 1,
                             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: t[4] || (t[4] = k((u) => A(i.value.entity.uid), ["stop", "prevent"]))
+                            onClick: t[4] || (t[4] = w((u) => W(i.value.entity.uid), ["stop", "prevent"]))
                           }, {
-                            default: c(() => [
-                              v(n(y), {
+                            default: v(() => [
+                              m(n(h), {
                                 icon: "Add",
                                 size: "md",
                                 thickness: "2"
@@ -320,28 +326,24 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
                             _: 1
                           })) : f("", !0)
                         ], 2),
-                        i.value.watchMode ? (d(), m(n(ee), {
+                        i.value.watchMode ? (d(), c(n(ee), {
                           key: 0,
-                          side: "right",
-                          sideOffset: 12
+                          placement: "right",
+                          offset: 12,
+                          content: `Watching: ${i.value.documentUrl}`
                         }, {
-                          trigger: c(() => [
-                            v(n(y), {
-                              class: h(["ml-0.5 text-sm", G.value]),
-                              icon: "Watch",
-                              size: "md",
-                              thickness: "2"
-                            }, null, 8, ["class"])
-                          ]),
-                          content: c(() => [
-                            s("div", je, [
-                              s("div", We, [
-                                s("p", Ae, " Watching: " + C(i.value.documentUrl), 1)
-                              ])
+                          default: v(() => [
+                            s("button", Be, [
+                              m(n(h), {
+                                class: y(["ml-0.5 text-sm", G.value]),
+                                icon: "Watch",
+                                size: "md",
+                                thickness: "2"
+                              }, null, 8, ["class"])
                             ])
                           ]),
                           _: 1
-                        })) : f("", !0),
+                        }, 8, ["content"])) : f("", !0),
                         t[16] || (t[16] = s("span", null, " ", -1))
                       ])
                     ])
@@ -351,34 +353,34 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
               }, 8, ["aria-expanded", "class", "to"])) : n(p) !== "modal" || e.parentUids.length ? (d(), M("button", {
                 key: 2,
                 "aria-expanded": !!n(D)[i.value.entity.uid],
-                class: h(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 focus-visible:z-10", [O]]),
+                class: y(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 focus-visible:z-10", [O]]),
                 type: "button",
                 onClick: t[7] || (t[7] = (o) => n(H)(i.value.entity.uid))
               }, [
-                s("span", Oe, [
+                s("span", Ae, [
                   Z(e.$slots, "leftIcon", {}, () => [
-                    v(n(_), {
+                    m(n(_), {
                       class: "text-c-3 hover:text-c-1 shrink-0",
                       open: !!n(D)[i.value.entity.uid]
                     }, null, 8, ["open"])
                   ], !0),
                   t[17] || (t[17] = N("   "))
                 ]),
-                s("div", Pe, [
-                  s("span", Ve, C(i.value.title), 1),
-                  s("div", Fe, [
+                s("div", Ne, [
+                  s("span", Oe, A(i.value.title), 1),
+                  s("div", Pe, [
                     s("div", {
-                      class: h(["items-center gap-px opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", {
+                      class: y(["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: e.menuItem.open,
                         hidden: !e.menuItem.open || ((a = e.menuItem.item) == null ? void 0 : a.entity.uid) !== i.value.entity.uid
                       }])
                     }, [
-                      n(p) !== "modal" && !T.value || T.value && K.value ? (d(), m(n(q), {
+                      n(p) !== "modal" && !I.value || I.value && K.value ? (d(), c(n(q), {
                         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: t[5] || (t[5] = k(
+                        onClick: t[5] || (t[5] = w(
                           (o) => e.$emit("openMenu", {
                             item: i.value,
                             parentUids: e.parentUids,
@@ -388,23 +390,23 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
                           ["stop", "prevent"]
                         ))
                       }, {
-                        default: c(() => [
-                          v(n(y), {
+                        default: v(() => [
+                          m(n(h), {
                             icon: "Ellipses",
                             size: "md"
                           })
                         ]),
                         _: 1
                       })) : f("", !0),
-                      n(p) !== "modal" ? (d(), m(n(q), {
+                      n(p) !== "modal" ? (d(), c(n(q), {
                         key: 1,
                         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: t[6] || (t[6] = k((o) => A(i.value.entity.uid), ["stop", "prevent"]))
+                        onClick: t[6] || (t[6] = w((o) => W(i.value.entity.uid), ["stop", "prevent"]))
                       }, {
-                        default: c(() => [
-                          v(n(y), {
+                        default: v(() => [
+                          m(n(h), {
                             icon: "Add",
                             size: "md",
                             thickness: "2"
@@ -413,24 +415,20 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
                         _: 1
                       })) : f("", !0)
                     ], 2),
-                    i.value.watchMode ? (d(), m(n(ee), {
+                    i.value.watchMode ? (d(), c(n(ee), {
                       key: 0,
-                      side: "right",
-                      sideOffset: 12
+                      content: "Watching: {{ item.documentUrl }}",
+                      placement: "right",
+                      offset: 12
                     }, {
-                      trigger: c(() => [
-                        v(n(y), {
-                          class: h(["ml-0.5 text-sm", G.value]),
-                          icon: "Watch",
-                          size: "md",
-                          thickness: "2"
-                        }, null, 8, ["class"])
-                      ]),
-                      content: c(() => [
-                        s("div", Ye, [
-                          s("div", He, [
-                            s("p", Le, " Watching: " + C(i.value.documentUrl), 1)
-                          ])
+                      default: v(() => [
+                        s("button", Ve, [
+                          m(n(h), {
+                            class: y(["ml-0.5 text-sm", G.value]),
+                            icon: "Watch",
+                            size: "md",
+                            thickness: "2"
+                          }, null, 8, ["class"])
                         ])
                       ]),
                       _: 1
@@ -438,11 +436,11 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
                     t[18] || (t[18] = s("span", null, " ", -1))
                   ])
                 ])
-              ], 10, Ne)) : f("", !0),
-              ue.value ? (d(), M("ul", Ge, [
-                (d(!0), M(he, null, ye(i.value.children, (o) => (d(), m(r, {
+              ], 10, We)) : f("", !0),
+              ue.value ? (d(), M("ul", Fe, [
+                (d(!0), M(ye, null, he(i.value.children, (o) => (d(), c(r, {
                   key: o,
-                  isDraggable: !n(S)[o],
+                  isDraggable: !n(E)[o],
                   isDroppable: pe,
                   menuItem: e.menuItem,
                   parentUids: [...e.parentUids, e.uid],
@@ -451,14 +449,14 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
                   onOnDragEnd: t[9] || (t[9] = (...u) => e.$emit("onDragEnd", ...u)),
                   onOpenMenu: t[10] || (t[10] = (u) => e.$emit("openMenu", u))
                 }, null, 8, ["isDraggable", "menuItem", "parentUids", "uid"]))), 128)),
-                i.value.children.length === 0 ? (d(), m(n(q), {
+                i.value.children.length === 0 ? (d(), c(n(q), {
                   key: 0,
-                  class: h(["text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 text-xs", e.parentUids.length ? "pl-9" : ""]),
+                  class: y(["text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 text-xs", e.parentUids.length ? "pl-9" : ""]),
                   variant: "ghost",
-                  onClick: t[11] || (t[11] = (o) => A(i.value.entity.uid))
+                  onClick: t[11] || (t[11] = (o) => W(i.value.entity.uid))
                 }, {
-                  default: c(() => [
-                    v(n(y), {
+                  default: v(() => [
+                    m(n(h), {
                       icon: "Add",
                       size: "sm"
                     }),
@@ -476,5 +474,5 @@ const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { c
   }
 });
 export {
-  lt as default
+  it as default
 };

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

@@ -34,7 +34,7 @@ const W = { class: "col-1 flex-center relative gap-6 p-2 capitalize" }, $ = {
       }));
     }, k = (o) => {
       o != null && o.createNew && x.name === "request" && f();
-    }, w = "2.3.34";
+    }, w = "2.4.1";
     return R(() => a.hotKeys.on(k)), v(() => a.hotKeys.off(k)), (o, e) => (u(), l("div", W, [
       s("div", {
         class: y(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AAyQA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EACjB,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAKrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AAcrF,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,SAAS,EAAE,SAAS,CAAA;IACpB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAA;IACtC,aAAa,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAA;CACpD,CAAC;;AAoTF,wBAOG"}
+{"version":3,"file":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AA0RA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EACjB,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAKrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AAerF,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,SAAS,EAAE,SAAS,CAAA;IACpB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAA;IACtC,aAAa,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAA;CACpD,CAAC;;AAwUF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./ResponseSection.vue2.js";
 /* empty css                     */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6919642b"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7138ed84"]]);
 export {
   s as default
 };