@scalar/api-client 2.2.50 → 2.2.52

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

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