@scalar/api-client 2.25.0 → 2.26.0

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

@@ -1,363 +1,372 @@
-import { isDefined as O } from "@scalar/helpers/array/is-defined";
-import { sortByOrder as z } from "@scalar/helpers/array/sort-by-order";
-import { isHttpMethod as J } from "@scalar/helpers/http/is-http-method";
-import { createSidebarState as M, generateReverseIndex as G } from "@scalar/sidebar";
-import { createWorkspaceStore as N } from "@scalar/workspace-store/client";
-import { createWorkspaceEventBus as Q } from "@scalar/workspace-store/events";
-import { generateUniqueValue as X } from "@scalar/workspace-store/helpers/generate-unique-value";
+import { isDefined as Y } from "@scalar/helpers/array/is-defined";
+import { sortByOrder as pe } from "@scalar/helpers/array/sort-by-order";
+import { createSidebarState as ue, generateReverseIndex as me } from "@scalar/sidebar";
+import { createWorkspaceStore as j } from "@scalar/workspace-store/client";
+import { createWorkspaceEventBus as de } from "@scalar/workspace-store/events";
+import { generateUniqueValue as ve } from "@scalar/workspace-store/helpers/generate-unique-value";
 import { getParentEntry as v } from "@scalar/workspace-store/navigation";
-import { createWorkspaceStorePersistence as Z } from "@scalar/workspace-store/persistence";
-import { persistencePlugin as ee } from "@scalar/workspace-store/plugins/client";
-import { extensions as ae } from "@scalar/workspace-store/schemas/extensions";
-import { shallowRef as D, computed as i, ref as p, watch as te } from "vue";
-import { getActiveEnvironment as ne } from "../../helpers/get-active-environment.js";
-import { getTabDetails as re } from "../../helpers/get-tab-details.js";
-import { slugify as oe } from "../../helpers/slugify.js";
-import { workspaceStorage as se } from "../../helpers/storage.js";
-import { initializeAppEventHandlers as ce } from "./app-events.js";
-import { filterWorkspacesByTeam as le, canLoadWorkspace as ue } from "./helpers/filter-workspaces.js";
-const ie = 1e3, k = Q({
-  debug: !1
-}), R = p("local"), g = p(void 0), W = p(void 0), b = p(void 0), P = p(void 0), _ = p(void 0), $ = p(void 0), x = p(!1), u = D(null);
-te(u, (e) => {
-  e && e.afterEach((a) => Ee(a));
-});
-const d = i(() => u.value?.currentRoute.value ?? null);
-function l(e, a) {
-  const t = a?.params[e];
-  if (typeof t == "string")
-    return e === "method" ? t && J(t) ? t : void 0 : decodeURIComponent(t);
-}
-const A = D(null), f = p([]), U = i(() => le(f.value, R.value)), o = D(null), C = i(() => o.value?.workspace.documents[b.value ?? ""] || null), pe = i(() => ne(o.value, C.value)), { workspace: y } = await Z(), h = (e, a) => `${e}/${a}`;
-f.value = await y.getAll().then(
-  (e) => e.map(({ teamUid: a, namespace: t, slug: n, name: c }) => ({
-    id: h(t, n),
-    teamUid: a,
-    namespace: t,
-    slug: n,
-    label: c
-  }))
-);
-const me = async ({ namespace: e, slug: a }) => N({
-  plugins: [
-    await ee({ workspaceId: h(e, a), debounceDelay: ie })
-  ]
-}), de = async (e, a) => {
-  const t = await y.getItem({ namespace: e, slug: a });
-  if (!t)
-    return {
-      success: !1
-    };
-  const n = await me({ namespace: e, slug: a });
-  return n.loadWorkspace(t.workspace), A.value = { id: h(t.namespace, t.slug), label: t.name }, o.value = n, {
-    success: !0,
-    workspace: n.workspace
-  };
-}, ve = async ({
-  name: e,
-  teamUid: a,
-  namespace: t,
-  slug: n
+import { createWorkspaceStorePersistence as fe } from "@scalar/workspace-store/persistence";
+import { persistencePlugin as he } from "@scalar/workspace-store/plugins/client";
+import { extensions as we } from "@scalar/workspace-store/schemas/extensions";
+import { ref as u, computed as p, shallowRef as H } from "vue";
+import { getRouteParam as l } from "./helpers/get-route-param.js";
+import { groupWorkspacesByTeam as ke } from "./helpers/group-workspaces.js";
+import { getActiveEnvironment as ge } from "../../helpers/get-active-environment.js";
+import { getTabDetails as xe } from "../../helpers/get-tab-details.js";
+import { slugify as be } from "../../helpers/slugify.js";
+import { workspaceStorage as ye } from "../../helpers/storage.js";
+import { initializeAppEventHandlers as Se } from "./app-events.js";
+import { filterWorkspacesByTeam as Ee, canLoadWorkspace as We } from "./helpers/filter-workspaces.js";
+const Ue = 1e3, Te = 288, h = (i, T) => `${i}/${T}`, He = async ({
+  router: i,
+  fileLoader: T
 }) => {
-  const c = N();
-  await c.addDocument({
-    name: "drafts",
-    document: {
-      openapi: "3.1.0",
-      info: {
-        title: "Drafts",
-        version: "1.0.0"
-      },
-      paths: {
-        "/": {
-          get: {}
-        }
-      },
-      "x-scalar-original-document-hash": "drafts",
-      "x-scalar-icon": "interface-edit-tool-pencil"
-    }
-  });
-  const s = await y.setItem(
-    { namespace: t, slug: n },
-    {
-      name: e,
+  const w = de({
+    debug: !1
+  }), { workspace: k } = await fe(), g = u("local"), x = u(void 0), I = u(void 0), b = u(void 0), L = u(void 0), O = u(void 0), N = u(void 0), y = u(!1);
+  i.afterEach((e) => ce(e));
+  const d = p(() => i.currentRoute.value ?? null), D = H(null), f = u([]), S = p(() => Ee(f.value, g.value)), z = p(() => ke(S.value, g.value)), s = H(null), A = p(() => s.value?.workspace.documents[b.value ?? ""] || null), G = p(() => ge(s.value, A.value));
+  f.value = await k.getAll().then(
+    (e) => e.map(({ teamUid: a, namespace: t, slug: n, name: c }) => ({
+      id: h(t, n),
       teamUid: a,
-      workspace: c.exportWorkspace()
-    }
+      namespace: t,
+      slug: n,
+      label: c
+    }))
   );
-  return f.value.push({
-    id: h(s.namespace, s.slug),
-    teamUid: s.teamUid,
-    namespace: s.namespace,
-    slug: s.slug,
-    label: s.name
-  }), s;
-}, S = async (e, a) => {
-  await u.value?.push({
-    name: "workspace.environment",
-    params: { namespace: e, workspaceSlug: a }
-  });
-}, F = async ({
-  teamUid: e,
-  namespace: a,
-  slug: t,
-  name: n
-}) => {
-  o.value = null;
-  const c = await X({
-    defaultValue: t ?? n,
-    // Use the provided id if it exists, otherwise use the name
-    validation: async (w) => !await y.has({ namespace: a ?? "local", slug: w }),
-    maxRetries: 100,
-    transformation: oe
-  });
-  if (!c)
-    return;
-  const m = await ve({
+  const J = async ({
+    namespace: e,
+    slug: a
+  }) => j({
+    plugins: [
+      await he({
+        workspaceId: h(e, a),
+        debounceDelay: Ue
+      })
+    ],
+    fileLoader: T
+  }), Q = async (e, a) => {
+    const t = await k.getItem({ namespace: e, slug: a });
+    if (!t)
+      return {
+        success: !1
+      };
+    const n = await J({ namespace: e, slug: a });
+    return n.loadWorkspace(t.workspace), D.value = { id: h(t.namespace, t.slug), label: t.name }, s.value = n, {
+      success: !0,
+      workspace: n.workspace
+    };
+  }, X = async ({
+    name: e,
+    teamUid: a,
+    namespace: t,
+    slug: n
+  }) => {
+    const c = j();
+    await c.addDocument({
+      name: "drafts",
+      document: {
+        openapi: "3.1.0",
+        info: {
+          title: "Drafts",
+          version: "1.0.0"
+        },
+        paths: {
+          "/": {
+            get: {}
+          }
+        },
+        "x-scalar-original-document-hash": "drafts",
+        "x-scalar-icon": "interface-edit-tool-pencil"
+      }
+    });
+    const r = await k.setItem(
+      { namespace: t, slug: n },
+      {
+        name: e,
+        teamUid: a,
+        workspace: c.exportWorkspace()
+      }
+    );
+    return f.value.push({
+      id: h(r.namespace, r.slug),
+      teamUid: r.teamUid,
+      namespace: r.namespace,
+      slug: r.slug,
+      label: r.name
+    }), r;
+  }, E = async (e, a) => {
+    await i.push({
+      name: "workspace.environment",
+      params: { namespace: e, workspaceSlug: a }
+    });
+  }, _ = async ({
     teamUid: e,
     namespace: a,
-    slug: c,
+    slug: t,
     name: n
-  });
-  return await S(m.namespace, m.slug), m;
-}, fe = async (e, a) => {
-  o.value = null, x.value = !0;
-  const t = await de(e, a);
-  if (t.success) {
-    const s = t.workspace["x-scalar-active-tab"] ?? 0, m = t.workspace["x-scalar-tabs"], w = m?.[s];
-    w && await u.value?.replace({
-      path: w.path,
-      query: d.value?.query ?? {}
-    }), m && s >= m.length && k.emit("tabs:update:tabs", {
-      "x-scalar-active-tab": 0
-    }), m || k.emit("tabs:update:tabs", {
-      "x-scalar-tabs": [B(d.value)],
-      "x-scalar-active-tab": 0
-    }), x.value = !1;
-    return;
-  }
-  const n = U.value.find((s) => s.teamUid === "local" && s.slug === "default") ?? U.value[0];
-  if (n)
-    return S(n.namespace, n.slug);
-  const c = await F({
-    name: "Default Workspace",
-    slug: "default"
-  });
-  if (x.value = !1, !c)
-    return console.error("Failed to create the default workspace, something went wrong, can not load the workspace");
-  r.reset();
-}, K = i(() => {
-  const e = o.value;
-  if (!e)
-    return [];
-  const a = e.workspace["x-scalar-order"] ?? Object.keys(e.workspace.documents);
-  return z(Object.keys(e.workspace.documents), a, (t) => t).map((t) => e.workspace.documents[t]?.["x-scalar-navigation"]).filter(O);
-}), r = M(K), I = ({
-  document: e,
-  path: a,
-  method: t,
-  example: n
-}) => JSON.stringify([e, a, t, n].filter(O)), L = i(
-  () => G({
-    items: K.value,
-    nestedKey: "children",
-    filter: (e) => e.type === "document" || e.type === "operation" || e.type === "example",
-    getId: (e) => {
-      const a = v("document", e), t = v("operation", e);
-      return I({
-        document: a?.name ?? "",
-        path: t?.path,
-        method: t?.method,
-        example: e.type === "example" ? e.name : void 0
-      });
-    }
-  })
-), E = (e) => {
-  const a = L.value.get(I(e));
-  return a || L.value.get(
-    I({
-      document: e.document,
-      path: e.path,
-      method: e.method
-    })
-  );
-}, V = (e) => {
-  const a = r.getEntryById(e);
-  if (!a) {
-    console.warn(`Could not find sidebar entry with id ${e} to select`);
-    return;
-  }
-  if (a.type === "document") {
-    if (r.selectedItem.value === e) {
-      r.setExpanded(e, !r.isExpanded(e));
+  }) => {
+    s.value = null;
+    const c = await ve({
+      defaultValue: t ?? n,
+      // Use the provided id if it exists, otherwise use the name
+      validation: async (U) => !await k.has({ namespace: a ?? "local", slug: U }),
+      maxRetries: 100,
+      transformation: be
+    });
+    if (!c)
+      return;
+    const m = await X({
+      teamUid: e,
+      namespace: a,
+      slug: c,
+      name: n
+    });
+    return await E(m.namespace, m.slug), m;
+  }, Z = async (e, a) => {
+    s.value = null, y.value = !0;
+    const t = await Q(e, a);
+    if (t.success) {
+      const r = t.workspace["x-scalar-active-tab"] ?? 0, m = t.workspace["x-scalar-tabs"], U = m?.[r];
+      U && await i.replace({
+        path: U.path,
+        query: d.value?.query ?? {}
+      }), m && r >= m.length && w.emit("tabs:update:tabs", {
+        "x-scalar-active-tab": 0
+      }), m || w.emit("tabs:update:tabs", {
+        "x-scalar-tabs": [B(d.value)],
+        "x-scalar-active-tab": 0
+      }), y.value = !1;
       return;
     }
-    return r.setSelected(e), r.setExpanded(e, !0), u.value?.push({
-      name: "document.overview",
-      params: { documentSlug: a.name }
+    const n = S.value.find((r) => r.teamUid === "local" && r.slug === "default") ?? S.value[0];
+    if (n)
+      return E(n.namespace, n.slug);
+    const c = await _({
+      name: "Default Workspace",
+      slug: "default"
     });
-  }
-  if (a.type === "operation") {
-    if (r.isSelected(e)) {
-      r.setExpanded(e, !r.isExpanded(e));
+    if (y.value = !1, !c)
+      return console.error("Failed to create the default workspace, something went wrong, can not load the workspace");
+    o.reset();
+  }, P = p(() => {
+    const e = s.value;
+    if (!e)
+      return [];
+    const a = e.workspace["x-scalar-order"] ?? Object.keys(e.workspace.documents);
+    return pe(Object.keys(e.workspace.documents), a, (t) => t).map((t) => e.workspace.documents[t]?.["x-scalar-navigation"]).filter(Y);
+  }), o = ue(P), R = ({
+    document: e,
+    path: a,
+    method: t,
+    example: n
+  }) => JSON.stringify([e, a, t, n].filter(Y)), $ = p(
+    () => me({
+      items: P.value,
+      nestedKey: "children",
+      filter: (e) => e.type === "document" || e.type === "operation" || e.type === "example",
+      getId: (e) => {
+        const a = v("document", e), t = v("operation", e);
+        return R({
+          document: a?.name ?? "",
+          path: t?.path,
+          method: t?.method,
+          example: e.type === "example" ? e.name : void 0
+        });
+      }
+    })
+  ), W = (e) => {
+    const a = $.value.get(R(e));
+    return a || $.value.get(
+      R({
+        document: e.document,
+        path: e.path,
+        method: e.method
+      })
+    );
+  }, F = (e) => {
+    const a = o.getEntryById(e);
+    if (!a) {
+      console.warn(`Could not find sidebar entry with id ${e} to select`);
       return;
     }
-    const t = a.children?.find((n) => n.type === "example");
-    return t ? (r.setSelected(t.id), r.setExpanded(t.id, !0)) : r.setSelected(e), u.value?.push({
-      name: "example",
-      params: {
-        documentSlug: v("document", a)?.name,
-        pathEncoded: encodeURIComponent(a.path),
-        method: a.method,
-        exampleName: t?.name ?? "default"
+    if (a.type === "document") {
+      if (o.selectedItem.value === e) {
+        o.setExpanded(e, !o.isExpanded(e));
+        return;
       }
-    });
-  }
-  if (a.type === "example") {
-    r.setSelected(e);
-    const t = v("operation", a);
-    return u.value?.push({
-      name: "example",
-      params: {
-        documentSlug: v("document", a)?.name,
-        pathEncoded: encodeURIComponent(t?.path ?? ""),
-        method: t?.method,
-        exampleName: a.name
+      return o.setSelected(e), o.setExpanded(e, !0), i.push({
+        name: "document.overview",
+        params: { documentSlug: a.name }
+      });
+    }
+    if (a.type === "operation") {
+      if (o.isSelected(e)) {
+        o.setExpanded(e, !o.isExpanded(e));
+        return;
       }
+      const t = a.children?.find((n) => n.type === "example");
+      return t ? (o.setSelected(t.id), o.setExpanded(t.id, !0)) : o.setSelected(e), i.push({
+        name: "example",
+        params: {
+          documentSlug: v("document", a)?.name,
+          pathEncoded: encodeURIComponent(a.path),
+          method: a.method,
+          exampleName: t?.name ?? "default"
+        }
+      });
+    }
+    if (a.type === "example") {
+      o.setSelected(e);
+      const t = v("operation", a);
+      return i.push({
+        name: "example",
+        params: {
+          documentSlug: v("document", a)?.name,
+          pathEncoded: encodeURIComponent(t?.path ?? ""),
+          method: t?.method,
+          exampleName: a.name
+        }
+      });
+    }
+    if (a.type === "text")
+      return i.push({
+        name: "document.overview",
+        params: {
+          documentSlug: v("document", a)?.name
+        }
+      });
+    o.setExpanded(e, !o.isExpanded(e));
+  }, ee = async () => {
+    if (!s.value)
+      return;
+    const e = s.value.workspace["x-scalar-active-tab"] ?? 0, a = s.value.workspace["x-scalar-tabs"]?.[e];
+    a && await i.replace(a.path);
+  }, K = (e) => {
+    e && s.value?.buildSidebar(e);
+  }, ae = (e) => {
+    const a = A.value?.["x-scalar-navigation"]?.name;
+    if (!a)
+      return;
+    const t = W({
+      document: a,
+      path: e.path,
+      method: e.method,
+      example: e.exampleKey
     });
-  }
-  if (a.type === "text")
-    return u.value?.push({
-      name: "document.overview",
-      params: {
-        documentSlug: v("document", a)?.name
-      }
+    (!t || t.type !== "example") && (K(a), d.value && M(d.value));
+  }, te = p(() => s.value?.workspace?.["x-scalar-sidebar-width"] ?? Te), ne = (e) => s.value?.update("x-scalar-sidebar-width", e), C = u(!0), se = "x-scalar-tabs", oe = "x-scalar-active-tab", B = (e) => {
+    const a = l("method", e), t = l("pathEncoded", e), n = l("documentSlug", e), c = l("workspaceSlug", e);
+    return {
+      ...xe({
+        workspace: c,
+        document: n,
+        path: t,
+        method: a,
+        getEntryByLocation: W
+      }),
+      path: d.value?.path ?? ""
+    };
+  }, V = p(() => s.value?.workspace[se] ?? [B(d.value)]), re = p(() => s.value?.workspace[oe] ?? 0), q = async (e) => {
+    const a = V.value[e];
+    if (!a) {
+      console.warn(`Cannot copy URL: tab at index ${e} does not exist`);
+      return;
+    }
+    const t = `${window.location.origin}${a.path}`;
+    try {
+      await navigator.clipboard.writeText(t);
+    } catch (n) {
+      console.error("Failed to copy URL to clipboard:", n);
+    }
+  }, ce = (e) => {
+    const a = l("workspaceSlug", e), t = l("documentSlug", e), n = l("namespace", e);
+    if (!n || !a)
+      return;
+    const c = f.value.find(
+      (r) => r.slug === a && r.namespace === n
+    );
+    if (c && !We(c.teamUid, g.value))
+      return E("local", "default");
+    if (x.value = n, I.value = a, b.value = t, L.value = l("method", e), O.value = l("pathEncoded", e), N.value = l("exampleName", e), e.path !== "" && ye.setCurrentPath(e.path), h(x.value, a) !== D.value?.id)
+      return Z(x.value, a);
+    t && t !== s.value?.workspace[we.workspace.activeDocument] && s?.value?.update("x-scalar-active-document", t), le(e), M(e);
+  }, le = (e) => {
+    const a = s.value?.workspace["x-scalar-tabs"] ?? [], t = s.value?.workspace["x-scalar-active-tab"] ?? 0, n = a[t];
+    !n || n.path === e.path || (a[t] = B(e));
+  }, M = (e) => {
+    const a = l("documentSlug", e);
+    if (!a) {
+      o.setSelected(null);
+      return;
+    }
+    const t = W({
+      document: a,
+      path: l("pathEncoded", e),
+      method: l("method", e),
+      example: l("exampleName", e)
     });
-  r.setExpanded(e, !r.isExpanded(e));
-}, he = async () => {
-  if (!o.value)
-    return;
-  const e = o.value.workspace["x-scalar-active-tab"] ?? 0, a = o.value.workspace["x-scalar-tabs"]?.[e];
-  a && await u.value?.replace(a.path);
-}, q = (e) => {
-  e && o.value?.buildSidebar(e);
-}, we = (e) => {
-  const a = C.value?.["x-scalar-navigation"]?.name;
-  if (!a)
-    return;
-  const t = E({
-    document: a,
-    path: e.path,
-    method: e.method,
-    example: e.exampleKey
-  });
-  (!t || t.type !== "example") && (q(a), d.value && j(d.value));
-}, ge = 288, xe = i(() => o.value?.workspace?.["x-scalar-sidebar-width"] ?? ge), ke = (e) => o.value?.update("x-scalar-sidebar-width", e), T = p(!0), be = "x-scalar-tabs", ye = "x-scalar-active-tab", B = (e) => {
-  const a = l("method", e), t = l("pathEncoded", e), n = l("documentSlug", e), c = l("workspaceSlug", e);
-  return {
-    ...re({
-      workspace: c,
-      document: n,
-      path: t,
-      method: a,
-      getEntryByLocation: E
-    }),
-    path: d.value?.path ?? ""
+    t && (o.setSelected(t.id), o.setExpanded(t.id, !0));
   };
-}, H = i(() => o.value?.workspace[be] ?? [B(d.value)]), Se = i(() => o.value?.workspace[ye] ?? 0), Y = async (e) => {
-  const a = H.value[e];
-  if (!a) {
-    console.warn(`Cannot copy URL: tab at index ${e} does not exist`);
-    return;
-  }
-  const t = `${window.location.origin}${a.path}`;
-  try {
-    await navigator.clipboard.writeText(t);
-  } catch (n) {
-    console.error("Failed to copy URL to clipboard:", n);
-  }
-}, Ee = (e) => {
-  const a = l("workspaceSlug", e), t = l("documentSlug", e), n = l("namespace", e);
-  if (!n || !a)
-    return;
-  const c = f.value.find(
-    (s) => s.slug === a && s.namespace === n
-  );
-  if (c && !ue(c.teamUid, R.value))
-    return S("local", "default");
-  if (g.value = n, W.value = a, b.value = t, P.value = l("method", e), _.value = l("pathEncoded", e), $.value = l("exampleName", e), e.path !== "" && se.setCurrentPath(e.path), h(g.value, a) !== A.value?.id)
-    return fe(g.value, a);
-  t && t !== o.value?.workspace[ae.workspace.activeDocument] && o?.value?.update("x-scalar-active-document", t), We(e), j(e);
-}, We = (e) => {
-  const a = o.value?.workspace["x-scalar-tabs"] ?? [], t = o.value?.workspace["x-scalar-active-tab"] ?? 0, n = a[t];
-  !n || n.path === e.path || (a[t] = B(e));
-}, j = (e) => {
-  const a = l("documentSlug", e);
-  if (!a) {
-    r.setSelected(null);
-    return;
-  }
-  const t = E({
-    document: a,
-    path: l("pathEncoded", e),
-    method: l("method", e),
-    example: l("exampleName", e)
+  Se({
+    eventBus: w,
+    router: i,
+    store: s,
+    navigateToCurrentTab: ee,
+    rebuildSidebar: K,
+    onAfterExampleCreation: ae,
+    onSelectSidebarItem: F,
+    onCopyTabUrl: (e) => q(e),
+    onToggleSidebar: () => C.value = !C.value
   });
-  t && (r.setSelected(t.id), r.setExpanded(t.id, !0));
-};
-ce({
-  eventBus: k,
-  router: u,
-  store: o,
-  navigateToCurrentTab: he,
-  rebuildSidebar: q,
-  onAfterExampleCreation: we,
-  onSelectSidebarItem: V,
-  onCopyTabUrl: (e) => Y(e),
-  onToggleSidebar: () => T.value = !T.value
-});
-function He(e) {
-  return e && (u.value = e), {
+  const ie = p(() => {
+    const e = s.value?.workspace["x-scalar-color-mode"] ?? "system";
+    return e === "system" ? window.matchMedia?.("(prefers-color-scheme: dark)")?.matches ?? !1 : e === "dark";
+  });
+  return {
     /** Active workspace store */
-    store: o,
+    store: s,
     sidebar: {
-      state: r,
-      width: xe,
-      isOpen: T,
-      handleSelectItem: V,
-      handleSidebarWidthUpdate: ke,
-      getEntryByLocation: E
+      state: o,
+      width: te,
+      isOpen: C,
+      handleSelectItem: F,
+      handleSidebarWidthUpdate: ne,
+      getEntryByLocation: W
     },
     tabs: {
-      state: H,
-      activeTabIndex: Se,
-      copyTabUrl: Y
+      state: V,
+      activeTabIndex: re,
+      copyTabUrl: q
     },
     workspace: {
-      create: F,
+      create: _,
       workspaceList: f,
-      filteredWorkspaceList: U,
-      activeWorkspace: A,
-      navigateToWorkspace: S,
-      isOpen: i(() => !!(W.value && !b.value))
+      filteredWorkspaceList: S,
+      workspaceGroups: z,
+      activeWorkspace: D,
+      navigateToWorkspace: E,
+      isOpen: p(() => !!(I.value && !b.value))
     },
-    eventBus: k,
-    router: u,
+    eventBus: w,
+    router: i,
     currentRoute: d,
-    loading: x,
+    loading: y,
     activeEntities: {
-      namespace: g,
-      workspaceSlug: W,
+      namespace: x,
+      workspaceSlug: I,
       documentSlug: b,
-      path: _,
-      method: P,
-      exampleName: $,
-      teamUid: R
+      path: O,
+      method: L,
+      exampleName: N,
+      teamUid: g
     },
-    environment: pe,
-    document: C
+    environment: G,
+    document: A,
+    isDarkMode: ie
   };
-}
+};
 export {
-  He as useAppState
+  He as createAppState
 };