@scalar/api-client 2.1.22 → 2.1.24

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @scalar/api-client
 
+## 2.1.24
+
+### Patch Changes
+
+- 8f4b4a2: fix: ui tweaks and fixes
+
+## 2.1.23
+
+### Patch Changes
+
+- 5cb5cdf: fix: removes duplicated utility class in request header
+- 971c04c: feat(api-client): create custom workspace selector
+- 75f84f8: fix: sidebar indent lines + icon stroke thickness
+- 3800b54: fix: import curl query parameters
+- 59d3931: chore: remove unused dependencies
+- 2173073: feat: add links to http headers
+- c379e5a: feat: adds api client web playground
+- aebac4e: style: updates sidenav gap and sidehelp hover
+- 4738228: feat: make collection.info.version optional
+- Updated dependencies [971c04c]
+- Updated dependencies [6394a5d]
+- Updated dependencies [dbbe38f]
+- Updated dependencies [4b8b611]
+- Updated dependencies [4738228]
+  - @scalar/components@0.12.55
+  - @scalar/openapi-parser@0.8.7
+  - @scalar/types@0.0.16
+  - @scalar/themes@0.9.38
+  - @scalar/oas-utils@0.2.57
+  - @scalar/use-codemirror@0.11.22
+
 ## 2.1.22
 
 ### Patch Changes

package/README.md

@@ -5,6 +5,20 @@
 [![License](https://img.shields.io/npm/l/%40scalar%2Fapi-client)](https://www.npmjs.com/package/@scalar/api-client)
 [![Discord](https://img.shields.io/discord/1135330207960678410?style=flat&color=5865F2)](https://discord.gg/scalar)
 
+The Scalar API Client is a powerful tool designed to simplify API testing and integration. This versatile package offers multiple usage options:
+
+- standalone application for quick and easy API testing
+- embeddable component in various frontend environments
+- customizable module that can be integrated into existing projects
+
+## Features
+
+- Intuitive interface for sending API requests and viewing responses
+- Support for multiple authentication methods
+- Real-time request/response logging
+- Customizable request headers and parameters
+- Response visualization and formatting options
+
 ## Installation
 
 ```bash
@@ -146,3 +160,11 @@ Allows you to update the config at any time, this will clear your current state
 ```ts
 updateConfig(newConfig: ClientConfiguration, mergeConfigs?: boolean): void
 ```
+
+## Community
+
+We are API nerds. You too? Let’s chat on Discord: <https://discord.gg/scalar>
+
+## License
+
+The source code in this repository is licensed under [MIT](https://github.com/scalar/scalar/blob/main/LICENSE).

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

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAwWO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAcb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;;;;;;;;kBAlBN,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;;;;;;gBAfP,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBAuUG,GAAG;kBACN,GAAG;;AA5V9B,wBAmZC;AAcD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OA2WO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAcb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;;;;;;;;kBAlBN,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;;;;;;gBAfP,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBAuUG,GAAG;kBACN,GAAG;;AA5V9B,wBAmZC;AAcD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5c35162a"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6d843399"]]);
 export {
-  _ as default
+  a as default
 };

package/dist/components/CommandPalette/TheCommandPalette.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA8XA;;;;GAIG;;AACH,wBAybI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA2XA;;;;GAIG;;AACH,wBAgfI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}

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

@@ -2,8 +2,8 @@ import o from "./TheCommandPalette.vue2.js";
 import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-60105bc4"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c50523ba"]]);
 export {
   s as PaletteComponents,
-  a as default
+  r as default
 };

package/dist/components/CommandPalette/TheCommandPalette.vue2.js

@@ -1,31 +1,32 @@
-import { defineComponent as q, ref as u, computed as K, watch as F, onMounted as U, onBeforeUnmount as G, openBlock as a, createElementBlock as r, Fragment as d, withDirectives as k, createElementVNode as m, vShow as y, unref as f, createVNode as g, withKeys as $, withModifiers as S, vModelText as Q, renderList as B, toDisplayString as M, normalizeClass as j, createTextVNode as J, createCommentVNode as O, createBlock as X, resolveDynamicComponent as Y, mergeProps as Z, nextTick as T } from "vue";
-import { useModal as ee, ScalarIcon as A } from "@scalar/components";
-import { useRouter as oe } from "vue-router";
-import te from "./CommandPaletteCollection.vue.js";
-import ne from "./CommandPaletteExample.vue.js";
-import ae from "./CommandPaletteImport.vue.js";
-import le from "./CommandPaletteRequest.vue.js";
-import se from "./CommandPaletteServer.vue.js";
-import re from "./CommandPaletteTag.vue.js";
-import me from "./CommandPaletteWorkspace.vue.js";
-import { useWorkspace as ce } from "../../store/store.js";
-const ie = { class: "commandmenu z-overlay custom-scroll" }, ue = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, de = { for: "commandmenu" }, fe = ["onKeydown"], pe = ["onClick"], ve = {
+import { defineComponent as U, ref as i, computed as E, watch as G, onMounted as Q, onBeforeUnmount as j, openBlock as a, createBlock as K, unref as r, withCtx as _, createElementVNode as u, createVNode as f, createTextVNode as M, createElementBlock as m, Fragment as p, withDirectives as T, withKeys as g, withModifiers as D, vModelText as J, renderList as B, toDisplayString as V, vShow as O, normalizeClass as X, createCommentVNode as Y, resolveDynamicComponent as Z, mergeProps as ee, nextTick as W } from "vue";
+import { useModal as oe, ScalarIcon as $ } from "@scalar/components";
+import { Dialog as te, DialogPanel as ne, DialogTitle as ae } from "@headlessui/vue";
+import { useRouter as le } from "vue-router";
+import se from "./CommandPaletteCollection.vue.js";
+import re from "./CommandPaletteExample.vue.js";
+import me from "./CommandPaletteImport.vue.js";
+import ce from "./CommandPaletteRequest.vue.js";
+import ie from "./CommandPaletteServer.vue.js";
+import ue from "./CommandPaletteTag.vue.js";
+import de from "./CommandPaletteWorkspace.vue.js";
+import { useWorkspace as fe } from "../../store/store.js";
+const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, ve = { for: "commandmenu" }, Ce = ["onKeydown"], he = ["onClick"], ke = {
   key: 0,
   class: "text-c-3 text-center text-sm p-2 pt-3"
-}, Ce = {
+}, xe = {
   name: "TheCommandPalette"
-}, he = {
-  "Import Collection": ae,
-  "Create Request": le,
-  "Create Workspace": me,
-  "Add Tag": re,
-  "Add Server": se,
-  "Create Collection": te,
-  "Add Example": ne
-}, Re = /* @__PURE__ */ q({
-  ...Ce,
-  setup(ke) {
-    const D = [
+}, be = {
+  "Import Collection": me,
+  "Create Request": ce,
+  "Create Workspace": de,
+  "Add Tag": ue,
+  "Add Server": ie,
+  "Create Collection": se,
+  "Add Example": re
+}, Ee = /* @__PURE__ */ U({
+  ...xe,
+  setup(ye) {
+    const A = [
       {
         label: "",
         commands: [
@@ -74,152 +75,160 @@ const ie = { class: "commandmenu z-overlay custom-scroll" }, ue = { class: "bg-b
           }
         ]
       }
-    ], c = ee(), { push: V } = oe(), { activeWorkspace: W, events: p } = ce(), b = u(), l = u(""), s = u(null), i = u(-1), L = u([]), v = K(
-      () => D.reduce((e, o) => {
-        const t = o.commands.filter(
+    ], d = oe(), { push: N } = le(), { activeWorkspace: H, events: v } = fe(), x = i(), l = i(""), s = i(null), c = i(-1), S = i([]), C = E(
+      () => A.reduce((o, e) => {
+        const t = e.commands.filter(
           (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
         );
-        return [...e, ...t];
+        return [...o, ...t];
       }, [])
-    ), C = () => {
-      c.hide(), l.value = "", s.value = null, i.value = -1;
-    }, N = (e) => {
-      l.value !== "" && (e == null || e.preventDefault()), s.value = null, T(() => {
-        var o;
-        return (o = x.value) == null ? void 0 : o.focus();
+    ), h = () => {
+      d.hide(), l.value = "", s.value = null, c.value = -1;
+    }, q = (o) => {
+      l.value !== "" && (o == null || o.preventDefault()), s.value = null, W(() => {
+        var e;
+        return (e = b.value) == null ? void 0 : e.focus();
       });
-    }, R = (e) => {
-      "path" in e ? (V(`/workspace/${W.value.uid}${e.path}`), C()) : s.value = e.name;
-    }, x = u(), P = ({
-      commandName: e,
-      metaData: o
+    }, P = (o) => {
+      "path" in o ? (N(`/workspace/${H.value.uid}${o.path}`), h()) : s.value = o.name;
+    }, b = i(), L = ({
+      commandName: o,
+      metaData: e
     } = {}) => {
-      s.value = e ?? null, b.value = o, c.show(), T(() => {
+      s.value = o ?? null, x.value = e, d.show(), W(() => {
         var t;
-        return (t = x.value) == null ? void 0 : t.focus();
+        return (t = b.value) == null ? void 0 : t.focus();
       });
     };
-    F(l, (e) => {
-      e && v.value.length > 0 && (i.value = 0);
+    G(l, (o) => {
+      o && C.value.length > 0 && (c.value = 0);
     });
-    const z = (e, o) => {
-      var h;
-      if (!c.open) return;
-      o.preventDefault();
-      const t = e === "up" ? -1 : 1, n = v.value.length;
-      i.value = (i.value + t + n) % n, (h = L.value[i.value]) == null || h.scrollIntoView({
+    const R = (o, e) => {
+      var k;
+      if (!d.open) return;
+      e.preventDefault();
+      const t = o === "up" ? -1 : 1, n = C.value.length;
+      c.value = (c.value + t + n) % n, (k = S.value[c.value]) == null || k.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       });
-    }, _ = K(
-      () => v.value[i.value]
-    ), H = (e) => {
-      !_.value || s.value || (e.preventDefault(), e.stopPropagation(), R(_.value));
-    }, E = (e) => {
-      c.open && e != null && e.closeModal && C();
+    }, y = E(
+      () => C.value[c.value]
+    ), F = (o) => {
+      !y.value || s.value || (o.preventDefault(), o.stopPropagation(), P(y.value));
+    }, I = (o) => {
+      d.open && o != null && o.closeModal && h();
     };
-    return U(() => {
-      p.commandPalette.on(P), p.hotKeys.on(E);
-    }), G(() => {
-      p.commandPalette.off(P), p.hotKeys.off(E);
-    }), (e, o) => (a(), r(d, null, [
-      k(m("div", {
-        class: "commandmenu-clickout z-overlay",
-        onClick: o[0] || (o[0] = (t) => C())
-      }, null, 512), [
-        [y, f(c).open]
-      ]),
-      k(m("div", ie, [
-        s.value ? (a(), r(d, { key: 1 }, [
-          m("button", {
-            class: "absolute p-0.75 hover:bg-b-3 rounded text-c-3 active:text-c-1 mr-1.5 my-1.25 z-1",
-            type: "button",
-            onClick: o[4] || (o[4] = (t) => s.value = null)
-          }, [
-            g(f(A), {
-              icon: "ChevronLeft",
-              size: "md",
-              thickness: "1.5"
-            })
-          ]),
-          (a(), X(Y(he[s.value]), Z(b.value ? { metaData: b.value } : {}, {
-            onBack: o[5] || (o[5] = (t) => N(t)),
-            onClose: C
-          }), null, 16))
-        ], 64)) : (a(), r(d, { key: 0 }, [
-          m("div", ue, [
-            m("label", de, [
-              g(f(A), {
-                class: "text-c-2 mr-2.5",
-                icon: "Search",
-                size: "md",
-                thickness: "1.5"
-              })
-            ]),
-            k(m("input", {
-              id: "commandmenu",
-              ref_key: "commandInputRef",
-              ref: x,
-              "onUpdate:modelValue": o[1] || (o[1] = (t) => l.value = t),
-              autocomplete: "off",
-              autofocus: "",
-              class: "w-full rounded bg-none border-none py-1.5 text-sm focus:outline-none",
-              placeholder: "Search commands...",
-              type: "text",
-              onKeydown: [
-                o[2] || (o[2] = $(S((t) => z("down", t), ["stop"]), ["down"])),
-                $(S(H, ["stop"]), ["enter"]),
-                o[3] || (o[3] = $(S((t) => z("up", t), ["stop"]), ["up"]))
-              ]
-            }, null, 40, fe), [
-              [Q, l.value]
-            ])
-          ]),
-          (a(), r(d, null, B(D, (t) => (a(), r(d, {
-            key: t.label
-          }, [
-            k(m("div", { class: "text-c-3 font-medium text-xs px-2 mb-1 mt-2" }, M(t.label), 513), [
-              [
-                y,
-                t.commands.filter(
-                  (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
-                ).length > 0
-              ]
-            ]),
-            (a(!0), r(d, null, B(t.commands.filter(
-              (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
-            ), (n, h) => {
-              var I;
-              return a(), r("div", {
-                key: n.name,
-                ref_for: !0,
-                ref: (w) => {
-                  w && (L.value[h] = w);
-                },
-                class: j(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
-                  "bg-b-2": n.name === ((I = _.value) == null ? void 0 : I.name)
-                }]),
-                onClick: (w) => R(n)
+    return Q(() => {
+      v.commandPalette.on(L), v.hotKeys.on(I);
+    }), j(() => {
+      v.commandPalette.off(L), v.hotKeys.off(I);
+    }), (o, e) => (a(), K(r(te), {
+      open: r(d).open,
+      onClose: e[5] || (e[5] = (t) => h())
+    }, {
+      default: _(() => [
+        e[7] || (e[7] = u("div", { class: "commandmenu-overlay z-overlay" }, null, -1)),
+        f(r(ne), { class: "commandmenu z-overlay custom-scroll" }, {
+          default: _(() => [
+            f(r(ae), { class: "sr-only" }, {
+              default: _(() => e[6] || (e[6] = [
+                M("API Client Command Menu")
+              ])),
+              _: 1
+            }),
+            s.value ? (a(), m(p, { key: 1 }, [
+              u("button", {
+                class: "absolute p-0.75 hover:bg-b-3 rounded text-c-3 active:text-c-1 mr-1.5 my-1.25 z-1",
+                type: "button",
+                onClick: e[3] || (e[3] = (t) => s.value = null)
               }, [
-                g(f(A), {
-                  class: "text-c-2 mr-2.5",
-                  icon: n.icon,
+                f(r($), {
+                  icon: "ChevronLeft",
                   size: "md",
                   thickness: "1.5"
-                }, null, 8, ["icon"]),
-                J(" " + M(n.name), 1)
-              ], 10, pe);
-            }), 128))
-          ], 64))), 64)),
-          v.value.length ? O("", !0) : (a(), r("div", ve, " No commands found "))
-        ], 64))
-      ], 512), [
-        [y, f(c).open]
-      ])
-    ], 64));
+                })
+              ]),
+              (a(), K(Z(be[s.value]), ee(x.value ? { metaData: x.value } : {}, {
+                onBack: e[4] || (e[4] = (t) => q(t)),
+                onClose: h
+              }), null, 16))
+            ], 64)) : (a(), m(p, { key: 0 }, [
+              u("div", pe, [
+                u("label", ve, [
+                  f(r($), {
+                    class: "text-c-2 mr-2.5",
+                    icon: "Search",
+                    size: "md",
+                    thickness: "1.5"
+                  })
+                ]),
+                T(u("input", {
+                  id: "commandmenu",
+                  ref_key: "commandInputRef",
+                  ref: b,
+                  "onUpdate:modelValue": e[0] || (e[0] = (t) => l.value = t),
+                  autocomplete: "off",
+                  autofocus: "",
+                  class: "w-full rounded bg-none border-none py-1.5 text-sm focus:outline-none",
+                  placeholder: "Search commands...",
+                  type: "text",
+                  onKeydown: [
+                    e[1] || (e[1] = g(D((t) => R("down", t), ["stop"]), ["down"])),
+                    g(D(F, ["stop"]), ["enter"]),
+                    e[2] || (e[2] = g(D((t) => R("up", t), ["stop"]), ["up"]))
+                  ]
+                }, null, 40, Ce), [
+                  [J, l.value]
+                ])
+              ]),
+              (a(), m(p, null, B(A, (t) => (a(), m(p, {
+                key: t.label
+              }, [
+                T(u("div", { class: "text-c-3 font-medium text-xs px-2 mb-1 mt-2" }, V(t.label), 513), [
+                  [
+                    O,
+                    t.commands.filter(
+                      (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
+                    ).length > 0
+                  ]
+                ]),
+                (a(!0), m(p, null, B(t.commands.filter(
+                  (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
+                ), (n, k) => {
+                  var z;
+                  return a(), m("div", {
+                    key: n.name,
+                    ref_for: !0,
+                    ref: (w) => {
+                      w && (S.value[k] = w);
+                    },
+                    class: X(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
+                      "bg-b-2": n.name === ((z = y.value) == null ? void 0 : z.name)
+                    }]),
+                    onClick: (w) => P(n)
+                  }, [
+                    f(r($), {
+                      class: "text-c-2 mr-2.5",
+                      icon: n.icon,
+                      size: "md",
+                      thickness: "1.5"
+                    }, null, 8, ["icon"]),
+                    M(" " + V(n.name), 1)
+                  ], 10, he);
+                }), 128))
+              ], 64))), 64)),
+              C.value.length ? Y("", !0) : (a(), m("div", ke, " No commands found "))
+            ], 64))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["open"]));
   }
 });
 export {
-  he as PaletteComponents,
-  Re as default
+  be as PaletteComponents,
+  Ee as default
 };

package/dist/components/ContextBar.vue.js

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

package/dist/components/ContextBar.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as r, openBlock as n, createElementBlock as o, createElementVNode as i, Fragment as c, renderList as a, normalizeClass as l, toDisplayString as s, createVNode as d, unref as p } from "vue";
 import { ScalarIcon as u } from "@scalar/components";
-const m = { class: "hidden lg:flex ml-auto filter-hover group lg:w-[120px]" }, v = { class: "request-section-content request-section-content-filter fade-request-section-content text-c-3 hidden xl:flex justify-end rounded text-xs gap-[1.5px] pointer-events-auto relative w-full py-2" }, f = ["isActive", "onClick"], h = { class: "flex items-center group-hover:text-c-1 absolute -right-6 top-1/2 -translate-y-1/2" }, _ = { class: "mr-4 group-hover:hidden" }, b = /* @__PURE__ */ r({
+const m = { class: "hidden lg:flex ml-auto filter-hover group lg:w-[120px]" }, v = { class: "request-section-content request-section-content-filter fade-request-section-content text-c-3 hidden xl:flex justify-end rounded text-xs gap-[1.5px] pointer-events-auto relative w-full py-2" }, f = ["isActive", "onClick"], h = { class: "flex items-center group-hover:text-c-1 absolute -right-6 top-1/2 -translate-y-1/2" }, _ = { class: "mr-1.5 group-hover:hidden" }, b = /* @__PURE__ */ r({
   __name: "ContextBar",
   props: {
     sections: {},

package/dist/components/DataTable/DataTableCell.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCell.vue"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAkBpC,iBAAS,cAAc;qBAsCM,GAAG;EAe/B;AACD,QAAA,MAAM,eAAe;SAnEZ,MAAM,GAAG,SAAS;;SAAlB,MAAM,GAAG,SAAS;;QAAlB,MAAM,GAAG,SAAS;6EA0EzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAexG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataTableCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCell.vue"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAkBpC,iBAAS,cAAc;qBAuCM,GAAG;EAe/B;AACD,QAAA,MAAM,eAAe;SApEZ,MAAM,GAAG,SAAS;;SAAlB,MAAM,GAAG,SAAS;;QAAlB,MAAM,GAAG,SAAS;6EA2EzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAexG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/DataTable/DataTableCell.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as r, openBlock as t, createBlock as o, resolveDynamicComponent as l, withCtx as a, renderSlot as n } from "vue";
-const m = /* @__PURE__ */ r({
+import { defineComponent as r, openBlock as o, createBlock as t, resolveDynamicComponent as l, withCtx as a, renderSlot as n } from "vue";
+const i = /* @__PURE__ */ r({
   __name: "DataTableCell",
   props: {
     is: { default: "td" }
   },
   setup(s) {
-    return (e, d) => (t(), o(l(e.is), {
-      class: "min-h-8 min-w-8 border-l-0 border-t-0 border-b-1/2 border-r-1/2 flex text-sm last:border-r-0 group-last:border-b-transparent p-0 m-0 relative",
+    return (e, d) => (o(), t(l(e.is), {
+      class: "min-h-8 min-w-8 border-l-0 border-t-0 border-b-1/2 border-r-1/2 flex text-sm last:border-r-0 group-last:border-b-transparent p-0 m-0 relative overflow-hidden",
       role: "cell"
     }, {
       default: a(() => [
@@ -17,5 +17,5 @@ const m = /* @__PURE__ */ r({
   }
 });
 export {
-  m as default
+  i as default
 };

package/dist/components/DataTable/DataTableText.vue.d.ts

@@ -1,7 +1,16 @@
-declare const _default: import("vue").DefineComponent<{
-    text: string | number;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{
+    text?: string | number;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    text: string | number;
+    text?: string | number;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=DataTableText.vue.d.ts.map

package/dist/components/DataTable/DataTableText.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableText.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableText.vue"],"names":[],"mappings":";UAqBQ,MAAM,GAAG,MAAM;;UAAf,MAAM,GAAG,MAAM;;AAwDvB,wBAMG"}
+{"version":3,"file":"DataTableText.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableText.vue"],"names":[],"mappings":"AA8BA,iBAAS,cAAc;qBAmCM,GAAG;EAe/B;AACD,QAAA,MAAM,eAAe;WA5DZ,MAAM,GAAG,MAAM;;WAAf,MAAM,GAAG,MAAM;iGAkEtB,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/DataTable/DataTableText.vue.js

@@ -1,19 +1,23 @@
-import { defineComponent as t, openBlock as a, createBlock as o, withCtx as p, createElementVNode as r, toDisplayString as s } from "vue";
-import n from "./DataTableCell.vue.js";
-const c = { class: "flex-1 px-2 py-1.5 whitespace-nowrap" }, m = /* @__PURE__ */ t({
+import { defineComponent as t, openBlock as a, createBlock as o, withCtx as r, createElementVNode as s, renderSlot as n, createTextVNode as p, toDisplayString as l } from "vue";
+import c from "./DataTableCell.vue.js";
+const i = { class: "flex-1 px-2 py-1.5 whitespace-nowrap" }, x = /* @__PURE__ */ t({
   __name: "DataTableText",
   props: {
     text: {}
   },
-  setup(l) {
-    return (e, _) => (a(), o(n, { class: "relative flex" }, {
-      default: p(() => [
-        r("span", c, s(e.text), 1)
+  setup(_) {
+    return (e, f) => (a(), o(c, { class: "relative flex" }, {
+      default: r(() => [
+        s("span", i, [
+          n(e.$slots, "default", {}, () => [
+            p(l(e.text), 1)
+          ])
+        ])
       ]),
-      _: 1
+      _: 3
     }));
   }
 });
 export {
-  m as default
+  x as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAkdA,wBAKG"}
+{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAmdA,wBAKG"}

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as y, computed as S, openBlock as l, createElementBlock as f, createVNode as n, unref as e, withCtx as r, Fragment as N, renderList as D, createBlock as v, withModifiers as h, createElementVNode as s, normalizeClass as w, createTextVNode as d, toDisplayString as x, createCommentVNode as j } from "vue";
+import { defineComponent as y, computed as S, openBlock as l, createElementBlock as f, createVNode as n, unref as e, withCtx as r, Fragment as N, renderList as D, createBlock as v, withModifiers as x, createElementVNode as s, normalizeClass as h, createTextVNode as d, toDisplayString as w, createCommentVNode as j } from "vue";
 import { ScalarDropdown as z, ScalarDropdownItem as u, ScalarIcon as c, ScalarDropdownDivider as B, ScalarButton as I } from "@scalar/components";
 import { useRouter as V } from "vue-router";
 import { useWorkspace as M } from "../../store/store.js";
-const W = { class: "font-medium m-0 text-sm flex gap-1.5 items-center whitespace-nowrap" }, $ = { class: "flex items-center justify-center h-4 w-4" }, A = /* @__PURE__ */ y({
+const W = { class: "font-medium m-0 text-xs flex gap-1.5 items-center whitespace-nowrap" }, $ = { class: "flex items-center justify-center h-4 w-4" }, A = /* @__PURE__ */ y({
   __name: "EnvironmentSelector",
   setup(O) {
     const {
@@ -24,11 +24,11 @@ const W = { class: "font-medium m-0 text-sm flex gap-1.5 items-center whitespace
           (l(!0), f(N, null, D(_.value, (t) => (l(), v(e(u), {
             key: t.uid,
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-            onClick: h((R) => p(t.uid), ["stop"])
+            onClick: x((R) => p(t.uid), ["stop"])
           }, {
             default: r(() => [
               s("div", {
-                class: w([
+                class: h([
                   "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
                   e(i).activeEnvironmentId === t.uid ? "bg-blue text-b-1" : "text-transparent"
                 ])
@@ -39,17 +39,17 @@ const W = { class: "font-medium m-0 text-sm flex gap-1.5 items-center whitespace
                   thickness: "3.5"
                 })
               ], 2),
-              d(" " + x(t.name), 1)
+              d(" " + w(t.name), 1)
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
           n(e(u), {
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-            onClick: o[0] || (o[0] = h((t) => p(""), ["stop"]))
+            onClick: o[0] || (o[0] = x((t) => p(""), ["stop"]))
           }, {
             default: r(() => [
               s("div", {
-                class: w([
+                class: h([
                   "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
                   e(i).activeEnvironmentId === "" ? "bg-blue text-b-1" : "text-transparent"
                 ])
@@ -84,7 +84,7 @@ const W = { class: "font-medium m-0 text-sm flex gap-1.5 items-center whitespace
         ]),
         default: r(() => [
           n(e(I), {
-            class: "font-normal h-auto justify-start py-1.5 px-1.5 text-c-1 hover:bg-b-2 text-c-2 w-fit",
+            class: "font-normal h-auto justify-start py-1.5 px-1.5 pl-2 text-c-1 hover:bg-b-2 text-c-3 w-fit",
             fullWidth: "",
             variant: "ghost"
           }, {
@@ -92,7 +92,7 @@ const W = { class: "font-medium m-0 text-sm flex gap-1.5 items-center whitespace
               var t;
               return [
                 s("h2", W, [
-                  d(x(((t = e(g)) == null ? void 0 : t.name) ?? "No Environment") + " ", 1),
+                  d(w(((t = e(g)) == null ? void 0 : t.name) ?? "No Environment") + " ", 1),
                   n(e(c), {
                     class: "size-3",
                     icon: "ChevronDown",