@scalar/api-client 2.1.52 → 2.2.1

package/dist/components/Search/useSearch.js

@@ -1,12 +1,13 @@
-import w from "fuse.js";
-import { ref as a, watch as T, computed as W, nextTick as x } from "vue";
-import { useRouter as I } from "vue-router";
-import { useWorkspace as A } from "../../store/store.js";
-function H() {
-  const m = I(), { activeWorkspace: f, activeWorkspaceRequests: d, requests: R } = A(), o = a([]), c = a([]), s = a(0), u = a(""), l = a(null), n = a([]), i = new w(o.value, {
+import { useActiveEntities as w } from "../../store/active-entities.js";
+import T from "fuse.js";
+import { ref as a, watch as W, computed as x, nextTick as A } from "vue";
+import { useRouter as E } from "vue-router";
+import { useWorkspace as I } from "../../store/store.js";
+function M() {
+  const m = E(), { activeWorkspace: f, activeWorkspaceRequests: d } = w(), { requests: R } = I(), o = a([]), u = a([]), s = a(0), c = a(""), l = a(null), n = a([]), i = new T(o.value, {
     keys: ["title", "description", "body"]
   }), k = () => {
-    u.value = "", s.value = 0, c.value = [], l.value instanceof HTMLInputElement && l.value.blur();
+    c.value = "", s.value = 0, u.value = [], l.value instanceof HTMLInputElement && l.value.blur();
   }, S = (t) => {
     o.value = t.map((e) => ({
       id: e.uid,
@@ -17,10 +18,10 @@ function H() {
       link: `/workspace/${f.value.uid}/request/${e.uid}`
     })), i.setCollection(o.value);
   }, b = () => {
-    s.value = 0, c.value = i.search(u.value);
+    s.value = 0, u.value = i.search(c.value);
   }, y = (t) => {
-    const e = t === "up" ? -1 : 1, v = r.value.length;
-    s.value = (s.value + e + v) % v, x(() => {
+    const e = t === "up" ? -1 : 1, h = r.value.length;
+    s.value = (s.value + e + h) % h, A(() => {
       const p = n.value[s.value];
       p instanceof HTMLElement && p.scrollIntoView({
         behavior: "smooth",
@@ -28,29 +29,29 @@ function H() {
       });
     });
   }, g = () => {
-    s.value >= 0 && h(
+    s.value >= 0 && v(
       r.value[s.value]
     );
   };
-  T(
+  W(
     d,
     (t) => {
       S(t.map((e) => R[e]));
     },
     { immediate: !0 }
   );
-  const h = (t) => {
+  const v = (t) => {
     m.push(t.item.id), k();
-  }, r = W(
-    () => u.value.length === 0 ? o.value.map((t) => ({
+  }, r = x(
+    () => c.value.length === 0 ? o.value.map((t) => ({
       item: t
-    })) : c.value
+    })) : u.value
   );
   return {
-    searchText: u,
+    searchText: c,
     searchResultsWithPlaceholderResults: r,
     selectedSearchResult: s,
-    onSearchResultClick: h,
+    onSearchResultClick: v,
     fuseSearch: b,
     searchInputRef: l,
     searchResultRefs: n,
@@ -59,5 +60,5 @@ function H() {
   };
 }
 export {
-  H as useSearch
+  M as useSearch
 };

package/dist/components/SideNav/SideNav.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as h, openBlock as o, createElementBlock as r, normalizeClass as p, unref as e, createVNode as t, withCtx as n, createElementVNode as i, Fragment as y, renderList as v, createTextVNode as d, toDisplayString as w, createCommentVNode as b } from "vue";
+import { defineComponent as h, openBlock as o, createElementBlock as r, normalizeClass as p, unref as e, createVNode as t, withCtx as n, createElementVNode as i, Fragment as v, renderList as w, createTextVNode as d, toDisplayString as y, createCommentVNode as b } from "vue";
 import { ROUTES as k } from "../../constants.js";
 import { ScalarIcon as N } from "@scalar/components";
 import { useRouter as S } from "vue-router";
@@ -16,7 +16,7 @@ const B = { class: "flex items-center" }, E = { class: "flex items-center" }, L
     const { currentRoute: m } = S(), { layout: s } = j();
     return ($, l) => (o(), r("nav", {
       "aria-label": "App Navigation",
-      class: p(["flex items-center justify-center sm:justify-between gap-1.5 app-drag-region", e(s) === "web" ? "border h-12" : "sm:flex-col px-2 py-2"]),
+      class: p(["flex items-center justify-center sm:justify-between gap-1.5 app-drag-region", e(s) === "web" ? "border h-12" : "sm:flex-col px-2 pb-2"]),
       role: "navigation"
     }, [
       t(u, { class: "app-no-drag-region" }, {
@@ -33,7 +33,7 @@ const B = { class: "flex items-center" }, E = { class: "flex items-center" }, L
               size: "xl"
             })
           ], 2),
-          (o(!0), r(y, null, v(e(k).filter(
+          (o(!0), r(v, null, w(e(k).filter(
             (a) => a.name !== "settings"
           ), ({ icon: a, name: c, prettyName: g }, x) => {
             var f;
@@ -44,7 +44,7 @@ const B = { class: "flex items-center" }, E = { class: "flex items-center" }, L
                 name: c
               }, {
                 default: n(() => [
-                  d(w(g), 1)
+                  d(y(g), 1)
                 ]),
                 _: 2
               }, 1032, ["active", "icon", "name"])

package/dist/components/SideNav/SideNavRouterLink.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as r, openBlock as i, createBlock as n, unref as o, withCtx as a, renderSlot as c } from "vue";
-import p from "./SideNavLink.vue.js";
-import { RouterLink as s } from "vue-router";
-import { useWorkspace as m } from "../../store/store.js";
-const v = /* @__PURE__ */ r({
+import { defineComponent as i, openBlock as n, createBlock as r, unref as o, withCtx as a, renderSlot as c } from "vue";
+import s from "./SideNavLink.vue.js";
+import { useActiveEntities as p } from "../../store/active-entities.js";
+import { RouterLink as m } from "vue-router";
+const k = /* @__PURE__ */ i({
   __name: "SideNavRouterLink",
   props: {
     icon: {},
@@ -10,9 +10,9 @@ const v = /* @__PURE__ */ r({
     active: { type: Boolean }
   },
   setup(f) {
-    const { activeWorkspace: t } = m();
-    return (e, u) => (i(), n(p, {
-      is: o(s),
+    const { activeWorkspace: t } = p();
+    return (e, u) => (n(), r(s, {
+      is: o(m),
       active: e.active,
       icon: e.icon,
       to: `/workspace/${o(t).uid}/${e.name}`
@@ -25,5 +25,5 @@ const v = /* @__PURE__ */ r({
   }
 });
 export {
-  v as default
+  k as default
 };

package/dist/components/TopNav/TopNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":"AA8QA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACjD,CAAC;;AAiaF,wBAOG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":"AAsPA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACjD,CAAC;;AAgaF,wBAOG"}

package/dist/components/TopNav/TopNav.vue.js

@@ -1,7 +1,167 @@
-import o from "./TopNav.vue2.js";
-/* empty css            */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b07590ec"]]);
+import { defineComponent as $, reactive as z, ref as E, computed as M, watch as w, onMounted as j, onBeforeUnmount as B, openBlock as m, createElementBlock as b, createElementVNode as f, createVNode as n, unref as l, withCtx as u, toDisplayString as O, createTextVNode as x, Fragment as V, renderList as D, createBlock as K } from "vue";
+import q from "../ScalarHotkey.vue.js";
+import { ROUTES as F } from "../../constants.js";
+import { useActiveEntities as H } from "../../store/active-entities.js";
+import { ScalarContextMenu as W, ScalarIcon as d, ScalarDropdown as G, ScalarDropdownItem as I } from "@scalar/components";
+import { capitalize as J } from "@scalar/oas-utils/helpers";
+import { useClipboard as P } from "@scalar/use-hooks/useClipboard";
+import Q from "./TopNavItem.vue.js";
+import { useWorkspace as X } from "../../store/store.js";
+const Y = { class: "flex relative h-10 pl-2 mac:pl-[72px] t-app__top-nav" }, Z = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-2.5 relative overflow-hidden" }, ee = {
+  key: 0,
+  class: "h-full w-full overflow-hidden"
+}, ue = /* @__PURE__ */ $({
+  __name: "TopNav",
+  props: {
+    openNewTab: {}
+  },
+  setup(_) {
+    const L = _, { activeRequest: S, router: i } = H(), { events: g } = X(), { copyToClipboard: U } = P(), t = z([{ label: "", path: "", icon: "Add" }]), a = E(0), T = M(() => a.value);
+    function k() {
+      var o;
+      const e = F.find((c) => i.currentRoute.value.name == c.name);
+      e && ((e == null ? void 0 : e.name) === "request" ? t[a.value] = {
+        label: ((o = S.value) == null ? void 0 : o.summary) || "",
+        path: i.currentRoute.value.path,
+        icon: e.icon
+      } : t[a.value] = {
+        label: J(e == null ? void 0 : e.name) || "",
+        path: i.currentRoute.value.path,
+        icon: e.icon
+      });
+    }
+    function v() {
+      i.push(t[a.value].path);
+    }
+    function p() {
+      t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, k();
+    }
+    function r(e) {
+      a.value = e, v();
+    }
+    w(
+      () => i.currentRoute.value.path,
+      () => {
+        k();
+      },
+      { immediate: !0 }
+    );
+    function N(e) {
+      t.splice(e, 1), a.value = Math.min(
+        a.value,
+        t.length - 1
+      ), v();
+    }
+    const y = (e) => {
+      const o = new URL(window.location.href);
+      o.pathname = t[e].path, U(o.toString());
+    }, R = (e) => {
+      t.splice(0, e), t.splice(1), a.value = 0, v();
+    }, C = (e) => {
+      if (e) {
+        if (e.addTopNav && p(), e.closeTopNav && N(a.value), e.navigateTopNavLeft && r(Math.max(a.value - 1, 0)), e.navigateTopNavRight && r(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
+          const o = Number(e.jumpToTab.key) - 1;
+          o >= 0 && o < t.length && r(o);
+        }
+        e.jumpToLastTab && r(t.length - 1);
+      }
+    }, A = (e) => {
+      t.push({
+        label: e.name,
+        path: e.uid,
+        icon: "ExternalLink"
+      });
+    };
+    return w(
+      () => L.openNewTab,
+      (e) => {
+        e && A(e);
+      },
+      { immediate: !0 }
+    ), j(() => g.hotKeys.on(C)), B(() => g.hotKeys.off(C)), (e, o) => (m(), b("nav", Y, [
+      o[3] || (o[3] = f("div", { class: "absolute inset-0 app-drag-region" }, null, -1)),
+      f("div", Z, [
+        t.length === 1 ? (m(), b("div", ee, [
+          n(l(W), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
+            trigger: u(() => [
+              n(l(d), {
+                icon: t[0].icon,
+                size: "xs",
+                thickness: "2.5"
+              }, null, 8, ["icon"]),
+              f("span", null, O(t[0].label), 1)
+            ]),
+            content: u(() => [
+              n(l(G), {
+                class: "scalar-client",
+                static: ""
+              }, {
+                items: u(() => [
+                  n(l(I), {
+                    class: "flex items-center gap-1.5",
+                    onClick: p
+                  }, {
+                    default: u(() => [
+                      n(l(d), {
+                        icon: "AddTab",
+                        size: "sm",
+                        thickness: "1.5"
+                      }),
+                      o[1] || (o[1] = x(" New Tab ")),
+                      n(q, {
+                        class: "bg-b-2 ml-auto",
+                        hotkey: "T"
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  n(l(I), {
+                    class: "flex items-center gap-1.5",
+                    onClick: o[0] || (o[0] = (c) => y(T.value))
+                  }, {
+                    default: u(() => [
+                      n(l(d), {
+                        icon: "Link",
+                        size: "sm",
+                        thickness: "1.5"
+                      }),
+                      o[2] || (o[2] = x(" Copy URL "))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])) : (m(!0), b(V, { key: 1 }, D(t, (c, s) => (m(), K(Q, {
+          key: s,
+          active: s === T.value,
+          hotkey: (s + 1).toString(),
+          icon: c.icon,
+          label: c.label,
+          onClick: (h) => r(s),
+          onClose: (h) => N(s),
+          onCloseOtherTabs: (h) => R(s),
+          onCopyUrl: (h) => y(s),
+          onNewTab: p
+        }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
+        f("button", {
+          class: "text-c-3 hover:bg-b-3 p-1.5 rounded app-no-drag-region",
+          type: "button",
+          onClick: p
+        }, [
+          n(l(d), {
+            icon: "Add",
+            size: "xs",
+            thickness: "2.5"
+          })
+        ])
+      ])
+    ]));
+  }
+});
 export {
-  m as default
+  ue as default
 };

package/dist/components/TopNav/TopNav.vue2.js

@@ -1,166 +1,4 @@
-import { defineComponent as z, reactive as A, ref as M, computed as j, watch as w, onMounted as B, onBeforeUnmount as E, openBlock as m, createElementBlock as b, createElementVNode as f, createVNode as n, unref as l, withCtx as u, toDisplayString as O, createTextVNode as x, Fragment as V, renderList as D, createBlock as K } from "vue";
-import q from "../ScalarHotkey.vue.js";
-import { ROUTES as F } from "../../constants.js";
-import { ScalarContextMenu as H, ScalarIcon as d, ScalarDropdown as W, ScalarDropdownItem as _ } from "@scalar/components";
-import { capitalize as G } from "@scalar/oas-utils/helpers";
-import { useClipboard as J } from "@scalar/use-hooks/useClipboard";
-import P from "./TopNavItem.vue.js";
-import { useWorkspace as Q } from "../../store/store.js";
-const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-2.5 relative overflow-hidden" }, Z = {
-  key: 0,
-  class: "h-full w-full overflow-hidden"
-}, re = /* @__PURE__ */ z({
-  __name: "TopNav",
-  props: {
-    openNewTab: {}
-  },
-  setup(I) {
-    const L = I, { activeRequest: S, router: i, events: g } = Q(), { copyToClipboard: U } = J(), t = A([{ label: "", path: "", icon: "Add" }]), a = M(0), T = j(() => a.value);
-    function k() {
-      var o;
-      const e = F.find((c) => i.currentRoute.value.name == c.name);
-      e && ((e == null ? void 0 : e.name) === "request" ? t[a.value] = {
-        label: ((o = S.value) == null ? void 0 : o.summary) || "",
-        path: i.currentRoute.value.path,
-        icon: e.icon
-      } : t[a.value] = {
-        label: G(e == null ? void 0 : e.name) || "",
-        path: i.currentRoute.value.path,
-        icon: e.icon
-      });
-    }
-    function v() {
-      i.push(t[a.value].path);
-    }
-    function p() {
-      t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, k();
-    }
-    function r(e) {
-      a.value = e, v();
-    }
-    w(
-      () => i.currentRoute.value.path,
-      () => {
-        k();
-      },
-      { immediate: !0 }
-    );
-    function N(e) {
-      t.splice(e, 1), a.value = Math.min(
-        a.value,
-        t.length - 1
-      ), v();
-    }
-    const y = (e) => {
-      const o = new URL(window.location.href);
-      o.pathname = t[e].path, U(o.toString());
-    }, R = (e) => {
-      t.splice(0, e), t.splice(1), a.value = 0, v();
-    }, C = (e) => {
-      if (e) {
-        if (e.addTopNav && p(), e.closeTopNav && N(a.value), e.navigateTopNavLeft && r(Math.max(a.value - 1, 0)), e.navigateTopNavRight && r(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
-          const o = Number(e.jumpToTab.key) - 1;
-          o >= 0 && o < t.length && r(o);
-        }
-        e.jumpToLastTab && r(t.length - 1);
-      }
-    }, $ = (e) => {
-      t.push({
-        label: e.name,
-        path: e.uid,
-        icon: "ExternalLink"
-      });
-    };
-    return w(
-      () => L.openNewTab,
-      (e) => {
-        e && $(e);
-      },
-      { immediate: !0 }
-    ), B(() => g.hotKeys.on(C)), E(() => g.hotKeys.off(C)), (e, o) => (m(), b("nav", X, [
-      o[3] || (o[3] = f("div", { class: "t-app__top-nav-draggable" }, null, -1)),
-      f("div", Y, [
-        t.length === 1 ? (m(), b("div", Z, [
-          n(l(H), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
-            trigger: u(() => [
-              n(l(d), {
-                icon: t[0].icon,
-                size: "xs",
-                thickness: "2.5"
-              }, null, 8, ["icon"]),
-              f("span", null, O(t[0].label), 1)
-            ]),
-            content: u(() => [
-              n(l(W), {
-                class: "scalar-client",
-                static: ""
-              }, {
-                items: u(() => [
-                  n(l(_), {
-                    class: "flex items-center gap-1.5",
-                    onClick: p
-                  }, {
-                    default: u(() => [
-                      n(l(d), {
-                        icon: "AddTab",
-                        size: "sm",
-                        thickness: "1.5"
-                      }),
-                      o[1] || (o[1] = x(" New Tab ")),
-                      n(q, {
-                        class: "bg-b-2 ml-auto",
-                        hotkey: "T"
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  n(l(_), {
-                    class: "flex items-center gap-1.5",
-                    onClick: o[0] || (o[0] = (c) => y(T.value))
-                  }, {
-                    default: u(() => [
-                      n(l(d), {
-                        icon: "Link",
-                        size: "sm",
-                        thickness: "1.5"
-                      }),
-                      o[2] || (o[2] = x(" Copy URL "))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ])) : (m(!0), b(V, { key: 1 }, D(t, (c, s) => (m(), K(P, {
-          key: s,
-          active: s === T.value,
-          hotkey: (s + 1).toString(),
-          icon: c.icon,
-          label: c.label,
-          onClick: (h) => r(s),
-          onClose: (h) => N(s),
-          onCloseOtherTabs: (h) => R(s),
-          onCopyUrl: (h) => y(s),
-          onNewTab: p
-        }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
-        f("button", {
-          class: "text-c-3 hover:bg-b-3 p-1.5 rounded webkit-app-no-drag",
-          type: "button",
-          onClick: p
-        }, [
-          n(l(d), {
-            icon: "Add",
-            size: "xs",
-            thickness: "2.5"
-          })
-        ])
-      ])
-    ]));
-  }
-});
+import f from "./TopNav.vue.js";
 export {
-  re as default
+  f as default
 };

package/dist/components/TopNav/TopNavItem.vue.d.ts

@@ -6,14 +6,14 @@ type __VLS_Props = {
     icon: Icon;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: () => any;
     close: () => any;
+    click: () => any;
     newTab: () => any;
     copyUrl: () => any;
     closeOtherTabs: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    onClick?: (() => any) | undefined;
     onNewTab?: (() => any) | undefined;
     onCopyUrl?: (() => any) | undefined;
     onCloseOtherTabs?: (() => any) | undefined;

package/dist/components/TopNav/TopNavItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AA0MA,OAAO,EACL,KAAK,IAAI,EAOV,MAAM,oBAAoB,CAAA;AAI3B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;;;;;;;;;;;;;;AAkUF,wBAQG"}
+{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AAuMA,OAAO,EACL,KAAK,IAAI,EAOV,MAAM,oBAAoB,CAAA;AAI3B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;;;;;;;;;;;;;;AAiUF,wBAQG"}

package/dist/components/TopNav/TopNavItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./TopNavItem.vue2.js";
 /* empty css                */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e4e81f66"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9e263bd8"]]);
 export {
-  r as default
+  a as default
 };

package/dist/components/TopNav/TopNavItem.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as k, openBlock as p, createBlock as d, unref as s, withCtx as i, createVNode as t, createElementVNode as a, normalizeClass as f, toDisplayString as u, createCommentVNode as b, createTextVNode as r } from "vue";
 import c from "../ScalarHotkey.vue.js";
-import { ScalarContextMenu as v, ScalarTooltip as C, ScalarIcon as l, ScalarDropdown as g, ScalarDropdownItem as m, ScalarDropdownDivider as y } from "@scalar/components";
+import { ScalarContextMenu as g, ScalarTooltip as v, ScalarIcon as l, ScalarDropdown as C, ScalarDropdownItem as m, ScalarDropdownDivider as y } from "@scalar/components";
 const T = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" }, $ = { class: "custom-scroll nav-item-copy text-xs" }, D = /* @__PURE__ */ k({
   __name: "TopNavItem",
   props: {
@@ -11,9 +11,9 @@ const T = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
   },
   emits: ["click", "close", "newTab", "copyUrl", "closeOtherTabs"],
   setup(w) {
-    return (o, e) => (p(), d(s(v), { triggerClass: "overflow-hidden w-full" }, {
+    return (o, e) => (p(), d(s(g), { triggerClass: "overflow-hidden w-full" }, {
       trigger: i(() => [
-        t(s(C), {
+        t(s(v), {
           class: "scalar-client",
           delay: 500,
           disableClosingTrigger: !0,
@@ -22,7 +22,7 @@ const T = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
         }, {
           trigger: i(() => [
             a("div", {
-              class: f(["nav-item webkit-app-no-drag", { "nav-item__active": o.active }]),
+              class: f(["nav-item app-no-drag-region", { "nav-item__active": o.active }]),
               onClick: e[1] || (e[1] = (n) => o.$emit("click"))
             }, [
               a("div", T, [
@@ -55,7 +55,7 @@ const T = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
         })
       ]),
       content: i(() => [
-        t(s(g), {
+        t(s(C), {
           class: "scalar-client",
           static: ""
         }, {

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AAgEA,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAkBJ,iBAAS,cAAc;WAyIT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBAhLH,OAAO;eACT,MAAM;6EAuLpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AAgEA,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAkBJ,iBAAS,cAAc;WA2IT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBAlLH,OAAO;eACT,MAAM;6EAyLpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.js

@@ -21,7 +21,7 @@ const g = { class: "flex items-center" }, v = { class: "flex flex-1 items-center
     }, {
       default: n(({ open: t }) => [
         r("div", g, [
-          i(o(h), { class: "group hover:text-c-1 flex flex-1 items-center gap-2.5 overflow-hidden py-1.5 text-sm font-medium px-2.5 outline-none" }, {
+          i(o(h), { class: "group hover:text-c-1 flex flex-1 items-center gap-2.5 overflow-hidden py-1.5 text-sm font-medium px-1 md:px-1.5 xl:px-2 outline-none" }, {
             default: n(() => [
               i(o(b), {
                 class: "text-c-3 group-hover:text-c-1 group-focus-visible:outline ui-open:rotate-90 ui-not-open:rotate-0 rounded-[1px] outline-offset-2",

package/dist/components/ViewLayout/ViewLayoutSection.vue.js

@@ -1,7 +1,7 @@
 import { openBlock as o, createElementBlock as l, createElementVNode as n, renderSlot as t } from "vue";
 import s from "../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, c = { class: "flex xl:h-full xl:min-w-0 xl:flex-1 flex-col xl:custom-scroll bg-b-1" }, i = { class: "min-h-12 xl:min-h-header flex items-center border-b-1/2 px-3.5 py-1.5 md:px-4 md:py-2 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none z-1" };
-function m(e, x) {
+const r = {}, c = { class: "flex xl:h-full xl:min-w-0 flex-1 flex-col xl:custom-scroll bg-b-1" }, i = { class: "min-h-12 xl:min-h-header flex items-center border-b-1/2 px-3.5 py-1.5 md:px-4 md:py-2 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none z-1" };
+function m(e, d) {
   return o(), l("section", c, [
     n("div", i, [
       t(e.$slots, "title")

package/dist/hooks/index.js

@@ -1,10 +1,11 @@
 import { keyMap as r } from "./useKeyMap.js";
 import { useFileDialog as t } from "./useFileDialog.js";
 import { useSidebar as f } from "./useSidebar.js";
-import { useLayout as u } from "./useLayout.js";
+import { LAYOUT_SYMBOL as u, useLayout as x } from "./useLayout.js";
 export {
+  u as LAYOUT_SYMBOL,
   r as keyMap,
   t as useFileDialog,
-  u as useLayout,
+  x as useLayout,
   f as useSidebar
 };

package/dist/hooks/useLayout.d.ts

@@ -1,7 +1,9 @@
+import { type InjectionKey } from 'vue';
 /**
  * The layout of the client
  */
 export type ClientLayout = 'modal' | 'web' | 'desktop';
+export declare const LAYOUT_SYMBOL: InjectionKey<ClientLayout>;
 /**
  * Get the current client layout
  *

package/dist/hooks/useLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayout.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;AAEtD;;;;GAIG;AACH,eAAO,MAAM,SAAS;;CAEpB,CAAA"}
+{"version":3,"file":"useLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,KAAK,CAAA;AAE/C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;AACtD,eAAO,MAAM,aAAa,EAAe,YAAY,CAAC,YAAY,CAAC,CAAA;AAEnE;;;;GAIG;AACH,eAAO,MAAM,SAAS;;CAEpB,CAAA"}

package/dist/hooks/useLayout.js

@@ -1,7 +1,8 @@
 import { inject as o } from "vue";
-const e = () => ({
-  layout: o("layout") ?? "desktop"
+const t = Symbol(), s = () => ({
+  layout: o(t) ?? "desktop"
 });
 export {
-  e as useLayout
+  t as LAYOUT_SYMBOL,
+  s as useLayout
 };

package/dist/layouts/App/ApiClientApp.vue.d.ts

@@ -8,6 +8,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
         name: string;
         uid: string;
     }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=ApiClientApp.vue.d.ts.map

package/dist/layouts/App/ApiClientApp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cA8H8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AA8KjD,wBAMG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cAoI8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAgLjD,wBAOG"}