@scalar/api-client 2.3.11 → 2.3.13

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @scalar/api-client
 
+## 2.3.13
+
+### Patch Changes
+
+- bf961b1: feat: show custom code examples in the API client
+- a176b7e: fix: updates server dropdown item selected server logic
+- Updated dependencies [018e8b2]
+- Updated dependencies [bf961b1]
+- Updated dependencies [018e8b2]
+- Updated dependencies [018e8b2]
+- Updated dependencies [a176b7e]
+  - @scalar/postman-to-openapi@0.2.0
+  - @scalar/oas-utils@0.2.127
+  - @scalar/import@0.3.10
+  - @scalar/components@0.13.44
+  - @scalar/use-codemirror@0.11.89
+
+## 2.3.12
+
+### Patch Changes
+
+- 73be3c0: fix(api-client): fix missing borders + default to code snippet open
+- 75667fe: fix: updating the client store with isReadOnly
+- a571d36: refactor: use central helper fetchDocument to fetch OpenAPI documents
+- a097ea1: fix: download doesn’t appear anymore
+- Updated dependencies [a571d36]
+- Updated dependencies [cf5bf65]
+- Updated dependencies [3783345]
+  - @scalar/oas-utils@0.2.126
+  - @scalar/openapi-parser@0.10.14
+  - @scalar/types@0.1.6
+  - @scalar/import@0.3.9
+  - @scalar/postman-to-openapi@0.1.49
+  - @scalar/snippetz@0.2.19
+  - @scalar/themes@0.9.84
+  - @scalar/components@0.13.43
+  - @scalar/use-codemirror@0.11.88
+  - @scalar/use-hooks@0.1.38
+
 ## 2.3.11
 
 ### Patch Changes

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":"AAmJA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,iCAAiC,CAAA;AAc9E,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AAiQF,wBAOG"}
+{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":"AAoHA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,iCAAiC,CAAA;AAY9E,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AAoOF,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 a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-50597ffd"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4e70a4a7"]]);
 export {
-  a as default
+  e as default
 };

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

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

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

@@ -106,6 +106,9 @@ export declare const PaletteComponents: {
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
+                'x-codeSamples'?: unknown;
+                'x-code-samples'?: unknown;
+                'x-custom-examples'?: unknown;
                 'x-scalar-stability'?: unknown;
                 method?: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace" | undefined;
             } & {
@@ -155,6 +158,9 @@ export declare const PaletteComponents: {
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
+                'x-codeSamples'?: unknown;
+                'x-code-samples'?: unknown;
+                'x-custom-examples'?: unknown;
                 'x-scalar-stability'?: unknown;
                 method?: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace" | undefined;
             } & {

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":"AAqcA;;;;GAIG;;AACH,wBA8gBI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;mBA9iB9B,CAlRqC;qBAkRrC,CAjRY;;;;;;;mBAiRZ,CAlRqC;qBAkRrC,CAjRY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAmoB0D,CAAC;;;;;;;;;;;;;;;+BAOoD,CAAA;4BAAsC,CAAC;2BAI5J,CAAC;8BAA6B,CAAC;0BACxB,CAAC;2BAA0B,CAAC;yBAAwB,CAAC;4BAIjC,CAAC;6BAAgD,CAAC;+BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;+BAhB5C,CAAC;;;;;;;;;;;;;;;+BAOoD,CAAA;4BAAsC,CAAC;2BAI5J,CAAC;8BAA6B,CAAC;0BACxB,CAAC;2BAA0B,CAAC;yBAAwB,CAAC;4BAIjC,CAAC;6BAAgD,CAAC;+BAA8B,CAAC;;;;;;;;;;;;;;;;CAqLxG,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":"AAqcA;;;;GAIG;;AACH,wBA8gBI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;mBA9iB9B,CAlRqC;qBAkRrC,CAjRY;;;;;;;mBAiRZ,CAlRqC;qBAkRrC,CAjRY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA6pB0B,CAAC;;;;;;;;;;;;;;;+BAMf,CAAA;4BACnB,CAAC;2BACoB,CAAC;8BAC3B,CAAA;0BAEG,CAAC;2BAA0B,CAAC;yBAG7B,CAAC;4BAKQ,CAAC;6BACI,CAAC;+BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BApBV,CAAC;;;;;;;;;;;;;;;+BAMf,CAAA;4BACnB,CAAC;2BACoB,CAAC;8BAC3B,CAAA;0BAEG,CAAC;2BAA0B,CAAC;yBAG7B,CAAC;4BAKQ,CAAC;6BACI,CAAC;+BAA8B,CAAC;;;;;;;;;;;;;;;;;;;CAuJtC,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/ImportCollection/hooks/useUrlPrefetcher.d.ts

@@ -16,7 +16,7 @@ export declare function useUrlPrefetcher(): {
         url: string | null;
         error: string | null;
     };
-    prefetchUrl: (input: string | null, proxy?: string) => Promise<{
+    prefetchUrl: (input: string | null, proxyUrl?: string) => Promise<{
         state: string;
         content: null;
         url: null;

package/dist/components/ImportCollection/hooks/useUrlPrefetcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUrlPrefetcher.d.ts","sourceRoot":"","sources":["../../../../src/components/ImportCollection/hooks/useUrlPrefetcher.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,wBAAgB,gBAAgB;;eAVvB,MAAM,GAAG,SAAS;iBAChB,MAAM,GAAG,IAAI;eACf,MAAM,GAAG,IAAI;aACf,MAAM,GAAG,IAAI;eACX,MAAM,GAAG,IAAI;;yBAsH4B,MAAM,GAAG,IAAI,UAAU,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB9E"}
+{"version":3,"file":"useUrlPrefetcher.d.ts","sourceRoot":"","sources":["../../../../src/components/ImportCollection/hooks/useUrlPrefetcher.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,wBAAgB,gBAAgB;;eAVvB,MAAM,GAAG,SAAS;iBAChB,MAAM,GAAG,IAAI;eACf,MAAM,GAAG,IAAI;aACf,MAAM,GAAG,IAAI;eACX,MAAM,GAAG,IAAI;;yBAsH4B,MAAM,GAAG,IAAI,aAAa,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBjF"}

package/dist/components/ImportCollection/hooks/useUrlPrefetcher.js

@@ -2,7 +2,7 @@ import { resolve as i } from "@scalar/import";
 import { redirectToProxy as f, fetchWithProxyFallback as d } from "@scalar/oas-utils/helpers";
 import { reactive as h } from "vue";
 import { isUrl as m } from "../../../libs/isUrl.js";
-function y() {
+function b() {
   const n = h({
     state: "idle",
     content: null,
@@ -58,7 +58,7 @@ function y() {
           error: "Oops, we got invalid content for the given URL."
         };
       const o = t, l = await d(o, {
-        proxy: r,
+        proxyUrl: r,
         cache: "no-cache"
       });
       return l.ok ? {
@@ -101,5 +101,5 @@ function y() {
   };
 }
 export {
-  y as useUrlPrefetcher
+  b as useUrlPrefetcher
 };

package/dist/components/Server/ServerDropdownItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerDropdownItem.vue"],"names":[],"mappings":"AAwJA,OAAO,KAAK,EACV,UAAU,EACV,OAAO,IAAI,SAAS,EACpB,MAAM,EACP,MAAM,iCAAiC,CAAA;AASxC,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;QACjB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;CAC/B,CAAC;;;;;;AA4NF,wBAQG"}
+{"version":3,"file":"ServerDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerDropdownItem.vue"],"names":[],"mappings":"AA4JA,OAAO,KAAK,EACV,UAAU,EACV,OAAO,IAAI,SAAS,EACpB,MAAM,EACP,MAAM,iCAAiC,CAAA;AASxC,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;QACjB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;CAC/B,CAAC;;;;;;AAgOF,wBAQG"}

package/dist/components/Server/ServerDropdownItem.vue.js

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

package/dist/components/Server/ServerDropdownItem.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as O, useId as U, computed as y, openBlock as c, createElementBlock as p, normalizeClass as V, createElementVNode as u, mergeProps as q, unref as a, createVNode as v, toDisplayString as M, withModifiers as E, createCommentVNode as h } from "vue";
+import { defineComponent as C, useId as O, computed as y, openBlock as c, createElementBlock as p, normalizeClass as V, createElementVNode as u, mergeProps as q, unref as a, createVNode as v, toDisplayString as M, withModifiers as E, createCommentVNode as h } from "vue";
 import { ScalarListboxCheckbox as I, ScalarMarkdown as N } from "@scalar/components";
 import B from "./ServerVariablesForm.vue.js";
 import { useWorkspace as D } from "../../store/store.js";
-const P = ["aria-expanded"], j = { class: "overflow-hidden text-ellipsis whitespace-nowrap" }, z = ["id"], L = { key: 0 }, W = { class: "description text-c-3 px-3 py-1.5" }, H = /* @__PURE__ */ O({
+const P = ["aria-expanded"], j = { class: "overflow-hidden text-ellipsis whitespace-nowrap" }, z = ["id"], L = { key: 0 }, W = { class: "description text-c-3 px-3 py-1.5" }, H = /* @__PURE__ */ C({
   __name: "ServerDropdownItem",
   props: {
     collection: {},
@@ -13,9 +13,9 @@ const P = ["aria-expanded"], j = { class: "overflow-hidden text-ellipsis whitesp
   },
   emits: ["update:variable"],
   setup(g, { emit: k }) {
-    const e = g, x = k, f = U(), { collectionMutators: m, requestMutators: l, servers: _ } = D(), w = (t, r) => {
+    const e = g, x = k, f = O(), { collectionMutators: m, requestMutators: l, servers: _ } = D(), U = (r, t) => {
       var i, s, n, S;
-      if (b(t) && (r == null || r.stopPropagation()), o.value) {
+      if (b(r) && (t == null || t.stopPropagation()), o.value) {
         (s = (i = e.operation) == null ? void 0 : i.servers) != null && s.length && l.edit(e.operation.uid, "selectedServerUid", null), e.type === "collection" ? m.edit(
           e.collection.uid,
           "selectedServerUid",
@@ -26,22 +26,25 @@ const P = ["aria-expanded"], j = { class: "overflow-hidden text-ellipsis whitesp
       e.type === "collection" && e.collection ? ((S = (n = e.operation) == null ? void 0 : n.servers) != null && S.length && l.edit(e.operation.uid, "selectedServerUid", null), m.edit(
         e.collection.uid,
         "selectedServerUid",
-        t
-      )) : e.type === "request" && e.operation && l.edit(e.operation.uid, "selectedServerUid", t);
-    }, o = y(() => e.type === "collection" ? e.collection.selectedServerUid === e.serverOption.id : e.type === "request" && e.operation ? e.operation.selectedServerUid === e.serverOption.id : !1), b = (t) => {
-      if (!t)
+        r
+      )) : e.type === "request" && e.operation && l.edit(e.operation.uid, "selectedServerUid", r);
+    }, o = y(() => {
+      var r;
+      return e.type === "collection" ? e.collection.selectedServerUid === e.serverOption.id && !((r = e.operation) != null && r.selectedServerUid) : e.type === "request" && e.operation ? e.operation.selectedServerUid === e.serverOption.id : !1;
+    }), b = (r) => {
+      if (!r)
         return !1;
-      const r = _[t];
-      return Object.keys((r == null ? void 0 : r.variables) ?? {}).length > 0;
+      const t = _[r];
+      return Object.keys((t == null ? void 0 : t.variables) ?? {}).length > 0;
     }, d = y(
       () => {
-        var t;
-        return o.value && b(((t = e.server) == null ? void 0 : t.uid) ?? "");
+        var r;
+        return o.value && b(((r = e.server) == null ? void 0 : r.uid) ?? "");
       }
-    ), C = (t, r) => {
-      x("update:variable", t, r);
+    ), w = (r, t) => {
+      x("update:variable", r, t);
     };
-    return (t, r) => {
+    return (r, t) => {
       var i, s;
       return c(), p("div", {
         class: V(["group/item flex min-h-fit flex-col rounded border", { "border-transparent": !o.value }])
@@ -50,26 +53,26 @@ const P = ["aria-expanded"], j = { class: "overflow-hidden text-ellipsis whitesp
           "aria-expanded": d.value,
           class: ["flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5", o.value ? "text-c-1 bg-b-2" : "hover:bg-b-2"],
           type: "button",
-          onClick: r[0] || (r[0] = (n) => w(t.serverOption.id, n))
+          onClick: t[0] || (t[0] = (n) => U(r.serverOption.id, n))
         }), [
           v(a(I), { selected: o.value }, null, 8, ["selected"]),
-          u("span", j, M(t.serverOption.label), 1)
+          u("span", j, M(r.serverOption.label), 1)
         ], 16, P),
         d.value ? (c(), p("div", {
           key: 0,
           id: a(f),
           class: "bg-b-2 divide divide-y rounded-b border-t *:pl-4",
-          onClick: r[1] || (r[1] = E(() => {
+          onClick: t[1] || (t[1] = E(() => {
           }, ["stop"]))
         }, [
           v(B, {
-            variables: (i = t.server) == null ? void 0 : i.variables,
-            "onUpdate:variable": C
+            variables: (i = r.server) == null ? void 0 : i.variables,
+            "onUpdate:variable": w
           }, null, 8, ["variables"]),
-          (s = t.server) != null && s.description ? (c(), p("div", L, [
+          (s = r.server) != null && s.description ? (c(), p("div", L, [
             u("div", W, [
               v(a(N), {
-                value: t.server.description
+                value: r.server.description
               }, null, 8, ["value"])
             ])
           ])) : h("", !0)

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AAwFA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;AAeF,iBAAS,cAAc;WAsKT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AAwFA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;AAeF,iBAAS,cAAc;WAoKT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as m, useId as h, openBlock as s, createBlock as u, unref as t, withCtx as a, createElementVNode as l, createVNode as d, normalizeClass as p, createCommentVNode as n, renderSlot as r, createElementBlock as i, createTextVNode as y, toDisplayString as f, mergeProps as b } from "vue";
-import { Disclosure as x, DisclosureButton as g, DisclosurePanel as _ } from "@headlessui/vue";
+import { defineComponent as m, useId as h, openBlock as s, createBlock as d, unref as t, normalizeClass as a, withCtx as r, createElementVNode as l, createVNode as f, createCommentVNode as n, renderSlot as i, createElementBlock as c, createTextVNode as y, toDisplayString as p, mergeProps as b } from "vue";
+import { Disclosure as x, DisclosureButton as _, DisclosurePanel as g } from "@headlessui/vue";
 import { ScalarIcon as C } from "@scalar/components";
 const v = ["aria-labelledby"], k = { class: "bg-b-2 flex items-center" }, w = { class: "text-c-1 flex flex-1 items-center gap-1.5" }, B = ["id"], V = {
   key: 0,
@@ -18,31 +18,30 @@ const v = ["aria-labelledby"], k = { class: "bg-b-2 flex items-center" }, w = {
     layout: { default: "client" }
   },
   setup(O) {
-    const c = h();
-    return (e, I) => (s(), u(t(x), {
+    const u = h();
+    return (e, I) => (s(), d(t(x), {
       as: "div",
-      class: "group/collapse focus-within:text-c-1 text-c-2 request-item",
+      class: a(["group/collapse focus-within:text-c-1 text-c-2 border-b", { "first-of-type:last-of-type:border-b-0": e.layout === "reference" }]),
       defaultOpen: e.defaultOpen,
       static: e.layout === "reference" ? !0 : void 0
     }, {
-      default: a(({ open: o }) => [
+      default: r(({ open: o }) => [
         l("section", {
-          "aria-labelledby": t(c),
+          "aria-labelledby": t(u),
           class: "contents"
         }, [
           l("div", k, [
-            d(t(g), {
-              class: p([
+            f(t(_), {
+              class: a([
                 "hover:text-c-1 group box-content flex max-h-8 flex-1 items-center gap-2.5 overflow-hidden px-1 py-1.5 text-sm font-medium outline-none md:px-1.5 xl:pl-2 xl:pr-0.5",
-                { "!pl-3": e.layout === "reference" },
-                { "group-last/collapse:border-b": e.layout === "client" }
+                { "!pl-3": e.layout === "reference" }
               ]),
               disabled: e.layout === "reference"
             }, {
-              default: a(() => [
-                e.layout !== "reference" ? (s(), u(t(C), {
+              default: r(() => [
+                e.layout !== "reference" ? (s(), d(t(C), {
                   key: 0,
-                  class: p([
+                  class: a([
                     "text-c-3 group-hover:text-c-1 ui-open:rotate-90 ui-not-open:rotate-0 rounded-px outline-offset-2 group-focus-visible:outline"
                   ]),
                   icon: "ChevronRight",
@@ -50,34 +49,34 @@ const v = ["aria-labelledby"], k = { class: "bg-b-2 flex items-center" }, w = {
                 })) : n("", !0),
                 l("h2", w, [
                   l("span", {
-                    id: t(c),
+                    id: t(u),
                     class: "contents"
                   }, [
-                    r(e.$slots, "title", { open: o }),
-                    o ? n("", !0) : (s(), i("span", V, " (Collapsed) "))
+                    i(e.$slots, "title", { open: o }),
+                    o ? n("", !0) : (s(), c("span", V, " (Collapsed) "))
                   ], 8, B),
-                  !o && e.itemCount ? (s(), i("span", $, [
-                    y(f(e.itemCount) + " ", 1),
-                    l("span", D, "Item" + f(e.itemCount === 1 ? "" : "s"), 1)
+                  !o && e.itemCount ? (s(), c("span", $, [
+                    y(p(e.itemCount) + " ", 1),
+                    l("span", D, "Item" + p(e.itemCount === 1 ? "" : "s"), 1)
                   ])) : n("", !0)
                 ])
               ]),
               _: 2
             }, 1032, ["class", "disabled"]),
-            e.$slots.actions ? (s(), i("div", N, [
-              r(e.$slots, "actions", { open: o })
+            e.$slots.actions ? (s(), c("div", N, [
+              i(e.$slots, "actions", { open: o })
             ])) : n("", !0)
           ]),
-          d(t(_), b(e.$attrs, { class: "diclosure-panel h-full max-h-fit rounded-b" }), {
-            default: a(() => [
-              r(e.$slots, "default", { open: o })
+          f(t(g), b(e.$attrs, { class: "diclosure-panel h-full max-h-fit rounded-b" }), {
+            default: r(() => [
+              i(e.$slots, "default", { open: o })
             ]),
             _: 2
           }, 1040)
         ], 8, v)
       ]),
       _: 3
-    }, 8, ["defaultOpen", "static"]));
+    }, 8, ["class", "defaultOpen", "static"]));
   }
 });
 export {