@scalar/api-client 2.2.49 → 2.2.51

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @scalar/api-client
 
+## 2.2.51
+
+### Patch Changes
+
+- 58a8efd: fix: empty state with no collection requests
+
+## 2.2.50
+
+### Patch Changes
+
+- e350f23: chore: code style
+- e47a698: feat: adds request parameter value validation alert
+- debcb82: fix: allow pressing modified hotkeys in inputs
+- debcb82: fix: allow hitting enter to submit in the address bar
+- 738d21c: chore: add brand to uids
+- 459ad57: chore: remove active entities for prop drilling
+- Updated dependencies [e350f23]
+- Updated dependencies [e47a698]
+- Updated dependencies [738d21c]
+- Updated dependencies [e47a698]
+  - @scalar/openapi-parser@0.10.8
+  - @scalar/openapi-types@0.1.8
+  - @scalar/components@0.13.25
+  - @scalar/oas-utils@0.2.107
+  - @scalar/snippetz@0.2.14
+  - @scalar/themes@0.9.68
+  - @scalar/import@0.2.27
+  - @scalar/draggable@0.1.10
+  - @scalar/icons@0.1.3
+  - @scalar/object-utils@1.1.13
+  - @scalar/postman-to-openapi@0.1.30
+  - @scalar/types@0.0.34
+  - @scalar/use-codemirror@0.11.70
+  - @scalar/use-hooks@0.1.22
+  - @scalar/use-toasts@0.7.9
+  - @scalar/use-tooltip@1.0.6
+
 ## 2.2.49
 
 ### Patch Changes

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

@@ -1,7 +1,19 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+import type { Environment } from '@scalar/oas-utils/entities/environment';
+import type { Collection, Operation, Server } from '@scalar/oas-utils/entities/spec';
+import type { Workspace } from '@scalar/oas-utils/entities/workspace';
+import type { EnvVariable } from '../../store/active-entities';
+type __VLS_Props = {
+    collection: Collection;
+    operation: Operation;
+    server: Server | undefined;
+    environment: Environment;
+    envVariables: EnvVariable[];
+    workspace: Workspace;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     importCurl: (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onImportCurl?: (value: string) => any;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=AddressBar.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AA8vBA,wBAMG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":"AAuVA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAET,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAQrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;;;;;AA6ZJ,wBAQG"}

package/dist/components/AddressBar/AddressBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./AddressBar.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f37ba3d4"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b4d63e6c"]]);
 export {
   d as default
 };

package/dist/components/AddressBar/AddressBar.vue2.js

@@ -1,145 +1,153 @@
-import { defineComponent as M, useId as H, ref as n, watch as N, unref as t, openBlock as y, createElementBlock as T, createElementVNode as r, normalizeClass as $, normalizeStyle as O, createVNode as u, createBlock as P, createCommentVNode as q, withCtx as D } from "vue";
-import K from "../CodeInput/CodeInput.vue.js";
-import { useActiveEntities as Q } from "../../store/active-entities.js";
-import { ScalarButton as W, ScalarIcon as j } from "@scalar/components";
-import { REQUEST_METHODS as F } from "@scalar/oas-utils/helpers";
-import G from "../HttpMethod/HttpMethod.vue.js";
-import J from "./AddressBarHistory.vue.js";
-import X from "../Server/ServerDropdown.vue.js";
-import { useWorkspace as Y } from "../../store/store.js";
-import { useLayout as Z } from "../../hooks/useLayout.js";
-const ee = ["id"], te = { class: "m-auto flex flex-row items-center" }, le = { class: "addressbar-bg-states group text-xxs relative flex w-full xl:min-w-[720px] xl:max-w-[720px] lg:min-w-[580px] lg:max-w-[580px] order-last lg:order-none flex-1 flex-row items-stretch rounded-lg p-0.75 max-w-[calc(100dvw-24px)]" }, ae = { class: "border rounded-lg pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden" }, re = { class: "flex gap-1 z-context-plus" }, oe = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full" }, se = {
+import { defineComponent as S, useId as V, ref as i, watch as z, openBlock as b, createElementBlock as I, unref as a, createElementVNode as o, normalizeClass as L, normalizeStyle as U, createVNode as d, createBlock as M, createCommentVNode as A, withCtx as H } from "vue";
+import { ScalarButton as N, ScalarIcon as T } from "@scalar/components";
+import { REQUEST_METHODS as $ } from "@scalar/oas-utils/helpers";
+import O from "../CodeInput/CodeInput.vue.js";
+import P from "../HttpMethod/HttpMethod.vue.js";
+import D from "./AddressBarHistory.vue.js";
+import K from "../Server/ServerDropdown.vue.js";
+import { useWorkspace as Q } from "../../store/store.js";
+import { useLayout as W } from "../../hooks/useLayout.js";
+const j = ["id"], F = { class: "m-auto flex flex-row items-center" }, G = { class: "addressbar-bg-states text-xxs p-0.75 group relative order-last flex w-full max-w-[calc(100dvw-24px)] flex-1 flex-row items-stretch rounded-lg lg:order-none lg:min-w-[580px] lg:max-w-[580px] xl:min-w-[720px] xl:max-w-[720px]" }, J = { class: "pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden rounded-lg border" }, X = { class: "z-context-plus flex gap-1" }, Y = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full" }, Z = {
   "aria-hidden": "true",
-  class: "inline-flex gap-1 items-center"
-}, ge = /* @__PURE__ */ M({
+  class: "inline-flex items-center gap-1"
+}, ie = /* @__PURE__ */ S({
   __name: "AddressBar",
+  props: {
+    collection: {},
+    operation: {},
+    server: {},
+    environment: {},
+    envVariables: {},
+    workspace: {}
+  },
   emits: ["importCurl"],
-  setup(ie) {
-    const d = H(), { activeRequest: l, activeExample: B, activeServer: c, activeCollection: f } = Q(), { requestMutators: m, events: v } = Y(), { layout: x } = Z(), h = n(null), E = (e) => {
-      !l.value || l.value.path === e || m.edit(l.value.uid, "path", e);
+  setup(n) {
+    const u = V(), { requestMutators: c, events: f } = Q(), { layout: p } = W(), v = i(null), x = (e) => {
+      n.operation.path !== e && c.edit(n.operation.uid, "path", e);
     };
-    N(
-      () => {
-        var e;
-        return (e = l.value) == null ? void 0 : e.path;
-      },
+    z(
+      () => n.operation.path,
       (e) => {
-        !l.value || !e || E(e);
+        e && x(e);
       }
     );
-    const o = n(100), g = n(0), s = n(!1), i = n();
-    function R() {
-      s.value ? o.value -= (o.value - 15) / 60 : o.value -= g.value / 20, o.value <= 0 && (clearInterval(i.value), i.value = void 0, o.value = 100, s.value = !1);
+    const l = i(100), h = i(0), r = i(!1), s = i();
+    function w() {
+      r.value ? l.value -= (l.value - 15) / 60 : l.value -= h.value / 20, l.value <= 0 && (clearInterval(s.value), s.value = void 0, l.value = 100, r.value = !1);
     }
-    function S() {
-      i.value || (s.value = !0, i.value = setInterval(R, 20));
+    function k() {
+      s.value || (r.value = !0, s.value = setInterval(w, 20));
     }
-    function z() {
-      g.value = o.value, s.value = !1;
+    function C() {
+      h.value = l.value, r.value = !1;
     }
-    function I() {
-      clearInterval(i.value), i.value = void 0, o.value = 100, s.value = !1;
+    function y() {
+      clearInterval(s.value), s.value = void 0, l.value = 100, r.value = !1;
     }
-    v.requestStatus.on((e) => {
-      e === "start" && S(), e === "stop" && z(), e === "abort" && I();
+    f.requestStatus.on((e) => {
+      e === "start" && k(), e === "stop" && C(), e === "abort" && y();
     });
-    function V(e) {
-      l.value && m.edit(l.value.uid, "method", e);
+    function B(e) {
+      c.edit(n.operation.uid, "method", e);
     }
-    function L() {
-      if (!l.value) return;
-      const { method: e } = l.value;
-      return F[e].backgroundColor;
+    function q() {
+      const { method: e } = n.operation;
+      return $[e].backgroundColor;
     }
-    function p() {
-      s.value || !l.value || (s.value = !0, v.executeRequest.emit({ requestUid: l.value.uid }));
+    function m() {
+      r.value || (r.value = !0, f.executeRequest.emit({ requestUid: n.operation.uid }));
     }
-    v.hotKeys.on((e) => {
-      var a;
-      e != null && e.focusAddressBar && ((a = h.value) == null || a.focus()), e != null && e.executeRequest && p();
+    f.hotKeys.on((e) => {
+      var t;
+      e != null && e.focusAddressBar && ((t = v.value) == null || t.focus()), e != null && e.executeRequest && m();
     });
-    function U(e) {
-      l.value && m.edit(l.value.uid, "path", e);
+    function R(e) {
+      c.edit(n.operation.uid, "path", e);
     }
-    return (e, a) => {
-      var b, w, C, _, k;
-      return t(l) && t(B) ? (y(), T("div", {
-        key: 0,
-        id: t(d),
-        class: "scalar-address-bar order-last lg:order-none lg:w-auto w-full [--scalar-address-bar-height:32px] h-[--scalar-address-bar-height]"
+    return (e, t) => {
+      var g;
+      return b(), I("div", {
+        id: a(u),
+        class: "scalar-address-bar order-last h-[--scalar-address-bar-height] w-full [--scalar-address-bar-height:32px] lg:order-none lg:w-auto"
       }, [
-        r("div", te, [
-          r("div", le, [
-            r("div", ae, [
-              r("div", {
-                class: $(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full z-context", L()]),
-                style: O({ transform: `translate3d(-${o.value}%,0,0)` })
+        o("div", F, [
+          o("div", G, [
+            o("div", J, [
+              o("div", {
+                class: L(["bg-mix-transparent bg-mix-amount-90 z-context absolute left-0 top-0 h-full w-full", q()]),
+                style: U({ transform: `translate3d(-${l.value}%,0,0)` })
               }, null, 6)
             ]),
-            r("div", re, [
-              u(G, {
-                isEditable: t(x) !== "modal",
+            o("div", X, [
+              d(P, {
+                isEditable: a(p) !== "modal",
                 isSquare: "",
-                method: t(l).method,
+                method: e.operation.method,
                 teleport: "",
-                onChange: V
+                onChange: B
               }, null, 8, ["isEditable", "method"])
             ]),
-            r("div", oe, [
-              (w = (b = t(f)) == null ? void 0 : b.servers) != null && w.length ? (y(), P(t(X), {
+            o("div", Y, [
+              e.collection.servers.length ? (b(), M(a(K), {
                 key: 0,
-                collection: t(f),
+                collection: e.collection,
                 layout: "client",
-                operation: t(l),
-                server: t(c),
-                target: t(d)
-              }, null, 8, ["collection", "operation", "server", "target"])) : q("", !0),
-              a[1] || (a[1] = r("div", { class: "fade-left" }, null, -1)),
-              u(K, {
+                operation: e.operation,
+                server: e.server,
+                target: a(u)
+              }, null, 8, ["collection", "operation", "server", "target"])) : A("", !0),
+              t[1] || (t[1] = o("div", { class: "fade-left" }, null, -1)),
+              d(O, {
                 ref_key: "addressBarRef",
-                ref: h,
+                ref: v,
                 "aria-label": "Path",
-                class: "outline-none min-w-fit",
+                class: "min-w-fit outline-none",
                 disableCloseBrackets: "",
-                disabled: t(x) === "modal",
+                disabled: a(p) === "modal",
                 disableEnter: "",
                 disableTabIndent: "",
                 emitOnBlur: !1,
+                envVariables: e.envVariables,
+                environment: e.environment,
                 importCurl: "",
-                modelValue: t(l).path,
-                placeholder: (C = t(c)) != null && C.uid && ((k = (_ = t(f)) == null ? void 0 : _.servers) != null && k.includes(t(c).uid)) ? "" : "Enter a URL or cURL command",
+                modelValue: e.operation.path,
+                placeholder: (g = e.server) != null && g.uid && e.collection.servers.includes(e.server.uid) ? "" : "Enter a URL or cURL command",
                 server: "",
-                onCurl: a[0] || (a[0] = (A) => e.$emit("importCurl", A)),
-                onSubmit: p,
-                "onUpdate:modelValue": U
-              }, null, 8, ["disabled", "modelValue", "placeholder"]),
-              a[2] || (a[2] = r("div", { class: "fade-right" }, null, -1))
+                workspace: e.workspace,
+                onCurl: t[0] || (t[0] = (E) => e.$emit("importCurl", E)),
+                onSubmit: m,
+                "onUpdate:modelValue": R
+              }, null, 8, ["disabled", "envVariables", "environment", "modelValue", "placeholder", "workspace"]),
+              t[2] || (t[2] = o("div", { class: "fade-right" }, null, -1))
             ]),
-            u(J, { target: t(d) }, null, 8, ["target"]),
-            u(t(W), {
-              class: "relative h-auto shrink-0 z-context-plus overflow-hidden pl-2 pr-2.5 py-1 font-bold",
-              disabled: s.value,
-              onClick: p
+            d(D, {
+              operation: e.operation,
+              target: a(u)
+            }, null, 8, ["operation", "target"]),
+            d(a(N), {
+              class: "z-context-plus relative h-auto shrink-0 overflow-hidden py-1 pl-2 pr-2.5 font-bold",
+              disabled: r.value,
+              onClick: m
             }, {
-              default: D(() => [
-                r("span", se, [
-                  u(t(j), {
+              default: H(() => [
+                o("span", Z, [
+                  d(a(T), {
                     class: "relative shrink-0 fill-current",
                     icon: "Play",
                     size: "xs"
                   }),
-                  a[3] || (a[3] = r("span", { class: "text-xxs lg:flex hidden" }, "Send", -1))
+                  t[3] || (t[3] = o("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
                 ]),
-                a[4] || (a[4] = r("span", { class: "sr-only" }, " Send Request ", -1))
+                t[4] || (t[4] = o("span", { class: "sr-only" }, " Send Request ", -1))
               ]),
               _: 1
             }, 8, ["disabled"])
           ])
         ])
-      ], 8, ee)) : q("", !0);
+      ], 8, j);
     };
   }
 });
 export {
-  ge as default
+  ie as default
 };

package/dist/components/AddressBar/AddressBarHistory.vue.d.ts

@@ -1,4 +1,6 @@
+import type { Operation } from '@scalar/oas-utils/entities/spec';
 type __VLS_Props = {
+    operation: Operation;
     /** The id of the target to use for the popover (e.g. address bar) */
     target: string;
 };

package/dist/components/AddressBar/AddressBarHistory.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":"AA0LA,KAAK,WAAW,GAAG;IACjB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AA0QF,wBAOG"}
+{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":"AA8KA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,iCAAiC,CAAA;AAU9E,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AA0QF,wBAOG"}

package/dist/components/AddressBar/AddressBarHistory.vue.js

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

package/dist/components/AddressBar/AddressBarHistory.vue2.js

@@ -1,98 +1,94 @@
-import { defineComponent as C, ref as y, computed as S, openBlock as n, createBlock as i, unref as e, withCtx as a, createVNode as d, createSlots as B, createElementVNode as l, createCommentVNode as h, normalizeStyle as H, createElementBlock as V, Fragment as w, renderList as z, toDisplayString as m, normalizeClass as L } from "vue";
-import { formatMs as E } from "../../libs/formatters.js";
-import { PathId as k } from "../../routes.js";
-import { useActiveEntities as R } from "../../store/active-entities.js";
-import { Listbox as U, ListboxButton as F, ListboxOptions as I, ListboxOption as M } from "@headlessui/vue";
-import { ScalarFloating as N, ScalarIcon as A, ScalarFloatingBackdrop as O } from "@scalar/components";
+import { defineComponent as y, ref as S, computed as _, openBlock as n, createBlock as i, unref as e, withCtx as r, createVNode as u, createSlots as B, createElementVNode as a, createCommentVNode as k, normalizeStyle as H, createElementBlock as V, Fragment as w, renderList as z, toDisplayString as d, normalizeClass as L } from "vue";
+import { formatMs as U } from "../../libs/formatters.js";
+import { PathId as v } from "../../routes.js";
+import { Listbox as E, ListboxButton as F, ListboxOptions as I, ListboxOption as M } from "@headlessui/vue";
+import { ScalarFloating as N, ScalarIcon as R, ScalarFloatingBackdrop as O } from "@scalar/components";
 import { httpStatusCodes as W } from "@scalar/oas-utils/helpers";
-import { useRouter as D } from "vue-router";
-import P from "../HttpMethod/HttpMethod.vue.js";
-import { getStatusCodeColor as $ } from "./httpStatusCodeColors.js";
-import { useWorkspace as j } from "../../store/store.js";
-const G = { class: "min-w-0" }, J = { class: "min-w-0 truncate text-c-1" }, le = /* @__PURE__ */ C({
+import { useRouter as A } from "vue-router";
+import D from "../HttpMethod/HttpMethod.vue.js";
+import { getStatusCodeColor as P } from "./httpStatusCodeColors.js";
+import { useWorkspace as $ } from "../../store/store.js";
+const j = { class: "min-w-0" }, G = { class: "min-w-0 truncate text-c-1" }, se = /* @__PURE__ */ y({
   __name: "AddressBarHistory",
   props: {
+    operation: {},
     target: {}
   },
-  setup(K) {
-    const { activeRequest: p } = R(), { requestHistory: f, requestExampleMutators: q } = j(), v = D(), x = y(f[0] ?? null), g = S(
-      () => f.filter((o) => {
-        var t;
-        return o.request.requestUid === ((t = p.value) == null ? void 0 : t.uid);
-      }).slice().reverse()
+  setup(p) {
+    const { requestHistory: f, requestExampleMutators: b } = $(), x = A(), g = S(f[0] ?? null), h = _(
+      () => f.filter((o) => o.request.requestUid === p.operation.uid).slice().reverse()
     );
-    function _(o) {
-      var r;
-      const t = v.currentRoute.value.params.workspace;
-      ((r = p.value) == null ? void 0 : r.uid) !== o.request.requestUid && v.push({
+    function q(o) {
+      const s = x.currentRoute.value.params.workspace;
+      p.operation.uid !== o.request.requestUid && x.push({
         name: "request",
         params: {
-          [k.Workspace]: t,
-          [k.Request]: o.request.requestUid
+          [v.Workspace]: s,
+          [v.Request]: o.request.requestUid
         }
-      }), q.set({ ...o.request });
+      }), b.set({ ...o.request });
     }
-    return (o, t) => (n(), i(e(U), {
-      modelValue: x.value,
-      "onUpdate:modelValue": t[0] || (t[0] = (r) => x.value = r)
+    return (o, s) => (n(), i(e(E), {
+      modelValue: g.value,
+      "onUpdate:modelValue": s[0] || (s[0] = (m) => g.value = m)
     }, {
-      default: a(({ open: r }) => [
-        d(e(N), {
+      default: r(({ open: m }) => [
+        u(e(N), {
           offset: 0,
           resize: "",
           target: o.target
         }, B({
-          default: a(() => {
-            var u;
+          default: r(() => {
+            var l;
             return [
-              (u = g.value) != null && u.length ? (n(), i(e(F), {
+              (l = h.value) != null && l.length ? (n(), i(e(F), {
                 key: 0,
                 class: "addressbar-history-button z-context-plus mr-1 rounded-lg p-1.5 text-c-3 focus:text-c-1"
               }, {
-                default: a(() => [
-                  d(e(A), {
+                default: r(() => [
+                  u(e(R), {
                     icon: "History",
                     size: "sm",
                     thickness: "2.25"
                   }),
-                  t[1] || (t[1] = l("span", { class: "sr-only" }, "Request History", -1))
+                  s[1] || (s[1] = a("span", { class: "sr-only" }, "Request History", -1))
                 ]),
                 _: 1
-              })) : h("", !0)
+              })) : k("", !0)
             ];
           }),
           _: 2
         }, [
-          r ? {
+          m ? {
             name: "floating",
-            fn: a(({ width: u }) => [
-              d(e(I), {
+            fn: r(({ width: l }) => [
+              u(e(I), {
                 class: "address-bg-states border-t custom-scroll max-h-[inherit] p-0.75 grid grid-cols-[44px,1fr,repeat(3,auto)] items-center",
-                style: H({ width: u })
+                style: H({ width: l })
               }, {
-                default: a(() => [
-                  (n(!0), V(w, null, z(g.value, (s, b) => (n(), i(e(M), {
-                    key: s.timestamp,
+                default: r(() => [
+                  (n(!0), V(w, null, z(h.value, (t, C) => (n(), i(e(M), {
+                    key: t.timestamp,
                     class: "contents font-code text-sm *:rounded-none first:*:rounded-l last:*:rounded-r *:h-8 *:ui-active:bg-b-2 *:flex *:items-center *:cursor-pointer *:px-1.5 text-c-2 font-medium",
-                    value: b,
-                    onClick: (c) => _(s)
+                    value: C,
+                    onClick: (c) => q(t)
                   }, {
-                    default: a(() => {
+                    default: r(() => {
                       var c;
                       return [
-                        s.response.method ? (n(), i(P, {
+                        t.response.method ? (n(), i(D, {
                           key: 0,
                           class: "text-[11px]",
-                          method: s.response.method
-                        }, null, 8, ["method"])) : h("", !0),
-                        l("div", G, [
-                          l("div", J, m(s.response.path), 1)
+                          method: t.response.method
+                        }, null, 8, ["method"])) : k("", !0),
+                        a("div", j, [
+                          a("div", G, d(t.response.path), 1)
                         ]),
-                        l("div", null, m(e(E)(s.response.duration)), 1),
-                        l("div", {
-                          class: L([e($)(s.response.status).color])
-                        }, m(s.response.status), 3),
-                        l("div", null, m((c = e(W)[s.response.status]) == null ? void 0 : c.name), 1)
+                        a("div", null, d(e(U)(t.response.duration)), 1),
+                        a("div", {
+                          class: L([e(P)(t.response.status).color])
+                        }, d(t.response.status), 3),
+                        a("div", null, d((c = e(W)[t.response.status]) == null ? void 0 : c.name), 1)
                       ];
                     }),
                     _: 2
@@ -100,7 +96,7 @@ const G = { class: "min-w-0" }, J = { class: "min-w-0 truncate text-c-1" }, le =
                 ]),
                 _: 2
               }, 1032, ["style"]),
-              d(e(O), { class: "-top-[--scalar-address-bar-height] rounded-lg" })
+              u(e(O), { class: "-top-[--scalar-address-bar-height] rounded-lg" })
             ]),
             key: "0"
           } : void 0
@@ -111,5 +107,5 @@ const G = { class: "min-w-0" }, J = { class: "min-w-0 truncate text-c-1" }, le =
   }
 });
 export {
-  le as default
+  se as default
 };

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

@@ -1,4 +1,7 @@
+import type { Workspace } from '@scalar/oas-utils/entities';
+import type { Environment } from '@scalar/oas-utils/entities/environment';
 import { type CodeMirrorLanguage } from '@scalar/use-codemirror';
+import type { EnvVariable } from '../../store/active-entities';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     colorPicker?: boolean;
     disabled?: boolean;
@@ -23,6 +26,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     importCurl?: boolean;
     isCopyable?: boolean;
     default?: string | number;
+    environment: Environment;
+    envVariables: EnvVariable[];
+    workspace: Workspace;
 }, {
     focus: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -53,6 +59,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     importCurl?: boolean;
     isCopyable?: boolean;
     default?: string | number;
+    environment: Environment;
+    envVariables: EnvVariable[];
+    workspace: Workspace;
 }> & Readonly<{
     onSubmit?: (v: string) => any;
     "onUpdate:modelValue"?: (v: string) => any;
@@ -60,11 +69,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>, {
     disabled: boolean;
     emitOnBlur: boolean;
+    nullable: boolean;
     colorPicker: boolean;
     disableTabIndent: boolean;
     disableEnter: boolean;
     disableCloseBrackets: boolean;
-    nullable: boolean;
     withVariables: boolean;
     isCopyable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

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":"AA6eA,OAAO,EAIL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;;kBAkBb,OAAO;eACV,OAAO;gBACN,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;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;;;kBAtBX,OAAO;eACV,OAAO;gBACN,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;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;cArBd,OAAO;gBAGL,OAAO;iBAJN,OAAO;sBAOF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAInB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBAgdM,GAAG;kBACN,GAAG;;AAze9B,wBAsiBC;AAeD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,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":"AAgfA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,EAIL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAYxC,OAAO;eACV,OAAO;gBACN,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;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;;kBAzBN,OAAO;eACV,OAAO;gBACN,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;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;cAxBT,OAAO;gBAGL,OAAO;cAcT,OAAO;iBAlBJ,OAAO;sBAOF,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;gBAEV,OAAO;;qBAqdM,GAAG;kBACN,GAAG;;AA9e9B,wBAyiBC;AAeD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,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-5ee3c100"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4d46a9ea"]]);
 export {
-  _ as default
+  e as default
 };