@scalar/api-client 2.2.56 → 2.2.57

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

@@ -1,16 +1,16 @@
-import { defineComponent as ve, useCssVars as ge, computed as g, ref as be, resolveComponent as he, openBlock as a, createElementBlock as q, normalizeClass as b, unref as n, createVNode as v, withCtx as p, createBlock as f, withModifiers as w, createElementVNode as l, toDisplayString as C, createCommentVNode as c, createTextVNode as M, renderSlot as X, Fragment as Z, renderList as ye } from "vue";
-import { ScalarButton as D, ScalarIcon as h, ScalarSidebarGroupToggle as _, ScalarTooltip as ee } from "@scalar/components";
+import { defineComponent as ve, useCssVars as ge, computed as b, ref as be, resolveComponent as ye, openBlock as u, createElementBlock as C, normalizeClass as y, unref as n, createVNode as v, withCtx as c, createBlock as f, withModifiers as U, createElementVNode as s, toDisplayString as D, createCommentVNode as m, createTextVNode as E, renderSlot as X, Fragment as Z, renderList as he } from "vue";
+import { ScalarButton as R, ScalarIcon as h, ScalarSidebarGroupToggle as _, ScalarTooltip as ee } from "@scalar/components";
 import { Draggable as xe } from "@scalar/draggable";
 import { shouldIgnoreEntity as te } from "@scalar/oas-utils/helpers";
 import { useRouter as ke, RouterLink as ie } from "vue-router";
 import { useLayout as we } from "../../hooks/useLayout.js";
 import { useSidebar as Ue } from "../../hooks/useSidebar.js";
 import { useActiveEntities as qe } from "../../store/active-entities.js";
-import { PathId as $ } from "../../routes.js";
+import { PathId as S } from "../../routes.js";
 import Ce from "../../components/HttpMethod/HttpMethod.vue.js";
 import { getModifiers as De } from "../../libs/hot-keys.js";
 import { useWorkspace as Re } from "../../store/store.js";
-const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { class: "flex flex-row items-center gap-1" }, ze = { class: "relative" }, Me = { class: "flex items-start" }, $e = ["aria-expanded"], 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: "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" }, Ne = { class: "text-c-2 flex items-center" }, We = { class: "text-pretty break-all" }, Oe = ["aria-expanded"], Ae = { 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", st = /* @__PURE__ */ ve({
+const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { class: "flex flex-row items-center gap-1" }, ze = { class: "relative" }, Me = { class: "flex items-start" }, $e = ["aria-expanded"], 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" }, Ne = { class: "text-pretty break-all" }, Oe = ["aria-expanded"], Ae = { 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 }, P = "hover:bg-sidebar-active-b indent-padding-left", ot = /* @__PURE__ */ ve({
   __name: "RequestSidebarItem",
   props: {
     isDraggable: { type: Boolean, default: !1 },
@@ -20,45 +20,45 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
     menuItem: {}
   },
   emits: ["onDragEnd", "newTab", "openMenu"],
-  setup(o, { emit: ne }) {
+  setup(l, { emit: ne }) {
     ge((e) => ({
-      "482563f9": re.value,
-      "298fe325": ue.value
+      "98b93bde": re.value,
+      "24740e0d": ue.value
     }));
-    const le = ne, { activeCollection: oe, activeRequest: A, activeRouterParams: se, activeWorkspace: R } = qe(), {
-      collections: E,
-      tags: P,
-      requests: S,
+    const se = ne, { activeCollection: le, activeRequest: V, activeRouterParams: oe, activeWorkspace: q } = qe(), {
+      collections: T,
+      tags: z,
+      requests: B,
       requestExamples: j,
-      collectionMutators: B,
-      tagMutators: V,
-      requestMutators: F,
+      collectionMutators: W,
+      tagMutators: F,
+      requestMutators: N,
       requestExampleMutators: Y,
       events: ae
-    } = Re(), U = ke(), { collapsedSidebarFolders: I, toggleSidebarFolder: H } = Ue(), { layout: d } = we(), i = g(() => {
-      var y, s, m, x, z, K;
-      const e = E[o.uid], t = P[o.uid], r = S[o.uid], u = j[o.uid];
+    } = Re(), x = ke(), { collapsedSidebarFolders: I, toggleSidebarFolder: H } = Ue(), { layout: p } = we(), i = b(() => {
+      var g, o, d, k, $, J;
+      const e = T[l.uid], t = z[l.uid], r = B[l.uid], a = j[l.uid];
       return e ? {
-        title: ((y = e.info) == null ? void 0 : y.title) || "Untitled Collection",
+        title: ((g = e.info) == null ? void 0 : g.title) || "Untitled Collection",
         entity: e,
         resourceTitle: "Collection",
         children: e.children,
         icon: e["x-scalar-icon"],
         documentUrl: e.documentUrl,
         watchMode: e.watchMode,
-        to: e.uid && ((s = e == null ? void 0 : e.info) == null ? void 0 : s.title) !== "Drafts" ? {
+        to: e.uid && ((o = e == null ? void 0 : e.info) == null ? void 0 : o.title) !== "Drafts" ? {
           name: "collection",
           params: {
-            [$.Workspace]: (m = R.value) == null ? void 0 : m.uid,
-            [$.Collection]: e.uid
+            [S.Workspace]: (d = q.value) == null ? void 0 : d.uid,
+            [S.Collection]: e.uid
           }
         } : void 0,
         warning: "This cannot be undone. You’re about to delete the collection and all folders and requests inside it.",
-        edit: (k, Q) => {
-          B.edit(e.uid, "info.title", k), Q && B.edit(e.uid, "x-scalar-icon", Q);
+        edit: (w, Q) => {
+          W.edit(e.uid, "info.title", w), Q && W.edit(e.uid, "x-scalar-icon", Q);
         },
         delete: () => {
-          R.value && B.delete(e, R.value);
+          q.value && W.delete(e, q.value);
         }
       } : t ? {
         title: t.name,
@@ -66,14 +66,14 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
         resourceTitle: "Tag",
         children: t.children,
         warning: "This cannot be undone. You’re about to delete the tag and all requests inside it",
-        edit: (k) => V.edit(t.uid, "name", k),
-        delete: () => o.parentUids[0] && V.delete(t, o.parentUids[0])
+        edit: (w) => F.edit(t.uid, "name", w),
+        delete: () => l.parentUids[0] && F.delete(t, l.parentUids[0])
       } : r ? {
         title: r.summary ?? r.path,
         to: {
           name: "request",
           params: {
-            workspace: (x = R.value) == null ? void 0 : x.uid,
+            workspace: (k = q.value) == null ? void 0 : k.uid,
             request: r.uid
           }
         },
@@ -82,25 +82,25 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
         resourceTitle: "Request",
         warning: "This cannot be undone. You’re about to delete the request.",
         children: r.examples.slice(1),
-        edit: (k) => F.edit(r.uid, "summary", k),
-        delete: () => o.parentUids[0] && F.delete(r, o.parentUids[0])
-      } : u != null && u.requestUid ? {
-        title: u.name,
+        edit: (w) => N.edit(r.uid, "summary", w),
+        delete: () => l.parentUids[0] && N.delete(r, l.parentUids[0])
+      } : a != null && a.requestUid ? {
+        title: a.name,
         to: {
           name: "request.examples",
           params: {
-            workspace: (z = R.value) == null ? void 0 : z.uid,
-            request: u.requestUid,
-            examples: u.uid
+            workspace: ($ = q.value) == null ? void 0 : $.uid,
+            request: a.requestUid,
+            examples: a.uid
           }
         },
-        method: (K = S[u.requestUid]) == null ? void 0 : K.method,
-        entity: u,
+        method: (J = B[a.requestUid]) == null ? void 0 : J.method,
+        entity: a,
         resourceTitle: "Example",
         warning: "This cannot be undone. You’re about to delete the example from the request.",
         children: [],
-        edit: (k) => Y.edit(u.uid, "name", k),
-        delete: () => Y.delete(u)
+        edit: (w) => Y.edit(a.uid, "name", w),
+        delete: () => Y.delete(a)
       } : {
         title: "Unknown",
         entity: {
@@ -112,143 +112,150 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
         edit: () => null,
         delete: () => null
       };
-    }), T = g(
+    }), M = b(
       () => i.value.entity.type === "collection" && i.value.title === "Drafts"
-    ), re = g(() => o.parentUids.length ? d === "modal" ? `${(o.parentUids.length - 1) * 12}px` : `${o.parentUids.length * 12}px` : "12px"), ue = g(() => o.parentUids.length ? d === "modal" ? `${(o.parentUids.length - 1) * 12}px` : `${o.parentUids.length * 12}px` : "0px"), de = g(
+    ), re = b(() => l.parentUids.length ? p === "modal" ? `${(l.parentUids.length - 1) * 12}px` : `${l.parentUids.length * 12}px` : "12px"), ue = b(() => l.parentUids.length ? p === "modal" ? `${(l.parentUids.length - 1) * 12}px` : `${l.parentUids.length * 12}px` : "0px"), de = b(
       () => {
         var e;
-        return I[o.uid] || ((e = A.value) == null ? void 0 : e.uid) === o.uid && i.value.entity.examples.length > 1;
+        return I[l.uid] || ((e = V.value) == null ? void 0 : e.uid) === l.uid && i.value.entity.examples.length > 1;
       }
-    ), pe = g(
+    ), pe = b(
       () => {
         var e;
-        return typeof U.currentRoute.value.name == "string" && U.currentRoute.value.name.startsWith("request") && se.value[$.Request] === "default" && ((e = A.value) == null ? void 0 : e.uid) === o.uid;
+        return typeof x.currentRoute.value.name == "string" && x.currentRoute.value.name.startsWith("request") && oe.value[S.Request] === "default" && ((e = V.value) == null ? void 0 : e.uid) === l.uid;
       }
-    ), N = be(null), L = g(() => {
+    ), O = be(null), L = b(() => {
       let e = 0.5, t = 0.5;
-      if (!N.value) return { ceiling: e, floor: t };
-      const { draggingItem: r } = N.value;
-      return !E[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 };
-    }), fe = (e, t) => !(d === "modal" || j[t.id] || E[e.id]), ce = (e, t) => {
-      e && (De(["default"]).some((y) => e[y]) ? le("newTab", t.title || "", t.entity.uid) : t.to && U.push(t.to));
+      if (!O.value) return { ceiling: e, floor: t };
+      const { draggingItem: r } = O.value;
+      return !T[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 };
+    }), ce = (e, t) => !(p === "modal" || j[t.id] || T[e.id]), fe = (e, t) => {
+      e && (De(["default"]).some((g) => e[g]) ? se("newTab", t.title || "", t.entity.uid) : t.to && x.push(t.to));
     };
-    function W() {
-      ae.commandPalette.emit({
-        commandName: "Create Request",
-        metaData: {
-          itemUid: o.uid,
-          parentUid: o.parentUids[0]
+    function A(e) {
+      var g, o, d;
+      const t = l.parentUids[0] ? ((g = T[l.parentUids[0]]) == null ? void 0 : g.uid) || "" : e, r = l.parentUids[0] && ((o = z[e]) != null && o.name) ? { tags: [z[e].name] } : {}, a = N.add(
+        r,
+        t
+      );
+      a && (x.push({
+        name: "request",
+        params: {
+          workspace: (d = q.value) == null ? void 0 : d.uid,
+          request: a.uid
         }
-      });
+      }), ae.hotKeys.emit({
+        focusAddressBar: new KeyboardEvent("keydown", { key: "l" })
+      }));
     }
-    const G = g(() => {
-      const { uid: e, watchModeStatus: t } = oe.value || {};
+    const G = b(() => {
+      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";
-    }), J = g(() => i.value.title == "Drafts" && d !== "modal" && i.value.children.length > 0), me = g(() => {
-      const e = S[o.uid];
+    }), K = b(() => i.value.title === "Drafts" && p !== "modal" && i.value.children.length > 0), me = b(() => {
+      const e = B[l.uid];
       if (e) return !te(e);
-      const t = P[o.uid];
+      const t = z[l.uid];
       return t ? !te(t) : !0;
     });
     return (e, t) => {
-      const r = he("RequestSidebarItem", !0);
-      return me.value ? (a(), q("li", {
+      const r = ye("RequestSidebarItem", !0);
+      return me.value ? (u(), C("li", {
         key: 0,
-        class: b(["relative flex flex-row", [
-          n(d) === "modal" && e.parentUids.length > 1 || n(d) !== "modal" && e.parentUids.length ? "before:bg-border before:z-1 indent-border-line-offset 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" : ""
+        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(xe), {
           id: i.value.entity.uid,
           ref_key: "draggableRef",
-          ref: N,
+          ref: O,
           ceiling: L.value.ceiling,
           class: "gap-1/2 flex flex-1 flex-col text-sm",
           floor: L.value.floor,
           isDraggable: e.isDraggable,
           isDroppable: e.isDroppable,
           parentIds: e.parentUids,
-          onOnDragEnd: t[13] || (t[13] = (...u) => e.$emit("onDragEnd", ...u))
+          onOnDragEnd: t[13] || (t[13] = (...a) => e.$emit("onDragEnd", ...a))
         }, {
-          default: p(() => {
-            var u, y;
+          default: c(() => {
+            var a, g;
             return [
-              (i.value.entity.type === "request" || i.value.entity.type === "requestExample") && i.value.to ? (a(), f(n(ie), {
+              (i.value.entity.type === "request" || i.value.entity.type === "requestExample") && i.value.to ? (u(), f(n(ie), {
                 key: 0,
                 class: "group no-underline",
                 to: i.value.to,
-                onClick: t[1] || (t[1] = w(
-                  (s) => ce(s, i.value),
+                onClick: t[1] || (t[1] = U(
+                  (o) => fe(o, i.value),
                   ["prevent"]
                 ))
               }, {
-                default: p(({ isExactActive: s }) => {
-                  var m, x;
+                default: c(({ isExactActive: o }) => {
+                  var d, k;
                   return [
-                    l("div", {
-                      class: b(["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,
-                        s || pe.value ? "bg-sidebar-active-b text-sidebar-active-c transition-none" : "text-sidebar-c-2"
+                    s("div", {
+                      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", [
+                        P,
+                        o || pe.value ? "bg-sidebar-active-b text-sidebar-active-c transition-none" : "text-sidebar-c-2"
                       ]])
                     }, [
-                      l("span", Ie, C(i.value.title), 1),
-                      l("div", Te, [
-                        l("div", ze, [
-                          n(d) !== "modal" ? (a(), f(n(D), {
+                      s("span", Ie, D(i.value.title || "Untitled"), 1),
+                      s("div", Te, [
+                        s("div", ze, [
+                          n(p) !== "modal" ? (u(), f(n(R), {
                             key: 0,
-                            class: b(["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: ((x = (m = e.menuItem) == null ? void 0 : m.item) == null ? void 0 : x.entity.uid) === i.value.entity.uid && e.menuItem.open
+                            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: ((k = (d = e.menuItem) == null ? void 0 : d.item) == null ? void 0 : k.entity.uid) === i.value.entity.uid && e.menuItem.open
                             }]),
                             size: "sm",
                             type: "button",
                             variant: "ghost",
-                            onClick: t[0] || (t[0] = w(
-                              (z) => e.$emit("openMenu", {
+                            onClick: t[0] || (t[0] = U(
+                              ($) => e.$emit("openMenu", {
                                 item: i.value,
                                 parentUids: e.parentUids,
-                                targetRef: z.currentTarget,
+                                targetRef: $.currentTarget,
                                 open: !e.menuItem.open
                               }),
                               ["stop", "prevent"]
                             ))
                           }, {
-                            default: p(() => [
+                            default: c(() => [
                               v(n(h), {
                                 icon: "Ellipses",
                                 size: "md"
                               })
                             ]),
                             _: 1
-                          }, 8, ["class"])) : c("", !0)
+                          }, 8, ["class"])) : m("", !0)
                         ]),
-                        l("span", Me, [
-                          t[14] || (t[14] = M("   ")),
-                          t[15] || (t[15] = l("span", { class: "sr-only" }, "HTTP Method:", -1)),
-                          i.value.method ? (a(), f(n(Ce), {
+                        s("span", Me, [
+                          t[14] || (t[14] = E("   ")),
+                          t[15] || (t[15] = s("span", { class: "sr-only" }, "HTTP Method:", -1)),
+                          i.value.method ? (u(), f(n(Ce), {
                             key: 0,
                             class: "font-bold",
                             method: i.value.method
-                          }, null, 8, ["method"])) : c("", !0)
+                          }, null, 8, ["method"])) : m("", !0)
                         ])
                       ])
                     ], 2)
                   ];
                 }),
                 _: 1
-              }, 8, ["to"])) : (n(d) !== "modal" || e.parentUids.length) && i.value.entity.type === "collection" ? (a(), q("div", {
+              }, 8, ["to"])) : (n(p) !== "modal" || e.parentUids.length) && i.value.entity.type === "collection" ? (u(), C("div", {
                 key: 1,
                 "aria-expanded": !!n(I)[i.value.entity.uid],
-                class: b(["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", [
+                  P,
                   {
-                    "bg-sidebar-active-b text-sidebar-active-c transition-none": typeof n(U).currentRoute.value.name == "string" && n(U).currentRoute.value.name.startsWith("collection") && n(U).currentRoute.value.params[n($).Collection] === i.value.entity.uid,
+                    "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(S).Collection] === i.value.entity.uid,
                     "text-c-2": i.value.title === "Untitled Collection"
                   }
                 ]])
               }, [
-                l("span", {
+                s("span", {
                   class: "flex h-5 max-w-[14px] cursor-pointer items-center justify-center",
-                  onClick: t[2] || (t[2] = (s) => n(H)(i.value.entity.uid))
+                  onClick: t[2] || (t[2] = (o) => n(H)(i.value.entity.uid))
                 }, [
                   X(e.$slots, "leftIcon", {}, () => [
                     v(n(_), {
@@ -256,61 +263,61 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                       open: !!n(I)[i.value.entity.uid]
                     }, null, 8, ["open"])
                   ], !0),
-                  t[16] || (t[16] = M("   "))
+                  t[16] || (t[16] = E("   "))
                 ]),
-                l("div", Ee, [
-                  i.value.to ? (a(), f(n(ie), {
+                s("div", Ee, [
+                  i.value.to ? (u(), f(n(ie), {
                     key: 0,
                     class: "w-full no-underline",
                     to: i.value.to,
-                    onClick: t[3] || (t[3] = w(() => {
+                    onClick: t[3] || (t[3] = U(() => {
                     }, ["stop", "prevent"]))
                   }, {
-                    default: p(() => [
-                      l("span", Se, C(i.value.title), 1)
+                    default: c(() => [
+                      s("span", Se, D(i.value.title), 1)
                     ]),
                     _: 1
-                  }, 8, ["to"])) : (a(), q(Z, { key: 1 }, [
-                    M(C(i.value.title), 1)
+                  }, 8, ["to"])) : (u(), C(Z, { key: 1 }, [
+                    E(D(i.value.title), 1)
                   ], 64)),
-                  l("div", je, [
-                    l("div", {
-                      class: b(["items-center gap-px opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", {
+                  s("div", Be, [
+                    s("div", {
+                      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 || ((u = e.menuItem.item) == null ? void 0 : u.entity.uid) !== i.value.entity.uid
+                        hidden: !e.menuItem.open || ((a = e.menuItem.item) == null ? void 0 : a.entity.uid) !== i.value.entity.uid
                       }])
                     }, [
-                      n(d) !== "modal" && !T.value || T.value && J.value ? (a(), f(n(D), {
+                      n(p) !== "modal" && !M.value || M.value && K.value ? (u(), f(n(R), {
                         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[4] || (t[4] = w(
-                          (s) => e.$emit("openMenu", {
+                        onClick: t[4] || (t[4] = U(
+                          (o) => e.$emit("openMenu", {
                             item: i.value,
                             parentUids: e.parentUids,
-                            targetRef: s.currentTarget.parentNode,
+                            targetRef: o.currentTarget.parentNode,
                             open: !0
                           }),
                           ["stop", "prevent"]
                         ))
                       }, {
-                        default: p(() => [
+                        default: c(() => [
                           v(n(h), {
                             icon: "Ellipses",
                             size: "md"
                           })
                         ]),
                         _: 1
-                      })) : c("", !0),
-                      n(d) !== "modal" ? (a(), f(n(D), {
+                      })) : m("", !0),
+                      n(p) !== "modal" ? (u(), f(n(R), {
                         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[5] || (t[5] = w((s) => W(), ["stop", "prevent"]))
+                        onClick: t[5] || (t[5] = U((o) => A(i.value.entity.uid), ["stop", "prevent"]))
                       }, {
-                        default: p(() => [
+                        default: c(() => [
                           v(n(h), {
                             icon: "Add",
                             size: "md",
@@ -318,89 +325,89 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                           })
                         ]),
                         _: 1
-                      })) : c("", !0)
+                      })) : m("", !0)
                     ], 2),
-                    i.value.watchMode ? (a(), f(n(ee), {
+                    i.value.watchMode ? (u(), f(n(ee), {
                       key: 0,
                       side: "right",
                       sideOffset: 12
                     }, {
-                      trigger: p(() => [
+                      trigger: c(() => [
                         v(n(h), {
-                          class: b(["ml-0.5 text-sm", G.value]),
+                          class: y(["ml-0.5 text-sm", G.value]),
                           icon: "Watch",
                           size: "md",
                           thickness: "2"
                         }, null, 8, ["class"])
                       ]),
-                      content: p(() => [
-                        l("div", Be, [
-                          l("div", Ne, [
-                            l("p", We, " Watching: " + C(i.value.documentUrl), 1)
+                      content: c(() => [
+                        s("div", je, [
+                          s("div", We, [
+                            s("p", Ne, " Watching: " + D(i.value.documentUrl), 1)
                           ])
                         ])
                       ]),
                       _: 1
-                    })) : c("", !0),
-                    t[17] || (t[17] = l("span", null, " ", -1))
+                    })) : m("", !0),
+                    t[17] || (t[17] = s("span", null, " ", -1))
                   ])
                 ])
-              ], 10, $e)) : n(d) !== "modal" || e.parentUids.length ? (a(), q("button", {
+              ], 10, $e)) : n(p) !== "modal" || e.parentUids.length ? (u(), C("button", {
                 key: 2,
                 "aria-expanded": !!n(I)[i.value.entity.uid],
-                class: b(["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", [P]]),
                 type: "button",
-                onClick: t[8] || (t[8] = (s) => n(H)(i.value.entity.uid))
+                onClick: t[8] || (t[8] = (o) => n(H)(i.value.entity.uid))
               }, [
-                l("span", Ae, [
+                s("span", Ae, [
                   X(e.$slots, "leftIcon", {}, () => [
                     v(n(_), {
                       class: "text-c-3 hover:text-c-1 shrink-0",
                       open: !!n(I)[i.value.entity.uid]
                     }, null, 8, ["open"])
                   ], !0),
-                  t[18] || (t[18] = M("   "))
+                  t[18] || (t[18] = E("   "))
                 ]),
-                l("div", Pe, [
-                  l("span", Ve, C(i.value.title), 1),
-                  l("div", Fe, [
-                    l("div", {
-                      class: b(["items-center gap-px opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", {
+                s("div", Pe, [
+                  s("span", Ve, D(i.value.title), 1),
+                  s("div", Fe, [
+                    s("div", {
+                      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 || ((y = e.menuItem.item) == null ? void 0 : y.entity.uid) !== i.value.entity.uid
+                        hidden: !e.menuItem.open || ((g = e.menuItem.item) == null ? void 0 : g.entity.uid) !== i.value.entity.uid
                       }])
                     }, [
-                      n(d) !== "modal" && !T.value || T.value && J.value ? (a(), f(n(D), {
+                      n(p) !== "modal" && !M.value || M.value && K.value ? (u(), f(n(R), {
                         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[6] || (t[6] = w(
-                          (s) => e.$emit("openMenu", {
+                        onClick: t[6] || (t[6] = U(
+                          (o) => e.$emit("openMenu", {
                             item: i.value,
                             parentUids: e.parentUids,
-                            targetRef: s.currentTarget.parentNode,
+                            targetRef: o.currentTarget.parentNode,
                             open: !0
                           }),
                           ["stop", "prevent"]
                         ))
                       }, {
-                        default: p(() => [
+                        default: c(() => [
                           v(n(h), {
                             icon: "Ellipses",
                             size: "md"
                           })
                         ]),
                         _: 1
-                      })) : c("", !0),
-                      n(d) !== "modal" ? (a(), f(n(D), {
+                      })) : m("", !0),
+                      n(p) !== "modal" ? (u(), f(n(R), {
                         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[7] || (t[7] = w((s) => W(), ["stop", "prevent"]))
+                        onClick: t[7] || (t[7] = U((o) => A(i.value.entity.uid), ["stop", "prevent"]))
                       }, {
-                        default: p(() => [
+                        default: c(() => [
                           v(n(h), {
                             icon: "Add",
                             size: "md",
@@ -408,70 +415,70 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                           })
                         ]),
                         _: 1
-                      })) : c("", !0)
+                      })) : m("", !0)
                     ], 2),
-                    i.value.watchMode ? (a(), f(n(ee), {
+                    i.value.watchMode ? (u(), f(n(ee), {
                       key: 0,
                       side: "right",
                       sideOffset: 12
                     }, {
-                      trigger: p(() => [
+                      trigger: c(() => [
                         v(n(h), {
-                          class: b(["ml-0.5 text-sm", G.value]),
+                          class: y(["ml-0.5 text-sm", G.value]),
                           icon: "Watch",
                           size: "md",
                           thickness: "2"
                         }, null, 8, ["class"])
                       ]),
-                      content: p(() => [
-                        l("div", Ye, [
-                          l("div", He, [
-                            l("p", Le, " Watching: " + C(i.value.documentUrl), 1)
+                      content: c(() => [
+                        s("div", Ye, [
+                          s("div", He, [
+                            s("p", Le, " Watching: " + D(i.value.documentUrl), 1)
                           ])
                         ])
                       ]),
                       _: 1
-                    })) : c("", !0),
-                    t[19] || (t[19] = l("span", null, " ", -1))
+                    })) : m("", !0),
+                    t[19] || (t[19] = s("span", null, " ", -1))
                   ])
                 ])
-              ], 10, Oe)) : c("", !0),
-              de.value ? (a(), q("ul", Ge, [
-                (a(!0), q(Z, null, ye(i.value.children, (s) => (a(), f(r, {
-                  key: s,
-                  isDraggable: !n(j)[s],
-                  isDroppable: fe,
+              ], 10, Oe)) : m("", !0),
+              de.value ? (u(), C("ul", Ge, [
+                (u(!0), C(Z, null, he(i.value.children, (o) => (u(), f(r, {
+                  key: o,
+                  isDraggable: !n(j)[o],
+                  isDroppable: ce,
                   menuItem: e.menuItem,
                   parentUids: [...e.parentUids, e.uid],
-                  uid: s,
-                  onNewTab: t[9] || (t[9] = (m, x) => e.$emit("newTab", m, x)),
-                  onOnDragEnd: t[10] || (t[10] = (...m) => e.$emit("onDragEnd", ...m)),
-                  onOpenMenu: t[11] || (t[11] = (m) => e.$emit("openMenu", m))
+                  uid: o,
+                  onNewTab: t[9] || (t[9] = (d, k) => e.$emit("newTab", d, k)),
+                  onOnDragEnd: t[10] || (t[10] = (...d) => e.$emit("onDragEnd", ...d)),
+                  onOpenMenu: t[11] || (t[11] = (d) => e.$emit("openMenu", d))
                 }, null, 8, ["isDraggable", "menuItem", "parentUids", "uid"]))), 128)),
-                i.value.children.length === 0 ? (a(), f(n(D), {
+                i.value.children.length === 0 ? (u(), f(n(R), {
                   key: 0,
-                  class: b(["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[12] || (t[12] = (s) => W())
+                  onClick: t[12] || (t[12] = (o) => A(i.value.entity.uid))
                 }, {
-                  default: p(() => [
+                  default: c(() => [
                     v(n(h), {
                       icon: "Add",
                       size: "sm"
                     }),
-                    t[20] || (t[20] = l("span", null, "Add Request", -1))
+                    t[20] || (t[20] = s("span", null, "Add Request", -1))
                   ]),
                   _: 1
-                }, 8, ["class"])) : c("", !0)
-              ])) : c("", !0)
+                }, 8, ["class"])) : m("", !0)
+              ])) : m("", !0)
             ];
           }),
           _: 3
         }, 8, ["id", "ceiling", "floor", "isDraggable", "isDroppable", "parentIds"])
-      ], 2)) : c("", !0);
+      ], 2)) : m("", !0);
     };
   }
 });
 export {
-  st as default
+  ot as default
 };