@scalar/api-client 2.2.2 → 2.2.4

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

@@ -1,7 +1,7 @@
-import e from "./RequestSidebarItemMenu.vue2.js";
+import t from "./RequestSidebarItemMenu.vue2.js";
 /* empty css                            */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(e, [["__scopeId", "data-v-722cfbe4"]]);
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ e(t, [["__scopeId", "data-v-4505d1d7"]]);
 export {
   a as default
 };

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

@@ -1,213 +1,219 @@
-import { defineComponent as J, ref as O, watch as Q, onMounted as X, onBeforeUnmount as Y, computed as Z, openBlock as s, createElementBlock as h, Fragment as q, createBlock as d, unref as n, withKeys as _, withCtx as u, createVNode as m, createElementVNode as I, createCommentVNode as c, createTextVNode as S, toDisplayString as ee } from "vue";
+import { defineComponent as J, ref as O, watch as Q, onMounted as X, onBeforeUnmount as Y, computed as Z, openBlock as o, createElementBlock as q, Fragment as R, createBlock as d, unref as n, withCtx as r, createVNode as s, withKeys as _, createElementVNode as I, createCommentVNode as c, createTextVNode as S, toDisplayString as ee } from "vue";
 import T from "../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
 import te from "../../components/Sidebar/Actions/EditSidebarListCollection.vue.js";
 import ne from "../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
 import { useActiveEntities as le } from "../../store/active-entities.js";
 import { createInitialRequest as ie } from "../../store/requests.js";
-import { useModal as W, ScalarDropdown as ae, ScalarDropdownItem as g, ScalarIcon as w, ScalarModal as b } from "@scalar/components";
+import { useModal as W, ScalarFloating as ae, ScalarDropdownMenu as oe, ScalarDropdownButton as g, ScalarIcon as w, ScalarModal as b } from "@scalar/components";
 import { useRouter as se } from "vue-router";
 import { PathId as A } from "../../routes.js";
-import { useWorkspace as oe } from "../../store/store.js";
-const ge = /* @__PURE__ */ J({
+import { useWorkspace as me } from "../../store/store.js";
+const we = /* @__PURE__ */ J({
   __name: "RequestSidebarItemMenu",
   props: {
     menuItem: {}
   },
   emits: ["closeMenu", "toggleWatchMode", "clearDrafts"],
   setup(B, { emit: U }) {
-    const r = B, C = U, { replace: $ } = se(), {
+    const u = B, C = U, { replace: $ } = se(), {
       activeWorkspace: y,
       activeRouterParams: x,
       activeWorkspaceCollections: E,
       activeWorkspaceRequests: V
-    } = le(), { events: L, requestMutators: P } = oe(), p = W(), D = W(), M = W(), K = () => {
+    } = le(), { events: L, requestMutators: P } = me(), p = W(), M = W(), D = W(), F = () => {
       var e;
       return L.commandPalette.emit({
         commandName: "Add Example",
         metaData: {
-          itemUid: (e = r.menuItem.item) == null ? void 0 : e.entity.uid
+          itemUid: (e = u.menuItem.item) == null ? void 0 : e.entity.uid
         }
       });
     }, z = (e, t) => {
       var a;
-      (a = r.menuItem.item) == null || a.edit(e, t), p.hide();
-    }, F = () => {
+      (a = u.menuItem.item) == null || a.edit(e, t), p.hide();
+    }, K = () => {
       var e, t, a;
-      if ((e = r.menuItem.item) == null || e.delete(), !V.value.length) {
+      if ((e = u.menuItem.item) == null || e.delete(), !V.value.length) {
         const { request: f } = ie(), i = E.value.find(
-          (o) => {
+          (m) => {
             var l;
-            return ((l = o.info) == null ? void 0 : l.title) === "Drafts";
+            return ((l = m.info) == null ? void 0 : l.title) === "Drafts";
           }
         );
         i && (P.add(f, i.uid), $(`/workspace/${y.value.uid}/request/${f.uid}`));
       }
-      if (x.value[A.Request] === ((t = r.menuItem.item) == null ? void 0 : t.entity.uid) && $(`/workspace/${y.value.uid}/request/default`), x.value[A.Examples] === ((a = r.menuItem.item) == null ? void 0 : a.entity.uid) && $(`/workspace/${y.value}/request/default`), E.value[0]) {
+      if (x.value[A.Request] === ((t = u.menuItem.item) == null ? void 0 : t.entity.uid) && $(`/workspace/${y.value.uid}/request/default`), x.value[A.Examples] === ((a = u.menuItem.item) == null ? void 0 : a.entity.uid) && $(`/workspace/${y.value}/request/default`), E.value[0]) {
         const f = E.value[0].requests[0];
         $(`/workspace/${y.value.uid}/request/${f}`);
       }
-      D.hide();
+      M.hide();
     }, k = O(null);
-    Q([() => r.menuItem.open, k], async ([e]) => {
+    Q([() => u.menuItem.open, k], async ([e]) => {
       var t, a;
       e && ((a = (t = k.value) == null ? void 0 : t.$parent) != null && a.$el) && k.value.$parent.$el.focus();
     });
-    const N = () => r.menuItem.open && C("closeMenu");
+    const N = () => u.menuItem.open && C("closeMenu");
     X(() => window.addEventListener("click", N)), Y(() => window.removeEventListener("click", N));
     const j = () => {
-      C("toggleWatchMode", r.menuItem.item);
+      C("toggleWatchMode", u.menuItem.item);
     }, G = () => {
-      C("clearDrafts"), M.hide();
-    }, R = Z(() => {
+      C("clearDrafts"), D.hide();
+    }, h = Z(() => {
       var e;
-      return ((e = r.menuItem.item) == null ? void 0 : e.title) === "Drafts";
+      return ((e = u.menuItem.item) == null ? void 0 : e.title) === "Drafts";
     });
     return (e, t) => {
       var a, f;
-      return s(), h(q, null, [
-        e.menuItem.targetRef && e.menuItem.open ? (s(), d(n(ae), {
+      return o(), q(R, null, [
+        e.menuItem.targetRef && e.menuItem.open ? (o(), d(n(ae), {
           key: 0,
-          static: "",
-          targetRef: e.menuItem.targetRef,
-          teleport: "",
-          onKeydown: t[3] || (t[3] = _((i) => e.$emit("closeMenu"), ["escape"]))
+          placement: "right-start",
+          target: e.menuItem.targetRef,
+          teleport: ""
         }, {
-          items: u(() => {
-            var i, o;
-            return [
-              ((i = e.menuItem.item) == null ? void 0 : i.entity.type) === "request" ? (s(), d(n(g), {
-                key: 0,
-                class: "flex gap-2",
-                onClick: K
-              }, {
-                default: u(() => [
-                  m(n(w), {
-                    class: "inline-flex",
-                    icon: "Example",
-                    size: "md",
-                    thickness: "1.5"
-                  }),
-                  t[8] || (t[8] = I("span", null, "Add Example", -1))
-                ]),
-                _: 1
-              })) : c("", !0),
-              R.value ? c("", !0) : (s(), d(n(g), {
-                key: 1,
-                ref_key: "menuRef",
-                ref: k,
-                class: "flex gap-2",
-                onClick: t[0] || (t[0] = (l) => n(p).show())
-              }, {
-                default: u(() => {
-                  var l;
-                  return [
-                    m(n(w), {
-                      class: "inline-flex",
-                      icon: "Edit",
-                      size: "md",
-                      thickness: "1.5"
+          floating: r(() => [
+            s(n(oe), {
+              onKeydown: t[3] || (t[3] = _((i) => e.$emit("closeMenu"), ["escape"]))
+            }, {
+              default: r(() => {
+                var i, m;
+                return [
+                  ((i = e.menuItem.item) == null ? void 0 : i.entity.type) === "request" ? (o(), d(n(g), {
+                    key: 0,
+                    class: "flex gap-2",
+                    onClick: F
+                  }, {
+                    default: r(() => [
+                      s(n(w), {
+                        class: "inline-flex",
+                        icon: "Example",
+                        size: "md",
+                        thickness: "1.5"
+                      }),
+                      t[8] || (t[8] = I("span", null, "Add Example", -1))
+                    ]),
+                    _: 1
+                  })) : c("", !0),
+                  h.value ? c("", !0) : (o(), d(n(g), {
+                    key: 1,
+                    ref_key: "menuRef",
+                    ref: k,
+                    class: "flex gap-2",
+                    onClick: t[0] || (t[0] = (l) => n(p).show())
+                  }, {
+                    default: r(() => {
+                      var l;
+                      return [
+                        s(n(w), {
+                          class: "inline-flex",
+                          icon: "Edit",
+                          size: "md",
+                          thickness: "1.5"
+                        }),
+                        I("span", null, [
+                          ((l = e.menuItem.item) == null ? void 0 : l.entity.type) === "collection" ? (o(), q(R, { key: 0 }, [
+                            S(" Edit ")
+                          ], 64)) : (o(), q(R, { key: 1 }, [
+                            S(" Rename ")
+                          ], 64))
+                        ])
+                      ];
                     }),
-                    I("span", null, [
-                      ((l = e.menuItem.item) == null ? void 0 : l.entity.type) === "collection" ? (s(), h(q, { key: 0 }, [
-                        S(" Edit ")
-                      ], 64)) : (s(), h(q, { key: 1 }, [
-                        S(" Rename ")
-                      ], 64))
-                    ])
-                  ];
-                }),
-                _: 1
-              }, 512)),
-              (o = e.menuItem.item) != null && o.documentUrl ? (s(), d(n(g), {
-                key: 2,
-                ref_key: "menuRef",
-                ref: k,
-                class: "flex gap-2",
-                onClick: j
-              }, {
-                default: u(() => {
-                  var l, v;
-                  return [
-                    m(n(w), {
-                      class: "inline-flex",
-                      icon: (l = e.menuItem.item) != null && l.watchMode ? "Unwatch" : "Watch",
-                      size: "md",
-                      thickness: "1.5"
-                    }, null, 8, ["icon"]),
-                    I("span", null, ee((v = e.menuItem.item) != null && v.watchMode ? "Disable Watch Mode" : "Enable Watch Mode"), 1)
-                  ];
-                }),
-                _: 1
-              }, 512)) : c("", !0),
-              R.value ? c("", !0) : (s(), d(n(g), {
-                key: 3,
-                class: "flex gap-2",
-                onClick: t[1] || (t[1] = (l) => n(D).show())
-              }, {
-                default: u(() => [
-                  m(n(w), {
-                    class: "inline-flex",
-                    icon: "Delete",
-                    size: "md",
-                    thickness: "1.5"
-                  }),
-                  t[9] || (t[9] = I("span", null, "Delete", -1))
-                ]),
-                _: 1
-              })),
-              R.value ? (s(), d(n(g), {
-                key: 4,
-                class: "flex gap-2",
-                onClick: t[2] || (t[2] = (l) => n(M).show())
-              }, {
-                default: u(() => [
-                  m(n(w), {
-                    class: "inline-flex",
-                    icon: "Delete",
-                    size: "md",
-                    thickness: "1.5"
-                  }),
-                  t[10] || (t[10] = I("span", null, "Clear Drafts", -1))
-                ]),
-                _: 1
-              })) : c("", !0)
-            ];
-          }),
+                    _: 1
+                  }, 512)),
+                  (m = e.menuItem.item) != null && m.documentUrl ? (o(), d(n(g), {
+                    key: 2,
+                    ref_key: "menuRef",
+                    ref: k,
+                    class: "flex gap-2",
+                    onClick: j
+                  }, {
+                    default: r(() => {
+                      var l, v;
+                      return [
+                        s(n(w), {
+                          class: "inline-flex",
+                          icon: (l = e.menuItem.item) != null && l.watchMode ? "Unwatch" : "Watch",
+                          size: "md",
+                          thickness: "1.5"
+                        }, null, 8, ["icon"]),
+                        I("span", null, ee((v = e.menuItem.item) != null && v.watchMode ? "Disable Watch Mode" : "Enable Watch Mode"), 1)
+                      ];
+                    }),
+                    _: 1
+                  }, 512)) : c("", !0),
+                  h.value ? c("", !0) : (o(), d(n(g), {
+                    key: 3,
+                    class: "flex gap-2",
+                    onClick: t[1] || (t[1] = (l) => n(M).show())
+                  }, {
+                    default: r(() => [
+                      s(n(w), {
+                        class: "inline-flex",
+                        icon: "Delete",
+                        size: "md",
+                        thickness: "1.5"
+                      }),
+                      t[9] || (t[9] = I("span", null, "Delete", -1))
+                    ]),
+                    _: 1
+                  })),
+                  h.value ? (o(), d(n(g), {
+                    key: 4,
+                    class: "flex gap-2",
+                    onClick: t[2] || (t[2] = (l) => n(D).show())
+                  }, {
+                    default: r(() => [
+                      s(n(w), {
+                        class: "inline-flex",
+                        icon: "Delete",
+                        size: "md",
+                        thickness: "1.5"
+                      }),
+                      t[10] || (t[10] = I("span", null, "Clear Drafts", -1))
+                    ]),
+                    _: 1
+                  })) : c("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ]),
           _: 1
-        }, 8, ["targetRef"])) : c("", !0),
-        m(n(b), {
+        }, 8, ["target"])) : c("", !0),
+        s(n(b), {
           size: "xxs",
-          state: n(D),
+          state: n(M),
           title: `Delete ${(a = e.menuItem.item) == null ? void 0 : a.resourceTitle}`
         }, {
-          default: u(() => {
-            var i, o;
+          default: r(() => {
+            var i, m;
             return [
-              m(T, {
+              s(T, {
                 variableName: ((i = e.menuItem.item) == null ? void 0 : i.title) ?? "",
-                warningMessage: (o = e.menuItem.item) == null ? void 0 : o.warning,
-                onClose: t[4] || (t[4] = (l) => n(D).hide()),
-                onDelete: F
+                warningMessage: (m = e.menuItem.item) == null ? void 0 : m.warning,
+                onClose: t[4] || (t[4] = (l) => n(M).hide()),
+                onDelete: K
               }, null, 8, ["variableName", "warningMessage"])
             ];
           }),
           _: 1
         }, 8, ["state", "title"]),
-        m(n(b), {
+        s(n(b), {
           size: "xxs",
           state: n(p),
           title: `Edit ${(f = e.menuItem.item) == null ? void 0 : f.resourceTitle}`
         }, {
-          default: u(() => {
-            var i, o, l, v;
+          default: r(() => {
+            var i, m, l, v;
             return [
-              ((i = e.menuItem.item) == null ? void 0 : i.resourceTitle) === "Collection" ? (s(), d(te, {
+              ((i = e.menuItem.item) == null ? void 0 : i.resourceTitle) === "Collection" ? (o(), d(te, {
                 key: 0,
-                icon: ((o = e.menuItem.item) == null ? void 0 : o.icon) || "interface-content-folder",
+                icon: ((m = e.menuItem.item) == null ? void 0 : m.icon) || "interface-content-folder",
                 name: (l = e.menuItem.item) == null ? void 0 : l.title,
                 onClose: t[5] || (t[5] = (H) => n(p).hide()),
                 onEdit: z
-              }, null, 8, ["icon", "name"])) : (s(), d(ne, {
+              }, null, 8, ["icon", "name"])) : (o(), d(ne, {
                 key: 1,
                 name: ((v = e.menuItem.item) == null ? void 0 : v.title) ?? "",
                 onClose: t[6] || (t[6] = (H) => n(p).hide()),
@@ -217,16 +223,16 @@ const ge = /* @__PURE__ */ J({
           }),
           _: 1
         }, 8, ["state", "title"]),
-        m(n(b), {
+        s(n(b), {
           size: "xxs",
-          state: n(M),
+          state: n(D),
           title: "Clear Drafts"
         }, {
-          default: u(() => [
-            m(T, {
+          default: r(() => [
+            s(T, {
               variableName: "All Drafts",
               warningMessage: "This action will clear all drafts. This cannot be undone.",
-              onClose: t[7] || (t[7] = (i) => n(M).hide()),
+              onClose: t[7] || (t[7] = (i) => n(D).hide()),
               onDelete: G
             })
           ]),
@@ -237,5 +243,5 @@ const ge = /* @__PURE__ */ J({
   }
 });
 export {
-  ge as default
+  we as default
 };

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

@@ -17,7 +17,7 @@ const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, E = {
       a.commandPalette.emit({ commandName: "Create Request" });
     }, y = (i) => {
       i != null && i.createNew && v.name === "request" && f();
-    }, h = "2.2.2";
+    }, h = "2.2.4";
     return R(() => a.hotKeys.on(y)), C(() => a.hotKeys.off(y)), (i, e) => (n(), l("div", B, [
       o("div", {
         class: k(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {

package/dist/views/Request/components/WorkspaceDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/WorkspaceDropdown.vue"],"names":[],"mappings":";AAg0BA,wBAMG"}
+{"version":3,"file":"WorkspaceDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/WorkspaceDropdown.vue"],"names":[],"mappings":";AA8yBA,wBAMG"}

package/dist/views/Request/components/WorkspaceDropdown.vue.js

@@ -1,30 +1,30 @@
-import { defineComponent as A, computed as O, ref as M, openBlock as m, createElementBlock as W, createElementVNode as a, createVNode as s, unref as e, withCtx as n, Fragment as I, renderList as L, createBlock as h, withModifiers as c, normalizeClass as U, toDisplayString as z } from "vue";
-import V from "../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
-import q from "../../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
-import { useActiveEntities as F } from "../../../store/active-entities.js";
-import { useModal as C, ScalarDropdown as S, ScalarDropdownItem as u, ScalarIcon as i, ScalarTooltip as P, ScalarButton as $, ScalarDropdownDivider as Y, ScalarModal as E } from "@scalar/components";
+import { defineComponent as A, computed as L, ref as M, openBlock as m, createElementBlock as W, createElementVNode as l, createVNode as s, unref as e, withCtx as n, Fragment as O, renderList as I, createBlock as h, withModifiers as r, toDisplayString as z } from "vue";
+import U from "../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
+import V from "../../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
+import { useActiveEntities as q } from "../../../store/active-entities.js";
+import { useModal as C, ScalarDropdown as S, ScalarDropdownItem as u, ScalarListboxCheckbox as F, ScalarIcon as c, ScalarTooltip as P, ScalarButton as $, ScalarDropdownDivider as Y, ScalarModal as E } from "@scalar/components";
 import { useRouter as G } from "vue-router";
 import { useWorkspace as H } from "../../../store/store.js";
 const J = { class: "flex items-center text-sm w-[inherit]" }, K = { class: "font-medium m-0 flex gap-1.5 items-center" }, Q = { class: "line-clamp-1 text-left w-[calc(100%-10px)]" }, X = { class: "text-ellipsis overflow-hidden" }, Z = { class: "flex items-center justify-center h-4 w-4" }, re = /* @__PURE__ */ A({
   __name: "WorkspaceDropdown",
   setup(ee) {
-    const { activeWorkspace: f } = F(), { workspaces: d, workspaceMutators: g, events: N } = H(), { push: b } = G(), T = (o) => {
+    const { activeWorkspace: f } = q(), { workspaces: d, workspaceMutators: g, events: N } = H(), { push: b } = G(), T = (o) => {
       o !== f.value.uid && b({
         name: "workspace",
         params: {
           workspace: o
         }
       });
-    }, _ = O(() => Object.keys(d).length === 1), j = () => N.commandPalette.emit({ commandName: "Create Workspace" }), v = M(""), r = M(""), w = C(), k = C(), y = (o) => {
-      v.value = d[o].name, r.value = o, w.show();
+    }, _ = L(() => Object.keys(d).length === 1), j = () => N.commandPalette.emit({ commandName: "Create Workspace" }), v = M(""), i = M(""), w = C(), k = C(), y = (o) => {
+      v.value = d[o].name, i.value = o, w.show();
     }, B = (o) => {
-      o.trim() && (g.edit(r.value, "name", o.trim()), w.hide());
+      o.trim() && (g.edit(i.value, "name", o.trim()), w.hide());
     }, D = (o) => {
-      v.value = d[o].name, r.value = o, k.show();
+      v.value = d[o].name, i.value = o, k.show();
     }, R = async () => {
       if (!_.value) {
-        const o = f.value.uid === r.value, t = { ...d };
-        if (delete t[r.value], g.delete(r.value), o) {
+        const o = f.value.uid === i.value, t = { ...d };
+        if (delete t[i.value], g.delete(i.value), o) {
           const p = Object.keys(t)[0];
           await b({
             name: "workspace",
@@ -37,43 +37,37 @@ const J = { class: "flex items-center text-sm w-[inherit]" }, K = { class: "font
       k.hide();
     };
     return (o, t) => (m(), W("div", null, [
-      a("div", J, [
+      l("div", J, [
         s(e(S), null, {
           items: n(() => [
-            (m(!0), W(I, null, L(e(d), (p, l) => (m(), h(e(u), {
-              key: l,
+            (m(!0), W(O, null, I(e(d), (p, a) => (m(), h(e(u), {
+              key: a,
               class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden w-full",
-              onClick: c((x) => T(l), ["stop"])
+              onClick: r((x) => T(a), ["stop"])
             }, {
               default: n(() => [
-                a("div", {
-                  class: U([
-                    "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
-                    e(f).uid === l ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
-                  ])
-                }, [
-                  s(e(i), {
-                    class: "size-2.5",
-                    icon: "Checkmark",
-                    thickness: "3.5"
-                  })
-                ], 2),
-                a("span", X, z(p.name), 1),
-                s(e(S), { teleport: ".scalar-client" }, {
+                s(e(F), {
+                  selected: e(f).uid === a
+                }, null, 8, ["selected"]),
+                l("span", X, z(p.name), 1),
+                s(e(S), {
+                  placement: "right-start",
+                  teleport: ".scalar-client"
+                }, {
                   items: n(() => [
                     s(e(u), {
                       class: "flex gap-2",
-                      onMousedown: (x) => y(l),
-                      onTouchend: c((x) => y(l), ["prevent"])
+                      onMousedown: (x) => y(a),
+                      onTouchend: r((x) => y(a), ["prevent"])
                     }, {
                       default: n(() => [
-                        s(e(i), {
+                        s(e(c), {
                           class: "inline-flex",
                           icon: "Edit",
                           size: "md",
                           thickness: "1.5"
                         }),
-                        t[4] || (t[4] = a("span", null, "Rename", -1))
+                        t[4] || (t[4] = l("span", null, "Rename", -1))
                       ]),
                       _: 2
                     }, 1032, ["onMousedown", "onTouchend"]),
@@ -86,27 +80,27 @@ const J = { class: "flex items-center text-sm w-[inherit]" }, K = { class: "font
                         s(e(u), {
                           class: "flex gap-2 w-full",
                           disabled: "",
-                          onMousedown: t[0] || (t[0] = c(() => {
+                          onMousedown: t[0] || (t[0] = r(() => {
                           }, ["prevent"])),
-                          onTouchend: t[1] || (t[1] = c(() => {
+                          onTouchend: t[1] || (t[1] = r(() => {
                           }, ["prevent"]))
                         }, {
                           default: n(() => [
-                            s(e(i), {
+                            s(e(c), {
                               class: "inline-flex",
                               icon: "Delete",
                               size: "md",
                               thickness: "1.5"
                             }),
-                            t[5] || (t[5] = a("span", null, "Delete", -1))
+                            t[5] || (t[5] = l("span", null, "Delete", -1))
                           ]),
                           _: 1
                         })
                       ]),
                       content: n(() => t[6] || (t[6] = [
-                        a("div", { class: "grid gap-1.5 pointer-events-none min-w-48 w-content shadow-lg rounded bg-b-1 z-100 p-2 text-xxs leading-5 z-10 text-c-1" }, [
-                          a("div", { class: "flex items-center text-c-2" }, [
-                            a("span", null, "Only workspace cannot be deleted.")
+                        l("div", { class: "grid gap-1.5 pointer-events-none min-w-48 w-content shadow-lg rounded bg-b-1 z-100 p-2 text-xxs leading-5 z-10 text-c-1" }, [
+                          l("div", { class: "flex items-center text-c-2" }, [
+                            l("span", null, "Only workspace cannot be deleted.")
                           ])
                         ], -1)
                       ])),
@@ -114,17 +108,17 @@ const J = { class: "flex items-center text-sm w-[inherit]" }, K = { class: "font
                     })) : (m(), h(e(u), {
                       key: 1,
                       class: "flex !gap-2",
-                      onMousedown: c((x) => D(l), ["prevent"]),
-                      onTouchend: c((x) => D(l), ["prevent"])
+                      onMousedown: r((x) => D(a), ["prevent"]),
+                      onTouchend: r((x) => D(a), ["prevent"])
                     }, {
                       default: n(() => [
-                        s(e(i), {
+                        s(e(c), {
                           class: "inline-flex",
                           icon: "Delete",
                           size: "sm",
                           thickness: "1.5"
                         }),
-                        t[7] || (t[7] = a("span", null, "Delete", -1))
+                        t[7] || (t[7] = l("span", null, "Delete", -1))
                       ]),
                       _: 2
                     }, 1032, ["onMousedown", "onTouchend"]))
@@ -137,7 +131,7 @@ const J = { class: "flex items-center text-sm w-[inherit]" }, K = { class: "font
                       variant: "ghost"
                     }, {
                       default: n(() => [
-                        s(e(i), {
+                        s(e(c), {
                           icon: "Ellipses",
                           size: "sm"
                         })
@@ -156,14 +150,14 @@ const J = { class: "flex items-center text-sm w-[inherit]" }, K = { class: "font
               onClick: j
             }, {
               default: n(() => [
-                a("div", Z, [
-                  s(e(i), {
+                l("div", Z, [
+                  s(e(c), {
                     class: "h-2.5",
                     icon: "Add",
                     thickness: "3"
                   })
                 ]),
-                t[8] || (t[8] = a("span", null, "Create Workspace", -1))
+                t[8] || (t[8] = l("span", null, "Create Workspace", -1))
               ]),
               _: 1
             })
@@ -175,9 +169,9 @@ const J = { class: "flex items-center text-sm w-[inherit]" }, K = { class: "font
               variant: "ghost"
             }, {
               default: n(() => [
-                a("div", K, [
-                  a("h2", Q, z(e(f).name), 1),
-                  s(e(i), {
+                l("div", K, [
+                  l("h2", Q, z(e(f).name), 1),
+                  s(e(c), {
                     class: "size-3",
                     icon: "ChevronDown",
                     thickness: "3"
@@ -196,7 +190,7 @@ const J = { class: "flex items-center text-sm w-[inherit]" }, K = { class: "font
         title: "Delete workspace"
       }, {
         default: n(() => [
-          s(V, {
+          s(U, {
             variableName: v.value,
             warningMessage: "This cannot be undone. You’re about to delete the workspace and everything inside it.",
             onClose: t[2] || (t[2] = (p) => e(k).hide()),
@@ -211,7 +205,7 @@ const J = { class: "flex items-center text-sm w-[inherit]" }, K = { class: "font
         title: "Rename Workspace"
       }, {
         default: n(() => [
-          s(q, {
+          s(V, {
             name: v.value,
             onClose: t[3] || (t[3] = (p) => e(w).hide()),
             onEdit: B