@scalar/api-client 2.10.0 → 2.11.0

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

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as m, createBlock as c, openBlock as t, unref as o, withCtx as l, createVNode as n, createElementBlock as d, Fragment as v, createElementVNode as s, createTextVNode as h, toDisplayString as w, createCommentVNode as C, renderList as B } from "vue";
-import { ScalarPopover as z, ScalarButton as A, ScalarIcon as f, ScalarFloatingBackdrop as N } from "@scalar/components";
-import U from "./ServerDropdownItem.vue.js";
-const V = ["onClick"], D = { class: "flex h-4 w-4 items-center justify-center" }, I = /* @__PURE__ */ y({
+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({
   __name: "ServerDropdown",
   props: {
     servers: {},
@@ -10,50 +10,50 @@ const V = ["onClick"], D = { class: "flex h-4 w-4 items-center justify-center" }
     layout: {}
   },
   emits: ["update:selectedServer", "update:variable", "addServer"],
-  setup(a, { emit: b }) {
-    const i = b, g = m(
-      () => a.servers.map((r) => ({
-        id: r.url,
-        label: r.url ?? "Unknown server"
+  setup(a, { emit: S }) {
+    const i = S, g = m(
+      () => a.servers.map((e) => ({
+        id: e.url,
+        label: e.url ?? "Unknown server"
       }))
-    ), S = m(() => a.server?.url?.endsWith("/") ? a.server.url.slice(0, -1) : a.server?.url || "");
-    return (r, e) => (t(), c(o(z), {
+    ), k = m(() => a.server?.url?.endsWith("/") ? a.server.url.slice(0, -1) : a.server?.url || "");
+    return (e, r) => (t(), f(o(z), {
       class: "max-h-[inherit] p-0 text-base",
       focus: "",
       offset: 0,
       placement: "bottom-start",
       resize: "",
-      target: r.target,
-      teleport: `#${r.target}`
+      target: e.target,
+      teleport: `#${e.target}`
     }, {
       popover: l(({ close: x }) => [
         s("div", {
           class: "custom-scroll flex max-h-[inherit] flex-col gap-1 border-t p-1",
           onClick: x
         }, [
-          (t(!0), d(v, null, B(g.value, (u) => (t(), c(U, {
+          (t(!0), d(p, null, B(g.value, (u, v) => (t(), f(V, {
             key: u.id,
-            server: r.server,
+            server: e.server,
             serverOption: u,
             type: "request",
-            "onUpdate:selectedServer": e[0] || (e[0] = (p) => i("update:selectedServer", p)),
-            "onUpdate:variable": e[1] || (e[1] = (p, k) => i("update:variable", { key: p, value: k }))
-          }, null, 8, ["server", "serverOption"]))), 128)),
-          r.layout !== "modal" ? (t(), d("button", {
+            "onUpdate:selectedServer": (c) => i("update:selectedServer", { index: v }),
+            "onUpdate:variable": (c, y) => i("update:variable", { index: v, key: c, value: y })
+          }, null, 8, ["server", "serverOption", "onUpdate:selectedServer", "onUpdate:variable"]))), 128)),
+          e.layout !== "modal" ? (t(), d("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: e[2] || (e[2] = (u) => i("addServer"))
+            onClick: r[0] || (r[0] = (u) => i("addServer"))
           }, [
-            s("div", D, [
-              n(o(f), {
+            s("div", $, [
+              n(o(b), {
                 icon: "Add",
                 size: "sm"
               })
             ]),
-            e[5] || (e[5] = s("span", null, "Add Server", -1))
-          ])) : C("", !0)
-        ], 8, V)
+            r[3] || (r[3] = s("span", null, "Add Server", -1))
+          ])) : U("", !0)
+        ], 8, D)
       ]),
       backdrop: l(() => [
         n(o(N), { class: "-top-(--scalar-address-bar-height) rounded-lg" })
@@ -64,12 +64,12 @@ const V = ["onClick"], D = { class: "flex h-4 w-4 items-center justify-center" }
           variant: "ghost"
         }, {
           default: l(() => [
-            r.server ? (t(), d(v, { key: 0 }, [
-              e[3] || (e[3] = s("span", { class: "sr-only" }, "Server:", -1)),
-              h(" " + w(S.value), 1)
-            ], 64)) : (t(), d(v, { key: 1 }, [
-              e[4] || (e[4] = s("span", { class: "sr-only" }, "Add Server", -1)),
-              n(o(f), {
+            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"
               })

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

@@ -8,14 +8,10 @@ type __VLS_Props = {
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:variable": (key: string, value: string) => any;
-    "update:selectedServer": (payload: {
-        id: string;
-    }) => any;
+    "update:selectedServer": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:variable"?: ((key: string, value: string) => any) | undefined;
-    "onUpdate:selectedServer"?: ((payload: {
-        id: string;
-    }) => any) | undefined;
+    "onUpdate:selectedServer"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ServerDropdownItem.vue.d.ts.map

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;;;;YAO4C,MAAM;;;;;YAAN,MAAM;;;AA0JpD,wBAOG"}
+{"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"}

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-96792a7f"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b503e183"]]);
 export {
   p as default
 };

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

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

package/dist/v2/components/server/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/server/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/server/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA"}

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

@@ -1,8 +1,9 @@
-import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
+import { type SidebarState } from '@scalar/sidebar';
+import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
 import type { ClientLayout } from '../../../v2/types/layout';
 type __VLS_Props = {
     /** All documents to display sidebar items for */
-    documents: Record<string, WorkspaceDocument>;
+    sidebarState: SidebarState<TraversedEntry>;
     /** Layout for the client */
     layout: ClientLayout;
 };
@@ -24,8 +25,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     "update:workspace": (value: string) => any;
     "update:isSidebarOpen": (value: boolean) => any;
     "update:sidebarWidth": (value: number) => any;
+} & {
+    selectItem: (id: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:workspace"?: ((value: string) => any) | undefined;
+    onSelectItem?: ((id: string) => 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":"AA2HA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAIlF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,KAAK,WAAW,GAAG;IACjB,iDAAiD;IACjD,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;IAC5C,4BAA4B;IAC5B,MAAM,EAAE,YAAY,CAAA;CACrB,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,eAAe,CAAC,IAAI,OAAO,CAAA;IAC3B,mDAAmD;IACnD,MAAM,CAAC,IAAI,OAAO,CAAA;CACnB,CAAC;AA+CF,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;AAsLF,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":"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"}

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

@@ -1,14 +1,14 @@
-import { defineComponent as k, mergeModels as w, computed as y, useModel as u, ref as g, createBlock as a, openBlock as l, unref as r, withCtx as d, createVNode as x, renderSlot as b, createElementVNode as S, createCommentVNode as p } from "vue";
-import { ScalarIconButton as O, ScalarSidebarSearchInput as M } from "@scalar/components";
-import { ScalarIconMagnifyingGlass as V } from "@scalar/icons";
-import { createSidebarState as h, ScalarSidebar as E } from "@scalar/sidebar";
-import B from "./SidebarMenu.vue.js";
-import W from "./SidebarToggle.vue.js";
-import $ from "../resize/Resize.vue.js";
-const C = { class: "bg-sidebar-b-1 sticky top-0 z-1 flex flex-col gap-3 px-3 pt-3" }, I = { class: "flex items-center justify-between" }, R = /* @__PURE__ */ k({
+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({
   __name: "Sidebar",
-  props: /* @__PURE__ */ w({
-    documents: {},
+  props: /* @__PURE__ */ c({
+    sidebarState: {},
     layout: {}
   }, {
     workspace: {
@@ -23,66 +23,56 @@ const C = { class: "bg-sidebar-b-1 sticky top-0 z-1 flex flex-col gap-3 px-3 pt-
     },
     sidebarWidthModifiers: {}
   }),
-  emits: ["update:workspace", "update:isSidebarOpen", "update:sidebarWidth"],
-  setup(i) {
-    const s = y(() => {
-      const o = Object.entries(i.documents).map(
-        ([e, t]) => ({
-          id: e,
-          type: "document",
-          title: t.info.title ?? e,
-          children: t["x-scalar-navigation"]?.children ?? []
-        })
-      );
-      return h(o);
-    }), v = (o, ...e) => {
-      console.log("[LOG] event name: ", o), console.log("[LOG]", ...e);
-    }, c = u(i, "workspace"), m = u(i, "isSidebarOpen"), n = g(!1), f = u(i, "sidebarWidth");
-    return (o, e) => (l(), a(r($), {
+  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] = (t) => f.value = t),
+      "onUpdate:width": e[5] || (e[5] = (o) => f.value = o),
       class: "flex flex-col"
     }, {
-      default: d(() => [
-        x(r(E), {
-          class: "flex w-auto flex-1",
-          isExpanded: s.value.isExpanded,
-          isSelected: s.value.isSelected,
-          items: s.value.items.value,
+      default: l(() => [
+        M(s(B), {
+          class: "flex w-auto flex-1 pt-2",
+          isExpanded: t.sidebarState.isExpanded,
+          isSelected: t.sidebarState.isSelected,
+          items: t.sidebarState.items.value,
           layout: "client",
-          onSelectItem: e[3] || (e[3] = (t) => s.value.setExpanded(t, !0)),
-          onReorder: e[4] || (e[4] = (...t) => v("reorder", ...t))
+          onSelectItem: e[3] || (e[3] = (o) => w("selectItem", o)),
+          onReorder: e[4] || (e[4] = (...o) => y("reorder", ...o))
         }, {
-          search: d(() => [
-            S("div", C, [
-              S("div", I, [
-                o.layout === "desktop" ? (l(), a(B, {
+          search: l(() => [
+            S("div", x, [
+              S("div", C, [
+                t.layout === "desktop" ? (r(), a(W, {
                   key: 0,
-                  workspace: c.value,
-                  "onUpdate:workspace": e[0] || (e[0] = (t) => c.value = t)
-                }, null, 8, ["workspace"])) : o.layout === "modal" ? (l(), a(W, {
+                  workspace: p.value,
+                  "onUpdate:workspace": e[0] || (e[0] = (o) => p.value = o)
+                }, null, 8, ["workspace"])) : t.layout === "modal" ? (r(), a($, {
                   key: 1,
                   modelValue: m.value,
-                  "onUpdate:modelValue": e[1] || (e[1] = (t) => m.value = t)
-                }, null, 8, ["modelValue"])) : p("", !0),
-                o.layout !== "web" ? (l(), a(r(O), {
+                  "onUpdate:modelValue": e[1] || (e[1] = (o) => m.value = o)
+                }, null, 8, ["modelValue"])) : u("", !0),
+                t.layout !== "web" ? (r(), a(s(O), {
                   key: 2,
-                  icon: r(V),
+                  icon: s(I),
                   label: "Search",
-                  onClick: e[2] || (e[2] = (t) => n.value = !n.value)
-                }, null, 8, ["icon"])) : p("", !0)
+                  onClick: e[2] || (e[2] = (o) => d.value = !d.value)
+                }, null, 8, ["icon"])) : u("", !0)
               ]),
-              n.value || o.layout === "web" ? (l(), a(r(M), {
+              d.value || t.layout === "web" ? (r(), a(s(V), {
                 key: 0,
-                autofocus: o.layout !== "web"
-              }, null, 8, ["autofocus"])) : p("", !0)
+                autofocus: t.layout !== "web"
+              }, null, 8, ["autofocus"])) : u("", !0)
             ])
           ]),
-          before: d(() => [
-            b(o.$slots, "workspaceButton")
+          before: l(() => [
+            b(t.$slots, "workspaceButton")
           ]),
-          footer: d(() => [
-            b(o.$slots, "footer")
+          footer: l(() => [
+            b(t.$slots, "footer")
           ]),
           _: 3
         }, 8, ["isExpanded", "isSelected", "items"])

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

@@ -1,9 +1,9 @@
 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">;

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":"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"}

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

@@ -1,92 +1,107 @@
-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 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,
   __name: "App",
   props: {
     layout: {},
     workspaceStore: {}
   },
-  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(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");
+      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,
+      documentSlug: l,
+      path: S,
+      method: w,
+      exampleName: f
     });
-    I(v, u, a.workspaceStore);
-    const E = r(() => {
-      const e = a.workspaceStore.workspace["x-scalar-active-environment"];
+    Y(k, m, o.workspaceStore);
+    const D = a(() => {
+      const e = o.workspaceStore.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, {
+        return x(y, {});
+      const t = o.workspaceStore.workspace["x-scalar-environments"]?.[e] ?? {
+        variables: []
+      }, r = m.value?.["x-scalar-environments"]?.[e] ?? {
+        variables: []
+      };
+      return x(y, {
         ...t,
-        ...o,
-        variables: [...t.variables, ...o.variables]
+        ...r,
+        variables: [...t.variables, ...r.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($, {
+    }), 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, {
             key: 1,
             modelValue: s.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => s.value = o)
+            "onUpdate:modelValue": t[0] || (t[0] = (r) => s.value = r)
           }, null, 8, ["modelValue"])),
-          p("main", F, [
-            V(c(L, {
+          p("main", oe, [
+            N(v(Z, {
               isSidebarOpen: i.value,
-              "onUpdate:isSidebarOpen": t[1] || (t[1] = (o) => i.value = o),
+              "onUpdate:isSidebarOpen": t[1] || (t[1] = (r) => i.value = r),
               workspace: s.value,
-              "onUpdate:workspace": t[2] || (t[2] = (o) => s.value = o),
-              documents: e.workspaceStore.workspace.documents,
+              "onUpdate:workspace": t[2] || (t[2] = (r) => s.value = r),
+              isWorkspaceOpen: B.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: 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]
             ]),
-            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
-              })
+            p("div", ae, [
+              v(c(Q), L(F(C.value)), null, 16)
             ])
           ])
         ]),
@@ -96,5 +111,5 @@ const j = ["innerHTML"], F = { class: "flex flex-1" }, K = { class: "bg-b-1 flex
   }
 });
 export {
-  ne as default
+  be as default
 };

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

@@ -1,8 +1,10 @@
-import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
+import type { SidebarState } from '@scalar/sidebar';
+import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
 import type { ClientLayout } from '../../../../v2/types/layout';
 type __VLS_Props = {
     layout: ClientLayout;
-    documents: Record<string, WorkspaceDocument>;
+    sidebarState: SidebarState<TraversedEntry>;
+    isWorkspaceOpen?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & {
     /** Propagate up the workspace model to the parent */
@@ -17,10 +19,12 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
     "update:isSidebarOpen": (value: boolean) => any;
     "update:sidebarWidth": (value: number) => 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;
+    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":"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"}

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-87ac8466"]]);
 export {
   m as default
 };