@scalar/api-client 2.2.51 → 2.2.53

package/dist/components/Server/ServerDropdownItem.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, useId as O, computed as b, openBlock as n, createElementBlock as d, normalizeClass as V, createElementVNode as c, mergeProps as M, unref as a, createVNode as p, toDisplayString as E, withModifiers as I, createCommentVNode as f } from "vue";
+import { defineComponent as C, useId as O, computed as b, openBlock as l, createElementBlock as d, normalizeClass as V, createElementVNode as p, mergeProps as M, unref as a, createVNode as c, toDisplayString as E, withModifiers as I, createCommentVNode as f } from "vue";
 import { ScalarListboxCheckbox as N, ScalarMarkdown as q } from "@scalar/components";
 import B from "./ServerVariablesForm.vue.js";
 import { useWorkspace as D } from "../../store/store.js";
@@ -9,14 +9,13 @@ const P = ["aria-expanded"], j = { class: "overflow-hidden text-ellipsis whitesp
     operation: {},
     server: {},
     serverOption: {},
-    type: {},
-    layout: {}
+    type: {}
   },
   emits: ["update:variable"],
-  setup(y, { emit: h }) {
-    const t = y, S = h, u = O(), { collectionMutators: g, requestMutators: v, servers: k } = D(), x = (e, r) => {
+  setup(h, { emit: S }) {
+    const t = h, g = S, u = O(), { collectionMutators: k, requestMutators: v, servers: x } = D(), y = (e, r) => {
       var o, i;
-      m(e) && t.layout !== "reference" && (r == null || r.stopPropagation()), t.type === "collection" && t.collection ? ((i = (o = t.operation) == null ? void 0 : o.servers) != null && i.length && v.edit(t.operation.uid, "selectedServerUid", null), g.edit(
+      m(e) && (r == null || r.stopPropagation()), t.type === "collection" && t.collection ? ((i = (o = t.operation) == null ? void 0 : o.servers) != null && i.length && v.edit(t.operation.uid, "selectedServerUid", null), k.edit(
         t.collection.uid,
         "selectedServerUid",
         e
@@ -28,44 +27,44 @@ const P = ["aria-expanded"], j = { class: "overflow-hidden text-ellipsis whitesp
       }
     ), m = (e) => {
       if (!e) return !1;
-      const r = k[e];
+      const r = x[e];
       return Object.keys((r == null ? void 0 : r.variables) ?? {}).length > 0;
-    }, l = b(
+    }, n = b(
       () => {
         var e;
         return s.value && m(((e = t.server) == null ? void 0 : e.uid) ?? "");
       }
     ), _ = (e, r) => {
-      S("update:variable", e, r);
+      g("update:variable", e, r);
     };
     return (e, r) => {
       var o, i;
-      return n(), d("div", {
+      return l(), d("div", {
         class: V(["group/item flex min-h-fit flex-col rounded border", { "border-transparent": !s.value }])
       }, [
-        c("button", M(l.value ? { "aria-controls": a(u) } : {}, {
-          "aria-expanded": l.value,
+        p("button", M(n.value ? { "aria-controls": a(u) } : {}, {
+          "aria-expanded": n.value,
           class: ["flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5", s.value ? "text-c-1 bg-b-2" : "hover:bg-b-2"],
           type: "button",
-          onClick: r[0] || (r[0] = (w) => x(e.serverOption.id, w))
+          onClick: r[0] || (r[0] = (w) => y(e.serverOption.id, w))
         }), [
-          p(a(N), { selected: s.value }, null, 8, ["selected"]),
-          c("span", j, E(e.serverOption.label), 1)
+          c(a(N), { selected: s.value }, null, 8, ["selected"]),
+          p("span", j, E(e.serverOption.label), 1)
         ], 16, P),
-        l.value && t.layout !== "reference" ? (n(), d("div", {
+        n.value ? (l(), d("div", {
           key: 0,
           id: a(u),
           class: "bg-b-2 divide divide-y rounded-b border-t *:pl-4",
           onClick: r[1] || (r[1] = I(() => {
           }, ["stop"]))
         }, [
-          p(B, {
+          c(B, {
             variables: (o = e.server) == null ? void 0 : o.variables,
             "onUpdate:variable": _
           }, null, 8, ["variables"]),
-          (i = e.server) != null && i.description ? (n(), d("div", L, [
-            c("div", U, [
-              p(a(q), {
+          (i = e.server) != null && i.description ? (l(), d("div", L, [
+            p("div", U, [
+              c(a(q), {
                 value: e.server.description
               }, null, 8, ["value"])
             ])

package/dist/components/Server/ServerSelector.vue.d.ts

@@ -0,0 +1,12 @@
+import type { Collection, Server } from '@scalar/oas-utils/entities/spec';
+type __VLS_Props = {
+    /** The collection */
+    collection: Collection;
+    /** The selected server */
+    server: Server | undefined;
+    /** The id of the target to use for the popover (e.g. address bar) */
+    target: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ServerSelector.vue.d.ts.map

package/dist/components/Server/ServerSelector.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerSelector.vue"],"names":[],"mappings":"AA+FA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAYzE,KAAK,WAAW,GAAG;IACjB,qBAAqB;IACrB,UAAU,EAAE,UAAU,CAAA;IACtB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AAkKF,wBAMG"}

package/dist/components/Server/ServerSelector.vue.js

@@ -0,0 +1,85 @@
+import { defineComponent as S, computed as s, watch as p, openBlock as u, createBlock as w, unref as n, withCtx as d, createVNode as v, createElementVNode as m, createTextVNode as f, toDisplayString as g, createElementBlock as h } from "vue";
+import { ScalarListbox as y, ScalarButton as k, ScalarIcon as V } from "@scalar/components";
+import { useWorkspace as b } from "../../store/store.js";
+const U = {
+  key: 1,
+  class: "gap-0.75 text-c-1 h-6.5 flex w-full items-center whitespace-nowrap rounded-b-lg px-3 py-1.5 text-xs lg:text-sm"
+}, z = /* @__PURE__ */ S({
+  __name: "ServerSelector",
+  props: {
+    collection: {},
+    server: {},
+    target: {}
+  },
+  setup(r) {
+    const { servers: x, collectionMutators: a } = b(), o = s(
+      () => {
+        var e;
+        return (e = r.collection) == null ? void 0 : e.servers.map((t) => {
+          var l;
+          return {
+            id: t,
+            label: ((l = x[t]) == null ? void 0 : l.url) ?? "Unknown server"
+          };
+        });
+      }
+    ), i = s({
+      get: () => r.server ? o.value.find((e) => e.id === r.server.uid) : void 0,
+      set: (e) => {
+        e && a.edit(
+          r.collection.uid,
+          "selectedServerUid",
+          e.id
+        );
+      }
+    });
+    p(
+      () => r.collection,
+      (e) => {
+        var l;
+        if (!e || e.selectedServerUid) return;
+        const t = (l = r.collection.servers) == null ? void 0 : l[0];
+        t && a.edit(r.collection.uid, "selectedServerUid", t);
+      }
+    );
+    const c = s(() => {
+      var e, t, l;
+      return (t = (e = r.server) == null ? void 0 : e.url) != null && t.endsWith("/") ? r.server.url.slice(0, -1) : ((l = r.server) == null ? void 0 : l.url) || "";
+    });
+    return (e, t) => o.value.length > 1 ? (u(), w(n(y), {
+      key: 0,
+      modelValue: i.value,
+      "onUpdate:modelValue": t[0] || (t[0] = (l) => i.value = l),
+      options: o.value,
+      placement: "bottom-start",
+      resize: "",
+      target: e.target,
+      teleport: `#${e.target}`
+    }, {
+      default: d(() => [
+        v(n(k), {
+          class: "gap-0.75 text-c-1 h-6.5 w-full justify-start whitespace-nowrap rounded-b-lg px-3 py-1.5 text-xs font-normal -outline-offset-1 lg:text-sm",
+          variant: "ghost"
+        }, {
+          default: d(() => [
+            t[1] || (t[1] = m("span", { class: "sr-only" }, "Server:", -1)),
+            f(" " + g(c.value) + " ", 1),
+            v(n(V), {
+              class: "text-c-2",
+              icon: "ChevronDown",
+              size: "sm"
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue", "options", "target", "teleport"])) : (u(), h("div", U, [
+      t[2] || (t[2] = m("span", { class: "sr-only" }, "Server:", -1)),
+      f(" " + g(c.value), 1)
+    ]));
+  }
+});
+export {
+  z as default
+};

package/dist/components/Server/ServerSelector.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ServerSelector.vue.js";
+export {
+  f as default
+};

package/dist/components/Server/ServerVariablesForm.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ServerVariableValues, ServerVariables } from '../../components/Server/types';
+import type { ServerVariables, ServerVariableValues } from '../../components/Server/types';
 type __VLS_Props = {
     variables?: ServerVariables | undefined;
     values?: ServerVariableValues;

package/dist/components/Server/ServerVariablesForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerVariablesForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesForm.vue"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EACV,oBAAoB,EACpB,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAIlC,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IACvC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;;;;;;AA0IF,wBAOG"}
+{"version":3,"file":"ServerVariablesForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesForm.vue"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACrB,MAAM,2BAA2B,CAAA;AAIlC,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IACvC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;;;;;;AA0IF,wBAOG"}

package/dist/components/Server/ServerVariablesForm.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as h, openBlock as o, createElementBlock as m, Fragment as k, renderList as y, createElementVNode as C, toDisplayString as V, createBlock as v, createCommentVNode as _ } from "vue";
 import B from "./ServerVariablesSelect.vue.js";
 import S from "./ServerVariablesTextbox.vue.js";
-const $ = { class: "flex items-center pl-3 py-1.5 after:content-[':'] mr-1.5 group-has-[input]/label:mr-0" }, N = /* @__PURE__ */ h({
+const $ = { class: "mr-1.5 flex items-center py-1.5 pl-3 after:content-[':'] group-has-[input]/label:mr-0" }, N = /* @__PURE__ */ h({
   __name: "ServerVariablesForm",
   props: {
     variables: {},

package/dist/components/Server/ServerVariablesSelect.vue.js

@@ -26,7 +26,7 @@ const _ = {
       default: c(() => [
         i(a(B), {
           "aria-controls": e.controls,
-          class: "h-8 p-0 py-1.5 w-full font-normal",
+          class: "h-8 w-full p-0 py-1.5 font-normal",
           variant: "ghost"
         }, {
           default: c(() => [

package/dist/components/Server/ServerVariablesTextbox.vue.js

@@ -15,7 +15,7 @@ const g = /* @__PURE__ */ p({
       "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s)
     }, e.controls ? { ...e.$attrs, "aria-controls": e.controls } : {}, {
       autocomplete: "off",
-      class: "px-1.5 text-c-1 border-transparent -outline-offset-1 w-full group-last/label:rounded-br-lg",
+      class: "text-c-1 w-full border-transparent px-1.5 -outline-offset-1 group-last/label:rounded-br-lg",
       placeholder: "value",
       spellcheck: "false",
       type: "text"

package/dist/components/Server/index.d.ts

@@ -1,3 +1,4 @@
 export { default as ServerVariablesForm } from './ServerVariablesForm.vue';
 export { default as ServerDropdown } from './ServerDropdown.vue';
+export { default as ServerSelector } from './ServerSelector.vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Server/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Server/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Server/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/components/Server/index.js

@@ -1,6 +1,8 @@
-import { default as o } from "./ServerVariablesForm.vue.js";
-import { default as f } from "./ServerDropdown.vue.js";
+import { default as o } from "./ServerSelector.vue.js";
+import { default as t } from "./ServerVariablesForm.vue.js";
+import { default as l } from "./ServerDropdown.vue.js";
 export {
-  f as ServerDropdown,
-  o as ServerVariablesForm
+  l as ServerDropdown,
+  o as ServerSelector,
+  t as ServerVariablesForm
 };

package/dist/components/Server/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Server/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnE,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc,CAAA;CACnC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,cAAc,GACtB,SAAS,CAAC,oBAAoB,GAC9B,WAAW,CAAC,oBAAoB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Server/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnE,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc,CAAA;CACnC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,oBAAoB,GAAG,WAAW,CAAC,oBAAoB,CAAA"}

package/dist/components/SideNav/DownloadAppButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadAppButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/DownloadAppButton.vue"],"names":[],"mappings":";AA6IA,wBAMG"}
+{"version":3,"file":"DownloadAppButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/DownloadAppButton.vue"],"names":[],"mappings":";AA+IA,wBAMG"}

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

@@ -1,7 +1,7 @@
 import o from "./DownloadAppButton.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c896207d"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cb45fa05"]]);
 export {
-  m as default
+  f as default
 };

package/dist/components/SideNav/DownloadAppButton.vue2.js

@@ -1,19 +1,19 @@
 import { defineComponent as e, openBlock as a, createBlock as m, withCtx as o, createVNode as s, unref as t, createElementVNode as r, normalizeClass as c } from "vue";
-import p from "./SideNavLink.vue.js";
-import { ScalarIcon as l } from "@scalar/components";
+import { ScalarIcon as p } from "@scalar/components";
+import l from "./SideNavLink.vue.js";
 import { useLayout as i } from "../../hooks/useLayout.js";
 const h = /* @__PURE__ */ e({
   __name: "DownloadAppButton",
   setup(u) {
     const { layout: n } = i();
-    return (d, _) => (a(), m(p, {
-      class: "download-app-button sm:px-3 gap-2 !px-3 !py-1.5",
+    return (d, _) => (a(), m(l, {
+      class: "download-app-button gap-2 !px-3 !py-1.5 sm:px-3",
       href: "https://scalar.com/download?utm_source=web_client&utm_medium=download_button&utm_campaign=topnav",
       icon: "Download",
       target: "_blank"
     }, {
       icon: o(() => [
-        s(t(l), {
+        s(t(p), {
           icon: "Download",
           size: "sm",
           thickness: "2"
@@ -21,7 +21,7 @@ const h = /* @__PURE__ */ e({
       ]),
       default: o(() => [
         r("span", {
-          class: c(["text-sm font-medium sr-only", { "sm:not-sr-only": t(n) === "web" }])
+          class: c(["sr-only text-sm font-medium", { "sm:not-sr-only": t(n) === "web" }])
         }, " Download App ", 2)
       ]),
       _: 1

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

@@ -2,23 +2,23 @@ import { defineComponent as i, openBlock as r, createBlock as c, unref as s, wit
 import { ScalarDropdown as u, ScalarDropdownItem as o, ScalarIcon as a } from "@scalar/components";
 import p from "./SideNavLink.vue.js";
 const f = {
-  class: "no-underline block",
+  class: "block no-underline",
   href: "https://discord.gg/scalar",
   target: "_blank"
 }, m = { class: "flex items-center justify-center" }, x = {
-  class: "no-underline block",
+  class: "block no-underline",
   href: "https://github.com/scalar/scalar",
   target: "_blank"
 }, _ = { class: "flex items-center justify-center" }, g = {
-  class: "no-underline block",
+  class: "block no-underline",
   href: "mailto:support@scalar.com",
   target: "_blank"
 }, b = { class: "flex items-center justify-center" }, k = {
-  class: "no-underline block",
+  class: "block no-underline",
   href: "https://scalar.com/changelog",
   target: "_blank"
 }, h = { class: "flex items-center justify-center" }, w = {
-  class: "no-underline block",
+  class: "block no-underline",
   href: "https://github.com/scalar/scalar/issues/2669",
   target: "_blank"
 }, y = { class: "flex items-center justify-center" }, D = /* @__PURE__ */ i({
@@ -29,9 +29,9 @@ const f = {
       placement: "top-end"
     }, {
       items: n(() => [
-        t[6] || (t[6] = e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 font-medium" }, "Support", -1)),
+        t[6] || (t[6] = e("span", { class: "text-c-2 px-2.5 py-1.5 text-xs font-medium" }, "Support", -1)),
         e("a", f, [
-          l(s(o), { class: "flex items-center gap-1.5 w-full" }, {
+          l(s(o), { class: "flex w-full items-center gap-1.5" }, {
             default: n(() => [
               e("div", m, [
                 l(s(a), {
@@ -46,7 +46,7 @@ const f = {
           })
         ]),
         e("a", x, [
-          l(s(o), { class: "flex items-center gap-1.5 w-full" }, {
+          l(s(o), { class: "flex w-full items-center gap-1.5" }, {
             default: n(() => [
               e("div", _, [
                 l(s(a), {
@@ -61,7 +61,7 @@ const f = {
           })
         ]),
         e("a", g, [
-          l(s(o), { class: "flex items-center gap-1.5 w-full" }, {
+          l(s(o), { class: "flex w-full items-center gap-1.5" }, {
             default: n(() => [
               e("div", b, [
                 l(s(a), {
@@ -74,9 +74,9 @@ const f = {
             _: 1
           })
         ]),
-        t[7] || (t[7] = e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 font-medium" }, "Product", -1)),
+        t[7] || (t[7] = e("span", { class: "text-c-2 px-2.5 py-1.5 text-xs font-medium" }, "Product", -1)),
         e("a", k, [
-          l(s(o), { class: "flex items-center gap-1.5 w-full" }, {
+          l(s(o), { class: "flex w-full items-center gap-1.5" }, {
             default: n(() => [
               e("div", h, [
                 l(s(a), {
@@ -91,7 +91,7 @@ const f = {
           })
         ]),
         e("a", w, [
-          l(s(o), { class: "flex items-center gap-1.5 w-full" }, {
+          l(s(o), { class: "flex w-full items-center gap-1.5" }, {
             default: n(() => [
               e("div", y, [
                 l(s(a), {

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

@@ -1 +1 @@
-{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AA0OA,wBAMG"}
+{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AA4RA,wBAMG"}

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

@@ -1,87 +1,102 @@
-import { defineComponent as h, openBlock as o, createElementBlock as r, normalizeClass as f, 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";
-import B from "./DownloadAppButton.vue.js";
-import C from "./SideHelp.vue.js";
-import u from "./SideNavGroup.vue.js";
-import _ from "./SideNavRouterLink.vue.js";
-import { useLayout as V } from "../../hooks/useLayout.js";
-const j = { class: "flex items-center" }, E = { class: "flex items-center" }, L = {
+import { defineComponent as w, openBlock as a, createElementBlock as r, normalizeClass as u, unref as e, createVNode as t, withCtx as s, createElementVNode as n, Fragment as y, renderList as b, createTextVNode as _, toDisplayString as N, createCommentVNode as S } from "vue";
+import { ScalarIcon as B } from "@scalar/components";
+import { useRouter as C } from "vue-router";
+import { ROUTES as E } from "../../constants.js";
+import { PathId as g } from "../../routes.js";
+import V from "./DownloadAppButton.vue.js";
+import W from "./SideHelp.vue.js";
+import x from "./SideNavGroup.vue.js";
+import h from "./SideNavRouterLink.vue.js";
+import { useActiveEntities as j } from "../../store/active-entities.js";
+import { useLayout as A } from "../../hooks/useLayout.js";
+const L = { class: "flex items-center" }, R = { class: "flex items-center" }, $ = {
   key: 0,
-  class: "hidden sm:ml-1.5 sm:flex items-center justify-center"
-}, q = /* @__PURE__ */ h({
+  class: "hidden items-center justify-center sm:ml-1.5 sm:flex"
+}, M = /* @__PURE__ */ w({
   __name: "SideNav",
-  setup(R) {
-    const { currentRoute: m } = S(), { layout: a } = V();
-    return ($, l) => (o(), r("nav", {
+  setup(z) {
+    const { currentRoute: m } = C(), { layout: i } = A(), { activeWorkspace: c } = j();
+    return (D, l) => (a(), r("nav", {
       "aria-label": "App Navigation",
-      class: f([
-        "flex items-center justify-center sm:justify-between gap-1.5 app-drag-region pt-2",
-        e(a) === "web" ? "border h-header !pt-0" : "sm:flex-col px-2 pb-2"
+      class: u([
+        "app-drag-region flex items-center justify-center gap-1.5 pt-2 sm:justify-between",
+        e(i) === "web" ? "h-header border !pt-0" : "px-2 pb-2 sm:flex-col"
       ]),
       role: "navigation"
     }, [
-      t(u, { class: "app-no-drag-region" }, {
-        default: n(() => [
-          i("a", {
-            class: f(["hidden items-center mr-3 ml-1", {
-              "sm:flex": e(a) === "web"
+      t(x, { class: "app-no-drag-region" }, {
+        default: s(() => [
+          n("a", {
+            class: u(["ml-1 mr-3 hidden items-center", {
+              "sm:flex": e(i) === "web"
             }]),
             href: "https://www.scalar.com",
             target: "_blank"
           }, [
-            t(e(N), {
+            t(e(B), {
               icon: "Logo",
               size: "xl"
             })
           ], 2),
-          (o(!0), r(v, null, w(e(k).filter(
-            (s) => s.name !== "settings"
-          ), ({ icon: s, name: c, prettyName: g }, x) => {
-            var p;
-            return o(), r("li", { key: x }, [
-              t(_, {
-                active: !!((p = e(m).name) != null && p.startsWith(c)),
-                icon: s,
-                name: c
+          (a(!0), r(y, null, b(e(E).filter(
+            (o) => o.to.name !== "settings.default"
+          ), ({ icon: o, to: p, displayName: v }, k) => {
+            var f, d;
+            return a(), r("li", { key: k }, [
+              t(h, {
+                active: !!((f = e(m).name) != null && f.startsWith(p.name)),
+                icon: o,
+                to: {
+                  ...p,
+                  params: {
+                    [e(g).Workspace]: ((d = e(c)) == null ? void 0 : d.uid) ?? "default"
+                  }
+                }
               }, {
-                default: n(() => [
-                  d(y(g), 1)
+                default: s(() => [
+                  _(N(v), 1)
                 ]),
                 _: 2
-              }, 1032, ["active", "icon", "name"])
+              }, 1032, ["active", "icon", "to"])
             ]);
           }), 128))
         ]),
         _: 1
       }),
-      t(u, { class: "app-no-drag-region" }, {
-        default: n(() => [
-          i("li", j, [
-            t(_, {
-              active: e(m).name === "settings",
-              icon: "Settings",
-              name: "settings"
-            }, {
-              default: n(() => l[0] || (l[0] = [
-                d(" Settings ")
-              ])),
-              _: 1
-            }, 8, ["active"])
-          ]),
-          i("li", E, [
-            t(C)
-          ]),
-          e(a) !== "desktop" ? (o(), r("li", L, [
-            t(B)
-          ])) : b("", !0)
-        ]),
+      t(x, { class: "app-no-drag-region" }, {
+        default: s(() => {
+          var o;
+          return [
+            n("li", L, [
+              t(h, {
+                active: e(m).name === "settings.default",
+                icon: "Settings",
+                to: {
+                  name: "settings.default",
+                  params: {
+                    [e(g).Workspace]: (o = e(c)) == null ? void 0 : o.uid
+                  }
+                }
+              }, {
+                default: s(() => l[0] || (l[0] = [
+                  _(" Settings ")
+                ])),
+                _: 1
+              }, 8, ["active", "to"])
+            ]),
+            n("li", R, [
+              t(W)
+            ]),
+            e(i) !== "desktop" ? (a(), r("li", $, [
+              t(V)
+            ])) : S("", !0)
+          ];
+        }),
         _: 1
       })
     ], 2));
   }
 });
 export {
-  q as default
+  M as default
 };

package/dist/components/SideNav/SideNavLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AAsCA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,oBAAoB,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAIpC,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;AAUF,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;sBATxB,GAAG;yBACC,GAAG;;;;EAahC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AAsCA,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAMpC,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;AAUF,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;sBATxB,GAAG;yBACC,GAAG;;;;EAahC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -11,8 +11,8 @@ const v = /* @__PURE__ */ r({
   setup(f) {
     const { layout: n } = u();
     return (e, b) => (a(), i(m(e.is ?? "a"), {
-      class: s(["hover:bg-b-3 dark:hover:bg-b-2 no-underline min-w-[37px] max-w-[37px] flex items-center justify-center rounded-lg p-2", {
-        "bg-b-3 dark:bg-b-2 transition-none hover:cursor-default text-c-1": e.active,
+      class: s(["hover:bg-b-3 dark:hover:bg-b-2 flex min-w-[37px] max-w-[37px] items-center justify-center rounded-lg p-2 no-underline", {
+        "bg-b-3 dark:bg-b-2 text-c-1 transition-none hover:cursor-default": e.active,
         "sm:min-w-max sm:max-w-max sm:rounded sm:py-1.5": o(n) === "web"
       }])
     }, {
@@ -25,7 +25,7 @@ const v = /* @__PURE__ */ r({
           }, null, 8, ["class", "icon"])
         ]),
         d("span", {
-          class: s(["text-sm font-medium sr-only", { "sm:not-sr-only": o(n) === "web" }])
+          class: s(["sr-only text-sm font-medium", { "sm:not-sr-only": o(n) === "web" }])
         }, [
           t(e.$slots, "default")
         ], 2)

package/dist/components/SideNav/SideNavRouterLink.vue.d.ts

@@ -1,8 +1,8 @@
-import type { ROUTES } from '../../constants';
 import type { Icon } from '@scalar/components';
+import { type RouteLocationRaw } from 'vue-router';
 type __VLS_Props = {
     icon: Icon;
-    name: (typeof ROUTES)[number]['name'];
+    to: RouteLocationRaw;
     active?: boolean;
 };
 declare function __VLS_template(): {

package/dist/components/SideNav/SideNavRouterLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavRouterLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavRouterLink.vue"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAK9C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAUF,iBAAS,cAAc;WAoDT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SideNavRouterLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavRouterLink.vue"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAM9D,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,IAAI,CAAA;IACV,EAAE,EAAE,gBAAgB,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAQF,iBAAS,cAAc;WA0CT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}