@scalar/api-client 2.1.45 → 2.1.46

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @scalar/api-client
 
+## 2.1.46
+
+### Patch Changes
+
+- ecdf18d: style(api-client: link to scalar on client + fix some visual bugs
+- caa45c9: feat(api-client): change sidenav to header only for web api client view
+- 9eb6650: feat: add support for the x-defaultClientId extension
+- 4a3c873: fix: adds missing hover in context bar
+- 15a47e6: feat: indicate which auth is required
+- 576e94a: fix: remove loop from media response
+- 09a6fba: fix: add missing proxy on import modal
+- be50225: fix: improve API client modal accessibility
+- 0a0ca71: style(api-client): make roadmap button slightly more prominent
+- Updated dependencies [4bcaa75]
+- Updated dependencies [9eb6650]
+- Updated dependencies [c98a99c]
+- Updated dependencies [c98a99c]
+- Updated dependencies [be50225]
+  - @scalar/oas-utils@0.2.72
+  - @scalar/import@0.1.0
+  - @scalar/components@0.12.66
+  - @scalar/use-codemirror@0.11.33
+
 ## 2.1.45
 
 ### Patch Changes

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":";;;;;AAkwBA,wBAMG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AAgxBA,wBAMG"}

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 a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1dd69544"]]);
+const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0d3d8fab"]]);
 export {
-  a as default
+  s as default
 };

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

@@ -1,7 +1,7 @@
-import { defineComponent as H, ref as u, watch as L, onMounted as z, onBeforeUnmount as K, unref as o, openBlock as O, createElementBlock as A, createElementVNode as r, createVNode as n, withCtx as w, normalizeClass as C, normalizeStyle as N, createCommentVNode as T } from "vue";
+import { defineComponent as H, ref as u, watch as L, onMounted as z, onBeforeUnmount as K, unref as a, openBlock as O, createElementBlock as A, createElementVNode as o, createVNode as n, withCtx as w, normalizeClass as y, normalizeStyle as N, createCommentVNode as T } from "vue";
 import $ from "../CodeInput/CodeInput.vue.js";
-import { Listbox as D } from "@headlessui/vue";
-import { ScalarButton as P, ScalarIcon as Q } from "@scalar/components";
+import { Listbox as P } from "@headlessui/vue";
+import { ScalarButton as D, ScalarIcon as Q } from "@scalar/components";
 import { REQUEST_METHODS as W } from "@scalar/oas-utils/helpers";
 import { isMacOS as j } from "@scalar/use-tooltip";
 import { useMagicKeys as F, whenever as G } from "@vueuse/core";
@@ -12,131 +12,139 @@ import { useWorkspace as Z } from "../../store/store.js";
 const ee = {
   key: 0,
   class: "order-last lg:order-none lg:w-auto w-full"
-}, te = { class: "m-auto flex flex-row items-center" }, le = { class: "pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden" }, oe = { class: "flex gap-1" }, re = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, xe = /* @__PURE__ */ H({
+}, te = { class: "m-auto flex flex-row items-center" }, le = { class: "pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden" }, oe = { class: "flex gap-1" }, ae = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, re = {
+  "aria-hidden": "true",
+  class: "inline-flex gap-1 items-center"
+}, be = /* @__PURE__ */ H({
   __name: "AddressBar",
   emits: ["importCurl"],
-  setup(ae) {
+  setup(se) {
     const {
-      activeRequest: t,
-      activeExample: _,
-      activeServer: y,
-      isReadOnly: v,
+      activeRequest: l,
+      activeExample: C,
+      activeServer: _,
+      isReadOnly: c,
       requestMutators: m,
-      requestHistory: k,
+      requestHistory: R,
       events: d
-    } = Z(), c = u(k[0]), p = u(null), h = F();
+    } = Z(), v = u(R[0]), p = u(null), h = F();
     G(
       j() ? h.meta_enter : h.ctrl_enter,
       () => d.executeRequest.emit()
     );
-    const R = (e) => {
-      !t.value || t.value.path === e || m.edit(t.value.uid, "path", e);
+    const k = (e) => {
+      !l.value || l.value.path === e || m.edit(l.value.uid, "path", e);
     };
     L(
       () => {
         var e;
-        return (e = t.value) == null ? void 0 : e.path;
+        return (e = l.value) == null ? void 0 : e.path;
       },
       (e) => {
-        !t.value || !e || R(e);
+        !l.value || !e || k(e);
       }
     );
-    const a = u(100), x = u(0), s = u(!1), i = u();
+    const r = u(100), x = u(0), s = u(!1), i = u();
     function q() {
-      s.value ? a.value -= (a.value - 15) / 60 : a.value -= x.value / 20, a.value <= 0 && (clearInterval(i.value), i.value = void 0, a.value = 100, s.value = !1);
+      s.value ? r.value -= (r.value - 15) / 60 : r.value -= x.value / 20, r.value <= 0 && (clearInterval(i.value), i.value = void 0, r.value = 100, s.value = !1);
     }
     function B() {
       i.value || (s.value = !0, i.value = setInterval(q, 20));
     }
-    function E() {
-      x.value = a.value, s.value = !1;
-    }
     function S() {
-      clearInterval(i.value), i.value = void 0, a.value = 100, s.value = !1;
+      x.value = r.value, s.value = !1;
+    }
+    function E() {
+      clearInterval(i.value), i.value = void 0, r.value = 100, s.value = !1;
     }
     d.requestStatus.on((e) => {
-      e === "start" && B(), e === "stop" && E(), e === "abort" && S();
+      e === "start" && B(), e === "stop" && S(), e === "abort" && E();
     });
     function V(e) {
-      t.value && m.edit(t.value.uid, "method", e);
+      l.value && m.edit(l.value.uid, "method", e);
     }
     function M() {
-      if (!t.value) return;
-      const { method: e } = t.value;
+      if (!l.value) return;
+      const { method: e } = l.value;
       return W[e].backgroundColor;
     }
     function b() {
       s.value || (s.value = !0, d.executeRequest.emit());
     }
     function I(e) {
-      t.value && m.edit(t.value.uid, "path", e);
+      l.value && m.edit(l.value.uid, "path", e);
     }
     function g(e) {
-      var l;
-      e != null && e.focusAddressBar && ((l = p.value) == null || l.focus());
+      var t;
+      e != null && e.focusAddressBar && ((t = p.value) == null || t.focus());
     }
-    return z(() => d.hotKeys.on(g)), K(() => d.hotKeys.off(g)), (e, l) => o(t) && o(_) ? (O(), A("div", ee, [
-      r("div", te, [
-        n(o(D), {
-          modelValue: c.value,
-          "onUpdate:modelValue": l[1] || (l[1] = (f) => c.value = f)
+    return z(() => d.hotKeys.on(g)), K(() => d.hotKeys.off(g)), (e, t) => a(l) && a(C) ? (O(), A("div", ee, [
+      o("div", te, [
+        n(a(P), {
+          modelValue: v.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (f) => v.value = f)
         }, {
           default: w(({ open: f }) => [
-            r("div", {
-              class: C([
+            o("div", {
+              class: y([
                 "addressbar-bg-states text-xxs relative flex w-full lg:min-w-[720px] lg:max-w-[720px] order-last overflow-hidden lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
                 { "border-transparent overflow-visible rounded-b-none": f }
               ])
             }, [
-              r("div", le, [
-                r("div", {
-                  class: C(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full z-context", M()]),
-                  style: N({ transform: `translate3d(-${a.value}%,0,0)` })
+              o("div", le, [
+                o("div", {
+                  class: y(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full z-context", M()]),
+                  style: N({ transform: `translate3d(-${r.value}%,0,0)` })
                 }, null, 6)
               ]),
-              r("div", oe, [
+              o("div", oe, [
                 n(J, {
-                  isEditable: !o(v),
+                  isEditable: !a(c),
                   isSquare: "",
-                  method: o(t).method,
+                  method: a(l).method,
                   teleport: ".scalar-client",
                   onChange: V
                 }, null, 8, ["isEditable", "method"])
               ]),
-              r("div", re, [
-                l[2] || (l[2] = r("div", { class: "fade-left" }, null, -1)),
+              o("div", ae, [
+                t[2] || (t[2] = o("div", { class: "fade-left" }, null, -1)),
                 n(Y),
                 n($, {
                   ref_key: "addressBarRef",
                   ref: p,
+                  "aria-label": "Path",
+                  class: "outline-none",
                   disableCloseBrackets: "",
-                  disabled: o(v),
+                  disabled: a(c),
                   disableEnter: "",
                   disableTabIndent: "",
                   emitOnBlur: !1,
                   importCurl: "",
-                  modelValue: o(t).path,
-                  placeholder: o(y) ? "" : "Enter a URL or cURL command",
+                  modelValue: a(l).path,
+                  placeholder: a(_) ? "" : "Enter a URL or cURL command",
                   server: "",
-                  onCurl: l[0] || (l[0] = (U) => e.$emit("importCurl", U)),
+                  onCurl: t[0] || (t[0] = (U) => e.$emit("importCurl", U)),
                   onSubmit: b,
                   "onUpdate:modelValue": I
                 }, null, 8, ["disabled", "modelValue", "placeholder"]),
-                l[3] || (l[3] = r("div", { class: "fade-right" }, null, -1))
+                t[3] || (t[3] = o("div", { class: "fade-right" }, null, -1))
               ]),
               n(X, { open: f }, null, 8, ["open"]),
-              n(o(P), {
-                class: "relative h-auto shrink-0 gap-1 overflow-hidden pl-2 pr-2.5 py-1 font-bold",
+              n(a(D), {
+                class: "relative h-auto shrink-0 overflow-hidden pl-2 pr-2.5 py-1 font-bold",
                 disabled: s.value,
                 onClick: b
               }, {
                 default: w(() => [
-                  n(o(Q), {
-                    class: "relative shrink-0 fill-current",
-                    icon: "Play",
-                    size: "xs"
-                  }),
-                  l[4] || (l[4] = r("span", { class: "text-xxs relative lg:flex hidden" }, "Send", -1))
+                  o("span", re, [
+                    n(a(Q), {
+                      class: "relative shrink-0 fill-current",
+                      icon: "Play",
+                      size: "xs"
+                    }),
+                    t[4] || (t[4] = o("span", { class: "text-xxs lg:flex hidden" }, "Send", -1))
+                  ]),
+                  t[5] || (t[5] = o("span", { class: "sr-only" }, " Send Request ", -1))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -149,5 +157,5 @@ const ee = {
   }
 });
 export {
-  xe as default
+  be as default
 };

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 a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0e166ebf"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9c5cf81b"]]);
 export {
-  a as default
+  c as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as q, openBlock as u, createElementBlock as b, Fragment as h, createBlock as c, unref as o, withCtx as i, createVNode as x, createCommentVNode as v, createElementVNode as r, normalizeClass as g, renderList as B, toDisplayString as l } from "vue";
+import { defineComponent as C, computed as q, openBlock as u, createElementBlock as b, Fragment as h, createBlock as i, unref as o, withCtx as c, createVNode as x, createCommentVNode as v, createElementVNode as r, normalizeClass as g, renderList as B, toDisplayString as l } from "vue";
 import { formatMs as H } from "../../libs/formatters.js";
 import { ListboxButton as y, ListboxOptions as L, ListboxOption as S } from "@headlessui/vue";
 import { ScalarIcon as z } from "@scalar/components";
@@ -29,11 +29,11 @@ const $ = { class: "min-w-0" }, I = { class: "min-w-0 truncate text-c-1" }, P =
     return (t, s) => {
       var n;
       return u(), b(h, null, [
-        (n = m.value) != null && n.length ? (u(), c(o(y), {
+        (n = m.value) != null && n.length ? (u(), i(o(y), {
           key: 0,
           class: "addressbar-history-button mr-1 rounded-lg p-1.5 text-c-3 focus:text-c-1"
         }, {
-          default: i(() => [
+          default: c(() => [
             x(o(z), {
               icon: "History",
               size: "sm",
@@ -49,17 +49,17 @@ const $ = { class: "min-w-0" }, I = { class: "min-w-0 truncate text-c-1" }, P =
           ])
         }, [
           x(o(L), { class: "bg-b-1 border-t custom-scroll max-h-[300px] rounded-b-lg p-[3px] grid grid-cols-[44px,1fr,repeat(3,auto)] items-center" }, {
-            default: i(() => [
-              (u(!0), b(h, null, B(m.value, (e, f) => (u(), c(o(S), {
+            default: c(() => [
+              (u(!0), b(h, null, B(m.value, (e, f) => (u(), i(o(S), {
                 key: f,
-                class: "contents font-code text-sm *:rounded-none first:*:rounded-l last:*:rounded-r *:h-8 *:hover:bg-b-2 *:flex *:items-center *:cursor-pointer *:px-1.5 text-c-2 font-medium",
+                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: f,
                 onClick: (a) => w(e)
               }, {
-                default: i(() => {
+                default: c(() => {
                   var a;
                   return [
-                    e.response.method ? (u(), c(N, {
+                    e.response.method ? (u(), i(N, {
                       key: 0,
                       class: "text-[11px]",
                       method: e.response.method

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBarServer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServer.vue"],"names":[],"mappings":";AA8WA,wBAKG"}
+{"version":3,"file":"AddressBarServer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServer.vue"],"names":[],"mappings":";AAiXA,wBAKG"}

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

@@ -1,103 +1,106 @@
-import { defineComponent as O, computed as c, watch as R, openBlock as l, createBlock as S, unref as n, withCtx as w, createElementBlock as o, createCommentVNode as v, Fragment as m, renderList as g, createVNode as p, createElementVNode as i, withModifiers as V, toDisplayString as b } from "vue";
+import { defineComponent as V, computed as u, watch as O, openBlock as l, createBlock as S, unref as n, withCtx as w, createElementBlock as o, createCommentVNode as v, Fragment as m, renderList as g, createVNode as p, createElementVNode as a, createTextVNode as R, toDisplayString as b } from "vue";
 import { ScalarDropdown as W, ScalarDropdownDivider as C, ScalarDropdownItem as E, ScalarIcon as I } from "@scalar/components";
 import D from "./AddressBarServerItem.vue.js";
 import { useWorkspace as L } from "../../store/store.js";
-const M = {
+const T = {
+  class: "font-code lg:text-sm text-xs whitespace-nowrap border border-b-3 border-solid rounded px-1.5 py-0.5 text-c-2 -outline-offset-1",
+  type: "button"
+}, j = {
   key: 0,
   class: "text-xxs text-c-2 ml-8"
-}, j = { class: "flex items-center justify-center h-4 w-4" }, F = {
+}, F = { class: "flex items-center justify-center h-4 w-4" }, M = {
   key: 1,
   class: "flex whitespace-nowrap items-center font-code lg:text-sm text-xs"
-}, G = /* @__PURE__ */ O({
+}, H = /* @__PURE__ */ V({
   __name: "AddressBarServer",
   setup(P) {
     const {
-      activeRequest: k,
+      activeRequest: y,
       activeCollection: h,
       activeServer: x,
       isReadOnly: A,
-      servers: y,
-      collectionMutators: B,
-      events: N
-    } = L(), d = c(
+      servers: k,
+      collectionMutators: N,
+      events: B
+    } = L(), c = u(
       () => {
         var t, e;
-        return (e = (t = k.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
+        return (e = (t = y.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
           var s;
           return {
             id: r,
-            label: ((s = y[r]) == null ? void 0 : s.url) ?? "Unknown server"
+            label: ((s = k[r]) == null ? void 0 : s.url) ?? "Unknown server"
           };
         });
       }
-    ), u = c(
+    ), i = u(
       () => {
         var t, e;
         return (e = (t = h.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
           var s;
           return {
             id: r,
-            label: ((s = y[r]) == null ? void 0 : s.url) ?? "Unknown server"
+            label: ((s = k[r]) == null ? void 0 : s.url) ?? "Unknown server"
           };
         });
       }
-    ), _ = c(
+    ), _ = u(
       () => {
         var t, e;
-        return ((t = d.value) == null ? void 0 : t.length) && ((e = u.value) == null ? void 0 : e.length);
+        return ((t = c.value) == null ? void 0 : t.length) && ((e = i.value) == null ? void 0 : e.length);
       }
     );
-    R([h, k], ([t, e]) => {
-      !t || t.selectedServerUid || e != null && e.selectedServerUid || B.edit(
+    O([h, y], ([t, e]) => {
+      !t || t.selectedServerUid || e != null && e.selectedServerUid || N.edit(
         t.uid,
         "selectedServerUid",
         t.servers[0]
       );
     });
-    const U = () => N.commandPalette.emit({
+    const U = () => B.commandPalette.emit({
       commandName: "Add Server"
-    }), f = c(() => {
+    }), f = u(() => {
       var t, e, r;
       return (e = (t = x.value) == null ? void 0 : t.url) != null && e.endsWith("/") ? x.value.url.slice(0, -1) : ((r = x.value) == null ? void 0 : r.url) || "";
     });
     return (t, e) => {
       var r, s;
-      return d.value && ((r = d.value) == null ? void 0 : r.length) > 1 || u.value && ((s = u.value) == null ? void 0 : s.length) > 1 ? (l(), S(n(W), {
+      return c.value && ((r = c.value) == null ? void 0 : r.length) > 1 || i.value && ((s = i.value) == null ? void 0 : s.length) > 1 ? (l(), S(n(W), {
         key: 0,
         class: "w-max",
         teleport: ".scalar-client"
       }, {
         items: w(() => [
-          _.value ? (l(), o("div", M, " Request Servers ")) : v("", !0),
-          (l(!0), o(m, null, g(d.value, (a) => (l(), S(D, {
-            key: a.id,
-            serverOption: a,
+          _.value ? (l(), o("div", j, " Request Servers ")) : v("", !0),
+          (l(!0), o(m, null, g(c.value, (d) => (l(), S(D, {
+            key: d.id,
+            serverOption: d,
             type: "request"
           }, null, 8, ["serverOption"]))), 128)),
           _.value ? (l(), o(m, { key: 1 }, [
             p(n(C)),
-            e[1] || (e[1] = i("div", { class: "text-xxs text-c-2 ml-8" }, "Collection Servers", -1))
+            e[1] || (e[1] = a("div", { class: "text-xxs text-c-2 ml-8" }, "Collection Servers", -1))
           ], 64)) : v("", !0),
-          (l(!0), o(m, null, g(u.value, (a) => (l(), S(D, {
-            key: a.id,
-            serverOption: a,
+          (l(!0), o(m, null, g(i.value, (d) => (l(), S(D, {
+            key: d.id,
+            serverOption: d,
             type: "collection"
           }, null, 8, ["serverOption"]))), 128)),
           n(A) ? v("", !0) : (l(), o(m, { key: 2 }, [
             p(n(C)),
             p(n(E), null, {
               default: w(() => [
-                i("div", {
+                a("div", {
                   class: "font-code text-xxs flex items-center gap-1.5",
                   onClick: U
                 }, [
-                  i("div", j, [
+                  a("div", F, [
                     p(n(I), {
                       class: "h-2.5",
                       icon: "Add"
                     })
                   ]),
-                  e[2] || (e[2] = i("span", null, "Add Server", -1))
+                  e[2] || (e[2] = a("span", null, "Add Server", -1))
                 ])
               ]),
               _: 1
@@ -105,18 +108,16 @@ const M = {
           ], 64))
         ]),
         default: w(() => [
-          i("button", {
-            class: "font-code lg:text-sm text-xs whitespace-nowrap border border-b-3 border-solid rounded px-1.5 py-0.5 text-c-2",
-            type: "button",
-            onClick: e[0] || (e[0] = V(() => {
-            }, ["stop"]))
-          }, b(f.value), 1)
+          a("button", T, [
+            e[0] || (e[0] = a("span", { class: "sr-only" }, "Server:", -1)),
+            R(" " + b(f.value), 1)
+          ])
         ]),
         _: 1
-      })) : f.value ? (l(), o("div", F, b(f.value), 1)) : v("", !0);
+      })) : f.value ? (l(), o("div", M, b(f.value), 1)) : v("", !0);
     };
   }
 });
 export {
-  G as default
+  H as default
 };

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,OAqcO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAiBb,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;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;;;kBApBX,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;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;gBAjBZ,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBA+YM,GAAG;kBACN,GAAG;;AAta9B,wBAoeC;AAgBD,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":"AAAA,OAqcO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAiBb,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;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;;;kBApBX,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;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;gBAjBZ,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBAkZM,GAAG;kBACN,GAAG;;AAza9B,wBAueC;AAgBD,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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2fd087a0"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-19c5f2da"]]);
 export {
   f as default
 };

package/dist/components/CodeInput/CodeInput.vue2.js

@@ -48,7 +48,7 @@ const se = ["id"], de = {
   emits: ["submit", "update:modelValue", "curl"],
   setup(N, { expose: O, emit: _ }) {
     var P;
-    const e = N, s = _, V = L(), I = V.id || `id-${oe()}`, g = i(!1), m = i(!1), B = i(""), C = i({ left: 0, top: 0 }), c = i(null), { activeEnvVariables: k, isReadOnly: S, activeEnvironment: E, router: K } = ie(), { copyToClipboard: M } = ae();
+    const e = N, s = _, V = L(), I = V.id || `id-${oe()}`, g = i(!1), m = i(!1), B = i(""), C = i({ left: 0, top: 0 }), c = i(null), { activeEnvVariables: k, isReadOnly: S, activeEnvironment: x, router: K } = ie(), { copyToClipboard: M } = ae();
     function A(o) {
       var t;
       return o === e.modelValue ? null : e.importCurl && o.trim().toLowerCase().startsWith("curl") ? (s("curl", o), (t = a.value) == null || t.dispatch({
@@ -68,13 +68,13 @@ const se = ["id"], de = {
     const y = [];
     e.colorPicker && y.push(ee), y.push(
       te({
-        activeEnvironment: E,
+        activeEnvironment: x,
         activeEnvVariables: k,
         isReadOnly: S
       }),
       le
     );
-    const x = i(null), { codeMirror: a } = Y({
+    const E = i(null), { codeMirror: a } = Y({
       content: r(
         () => e.modelValue !== void 0 ? String(e.modelValue) : ""
       ),
@@ -83,7 +83,7 @@ const se = ["id"], de = {
       },
       onFocus: () => g.value = !0,
       onBlur: (o) => z(o),
-      codeMirrorRef: x,
+      codeMirrorRef: E,
       disableTabIndent: r(() => e.disableTabIndent),
       disableEnter: r(() => e.disableEnter),
       disableCloseBrackets: r(() => e.disableCloseBrackets),
@@ -135,8 +135,8 @@ const se = ["id"], de = {
           id: n(I)
         }, o.$attrs, {
           ref_key: "codeMirrorRef",
-          ref: x,
-          class: ["peer font-code w-full whitespace-nowrap overflow-hidden text-xs leading-[1.44] relative", {
+          ref: E,
+          class: ["peer font-code w-full whitespace-nowrap overflow-hidden text-xs leading-[1.44] relative has-[:focus-visible]:outline has-[:focus-visible]:rounded-[4px] -outline-offset-2", {
             "flow-code-input--error": o.error
           }],
           onKeydown: [
@@ -169,7 +169,7 @@ const se = ["id"], de = {
           ref_key: "dropdownRef",
           ref: c,
           activeEnvVariables: v(() => n(k)),
-          activeEnvironment: v(() => n(E)),
+          activeEnvironment: v(() => n(x)),
           dropdownPosition: C.value,
           query: B.value,
           router: n(K),

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

@@ -6,6 +6,6 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     setActiveSection: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSetActiveSection?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
 export default _default;
 //# sourceMappingURL=ContextBar.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ContextBar.vue"],"names":[],"mappings":"AAoIA,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAC;;;;;;AA2IF,wBAQG"}
+{"version":3,"file":"ContextBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ContextBar.vue"],"names":[],"mappings":"AAmJA,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAC;;;;;;AAwKF,wBAQG"}

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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-df918011"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3015ddb3"]]);
 export {
-  m as default
+  p as default
 };