@scalar/api-client 2.10.0 → 2.12.0

package/dist/v2/features/app/App.vue.d.ts

@@ -1,16 +1,13 @@
-import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { ClientLayout } from '../../../v2/types/layout';
 /**
- * Main entry point for the API client for electron and web
+ * Main entry point for the API client for electron and web.
  *
- * This will be the brains of the client, should handle all events and store business logic
+ * This component handles all events and store business logic for the application.
  */
 declare const _default: import("vue").DefineComponent<{
     layout: Exclude<ClientLayout, "modal">;
-    workspaceStore: WorkspaceStore;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     layout: Exclude<ClientLayout, "modal">;
-    workspaceStore: WorkspaceStore;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=App.vue.d.ts.map

package/dist/v2/features/app/App.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/App.vue"],"names":[],"mappings":"AAkMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAWpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAOrD;;;;GAIG;;YAGO,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;oBACtB,cAAc;;YADtB,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;oBACtB,cAAc;;AAHhC,wBAuQC"}
+{"version":3,"file":"App.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/App.vue"],"names":[],"mappings":"AAwUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAOrD;;;;GAIG;;YAGO,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;;YAA9B,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;;AAFxC,wBAuZC"}

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

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

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

@@ -1,26 +1,62 @@
-import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
+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;
-    documents: Record<string, WorkspaceDocument>;
+    /**
+     * 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;

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":"AAoLA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAOlF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,YAAY,CAAA;IACpB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;CAC7C,CAAC;AAwCF,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;;;;;;;;;;;;;;;AA8OF,wBAOG"}
+{"version":3,"file":"AppSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/AppSidebar.vue"],"names":[],"mappings":"AAmQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,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;AAoEF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;;;;;;;;;;;;;;;;;;;AA+QF,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-0a390d33"]]);
+const m = /* @__PURE__ */ p(o, [["__scopeId", "data-v-1294a014"]]);
 export {
   m as default
 };

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

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

package/dist/v2/{components/TempReplaceMe.vue.d.ts → features/app/components/SplashScreen.vue.d.ts}

@@ -1,3 +1,3 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
-//# sourceMappingURL=TempReplaceMe.vue.d.ts.map
+//# sourceMappingURL=SplashScreen.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplashScreen.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/SplashScreen.vue"],"names":[],"mappings":";AA+HA,wBAKG"}