@scalar/api-client 2.11.0 → 2.13.0

package/dist/v2/features/collection/DocumentCollection.vue2.js

@@ -1,21 +1,22 @@
-import { defineComponent as f, computed as d, createElementBlock as s, openBlock as a, createElementVNode as t, createVNode as l, withCtx as r, unref as u, createBlock as p, KeepAlive as v, resolveDynamicComponent as x } from "vue";
+import { defineComponent as f, computed as d, createElementBlock as r, openBlock as n, createElementVNode as e, createVNode as o, withCtx as c, unref as m, createBlock as x, resolveDynamicComponent as v, mergeProps as _ } from "vue";
 import { ScalarButton as h } from "@scalar/components";
-import { LibraryIcon as y } from "@scalar/icons/library";
-import { RouterView as w } from "vue-router";
-import b from "../../../components/IconSelector.vue.js";
-import _ from "./components/LabelInput.vue.js";
+import { LibraryIcon as b } from "@scalar/icons/library";
+import { RouterView as y } from "vue-router";
+import w from "../../../components/IconSelector.vue.js";
+import g from "./components/LabelInput.vue.js";
 import k from "./components/Tabs.vue.js";
-const B = { class: "custom-scroll h-full" }, V = {
+const V = { class: "custom-scroll h-full" }, B = {
   key: 0,
   class: "w-full md:mx-auto md:max-w-[720px]"
-}, g = ["aria-label"], S = { class: "flex flex-row items-center gap-2" }, C = { class: "group relative ml-1.25" }, D = { class: "px-1.5 py-8" }, N = {
+}, C = ["aria-label"], D = { class: "flex flex-row items-center gap-2" }, N = { class: "group relative ml-1.25" }, I = { class: "px-1.5 py-8" }, S = {
   key: 1,
   class: "flex w-full flex-1 items-center justify-center"
-}, I = {
+}, U = {
   name: "DocumentCollection"
-}, z = /* @__PURE__ */ f({
-  ...I,
+}, P = /* @__PURE__ */ f({
+  ...U,
   props: {
+    documentSlug: {},
     document: {},
     eventBus: {},
     layout: {},
@@ -23,33 +24,34 @@ const B = { class: "custom-scroll h-full" }, V = {
     method: {},
     exampleName: {},
     environment: {},
-    workspaceStore: {}
+    workspaceStore: {},
+    activeWorkspace: {}
   },
-  setup(m) {
-    const i = d(() => m.document?.info?.title || "Untitled Document"), c = d(
-      () => m.document?.["x-scalar-client-config-icon"] || "interface-content-folder"
+  setup(p) {
+    const s = p, u = d(() => s.document?.info?.title || "Untitled Document"), i = d(
+      () => s.document?.["x-scalar-icon"] || "interface-content-folder"
     );
-    return (e, o) => (a(), s("div", B, [
-      e.document ? (a(), s("div", V, [
-        t("div", {
-          "aria-label": `title: ${i.value}`,
+    return (a, t) => (n(), r("div", V, [
+      a.document ? (n(), r("div", B, [
+        e("div", {
+          "aria-label": `title: ${u.value}`,
           class: "mx-auto flex h-fit w-full flex-col gap-2 pt-6 pb-3 md:mx-auto md:max-w-[720px]"
         }, [
-          t("div", S, [
-            l(b, {
-              modelValue: c.value,
+          e("div", D, [
+            o(w, {
+              modelValue: i.value,
               placement: "bottom-start",
-              "onUpdate:modelValue": o[0] || (o[0] = (n) => e.eventBus.emit("document:update:icon", n))
+              "onUpdate:modelValue": t[0] || (t[0] = (l) => a.eventBus.emit("document:update:icon", l))
             }, {
-              default: r(() => [
-                l(u(h), {
+              default: c(() => [
+                o(m(h), {
                   class: "hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit",
                   variant: "ghost"
                 }, {
-                  default: r(() => [
-                    l(u(y), {
+                  default: c(() => [
+                    o(m(b), {
                       class: "text-c-2 size-5",
-                      src: c.value,
+                      src: i.value,
                       "stroke-width": "2"
                     }, null, 8, ["src"])
                   ]),
@@ -59,42 +61,33 @@ const B = { class: "custom-scroll h-full" }, V = {
               _: 1
             }, 8, ["modelValue"])
           ]),
-          t("div", C, [
-            l(_, {
+          e("div", N, [
+            o(g, {
               class: "text-xl font-bold",
               inputId: "documentName",
-              modelValue: i.value,
-              "onUpdate:modelValue": o[1] || (o[1] = (n) => e.eventBus.emit("document:update:info", { title: n }))
+              modelValue: u.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (l) => a.eventBus.emit("document:update:info", { title: l }))
             }, null, 8, ["modelValue"])
           ])
-        ], 8, g),
-        l(k, { type: "document" }),
-        t("div", D, [
-          l(u(w), null, {
-            default: r(({ Component: n }) => [
-              (a(), p(v, null, [
-                (a(), p(x(n), {
-                  collectionType: "document",
-                  document: e.document,
-                  environment: e.environment,
-                  eventBus: e.eventBus,
-                  layout: e.layout,
-                  workspaceStore: e.workspaceStore
-                }, null, 8, ["document", "environment", "eventBus", "layout", "workspaceStore"]))
-              ], 1024))
+        ], 8, C),
+        o(k, { type: "document" }),
+        e("div", I, [
+          o(m(y), null, {
+            default: c(({ Component: l }) => [
+              (n(), x(v(l), _(s, { collectionType: "document" }), null, 16))
             ]),
             _: 1
           })
         ])
-      ])) : (a(), s("div", N, [...o[2] || (o[2] = [
-        t("div", { class: "flex h-full flex-col items-center justify-center" }, [
-          t("h1", { class: "text-2xl font-bold" }, "Document not found"),
-          t("p", { class: "text-gray-500" }, " The document you are looking for does not exist. ")
+      ])) : (n(), r("div", S, [...t[2] || (t[2] = [
+        e("div", { class: "flex h-full flex-col items-center justify-center" }, [
+          e("h1", { class: "text-2xl font-bold" }, "Document not found"),
+          e("p", { class: "text-gray-500" }, " The document you are looking for does not exist. ")
         ], -1)
       ])]))
     ]));
   }
 });
 export {
-  z as default
+  P as default
 };

package/dist/v2/features/collection/WorkspaceCollection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/collection/WorkspaceCollection.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAKlE;;;;;GAKG;;AACH,wBAuHC"}
+{"version":3,"file":"WorkspaceCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/collection/WorkspaceCollection.vue"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAKlE;;;;;GAKG;;AACH,wBAoHC"}

package/dist/v2/features/collection/WorkspaceCollection.vue2.js

@@ -1,11 +1,12 @@
-import { defineComponent as s, createElementBlock as c, openBlock as r, createElementVNode as e, createVNode as t, unref as l, toDisplayString as p } from "vue";
-import { ScalarIconGlobe as n } from "@scalar/icons";
-import { RouterView as m } from "vue-router";
-import i from "./components/Tabs.vue.js";
-const u = { class: "w-full md:mx-auto md:max-w-[720px]" }, d = ["aria-label"], f = { class: "flex flex-col gap-12 px-1.5 pt-8" }, _ = {}, B = /* @__PURE__ */ s({
-  ..._,
+import { defineComponent as l, createElementBlock as r, openBlock as n, createElementVNode as e, createVNode as o, unref as a, toDisplayString as m, mergeProps as i } from "vue";
+import { ScalarIconGlobe as p } from "@scalar/icons";
+import { RouterView as d } from "vue-router";
+import _ from "./components/Tabs.vue.js";
+const u = { class: "custom-scroll h-full" }, f = { class: "w-full md:mx-auto md:max-w-[720px]" }, x = ["aria-label"], h = { class: "group relative ml-1.25" }, v = { class: "text-c-1 flex h-8 items-center" }, k = { class: "px-1.5 py-8" }, w = {}, B = /* @__PURE__ */ l({
+  ...w,
   __name: "WorkspaceCollection",
   props: {
+    documentSlug: {},
     document: {},
     eventBus: {},
     layout: {},
@@ -13,27 +14,26 @@ const u = { class: "w-full md:mx-auto md:max-w-[720px]" }, d = ["aria-label"], f
     method: {},
     exampleName: {},
     environment: {},
-    workspaceStore: {}
+    workspaceStore: {},
+    activeWorkspace: {}
   },
-  setup(x) {
-    const o = "Workspace Title [replace with name]";
-    return (a, v) => (r(), c("div", u, [
-      e("div", {
-        "aria-label": `title: ${o}`,
-        class: "mx-auto flex h-fit w-full flex-col gap-2 pt-6 pb-3 md:mx-auto md:max-w-[720px]"
-      }, [
-        t(l(n), { class: "text-c-2 size-6" }),
-        e("div", { class: "group relative ml-1.25" }, [
-          e("span", { class: "text-c-1 flex h-8 items-center" }, p(o))
-        ])
-      ], 8, d),
-      t(i, { type: "workspace" }),
+  setup(s) {
+    const c = s;
+    return (t, g) => (n(), r("div", u, [
       e("div", f, [
-        t(l(m), {
-          eventBus: a.eventBus,
-          layout: a.layout,
-          type: "workspace"
-        }, null, 8, ["eventBus", "layout"])
+        e("div", {
+          "aria-label": `title: ${t.activeWorkspace.name}`,
+          class: "mx-auto flex h-fit w-full flex-col gap-2 pt-6 pb-3 md:mx-auto md:max-w-[720px]"
+        }, [
+          o(a(p), { class: "text-c-2 size-6" }),
+          e("div", h, [
+            e("span", v, m(t.activeWorkspace.name), 1)
+          ])
+        ], 8, x),
+        o(_, { type: "workspace" }),
+        e("div", k, [
+          o(a(d), i(c, { collectionType: "workspace" }), null, 16)
+        ])
       ])
     ]));
   }

package/dist/v2/features/collection/components/Authentication.vue.js

@@ -1,7 +1,7 @@
 import t from "./Authentication.vue2.js";
 /* empty css                    */
 import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-8dd529fe"]]);
+const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6fe7b6ea"]]);
 export {
   f as default
 };

package/dist/v2/features/collection/components/Authentication.vue2.js

@@ -1,9 +1,10 @@
-import { defineComponent as u, computed as l, createElementBlock as m, openBlock as d, createElementVNode as n, createVNode as i, unref as c, normalizeClass as a } from "vue";
+import { defineComponent as u, computed as l, createElementBlock as m, openBlock as d, createElementVNode as n, createVNode as i, unref as a, normalizeClass as c } from "vue";
 import { ScalarToggle as p } from "@scalar/components";
 import v from "../../../blocks/scalar-auth-selector-block/components/AuthSelector.vue.js";
 const y = { class: "flex flex-col gap-4" }, f = { class: "flex flex-col gap-2" }, h = { class: "flex h-8 items-center justify-between" }, x = /* @__PURE__ */ u({
   __name: "Authentication",
   props: {
+    documentSlug: {},
     document: {},
     eventBus: {},
     layout: {},
@@ -12,11 +13,12 @@ const y = { class: "flex flex-col gap-4" }, f = { class: "flex flex-col gap-2" }
     exampleName: {},
     environment: {},
     workspaceStore: {},
+    activeWorkspace: {},
     collectionType: {}
   },
   setup(o) {
     const s = l(
-      () => o.document?.["x-scalar-document-security"] ?? !1
+      () => o.document?.["x-scalar-set-operation-security"] ?? !1
     ), r = l(
       () => o.document?.servers?.find(
         ({ url: e }) => e === o.document?.["x-scalar-selected-server"]
@@ -26,19 +28,19 @@ const y = { class: "flex flex-col gap-4" }, f = { class: "flex flex-col gap-2" }
       n("div", f, [
         n("div", h, [
           t[1] || (t[1] = n("h3", { class: "font-bold" }, "Authentication", -1)),
-          i(c(p), {
+          i(a(p), {
             class: "w-4",
             modelValue: s.value,
-            "onUpdate:modelValue": t[0] || (t[0] = () => e.eventBus.emit("document:toggle:document-security"))
+            "onUpdate:modelValue": t[0] || (t[0] = () => e.eventBus.emit("document:toggle:security"))
           }, null, 8, ["modelValue"])
         ]),
         t[2] || (t[2] = n("p", { class: "pr-6 text-sm" }, " If enabled, all selected authentication will apply to all operations in this document. You can override this by disabling the toggle and authentication will then be applied at the operation level. ", -1))
       ]),
       n("div", {
-        class: a(!s.value && "cursor-not-allowed")
+        class: c(!s.value && "cursor-not-allowed")
       }, [
-        i(c(v), {
-          class: a([
+        i(a(v), {
+          class: c([
             "scalar-collection-auth !border-none",
             !s.value && "pointer-events-none opacity-50 mix-blend-luminosity"
           ]),

package/dist/v2/features/collection/components/Cookies.vue.d.ts

@@ -1,3 +1,15 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<(import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "document";
+    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
+}) | (import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "workspace";
+    document: null;
+}), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<(import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "document";
+    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
+}) | (import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "workspace";
+    document: null;
+})> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=Cookies.vue.d.ts.map

package/dist/v2/features/collection/components/Cookies.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cookies.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Cookies.vue"],"names":[],"mappings":";AA4BA,wBAKG"}
+{"version":3,"file":"Cookies.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Cookies.vue"],"names":[],"mappings":";;;;;;;;;;;;;AA0IA,wBAMG"}

package/dist/v2/features/collection/components/Cookies.vue.js

@@ -1,9 +1,4 @@
-import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-const o = {};
-function c(t, n) {
-  return "This is the cookies component";
-}
-const s = /* @__PURE__ */ e(o, [["render", c]]);
+import f from "./Cookies.vue2.js";
 export {
-  s as default
+  f as default
 };

package/dist/v2/features/collection/components/Cookies.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as c, computed as n, createElementBlock as l, openBlock as a, createStaticVNode as i, createVNode as r, unref as u } from "vue";
+import d from "../../global-cookies/components/CookiesTable.vue.js";
+const p = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ c({
+  __name: "Cookies",
+  props: {
+    documentSlug: {},
+    document: {},
+    eventBus: {},
+    layout: {},
+    path: {},
+    method: {},
+    exampleName: {},
+    environment: {},
+    workspaceStore: {},
+    activeWorkspace: {},
+    collectionType: {}
+  },
+  setup(e) {
+    const s = n(() => (e.collectionType === "document" ? e.document["x-scalar-cookies"] : e.workspaceStore.workspace["x-scalar-cookies"]) ?? []);
+    return (o, t) => (a(), l("div", p, [
+      t[0] || (t[0] = i('<div class="flex items-start justify-between gap-2"><div class="flex flex-col gap-2"><div class="flex h-8 items-center"><h3 class="font-bold">Cookies</h3></div><p class="text-c-2 mb-4 text-sm"> Manage your collection&#39;s cookies here.<br>Cookies allow you to store and send key-value data with your API requests—often used for things like session tokens, authentication, and saving user preferences.<br></p></div></div>', 1)),
+      r(u(d), {
+        cookies: s.value,
+        eventBus: o.eventBus,
+        collectionType: o.collectionType
+      }, null, 8, ["cookies", "eventBus", "collectionType"])
+    ]));
+  }
+});
+export {
+  f as default
+};

package/dist/v2/features/collection/components/Environment.vue2.js

@@ -3,6 +3,7 @@ import v from "../../environments/EnvironmentsList.vue.js";
 const d = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ s({
   __name: "Environment",
   props: {
+    documentSlug: {},
     document: {},
     eventBus: {},
     layout: {},
@@ -11,6 +12,7 @@ const d = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ s({
     exampleName: {},
     environment: {},
     workspaceStore: {},
+    activeWorkspace: {},
     collectionType: {}
   },
   setup(e) {

package/dist/v2/features/collection/components/Overview.vue2.js

@@ -1,13 +1,14 @@
-import { defineComponent as g, computed as x, ref as y, useTemplateRef as w, createElementBlock as i, openBlock as t, createElementVNode as o, createBlock as m, createCommentVNode as h, unref as n, withCtx as c, createVNode as d, Fragment as v, nextTick as B } from "vue";
+import { defineComponent as g, computed as x, ref as y, useTemplateRef as w, createElementBlock as i, openBlock as t, createElementVNode as o, createBlock as c, createCommentVNode as h, unref as n, withCtx as m, createVNode as d, Fragment as v, nextTick as B } from "vue";
 import { ScalarButton as f, ScalarMarkdown as C } from "@scalar/components";
 import { ScalarIconPencil as b } from "@scalar/icons";
 import I from "../../../components/code-input/CodeInput.vue.js";
-const V = { class: "flex flex-col gap-2" }, z = { class: "flex items-center justify-between gap-2 pl-1.5" }, N = { class: "has-[:focus-visible]:bg-b-1 group rounded-lg" }, R = {
+const V = { class: "flex flex-col gap-2" }, z = { class: "flex items-center justify-between gap-2 pl-1.5" }, S = { class: "has-[:focus-visible]:bg-b-1 group rounded-lg" }, N = {
   key: 1,
   class: "text-c-3 flex items-center justify-center rounded-lg border p-4"
 }, j = /* @__PURE__ */ g({
   __name: "Overview",
   props: {
+    documentSlug: {},
     document: {},
     eventBus: {},
     layout: {},
@@ -16,6 +17,7 @@ const V = { class: "flex flex-col gap-2" }, z = { class: "flex items-center just
     exampleName: {},
     environment: {},
     workspaceStore: {},
+    activeWorkspace: {},
     collectionType: {}
   },
   setup(k) {
@@ -27,7 +29,7 @@ const V = { class: "flex flex-col gap-2" }, z = { class: "flex items-center just
     return (s, e) => (t(), i("div", V, [
       o("div", z, [
         e[6] || (e[6] = o("h3", { class: "font-bold" }, "Description", -1)),
-        a.value === "preview" ? (t(), m(n(f), {
+        a.value === "preview" ? (t(), c(n(f), {
           key: 0,
           class: "text-c-2 hover:text-c-1 flex items-center gap-2",
           size: "sm",
@@ -35,7 +37,7 @@ const V = { class: "flex flex-col gap-2" }, z = { class: "flex items-center just
           variant: "outlined",
           onClick: e[0] || (e[0] = (l) => r("edit"))
         }, {
-          default: c(() => [
+          default: m(() => [
             d(n(b), {
               size: "sm",
               thickness: "1.5"
@@ -45,7 +47,7 @@ const V = { class: "flex flex-col gap-2" }, z = { class: "flex items-center just
           _: 1
         })) : h("", !0)
       ]),
-      o("div", N, [
+      o("div", S, [
         a.value === "preview" ? (t(), i(v, { key: 0 }, [
           u.value.trim().length ? (t(), i(v, { key: 0 }, [
             d(n(C), {
@@ -55,14 +57,14 @@ const V = { class: "flex flex-col gap-2" }, z = { class: "flex items-center just
               onDblclick: e[1] || (e[1] = (l) => r("edit"))
             }, null, 8, ["value"]),
             e[7] || (e[7] = o("div", { class: "brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-[:focus-visible]:hidden" }, null, -1))
-          ], 64)) : (t(), i("div", R, [
+          ], 64)) : (t(), i("div", N, [
             d(n(f), {
               class: "hover:bg-b-2 hover:text-c-1 text-c-2 flex items-center gap-2",
               size: "sm",
               variant: "ghost",
               onClick: e[2] || (e[2] = (l) => r("edit"))
             }, {
-              default: c(() => [
+              default: m(() => [
                 d(n(b), {
                   size: "sm",
                   thickness: "1.5"
@@ -72,7 +74,7 @@ const V = { class: "flex flex-col gap-2" }, z = { class: "flex items-center just
               _: 1
             })
           ]))
-        ], 64)) : (t(), m(n(I), {
+        ], 64)) : (t(), c(n(I), {
           key: 1,
           ref_key: "codeInputRef",
           ref: p,

package/dist/v2/features/collection/components/Servers.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as M, ref as A, computed as x, createElementBlock as v, openBlock as c, Fragment as S, createElementVNode as r, createVNode as l, createTextVNode as g, renderList as I, createBlock as y, unref as s, toDisplayString as T, withCtx as f, createCommentVNode as V } from "vue";
-import { useModal as P, ScalarMarkdown as z, ScalarButton as _, ScalarModal as L } from "@scalar/components";
+import { defineComponent as M, ref as A, computed as x, createElementBlock as u, openBlock as c, Fragment as S, createElementVNode as r, createVNode as o, createTextVNode as g, renderList as I, createBlock as y, unref as s, toDisplayString as T, withCtx as f, createCommentVNode as V } from "vue";
+import { useModal as P, ScalarMarkdown as z, ScalarButton as k, ScalarModal as L } from "@scalar/components";
 import { debounce as O } from "@scalar/helpers/general/debounce";
 import { ScalarIconTrash as R, ScalarIconPlus as j } from "@scalar/icons";
 import E from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
@@ -11,6 +11,7 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
 }, J = { class: "divide-0 flex w-full flex-col divide-y rounded-b-lg text-sm" }, K = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, se = /* @__PURE__ */ M({
   __name: "Servers",
   props: {
+    documentSlug: {},
     document: {},
     eventBus: {},
     layout: {},
@@ -19,12 +20,13 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
     exampleName: {},
     environment: {},
     workspaceStore: {},
+    activeWorkspace: {},
     collectionType: {}
   },
-  setup(o) {
-    const u = P(), n = A(-1), k = x(
-      () => o.document?.servers?.[n.value]
-    ), $ = x(() => o.document?.servers ?? []), B = [
+  setup(l) {
+    const v = P(), n = A(-1), _ = x(
+      () => l.document?.servers?.[n.value]
+    ), $ = x(() => l.document?.servers ?? []), B = [
       {
         label: "URL",
         key: "url",
@@ -36,26 +38,26 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
         placeholder: "Production"
       }
     ], w = (t) => {
-      n.value = t, u.show();
+      n.value = t, v.show();
     }, p = () => {
-      u.hide(), n.value = -1;
+      v.hide(), n.value = -1;
     }, N = () => {
-      n.value < 0 || (o.eventBus.emit("server:delete:server", { index: n.value }), p());
+      n.value < 0 || (l.eventBus.emit("server:delete:server", { index: n.value }), p());
     }, { execute: b } = O({ delay: 328, maxWait: 1e3 }), U = (t, e, a) => b(
       `${t}-${e}`,
-      () => o.eventBus.emit("server:update:server", {
+      () => l.eventBus.emit("server:update:server", {
         index: t,
         server: { [e]: a }
       })
     ), C = (t, e, a) => b(
       `${t}-${e}`,
-      () => o.eventBus.emit("server:update:variables", {
+      () => l.eventBus.emit("server:update:variables", {
         index: t,
         key: e,
         value: a
       })
-    ), D = () => o.eventBus.emit("server:add:server"), h = (t, e = 0) => t?.description || `Server ${e + 1}`;
-    return (t, e) => (c(), v(S, null, [
+    ), D = () => l.eventBus.emit("server:add:server"), h = (t, e = 0) => t?.description || `Server ${e + 1}`;
+    return (t, e) => (c(), u(S, null, [
       r("div", Y, [
         e[1] || (e[1] = r("div", { class: "flex flex-col gap-2" }, [
           r("h3", { class: "font-bold" }, "Servers"),
@@ -66,7 +68,7 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
           ])
         ], -1)),
         r("div", q, [
-          (c(!0), v(S, null, I($.value, (a, d) => (c(), v("div", {
+          (c(!0), u(S, null, I($.value, (a, d) => (c(), u("div", {
             key: d,
             class: "rounded-lg border"
           }, [
@@ -75,21 +77,21 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
                 key: 0,
                 class: "self-center",
                 value: a.description
-              }, null, 8, ["value"])) : (c(), v("span", H, T(h(a, d)), 1)),
-              l(s(_), {
+              }, null, 8, ["value"])) : (c(), u("span", H, T(h(a, d)), 1)),
+              o(s(k), {
                 class: "hover:bg-b-3 hover:text-c-1 h-fit p-1.25",
                 "data-testid": "delete-server-button",
                 variant: "ghost",
                 onClick: (i) => w(d)
               }, {
                 default: f(() => [
-                  l(s(R), { class: "size-3.5" })
+                  o(s(R), { class: "size-3.5" })
                 ]),
                 _: 1
               }, 8, ["onClick"])
             ]),
             r("div", J, [
-              l(F, {
+              o(F, {
                 data: a,
                 environment: t.environment,
                 onUpdate: (i, m) => U(d, i, m),
@@ -104,27 +106,27 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
           ]))), 128))
         ]),
         r("div", K, [
-          l(s(_), {
+          o(s(k), {
             class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
             size: "sm",
             variant: "ghost",
             onClick: D
           }, {
             default: f(() => [
-              l(s(j)),
+              o(s(j)),
               e[0] || (e[0] = r("span", null, "Add Server", -1))
             ]),
             _: 1
           })
         ])
       ]),
-      l(s(L), {
+      o(s(L), {
         size: "xxs",
-        state: s(u),
-        title: `Delete ${h(k.value, n.value)}`
+        state: s(v),
+        title: `Delete ${h(_.value, n.value)}`
       }, {
         default: f(() => [
-          l(E, {
+          o(E, {
             variableName: "Server",
             warningMessage: "Are you sure you want to delete this server? This action cannot be undone.",
             onClose: p,

package/dist/v2/features/collection/components/Settings.vue.d.ts

@@ -1,17 +1,15 @@
-type __VLS_Props = {
-    /** Document source url if available */
-    documentUrl?: string;
-    /** Watch mode status if also document url is provided */
-    watchMode?: boolean;
-    /** Document title */
-    title: string;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    deleteDocument: () => any;
-    "update:watchMode": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDeleteDocument?: (() => any) | undefined;
-    "onUpdate:watchMode"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<(import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "document";
+    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
+}) | (import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "workspace";
+    document: null;
+}), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<(import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "document";
+    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
+}) | (import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "workspace";
+    document: null;
+})> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=Settings.vue.d.ts.map

package/dist/v2/features/collection/components/Settings.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Settings.vue"],"names":[],"mappings":"AA4IA,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;;;;;;;;AAySF,wBAOG"}
+{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Settings.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAwNA,wBAMG"}

package/dist/v2/features/collection/components/Settings.vue.js

@@ -1,7 +1,4 @@
-import t from "./Settings.vue2.js";
-/* empty css              */
-import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-369fbcff"]]);
+import f from "./Settings.vue2.js";
 export {
-  p as default
+  f as default
 };