@scalar/api-client 2.38.1 → 2.38.3

package/dist/App-BpNPKHmM.js

@@ -0,0 +1,533 @@
+import { n as ROUTES } from "./CommandPalette-BiA0IgO8.js";
+import { D as routes, O as saveActiveWorkspace, _ as createApiClient, d as handleHotKeyDown, l as DEFAULT_HOTKEYS, r as useWorkspace, w as useActiveEntities } from "./store-DaPoVtIS.js";
+import { r as useSidebar } from "./useSidebar-DLTwHDI-.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BmmBcIzD.js";
+import { t as MainLayout_default } from "./MainLayout-oMIJ5QXF.js";
+import { t as analytics } from "./analytics-BZimCWcw.js";
+import { Fragment, KeepAlive, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeMount, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderList, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { ScalarContextMenu, ScalarDropdownButton, ScalarDropdownDivider, ScalarDropdownMenu, ScalarFloating, ScalarHotkey, ScalarIcon, ScalarTeleportRoot, ScalarTooltip, addScalarClassesToHeadless } from "@scalar/components";
+import { getThemeStyles } from "@scalar/themes";
+import { useBreakpoints } from "@scalar/use-hooks/useBreakpoints";
+import { useColorMode } from "@scalar/use-hooks/useColorMode";
+import { ScalarToasts } from "@scalar/use-toasts";
+import { RouterView, createRouter, createWebHistory, useRouter } from "vue-router";
+import { LibraryIcon } from "@scalar/icons/library";
+import { useClipboard } from "@scalar/use-hooks/useClipboard";
+import { isMacOS } from "@scalar/helpers/general/is-mac-os";
+//#region src/components/TopNav/TopNavItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" };
+var _hoisted_2$2 = { class: "custom-scroll nav-item-copy text-sm" };
+//#endregion
+//#region src/components/TopNav/TopNavItem.vue
+var TopNavItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "TopNavItem",
+	props: {
+		hotkey: {},
+		active: { type: Boolean },
+		label: {},
+		icon: {},
+		isCollection: { type: Boolean }
+	},
+	emits: [
+		"click",
+		"close",
+		"newTab",
+		"copyUrl",
+		"closeOtherTabs"
+	],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarContextMenu), { triggerClass: "overflow-hidden w-full" }, {
+				trigger: withCtx(() => [createVNode(unref(ScalarTooltip), {
+					content: `${unref(isMacOS)() ? "⌘" : "^"} ${__props.hotkey}`,
+					placement: "bottom"
+				}, {
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["nav-item app-no-drag-region", { "nav-item__active": __props.active }]),
+						onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click"))
+					}, [createElementVNode("div", _hoisted_1$2, [__props.isCollection ? (openBlock(), createBlock(unref(LibraryIcon), {
+						key: 0,
+						class: "size-3.5 min-w-3.5 stroke-2",
+						src: __props.icon
+					}, null, 8, ["src"])) : (openBlock(), createBlock(unref(ScalarIcon), {
+						key: 1,
+						icon: __props.icon,
+						size: "xs",
+						thickness: "2.5"
+					}, null, 8, ["icon"])), createElementVNode("span", _hoisted_2$2, toDisplayString(__props.label), 1)]), createElementVNode("button", {
+						class: "nav-item-close",
+						type: "button",
+						onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+					}, [createVNode(unref(ScalarIcon), {
+						icon: "Close",
+						thickness: "1.75"
+					})])], 2)]),
+					_: 1
+				}, 8, ["content"])]),
+				content: withCtx(() => [createVNode(unref(ScalarFloating), { placement: "right-start" }, {
+					floating: withCtx(() => [createVNode(unref(ScalarDropdownMenu), { class: "scalar-app scalar-client" }, {
+						default: withCtx(() => [
+							createVNode(unref(ScalarDropdownButton), {
+								class: "flex items-center gap-1.5",
+								onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("newTab"))
+							}, {
+								default: withCtx(() => [
+									createVNode(unref(ScalarIcon), {
+										icon: "AddTab",
+										size: "sm",
+										thickness: "1.5"
+									}),
+									_cache[6] || (_cache[6] = createTextVNode(" New Tab ", -1)),
+									createVNode(unref(ScalarHotkey), {
+										class: "bg-b-2 ml-auto",
+										hotkey: "T"
+									})
+								]),
+								_: 1
+							}),
+							createVNode(unref(ScalarDropdownButton), {
+								class: "flex items-center gap-1.5",
+								onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("copyUrl"))
+							}, {
+								default: withCtx(() => [createVNode(unref(ScalarIcon), {
+									icon: "Link",
+									size: "sm",
+									thickness: "1.5"
+								}), _cache[7] || (_cache[7] = createTextVNode(" Copy URL ", -1))]),
+								_: 1
+							}),
+							createVNode(unref(ScalarDropdownDivider)),
+							createVNode(unref(ScalarDropdownButton), {
+								class: "flex items-center gap-1.5",
+								onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("close"))
+							}, {
+								default: withCtx(() => [
+									createVNode(unref(ScalarIcon), {
+										icon: "CloseTab",
+										size: "sm",
+										thickness: "1.5"
+									}),
+									_cache[8] || (_cache[8] = createTextVNode(" Close Tab ", -1)),
+									createVNode(unref(ScalarHotkey), {
+										class: "bg-b-2 ml-auto",
+										hotkey: "W"
+									})
+								]),
+								_: 1
+							}),
+							createVNode(unref(ScalarDropdownButton), {
+								class: "flex items-center gap-1.5",
+								onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("closeOtherTabs"))
+							}, {
+								default: withCtx(() => [createVNode(unref(ScalarIcon), {
+									icon: "CloseTabs",
+									size: "sm",
+									thickness: "1.5"
+								}), _cache[9] || (_cache[9] = createTextVNode(" Close Other Tabs ", -1))]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-507381a3"]]);
+//#endregion
+//#region src/components/TopNav/TopNav.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" };
+var _hoisted_2$1 = { class: "relative flex h-10 flex-1 items-center gap-1.5 overflow-hidden pr-2.5 text-base font-medium" };
+var _hoisted_3 = {
+	key: 0,
+	class: "h-full w-full overflow-hidden"
+};
+//#endregion
+//#region src/components/TopNav/TopNav.vue
+var TopNav_default = /* @__PURE__ */ defineComponent({
+	__name: "TopNav",
+	props: { openNewTab: {} },
+	setup(__props) {
+		const props = __props;
+		const { activeRequest, activeCollection } = useActiveEntities();
+		const router = useRouter();
+		const { events } = useWorkspace();
+		const { copyToClipboard } = useClipboard();
+		/** Nav Items list */
+		const topNavItems = reactive([{
+			label: "",
+			path: "",
+			icon: "Add",
+			isCollection: false
+		}]);
+		const activeNavItemIdx = ref(0);
+		const activeNavItemIdxValue = computed(() => activeNavItemIdx.value);
+		/**
+		* Check if the current route is a collection
+		*/
+		const isCollection = computed(() => {
+			return router.currentRoute.value.name?.toString().startsWith("collection.");
+		});
+		/**
+		* Logic to handle adding a nav item
+		* based on the current route
+		*/
+		function handleNavLabelAdd() {
+			if (isCollection.value) {
+				topNavItems[activeNavItemIdx.value] = {
+					label: activeCollection.value?.info?.title || "Untitled Collection",
+					path: router.currentRoute.value.path,
+					icon: activeCollection.value?.["x-scalar-icon"] || "Collection",
+					isCollection: true
+				};
+				return;
+			}
+			if (router.currentRoute.value.name?.toString().startsWith("request")) {
+				topNavItems[activeNavItemIdx.value] = {
+					label: activeRequest.value?.summary || "",
+					path: router.currentRoute.value.path,
+					icon: "ExternalLink",
+					isCollection: false
+				};
+				return;
+			}
+			const activeRoute = ROUTES.find((route) => {
+				return route.to.name.startsWith(router.currentRoute.value.name?.toString() ?? "");
+			});
+			if (activeRoute) {
+				topNavItems[activeNavItemIdx.value] = {
+					label: activeRoute.displayName,
+					path: router.currentRoute.value.path,
+					icon: activeRoute.icon,
+					isCollection: false
+				};
+				return;
+			}
+		}
+		function handleNavRoute() {
+			const path = topNavItems[activeNavItemIdx.value]?.path;
+			if (path) router.push(path);
+		}
+		/**
+		* adding a nav item sets the new index and nav item
+		* based on the route
+		*/
+		function addNavItem() {
+			topNavItems.push({
+				label: "",
+				path: "",
+				icon: "Add",
+				isCollection: false
+			});
+			activeNavItemIdx.value = topNavItems.length - 1;
+			handleNavLabelAdd();
+		}
+		function setNavItemIdx(idx) {
+			activeNavItemIdx.value = idx;
+			handleNavRoute();
+		}
+		watch(() => router.currentRoute.value.path, () => {
+			handleNavLabelAdd();
+		}, { immediate: true });
+		function removeNavItem(idx) {
+			topNavItems.splice(idx, 1);
+			activeNavItemIdx.value = Math.min(activeNavItemIdx.value, topNavItems.length - 1);
+			handleNavRoute();
+		}
+		const copyUrl = async (idx) => {
+			if (!topNavItems[idx]?.path) return;
+			const fullUrl = new URL(window.location.href);
+			fullUrl.pathname = topNavItems[idx].path;
+			await copyToClipboard(fullUrl.toString());
+		};
+		const closeOtherTabs = (idx) => {
+			topNavItems.splice(0, idx);
+			topNavItems.splice(1);
+			activeNavItemIdx.value = 0;
+			handleNavRoute();
+		};
+		/** Handle hotkeys */
+		const handleHotKey = (event) => {
+			if (!event) return;
+			if (event.addTopNav) addNavItem();
+			if (event.closeTopNav) removeNavItem(activeNavItemIdx.value);
+			if (event.navigateTopNavLeft) setNavItemIdx(Math.max(activeNavItemIdx.value - 1, 0));
+			if (event.navigateTopNavRight) setNavItemIdx(Math.min(activeNavItemIdx.value + 1, topNavItems.length - 1));
+			if (event.jumpToTab) {
+				const tabIndex = Number(event.jumpToTab.key) - 1;
+				if (tabIndex >= 0 && tabIndex < topNavItems.length) setNavItemIdx(tabIndex);
+			}
+			if (event.jumpToLastTab) setNavItemIdx(topNavItems.length - 1);
+		};
+		const addTopNavTab = (item) => {
+			topNavItems.push({
+				label: item.name,
+				path: item.uid,
+				icon: "ExternalLink",
+				isCollection: false
+			});
+		};
+		watch(() => props.openNewTab, (openNewTab) => {
+			if (openNewTab) addTopNavTab(openNewTab);
+		}, { immediate: true });
+		onMounted(() => events.hotKeys.on(handleHotKey));
+		onBeforeUnmount(() => events.hotKeys.off(handleHotKey));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", _hoisted_1$1, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "app-drag-region absolute inset-0" }, null, -1)), createElementVNode("div", _hoisted_2$1, [topNavItems.length === 1 ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(ScalarContextMenu), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
+				trigger: withCtx(() => [isCollection.value ? (openBlock(), createBlock(unref(LibraryIcon), {
+					key: 0,
+					class: "size-3.5 min-w-3.5 stroke-2",
+					src: unref(activeCollection)?.["x-scalar-icon"] || "Collection"
+				}, null, 8, ["src"])) : topNavItems[0]?.icon ? (openBlock(), createBlock(unref(ScalarIcon), {
+					key: 1,
+					icon: topNavItems[0]?.icon,
+					size: "xs",
+					thickness: "2.5"
+				}, null, 8, ["icon"])) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(topNavItems[0]?.label), 1)]),
+				content: withCtx(() => [createVNode(unref(ScalarFloating), { placement: "right-start" }, {
+					floating: withCtx(() => [createVNode(unref(ScalarDropdownMenu), { class: "scalar-app scalar-client" }, {
+						default: withCtx(() => [createVNode(unref(ScalarDropdownButton), {
+							class: "flex items-center gap-1.5",
+							onClick: addNavItem
+						}, {
+							default: withCtx(() => [
+								createVNode(unref(ScalarIcon), {
+									icon: "AddTab",
+									size: "sm",
+									thickness: "1.5"
+								}),
+								_cache[1] || (_cache[1] = createTextVNode(" New Tab ", -1)),
+								createVNode(unref(ScalarHotkey), {
+									class: "bg-b-2 ml-auto",
+									hotkey: "T"
+								})
+							]),
+							_: 1
+						}), createVNode(unref(ScalarDropdownButton), {
+							class: "flex items-center gap-1.5",
+							onClick: _cache[0] || (_cache[0] = ($event) => copyUrl(activeNavItemIdxValue.value))
+						}, {
+							default: withCtx(() => [createVNode(unref(ScalarIcon), {
+								icon: "Link",
+								size: "sm",
+								thickness: "1.5"
+							}), _cache[2] || (_cache[2] = createTextVNode(" Copy URL ", -1))]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(topNavItems, (topNavItem, index) => {
+				return openBlock(), createBlock(TopNavItem_default, {
+					key: topNavItem.path,
+					active: index === activeNavItemIdxValue.value,
+					hotkey: (index + 1).toString(),
+					icon: topNavItem.isCollection ? unref(activeCollection)?.["x-scalar-icon"] || "Collection" : topNavItem.icon,
+					isCollection: topNavItem.isCollection || false,
+					label: topNavItem.label,
+					onClick: ($event) => setNavItemIdx(index),
+					onClose: ($event) => removeNavItem(index),
+					onCloseOtherTabs: ($event) => closeOtherTabs(index),
+					onCopyUrl: ($event) => copyUrl(index),
+					onNewTab: addNavItem
+				}, null, 8, [
+					"active",
+					"hotkey",
+					"icon",
+					"isCollection",
+					"label",
+					"onClick",
+					"onClose",
+					"onCloseOtherTabs",
+					"onCopyUrl"
+				]);
+			}), 128)), createElementVNode("button", {
+				class: "text-c-3 hover:bg-b-3 app-no-drag-region rounded p-1.5",
+				type: "button",
+				onClick: addNavItem
+			}, [createVNode(unref(ScalarIcon), {
+				icon: "Add",
+				size: "sm",
+				thickness: "2.5"
+			})])])]);
+		};
+	}
+});
+//#endregion
+//#region src/layouts/App/hotkeys.ts
+/**
+* Default set of keybindings for the client app
+*/
+var APP_HOTKEYS = {
+	t: {
+		event: "addTopNav",
+		modifiers: ["default"]
+	},
+	w: {
+		event: "closeTopNav",
+		modifiers: ["default"]
+	},
+	ArrowLeft: {
+		event: "navigateTopNavLeft",
+		modifiers: ["default", "Alt"]
+	},
+	ArrowRight: {
+		event: "navigateTopNavRight",
+		modifiers: ["default", "Alt"]
+	},
+	l: {
+		event: "focusAddressBar",
+		modifiers: ["default"]
+	},
+	1: {
+		event: "jumpToTab",
+		modifiers: ["default"]
+	},
+	2: {
+		event: "jumpToTab",
+		modifiers: ["default"]
+	},
+	3: {
+		event: "jumpToTab",
+		modifiers: ["default"]
+	},
+	4: {
+		event: "jumpToTab",
+		modifiers: ["default"]
+	},
+	5: {
+		event: "jumpToTab",
+		modifiers: ["default"]
+	},
+	6: {
+		event: "jumpToTab",
+		modifiers: ["default"]
+	},
+	7: {
+		event: "jumpToTab",
+		modifiers: ["default"]
+	},
+	8: {
+		event: "jumpToTab",
+		modifiers: ["default"]
+	},
+	9: {
+		event: "jumpToLastTab",
+		modifiers: ["default"]
+	},
+	f: {
+		event: "focusRequestSearch",
+		modifiers: ["default"]
+	},
+	n: {
+		event: "createNew",
+		modifiers: ["default"]
+	}
+};
+//#endregion
+//#region src/layouts/App/ApiClientApp.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	id: "scalar-client-app",
+	class: "contents"
+};
+var _hoisted_2 = ["innerHTML"];
+//#endregion
+//#region src/layouts/App/ApiClientApp.vue
+var ApiClientApp_default = /* @__PURE__ */ defineComponent({
+	__name: "ApiClientApp",
+	emits: ["newTab"],
+	setup(__props) {
+		const hotKeys = {
+			...DEFAULT_HOTKEYS,
+			...APP_HOTKEYS
+		};
+		const newTab = ref(null);
+		const handleNewTab = (item) => {
+			newTab.value = item;
+		};
+		useColorMode();
+		const { activeWorkspace } = useActiveEntities();
+		const { events } = useWorkspace();
+		onBeforeMount(() => addScalarClassesToHeadless());
+		/** Handles the hotkey events, we will pass in custom hotkeys here */
+		const handleKeyDown = (ev) => handleHotKeyDown(ev, events.hotKeys, { hotKeys });
+		const handleHotKey = (event) => {
+			if (!event) return;
+			if (event.openCommandPalette) {
+				event.openCommandPalette.preventDefault();
+				events.commandPalette.emit();
+			}
+		};
+		onMounted(() => {
+			window.addEventListener("keydown", handleKeyDown);
+			events.hotKeys.on(handleHotKey);
+		});
+		onBeforeUnmount(() => {
+			window.removeEventListener("keydown", handleKeyDown);
+			events.hotKeys.off(handleHotKey);
+		});
+		const { mediaQueries } = useBreakpoints();
+		const { setSidebarOpen } = useSidebar();
+		watch(mediaQueries.xl, setSidebarOpen, { immediate: true });
+		const themeStyleTag = computed(() => activeWorkspace.value && `<style>${getThemeStyles(activeWorkspace.value?.themeId)}</style>`);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarTeleportRoot), null, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
+					createElementVNode("div", { innerHTML: themeStyleTag.value }, null, 8, _hoisted_2),
+					createVNode(TopNav_default, { openNewTab: newTab.value }, null, 8, ["openNewTab"]),
+					unref(activeWorkspace)?.uid ? (openBlock(), createBlock(MainLayout_default, { key: 0 }, {
+						default: withCtx(() => [createVNode(unref(RouterView), { onNewTab: handleNewTab }, {
+							default: withCtx(({ Component }) => [(openBlock(), createBlock(KeepAlive, null, [(openBlock(), createBlock(resolveDynamicComponent(Component)))], 1024))]),
+							_: 1
+						})]),
+						_: 1
+					})) : createCommentVNode("", true),
+					createVNode(unref(ScalarToasts))
+				])]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+//#region src/layouts/App/create-api-client-app.ts
+/**
+* Mount the full-blown API Client modal to a given element.
+*/
+var createApiClientApp = async (el, configuration = {}, mountOnInitialize = true) => {
+	const router = createRouter({
+		history: createWebHistory(),
+		routes
+	});
+	const client = createApiClient({
+		el,
+		appComponent: ApiClientApp_default,
+		configuration,
+		mountOnInitialize,
+		router,
+		layout: "desktop"
+	});
+	const { importSpecFile, importSpecFromUrl } = client.store;
+	router.afterEach((to, from) => {
+		if (configuration.telemetry) analytics?.capture("page-view", {
+			hostname: window.location.hostname,
+			to: to.path,
+			from: from.path
+		});
+		saveActiveWorkspace(to);
+	});
+	if (configuration.url) await importSpecFromUrl(configuration.url, "default", { proxyUrl: configuration.proxyUrl });
+	else if (configuration.content) await importSpecFile(configuration.content, "default");
+	return {
+		client,
+		router
+	};
+};
+//#endregion
+export { ApiClientApp_default as n, createApiClientApp as t };
+
+//# sourceMappingURL=App-BpNPKHmM.js.map

package/dist/App-BpNPKHmM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App-BpNPKHmM.js","names":["$emit"],"sources":["../src/components/TopNav/TopNavItem.vue","../src/components/TopNav/TopNavItem.vue","../src/components/TopNav/TopNav.vue","../src/components/TopNav/TopNav.vue","../src/layouts/App/hotkeys.ts","../src/layouts/App/ApiClientApp.vue","../src/layouts/App/ApiClientApp.vue","../src/layouts/App/create-api-client-app.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarContextMenu,\n  ScalarDropdownButton,\n  ScalarDropdownDivider,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarHotkey,\n  ScalarIcon,\n  ScalarTooltip,\n  type Icon,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport { LibraryIcon } from '@scalar/icons/library'\n\ndefineProps<{\n  hotkey?: string\n  active: boolean\n  label: string\n  icon: Icon\n  isCollection?: boolean\n}>()\n\ndefineEmits<{\n  (e: 'click'): void\n  (e: 'close'): void\n  (e: 'newTab'): void\n  (e: 'copyUrl'): void\n  (e: 'closeOtherTabs'): void\n}>()\n</script>\n\n<template>\n  <ScalarContextMenu triggerClass=\"overflow-hidden w-full\">\n    <template #trigger>\n      <ScalarTooltip\n        :content=\"`${isMacOS() ? '⌘' : '^'} ${hotkey}`\"\n        placement=\"bottom\">\n        <div\n          class=\"nav-item app-no-drag-region\"\n          :class=\"{ 'nav-item__active': active }\"\n          @click=\"$emit('click')\">\n          <div\n            class=\"nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5\">\n            <LibraryIcon\n              v-if=\"isCollection\"\n              class=\"size-3.5 min-w-3.5 stroke-2\"\n              :src=\"icon\" />\n            <ScalarIcon\n              v-else\n              :icon=\"icon\"\n              size=\"xs\"\n              thickness=\"2.5\" />\n            <span class=\"custom-scroll nav-item-copy text-sm\">{{ label }}</span>\n          </div>\n          <button\n            class=\"nav-item-close\"\n            type=\"button\"\n            @click=\"$emit('close')\">\n            <ScalarIcon\n              icon=\"Close\"\n              thickness=\"1.75\" />\n          </button>\n        </div>\n      </ScalarTooltip>\n    </template>\n    <template #content>\n      <ScalarFloating placement=\"right-start\">\n        <template #floating>\n          <ScalarDropdownMenu class=\"scalar-app scalar-client\">\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"$emit('newTab')\">\n              <ScalarIcon\n                icon=\"AddTab\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              New Tab\n              <ScalarHotkey\n                class=\"bg-b-2 ml-auto\"\n                hotkey=\"T\" />\n            </ScalarDropdownButton>\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"$emit('copyUrl')\">\n              <ScalarIcon\n                icon=\"Link\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              Copy URL\n            </ScalarDropdownButton>\n            <ScalarDropdownDivider />\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"$emit('close')\">\n              <ScalarIcon\n                icon=\"CloseTab\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              Close Tab\n              <ScalarHotkey\n                class=\"bg-b-2 ml-auto\"\n                hotkey=\"W\" />\n            </ScalarDropdownButton>\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"$emit('closeOtherTabs')\">\n              <ScalarIcon\n                icon=\"CloseTabs\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              Close Other Tabs\n            </ScalarDropdownButton>\n          </ScalarDropdownMenu>\n        </template>\n      </ScalarFloating>\n    </template>\n  </ScalarContextMenu>\n</template>\n\n<style scoped>\n.nav-item {\n  padding: 0 1rem;\n  cursor: pointer;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  border-radius: var(--scalar-radius-lg);\n  background: var(--scalar-background-3);\n  border: var(--scalar-border-width) solid var(--scalar-background-2);\n  color: var(--scalar-color-3);\n  padding: 4.5px;\n  min-width: 0;\n  overflow: hidden;\n  position: relative;\n}\n.dark-mode .nav-item {\n  background: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n.nav-item-icon-copy {\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  mask-image: linear-gradient(\n    to left,\n    transparent 0,\n    var(--scalar-background-2) 20px\n  );\n}\n.nav-item:hover .nav-item-icon-copy {\n  mask-image: linear-gradient(\n    to left,\n    transparent 20px,\n    var(--scalar-background-2) 40px\n  );\n}\n.nav-item-copy {\n  max-width: calc(100% - 20px);\n}\n.nav-item:hover {\n  color: var(--scalar-color-1);\n}\n.nav-item__active {\n  background-color: var(--scalar-background-1);\n  color: var(--scalar-color-1);\n  border-color: var(--scalar-border-color);\n}\n.dark-mode .nav-item__active {\n  background-color: var(--scalar-background-2);\n}\n.nav-item-close {\n  position: absolute;\n  right: 3px;\n  padding: 2px;\n  border-radius: var(--scalar-radius);\n  background: transparent;\n  max-width: 20px;\n  stroke-width: 1.5px;\n  color: var(--scalar-color-3);\n  margin-left: -20px;\n  opacity: 0;\n}\n.nav-item:hover .nav-item-close {\n  opacity: 1;\n}\n.nav-item-close:hover {\n  background-color: var(--scalar-background-4);\n}\n.nav-item__active .nav-item-close:hover {\n  background-color: var(--scalar-background-2);\n}\n</style>\n","<script setup lang=\"ts\">\nimport {\n  ScalarContextMenu,\n  ScalarDropdownButton,\n  ScalarDropdownDivider,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarHotkey,\n  ScalarIcon,\n  ScalarTooltip,\n  type Icon,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport { LibraryIcon } from '@scalar/icons/library'\n\ndefineProps<{\n  hotkey?: string\n  active: boolean\n  label: string\n  icon: Icon\n  isCollection?: boolean\n}>()\n\ndefineEmits<{\n  (e: 'click'): void\n  (e: 'close'): void\n  (e: 'newTab'): void\n  (e: 'copyUrl'): void\n  (e: 'closeOtherTabs'): void\n}>()\n</script>\n\n<template>\n  <ScalarContextMenu triggerClass=\"overflow-hidden w-full\">\n    <template #trigger>\n      <ScalarTooltip\n        :content=\"`${isMacOS() ? '⌘' : '^'} ${hotkey}`\"\n        placement=\"bottom\">\n        <div\n          class=\"nav-item app-no-drag-region\"\n          :class=\"{ 'nav-item__active': active }\"\n          @click=\"$emit('click')\">\n          <div\n            class=\"nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5\">\n            <LibraryIcon\n              v-if=\"isCollection\"\n              class=\"size-3.5 min-w-3.5 stroke-2\"\n              :src=\"icon\" />\n            <ScalarIcon\n              v-else\n              :icon=\"icon\"\n              size=\"xs\"\n              thickness=\"2.5\" />\n            <span class=\"custom-scroll nav-item-copy text-sm\">{{ label }}</span>\n          </div>\n          <button\n            class=\"nav-item-close\"\n            type=\"button\"\n            @click=\"$emit('close')\">\n            <ScalarIcon\n              icon=\"Close\"\n              thickness=\"1.75\" />\n          </button>\n        </div>\n      </ScalarTooltip>\n    </template>\n    <template #content>\n      <ScalarFloating placement=\"right-start\">\n        <template #floating>\n          <ScalarDropdownMenu class=\"scalar-app scalar-client\">\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"$emit('newTab')\">\n              <ScalarIcon\n                icon=\"AddTab\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              New Tab\n              <ScalarHotkey\n                class=\"bg-b-2 ml-auto\"\n                hotkey=\"T\" />\n            </ScalarDropdownButton>\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"$emit('copyUrl')\">\n              <ScalarIcon\n                icon=\"Link\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              Copy URL\n            </ScalarDropdownButton>\n            <ScalarDropdownDivider />\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"$emit('close')\">\n              <ScalarIcon\n                icon=\"CloseTab\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              Close Tab\n              <ScalarHotkey\n                class=\"bg-b-2 ml-auto\"\n                hotkey=\"W\" />\n            </ScalarDropdownButton>\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"$emit('closeOtherTabs')\">\n              <ScalarIcon\n                icon=\"CloseTabs\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              Close Other Tabs\n            </ScalarDropdownButton>\n          </ScalarDropdownMenu>\n        </template>\n      </ScalarFloating>\n    </template>\n  </ScalarContextMenu>\n</template>\n\n<style scoped>\n.nav-item {\n  padding: 0 1rem;\n  cursor: pointer;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  border-radius: var(--scalar-radius-lg);\n  background: var(--scalar-background-3);\n  border: var(--scalar-border-width) solid var(--scalar-background-2);\n  color: var(--scalar-color-3);\n  padding: 4.5px;\n  min-width: 0;\n  overflow: hidden;\n  position: relative;\n}\n.dark-mode .nav-item {\n  background: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n.nav-item-icon-copy {\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  mask-image: linear-gradient(\n    to left,\n    transparent 0,\n    var(--scalar-background-2) 20px\n  );\n}\n.nav-item:hover .nav-item-icon-copy {\n  mask-image: linear-gradient(\n    to left,\n    transparent 20px,\n    var(--scalar-background-2) 40px\n  );\n}\n.nav-item-copy {\n  max-width: calc(100% - 20px);\n}\n.nav-item:hover {\n  color: var(--scalar-color-1);\n}\n.nav-item__active {\n  background-color: var(--scalar-background-1);\n  color: var(--scalar-color-1);\n  border-color: var(--scalar-border-color);\n}\n.dark-mode .nav-item__active {\n  background-color: var(--scalar-background-2);\n}\n.nav-item-close {\n  position: absolute;\n  right: 3px;\n  padding: 2px;\n  border-radius: var(--scalar-radius);\n  background: transparent;\n  max-width: 20px;\n  stroke-width: 1.5px;\n  color: var(--scalar-color-3);\n  margin-left: -20px;\n  opacity: 0;\n}\n.nav-item:hover .nav-item-close {\n  opacity: 1;\n}\n.nav-item-close:hover {\n  background-color: var(--scalar-background-4);\n}\n.nav-item__active .nav-item-close:hover {\n  background-color: var(--scalar-background-2);\n}\n</style>\n","<script setup lang=\"ts\">\nimport {\n  ScalarContextMenu,\n  ScalarDropdownButton,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarHotkey,\n  ScalarIcon,\n  type Icon,\n} from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { ROUTES } from '@/constants'\nimport type { HotKeyEvent } from '@/libs'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport TopNavItem from './TopNavItem.vue'\n\nconst props = defineProps<{\n  openNewTab: { name: string; uid: string } | null\n}>()\nconst { activeRequest, activeCollection } = useActiveEntities()\nconst router = useRouter()\nconst { events } = useWorkspace()\nconst { copyToClipboard } = useClipboard()\n\n/** Nav Items list */\nconst topNavItems = reactive([\n  {\n    label: '',\n    path: '',\n    icon: 'Add' as Icon | Collection['x-scalar-icon'],\n    isCollection: false,\n  },\n])\nconst activeNavItemIdx = ref(0)\nconst activeNavItemIdxValue = computed(() => activeNavItemIdx.value)\n\n/**\n * Check if the current route is a collection\n */\nconst isCollection = computed(() => {\n  return router.currentRoute.value.name?.toString().startsWith('collection.')\n})\n\n/**\n * Logic to handle adding a nav item\n * based on the current route\n */\nfunction handleNavLabelAdd() {\n  // Collection\n  if (isCollection.value) {\n    topNavItems[activeNavItemIdx.value] = {\n      label: activeCollection.value?.info?.title || 'Untitled Collection',\n      path: router.currentRoute.value.path,\n      icon: activeCollection.value?.['x-scalar-icon'] || 'Collection',\n      isCollection: true,\n    }\n\n    return\n  }\n\n  // Request\n  if (router.currentRoute.value.name?.toString().startsWith('request')) {\n    topNavItems[activeNavItemIdx.value] = {\n      label: activeRequest.value?.summary || '',\n      path: router.currentRoute.value.path,\n      icon: 'ExternalLink',\n      isCollection: false,\n    }\n\n    return\n  }\n\n  // Something from the sidebar\n  const activeRoute = ROUTES.find((route) => {\n    return route.to.name.startsWith(\n      router.currentRoute.value.name?.toString() ?? '',\n    )\n  })\n\n  if (activeRoute) {\n    topNavItems[activeNavItemIdx.value] = {\n      label: activeRoute.displayName,\n      path: router.currentRoute.value.path,\n      icon: activeRoute.icon,\n      isCollection: false,\n    }\n\n    return\n  }\n}\n\nfunction handleNavRoute() {\n  const path = topNavItems[activeNavItemIdx.value]?.path\n  if (path) {\n    router.push(path)\n  }\n}\n\n/**\n * adding a nav item sets the new index and nav item\n * based on the route\n */\nfunction addNavItem() {\n  topNavItems.push({\n    label: '',\n    path: '',\n    icon: 'Add' as Icon,\n    isCollection: false,\n  })\n  activeNavItemIdx.value = topNavItems.length - 1\n  handleNavLabelAdd()\n}\n\nfunction setNavItemIdx(idx: number) {\n  activeNavItemIdx.value = idx\n  handleNavRoute()\n}\n\n// when the route changes we need update the active nav item\nwatch(\n  () => router.currentRoute.value.path,\n  () => {\n    handleNavLabelAdd()\n  },\n  { immediate: true },\n)\n\nfunction removeNavItem(idx: number) {\n  topNavItems.splice(idx, 1)\n  activeNavItemIdx.value = Math.min(\n    activeNavItemIdx.value,\n    topNavItems.length - 1,\n  )\n  handleNavRoute()\n}\n\nconst copyUrl = async (idx: number) => {\n  if (!topNavItems[idx]?.path) {\n    return\n  }\n\n  const fullUrl = new URL(window.location.href)\n  fullUrl.pathname = topNavItems[idx].path\n  await copyToClipboard(fullUrl.toString())\n}\n\nconst closeOtherTabs = (idx: number) => {\n  topNavItems.splice(0, idx)\n  topNavItems.splice(1)\n  activeNavItemIdx.value = 0\n  handleNavRoute()\n}\n\n/** Handle hotkeys */\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (!event) {\n    return\n  }\n  if (event.addTopNav) {\n    addNavItem()\n  }\n  if (event.closeTopNav) {\n    removeNavItem(activeNavItemIdx.value)\n  }\n  if (event.navigateTopNavLeft) {\n    setNavItemIdx(Math.max(activeNavItemIdx.value - 1, 0))\n  }\n  if (event.navigateTopNavRight) {\n    setNavItemIdx(Math.min(activeNavItemIdx.value + 1, topNavItems.length - 1))\n  }\n  if (event.jumpToTab) {\n    const tabIndex = Number(event.jumpToTab.key) - 1\n    if (tabIndex >= 0 && tabIndex < topNavItems.length) {\n      setNavItemIdx(tabIndex)\n    }\n  }\n  if (event.jumpToLastTab) {\n    setNavItemIdx(topNavItems.length - 1)\n  }\n}\n\nconst addTopNavTab = (item: { name: string; uid: string }) => {\n  topNavItems.push({\n    label: item.name,\n    path: item.uid,\n    icon: 'ExternalLink',\n    isCollection: false,\n  })\n}\n\nwatch(\n  () => props.openNewTab,\n  (openNewTab) => {\n    if (openNewTab) {\n      addTopNavTab(openNewTab)\n    }\n  },\n  { immediate: true },\n)\n\nonMounted(() => events.hotKeys.on(handleHotKey))\nonBeforeUnmount(() => events.hotKeys.off(handleHotKey))\n</script>\n<template>\n  <nav class=\"mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2\">\n    <!-- Add a draggable overlay -->\n    <div class=\"app-drag-region absolute inset-0\" />\n    <div\n      class=\"relative flex h-10 flex-1 items-center gap-1.5 overflow-hidden pr-2.5 text-base font-medium\">\n      <template v-if=\"topNavItems.length === 1\">\n        <div class=\"h-full w-full overflow-hidden\">\n          <ScalarContextMenu\n            triggerClass=\"flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap\">\n            <template #trigger>\n              <LibraryIcon\n                v-if=\"isCollection\"\n                class=\"size-3.5 min-w-3.5 stroke-2\"\n                :src=\"activeCollection?.['x-scalar-icon'] || 'Collection'\" />\n              <ScalarIcon\n                v-else-if=\"topNavItems[0]?.icon\"\n                :icon=\"topNavItems[0]?.icon as Icon\"\n                size=\"xs\"\n                thickness=\"2.5\" />\n              <span>{{ topNavItems[0]?.label }}</span>\n            </template>\n            <template #content>\n              <ScalarFloating placement=\"right-start\">\n                <template #floating>\n                  <ScalarDropdownMenu class=\"scalar-app scalar-client\">\n                    <ScalarDropdownButton\n                      class=\"flex items-center gap-1.5\"\n                      @click=\"addNavItem\">\n                      <ScalarIcon\n                        icon=\"AddTab\"\n                        size=\"sm\"\n                        thickness=\"1.5\" />\n                      New Tab\n                      <ScalarHotkey\n                        class=\"bg-b-2 ml-auto\"\n                        hotkey=\"T\" />\n                    </ScalarDropdownButton>\n                    <ScalarDropdownButton\n                      class=\"flex items-center gap-1.5\"\n                      @click=\"copyUrl(activeNavItemIdxValue)\">\n                      <ScalarIcon\n                        icon=\"Link\"\n                        size=\"sm\"\n                        thickness=\"1.5\" />\n                      Copy URL\n                    </ScalarDropdownButton>\n                  </ScalarDropdownMenu>\n                </template>\n              </ScalarFloating>\n            </template>\n          </ScalarContextMenu>\n        </div>\n      </template>\n      <template v-else>\n        <TopNavItem\n          v-for=\"(topNavItem, index) in topNavItems\"\n          :key=\"topNavItem.path\"\n          :active=\"index === activeNavItemIdxValue\"\n          :hotkey=\"(index + 1).toString()\"\n          :icon=\"\n            topNavItem.isCollection\n              ? ((activeCollection?.['x-scalar-icon'] || 'Collection') as Icon)\n              : (topNavItem.icon as Icon)\n          \"\n          :isCollection=\"topNavItem.isCollection || false\"\n          :label=\"topNavItem.label\"\n          @click=\"setNavItemIdx(index)\"\n          @close=\"removeNavItem(index)\"\n          @closeOtherTabs=\"closeOtherTabs(index)\"\n          @copyUrl=\"copyUrl(index)\"\n          @newTab=\"addNavItem\" />\n      </template>\n      <button\n        class=\"text-c-3 hover:bg-b-3 app-no-drag-region rounded p-1.5\"\n        type=\"button\"\n        @click=\"addNavItem\">\n        <ScalarIcon\n          icon=\"Add\"\n          size=\"sm\"\n          thickness=\"2.5\" />\n      </button>\n    </div>\n  </nav>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  ScalarContextMenu,\n  ScalarDropdownButton,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarHotkey,\n  ScalarIcon,\n  type Icon,\n} from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { ROUTES } from '@/constants'\nimport type { HotKeyEvent } from '@/libs'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport TopNavItem from './TopNavItem.vue'\n\nconst props = defineProps<{\n  openNewTab: { name: string; uid: string } | null\n}>()\nconst { activeRequest, activeCollection } = useActiveEntities()\nconst router = useRouter()\nconst { events } = useWorkspace()\nconst { copyToClipboard } = useClipboard()\n\n/** Nav Items list */\nconst topNavItems = reactive([\n  {\n    label: '',\n    path: '',\n    icon: 'Add' as Icon | Collection['x-scalar-icon'],\n    isCollection: false,\n  },\n])\nconst activeNavItemIdx = ref(0)\nconst activeNavItemIdxValue = computed(() => activeNavItemIdx.value)\n\n/**\n * Check if the current route is a collection\n */\nconst isCollection = computed(() => {\n  return router.currentRoute.value.name?.toString().startsWith('collection.')\n})\n\n/**\n * Logic to handle adding a nav item\n * based on the current route\n */\nfunction handleNavLabelAdd() {\n  // Collection\n  if (isCollection.value) {\n    topNavItems[activeNavItemIdx.value] = {\n      label: activeCollection.value?.info?.title || 'Untitled Collection',\n      path: router.currentRoute.value.path,\n      icon: activeCollection.value?.['x-scalar-icon'] || 'Collection',\n      isCollection: true,\n    }\n\n    return\n  }\n\n  // Request\n  if (router.currentRoute.value.name?.toString().startsWith('request')) {\n    topNavItems[activeNavItemIdx.value] = {\n      label: activeRequest.value?.summary || '',\n      path: router.currentRoute.value.path,\n      icon: 'ExternalLink',\n      isCollection: false,\n    }\n\n    return\n  }\n\n  // Something from the sidebar\n  const activeRoute = ROUTES.find((route) => {\n    return route.to.name.startsWith(\n      router.currentRoute.value.name?.toString() ?? '',\n    )\n  })\n\n  if (activeRoute) {\n    topNavItems[activeNavItemIdx.value] = {\n      label: activeRoute.displayName,\n      path: router.currentRoute.value.path,\n      icon: activeRoute.icon,\n      isCollection: false,\n    }\n\n    return\n  }\n}\n\nfunction handleNavRoute() {\n  const path = topNavItems[activeNavItemIdx.value]?.path\n  if (path) {\n    router.push(path)\n  }\n}\n\n/**\n * adding a nav item sets the new index and nav item\n * based on the route\n */\nfunction addNavItem() {\n  topNavItems.push({\n    label: '',\n    path: '',\n    icon: 'Add' as Icon,\n    isCollection: false,\n  })\n  activeNavItemIdx.value = topNavItems.length - 1\n  handleNavLabelAdd()\n}\n\nfunction setNavItemIdx(idx: number) {\n  activeNavItemIdx.value = idx\n  handleNavRoute()\n}\n\n// when the route changes we need update the active nav item\nwatch(\n  () => router.currentRoute.value.path,\n  () => {\n    handleNavLabelAdd()\n  },\n  { immediate: true },\n)\n\nfunction removeNavItem(idx: number) {\n  topNavItems.splice(idx, 1)\n  activeNavItemIdx.value = Math.min(\n    activeNavItemIdx.value,\n    topNavItems.length - 1,\n  )\n  handleNavRoute()\n}\n\nconst copyUrl = async (idx: number) => {\n  if (!topNavItems[idx]?.path) {\n    return\n  }\n\n  const fullUrl = new URL(window.location.href)\n  fullUrl.pathname = topNavItems[idx].path\n  await copyToClipboard(fullUrl.toString())\n}\n\nconst closeOtherTabs = (idx: number) => {\n  topNavItems.splice(0, idx)\n  topNavItems.splice(1)\n  activeNavItemIdx.value = 0\n  handleNavRoute()\n}\n\n/** Handle hotkeys */\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (!event) {\n    return\n  }\n  if (event.addTopNav) {\n    addNavItem()\n  }\n  if (event.closeTopNav) {\n    removeNavItem(activeNavItemIdx.value)\n  }\n  if (event.navigateTopNavLeft) {\n    setNavItemIdx(Math.max(activeNavItemIdx.value - 1, 0))\n  }\n  if (event.navigateTopNavRight) {\n    setNavItemIdx(Math.min(activeNavItemIdx.value + 1, topNavItems.length - 1))\n  }\n  if (event.jumpToTab) {\n    const tabIndex = Number(event.jumpToTab.key) - 1\n    if (tabIndex >= 0 && tabIndex < topNavItems.length) {\n      setNavItemIdx(tabIndex)\n    }\n  }\n  if (event.jumpToLastTab) {\n    setNavItemIdx(topNavItems.length - 1)\n  }\n}\n\nconst addTopNavTab = (item: { name: string; uid: string }) => {\n  topNavItems.push({\n    label: item.name,\n    path: item.uid,\n    icon: 'ExternalLink',\n    isCollection: false,\n  })\n}\n\nwatch(\n  () => props.openNewTab,\n  (openNewTab) => {\n    if (openNewTab) {\n      addTopNavTab(openNewTab)\n    }\n  },\n  { immediate: true },\n)\n\nonMounted(() => events.hotKeys.on(handleHotKey))\nonBeforeUnmount(() => events.hotKeys.off(handleHotKey))\n</script>\n<template>\n  <nav class=\"mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2\">\n    <!-- Add a draggable overlay -->\n    <div class=\"app-drag-region absolute inset-0\" />\n    <div\n      class=\"relative flex h-10 flex-1 items-center gap-1.5 overflow-hidden pr-2.5 text-base font-medium\">\n      <template v-if=\"topNavItems.length === 1\">\n        <div class=\"h-full w-full overflow-hidden\">\n          <ScalarContextMenu\n            triggerClass=\"flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap\">\n            <template #trigger>\n              <LibraryIcon\n                v-if=\"isCollection\"\n                class=\"size-3.5 min-w-3.5 stroke-2\"\n                :src=\"activeCollection?.['x-scalar-icon'] || 'Collection'\" />\n              <ScalarIcon\n                v-else-if=\"topNavItems[0]?.icon\"\n                :icon=\"topNavItems[0]?.icon as Icon\"\n                size=\"xs\"\n                thickness=\"2.5\" />\n              <span>{{ topNavItems[0]?.label }}</span>\n            </template>\n            <template #content>\n              <ScalarFloating placement=\"right-start\">\n                <template #floating>\n                  <ScalarDropdownMenu class=\"scalar-app scalar-client\">\n                    <ScalarDropdownButton\n                      class=\"flex items-center gap-1.5\"\n                      @click=\"addNavItem\">\n                      <ScalarIcon\n                        icon=\"AddTab\"\n                        size=\"sm\"\n                        thickness=\"1.5\" />\n                      New Tab\n                      <ScalarHotkey\n                        class=\"bg-b-2 ml-auto\"\n                        hotkey=\"T\" />\n                    </ScalarDropdownButton>\n                    <ScalarDropdownButton\n                      class=\"flex items-center gap-1.5\"\n                      @click=\"copyUrl(activeNavItemIdxValue)\">\n                      <ScalarIcon\n                        icon=\"Link\"\n                        size=\"sm\"\n                        thickness=\"1.5\" />\n                      Copy URL\n                    </ScalarDropdownButton>\n                  </ScalarDropdownMenu>\n                </template>\n              </ScalarFloating>\n            </template>\n          </ScalarContextMenu>\n        </div>\n      </template>\n      <template v-else>\n        <TopNavItem\n          v-for=\"(topNavItem, index) in topNavItems\"\n          :key=\"topNavItem.path\"\n          :active=\"index === activeNavItemIdxValue\"\n          :hotkey=\"(index + 1).toString()\"\n          :icon=\"\n            topNavItem.isCollection\n              ? ((activeCollection?.['x-scalar-icon'] || 'Collection') as Icon)\n              : (topNavItem.icon as Icon)\n          \"\n          :isCollection=\"topNavItem.isCollection || false\"\n          :label=\"topNavItem.label\"\n          @click=\"setNavItemIdx(index)\"\n          @close=\"removeNavItem(index)\"\n          @closeOtherTabs=\"closeOtherTabs(index)\"\n          @copyUrl=\"copyUrl(index)\"\n          @newTab=\"addNavItem\" />\n      </template>\n      <button\n        class=\"text-c-3 hover:bg-b-3 app-no-drag-region rounded p-1.5\"\n        type=\"button\"\n        @click=\"addNavItem\">\n        <ScalarIcon\n          icon=\"Add\"\n          size=\"sm\"\n          thickness=\"2.5\" />\n      </button>\n    </div>\n  </nav>\n</template>\n","import type { HotKeyConfig } from '@scalar/oas-utils/entities/workspace'\n\n/**\n * Default set of keybindings for the client app\n */\nexport const APP_HOTKEYS: HotKeyConfig = {\n  t: { event: 'addTopNav', modifiers: ['default'] },\n  w: { event: 'closeTopNav', modifiers: ['default'] },\n  ArrowLeft: { event: 'navigateTopNavLeft', modifiers: ['default', 'Alt'] },\n  ArrowRight: { event: 'navigateTopNavRight', modifiers: ['default', 'Alt'] },\n  l: { event: 'focusAddressBar', modifiers: ['default'] },\n  1: { event: 'jumpToTab', modifiers: ['default'] },\n  2: { event: 'jumpToTab', modifiers: ['default'] },\n  3: { event: 'jumpToTab', modifiers: ['default'] },\n  4: { event: 'jumpToTab', modifiers: ['default'] },\n  5: { event: 'jumpToTab', modifiers: ['default'] },\n  6: { event: 'jumpToTab', modifiers: ['default'] },\n  7: { event: 'jumpToTab', modifiers: ['default'] },\n  8: { event: 'jumpToTab', modifiers: ['default'] },\n  9: { event: 'jumpToLastTab', modifiers: ['default'] },\n  f: { event: 'focusRequestSearch', modifiers: ['default'] },\n  n: { event: 'createNew', modifiers: ['default'] },\n}\n","<script setup lang=\"ts\">\n// TODO: Disabled until we polished the UI.\n// import { ImportCollectionListener } from '@/components/ImportCollection'\nimport {\n  addScalarClassesToHeadless,\n  ScalarTeleportRoot,\n} from '@scalar/components'\nimport { getThemeStyles } from '@scalar/themes'\nimport { useBreakpoints } from '@scalar/use-hooks/useBreakpoints'\nimport { useColorMode } from '@scalar/use-hooks/useColorMode'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport {\n  computed,\n  onBeforeMount,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport TopNav from '@/components/TopNav/TopNav.vue'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport MainLayout from '@/layouts/App/MainLayout.vue'\nimport { DEFAULT_HOTKEYS, handleHotKeyDown, type HotKeyEvent } from '@/libs'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport { APP_HOTKEYS } from './hotkeys'\n\ndefineEmits<{\n  (e: 'newTab', item: { name: string; uid: string }): void\n}>()\n\nconst hotKeys = { ...DEFAULT_HOTKEYS, ...APP_HOTKEYS }\n\nconst newTab = ref<{ name: string; uid: string } | null>(null)\n\nconst handleNewTab = (item: { name: string; uid: string }) => {\n  newTab.value = item\n}\n\n// Initialize color mode state globally\nuseColorMode()\n\nconst { activeWorkspace } = useActiveEntities()\nconst { events } = useWorkspace()\n\n// Ensure we add our scalar wrapper class to the headless ui root\nonBeforeMount(() => addScalarClassesToHeadless())\n\n/** Handles the hotkey events, we will pass in custom hotkeys here */\nconst handleKeyDown = (ev: KeyboardEvent) =>\n  handleHotKeyDown(ev, events.hotKeys, { hotKeys })\n\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (!event) {\n    return\n  }\n\n  // We prevent default on open command so we can use it on the web\n  if (event.openCommandPalette) {\n    event.openCommandPalette.preventDefault()\n    events.commandPalette.emit()\n  }\n}\n\n// Hotkey listeners\nonMounted(() => {\n  window.addEventListener('keydown', handleKeyDown)\n  events.hotKeys.on(handleHotKey)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('keydown', handleKeyDown)\n  events.hotKeys.off(handleHotKey)\n})\n\nconst { mediaQueries } = useBreakpoints()\nconst { setSidebarOpen } = useSidebar()\n\n// Single watcher instance for handling responsive behavior\nwatch(mediaQueries.xl, setSidebarOpen, {\n  immediate: true,\n})\n\nconst themeStyleTag = computed(\n  () =>\n    activeWorkspace.value &&\n    `<style>${getThemeStyles(activeWorkspace.value?.themeId)}</style>`,\n)\n</script>\n<template>\n  <ScalarTeleportRoot>\n    <div\n      id=\"scalar-client-app\"\n      class=\"contents\">\n      <!-- Listen for paste and drop events, and look for `url` query parameters to import collections -->\n      <!-- <ImportCollectionListener> -->\n      <div v-html=\"themeStyleTag\" />\n      <TopNav :openNewTab=\"newTab\" />\n\n      <!-- Ensure we have the workspace loaded from localStorage above -->\n      <MainLayout v-if=\"activeWorkspace?.uid\">\n        <RouterView\n          v-slot=\"{ Component }\"\n          @newTab=\"handleNewTab\">\n          <keep-alive>\n            <component :is=\"Component\" />\n          </keep-alive>\n        </RouterView>\n      </MainLayout>\n\n      <ScalarToasts />\n      <!-- </ImportCollectionListener> -->\n    </div>\n  </ScalarTeleportRoot>\n</template>\n<style>\n#scalar-client {\n  display: flex;\n  flex-direction: column;\n  height: 100dvh;\n  width: 100dvw;\n  position: relative;\n  background-color: var(--scalar-background-2);\n}\n.dark-mode #scalar-client {\n  background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);\n}\n</style>\n","<script setup lang=\"ts\">\n// TODO: Disabled until we polished the UI.\n// import { ImportCollectionListener } from '@/components/ImportCollection'\nimport {\n  addScalarClassesToHeadless,\n  ScalarTeleportRoot,\n} from '@scalar/components'\nimport { getThemeStyles } from '@scalar/themes'\nimport { useBreakpoints } from '@scalar/use-hooks/useBreakpoints'\nimport { useColorMode } from '@scalar/use-hooks/useColorMode'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport {\n  computed,\n  onBeforeMount,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport TopNav from '@/components/TopNav/TopNav.vue'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport MainLayout from '@/layouts/App/MainLayout.vue'\nimport { DEFAULT_HOTKEYS, handleHotKeyDown, type HotKeyEvent } from '@/libs'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport { APP_HOTKEYS } from './hotkeys'\n\ndefineEmits<{\n  (e: 'newTab', item: { name: string; uid: string }): void\n}>()\n\nconst hotKeys = { ...DEFAULT_HOTKEYS, ...APP_HOTKEYS }\n\nconst newTab = ref<{ name: string; uid: string } | null>(null)\n\nconst handleNewTab = (item: { name: string; uid: string }) => {\n  newTab.value = item\n}\n\n// Initialize color mode state globally\nuseColorMode()\n\nconst { activeWorkspace } = useActiveEntities()\nconst { events } = useWorkspace()\n\n// Ensure we add our scalar wrapper class to the headless ui root\nonBeforeMount(() => addScalarClassesToHeadless())\n\n/** Handles the hotkey events, we will pass in custom hotkeys here */\nconst handleKeyDown = (ev: KeyboardEvent) =>\n  handleHotKeyDown(ev, events.hotKeys, { hotKeys })\n\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (!event) {\n    return\n  }\n\n  // We prevent default on open command so we can use it on the web\n  if (event.openCommandPalette) {\n    event.openCommandPalette.preventDefault()\n    events.commandPalette.emit()\n  }\n}\n\n// Hotkey listeners\nonMounted(() => {\n  window.addEventListener('keydown', handleKeyDown)\n  events.hotKeys.on(handleHotKey)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('keydown', handleKeyDown)\n  events.hotKeys.off(handleHotKey)\n})\n\nconst { mediaQueries } = useBreakpoints()\nconst { setSidebarOpen } = useSidebar()\n\n// Single watcher instance for handling responsive behavior\nwatch(mediaQueries.xl, setSidebarOpen, {\n  immediate: true,\n})\n\nconst themeStyleTag = computed(\n  () =>\n    activeWorkspace.value &&\n    `<style>${getThemeStyles(activeWorkspace.value?.themeId)}</style>`,\n)\n</script>\n<template>\n  <ScalarTeleportRoot>\n    <div\n      id=\"scalar-client-app\"\n      class=\"contents\">\n      <!-- Listen for paste and drop events, and look for `url` query parameters to import collections -->\n      <!-- <ImportCollectionListener> -->\n      <div v-html=\"themeStyleTag\" />\n      <TopNav :openNewTab=\"newTab\" />\n\n      <!-- Ensure we have the workspace loaded from localStorage above -->\n      <MainLayout v-if=\"activeWorkspace?.uid\">\n        <RouterView\n          v-slot=\"{ Component }\"\n          @newTab=\"handleNewTab\">\n          <keep-alive>\n            <component :is=\"Component\" />\n          </keep-alive>\n        </RouterView>\n      </MainLayout>\n\n      <ScalarToasts />\n      <!-- </ImportCollectionListener> -->\n    </div>\n  </ScalarTeleportRoot>\n</template>\n<style>\n#scalar-client {\n  display: flex;\n  flex-direction: column;\n  height: 100dvh;\n  width: 100dvw;\n  position: relative;\n  background-color: var(--scalar-background-2);\n}\n.dark-mode #scalar-client {\n  background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);\n}\n</style>\n","import type { ApiClientConfiguration } from '@scalar/types/api-reference'\nimport { createRouter, createWebHistory } from 'vue-router'\n\nimport { analytics } from '@/analytics'\nimport { createApiClient } from '@/libs'\nimport { routes, saveActiveWorkspace } from '@/routes'\n\nimport ApiClientApp from './ApiClientApp.vue'\n\n/**\n * Mount the full-blown API Client modal to a given element.\n */\nexport const createApiClientApp = async (\n  /** Element to mount the references to */\n  el: HTMLElement | null,\n  /** Configuration object for API client */\n  configuration: Partial<ApiClientConfiguration> = {},\n  /**\n   * Will attempt to mount the references immediately\n   * For SSR this may need to be blocked and done client side\n   */\n  mountOnInitialize = true,\n) => {\n  const router = createRouter({\n    history: createWebHistory(),\n    routes,\n  })\n\n  const client = createApiClient({\n    el,\n    appComponent: ApiClientApp,\n    configuration: configuration,\n    mountOnInitialize,\n    router,\n    layout: 'desktop',\n  })\n\n  const { importSpecFile, importSpecFromUrl } = client.store\n\n  router.afterEach((to, from) => {\n    if (configuration.telemetry) {\n      analytics?.capture('page-view', {\n        hostname: window.location.hostname,\n        to: to.path, // capture path excluding query params\n        from: from.path,\n      })\n    }\n\n    saveActiveWorkspace(to)\n  })\n\n  // Import the spec if needed\n  if (configuration.url) {\n    await importSpecFromUrl(configuration.url, 'default', {\n      proxyUrl: configuration.proxyUrl,\n    })\n  } else if (configuration.content) {\n    await importSpecFile(configuration.content, 'default')\n  }\n\n  return {\n    client,\n    router,\n  }\n}\n"],"mappings":"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"}