@scalar/api-client 2.11.0 → 2.12.0

package/dist/v2/features/app/components/SplashScreen.vue2.js

@@ -0,0 +1,18 @@
+import { defineComponent as e, createElementBlock as t, openBlock as c, createElementVNode as o, createVNode as n, unref as s } from "vue";
+import { ScalarIcon as r } from "@scalar/components";
+const a = { class: "splash-screen bg-b-1 fixed inset-0 z-50 flex items-center justify-center" }, l = { class: "flex flex-col items-center gap-4" }, d = /* @__PURE__ */ e({
+  __name: "SplashScreen",
+  setup(i) {
+    return (_, f) => (c(), t("div", a, [
+      o("div", l, [
+        n(s(r), {
+          icon: "Logo",
+          class: "logo-icon text-c-1 h-16 w-16"
+        })
+      ])
+    ]));
+  }
+});
+export {
+  d as default
+};

package/dist/v2/features/app/components/WebTopNav.vue.d.ts

@@ -1,16 +1,37 @@
+import type { Workspace } from '../../../../v2/hooks/use-workspace-selector.js';
 /**
  * The top nav on the web
  *
  * This no longer contains the links to cookies and environment but just holds the menu and download buttons
  */
 declare const _default: import("vue").DefineComponent<{
-    modelValue: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
+    /**
+     * The currently active workspace.
+     * This represents the workspace that the user is currently working in.
+     */
+    activeWorkspace: Workspace;
+    /**
+     * The list of all available workspaces.
+     * Used to render options for workspace switching and selection.
+     */
+    workspaces: Workspace[];
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "create:workspace": () => any;
+    "select:workspace": (id?: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    modelValue: string;
+    /**
+     * The currently active workspace.
+     * This represents the workspace that the user is currently working in.
+     */
+    activeWorkspace: Workspace;
+    /**
+     * The list of all available workspaces.
+     * Used to render options for workspace switching and selection.
+     */
+    workspaces: Workspace[];
 }> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onCreate:workspace"?: (() => any) | undefined;
+    "onSelect:workspace"?: ((id?: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=WebTopNav.vue.d.ts.map

package/dist/v2/features/app/components/WebTopNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebTopNav.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/WebTopNav.vue"],"names":[],"mappings":"AAiCA;;;;GAIG;;gBAaS,MAAM;;;;gBAAN,MAAM;;;;AAZlB,wBA+EC"}
+{"version":3,"file":"WebTopNav.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/WebTopNav.vue"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAKlE;;;;GAIG;;IAGD;;;OAGG;qBACc,SAAS;IAC1B;;;OAGG;gBACS,SAAS,EAAE;;;;;IATvB;;;OAGG;qBACc,SAAS;IAC1B;;;OAGG;gBACS,SAAS,EAAE;;;;;AAXzB,wBAuGC"}

package/dist/v2/features/app/components/WebTopNav.vue.js

@@ -1,28 +1,27 @@
-import { defineComponent as l, useModel as n, createElementBlock as s, openBlock as u, createVNode as t, unref as d } from "vue";
-import p from "./DownloadAppButton.vue.js";
+import { defineComponent as p, createElementBlock as c, openBlock as n, createVNode as s, unref as i } from "vue";
+import k from "./DownloadAppButton.vue.js";
 import m from "../../../components/sidebar/SidebarMenu.vue.js";
-const c = { class: "flex h-12 items-center justify-between border-b p-2" }, f = {}, b = /* @__PURE__ */ l({
-  ...f,
+const l = { class: "flex h-12 items-center justify-between border-b p-2" }, w = {}, v = /* @__PURE__ */ p({
+  ...w,
   __name: "WebTopNav",
   props: {
-    modelValue: {
-      required: !0,
-      default: "default"
-    },
-    modelModifiers: {}
+    activeWorkspace: {},
+    workspaces: {}
   },
-  emits: ["update:modelValue"],
-  setup(r) {
-    const e = n(r, "modelValue");
-    return (i, o) => (u(), s("nav", c, [
-      t(d(m), {
-        workspace: e.value,
-        "onUpdate:workspace": o[0] || (o[0] = (a) => e.value = a)
-      }, null, 8, ["workspace"]),
-      t(p)
+  emits: ["create:workspace", "select:workspace"],
+  setup(f, { emit: a }) {
+    const o = a;
+    return (t, e) => (n(), c("nav", l, [
+      s(i(m), {
+        activeWorkspace: t.activeWorkspace,
+        workspaces: t.workspaces,
+        "onCreate:workspace": e[0] || (e[0] = (r) => o("create:workspace")),
+        "onSelect:workspace": e[1] || (e[1] = (r) => o("select:workspace", r))
+      }, null, 8, ["activeWorkspace", "workspaces"]),
+      s(k)
     ]));
   }
 });
 export {
-  b as default
+  v as default
 };

package/dist/v2/features/app/helpers/create-api-client-app.d.ts

@@ -1,4 +1,3 @@
-import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { ClientPlugin } from '../../../../v2/plugins';
 import type { ClientLayout } from '../../../../v2/types/layout';
 export type CreateApiClientOptions = {
@@ -21,5 +20,5 @@ export declare const createAppRouter: (layout: CreateApiClientOptions["layout"])
 /**
  * Create the API Client with router and passes in the workspace store as a prop
  */
-export declare const createApiClientApp: (el: HTMLElement | null, workspaceStore: WorkspaceStore, { layout }: CreateApiClientOptions) => void;
+export declare const createApiClientApp: (el: HTMLElement | null, { layout }: CreateApiClientOptions) => void;
 //# sourceMappingURL=create-api-client-app.d.ts.map

package/dist/v2/features/app/helpers/create-api-client-app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-api-client-app.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/create-api-client-app.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAMpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,sBAAsB,CAAC,QAAQ,CAAC,gCAQvE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,IAAI,WAAW,GAAG,IAAI,EACtB,gBAAgB,cAAc,EAC9B,YAAwB,sBAAsB,SAmB/C,CAAA"}
+{"version":3,"file":"create-api-client-app.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/create-api-client-app.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,sBAAsB,CAAC,QAAQ,CAAC,gCAQvE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,WAAW,GAAG,IAAI,EAAE,YAAwB,sBAAsB,SAkBxG,CAAA"}

package/dist/v2/features/app/helpers/create-api-client-app.js

@@ -1,11 +1,11 @@
-import { createApp as p } from "vue";
-import { createRouter as o, createWebHistory as c, createWebHashHistory as s } from "vue-router";
-import n from "../App.vue.js";
+import { createApp as i } from "vue";
+import { createRouter as o, createWebHistory as p, createWebHashHistory as c } from "vue-router";
+import s from "../App.vue.js";
 /* empty css          */
 import { ROUTES as a } from "./routes.js";
-const m = (e) => e === "web" ? o({ history: c(), routes: a }) : o({ history: s(), routes: a }), A = (e, i, { layout: r = "desktop" }) => {
-  const t = p(n, { workspaceStore: i, layout: r });
-  if (t.use(m(r)), !e) {
+const n = (e) => e === "web" ? o({ history: p(), routes: a }) : o({ history: c(), routes: a }), h = (e, { layout: r = "desktop" }) => {
+  const t = i(s, { layout: r });
+  if (t.use(n(r)), !e) {
     console.error(
       "[@scalar/api-client-modal] Could not create the API client.",
       "Invalid HTML element provided.",
@@ -16,6 +16,6 @@ const m = (e) => e === "web" ? o({ history: c(), routes: a }) : o({ history: s()
   t.mount(e);
 };
 export {
-  A as createApiClientApp,
-  m as createAppRouter
+  h as createApiClientApp,
+  n as createAppRouter
 };

package/dist/v2/features/app/helpers/routes.d.ts

@@ -3,9 +3,11 @@ import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
+import type { Workspace } from '../../../../v2/hooks/use-workspace-selector.js';
 import type { ClientLayout } from '../../../../v2/types/layout';
 /** These props are provided at the route level */
 export type RouteProps = {
+    documentSlug: string;
     document: WorkspaceDocument | null;
     eventBus: WorkspaceEventBus;
     layout: ClientLayout;
@@ -14,6 +16,7 @@ export type RouteProps = {
     exampleName?: string;
     environment: XScalarEnvironment;
     workspaceStore: WorkspaceStore;
+    activeWorkspace: Workspace;
 };
 /** When in the collections pages */
 export type CollectionProps = RouteProps & ({
@@ -25,12 +28,6 @@ export type CollectionProps = RouteProps & ({
 });
 /** Routes for the API client app and web, the same as modal + workspace routes */
 export declare const ROUTES: ({
-    name: string;
-    path: string;
-    component: () => Promise<typeof import("../../../../v2/components/TempReplaceMe.vue.js")>;
-    children?: undefined;
-    redirect?: undefined;
-} | {
     path: string;
     children: ({
         path: string;
@@ -55,16 +52,6 @@ export declare const ROUTES: ({
                 path: string;
                 component: () => Promise<typeof import("../../../../v2/features/collection/components/Overview.vue.js")>;
                 redirect?: undefined;
-            } | {
-                name: string;
-                path: string;
-                component: () => Promise<typeof import("../../../../v2/features/collection/components/Cookies.vue.js")>;
-                redirect?: undefined;
-            } | {
-                name: string;
-                path: string;
-                component: () => Promise<typeof import("../../../../v2/features/collection/components/Settings.vue.js")>;
-                redirect?: undefined;
             })[];
         })[];
         name?: undefined;
@@ -73,28 +60,16 @@ export declare const ROUTES: ({
         name: string;
         path: string;
         component: () => Promise<typeof import("../../../../v2/features/collection/WorkspaceCollection.vue.js")>;
-        children: ({
+        children: {
             name: string;
             path: string;
             component: () => Promise<typeof import("../../../../v2/features/collection/components/Environment.vue.js")>;
-        } | {
-            name: string;
-            path: string;
-            component: () => Promise<typeof import("../../../../v2/features/collection/components/Cookies.vue.js")>;
-        } | {
-            name: string;
-            path: string;
-            component: () => Promise<typeof import("../../../../v2/features/collection/components/Settings.vue.js")>;
-        })[];
+        }[];
     })[];
-    name?: undefined;
-    component?: undefined;
     redirect?: undefined;
 } | {
     path: string;
-    redirect: string;
-    name?: undefined;
-    component?: undefined;
+    redirect: () => string;
     children?: undefined;
 })[];
 //# sourceMappingURL=routes.d.ts.map

package/dist/v2/features/app/helpers/routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAGlF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,kDAAkD;AAClD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,cAAc,EAAE,cAAc,CAAA;CAG/B,CAAA;AAED,oCAAoC;AACpC,MAAM,MAAM,eAAe,GAAG,UAAU,GACtC,CACI;IACE,cAAc,EAAE,UAAU,CAAA;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GACD;IACE,cAAc,EAAE,WAAW,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;CACf,CACJ,CAAA;AAEH,kFAAkF;AAClF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyGS,CAAA"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAIlF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,kDAAkD;AAClD,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,cAAc,EAAE,cAAc,CAAA;IAC9B,eAAe,EAAE,SAAS,CAAA;CAG3B,CAAA;AAED,oCAAoC;AACpC,MAAM,MAAM,eAAe,GAAG,UAAU,GACtC,CACI;IACE,cAAc,EAAE,UAAU,CAAA;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GACD;IACE,cAAc,EAAE,WAAW,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;CACf,CACJ,CAAA;AAEH,kFAAkF;AAClF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmGS,CAAA"}

package/dist/v2/features/app/helpers/routes.js

@@ -1,10 +1,5 @@
-const e = [
-  // Global settings
-  {
-    name: "settings",
-    path: "/settings",
-    component: () => import("../../../components/TempReplaceMe.vue.js")
-  },
+import { workspaceStorage as e } from "../../../helpers/storage.js";
+const o = [
   {
     path: "/workspace/:workspaceSlug",
     children: [
@@ -101,9 +96,9 @@ const e = [
   },
   {
     path: "/:pathMatch(.*)*",
-    redirect: "/workspace/default/document/default/overview"
+    redirect: () => `/workspace/${e.getActiveWorkspaceId() ?? "default"}/document/drafts/overview`
   }
 ];
 export {
-  e as ROUTES
+  o as ROUTES
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/collection/DocumentCollection.vue"],"names":[],"mappings":"AAoHA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAMlE;;;;;;;GAOG;;AACH,wBAsQC"}
+{"version":3,"file":"DocumentCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/collection/DocumentCollection.vue"],"names":[],"mappings":"AA8GA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAMlE;;;;;;;GAOG;;AACH,wBAqPC"}

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
+};