@scalar/api-client 2.11.0 → 2.13.0

package/dist/v2/features/app/App.vue.js

@@ -1,115 +1,175 @@
-import { defineComponent as O, ref as h, computed as a, createElementBlock as A, openBlock as d, Fragment as H, createElementVNode as p, createVNode as v, unref as c, withCtx as M, createBlock as b, withDirectives as N, vShow as P, normalizeProps as L, guardReactiveProps as F } from "vue";
-import { ScalarTeleportRoot as $ } from "@scalar/components";
-import { isHttpMethod as z } from "@scalar/helpers/http/is-http-method";
-import { getThemeStyles as j } from "@scalar/themes";
-import { useColorMode as q } from "@scalar/use-hooks/useColorMode";
-import { createWorkspaceEventBus as G } from "@scalar/workspace-store/events";
-import { xScalarEnvironmentSchema as y } from "@scalar/workspace-store/schemas/extensions/document/x-scalar-environments";
-import { coerceValue as x } from "@scalar/workspace-store/schemas/typebox-coerce";
-import { useRoute as J, useRouter as K, RouterView as Q } from "vue-router";
-import { useSidebarState as X } from "../../hooks/use-sidebar-state.js";
-import { useWorkspaceClientEvents as Y } from "../../hooks/use-workspace-client-events.js";
-import Z from "./components/AppSidebar.vue.js";
-import _ from "./components/DesktopTabs.vue.js";
-import ee from "./components/WebTopNav.vue.js";
-const te = ["innerHTML"], oe = { class: "flex min-h-0 flex-1" }, ae = { class: "bg-b-1 flex-1" }, re = {}, be = /* @__PURE__ */ O({
-  ...re,
+import { defineComponent as F, ref as z, computed as r, createElementBlock as G, createBlock as h, unref as t, openBlock as d, Fragment as K, createElementVNode as b, createVNode as u, withCtx as j, withDirectives as q, vShow as J, normalizeProps as Q, guardReactiveProps as X } from "vue";
+import { useModal as Y, ScalarTeleportRoot as Z } from "@scalar/components";
+import { isHttpMethod as ee } from "@scalar/helpers/http/is-http-method";
+import { getThemeStyles as te } from "@scalar/themes";
+import { createWorkspaceEventBus as oe } from "@scalar/workspace-store/events";
+import { xScalarEnvironmentSchema as W } from "@scalar/workspace-store/schemas/extensions/document/x-scalar-environments";
+import { coerceValue as y } from "@scalar/workspace-store/schemas/typebox-coerce";
+import { useRoute as ae, useRouter as re, RouterView as se } from "vue-router";
+import ne from "./components/CreateWorkspaceModal.vue.js";
+import le from "./components/SplashScreen.vue.js";
+import ce from "../command-palette/components/TheCommandPalette.vue.js";
+import { useCommandPaletteState as ue } from "../command-palette/hooks/use-command-palette-state.js";
+import { useColorMode as ie } from "../../hooks/use-color-mode.js";
+import { useDocumentWatcher as pe } from "../../hooks/use-document-watcher.js";
+import { useGlobalHotKeys as me } from "../../hooks/use-global-hot-keys.js";
+import { useSidebarState as de } from "../../hooks/use-sidebar-state.js";
+import { useSyncPath as ve } from "../../hooks/use-sync-path.js";
+import { useWorkspaceClientEvents as ke } from "../../hooks/use-workspace-client-events.js";
+import { useWorkspaceSelector as Se } from "../../hooks/use-workspace-selector.js";
+import { useTabs as fe } from "../../hooks/use-tabs.js";
+import we from "./components/AppSidebar.vue.js";
+import he from "./components/DesktopTabs.vue.js";
+import be from "./components/WebTopNav.vue.js";
+const We = ["innerHTML"], ye = { class: "flex min-h-0 flex-1" }, Ee = { class: "bg-b-1 flex-1" }, Te = {}, Je = /* @__PURE__ */ F({
+  ...Te,
   __name: "App",
   props: {
-    layout: {},
-    workspaceStore: {}
+    layout: {}
   },
-  setup(o) {
-    q(), typeof window < "u" && (window.dataDumpWorkspace = () => o.workspaceStore);
-    const n = (e) => {
-      const t = E.params[e];
-      return typeof t == "string" ? t : void 0;
-    }, E = J(), W = K(), k = G(), s = h("default"), i = h(!0), u = a(
-      () => n("workspaceSlug") ?? "default"
-    ), l = a(() => n("documentSlug")), m = a(() => l.value ? o.workspaceStore.workspace.documents[l.value] ?? null : null), S = a(() => {
-      const e = n("pathEncoded");
+  setup(E) {
+    typeof window < "u" && (window.dataDumpWorkspace = () => o.value);
+    const n = oe({
+      debug: !1
+    }), i = z(!0), O = ae(), U = re(), c = (e) => {
+      const a = O.params[e];
+      return typeof a == "string" ? a : void 0;
+    }, v = r(() => c("workspaceSlug")), l = r(() => c("documentSlug")), k = r(() => !l.value || o.value === null ? null : o.value.workspace.documents[l.value] ?? null), S = r(() => {
+      const e = c("pathEncoded");
       return e ? decodeURIComponent(e) : void 0;
-    }), w = a(() => {
-      const e = n("method");
-      return e && z(e) ? e : void 0;
-    }), f = a(() => n("exampleName")), { handleSelectItem: g, sidebarState: T } = X({
-      workspaceStore: o.workspaceStore,
-      workspaceSlug: u,
+    }), f = r(() => {
+      const e = c("method");
+      return e && ee(e) ? e : void 0;
+    }), T = r(() => c("exampleName")), _ = Se(), { store: o, workspaces: g, activeWorkspace: p, setWorkspaceId: D, createWorkspace: I } = _;
+    ie({ workspaceStore: o });
+    const m = de({
+      workspaceStore: o,
       documentSlug: l,
       path: S,
-      method: w,
-      exampleName: f
+      method: f,
+      exampleName: T
+    }), C = fe({
+      workspaceStore: o,
+      getEntryByLocation: m.getEntryByLocation,
+      workspaceSlug: v,
+      documentSlug: l,
+      path: S,
+      method: f
+    }), { isLoading: M } = ve({
+      workspaceSelectorState: _,
+      tabsState: C,
+      eventBus: n
+    }), B = ue();
+    ke({
+      eventBus: n,
+      document: k,
+      workspaceStore: o,
+      isSidebarOpen: i,
+      commandPaletteState: B,
+      sidebarState: m
+    }), me(n, E.layout), pe({
+      documentName: l,
+      store: o,
+      initialTimeout: 5e3
     });
-    Y(k, m, o.workspaceStore);
-    const D = a(() => {
-      const e = o.workspaceStore.workspace["x-scalar-active-environment"];
+    const P = r(() => {
+      if (o.value === null)
+        return y(W, {});
+      const e = o.value.workspace["x-scalar-active-environment"];
       if (!e)
-        return x(y, {});
-      const t = o.workspaceStore.workspace["x-scalar-environments"]?.[e] ?? {
+        return y(W, {});
+      const a = o.value.workspace["x-scalar-environments"]?.[e] ?? {
         variables: []
-      }, r = m.value?.["x-scalar-environments"]?.[e] ?? {
+      }, s = k.value?.["x-scalar-environments"]?.[e] ?? {
         variables: []
       };
-      return x(y, {
-        ...t,
-        ...r,
-        variables: [...t.variables, ...r.variables]
+      return y(W, {
+        ...a,
+        ...s,
+        variables: [...a.variables, ...s.variables]
       });
-    }), I = a(() => {
-      const e = o.workspaceStore.workspace["x-scalar-theme"];
-      return e ? `<style>${j(e)}</style>` : "";
-    }), R = a(
-      () => o.workspaceStore.workspace["x-scalar-sidebar-width"] ?? 288
-    ), B = a(
-      () => !!(u.value && !l.value)
-    ), U = (e) => o.workspaceStore.update("x-scalar-sidebar-width", e), V = () => W.push({
-      name: "workspace",
-      params: { workspaceSlug: u.value }
-    }), C = a(() => ({
-      document: m.value,
-      environment: D.value,
-      eventBus: k,
-      exampleName: f.value,
-      layout: o.layout,
-      method: w.value,
-      path: S.value,
-      workspaceStore: o.workspaceStore
-    }));
-    return (e, t) => (d(), A(H, null, [
-      p("div", { innerHTML: I.value }, null, 8, te),
-      v(c($), null, {
-        default: M(() => [
-          e.layout === "desktop" ? (d(), b(_, { key: 0 })) : (d(), b(ee, {
+    }), L = r(() => {
+      if (o.value === null)
+        return "";
+      const e = o.value.workspace["x-scalar-theme"];
+      return e ? `<style>${te(e)}</style>` : "";
+    }), A = 288, N = r(
+      () => o.value?.workspace?.["x-scalar-sidebar-width"] ?? A
+    ), R = r(
+      () => !!(v.value && !l.value)
+    ), H = (e) => o.value?.update("x-scalar-sidebar-width", e), $ = () => U.push({
+      name: "workspace.environment",
+      params: { workspaceSlug: v.value }
+    }), x = (e) => {
+      e && D(e);
+    }, V = r(
+      () => ({
+        documentSlug: l.value ?? "",
+        document: k.value,
+        environment: P.value,
+        eventBus: n,
+        exampleName: T.value,
+        layout: E.layout,
+        method: f.value,
+        path: S.value,
+        workspaceStore: o.value,
+        activeWorkspace: p.value
+      })
+    ), w = Y();
+    return (e, a) => t(o) !== null && t(p) !== null && !t(M) ? (d(), G(K, { key: 0 }, [
+      b("div", { innerHTML: L.value }, null, 8, We),
+      u(t(Z), null, {
+        default: j(() => [
+          e.layout === "desktop" ? (d(), h(he, {
+            key: 0,
+            eventBus: t(n),
+            tabsState: t(C)
+          }, null, 8, ["eventBus", "tabsState"])) : (d(), h(be, {
             key: 1,
-            modelValue: s.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (r) => s.value = r)
-          }, null, 8, ["modelValue"])),
-          p("main", oe, [
-            N(v(Z, {
+            activeWorkspace: t(p),
+            workspaces: t(g),
+            "onCreate:workspace": a[0] || (a[0] = (s) => t(w).show()),
+            "onSelect:workspace": x
+          }, null, 8, ["activeWorkspace", "workspaces"])),
+          b("main", ye, [
+            q(u(we, {
               isSidebarOpen: i.value,
-              "onUpdate:isSidebarOpen": t[1] || (t[1] = (r) => i.value = r),
-              workspace: s.value,
-              "onUpdate:workspace": t[2] || (t[2] = (r) => s.value = r),
-              isWorkspaceOpen: B.value,
+              "onUpdate:isSidebarOpen": a[1] || (a[1] = (s) => i.value = s),
+              activeWorkspace: t(p),
+              eventBus: t(n),
+              isWorkspaceOpen: R.value,
               layout: e.layout,
-              sidebarState: c(T),
-              sidebarWidth: R.value,
-              "onClick:workspace": V,
-              onSelectItem: c(g),
-              "onUpdate:sidebarWidth": U
-            }, null, 8, ["isSidebarOpen", "workspace", "isWorkspaceOpen", "layout", "sidebarState", "sidebarWidth", "onSelectItem"]), [
-              [P, i.value]
+              sidebarState: t(m).state,
+              sidebarWidth: N.value,
+              store: t(o),
+              workspaces: t(g),
+              "onClick:workspace": $,
+              "onCreate:workspace": a[2] || (a[2] = (s) => t(w).show()),
+              "onSelect:workspace": x,
+              onSelectItem: t(m).handleSelectItem,
+              "onUpdate:sidebarWidth": H
+            }, null, 8, ["isSidebarOpen", "activeWorkspace", "eventBus", "isWorkspaceOpen", "layout", "sidebarState", "sidebarWidth", "store", "workspaces", "onSelectItem"]), [
+              [J, i.value]
             ]),
-            p("div", ae, [
-              v(c(Q), L(F(C.value)), null, 16)
+            u(ne, {
+              state: t(w),
+              "onCreate:workspace": a[3] || (a[3] = (s) => t(I)(s))
+            }, null, 8, ["state"]),
+            u(ce, {
+              eventBus: t(n),
+              paletteState: t(B),
+              workspaceStore: t(o)
+            }, null, 8, ["eventBus", "paletteState", "workspaceStore"]),
+            b("div", Ee, [
+              u(t(se), Q(X(V.value)), null, 16)
             ])
           ])
         ]),
         _: 1
       })
-    ], 64));
+    ], 64)) : (d(), h(le, { key: 1 }));
   }
 });
 export {
-  be as default
+  Je as default
 };

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

@@ -1,33 +1,63 @@
 import type { SidebarState } from '@scalar/sidebar';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
+import type { Workspace } from '../../../../v2/hooks/use-workspace-selector.js';
 import type { ClientLayout } from '../../../../v2/types/layout';
 type __VLS_Props = {
+    /**
+     * The current layout of the app (e.g., 'desktop', 'web')
+     */
     layout: ClientLayout;
+    /**
+     * The sidebar state, holding navigation items and state
+     */
     sidebarState: SidebarState<TraversedEntry>;
+    /**
+     * Whether the workspace overview sidebar is currently open
+     */
     isWorkspaceOpen?: boolean;
+    /**
+     * 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[];
+    /**
+     * The workspace event bus for handling workspace-level events.
+     * Used for triggering and responding to workspace changes and actions.
+     */
+    eventBus: WorkspaceEventBus;
+    /**
+     * The WorkspaceStore instance for managing workspace state and actions.
+     * Provides methods and state for interacting with the current workspace.
+     */
+    store: WorkspaceStore;
 };
 type __VLS_PublicProps = __VLS_Props & {
-    /** Propagate up the workspace model to the parent */
-    'workspace': string;
     /** Controls the visibility of the sidebar */
     'isSidebarOpen': boolean;
     /** Controls the width of the sidebar */
     'sidebarWidth': number;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:workspace": (value: string) => any;
     "update:isSidebarOpen": (value: boolean) => any;
     "update:sidebarWidth": (value: number) => any;
 } & {
+    "create:workspace": () => any;
+    "select:workspace": (id?: string | undefined) => any;
     selectItem: (id: string) => any;
-    "open:commandPalette": (action?: "import" | undefined) => any;
     "click:workspace": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:workspace"?: ((value: string) => any) | undefined;
+    "onCreate:workspace"?: (() => any) | undefined;
+    "onSelect:workspace"?: ((id?: string | undefined) => any) | undefined;
     onSelectItem?: ((id: string) => any) | undefined;
     "onUpdate:isSidebarOpen"?: ((value: boolean) => any) | undefined;
     "onUpdate:sidebarWidth"?: ((value: number) => any) | undefined;
-    "onOpen:commandPalette"?: ((action?: "import" | undefined) => any) | undefined;
     "onClick:workspace"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/AppSidebar.vue"],"names":[],"mappings":"AAyLA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAOhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,YAAY,CAAA;IACpB,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAC;AAyCF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,qDAAqD;IACrD,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;;;;;;;;;;;;;;;;;AAuPF,wBAOG"}
+{"version":3,"file":"AppSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/AppSidebar.vue"],"names":[],"mappings":"AAoQA,OAAO,KAAK,EAA6B,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAQhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,MAAM,EAAE,YAAY,CAAA;IAEpB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAE1C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,eAAe,EAAE,SAAS,CAAA;IAC1B;;;OAGG;IACH,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB;;;OAGG;IACH,QAAQ,EAAE,iBAAiB,CAAA;IAC3B;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAA;CACtB,CAAC;AAkEF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;;;;;;;;;;;;;;;;;AAoRF,wBAOG"}

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

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

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

@@ -1,25 +1,25 @@
-import { defineComponent as I, mergeModels as k, useModel as m, computed as v, capitalize as B, createBlock as S, openBlock as u, unref as a, createSlots as g, withCtx as i, createVNode as d, createTextVNode as b, toDisplayString as x, createElementVNode as o, normalizeClass as M, createElementBlock as A, createCommentVNode as w } from "vue";
-import { ScalarSidebarItem as P, ScalarButton as y } from "@scalar/components";
-import { ScalarIconGlobe as q } from "@scalar/icons";
-import z from "../../../../assets/rabbit.ascii.js";
-import N from "../../../../assets/rabbitjump.ascii.js";
-import O from "../../../../components/ScalarAsciiArt.vue.js";
-import V from "../../../components/sidebar/Sidebar.vue.js";
-const $ = {
+import { defineComponent as A, mergeModels as k, computed as p, capitalize as D, useModel as f, createBlock as S, openBlock as m, unref as o, createSlots as $, withCtx as i, createVNode as l, createTextVNode as u, toDisplayString as z, createElementVNode as s, normalizeClass as E, createElementBlock as M, createCommentVNode as w } from "vue";
+import { ScalarSidebarItem as N, ScalarButton as y } from "@scalar/components";
+import { ScalarIconGlobe as V } from "@scalar/icons";
+import q from "../../../../assets/rabbit.ascii.js";
+import G from "../../../../assets/rabbitjump.ascii.js";
+import W from "../../../../components/ScalarAsciiArt.vue.js";
+import { dragHandleFactory as R } from "../../../helpers/drag-handle-factory.js";
+import j from "../../../components/sidebar/Sidebar.vue.js";
+const H = {
   key: 0,
   class: "empty-sidebar-item-content overflow-hidden px-2.5 py-2.5"
-}, G = { class: "rabbit-ascii relative m-auto mt-2 h-[68px] w-[60px]" }, U = { class: "gap-1.5 p-2" }, T = /* @__PURE__ */ I({
+}, L = { class: "rabbit-ascii relative m-auto mt-2 h-[68px] w-[60px]" }, P = { class: "gap-1.5 p-2" }, Y = /* @__PURE__ */ A({
   __name: "AppSidebar",
   props: /* @__PURE__ */ k({
     layout: {},
     sidebarState: {},
-    isWorkspaceOpen: { type: Boolean }
+    isWorkspaceOpen: { type: Boolean },
+    activeWorkspace: {},
+    workspaces: {},
+    eventBus: {},
+    store: {}
   }, {
-    workspace: {
-      required: !0,
-      default: "default"
-    },
-    workspaceModifiers: {},
     isSidebarOpen: { type: Boolean, required: !0 },
     isSidebarOpenModifiers: {},
     sidebarWidth: {
@@ -28,82 +28,94 @@ const $ = {
     },
     sidebarWidthModifiers: {}
   }),
-  emits: /* @__PURE__ */ k(["open:commandPalette", "click:workspace", "selectItem"], ["update:workspace", "update:isSidebarOpen", "update:sidebarWidth"]),
-  setup(r, { emit: W }) {
-    const s = W, n = m(r, "workspace"), C = v(
-      () => B(n.value) + " Workspace"
-    ), c = m(r, "isSidebarOpen"), f = m(r, "sidebarWidth"), p = v(() => r.sidebarState.items.value.length <= 1);
-    return (l, e) => (u(), S(a(V), {
-      isSidebarOpen: c.value,
-      "onUpdate:isSidebarOpen": e[3] || (e[3] = (t) => c.value = t),
-      sidebarWidth: f.value,
-      "onUpdate:sidebarWidth": e[4] || (e[4] = (t) => f.value = t),
-      workspace: n.value,
-      "onUpdate:workspace": e[5] || (e[5] = (t) => n.value = t),
-      sidebarState: l.sidebarState,
-      layout: l.layout,
-      onSelectItem: e[6] || (e[6] = (t) => s("selectItem", t))
-    }, g({
+  emits: /* @__PURE__ */ k(["click:workspace", "selectItem", "select:workspace", "create:workspace"], ["update:isSidebarOpen", "update:sidebarWidth"]),
+  setup(r, { emit: B }) {
+    const n = B, g = p(() => D(r.activeWorkspace.name)), b = f(r, "isSidebarOpen"), c = f(r, "sidebarWidth"), d = p(() => r.sidebarState.items.value.length <= 1), v = p(
+      () => R({
+        store: r.store,
+        sidebarState: r.sidebarState
+      })
+    ), O = (t, e) => v.value.handleDragEnd(t, e), C = (t, e) => v.value.isDroppable(t, e);
+    return (t, e) => (m(), S(o(j), {
+      isSidebarOpen: b.value,
+      "onUpdate:isSidebarOpen": e[3] || (e[3] = (a) => b.value = a),
+      sidebarWidth: c.value,
+      "onUpdate:sidebarWidth": e[4] || (e[4] = (a) => c.value = a),
+      activeWorkspace: t.activeWorkspace,
+      documents: Object.values(t.store.workspace.documents),
+      eventBus: t.eventBus,
+      isDroppable: C,
+      layout: t.layout,
+      sidebarState: t.sidebarState,
+      workspaces: t.workspaces,
+      "onCreate:workspace": e[5] || (e[5] = (a) => n("create:workspace")),
+      onReorder: e[6] || (e[6] = (a, I) => O(a, I)),
+      "onSelect:workspace": e[7] || (e[7] = (a) => n("select:workspace", a)),
+      onSelectItem: e[8] || (e[8] = (a) => n("selectItem", a))
+    }, $({
       workspaceButton: i(() => [
-        d(a(P), {
+        l(o(N), {
           is: "button",
-          icon: a(q),
-          active: l.isWorkspaceOpen,
-          onClick: e[0] || (e[0] = (t) => s("click:workspace"))
+          active: t.isWorkspaceOpen,
+          icon: o(V),
+          onClick: e[0] || (e[0] = (a) => n("click:workspace"))
         }, {
           default: i(() => [
-            b(x(C.value), 1)
+            u(z(g.value), 1)
           ]),
           _: 1
-        }, 8, ["icon", "active"])
+        }, 8, ["active", "icon"])
       ]),
       _: 2
     }, [
-      l.layout !== "modal" ? {
+      t.layout !== "modal" ? {
         name: "footer",
         fn: i(() => [
-          o("div", {
-            class: M({
-              "empty-sidebar-item border-t": p.value
+          s("div", {
+            class: E({
+              "empty-sidebar-item border-t": d.value
             })
           }, [
-            p.value ? (u(), A("div", $, [
-              o("div", G, [
-                d(O, {
-                  art: a(z),
+            d.value ? (m(), M("div", H, [
+              s("div", L, [
+                l(W, {
+                  art: o(q),
                   class: "rabbitsit font-bold"
                 }, null, 8, ["art"]),
-                d(O, {
-                  art: a(N),
+                l(W, {
+                  art: o(G),
                   class: "rabbitjump absolute top-0 left-0 font-bold"
                 }, null, 8, ["art"])
               ]),
-              e[7] || (e[7] = o("div", { class: "mt-2 mb-2 text-center text-sm text-balance" }, [
-                o("b", { class: "font-medium" }, "Let's Get Started"),
-                o("p", { class: "mt-2 leading-3" }, " Create request, folder, collection or import from OpenAPI/Postman ")
+              e[9] || (e[9] = s("div", { class: "mt-2 mb-2 text-center text-sm text-balance" }, [
+                s("b", { class: "font-medium" }, "Let's Get Started"),
+                s("p", { class: "mt-2 leading-3" }, " Create request, folder, collection or import from OpenAPI/Postman ")
               ], -1))
             ])) : w("", !0),
-            o("div", U, [
-              p.value ? (u(), S(a(y), {
+            s("div", P, [
+              d.value ? (m(), S(o(y), {
                 key: 0,
                 class: "w-full",
                 size: "sm",
-                onClick: e[1] || (e[1] = (t) => s("open:commandPalette", "import"))
+                onClick: e[1] || (e[1] = (a) => t.eventBus.emit("ui:open:command-palette", {
+                  action: "import-from-openapi-swagger-postman-curl",
+                  payload: void 0
+                }))
               }, {
-                default: i(() => [...e[8] || (e[8] = [
-                  b(" Import Collection ", -1)
+                default: i(() => [...e[10] || (e[10] = [
+                  u(" Import Collection ", -1)
                 ])]),
                 _: 1
               })) : w("", !0),
-              d(a(y), {
+              l(o(y), {
                 class: "w-full",
                 hotkey: "K",
                 size: "sm",
                 variant: "outlined",
-                onClick: e[2] || (e[2] = (t) => s("open:commandPalette"))
+                onClick: e[2] || (e[2] = (a) => t.eventBus.emit("ui:open:command-palette"))
               }, {
-                default: i(() => [...e[9] || (e[9] = [
-                  b(" Add Item ", -1)
+                default: i(() => [...e[11] || (e[11] = [
+                  u(" Add Item ", -1)
                 ])]),
                 _: 1
               })
@@ -112,9 +124,9 @@ const $ = {
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["isSidebarOpen", "sidebarWidth", "workspace", "sidebarState", "layout"]));
+    ]), 1032, ["isSidebarOpen", "sidebarWidth", "activeWorkspace", "documents", "eventBus", "layout", "sidebarState", "workspaces"]));
   }
 });
 export {
-  T as default
+  Y as default
 };

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

@@ -0,0 +1,15 @@
+import { type ModalState } from '@scalar/components';
+type __VLS_Props = {
+    state: ModalState;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "create:workspace": (payload: {
+        name: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onCreate:workspace"?: ((payload: {
+        name: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=CreateWorkspaceModal.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateWorkspaceModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/CreateWorkspaceModal.vue"],"names":[],"mappings":"AAAA,OAwEO,EAAe,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAMjE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAC;;;cAIyC,MAAM;;;;cAAN,MAAM;;;AA4HjD,wBAOG"}

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

@@ -0,0 +1,56 @@
+import { defineComponent as p, ref as f, computed as s, watch as b, createBlock as v, openBlock as k, unref as x, withCtx as r, createVNode as m, createTextVNode as V } from "vue";
+import { ScalarModal as _ } from "@scalar/components";
+import w from "../../../../components/CommandPalette/CommandActionForm.vue.js";
+import C from "../../../../components/CommandPalette/CommandActionInput.vue.js";
+const g = /* @__PURE__ */ p({
+  __name: "CreateWorkspaceModal",
+  props: {
+    state: {}
+  },
+  emits: ["create:workspace"],
+  setup(l, { emit: d }) {
+    const n = d, e = f(""), a = s(() => e.value.trim()), i = s(
+      () => a.value.length === 0
+    );
+    b(
+      () => l.state.open,
+      (o) => {
+        o && (e.value = "");
+      }
+    );
+    const u = () => {
+      a.value && (n("create:workspace", {
+        name: a.value
+      }), l.state.hide());
+    };
+    return (o, t) => (k(), v(x(_), {
+      bodyClass: "border-t-0 rounded-t-lg",
+      size: "xs",
+      state: o.state
+    }, {
+      default: r(() => [
+        m(w, {
+          disabled: i.value,
+          onSubmit: u
+        }, {
+          submit: r(() => [...t[1] || (t[1] = [
+            V("Add Workspace", -1)
+          ])]),
+          default: r(() => [
+            m(C, {
+              modelValue: e.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (c) => e.value = c),
+              class: "-mt-[.5px] !p-0",
+              placeholder: "Workspace name"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ]),
+      _: 1
+    }, 8, ["state"]));
+  }
+});
+export {
+  g as default
+};

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

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