@scalar/api-client 3.6.1 → 3.8.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"Servers.vue.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Servers.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarMarkdown,\n  ScalarModal,\n  ScalarToggle,\n  useModal,\n} from '@scalar/components'\nimport { debounce } from '@scalar/helpers/general/debounce'\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { ScalarIconPlus, ScalarIconTrash } from '@scalar/icons'\nimport type { ServerMeta } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref, watchEffect } from 'vue'\n\nimport { ServerVariablesForm } from '@/components/Server'\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport Section from '@/v2/features/settings/components/Section.vue'\n\nimport Form from './Form.vue'\n\nconst { document, eventBus, collectionType, path, method } =\n  defineProps<CollectionProps>()\n\nconst deleteModal = useModal()\nconst selectedServerIndex = ref<number>(-1)\n\nconst isOperation = computed(() => collectionType === 'operation')\n\nconst operation = computed(() => {\n  if (!isOperation.value) {\n    return null\n  }\n  // Operation not found\n  if (!path || !isHttpMethod(method)) {\n    return null\n  }\n  // Operation found, return the servers\n  return getResolvedRef(document?.paths?.[path]?.[method])\n})\n\nconst useOperationServers = ref(false)\nwatchEffect(() => {\n  useOperationServers.value = operation.value?.servers !== undefined\n})\n\n/** Grab the servers for the collection */\nconst servers = computed(() => {\n  if (collectionType === 'operation' && operation.value) {\n    return operation.value.servers ?? []\n  }\n  return document?.servers ?? []\n})\n\n/** Grab whichever server we are working on */\nconst selectedServer = computed(() => servers.value[selectedServerIndex.value])\n\n/** Meta for server events: document-level or operation-level based on collection type */\nconst serverMeta = computed<ServerMeta>(() => {\n  if (collectionType === 'operation' && path && isHttpMethod(method)) {\n    return { type: 'operation', path, method }\n  }\n  return { type: 'document' }\n})\n\n// Form field configuration\nconst FORM_OPTIONS = [\n  {\n    label: 'URL',\n    key: 'url',\n    placeholder: 'https://void.scalar.com',\n  },\n  {\n    label: 'Description',\n    key: 'description',\n    placeholder: 'Production',\n    lineWrapping: true,\n  },\n]\n\n/** Opens the delete confirmation modal for a server */\nconst openDeleteModal = (index: number) => {\n  selectedServerIndex.value = index\n  deleteModal.show()\n}\n\n/** Closes the delete modal and resets the selected server */\nconst resetState = () => {\n  deleteModal.hide()\n  selectedServerIndex.value = -1\n}\n\n/** Handles server deletion */\nconst handleDeleteServer = () => {\n  if (selectedServerIndex.value < 0) {\n    return\n  }\n\n  eventBus.emit('server:delete:server', {\n    index: selectedServerIndex.value,\n    meta: serverMeta.value,\n  })\n  resetState()\n}\n\n/** Debounced execute function for server updates, keyed so we only debounce by server + key */\nconst { execute } = debounce({ delay: 328, maxWait: 1000 })\n\n/** Handles server property updates with debouncing */\nconst handleServerUpdate = (\n  index: number,\n  key: string,\n  value: string | number,\n) =>\n  execute(`${index}-${key}-${serverMeta.value.type}`, () =>\n    eventBus.emit('server:update:server', {\n      index,\n      server: { [key]: value },\n      meta: serverMeta.value,\n    }),\n  )\n\n/** Handles server variable updates with debouncing */\nconst handleVariableUpdate = (index: number, key: string, value: string) =>\n  execute(`${index}-${key}-${serverMeta.value.type}`, () =>\n    eventBus.emit('server:update:variables', {\n      index,\n      key,\n      value,\n      meta: serverMeta.value,\n    }),\n  )\n\n/** Handles adding a new server */\nconst handleAddServer = () =>\n  eventBus.emit('server:add:server', { meta: serverMeta.value })\n\n/**\n * Gets the display name for a server\n */\nconst getServerDisplayName = (server?: ServerObject, index = 0): string =>\n  server?.description || `Server ${index + 1}`\n\n/** Handles toggling the operation servers */\nconst handleToggleOperationServers = (value: boolean) => {\n  // Only toggle for operation collections\n  if (serverMeta.value.type !== 'operation') {\n    return\n  }\n\n  // update the operation servers\n  useOperationServers.value = value\n\n  if (value) {\n    // Initialize the servers with an empty array so we will infer the servers from the operation\n    return eventBus.emit('server:initialize:servers', {\n      meta: serverMeta.value,\n    })\n  }\n  return eventBus.emit('server:clear:servers', { meta: serverMeta.value })\n}\n</script>\n\n<template>\n  <Section>\n    <template #title>Servers</template>\n    <template #description>\n      <template v-if=\"isOperation\">\n        <span class=\"block\">\n          Override servers for this operation with the toggle.\n        </span>\n        <span class=\"mt-1 block\">\n          <strong>On</strong> — Servers below apply only to this operation.\n        </span>\n        <span class=\"mt-1 block\">\n          <strong>Off</strong> — Removes operation servers; this operation uses\n          document or path servers from the OpenAPI spec.\n        </span>\n        <span class=\"text-c-3 mt-1 block\">\n          Use <code class=\"font-code text-c-2\">{variables}</code> for dynamic\n          URL parts.\n        </span>\n      </template>\n      <template v-else>\n        Add different base URLs for your API. Use\n        <code class=\"font-code text-c-2\">{variables}</code> for dynamic parts.\n      </template>\n    </template>\n    <!-- Operation Servers Toggle to use the operation servers instead of the document servers -->\n    <template\n      v-if=\"isOperation\"\n      #actions>\n      <div class=\"flex h-8 items-center\">\n        <ScalarToggle\n          class=\"w-4\"\n          :modelValue=\"useOperationServers\"\n          @update:modelValue=\"handleToggleOperationServers\" />\n      </div>\n    </template>\n\n    <div :class=\"isOperation && !useOperationServers && 'cursor-not-allowed'\">\n      <div\n        class=\"flex flex-col gap-4\"\n        :class=\"\n          isOperation &&\n          !useOperationServers &&\n          'pointer-events-none cursor-not-allowed opacity-50 mix-blend-luminosity'\n        \">\n        <!-- Server List -->\n        <div class=\"flex flex-col gap-4\">\n          <div\n            v-for=\"(server, index) in servers\"\n            :key=\"index\"\n            class=\"rounded-lg border\">\n            <!-- Server Header -->\n            <div\n              class=\"bg-b-2 flex items-center justify-between rounded-t-lg px-3 py-1 text-sm\">\n              <ScalarMarkdown\n                v-if=\"server.description\"\n                class=\"self-center\"\n                :value=\"server.description\" />\n              <span\n                v-else\n                class=\"self-center\">\n                {{ getServerDisplayName(server, index) }}\n              </span>\n              <ScalarButton\n                class=\"hover:bg-b-3 hover:text-c-1 h-fit p-1.25\"\n                data-testid=\"delete-server-button\"\n                variant=\"ghost\"\n                @click=\"openDeleteModal(index)\">\n                <ScalarIconTrash class=\"size-3.5\" />\n              </ScalarButton>\n            </div>\n\n            <!-- Server Variables Form -->\n            <div\n              class=\"divide-0 flex w-full flex-col divide-y rounded-b-lg text-sm\">\n              <Form\n                :data=\"server\"\n                :environment=\"environment\"\n                :onUpdate=\"\n                  (key, value) => handleServerUpdate(index, key, value)\n                \"\n                :options=\"FORM_OPTIONS\"\n                :withFakeData=\"false\" />\n              <ServerVariablesForm\n                v-if=\"server.variables\"\n                :variables=\"server.variables\"\n                @update:variable=\"\n                  (name, value) => handleVariableUpdate(index, name, value)\n                \" />\n            </div>\n          </div>\n        </div>\n\n        <!-- Add Server Button -->\n        <div\n          class=\"text-c-3 flex h-full items-center justify-center rounded-lg border p-4\">\n          <ScalarButton\n            class=\"hover:bg-b-2 hover:text-c-1 flex items-center gap-2\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click=\"handleAddServer\">\n            <ScalarIconPlus />\n            <span>Add Server</span>\n          </ScalarButton>\n        </div>\n      </div>\n    </div>\n  </Section>\n\n  <!-- Delete Confirmation Modal -->\n  <ScalarModal\n    size=\"xxs\"\n    :state=\"deleteModal\"\n    :title=\"`Delete ${getServerDisplayName(selectedServer, selectedServerIndex)}`\">\n    <DeleteSidebarListElement\n      variableName=\"Server\"\n      warningMessage=\"Are you sure you want to delete this server? This action cannot be undone.\"\n      @close=\"resetState\"\n      @delete=\"handleDeleteServer\" />\n  </ScalarModal>\n</template>\n"],"mappings":""}

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

@@ -1,219 +0,0 @@
-import ServerVariablesForm_default from "../../../../components/Server/ServerVariablesForm.vue.js";
-import DeleteSidebarListElement_default from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
-import Section_default from "../../settings/components/Section.vue.js";
-import Form_default from "./Form.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, watchEffect, withCtx } from "vue";
-import { ScalarButton, ScalarMarkdown, ScalarModal, ScalarToggle, useModal } from "@scalar/components";
-import { ScalarIconPlus, ScalarIconTrash } from "@scalar/icons";
-import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { isHttpMethod } from "@scalar/helpers/http/is-http-method";
-import { debounce } from "@scalar/helpers/general/debounce";
-//#region src/v2/features/collection/components/Servers.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex h-8 items-center" };
-var _hoisted_2 = { class: "flex flex-col gap-4" };
-var _hoisted_3 = { class: "bg-b-2 flex items-center justify-between rounded-t-lg px-3 py-1 text-sm" };
-var _hoisted_4 = {
-	key: 1,
-	class: "self-center"
-};
-var _hoisted_5 = { class: "divide-0 flex w-full flex-col divide-y rounded-b-lg text-sm" };
-var _hoisted_6 = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" };
-var Servers_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "Servers",
-	props: {
-		documentSlug: {},
-		document: {},
-		eventBus: {},
-		layout: {},
-		path: {},
-		method: {},
-		exampleName: {},
-		environment: {},
-		workspaceStore: {},
-		activeWorkspace: {},
-		isTeamWorkspace: { type: Boolean },
-		plugins: {},
-		customThemes: {},
-		currentTheme: {},
-		isDarkMode: { type: Boolean },
-		fetchRegistryDocument: { type: Function },
-		telemetry: { type: Boolean },
-		onUpdateTelemetry: { type: Function },
-		options: {},
-		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, [(openBlock(true), createElementBlock(Fragment, null, renderList(servers.value, (server, index) => {
-					return openBlock(), createElementBlock("div", {
-						key: index,
-						class: "rounded-lg border"
-					}, [createElementVNode("div", _hoisted_3, [server.description ? (openBlock(), createBlock(unref(ScalarMarkdown), {
-						key: 0,
-						class: "self-center",
-						value: server.description
-					}, null, 8, ["value"])) : (openBlock(), createElementBlock("span", _hoisted_4, 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, [createVNode(Form_default, {
-						data: server,
-						environment: __props.environment,
-						onUpdate: (key, value) => handleServerUpdate(index, key, value),
-						options: FORM_OPTIONS,
-						withFakeData: false
-					}, 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, [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, [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
-export { Servers_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Servers.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Servers.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Servers.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarMarkdown,\n  ScalarModal,\n  ScalarToggle,\n  useModal,\n} from '@scalar/components'\nimport { debounce } from '@scalar/helpers/general/debounce'\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { ScalarIconPlus, ScalarIconTrash } from '@scalar/icons'\nimport type { ServerMeta } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref, watchEffect } from 'vue'\n\nimport { ServerVariablesForm } from '@/components/Server'\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport Section from '@/v2/features/settings/components/Section.vue'\n\nimport Form from './Form.vue'\n\nconst { document, eventBus, collectionType, path, method } =\n  defineProps<CollectionProps>()\n\nconst deleteModal = useModal()\nconst selectedServerIndex = ref<number>(-1)\n\nconst isOperation = computed(() => collectionType === 'operation')\n\nconst operation = computed(() => {\n  if (!isOperation.value) {\n    return null\n  }\n  // Operation not found\n  if (!path || !isHttpMethod(method)) {\n    return null\n  }\n  // Operation found, return the servers\n  return getResolvedRef(document?.paths?.[path]?.[method])\n})\n\nconst useOperationServers = ref(false)\nwatchEffect(() => {\n  useOperationServers.value = operation.value?.servers !== undefined\n})\n\n/** Grab the servers for the collection */\nconst servers = computed(() => {\n  if (collectionType === 'operation' && operation.value) {\n    return operation.value.servers ?? []\n  }\n  return document?.servers ?? []\n})\n\n/** Grab whichever server we are working on */\nconst selectedServer = computed(() => servers.value[selectedServerIndex.value])\n\n/** Meta for server events: document-level or operation-level based on collection type */\nconst serverMeta = computed<ServerMeta>(() => {\n  if (collectionType === 'operation' && path && isHttpMethod(method)) {\n    return { type: 'operation', path, method }\n  }\n  return { type: 'document' }\n})\n\n// Form field configuration\nconst FORM_OPTIONS = [\n  {\n    label: 'URL',\n    key: 'url',\n    placeholder: 'https://void.scalar.com',\n  },\n  {\n    label: 'Description',\n    key: 'description',\n    placeholder: 'Production',\n    lineWrapping: true,\n  },\n]\n\n/** Opens the delete confirmation modal for a server */\nconst openDeleteModal = (index: number) => {\n  selectedServerIndex.value = index\n  deleteModal.show()\n}\n\n/** Closes the delete modal and resets the selected server */\nconst resetState = () => {\n  deleteModal.hide()\n  selectedServerIndex.value = -1\n}\n\n/** Handles server deletion */\nconst handleDeleteServer = () => {\n  if (selectedServerIndex.value < 0) {\n    return\n  }\n\n  eventBus.emit('server:delete:server', {\n    index: selectedServerIndex.value,\n    meta: serverMeta.value,\n  })\n  resetState()\n}\n\n/** Debounced execute function for server updates, keyed so we only debounce by server + key */\nconst { execute } = debounce({ delay: 328, maxWait: 1000 })\n\n/** Handles server property updates with debouncing */\nconst handleServerUpdate = (\n  index: number,\n  key: string,\n  value: string | number,\n) =>\n  execute(`${index}-${key}-${serverMeta.value.type}`, () =>\n    eventBus.emit('server:update:server', {\n      index,\n      server: { [key]: value },\n      meta: serverMeta.value,\n    }),\n  )\n\n/** Handles server variable updates with debouncing */\nconst handleVariableUpdate = (index: number, key: string, value: string) =>\n  execute(`${index}-${key}-${serverMeta.value.type}`, () =>\n    eventBus.emit('server:update:variables', {\n      index,\n      key,\n      value,\n      meta: serverMeta.value,\n    }),\n  )\n\n/** Handles adding a new server */\nconst handleAddServer = () =>\n  eventBus.emit('server:add:server', { meta: serverMeta.value })\n\n/**\n * Gets the display name for a server\n */\nconst getServerDisplayName = (server?: ServerObject, index = 0): string =>\n  server?.description || `Server ${index + 1}`\n\n/** Handles toggling the operation servers */\nconst handleToggleOperationServers = (value: boolean) => {\n  // Only toggle for operation collections\n  if (serverMeta.value.type !== 'operation') {\n    return\n  }\n\n  // update the operation servers\n  useOperationServers.value = value\n\n  if (value) {\n    // Initialize the servers with an empty array so we will infer the servers from the operation\n    return eventBus.emit('server:initialize:servers', {\n      meta: serverMeta.value,\n    })\n  }\n  return eventBus.emit('server:clear:servers', { meta: serverMeta.value })\n}\n</script>\n\n<template>\n  <Section>\n    <template #title>Servers</template>\n    <template #description>\n      <template v-if=\"isOperation\">\n        <span class=\"block\">\n          Override servers for this operation with the toggle.\n        </span>\n        <span class=\"mt-1 block\">\n          <strong>On</strong> — Servers below apply only to this operation.\n        </span>\n        <span class=\"mt-1 block\">\n          <strong>Off</strong> — Removes operation servers; this operation uses\n          document or path servers from the OpenAPI spec.\n        </span>\n        <span class=\"text-c-3 mt-1 block\">\n          Use <code class=\"font-code text-c-2\">{variables}</code> for dynamic\n          URL parts.\n        </span>\n      </template>\n      <template v-else>\n        Add different base URLs for your API. Use\n        <code class=\"font-code text-c-2\">{variables}</code> for dynamic parts.\n      </template>\n    </template>\n    <!-- Operation Servers Toggle to use the operation servers instead of the document servers -->\n    <template\n      v-if=\"isOperation\"\n      #actions>\n      <div class=\"flex h-8 items-center\">\n        <ScalarToggle\n          class=\"w-4\"\n          :modelValue=\"useOperationServers\"\n          @update:modelValue=\"handleToggleOperationServers\" />\n      </div>\n    </template>\n\n    <div :class=\"isOperation && !useOperationServers && 'cursor-not-allowed'\">\n      <div\n        class=\"flex flex-col gap-4\"\n        :class=\"\n          isOperation &&\n          !useOperationServers &&\n          'pointer-events-none cursor-not-allowed opacity-50 mix-blend-luminosity'\n        \">\n        <!-- Server List -->\n        <div class=\"flex flex-col gap-4\">\n          <div\n            v-for=\"(server, index) in servers\"\n            :key=\"index\"\n            class=\"rounded-lg border\">\n            <!-- Server Header -->\n            <div\n              class=\"bg-b-2 flex items-center justify-between rounded-t-lg px-3 py-1 text-sm\">\n              <ScalarMarkdown\n                v-if=\"server.description\"\n                class=\"self-center\"\n                :value=\"server.description\" />\n              <span\n                v-else\n                class=\"self-center\">\n                {{ getServerDisplayName(server, index) }}\n              </span>\n              <ScalarButton\n                class=\"hover:bg-b-3 hover:text-c-1 h-fit p-1.25\"\n                data-testid=\"delete-server-button\"\n                variant=\"ghost\"\n                @click=\"openDeleteModal(index)\">\n                <ScalarIconTrash class=\"size-3.5\" />\n              </ScalarButton>\n            </div>\n\n            <!-- Server Variables Form -->\n            <div\n              class=\"divide-0 flex w-full flex-col divide-y rounded-b-lg text-sm\">\n              <Form\n                :data=\"server\"\n                :environment=\"environment\"\n                :onUpdate=\"\n                  (key, value) => handleServerUpdate(index, key, value)\n                \"\n                :options=\"FORM_OPTIONS\"\n                :withFakeData=\"false\" />\n              <ServerVariablesForm\n                v-if=\"server.variables\"\n                :variables=\"server.variables\"\n                @update:variable=\"\n                  (name, value) => handleVariableUpdate(index, name, value)\n                \" />\n            </div>\n          </div>\n        </div>\n\n        <!-- Add Server Button -->\n        <div\n          class=\"text-c-3 flex h-full items-center justify-center rounded-lg border p-4\">\n          <ScalarButton\n            class=\"hover:bg-b-2 hover:text-c-1 flex items-center gap-2\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click=\"handleAddServer\">\n            <ScalarIconPlus />\n            <span>Add Server</span>\n          </ScalarButton>\n        </div>\n      </div>\n    </div>\n  </Section>\n\n  <!-- Delete Confirmation Modal -->\n  <ScalarModal\n    size=\"xxs\"\n    :state=\"deleteModal\"\n    :title=\"`Delete ${getServerDisplayName(selectedServer, selectedServerIndex)}`\">\n    <DeleteSidebarListElement\n      variableName=\"Server\"\n      warningMessage=\"Are you sure you want to delete this server? This action cannot be undone.\"\n      @close=\"resetState\"\n      @delete=\"handleDeleteServer\" />\n  </ScalarModal>\n</template>\n"],"mappings":"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"}

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

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

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

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

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

@@ -1,7 +0,0 @@
-import Settings_vue_vue_type_script_setup_true_lang_default from "./Settings.vue.script.js";
-//#region src/v2/features/collection/components/Settings.vue
-var Settings_default = Settings_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { Settings_default as default };
-
-//# sourceMappingURL=Settings.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Settings.vue.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getActiveProxyUrl } from '@scalar/workspace-store/request-example'\nimport type { ColorMode } from '@scalar/workspace-store/schemas/workspace'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport { CollectionSettings, DocumentSettings } from '@/v2/features/settings'\n\nconst {\n  eventBus,\n  documentSlug,\n  document,\n  workspaceStore,\n  collectionType,\n  layout,\n  telemetry,\n  onUpdateTelemetry,\n} = defineProps<CollectionProps>()\n\nconst handleUpdateWatchMode = (watchMode: boolean) => {\n  eventBus.emit('document:update:watch-mode', watchMode)\n}\n\nconst handleUpdateThemeSlug = (themeSlug?: string) => {\n  eventBus.emit('workspace:update:theme', themeSlug)\n}\nconst handleUpdateActiveProxy = (proxy: string | null) => {\n  eventBus.emit('workspace:update:active-proxy', proxy)\n}\n\nconst handleUpdateColorMode = (colorMode: ColorMode) => {\n  eventBus.emit('workspace:update:color-mode', colorMode)\n}\n</script>\n<template>\n  <DocumentSettings\n    v-if=\"collectionType === 'document'\"\n    :documentUrl=\"document?.['x-scalar-original-source-url']\"\n    :isDraftDocument=\"documentSlug === 'drafts'\"\n    :title=\"document?.info.title ?? ''\"\n    :watchMode=\"document?.['x-scalar-watch-mode']\"\n    @delete:document=\"\n      eventBus.emit('document:delete:document', { name: documentSlug })\n    \"\n    @update:watchMode=\"handleUpdateWatchMode\" />\n  <CollectionSettings\n    v-else\n    :activeProxyUrl=\"\n      getActiveProxyUrl(\n        workspaceStore.workspace['x-scalar-active-proxy'],\n        layout === 'web' ? 'web' : 'other',\n      )\n    \"\n    :activeThemeSlug=\"workspaceStore.workspace['x-scalar-theme'] ?? 'none'\"\n    :colorMode=\"workspaceStore.workspace['x-scalar-color-mode'] ?? 'system'\"\n    :customThemes=\"customThemes\"\n    :telemetry=\"telemetry\"\n    @update:colorMode=\"handleUpdateColorMode\"\n    @update:proxyUrl=\"handleUpdateActiveProxy\"\n    @update:telemetry=\"(value) => onUpdateTelemetry?.(value)\"\n    @update:themeSlug=\"handleUpdateThemeSlug\" />\n</template>\n"],"mappings":""}

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

@@ -1,81 +0,0 @@
-import CollectionSettings_default from "../../settings/CollectionSettings.vue.js";
-import DocumentSettings_default from "../../settings/DocumentSettings.vue.js";
-import { createBlock, defineComponent, openBlock, unref } from "vue";
-import { getActiveProxyUrl } from "@scalar/workspace-store/request-example";
-//#region src/v2/features/collection/components/Settings.vue?vue&type=script&setup=true&lang.ts
-var Settings_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "Settings",
-	props: {
-		documentSlug: {},
-		document: {},
-		eventBus: {},
-		layout: {},
-		path: {},
-		method: {},
-		exampleName: {},
-		environment: {},
-		workspaceStore: {},
-		activeWorkspace: {},
-		isTeamWorkspace: { type: Boolean },
-		plugins: {},
-		customThemes: {},
-		currentTheme: {},
-		isDarkMode: { type: Boolean },
-		fetchRegistryDocument: { type: Function },
-		telemetry: { type: Boolean },
-		onUpdateTelemetry: { type: Function },
-		options: {},
-		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 === "web" ? "web" : "other"),
-				activeThemeSlug: __props.workspaceStore.workspace["x-scalar-theme"] ?? "none",
-				colorMode: __props.workspaceStore.workspace["x-scalar-color-mode"] ?? "system",
-				customThemes: __props.customThemes,
-				telemetry: __props.telemetry,
-				"onUpdate:colorMode": handleUpdateColorMode,
-				"onUpdate:proxyUrl": handleUpdateActiveProxy,
-				"onUpdate:telemetry": _cache[1] || (_cache[1] = (value) => __props.onUpdateTelemetry?.(value)),
-				"onUpdate:themeSlug": handleUpdateThemeSlug
-			}, null, 8, [
-				"activeProxyUrl",
-				"activeThemeSlug",
-				"colorMode",
-				"customThemes",
-				"telemetry"
-			]));
-		};
-	}
-});
-//#endregion
-export { Settings_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Settings.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Settings.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getActiveProxyUrl } from '@scalar/workspace-store/request-example'\nimport type { ColorMode } from '@scalar/workspace-store/schemas/workspace'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport { CollectionSettings, DocumentSettings } from '@/v2/features/settings'\n\nconst {\n  eventBus,\n  documentSlug,\n  document,\n  workspaceStore,\n  collectionType,\n  layout,\n  telemetry,\n  onUpdateTelemetry,\n} = defineProps<CollectionProps>()\n\nconst handleUpdateWatchMode = (watchMode: boolean) => {\n  eventBus.emit('document:update:watch-mode', watchMode)\n}\n\nconst handleUpdateThemeSlug = (themeSlug?: string) => {\n  eventBus.emit('workspace:update:theme', themeSlug)\n}\nconst handleUpdateActiveProxy = (proxy: string | null) => {\n  eventBus.emit('workspace:update:active-proxy', proxy)\n}\n\nconst handleUpdateColorMode = (colorMode: ColorMode) => {\n  eventBus.emit('workspace:update:color-mode', colorMode)\n}\n</script>\n<template>\n  <DocumentSettings\n    v-if=\"collectionType === 'document'\"\n    :documentUrl=\"document?.['x-scalar-original-source-url']\"\n    :isDraftDocument=\"documentSlug === 'drafts'\"\n    :title=\"document?.info.title ?? ''\"\n    :watchMode=\"document?.['x-scalar-watch-mode']\"\n    @delete:document=\"\n      eventBus.emit('document:delete:document', { name: documentSlug })\n    \"\n    @update:watchMode=\"handleUpdateWatchMode\" />\n  <CollectionSettings\n    v-else\n    :activeProxyUrl=\"\n      getActiveProxyUrl(\n        workspaceStore.workspace['x-scalar-active-proxy'],\n        layout === 'web' ? 'web' : 'other',\n      )\n    \"\n    :activeThemeSlug=\"workspaceStore.workspace['x-scalar-theme'] ?? 'none'\"\n    :colorMode=\"workspaceStore.workspace['x-scalar-color-mode'] ?? 'system'\"\n    :customThemes=\"customThemes\"\n    :telemetry=\"telemetry\"\n    @update:colorMode=\"handleUpdateColorMode\"\n    @update:proxyUrl=\"handleUpdateActiveProxy\"\n    @update:telemetry=\"(value) => onUpdateTelemetry?.(value)\"\n    @update:themeSlug=\"handleUpdateThemeSlug\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,yBAAyB,cAAuB;AACpD,WAAA,SAAS,KAAK,8BAA8B,UAAS;;EAGvD,MAAM,yBAAyB,cAAuB;AACpD,WAAA,SAAS,KAAK,0BAA0B,UAAS;;EAEnD,MAAM,2BAA2B,UAAyB;AACxD,WAAA,SAAS,KAAK,iCAAiC,MAAK;;EAGtD,MAAM,yBAAyB,cAAyB;AACtD,WAAA,SAAS,KAAK,+BAA+B,UAAS;;;UAK9C,QAAA,mBAAc,cAAA,WAAA,EADtB,YAS8C,MAAA,yBAAA,EAAA;;IAP3C,aAAa,QAAA,WAAQ;IACrB,iBAAiB,QAAA,iBAAY;IAC7B,OAAO,QAAA,UAAU,KAAK,SAAK;IAC3B,WAAW,QAAA,WAAQ;IACnB,qBAAe,OAAA,OAAA,OAAA,MAAA,WAAS,QAAA,SAAS,KAAI,4BAAA,EAAA,MAAqC,QAAA,cAAY,CAAA;IAGtF,sBAAkB;;;;;;uBACrB,YAe8C,MAAA,2BAAA,EAAA;;IAb3C,gBAAuB,MAAA,kBAAiB,CAAU,QAAA,eAAe,UAAS,0BAAmC,QAAA,WAAM,QAAA,QAAA,QAAA;IAMnH,iBAAiB,QAAA,eAAe,UAAS,qBAAA;IACzC,WAAW,QAAA,eAAe,UAAS,0BAAA;IACnC,cAAc,QAAA;IACd,WAAW,QAAA;IACX,sBAAkB;IAClB,qBAAiB;IACjB,sBAAgB,OAAA,OAAA,OAAA,MAAG,UAAU,QAAA,oBAAoB,MAAK;IACtD,sBAAkB"}

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

@@ -1,8 +0,0 @@
-import type { CollectionProps } from '../../../../v2/features/app/helpers/routes.js';
-type __VLS_Props = {
-    type: CollectionProps['collectionType'];
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=Tabs.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Tabs.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAEvE,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;CACxC,CAAC;AAoHF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,7 +0,0 @@
-import Tabs_vue_vue_type_script_setup_true_lang_default from "./Tabs.vue.script.js";
-//#region src/v2/features/collection/components/Tabs.vue
-var Tabs_default = Tabs_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { Tabs_default as default };
-
-//# sourceMappingURL=Tabs.vue.js.map

package/dist/v2/features/collection/components/Tabs.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.vue.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { capitalize, computed } from 'vue'\nimport { RouterLink } from 'vue-router'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\n\nconst { type } = defineProps<{\n  type: CollectionProps['collectionType']\n}>()\n\n/** Different routes for workspace vs document */\nconst routes = computed(() => {\n  if (type === 'workspace') {\n    return ['environment', 'cookies', 'settings']\n  }\n\n  if (type === 'operation') {\n    return ['overview', 'servers', 'authentication', 'editor']\n  }\n\n  return [\n    'overview',\n    'servers',\n    'authentication',\n    'environment',\n    'cookies',\n    'scripts',\n    'runner',\n    'settings',\n  ]\n})\n</script>\n\n<template>\n  <div class=\"flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0\">\n    <RouterLink\n      v-for=\"route in routes\"\n      :key=\"route\"\n      v-slot=\"{ isActive, href, navigate }\"\n      custom\n      :to=\"{ name: `${type}.${route}` }\">\n      <a\n        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\"\n        :href=\"href\"\n        @click=\"navigate\">\n        <span\n          class=\"flex-center hover:text-c-1 h-full border-b\"\n          :class=\"\n            isActive\n              ? 'text-c-1 border-c-1'\n              : 'text-c-2 hover:text-c-1 border-transparent'\n          \">\n          {{ capitalize(route) }}\n        </span>\n      </a>\n    </RouterLink>\n  </div>\n</template>\n"],"mappings":""}

package/dist/v2/features/collection/components/Tabs.vue.script.js

@@ -1,55 +0,0 @@
-import { Fragment, capitalize, computed, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
-import { RouterLink } from "vue-router";
-//#region src/v2/features/collection/components/Tabs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0" };
-var _hoisted_2 = ["href", "onClick"];
-var Tabs_vue_vue_type_script_setup_true_lang_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",
-				"scripts",
-				"runner",
-				"settings"
-			];
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [(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)]),
-					_: 2
-				}, 1032, ["to"]);
-			}), 128))]);
-		};
-	}
-});
-//#endregion
-export { Tabs_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Tabs.vue.script.js.map

package/dist/v2/features/collection/components/Tabs.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { capitalize, computed } from 'vue'\nimport { RouterLink } from 'vue-router'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\n\nconst { type } = defineProps<{\n  type: CollectionProps['collectionType']\n}>()\n\n/** Different routes for workspace vs document */\nconst routes = computed(() => {\n  if (type === 'workspace') {\n    return ['environment', 'cookies', 'settings']\n  }\n\n  if (type === 'operation') {\n    return ['overview', 'servers', 'authentication', 'editor']\n  }\n\n  return [\n    'overview',\n    'servers',\n    'authentication',\n    'environment',\n    'cookies',\n    'scripts',\n    'runner',\n    'settings',\n  ]\n})\n</script>\n\n<template>\n  <div class=\"flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0\">\n    <RouterLink\n      v-for=\"route in routes\"\n      :key=\"route\"\n      v-slot=\"{ isActive, href, navigate }\"\n      custom\n      :to=\"{ name: `${type}.${route}` }\">\n      <a\n        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\"\n        :href=\"href\"\n        @click=\"navigate\">\n        <span\n          class=\"flex-center hover:text-c-1 h-full border-b\"\n          :class=\"\n            isActive\n              ? 'text-c-1 border-c-1'\n              : 'text-c-2 hover:text-c-1 border-transparent'\n          \">\n          {{ capitalize(route) }}\n        </span>\n      </a>\n    </RouterLink>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAWA,MAAM,SAAS,eAAe;AAC5B,OAAI,QAAA,SAAS,YACX,QAAO;IAAC;IAAe;IAAW;IAAU;AAG9C,OAAI,QAAA,SAAS,YACX,QAAO;IAAC;IAAY;IAAW;IAAkB;IAAQ;AAG3D,UAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACF;IACD;;uBAIC,mBAsBM,OAtBN,YAsBM,EAAA,UAAA,KAAA,EArBJ,mBAoBa,UAAA,MAAA,WAnBK,OAAA,QAAT,UAAK;wBADd,YAoBa,MAAA,WAAA,EAAA;KAlBV,KAAK;KAEN,QAAA;KACC,IAAE,EAAA,MAAA,GAAa,QAAA,KAAI,GAAI,SAAK;;uBAczB,EAhBM,UAAU,MAAM,eAAQ,CAGlC,mBAaI,KAAA;MAZF,OAAM;MACC;MACN,SAAO;SACR,mBAQO,QAAA,EAPL,OAAK,eAAA,CAAC,8CACe,WAAA,wBAAA,6CAAA,CAAA,EAAA,EAAA,gBAKlB,WAAW,MAAK,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,WAAA,CAAA,CAAA"}

package/dist/v2/features/collection/helpers/get-default-operation-security-toggle.d.ts

@@ -1,12 +0,0 @@
-import type { AuthStore } from '@scalar/workspace-store/entities/auth';
-import type { AuthMeta } from '@scalar/workspace-store/events';
-/**
- * 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.
- */
-export declare const getDefaultOperationSecurityToggle: ({ authStore, documentName, ...payload }: {
-    authStore: AuthStore;
-    documentName: string;
-} & AuthMeta) => boolean;
-//# sourceMappingURL=get-default-operation-security-toggle.d.ts.map

package/dist/v2/features/collection/helpers/get-default-operation-security-toggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-default-operation-security-toggle.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/helpers/get-default-operation-security-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAE9D;;;;GAIG;AACH,eAAO,MAAM,iCAAiC,GAAI,yCAI/C;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;CACrB,GAAG,QAAQ,YAeX,CAAA"}

package/dist/v2/features/collection/helpers/get-default-operation-security-toggle.js

@@ -1,19 +0,0 @@
-//#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
-export { getDefaultOperationSecurityToggle };
-
-//# sourceMappingURL=get-default-operation-security-toggle.js.map

package/dist/v2/features/collection/helpers/get-default-operation-security-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-default-operation-security-toggle.js","names":[],"sources":["../../../../../src/v2/features/collection/helpers/get-default-operation-security-toggle.ts"],"sourcesContent":["import type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { AuthMeta } from '@scalar/workspace-store/events'\n\n/**\n * Determines the default toggle state for operation security.\n * Returns false for 'document' type, undefined if path/method is missing,\n * otherwise checks if there are selected auth schemas for the operation.\n */\nexport const getDefaultOperationSecurityToggle = ({\n  authStore,\n  documentName,\n  ...payload\n}: {\n  authStore: AuthStore\n  documentName: string\n} & AuthMeta) => {\n  // If the payload type is 'document', security toggle should be off by default\n  if (payload.type === 'document') {\n    return false\n  }\n\n  // Check if there are any selected authentication schemas for this operation\n  return (\n    authStore.getAuthSelectedSchemas({\n      type: 'operation',\n      documentName,\n      path: payload.path,\n      method: payload.method,\n    }) !== undefined\n  )\n}\n"],"mappings":";;;;;;AAQA,IAAa,qCAAqC,EAChD,WACA,cACA,GAAG,cAIY;AAEf,KAAI,QAAQ,SAAS,WACnB,QAAO;AAIT,QACE,UAAU,uBAAuB;EAC/B,MAAM;EACN;EACA,MAAM,QAAQ;EACd,QAAQ,QAAQ;EACjB,CAAC,KAAK,KAAA"}

package/dist/v2/features/command-palette/TheCommandPalette.vue.d.ts

@@ -1,42 +0,0 @@
-import type { WorkspaceStore } from '@scalar/workspace-store/client';
-import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-import type { CommandPaletteState } from './hooks/use-command-palette-state.js';
-/**
- * The Command Palette Component
- *
- * A keyboard-driven command menu for quick access to common actions like:
- * - Creating documents, requests, tags, and examples
- * - Importing from OpenAPI, Swagger, Postman, or cURL
- * - Navigating to different routes
- *
- * Supports:
- * - Fuzzy search filtering
- * - Keyboard navigation (arrow keys, enter, escape)
- * - Command grouping and organization
- * - Dynamic command components with props
- *
- * @example
- * <TheCommandPalette
- *   :paletteState="paletteState"
- *   :workspaceStore="workspaceStore"
- *   :eventBus="eventBus"
- * />
- */
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
-    /** The command palette state management hook */
-    paletteState: CommandPaletteState;
-    /** The workspace store for accessing documents and operations */
-    workspaceStore: WorkspaceStore;
-    /** Event bus for emitting workspace events */
-    eventBus: WorkspaceEventBus;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /** The command palette state management hook */
-    paletteState: CommandPaletteState;
-    /** The workspace store for accessing documents and operations */
-    workspaceStore: WorkspaceStore;
-    /** Event bus for emitting workspace events */
-    eventBus: WorkspaceEventBus;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-//# sourceMappingURL=TheCommandPalette.vue.d.ts.map

package/dist/v2/features/command-palette/TheCommandPalette.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/command-palette/TheCommandPalette.vue"],"names":[],"mappings":"AA2WA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAIV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AAWvC,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,mCAAmC,CAAA;AAG1C;;;;;;;;;;;;;;;;;;;;GAoBG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,gDAAgD;kBAClC,mBAAmB;IACjC,iEAAiE;oBACjD,cAAc;IAC9B,8CAA8C;cACpC,iBAAiB;;IAL3B,gDAAgD;kBAClC,mBAAmB;IACjC,iEAAiE;oBACjD,cAAc;IAC9B,8CAA8C;cACpC,iBAAiB;iGA0czB,CAAC"}

package/dist/v2/features/command-palette/TheCommandPalette.vue.js

@@ -1,9 +0,0 @@
-import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
-import TheCommandPalette_vue_vue_type_script_setup_true_lang_default from "./TheCommandPalette.vue.script.js";
-/* empty css                                */
-//#region src/v2/features/command-palette/TheCommandPalette.vue
-var TheCommandPalette_default = /* @__PURE__ */ _plugin_vue_export_helper_default(TheCommandPalette_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-29778ab7"]]);
-//#endregion
-export { TheCommandPalette_default as default };
-
-//# sourceMappingURL=TheCommandPalette.vue.js.map