@scalar/api-client 2.36.1 → 2.37.0

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

@@ -4,8 +4,8 @@ import { isHttpMethod as B } from "@scalar/helpers/http/is-http-method";
 import { ScalarIconPencil as C } from "@scalar/icons";
 import E from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
 import y from "../../settings/components/Section.vue.js";
-import H from "../../../components/code-input/CodeInput.vue.js";
-const L = { class: "flex flex-col gap-8" }, W = { class: "has-focus-visible:bg-b-1 group rounded-lg" }, F = {
+import F from "../../../components/code-input/CodeInput.vue.js";
+const H = { class: "flex flex-col gap-8" }, L = { class: "has-focus-visible:bg-b-1 group rounded-lg" }, W = {
   key: 1,
   class: "text-c-3 flex items-center justify-center rounded-lg border p-4"
 }, P = { class: "flex items-center justify-between gap-4 rounded-lg p-4" }, Z = { class: "min-w-0 flex-1" }, q = { class: "bg-b-2 flex items-center justify-between gap-4 rounded-lg border border-(--scalar-background-3) p-4 text-sm" }, _ = /* @__PURE__ */ V({
@@ -26,6 +26,7 @@ const L = { class: "flex flex-col gap-8" }, W = { class: "has-focus-visible:bg-b
     customThemes: {},
     currentTheme: {},
     isDarkMode: { type: Boolean },
+    fetchRegistryDocument: { type: Function },
     collectionType: {}
   },
   setup(e) {
@@ -59,7 +60,7 @@ const L = { class: "flex flex-col gap-8" }, W = { class: "has-focus-visible:bg-b
       }), u.hide());
     };
     return (i, t) => (r(), d(m, null, [
-      o("div", L, [
+      o("div", H, [
         a(y, null, {
           title: l(() => [...t[5] || (t[5] = [
             f("Description", -1)
@@ -84,7 +85,7 @@ const L = { class: "flex flex-col gap-8" }, W = { class: "has-focus-visible:bg-b
             })) : w("", !0)
           ]),
           default: l(() => [
-            o("div", W, [
+            o("div", L, [
               g.value === "preview" ? (r(), d(m, { key: 0 }, [
                 h.value.trim().length ? (r(), d(m, { key: 0 }, [
                   a(n(R), {
@@ -94,7 +95,7 @@ const L = { class: "flex flex-col gap-8" }, W = { class: "has-focus-visible:bg-b
                     onDblclick: t[1] || (t[1] = (c) => s("edit"))
                   }, null, 8, ["value"]),
                   t[7] || (t[7] = o("div", { class: "brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-focus-visible:hidden" }, null, -1))
-                ], 64)) : (r(), d("div", F, [
+                ], 64)) : (r(), d("div", W, [
                   a(n(p), {
                     class: "hover:bg-b-2 hover:text-c-1 text-c-2 flex items-center gap-2",
                     size: "sm",
@@ -111,7 +112,7 @@ const L = { class: "flex flex-col gap-8" }, W = { class: "has-focus-visible:bg-b
                     _: 1
                   })
                 ]))
-              ], 64)) : (r(), T(n(H), {
+              ], 64)) : (r(), T(n(F), {
                 key: 1,
                 ref_key: "codeInputRef",
                 ref: k,

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

@@ -1,17 +1,17 @@
-import { defineComponent as L, ref as T, computed as h, watchEffect as E, createElementBlock as v, openBlock as i, Fragment as b, createVNode as s, createSlots as j, withCtx as u, createElementVNode as l, normalizeClass as U, renderList as F, createBlock as M, unref as n, toDisplayString as W, createCommentVNode as H, createTextVNode as d } from "vue";
+import { defineComponent as L, ref as T, computed as h, watchEffect as E, createElementBlock as v, openBlock as i, Fragment as b, createVNode as n, createSlots as F, withCtx as u, createElementVNode as r, normalizeClass as U, renderList as j, createBlock as M, unref as s, toDisplayString as W, createCommentVNode as H, createTextVNode as d } from "vue";
 import { useModal as q, ScalarMarkdown as G, ScalarButton as O, ScalarToggle as J, ScalarModal as K } from "@scalar/components";
 import { debounce as Q } from "@scalar/helpers/general/debounce";
-import { isHttpMethod as C } from "@scalar/helpers/http/is-http-method";
+import { isHttpMethod as D } from "@scalar/helpers/http/is-http-method";
 import { ScalarIconTrash as X, ScalarIconPlus as Y } from "@scalar/icons";
 import { getResolvedRef as Z } from "@scalar/workspace-store/helpers/get-resolved-ref";
 import _ from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
 import ee from "../../settings/components/Section.vue.js";
 import te from "./Form.vue.js";
-import le from "../../../../components/Server/ServerVariablesForm.vue.js";
-const re = { class: "flex h-8 items-center" }, ae = { class: "flex flex-col gap-4" }, oe = { class: "bg-b-2 flex items-center justify-between rounded-t-lg px-3 py-1 text-sm" }, se = {
+import re from "../../../../components/Server/ServerVariablesForm.vue.js";
+const le = { class: "flex h-8 items-center" }, oe = { class: "flex flex-col gap-4" }, ae = { class: "bg-b-2 flex items-center justify-between rounded-t-lg px-3 py-1 text-sm" }, ne = {
   key: 1,
   class: "self-center"
-}, ne = { class: "divide-0 flex w-full flex-col divide-y rounded-b-lg text-sm" }, ie = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, ge = /* @__PURE__ */ L({
+}, se = { class: "divide-0 flex w-full flex-col divide-y rounded-b-lg text-sm" }, ie = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, ge = /* @__PURE__ */ L({
   __name: "Servers",
   props: {
     documentSlug: {},
@@ -29,14 +29,15 @@ const re = { class: "flex h-8 items-center" }, ae = { class: "flex flex-col gap-
     customThemes: {},
     currentTheme: {},
     isDarkMode: { type: Boolean },
+    fetchRegistryDocument: { type: Function },
     collectionType: {}
   },
   setup(t) {
-    const g = q(), c = T(-1), m = h(() => t.collectionType === "operation"), S = h(() => !m.value || !t.path || !C(t.method) ? null : Z(t.document?.paths?.[t.path]?.[t.method])), f = T(!1);
+    const g = q(), c = T(-1), m = h(() => t.collectionType === "operation"), S = h(() => !m.value || !t.path || !D(t.method) ? null : Z(t.document?.paths?.[t.path]?.[t.method])), f = T(!1);
     E(() => {
       f.value = S.value?.servers !== void 0;
     });
-    const k = h(() => t.collectionType === "operation" && S.value ? S.value.servers ?? [] : t.document?.servers ?? []), D = h(() => k.value[c.value]), o = h(() => t.collectionType === "operation" && t.path && C(t.method) ? { type: "operation", path: t.path, method: t.method } : { type: "document" }), N = [
+    const k = h(() => t.collectionType === "operation" && S.value ? S.value.servers ?? [] : t.document?.servers ?? []), C = h(() => k.value[c.value]), a = h(() => t.collectionType === "operation" && t.path && D(t.method) ? { type: "operation", path: t.path, method: t.method } : { type: "document" }), N = [
       {
         label: "URL",
         key: "url",
@@ -47,121 +48,121 @@ const re = { class: "flex h-8 items-center" }, ae = { class: "flex flex-col gap-
         key: "description",
         placeholder: "Production"
       }
-    ], V = (r) => {
-      c.value = r, g.show();
+    ], R = (l) => {
+      c.value = l, g.show();
     }, w = () => {
       g.hide(), c.value = -1;
-    }, R = () => {
+    }, V = () => {
       c.value < 0 || (t.eventBus.emit("server:delete:server", {
         index: c.value,
-        meta: o.value
+        meta: a.value
       }), w());
-    }, { execute: $ } = Q({ delay: 328, maxWait: 1e3 }), A = (r, e, a) => $(
-      `${r}-${e}-${o.value.type}`,
+    }, { execute: $ } = Q({ delay: 328, maxWait: 1e3 }), A = (l, e, o) => $(
+      `${l}-${e}-${a.value.type}`,
       () => t.eventBus.emit("server:update:server", {
-        index: r,
-        server: { [e]: a },
-        meta: o.value
+        index: l,
+        server: { [e]: o },
+        meta: a.value
       })
-    ), I = (r, e, a) => $(
-      `${r}-${e}-${o.value.type}`,
+    ), I = (l, e, o) => $(
+      `${l}-${e}-${a.value.type}`,
       () => t.eventBus.emit("server:update:variables", {
-        index: r,
+        index: l,
         key: e,
-        value: a,
-        meta: o.value
+        value: o,
+        meta: a.value
       })
-    ), z = () => t.eventBus.emit("server:add:server", { meta: o.value }), B = (r, e = 0) => r?.description || `Server ${e + 1}`, P = (r) => {
-      if (o.value.type === "operation")
-        return f.value = r, r ? t.eventBus.emit("server:initialize:servers", {
-          meta: o.value
-        }) : t.eventBus.emit("server:clear:servers", { meta: o.value });
+    ), z = () => t.eventBus.emit("server:add:server", { meta: a.value }), B = (l, e = 0) => l?.description || `Server ${e + 1}`, P = (l) => {
+      if (a.value.type === "operation")
+        return f.value = l, l ? t.eventBus.emit("server:initialize:servers", {
+          meta: a.value
+        }) : t.eventBus.emit("server:clear:servers", { meta: a.value });
     };
-    return (r, e) => (i(), v(b, null, [
-      s(ee, null, j({
+    return (l, e) => (i(), v(b, null, [
+      n(ee, null, F({
         title: u(() => [
           e[0] || (e[0] = d("Servers", -1))
         ]),
         description: u(() => [
           m.value ? (i(), v(b, { key: 0 }, [
-            e[1] || (e[1] = l("span", { class: "block" }, " Override servers for this operation with the toggle. ", -1)),
-            e[2] || (e[2] = l("span", { class: "mt-1 block" }, [
-              l("strong", null, "On"),
+            e[1] || (e[1] = r("span", { class: "block" }, " Override servers for this operation with the toggle. ", -1)),
+            e[2] || (e[2] = r("span", { class: "mt-1 block" }, [
+              r("strong", null, "On"),
               d(" — Servers below apply only to this operation. ")
             ], -1)),
-            e[3] || (e[3] = l("span", { class: "mt-1 block" }, [
-              l("strong", null, "Off"),
+            e[3] || (e[3] = r("span", { class: "mt-1 block" }, [
+              r("strong", null, "Off"),
               d(" — Removes operation servers; this operation uses document or path servers from the OpenAPI spec. ")
             ], -1)),
-            e[4] || (e[4] = l("span", { class: "text-c-3 mt-1 block" }, [
+            e[4] || (e[4] = r("span", { class: "text-c-3 mt-1 block" }, [
               d(" Use "),
-              l("code", { class: "font-code text-c-2" }, "{variables}"),
+              r("code", { class: "font-code text-c-2" }, "{variables}"),
               d(" for dynamic URL parts. ")
             ], -1))
           ], 64)) : (i(), v(b, { key: 1 }, [
             e[5] || (e[5] = d(" Add different base URLs for your API. Use ", -1)),
-            e[6] || (e[6] = l("code", { class: "font-code text-c-2" }, "{variables}", -1)),
+            e[6] || (e[6] = r("code", { class: "font-code text-c-2" }, "{variables}", -1)),
             e[7] || (e[7] = d(" for dynamic parts. ", -1))
           ], 64))
         ]),
         default: u(() => [
-          l("div", {
+          r("div", {
             class: U(m.value && !f.value && "cursor-not-allowed")
           }, [
-            l("div", {
+            r("div", {
               class: U([
                 "flex flex-col gap-4",
                 m.value && !f.value && "pointer-events-none cursor-not-allowed opacity-50 mix-blend-luminosity"
               ])
             }, [
-              l("div", ae, [
-                (i(!0), v(b, null, F(k.value, (a, p) => (i(), v("div", {
+              r("div", oe, [
+                (i(!0), v(b, null, j(k.value, (o, p) => (i(), v("div", {
                   key: p,
                   class: "rounded-lg border"
                 }, [
-                  l("div", oe, [
-                    a.description ? (i(), M(n(G), {
+                  r("div", ae, [
+                    o.description ? (i(), M(s(G), {
                       key: 0,
                       class: "self-center",
-                      value: a.description
-                    }, null, 8, ["value"])) : (i(), v("span", se, W(B(a, p)), 1)),
-                    s(n(O), {
+                      value: o.description
+                    }, null, 8, ["value"])) : (i(), v("span", ne, W(B(o, p)), 1)),
+                    n(s(O), {
                       class: "hover:bg-b-3 hover:text-c-1 h-fit p-1.25",
                       "data-testid": "delete-server-button",
                       variant: "ghost",
-                      onClick: (y) => V(p)
+                      onClick: (y) => R(p)
                     }, {
                       default: u(() => [
-                        s(n(X), { class: "size-3.5" })
+                        n(s(X), { class: "size-3.5" })
                       ]),
                       _: 1
                     }, 8, ["onClick"])
                   ]),
-                  l("div", ne, [
-                    s(te, {
-                      data: a,
+                  r("div", se, [
+                    n(te, {
+                      data: o,
                       environment: t.environment,
                       onUpdate: (y, x) => A(p, y, x),
                       options: N
                     }, null, 8, ["data", "environment", "onUpdate"]),
-                    a.variables ? (i(), M(n(le), {
+                    o.variables ? (i(), M(s(re), {
                       key: 0,
-                      variables: a.variables,
+                      variables: o.variables,
                       "onUpdate:variable": (y, x) => I(p, y, x)
                     }, null, 8, ["variables", "onUpdate:variable"])) : H("", !0)
                   ])
                 ]))), 128))
               ]),
-              l("div", ie, [
-                s(n(O), {
+              r("div", ie, [
+                n(s(O), {
                   class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
                   size: "sm",
                   variant: "ghost",
                   onClick: z
                 }, {
                   default: u(() => [
-                    s(n(Y)),
-                    e[8] || (e[8] = l("span", null, "Add Server", -1))
+                    n(s(Y)),
+                    e[8] || (e[8] = r("span", null, "Add Server", -1))
                   ]),
                   _: 1
                 })
@@ -174,8 +175,8 @@ const re = { class: "flex h-8 items-center" }, ae = { class: "flex flex-col gap-
         m.value ? {
           name: "actions",
           fn: u(() => [
-            l("div", re, [
-              s(n(J), {
+            r("div", le, [
+              n(s(J), {
                 class: "w-4",
                 modelValue: f.value,
                 "onUpdate:modelValue": P
@@ -185,17 +186,17 @@ const re = { class: "flex h-8 items-center" }, ae = { class: "flex flex-col gap-
           key: "0"
         } : void 0
       ]), 1024),
-      s(n(K), {
+      n(s(K), {
         size: "xxs",
-        state: n(g),
-        title: `Delete ${B(D.value, c.value)}`
+        state: s(g),
+        title: `Delete ${B(C.value, c.value)}`
       }, {
         default: u(() => [
-          s(_, {
+          n(_, {
             variableName: "Server",
             warningMessage: "Are you sure you want to delete this server? This action cannot be undone.",
             onClose: w,
-            onDelete: R
+            onDelete: V
           })
         ]),
         _: 1

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

@@ -2,7 +2,7 @@ import { defineComponent as d, createBlock as a, openBlock as n, unref as o } fr
 import { getActiveProxyUrl as i } from "../../../helpers/get-active-proxy-url.js";
 import s from "../../settings/DocumentSettings.vue.js";
 import h from "../../settings/CollectionSettings.vue.js";
-const f = /* @__PURE__ */ d({
+const x = /* @__PURE__ */ d({
   __name: "Settings",
   props: {
     documentSlug: {},
@@ -20,16 +20,17 @@ const f = /* @__PURE__ */ d({
     customThemes: {},
     currentTheme: {},
     isDarkMode: { type: Boolean },
+    fetchRegistryDocument: { type: Function },
     collectionType: {}
   },
   setup(e) {
     const m = (t) => {
       e.eventBus.emit("document:update:watch-mode", t);
-    }, l = (t) => {
+    }, u = (t) => {
       e.eventBus.emit("workspace:update:theme", t);
     }, r = (t) => {
       e.eventBus.emit("workspace:update:active-proxy", t);
-    }, u = (t) => {
+    }, l = (t) => {
       e.eventBus.emit("workspace:update:color-mode", t);
     };
     return (t, c) => e.collectionType === "document" ? (n(), a(o(s), {
@@ -38,7 +39,7 @@ const f = /* @__PURE__ */ d({
       isDraftDocument: e.documentSlug === "drafts",
       title: e.document?.info.title ?? "",
       watchMode: e.document?.["x-scalar-watch-mode"],
-      "onDelete:document": c[0] || (c[0] = (v) => e.eventBus.emit("document:delete:document", { name: e.documentSlug })),
+      "onDelete:document": c[0] || (c[0] = (y) => e.eventBus.emit("document:delete:document", { name: e.documentSlug })),
       "onUpdate:watchMode": m
     }, null, 8, ["documentUrl", "isDraftDocument", "title", "watchMode"])) : (n(), a(o(h), {
       key: 1,
@@ -49,12 +50,12 @@ const f = /* @__PURE__ */ d({
       activeThemeSlug: e.workspaceStore.workspace["x-scalar-theme"] ?? "none",
       colorMode: e.workspaceStore.workspace["x-scalar-color-mode"] ?? "system",
       customThemes: e.customThemes,
-      "onUpdate:colorMode": u,
+      "onUpdate:colorMode": l,
       "onUpdate:proxyUrl": r,
-      "onUpdate:themeSlug": l
+      "onUpdate:themeSlug": u
     }, null, 8, ["activeProxyUrl", "activeThemeSlug", "colorMode", "customThemes"]));
   }
 });
 export {
-  f as default
+  x as default
 };

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

@@ -0,0 +1,18 @@
+import { type merge } from '@scalar/json-magic/diff';
+type __VLS_Props = {
+    conflicts: ReturnType<typeof merge>['conflicts'];
+    baseDocument: Record<string, unknown>;
+    resolvedDocument: Record<string, unknown>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    applyChanges: (payload: {
+        resolvedDocument: Record<string, unknown>;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onApplyChanges?: ((payload: {
+        resolvedDocument: Record<string, unknown>;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=SyncConflictResolutionEditor.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SyncConflictResolutionEditor.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/SyncConflictResolutionEditor.vue"],"names":[],"mappings":"AA0UA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAOpD,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IAChD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC1C,CAAC;AA+UF,QAAA,MAAM,YAAY;;0BAxUM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;0BAAvB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;kFA2U7C,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -0,0 +1,136 @@
+import { defineComponent as T, ref as l, computed as a, onMounted as V, onUnmounted as A, createElementBlock as B, openBlock as _, Fragment as $, createElementVNode as t, normalizeStyle as f, unref as o, createVNode as R, toDisplayString as C, withCtx as g, createTextVNode as z } from "vue";
+import { ScalarButton as E } from "@scalar/components";
+import { useToasts as j } from "@scalar/use-toasts";
+import { useThreeWayMergeEditor as L } from "../../editor/hooks/use-three-way-merge-editor.js";
+import { useSplitResize as U } from "../../../components/resize/use-split-resize.js";
+const F = { class: "sync-editor-pane border-c-3 mx-1 mb-1 flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg border" }, H = { class: "sync-pane-title text-c-2 border-c-3 flex shrink-0 items-center justify-between border-b px-2 py-1 text-[11px]" }, W = { class: "flex items-center gap-2" }, q = { class: "text-c-2 text-[11px] normal-case" }, G = { class: "flex shrink-0 items-center justify-end gap-2" }, X = /* @__PURE__ */ T({
+  __name: "SyncConflictResolutionEditor",
+  props: {
+    conflicts: {},
+    baseDocument: {},
+    resolvedDocument: {}
+  },
+  emits: ["applyChanges"],
+  setup(d, { emit: k }) {
+    const w = k, { toast: S } = j(), u = l(), p = l(), m = l(50), c = l(50), { onHorizontalResizeStart: x, onVerticalResizeStart: v, stopActiveResize: D } = U({
+      horizontalContainerRef: p,
+      verticalContainerRef: u,
+      leftPaneSize: c,
+      topPaneSize: m,
+      horizontalMin: 20,
+      horizontalMax: 80,
+      verticalMin: 25,
+      verticalMax: 75
+    }), i = L({
+      baseDocument: d.baseDocument,
+      resolvedDocument: d.resolvedDocument,
+      conflicts: d.conflicts,
+      onApplyChanges: (n) => w("applyChanges", { resolvedDocument: n }),
+      onError: (n) => S(n, "error")
+    }), r = a(() => i.conflictsLeft.value), P = a(() => ({ height: `${m.value}%` })), M = a(() => ({ width: `${c.value}%` })), N = a(() => ({
+      width: `${100 - c.value}%`
+    })), y = l(), b = l(), h = l();
+    return V(() => {
+      const n = y.value, e = b.value, s = h.value;
+      n && e && s && i.init({
+        local: n,
+        remote: e,
+        result: s
+      });
+    }), A(() => {
+      D(), i.dispose();
+    }), (n, e) => (_(), B($, null, [
+      e[7] || (e[7] = t("p", { class: "text-c-2 text-xs" }, " Resolve conflicts inline in the full document editor. Use the buttons inside the editor for each conflict. ", -1)),
+      t("div", {
+        ref_key: "splitContainerRef",
+        ref: u,
+        class: "flex min-h-0 flex-1 flex-col overflow-hidden"
+      }, [
+        t("div", {
+          ref_key: "topEditorsRowRef",
+          ref: p,
+          class: "flex min-h-0 gap-1 p-1",
+          style: f(P.value)
+        }, [
+          t("div", {
+            class: "sync-editor-pane border-c-3 flex min-h-0 flex-col overflow-hidden rounded-lg border",
+            style: f(M.value)
+          }, [
+            e[2] || (e[2] = t("div", { class: "sync-pane-title text-c-2 border-c-3 shrink-0 border-b px-2 py-1 text-[11px]" }, " Current ", -1)),
+            t("div", {
+              ref_key: "localChangesEditorRef",
+              ref: y,
+              class: "min-h-0 flex-1"
+            }, null, 512)
+          ], 4),
+          t("button", {
+            "aria-label": "Resize current and remote editors",
+            class: "resize-handle resize-handle-col",
+            type: "button",
+            onPointerdown: e[0] || (e[0] = //@ts-ignore
+            (...s) => o(x) && o(x)(...s))
+          }, null, 32),
+          t("div", {
+            class: "sync-editor-pane border-c-3 flex min-h-0 flex-col overflow-hidden rounded-lg border",
+            style: f(N.value)
+          }, [
+            e[3] || (e[3] = t("div", { class: "sync-pane-title text-c-2 border-c-3 shrink-0 border-b px-2 py-1 text-[11px]" }, " Remote ", -1)),
+            t("div", {
+              ref_key: "remoteChangesEditorRef",
+              ref: b,
+              class: "min-h-0 flex-1"
+            }, null, 512)
+          ], 4)
+        ], 4),
+        t("button", {
+          "aria-label": "Resize top and result editors",
+          class: "resize-handle resize-handle-row",
+          type: "button",
+          onPointerdown: e[1] || (e[1] = //@ts-ignore
+          (...s) => o(v) && o(v)(...s))
+        }, null, 32),
+        t("div", F, [
+          t("div", H, [
+            e[5] || (e[5] = t("span", null, " Result ", -1)),
+            t("div", W, [
+              t("span", q, C(r.value) + " conflict" + C(r.value === 1 ? "" : "s") + " left ", 1),
+              R(o(E), {
+                disabled: r.value === 0,
+                size: "xs",
+                type: "button",
+                variant: "outlined",
+                onClick: o(i).goToNextConflict
+              }, {
+                default: g(() => [...e[4] || (e[4] = [
+                  z(" Next Conflict ", -1)
+                ])]),
+                _: 1
+              }, 8, ["disabled", "onClick"])
+            ])
+          ]),
+          t("div", {
+            ref_key: "resultEditorRef",
+            ref: h,
+            class: "min-h-0 flex-1"
+          }, null, 512)
+        ]),
+        t("div", G, [
+          R(o(E), {
+            disabled: r.value > 0,
+            size: "xs",
+            type: "button",
+            onClick: o(i).applyResolvedConflicts
+          }, {
+            default: g(() => [...e[6] || (e[6] = [
+              z(" Apply changes ", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled", "onClick"])
+        ])
+      ], 512)
+    ], 64));
+  }
+});
+export {
+  X as default
+};

package/dist/v2/features/editor/config.d.ts

@@ -0,0 +1,16 @@
+import { type MaybeRefOrGetter } from 'vue';
+import 'monaco-editor/esm/vs/language/json/monaco.contribution';
+import 'monaco-editor/esm/vs/basic-languages/yaml/yaml.contribution';
+import 'monaco-editor/esm/vs/editor/contrib/folding/browser/folding';
+import 'monaco-editor/esm/vs/editor/contrib/folding/browser/folding.css';
+import 'monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css';
+/**
+ * Configures the Monaco editor with custom Scala theme settings.
+ * Applies the theme whenever the theme or dark mode value changes.
+ * In development mode, ensures Monaco environment is configured (worker setup handled by Vite config).
+ */
+export declare const useMonacoEditorConfiguration: ({ theme, darkMode, }: {
+    theme: MaybeRefOrGetter<string>;
+    darkMode: MaybeRefOrGetter<boolean>;
+}) => void;
+//# sourceMappingURL=config.d.ts.map

package/dist/v2/features/editor/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/editor/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAkB,MAAM,KAAK,CAAA;AAK3D,OAAO,wDAAwD,CAAA;AAC/D,OAAO,6DAA6D,CAAA;AACpE,OAAO,6DAA6D,CAAA;AACpE,OAAO,iEAAiE,CAAA;AACxE,OAAO,mEAAmE,CAAA;AAE1E;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,GAAI,sBAG1C;IACD,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC/B,QAAQ,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CACpC,KAAG,IAUH,CAAA"}

package/dist/v2/features/editor/config.js

@@ -0,0 +1,16 @@
+import { watch as i, toValue as o } from "vue";
+import { ensureMonacoEnvironment as a } from "./helpers/ensure-monaco-environment.js";
+import { applyScalarTheme as n } from "./helpers/theme/apply-scalar-theme.js";
+import "monaco-editor/esm/vs/editor/contrib/folding/browser/folding.css";
+import "monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css";
+const s = ({
+  theme: r,
+  darkMode: t
+}) => {
+  a(), i([() => o(r), () => o(t)], ([m, e]) => n(m, e), {
+    immediate: !0
+  });
+};
+export {
+  s as useMonacoEditorConfiguration
+};

package/dist/v2/features/editor/helpers/configure-language-support.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Configures JSON language support for the given model URI
+ *
+ * @param globPattern - The glob pattern to match the files to configure language support for
+ */
+export declare const configureJson: (globPattern: string) => void;
+/**
+ * Configures YAML language support for the given model URI
+ *
+ * @param globPattern - The glob pattern to match the files to configure language support for
+ */
+export declare const configureYaml: (globPattern: string) => void;
+//# sourceMappingURL=configure-language-support.d.ts.map

package/dist/v2/features/editor/helpers/configure-language-support.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configure-language-support.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/editor/helpers/configure-language-support.ts"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,aAAa,MAAM,KAAG,IAoBnD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,aAAa,MAAM,KAAG,IAgBnD,CAAA"}

package/dist/v2/features/{collection/components/Editor → editor}/helpers/configure-language-support.js

@@ -1,7 +1,7 @@
 import * as t from "monaco-editor/esm/vs/editor/editor.api.js";
-import { configureMonacoYaml as r } from "monaco-yaml";
+import { configureMonacoYaml as m } from "monaco-yaml";
 import n from "../schemas/openapi-3.1-schema.json.js";
-const s = "inmemory://model/scalar/openapi-json-schema", m = (e) => {
+const s = "inmemory://model/scalar/openapi-json-schema", f = (e) => {
   const o = t.languages.json.jsonDefaults, a = o.diagnosticsOptions, c = [
     ...(a.schemas ?? []).filter((i) => i.uri !== s),
     {
@@ -16,8 +16,8 @@ const s = "inmemory://model/scalar/openapi-json-schema", m = (e) => {
     enableSchemaRequest: !1,
     schemas: c
   });
-}, u = (e) => {
-  r(t, {
+}, h = (e) => {
+  m(t, {
     enableSchemaRequest: !1,
     validate: !0,
     format: !0,
@@ -32,9 +32,8 @@ const s = "inmemory://model/scalar/openapi-json-schema", m = (e) => {
       }
     ]
   });
-}, p = (e) => {
-  m(e), u(e);
 };
 export {
-  p as configureLanguageSupport
+  f as configureJson,
+  h as configureYaml
 };

package/dist/v2/features/editor/helpers/ensure-monaco-environment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ensure-monaco-environment.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/editor/helpers/ensure-monaco-environment.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,uBAAuB,QAAO,IAc1C,CAAA"}