@scalar/api-client 2.22.3 → 2.23.2

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

@@ -1,7 +1,7 @@
-import { defineComponent as u, computed as s, createElementBlock as m, openBlock as d, createElementVNode as n, createVNode as c, unref as i, normalizeClass as a } from "vue";
+import { defineComponent as u, computed as s, createElementBlock as m, openBlock as d, createElementVNode as n, createVNode as c, unref as a, normalizeClass as i } from "vue";
 import { ScalarToggle as v } from "@scalar/components";
 import y from "../../../blocks/scalar-auth-selector-block/components/AuthSelector.vue.js";
-const f = { class: "flex flex-col gap-4" }, p = { class: "flex flex-col gap-2" }, h = { class: "flex h-8 items-center justify-between" }, b = /* @__PURE__ */ u({
+const h = { class: "flex flex-col gap-4" }, f = { class: "flex flex-col gap-2" }, p = { class: "flex h-8 items-center justify-between" }, w = /* @__PURE__ */ u({
   __name: "Authentication",
   props: {
     documentSlug: {},
@@ -26,11 +26,11 @@ const f = { class: "flex flex-col gap-4" }, p = { class: "flex flex-col gap-2" }
         ({ url: o }) => o === e.document?.["x-scalar-selected-server"]
       ) ?? null
     );
-    return (o, t) => (d(), m("div", f, [
-      n("div", p, [
-        n("div", h, [
+    return (o, t) => (d(), m("div", h, [
+      n("div", f, [
+        n("div", p, [
           t[1] || (t[1] = n("h3", { class: "font-bold" }, "Authentication", -1)),
-          c(i(v), {
+          c(a(v), {
             class: "w-4",
             modelValue: l.value,
             "onUpdate:modelValue": t[0] || (t[0] = () => e.eventBus.emit("document:toggle:security"))
@@ -39,10 +39,10 @@ const f = { class: "flex flex-col gap-4" }, p = { class: "flex flex-col gap-2" }
         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(!l.value && "cursor-not-allowed")
+        class: i(!l.value && "cursor-not-allowed")
       }, [
-        c(i(y), {
-          class: a([
+        c(a(y), {
+          class: i([
             "scalar-collection-auth !border-none",
             !l.value && "pointer-events-none opacity-50 mix-blend-luminosity"
           ]),
@@ -53,7 +53,10 @@ const f = { class: "flex flex-col gap-4" }, p = { class: "flex flex-col gap-2" }
           proxyUrl: e.workspaceStore.workspace["x-scalar-active-proxy"] ?? "",
           securityRequirements: e.document?.security ?? [],
           securitySchemes: e.securitySchemes,
-          selectedSecurity: e.document?.["x-scalar-selected-security"],
+          selectedSecurity: e.workspaceStore.auth.getAuthSelectedSchemas({
+            type: "document",
+            documentName: e.documentSlug
+          }),
           server: r.value,
           title: "Authentication"
         }, null, 8, ["class", "environment", "eventBus", "proxyUrl", "securityRequirements", "securitySchemes", "selectedSecurity", "server"])
@@ -62,5 +65,5 @@ const f = { class: "flex flex-col gap-4" }, p = { class: "flex flex-col gap-2" }
   }
 });
 export {
-  b as default
+  w as default
 };

package/dist/v2/features/import-listener/ImportListener.vue.d.ts

@@ -0,0 +1,52 @@
+import { type ScalarListboxOption } from '@scalar/components';
+import { type WorkspaceStore } from '@scalar/workspace-store/client';
+type __VLS_Props = {
+    /**
+     * The workspace store instance.
+     * This is null during initialization until the store is ready.
+     */
+    workspaceStore: WorkspaceStore | null;
+    /**
+     * The currently active workspace.
+     * This represents the workspace that the user is currently working in.
+     */
+    activeWorkspace: {
+        id: string;
+        label: string;
+    } | null;
+    /**
+     * The list of all available workspaces.
+     * Used to render options for workspace switching and selection.
+     */
+    workspaces: ScalarListboxOption[];
+    /**
+     * The dark mode setting.
+     * This is used to determine the color mode of the import modal.
+     */
+    darkMode: boolean;
+};
+declare var __VLS_17: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "create:workspace": (payload: {
+        name: string;
+    }) => any;
+    "select:workspace": (id?: string | undefined) => any;
+    "navigateTo:document": (slug: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onCreate:workspace"?: ((payload: {
+        name: string;
+    }) => any) | undefined;
+    "onSelect:workspace"?: ((id?: string | undefined) => any) | undefined;
+    "onNavigateTo:document"?: ((slug: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ImportListener.vue.d.ts.map

package/dist/v2/features/import-listener/ImportListener.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportListener.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/import-listener/ImportListener.vue"],"names":[],"mappings":"AA4MA,OAAO,EAAY,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAEvE,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,gCAAgC,CAAA;AAYvC,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,cAAc,EAAE,cAAc,GAAG,IAAI,CAAA;IACrC;;;OAGG;IACH,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACrD;;;OAGG;IACH,UAAU,EAAE,mBAAmB,EAAE,CAAA;IACjC;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAC;AA4MF,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA0BhD,QAAA,MAAM,eAAe;;cA/NsB,MAAM;;;;;;cAAN,MAAM;;;;kFAsO/C,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/features/import-listener/ImportListener.vue.js

@@ -0,0 +1,91 @@
+import { defineComponent as h, ref as v, onMounted as I, createElementBlock as W, openBlock as D, Fragment as L, createVNode as d, renderSlot as F, unref as M } from "vue";
+import { useModal as T } from "@scalar/components";
+import { useToasts as B } from "@scalar/use-toasts";
+import { createWorkspaceStore as C } from "@scalar/workspace-store/client";
+import { getUrlQueryParameter as i } from "./helpers/get-url-query-parameter.js";
+import { importDocumentToWorkspace as E } from "./helpers/import-document-to-workspace.js";
+import { loadDocumentFromSource as $ } from "./helpers/load-document-from-source.js";
+import { waitForCondition as b } from "./helpers/wait-for-condition.js";
+import x from "./components/DropEventListener.vue.js";
+import z from "./components/ImportModal.vue.js";
+/* empty css                            */
+const J = /* @__PURE__ */ h({
+  __name: "ImportListener",
+  props: {
+    workspaceStore: {},
+    activeWorkspace: {},
+    workspaces: {},
+    darkMode: { type: Boolean }
+  },
+  emits: ["navigateTo:document", "select:workspace", "create:workspace"],
+  setup(r, { emit: k }) {
+    const s = k, c = v(null), a = T(), { toast: l } = B(), n = (o) => {
+      console.error(o), l("Failed to import document", "error"), a.hide();
+    }, f = async (o) => {
+      if (l("Importing document to the workspace...", "info"), !r.workspaceStore) {
+        n("Workspace store is not available");
+        return;
+      }
+      const e = C();
+      if (!await $(
+        e,
+        o,
+        "drafts",
+        !1
+      )) {
+        n("Failed to import document");
+        return;
+      }
+      await p(e.exportWorkspace(), "drafts");
+    }, u = async (o, e) => {
+      const t = await b(
+        () => r.workspaceStore !== null
+      ), w = new Set(
+        Object.keys(r.workspaceStore?.workspace.documents ?? {})
+      ), g = () => {
+        const m = w, S = m.size === 0, y = m.size === 1 && m.has("drafts");
+        return S || y;
+      };
+      if (r.workspaces.length === 1 && g() && t) {
+        await f(o);
+        return;
+      }
+      c.value = {
+        source: o,
+        companyLogo: e ?? null
+      }, a.show();
+    }, p = async (o, e) => {
+      const t = await E({
+        workspaceStore: r.workspaceStore,
+        workspaceState: o,
+        name: e
+      });
+      if (!t.ok) {
+        n(t.error);
+        return;
+      }
+      s("navigateTo:document", t.slug), a.hide();
+    };
+    return I(() => {
+      const o = i("url"), e = r.darkMode ? i("dark_logo") : i("light_logo");
+      o && u(o, e);
+    }), (o, e) => (D(), W(L, null, [
+      d(z, {
+        activeWorkspace: r.activeWorkspace,
+        companyLogo: c.value?.companyLogo || null,
+        isLoading: r.workspaceStore === null,
+        modalState: M(a),
+        source: c.value?.source || null,
+        workspaces: r.workspaces,
+        "onCreate:workspace": e[0] || (e[0] = (t) => s("create:workspace", t)),
+        "onImport:document": p,
+        "onSelect:workspace": e[1] || (e[1] = (t) => s("select:workspace", t))
+      }, null, 8, ["activeWorkspace", "companyLogo", "isLoading", "modalState", "source", "workspaces"]),
+      d(x, { onInput: u }),
+      F(o.$slots, "default")
+    ], 64));
+  }
+});
+export {
+  J as default
+};

package/dist/v2/features/import-listener/ImportListener.vue2.js

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

package/dist/v2/features/import-listener/components/DropEventListener.vue.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    input: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onInput?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=DropEventListener.vue.d.ts.map

package/dist/v2/features/import-listener/components/DropEventListener.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropEventListener.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/import-listener/components/DropEventListener.vue"],"names":[],"mappings":";;;;;AAqVA,wBAMG"}

package/dist/v2/features/import-listener/components/DropEventListener.vue.js

@@ -0,0 +1,81 @@
+import { defineComponent as g, ref as y, onMounted as x, onBeforeUnmount as h, createBlock as D, openBlock as p, Transition as E, withCtx as T, createElementBlock as _, createCommentVNode as L, createElementVNode as i, createVNode as C, unref as b } from "vue";
+import { ScalarIcon as k } from "@scalar/components";
+const A = {
+  key: 0,
+  class: "bg-b-2 fixed right-1/2 bottom-1/2 z-50 h-64 w-64 translate-x-1/2 translate-y-1/2 rounded-xl border transition-opacity duration-200 md:right-10 md:bottom-10 md:translate-x-0 md:translate-y-0"
+}, w = { class: "flex h-full flex-col items-center justify-center" }, V = /* @__PURE__ */ g({
+  __name: "DropEventListener",
+  emits: ["input"],
+  setup(B, { emit: v }) {
+    const s = v, n = y(!1);
+    let a = 0;
+    x(() => {
+      document.addEventListener("dragenter", f), document.addEventListener("dragleave", u), document.addEventListener("dragover", c), document.addEventListener("drop", l);
+    }), h(() => {
+      document.removeEventListener("dragenter", f), document.removeEventListener("dragover", c), document.removeEventListener("dragleave", u), document.removeEventListener("drop", l);
+    });
+    function d(e) {
+      return e.dataTransfer?.types.includes("text/html") ?? !1;
+    }
+    function l(e) {
+      if (e.preventDefault(), n.value = !1, a = 0, !d(e) && e.dataTransfer) {
+        const t = e.dataTransfer.getData("text").replace(/^blob:/, "");
+        if (t)
+          s("input", t);
+        else if (e.dataTransfer.files.length > 0) {
+          const r = e.dataTransfer.files[0];
+          if (!r)
+            return;
+          const m = new FileReader();
+          m.onload = (o) => {
+            o.target && typeof o.target.result == "string" && s("input", o.target.result);
+          }, m.readAsText(r);
+        }
+      }
+    }
+    function c(e) {
+      e.preventDefault();
+    }
+    function u(e) {
+      e.preventDefault(), a--, a === 0 && (n.value = !1);
+    }
+    function f(e) {
+      if (e.preventDefault(), a++, !d(e)) {
+        if (e.dataTransfer) {
+          const t = e.dataTransfer.items;
+          for (const r of t)
+            if (r?.kind === "string" || r?.type?.includes("json") || r?.type?.includes("yml") || r?.type?.includes("yaml")) {
+              n.value = !0;
+              return;
+            }
+        }
+        n.value = !1;
+      }
+    }
+    return (e, t) => (p(), D(E, {
+      enterActiveClass: "transition-opacity duration-200",
+      enterFromClass: "opacity-0",
+      leaveActiveClass: "transition-opacity duration-200",
+      leaveToClass: "opacity-0"
+    }, {
+      default: T(() => [
+        n.value ? (p(), _("div", A, [
+          i("div", w, [
+            i("div", null, [
+              C(b(k), {
+                icon: "Download",
+                size: "xl",
+                thickness: "2"
+              })
+            ]),
+            t[0] || (t[0] = i("div", { class: "text-c-1 m-4 text-center" }, " Drop your OpenAPI document here ", -1))
+          ])
+        ])) : L("", !0)
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  V as default
+};

package/dist/v2/features/import-listener/components/DropEventListener.vue2.js

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

package/dist/v2/features/import-listener/components/ImportModal.vue.d.ts

@@ -0,0 +1,40 @@
+import { type ModalState, type ScalarListboxOption } from '@scalar/components';
+import type { InMemoryWorkspace } from '@scalar/workspace-store/schemas/inmemory-workspace';
+type __VLS_Props = {
+    /** The source URL or content to import from (URL, file path, or raw content) */
+    source: string | null;
+    /** Controls the visibility and state of the modal */
+    modalState: ModalState;
+    /** Optional company logo URL to display in the import UI */
+    companyLogo?: string | null;
+    /** Whether the workspace data is currently being loaded */
+    isLoading?: boolean;
+    /**
+     * The currently active workspace.
+     * This represents the workspace that the user is currently working in.
+     */
+    activeWorkspace: {
+        id: string;
+        label: string;
+    } | null;
+    /**
+     * The list of all available workspaces.
+     * Used to render options for workspace switching and selection.
+     */
+    workspaces: ScalarListboxOption[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "create:workspace": (payload: {
+        name: string;
+    }) => any;
+    "select:workspace": (id?: string | undefined) => any;
+    "import:document": (workspaceState: InMemoryWorkspace, name: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onCreate:workspace"?: ((payload: {
+        name: string;
+    }) => any) | undefined;
+    "onSelect:workspace"?: ((id?: string | undefined) => any) | undefined;
+    "onImport:document"?: ((workspaceState: InMemoryWorkspace, name: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ImportModal.vue.d.ts.map

package/dist/v2/features/import-listener/components/ImportModal.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/import-listener/components/ImportModal.vue"],"names":[],"mappings":"AAgVA,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAQ3F,KAAK,WAAW,GAAG;IACjB,gFAAgF;IAChF,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,qDAAqD;IACrD,UAAU,EAAE,UAAU,CAAA;IACtB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACrD;;;OAGG;IACH,UAAU,EAAE,mBAAmB,EAAE,CAAA;CAClC,CAAC;;;cAayC,MAAM;;;;;;cAAN,MAAM;;;;;AA4cjD,wBAOG"}

package/dist/v2/features/import-listener/components/ImportModal.vue.js

@@ -0,0 +1,170 @@
+import { defineComponent as W, ref as w, computed as d, watch as y, onUnmounted as N, createBlock as V, openBlock as s, unref as m, withCtx as b, createElementVNode as e, normalizeClass as M, createElementBlock as n, Fragment as k, createTextVNode as u, createCommentVNode as f, toDisplayString as O, createVNode as p } from "vue";
+import { ScalarModal as j, ScalarButton as B, ScalarIcon as T } from "@scalar/components";
+import { createWorkspaceStore as U } from "@scalar/workspace-store/client";
+import z from "../../../../components/CommandPalette/WatchModeToggle.vue.js";
+import E from "./WorkspaceSelector.vue.js";
+import { loadDocumentFromSource as F } from "../helpers/load-document-from-source.js";
+import { isUrl as g } from "../../../helpers/is-url.js";
+const q = { class: "relative flex h-screen flex-col justify-center overflow-hidden px-6 md:px-0" }, R = {
+  key: 0,
+  class: "w-full text-center text-sm font-medium break-words"
+}, $ = ["href"], G = {
+  key: 1,
+  class: "w-full text-center text-sm font-medium break-words"
+}, H = ["src"], J = {
+  key: 1,
+  class: "text-md mb-2 line-clamp-1 text-center font-bold"
+}, K = { class: "z-10 inline-flex w-full flex-col items-center gap-2" }, Q = { class: "flex justify-center" }, X = { class: "text-c-3 inline-flex items-center px-4 py-1 text-xs font-medium" }, Y = {
+  key: 0,
+  class: "mt-5 overflow-hidden border-t pt-4 text-sm"
+}, Z = { class: "flex items-center justify-center" }, _ = { class: "flex flex-col items-center justify-center pb-8" }, ee = { class: "flex flex-col items-center text-center" }, te = { class: "mb-2 flex h-10 w-10 items-center justify-center rounded-[10px] border" }, oe = {
+  href: "https://scalar.com/download",
+  target: "_blank"
+}, h = "draft", de = /* @__PURE__ */ W({
+  __name: "ImportModal",
+  props: {
+    source: {},
+    modalState: {},
+    companyLogo: {},
+    isLoading: { type: Boolean, default: !1 },
+    activeWorkspace: {},
+    workspaces: {}
+  },
+  emits: ["import:document", "select:workspace", "create:workspace"],
+  setup(o, { emit: I }) {
+    const x = I, l = w("idle"), c = w(!1), i = U(), S = d(
+      () => i.workspace.activeDocument?.info.title || "Untitled Document"
+    ), A = d(
+      () => !!i.workspace.activeDocument?.info.version
+    ), C = d(() => o.source && g(o.source)), D = d(() => l.value === "loading"), v = (a) => {
+      a && o.modalState.open ? document.body.classList.add("has-import-url") : document.body.classList.remove("has-import-url");
+    }, L = async (a) => {
+      if (!a)
+        return l.value = "idle", c.value = !1, v(!1);
+      if (v(!0), l.value = "loading", !await F(
+        i,
+        o.source,
+        h,
+        c.value
+      )) {
+        l.value = "error";
+        return;
+      }
+      l.value = "success";
+    }, P = () => {
+      x(
+        "import:document",
+        i.exportWorkspace(),
+        h
+      );
+    };
+    return y(() => o.modalState.open, L), y(c, (a) => {
+      i.updateDocument("active", "x-scalar-watch-mode", a);
+    }), N(() => v(!1)), (a, t) => (s(), V(m(j), {
+      size: "full",
+      state: o.modalState
+    }, {
+      default: b(() => [
+        e("div", q, [
+          t[10] || (t[10] = e("div", { class: "section-flare" }, [
+            e("div", { class: "section-flare-item" }),
+            e("div", { class: "section-flare-item" }),
+            e("div", { class: "section-flare-item" }),
+            e("div", { class: "section-flare-item" }),
+            e("div", { class: "section-flare-item" }),
+            e("div", { class: "section-flare-item" }),
+            e("div", { class: "section-flare-item" }),
+            e("div", { class: "section-flare-item" })
+          ], -1)),
+          e("div", {
+            class: M(["m-auto flex w-full max-w-[380px] flex-col items-center rounded-xl border px-8 py-8 transition-opacity", { "opacity-0": D.value }])
+          }, [
+            l.value === "error" ? (s(), n(k, { key: 0 }, [
+              t[4] || (t[4] = e("div", { class: "text-md mb-2 line-clamp-1 text-center font-bold" }, " No OpenAPI document found ", -1)),
+              o.source && m(g)(o.source) ? (s(), n("div", R, [
+                t[3] || (t[3] = u(" We couldn't find an OpenAPI document at the provided URL. Please download and import the ", -1)),
+                e("a", {
+                  href: o.source,
+                  rel: "noopener nofollow",
+                  target: "_blank",
+                  textContent: "OpenAPI document manually"
+                }, null, 8, $)
+              ])) : (s(), n("div", G, " We can't import this document because it's not a valid OpenAPI document. "))
+            ], 64)) : (s(), n(k, { key: 1 }, [
+              o.companyLogo ? (s(), n("img", {
+                key: 0,
+                alt: "Company Logo",
+                class: "mb-2 w-full object-contain",
+                src: o.companyLogo
+              }, null, 8, H)) : f("", !0),
+              o.companyLogo ? f("", !0) : (s(), n("div", J, O(S.value), 1)),
+              t[8] || (t[8] = e("div", { class: "text-c-1 text-center text-sm font-medium text-balance" }, " Import the OpenAPI document to instantly send API requests. No signup required. ", -1)),
+              A.value ? (s(), n(k, { key: 2 }, [
+                e("div", K, [
+                  p(m(B), {
+                    class: "mt-3 h-fit w-full rounded-lg px-6 py-2.5 font-bold",
+                    disabled: o.isLoading,
+                    size: "md",
+                    type: "button",
+                    onClick: P
+                  }, {
+                    default: b(() => [...t[5] || (t[5] = [
+                      u(" Import Collection ", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["disabled"])
+                ]),
+                e("div", Q, [
+                  e("div", X, [
+                    t[6] || (t[6] = u(" Import to: ", -1)),
+                    p(E, {
+                      activeWorkspace: o.activeWorkspace,
+                      workspaces: o.workspaces,
+                      "onCreate:workspace": t[0] || (t[0] = (r) => x("create:workspace", r)),
+                      "onSelect:workspace": t[1] || (t[1] = (r) => x("select:workspace", r))
+                    }, null, 8, ["activeWorkspace", "workspaces"])
+                  ])
+                ]),
+                C.value ? (s(), n("div", Y, [
+                  e("div", Z, [
+                    p(z, {
+                      modelValue: c.value,
+                      "onUpdate:modelValue": t[2] || (t[2] = (r) => c.value = r),
+                      disableToolTip: !0
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  t[7] || (t[7] = e("div", { class: "text-c-3 pt-0 text-center text-xs font-medium text-balance" }, " Automatically update your API client when the OpenAPI document content changes. ", -1))
+                ])) : f("", !0)
+              ], 64)) : f("", !0)
+            ], 64))
+          ], 2),
+          e("div", _, [
+            e("div", ee, [
+              e("div", te, [
+                e("a", oe, [
+                  p(m(T), {
+                    icon: "Logo",
+                    size: "xl"
+                  })
+                ])
+              ]),
+              t[9] || (t[9] = e("span", { class: "text-c-2 text-sm leading-snug font-medium" }, [
+                e("a", {
+                  class: "hover:text-c-1 mb-1 inline-block underline-offset-2",
+                  href: "https://scalar.com/download",
+                  target: "_blank"
+                }, " Download Desktop App "),
+                e("br"),
+                u(" free · open-source · offline first ")
+              ], -1))
+            ])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["state"]));
+  }
+});
+export {
+  de as default
+};

package/dist/v2/features/import-listener/components/ImportModal.vue3.js

@@ -0,0 +1,5 @@
+import o from "./ImportModal.vue.js";
+/* empty css                 */
+export {
+  o as default
+};

package/dist/v2/features/import-listener/components/WorkspaceSelector.vue.d.ts

@@ -0,0 +1,29 @@
+import { type ScalarListboxOption } from '@scalar/components';
+type __VLS_Props = {
+    /**
+     * The currently active workspace.
+     * This represents the workspace that the user is currently working in.
+     */
+    activeWorkspace: {
+        id: string;
+        label: string;
+    } | null;
+    /**
+     * The list of all available workspaces.
+     * Used to render options for workspace switching and selection.
+     */
+    workspaces: ScalarListboxOption[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "create:workspace": (payload: {
+        name: string;
+    }) => any;
+    "select:workspace": (id?: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onCreate:workspace"?: ((payload: {
+        name: string;
+    }) => any) | undefined;
+    "onSelect:workspace"?: ((id?: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=WorkspaceSelector.vue.d.ts.map

package/dist/v2/features/import-listener/components/WorkspaceSelector.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceSelector.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/import-listener/components/WorkspaceSelector.vue"],"names":[],"mappings":"AAkGA,OAAO,EAOL,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAA;AAI3B,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACrD;;;OAGG;IACH,UAAU,EAAE,mBAAmB,EAAE,CAAA;CAClC,CAAC;;;cAOyC,MAAM;;;;;cAAN,MAAM;;;;AAwPjD,wBAOG"}

package/dist/v2/features/import-listener/components/WorkspaceSelector.vue.js

@@ -0,0 +1,83 @@
+import { defineComponent as w, createElementBlock as p, openBlock as i, createVNode as t, unref as e, withCtx as l, createElementVNode as o, toDisplayString as m, Fragment as x, renderList as k, createBlock as h, withModifiers as v, normalizeClass as _ } from "vue";
+import { useModal as g, ScalarDropdown as C, ScalarButton as b, ScalarIcon as n, ScalarDropdownItem as f, ScalarDropdownDivider as S } from "@scalar/components";
+import y from "../../app/components/CreateWorkspaceModal.vue.js";
+const D = { class: "flex w-[inherit] items-center text-base" }, W = { class: "m-0 flex items-center gap-1 text-sm font-medium" }, z = { class: "line-clamp-1 w-[calc(100%-10px)] text-left text-xs" }, B = { class: "overflow-hidden text-ellipsis" }, j = { class: "flex h-4 w-4 items-center justify-center" }, V = /* @__PURE__ */ w({
+  __name: "WorkspaceSelector",
+  props: {
+    activeWorkspace: {},
+    workspaces: {}
+  },
+  emits: ["select:workspace", "create:workspace"],
+  setup(r, { emit: u }) {
+    const c = u, d = g();
+    return (M, a) => (i(), p("div", D, [
+      t(e(C), null, {
+        items: l(() => [
+          (i(!0), p(x, null, k(r.workspaces, (s) => (i(), h(e(f), {
+            key: s.id,
+            class: "group/item flex w-full items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
+            onClick: v((N) => c("select:workspace", s.id), ["stop"])
+          }, {
+            default: l(() => [
+              o("div", {
+                class: _([
+                  "flex h-4 w-4 items-center justify-center rounded-full p-[3px]",
+                  r.activeWorkspace?.id === s.id ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
+                ])
+              }, [
+                t(e(n), {
+                  class: "size-2.5",
+                  icon: "Checkmark",
+                  thickness: "3"
+                })
+              ], 2),
+              o("span", B, m(s.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"]))), 128)),
+          t(e(S)),
+          t(e(f), {
+            class: "flex items-center gap-1.5",
+            onClick: a[0] || (a[0] = (s) => e(d).show())
+          }, {
+            default: l(() => [
+              o("div", j, [
+                t(e(n), {
+                  icon: "Add",
+                  size: "sm"
+                })
+              ]),
+              a[2] || (a[2] = o("span", null, "New Workspace", -1))
+            ]),
+            _: 1
+          })
+        ]),
+        default: l(() => [
+          t(e(b), {
+            class: "hover:bg-b-2 text-c-3 line-clamp-1 h-full w-fit justify-start px-1.5 py-1 font-normal",
+            variant: "ghost"
+          }, {
+            default: l(() => [
+              o("div", W, [
+                o("h2", z, m(r.activeWorkspace?.label), 1),
+                t(e(n), {
+                  icon: "ChevronDown",
+                  size: "md"
+                })
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      t(e(y), {
+        state: e(d),
+        "onCreate:workspace": a[1] || (a[1] = (s) => c("create:workspace", s))
+      }, null, 8, ["state"])
+    ]));
+  }
+});
+export {
+  V as default
+};

package/dist/v2/features/import-listener/components/WorkspaceSelector.vue2.js

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