@scalar/api-client 2.3.19 → 2.3.21

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

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