@scalar/api-client 2.0.24 → 2.0.26

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

@@ -1,12 +1,13 @@
-import { defineComponent as V, useCssVars as j, computed as l, resolveComponent as F, openBlock as n, createElementBlock as p, normalizeClass as u, unref as t, createVNode as f, withCtx as k, createBlock as b, createElementVNode as o, toDisplayString as w, createCommentVNode as g, createTextVNode as q, renderSlot as L, withDirectives as T, Fragment as W, renderList as K, vShow as A } from "vue";
-import { useWorkspace as G } from "../../store/workspace.js";
-import { ScalarIcon as H } from "@scalar/components";
-import { Draggable as J } from "@scalar/draggable";
-import { useRouter as M, RouterLink as P } from "vue-router";
+import { defineComponent as N, useCssVars as j, computed as o, resolveComponent as F, openBlock as a, createElementBlock as d, normalizeClass as u, unref as i, createVNode as m, withCtx as D, createBlock as p, createElementVNode as n, toDisplayString as y, createCommentVNode as f, createTextVNode as k, renderSlot as L, withDirectives as P, Fragment as T, renderList as W, vShow as A } from "vue";
+import { activeRouterParams as _, PathId as G } from "../../router.js";
+import { useWorkspace as H } from "../../store/workspace.js";
+import { ScalarIcon as J } from "@scalar/components";
+import { Draggable as K } from "@scalar/draggable";
+import { RouterLink as M } from "vue-router";
 import Q from "./RequestSidebarItemMenu.vue.js";
 import X from "../../components/HttpMethod/HttpMethod.vue.js";
 import { useSidebar as Y } from "../../hooks/useSidebar.js";
-const Z = { class: "z-10 font-medium w-full editable-sidebar-hover-item pl-2" }, _ = { class: "relative" }, ee = { class: "flex" }, te = { class: "z-10 flex h-fit items-center justify-center max-w-[14px]" }, ie = { class: "z-10 font-medium" }, re = { key: 2 }, $ = "hover:bg-sidebar-active-b indent-padding-left", me = /* @__PURE__ */ V({
+const Z = { class: "z-10 font-medium w-full editable-sidebar-hover-item pl-2" }, ee = { class: "relative" }, te = { class: "flex" }, ie = { class: "z-10 flex h-fit items-center justify-center max-w-[14px]" }, se = { class: "z-10 font-medium" }, re = { key: 2 }, q = "hover:bg-sidebar-active-b indent-padding-left", be = /* @__PURE__ */ N({
   __name: "RequestSidebarItem",
   props: {
     isDraggable: { type: Boolean, default: !1 },
@@ -15,118 +16,114 @@ const Z = { class: "z-10 font-medium w-full editable-sidebar-hover-item pl-2" },
     item: {}
   },
   emits: ["onDragEnd"],
-  setup(C) {
+  setup($) {
     j((e) => ({
-      "0e609a18": z.value,
-      e3e1f6b4: I.value
+      "28f0b1bd": S.value,
+      "9782e23e": R.value
     }));
-    const i = C, {
-      activeRequest: c,
-      activeWorkspace: h,
-      folders: S,
-      isReadOnly: a,
-      requests: v,
+    const t = $, {
+      activeRequest: b,
+      activeWorkspace: c,
+      folders: w,
+      isReadOnly: l,
+      requests: g,
       requestExamples: x
-    } = G(), { collapsedSidebarFolders: D, toggleSidebarFolder: E } = Y(), R = M(), U = l(() => "childUids" in i.item), z = l(() => i.parentUids.length ? a.value ? `${(i.parentUids.length - 1) * 12}px` : `${i.parentUids.length * 12}px` : "12px"), I = l(() => i.parentUids.length ? a.value ? `${(i.parentUids.length - 1) * 12}px` : `${i.parentUids.length * 12}px` : "0px"), B = (e, r) => {
-      const d = `/workspace/${h.value.uid}/request/${r}`;
-      e.metaKey ? window.open(d, "_blank") : R.push(d);
-    }, y = (e) => {
-      var r;
-      return "spec" in e ? (r = e.spec.info) == null ? void 0 : r.title : "summary" in e ? e.summary || e.path : "name" in e ? e.name : "";
-    }, N = l(() => ("requestUid" in i.item ? v[i.item.requestUid] : i.item).method), O = l(
+    } = H(), { collapsedSidebarFolders: h, toggleSidebarFolder: C } = Y(), v = o(() => "childUids" in t.item), S = o(() => t.parentUids.length ? l.value ? `${(t.parentUids.length - 1) * 12}px` : `${t.parentUids.length * 12}px` : "12px"), R = o(() => t.parentUids.length ? l.value ? `${(t.parentUids.length - 1) * 12}px` : `${t.parentUids.length * 12}px` : "0px"), U = (e) => {
+      var s;
+      return "spec" in e ? (s = e.spec.info) == null ? void 0 : s.title : "summary" in e ? e.summary || e.path : "name" in e ? e.name : "";
+    }, E = o(() => ("requestUid" in t.item ? g[t.item.requestUid] : t.item).method), I = o(
       () => {
         var e;
-        return D[i.item.uid] || ((e = c.value) == null ? void 0 : e.uid) === i.item.uid && i.item.childUids.length > 1;
+        return h[t.item.uid] || ((e = b.value) == null ? void 0 : e.uid) === t.item.uid && t.item.childUids.length > 1;
       }
+    ), z = () => "requestUid" in t.item ? `/workspace/${c.value.uid}/request/${t.item.requestUid}/examples/${t.item.uid}` : `/workspace/${c.value.uid}/request/${t.item.uid}`, B = o(
+      () => _.value[G.Request] === "default" && b.value.uid === t.item.uid
     );
-    return (e, r) => {
-      const d = F("RequestSidebarItem", !0);
-      return n(), p("div", {
+    return (e, s) => {
+      const O = F("RequestSidebarItem", !0);
+      return a(), d("div", {
         class: u(["relative flex flex-row", [
-          t(a) && e.parentUids.length > 1 || !t(a) && e.parentUids.length ? "before:bg-b-3 before:absolute before:left-[calc(.75rem_+_.5px)] before:top-0 before:z-10 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-px mb-[.5px] last:mb-0 indent-border-line-offset" : ""
+          i(l) && e.parentUids.length > 1 || !i(l) && e.parentUids.length ? "before:bg-b-3 before:absolute before:left-[calc(.75rem_+_.5px)] before:top-0 before:z-10 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-px mb-[.5px] last:mb-0 indent-border-line-offset" : ""
         ]])
       }, [
-        f(t(J), {
+        m(i(K), {
           id: e.item.uid,
-          ceiling: U.value ? 0.8 : 0.5,
+          ceiling: v.value ? 0.8 : 0.5,
           class: "flex flex-1 flex-col gap-[.5px] text-sm",
-          floor: U.value ? 0.2 : 0.5,
+          floor: v.value ? 0.2 : 0.5,
           isDraggable: e.parentUids.length > 0 && e.isDraggable,
           isDroppable: e.isDroppable,
           parentIds: e.parentUids,
-          onOnDragEnd: r[3] || (r[3] = (...s) => e.$emit("onDragEnd", ...s))
+          onOnDragEnd: s[2] || (s[2] = (...r) => e.$emit("onDragEnd", ...r))
         }, {
-          default: k(() => [
-            "summary" in e.item || "requestUid" in e.item ? (n(), b(t(P), {
+          default: D(() => [
+            "summary" in e.item || "requestUid" in e.item ? (a(), p(i(M), {
               key: 0,
-              custom: "",
-              to: `/workspace/${t(h).uid}/request/${e.item.uid}`
+              class: "no-underline",
+              to: z()
             }, {
-              default: k(() => {
-                var s;
-                return [
-                  o("div", {
-                    class: u(["group relative flex min-h-8 cursor-pointer flex-row items-start justify-between gap-2 py-1.5 pr-2 rounded editable-sidebar-hover", [
-                      $,
-                      ((s = t(c)) == null ? void 0 : s.uid) === e.item.uid ? "bg-sidebar-active-b text-sidebar-active-c transition-none" : "text-sidebar-c-2"
-                    ]]),
-                    tabindex: "0",
-                    onClick: r[0] || (r[0] = (m) => B(m, e.item.uid))
-                  }, [
-                    o("span", Z, w(y(e.item)), 1),
-                    o("div", _, [
-                      t(a) ? g("", !0) : (n(), b(Q, {
-                        key: 0,
-                        item: e.item
-                      }, null, 8, ["item"])),
-                      o("span", ee, [
-                        q("   "),
-                        f(t(X), {
-                          class: "font-bold",
-                          method: N.value
-                        }, null, 8, ["method"])
-                      ])
+              default: D(({ isExactActive: r }) => [
+                n("div", {
+                  class: u(["group relative flex min-h-8 cursor-pointer flex-row items-start justify-between gap-2 py-1.5 pr-2 rounded editable-sidebar-hover", [
+                    q,
+                    r || B.value ? "bg-sidebar-active-b text-sidebar-active-c transition-none" : "text-sidebar-c-2"
+                  ]]),
+                  tabindex: "0"
+                }, [
+                  n("span", Z, y(U(e.item)), 1),
+                  n("div", ee, [
+                    i(l) ? f("", !0) : (a(), p(Q, {
+                      key: 0,
+                      item: e.item
+                    }, null, 8, ["item"])),
+                    n("span", te, [
+                      k("   "),
+                      m(i(X), {
+                        class: "font-bold",
+                        method: E.value
+                      }, null, 8, ["method"])
                     ])
-                  ], 2)
-                ];
-              }),
+                  ])
+                ], 2)
+              ]),
               _: 1
-            }, 8, ["to"])) : !t(a) || e.parentUids.length ? (n(), p("button", {
+            }, 8, ["to"])) : !i(l) || e.parentUids.length ? (a(), d("button", {
               key: 1,
-              class: u(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 z-[1]", $]),
+              class: u(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 z-[1]", q]),
               type: "button",
-              onClick: r[1] || (r[1] = (s) => t(E)(e.item.uid))
+              onClick: s[0] || (s[0] = (r) => i(C)(e.item.uid))
             }, [
-              o("span", te, [
+              n("span", ie, [
                 L(e.$slots, "leftIcon", {}, () => [
-                  o("div", {
+                  n("div", {
                     class: u({
-                      "rotate-90": t(D)[e.item.uid]
+                      "rotate-90": i(h)[e.item.uid]
                     })
                   }, [
-                    f(t(H), {
+                    m(i(J), {
                       class: "text-c-3 text-sm",
                       icon: "ChevronRight",
-                      size: "sm"
+                      size: "sm",
+                      thickness: "2.5"
                     })
                   ], 2)
                 ], !0),
-                q("   ")
+                k("   ")
               ]),
-              o("span", ie, w(y(e.item)), 1)
-            ])) : g("", !0),
-            "childUids" in e.item ? T((n(), p("div", re, [
-              (n(!0), p(W, null, K(e.item.childUids, (s) => (n(), b(d, {
-                key: s,
+              n("span", se, y(U(e.item)), 1)
+            ])) : f("", !0),
+            "childUids" in e.item ? P((a(), d("div", re, [
+              (a(!0), d(T, null, W("summary" in e.item ? e.item.childUids.slice(1) : e.item.childUids, (r) => (a(), p(O, {
+                key: r,
                 isDraggable: e.isDraggable,
                 isDroppable: e.isDroppable,
-                item: t(S)[s] || t(v)[s] || t(x)[s],
+                item: i(w)[r] || i(g)[r] || i(x)[r],
                 parentUids: [...e.parentUids, e.item.uid],
-                onOnDragEnd: r[2] || (r[2] = (...m) => e.$emit("onDragEnd", ...m))
+                onOnDragEnd: s[1] || (s[1] = (...V) => e.$emit("onDragEnd", ...V))
               }, null, 8, ["isDraggable", "isDroppable", "item", "parentUids"]))), 128))
             ], 512)), [
-              [A, O.value]
-            ]) : g("", !0)
+              [A, I.value]
+            ]) : f("", !0)
           ]),
           _: 3
         }, 8, ["id", "ceiling", "floor", "isDraggable", "isDroppable", "parentIds"])
@@ -135,5 +132,5 @@ const Z = { class: "z-10 font-medium w-full editable-sidebar-hover-item pl-2" },
   }
 });
 export {
-  me as default
+  be as default
 };

package/dist/views/Request/RequestSidebarItemMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSidebarItemMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItemMenu.vue"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACf,MAAM,2CAA2C,CAAA;;UAM1C,OAAO,GAAG,cAAc;;UAAxB,OAAO,GAAG,cAAc;;AA+RhC,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":"RequestSidebarItemMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItemMenu.vue"],"names":[],"mappings":"AAyIA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACf,MAAM,2CAA2C,CAAA;;UAO1C,OAAO,GAAG,cAAc;;UAAxB,OAAO,GAAG,cAAc;;AAiVhC,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/views/Request/RequestSidebarItemMenu.vue.js

@@ -1,82 +1,100 @@
-import { defineComponent as _, computed as h, openBlock as c, createBlock as m, unref as e, withCtx as s, createVNode as t, createCommentVNode as g, withModifiers as z, createElementVNode as n } from "vue";
-import { useWorkspace as D } from "../../store/workspace.js";
-import { ScalarDropdown as k, ScalarDropdownItem as a, ScalarIcon as i, ScalarDropdownDivider as E, ScalarButton as S } from "@scalar/components";
-const v = /* @__PURE__ */ n("span", null, "Add Example", -1), w = /* @__PURE__ */ n("span", null, "Rename", -1), C = /* @__PURE__ */ n("span", null, "Duplicate", -1), b = /* @__PURE__ */ n("span", null, "Delete", -1), B = /* @__PURE__ */ _({
+import { defineComponent as q, computed as E, openBlock as m, createBlock as u, unref as e, withCtx as l, createVNode as t, createCommentVNode as R, createElementVNode as n } from "vue";
+import { commandPaletteBus as z } from "../../libs/eventBusses/command-palette.js";
+import { activeRouterParams as d, PathId as p } from "../../router.js";
+import { useWorkspace as C, findRequestFolders as I } from "../../store/workspace.js";
+import { ScalarDropdown as w, ScalarDropdownItem as o, ScalarIcon as s, ScalarDropdownDivider as S, ScalarButton as b } from "@scalar/components";
+import { useRouter as A } from "vue-router";
+const B = /* @__PURE__ */ n("span", null, "Add Example", -1), N = /* @__PURE__ */ n("span", null, "Rename", -1), M = /* @__PURE__ */ n("span", null, "Duplicate", -1), P = /* @__PURE__ */ n("span", null, "Delete", -1), j = /* @__PURE__ */ q({
   __name: "RequestSidebarItemMenu",
   props: {
     item: {}
   },
-  setup(d) {
-    const l = d, { createExampleFromRequest: u, requestMutators: p } = D(), f = () => {
-      if (!("summary" in l.item)) return;
-      const o = u(l.item);
-      p.edit(l.item.uid, "childUids", [
-        ...l.item.childUids,
-        o.uid
-      ]);
-    }, x = h(() => "summary" in l.item);
-    return (o, r) => (c(), m(e(k), { teleport: "#scalar-client" }, {
-      items: s(() => [
-        x.value ? (c(), m(e(a), {
+  setup(f) {
+    const a = f, { activeWorkspace: c, requestMutators: _, requestExampleMutators: x } = C(), { replace: r } = A(), h = () => z.emit({
+      commandName: "Add Example",
+      metaData: a.item.uid
+    }), k = () => {
+      console.log("rename");
+    }, v = () => {
+      console.log("duplicate");
+    }, g = () => {
+      if ("requestUid" in a.item)
+        x.delete(a.item), d.value[p.Examples] === a.item.uid && r(`/workspace/${c.value}/request/default`);
+      else {
+        const i = I(a.item.uid);
+        if (!i.length) return;
+        _.delete(a.item, i[0]), d.value[p.Request] === a.item.uid && r(`/workspace/${c.value.uid}/request/default`);
+      }
+    }, D = E(() => "summary" in a.item);
+    return (i, V) => (m(), u(e(w), { teleport: "#scalar-client" }, {
+      items: l(() => [
+        D.value ? (m(), u(e(o), {
           key: 0,
           class: "flex !gap-2",
-          onClick: f
+          onClick: h
         }, {
-          default: s(() => [
-            t(e(i), {
+          default: l(() => [
+            t(e(s), {
               class: "inline-flex",
               icon: "Add",
               size: "sm"
             }),
-            v
+            B
           ]),
           _: 1
-        })) : g("", !0),
-        t(e(a), { class: "flex !gap-2" }, {
-          default: s(() => [
-            t(e(i), {
+        })) : R("", !0),
+        t(e(o), {
+          class: "flex !gap-2",
+          onClick: k
+        }, {
+          default: l(() => [
+            t(e(s), {
               class: "inline-flex",
               icon: "Edit",
               size: "sm"
             }),
-            w
+            N
           ]),
           _: 1
         }),
-        t(e(a), { class: "flex !gap-2" }, {
-          default: s(() => [
-            t(e(i), {
+        t(e(o), {
+          class: "flex !gap-2",
+          onClick: v
+        }, {
+          default: l(() => [
+            t(e(s), {
               class: "inline-flex",
               icon: "Duplicate",
               size: "sm"
             }),
-            C
+            M
           ]),
           _: 1
         }),
-        t(e(E)),
-        t(e(a), { class: "flex !gap-2" }, {
-          default: s(() => [
-            t(e(i), {
+        t(e(S)),
+        t(e(o), {
+          class: "flex !gap-2",
+          onClick: g
+        }, {
+          default: l(() => [
+            t(e(s), {
               class: "inline-flex",
               icon: "Trash",
               size: "sm"
             }),
-            b
+            P
           ]),
           _: 1
         })
       ]),
-      default: s(() => [
-        t(e(S), {
+      default: l(() => [
+        t(e(b), {
           class: "z-10 hover:bg-b-3 transition-none p-1 group-hover:flex ui-open:flex absolute left-0 hidden -translate-x-full -ml-1",
           size: "sm",
-          variant: "ghost",
-          onClick: r[0] || (r[0] = z(() => {
-          }, ["stop"]))
+          variant: "ghost"
         }, {
-          default: s(() => [
-            t(e(i), {
+          default: l(() => [
+            t(e(s), {
               icon: "Ellipses",
               size: "sm"
             })
@@ -89,5 +107,5 @@ const v = /* @__PURE__ */ n("span", null, "Add Example", -1), w = /* @__PURE__ *
   }
 });
 export {
-  B as default
+  j as default
 };

package/dist/views/Request/ResponseSection/ResponseSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AAuHA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAA;;cAUrE,gBAAgB,GAAG,SAAS;;cAA5B,gBAAgB,GAAG,SAAS;;AA+NxC,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":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AAwHA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAA;;cAUrE,gBAAgB,GAAG,SAAS;;cAA5B,gBAAgB,GAAG,SAAS;;AA+NxC,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/views/Request/ResponseSection/ResponseSection.vue.js

@@ -35,17 +35,18 @@ const E = { class: "flex items-center flex-1" }, H = { class: "custom-scroll fle
         value: e[m],
         required: !1
       })) : [];
-    }), _ = i(() => {
+    }), k = i(() => {
       var o;
       const e = (o = a.response) == null ? void 0 : o.data;
       return e && V(e) ? JSON.stringify(JSON.parse(e), null, 2) : e && typeof h(e) == "object" ? JSON.stringify(e, null, 2) : e;
-    }), k = ["All", "Body", "Headers", "Cookies"], s = x("All");
+    }), _ = ["All", "Body", "Headers", "Cookies"], s = x("All");
     return (e, o) => (r(), n(g, null, {
       title: u(() => [
         p(S(R), {
           class: "text-c-3 mr-2 rotate-180",
           icon: "ExternalLink",
-          size: "sm"
+          size: "sm",
+          thickness: "2.5"
         }),
         f("div", E, [
           C(" Response "),
@@ -60,7 +61,7 @@ const E = { class: "flex items-center flex-1" }, H = { class: "custom-scroll fle
           e.response ? (r(), A(B, { key: 1 }, [
             p(N, {
               activeSection: s.value,
-              sections: k,
+              sections: _,
               onSetActiveSection: o[0] || (o[0] = (t) => s.value = t)
             }, null, 8, ["activeSection"]),
             s.value === "All" || s.value === "Cookies" ? (r(), n(b, {
@@ -74,7 +75,7 @@ const E = { class: "flex items-center flex-1" }, H = { class: "custom-scroll fle
             s.value === "All" || s.value === "Body" ? (r(), n($, {
               key: 2,
               active: !0,
-              data: _.value,
+              data: k.value,
               headers: c.value,
               title: "Body"
             }, null, 8, ["data", "headers"])) : l("", !0)

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

@@ -1 +1 @@
-{"version":3,"file":"OAuth2.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/OAuth2.vue"],"names":[],"mappings":"AAuKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EACL,KAAK,yBAAyB,EAE/B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;;kBAOzE,oBAAoB;iBACrB,yBAAyB;kBACxB,YAAY;;kBAFZ,oBAAoB;iBACrB,yBAAyB;kBACxB,YAAY;;AA2a5B,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":"OAuth2.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/OAuth2.vue"],"names":[],"mappings":"AAyKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EACL,KAAK,yBAAyB,EAE/B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;;kBAOzE,oBAAoB;iBACrB,yBAAyB;kBACxB,YAAY;;kBAFZ,oBAAoB;iBACrB,yBAAyB;kBACxB,YAAY;;AA+a5B,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/views/Request/components/OAuth2.vue.js

@@ -156,8 +156,10 @@ const U = { class: "h-8 flex items-center justify-self-end" }, L = /* @__PURE__
         default: l(() => [
           v("div", U, [
             a(d(w), {
+              class: "p-0 py-0.5 px-2 mr-1",
               loading: d(n),
               size: "sm",
+              variant: "outlined",
               onClick: y
             }, {
               default: l(() => [

package/dist/{App.vue.d.ts → views/Request/components/WorkspaceDropdown.vue.d.ts}

@@ -1,4 +1,3 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;
-
-//# sourceMappingURL=App.vue.d.ts.map
+//# sourceMappingURL=WorkspaceDropdown.vue.d.ts.map

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

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

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

@@ -0,0 +1,80 @@
+import { defineComponent as k, openBlock as c, createElementBlock as i, createVNode as t, unref as e, withCtx as o, Fragment as w, renderList as v, createBlock as g, withModifiers as C, createElementVNode as r, normalizeClass as b, createTextVNode as m, toDisplayString as p } from "vue";
+import { commandPaletteBus as y } from "../../../libs/eventBusses/command-palette.js";
+import { useWorkspace as D } from "../../../store/workspace.js";
+import { ScalarDropdown as S, ScalarDropdownItem as d, ScalarIcon as l, ScalarDropdownDivider as W, ScalarButton as B } from "@scalar/components";
+import { useRouter as N } from "vue-router";
+const j = { class: "xl:min-h-header py-2.5 flex items-center border-b px-2.5 text-sm" }, z = { class: "font-medium m-0 text-sm flex gap-1.5 items-center" }, V = { class: "flex items-center justify-center h-4 w-4" }, E = /* @__PURE__ */ r("span", null, "Create new workspace", -1), T = /* @__PURE__ */ k({
+  __name: "WorkspaceDropdown",
+  setup(I) {
+    const { activeWorkspace: s, workspaces: u } = D(), { push: f } = N(), h = (a) => {
+      a !== s.value.uid && f(`/workspace/${a}`);
+    }, x = () => y.emit({ commandName: "Create Workspace" });
+    return (a, $) => (c(), i("div", j, [
+      t(e(S), null, {
+        items: o(() => [
+          (c(!0), i(w, null, v(e(u), (_, n) => (c(), g(e(d), {
+            key: n,
+            class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
+            onClick: C((A) => h(n), ["stop"])
+          }, {
+            default: o(() => [
+              r("div", {
+                class: b([
+                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
+                  e(s).uid === n ? "bg-blue text-b-1" : "text-transparent"
+                ])
+              }, [
+                t(e(l), {
+                  class: "size-2.5",
+                  icon: "Checkmark",
+                  thickness: "3.5"
+                })
+              ], 2),
+              m(" " + p(_.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"]))), 128)),
+          t(e(W)),
+          t(e(d), {
+            class: "flex items-center gap-1.5",
+            onClick: x
+          }, {
+            default: o(() => [
+              r("div", V, [
+                t(e(l), {
+                  class: "h-2.5",
+                  icon: "Add"
+                })
+              ]),
+              E
+            ]),
+            _: 1
+          })
+        ]),
+        default: o(() => [
+          t(e(B), {
+            class: "font-normal h-full justify-start py-1.5 px-1.5 text-c-1 hover:bg-b-2 w-fit",
+            fullWidth: "",
+            variant: "ghost"
+          }, {
+            default: o(() => [
+              r("h2", z, [
+                m(p(e(s).name) + " ", 1),
+                t(e(l), {
+                  class: "size-2.5",
+                  icon: "ChevronDown",
+                  thickness: "3.5"
+                })
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  T as default
+};

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

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

package/dist/views/Request/components/index.d.ts

@@ -1,2 +1,3 @@
 export { default as OAuth2 } from './OAuth2.vue.js';
+export { default as WorkspaceDropdown } from './WorkspaceDropdown.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Request/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/views/Request/components/index.js

@@ -1,4 +1,6 @@
-import { default as e } from "./OAuth2.vue.js";
+import { default as a } from "./OAuth2.vue.js";
+import { default as t } from "./WorkspaceDropdown.vue.js";
 export {
-  e as OAuth2
+  a as OAuth2,
+  t as WorkspaceDropdown
 };

package/dist/views/Servers/Servers.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Servers.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Servers/Servers.vue"],"names":[],"mappings":";AA6MA,wBAKG"}
+{"version":3,"file":"Servers.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Servers/Servers.vue"],"names":[],"mappings":";AAwMA,wBAKG"}

package/dist/views/Servers/Servers.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, openBlock as l, createBlock as i, withCtx as e, createVNode as r, unref as n, createTextVNode as m, createElementVNode as _, createElementBlock as v, Fragment as x, renderList as S } from "vue";
+import { defineComponent as d, openBlock as n, createBlock as l, withCtx as e, createVNode as r, unref as s, createElementVNode as p, createElementBlock as _, Fragment as v, renderList as x, createTextVNode as S } from "vue";
 import h from "../../components/Sidebar/SidebarButton.vue.js";
 import k from "../../components/Sidebar/SidebarList.vue.js";
 import b from "../../components/Sidebar/SidebarListElement.vue.js";
@@ -10,30 +10,27 @@ import { useRouter as $ } from "vue-router";
 import y from "./ServerForm.vue.js";
 import B from "../../components/Sidebar/Sidebar.vue.js";
 /* empty css                                    */
-const E = { class: "flex-1" }, I = /* @__PURE__ */ p({
+const E = { class: "flex-1" }, I = /* @__PURE__ */ d({
   __name: "Servers",
   setup(N) {
-    const { activeCollection: t, servers: c, serverMutators: u } = w(), { push: f } = $(), d = () => {
+    const { activeCollection: t, servers: m, serverMutators: c } = w(), { push: u } = $(), f = () => {
       if (!t.value) return;
       const o = C({ url: "http://localhost" });
-      u.add(o, t.value.uid), f(`/servers/${o.uid}`);
+      c.add(o, t.value.uid), u(`/servers/${o.uid}`);
     };
-    return (o, g) => (l(), i(L, null, {
+    return (o, g) => (n(), l(L, null, {
       default: e(() => [
-        r(n(B), null, {
-          title: e(() => [
-            m("Servers")
-          ]),
+        r(s(B), { title: "Servers" }, {
           content: e(() => [
-            _("div", E, [
+            p("div", E, [
               r(k, null, {
                 default: e(() => {
-                  var s;
+                  var i;
                   return [
-                    (l(!0), v(x, null, S((s = n(t)) == null ? void 0 : s.spec.serverUids, (a) => (l(), i(b, {
+                    (n(!0), _(v, null, x((i = s(t)) == null ? void 0 : i.spec.serverUids, (a) => (n(), l(b, {
                       key: a,
                       class: "text-xs",
-                      variable: { name: n(c)[a].url, uid: a }
+                      variable: { name: s(m)[a].url, uid: a }
                     }, null, 8, ["variable"]))), 128))
                   ];
                 }),
@@ -42,9 +39,9 @@ const E = { class: "flex-1" }, I = /* @__PURE__ */ p({
             ])
           ]),
           button: e(() => [
-            r(h, { click: d }, {
+            r(h, { click: f }, {
               title: e(() => [
-                m("Add Server")
+                S("Add Server")
               ]),
               _: 1
             })