@scalar/api-client 2.22.3 → 2.23.0

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

package/dist/v2/features/import-listener/helpers/generate-unique-slug.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Generates a unique slug for an imported document based on its title.
+ *
+ * This ensures the imported document does not conflict with existing documents
+ * by appending a number suffix if necessary (e.g., "my-api", "my-api-1", "my-api-2").
+ *
+ * The function will retry up to 100 times to find a unique slug. If all attempts fail,
+ * it returns null, which should be handled as an import error.
+ *
+ * @param defaultValue - The original document title to base the slug on
+ * @param currentDocuments - Set of existing document slugs to check against
+ *
+ * @returns Promise resolving to a unique slug, or null if unable to generate one
+ */
+export declare const generateUniqueSlug: (defaultValue: string | undefined, currentDocuments: Set<string>) => Promise<string | undefined>;
+//# sourceMappingURL=generate-unique-slug.d.ts.map

package/dist/v2/features/import-listener/helpers/generate-unique-slug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-unique-slug.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/import-listener/helpers/generate-unique-slug.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,kBAAkB,GAAU,cAAc,MAAM,GAAG,SAAS,EAAE,kBAAkB,GAAG,CAAC,MAAM,CAAC,gCAOvG,CAAA"}

package/dist/v2/features/import-listener/helpers/generate-unique-slug.js

@@ -0,0 +1,11 @@
+import { generateUniqueValue as r } from "@scalar/workspace-store/helpers/generate-unique-value";
+import { slugify as i } from "../../../helpers/slugify.js";
+const u = async (e, a) => await r({
+  defaultValue: e,
+  validation: (t) => !a.has(t),
+  maxRetries: 100,
+  transformation: i
+});
+export {
+  u as generateUniqueSlug
+};

package/dist/v2/features/import-listener/helpers/get-url-query-parameter.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Gets the value of a specific query parameter from the current URL.
+ *
+ * @param parameterName - The name of the query parameter to retrieve
+ * @returns The value of the query parameter, or null if it does not exist
+ */
+export declare const getUrlQueryParameter: (parameterName: string) => string | null;
+//# sourceMappingURL=get-url-query-parameter.d.ts.map

package/dist/v2/features/import-listener/helpers/get-url-query-parameter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-url-query-parameter.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/import-listener/helpers/get-url-query-parameter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,eAAe,MAAM,KAAG,MAAM,GAAG,IAGrE,CAAA"}

package/dist/v2/features/import-listener/helpers/get-url-query-parameter.js

@@ -0,0 +1,4 @@
+const a = (e) => new URLSearchParams(window.location.search).get(e);
+export {
+  a as getUrlQueryParameter
+};

package/dist/v2/features/import-listener/helpers/import-document-to-workspace.d.ts

@@ -0,0 +1,30 @@
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { InMemoryWorkspace } from '@scalar/workspace-store/schemas/inmemory-workspace';
+/**
+ * Imports a single document from a workspace state into the current workspace.
+ *
+ * This function handles the complete import process including slug generation,
+ * document loading, and sidebar updates. It ensures the imported document does not
+ * conflict with existing documents by generating a unique slug.
+ *
+ * The meta from the importing workspace is intentionally excluded to preserve
+ * the current workspace settings and avoid unintended configuration changes.
+ *
+ * @param workspaceStore - The active workspace store where the document will be imported
+ * @param workspaceState - The in-memory workspace containing the document to import
+ * @param name - The original slug/name of the document in the source workspace state
+ *
+ * @returns Promise that resolves to the slug of the imported document
+ */
+export declare const importDocumentToWorkspace: ({ workspaceStore, workspaceState, name, }: {
+    workspaceStore: WorkspaceStore | null;
+    workspaceState: InMemoryWorkspace;
+    name: string;
+}) => Promise<{
+    ok: true;
+    slug: string;
+} | {
+    ok: false;
+    error: string;
+}>;
+//# sourceMappingURL=import-document-to-workspace.d.ts.map

package/dist/v2/features/import-listener/helpers/import-document-to-workspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"import-document-to-workspace.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/import-listener/helpers/import-document-to-workspace.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAI3F;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,yBAAyB,GAAU,2CAI7C;IACD,cAAc,EAAE,cAAc,GAAG,IAAI,CAAA;IACrC,cAAc,EAAE,iBAAiB,CAAA;IACjC,IAAI,EAAE,MAAM,CAAA;CACb,KAAG,OAAO,CAAC;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAsDpE,CAAA"}