@scalar/api-client 2.2.37 → 2.2.39

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

@@ -0,0 +1,47 @@
+import { defineComponent as h, openBlock as o, createElementBlock as m, Fragment as k, renderList as y, createElementVNode as C, toDisplayString as V, createBlock as v, createCommentVNode as _ } from "vue";
+import S from "./ServerVariablesSelect.vue.js";
+import B from "./ServerVariablesTextbox.vue.js";
+const j = { class: "flex items-center pl-3 py-1.5 after:content-[':'] mr-1.5 group-has-[input]/label:mr-0" }, O = /* @__PURE__ */ h({
+  __name: "ServerVariablesForm",
+  props: {
+    variables: {},
+    values: {},
+    controls: {}
+  },
+  emits: ["update:variable"],
+  setup(f, { emit: g }) {
+    const n = f, d = g;
+    function s(e, l) {
+      d("update:variable", e, l);
+    }
+    const i = (e) => {
+      var l, r, t;
+      return (((l = n.values) == null ? void 0 : l[e]) ?? ((t = (r = n.variables) == null ? void 0 : r[e]) == null ? void 0 : t.default) ?? "").toString();
+    };
+    return (e, l) => e.variables && Object.keys(e.variables ?? {}).length ? (o(!0), m(k, { key: 0 }, y(Object.keys(e.variables), (r) => {
+      var t, u, c, p, b;
+      return o(), m("label", {
+        key: r,
+        class: "group/label flex w-full"
+      }, [
+        C("span", j, V(r), 1),
+        (c = (u = (t = e.variables) == null ? void 0 : t[r]) == null ? void 0 : u.enum) != null && c.length ? (o(), v(S, {
+          key: 0,
+          controls: e.controls,
+          enum: ((b = (p = e.variables[r]) == null ? void 0 : p.enum) == null ? void 0 : b.map((a) => String(a))) ?? [],
+          label: r,
+          value: i(r),
+          onChange: (a) => s(r, a)
+        }, null, 8, ["controls", "enum", "label", "value", "onChange"])) : (o(), v(B, {
+          key: 1,
+          controls: e.controls,
+          value: i(r),
+          onChange: (a) => s(r, a)
+        }, null, 8, ["controls", "value", "onChange"]))
+      ]);
+    }), 128)) : _("", !0);
+  }
+});
+export {
+  O as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./ServerVariablesForm.vue.js";
+export {
+  f as default
+};

package/dist/components/Server/ServerVariablesSelect.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    enum: string[];
+    value: string;
+    controls?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (v: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((v: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ServerVariablesSelect.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServerVariablesSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesSelect.vue"],"names":[],"mappings":"AA+DA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;;;;;;AA6GF,wBAQG"}

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

@@ -0,0 +1,54 @@
+import { defineComponent as v, computed as s, openBlock as r, createBlock as f, unref as a, withCtx as c, createVNode as i, createElementVNode as S, normalizeClass as V, createElementBlock as h, createCommentVNode as g, createTextVNode as C, toDisplayString as k } from "vue";
+import { ScalarListbox as y, ScalarButton as B, ScalarIcon as N } from "@scalar/components";
+const _ = {
+  key: 0,
+  class: "sr-only"
+}, x = /* @__PURE__ */ v({
+  __name: "ServerVariablesSelect",
+  props: {
+    enum: {},
+    value: {},
+    controls: {}
+  },
+  emits: ["change"],
+  setup(u, { emit: m }) {
+    const o = u, d = m, t = s(
+      () => o.enum.map((e) => ({ id: e, label: e }))
+    ), l = s({
+      get: () => t.value.find((e) => e.id === o.value),
+      set: (e) => d("change", (e == null ? void 0 : e.id) ?? "")
+    });
+    return (e, n) => (r(), f(a(y), {
+      modelValue: l.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (p) => l.value = p),
+      options: t.value
+    }, {
+      default: c(() => [
+        i(a(B), {
+          "aria-controls": e.controls,
+          class: "h-8 p-0 py-1.5 w-full font-normal",
+          variant: "ghost"
+        }, {
+          default: c(() => [
+            S("span", {
+              class: V({ "text-c-1": e.value })
+            }, [
+              e.value ? (r(), h("span", _, " Selected: ")) : g("", !0),
+              C(" " + k(e.value || "Select value"), 1)
+            ], 2),
+            i(a(N), {
+              class: "ml-1",
+              icon: "ChevronDown",
+              size: "sm"
+            })
+          ]),
+          _: 1
+        }, 8, ["aria-controls"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "options"]));
+  }
+});
+export {
+  x as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./ServerVariablesSelect.vue.js";
+export {
+  f as default
+};

package/dist/components/Server/ServerVariablesTextbox.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    value: string;
+    controls?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (v: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((v: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLInputElement>;
+export default _default;
+//# sourceMappingURL=ServerVariablesTextbox.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServerVariablesTextbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesTextbox.vue"],"names":[],"mappings":"AAiCA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;;;;;;AAuEF,wBAQG"}

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

@@ -0,0 +1,29 @@
+import { defineComponent as c, computed as p, withDirectives as u, openBlock as i, createElementBlock as m, vModelText as d } from "vue";
+const f = ["aria-controls"], x = /* @__PURE__ */ c({
+  __name: "ServerVariablesTextbox",
+  props: {
+    value: {},
+    controls: {}
+  },
+  emits: ["change"],
+  setup(l, { emit: n }) {
+    const a = l, r = n, t = p({
+      get: () => a.value,
+      set: (e) => r("change", e)
+    });
+    return (e, o) => u((i(), m("input", {
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
+      "aria-controls": e.controls,
+      autocomplete: "off",
+      class: "px-1.5 text-c-1 border-transparent -outline-offset-1 w-full",
+      placeholder: "value",
+      spellcheck: "false",
+      type: "text"
+    }, null, 8, f)), [
+      [d, t.value]
+    ]);
+  }
+});
+export {
+  x as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./ServerVariablesTextbox.vue.js";
+export {
+  f as default
+};

package/dist/components/Server/types.d.ts

@@ -0,0 +1,9 @@
+import type { OpenAPIV3, OpenAPIV3_1 } from '@scalar/openapi-types';
+export type ServerVariables = {
+    [variable: string]: ServerVariable;
+};
+export type ServerVariableValues = {
+    [variable: string]: string;
+};
+export type ServerVariable = OpenAPIV3.ServerVariableObject | OpenAPIV3_1.ServerVariableObject;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Server/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Server/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnE,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc,CAAA;CACnC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,cAAc,GACtB,SAAS,CAAC,oBAAoB,GAC9B,WAAW,CAAC,oBAAoB,CAAA"}

package/dist/components/SideNav/SideHelp.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as i, openBlock as r, createBlock as c, unref as s, withCtx as n, createElementVNode as e, createVNode as l, createTextVNode as d } from "vue";
-import { ScalarDropdown as u, ScalarDropdownItem as a, ScalarIcon as o } from "@scalar/components";
-import f from "./SideNavLink.vue.js";
-const p = {
+import { ScalarDropdown as u, ScalarDropdownItem as o, ScalarIcon as a } from "@scalar/components";
+import p from "./SideNavLink.vue.js";
+const f = {
   class: "no-underline block",
   href: "https://discord.gg/scalar",
   target: "_blank"
@@ -11,7 +11,7 @@ const p = {
   target: "_blank"
 }, _ = { class: "flex items-center justify-center" }, g = {
   class: "no-underline block",
-  href: "mailto:marc@scalar.com",
+  href: "mailto:support@scalar.com",
   target: "_blank"
 }, b = { class: "flex items-center justify-center" }, k = {
   class: "no-underline block",
@@ -30,11 +30,11 @@ const p = {
     }, {
       items: n(() => [
         t[6] || (t[6] = e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 font-medium" }, "Support", -1)),
-        e("a", p, [
-          l(s(a), { class: "flex items-center gap-1.5 w-full" }, {
+        e("a", f, [
+          l(s(o), { class: "flex items-center gap-1.5 w-full" }, {
             default: n(() => [
               e("div", m, [
-                l(s(o), {
+                l(s(a), {
                   icon: "DiscordLine",
                   size: "xs",
                   thickness: "1.75"
@@ -46,10 +46,10 @@ const p = {
           })
         ]),
         e("a", x, [
-          l(s(a), { class: "flex items-center gap-1.5 w-full" }, {
+          l(s(o), { class: "flex items-center gap-1.5 w-full" }, {
             default: n(() => [
               e("div", _, [
-                l(s(o), {
+                l(s(a), {
                   icon: "GitHubLine",
                   size: "xs",
                   thickness: "1.75"
@@ -61,10 +61,10 @@ const p = {
           })
         ]),
         e("a", g, [
-          l(s(a), { class: "flex items-center gap-1.5 w-full" }, {
+          l(s(o), { class: "flex items-center gap-1.5 w-full" }, {
             default: n(() => [
               e("div", b, [
-                l(s(o), {
+                l(s(a), {
                   icon: "Email",
                   size: "xs"
                 })
@@ -76,10 +76,10 @@ const p = {
         ]),
         t[7] || (t[7] = e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 font-medium" }, "Product", -1)),
         e("a", k, [
-          l(s(a), { class: "flex items-center gap-1.5 w-full" }, {
+          l(s(o), { class: "flex items-center gap-1.5 w-full" }, {
             default: n(() => [
               e("div", h, [
-                l(s(o), {
+                l(s(a), {
                   icon: "Changelog",
                   size: "xs",
                   thickness: "1.75"
@@ -91,10 +91,10 @@ const p = {
           })
         ]),
         e("a", w, [
-          l(s(a), { class: "flex items-center gap-1.5 w-full" }, {
+          l(s(o), { class: "flex items-center gap-1.5 w-full" }, {
             default: n(() => [
               e("div", y, [
-                l(s(o), {
+                l(s(a), {
                   icon: "Roadmap",
                   size: "xs",
                   thickness: "1.75"
@@ -107,7 +107,7 @@ const p = {
         ])
       ]),
       default: n(() => [
-        l(f, {
+        l(p, {
           is: "button",
           icon: "Help",
           type: "button"

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.vue"],"names":[],"mappings":"AAgJA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AA8DJ,iBAAS,cAAc;WAmHT,OAAO,IAA6B;;wBAZtB,GAAG;wBACH,GAAG;wBAEH,GAAG;yBADF,GAAG;;;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;mBAvMD,OAAO;qFA+MzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.vue"],"names":[],"mappings":"AAmJA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AA+DJ,iBAAS,cAAc;WAmHT,OAAO,IAA6B;;wBAZtB,GAAG;wBACH,GAAG;wBAEH,GAAG;yBADF,GAAG;;;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;mBAxMD,OAAO;qFAgNzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Sidebar/Sidebar.vue.js

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

package/dist/components/Sidebar/Sidebar.vue2.js

@@ -1,17 +1,18 @@
-import { defineComponent as S, ref as g, withDirectives as D, openBlock as l, createElementBlock as m, normalizeClass as h, normalizeStyle as _, unref as s, renderSlot as n, createElementVNode as r, toDisplayString as L, createCommentVNode as u, Fragment as W, vShow as $ } from "vue";
+import { defineComponent as S, ref as g, withDirectives as D, openBlock as l, createElementBlock as m, normalizeClass as h, normalizeStyle as L, unref as s, renderSlot as n, createElementVNode as r, toDisplayString as _, createCommentVNode as u, Fragment as W, vShow as $ } from "vue";
 import { useBreakpoints as z } from "@scalar/use-hooks/useBreakpoints";
 import { useWorkspace as B } from "../../store/store.js";
-const C = {
+import { useLayout as C } from "../../hooks/useLayout.js";
+const I = {
   key: 0,
   class: "min-h-12 xl:min-h-client-header flex items-center justify-between px-3 py-1.5 md:px-[18px] md:py-2.5 text-sm"
-}, I = { class: "font-medium m-0 text-sm whitespace-nowrap" }, O = { class: "relative z-10 pt-0 md:px-2.5 md:pb-2.5 sticky bottom-0 w-[inherit] has-[.empty-sidebar-item]:border-t-1/2" }, V = /* @__PURE__ */ S({
+}, X = { class: "font-medium m-0 text-sm whitespace-nowrap" }, N = { class: "relative z-10 pt-0 md:px-2.5 md:pb-2.5 sticky bottom-0 w-[inherit] has-[.empty-sidebar-item]:border-t-1/2" }, F = /* @__PURE__ */ S({
   __name: "Sidebar",
   props: {
     title: {},
     isSidebarOpen: { type: Boolean, default: !0 }
   },
   setup(y) {
-    const w = y, { isReadOnly: c, sidebarWidth: o, setSidebarWidth: i } = B(), a = g(!1), p = g(null), { breakpoints: d } = z(), x = (e) => {
+    const w = y, { sidebarWidth: o, setSidebarWidth: i } = B(), { layout: c } = C(), a = g(!1), p = g(null), { breakpoints: d } = z(), x = (e) => {
       e.preventDefault();
       const f = e.clientX, k = parseInt(
         getComputedStyle(p.value).width || o.value,
@@ -29,22 +30,22 @@ const C = {
       ref_key: "sidebarRef",
       ref: p,
       class: h(["sidebar overflow-hidden relative flex flex-col flex-1 md:flex-none bg-b-1 md:border-b-0 md:border-r-1/2 min-w-full md:min-w-fit leading-3", { dragging: a.value }]),
-      style: _({ width: s(d).lg ? s(o) : "100%" })
+      style: L({ width: s(d).lg ? s(o) : "100%" })
     }, [
       n(e.$slots, "header", {}, void 0, !0),
-      !s(c) && e.title ? (l(), m("div", C, [
-        r("h2", I, L(e.title), 1),
+      s(c) !== "modal" && e.title ? (l(), m("div", I, [
+        r("h2", X, _(e.title), 1),
         s(d).lg ? u("", !0) : n(e.$slots, "button", { key: 0 }, void 0, !0)
       ])) : u("", !0),
       r("div", {
         class: h(["custom-scroll sidebar-height pb-0 md:pb-[37px] w-[inherit]", {
-          "sidebar-mask": !s(c)
+          "sidebar-mask": s(c) !== "modal"
         }])
       }, [
         n(e.$slots, "content", {}, void 0, !0)
       ], 2),
       s(d).lg ? (l(), m(W, { key: 1 }, [
-        r("div", O, [
+        r("div", N, [
           n(e.$slots, "button", {}, void 0, !0)
         ]),
         r("div", {
@@ -58,5 +59,5 @@ const C = {
   }
 });
 export {
-  V as default
+  F as default
 };

package/dist/components/Sidebar/SidebarListElement.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElement.vue"],"names":[],"mappings":"AAqHA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,oBAAoB,CAAA;AAK1D,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,IAAI,CAAA;QACX,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,EAAE,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;CAC5C,CAAC;;;;;;;;;;AAyNF,wBAQG"}
+{"version":3,"file":"SidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElement.vue"],"names":[],"mappings":"AAsHA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,oBAAoB,CAAA;AAK1D,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,IAAI,CAAA;QACX,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,EAAE,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;CAC5C,CAAC;;;;;;;;;;AAyNF,wBAQG"}

package/dist/components/Sidebar/SidebarListElement.vue.js

@@ -1,7 +1,7 @@
 import t from "./SidebarListElement.vue2.js";
 /* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-183addc2"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-85afbcc4"]]);
 export {
   m as default
 };

package/dist/components/Sidebar/SidebarListElement.vue2.js

@@ -16,14 +16,14 @@ const A = { class: "empty-variable-name text-sm line-clamp-1 break-all group-hov
   },
   emits: ["delete", "colorModal", "rename"],
   setup(b, { emit: v }) {
-    const k = b, r = v, y = V(), { activeWorkspace: t } = S(), f = (e, a, n) => {
-      var i;
+    const k = b, r = v, y = V(), { activeWorkspace: t } = S(), f = (e, a, i) => {
+      var n;
       const o = {
-        workspaceId: (i = t.value) == null ? void 0 : i.uid,
+        workspaceId: (n = t.value) == null ? void 0 : n.uid,
         type: k.type,
-        collectionId: n || void 0,
+        collectionId: i || void 0,
         uid: a
-      }, l = n ? `/workspace/${o.workspaceId}/${o.type}/${o.collectionId}/${o.uid}` : `/workspace/${o.workspaceId}/${o.type}/${o.uid}`;
+      }, l = i ? `/workspace/${o.workspaceId}/${o.type}/${o.collectionId}/${o.uid}` : `/workspace/${o.workspaceId}/${o.type}/${o.uid}`;
       e.metaKey ? window.open(l, "_blank") : y.push({ path: l });
     }, g = (e) => {
       r("delete", e);
@@ -34,20 +34,21 @@ const A = { class: "empty-variable-name text-sm line-clamp-1 break-all group-hov
     };
     return (e, a) => {
       var o, l;
-      const n = h("router-link");
+      const i = h("router-link");
       return s(), c("li", null, [
-        d(n, {
+        d(i, {
           class: D(["h-8 text-c-2 hover:bg-b-2 group relative block flex items-center gap-1.5 rounded py-1 pr-1.5 font-medium no-underline", [e.variable.color ? "pl-1" : "pl-1.5"]]),
           exactActiveClass: "active-link",
+          role: "button",
           to: e.collectionId ? `/workspace/${(o = p(t)) == null ? void 0 : o.uid}/${e.type}/${e.collectionId}/${e.variable.uid}` : `/workspace/${(l = p(t)) == null ? void 0 : l.uid}/${e.type}/${e.variable.uid}`,
-          onClick: a[1] || (a[1] = I((i) => f(i, e.variable.uid, e.collectionId), ["prevent"]))
+          onClick: a[1] || (a[1] = I((n) => f(n, e.variable.uid, e.collectionId), ["prevent"]))
         }, {
           default: M(() => [
             e.variable.color ? (s(), c("button", {
               key: 0,
               class: "hover:bg-b-3 rounded p-1.5",
               type: "button",
-              onClick: a[0] || (a[0] = (i) => w(e.variable.uid))
+              onClick: a[0] || (a[0] = (n) => w(e.variable.uid))
             }, [
               m("div", {
                 class: "h-2.5 w-2.5 rounded-xl",

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

@@ -21,9 +21,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    layout: "client" | "reference";
     defaultOpen: boolean;
     itemCount: number;
-    layout: "client" | "reference";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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":"AAwEA,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;AAoBJ,iBAAS,cAAc;WAwJT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBAlMH,OAAO;eACT,MAAM;YACT,QAAQ,GAAG,WAAW;6EAwMjC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,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":"AAyEA,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;AAoBJ,iBAAS,cAAc;WAwJT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAhMR,QAAQ,GAAG,WAAW;iBAFjB,OAAO;eACT,MAAM;6EAyMpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,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,10 +1,10 @@
-import { defineComponent as f, openBlock as o, createBlock as i, unref as s, withCtx as l, createElementVNode as a, createVNode as u, normalizeClass as c, createCommentVNode as r, renderSlot as n, createElementBlock as d, toDisplayString as p, mergeProps as m } from "vue";
-import { Disclosure as h, DisclosureButton as x, DisclosurePanel as b } from "@headlessui/vue";
+import { defineComponent as f, openBlock as o, createBlock as a, unref as s, normalizeClass as l, withCtx as r, createElementVNode as u, createVNode as c, createCommentVNode as n, renderSlot as i, createElementBlock as d, toDisplayString as p, mergeProps as m } from "vue";
+import { Disclosure as h, DisclosureButton as b, DisclosurePanel as x } from "@headlessui/vue";
 import { ScalarIcon as y } from "@scalar/components";
 const g = { class: "bg-b-2 flex items-center" }, v = { class: "flex flex-1 items-center gap-1.5 text-c-1" }, C = {
   key: 0,
   class: "bg-b-2 text-c-2 text-3xs inline-flex h-4 w-4 items-center justify-center rounded-full font-semibold border"
-}, _ = {
+}, k = {
   key: 0,
   class: "ui-not-open:invisible flex items-center gap-2 pr-1.5"
 }, O = /* @__PURE__ */ f({
@@ -14,51 +14,51 @@ const g = { class: "bg-b-2 flex items-center" }, v = { class: "flex flex-1 items
     itemCount: { default: 0 },
     layout: { default: "client" }
   },
-  setup(k) {
-    return (e, w) => (o(), i(s(h), {
+  setup(_) {
+    return (e, w) => (o(), a(s(h), {
       as: "div",
-      class: "focus-within:text-c-1 text-c-2 request-item border-b first:border-t",
+      class: l(["focus-within:text-c-1 text-c-2 request-item border-b", { "first:border-t": e.layout === "client" }]),
       defaultOpen: e.defaultOpen,
       static: e.layout === "reference"
     }, {
-      default: l(({ open: t }) => [
-        a("div", g, [
-          u(s(x), {
-            class: c([
+      default: r(({ open: t }) => [
+        u("div", g, [
+          c(s(b), {
+            class: l([
               "group hover:text-c-1 flex flex-1 items-center gap-2.5 overflow-hidden py-1.5 text-sm font-medium max-h-8 px-1 md:px-1.5 xl:pl-2 xl:pr-0.5 outline-none",
               { "!pl-3": e.layout === "reference" }
             ]),
             disabled: e.layout === "reference"
           }, {
-            default: l(() => [
-              e.layout !== "reference" ? (o(), i(s(y), {
+            default: r(() => [
+              e.layout !== "reference" ? (o(), a(s(y), {
                 key: 0,
-                class: c([
+                class: l([
                   "text-c-3 group-hover:text-c-1 group-focus-visible:outline ui-open:rotate-90 ui-not-open:rotate-0 rounded-px outline-offset-2"
                 ]),
                 icon: "ChevronRight",
                 size: "md"
-              })) : r("", !0),
-              a("div", v, [
-                n(e.$slots, "title", { open: t }),
-                !t && e.itemCount ? (o(), d("span", C, p(e.itemCount), 1)) : r("", !0)
+              })) : n("", !0),
+              u("div", v, [
+                i(e.$slots, "title", { open: t }),
+                !t && e.itemCount ? (o(), d("span", C, p(e.itemCount), 1)) : n("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["class", "disabled"]),
-          e.$slots.actions ? (o(), d("div", _, [
-            n(e.$slots, "actions", { open: t })
-          ])) : r("", !0)
+          e.$slots.actions ? (o(), d("div", k, [
+            i(e.$slots, "actions", { open: t })
+          ])) : n("", !0)
         ]),
-        u(s(b), m(e.$attrs, { class: "h-full max-h-fit rounded-b diclosure-panel" }), {
-          default: l(() => [
-            n(e.$slots, "default", { open: t })
+        c(s(x), m(e.$attrs, { class: "h-full max-h-fit rounded-b diclosure-panel" }), {
+          default: r(() => [
+            i(e.$slots, "default", { open: t })
           ]),
           _: 2
         }, 1040)
       ]),
       _: 3
-    }, 8, ["defaultOpen", "static"]));
+    }, 8, ["class", "defaultOpen", "static"]));
   }
 });
 export {