@scalar/api-client 2.0.22 → 2.0.25

package/dist/views/Cookies/Cookies.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, openBlock as i, createBlock as a, withCtx as e, createVNode as t, unref as n, createTextVNode as m, createElementVNode as d, createElementBlock as p, Fragment as _, renderList as k } from "vue";
+import { defineComponent as u, openBlock as i, createBlock as a, withCtx as e, createVNode as t, unref as n, createElementVNode as f, createElementBlock as d, Fragment as p, renderList as _, createTextVNode as k } from "vue";
 import x from "../../components/Sidebar/SidebarButton.vue.js";
 import h from "../../components/Sidebar/SidebarList.vue.js";
 import C from "../../components/Sidebar/SidebarListElement.vue.js";
@@ -12,10 +12,10 @@ import N from "./CookieForm.vue.js";
 import $ from "./CookieRaw.vue.js";
 import B from "../../components/Sidebar/Sidebar.vue.js";
 /* empty css                                    */
-const E = { class: "flex-1" }, J = /* @__PURE__ */ f({
+const E = { class: "flex-1" }, J = /* @__PURE__ */ u({
   __name: "Cookies",
   setup(S) {
-    const { cookies: l, cookieMutators: s } = w(), c = y(), u = () => {
+    const { cookies: m, cookieMutators: s } = w(), l = y(), c = () => {
       const o = L({
         uid: V(),
         name: "new cookie",
@@ -26,19 +26,16 @@ const E = { class: "flex-1" }, J = /* @__PURE__ */ f({
         httpOnly: !1,
         sameSite: "None"
       });
-      s.add(o), c.push(o.uid);
+      s.add(o), l.push(o.uid);
     };
     return (o, g) => (i(), a(b, null, {
       default: e(() => [
-        t(n(B), null, {
-          title: e(() => [
-            m("Domain")
-          ]),
+        t(n(B), { title: "Domain" }, {
           content: e(() => [
-            d("div", E, [
+            f("div", E, [
               t(h, null, {
                 default: e(() => [
-                  (i(!0), p(_, null, k(n(l), (r) => (i(), a(C, {
+                  (i(!0), d(p, null, _(n(m), (r) => (i(), a(C, {
                     key: r.uid,
                     class: "text-xs",
                     variable: { name: r.name, uid: r.uid }
@@ -49,9 +46,9 @@ const E = { class: "flex-1" }, J = /* @__PURE__ */ f({
             ])
           ]),
           button: e(() => [
-            t(x, { click: u }, {
+            t(x, { click: c }, {
               title: e(() => [
-                m("Add Item")
+                k("Add Item")
               ]),
               _: 1
             })

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

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

package/dist/views/Environment/Environment.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, ref as c, onMounted as w, openBlock as a, createBlock as f, withCtx as o, createVNode as r, createTextVNode as _, createElementVNode as E, createElementBlock as v, Fragment as $, renderList as I, unref as u, createSlots as S, createCommentVNode as h, toDisplayString as L, withKeys as B, nextTick as R } from "vue";
+import { defineComponent as N, ref as c, onMounted as C, openBlock as a, createBlock as f, withCtx as o, createVNode as r, createElementVNode as _, createElementBlock as v, Fragment as w, renderList as $, unref as u, createTextVNode as I, createSlots as S, createCommentVNode as h, toDisplayString as L, withKeys as B, nextTick as R } from "vue";
 import K from "../../components/CodeInput/CodeInput.vue.js";
 import A from "../../components/Sidebar/Sidebar.vue.js";
 /* empty css                                    */
@@ -12,11 +12,11 @@ import { useWorkspace as W } from "../../store/workspace.js";
 import { nanoid as j } from "nanoid";
 import { useRouter as q } from "vue-router";
 import z from "./EnvironmentColors.vue.js";
-const G = { class: "flex-1" }, H = ["value"], P = { class: "colors ml-auto" }, ce = /* @__PURE__ */ C({
+const G = { class: "flex-1" }, H = ["value"], P = { class: "colors ml-auto" }, ce = /* @__PURE__ */ N({
   __name: "Environment",
   setup(Q) {
     const d = q(), { environments: n, environmentMutators: m } = W(), e = c(null), p = c(null), s = c(!1);
-    function k() {
+    function E() {
       const t = {
         name: "New Environment",
         uid: j(),
@@ -27,35 +27,32 @@ const G = { class: "flex-1" }, H = ["value"], P = { class: "colors ml-auto" }, c
       };
       m.add(t), e.value = t.uid, d.push(e.value);
     }
-    function y(t) {
+    function k(t) {
       e.value && m.edit(e.value, "raw", t);
     }
-    const x = (t) => {
+    const y = (t) => {
       m.delete(t), e.value === t && (e.value = null);
-    }, V = (t) => {
+    }, x = (t) => {
       e.value && (n[e.value].color = t);
-    }, b = () => {
+    }, V = () => {
       d.currentRoute.value.params.environment === "default" && (e.value = n.default.uid);
-    }, g = () => {
+    }, b = () => {
       e.value && !n[e.value].isDefault && (s.value = !0, R(() => {
         var t;
         (t = p.value) == null || t.focus();
       }));
-    }, D = (t) => {
+    }, g = (t) => {
       const l = t.target.value;
       e.value && !n[e.value].isDefault && (n[e.value].name = l);
     };
-    return w(b), (t, i) => (a(), f(F, null, {
+    return C(V), (t, i) => (a(), f(F, null, {
       default: o(() => [
-        r(A, null, {
-          title: o(() => [
-            _("Environment")
-          ]),
+        r(A, { title: "Environment" }, {
           content: o(() => [
-            E("div", G, [
+            _("div", G, [
               r(T, null, {
                 default: o(() => [
-                  (a(!0), v($, null, I(u(n), (l) => (a(), f(U, {
+                  (a(!0), v(w, null, $(u(n), (l) => (a(), f(U, {
                     key: l.uid,
                     class: "text-xs",
                     variable: {
@@ -64,8 +61,8 @@ const G = { class: "flex-1" }, H = ["value"], P = { class: "colors ml-auto" }, c
                       color: l.color,
                       isDefault: l.isDefault
                     },
-                    onClick: (N) => e.value = l.uid,
-                    onDelete: (N) => x(l.uid)
+                    onClick: (D) => e.value = l.uid,
+                    onDelete: (D) => y(l.uid)
                   }, null, 8, ["variable", "onClick", "onDelete"]))), 128))
                 ]),
                 _: 1
@@ -73,9 +70,9 @@ const G = { class: "flex-1" }, H = ["value"], P = { class: "colors ml-auto" }, c
             ])
           ]),
           button: o(() => [
-            r(M, { click: k }, {
+            r(M, { click: E }, {
               title: o(() => [
-                _("Add Environment Variable")
+                I("Add Environment Variable")
               ]),
               _: 1
             })
@@ -91,7 +88,7 @@ const G = { class: "flex-1" }, H = ["value"], P = { class: "colors ml-auto" }, c
                   class: "px-2 py-2.5",
                   lineNumbers: "",
                   modelValue: u(n)[e.value].raw,
-                  "onUpdate:modelValue": y
+                  "onUpdate:modelValue": k
                 }, null, 8, ["modelValue"])) : h("", !0)
               ]),
               _: 2
@@ -101,7 +98,7 @@ const G = { class: "flex-1" }, H = ["value"], P = { class: "colors ml-auto" }, c
                 fn: o(() => [
                   !s.value || u(n)[e.value].isDefault ? (a(), v("span", {
                     key: 0,
-                    onDblclick: g
+                    onDblclick: b
                   }, L(u(n)[e.value].name), 33)) : (a(), v("input", {
                     key: 1,
                     ref_key: "nameInputRef",
@@ -111,13 +108,13 @@ const G = { class: "flex-1" }, H = ["value"], P = { class: "colors ml-auto" }, c
                     type: "text",
                     value: u(n)[e.value].name,
                     onBlur: i[0] || (i[0] = (l) => s.value = !1),
-                    onInput: D,
+                    onInput: g,
                     onKeyup: i[1] || (i[1] = B((l) => s.value = !1, ["enter"]))
                   }, null, 40, H)),
-                  E("div", P, [
+                  _("div", P, [
                     r(z, {
                       activeColor: u(n)[e.value].color,
-                      onSelect: V
+                      onSelect: x
                     }, null, 8, ["activeColor"])
                   ])
                 ]),

package/dist/views/Environment/EnvironmentVariableDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":";WAsGS,MAAM;;;;WAAN,MAAM;;;;AAqMf,wBAOG;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":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":";WA6FS,MAAM;;;;WAAN,MAAM;;;;AAqLf,wBAOG;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/Environment/EnvironmentVariableDropdown.vue.js

@@ -1,72 +1,63 @@
-import { defineComponent as b, ref as y, computed as k, watch as V, openBlock as s, createElementBlock as n, Fragment as C, renderList as j, withModifiers as B, createElementVNode as a, normalizeClass as $, createTextVNode as p, toDisplayString as m, createBlock as q, unref as i, withCtx as z, createVNode as E } from "vue";
-import { useWorkspace as N } from "../../store/workspace.js";
-import { ScalarButton as O, ScalarIcon as S } from "@scalar/components";
-import A from "fuse.js";
-import { useRouter as D } from "vue-router";
-const F = ["open"], R = { key: 0 }, W = ["onClick"], I = { class: "flex items-center gap-1.5 whitespace-nowrap" }, L = { class: "w-20 overflow-hidden text-ellipsis text-right" }, J = /* @__PURE__ */ b({
+import { defineComponent as k, computed as y, openBlock as r, createElementBlock as n, Fragment as b, renderList as g, createElementVNode as a, createTextVNode as c, toDisplayString as u, createBlock as w, unref as s, withCtx as V, createVNode as C } from "vue";
+import { useWorkspace as B } from "../../store/workspace.js";
+import { ScalarButton as E, ScalarIcon as N } from "@scalar/components";
+import S from "fuse.js";
+import { useRouter as j } from "vue-router";
+const q = {
+  id: "env-dialog",
+  class: "z-10 w-60 rounded border bg-b-1 p-1",
+  open: !0,
+  tabindex: "0"
+}, z = { key: 0 }, A = ["onClick"], D = { class: "flex items-center gap-1.5 whitespace-nowrap" }, F = /* @__PURE__ */ a("span", { class: "h-2.5 w-2.5 min-w-2.5 rounded-full" }, null, -1), $ = { class: "w-20 overflow-hidden text-ellipsis text-right" }, W = /* @__PURE__ */ k({
   __name: "EnvironmentVariableDropdown",
   props: {
     query: {}
   },
   emits: ["select"],
-  setup(f, { emit: h }) {
-    const l = f, v = h, { environments: c, activeWorkspace: w } = N(), x = D(), r = y(!1), g = new A(Object.values(c), {
-      /** search by both name and value */
-      keys: ["name", "value"]
-    }), u = k(() => {
-      const o = l.query.match(/{{\s*(.*?)\s*(}}|$)/), t = o ? o[1].trim() : "";
+  setup(d, { emit: p }) {
+    const m = d, f = p, { activeParsedEnvironments: i } = B(), v = j(), h = new S(i.value, {
+      keys: ["key", "value"]
+    }), l = y(() => {
+      const t = m.query;
       if (!t)
-        return Object.values(c).slice(-4);
-      const e = g.search(t);
-      return e.length > 0 ? e.map((d) => d.item) : [];
-    }), _ = (o) => {
-      v("select", o.name), r.value = !1;
+        return i.value.slice(-4);
+      const o = h.search(t);
+      return o.length > 0 ? o.map((e) => e.item) : [];
+    }), _ = (t) => {
+      f("select", t);
     };
-    return V(
-      () => l.query,
-      (o) => {
-        var t;
-        r.value = o.includes("{{") && !((t = w.value) != null && t.isReadOnly);
-      }
-    ), (o, t) => (s(), n("dialog", {
-      id: "env-dialog",
-      class: "absolute left-2 top-7 z-10 w-60 rounded border bg-white p-1",
-      open: r.value,
-      tabindex: "0"
-    }, [
-      u.value.length ? (s(), n("ul", R, [
-        (s(!0), n(C, null, j(u.value, (e) => (s(), n("li", {
-          key: e.uid,
+    return (t, o) => (r(), n("dialog", q, [
+      l.value.length ? (r(), n("ul", z, [
+        (r(!0), n(b, null, g(l.value, (e, x) => (r(), n("li", {
+          key: x,
           class: "font-code text-3xs hover:bg-b-2 flex cursor-pointer items-center justify-between gap-1.5 rounded p-1.5 transition-colors duration-150",
-          onClick: B((d) => _(e), ["stop"])
+          onClick: (I) => _(e.key)
         }, [
-          a("div", I, [
-            a("span", {
-              class: $(["h-2.5 w-2.5 min-w-2.5 rounded-full", `bg-${e.color}`])
-            }, null, 2),
-            p(" " + m(e.name), 1)
+          a("div", D, [
+            F,
+            c(" " + u(e.key), 1)
           ]),
-          a("span", L, m(e.raw), 1)
-        ], 8, W))), 128))
-      ])) : (s(), q(i(O), {
+          a("span", $, u(e.value), 1)
+        ], 8, A))), 128))
+      ])) : (r(), w(s(E), {
         key: 1,
         class: "font-code text-3xs hover:bg-b-2 flex h-7 w-full justify-start gap-2 px-2 transition-colors duration-150",
         variant: "secondary",
-        onClick: t[0] || (t[0] = (e) => i(x).push("/environment"))
+        onClick: o[0] || (o[0] = (e) => s(v).push("/environment"))
       }, {
-        default: z(() => [
-          E(i(S), {
+        default: V(() => [
+          C(s(N), {
             class: "w-2",
             icon: "Add",
             size: "xs"
           }),
-          p(" Add variable ")
+          c(" Add variable ")
         ]),
         _: 1
       }))
-    ], 8, F));
+    ]));
   }
 });
 export {
-  J as default
+  W as default
 };

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

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

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

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

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

@@ -1,81 +1,93 @@
-import { defineComponent as K, ref as G, onMounted as J, onBeforeUnmount as Q, computed as X, openBlock as p, createElementBlock as w, Fragment as M, createElementVNode as d, createVNode as r, unref as e, createCommentVNode as _, withCtx as m, withDirectives as Y, normalizeClass as k, createTextVNode as $, toDisplayString as Z, withModifiers as E, renderList as ee, createBlock as S, vShow as te } from "vue";
-import oe from "../../components/AddressBar/AddressBar.vue.js";
-import se from "../../components/CommandPalette/CommandPalette.vue.js";
-import re from "../../components/Search/SearchButton.vue.js";
-import ne from "../../components/Search/SearchModal.vue.js";
-import le from "../../components/Sidebar/SidebarButton.vue.js";
-import ae from "../../components/ViewLayout/ViewLayout.vue.js";
-import ie from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import { useWorkspace as ue } from "../../store/workspace.js";
-import ce from "./RequestSection/RequestSection.vue.js";
+import { defineComponent as U, ref as W, onMounted as j, onBeforeUnmount as F, openBlock as f, createElementBlock as w, Fragment as O, createElementVNode as u, normalizeClass as b, createVNode as r, unref as e, createCommentVNode as _, withCtx as m, withDirectives as A, createSlots as H, withModifiers as R, renderList as P, createBlock as k, createTextVNode as J, vShow as K } from "vue";
+import Q from "../../components/AddressBar/AddressBar.vue.js";
+import G from "../../components/Search/SearchButton.vue.js";
+import X from "../../components/Search/SearchModal.vue.js";
+import Y from "../../components/Sidebar/SidebarButton.vue.js";
+import Z from "../../components/ViewLayout/ViewLayout.vue.js";
+import ee from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import { commandPaletteBus as te } from "../../libs/eventBusses/command-palette.js";
+import { useWorkspace as oe } from "../../store/workspace.js";
+import re from "./RequestSection/RequestSection.vue.js";
 /* empty css                                   */
-import de from "./ResponseSection/ResponseSection.vue.js";
-import { useModal as I, ScalarIcon as y } from "@scalar/components";
-import { isMacOS as V } from "@scalar/use-tooltip";
-import { useMagicKeys as me, useEventListener as pe } from "@vueuse/core";
-import fe from "./RequestSidebarItem.vue.js";
-import ve from "../../components/Sidebar/Sidebar.vue.js";
+import se from "./ResponseSection/ResponseSection.vue.js";
+import { useModal as ne, ScalarIcon as y } from "@scalar/components";
+import { REQUEST_METHODS as ae } from "@scalar/oas-utils/helpers";
+import { isMacOS as B } from "@scalar/use-tooltip";
+import { useMagicKeys as le, useEventListener as ie } from "@vueuse/core";
+import ce from "./RequestSidebarItem.vue.js";
+import ue from "../../components/Sidebar/Sidebar.vue.js";
 /* empty css                                    */
-import { useSidebar as ge } from "../../hooks/useSidebar.js";
-import { sendRequest as xe } from "../../libs/sendRequest.js";
-import { executeRequestBus as z } from "../../libs/eventBusses/executeRequestBus.js";
-const he = { class: "bg-b-2 flex flex-1 flex-col rounded-lg rounded-b-none rounded-r-none pt-0 h-full" }, ye = { class: "lg:min-h-header flex items-center w-full justify-center p-1 flex-wrap t-app__top-container" }, be = { class: "flex flex-row items-center gap-1 lg:px-1 lg:mb-0 mb-0.5 lg:flex-1 w-6/12" }, we = { class: "flex flex-row items-center gap-1 lg:px-1 lg:mb-0 mb-0.5 lg:flex-1 justify-end w-6/12" }, Te = /* @__PURE__ */ K({
+import me from "./components/WorkspaceDropdown.vue.js";
+import { useSidebar as de } from "../../hooks/useSidebar.js";
+import { sendRequest as pe } from "../../libs/sendRequest.js";
+import { executeRequestBus as D } from "../../libs/eventBusses/executeRequestBus.js";
+const fe = { class: "lg:min-h-header flex items-center w-full justify-center p-1 flex-wrap t-app__top-container" }, ve = { class: "flex flex-row items-center gap-1 lg:px-1 lg:mb-0 mb-0.5 lg:flex-1 w-6/12" }, ge = { class: "flex flex-row items-center gap-1 lg:px-1 lg:mb-0 mb-0.5 lg:flex-1 justify-end w-6/12" }, We = /* @__PURE__ */ U({
   __name: "Request",
-  setup(_e) {
-    var O;
+  setup(he) {
+    var C;
     const {
-      activeExample: b,
-      activeRequest: i,
-      activeServer: x,
-      activeSecurityScheme: N,
-      activeWorkspace: u,
-      collections: j,
-      modalState: L
-    } = ue(), { collapsedSidebarFolders: F } = ge(), f = I(), C = I(), a = G(!((O = u.value) != null && O.isReadOnly)), D = async () => {
-      var n, c, v, g;
-      if (!i.value || !b.value) {
+      activeExample: h,
+      activeRequest: l,
+      activeSecurityScheme: E,
+      activeWorkspaceServers: q,
+      activeWorkspace: i,
+      environments: M,
+      activeWorkspaceCollections: $,
+      modalState: I
+    } = oe(), { collapsedSidebarFolders: N } = de(), v = ne(), a = W(!((C = i.value) != null && C.isReadOnly)), S = async () => {
+      var g;
+      if (!l.value || !h.value) {
         console.warn(
           "There is no request active at the moment. Please select one then try again."
         );
         return;
       }
-      let s = (n = x.value) != null && n.url ? ((c = x.value) == null ? void 0 : c.url) + i.value.path : i.value.path;
-      if ((v = x.value) != null && v.variables) {
-        const T = /{\s*([\w.-]+)\s*}/g;
-        s = s.replace(T, (W, H) => {
-          var R, B, q;
-          const l = (B = (R = x.value) == null ? void 0 : R.variables) == null ? void 0 : B[H];
-          return (l == null ? void 0 : l.value) || (l == null ? void 0 : l.default) || ((q = l == null ? void 0 : l.enum) == null ? void 0 : q[0]) || W;
-        });
-      }
-      const { request: o, response: t } = await xe(
-        i.value,
-        b.value,
+      let s = h.value.url;
+      const o = Object.values(M).reduce(
+        (d, p) => {
+          try {
+            return { ...d, ...JSON.parse(p.raw) };
+          } catch {
+            return d;
+          }
+        },
+        {}
+      ), t = /\{\{(.*?)\}\}/g;
+      s = s.replace(t, (d, p) => (q.value.forEach((T) => {
+        if (T.url === p)
+          return p;
+      }), o[p] || p));
+      const { request: n, response: c } = await pe(
+        l.value,
+        h.value,
         s,
-        N.value,
-        (g = u.value) == null ? void 0 : g.proxyUrl
+        E.value,
+        (g = i.value) == null ? void 0 : g.proxyUrl
       );
-      o && t ? i.value.history.push({
-        request: o,
-        response: t,
+      n && c ? l.value.history.push({
+        request: n,
+        response: c,
         timestamp: Date.now()
       }) : console.warn("No response or request was returned");
     };
-    J(() => z.on(D)), Q(() => z.off(D));
-    const P = X(() => {
-      const s = Object.values(j), o = s.findIndex((n) => n.uid === "drafts"), [t] = s.splice(o, 1);
-      return s.push(t), s;
-    }), U = (s, o, t, n) => {
-    }, A = () => {
-      C.show();
-    }, h = me();
-    return pe(document, "keydown", (s) => {
-      (V() ? h.meta.value : h.ctrl.value) && s.key === "b" && (a.value = !a.value), (V() ? h.meta.value : h.ctrl.value) && s.key === "k" && (f.open ? f.hide() : f.show());
-    }), (s, o) => (p(), w(M, null, [
-      d("div", he, [
-        d("div", ye, [
-          d("div", be, [
-            d("button", {
+    j(() => D.on(S)), F(() => D.off(S));
+    const V = (s, o, t, n) => {
+    }, z = () => te.emit(), x = le();
+    ie(document, "keydown", (s) => {
+      (B() ? x.meta.value : x.ctrl.value) && s.key === "b" && (a.value = !a.value), (B() ? x.meta.value : x.ctrl.value) && s.key === "k" && (v.open ? v.hide() : v.show());
+    });
+    const L = () => {
+      if (!l.value) return "";
+      const { method: s } = l.value;
+      return ae[s].backgroundColor;
+    };
+    return (s, o) => (f(), w(O, null, [
+      u("div", {
+        class: b(["flex flex-1 flex-col rounded-lg rounded-b-none rounded-r-none pt-0 h-full client-wrapper-bg-color", L()])
+      }, [
+        u("div", fe, [
+          u("div", ve, [
+            u("button", {
               class: "text-c-3 hover:bg-b-3 active:text-c-1 p-2 rounded",
               type: "button",
               onClick: o[0] || (o[0] = (t) => a.value = !a.value)
@@ -86,58 +98,56 @@ const he = { class: "bg-b-2 flex flex-1 flex-col rounded-lg rounded-b-none round
               }, null, 8, ["icon"])
             ])
           ]),
-          r(oe),
-          d("div", we, [
-            e(u).isReadOnly ? (p(), w("button", {
+          r(Q),
+          u("div", ge, [
+            e(i).isReadOnly ? (f(), w("button", {
               key: 0,
               class: "text-c-3 hover:bg-b-3 active:text-c-1 p-2 rounded",
               type: "button",
-              onClick: o[1] || (o[1] = (t) => e(L).hide())
+              onClick: o[1] || (o[1] = (t) => e(I).hide())
             }, [
               r(e(y), {
-                class: "stroke-[1.75]",
                 icon: "Close",
-                size: "lg"
+                size: "lg",
+                thickness: "1.75"
               })
             ])) : _("", !0)
           ])
         ]),
-        r(ae, null, {
+        r(Z, null, {
           default: m(() => [
-            Y(r(e(ve), {
-              class: k([a.value ? "sidebar-active-width" : ""])
-            }, {
-              title: m(() => [
-                $(Z(e(u).name), 1)
-              ]),
+            A(r(e(ue), {
+              class: b([a.value ? "sidebar-active-width" : ""])
+            }, H({
               content: m(() => [
-                r(re, {
-                  onOpenSearchModal: o[2] || (o[2] = (t) => e(f).show())
+                r(G, {
+                  onOpenSearchModal: o[2] || (o[2] = (t) => e(v).show())
                 }),
-                d("div", {
+                u("div", {
                   class: "custom-scroll flex flex-1 flex-col overflow-visible px-3 pb-12 pt-2.5",
-                  onDragenter: o[3] || (o[3] = E(() => {
+                  onDragenter: o[3] || (o[3] = R(() => {
                   }, ["prevent"])),
-                  onDragover: o[4] || (o[4] = E(() => {
+                  onDragover: o[4] || (o[4] = R(() => {
                   }, ["prevent"]))
                 }, [
-                  (p(!0), w(M, null, ee(P.value, (t, n) => (p(), S(fe, {
+                  (f(!0), w(O, null, P(e($), (t, n) => (f(), k(ce, {
                     key: t.uid,
-                    isDraggable: !e(u).isReadOnly,
-                    isDroppable: !e(u).isReadOnly,
+                    isDraggable: !e(i).isReadOnly,
+                    isDroppable: !e(i).isReadOnly,
                     item: t,
                     parentUids: [],
-                    onOnDragEnd: (...c) => U(t, n, ...c)
+                    onOnDragEnd: (...c) => V(t, n, ...c)
                   }, {
                     leftIcon: m(() => [
                       r(e(y), {
-                        class: "text-sidebar-c-2 stroke-[1] text-sm group-hover:hidden",
+                        class: "text-sidebar-c-2 text-sm group-hover:hidden",
                         icon: "CodeFolder",
-                        size: "sm"
+                        size: "sm",
+                        thickness: "2"
                       }),
-                      d("div", {
-                        class: k({
-                          "rotate-90": e(F)[t.uid]
+                      u("div", {
+                        class: b({
+                          "rotate-90": e(N)[t.uid]
                         })
                       }, [
                         r(e(y), {
@@ -152,44 +162,51 @@ const he = { class: "bg-b-2 flex flex-1 flex-col rounded-lg rounded-b-none round
                 ], 32)
               ]),
               button: m(() => [
-                e(u).isReadOnly ? _("", !0) : (p(), S(le, {
+                e(i).isReadOnly ? _("", !0) : (f(), k(Y, {
                   key: 0,
-                  click: A
+                  click: z
                 }, {
                   title: m(() => [
-                    $("Add Item")
+                    J("Add Item")
                   ]),
                   _: 1
                 }))
               ]),
-              _: 1
-            }, 8, ["class"]), [
-              [te, a.value]
+              _: 2
+            }, [
+              e(i).isReadOnly ? void 0 : {
+                name: "header",
+                fn: m(() => [
+                  r(e(me))
+                ]),
+                key: "0"
+              }
+            ]), 1032, ["class"]), [
+              [K, a.value]
             ]),
-            e(b) ? (p(), S(ie, {
+            e(h) ? (f(), k(ee, {
               key: 0,
-              class: k(["flex-1", [a.value ? "sidebar-active-hide-layout" : ""]])
+              class: b(["flex-1", [a.value ? "sidebar-active-hide-layout" : ""]])
             }, {
               default: m(() => {
-                var t, n, c, v, g;
+                var t, n, c, g, d;
                 return [
-                  r(ce),
-                  r(de, {
-                    response: (g = (v = (t = e(i)) == null ? void 0 : t.history) == null ? void 0 : v[((c = (n = e(i)) == null ? void 0 : n.history) == null ? void 0 : c.length) - 1]) == null ? void 0 : g.response
+                  r(re),
+                  r(se, {
+                    response: (d = (g = (t = e(l)) == null ? void 0 : t.history) == null ? void 0 : g[((c = (n = e(l)) == null ? void 0 : n.history) == null ? void 0 : c.length) - 1]) == null ? void 0 : d.response
                   }, null, 8, ["response"])
                 ];
               }),
               _: 1
-            }, 8, ["class"])) : _("", !0),
-            r(se, { state: e(C) }, null, 8, ["state"])
+            }, 8, ["class"])) : _("", !0)
           ]),
           _: 1
         })
-      ]),
-      r(ne, { modalState: e(f) }, null, 8, ["modalState"])
+      ], 2),
+      r(X, { modalState: e(v) }, null, 8, ["modalState"])
     ], 64));
   }
 });
 export {
-  Te as default
+  We as default
 };