@scalar/api-client 2.38.4 → 2.39.0

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

@@ -1,3162 +1,8 @@
-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-BTN8cC5h.js";
-import { t as ServerVariablesForm_default } from "../../../ServerVariablesForm-BRZ9XC8o.js";
-import "../../../Server-CEKGIEfE.js";
-import "../../../AddressBar-BOZGKSoz.js";
-import "../../../components-ChixwQhN.js";
-import "../../../Sidebar-CRxdl38Y.js";
-import "../../../DataTableInput-RydMDjn2.js";
-import { n as Operation_default, o as getSelectedSecurity, r as getActiveProxyUrl } from "../../../operation-block-B1B3lJPx.js";
-import { u as HttpMethod_default } from "../../../operation-code-sample-DOzAPxLQ.js";
-import "../../../request-block-C1kLLMEd.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-Bs79QOMA.js";
-import "../../../response-block-DmkaDZYs.js";
-import "../../../ScalarAsciiArt-BjuSnj8e.js";
-import "../../../scalar-address-bar-block-BbysOhkE.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-Ckirvnv1.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 ?? [], __props.securitySchemes);
-			return getSelectedSecurity(__props.workspaceStore.auth.getAuthSelectedSchemas({
-				type: "document",
-				documentName: __props.documentSlug
-			}), void 0, __props.document?.security ?? [], __props.securitySchemes);
-		});
-		/** 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-e82ac4e8"]]);
-//#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
+import { createAppState } from "./app-state.js";
+import CreateWorkspaceModal_default from "./components/CreateWorkspaceModal.vue.js";
+import CommandActionForm_default from "../command-palette/components/CommandActionForm.vue.js";
+import CommandActionInput_default from "../command-palette/components/CommandActionInput.vue.js";
+import { baseClientActions, baseRoutes, useCommandPaletteState } from "../command-palette/hooks/use-command-palette-state.js";
+import App_default from "./App.vue.js";
+import { createApiClientApp, createAppRouter } from "./helpers/create-api-client-app.js";
 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