@scalar/api-client 2.0.29 → 2.0.31

package/dist/components/CodeInput/codeVariableWidget.js

@@ -1,32 +1,34 @@
 var u = Object.defineProperty;
-var f = (e, n, t) => n in e ? u(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var c = (e, n, t) => f(e, typeof n != "symbol" ? n + "" : n, t);
-import { useWorkspace as v } from "../../store/workspace.js";
-import { ScalarButton as g, ScalarIcon as b, ScalarTooltip as h } from "@scalar/components";
-import { ViewPlugin as x, RangeSetBuilder as w, Decoration as N, EditorView as y, WidgetType as C } from "@scalar/use-codemirror";
-import { defineComponent as E, h as s, createApp as k } from "vue";
-const { activeParsedEnvironments: D, isReadOnly: S, environments: $ } = v(), A = (e) => "_scalarEnvId" in e ? `bg-${$[e._scalarEnvId].color}` : "bg-grey";
-class l extends C {
-  constructor(t) {
+var h = (n, e, t) => e in n ? u(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var r = (n, e, t) => h(n, typeof e != "symbol" ? e + "" : e, t);
+import { ScalarButton as f, ScalarIcon as g, ScalarTooltip as b } from "@scalar/components";
+import { ViewPlugin as x, RangeSetBuilder as w, Decoration as y, EditorView as N, WidgetType as E } from "@scalar/use-codemirror";
+import { defineComponent as C, h as a, createApp as S } from "vue";
+const k = (n, e) => "_scalarEnvId" in n ? `bg-${e[n._scalarEnvId].color}` : "bg-grey";
+class d extends E {
+  constructor(t, i, s, o) {
     super();
-    c(this, "app");
-    this.variableName = t;
+    r(this, "app");
+    r(this, "environments");
+    r(this, "activeParsedEnvironments");
+    r(this, "isReadOnly");
+    this.variableName = t, this.variableName = t, this.environments = i, this.activeParsedEnvironments = s, this.isReadOnly = o;
   }
   toDOM() {
     const t = document.createElement("span");
     t.className = "cm-pill", t.textContent = `${this.variableName}`;
-    const a = E({
-      props: ["variableName"],
-      render() {
-        const o = D.value.find(
-          (i) => i.key === this.variableName
+    const i = C({
+      props: { variableName: { type: String, default: null } },
+      render: () => {
+        const s = this.activeParsedEnvironments.value.find(
+          (c) => c.key === this.variableName
         );
-        o && (t.className += ` ${A(o)}`);
-        const r = o ? s("div", { class: "p-2" }, o.value) : s("div", { class: "divide-y divide-1/2 grid" }, [
-          s("span", { class: "p-2" }, "Variable not found"),
-          !S.value && s("div", { class: "p-1" }, [
-            s(
-              g,
+        s && (t.className += ` ${k(s, this.environments)}`);
+        const o = s ? a("div", { class: "p-2" }, s.value) : a("div", { class: "divide-y divide-1/2 grid" }, [
+          a("span", { class: "p-2" }, "Variable not found"),
+          !this.isReadOnly && a("div", { class: "p-1" }, [
+            a(
+              f,
               {
                 class: "gap-1.5 justify-start font-normal px-1 py-1.5 h-auto transition-colors rounded no-underline text-xxs w-full hover:bg-b-2",
                 variant: "ghost",
@@ -35,14 +37,14 @@ class l extends C {
                 }
               },
               [
-                s(b, { class: "w-2", icon: "Add", size: "xs" }),
+                a(g, { class: "w-2", icon: "Add", size: "xs" }),
                 "Add variable"
               ]
             )
           ])
         ]);
-        return s(
-          h,
+        return a(
+          b,
           {
             align: "start",
             class: "bg-b-1 w-full",
@@ -51,76 +53,81 @@ class l extends C {
             sideOffset: 6
           },
           {
-            trigger: () => s("span", `${this.variableName}`),
-            content: () => s(
+            trigger: () => a("span", `${this.variableName}`),
+            content: () => a(
               "div",
               {
                 class: "w-content shadow-lg rounded bg-b-1 text-xxs leading-5 text-c-1"
               },
-              r
+              o
             )
           }
         );
       }
     });
-    return this.app = k(a, { variableName: this.variableName }), this.app.mount(t), t;
+    return this.app = S(i, { variableName: this.variableName }), this.app.mount(t), t;
   }
   destroy() {
     this.app && this.app.unmount();
   }
   eq(t) {
-    return t instanceof l && t.variableName === this.variableName;
+    return t instanceof d && t.variableName === this.variableName;
   }
-  ignoreEvent(t) {
+  ignoreEvent() {
     return !1;
   }
 }
-const V = x.fromClass(
+const $ = (n) => x.fromClass(
   class {
     constructor(e) {
-      c(this, "decorations");
+      r(this, "decorations");
       this.decorations = this.buildDecorations(e);
     }
     update(e) {
       (e.docChanged || e.viewportChanged) && (this.decorations = this.buildDecorations(e.view));
     }
     buildDecorations(e) {
-      const n = new w();
-      for (const { from: t, to: a } of e.visibleRanges) {
-        const o = e.state.doc.sliceString(t, a), r = /{{(.*?)}}/g;
-        let i;
-        for (; (i = r.exec(o)) !== null; ) {
-          const d = t + i.index, p = d + i[0].length, m = i[1];
-          n.add(
-            d,
-            p,
-            N.widget({
-              widget: new l(m),
+      const t = new w();
+      for (const { from: i, to: s } of e.visibleRanges) {
+        const o = e.state.doc.sliceString(i, s), c = /{{(.*?)}}/g;
+        let l;
+        for (; (l = c.exec(o)) !== null; ) {
+          const m = i + l.index, v = m + l[0].length, p = l[1];
+          t.add(
+            m,
+            v,
+            y.widget({
+              widget: new d(
+                p,
+                n.environments,
+                n.activeParsedEnvironments,
+                n.isReadOnly
+              ),
               side: 1
             })
           );
         }
       }
-      return n.finish();
+      return t.finish();
     }
   },
   {
     decorations: (e) => e.decorations
   }
-), T = y.domEventHandlers({
-  keydown(e, n) {
-    if (e.key === "Backspace") {
-      const { state: t } = n, { from: a, to: o } = t.selection.main;
-      if (a === o && a > 0 && t.doc.sliceString(a - 2, a) === "}}")
-        return n.dispatch({
-          changes: { from: a - 2, to: o },
-          selection: { anchor: a - 2 }
-        }), e.preventDefault(), !0;
+), A = N.domEventHandlers({
+  keydown(n, e) {
+    if (n.key === "Backspace") {
+      const { state: t } = e, { from: i, to: s } = t.selection.main;
+      if (i === s && i > 0 && t.doc.sliceString(i - 2, i) === "}}")
+        return e.dispatch({
+          changes: { from: i - 2, to: s },
+          selection: { anchor: i - 2 }
+        }), n.preventDefault(), !0;
     }
     return !1;
   }
 });
 export {
-  T as backspaceCommand,
-  V as pillPlugin
+  A as backspaceCommand,
+  $ as pillPlugin
 };

package/dist/components/CommandPalette/CommandPaletteImport.vue.js

@@ -17,7 +17,7 @@ const U = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow
           i.onload = async (v) => {
             var p;
             const w = (p = v.target) == null ? void 0 : p.result;
-            _(w, h.value.uid, !1), n(), s("close");
+            _(w, h.value.uid), n(), s("close");
           }, i.readAsText(l);
         }
       },

package/dist/components/DarkModeToggle/DarkModeIconToggle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DarkModeIconToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DarkModeToggle/DarkModeIconToggle.vue"],"names":[],"mappings":";AAuGA,wBAKG"}
+{"version":3,"file":"DarkModeIconToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DarkModeToggle/DarkModeIconToggle.vue"],"names":[],"mappings":";AAwGA,wBAKG"}

package/dist/components/DarkModeToggle/DarkModeIconToggle.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as c, openBlock as i, createElementBlock as l, unref as e, createVNode as r, withCtx as s, createTextVNode as p, toDisplayString as d } from "vue";
-import m from "../ScreenReader.vue.js";
+import { defineComponent as c, openBlock as i, createElementBlock as l, unref as e, createVNode as r, withCtx as s, createTextVNode as p, toDisplayString as m } from "vue";
+import d from "../ScreenReader.vue.js";
 import { ScalarIcon as u } from "@scalar/components";
 import { useDarkModeState as f } from "../../hooks/useDarkModeState.js";
 const b = /* @__PURE__ */ c({
@@ -7,7 +7,7 @@ const b = /* @__PURE__ */ c({
   setup(g) {
     const { toggleDarkMode: t, isDark: n } = f();
     return (k, o) => (i(), l("button", {
-      class: "w-[37px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px]",
+      class: "min-w-[37px] max-w-[42px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px]",
       type: "button",
       onClick: o[0] || (o[0] = //@ts-ignore
       (...a) => e(t) && e(t)(...a))
@@ -17,9 +17,9 @@ const b = /* @__PURE__ */ c({
         icon: "LightDarkModeToggle",
         thickness: "1.5"
       }),
-      r(m, null, {
+      r(d, null, {
         default: s(() => [
-          p(" Switch to " + d(e(n) ? "Light" : "Dark") + " Mode ", 1)
+          p(" Switch to " + m(e(n) ? "Light" : "Dark") + " Mode ", 1)
         ]),
         _: 1
       })

package/dist/components/HttpMethod/HttpMethod.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isDisable: boolean;
     isEditable: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (value: "GET" | "HEAD" | "PATCH" | "POST" | "PUT" | "TRACE" | "CONNECT" | "DELETE" | "OPTIONS") => void;
+    change: (value: "CONNECT" | "DELETE" | "GET" | "HEAD" | "OPTIONS" | "PATCH" | "POST" | "PUT" | "TRACE") => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     isSquare?: boolean;
     method: string;
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isDisable: boolean;
     isEditable: boolean;
 }>>> & {
-    onChange?: ((value: "GET" | "HEAD" | "PATCH" | "POST" | "PUT" | "TRACE" | "CONNECT" | "DELETE" | "OPTIONS") => any) | undefined;
+    onChange?: ((value: "CONNECT" | "DELETE" | "GET" | "HEAD" | "OPTIONS" | "PATCH" | "POST" | "PUT" | "TRACE") => any) | undefined;
 }, {
     isSquare: boolean;
     isEditable: boolean;

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":";AAwIA,wBAKG"}
+{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAkJA,wBAKG"}

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

@@ -1,45 +1,7 @@
-import { defineComponent as m, openBlock as t, createElementBlock as o, createVNode as r, createElementVNode as a, Fragment as _, renderList as f, unref as c, withCtx as p, createTextVNode as u, toDisplayString as d } from "vue";
-import x from "../DarkModeToggle/DarkModeIconToggle.vue.js";
-import { ROUTES as h } from "../../constants.js";
-import { useRouter as v } from "vue-router";
-import g from "./SideNavLink.vue.js";
-import N from "./WorkspaceProfileIcon.vue.js";
-/* empty css                          */
-const y = {
-  "aria-label": "Side Navigation",
-  class: "text-c-2 w-15 flex flex-col items-center px-2 py-2 scalar-sidenav",
-  role: "navigation"
-}, S = { class: "mt-3.5 flex flex-col gap-1.5" }, k = { class: "mt-auto flex flex-col gap-2 py-1.5" }, E = { class: "flex items-center" }, L = /* @__PURE__ */ m({
-  __name: "SideNav",
-  setup(R) {
-    const { currentRoute: n } = v();
-    return (V, $) => (t(), o("nav", y, [
-      r(N),
-      a("ul", S, [
-        (t(!0), o(_, null, f(c(h), ({ icon: s, name: e }, l) => {
-          var i;
-          return t(), o("li", { key: l }, [
-            r(g, {
-              active: (i = c(n).name) == null ? void 0 : i.startsWith(e),
-              icon: s,
-              name: e
-            }, {
-              default: p(() => [
-                u(d(e), 1)
-              ]),
-              _: 2
-            }, 1032, ["active", "icon", "name"])
-          ]);
-        }), 128))
-      ]),
-      a("ul", k, [
-        a("li", E, [
-          r(x)
-        ])
-      ])
-    ]));
-  }
-});
+import o from "./SideNav.vue2.js";
+/* empty css             */
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-10f3a9af"]]);
 export {
-  L as default
+  m as default
 };

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

@@ -1,4 +1,46 @@
-import f from "./SideNav.vue.js";
+import { defineComponent as _, openBlock as t, createElementBlock as o, createVNode as r, createElementVNode as a, Fragment as f, renderList as p, unref as c, withCtx as u, createTextVNode as d, toDisplayString as x } from "vue";
+import v from "../DarkModeToggle/DarkModeIconToggle.vue.js";
+import { ROUTES as h } from "../../constants.js";
+import { useRouter as g } from "vue-router";
+import N from "./SideNavLink.vue.js";
+import y from "./WorkspaceProfileIcon.vue.js";
+/* empty css                          */
+const S = {
+  "aria-label": "Side Navigation",
+  class: "text-c-2 w-15 flex flex-col items-center px-2 py-2 scalar-sidenav relative",
+  role: "navigation"
+}, k = { class: "mt-3.5 flex flex-col gap-1.5" }, E = { class: "mt-auto flex flex-col gap-2 py-1.5" }, R = { class: "flex items-center" }, O = /* @__PURE__ */ _({
+  __name: "SideNav",
+  setup(V) {
+    const { currentRoute: n } = g();
+    return ($, w) => (t(), o("nav", S, [
+      r(y),
+      a("ul", k, [
+        (t(!0), o(f, null, p(c(h), ({ icon: s, name: e, prettyName: l }, m) => {
+          var i;
+          return t(), o("li", { key: m }, [
+            r(N, {
+              active: (i = c(n).name) == null ? void 0 : i.startsWith(e),
+              icon: s,
+              name: e,
+              prettyName: l
+            }, {
+              default: u(() => [
+                d(x(e), 1)
+              ]),
+              _: 2
+            }, 1032, ["active", "icon", "name", "prettyName"])
+          ]);
+        }), 128))
+      ]),
+      a("ul", E, [
+        a("li", R, [
+          r(v)
+        ])
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  O as default
 };

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

@@ -7,10 +7,12 @@ declare function __VLS_template(): {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     icon: IconProps["icon"];
     name: (typeof ROUTES)[number]["name"];
+    prettyName: (typeof ROUTES)[number]["prettyName"];
     active?: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     icon: IconProps["icon"];
     name: (typeof ROUTES)[number]["name"];
+    prettyName: (typeof ROUTES)[number]["prettyName"];
     active?: boolean;
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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":"AA6BA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI/C,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AAgB1D,iBAAS,cAAc;qBAuDO,GAAG;EAgBhC;AACD,QAAA,MAAM,eAAe;UArFb,SAAS,CAAC,MAAM,CAAC;UACjB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;aAC5B,OAAO;;UAFV,SAAS,CAAC,MAAM,CAAC;UACjB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;aAC5B,OAAO;aAyFhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAK/C,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AAmB1D,iBAAS,cAAc;qBA8EO,GAAG;EAgBhC;AACD,QAAA,MAAM,eAAe;UA/Gb,SAAS,CAAC,MAAM,CAAC;UACjB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;gBACzB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,YAAY,CAAC;aACxC,OAAO;;UAHV,SAAS,CAAC,MAAM,CAAC;UACjB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;gBACzB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,YAAY,CAAC;aACxC,OAAO;aAkHhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,36 +1,45 @@
-import { defineComponent as r, resolveComponent as a, openBlock as s, createBlock as c, normalizeClass as i, unref as o, withCtx as l, createVNode as p, createElementVNode as u, renderSlot as m } from "vue";
-import { useWorkspace as d } from "../../store/workspace.js";
-import { ScalarIcon as f } from "@scalar/components";
-const k = { class: "sr-only" }, x = /* @__PURE__ */ r({
+import { defineComponent as a, resolveComponent as s, openBlock as i, createBlock as c, unref as t, withCtx as p, createElementVNode as o, normalizeClass as l, createVNode as m, toDisplayString as u, renderSlot as d } from "vue";
+import { useWorkspace as f } from "../../store/workspace.js";
+import { ScalarIcon as v } from "@scalar/components";
+import { useRouter as _ } from "vue-router";
+const k = { class: "no-underline font-medium text-[11px] hidden scalar-app-show capitalize" }, g = { class: "sr-only" }, b = /* @__PURE__ */ a({
   __name: "SideNavLink",
   props: {
     icon: {},
     name: {},
+    prettyName: {},
     active: { type: Boolean }
   },
-  setup(v) {
-    const { activeWorkspace: t } = d();
-    return (e, _) => {
-      const n = a("router-link");
-      return s(), c(n, {
+  setup(h) {
+    const { activeWorkspace: n } = f();
+    return _(), (e, x) => {
+      const r = s("router-link");
+      return i(), c(r, {
         activeClass: "active-link",
-        class: i(["w-[37px] hover:bg-b-2 active:text-c-1 flex items-center justify-center rounded-lg p-[7px]", { "bg-b-2 transition-none hover:cursor-auto text-c-1": e.active }]),
-        to: `/workspace/${o(t).uid}/${e.name}/default`
+        class: "flex flex-col items-center gap-1 group no-underline",
+        to: `/workspace/${t(n).uid}/${e.name}/default`
       }, {
-        default: l(() => [
-          p(o(f), {
-            icon: e.icon,
-            thickness: "1.5"
-          }, null, 8, ["icon"]),
-          u("span", k, [
-            m(e.$slots, "default")
+        default: p(() => [
+          o("div", {
+            class: l(["min-w-[37px] max-w-[42px] group-hover:bg-b-2 active:text-c-1 flex items-center justify-center rounded-lg p-[7px] scalar-app-nav-padding", {
+              "bg-b-2 transition-none group-hover:cursor-auto text-c-1": e.active
+            }])
+          }, [
+            m(t(v), {
+              icon: e.icon,
+              thickness: "1.5"
+            }, null, 8, ["icon"])
+          ], 2),
+          o("div", k, u(e.prettyName), 1),
+          o("span", g, [
+            d(e.$slots, "default")
           ])
         ]),
         _: 3
-      }, 8, ["class", "to"]);
+      }, 8, ["to"]);
     };
   }
 });
 export {
-  x as default
+  b as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceProfileIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/WorkspaceProfileIcon.vue"],"names":[],"mappings":";iBAqGe;QACX,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB;;iBAHY;QACX,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB;;AAwEH,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"WorkspaceProfileIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/WorkspaceProfileIcon.vue"],"names":[],"mappings":";iBAsGe;QACX,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB;;iBAHY;QACX,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB;;AAwEH,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SubpageHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/SubpageHeader.vue"],"names":[],"mappings":"AA+BA,iBAAS,cAAc;qBA2EO,GAAG;EAchC;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SubpageHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/SubpageHeader.vue"],"names":[],"mappings":"AA+BA,iBAAS,cAAc;qBA4EO,GAAG;EAchC;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/SubpageHeader.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as r, resolveComponent as l, openBlock as s, createElementBlock as c, createElementVNode as t, createVNode as e, withCtx as a, unref as d, renderSlot as i } from "vue";
 import { ScalarIcon as u } from "@scalar/components";
-const p = { class: "flex flex-1 flex-col rounded-lg rounded-b-none rounded-r-none pt-0 h-full bg-b-2" }, m = { class: "lg:min-h-header items-center w-full p-1 t-app__top-container flex items-center" }, f = /* @__PURE__ */ t("span", null, "Back To Requests", -1), g = /* @__PURE__ */ r({
+const p = { class: "flex flex-1 flex-col rounded-lg rounded-b-none rounded-r-none pt-0 h-full bg-b-2 relative" }, m = { class: "lg:min-h-header items-center w-full p-1 t-app__top-container flex items-center" }, f = /* @__PURE__ */ t("span", null, "Back To Requests", -1), g = /* @__PURE__ */ r({
   __name: "SubpageHeader",
   setup(_) {
     return (o, h) => {

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":";AAqPA,wBAKG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";AAyXA,wBAKG"}

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

@@ -1,7 +1,7 @@
 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-31a24876"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-868c07b1"]]);
 export {
   m as default
 };

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

@@ -1,46 +1,77 @@
-import { defineComponent as k, computed as h, openBlock as c, createElementBlock as s, createElementVNode as l, unref as e, createVNode as p, toDisplayString as I, Fragment as g, renderList as b, createBlock as N, pushScopeId as x, popScopeId as y } from "vue";
-import { useTopNav as C } from "../../store/topNav.js";
-import { ScalarIcon as m } from "@scalar/components";
-import S from "./TopNavItem.vue.js";
-const w = (o) => (x("data-v-31a24876"), o = o(), y(), o), B = { class: "flex h-10 t-app__top-nav" }, T = /* @__PURE__ */ w(() => /* @__PURE__ */ l("div", { class: "t-app__top-nav-draggable" }, null, -1)), V = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium relative" }, j = {
+import { defineComponent as N, reactive as y, ref as x, watch as S, computed as C, openBlock as r, createElementBlock as u, createElementVNode as i, createVNode as v, unref as d, toDisplayString as w, Fragment as A, renderList as R, createBlock as z, pushScopeId as B, popScopeId as E } from "vue";
+import { ROUTES as T } from "../../constants.js";
+import { ScalarIcon as h } from "@scalar/components";
+import { capitalize as V } from "@scalar/oas-utils/helpers";
+import j from "./TopNavItem.vue.js";
+import { useWorkspace as q } from "../../store/workspace.js";
+const L = (l) => (B("data-v-868c07b1"), l = l(), E(), l), $ = { class: "flex h-10 t-app__top-nav" }, D = /* @__PURE__ */ L(() => /* @__PURE__ */ i("div", { class: "t-app__top-nav-draggable" }, null, -1)), F = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium relative" }, M = {
   key: 0,
   class: "flex items-center gap-1 w-full justify-center"
-}, F = /* @__PURE__ */ k({
+}, K = /* @__PURE__ */ N({
   __name: "TopNav",
-  setup(o) {
-    const {
-      topNavItems: n,
-      addNavItem: i,
-      activeNavItemIdx: v,
-      setNavItemIdx: d,
-      removeNavItem: u
-    } = C(), _ = h(() => v.value);
-    return (z, r) => (c(), s("nav", B, [
-      T,
-      l("div", V, [
-        e(n).length === 1 ? (c(), s("div", j, [
-          p(e(m), {
-            icon: e(n)[0].icon,
+  setup(l) {
+    const { activeRequest: f, router: n } = q(), t = y([{ label: "", path: "", icon: "Add" }]), a = x(0);
+    function p() {
+      var s;
+      const e = T.find((c) => n.currentRoute.value.name == c.name);
+      e && ((e == null ? void 0 : e.name) === "request" ? t[a.value] = {
+        label: ((s = f.value) == null ? void 0 : s.summary) || "",
+        path: n.currentRoute.value.path,
+        icon: e.icon
+      } : t[a.value] = {
+        label: V(e == null ? void 0 : e.name) || "",
+        path: n.currentRoute.value.path,
+        icon: e.icon
+      });
+    }
+    function m() {
+      n.push(t[a.value].path);
+    }
+    function _() {
+      t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, p();
+    }
+    function b(e) {
+      a.value = e, m();
+    }
+    S(
+      () => n.currentRoute.value.path,
+      () => {
+        p();
+      },
+      { immediate: !0 }
+    );
+    function k(e) {
+      t.splice(e, 1), a.value = Math.min(
+        a.value,
+        t.length - 1
+      ), m();
+    }
+    const g = C(() => a.value);
+    return (e, s) => (r(), u("nav", $, [
+      D,
+      i("div", F, [
+        t.length === 1 ? (r(), u("div", M, [
+          v(d(h), {
+            icon: t[0].icon,
             size: "xs",
             thickness: "2.5"
           }, null, 8, ["icon"]),
-          l("div", null, I(e(n)[0].label), 1)
-        ])) : (c(!0), s(g, { key: 1 }, b(e(n), (a, t) => (c(), N(S, {
-          key: t,
-          active: t === _.value,
-          hotkey: (t + 1).toString(),
-          icon: a.icon,
-          label: a.label,
-          onClick: (f) => e(d)(t),
-          onClose: (f) => e(u)(t)
+          i("div", null, w(t[0].label), 1)
+        ])) : (r(!0), u(A, { key: 1 }, R(t, (c, o) => (r(), z(j, {
+          key: o,
+          active: o === g.value,
+          hotkey: (o + 1).toString(),
+          icon: c.icon,
+          label: c.label,
+          onClick: (I) => b(o),
+          onClose: (I) => k(o)
         }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose"]))), 128)),
-        l("button", {
+        i("button", {
           class: "text-c-3 hover:bg-b-2 p-1.5 rounded-lg webkit-app-no-drag",
           type: "button",
-          onClick: r[0] || (r[0] = //@ts-ignore
-          (...a) => e(i) && e(i)(...a))
+          onClick: _
         }, [
-          p(e(m), {
+          v(d(h), {
             icon: "Add",
             size: "xs",
             thickness: "2.5"
@@ -51,5 +82,5 @@ const w = (o) => (x("data-v-31a24876"), o = o(), y(), o), B = { class: "flex h-1
   }
 });
 export {
-  F as default
+  K as default
 };

package/dist/constants.d.ts

@@ -1,13 +1,17 @@
 export declare const ROUTES: readonly [{
+    readonly prettyName: "Request";
     readonly name: "request";
     readonly icon: "ExternalLink";
 }, {
+    readonly prettyName: "Cookies";
     readonly name: "cookies";
     readonly icon: "Cookie";
 }, {
+    readonly prettyName: "Env Vars";
     readonly name: "environment";
     readonly icon: "Brackets";
 }, {
+    readonly prettyName: "Servers";
     readonly name: "servers";
     readonly icon: "Server";
 }];

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;EAMT,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;EAMT,CAAA"}