@scalar/api-client 2.11.0 → 2.12.0

package/dist/v2/components/server/ServerDropdown.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as h, computed as m, createBlock as f, openBlock as t, unref as o, withCtx as l, createVNode as n, createElementBlock as d, Fragment as p, createElementVNode as s, createTextVNode as w, toDisplayString as C, createCommentVNode as U, renderList as B } from "vue";
-import { ScalarPopover as z, ScalarButton as A, ScalarIcon as b, ScalarFloatingBackdrop as N } from "@scalar/components";
-import V from "./ServerDropdownItem.vue.js";
-const D = ["onClick"], $ = { class: "flex h-4 w-4 items-center justify-center" }, I = /* @__PURE__ */ h({
+import { defineComponent as y, computed as v, createBlock as m, openBlock as t, unref as s, withCtx as n, createVNode as d, createElementBlock as i, Fragment as p, createElementVNode as a, createTextVNode as h, toDisplayString as U, createCommentVNode as w, renderList as C } from "vue";
+import { ScalarPopover as B, ScalarButton as z, ScalarFloatingBackdrop as N } from "@scalar/components";
+import { ScalarIconPlus as V, ScalarIconPencilSimple as D } from "@scalar/icons";
+import I from "./ServerDropdownItem.vue.js";
+const P = ["onClick"], $ = { class: "flex items-center justify-center" }, W = /* @__PURE__ */ y({
   __name: "ServerDropdown",
   props: {
     servers: {},
@@ -9,15 +10,15 @@ const D = ["onClick"], $ = { class: "flex h-4 w-4 items-center justify-center" }
     target: {},
     layout: {}
   },
-  emits: ["update:selectedServer", "update:variable", "addServer"],
-  setup(a, { emit: S }) {
-    const i = S, g = m(
-      () => a.servers.map((e) => ({
+  emits: ["update:selectedServer", "update:variable", "update:servers"],
+  setup(o, { emit: f }) {
+    const u = f, b = v(
+      () => o.servers.map((e) => ({
         id: e.url,
         label: e.url ?? "Unknown server"
       }))
-    ), k = m(() => a.server?.url?.endsWith("/") ? a.server.url.slice(0, -1) : a.server?.url || "");
-    return (e, r) => (t(), f(o(z), {
+    ), S = v(() => o.server?.url?.endsWith("/") ? o.server.url.slice(0, -1) : o.server?.url || "");
+    return (e, r) => (t(), m(s(B), {
       class: "max-h-[inherit] p-0 text-base",
       focus: "",
       offset: 0,
@@ -26,53 +27,47 @@ const D = ["onClick"], $ = { class: "flex h-4 w-4 items-center justify-center" }
       target: e.target,
       teleport: `#${e.target}`
     }, {
-      popover: l(({ close: x }) => [
-        s("div", {
+      popover: n(({ close: g }) => [
+        a("div", {
           class: "custom-scroll flex max-h-[inherit] flex-col gap-1 border-t p-1",
-          onClick: x
+          onClick: g
         }, [
-          (t(!0), d(p, null, B(g.value, (u, v) => (t(), f(V, {
-            key: u.id,
+          (t(!0), i(p, null, C(b.value, (l, k) => (t(), m(I, {
+            key: l.id,
             server: e.server,
-            serverOption: u,
+            serverOption: l,
             type: "request",
-            "onUpdate:selectedServer": (c) => i("update:selectedServer", { index: v }),
-            "onUpdate:variable": (c, y) => i("update:variable", { index: v, key: c, value: y })
+            "onUpdate:selectedServer": (c) => u("update:selectedServer", { url: l.id }),
+            "onUpdate:variable": (c, x) => u("update:variable", { index: k, key: c, value: x })
           }, null, 8, ["server", "serverOption", "onUpdate:selectedServer", "onUpdate:variable"]))), 128)),
-          e.layout !== "modal" ? (t(), d("button", {
+          e.layout !== "modal" ? (t(), i("button", {
             key: 0,
             class: "text-xxs hover:bg-b-2 flex cursor-pointer items-center gap-1.5 rounded p-1.75",
             type: "button",
-            onClick: r[0] || (r[0] = (u) => i("addServer"))
+            onClick: r[0] || (r[0] = (l) => u("update:servers"))
           }, [
-            s("div", $, [
-              n(o(b), {
-                icon: "Add",
-                size: "sm"
-              })
+            a("div", $, [
+              d(s(D), { class: "size-4" })
             ]),
-            r[3] || (r[3] = s("span", null, "Add Server", -1))
-          ])) : U("", !0)
-        ], 8, D)
+            r[3] || (r[3] = a("span", null, "Update Servers", -1))
+          ])) : w("", !0)
+        ], 8, P)
       ]),
-      backdrop: l(() => [
-        n(o(N), { class: "-top-(--scalar-address-bar-height) rounded-lg" })
+      backdrop: n(() => [
+        d(s(N), { class: "-top-(--scalar-address-bar-height) rounded-lg" })
       ]),
-      default: l(() => [
-        n(o(A), {
+      default: n(() => [
+        d(s(z), {
           class: "z-context-plus hover:bg-b-2 font-code text-c-2 ml-0.75 h-auto gap-0.75 rounded border px-1.5 text-base whitespace-nowrap",
           variant: "ghost"
         }, {
-          default: l(() => [
-            e.server ? (t(), d(p, { key: 0 }, [
-              r[1] || (r[1] = s("span", { class: "sr-only" }, "Server:", -1)),
-              w(" " + C(k.value), 1)
-            ], 64)) : (t(), d(p, { key: 1 }, [
-              r[2] || (r[2] = s("span", { class: "sr-only" }, "Add Server", -1)),
-              n(o(b), {
-                icon: "Add",
-                size: "xs"
-              })
+          default: n(() => [
+            e.server ? (t(), i(p, { key: 0 }, [
+              r[1] || (r[1] = a("span", { class: "sr-only" }, "Server:", -1)),
+              h(" " + U(S.value), 1)
+            ], 64)) : (t(), i(p, { key: 1 }, [
+              r[2] || (r[2] = a("span", { class: "sr-only" }, "Add Server", -1)),
+              d(s(V), { class: "size-3" })
             ], 64))
           ]),
           _: 1
@@ -83,5 +78,5 @@ const D = ["onClick"], $ = { class: "flex h-4 w-4 items-center justify-center" }
   }
 });
 export {
-  I as default
+  W as default
 };

package/dist/v2/components/server/ServerDropdownItem.vue.d.ts

@@ -1,6 +1,6 @@
 import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 type __VLS_Props = {
-    server: ServerObject | undefined;
+    server: ServerObject | null;
     serverOption: {
         id: string;
         label: string;

package/dist/v2/components/server/ServerDropdownItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/server/ServerDropdownItem.vue"],"names":[],"mappings":"AAoFA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAKhG,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;CACF,CAAC;;;;;;;;AAiKF,wBAOG"}
+{"version":3,"file":"ServerDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/server/ServerDropdownItem.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAKhG,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;CACF,CAAC;;;;;;;;AA6JF,wBAOG"}

package/dist/v2/components/server/ServerDropdownItem.vue.js

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

package/dist/v2/components/server/ServerDropdownItem.vue2.js

@@ -1,48 +1,46 @@
-import { defineComponent as h, useId as x, computed as p, createElementBlock as i, openBlock as n, normalizeClass as k, createElementVNode as l, createCommentVNode as u, mergeProps as S, unref as s, createVNode as d, toDisplayString as g, withModifiers as y } from "vue";
-import { ScalarListboxCheckbox as w, ScalarMarkdown as C } from "@scalar/components";
-import _ from "../../../components/Server/ServerVariablesForm.vue.js";
-const V = ["aria-expanded"], O = { class: "overflow-hidden text-ellipsis whitespace-nowrap" }, E = ["id"], I = { key: 0 }, N = { class: "description text-c-3 px-3 py-1.5" }, j = /* @__PURE__ */ h({
+import { defineComponent as h, useId as k, computed as c, createElementBlock as a, openBlock as n, normalizeClass as g, createElementVNode as l, createCommentVNode as m, mergeProps as S, unref as s, createVNode as d, toDisplayString as y, withModifiers as w } from "vue";
+import { ScalarListboxCheckbox as C, ScalarMarkdown as O } from "@scalar/components";
+import V from "../../../components/Server/ServerVariablesForm.vue.js";
+const _ = ["aria-expanded"], E = { class: "overflow-hidden text-ellipsis whitespace-nowrap" }, I = ["id"], N = { key: 0 }, B = { class: "description text-c-3 px-3 py-1.5" }, j = /* @__PURE__ */ h({
   __name: "ServerDropdownItem",
   props: {
     server: {},
     serverOption: {}
   },
   emits: ["update:variable", "update:selectedServer"],
-  setup(o, { emit: m }) {
-    const v = m, c = x(), b = () => Object.keys(o.server?.variables ?? {}).length > 0, t = p(() => o.serverOption.id === o.server?.url), a = p(() => t.value && b()), f = (e, r) => {
-      v("update:variable", e, r);
-    };
-    return (e, r) => (n(), i("div", {
-      class: k(["group/item flex min-h-fit flex-col rounded border", { "border-transparent": !t.value }])
+  setup(o, { emit: b }) {
+    const v = b, p = k(), f = () => Object.keys(o.server?.variables ?? {}).length > 0, r = c(() => o.serverOption.id === o.server?.url), i = c(() => r.value && f());
+    return (t, e) => (n(), a("div", {
+      class: g(["group/item flex min-h-fit flex-col rounded border", { "border-transparent": !r.value }])
     }, [
-      l("button", S(a.value ? { "aria-controls": s(c) } : {}, {
-        "aria-expanded": a.value,
-        class: ["flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5", t.value ? "text-c-1 bg-b-2" : "hover:bg-b-2"],
+      l("button", S(i.value ? { "aria-controls": s(p) } : {}, {
+        "aria-expanded": i.value,
+        class: ["flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5", r.value ? "text-c-1 bg-b-2" : "hover:bg-b-2"],
         type: "button",
-        onClick: r[0] || (r[0] = (B) => v("update:selectedServer"))
+        onClick: e[0] || (e[0] = (u) => v("update:selectedServer"))
       }), [
-        d(s(w), { selected: t.value }, null, 8, ["selected"]),
-        l("span", O, g(e.serverOption.label), 1)
-      ], 16, V),
-      a.value ? (n(), i("div", {
+        d(s(C), { selected: r.value }, null, 8, ["selected"]),
+        l("span", E, y(t.serverOption.label), 1)
+      ], 16, _),
+      i.value ? (n(), a("div", {
         key: 0,
-        id: s(c),
+        id: s(p),
         class: "bg-b-2 divide divide-y rounded-b border-t *:pl-4",
-        onClick: r[1] || (r[1] = y(() => {
+        onClick: e[2] || (e[2] = w(() => {
         }, ["stop"]))
       }, [
-        d(_, {
-          variables: e.server?.variables,
-          "onUpdate:variable": f
+        d(V, {
+          variables: t.server?.variables,
+          "onUpdate:variable": e[1] || (e[1] = (u, x) => v("update:variable", u, x))
         }, null, 8, ["variables"]),
-        e.server?.description ? (n(), i("div", I, [
-          l("div", N, [
-            d(s(C), {
-              value: e.server.description
+        t.server?.description ? (n(), a("div", N, [
+          l("div", B, [
+            d(s(O), {
+              value: t.server.description
             }, null, 8, ["value"])
           ])
-        ])) : u("", !0)
-      ], 8, E)) : u("", !0)
+        ])) : m("", !0)
+      ], 8, I)) : m("", !0)
     ], 2));
   }
 });

package/dist/v2/components/sidebar/Sidebar.vue.d.ts

@@ -1,11 +1,29 @@
+import type { DraggingItem, HoveredItem } from '@scalar/draggable';
 import { type SidebarState } from '@scalar/sidebar';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { WorkspaceDocument } from '@scalar/workspace-store/schemas';
 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 = {
     /** All documents to display sidebar items for */
     sidebarState: SidebarState<TraversedEntry>;
     /** Layout for the client */
     layout: ClientLayout;
+    /** The currently active workspace */
+    activeWorkspace: Workspace;
+    /** The list of all available workspaces */
+    workspaces: Workspace[];
+    /** The workspace event bus for handling workspace-level events */
+    eventBus: WorkspaceEventBus;
+    /** The documents belonging to the workspace */
+    documents: WorkspaceDocument[];
+    /**
+     * Prevents sidebar items from being hovered and dropped into. Can be either a function or a boolean
+     *
+     * @default true
+     */
+    isDroppable?: boolean | ((draggingItem: DraggingItem, hoveredItem: HoveredItem) => boolean);
 };
 type __VLS_Slots = {
     /** Slot to add the workspace button */
@@ -14,22 +32,24 @@ type __VLS_Slots = {
     footer?(): unknown;
 };
 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 __VLS_component: 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;
+    reorder: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => 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;
+    onReorder?: ((draggingItem: DraggingItem, hoveredItem: HoveredItem) => any) | undefined;
     "onUpdate:isSidebarOpen"?: ((value: boolean) => any) | undefined;
     "onUpdate:sidebarWidth"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/v2/components/sidebar/Sidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/Sidebar.vue"],"names":[],"mappings":"AAiHA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAIhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,KAAK,WAAW,GAAG;IACjB,iDAAiD;IACjD,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,4BAA4B;IAC5B,MAAM,EAAE,YAAY,CAAA;CACrB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,eAAe,CAAC,IAAI,OAAO,CAAA;IAC3B,mDAAmD;IACnD,MAAM,CAAC,IAAI,OAAO,CAAA;CACnB,CAAC;AAiCF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;AAuLF,QAAA,MAAM,eAAe;;;;;;;;;;;kFAOnB,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"}
+{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/Sidebar.vue"],"names":[],"mappings":"AAwIA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAKhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,KAAK,WAAW,GAAG;IACjB,iDAAiD;IACjD,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,4BAA4B;IAC5B,MAAM,EAAE,YAAY,CAAA;IACpB,qCAAqC;IACrC,eAAe,EAAE,SAAS,CAAA;IAC1B,2CAA2C;IAC3C,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,kEAAkE;IAClE,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EACR,OAAO,GACP,CAAC,CAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,KAAK,OAAO,CAAC,CAAA;CACxE,CAAC;AAeF,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,eAAe,CAAC,IAAI,OAAO,CAAA;IAC3B,mDAAmD;IACnD,MAAM,CAAC,IAAI,OAAO,CAAA;CACnB,CAAC;AAsBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;AA4MF,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;kFAOnB,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/components/sidebar/Sidebar.vue.js

@@ -1,20 +1,22 @@
-import { defineComponent as v, mergeModels as c, useModel as n, ref as g, createBlock as a, openBlock as r, unref as s, withCtx as l, createVNode as M, renderSlot as b, createElementVNode as S, createCommentVNode as u } from "vue";
-import { ScalarIconButton as O, ScalarSidebarSearchInput as V } from "@scalar/components";
-import { ScalarIconMagnifyingGlass as I } from "@scalar/icons";
-import { ScalarSidebar as B } from "@scalar/sidebar";
-import W from "./SidebarMenu.vue.js";
-import $ from "./SidebarToggle.vue.js";
-import h from "../resize/Resize.vue.js";
-const x = { class: "bg-sidebar-b-1 sticky top-0 z-1 flex flex-col gap-3 px-3 pt-3" }, C = { class: "flex items-center justify-between" }, R = /* @__PURE__ */ v({
+import { defineComponent as w, mergeModels as f, useModel as c, ref as y, createBlock as s, openBlock as r, unref as a, withCtx as l, createVNode as B, renderSlot as b, createElementVNode as k, createCommentVNode as n } from "vue";
+import { ScalarIconButton as W } from "@scalar/components";
+import { ScalarIconMagnifyingGlass as V } from "@scalar/icons";
+import { ScalarSidebar as $ } from "@scalar/sidebar";
+import g from "./SidebarMenu.vue.js";
+import C from "./SidebarToggle.vue.js";
+import I from "../resize/Resize.vue.js";
+import M from "../../features/search/components/SearchButton.vue.js";
+const O = { class: "bg-sidebar-b-1 z-1 flex flex-col gap-1.5 px-3 pb-1.5" }, D = { class: "flex items-center justify-between" }, F = /* @__PURE__ */ w({
   __name: "Sidebar",
-  props: /* @__PURE__ */ c({
+  props: /* @__PURE__ */ f({
     sidebarState: {},
-    layout: {}
+    layout: {},
+    activeWorkspace: {},
+    workspaces: {},
+    eventBus: {},
+    documents: {},
+    isDroppable: { type: [Boolean, Function] }
   }, {
-    workspace: {
-      default: "default"
-    },
-    workspaceModifiers: {},
     isSidebarOpen: { type: Boolean, required: !0 },
     isSidebarOpenModifiers: {},
     sidebarWidth: {
@@ -23,64 +25,67 @@ const x = { class: "bg-sidebar-b-1 sticky top-0 z-1 flex flex-col gap-3 px-3 pt-
     },
     sidebarWidthModifiers: {}
   }),
-  emits: /* @__PURE__ */ c(["selectItem"], ["update:workspace", "update:isSidebarOpen", "update:sidebarWidth"]),
-  setup(i, { emit: k }) {
-    const w = k, y = (t, ...e) => {
-      console.log("[LOG] event name: ", t), console.log("[LOG]", ...e);
-    }, p = n(i, "workspace"), m = n(i, "isSidebarOpen"), d = g(!1), f = n(i, "sidebarWidth");
-    return (t, e) => (r(), a(s(h), {
-      width: f.value,
-      "onUpdate:width": e[5] || (e[5] = (o) => f.value = o),
+  emits: /* @__PURE__ */ f(["selectItem", "select:workspace", "create:workspace", "reorder"], ["update:isSidebarOpen", "update:sidebarWidth"]),
+  setup(p, { emit: S }) {
+    const i = S, u = c(p, "isSidebarOpen"), d = y(!1), m = c(p, "sidebarWidth");
+    return (e, t) => (r(), s(a(I), {
+      width: m.value,
+      "onUpdate:width": t[6] || (t[6] = (o) => m.value = o),
       class: "flex flex-col"
     }, {
       default: l(() => [
-        M(s(B), {
+        B(a($), {
           class: "flex w-auto flex-1 pt-2",
-          isExpanded: t.sidebarState.isExpanded,
-          isSelected: t.sidebarState.isSelected,
-          items: t.sidebarState.items.value,
+          indent: 15,
+          isDroppable: e.isDroppable,
+          isExpanded: e.sidebarState.isExpanded,
+          isSelected: e.sidebarState.isSelected,
+          items: e.sidebarState.items.value,
           layout: "client",
-          onSelectItem: e[3] || (e[3] = (o) => w("selectItem", o)),
-          onReorder: e[4] || (e[4] = (...o) => y("reorder", ...o))
+          onReorder: t[4] || (t[4] = (o, v) => i("reorder", o, v)),
+          onSelectItem: t[5] || (t[5] = (o) => i("selectItem", o))
         }, {
-          search: l(() => [
-            S("div", x, [
-              S("div", C, [
-                t.layout === "desktop" ? (r(), a(W, {
+          header: l(() => [
+            k("div", O, [
+              k("div", D, [
+                e.layout === "desktop" ? (r(), s(g, {
                   key: 0,
-                  workspace: p.value,
-                  "onUpdate:workspace": e[0] || (e[0] = (o) => p.value = o)
-                }, null, 8, ["workspace"])) : t.layout === "modal" ? (r(), a($, {
+                  activeWorkspace: e.activeWorkspace,
+                  workspaces: e.workspaces,
+                  onCreateWorkspace: t[0] || (t[0] = (o) => i("create:workspace")),
+                  "onSelect:workspace": t[1] || (t[1] = (o) => i("select:workspace", o))
+                }, null, 8, ["activeWorkspace", "workspaces"])) : e.layout === "modal" ? (r(), s(C, {
                   key: 1,
-                  modelValue: m.value,
-                  "onUpdate:modelValue": e[1] || (e[1] = (o) => m.value = o)
-                }, null, 8, ["modelValue"])) : u("", !0),
-                t.layout !== "web" ? (r(), a(s(O), {
+                  modelValue: u.value,
+                  "onUpdate:modelValue": t[2] || (t[2] = (o) => u.value = o)
+                }, null, 8, ["modelValue"])) : n("", !0),
+                e.layout !== "web" ? (r(), s(a(W), {
                   key: 2,
-                  icon: s(I),
+                  icon: a(V),
                   label: "Search",
-                  onClick: e[2] || (e[2] = (o) => d.value = !d.value)
-                }, null, 8, ["icon"])) : u("", !0)
+                  onClick: t[3] || (t[3] = (o) => d.value = !d.value)
+                }, null, 8, ["icon"])) : n("", !0)
               ]),
-              d.value || t.layout === "web" ? (r(), a(s(V), {
+              d.value || e.layout === "web" ? (r(), s(a(M), {
                 key: 0,
-                autofocus: t.layout !== "web"
-              }, null, 8, ["autofocus"])) : u("", !0)
+                documents: e.documents,
+                eventBus: e.eventBus
+              }, null, 8, ["documents", "eventBus"])) : n("", !0)
             ])
           ]),
           before: l(() => [
-            b(t.$slots, "workspaceButton")
+            b(e.$slots, "workspaceButton")
           ]),
           footer: l(() => [
-            b(t.$slots, "footer")
+            b(e.$slots, "footer")
           ]),
           _: 3
-        }, 8, ["isExpanded", "isSelected", "items"])
+        }, 8, ["isDroppable", "isExpanded", "isSelected", "items"])
       ]),
       _: 3
     }, 8, ["width"]));
   }
 });
 export {
-  R as default
+  F as default
 };

package/dist/v2/components/sidebar/SidebarMenu.vue.d.ts

@@ -1,13 +1,22 @@
-type __VLS_PublicProps = {
-    'workspace': string;
+import type { Workspace } from '../../../v2/hooks/use-workspace-selector.js';
+type __VLS_Props = {
+    /**
+     * 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[];
 };
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:workspace": (value: string) => any;
-} & {
-    createWorkspace: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onCreateWorkspace?: (() => any) | undefined;
-    "onUpdate:workspace"?: ((value: string) => any) | undefined;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "create:workspace": () => any;
+    "select:workspace": (id?: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onCreate:workspace"?: (() => any) | undefined;
+    "onSelect:workspace"?: ((id?: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=SidebarMenu.vue.d.ts.map

package/dist/v2/components/sidebar/SidebarMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/SidebarMenu.vue"],"names":[],"mappings":"AAoHA,KAAK,iBAAiB,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;;AA6HF,wBAOG"}
+{"version":3,"file":"SidebarMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/SidebarMenu.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAElE,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,eAAe,EAAE,SAAS,CAAA;IAC1B;;;OAGG;IACH,UAAU,EAAE,SAAS,EAAE,CAAA;CACxB,CAAC;;;;;;;;AAgJF,wBAOG"}

package/dist/v2/components/sidebar/SidebarMenu.vue.js

@@ -1,63 +1,56 @@
-import { defineComponent as d, mergeModels as k, computed as m, useModel as f, createBlock as M, openBlock as S, unref as o, withCtx as r, createVNode as t, createTextVNode as n } from "vue";
-import { ScalarMenu as w, ScalarMenuSection as W, ScalarMenuWorkspacePicker as C, ScalarMenuLink as V, ScalarMenuResources as v, ScalarMenuSupport as x } from "@scalar/components";
-import { ScalarIconGear as b } from "@scalar/icons";
-import { RouterLink as g } from "vue-router";
-const T = /* @__PURE__ */ d({
+import { defineComponent as m, computed as k, createBlock as d, openBlock as S, unref as o, withCtx as t, createVNode as r, createTextVNode as i } from "vue";
+import { ScalarMenu as f, ScalarMenuSection as w, ScalarMenuWorkspacePicker as M, ScalarMenuLink as C, ScalarMenuResources as V, ScalarMenuSupport as v } from "@scalar/components";
+import { ScalarIconGear as W } from "@scalar/icons";
+import { RouterLink as x } from "vue-router";
+const L = /* @__PURE__ */ m({
   __name: "SidebarMenu",
   props: {
-    workspace: {
-      required: !0,
-      default: "default"
-    },
-    workspaceModifiers: {}
+    activeWorkspace: {},
+    workspaces: {}
   },
-  emits: /* @__PURE__ */ k(["createWorkspace"], ["update:workspace"]),
-  setup(s, { emit: u }) {
-    const i = u, p = m(() => [
-      {
-        id: "default",
-        label: "Default Workspace"
-      },
-      {
-        id: "fake",
-        label: "Fake Workspace"
-      }
-    ]), a = f(s, "workspace");
-    return (O, e) => (S(), M(o(w), null, {
-      products: r(() => [...e[2] || (e[2] = [])]),
-      sections: r(({ close: c }) => [
-        t(o(W), null, {
-          title: r(() => [...e[3] || (e[3] = [
-            n("Team", -1)
+  emits: ["create:workspace", "select:workspace"],
+  setup(l, { emit: p }) {
+    const n = p, c = k(
+      () => l.workspaces.map((a) => ({
+        label: a.name,
+        id: a.id
+      }))
+    );
+    return (a, e) => (S(), d(o(f), null, {
+      products: t(() => [...e[2] || (e[2] = [])]),
+      sections: t(({ close: u }) => [
+        r(o(w), null, {
+          title: t(() => [...e[3] || (e[3] = [
+            i("Team", -1)
           ])]),
-          default: r(() => [
-            t(o(C), {
-              modelValue: a.value,
-              "onUpdate:modelValue": e[0] || (e[0] = (l) => a.value = l),
-              workspaceOptions: p.value,
-              onCreateWorkspace: e[1] || (e[1] = (l) => i("createWorkspace"))
+          default: t(() => [
+            r(o(M), {
+              modelValue: a.activeWorkspace.id,
+              workspaceOptions: c.value,
+              onCreateWorkspace: e[0] || (e[0] = (s) => n("create:workspace")),
+              "onUpdate:modelValue": e[1] || (e[1] = (s) => n("select:workspace", s))
             }, null, 8, ["modelValue", "workspaceOptions"]),
-            t(o(V), {
-              is: o(g),
-              icon: o(b),
+            r(o(C), {
+              is: o(x),
+              icon: o(W),
               to: "/settings",
-              onClick: c
+              onClick: u
             }, {
-              default: r(() => [...e[4] || (e[4] = [
-                n(" Settings ", -1)
+              default: t(() => [...e[4] || (e[4] = [
+                i(" Settings ", -1)
               ])]),
               _: 1
             }, 8, ["is", "icon", "onClick"])
           ]),
           _: 2
         }, 1024),
-        t(o(v)),
-        t(o(x))
+        r(o(V)),
+        r(o(v))
       ]),
       _: 1
     }));
   }
 });
 export {
-  T as default
+  L as default
 };

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

@@ -1,4 +1,3 @@
-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.
@@ -7,10 +6,8 @@ import type { ClientLayout } from '../../../v2/types/layout';
  */
 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":"AAmPA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAYpE,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,wBAmSC"}
+{"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"}