@scalar/api-client 2.31.3 → 2.33.0

package/dist/v2/features/collection/DocumentCollection.vue.js

@@ -10,12 +10,12 @@ import B from "./components/Tabs.vue.js";
 const D = { class: "custom-scroll h-full" }, N = {
   key: 0,
   class: "w-full md:mx-auto md:max-w-180"
-}, z = ["aria-label"], I = { class: "flex flex-row items-center gap-2" }, U = { class: "group relative ml-1.25" }, T = { class: "px-1.5 py-8" }, $ = {
+}, z = ["aria-label"], I = { class: "flex flex-row items-center gap-2" }, T = { class: "group relative ml-1.25" }, U = { class: "px-1.5 py-8" }, $ = {
   key: 1,
   class: "flex w-full flex-1 items-center justify-center"
 }, j = {
   name: "DocumentCollection"
-}, H = /* @__PURE__ */ h({
+}, G = /* @__PURE__ */ h({
   ...j,
   props: {
     documentSlug: {},
@@ -30,7 +30,9 @@ const D = { class: "custom-scroll h-full" }, N = {
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
-    customThemes: {}
+    customThemes: {},
+    currentTheme: {},
+    isDarkMode: { type: Boolean }
   },
   setup(a) {
     const n = a, m = p(() => n.document?.info?.title || "Untitled Document"), d = p(
@@ -109,7 +111,7 @@ const D = { class: "custom-scroll h-full" }, N = {
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            t("div", U, [
+            t("div", T, [
               o(V, {
                 class: "text-xl font-bold",
                 inputId: "documentName",
@@ -120,7 +122,7 @@ const D = { class: "custom-scroll h-full" }, N = {
           ])
         ], 8, z),
         o(B, { type: "document" }),
-        t("div", T, [
+        t("div", U, [
           o(s(_), null, {
             default: l(({ Component: r }) => [
               (u(), f(g(r), k(n, { collectionType: "document" }), null, 16))
@@ -138,5 +140,5 @@ const D = { class: "custom-scroll h-full" }, N = {
   }
 });
 export {
-  H as default
+  G as default
 };

package/dist/v2/features/collection/OperationCollection.vue.js

@@ -4,14 +4,14 @@ import { getResolvedRef as w } from "@scalar/workspace-store/helpers/get-resolve
 import { RouterView as g } from "vue-router";
 import k from "./components/LabelInput.vue.js";
 import b from "./components/Tabs.vue.js";
-const S = {
+const B = {
   key: 0,
   class: "custom-scroll h-full"
-}, V = { class: "w-full md:mx-auto md:max-w-180" }, B = ["aria-label"], U = { class: "group relative ml-1.25" }, $ = { class: "px-1.5 py-8" }, C = {
+}, S = { class: "w-full md:mx-auto md:max-w-180" }, V = ["aria-label"], T = { class: "group relative ml-1.25" }, U = { class: "px-1.5 py-8" }, $ = {
   key: 1,
   class: "flex w-full flex-1 items-center justify-center"
-}, N = {}, P = /* @__PURE__ */ f({
-  ...N,
+}, C = {}, M = /* @__PURE__ */ f({
+  ...C,
   __name: "OperationCollection",
   props: {
     documentSlug: {},
@@ -26,7 +26,9 @@ const S = {
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
-    customThemes: {}
+    customThemes: {},
+    currentTheme: {},
+    isDarkMode: { type: Boolean }
   },
   setup(p) {
     const e = p, n = m(() => {
@@ -48,13 +50,13 @@ const S = {
         }
       });
     }, c = m(() => !e.path || !e.method ? "Untitled Operation" : `${e.method.toUpperCase()} ${e.path}`);
-    return (r, t) => n.value !== void 0 ? (u(), i("div", S, [
-      o("div", V, [
+    return (r, t) => n.value !== void 0 ? (u(), i("div", B, [
+      o("div", S, [
         o("div", {
           "aria-label": `title: ${l.value}`,
           class: "mx-auto flex h-fit w-full flex-row items-center gap-2 pt-8 pb-3 md:max-w-180"
         }, [
-          o("div", U, [
+          o("div", T, [
             s(k, {
               modelValue: l.value,
               "onUpdate:modelValue": t[0] || (t[0] = (a) => l.value = a),
@@ -64,13 +66,13 @@ const S = {
               onBlur: d
             }, null, 8, ["modelValue", "placeholder"])
           ])
-        ], 8, B),
+        ], 8, V),
         s(b, { type: "operation" }),
-        o("div", $, [
+        o("div", U, [
           s(x(g), _(e, { collectionType: "operation" }), null, 16)
         ])
       ])
-    ])) : (u(), i("div", C, [...t[1] || (t[1] = [
+    ])) : (u(), i("div", $, [...t[1] || (t[1] = [
       o("div", { class: "flex h-full flex-col items-center justify-center" }, [
         o("h1", { class: "text-2xl font-bold" }, "Operation not found"),
         o("p", { class: "text-gray-500" }, " The operation you are looking for does not exist. ")
@@ -79,5 +81,5 @@ const S = {
   }
 });
 export {
-  P as default
+  M as default
 };

package/dist/v2/features/collection/WorkspaceCollection.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent as m, ref as p, watch as i, createElementBlock as u, openBlock as d, createElementVNode as a, createVNode as l, unref as f, mergeProps as v } from "vue";
 import { RouterView as _ } from "vue-router";
 import k from "./components/LabelInput.vue.js";
-import w from "./components/Tabs.vue.js";
-const h = { class: "custom-scroll h-full" }, x = { class: "w-full md:mx-auto md:max-w-180" }, b = ["aria-label"], W = { class: "group relative ml-1.25" }, V = { class: "px-1.5 py-8" }, g = {}, S = /* @__PURE__ */ m({
-  ...g,
+import h from "./components/Tabs.vue.js";
+const w = { class: "custom-scroll h-full" }, x = { class: "w-full md:mx-auto md:max-w-180" }, b = ["aria-label"], W = { class: "group relative ml-1.25" }, y = { class: "px-1.5 py-8" }, B = {}, S = /* @__PURE__ */ m({
+  ...B,
   __name: "WorkspaceCollection",
   props: {
     documentSlug: {},
@@ -18,7 +18,9 @@ const h = { class: "custom-scroll h-full" }, x = { class: "w-full md:mx-auto md:
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
-    customThemes: {}
+    customThemes: {},
+    currentTheme: {},
+    isDarkMode: { type: Boolean }
   },
   setup(s) {
     const e = s, o = p(e.activeWorkspace.label);
@@ -35,7 +37,7 @@ const h = { class: "custom-scroll h-full" }, x = { class: "w-full md:mx-auto md:
       }
       e.eventBus.emit("workspace:update:name", t);
     };
-    return (t, c) => (d(), u("div", h, [
+    return (t, c) => (d(), u("div", w, [
       a("div", x, [
         a("div", {
           "aria-label": `title: ${s.activeWorkspace.label}`,
@@ -51,8 +53,8 @@ const h = { class: "custom-scroll h-full" }, x = { class: "w-full md:mx-auto md:
             }, null, 8, ["modelValue"])
           ])
         ], 8, b),
-        l(w, { type: "workspace" }),
-        a("div", V, [
+        l(h, { type: "workspace" }),
+        a("div", y, [
           l(f(_), v(e, { collectionType: "workspace" }), null, 16)
         ])
       ])

package/dist/v2/features/collection/components/Authentication.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, computed as n, ref as B, watchEffect as N, createBlock as O, openBlock as s, createSlots as U, withCtx as c, createElementVNode as o, normalizeClass as d, createVNode as v, unref as h, createElementBlock as y, Fragment as f, createTextVNode as u } from "vue";
+import { defineComponent as B, computed as o, ref as A, watchEffect as N, createBlock as O, openBlock as s, createSlots as U, withCtx as c, createElementVNode as n, normalizeClass as d, createVNode as v, unref as h, createElementBlock as y, Fragment as f, createTextVNode as u } from "vue";
 import { ScalarToggle as b } from "@scalar/components";
 import { isHttpMethod as R } from "@scalar/helpers/http/is-http-method";
 import { getResolvedRef as V } from "@scalar/workspace-store/helpers/get-resolved-ref";
@@ -6,8 +6,8 @@ import { getDefaultOperationSecurityToggle as q } from "../helpers/get-default-o
 import C from "../../settings/components/Section.vue.js";
 import { getActiveProxyUrl as E } from "../../../helpers/get-active-proxy-url.js";
 import { getServers as M } from "../../../helpers/get-servers.js";
-import P from "../../../blocks/scalar-auth-selector-block/components/AuthSelector.vue.js";
-const $ = { class: "flex h-8 items-center" }, K = /* @__PURE__ */ A({
+import D from "../../../blocks/scalar-auth-selector-block/components/AuthSelector.vue.js";
+const P = { class: "flex h-8 items-center" }, K = /* @__PURE__ */ B({
   __name: "Authentication",
   props: {
     documentSlug: {},
@@ -23,14 +23,16 @@ const $ = { class: "flex h-8 items-center" }, K = /* @__PURE__ */ A({
     activeWorkspace: {},
     plugins: {},
     customThemes: {},
+    currentTheme: {},
+    isDarkMode: { type: Boolean },
     collectionType: {}
   },
   setup(e) {
-    const r = n(() => e.collectionType === "operation" ? {
+    const r = o(() => e.collectionType === "operation" ? {
       type: "operation",
       path: e.path ?? "",
       method: e.method ?? "get"
-    } : { type: "document" }), i = n(() => e.collectionType === "operation" ? !e.path || !R(e.method) ? null : V(e.document?.paths?.[e.path]?.[e.method]) : null), a = B(!1);
+    } : { type: "document" }), i = o(() => e.collectionType === "operation" ? !e.path || !R(e.method) ? null : V(e.document?.paths?.[e.path]?.[e.method]) : null), a = A(!1);
     N(() => {
       a.value = q({
         authStore: e.workspaceStore.auth,
@@ -38,7 +40,7 @@ const $ = { class: "flex h-8 items-center" }, K = /* @__PURE__ */ A({
         ...r.value
       });
     });
-    const S = n(() => e.collectionType === "operation" ? e.workspaceStore.auth.getAuthSelectedSchemas({
+    const S = o(() => e.collectionType === "operation" ? e.workspaceStore.auth.getAuthSelectedSchemas({
       type: "operation",
       documentName: e.documentSlug,
       path: e.path ?? "",
@@ -46,14 +48,14 @@ const $ = { class: "flex h-8 items-center" }, K = /* @__PURE__ */ A({
     }) : e.workspaceStore.auth.getAuthSelectedSchemas({
       type: "document",
       documentName: e.documentSlug
-    })), g = n(() => e.collectionType === "operation" ? i.value?.security ?? [] : e.document?.security ?? []), p = n(
+    })), g = o(() => e.collectionType === "operation" ? i.value?.security ?? [] : e.document?.security ?? []), p = o(
       () => E(
         e.workspaceStore.workspace["x-scalar-active-proxy"],
         e.layout
       ) ?? ""
-    ), m = n(() => M(i.value?.servers ?? e.document?.servers, {
+    ), m = o(() => M(i.value?.servers ?? e.document?.servers, {
       documentUrl: e.document?.["x-scalar-original-source-url"]
-    })), k = n(() => {
+    })), k = o(() => {
       const l = e.document?.["x-scalar-selected-server"], T = i.value?.["x-scalar-selected-server"] ?? l;
       return m.value.find(({ url: w }) => w === T) ?? m.value[0] ?? null;
     }), x = (l) => {
@@ -72,13 +74,13 @@ const $ = { class: "flex h-8 items-center" }, K = /* @__PURE__ */ A({
       ]),
       description: c(() => [
         e.collectionType === "operation" ? (s(), y(f, { key: 0 }, [
-          t[1] || (t[1] = o("span", { class: "block" }, " Override authentication for this operation with the toggle. ", -1)),
-          t[2] || (t[2] = o("span", { class: "mt-1 block" }, [
-            o("strong", null, "On"),
+          t[1] || (t[1] = n("span", { class: "block" }, " Override authentication for this operation with the toggle. ", -1)),
+          t[2] || (t[2] = n("span", { class: "mt-1 block" }, [
+            n("strong", null, "On"),
             u(" — Authentication below applies only to this operation. ")
           ], -1)),
-          t[3] || (t[3] = o("span", { class: "mt-1 block" }, [
-            o("strong", null, "Off"),
+          t[3] || (t[3] = n("span", { class: "mt-1 block" }, [
+            n("strong", null, "Off"),
             u(" — This operation uses document-level authentication from the OpenAPI spec. ")
           ], -1))
         ], 64)) : (s(), y(f, { key: 1 }, [
@@ -86,12 +88,12 @@ const $ = { class: "flex h-8 items-center" }, K = /* @__PURE__ */ A({
         ], 64))
       ]),
       default: c(() => [
-        o("div", {
+        n("div", {
           class: d(
             e.collectionType === "operation" && !a.value && "cursor-not-allowed"
           )
         }, [
-          v(h(P), {
+          v(h(D), {
             class: d([
               "scalar-collection-auth border-none!",
               e.collectionType === "operation" && !a.value && "pointer-events-none opacity-50 mix-blend-luminosity"
@@ -115,7 +117,7 @@ const $ = { class: "flex h-8 items-center" }, K = /* @__PURE__ */ A({
       e.collectionType === "operation" ? {
         name: "actions",
         fn: c(() => [
-          o("div", $, [
+          n("div", P, [
             v(h(b), {
               class: "w-4",
               modelValue: a.value,

package/dist/v2/features/collection/components/Cookies.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as s, computed as i, createBlock as r, createCommentVNode as u, openBlock as a, withCtx as t, createVNode as m, unref as d, createTextVNode as n, createElementVNode as c } from "vue";
+import { defineComponent as s, computed as r, createBlock as i, createCommentVNode as a, openBlock as u, withCtx as t, createVNode as m, unref as d, createTextVNode as n, createElementVNode as c } from "vue";
 import k from "../../settings/components/Section.vue.js";
 import p from "../../global-cookies/components/CookiesTable.vue.js";
-const f = {
+const y = {
   name: "Cookies"
-}, C = /* @__PURE__ */ s({
-  ...f,
+}, x = /* @__PURE__ */ s({
+  ...y,
   props: {
     documentSlug: {},
     document: {},
@@ -19,11 +19,13 @@ const f = {
     activeWorkspace: {},
     plugins: {},
     customThemes: {},
+    currentTheme: {},
+    isDarkMode: { type: Boolean },
     collectionType: {}
   },
   setup(e) {
-    const l = i(() => (e.collectionType === "document" ? e.document["x-scalar-cookies"] : e.workspaceStore.workspace["x-scalar-cookies"]) ?? []);
-    return (y, o) => e.collectionType !== "operation" ? (a(), r(k, { key: 0 }, {
+    const l = r(() => (e.collectionType === "document" ? e.document["x-scalar-cookies"] : e.workspaceStore.workspace["x-scalar-cookies"]) ?? []);
+    return (f, o) => e.collectionType !== "operation" ? (u(), i(k, { key: 0 }, {
       title: t(() => [...o[0] || (o[0] = [
         n("Cookies", -1)
       ])]),
@@ -41,9 +43,9 @@ const f = {
         }, null, 8, ["collectionType", "cookies", "eventBus"])
       ]),
       _: 1
-    })) : u("", !0);
+    })) : a("", !0);
   }
 });
 export {
-  C as default
+  x as default
 };

package/dist/v2/features/collection/components/Editor/Editor.vue.d.ts

@@ -0,0 +1,16 @@
+declare const __VLS_export: import("vue").DefineComponent<(import("../../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "document" | "operation";
+    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
+}) | (import("../../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "workspace";
+    document: null;
+}), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<(import("../../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "document" | "operation";
+    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
+}) | (import("../../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "workspace";
+    document: null;
+})> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Editor.vue.d.ts.map

package/dist/v2/features/collection/components/Editor/Editor.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/v2/features/collection/components/Editor/Editor.vue"],"names":[],"mappings":"AA8sCA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/Editor/Editor.vue.js

@@ -0,0 +1,7 @@
+import o from "./Editor.vue2.js";
+/* empty css            */
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-de6c6373"]]);
+export {
+  _ as default
+};

package/dist/v2/features/collection/components/Editor/Editor.vue2.js

@@ -0,0 +1,333 @@
+import { defineComponent as se, ref as U, computed as M, onMounted as ie, onBeforeUnmount as ne, watch as x, createElementBlock as J, unref as e, openBlock as E, normalizeClass as D, createElementVNode as a, createVNode as r, withCtx as d, createTextVNode as W, toDisplayString as G, createBlock as H } from "vue";
+import { useLoadingState as re, ScalarButton as m, ScalarHotkey as A } from "@scalar/components";
+import { debounce as le } from "@scalar/helpers/general/debounce";
+import { isObject as z } from "@scalar/helpers/object/is-object";
+import { ScalarIconArrowsIn as ce, ScalarIconArrowsOut as ue } from "@scalar/icons";
+import * as u from "monaco-editor/esm/vs/editor/editor.api.js";
+import { useEditorMarkers as de } from "./hooks/use-editor-markers.js";
+import me from "./components/EditorDiagnosticsPanel.vue.js";
+import fe from "./components/EditorSavePanel.vue.js";
+import { getDiagnosticCounts as ve } from "./helpers/get-diagnostic-counts.js";
+import { getOperationContext as T } from "./helpers/get-operation-context.js";
+import { getVisibleDiagnostics as pe } from "./helpers/get-visible-diagnostics.js";
+import { parseEditorObject as I } from "./helpers/parse-editor-object.js";
+import { stringifyDocument as B } from "./helpers/stringify-document.js";
+import { useEditor as ge } from "./hooks/use-editor.js";
+import { useEditorState as he } from "./hooks/use-editor-state.js";
+const ye = { class: "grid grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-3" }, xe = { class: "flex min-w-0 items-center gap-1 overflow-x-auto whitespace-nowrap" }, we = { class: "text-c-3 ml-2 text-[11px]" }, Se = { class: "text-c-3 ml-2 text-[11px]" }, be = {
+  "aria-label": "Editor language",
+  class: "bg-b-1 shadow-border flex items-center justify-self-center overflow-hidden rounded-lg p-0.5",
+  role: "tablist"
+}, ke = { class: "flex min-w-0 shrink-0 items-center gap-2 justify-self-end" }, Ee = { class: "text-c-3 ml-2 text-[11px]" }, De = { class: "text-c-3 ml-2 text-[11px]" }, Ce = { class: "flex min-h-0 w-full min-w-0 flex-1 rounded-lg border" }, Oe = { class: "pointer-events-none absolute top-2 right-2 z-10" }, Me = { key: 1 }, Ae = 6, X = "editor:replace-document", Je = /* @__PURE__ */ se({
+  __name: "Editor",
+  props: {
+    documentSlug: {},
+    document: {},
+    eventBus: {},
+    layout: {},
+    path: {},
+    method: {},
+    exampleName: {},
+    environment: {},
+    securitySchemes: {},
+    workspaceStore: {},
+    activeWorkspace: {},
+    plugins: {},
+    customThemes: {},
+    currentTheme: {},
+    isDarkMode: { type: Boolean },
+    collectionType: {}
+  },
+  setup(s) {
+    const K = U(), n = U(), w = re(), {
+      isAutoSaveEnabled: f,
+      isDirty: l,
+      editorLanguage: c,
+      isDiagnosticsPaneExpanded: S,
+      isEditorMaximized: b,
+      isYamlMode: v,
+      editorBottomPadding: q,
+      editorRootClass: Q,
+      getLanguageToggleClass: N,
+      toggleEditorMaximized: Z
+    } = he(), _ = M(() => n.value?.editor), { markers: C } = de(_), V = () => {
+      n.value?.editor.updateOptions({
+        padding: {
+          top: 0,
+          bottom: q.value
+        }
+      });
+    }, ee = M(() => ve(C.value)), te = M(
+      () => pe(C.value, Ae)
+    ), L = (o) => {
+      n.value?.setCursorToMarker(o);
+    }, k = () => n.value?.getValue?.() ?? null, oe = async () => {
+      const o = await s.workspaceStore.getEditableDocument(s.documentSlug);
+      return B(o, c.value);
+    }, p = le({ delay: 1500 }), P = (o) => {
+      p.cleanup(), n.value?.setValue(o, !0);
+    }, j = async () => {
+      P(await oe()), l.value = !1, await g();
+    }, F = async () => {
+      await n.value?.formatDocument();
+    }, g = async () => {
+      const o = T(s.path, s.method);
+      o && await n.value?.focusPath([
+        "paths",
+        o.path,
+        o.method
+      ]);
+    }, O = async (o) => {
+      const t = I(o, c.value);
+      if (!t) {
+        const i = C.value.find(
+          (h) => h.severity === u.MarkerSeverity.Error
+        );
+        i && L(i), await w.invalidate();
+        return;
+      }
+      w.start(), await s.workspaceStore.replaceDocument(s.documentSlug, t), l.value = !1, await w.validate({ duration: 900 });
+    }, R = async () => {
+      const o = k();
+      o && await O(o);
+    }, ae = (o) => {
+      l.value = !0, f.value && p.execute(
+        X,
+        () => O(o)
+      );
+    }, $ = async () => {
+      const o = T(s.path, s.method);
+      if (!o)
+        return;
+      const t = k();
+      if (!t)
+        return;
+      const i = I(t, c.value);
+      if (!i || !z(i.paths))
+        return;
+      const y = i.paths[o.path];
+      if (!z(y))
+        return;
+      const Y = y[o.method];
+      z(Y) && (Y.servers ??= [], n.value?.setValue(B(i, c.value)), await n.value?.focusPath([
+        "paths",
+        o.path,
+        o.method,
+        "servers"
+      ]));
+    };
+    return ie(() => {
+      n.value = ge({
+        element: K.value ?? document.createElement("div"),
+        onChange: ae,
+        isDarkMode: s.isDarkMode,
+        theme: s.currentTheme,
+        language: c.value,
+        actions: [
+          {
+            id: "scalar.editor.focusOperation",
+            label: "Focus Operation",
+            keybindings: [u.KeyMod.Alt | u.KeyCode.KeyO],
+            run: async () => {
+              await g();
+            }
+          },
+          {
+            id: "scalar.editor.focusOperationServers",
+            label: "Focus Operation Servers",
+            keybindings: [u.KeyMod.Alt | u.KeyCode.KeyS],
+            run: async () => {
+              await $();
+            }
+          },
+          {
+            id: "scalar.editor.formatDocument",
+            label: "Format Document",
+            keybindings: [
+              u.KeyMod.Alt | u.KeyMod.Shift | u.KeyCode.KeyF
+            ],
+            run: async () => {
+              await F();
+            }
+          }
+        ]
+      }), V(), j();
+    }), ne(() => {
+      p.cleanup(), l.value && f.value && R(), n.value?.dispose?.();
+    }), x(() => s.documentSlug, j), x(
+      () => [s.path, s.method],
+      async () => {
+        await g();
+      }
+    ), x(S, () => {
+      V();
+    }), x(c, async (o, t) => {
+      const i = l.value;
+      n.value?.setLanguage(o);
+      const h = k();
+      if (!h)
+        return;
+      const y = I(h, t);
+      y && (P(B(y, o)), l.value = i), await g();
+    }), x(
+      f,
+      (o) => {
+        if (!o) {
+          p.cleanup();
+          return;
+        }
+        if (l.value) {
+          const t = k();
+          if (!t)
+            return;
+          p.execute(
+            X,
+            () => O(t)
+          );
+        }
+      },
+      { flush: "post" }
+    ), (o, t) => s.collectionType === "operation" && e(T)(s.path, s.method) !== null ? (E(), J("div", {
+      key: 0,
+      class: D(["flex w-full min-w-0 flex-1 flex-col gap-2", e(Q)])
+    }, [
+      a("div", ye, [
+        a("div", xe, [
+          t[6] || (t[6] = a("span", { class: "text-c-2 text-xs font-medium whitespace-nowrap" }, " Shortcuts ", -1)),
+          r(e(m), {
+            class: "whitespace-nowrap",
+            size: "xs",
+            variant: "ghost",
+            onClick: g
+          }, {
+            default: d(() => [
+              t[4] || (t[4] = a("span", null, "Operation", -1)),
+              a("span", we, [
+                r(e(A), {
+                  hotkey: "O",
+                  modifier: ["Alt"]
+                })
+              ])
+            ]),
+            _: 1
+          }),
+          r(e(m), {
+            class: "whitespace-nowrap",
+            size: "xs",
+            variant: "ghost",
+            onClick: $
+          }, {
+            default: d(() => [
+              t[5] || (t[5] = a("span", null, "Servers", -1)),
+              a("span", Se, [
+                r(e(A), {
+                  hotkey: "S",
+                  modifier: ["Alt"]
+                })
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        a("div", be, [
+          r(e(m), {
+            "aria-selected": !e(v),
+            class: D(e(N)(!e(v))),
+            role: "tab",
+            size: "xs",
+            type: "button",
+            variant: "ghost",
+            onClick: t[0] || (t[0] = (i) => c.value = "json")
+          }, {
+            default: d(() => [...t[7] || (t[7] = [
+              W(" JSON ", -1)
+            ])]),
+            _: 1
+          }, 8, ["aria-selected", "class"]),
+          r(e(m), {
+            "aria-selected": e(v),
+            class: D(e(N)(e(v))),
+            role: "tab",
+            size: "xs",
+            type: "button",
+            variant: "ghost",
+            onClick: t[1] || (t[1] = (i) => c.value = "yaml")
+          }, {
+            default: d(() => [...t[8] || (t[8] = [
+              W(" YAML ", -1)
+            ])]),
+            _: 1
+          }, 8, ["aria-selected", "class"])
+        ]),
+        a("div", ke, [
+          r(e(m), {
+            size: "xs",
+            variant: "ghost",
+            onClick: F
+          }, {
+            default: d(() => [
+              a("span", null, "Format " + G(e(v) ? "YAML" : "JSON"), 1),
+              a("span", Ee, [
+                r(e(A), {
+                  hotkey: "F",
+                  modifier: ["Alt", "Shift"]
+                })
+              ])
+            ]),
+            _: 1
+          }),
+          r(e(m), {
+            "aria-label": e(b) ? "Restore editor size" : "Maximize editor",
+            size: "xs",
+            variant: "ghost",
+            onClick: e(Z)
+          }, {
+            default: d(() => [
+              a("span", null, G(e(b) ? "Restore" : "Maximize"), 1),
+              a("span", De, [
+                e(b) ? (E(), H(e(ce), {
+                  key: 0,
+                  class: "size-3.5"
+                })) : (E(), H(e(ue), {
+                  key: 1,
+                  class: "size-3.5"
+                }))
+              ])
+            ]),
+            _: 1
+          }, 8, ["aria-label", "onClick"])
+        ])
+      ]),
+      a("div", Ce, [
+        a("div", {
+          class: D(["relative w-full min-w-0 flex-1", e(b) ? "h-full min-h-0" : "h-[500px]"])
+        }, [
+          a("div", Oe, [
+            r(fe, {
+              isAutoSaveEnabled: e(f),
+              isDirty: e(l),
+              saveLoader: e(w),
+              onSaveNow: R,
+              "onUpdate:isAutoSaveEnabled": t[2] || (t[2] = (i) => f.value = i)
+            }, null, 8, ["isAutoSaveEnabled", "isDirty", "saveLoader"])
+          ]),
+          r(me, {
+            diagnosticCounts: ee.value,
+            expanded: e(S),
+            visibleDiagnostics: te.value,
+            onFocusDiagnostic: L,
+            onToggle: t[3] || (t[3] = (i) => S.value = !e(S))
+          }, null, 8, ["diagnosticCounts", "expanded", "visibleDiagnostics"]),
+          a("div", {
+            ref_key: "monacoEditorRef",
+            ref: K,
+            class: "h-full w-full min-w-0 flex-1"
+          }, null, 512)
+        ], 2)
+      ])
+    ], 2)) : (E(), J("div", Me, "No operation context found"));
+  }
+});
+export {
+  Je as default
+};