@scalar/api-client 2.38.0 → 2.38.2

package/dist/v2/features/app/index.js

@@ -1,20 +1,3162 @@
-import { createAppState as a } from "./app-state.js";
-import { default as p } from "./components/CreateWorkspaceModal.vue.js";
-import { default as f } from "../command-palette/components/CommandActionForm.vue.js";
-import { default as s } from "../command-palette/components/CommandActionInput.vue.js";
-import { baseClientActions as d, baseRoutes as i, useCommandPaletteState as u } from "../command-palette/hooks/use-command-palette-state.js";
-import { default as c } from "./App.vue.js";
-/* empty css         */
-import { createApiClientApp as C, createAppRouter as b } from "./helpers/create-api-client-app.js";
-export {
-  c as ClientApp,
-  f as CommandActionForm,
-  s as CommandActionInput,
-  p as CreateWorkspaceModal,
-  d as baseClientActions,
-  i as baseRoutes,
-  C as createApiClientApp,
-  b as createAppRouter,
-  a as createAppState,
-  u as useCommandPaletteState
+import { t as parseCurlCommand } from "../../../parse-curl-BtypQT3D.js";
+import { t as _plugin_vue_export_helper_default } from "../../../_plugin-vue_export-helper-BmmBcIzD.js";
+import { t as IconSelector_default } from "../../../IconSelector-BDC_GQXv.js";
+import "../../../HttpMethod-rnWEgC3T.js";
+import "../../../CodeInput-C-igR77V.js";
+import { t as ServerVariablesForm_default } from "../../../ServerVariablesForm-BRZ9XC8o.js";
+import "../../../Server-DnA_BzPS.js";
+import "../../../AddressBar-B4xnl66I.js";
+import "../../../components-ChixwQhN.js";
+import "../../../Sidebar-C6AdX6-N.js";
+import "../../../DataTableInput-yaU5g-kP.js";
+import { n as Operation_default, o as getSelectedSecurity, r as getActiveProxyUrl } from "../../../operation-block-BnMIKAOh.js";
+import { u as HttpMethod_default } from "../../../operation-code-sample-ZUTueV3v.js";
+import "../../../request-block-DwsGy64Q.js";
+import "../../../SectionFilter-hrtoRLwj.js";
+import { t as ViewLayoutSection_default } from "../../../ViewLayoutSection-mUqKbQry.js";
+import { t as CodeInput_default } from "../../../code-input-iq-moLxi.js";
+import { n as DataTableRow_default, r as DataTableInput_default, s as DataTable_default } from "../../../data-table-PL7e8NRO.js";
+import { n as AuthSelector_default } from "../../../scalar-auth-selector-block-DI3DLag9.js";
+import "../../../response-block-DmkaDZYs.js";
+import "../../../ScalarAsciiArt-BjuSnj8e.js";
+import "../../../scalar-address-bar-block--Vs6IBU1.js";
+import "../../../server-tcI-OCyx.js";
+import { t as getServers } from "../../../get-servers-B_WNlQWB.js";
+import { t as useSplitResize } from "../../../resize-D2IYvVdh.js";
+import { i as workspaceStorage, n as CreateWorkspaceModal_default, r as createAppState, t as App_default } from "../../../App-CvClwSlM.js";
+import "../../../TheCommandPalette-Dl9TAeke.js";
+import { n as CommandActionInput_default, r as CommandActionForm_default, t as CommandPaletteImport_default } from "../../../CommandPaletteImport-Diu5dDIY.js";
+import { a as rangeToWholeLine, n as ensureJsonPointerLinkSupport, r as parseJsonPointerPath } from "../../../editor-BZ_J0eze.js";
+import { t as DeleteSidebarListElement_default } from "../../../DeleteSidebarListElement-C-p87d03.js";
+import { n as CollectionSettings_default, r as Section_default, t as DocumentSettings_default } from "../../../settings-BKk_1lcH.js";
+import { t as CookiesTable_default } from "../../../global-cookies-D3ZS9ON3.js";
+import { n as createJsonModel, t as Editor_default } from "../../../Editor-BomsGWHx.js";
+import { t as EnvironmentsList_default } from "../../../environments-ByLK9lnC.js";
+import { Fragment, capitalize, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toValue, unref, useId, useModel, useSlots, useTemplateRef, vModelText, watch, watchEffect, withCtx, withDirectives, withKeys } from "vue";
+import { ScalarButton, ScalarDropdown, ScalarDropdownItem, ScalarIcon, ScalarListbox, ScalarMarkdown, ScalarModal, ScalarToggle, useModal } from "@scalar/components";
+import { useToasts } from "@scalar/use-toasts";
+import { RouterLink, RouterView, createRouter, createWebHashHistory, createWebHistory, useRouter } from "vue-router";
+import { LibraryIcon } from "@scalar/icons/library";
+import { mergeSearchParams } from "@scalar/helpers/url/merge-urls";
+import { ScalarIconArrowSquareIn, ScalarIconArrowUpRight, ScalarIconBracketsCurly, ScalarIconCheckCircle, ScalarIconCloudArrowDown, ScalarIconCookie, ScalarIconFloppyDisk, ScalarIconFolder, ScalarIconInfo, ScalarIconPackage, ScalarIconPencil, ScalarIconPlus, ScalarIconPuzzlePiece, ScalarIconSlidersHorizontal, ScalarIconSpinner, ScalarIconTrash, ScalarIconWarning, ScalarIconWarningCircle } from "@scalar/icons";
+import Fuse from "fuse.js";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { unpackProxyObject } from "@scalar/workspace-store/helpers/unpack-proxy";
+import { deepClone } from "@scalar/workspace-store/helpers/deep-clone";
+import { isHttpMethod } from "@scalar/helpers/http/is-http-method";
+import { HTTP_METHODS } from "@scalar/helpers/http/http-methods";
+import * as monaco from "monaco-editor";
+import { debounce } from "@scalar/helpers/general/debounce";
+import { apply } from "@scalar/json-magic/diff";
+//#region src/v2/features/command-palette/components/CommandPaletteExample.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$13 = {
+	key: 0,
+	class: "flex flex-1 gap-1"
 };
+var _hoisted_2$12 = {
+	key: 0,
+	class: "text-c-1 truncate"
+};
+var _hoisted_3$11 = {
+	key: 1,
+	class: "text-c-3"
+};
+var _hoisted_4$10 = { class: "flex items-center gap-2" };
+var _hoisted_5$8 = { class: "custom-scroll max-h-40" };
+var _hoisted_6$4 = { class: "truncate" };
+//#endregion
+//#region src/v2/features/command-palette/components/CommandPaletteExample.vue
+var CommandPaletteExample_default = /* @__PURE__ */ defineComponent({
+	name: "CommandPaletteExample",
+	props: {
+		workspaceStore: {},
+		eventBus: {},
+		documentName: {},
+		operationId: {},
+		example: {}
+	},
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		/** Operation option type for selectors */
+		const isEditMode = computed(() => __props.example !== void 0);
+		const exampleName = ref(__props.example?.name ?? "");
+		const exampleNameTrimmed = computed(() => exampleName.value.trim());
+		/** All available documents (collections) in the workspace */
+		const availableDocuments = computed(() => Object.entries(__props.workspaceStore.workspace.documents).map(([name, document]) => ({
+			id: name,
+			label: document.info.title || name
+		})));
+		const selectedDocument = ref(__props.documentName ? availableDocuments.value.find((document) => document.id === __props.documentName) : availableDocuments.value[0] ?? void 0);
+		/**
+		* Recursively traverse navigation entries to find all operations.
+		* Operations can be nested under tags or at the document level.
+		*/
+		const getAllOperations = (entries) => {
+			const operations = [];
+			for (const entry of entries) {
+				if (entry.type === "operation") operations.push(entry);
+				/** Recursively traverse child entries if they exist */
+				if ("children" in entry && entry.children) operations.push(...getAllOperations(entry.children));
+			}
+			return operations;
+		};
+		/** All available operations for the selected document */
+		const availableOperations = computed(() => {
+			if (!selectedDocument.value) return [];
+			const document = __props.workspaceStore.workspace.documents[selectedDocument.value.id];
+			if (!document || !document["x-scalar-navigation"]) return [];
+			const navigation = document["x-scalar-navigation"];
+			return getAllOperations(navigation.children ?? []).map((operation) => ({
+				id: operation.id,
+				label: `${operation.method.toUpperCase()} ${operation.path}`,
+				path: operation.path,
+				method: operation.method,
+				exampleNames: operation.children?.filter((child) => child.type === "example").map((child) => child.name) ?? []
+			}));
+		});
+		const selectedOperation = ref(__props.operationId ? availableOperations.value.find((operation) => operation.id === __props.operationId) : void 0);
+		/** Reset operation selection when document changes */
+		watch(selectedDocument, () => {
+			selectedOperation.value = __props.operationId ? availableOperations.value.find((operation) => operation.id === __props.operationId) : availableOperations.value[0] ?? void 0;
+		}, { immediate: true });
+		/** Handle operation selection from dropdown */
+		const handleSelect = (operation) => {
+			if (operation) selectedOperation.value = operation;
+		};
+		/**
+		* Check if the form should be disabled.
+		* Disabled when any required field is missing or empty.
+		*/
+		const isDisabled = computed(() => {
+			if (!exampleNameTrimmed.value || !selectedDocument.value || !selectedOperation.value) return true;
+			if (isEditMode.value && __props.example) {
+				if (exampleNameTrimmed.value === __props.example.name) return true;
+			}
+			if (selectedOperation.value.exampleNames.some((name) => name === exampleNameTrimmed.value && name !== __props.example?.name)) return true;
+			return false;
+		});
+		/**
+		* Navigate to the example route which will create it automatically.
+		* The route handler will create the example with the provided details.
+		*/
+		const handleSubmit = () => {
+			if (isDisabled.value || !selectedDocument.value || !selectedOperation.value) return;
+			if (isEditMode.value && __props.example) {
+				__props.eventBus.emit("operation:rename:example", {
+					documentName: selectedDocument.value.id,
+					meta: {
+						path: selectedOperation.value.path,
+						method: selectedOperation.value.method,
+						exampleKey: __props.example.name
+					},
+					payload: { name: exampleNameTrimmed.value }
+				});
+				emit("close");
+				return;
+			}
+			__props.eventBus.emit("operation:create:draft-example", {
+				documentName: selectedDocument.value.id,
+				meta: {
+					path: selectedOperation.value.path,
+					method: selectedOperation.value.method
+				},
+				exampleName: exampleNameTrimmed.value
+			});
+			emit("close");
+		};
+		/** Handle back navigation when user presses backspace on empty input */
+		const handleBack = (event) => {
+			if (isEditMode.value) return;
+			emit("back", event);
+		};
+		/** Handle cancel action in edit mode */
+		const handleCancel = () => {
+			emit("close");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				disabled: isDisabled.value,
+				onSubmit: handleSubmit
+			}, {
+				options: withCtx(() => [!isEditMode.value ? (openBlock(), createElementBlock("div", _hoisted_1$13, [createVNode(unref(ScalarListbox), {
+					modelValue: selectedDocument.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedDocument.value = $event),
+					options: availableDocuments.value
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						class: "hover:bg-b-2 max-h-8 w-[150px] min-w-[150px] justify-between gap-1 p-2 text-xs",
+						variant: "outlined"
+					}, {
+						default: withCtx(() => [createElementVNode("span", { class: normalizeClass(selectedDocument.value ? "text-c-1 truncate" : "text-c-3") }, toDisplayString(selectedDocument.value ? selectedDocument.value.label : "Select Document"), 3), createVNode(unref(ScalarIcon), {
+							class: "text-c-3",
+							icon: "ChevronDown",
+							size: "md"
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue", "options"]), createVNode(unref(ScalarDropdown), {
+					placement: "bottom",
+					resize: ""
+				}, {
+					items: withCtx(() => [createElementVNode("div", _hoisted_5$8, [(openBlock(true), createElementBlock(Fragment, null, renderList(availableOperations.value, (operation) => {
+						return openBlock(), createBlock(unref(ScalarDropdownItem), {
+							key: operation.id,
+							class: "flex h-7 w-full items-center justify-between px-1 pr-[26px]",
+							onClick: ($event) => handleSelect(operation)
+						}, {
+							default: withCtx(() => [createElementVNode("span", _hoisted_6$4, toDisplayString(operation.path), 1), createVNode(HttpMethod_default, { method: operation.method }, null, 8, ["method"])]),
+							_: 2
+						}, 1032, ["onClick"]);
+					}), 128))])]),
+					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						class: "hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs",
+						disabled: !availableOperations.value.length,
+						variant: "outlined"
+					}, {
+						default: withCtx(() => [selectedOperation.value ? (openBlock(), createElementBlock("span", _hoisted_2$12, toDisplayString(selectedOperation.value.path), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$11, " Select Operation ")), createElementVNode("div", _hoisted_4$10, [selectedOperation.value ? (openBlock(), createBlock(HttpMethod_default, {
+							key: 0,
+							method: selectedOperation.value.method
+						}, null, 8, ["method"])) : createCommentVNode("", true), createVNode(unref(ScalarIcon), {
+							class: "text-c-3",
+							icon: "ChevronDown",
+							size: "md"
+						})])]),
+						_: 1
+					}, 8, ["disabled"])]),
+					_: 1
+				})])) : (openBlock(), createBlock(unref(ScalarButton), {
+					key: 1,
+					class: "max-h-8 px-3 text-xs",
+					variant: "outlined",
+					onClick: handleCancel
+				}, {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Cancel ", -1)])]),
+					_: 1
+				}))]),
+				submit: withCtx(() => [createTextVNode(toDisplayString(isEditMode.value ? "Save" : "Create Example"), 1)]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: exampleName.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => exampleName.value = $event),
+					label: "Example Name",
+					placeholder: "Example Name",
+					onDelete: handleBack
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+//#region src/v2/features/command-palette/helpers/get-operation-from-curl.ts
+/**
+* Parses request body data from a string.
+* Attempts JSON parsing first, then falls back to form-encoded parsing.
+*
+* Form-encoded data is expected in the format: key1=value1&key2=value2
+*/
+var parseRequestBodyData = (data) => {
+	try {
+		return JSON.parse(data);
+	} catch {
+		const result = {};
+		data.split("&").forEach((pair) => {
+			const [key, value] = pair.split("=");
+			if (key && value) result[decodeURIComponent(key)] = decodeURIComponent(value);
+		});
+		return result;
+	}
+};
+/**
+* Determines the content type based on the request body structure.
+* Returns form-encoded if the body looks like form data, JSON if the body looks like JSON,
+* otherwise uses the header value.
+*/
+var detectContentType = (body, headers) => {
+	if (headers["Content-Type"]) return headers["Content-Type"];
+	const trimmedBody = body.trim();
+	if (trimmedBody.startsWith("{") || trimmedBody.startsWith("[")) return "application/json";
+	return body.includes("=") && !trimmedBody.startsWith("{") ? "application/x-www-form-urlencoded" : "";
+};
+/**
+* Infers a JSON Schema type from a JavaScript value.
+* Maps JavaScript typeof results to JSON Schema primitive types.
+*/
+var inferSchemaType = (value) => {
+	const jsType = typeof value;
+	if (jsType === "string") return "string";
+	if (jsType === "number") return "number";
+	if (jsType === "boolean") return "boolean";
+	if (value === null) return "null";
+	if (Array.isArray(value)) return "array";
+	if (jsType === "object") return "object";
+	return "string";
+};
+/**
+* Creates query and header parameters from parsed cURL data.
+* Each parameter includes a schema with inferred type and an example value.
+*/
+var createParameters = (queryParameters, headers, exampleKey) => {
+	const queryParams = Array.isArray(queryParameters) ? queryParameters.map(({ key, value }) => ({
+		name: key,
+		in: "query",
+		schema: { type: inferSchemaType(value) },
+		examples: { [exampleKey]: { value } }
+	})) : [];
+	const headerParams = Object.entries(headers || {}).map(([key, value]) => ({
+		name: key,
+		in: "header",
+		schema: { type: inferSchemaType(value) },
+		examples: { [exampleKey]: { value } }
+	}));
+	return [...queryParams, ...headerParams];
+};
+/**
+* Creates a request body schema from parsed data.
+* Generates an object schema with properties inferred from the data structure.
+*/
+var createRequestBodySchema = (data) => {
+	return {
+		type: "object",
+		properties: Object.fromEntries(Object.entries(data).map(([key, value]) => [key, { type: inferSchemaType(value) }]))
+	};
+};
+/** Don't want to throw for invalid URLs */
+var safePathname = (url) => {
+	try {
+		return new URL(url).pathname;
+	} catch {
+		return "/";
+	}
+};
+/**
+* Converts a cURL command string into an OpenAPI operation object.
+*
+* This function parses a cURL command and extracts all relevant information
+* (path, method, headers, query parameters, request body) to create a complete
+* OpenAPI operation that can be used to populate a request in the API client.
+*
+* The exampleKey is used to namespace the example values in the operation object,
+* allowing multiple examples to coexist if needed.
+*/
+var getOperationFromCurl = (curl, exampleKey = "curl") => {
+	const { method = "get", url, body = "", headers = {}, servers = [], queryParameters = [] } = parseCurlCommand(curl);
+	const path = safePathname(url);
+	const contentType = detectContentType(body, headers);
+	const requestBodyData = body ? parseRequestBodyData(body) : {};
+	const parameters = createParameters(queryParameters, headers, exampleKey);
+	const serverObjects = servers.map((server) => ({ url: server }));
+	return {
+		path,
+		method,
+		operation: {
+			parameters,
+			requestBody: {
+				content: { [contentType]: {
+					schema: createRequestBodySchema(requestBodyData),
+					examples: { [exampleKey]: { value: requestBodyData } }
+				} },
+				"x-scalar-selected-content-type": { [exampleKey]: contentType }
+			},
+			servers: serverObjects.length ? serverObjects : void 0
+		}
+	};
+};
+//#endregion
+//#region src/v2/features/command-palette/components/CommandPaletteImportCurl.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$12 = { class: "flex flex-1 flex-col gap-2" };
+var _hoisted_2$11 = { class: "flex h-9 flex-row items-center gap-2 rounded border p-[3px] text-sm" };
+var _hoisted_3$10 = { class: "scroll-timeline-x whitespace-nowrap" };
+var _hoisted_4$9 = { class: "flex items-center gap-2" };
+//#endregion
+//#region src/v2/features/command-palette/components/CommandPaletteImportCurl.vue
+var CommandPaletteImportCurl_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	name: "CommandPaletteImportCurl",
+	props: {
+		workspaceStore: {},
+		eventBus: {},
+		inputValue: {}
+	},
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const router = useRouter();
+		const exampleKey = ref("");
+		/** Trimmed version of the example key for validation and submission */
+		const exampleKeyTrimmed = computed(() => exampleKey.value.trim());
+		/** Parse the cURL command to extract path, method, and operation details */
+		const { path, method, operation } = getOperationFromCurl(__props.inputValue);
+		/** List of all available documents (collections) in the workspace */
+		const documents = computed(() => Object.keys(__props.workspaceStore.workspace.documents).map((document) => ({
+			id: document,
+			label: document
+		})));
+		const selectedDocument = ref(documents.value[0]);
+		/**
+		* Check if the form should be disabled.
+		* Disabled when:
+		* - Example key is empty
+		* - No document is selected
+		* - An operation with the same path and method already exists in the selected document
+		*/
+		const isDisabled = computed(() => {
+			if (!exampleKeyTrimmed.value || !selectedDocument.value) return true;
+			if (__props.workspaceStore.workspace.documents[selectedDocument.value.id]?.paths?.[path]?.[method]) return true;
+			return false;
+		});
+		/**
+		* Handle the import submission.
+		* Creates a new operation in the selected document from the parsed cURL command.
+		*/
+		const handleImportClick = () => {
+			const documentName = selectedDocument.value;
+			if (isDisabled.value || !documentName) return;
+			/** Re-parse with the example key to include it in the operation */
+			const result = getOperationFromCurl(__props.inputValue, exampleKeyTrimmed.value);
+			__props.eventBus.emit("operation:create:operation", {
+				documentName: documentName.id,
+				path: result.path,
+				method: result.method,
+				operation: result.operation,
+				exampleKey: exampleKeyTrimmed.value,
+				callback: (success) => {
+					if (success) {
+						__props.workspaceStore.buildSidebar(documentName.id);
+						const path = result.path.startsWith("/") ? result.path : `/${result.path}`;
+						router.push({
+							name: "example",
+							params: {
+								documentSlug: documentName.id,
+								pathEncoded: encodeURIComponent(path),
+								method: result.method,
+								exampleName: exampleKeyTrimmed.value
+							}
+						});
+					}
+				}
+			});
+			emit("close");
+		};
+		/** Handle back navigation when user presses backspace on empty input */
+		const handleBack = (event) => {
+			emit("back", event);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				disabled: isDisabled.value,
+				onSubmit: handleImportClick
+			}, {
+				options: withCtx(() => [createElementVNode("div", _hoisted_4$9, [createVNode(unref(ScalarListbox), {
+					modelValue: selectedDocument.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedDocument.value = $event),
+					options: documents.value
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						class: "hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs",
+						variant: "outlined"
+					}, {
+						default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["whitespace-nowrap", selectedDocument.value ? "text-c-1" : "text-c-3"]) }, toDisplayString(selectedDocument.value ? selectedDocument.value.label : "Select Collection"), 3), createVNode(unref(ScalarIcon), {
+							class: "text-c-3",
+							icon: "ChevronDown",
+							size: "md"
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue", "options"])])]),
+				submit: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Import Request", -1)])]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: exampleKey.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => exampleKey.value = $event),
+					placeholder: "Curl example key (e.g., example-1)",
+					onDelete: handleBack
+				}, null, 8, ["modelValue"]), createElementVNode("div", _hoisted_1$12, [createElementVNode("div", _hoisted_2$11, [createVNode(HttpMethod_default, {
+					class: "border-r-1 px-1",
+					method: unref(method)
+				}, null, 8, ["method"]), createElementVNode("span", _hoisted_3$10, toDisplayString(unref(operation).servers?.[0]?.url || "") + toDisplayString(unref(path)), 1)])])]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+}), [["__scopeId", "data-v-f4568236"]]);
+//#endregion
+//#region src/v2/features/command-palette/components/CommandPaletteOpenApiDocument.vue
+var CommandPaletteOpenApiDocument_default = /* @__PURE__ */ defineComponent({
+	__name: "CommandPaletteOpenApiDocument",
+	props: {
+		workspaceStore: {},
+		eventBus: {}
+	},
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const router = useRouter();
+		const documentName = ref("");
+		const documentNameTrimmed = computed(() => documentName.value.trim());
+		/** Default icon for new documents (folder icon) */
+		const documentIcon = ref("interface-content-folder");
+		/**
+		* Check if the form should be disabled.
+		* Disabled when the name is empty or when a document with that name already exists.
+		*/
+		const isDisabled = computed(() => {
+			if (!documentNameTrimmed.value) return true;
+			/** Prevent duplicate document names in the workspace */
+			if (__props.workspaceStore.workspace.documents[documentNameTrimmed.value] !== void 0) return true;
+			return false;
+		});
+		/** Handle form submission to create a new document */
+		const handleSubmit = () => {
+			if (isDisabled.value) return;
+			__props.eventBus.emit("document:create:empty-document", {
+				name: documentNameTrimmed.value,
+				icon: documentIcon.value,
+				callback: (success) => {
+					if (success) router.push({
+						name: "document.overview",
+						params: { documentSlug: documentNameTrimmed.value }
+					});
+				}
+			});
+			emit("close");
+		};
+		/** Handle back navigation when user presses backspace on empty input */
+		const handleBack = (event) => {
+			emit("back", event);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				disabled: isDisabled.value,
+				onSubmit: handleSubmit
+			}, {
+				options: withCtx(() => [createVNode(IconSelector_default, {
+					modelValue: documentIcon.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => documentIcon.value = $event),
+					placement: "bottom-start"
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						class: "aspect-square h-auto px-0",
+						variant: "outlined"
+					}, {
+						default: withCtx(() => [createVNode(unref(LibraryIcon), {
+							class: "text-c-2 size-4 stroke-[1.75]",
+							src: documentIcon.value
+						}, null, 8, ["src"])]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				submit: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Create Document", -1)])]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: documentName.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => documentName.value = $event),
+					label: "Document Name",
+					placeholder: "Document Name",
+					onDelete: handleBack
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+//#region src/v2/features/command-palette/components/CommandPaletteRequest.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$11 = { class: "flex flex-1 gap-1" };
+var _hoisted_2$10 = { class: "flex items-center gap-2" };
+var _hoisted_3$9 = { class: "custom-scroll max-h-40" };
+var _hoisted_4$8 = { class: "custom-scroll max-h-40" };
+var _hoisted_5$7 = { class: "truncate" };
+//#endregion
+//#region src/v2/features/command-palette/components/CommandPaletteRequest.vue
+var CommandPaletteRequest_default = /* @__PURE__ */ defineComponent({
+	name: "CommandPaletteRequest",
+	props: {
+		workspaceStore: {},
+		eventBus: {},
+		documentName: {},
+		tagId: {}
+	},
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		/** HTTP method option type for selectors */
+		const router = useRouter();
+		const requestPath = ref("/");
+		const requestPathTrimmed = computed(() => requestPath.value.trim());
+		/** All available documents (collections) in the workspace */
+		const availableDocuments = computed(() => Object.entries(__props.workspaceStore.workspace.documents).map(([name, document]) => ({
+			id: name,
+			label: document.info.title || name
+		})));
+		/** Available HTTP methods for the dropdown (GET, POST, PUT, etc.) */
+		const availableMethods = HTTP_METHODS.map((method) => ({
+			id: method,
+			label: method.toUpperCase(),
+			method
+		}));
+		const selectedDocument = ref(__props.documentName ? availableDocuments.value.find((document) => document.id === __props.documentName) : availableDocuments.value[0] ?? void 0);
+		const selectedMethod = ref(availableMethods.find((method) => method.method === "get"));
+		/**
+		* All available tags for the selected document.
+		* Includes a "No Tag" option for operations without a tag assignment.
+		*/
+		const availableTags = computed(() => {
+			if (!selectedDocument.value) return [];
+			const document = __props.workspaceStore.workspace.documents[selectedDocument.value.id];
+			if (!document) return [];
+			return [{
+				id: "",
+				label: "No Tag"
+			}, ...document.tags?.map((tag) => ({
+				id: tag.name,
+				label: tag.name
+			})) ?? []];
+		});
+		const selectedTag = ref(__props.tagId ? availableTags.value.find((tag) => tag.id === __props.tagId) : void 0);
+		watch(selectedDocument, () => {
+			selectedTag.value = availableTags.value.find((tag) => tag.id === "");
+		});
+		/**
+		* Check if an operation with the same path and method already exists.
+		* Used to prevent creating duplicate operations.
+		*/
+		const operationExists = computed(() => {
+			if (!selectedDocument.value || !selectedMethod.value || !requestPathTrimmed.value) return false;
+			const document = __props.workspaceStore.workspace.documents[selectedDocument.value.id];
+			/** Ensure path starts with '/' for consistent lookup */
+			const normalizedPath = requestPathTrimmed.value.startsWith("/") ? requestPathTrimmed.value : `/${requestPathTrimmed.value}`;
+			return !!document?.paths?.[normalizedPath]?.[selectedMethod.value.method];
+		});
+		/**
+		* Check if the form should be disabled.
+		* Disabled when any required field is missing or operation already exists.
+		*/
+		const isDisabled = computed(() => {
+			if (!requestPathTrimmed.value || !selectedDocument.value || !selectedMethod.value) return true;
+			/** Prevent creating duplicate operations */
+			if (operationExists.value) return true;
+			return false;
+		});
+		/** Handle HTTP method selection from dropdown */
+		const handleSelectMethod = (method) => {
+			if (method) selectedMethod.value = method;
+		};
+		/** Handle tag selection from dropdown */
+		const handleSelectTag = (tag) => {
+			if (tag) selectedTag.value = tag;
+		};
+		/**
+		* Create the request and close the command palette.
+		* Emits an event to create a new operation with the specified details.
+		*/
+		const handleSubmit = () => {
+			if (isDisabled.value || !selectedDocument.value || !selectedMethod.value) return;
+			if (!__props.workspaceStore.workspace.documents[selectedDocument.value.id]) return;
+			__props.eventBus.emit("operation:create:operation", {
+				documentName: selectedDocument.value.id,
+				path: requestPathTrimmed.value,
+				method: selectedMethod.value.method,
+				operation: { tags: selectedTag.value?.id ? [selectedTag.value.id] : void 0 },
+				callback: (success) => {
+					if (success) {
+						/** Build the sidebar */
+						__props.workspaceStore.buildSidebar(selectedDocument.value?.id ?? "");
+						const path = requestPathTrimmed.value.startsWith("/") ? requestPathTrimmed.value : `/${requestPathTrimmed.value}`;
+						/** Navigate to the example */
+						router.push({
+							name: "example",
+							params: {
+								documentSlug: selectedDocument.value?.id,
+								pathEncoded: encodeURIComponent(path),
+								method: selectedMethod.value?.method,
+								exampleName: "default"
+							}
+						});
+					}
+				}
+			});
+			emit("close");
+		};
+		/** Handle back navigation when user presses backspace on empty input */
+		const handleBack = (event) => {
+			emit("back", event);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				disabled: isDisabled.value,
+				onSubmit: handleSubmit
+			}, {
+				options: withCtx(() => [createElementVNode("div", _hoisted_1$11, [
+					createVNode(unref(ScalarListbox), {
+						modelValue: selectedDocument.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedDocument.value = $event),
+						options: availableDocuments.value
+					}, {
+						default: withCtx(() => [createVNode(unref(ScalarButton), {
+							class: "hover:bg-b-2 max-h-8 w-[150px] min-w-[150px] justify-between gap-1 p-2 text-xs",
+							variant: "outlined"
+						}, {
+							default: withCtx(() => [createElementVNode("span", { class: normalizeClass(selectedDocument.value ? "text-c-1 truncate" : "text-c-3") }, toDisplayString(selectedDocument.value ? selectedDocument.value.label : "Select Document"), 3), createVNode(unref(ScalarIcon), {
+								class: "text-c-3",
+								icon: "ChevronDown",
+								size: "md"
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["modelValue", "options"]),
+					createVNode(unref(ScalarDropdown), {
+						placement: "bottom",
+						resize: ""
+					}, {
+						items: withCtx(() => [createElementVNode("div", _hoisted_3$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(availableMethods), (method) => {
+							return openBlock(), createBlock(unref(ScalarDropdownItem), {
+								key: method.id,
+								class: "flex h-7 w-full items-center justify-center px-1",
+								onClick: ($event) => handleSelectMethod(method)
+							}, {
+								default: withCtx(() => [createVNode(HttpMethod_default, { method: method.method }, null, 8, ["method"])]),
+								_: 2
+							}, 1032, ["onClick"]);
+						}), 128))])]),
+						default: withCtx(() => [createVNode(unref(ScalarButton), {
+							class: "hover:bg-b-2 max-h-8 w-[100px] min-w-[100px] justify-between gap-1 p-2 text-xs",
+							variant: "outlined"
+						}, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_2$10, [selectedMethod.value ? (openBlock(), createBlock(HttpMethod_default, {
+								key: 0,
+								method: selectedMethod.value.method
+							}, null, 8, ["method"])) : createCommentVNode("", true), createVNode(unref(ScalarIcon), {
+								class: "text-c-3",
+								icon: "ChevronDown",
+								size: "md"
+							})])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					createVNode(unref(ScalarDropdown), {
+						placement: "bottom",
+						resize: ""
+					}, {
+						items: withCtx(() => [createElementVNode("div", _hoisted_4$8, [(openBlock(true), createElementBlock(Fragment, null, renderList(availableTags.value, (tag) => {
+							return openBlock(), createBlock(unref(ScalarDropdownItem), {
+								key: tag.id,
+								class: "flex h-7 w-full items-center px-1",
+								onClick: ($event) => handleSelectTag(tag)
+							}, {
+								default: withCtx(() => [createElementVNode("span", _hoisted_5$7, toDisplayString(tag.label), 1)]),
+								_: 2
+							}, 1032, ["onClick"]);
+						}), 128))])]),
+						default: withCtx(() => [createVNode(unref(ScalarButton), {
+							class: "hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs",
+							disabled: !availableTags.value.length,
+							variant: "outlined"
+						}, {
+							default: withCtx(() => [createElementVNode("span", { class: normalizeClass(selectedTag.value ? "text-c-1 truncate" : "text-c-3") }, toDisplayString(selectedTag.value ? selectedTag.value.label : "Select Tag (Optional)"), 3), createVNode(unref(ScalarIcon), {
+								class: "text-c-3",
+								icon: "ChevronDown",
+								size: "md"
+							})]),
+							_: 1
+						}, 8, ["disabled"])]),
+						_: 1
+					})
+				])]),
+				submit: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Create Request", -1)])]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: requestPath.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => requestPath.value = $event),
+					label: "Request Path",
+					placeholder: "/users",
+					onDelete: handleBack
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+//#region src/v2/features/command-palette/components/CommandPaletteTag.vue
+var CommandPaletteTag_default = /* @__PURE__ */ defineComponent({
+	name: "CommandPaletteTag",
+	props: {
+		workspaceStore: {},
+		eventBus: {},
+		documentName: {},
+		tag: {}
+	},
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const isEditMode = computed(() => __props.tag !== void 0);
+		const name = ref(__props.tag?.name ?? "");
+		const nameTrimmed = computed(() => name.value.trim());
+		/** All available documents (collections) in the workspace */
+		const availableDocuments = computed(() => Object.entries(__props.workspaceStore.workspace.documents).map(([name, document]) => ({
+			id: name,
+			label: document.info.title || name
+		})));
+		const selectedDocument = ref(__props.documentName ? availableDocuments.value.find((document) => document.id === __props.documentName) : availableDocuments.value[0] ?? void 0);
+		/**
+		* Check if the form should be disabled.
+		*
+		* In edit mode, disabled when:
+		* - Tag name is empty
+		* - Name is unchanged from the original
+		* - The new name conflicts with an existing tag in the same document
+		*
+		* In create mode, disabled when:
+		* - Tag name is empty
+		* - No collection is selected
+		* - The selected document does not exist
+		* - A tag with the same name already exists in the selected document
+		*/
+		const isDisabled = computed(() => {
+			const document = __props.workspaceStore.workspace.documents[selectedDocument.value?.id ?? ""];
+			if (!nameTrimmed.value || !selectedDocument.value || !document) return true;
+			if (isEditMode.value) {
+				if (nameTrimmed.value === __props.tag?.name) return true;
+			}
+			if (document.tags?.some((tag) => tag.name === nameTrimmed.value)) return true;
+			return false;
+		});
+		/**
+		* Handle form submission.
+		* In edit mode, emits the new name. In create mode, creates the tag via the event bus.
+		*/
+		const handleSubmit = () => {
+			if (isDisabled.value || !selectedDocument.value) return;
+			if (isEditMode.value && __props.tag) {
+				__props.eventBus.emit("tag:edit:tag", {
+					tag: __props.tag,
+					documentName: selectedDocument.value.id,
+					newName: nameTrimmed.value
+				}, { skipUnpackProxy: true });
+				emit("close");
+				return;
+			}
+			__props.eventBus.emit("tag:create:tag", {
+				name: nameTrimmed.value,
+				documentName: selectedDocument.value.id
+			});
+			emit("close");
+		};
+		/** Handle back navigation when user presses backspace on empty input */
+		const handleBack = (event) => {
+			if (isEditMode.value) return;
+			emit("back", event);
+		};
+		/** Handle cancel action in edit mode */
+		const handleCancel = () => {
+			emit("close");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				disabled: isDisabled.value,
+				onSubmit: handleSubmit
+			}, {
+				options: withCtx(() => [!isEditMode.value ? (openBlock(), createBlock(unref(ScalarListbox), {
+					key: 0,
+					modelValue: selectedDocument.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedDocument.value = $event),
+					options: availableDocuments.value
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						class: "hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs",
+						variant: "outlined"
+					}, {
+						default: withCtx(() => [createElementVNode("span", { class: normalizeClass(selectedDocument.value ? "text-c-1" : "text-c-3") }, toDisplayString(selectedDocument.value ? selectedDocument.value.label : "Select Collection"), 3), createVNode(unref(ScalarIcon), {
+							class: "text-c-3",
+							icon: "ChevronDown",
+							size: "md"
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue", "options"])) : createCommentVNode("", true), isEditMode.value ? (openBlock(), createBlock(unref(ScalarButton), {
+					key: 1,
+					class: "max-h-8 px-3 text-xs",
+					variant: "outlined",
+					onClick: handleCancel
+				}, {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Cancel ", -1)])]),
+					_: 1
+				})) : createCommentVNode("", true)]),
+				submit: withCtx(() => [createTextVNode(toDisplayString(isEditMode.value ? "Save" : "Create Tag"), 1)]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: name.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => name.value = $event),
+					label: "Tag Name",
+					placeholder: "Tag Name",
+					onDelete: handleBack
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+//#region src/v2/features/command-palette/hooks/use-command-palette-state.ts
+/**
+* Composable for managing command palette state.
+*
+* Centralizes all state management for the command palette including:
+* - Open/closed state
+* - Filter/search query
+* - Command filtering logic
+*
+* @example
+* const palette = useCommandPaletteState()
+*
+* // Open the palette
+* palette.open()
+*
+* // Open with a specific command
+* palette.open('create-openapi-document')
+*
+* // Open with command props
+* palette.open('import-curl-command', { curl: 'curl https://api.example.com' })
+*
+* // Update filter query (automatically filters commands)
+* palette.setFilterQuery('import')
+*
+* // Access filtered results
+* console.log(palette.filteredCommands.value)
+*
+* // Close and reset
+* palette.close()
+*/
+var useCommandPaletteState = (actions = baseClientActions, routes = baseRoutes) => {
+	const modalState = useModal();
+	const filterQuery = ref("");
+	const activeCommand = shallowRef(null);
+	const activeCommandProps = ref(null);
+	/** Whether the command palette is currently open */
+	const isOpen = computed(() => modalState.open);
+	const fuseActions = computed(() => new Fuse(toValue(actions), {
+		keys: ["name"],
+		threshold: .2
+	}));
+	const fuseRoutes = computed(() => new Fuse(toValue(routes), {
+		keys: ["name"],
+		threshold: .2
+	}));
+	/**
+	* Filtered commands based on the current search query.
+	* When no query is present, returns all visible commands (excluding hidden-folder).
+	* When a query exists, filters commands by name (case-insensitive) and excludes hidden-folder.
+	* Empty groups are excluded from the results.
+	*/
+	const filteredActions = computed(() => {
+		const query = filterQuery.value.toLowerCase().trim();
+		return (query ? fuseActions.value.search(query).map((a) => a.item) : toValue(actions)).filter((a) => !a.hidden);
+	});
+	const filteredRoutes = computed(() => {
+		const query = filterQuery.value.toLowerCase().trim();
+		return query ? fuseRoutes.value.search(query).map((a) => a.item) : toValue(routes);
+	});
+	/**
+	* Opens the command palette, optionally with a specific command active.
+	* If a commandId is provided, that command will be opened immediately.
+	* Props are type-safe and checked against the command's expected props.
+	*/
+	const open = (commandId, ...args) => {
+		if (commandId) {
+			activeCommand.value = toValue(actions).find((a) => a.id === commandId) ?? null;
+			activeCommandProps.value = args[0] ?? null;
+		}
+		modalState.show();
+	};
+	/** Closes the command palette and resets all state */
+	const close = () => {
+		modalState.hide();
+		reset();
+	};
+	/** Updates the filter query for searching commands */
+	const setFilterQuery = (query) => {
+		filterQuery.value = query;
+	};
+	/** Resets all internal state to initial values */
+	const reset = () => {
+		filterQuery.value = "";
+		activeCommand.value = null;
+		activeCommandProps.value = null;
+	};
+	return {
+		isOpen,
+		activeCommand,
+		activeCommandProps,
+		filterQuery,
+		filteredCommands: computed(() => [{
+			label: "",
+			commands: filteredActions.value
+		}, {
+			label: "Pages",
+			commands: filteredRoutes.value
+		}]),
+		open,
+		close,
+		setFilterQuery,
+		reset
+	};
+};
+/**
+* The base naviation routes used in the command palette.
+* This object can be extended and passed to the useCommandPaletteState hook to add custom routes
+*/
+var baseRoutes = [
+	{
+		type: "route",
+		id: "environment",
+		name: "Environment",
+		icon: ScalarIconBracketsCurly,
+		to: { name: "workspace.environment" }
+	},
+	{
+		type: "route",
+		id: "cookies",
+		name: "Cookies",
+		icon: ScalarIconCookie,
+		to: { name: "workspace.cookies" }
+	},
+	{
+		type: "route",
+		id: "settings",
+		name: "Settings",
+		icon: ScalarIconSlidersHorizontal,
+		to: { name: "workspace.settings" }
+	}
+];
+/**
+* The internal client command palette actions
+* This object can be extended and passed to the useCommandPaletteState hook to add custom actions
+*/
+var baseClientActions = [
+	{
+		id: "import-from-openapi-swagger-postman-curl",
+		name: "Import from OpenAPI/Swagger/Postman/cURL",
+		component: CommandPaletteImport_default,
+		icon: ScalarIconArrowSquareIn
+	},
+	{
+		id: "create-openapi-document",
+		name: "Create OpenAPI Document",
+		component: CommandPaletteOpenApiDocument_default,
+		icon: ScalarIconPackage
+	},
+	{
+		id: "add-tag",
+		name: "Add Tag",
+		component: CommandPaletteTag_default,
+		icon: ScalarIconFolder
+	},
+	{
+		id: "create-request",
+		name: "Create Request",
+		component: CommandPaletteRequest_default,
+		icon: ScalarIconArrowUpRight
+	},
+	{
+		id: "add-example",
+		name: "Add Example",
+		component: CommandPaletteExample_default,
+		icon: ScalarIconPuzzlePiece
+	},
+	{
+		id: "import-curl-command",
+		name: "Import cURL Command",
+		hidden: true,
+		component: CommandPaletteImportCurl_default
+	},
+	{
+		id: "edit-tag",
+		name: "Edit Tag",
+		hidden: true,
+		component: CommandPaletteTag_default
+	},
+	{
+		id: "edit-example",
+		name: "Edit Example",
+		hidden: true,
+		component: CommandPaletteExample_default
+	}
+];
+//#endregion
+//#region src/v2/features/collection/helpers/get-default-operation-security-toggle.ts
+/**
+* Determines the default toggle state for operation security.
+* Returns false for 'document' type, undefined if path/method is missing,
+* otherwise checks if there are selected auth schemas for the operation.
+*/
+var getDefaultOperationSecurityToggle = ({ authStore, documentName, ...payload }) => {
+	if (payload.type === "document") return false;
+	return authStore.getAuthSelectedSchemas({
+		type: "operation",
+		documentName,
+		path: payload.path,
+		method: payload.method
+	}) !== void 0;
+};
+//#endregion
+//#region src/v2/features/collection/components/Authentication.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$10 = { class: "flex h-8 items-center" };
+//#endregion
+//#region src/v2/features/collection/components/Authentication.vue
+var Authentication_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Authentication",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		securitySchemes: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function },
+		collectionType: {}
+	},
+	setup(__props) {
+		/**
+		* Compute the authentication metadata based on the current collection type.
+		* If we're working with an operation, include its path and method; otherwise, use the document scope.
+		*/
+		const authMeta = computed(() => {
+			if (__props.collectionType === "operation") return {
+				type: "operation",
+				path: __props.path ?? "",
+				method: __props.method ?? "get"
+			};
+			return { type: "document" };
+		});
+		/**
+		* Compute the operation object based on the current collection type.
+		*/
+		const operation = computed(() => {
+			if (__props.collectionType === "operation") {
+				if (!__props.path || !isHttpMethod(__props.method)) return null;
+				return getResolvedRef(__props.document?.paths?.[__props.path]?.[__props.method]);
+			}
+			return null;
+		});
+		/**
+		* If enabled we use/set the selected security schemes on the operation level
+		*/
+		const useOperationSecurity = ref(false);
+		watchEffect(() => {
+			useOperationSecurity.value = getDefaultOperationSecurityToggle({
+				authStore: __props.workspaceStore.auth,
+				documentName: __props.documentSlug,
+				...authMeta.value
+			});
+		});
+		/** Resolved selected security for the current collection (operation or document), with defaults applied */
+		const selectedSecurity = computed(() => {
+			if (__props.collectionType === "operation") return getSelectedSecurity(void 0, __props.workspaceStore.auth.getAuthSelectedSchemas({
+				type: "operation",
+				documentName: __props.documentSlug,
+				path: __props.path ?? "",
+				method: __props.method ?? "get"
+			}), operation.value?.security ?? []);
+			return getSelectedSecurity(__props.workspaceStore.auth.getAuthSelectedSchemas({
+				type: "document",
+				documentName: __props.documentSlug
+			}), void 0, __props.document?.security ?? []);
+		});
+		/** Compute the security requirements for the operation or document based on the current collection type */
+		const securityRequirements = computed(() => {
+			if (__props.collectionType === "operation") return operation.value?.security ?? [];
+			return __props.document?.security ?? [];
+		});
+		/** Compute the proxy URL for the current layout (for the electron we don't want to use the proxy by default) */
+		const proxyUrl = computed(() => getActiveProxyUrl(__props.workspaceStore.workspace["x-scalar-active-proxy"], __props.layout) ?? "");
+		const servers = computed(() => {
+			return getServers(operation.value?.servers ?? __props.document?.servers, { documentUrl: __props.document?.["x-scalar-original-source-url"] });
+		});
+		/** Grab the currently selected server for relative auth URIs */
+		const server = computed(() => {
+			const documentServer = __props.document?.["x-scalar-selected-server"];
+			const selectedServerUrl = operation.value?.["x-scalar-selected-server"] ?? documentServer;
+			return servers.value.find(({ url }) => url === selectedServerUrl) ?? servers.value[0] ?? null;
+		});
+		/**
+		* Handles toggling operation-level security authentication. (Only for operation collections)
+		* When enabled (`value` is true), overrides document-level authentication for the current operation.
+		* When disabled (`value` is false), reverts to using document-level authentication instead.
+		*/
+		const handleToggleOperationSecurity = (value) => {
+			if (authMeta.value.type !== "operation") return;
+			useOperationSecurity.value = value;
+			if (value) {
+				const { selectedSchemes } = selectedSecurity.value;
+				return __props.eventBus.emit("auth:update:selected-security-schemes", {
+					selectedRequirements: unpackProxyObject(selectedSchemes, { depth: 1 }),
+					newSchemes: [],
+					meta: authMeta.value
+				});
+			}
+			return __props.eventBus.emit("auth:clear:selected-security-schemes", { meta: authMeta.value });
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Section_default, null, createSlots({
+				title: withCtx(() => [_cache[0] || (_cache[0] = createTextVNode("Authentication", -1))]),
+				description: withCtx(() => [__props.collectionType === "operation" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+					_cache[1] || (_cache[1] = createElementVNode("span", { class: "block" }, " Override authentication for this operation with the toggle. ", -1)),
+					_cache[2] || (_cache[2] = createElementVNode("span", { class: "mt-1 block" }, [createElementVNode("strong", null, "On"), createTextVNode(" — Authentication below applies only to this operation. ")], -1)),
+					_cache[3] || (_cache[3] = createElementVNode("span", { class: "mt-1 block" }, [createElementVNode("strong", null, "Off"), createTextVNode(" — This operation uses document-level authentication from the OpenAPI spec. ")], -1))
+				], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Configure authentication for this document. Selected authentication applies to all operations unless overridden at the operation level. ")], 64))]),
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(__props.collectionType === "operation" && !useOperationSecurity.value && "cursor-not-allowed") }, [createVNode(unref(AuthSelector_default), {
+					class: normalizeClass(["scalar-collection-auth border-none!", __props.collectionType === "operation" && !useOperationSecurity.value && "pointer-events-none opacity-50 mix-blend-luminosity"]),
+					createAnySecurityScheme: true,
+					environment: __props.environment,
+					eventBus: __props.eventBus,
+					isStatic: "",
+					meta: authMeta.value,
+					proxyUrl: proxyUrl.value,
+					securityRequirements: securityRequirements.value,
+					securitySchemes: __props.securitySchemes,
+					selectedSecurity: selectedSecurity.value,
+					server: server.value,
+					title: "Authentication"
+				}, null, 8, [
+					"class",
+					"environment",
+					"eventBus",
+					"meta",
+					"proxyUrl",
+					"securityRequirements",
+					"securitySchemes",
+					"selectedSecurity",
+					"server"
+				])], 2)]),
+				_: 2
+			}, [__props.collectionType === "operation" ? {
+				name: "actions",
+				fn: withCtx(() => [createElementVNode("div", _hoisted_1$10, [createVNode(unref(ScalarToggle), {
+					class: "w-4",
+					modelValue: useOperationSecurity.value,
+					"onUpdate:modelValue": handleToggleOperationSecurity
+				}, null, 8, ["modelValue"])])]),
+				key: "0"
+			} : void 0]), 1024);
+		};
+	}
+}), [["__scopeId", "data-v-1550f6bf"]]);
+//#endregion
+//#region src/v2/features/collection/components/Cookies.vue
+var Cookies_default = /* @__PURE__ */ defineComponent({
+	name: "Cookies",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		securitySchemes: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function },
+		collectionType: {}
+	},
+	setup(__props) {
+		const cookies = computed(() => {
+			return (__props.collectionType === "document" ? __props.document["x-scalar-cookies"] : __props.workspaceStore.workspace["x-scalar-cookies"]) ?? [];
+		});
+		return (_ctx, _cache) => {
+			return __props.collectionType !== "operation" ? (openBlock(), createBlock(Section_default, { key: 0 }, {
+				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Cookies", -1)])]),
+				description: withCtx(() => [..._cache[1] || (_cache[1] = [
+					createTextVNode(" Manage your collection's cookies here.", -1),
+					createElementVNode("br", null, null, -1),
+					createTextVNode("Cookies allow you to store and send key-value data with your API requests—often used for things like session tokens, authentication, and saving user preferences.", -1),
+					createElementVNode("br", null, null, -1)
+				])]),
+				default: withCtx(() => [createVNode(unref(CookiesTable_default), {
+					collectionType: __props.collectionType,
+					cookies: cookies.value,
+					eventBus: __props.eventBus
+				}, null, 8, [
+					"collectionType",
+					"cookies",
+					"eventBus"
+				])]),
+				_: 1
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+//#region src/v2/features/collection/components/Environment.vue
+var Environment_default = /* @__PURE__ */ defineComponent({
+	name: "Environment",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		securitySchemes: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function },
+		collectionType: {}
+	},
+	setup(__props) {
+		/** Document or workspace environments */
+		const environments = computed(() => (__props.collectionType === "document" ? __props.document["x-scalar-environments"] : __props.workspaceStore.workspace["x-scalar-environments"]) ?? {});
+		const activeEnvironment = computed(() => {
+			return __props.workspaceStore.workspace["x-scalar-active-environment"];
+		});
+		return (_ctx, _cache) => {
+			return __props.collectionType !== "operation" ? (openBlock(), createBlock(Section_default, { key: 0 }, {
+				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Environment Variables", -1)])]),
+				description: withCtx(() => [..._cache[1] || (_cache[1] = [
+					createTextVNode(" Set environment variables at your collection level. Use ", -1),
+					createElementVNode("code", { class: "font-code text-c-2" }, " {{ variable }} ", -1),
+					createTextVNode(" to add / search among the selected environment's variables in your request inputs. ", -1)
+				])]),
+				default: withCtx(() => [createVNode(unref(EnvironmentsList_default), {
+					activeEnvironment: activeEnvironment.value,
+					collectionType: __props.collectionType,
+					environments: environments.value,
+					eventBus: __props.eventBus
+				}, null, 8, [
+					"activeEnvironment",
+					"collectionType",
+					"environments",
+					"eventBus"
+				])]),
+				_: 1
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+//#region src/v2/features/collection/components/Overview.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$9 = { class: "flex flex-col gap-8" };
+var _hoisted_2$9 = { class: "has-focus-visible:bg-b-1 group rounded-lg" };
+var _hoisted_3$8 = {
+	key: 1,
+	class: "text-c-3 flex items-center justify-center rounded-lg border p-4"
+};
+var _hoisted_4$7 = { class: "flex items-center justify-between gap-4 rounded-lg p-4" };
+var _hoisted_5$6 = { class: "min-w-0 flex-1" };
+var _hoisted_6$3 = { class: "bg-b-2 flex items-center justify-between gap-4 rounded-lg border border-(--scalar-background-3) p-4 text-sm" };
+//#endregion
+//#region src/v2/features/collection/components/Overview.vue
+var Overview_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Overview",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		securitySchemes: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function },
+		collectionType: {}
+	},
+	setup(__props) {
+		const operationLabel = computed(() => {
+			if (!__props.method || !__props.path) return "this operation";
+			return `${typeof __props.method === "string" ? __props.method.toUpperCase() : __props.method} ${__props.path}`;
+		});
+		const description = computed(() => {
+			if (__props.collectionType === "operation") {
+				if (!__props.path || !__props.method || !isHttpMethod(__props.method)) return "";
+				return __props.document?.paths?.[__props.path]?.[__props.method]?.description ?? "";
+			}
+			return __props.document?.info?.description ?? "";
+		});
+		const deprecated = computed(() => {
+			if (__props.collectionType !== "operation" || !__props.path || !isHttpMethod(__props.method)) return false;
+			return (__props.document?.paths?.[__props.path]?.[__props.method])?.deprecated ?? false;
+		});
+		const mode = ref("preview");
+		const codeInputRef = useTemplateRef("codeInputRef");
+		/**
+		* Switch between edit and preview modes.
+		* When switching to edit mode, focus the input after the DOM updates.
+		*/
+		const switchMode = async (newMode) => {
+			mode.value = newMode;
+			if (newMode === "edit") {
+				await nextTick();
+				codeInputRef.value?.focus();
+			}
+		};
+		/**
+		* Updates the description of the collection
+		* @param payload - The new description
+		* @returns void
+		*/
+		const handleDescriptionUpdate = async (payload) => {
+			await switchMode("preview");
+			/** If the collection type is a document, update the description of the document */
+			if (__props.collectionType === "document") return __props.eventBus.emit("document:update:info", { description: payload });
+			/** If the collection type is an operation, update the description of the operation */
+			if (__props.collectionType === "operation") {
+				if (!__props.path || !__props.method) {
+					console.error("Invalid path or method", {
+						path: __props.path,
+						method: __props.method
+					});
+					return;
+				}
+				return __props.eventBus.emit("operation:update:meta", {
+					meta: {
+						path: __props.path,
+						method: __props.method
+					},
+					payload: { description: payload }
+				});
+			}
+			console.error("Invalid collection type", { collectionType: __props.collectionType });
+		};
+		const handleDeprecatedChange = (value) => {
+			if (__props.collectionType !== "operation" || !__props.path || !__props.method) return;
+			__props.eventBus.emit("operation:update:meta", {
+				meta: {
+					path: __props.path,
+					method: __props.method
+				},
+				payload: { deprecated: value }
+			});
+		};
+		const deleteOperationModal = useModal();
+		const handleDeleteOperation = () => {
+			if (__props.collectionType !== "operation" || !__props.path || !__props.method || !__props.documentSlug) return;
+			__props.eventBus.emit("operation:delete:operation", {
+				documentName: __props.documentSlug,
+				meta: {
+					path: __props.path,
+					method: __props.method
+				}
+			});
+			deleteOperationModal.hide();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", _hoisted_1$9, [createVNode(Section_default, null, {
+				title: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Description", -1)])]),
+				actions: withCtx(() => [mode.value === "preview" ? (openBlock(), createBlock(unref(ScalarButton), {
+					key: 0,
+					class: "text-c-2 hover:text-c-1 flex items-center gap-2",
+					size: "sm",
+					type: "button",
+					variant: "outlined",
+					onClick: _cache[0] || (_cache[0] = ($event) => switchMode("edit"))
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarIconPencil), {
+						size: "sm",
+						thickness: "1.5"
+					}), _cache[6] || (_cache[6] = createElementVNode("span", null, "Edit", -1))]),
+					_: 1
+				})) : createCommentVNode("", true)]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_2$9, [mode.value === "preview" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [description.value.trim().length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(ScalarMarkdown), {
+					class: "flex-1 rounded border border-transparent p-1.5 hover:border-(--scalar-background-3)",
+					value: description.value,
+					withImages: "",
+					onDblclick: _cache[1] || (_cache[1] = ($event) => switchMode("edit"))
+				}, null, 8, ["value"]), _cache[7] || (_cache[7] = createElementVNode("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)) : (openBlock(), createElementBlock("div", _hoisted_3$8, [createVNode(unref(ScalarButton), {
+					class: "hover:bg-b-2 hover:text-c-1 text-c-2 flex items-center gap-2",
+					size: "sm",
+					variant: "ghost",
+					onClick: _cache[2] || (_cache[2] = ($event) => switchMode("edit"))
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarIconPencil), {
+						size: "sm",
+						thickness: "1.5"
+					}), _cache[8] || (_cache[8] = createElementVNode("span", null, "Write a description", -1))]),
+					_: 1
+				})]))], 64)) : (openBlock(), createBlock(unref(CodeInput_default), {
+					key: 1,
+					ref_key: "codeInputRef",
+					ref: codeInputRef,
+					class: "border px-0.5 py-0",
+					environment: void 0,
+					layout: __props.layout,
+					modelValue: description.value,
+					onBlur: handleDescriptionUpdate
+				}, null, 8, ["layout", "modelValue"]))])]),
+				_: 1
+			}), __props.collectionType === "operation" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(Section_default, null, {
+				title: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode("Status", -1)])]),
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["rounded-lg border text-sm transition-colors", deprecated.value ? "border-(--scalar-color-alert) bg-(--scalar-background-alert)" : "bg-b-2 border-(--scalar-background-3)"]) }, [createElementVNode("div", _hoisted_4$7, [createElementVNode("div", _hoisted_5$6, [createElementVNode("h4", { class: normalizeClass(["font-medium", deprecated.value ? "text-(--scalar-color-alert)" : "text-c-1"]) }, " Deprecated ", 2), _cache[10] || (_cache[10] = createElementVNode("p", { class: "text-c-2 mt-1.5" }, " Mark this operation as deprecated. Consumers SHOULD refrain from using it. ", -1))]), createVNode(unref(ScalarToggle), {
+					class: "shrink-0",
+					modelValue: deprecated.value,
+					"onUpdate:modelValue": handleDeprecatedChange
+				}, null, 8, ["modelValue"])])], 2)]),
+				_: 1
+			}), createVNode(Section_default, null, {
+				title: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode("Danger Zone", -1)])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_6$3, [_cache[13] || (_cache[13] = createElementVNode("div", { class: "min-w-0 flex-1" }, [createElementVNode("h4", { class: "text-c-1 font-medium" }, "Delete Operation"), createElementVNode("p", { class: "text-c-2 mt-1.5" }, " Be careful, my friend. Once deleted, there is no way to recover the operation. ")], -1)), createVNode(unref(ScalarButton), {
+					class: "shrink-0",
+					size: "sm",
+					variant: "danger",
+					onClick: _cache[3] || (_cache[3] = ($event) => unref(deleteOperationModal).show())
+				}, {
+					default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode(" Delete Operation ", -1)])]),
+					_: 1
+				})])]),
+				_: 1
+			})], 64)) : createCommentVNode("", true)]), createVNode(unref(ScalarModal), {
+				size: "xxs",
+				state: unref(deleteOperationModal),
+				title: `Delete ${operationLabel.value}`
+			}, {
+				default: withCtx(() => [createVNode(DeleteSidebarListElement_default, {
+					variableName: operationLabel.value,
+					warningMessage: "This action cannot be undone.",
+					onClose: _cache[4] || (_cache[4] = ($event) => unref(deleteOperationModal).hide()),
+					onDelete: handleDeleteOperation
+				}, null, 8, ["variableName"])]),
+				_: 1
+			}, 8, ["state", "title"])], 64);
+		};
+	}
+}), [["__scopeId", "data-v-d486ea71"]]);
+//#endregion
+//#region src/v2/features/collection/components/Form.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$8 = { key: 0 };
+var _hoisted_2$8 = { class: "flex flex-1 flex-col gap-1.5" };
+var _hoisted_3$7 = ["for"];
+var _hoisted_4$6 = { class: "centered-y bg-b-2 flex-center absolute right-1 z-1 rounded px-1 py-0.5" };
+//#endregion
+//#region src/v2/features/collection/components/Form.vue
+var Form_default = /* @__PURE__ */ defineComponent({
+	__name: "Form",
+	props: {
+		title: {},
+		options: {},
+		data: {},
+		onUpdate: { type: Function },
+		environment: {}
+	},
+	setup(__props) {
+		const id = useId();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayoutSection_default, { class: "last:rounded-b-lg" }, createSlots({
+				default: withCtx(() => [createElementVNode("div", _hoisted_2$8, [Object.keys(__props.data).length > 0 ? (openBlock(), createBlock(DataTable_default, {
+					key: 0,
+					class: "rounded-b-lg",
+					columns: [""]
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+						return openBlock(), createBlock(DataTableRow_default, { key: index }, {
+							default: withCtx(() => [createVNode(DataTableInput_default, {
+								id: unref(id),
+								class: "pr-9",
+								environment: __props.environment,
+								lineWrapping: option.lineWrapping ?? false,
+								modelValue: __props.data[option.key] ?? "",
+								placeholder: option.placeholder,
+								"onUpdate:modelValue": ($event) => __props.onUpdate(option.key, $event)
+							}, createSlots({
+								default: withCtx(() => [createElementVNode("label", { for: unref(id) }, toDisplayString(option.label), 9, _hoisted_3$7)]),
+								_: 2
+							}, [option.key === "description" ? {
+								name: "icon",
+								fn: withCtx(() => [createElementVNode("div", _hoisted_4$6, [createVNode(unref(ScalarIcon), {
+									icon: "Markdown",
+									size: "lg"
+								})])]),
+								key: "0"
+							} : void 0]), 1032, [
+								"id",
+								"environment",
+								"lineWrapping",
+								"modelValue",
+								"placeholder",
+								"onUpdate:modelValue"
+							])]),
+							_: 2
+						}, 1024);
+					}), 128))]),
+					_: 1
+				})) : createCommentVNode("", true)])]),
+				_: 2
+			}, [__props.title || _ctx.$slots.title ? {
+				name: "title",
+				fn: withCtx(() => [__props.title ? (openBlock(), createElementBlock("span", _hoisted_1$8, toDisplayString(__props.title), 1)) : renderSlot(_ctx.$slots, "title", { key: 1 })]),
+				key: "0"
+			} : void 0]), 1024);
+		};
+	}
+});
+//#endregion
+//#region src/v2/features/collection/components/Servers.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = { class: "flex h-8 items-center" };
+var _hoisted_2$7 = { class: "flex flex-col gap-4" };
+var _hoisted_3$6 = { class: "bg-b-2 flex items-center justify-between rounded-t-lg px-3 py-1 text-sm" };
+var _hoisted_4$5 = {
+	key: 1,
+	class: "self-center"
+};
+var _hoisted_5$5 = { class: "divide-0 flex w-full flex-col divide-y rounded-b-lg text-sm" };
+var _hoisted_6$2 = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" };
+//#endregion
+//#region src/v2/features/collection/components/Servers.vue
+var Servers_default = /* @__PURE__ */ defineComponent({
+	__name: "Servers",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		securitySchemes: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function },
+		collectionType: {}
+	},
+	setup(__props) {
+		const deleteModal = useModal();
+		const selectedServerIndex = ref(-1);
+		const isOperation = computed(() => __props.collectionType === "operation");
+		const operation = computed(() => {
+			if (!isOperation.value) return null;
+			if (!__props.path || !isHttpMethod(__props.method)) return null;
+			return getResolvedRef(__props.document?.paths?.[__props.path]?.[__props.method]);
+		});
+		const useOperationServers = ref(false);
+		watchEffect(() => {
+			useOperationServers.value = operation.value?.servers !== void 0;
+		});
+		/** Grab the servers for the collection */
+		const servers = computed(() => {
+			if (__props.collectionType === "operation" && operation.value) return operation.value.servers ?? [];
+			return __props.document?.servers ?? [];
+		});
+		/** Grab whichever server we are working on */
+		const selectedServer = computed(() => servers.value[selectedServerIndex.value]);
+		/** Meta for server events: document-level or operation-level based on collection type */
+		const serverMeta = computed(() => {
+			if (__props.collectionType === "operation" && __props.path && isHttpMethod(__props.method)) return {
+				type: "operation",
+				path: __props.path,
+				method: __props.method
+			};
+			return { type: "document" };
+		});
+		const FORM_OPTIONS = [{
+			label: "URL",
+			key: "url",
+			placeholder: "https://void.scalar.com"
+		}, {
+			label: "Description",
+			key: "description",
+			placeholder: "Production",
+			lineWrapping: true
+		}];
+		/** Opens the delete confirmation modal for a server */
+		const openDeleteModal = (index) => {
+			selectedServerIndex.value = index;
+			deleteModal.show();
+		};
+		/** Closes the delete modal and resets the selected server */
+		const resetState = () => {
+			deleteModal.hide();
+			selectedServerIndex.value = -1;
+		};
+		/** Handles server deletion */
+		const handleDeleteServer = () => {
+			if (selectedServerIndex.value < 0) return;
+			__props.eventBus.emit("server:delete:server", {
+				index: selectedServerIndex.value,
+				meta: serverMeta.value
+			});
+			resetState();
+		};
+		/** Debounced execute function for server updates, keyed so we only debounce by server + key */
+		const { execute } = debounce({
+			delay: 328,
+			maxWait: 1e3
+		});
+		/** Handles server property updates with debouncing */
+		const handleServerUpdate = (index, key, value) => execute(`${index}-${key}-${serverMeta.value.type}`, () => __props.eventBus.emit("server:update:server", {
+			index,
+			server: { [key]: value },
+			meta: serverMeta.value
+		}));
+		/** Handles server variable updates with debouncing */
+		const handleVariableUpdate = (index, key, value) => execute(`${index}-${key}-${serverMeta.value.type}`, () => __props.eventBus.emit("server:update:variables", {
+			index,
+			key,
+			value,
+			meta: serverMeta.value
+		}));
+		/** Handles adding a new server */
+		const handleAddServer = () => __props.eventBus.emit("server:add:server", { meta: serverMeta.value });
+		/**
+		* Gets the display name for a server
+		*/
+		const getServerDisplayName = (server, index = 0) => server?.description || `Server ${index + 1}`;
+		/** Handles toggling the operation servers */
+		const handleToggleOperationServers = (value) => {
+			if (serverMeta.value.type !== "operation") return;
+			useOperationServers.value = value;
+			if (value) return __props.eventBus.emit("server:initialize:servers", { meta: serverMeta.value });
+			return __props.eventBus.emit("server:clear:servers", { meta: serverMeta.value });
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(Section_default, null, createSlots({
+				title: withCtx(() => [_cache[0] || (_cache[0] = createTextVNode("Servers", -1))]),
+				description: withCtx(() => [isOperation.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+					_cache[1] || (_cache[1] = createElementVNode("span", { class: "block" }, " Override servers for this operation with the toggle. ", -1)),
+					_cache[2] || (_cache[2] = createElementVNode("span", { class: "mt-1 block" }, [createElementVNode("strong", null, "On"), createTextVNode(" — Servers below apply only to this operation. ")], -1)),
+					_cache[3] || (_cache[3] = createElementVNode("span", { class: "mt-1 block" }, [createElementVNode("strong", null, "Off"), createTextVNode(" — Removes operation servers; this operation uses document or path servers from the OpenAPI spec. ")], -1)),
+					_cache[4] || (_cache[4] = createElementVNode("span", { class: "text-c-3 mt-1 block" }, [
+						createTextVNode(" Use "),
+						createElementVNode("code", { class: "font-code text-c-2" }, "{variables}"),
+						createTextVNode(" for dynamic URL parts. ")
+					], -1))
+				], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+					_cache[5] || (_cache[5] = createTextVNode(" Add different base URLs for your API. Use ", -1)),
+					_cache[6] || (_cache[6] = createElementVNode("code", { class: "font-code text-c-2" }, "{variables}", -1)),
+					_cache[7] || (_cache[7] = createTextVNode(" for dynamic parts. ", -1))
+				], 64))]),
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(isOperation.value && !useOperationServers.value && "cursor-not-allowed") }, [createElementVNode("div", { class: normalizeClass(["flex flex-col gap-4", isOperation.value && !useOperationServers.value && "pointer-events-none cursor-not-allowed opacity-50 mix-blend-luminosity"]) }, [createElementVNode("div", _hoisted_2$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(servers.value, (server, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: index,
+						class: "rounded-lg border"
+					}, [createElementVNode("div", _hoisted_3$6, [server.description ? (openBlock(), createBlock(unref(ScalarMarkdown), {
+						key: 0,
+						class: "self-center",
+						value: server.description
+					}, null, 8, ["value"])) : (openBlock(), createElementBlock("span", _hoisted_4$5, toDisplayString(getServerDisplayName(server, index)), 1)), createVNode(unref(ScalarButton), {
+						class: "hover:bg-b-3 hover:text-c-1 h-fit p-1.25",
+						"data-testid": "delete-server-button",
+						variant: "ghost",
+						onClick: ($event) => openDeleteModal(index)
+					}, {
+						default: withCtx(() => [createVNode(unref(ScalarIconTrash), { class: "size-3.5" })]),
+						_: 1
+					}, 8, ["onClick"])]), createElementVNode("div", _hoisted_5$5, [createVNode(Form_default, {
+						data: server,
+						environment: __props.environment,
+						onUpdate: (key, value) => handleServerUpdate(index, key, value),
+						options: FORM_OPTIONS
+					}, null, 8, [
+						"data",
+						"environment",
+						"onUpdate"
+					]), server.variables ? (openBlock(), createBlock(unref(ServerVariablesForm_default), {
+						key: 0,
+						variables: server.variables,
+						"onUpdate:variable": (name, value) => handleVariableUpdate(index, name, value)
+					}, null, 8, ["variables", "onUpdate:variable"])) : createCommentVNode("", true)])]);
+				}), 128))]), createElementVNode("div", _hoisted_6$2, [createVNode(unref(ScalarButton), {
+					class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
+					size: "sm",
+					variant: "ghost",
+					onClick: handleAddServer
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarIconPlus)), _cache[8] || (_cache[8] = createElementVNode("span", null, "Add Server", -1))]),
+					_: 1
+				})])], 2)], 2)]),
+				_: 2
+			}, [isOperation.value ? {
+				name: "actions",
+				fn: withCtx(() => [createElementVNode("div", _hoisted_1$7, [createVNode(unref(ScalarToggle), {
+					class: "w-4",
+					modelValue: useOperationServers.value,
+					"onUpdate:modelValue": handleToggleOperationServers
+				}, null, 8, ["modelValue"])])]),
+				key: "0"
+			} : void 0]), 1024), createVNode(unref(ScalarModal), {
+				size: "xxs",
+				state: unref(deleteModal),
+				title: `Delete ${getServerDisplayName(selectedServer.value, selectedServerIndex.value)}`
+			}, {
+				default: withCtx(() => [createVNode(DeleteSidebarListElement_default, {
+					variableName: "Server",
+					warningMessage: "Are you sure you want to delete this server? This action cannot be undone.",
+					onClose: resetState,
+					onDelete: handleDeleteServer
+				})]),
+				_: 1
+			}, 8, ["state", "title"])], 64);
+		};
+	}
+});
+//#endregion
+//#region src/v2/features/collection/components/Settings.vue
+var Settings_default = /* @__PURE__ */ defineComponent({
+	__name: "Settings",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		securitySchemes: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function },
+		collectionType: {}
+	},
+	setup(__props) {
+		const handleUpdateWatchMode = (watchMode) => {
+			__props.eventBus.emit("document:update:watch-mode", watchMode);
+		};
+		const handleUpdateThemeSlug = (themeSlug) => {
+			__props.eventBus.emit("workspace:update:theme", themeSlug);
+		};
+		const handleUpdateActiveProxy = (proxy) => {
+			__props.eventBus.emit("workspace:update:active-proxy", proxy);
+		};
+		const handleUpdateColorMode = (colorMode) => {
+			__props.eventBus.emit("workspace:update:color-mode", colorMode);
+		};
+		return (_ctx, _cache) => {
+			return __props.collectionType === "document" ? (openBlock(), createBlock(unref(DocumentSettings_default), {
+				key: 0,
+				documentUrl: __props.document?.["x-scalar-original-source-url"],
+				isDraftDocument: __props.documentSlug === "drafts",
+				title: __props.document?.info.title ?? "",
+				watchMode: __props.document?.["x-scalar-watch-mode"],
+				"onDelete:document": _cache[0] || (_cache[0] = ($event) => __props.eventBus.emit("document:delete:document", { name: __props.documentSlug })),
+				"onUpdate:watchMode": handleUpdateWatchMode
+			}, null, 8, [
+				"documentUrl",
+				"isDraftDocument",
+				"title",
+				"watchMode"
+			])) : (openBlock(), createBlock(unref(CollectionSettings_default), {
+				key: 1,
+				activeProxyUrl: unref(getActiveProxyUrl)(__props.workspaceStore.workspace["x-scalar-active-proxy"], __props.layout),
+				activeThemeSlug: __props.workspaceStore.workspace["x-scalar-theme"] ?? "none",
+				colorMode: __props.workspaceStore.workspace["x-scalar-color-mode"] ?? "system",
+				customThemes: __props.customThemes,
+				"onUpdate:colorMode": handleUpdateColorMode,
+				"onUpdate:proxyUrl": handleUpdateActiveProxy,
+				"onUpdate:themeSlug": handleUpdateThemeSlug
+			}, null, 8, [
+				"activeProxyUrl",
+				"activeThemeSlug",
+				"colorMode",
+				"customThemes"
+			]));
+		};
+	}
+});
+//#endregion
+//#region src/v2/components/callout/Callout.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$6 = { class: "flex w-full flex-col gap-2" };
+var _hoisted_2$6 = { class: "flex items-start gap-2" };
+var _hoisted_3$5 = {
+	class: "callout-content__icon",
+	"data-scalar-name": "callout-icon"
+};
+var _hoisted_4$4 = { class: "callout-content__text" };
+var _hoisted_5$4 = {
+	key: 0,
+	class: "flex justify-end gap-2"
+};
+//#endregion
+//#region src/v2/components/callout/Callout.vue
+var Callout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Callout",
+	props: { type: {} },
+	setup(__props) {
+		const slots = useSlots();
+		const iconsMapping = {
+			info: ScalarIconInfo,
+			success: ScalarIconCheckCircle,
+			warning: ScalarIconWarning,
+			danger: ScalarIconWarningCircle,
+			neutral: ScalarIconInfo
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(`callout t-editor__callout callout__${__props.type}`) }, [createElementVNode("div", _hoisted_1$6, [createElementVNode("div", _hoisted_2$6, [createElementVNode("div", _hoisted_3$5, [(openBlock(), createBlock(resolveDynamicComponent(iconsMapping[__props.type]), { class: "size-5 shrink-0" }))]), createElementVNode("div", _hoisted_4$4, [createVNode(slots.default)])]), slots.actions ? (openBlock(), createElementBlock("div", _hoisted_5$4, [createVNode(slots.actions)])) : createCommentVNode("", true)])], 2);
+		};
+	}
+}), [["__scopeId", "data-v-fa58cbab"]]);
+//#endregion
+//#region src/v2/features/collection/components/LabelInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$5 = { class: "group pointer-events-none flex flex-1 items-center gap-1" };
+var _hoisted_2$5 = ["for"];
+var _hoisted_3$4 = ["id", "placeholder"];
+//#endregion
+//#region src/v2/features/collection/components/LabelInput.vue
+var LabelInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "LabelInput",
+	props: /* @__PURE__ */ mergeModels({ placeholder: {} }, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["blur"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const model = useModel(__props, "modelValue");
+		const id = useId();
+		const handleBlur = () => {
+			emit("blur", model.value);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$5, [createElementVNode("label", {
+				class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
+				for: unref(id)
+			}, null, 8, _hoisted_2$5), withDirectives(createElementVNode("input", {
+				id: unref(id),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				class: "text-c-1 group-hover-input pointer-events-auto relative -ml-0.5 h-8 w-full flex-1 rounded pl-1.25 has-[:focus-visible]:outline md:-ml-1.25",
+				placeholder: __props.placeholder ?? "Untitled Document",
+				onBlur: handleBlur,
+				onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => $event.target?.blur(), ["enter"]))
+			}, null, 40, _hoisted_3$4), [[vModelText, model.value]])]);
+		};
+	}
+}), [["__scopeId", "data-v-2f09f15e"]]);
+//#endregion
+//#region src/v2/features/editor/hooks/use-three-way-merge-editor.ts
+/**
+* Shared state and logic for a 3-way merge editor (base | local | remote → result).
+* Create editors by calling init() with the three container elements (e.g. from refs in onMounted).
+* Call dispose() in onUnmounted.
+*
+* @example
+* ```vue
+* <script setup lang="ts">
+* const localRef = ref<HTMLDivElement>()
+* const remoteRef = ref<HTMLDivElement>()
+* const resultRef = ref<HTMLDivElement>()
+*
+* const mergeEditor = useThreeWayMergeEditor({
+*   baseDocument,
+*   resolvedDocument,
+*   conflicts,
+*   onApplyChanges: (doc) => emit('applyChanges', { resolvedDocument: doc }),
+*   onError: (msg) => toast(msg, 'error'),
+* })
+*
+* onMounted(() => {
+*   const local = localRef.value
+*   const remote = remoteRef.value
+*   const result = resultRef.value
+*   if (local && remote && result) {
+*     mergeEditor.init({ local, remote, result })
+*   }
+* })
+*
+* onUnmounted(() => {
+*   mergeEditor.dispose()
+* })
+* <\/script>
+*
+* <template>
+*   <div ref="localRef" />
+*   <div ref="remoteRef" />
+*   <div ref="resultRef" />
+*   <button @click="mergeEditor.goToNextConflict">Next conflict</button>
+*   <button :disabled="mergeEditor.conflictsLeft > 0" @click="mergeEditor.applyResolvedConflicts">
+*     Apply ({{ mergeEditor.conflictsLeft }} left)
+*   </button>
+* </template>
+* ```
+*/
+function useThreeWayMergeEditor(options) {
+	const { baseDocument, resolvedDocument, conflicts, onApplyChanges, onError } = options;
+	const resolvedConflicts = ref([]);
+	const conflictRangesState = shallowRef([]);
+	const localConflictRangesState = shallowRef([]);
+	const remoteConflictRangesState = shallowRef([]);
+	const lastNavigatedConflictIndex = ref(-1);
+	const localChangesEditor = shallowRef();
+	const remoteChangesEditor = shallowRef();
+	const resultEditor = shallowRef();
+	let resultCodeLensProviderDisposable;
+	let jsonPointerLinkSupportDispose;
+	const codeLensCommandDisposables = [];
+	/** Models created in init(); disposed in dispose() to avoid leaks when the sync conflict modal closes. */
+	let modelsToDispose = [];
+	const normalizeConflicts = computed(() => {
+		return toValue(conflicts).map((conflict) => {
+			const localChanges = conflict[0];
+			const remoteChanges = conflict[1];
+			let smallestPath = localChanges[0].path;
+			for (const localChange of localChanges) if (localChange.path.length < smallestPath.length) smallestPath = localChange.path;
+			for (const remoteChange of remoteChanges) if (remoteChange.path.length < smallestPath.length) smallestPath = remoteChange.path;
+			return {
+				local: {
+					path: smallestPath,
+					changes: localChanges,
+					type: localChanges[0].type
+				},
+				remote: {
+					path: smallestPath,
+					changes: remoteChanges,
+					type: remoteChanges[0].type
+				}
+			};
+		});
+	});
+	const documentWithLocalChanges = computed(() => apply(deepClone(toValue(resolvedDocument)), toValue(conflicts).flatMap((it) => it[0])));
+	const documentWithRemoteChanges = computed(() => apply(deepClone(toValue(resolvedDocument)), toValue(conflicts).flatMap((it) => it[1])));
+	const conflictsLeft = computed(() => resolvedConflicts.value.filter((status) => status === "idle").length);
+	watch(normalizeConflicts, (nextConflicts) => {
+		resolvedConflicts.value = nextConflicts.map((_, index) => resolvedConflicts.value[index] ?? "idle");
+	}, { immediate: true });
+	const focusEditorRange = (diffEditor, range) => {
+		if (!diffEditor || !range) return;
+		const modifiedEditor = diffEditor.getModifiedEditor();
+		const safeRange = new monaco.Range(range.startLineNumber, range.startColumn, range.endLineNumber, range.endColumn);
+		modifiedEditor.setSelection(safeRange);
+		modifiedEditor.revealRangeNearTop(safeRange);
+	};
+	const goToNextConflict = () => {
+		const unresolvedConflictIndexes = normalizeConflicts.value.map((_, index) => index).filter((index) => resolvedConflicts.value[index] === "idle");
+		if (!unresolvedConflictIndexes.length) return;
+		const nextConflictIndex = unresolvedConflictIndexes.find((index) => index > lastNavigatedConflictIndex.value) ?? unresolvedConflictIndexes[0];
+		if (nextConflictIndex === void 0) return;
+		if (!normalizeConflicts.value[nextConflictIndex]) return;
+		const localRange = localConflictRangesState.value.find((cr) => cr.index === nextConflictIndex)?.range;
+		const remoteRange = remoteConflictRangesState.value.find((cr) => cr.index === nextConflictIndex)?.range;
+		const resultRange = conflictRangesState.value.find((cr) => cr.index === nextConflictIndex)?.range;
+		focusEditorRange(localChangesEditor.value, localRange);
+		focusEditorRange(remoteChangesEditor.value, remoteRange);
+		focusEditorRange(resultEditor.value, resultRange);
+		resultEditor.value?.getModifiedEditor().focus();
+		lastNavigatedConflictIndex.value = nextConflictIndex;
+	};
+	const applyResolvedConflicts = () => {
+		if (conflictsLeft.value > 0) {
+			onError?.("You have conflicts left");
+			return;
+		}
+		const modifiedResultModel = resultEditor.value?.getModel()?.modified;
+		if (!modifiedResultModel) return;
+		let nextResolvedDocument = null;
+		try {
+			nextResolvedDocument = JSON.parse(modifiedResultModel.getValue());
+		} catch {
+			onError?.("You have formatting errors");
+			return;
+		}
+		onApplyChanges(nextResolvedDocument);
+	};
+	const init = (containers) => {
+		const base = toValue(baseDocument);
+		const resolved = toValue(resolvedDocument);
+		const localDoc = documentWithLocalChanges.value;
+		const remoteDoc = documentWithRemoteChanges.value;
+		const originalModelLocal = monaco.editor.createModel(JSON.stringify(resolved, null, 2), "json");
+		const modifiedModelLocal = createJsonModel(JSON.stringify(localDoc, null, 2));
+		const originalModelRemote = monaco.editor.createModel(JSON.stringify(resolved, null, 2), "json");
+		const modifiedModelRemote = createJsonModel(JSON.stringify(remoteDoc, null, 2));
+		const originalResultModel = monaco.editor.createModel(JSON.stringify(base, null, 2), "json");
+		const modifiedResultModel = createJsonModel(JSON.stringify(resolved, null, 2));
+		modelsToDispose = [
+			originalModelLocal,
+			modifiedModelLocal.model,
+			originalModelRemote,
+			modifiedModelRemote.model,
+			originalResultModel,
+			modifiedResultModel.model
+		];
+		const localDiffEditor = monaco.editor.createDiffEditor(containers.local, {
+			originalEditable: false,
+			readOnly: true,
+			automaticLayout: true,
+			renderSideBySide: false
+		});
+		localDiffEditor.setModel({
+			original: originalModelLocal,
+			modified: modifiedModelLocal.model
+		});
+		localChangesEditor.value = localDiffEditor;
+		const remoteDiffEditor = monaco.editor.createDiffEditor(containers.remote, {
+			originalEditable: false,
+			readOnly: true,
+			automaticLayout: true,
+			renderSideBySide: false
+		});
+		remoteDiffEditor.setModel({
+			original: originalModelRemote,
+			modified: modifiedModelRemote.model
+		});
+		remoteChangesEditor.value = remoteDiffEditor;
+		const resultDiffEditor = monaco.editor.createDiffEditor(containers.result, {
+			originalEditable: false,
+			readOnly: false,
+			renderSideBySide: false,
+			automaticLayout: true
+		});
+		resultDiffEditor.setModel({
+			original: originalResultModel,
+			modified: modifiedResultModel.model
+		});
+		const resultModifiedEditor = resultDiffEditor.getModifiedEditor();
+		resultModifiedEditor.updateOptions({ codeLens: true });
+		const focusResultPath = async (path) => {
+			const range = await modifiedResultModel.getRangeFromPath(path);
+			if (!range) return;
+			const safeRange = new monaco.Range(range.startLineNumber, range.startColumn, range.endLineNumber, range.endColumn);
+			resultModifiedEditor.setSelection(safeRange);
+			resultModifiedEditor.revealRangeNearTop(safeRange);
+		};
+		const navigateJsonPointer = async (pointer) => {
+			const path = parseJsonPointerPath(pointer);
+			if (!path) return;
+			await focusResultPath(path);
+		};
+		jsonPointerLinkSupportDispose = ensureJsonPointerLinkSupport(navigateJsonPointer).dispose;
+		let resultHighlightDecorations = [];
+		let suppressedChangeEvents = 0;
+		const applyCurrentCodeLensCommandId = "scalar.conflict.applyCurrent";
+		const applyRemoteCodeLensCommandId = "scalar.conflict.applyRemote";
+		const ignoreCodeLensCommandId = "scalar.conflict.ignore";
+		const noOpCodeLensCommandId = resultModifiedEditor.addCommand(0, () => void 0) ?? "scalar.conflict.status.noop";
+		const getBoxDecorationsForRange = (range) => {
+			const startLine = range.startLineNumber;
+			const endLine = range.endLineNumber;
+			if (startLine === endLine) return [{
+				range,
+				options: {
+					isWholeLine: true,
+					className: "json-focus-highlight-box-single"
+				}
+			}];
+			const topRange = new monaco.Range(startLine, 1, startLine, range.endColumn);
+			const middleRange = new monaco.Range(startLine + 1, 1, Math.max(startLine + 1, endLine - 1), 1);
+			const bottomRange = new monaco.Range(endLine, 1, endLine, range.endColumn);
+			const decorations = [{
+				range: topRange,
+				options: {
+					isWholeLine: true,
+					className: "json-focus-highlight-box-top"
+				}
+			}, {
+				range: bottomRange,
+				options: {
+					isWholeLine: true,
+					className: "json-focus-highlight-box-bottom"
+				}
+			}];
+			if (endLine - startLine > 1) decorations.push({
+				range: middleRange,
+				options: {
+					isWholeLine: true,
+					className: "json-focus-highlight-box-middle"
+				}
+			});
+			return decorations;
+		};
+		const refreshCodeLensProvider = () => {
+			resultCodeLensProviderDisposable?.dispose();
+			resultCodeLensProviderDisposable = monaco.languages.registerCodeLensProvider("json", { provideCodeLenses: (model) => {
+				if (model.uri.toString() !== modifiedResultModel.model.uri.toString()) return {
+					lenses: [],
+					dispose: () => void 0
+				};
+				return {
+					lenses: conflictRangesState.value.flatMap((conflictRange) => {
+						const lensRange = new monaco.Range(conflictRange.range.startLineNumber, 1, conflictRange.range.startLineNumber, 1);
+						return [
+							{
+								range: lensRange,
+								command: {
+									id: noOpCodeLensCommandId,
+									title: `Status: ${resolvedConflicts.value[conflictRange.index] ?? "idle"}`
+								}
+							},
+							{
+								range: lensRange,
+								command: {
+									id: applyCurrentCodeLensCommandId,
+									title: "Accept Current",
+									arguments: [conflictRange.index]
+								}
+							},
+							{
+								range: lensRange,
+								command: {
+									id: applyRemoteCodeLensCommandId,
+									title: "Accept Remote",
+									arguments: [conflictRange.index]
+								}
+							},
+							{
+								range: lensRange,
+								command: {
+									id: ignoreCodeLensCommandId,
+									title: "Ignore",
+									arguments: [conflictRange.index]
+								}
+							}
+						];
+					}),
+					dispose: () => void 0
+				};
+			} });
+		};
+		const getConflictRange = async (editorModel, index, path) => {
+			const { model } = editorModel;
+			const fallbackRange = new monaco.Range(1, 1, 1, model.getLineMaxColumn(1));
+			let range = null;
+			for (let depth = path.length; depth >= 0; depth -= 1) {
+				const candidatePath = path.slice(0, depth);
+				const nodeRange = await editorModel.getRangeFromPath(candidatePath);
+				if (!nodeRange) continue;
+				range = rangeToWholeLine(model, nodeRange);
+				break;
+			}
+			return {
+				index,
+				path,
+				range: markRaw(range ?? fallbackRange)
+			};
+		};
+		const refreshConflictRangesAndDecorations = async () => {
+			const [resultRanges, localRanges, remoteRanges] = await Promise.all([
+				Promise.all(normalizeConflicts.value.map((conflict, index) => getConflictRange(modifiedResultModel, index, conflict.local.path))),
+				Promise.all(normalizeConflicts.value.map((conflict, index) => getConflictRange(modifiedModelLocal, index, conflict.local.path))),
+				Promise.all(normalizeConflicts.value.map((conflict, index) => getConflictRange(modifiedModelRemote, index, conflict.local.path)))
+			]);
+			conflictRangesState.value = resultRanges.filter((r) => Boolean(r));
+			localConflictRangesState.value = localRanges.filter((r) => Boolean(r));
+			remoteConflictRangesState.value = remoteRanges.filter((r) => Boolean(r));
+			resultHighlightDecorations = resultModifiedEditor.deltaDecorations(resultHighlightDecorations, conflictRangesState.value.flatMap((cr) => getBoxDecorationsForRange(cr.range)));
+			refreshCodeLensProvider();
+		};
+		const setConflictResolution = (index, resolution) => {
+			resolvedConflicts.value[index] = resolution;
+			refreshCodeLensProvider();
+		};
+		const applyConflictChoice = async (index, source) => {
+			const conflict = normalizeConflicts.value[index];
+			if (!conflict) return;
+			let currentDocument = null;
+			try {
+				currentDocument = JSON.parse(modifiedResultModel.model.getValue());
+			} catch {
+				return;
+			}
+			const changes = source === "local" ? conflict.local.changes : conflict.remote.changes;
+			const nextDocument = apply(deepClone(currentDocument), changes);
+			suppressedChangeEvents += 1;
+			modifiedResultModel.model.setValue(JSON.stringify(nextDocument, null, 2));
+			setConflictResolution(index, source);
+			await refreshConflictRangesAndDecorations();
+		};
+		codeLensCommandDisposables.push(monaco.editor.registerCommand(applyCurrentCodeLensCommandId, (_accessor, index) => {
+			applyConflictChoice(index, "local");
+		}));
+		codeLensCommandDisposables.push(monaco.editor.registerCommand(applyRemoteCodeLensCommandId, (_accessor, index) => {
+			applyConflictChoice(index, "remote");
+		}));
+		codeLensCommandDisposables.push(monaco.editor.registerCommand(ignoreCodeLensCommandId, (_accessor, index) => {
+			setConflictResolution(index, "ignore");
+		}));
+		refreshConflictRangesAndDecorations();
+		resultModifiedEditor.onDidChangeModelContent((event) => {
+			if (suppressedChangeEvents > 0) {
+				suppressedChangeEvents -= 1;
+				return;
+			}
+			let hasStatusUpdates = false;
+			for (const change of event.changes) {
+				const matchingConflicts = conflictRangesState.value.filter((cr) => monaco.Range.areIntersectingOrTouching(change.range, cr.range));
+				if (!matchingConflicts.length) continue;
+				matchingConflicts.forEach((conflict) => {
+					if (resolvedConflicts.value[conflict.index] !== "manual") {
+						resolvedConflicts.value[conflict.index] = "manual";
+						hasStatusUpdates = true;
+					}
+				});
+			}
+			if (hasStatusUpdates) refreshCodeLensProvider();
+		});
+		resultEditor.value = resultDiffEditor;
+	};
+	const dispose = () => {
+		localChangesEditor.value?.dispose();
+		localChangesEditor.value = void 0;
+		remoteChangesEditor.value?.dispose();
+		remoteChangesEditor.value = void 0;
+		resultEditor.value?.dispose();
+		resultEditor.value = void 0;
+		for (const model of modelsToDispose) model.dispose();
+		modelsToDispose = [];
+		resultCodeLensProviderDisposable?.dispose();
+		resultCodeLensProviderDisposable = void 0;
+		jsonPointerLinkSupportDispose?.();
+		jsonPointerLinkSupportDispose = void 0;
+		codeLensCommandDisposables.forEach((d) => d.dispose());
+		codeLensCommandDisposables.length = 0;
+	};
+	return {
+		init,
+		dispose,
+		conflictsLeft,
+		goToNextConflict,
+		applyResolvedConflicts
+	};
+}
+//#endregion
+//#region src/v2/features/collection/components/SyncConflictResolutionEditor.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = { class: "sync-editor-pane border-c-3 mx-1 mb-1 flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg border" };
+var _hoisted_2$4 = { 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]" };
+var _hoisted_3$3 = { class: "flex items-center gap-2" };
+var _hoisted_4$3 = { class: "text-c-2 text-[11px] normal-case" };
+var _hoisted_5$3 = { class: "flex shrink-0 items-center justify-end gap-2" };
+//#endregion
+//#region src/v2/features/collection/components/SyncConflictResolutionEditor.vue
+var SyncConflictResolutionEditor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "SyncConflictResolutionEditor",
+	props: {
+		conflicts: {},
+		baseDocument: {},
+		resolvedDocument: {}
+	},
+	emits: ["applyChanges"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { toast } = useToasts();
+		const splitContainerRef = ref();
+		const topEditorsRowRef = ref();
+		const topPaneSize = ref(50);
+		const leftPaneSize = ref(50);
+		const { onHorizontalResizeStart, onVerticalResizeStart, stopActiveResize } = useSplitResize({
+			horizontalContainerRef: topEditorsRowRef,
+			verticalContainerRef: splitContainerRef,
+			leftPaneSize,
+			topPaneSize,
+			horizontalMin: 20,
+			horizontalMax: 80,
+			verticalMin: 25,
+			verticalMax: 75
+		});
+		const mergeEditor = useThreeWayMergeEditor({
+			baseDocument: __props.baseDocument,
+			resolvedDocument: __props.resolvedDocument,
+			conflicts: __props.conflicts,
+			onApplyChanges: (resolvedDoc) => emit("applyChanges", { resolvedDocument: resolvedDoc }),
+			onError: (message) => toast(message, "error")
+		});
+		const conflictsLeft = computed(() => mergeEditor.conflictsLeft.value);
+		const topPaneStyle = computed(() => ({ height: `${topPaneSize.value}%` }));
+		const leftPaneStyle = computed(() => ({ width: `${leftPaneSize.value}%` }));
+		const rightPaneStyle = computed(() => ({ width: `${100 - leftPaneSize.value}%` }));
+		const localChangesEditorRef = ref();
+		const remoteChangesEditorRef = ref();
+		const resultEditorRef = ref();
+		onMounted(() => {
+			const localEl = localChangesEditorRef.value;
+			const remoteEl = remoteChangesEditorRef.value;
+			const resultEl = resultEditorRef.value;
+			if (localEl && remoteEl && resultEl) mergeEditor.init({
+				local: localEl,
+				remote: remoteEl,
+				result: resultEl
+			});
+		});
+		onUnmounted(() => {
+			stopActiveResize();
+			mergeEditor.dispose();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [_cache[7] || (_cache[7] = createElementVNode("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)), createElementVNode("div", {
+				ref_key: "splitContainerRef",
+				ref: splitContainerRef,
+				class: "flex min-h-0 flex-1 flex-col overflow-hidden"
+			}, [
+				createElementVNode("div", {
+					ref_key: "topEditorsRowRef",
+					ref: topEditorsRowRef,
+					class: "flex min-h-0 gap-1 p-1",
+					style: normalizeStyle(topPaneStyle.value)
+				}, [
+					createElementVNode("div", {
+						class: "sync-editor-pane border-c-3 flex min-h-0 flex-col overflow-hidden rounded-lg border",
+						style: normalizeStyle(leftPaneStyle.value)
+					}, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "sync-pane-title text-c-2 border-c-3 shrink-0 border-b px-2 py-1 text-[11px]" }, " Current ", -1)), createElementVNode("div", {
+						ref_key: "localChangesEditorRef",
+						ref: localChangesEditorRef,
+						class: "min-h-0 flex-1"
+					}, null, 512)], 4),
+					createElementVNode("button", {
+						"aria-label": "Resize current and remote editors",
+						class: "resize-handle resize-handle-col",
+						type: "button",
+						onPointerdown: _cache[0] || (_cache[0] = (...args) => unref(onHorizontalResizeStart) && unref(onHorizontalResizeStart)(...args))
+					}, null, 32),
+					createElementVNode("div", {
+						class: "sync-editor-pane border-c-3 flex min-h-0 flex-col overflow-hidden rounded-lg border",
+						style: normalizeStyle(rightPaneStyle.value)
+					}, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "sync-pane-title text-c-2 border-c-3 shrink-0 border-b px-2 py-1 text-[11px]" }, " Remote ", -1)), createElementVNode("div", {
+						ref_key: "remoteChangesEditorRef",
+						ref: remoteChangesEditorRef,
+						class: "min-h-0 flex-1"
+					}, null, 512)], 4)
+				], 4),
+				createElementVNode("button", {
+					"aria-label": "Resize top and result editors",
+					class: "resize-handle resize-handle-row",
+					type: "button",
+					onPointerdown: _cache[1] || (_cache[1] = (...args) => unref(onVerticalResizeStart) && unref(onVerticalResizeStart)(...args))
+				}, null, 32),
+				createElementVNode("div", _hoisted_1$4, [createElementVNode("div", _hoisted_2$4, [_cache[5] || (_cache[5] = createElementVNode("span", null, " Result ", -1)), createElementVNode("div", _hoisted_3$3, [createElementVNode("span", _hoisted_4$3, toDisplayString(conflictsLeft.value) + " conflict" + toDisplayString(conflictsLeft.value === 1 ? "" : "s") + " left ", 1), createVNode(unref(ScalarButton), {
+					disabled: conflictsLeft.value === 0,
+					size: "xs",
+					type: "button",
+					variant: "outlined",
+					onClick: unref(mergeEditor).goToNextConflict
+				}, {
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Next Conflict ", -1)])]),
+					_: 1
+				}, 8, ["disabled", "onClick"])])]), createElementVNode("div", {
+					ref_key: "resultEditorRef",
+					ref: resultEditorRef,
+					class: "min-h-0 flex-1"
+				}, null, 512)]),
+				createElementVNode("div", _hoisted_5$3, [createVNode(unref(ScalarButton), {
+					disabled: conflictsLeft.value > 0,
+					size: "xs",
+					type: "button",
+					onClick: unref(mergeEditor).applyResolvedConflicts
+				}, {
+					default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" Apply changes ", -1)])]),
+					_: 1
+				}, 8, ["disabled", "onClick"])])
+			], 512)], 64);
+		};
+	}
+}), [["__scopeId", "data-v-a388e6a4"]]);
+//#endregion
+//#region src/v2/features/collection/components/Tabs.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = { class: "flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0" };
+var _hoisted_2$3 = ["href", "onClick"];
+//#endregion
+//#region src/v2/features/collection/components/Tabs.vue
+var Tabs_default = /* @__PURE__ */ defineComponent({
+	__name: "Tabs",
+	props: { type: {} },
+	setup(__props) {
+		/** Different routes for workspace vs document */
+		const routes = computed(() => {
+			if (__props.type === "workspace") return [
+				"environment",
+				"cookies",
+				"settings"
+			];
+			if (__props.type === "operation") return [
+				"overview",
+				"servers",
+				"authentication",
+				"editor"
+			];
+			return [
+				"overview",
+				"servers",
+				"authentication",
+				"environment",
+				"cookies",
+				"settings"
+			];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(routes.value, (route) => {
+				return openBlock(), createBlock(unref(RouterLink), {
+					key: route,
+					custom: "",
+					to: { name: `${__props.type}.${route}` }
+				}, {
+					default: withCtx(({ isActive, href, navigate }) => [createElementVNode("a", {
+						class: "-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline",
+						href,
+						onClick: navigate
+					}, [createElementVNode("span", { class: normalizeClass(["flex-center hover:text-c-1 h-full border-b", isActive ? "text-c-1 border-c-1" : "text-c-2 hover:text-c-1 border-transparent"]) }, toDisplayString(capitalize(route)), 3)], 8, _hoisted_2$3)]),
+					_: 2
+				}, 1032, ["to"]);
+			}), 128))]);
+		};
+	}
+});
+//#endregion
+//#region src/v2/features/collection/DocumentCollection.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "custom-scroll h-full" };
+var _hoisted_2$2 = {
+	key: 0,
+	class: "w-full px-3 md:mx-auto md:max-w-180"
+};
+var _hoisted_3$2 = ["aria-label"];
+var _hoisted_4$2 = { class: "flex flex-row items-center justify-between gap-2" };
+var _hoisted_5$2 = { class: "flex min-w-0 items-center gap-2" };
+var _hoisted_6$1 = { class: "group relative ml-1.25 min-w-0" };
+var _hoisted_7 = { class: "px-1.5 py-8" };
+var _hoisted_8 = {
+	key: 1,
+	class: "flex w-full flex-1 items-center justify-center"
+};
+var _hoisted_9 = { class: "flex flex-col gap-5" };
+var _hoisted_10 = { class: "flex gap-3" };
+var _hoisted_11 = {
+	"aria-hidden": "true",
+	class: "bg-b-3 text-c-2 flex size-10 shrink-0 items-center justify-center rounded-lg"
+};
+var _hoisted_12 = { class: "flex flex-wrap items-center justify-end gap-2 border-t border-[var(--scalar-border-color)] pt-4" };
+var _hoisted_13 = { class: "flex h-full w-full flex-col gap-4 overflow-hidden" };
+//#endregion
+//#region src/v2/features/collection/DocumentCollection.vue
+var DocumentCollection_default = /* @__PURE__ */ defineComponent({
+	name: "DocumentCollection",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		securitySchemes: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function }
+	},
+	setup(__props) {
+		const props = __props;
+		/** Snag the title from the info object */
+		const title = computed(() => props.document?.info?.title ?? "");
+		/** Default to the folder icon */
+		const icon = computed(() => props.document?.["x-scalar-icon"] || "interface-content-folder");
+		const syncModal = useModal();
+		const dirtyBeforeSyncModal = useModal();
+		const isDocumentDirty = computed(() => props.document?.["x-scalar-is-dirty"] === true);
+		const documentSourceUrl = computed(() => props.document?.["x-scalar-original-source-url"]);
+		const documentRegistryMeta = computed(() => props.document?.["x-scalar-registry-meta"]);
+		/** Show Sync when the document has a source URL or registry meta (registry can be used if fetchRegistryDocument is set). */
+		const canShowSyncButton = computed(() => documentSourceUrl.value !== void 0 || documentRegistryMeta.value !== void 0);
+		const { toast } = useToasts();
+		const undoChanges = () => {
+			props.workspaceStore.revertDocumentChanges(props.documentSlug);
+		};
+		const saveChanges = () => {
+			props.workspaceStore.saveDocument(props.documentSlug);
+		};
+		const handleSaveThenCloseDirtyModal = async () => {
+			await props.workspaceStore.saveDocument(props.documentSlug);
+			dirtyBeforeSyncModal.hide();
+			await handleSyncFlow();
+		};
+		const handleDiscardThenCloseDirtyModal = async () => {
+			await props.workspaceStore.revertDocumentChanges(props.documentSlug);
+			dirtyBeforeSyncModal.hide();
+			await handleSyncFlow();
+		};
+		const isSyncInProgress = ref(false);
+		const rebaseResult = ref(null);
+		/**
+		* Resolves the source for syncing. Registry meta has priority over x-scalar-original-source-url
+		* when fetchRegistryDocument is provided. Returns either a URL or the full document object.
+		*/
+		const resolveSyncInput = async () => {
+			const registryMeta = documentRegistryMeta.value;
+			if (registryMeta && props.fetchRegistryDocument) try {
+				const result = await props.fetchRegistryDocument(registryMeta);
+				if (!result.ok) {
+					toast(result.error, "error");
+					return null;
+				}
+				return { document: result.data };
+			} catch (err) {
+				toast("Failed to resolve document from registry", "error");
+				return null;
+			}
+			const url = documentSourceUrl.value;
+			if (url) return { url };
+			return null;
+		};
+		/**
+		* Handles actions to perform when synchronization is complete.
+		* Hides the sync modal, resets the sync progress flag, and emits the
+		* 'hooks:on:rebase:document:complete' event with document metadata.
+		*/
+		const onSyncComplete = () => {
+			syncModal.hide();
+			isSyncInProgress.value = false;
+			toast("Your document has been rebased with the latest version from the source.", "info");
+			props.eventBus.emit("hooks:on:rebase:document:complete", { meta: { documentName: props.documentSlug } });
+		};
+		/**
+		* Handles errors that occur during synchronization.
+		* If an error string is provided, it displays the error via toast.
+		* Always resets the sync progress flag.
+		*/
+		const onSyncError = (error) => {
+			if (error !== null) toast(error, "error");
+			isSyncInProgress.value = false;
+		};
+		/**
+		* Handles the synchronization flow for a document.
+		* Checks for unsaved changes, resolves source (registry over URL),
+		* initiates rebasing, handles conflicts, and emits completion events.
+		* If conflicts are detected, a modal dialog is shown for user resolution.
+		*/
+		const handleSyncFlow = async () => {
+			if (isDocumentDirty.value) {
+				dirtyBeforeSyncModal.show();
+				return;
+			}
+			if (isSyncInProgress.value) return;
+			isSyncInProgress.value = true;
+			const input = await resolveSyncInput();
+			if (!input) {
+				onSyncError(null);
+				return;
+			}
+			const result = await props.workspaceStore.rebaseDocument({
+				name: props.documentSlug,
+				...input
+			});
+			if (result?.ok) {
+				const originalDocument = props.workspaceStore.getOriginalDocument(props.documentSlug) ?? {};
+				rebaseResult.value = {
+					conflicts: result.conflicts,
+					applyChanges: result.applyChanges,
+					resolvedDocument: apply(deepClone(originalDocument), result.changes),
+					originalDocument
+				};
+				if (rebaseResult.value.conflicts.length > 0) syncModal.show();
+				else {
+					await rebaseResult.value?.applyChanges({ resolvedDocument: rebaseResult.value.resolvedDocument });
+					onSyncComplete();
+				}
+			} else if (result?.ok === false && result.type === "NO_CHANGES_DETECTED") onSyncComplete();
+			else onSyncError("Failed to sync document");
+		};
+		const handleApplyChanges = async ({ resolvedDocument }) => {
+			await rebaseResult.value?.applyChanges({ resolvedDocument });
+			props.eventBus.emit("hooks:on:rebase:document:complete", { meta: { documentName: props.documentSlug } });
+			syncModal.hide();
+		};
+		/**
+		* Resets sync state when the sync conflict modal is closed (dismissed or after
+		* applying changes). Ensures the Sync button is re-enabled and conflict state
+		* is cleared.
+		*/
+		const onSyncModalClose = () => {
+			isSyncInProgress.value = false;
+			rebaseResult.value = null;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createElementVNode("div", _hoisted_1$2, [__props.document ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+					createElementVNode("div", {
+						"aria-label": `title: ${title.value}`,
+						class: "mx-auto flex h-fit w-full flex-col gap-2 pt-14 pb-3 md:max-w-180 md:pt-6"
+					}, [__props.document?.["x-scalar-is-dirty"] ? (openBlock(), createBlock(Callout_default, {
+						key: 0,
+						class: "mb-5",
+						type: "warning"
+					}, {
+						actions: withCtx(() => [createVNode(unref(ScalarButton), {
+							class: "text-c-2 hover:text-c-1 flex items-center gap-2",
+							size: "xs",
+							type: "button",
+							variant: "outlined",
+							onClick: undoChanges
+						}, {
+							default: withCtx(() => [..._cache[5] || (_cache[5] = [createElementVNode("span", null, "Undo", -1)])]),
+							_: 1
+						}), createVNode(unref(ScalarButton), {
+							class: "text-c-btn flex items-center gap-2",
+							size: "xs",
+							type: "button",
+							variant: "solid",
+							onClick: saveChanges
+						}, {
+							default: withCtx(() => [createVNode(unref(ScalarIconFloppyDisk), {
+								size: "sm",
+								thickness: "1.5"
+							}), _cache[6] || (_cache[6] = createElementVNode("span", null, "Save", -1))]),
+							_: 1
+						})]),
+						default: withCtx(() => [_cache[7] || (_cache[7] = createElementVNode("p", null, " You have unsaved changes. Save your work to keep your changes, or undo to revert them. ", -1))]),
+						_: 1
+					})) : createCommentVNode("", true), createElementVNode("div", _hoisted_4$2, [createElementVNode("div", _hoisted_5$2, [createVNode(IconSelector_default, {
+						modelValue: icon.value,
+						placement: "bottom-start",
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = (icon) => __props.eventBus.emit("document:update:icon", icon))
+					}, {
+						default: withCtx(() => [createVNode(unref(ScalarButton), {
+							class: "hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit",
+							variant: "ghost"
+						}, {
+							default: withCtx(() => [createVNode(unref(LibraryIcon), {
+								class: "text-c-2 size-5",
+								src: icon.value,
+								"stroke-width": "2"
+							}, null, 8, ["src"])]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["modelValue"]), createElementVNode("div", _hoisted_6$1, [createVNode(LabelInput_default, {
+						class: "text-xl font-bold",
+						inputId: "documentName",
+						modelValue: title.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = (title) => __props.eventBus.emit("document:update:info", { title }))
+					}, null, 8, ["modelValue"])])]), canShowSyncButton.value ? (openBlock(), createBlock(unref(ScalarButton), {
+						key: 0,
+						class: "text-c-2 hover:text-c-1 shrink-0 gap-1.5",
+						"data-testid": "document-sync-button",
+						disabled: isSyncInProgress.value,
+						size: "xs",
+						title: "Pull the latest version from the document source and merge with your local copy. Save your changes first if you have unsaved edits.",
+						type: "button",
+						variant: "ghost",
+						onClick: handleSyncFlow
+					}, {
+						default: withCtx(() => [isSyncInProgress.value ? (openBlock(), createBlock(unref(ScalarIconSpinner), {
+							key: 0,
+							class: "size-3.5 animate-spin",
+							size: "sm"
+						})) : (openBlock(), createBlock(unref(ScalarIconCloudArrowDown), {
+							key: 1,
+							class: "size-3.5",
+							size: "sm",
+							thickness: "1.5"
+						})), _cache[8] || (_cache[8] = createElementVNode("span", null, "Sync from source", -1))]),
+						_: 1
+					}, 8, ["disabled"])) : createCommentVNode("", true)])], 8, _hoisted_3$2),
+					createVNode(Tabs_default, { type: "document" }),
+					createElementVNode("div", _hoisted_7, [createVNode(unref(RouterView), null, {
+						default: withCtx(({ Component }) => [(openBlock(), createBlock(resolveDynamicComponent(Component), mergeProps(props, { collectionType: "document" }), null, 16))]),
+						_: 1
+					})])
+				])) : (openBlock(), createElementBlock("div", _hoisted_8, [..._cache[9] || (_cache[9] = [createElementVNode("div", { class: "flex h-full flex-col items-center justify-center" }, [createElementVNode("h1", { class: "text-2xl font-bold" }, "Document not found"), createElementVNode("p", { class: "text-gray-500" }, " The document you are looking for does not exist. ")], -1)])]))]),
+				createVNode(unref(ScalarModal), {
+					bodyClass: "border-t-0 rounded-t-lg flex flex-col gap-5",
+					size: "xs",
+					state: unref(dirtyBeforeSyncModal),
+					title: "Sync requires saved document",
+					onClose: _cache[3] || (_cache[3] = ($event) => unref(dirtyBeforeSyncModal).hide())
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_9, [createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [createVNode(unref(ScalarIconWarning), { class: "size-5 text-[var(--scalar-color-yellow)]" })]), _cache[10] || (_cache[10] = createElementVNode("div", { class: "min-w-0 flex-1 space-y-1" }, [createElementVNode("p", { class: "text-c-1 text-sm leading-snug font-medium" }, " You have unsaved changes "), createElementVNode("p", { class: "text-c-2 text-sm leading-relaxed" }, " Save your work to keep changes, or discard to revert to the last saved version. Then you can sync with the source. ")], -1))]), createElementVNode("div", _hoisted_12, [
+						createVNode(unref(ScalarButton), {
+							size: "sm",
+							type: "button",
+							variant: "ghost",
+							onClick: _cache[2] || (_cache[2] = ($event) => unref(dirtyBeforeSyncModal).hide())
+						}, {
+							default: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode(" Cancel ", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(ScalarButton), {
+							size: "sm",
+							type: "button",
+							variant: "outlined",
+							onClick: handleDiscardThenCloseDirtyModal
+						}, {
+							default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode(" Discard changes ", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(ScalarButton), {
+							class: "flex items-center gap-2",
+							size: "sm",
+							type: "button",
+							variant: "solid",
+							onClick: handleSaveThenCloseDirtyModal
+						}, {
+							default: withCtx(() => [createVNode(unref(ScalarIconFloppyDisk), {
+								size: "sm",
+								thickness: "1.5"
+							}), _cache[13] || (_cache[13] = createTextVNode(" Save and continue ", -1))]),
+							_: 1
+						})
+					])])]),
+					_: 1
+				}, 8, ["state"]),
+				rebaseResult.value ? (openBlock(), createBlock(unref(ScalarModal), {
+					key: 0,
+					bodyClass: "sync-conflict-modal-root flex h-dvh flex-col p-4",
+					maxWidth: "calc(100dvw - 32px)",
+					size: "full",
+					state: unref(syncModal),
+					onClose: onSyncModalClose
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_13, [createVNode(SyncConflictResolutionEditor_default, {
+						baseDocument: rebaseResult.value.originalDocument,
+						conflicts: rebaseResult.value.conflicts,
+						resolvedDocument: rebaseResult.value.resolvedDocument,
+						onApplyChanges: _cache[4] || (_cache[4] = (payload) => handleApplyChanges(payload))
+					}, null, 8, [
+						"baseDocument",
+						"conflicts",
+						"resolvedDocument"
+					])])]),
+					_: 1
+				}, 8, ["state"])) : createCommentVNode("", true)
+			], 64);
+		};
+	}
+});
+//#endregion
+//#region src/v2/features/collection/OperationCollection.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = {
+	key: 0,
+	class: "custom-scroll h-full"
+};
+var _hoisted_2$1 = { class: "w-full px-3 md:mx-auto md:max-w-180" };
+var _hoisted_3$1 = ["aria-label"];
+var _hoisted_4$1 = { class: "group relative ml-1.25" };
+var _hoisted_5$1 = { class: "px-1.5 py-8" };
+var _hoisted_6 = {
+	key: 1,
+	class: "flex w-full flex-1 items-center justify-center"
+};
+//#endregion
+//#region src/v2/features/collection/OperationCollection.vue
+var OperationCollection_default = /* @__PURE__ */ defineComponent({
+	__name: "OperationCollection",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		securitySchemes: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function }
+	},
+	setup(__props) {
+		const props = __props;
+		const operation = computed(() => {
+			if (!props.path || !props.method) return;
+			return getResolvedRef(props.document?.paths?.[props.path]?.[props.method]);
+		});
+		/**
+		* Local copy of the label so we can reset on empty-blur rejection and stay in
+		* sync when Vue Router reuses this component across workspace navigations.
+		*/
+		const operationSummary = ref(operation.value?.summary ?? "");
+		watch(() => operation.value?.summary, (newSummary) => {
+			operationSummary.value = newSummary ?? "";
+		});
+		/** Emits the rename event on blur, or resets the input if the title is blank. */
+		const handleSummaryUpdate = (payload) => {
+			const { path, method } = props;
+			if (!path || !method || !isHttpMethod(method)) return;
+			props.eventBus.emit("operation:update:meta", {
+				meta: {
+					path,
+					method
+				},
+				payload: { summary: payload.trim() }
+			});
+		};
+		const operationPlaceholder = computed(() => {
+			if (!props.path || !props.method) return "Untitled Operation";
+			return `${props.method.toUpperCase()} ${props.path}`;
+		});
+		return (_ctx, _cache) => {
+			return operation.value !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [
+				createElementVNode("div", {
+					"aria-label": `title: ${operationSummary.value}`,
+					class: "mx-auto flex h-fit w-full flex-row items-center gap-2 pt-14 pb-3 md:max-w-180 md:pt-8"
+				}, [createElementVNode("div", _hoisted_4$1, [createVNode(LabelInput_default, {
+					modelValue: operationSummary.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => operationSummary.value = $event),
+					class: "text-xl font-bold",
+					inputId: "operationSummary",
+					placeholder: operationPlaceholder.value,
+					onBlur: handleSummaryUpdate
+				}, null, 8, ["modelValue", "placeholder"])])], 8, _hoisted_3$1),
+				createVNode(Tabs_default, { type: "operation" }),
+				createElementVNode("div", _hoisted_5$1, [createVNode(unref(RouterView), mergeProps(props, { collectionType: "operation" }), null, 16)])
+			])])) : (openBlock(), createElementBlock("div", _hoisted_6, [..._cache[1] || (_cache[1] = [createElementVNode("div", { class: "flex h-full flex-col items-center justify-center" }, [createElementVNode("h1", { class: "text-2xl font-bold" }, "Operation not found"), createElementVNode("p", { class: "text-gray-500" }, " The operation you are looking for does not exist. ")], -1)])]));
+		};
+	}
+});
+//#endregion
+//#region src/v2/features/collection/WorkspaceCollection.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "custom-scroll h-full" };
+var _hoisted_2 = { class: "w-full px-3 md:mx-auto md:max-w-180" };
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = { class: "group relative ml-1.25" };
+var _hoisted_5 = { class: "px-1.5 py-8" };
+//#endregion
+//#region src/v2/features/collection/WorkspaceCollection.vue
+var WorkspaceCollection_default = /* @__PURE__ */ defineComponent({
+	__name: "WorkspaceCollection",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		securitySchemes: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function }
+	},
+	setup(__props) {
+		const props = __props;
+		/**
+		* Local copy of the label so we can reset on empty-blur rejection and stay in
+		* sync when Vue Router reuses this component across workspace navigations.
+		*/
+		const workspaceTitle = ref(props.activeWorkspace.label);
+		watch(() => props.activeWorkspace.label, (newLabel) => {
+			workspaceTitle.value = newLabel;
+		});
+		/** Emits the rename event on blur, or resets the input if the title is blank. */
+		const handleUpdateWorkspaceTitle = (title) => {
+			if (title.trim() === "") {
+				workspaceTitle.value = props.activeWorkspace.label;
+				return;
+			}
+			props.eventBus.emit("workspace:update:name", title);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+				createElementVNode("div", {
+					"aria-label": `title: ${__props.activeWorkspace.label}`,
+					class: "mx-auto flex h-fit w-full flex-row items-center gap-2 pt-14 pb-3 md:max-w-180 md:pt-6"
+				}, [createElementVNode("div", _hoisted_4, [createVNode(LabelInput_default, {
+					modelValue: workspaceTitle.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => workspaceTitle.value = $event),
+					class: "text-xl font-bold",
+					inputId: "workspaceName",
+					placeholder: "Untitled Workspace",
+					onBlur: handleUpdateWorkspaceTitle
+				}, null, 8, ["modelValue"])])], 8, _hoisted_3),
+				createVNode(Tabs_default, { type: "workspace" }),
+				createElementVNode("div", _hoisted_5, [createVNode(unref(RouterView), mergeProps(props, { collectionType: "workspace" }), null, 16)])
+			])]);
+		};
+	}
+});
+//#endregion
+//#region src/v2/features/app/helpers/routes.ts
+/** Routes for the API client app and web, the same as modal + workspace routes */
+var ROUTES = [{
+	path: "/@:namespace/:workspaceSlug",
+	children: [{
+		path: "document/:documentSlug",
+		children: [{
+			path: "path/:pathEncoded/method/:method",
+			children: [{
+				name: "example",
+				path: "example/:exampleName",
+				component: Operation_default
+			}, {
+				name: "operation",
+				path: "",
+				component: OperationCollection_default,
+				redirect: { name: "operation.overview" },
+				children: [
+					{
+						name: "operation.overview",
+						path: "overview",
+						component: Overview_default
+					},
+					{
+						name: "operation.servers",
+						path: "servers",
+						component: Servers_default
+					},
+					{
+						name: "operation.authentication",
+						path: "authentication",
+						component: Authentication_default
+					},
+					{
+						name: "operation.editor",
+						path: "editor",
+						component: Editor_default
+					}
+				]
+			}]
+		}, {
+			name: "document",
+			path: "",
+			component: DocumentCollection_default,
+			children: [
+				{
+					name: "document.redirect",
+					path: "",
+					redirect: { name: "document.overview" }
+				},
+				{
+					name: "document.overview",
+					path: "overview",
+					component: Overview_default
+				},
+				{
+					name: "document.servers",
+					path: "servers",
+					component: Servers_default
+				},
+				{
+					name: "document.environment",
+					path: "environment",
+					component: Environment_default
+				},
+				{
+					name: "document.authentication",
+					path: "authentication",
+					component: Authentication_default
+				},
+				{
+					name: "document.cookies",
+					path: "cookies",
+					component: Cookies_default
+				},
+				{
+					name: "document.settings",
+					path: "settings",
+					component: Settings_default
+				}
+			]
+		}]
+	}, {
+		name: "workspace",
+		path: "",
+		component: WorkspaceCollection_default,
+		children: [
+			{
+				name: "workspace.environment",
+				path: "environment",
+				component: Environment_default
+			},
+			{
+				name: "workspace.cookies",
+				path: "cookies",
+				component: Cookies_default
+			},
+			{
+				name: "workspace.settings",
+				path: "settings",
+				component: Settings_default
+			}
+		]
+	}]
+}, {
+	path: "/:pathMatch(.*)*",
+	redirect: () => {
+		const DEFAULT_PATH = "/@local/default/document/drafts/overview";
+		const lastPath = workspaceStorage.getLastPath() ?? DEFAULT_PATH;
+		workspaceStorage.setCurrentPath(DEFAULT_PATH);
+		const url = new URL(lastPath, "http://example.com");
+		const queryParameters = new URLSearchParams(window.location.search);
+		const mergedSearchParams = mergeSearchParams(url.searchParams, queryParameters);
+		return `${url.pathname}?${mergedSearchParams.toString()}`;
+	}
+}];
+//#endregion
+//#region src/v2/features/app/helpers/create-api-client-app.ts
+/**
+* Creates the appropriate router with the appropriate routes based on the layout
+*/
+var createAppRouter = (layout) => {
+	if (layout === "web") return createRouter({
+		history: createWebHistory(),
+		routes: ROUTES
+	});
+	return createRouter({
+		history: createWebHashHistory(),
+		routes: ROUTES
+	});
+};
+/**
+* Create the API Client with router and passes in the workspace store as a prop
+*/
+var createApiClientApp = async (el, { layout = "desktop", plugins, customThemes, fallbackThemeSlug, fetchRegistryDocument }) => {
+	const router = createAppRouter(layout);
+	const state = await createAppState({
+		router,
+		customThemes,
+		fallbackThemeSlug
+	});
+	const commandPaletteState = useCommandPaletteState();
+	const app = createApp(App_default, {
+		layout,
+		plugins,
+		getAppState: () => state,
+		getCommandPaletteState: () => commandPaletteState,
+		fetchRegistryDocument
+	});
+	app.use(router);
+	if (!el) {
+		console.error("[@scalar/api-client-modal] Could not create the API client.", "Invalid HTML element provided.", "Read more: https://github.com/scalar/scalar/tree/main/packages/api-client");
+		return;
+	}
+	app.mount(el);
+	return {
+		app,
+		state
+	};
+};
+//#endregion
+export { App_default as ClientApp, CommandActionForm_default as CommandActionForm, CommandActionInput_default as CommandActionInput, CreateWorkspaceModal_default as CreateWorkspaceModal, baseClientActions, baseRoutes, createApiClientApp, createAppRouter, createAppState, useCommandPaletteState };
+
+//# sourceMappingURL=index.js.map