@scalar/api-client 2.24.0 → 2.26.0

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

@@ -1,13 +1,13 @@
-import { defineComponent as h, mergeModels as y, useSlots as D, ref as V, useModel as B, computed as M, createBlock as d, openBlock as l, unref as r, withCtx as s, createVNode as C, createSlots as E, renderSlot as i, createElementBlock as v, createCommentVNode as n, Fragment as R, normalizeProps as f, guardReactiveProps as b, createElementVNode as w, isRef as z } from "vue";
+import { defineComponent as D, mergeModels as v, useSlots as V, ref as B, useModel as M, computed as C, createBlock as u, openBlock as l, unref as r, withCtx as s, createVNode as y, createSlots as E, renderSlot as i, createElementBlock as w, createCommentVNode as m, Fragment as R, normalizeProps as f, guardReactiveProps as p, createElementVNode as g, isRef as z } from "vue";
 import { ScalarIconButton as F, ScalarSidebarSearchInput as N } from "@scalar/components";
 import { ScalarIconFileDashed as q, ScalarIconMagnifyingGlass as A } from "@scalar/icons";
 import { ScalarSidebar as U } from "@scalar/sidebar";
 import j from "./SidebarMenu.vue.js";
 import { useSearchIndex as G } from "../../features/search/hooks/use-search-index.js";
 import H from "../resize/Resize.vue.js";
-const J = { class: "bg-sidebar-b-1 z-1 flex flex-col gap-1.5 px-3 pb-1.5" }, K = { class: "flex items-center justify-between" }, L = { key: 1 }, _ = /* @__PURE__ */ h({
+const J = { class: "bg-sidebar-b-1 z-1 flex flex-col gap-1.5 px-3 pb-1.5" }, K = { class: "flex items-center justify-between" }, L = { key: 1 }, _ = /* @__PURE__ */ D({
   __name: "Sidebar",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ v({
     sidebarState: {},
     layout: {},
     activeWorkspace: {},
@@ -21,67 +21,66 @@ const J = { class: "bg-sidebar-b-1 z-1 flex flex-col gap-1.5 px-3 pb-1.5" }, K =
     },
     sidebarWidthModifiers: {}
   }),
-  emits: /* @__PURE__ */ y(["selectItem", "select:workspace", "create:workspace", "reorder"], ["update:sidebarWidth"]),
-  setup(t, { emit: g }) {
-    const c = g, p = D(), u = V(!1), k = B(t, "sidebarWidth"), S = (o) => o.type === "example" && o.title === "draft", { query: m, results: x } = G(() => t.documents), I = M(() => x.value ?? t.sidebarState.items.value), W = (o) => {
-      c("selectItem", o), m.value = "", u.value = !1;
+  emits: /* @__PURE__ */ v(["selectItem", "select:workspace", "create:workspace", "reorder"], ["update:sidebarWidth"]),
+  setup(a, { emit: x }) {
+    const d = x, b = V(), n = B(!1), k = M(a, "sidebarWidth"), S = (o) => o.type === "example" && o.title === "draft", { query: c, results: I } = G(() => a.documents), W = C(() => I.value ?? a.sidebarState.items.value), $ = (o) => {
+      d("selectItem", o), c.value = "", n.value = !1;
     };
-    return (o, a) => (l(), d(r(H), {
+    return (o, t) => (l(), u(r(H), {
       width: k.value,
-      "onUpdate:width": a[5] || (a[5] = (e) => k.value = e),
+      "onUpdate:width": t[5] || (t[5] = (e) => k.value = e),
       class: "flex flex-col"
     }, {
       default: s(() => [
-        C(r(U), {
+        y(r(U), {
           class: "flex w-auto flex-1 pt-2",
           indent: 15,
-          isDraggable: t.layout !== "modal",
-          isDroppable: t.isDroppable,
-          isExpanded: t.sidebarState.isExpanded,
-          isSelected: t.sidebarState.isSelected,
-          items: I.value,
+          isDraggable: a.layout !== "modal",
+          isDroppable: a.isDroppable,
+          isExpanded: a.sidebarState.isExpanded,
+          isSelected: a.sidebarState.isSelected,
+          items: W.value,
           layout: "client",
-          onReorder: a[4] || (a[4] = (e, $) => c("reorder", e, $)),
-          onSelectItem: W
+          onReorder: t[4] || (t[4] = (e, h) => d("reorder", e, h)),
+          onSelectItem: $
         }, E({
           header: s(() => [
-            w("div", J, [
-              w("div", K, [
-                t.layout === "desktop" ? (l(), d(j, {
+            g("div", J, [
+              g("div", K, [
+                a.layout !== "modal" ? (l(), u(j, {
                   key: 0,
-                  activeWorkspace: t.activeWorkspace,
-                  workspaces: t.workspaces,
-                  "onCreate:workspace": a[0] || (a[0] = (e) => c("create:workspace")),
-                  "onSelect:workspace": a[1] || (a[1] = (e) => c("select:workspace", e))
+                  activeWorkspace: a.activeWorkspace,
+                  workspaces: a.workspaces,
+                  "onCreate:workspace": t[0] || (t[0] = (e) => d("create:workspace")),
+                  "onSelect:workspace": t[1] || (t[1] = (e) => d("select:workspace", e))
                 }, {
                   sidebarMenuActions: s(() => [
                     i(o.$slots, "sidebarMenuActions")
                   ]),
                   _: 3
-                }, 8, ["activeWorkspace", "workspaces"])) : t.layout === "modal" ? (l(), v("div", L)) : n("", !0),
-                t.layout !== "web" ? (l(), d(r(F), {
-                  key: 2,
+                }, 8, ["activeWorkspace", "workspaces"])) : a.layout === "modal" ? (l(), w("div", L)) : m("", !0),
+                y(r(F), {
                   icon: r(A),
                   label: "Search",
-                  onClick: a[2] || (a[2] = (e) => u.value = !u.value)
-                }, null, 8, ["icon"])) : n("", !0)
+                  onClick: t[2] || (t[2] = (e) => n.value = !n.value)
+                }, null, 8, ["icon"])
               ]),
-              u.value || t.layout === "web" ? (l(), d(r(N), {
+              n.value ? (l(), u(r(N), {
                 key: 0,
-                modelValue: r(m),
-                "onUpdate:modelValue": a[3] || (a[3] = (e) => z(m) ? m.value = e : null),
-                autofocus: t.layout !== "web"
-              }, null, 8, ["modelValue", "autofocus"])) : n("", !0)
+                modelValue: r(c),
+                "onUpdate:modelValue": t[3] || (t[3] = (e) => z(c) ? c.value = e : null),
+                autofocus: ""
+              }, null, 8, ["modelValue"])) : m("", !0)
             ])
           ]),
           decorator: s((e) => [
-            i(o.$slots, "decorator", f(b(e)))
+            i(o.$slots, "decorator", f(p(e)))
           ]),
           icon: s((e) => [
-            p.icon || S(e.item) ? (l(), v(R, { key: 0 }, [
-              S(e.item) ? (l(), d(r(q), { key: 0 })) : n("", !0),
-              i(o.$slots, "icon", f(b(e)))
-            ], 64)) : n("", !0)
+            b.icon || S(e.item) ? (l(), w(R, { key: 0 }, [
+              S(e.item) ? (l(), u(r(q), { key: 0 })) : m("", !0),
+              i(o.$slots, "icon", f(p(e)))
+            ], 64)) : m("", !0)
           ]),
           before: s(() => [
             i(o.$slots, "workspaceButton")
@@ -91,10 +90,10 @@ const J = { class: "bg-sidebar-b-1 z-1 flex flex-col gap-1.5 px-3 pb-1.5" }, K =
           ]),
           _: 2
         }, [
-          p.empty ? {
+          b.empty ? {
             name: "empty",
             fn: s((e) => [
-              i(o.$slots, "empty", f(b(e)))
+              i(o.$slots, "empty", f(p(e)))
             ]),
             key: "0"
           } : void 0

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

@@ -1,4 +1,4 @@
-import { type ScalarListboxOption } from '@scalar/components';
+import { type WorkspaceGroup } from '@scalar/components';
 type __VLS_Props = {
     /**
      * The currently active workspace.
@@ -11,7 +11,7 @@ type __VLS_Props = {
      * The list of all available workspaces.
      * Used to render options for workspace switching and selection.
      */
-    workspaces: ScalarListboxOption[];
+    workspaces: WorkspaceGroup[];
 };
 type __VLS_Slots = {
     /** Slot for customizing the actions section of the sidebar menu. */

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":"AAoEA,OAAO,EAOL,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAA;AAI3B,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/B;;;OAGG;IACH,UAAU,EAAE,mBAAmB,EAAE,CAAA;CAClC,CAAC;AAWF,KAAK,WAAW,GAAG;IACjB,oEAAoE;IACpE,kBAAkB,CAAC,IAAI,OAAO,CAAA;CAC/B,CAAC;AA8HF,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":"SidebarMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/SidebarMenu.vue"],"names":[],"mappings":"AAoEA,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAA;AAI3B,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/B;;;OAGG;IACH,UAAU,EAAE,cAAc,EAAE,CAAA;CAC7B,CAAC;AAWF,KAAK,WAAW,GAAG;IACjB,oEAAoE;IACpE,kBAAkB,CAAC,IAAI,OAAO,CAAA;CAC/B,CAAC;AA8HF,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/SidebarMenu.vue.js

@@ -9,8 +9,8 @@ const L = /* @__PURE__ */ p({
     workspaces: {}
   },
   emits: ["create:workspace", "select:workspace"],
-  setup(n, { emit: i }) {
-    const a = i;
+  setup(a, { emit: i }) {
+    const n = i;
     return (c, e) => (k(), u(o(S), null, {
       products: t(() => [...e[2] || (e[2] = [])]),
       sections: t(({ close: l }) => [
@@ -18,10 +18,10 @@ const L = /* @__PURE__ */ p({
           default: t(() => [
             m(c.$slots, "sidebarMenuActions", {}, () => [
               r(o(w), {
-                modelValue: n.activeWorkspace.id,
-                workspaceOptions: [{ options: n.workspaces }],
-                onCreateWorkspace: e[0] || (e[0] = (s) => a("create:workspace")),
-                "onUpdate:modelValue": e[1] || (e[1] = (s) => a("select:workspace", s))
+                modelValue: a.activeWorkspace.id,
+                workspaceOptions: a.workspaces,
+                onCreateWorkspace: e[0] || (e[0] = (s) => n("create:workspace")),
+                "onUpdate:modelValue": e[1] || (e[1] = (s) => n("select:workspace", s))
               }, null, 8, ["modelValue", "workspaceOptions"]),
               r(o(M), {
                 is: o(v),

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

@@ -1,6 +1,7 @@
+import { type ModalState } from '@scalar/components';
+import type { CommandPaletteState } from '../../../v2/features/command-palette/hooks/use-command-palette-state.js';
 import type { ClientPlugin } from '../../../v2/helpers/plugins.js';
 import type { ClientLayout } from '../../../v2/types/layout';
-import type { CommandPaletteState } from '../command-palette/hooks/use-command-palette-state.js';
 import { type AppState } from './app-state.js';
 /**
  * Main entry point for the API client for electron and web.
@@ -24,12 +25,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
      * Slot for customizing the actions section of the sidebar menu.
      * This slot is used to render custom actions or components within the actions section.
      */
-    'sidebar-menu-actions': [];
+    'sidebar-menu-actions': () => unknown;
     /**
      * Slot for customizing the create workspace modal.
      * This slot is used to render custom actions or components within the create workspace modal.
      */
-    'create-workspace'?: () => unknown;
+    'create-workspace'?: (payload: {
+        state: ModalState;
+    }) => unknown;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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":"AA8PA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAA;AAC7F,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAA;AAM3C;;;;GAIG;;YAGO,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;iBACX,MAAM,QAAQ;4BACH,MAAM,mBAAmB;;;;YAHzC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;iBACX,MAAM,QAAQ;4BACH,MAAM,mBAAmB;;IAUjD;;;OAGG;4BACqB,EAAE;IAC1B;;;OAGG;yBACkB,MAAM,OAAO;;AAxBpC,wBA+WC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"App.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/App.vue"],"names":[],"mappings":"AAoPA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAY3B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+DAA+D,CAAA;AAExG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAA;AAM3C;;;;GAIG;;YAGO,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;iBACX,MAAM,QAAQ;4BACH,MAAM,mBAAmB;;;;YAHzC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;iBACX,MAAM,QAAQ;4BACH,MAAM,mBAAmB;;IAUjD;;;OAGG;4BACqB,MAAM,OAAO;IACrC;;;OAGG;yBACkB,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,OAAO;;AAxBlE,wBA6WC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,24 +1,24 @@
-import { defineComponent as h, computed as m, createBlock as c, openBlock as i, unref as t, withCtx as d, createElementVNode as u, createVNode as n, createElementBlock as v, renderSlot as k, normalizeProps as W, guardReactiveProps as y } from "vue";
-import { useModal as T, ScalarTeleportRoot as g } from "@scalar/components";
-import { getThemeStyles as C } from "@scalar/themes";
-import { ScalarToasts as x } from "@scalar/use-toasts";
-import { extensions as B } from "@scalar/workspace-store/schemas/extensions";
+import { defineComponent as y, computed as p, createBlock as d, openBlock as i, unref as t, withCtx as m, createElementVNode as l, createVNode as r, createElementBlock as u, renderSlot as v, createCommentVNode as k, normalizeProps as T, guardReactiveProps as W } from "vue";
+import { useModal as x, ScalarTeleportRoot as g } from "@scalar/components";
+import { getThemeStyles as B } from "@scalar/themes";
+import { ScalarToasts as C } from "@scalar/use-toasts";
+import { extensions as _ } from "@scalar/workspace-store/schemas/extensions";
 import { RouterView as E } from "vue-router";
-import O from "./components/CreateWorkspaceModal.vue.js";
-import _ from "./components/SplashScreen.vue.js";
-import { useDocumentWatcher as A } from "./hooks/use-document-watcher.js";
-import M from "../command-palette/TheCommandPalette.vue.js";
-import { useColorMode as U } from "../../hooks/use-color-mode.js";
+import A from "./components/CreateWorkspaceModal.vue.js";
+import O from "./components/SplashScreen.vue.js";
+import { useDocumentWatcher as M } from "./hooks/use-document-watcher.js";
+import U from "../command-palette/TheCommandPalette.vue.js";
+import { useColorMode as D } from "../../hooks/use-color-mode.js";
 import { useGlobalHotKeys as I } from "../../hooks/use-global-hot-keys.js";
-import D from "./components/AppSidebar.vue.js";
-import $ from "./components/DesktopTabs.vue.js";
-import L from "./components/WebTopNav.vue.js";
-import { mergeSecurity as N } from "../../blocks/scalar-auth-selector-block/helpers/merge-security.js";
-const P = ["innerHTML"], H = {
+import N from "./components/AppSidebar.vue.js";
+import P from "./components/DesktopTabs.vue.js";
+import $ from "./components/DownloadAppButton.vue.js";
+import { mergeSecurity as H } from "../../blocks/scalar-auth-selector-block/helpers/merge-security.js";
+const L = ["innerHTML"], V = { key: 0 }, F = { class: "flex h-dvh w-dvw flex-1 flex-col" }, R = { class: "flex min-h-0 flex-1 flex-row" }, G = { class: "flex flex-1 flex-col" }, j = {
   key: 0,
-  class: "flex flex-1 flex-col"
-}, F = { class: "flex min-h-0 flex-1" }, V = { class: "bg-b-1 flex-1" }, R = { key: 1 }, z = {}, le = /* @__PURE__ */ h({
-  ...z,
+  class: "flex h-12 items-center justify-end border-b p-2"
+}, z = { class: "bg-b-1 min-h-0 flex-1" }, K = { key: 1 }, q = {}, de = /* @__PURE__ */ y({
+  ...q,
   __name: "App",
   props: {
     layout: {},
@@ -26,30 +26,30 @@ const P = ["innerHTML"], H = {
     getAppState: { type: Function },
     getCommandPaletteState: { type: Function }
   },
-  setup(s, { expose: w }) {
-    w({
-      openCreateWorkspace: () => l.show()
+  setup(s, { expose: f }) {
+    f({
+      openCreateWorkspace: () => c.show()
     });
-    const e = s.getAppState(), f = s.getCommandPaletteState();
-    typeof window < "u" && (window.dataDumpWorkspace = () => e.store.value, window.dumpAppState = () => e), U({ workspaceStore: e.store }), I(e.eventBus, s.layout), A({
-      documentName: () => e.store.value?.workspace[B.workspace.activeDocument],
+    const e = s.getAppState(), w = s.getCommandPaletteState();
+    typeof window < "u" && (window.dataDumpWorkspace = () => e.store.value, window.dumpAppState = () => e), I(e.eventBus, s.layout), M({
+      documentName: () => e.store.value?.workspace[_.workspace.activeDocument],
       store: e.store,
       initialTimeout: 5e3
-    });
-    const S = m(() => {
+    }), D({ workspaceStore: e.store });
+    const S = p(() => {
       if (e.store.value === null)
         return "";
-      const o = e.store.value.workspace["x-scalar-theme"];
-      return o ? `<style>${C(o)}</style>` : "";
-    }), p = (o) => {
-      if (!o)
+      const a = e.store.value.workspace["x-scalar-theme"];
+      return a ? `<style>${B(a)}</style>` : "";
+    }), h = (a) => {
+      if (!a)
         return;
-      const a = e.workspace.workspaceList.value?.find(
-        (r) => r.id === o
+      const o = e.workspace.workspaceList.value?.find(
+        (n) => n.id === a
       );
-      a && e.workspace.navigateToWorkspace(a.namespace, a.slug);
-    }, l = T(), b = m(() => {
-      const o = e.store.value?.auth ? N(
+      o && e.workspace.navigateToWorkspace(o.namespace, o.slug);
+    }, c = x(), b = p(() => {
+      const a = e.store.value?.auth ? H(
         e.document.value?.components?.securitySchemes ?? {},
         {},
         e.store.value.auth,
@@ -67,66 +67,67 @@ const P = ["innerHTML"], H = {
         workspaceStore: e.store.value,
         activeWorkspace: e.workspace.activeWorkspace.value,
         plugins: s.plugins,
-        securitySchemes: o
+        securitySchemes: a
       };
     });
-    return (o, a) => (i(), c(t(g), null, {
-      default: d(() => [
-        u("div", { innerHTML: S.value }, null, 8, P),
-        n(t(x)),
-        t(e).store.value !== null && t(e).workspace.activeWorkspace.value !== null && !t(e).loading.value ? (i(), v("main", H, [
-          s.layout === "desktop" ? (i(), c($, {
-            key: 0,
-            activeTabIndex: t(e).tabs.activeTabIndex.value,
-            eventBus: t(e).eventBus,
-            tabs: t(e).tabs.state.value
-          }, null, 8, ["activeTabIndex", "eventBus", "tabs"])) : (i(), c(L, {
-            key: 1,
-            activeWorkspace: t(e).workspace.activeWorkspace.value,
-            workspaces: t(e).workspace.workspaceList.value,
-            "onCreate:workspace": a[0] || (a[0] = (r) => t(l).show()),
-            "onSelect:workspace": p
-          }, null, 8, ["activeWorkspace", "workspaces"])),
-          u("div", F, [
-            n(D, {
-              isSidebarOpen: t(e).sidebar.isOpen.value,
-              "onUpdate:isSidebarOpen": a[1] || (a[1] = (r) => t(e).sidebar.isOpen.value = r),
-              activeWorkspace: t(e).workspace.activeWorkspace.value,
+    return (a, o) => (i(), d(t(g), null, {
+      default: m(() => [
+        l("div", { innerHTML: S.value }, null, 8, L),
+        r(t(C)),
+        t(e).store.value !== null && t(e).workspace.activeWorkspace.value !== null && !t(e).loading.value ? (i(), u("main", V, [
+          l("div", F, [
+            s.layout === "desktop" ? (i(), d(P, {
+              key: 0,
+              activeTabIndex: t(e).tabs.activeTabIndex.value,
               eventBus: t(e).eventBus,
-              isWorkspaceOpen: t(e).workspace.isOpen.value,
-              layout: s.layout,
-              sidebarState: t(e).sidebar.state,
-              sidebarWidth: t(e).sidebar.width.value,
-              store: t(e).store.value,
-              workspaces: t(e).workspace.workspaceList.value,
-              "onClick:workspace": t(e).workspace.navigateToWorkspace,
-              "onCreate:workspace": a[2] || (a[2] = (r) => t(l).show()),
-              "onSelect:workspace": p,
-              onSelectItem: t(e).sidebar.handleSelectItem,
-              "onUpdate:sidebarWidth": t(e).sidebar.handleSidebarWidthUpdate
-            }, {
-              sidebarMenuActions: d(() => [
-                k(o.$slots, "sidebar-menu-actions")
-              ]),
-              _: 3
-            }, 8, ["isSidebarOpen", "activeWorkspace", "eventBus", "isWorkspaceOpen", "layout", "sidebarState", "sidebarWidth", "store", "workspaces", "onClick:workspace", "onSelectItem", "onUpdate:sidebarWidth"]),
-            u("div", V, [
-              n(t(E), W(y(b.value)), null, 16)
+              tabs: t(e).tabs.state.value
+            }, null, 8, ["activeTabIndex", "eventBus", "tabs"])) : k("", !0),
+            l("div", R, [
+              r(N, {
+                isSidebarOpen: t(e).sidebar.isOpen.value,
+                "onUpdate:isSidebarOpen": o[0] || (o[0] = (n) => t(e).sidebar.isOpen.value = n),
+                activeWorkspace: t(e).workspace.activeWorkspace.value,
+                eventBus: t(e).eventBus,
+                isWorkspaceOpen: t(e).workspace.isOpen.value,
+                layout: s.layout,
+                sidebarState: t(e).sidebar.state,
+                sidebarWidth: t(e).sidebar.width.value,
+                store: t(e).store.value,
+                workspaces: t(e).workspace.workspaceGroups.value,
+                "onClick:workspace": t(e).workspace.navigateToWorkspace,
+                "onCreate:workspace": o[1] || (o[1] = (n) => t(c).show()),
+                "onSelect:workspace": h,
+                onSelectItem: t(e).sidebar.handleSelectItem,
+                "onUpdate:sidebarWidth": t(e).sidebar.handleSidebarWidthUpdate
+              }, {
+                sidebarMenuActions: m(() => [
+                  v(a.$slots, "sidebar-menu-actions")
+                ]),
+                _: 3
+              }, 8, ["isSidebarOpen", "activeWorkspace", "eventBus", "isWorkspaceOpen", "layout", "sidebarState", "sidebarWidth", "store", "workspaces", "onClick:workspace", "onSelectItem", "onUpdate:sidebarWidth"]),
+              l("div", G, [
+                s.layout === "web" ? (i(), u("nav", j, [
+                  r($)
+                ])) : k("", !0),
+                l("div", z, [
+                  r(t(E), T(W(b.value)), null, 16)
+                ])
+              ])
             ])
           ]),
-          k(o.$slots, "create-workspace", {}, () => [
-            n(O, {
-              state: t(l),
-              "onCreate:workspace": a[3] || (a[3] = (r) => t(e).workspace.create(r))
+          v(a.$slots, "create-workspace", { state: t(c) }, () => [
+            r(A, {
+              state: t(c),
+              "onCreate:workspace": o[2] || (o[2] = (n) => t(e).workspace.create(n))
             }, null, 8, ["state"])
           ]),
-          n(M, {
+          r(U, {
             eventBus: t(e).eventBus,
-            paletteState: t(f),
+            paletteState: t(w),
             workspaceStore: t(e).store.value
           }, null, 8, ["eventBus", "paletteState", "workspaceStore"])
-        ])) : (i(), v("main", R, [
-          n(_)
+        ])) : (i(), u("main", K, [
+          r(O)
         ]))
       ]),
       _: 3
@@ -134,5 +135,5 @@ const P = ["innerHTML"], H = {
   }
 });
 export {
-  le as default
+  de as default
 };

package/dist/v2/features/app/app-events.d.ts

@@ -5,7 +5,7 @@ import type { Router } from 'vue-router';
 export declare function initializeAppEventHandlers({ eventBus, store, router, rebuildSidebar, navigateToCurrentTab, onSelectSidebarItem, onAfterExampleCreation, onCopyTabUrl, onToggleSidebar, }: {
     eventBus: WorkspaceEventBus;
     store: ShallowRef<WorkspaceStore | null>;
-    router: ShallowRef<Router | null>;
+    router: Router;
     rebuildSidebar: (documentName?: string) => void;
     navigateToCurrentTab: () => Promise<void>;
     onSelectSidebarItem: (id: string) => void;

package/dist/v2/features/app/app-events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-events.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/app-events.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAC7F,OAAO,EAAE,KAAK,UAAU,EAAY,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAIxC,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,KAAK,EACL,MAAM,EACN,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,YAAY,EACZ,eAAe,GAChB,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,KAAK,EAAE,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACxC,MAAM,EAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IACjC,cAAc,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,oBAAoB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,sBAAsB,EAAE,CAAC,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B,QAmNA"}
+{"version":3,"file":"app-events.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/app-events.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAC7F,OAAO,EAAE,KAAK,UAAU,EAAY,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAIxC,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,KAAK,EACL,MAAM,EACN,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,YAAY,EACZ,eAAe,GAChB,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,KAAK,EAAE,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACxC,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,oBAAoB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,sBAAsB,EAAE,CAAC,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B,QAmNA"}

package/dist/v2/features/app/app-events.js

@@ -1,5 +1,5 @@
-import { computed as v } from "vue";
-import { initializeWorkspaceEventHandlers as E } from "../../workspace-events.js";
+import { computed as E } from "vue";
+import { initializeWorkspaceEventHandlers as h } from "../../workspace-events.js";
 function N({
   eventBus: m,
   store: r,
@@ -11,13 +11,13 @@ function N({
   onCopyTabUrl: i,
   onToggleSidebar: f
 }) {
-  const u = v(() => o.value?.currentRoute?.value), l = ({
+  const u = E(() => o.currentRoute?.value), l = ({
     documentName: e,
     path: a,
     method: t,
     exampleName: n
   }) => !(e !== void 0 && e !== u.value?.params.documentSlug || a !== void 0 && encodeURIComponent(a) !== u.value?.params.pathEncoded || t !== void 0 && t !== u.value?.params.method || n !== void 0 && n !== u.value?.params.exampleName);
-  E({
+  h({
     eventBus: m,
     store: r,
     hooks: {
@@ -26,7 +26,7 @@ function N({
       //------------------------------------------------------------------------------------
       "document:delete:document": {
         onAfterExecute: async (e) => {
-          u?.value?.params.documentSlug === e.name && await o.value?.push({
+          u?.value?.params.documentSlug === e.name && await o.push({
             name: "workspace.environment"
           });
         }
@@ -38,7 +38,7 @@ function N({
         onBeforeExecute: (e) => ({
           ...e,
           callback: async (a) => {
-            a === "success" && (await o.value?.replace({
+            a === "success" && (await o.replace({
               name: "example",
               params: {
                 method: e.payload.method,
@@ -69,7 +69,7 @@ function N({
             documentName: a,
             path: t,
             method: n
-          }) && await o.value?.replace({
+          }) && await o.replace({
             name: "document.overview",
             params: {
               documentSlug: a
@@ -89,7 +89,7 @@ function N({
             path: t,
             method: n,
             exampleName: x
-          }) && await o.value?.replace({
+          }) && await o.replace({
             name: "example",
             params: {
               pathEncoded: encodeURIComponent(t),
@@ -143,8 +143,8 @@ function N({
         onAfterExecute: c
       }
     }
-  }), m.on("scroll-to:nav-item", ({ id: e }) => d(e)), m.on("ui:toggle:sidebar", f), m.on("ui:route:page", ({ name: e }) => o.value?.push({ name: e })), m.on("ui:route:example", async ({ exampleName: e, callback: a }) => {
-    const t = await o.value?.replace({
+  }), m.on("scroll-to:nav-item", ({ id: e }) => d(e)), m.on("ui:toggle:sidebar", f), m.on("ui:route:page", ({ name: e }) => o.push({ name: e })), m.on("ui:route:example", async ({ exampleName: e, callback: a }) => {
+    const t = await o.replace({
       name: "example",
       params: {
         exampleName: e