@scalar/api-client 2.38.4 → 2.39.0

package/dist/components/CommandPalette/CommandPaletteImportCurl.vue.script.js

@@ -0,0 +1,108 @@
+import { PathId } from "../../routes.js";
+import { useActiveEntities } from "../../store/active-entities.js";
+import { useWorkspace } from "../../store/store.js";
+import CommandActionForm_default from "./CommandActionForm.vue.js";
+import HttpMethod_default from "../HttpMethod/HttpMethod.vue.js";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, useTemplateRef, withCtx } from "vue";
+import { ScalarButton, ScalarIcon, ScalarListbox } from "@scalar/components";
+import { useRouter } from "vue-router";
+import { REGEX } from "@scalar/oas-utils/helpers";
+import { emitCustomEvent } from "@scalar/workspace-store/events";
+//#region src/components/CommandPalette/CommandPaletteImportCurl.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-9 flex-row items-center gap-2 rounded border p-[3px] text-sm" };
+var _hoisted_2 = { class: "flex h-full" };
+var _hoisted_3 = { class: "scroll-timeline-x whitespace-nowrap" };
+var _hoisted_4 = { class: "flex" };
+var CommandPaletteImportCurl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CommandPaletteImportCurl",
+	props: { metaData: {} },
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emits = __emit;
+		const workspaceContext = useWorkspace();
+		const { activeWorkspaceCollections, activeCollection, activeWorkspace } = useActiveEntities();
+		const { requestMutators, serverMutators, servers } = workspaceContext;
+		const selectedServerUid = ref("");
+		const router = useRouter();
+		const collections = computed(() => activeWorkspaceCollections.value.map((collection) => ({
+			id: collection.uid,
+			label: collection.info?.title ?? "Unititled Collection"
+		})));
+		const selectedCollection = ref(__props.metaData.collectionUid ? collections.value.find((collection) => collection.id === __props.metaData.collectionUid) : collections.value.find((collection) => collection.id === activeCollection.value?.uid));
+		function createRequestFromCurl({ collectionUid }) {
+			if (!__props.metaData.parsedCurl) return;
+			const collection = activeWorkspaceCollections.value.find((c) => c.uid === collectionUid);
+			if (!collection) return;
+			const isDrafts = collection?.info?.title === "Drafts";
+			if (!isDrafts && __props.metaData.parsedCurl.servers) {
+				const existingServer = Object.values(servers).find((s) => s.url === __props.metaData.parsedCurl?.servers?.[0]);
+				if (existingServer) selectedServerUid.value = existingServer.uid;
+				else {
+					selectedServerUid.value = serverMutators.add({ url: __props.metaData.parsedCurl.servers[0] ?? "/" }, collection.uid).uid;
+					emitCustomEvent(wrapper.value?.$el, "scalar-add-server", {
+						server: { url: __props.metaData.parsedCurl.servers[0] ?? "/" },
+						options: { disableOldStoreUpdate: true }
+					});
+				}
+			}
+			const newRequest = requestMutators.add({
+				summary: isDrafts ? __props.metaData.parsedCurl?.url?.replace(REGEX.PROTOCOL, "") : __props.metaData.parsedCurl?.path,
+				path: isDrafts ? __props.metaData.parsedCurl?.url : __props.metaData.parsedCurl?.path,
+				method: __props.metaData.parsedCurl?.method,
+				parameters: __props.metaData.parsedCurl?.parameters,
+				selectedServerUid: isDrafts ? void 0 : selectedServerUid.value,
+				requestBody: __props.metaData.parsedCurl?.requestBody
+			}, collection.uid);
+			if (newRequest && activeWorkspace.value?.uid) router.push({
+				name: "request",
+				params: {
+					[PathId.Workspace]: activeWorkspace.value.uid,
+					[PathId.Collection]: collection.uid,
+					[PathId.Request]: newRequest.uid
+				}
+			});
+			emits("close");
+		}
+		const handleImportClick = () => {
+			createRequestFromCurl({ collectionUid: selectedCollection.value?.id ?? "" });
+		};
+		const wrapper = useTemplateRef("wrapper-ref");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "text-c-2 flex-center py-1.5 text-sm" }, "Import cURL", -1)), createVNode(CommandActionForm_default, {
+				ref: "wrapper-ref",
+				class: "mt-1.5 min-h-fit",
+				onSubmit: handleImportClick
+			}, {
+				options: withCtx(() => [createElementVNode("div", _hoisted_4, [createVNode(unref(ScalarListbox), {
+					modelValue: selectedCollection.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedCollection.value = $event),
+					options: collections.value
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						class: "hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs",
+						variant: "outlined"
+					}, {
+						default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["whitespace-nowrap", selectedCollection.value ? "text-c-1" : "text-c-3"]) }, toDisplayString(selectedCollection.value ? selectedCollection.value.label : "Select Collection"), 3), createVNode(unref(ScalarIcon), {
+							class: "text-c-3",
+							icon: "ChevronDown",
+							size: "md"
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue", "options"])])]),
+				submit: withCtx(() => [createElementVNode("span", { onClick: handleImportClick }, "Import Request")]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(HttpMethod_default, {
+					isEditable: false,
+					isSquare: "",
+					method: __props.metaData.parsedCurl?.method || "get"
+				}, null, 8, ["method"])]), createElementVNode("span", _hoisted_3, toDisplayString(__props.metaData.parsedCurl?.servers?.[0] || "") + toDisplayString(__props.metaData.parsedCurl?.path || ""), 1)])]),
+				_: 1
+			}, 512)], 64);
+		};
+	}
+});
+//#endregion
+export { CommandPaletteImportCurl_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CommandPaletteImportCurl.vue.script.js.map

package/dist/components/CommandPalette/CommandPaletteImportCurl.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteImportCurl.vue.script.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteImportCurl.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarListbox,\n  type ScalarComboboxOption,\n} from '@scalar/components'\nimport type {\n  RequestMethod,\n  RequestPayload,\n} from '@scalar/oas-utils/entities/spec'\nimport { REGEX } from '@scalar/oas-utils/helpers'\nimport { emitCustomEvent } from '@scalar/workspace-store/events'\nimport { computed, ref, useTemplateRef } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport HttpMethod from '@/components/HttpMethod/HttpMethod.vue'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\ntype ExtendedRequestPayload = RequestPayload & {\n  url?: string\n}\n\nconst { metaData } = defineProps<{\n  metaData: {\n    parsedCurl: ExtendedRequestPayload\n    collectionUid: string\n  }\n}>()\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst workspaceContext = useWorkspace()\n\nconst { activeWorkspaceCollections, activeCollection, activeWorkspace } =\n  useActiveEntities()\nconst { requestMutators, serverMutators, servers } = workspaceContext\n\nconst selectedServerUid = ref('')\nconst router = useRouter()\n\nconst collections = computed(() =>\n  activeWorkspaceCollections.value.map((collection) => ({\n    id: collection.uid,\n    label: collection.info?.title ?? 'Unititled Collection',\n  })),\n)\n\nconst selectedCollection = ref<ScalarComboboxOption | undefined>(\n  metaData.collectionUid\n    ? collections.value.find(\n        (collection) => collection.id === metaData.collectionUid,\n      )\n    : collections.value.find(\n        (collection) => collection.id === activeCollection.value?.uid,\n      ),\n)\n\nfunction createRequestFromCurl({ collectionUid }: { collectionUid: string }) {\n  if (!metaData.parsedCurl) {\n    return\n  }\n\n  const collection = activeWorkspaceCollections.value.find(\n    (c) => c.uid === collectionUid,\n  )\n\n  if (!collection) {\n    return\n  }\n\n  const isDrafts = collection?.info?.title === 'Drafts'\n\n  // Prevent adding servers to drafts\n  if (!isDrafts && metaData.parsedCurl.servers) {\n    // Find existing server to avoid duplication\n    const existingServer = Object.values(servers).find(\n      (s) => s.url === metaData.parsedCurl?.servers?.[0],\n    )\n    if (existingServer) {\n      selectedServerUid.value = existingServer.uid\n    } else {\n      selectedServerUid.value = serverMutators.add(\n        { url: metaData.parsedCurl.servers[0] ?? '/' },\n        collection.uid,\n      ).uid\n\n      emitCustomEvent(wrapper.value?.$el, 'scalar-add-server', {\n        server: { url: metaData.parsedCurl.servers[0] ?? '/' },\n        options: {\n          disableOldStoreUpdate: true,\n        },\n      })\n    }\n  }\n\n  // Add the request and use the url if it's a draft as a path\n  const newRequest = requestMutators.add(\n    {\n      summary: isDrafts\n        ? metaData.parsedCurl?.url?.replace(REGEX.PROTOCOL, '')\n        : metaData.parsedCurl?.path,\n      path: isDrafts ? metaData.parsedCurl?.url : metaData.parsedCurl?.path,\n      method: metaData.parsedCurl?.method,\n      parameters: metaData.parsedCurl?.parameters,\n      selectedServerUid: isDrafts ? undefined : selectedServerUid.value,\n      requestBody: metaData.parsedCurl?.requestBody,\n    },\n    collection.uid,\n  )\n\n  if (newRequest && activeWorkspace.value?.uid) {\n    router.push({\n      name: 'request',\n      params: {\n        [PathId.Workspace]: activeWorkspace.value.uid,\n        [PathId.Collection]: collection.uid,\n        [PathId.Request]: newRequest.uid,\n      },\n    })\n  }\n\n  emits('close')\n}\n\nconst handleImportClick = () => {\n  createRequestFromCurl({\n    collectionUid: selectedCollection.value?.id ?? '',\n  })\n}\n\nconst wrapper = useTemplateRef('wrapper-ref')\n</script>\n<template>\n  <div class=\"text-c-2 flex-center py-1.5 text-sm\">Import cURL</div>\n  <CommandActionForm\n    ref=\"wrapper-ref\"\n    class=\"mt-1.5 min-h-fit\"\n    @submit=\"handleImportClick\">\n    <div\n      class=\"flex h-9 flex-row items-center gap-2 rounded border p-[3px] text-sm\">\n      <div class=\"flex h-full\">\n        <HttpMethod\n          :isEditable=\"false\"\n          isSquare\n          :method=\"(metaData.parsedCurl?.method as RequestMethod) || 'get'\" />\n      </div>\n      <span class=\"scroll-timeline-x whitespace-nowrap\">\n        {{ metaData.parsedCurl?.servers?.[0] || ''\n        }}{{ metaData.parsedCurl?.path || '' }}\n      </span>\n    </div>\n\n    <template #options>\n      <div class=\"flex\">\n        <ScalarListbox\n          v-model=\"selectedCollection\"\n          :options=\"collections\">\n          <ScalarButton\n            class=\"hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs\"\n            variant=\"outlined\">\n            <span\n              class=\"whitespace-nowrap\"\n              :class=\"selectedCollection ? 'text-c-1' : 'text-c-3'\">\n              {{\n                selectedCollection\n                  ? selectedCollection.label\n                  : 'Select Collection'\n              }}\n            </span>\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"ChevronDown\"\n              size=\"md\" />\n          </ScalarButton>\n        </ScalarListbox>\n      </div>\n    </template>\n\n    <template #submit>\n      <span @click=\"handleImportClick\">Import Request</span>\n    </template>\n  </CommandActionForm>\n</template>\n<style scoped>\n.scroll-timeline-x {\n  overflow: auto;\n  scroll-timeline: --scroll-timeline x;\n  /* Firefox supports */\n  scroll-timeline: --scroll-timeline horizontal;\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAKd,MAAM,mBAAmB,cAAa;EAEtC,MAAM,EAAE,4BAA4B,kBAAkB,oBACpD,mBAAkB;EACpB,MAAM,EAAE,iBAAiB,gBAAgB,YAAY;EAErD,MAAM,oBAAoB,IAAI,GAAE;EAChC,MAAM,SAAS,WAAU;EAEzB,MAAM,cAAc,eAClB,2BAA2B,MAAM,KAAK,gBAAgB;GACpD,IAAI,WAAW;GACf,OAAO,WAAW,MAAM,SAAS;GAClC,EAAE,CACL;EAEA,MAAM,qBAAqB,IACzB,QAAA,SAAS,gBACL,YAAY,MAAM,MACf,eAAe,WAAW,OAAO,QAAA,SAAS,cAC7C,GACA,YAAY,MAAM,MACf,eAAe,WAAW,OAAO,iBAAiB,OAAO,IAC3D,CACP;EAEA,SAAS,sBAAsB,EAAE,iBAA4C;AAC3E,OAAI,CAAC,QAAA,SAAS,WACZ;GAGF,MAAM,aAAa,2BAA2B,MAAM,MACjD,MAAM,EAAE,QAAQ,cACnB;AAEA,OAAI,CAAC,WACH;GAGF,MAAM,WAAW,YAAY,MAAM,UAAU;AAG7C,OAAI,CAAC,YAAY,QAAA,SAAS,WAAW,SAAS;IAE5C,MAAM,iBAAiB,OAAO,OAAO,QAAQ,CAAC,MAC3C,MAAM,EAAE,QAAQ,QAAA,SAAS,YAAY,UAAU,GAClD;AACA,QAAI,eACF,mBAAkB,QAAQ,eAAe;SACpC;AACL,uBAAkB,QAAQ,eAAe,IACvC,EAAE,KAAK,QAAA,SAAS,WAAW,QAAQ,MAAM,KAAK,EAC9C,WAAW,IACZ,CAAC;AAEF,qBAAgB,QAAQ,OAAO,KAAK,qBAAqB;MACvD,QAAQ,EAAE,KAAK,QAAA,SAAS,WAAW,QAAQ,MAAM,KAAK;MACtD,SAAS,EACP,uBAAuB,MACxB;MACF,CAAA;;;GAKL,MAAM,aAAa,gBAAgB,IACjC;IACE,SAAS,WACL,QAAA,SAAS,YAAY,KAAK,QAAQ,MAAM,UAAU,GAAE,GACpD,QAAA,SAAS,YAAY;IACzB,MAAM,WAAW,QAAA,SAAS,YAAY,MAAM,QAAA,SAAS,YAAY;IACjE,QAAQ,QAAA,SAAS,YAAY;IAC7B,YAAY,QAAA,SAAS,YAAY;IACjC,mBAAmB,WAAW,KAAA,IAAY,kBAAkB;IAC5D,aAAa,QAAA,SAAS,YAAY;IACnC,EACD,WAAW,IACb;AAEA,OAAI,cAAc,gBAAgB,OAAO,IACvC,QAAO,KAAK;IACV,MAAM;IACN,QAAQ;MACL,OAAO,YAAY,gBAAgB,MAAM;MACzC,OAAO,aAAa,WAAW;MAC/B,OAAO,UAAU,WAAW;KAC9B;IACF,CAAA;AAGH,SAAM,QAAO;;EAGf,MAAM,0BAA0B;AAC9B,yBAAsB,EACpB,eAAe,mBAAmB,OAAO,MAAM,IAChD,CAAA;;EAGH,MAAM,UAAU,eAAe,cAAa;;qFAG1C,mBAAkE,OAAA,EAA7D,OAAM,uCAAqC,EAAC,eAAW,GAAA,GAC5D,YA+CoB,2BAAA;IA9ClB,KAAI;IACJ,OAAM;IACL,UAAQ;;IAeE,SAAO,cAuBV,CAtBN,mBAsBM,OAtBN,YAsBM,CArBJ,YAoBgB,MAAA,cAAA,EAAA;iBAnBL,mBAAA;qFAAkB,QAAA;KAC1B,SAAS,YAAA;;4BAiBK,CAhBf,YAgBe,MAAA,aAAA,EAAA;MAfb,OAAM;MACN,SAAQ;;6BASD,CARP,mBAQO,QAAA,EAPL,OAAK,eAAA,CAAC,qBACE,mBAAA,QAAkB,aAAA,WAAA,CAAA,EAAA,EAAA,gBAExB,mBAAA,QAAuC,mBAAA,MAAmB,QAAA,oBAAA,EAAA,EAAA,EAK9D,YAGc,MAAA,WAAA,EAAA;OAFZ,OAAM;OACN,MAAK;OACL,MAAK;;;;;;IAMJ,QAAM,cACuC,CAAtD,mBAAsD,QAAA,EAA/C,SAAO,mBAAiB,EAAE,iBAAc,CAAA,CAAA;2BA7B3C,CAZN,mBAYM,OAZN,YAYM,CAVJ,mBAKM,OALN,YAKM,CAJJ,YAGsE,oBAAA;KAFnE,YAAY;KACb,UAAA;KACC,QAAS,QAAA,SAAS,YAAY,UAAM;+BAEzC,mBAGO,QAHP,YAGO,gBAFF,QAAA,SAAS,YAAY,UAAO,MAAA,GAAA,GAAA,gBAC1B,QAAA,SAAS,YAAY,QAAI,GAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/CommandPalette/CommandPaletteServer.vue.js

@@ -0,0 +1,7 @@
+import CommandPaletteServer_vue_vue_type_script_setup_true_lang_default from "./CommandPaletteServer.vue.script.js";
+//#region src/components/CommandPalette/CommandPaletteServer.vue
+var CommandPaletteServer_default = CommandPaletteServer_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CommandPaletteServer_default as default };
+
+//# sourceMappingURL=CommandPaletteServer.vue.js.map

package/dist/components/CommandPalette/CommandPaletteServer.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteServer.vue.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteServer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarIcon, ScalarListbox } from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport { emitCustomEvent } from '@scalar/workspace-store/events'\nimport { computed, ref, useTemplateRef } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst props = defineProps<{\n  metaData?: {\n    itemUid?: string\n    parentUid?: string\n  }\n}>()\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst router = useRouter()\n\nconst { toast } = useToasts()\n\nconst { activeCollection, activeWorkspaceCollections } = useActiveEntities()\nconst {\n  collectionMutators,\n  serverMutators,\n  events,\n  collections: _collections,\n} = useWorkspace()\n\nconst url = ref('')\n\nconst collections = computed(() =>\n  activeWorkspaceCollections.value.flatMap((collection) =>\n    collection.info?.title === 'Drafts'\n      ? []\n      : {\n          id: collection.uid,\n          label: collection.info?.title ?? 'Unititled Collection',\n        },\n  ),\n)\n\n/** Currently selected collection with a reasonable default */\nconst selectedCollection = ref(\n  props.metaData\n    ? collections.value.find(\n        (collection) =>\n          collection.id === props.metaData?.itemUid ||\n          collection.id === props.metaData?.parentUid,\n      )\n    : collections.value.find(\n        (collection) => collection.id === activeCollection.value?.uid,\n      ),\n)\n\nconst handleSubmit = () => {\n  if (!url.value.trim()) {\n    toast('Please enter a valid url before creating a server.', 'error')\n    return\n  }\n  const collection = _collections[selectedCollection.value?.id ?? '']\n  if (!collection) {\n    toast('Please select a collection before creating a server.', 'error')\n    return\n  }\n\n  const server = serverMutators.add({ url: url.value }, collection.uid)\n\n  // Select the server\n  collectionMutators.edit(collection.uid, 'selectedServerUid', server.uid)\n\n  emitCustomEvent(wrapper.value?.$el, 'scalar-add-server', {\n    server: { url: url.value },\n    options: {\n      disableOldStoreUpdate: true,\n    },\n  })\n\n  // Redirect to the server\n  router.push({\n    name: 'collection.servers.edit',\n    params: {\n      [PathId.Collection]: collection.uid,\n      [PathId.Servers]: server.uid,\n    },\n  })\n\n  emits('close')\n}\n\nconst redirectToCreateCollection = () => {\n  events.commandPalette.emit({ commandName: 'Create Collection' })\n}\n\nconst wrapper = useTemplateRef('wrapper-ref')\n</script>\n<template>\n  <CommandActionForm\n    ref=\"wrapper-ref\"\n    :disabled=\"!url.trim() || !selectedCollection\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"url\"\n      label=\"Server URL\"\n      placeholder=\"https://void.scalar.com\"\n      @onDelete=\"emits('back', $event)\" />\n    <template #options>\n      <ScalarListbox\n        v-model=\"selectedCollection\"\n        :options=\"collections\">\n        <ScalarButton\n          v-if=\"collections.length > 0\"\n          class=\"hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs\"\n          variant=\"outlined\">\n          <span :class=\"selectedCollection ? 'text-c-1' : 'text-c-3'\">{{\n            selectedCollection ? selectedCollection.label : 'Select Collection'\n          }}</span>\n          <ScalarIcon\n            class=\"text-c-3\"\n            icon=\"ChevronDown\"\n            size=\"md\" />\n        </ScalarButton>\n        <ScalarButton\n          v-else\n          class=\"hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs\"\n          variant=\"outlined\"\n          @click=\"redirectToCreateCollection\">\n          <span class=\"text-c-1\">Create Collection</span>\n        </ScalarButton>\n      </ScalarListbox>\n    </template>\n    <template #submit> Create Server </template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}

package/dist/components/CommandPalette/CommandPaletteServer.vue.script.js

@@ -0,0 +1,108 @@
+import { PathId } from "../../routes.js";
+import { useActiveEntities } from "../../store/active-entities.js";
+import { useWorkspace } from "../../store/store.js";
+import CommandActionForm_default from "./CommandActionForm.vue.js";
+import CommandActionInput_default from "./CommandActionInput.vue.js";
+import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, useTemplateRef, withCtx } from "vue";
+import { ScalarButton, ScalarIcon, ScalarListbox } from "@scalar/components";
+import { useToasts } from "@scalar/use-toasts";
+import { useRouter } from "vue-router";
+import { emitCustomEvent } from "@scalar/workspace-store/events";
+//#region src/components/CommandPalette/CommandPaletteServer.vue?vue&type=script&setup=true&lang.ts
+var CommandPaletteServer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CommandPaletteServer",
+	props: { metaData: {} },
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const router = useRouter();
+		const { toast } = useToasts();
+		const { activeCollection, activeWorkspaceCollections } = useActiveEntities();
+		const { collectionMutators, serverMutators, events, collections: _collections } = useWorkspace();
+		const url = ref("");
+		const collections = computed(() => activeWorkspaceCollections.value.flatMap((collection) => collection.info?.title === "Drafts" ? [] : {
+			id: collection.uid,
+			label: collection.info?.title ?? "Unititled Collection"
+		}));
+		/** Currently selected collection with a reasonable default */
+		const selectedCollection = ref(props.metaData ? collections.value.find((collection) => collection.id === props.metaData?.itemUid || collection.id === props.metaData?.parentUid) : collections.value.find((collection) => collection.id === activeCollection.value?.uid));
+		const handleSubmit = () => {
+			if (!url.value.trim()) {
+				toast("Please enter a valid url before creating a server.", "error");
+				return;
+			}
+			const collection = _collections[selectedCollection.value?.id ?? ""];
+			if (!collection) {
+				toast("Please select a collection before creating a server.", "error");
+				return;
+			}
+			const server = serverMutators.add({ url: url.value }, collection.uid);
+			collectionMutators.edit(collection.uid, "selectedServerUid", server.uid);
+			emitCustomEvent(wrapper.value?.$el, "scalar-add-server", {
+				server: { url: url.value },
+				options: { disableOldStoreUpdate: true }
+			});
+			router.push({
+				name: "collection.servers.edit",
+				params: {
+					[PathId.Collection]: collection.uid,
+					[PathId.Servers]: server.uid
+				}
+			});
+			emits("close");
+		};
+		const redirectToCreateCollection = () => {
+			events.commandPalette.emit({ commandName: "Create Collection" });
+		};
+		const wrapper = useTemplateRef("wrapper-ref");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				ref: "wrapper-ref",
+				disabled: !url.value.trim() || !selectedCollection.value,
+				onSubmit: handleSubmit
+			}, {
+				options: withCtx(() => [createVNode(unref(ScalarListbox), {
+					modelValue: selectedCollection.value,
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedCollection.value = $event),
+					options: collections.value
+				}, {
+					default: withCtx(() => [collections.value.length > 0 ? (openBlock(), createBlock(unref(ScalarButton), {
+						key: 0,
+						class: "hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs",
+						variant: "outlined"
+					}, {
+						default: withCtx(() => [createElementVNode("span", { class: normalizeClass(selectedCollection.value ? "text-c-1" : "text-c-3") }, toDisplayString(selectedCollection.value ? selectedCollection.value.label : "Select Collection"), 3), createVNode(unref(ScalarIcon), {
+							class: "text-c-3",
+							icon: "ChevronDown",
+							size: "md"
+						})]),
+						_: 1
+					})) : (openBlock(), createBlock(unref(ScalarButton), {
+						key: 1,
+						class: "hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs",
+						variant: "outlined",
+						onClick: redirectToCreateCollection
+					}, {
+						default: withCtx(() => [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "text-c-1" }, "Create Collection", -1)])]),
+						_: 1
+					}))]),
+					_: 1
+				}, 8, ["modelValue", "options"])]),
+				submit: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Create Server ", -1)])]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: url.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => url.value = $event),
+					label: "Server URL",
+					placeholder: "https://void.scalar.com",
+					onOnDelete: _cache[1] || (_cache[1] = ($event) => emits("back", $event))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+export { CommandPaletteServer_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CommandPaletteServer.vue.script.js.map

package/dist/components/CommandPalette/CommandPaletteServer.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteServer.vue.script.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteServer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarIcon, ScalarListbox } from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport { emitCustomEvent } from '@scalar/workspace-store/events'\nimport { computed, ref, useTemplateRef } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst props = defineProps<{\n  metaData?: {\n    itemUid?: string\n    parentUid?: string\n  }\n}>()\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst router = useRouter()\n\nconst { toast } = useToasts()\n\nconst { activeCollection, activeWorkspaceCollections } = useActiveEntities()\nconst {\n  collectionMutators,\n  serverMutators,\n  events,\n  collections: _collections,\n} = useWorkspace()\n\nconst url = ref('')\n\nconst collections = computed(() =>\n  activeWorkspaceCollections.value.flatMap((collection) =>\n    collection.info?.title === 'Drafts'\n      ? []\n      : {\n          id: collection.uid,\n          label: collection.info?.title ?? 'Unititled Collection',\n        },\n  ),\n)\n\n/** Currently selected collection with a reasonable default */\nconst selectedCollection = ref(\n  props.metaData\n    ? collections.value.find(\n        (collection) =>\n          collection.id === props.metaData?.itemUid ||\n          collection.id === props.metaData?.parentUid,\n      )\n    : collections.value.find(\n        (collection) => collection.id === activeCollection.value?.uid,\n      ),\n)\n\nconst handleSubmit = () => {\n  if (!url.value.trim()) {\n    toast('Please enter a valid url before creating a server.', 'error')\n    return\n  }\n  const collection = _collections[selectedCollection.value?.id ?? '']\n  if (!collection) {\n    toast('Please select a collection before creating a server.', 'error')\n    return\n  }\n\n  const server = serverMutators.add({ url: url.value }, collection.uid)\n\n  // Select the server\n  collectionMutators.edit(collection.uid, 'selectedServerUid', server.uid)\n\n  emitCustomEvent(wrapper.value?.$el, 'scalar-add-server', {\n    server: { url: url.value },\n    options: {\n      disableOldStoreUpdate: true,\n    },\n  })\n\n  // Redirect to the server\n  router.push({\n    name: 'collection.servers.edit',\n    params: {\n      [PathId.Collection]: collection.uid,\n      [PathId.Servers]: server.uid,\n    },\n  })\n\n  emits('close')\n}\n\nconst redirectToCreateCollection = () => {\n  events.commandPalette.emit({ commandName: 'Create Collection' })\n}\n\nconst wrapper = useTemplateRef('wrapper-ref')\n</script>\n<template>\n  <CommandActionForm\n    ref=\"wrapper-ref\"\n    :disabled=\"!url.trim() || !selectedCollection\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"url\"\n      label=\"Server URL\"\n      placeholder=\"https://void.scalar.com\"\n      @onDelete=\"emits('back', $event)\" />\n    <template #options>\n      <ScalarListbox\n        v-model=\"selectedCollection\"\n        :options=\"collections\">\n        <ScalarButton\n          v-if=\"collections.length > 0\"\n          class=\"hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs\"\n          variant=\"outlined\">\n          <span :class=\"selectedCollection ? 'text-c-1' : 'text-c-3'\">{{\n            selectedCollection ? selectedCollection.label : 'Select Collection'\n          }}</span>\n          <ScalarIcon\n            class=\"text-c-3\"\n            icon=\"ChevronDown\"\n            size=\"md\" />\n        </ScalarButton>\n        <ScalarButton\n          v-else\n          class=\"hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs\"\n          variant=\"outlined\"\n          @click=\"redirectToCreateCollection\">\n          <span class=\"text-c-1\">Create Collection</span>\n        </ScalarButton>\n      </ScalarListbox>\n    </template>\n    <template #submit> Create Server </template>\n  </CommandActionForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAOd,MAAM,QAAQ;EAKd,MAAM,SAAS,WAAU;EAEzB,MAAM,EAAE,UAAU,WAAU;EAE5B,MAAM,EAAE,kBAAkB,+BAA+B,mBAAkB;EAC3E,MAAM,EACJ,oBACA,gBACA,QACA,aAAa,iBACX,cAAa;EAEjB,MAAM,MAAM,IAAI,GAAE;EAElB,MAAM,cAAc,eAClB,2BAA2B,MAAM,SAAS,eACxC,WAAW,MAAM,UAAU,WACvB,EAAC,GACD;GACE,IAAI,WAAW;GACf,OAAO,WAAW,MAAM,SAAS;GAClC,CACN,CACH;;EAGA,MAAM,qBAAqB,IACzB,MAAM,WACF,YAAY,MAAM,MACf,eACC,WAAW,OAAO,MAAM,UAAU,WAClC,WAAW,OAAO,MAAM,UAAU,UACtC,GACA,YAAY,MAAM,MACf,eAAe,WAAW,OAAO,iBAAiB,OAAO,IAC3D,CACP;EAEA,MAAM,qBAAqB;AACzB,OAAI,CAAC,IAAI,MAAM,MAAM,EAAE;AACrB,UAAM,sDAAsD,QAAO;AACnE;;GAEF,MAAM,aAAa,aAAa,mBAAmB,OAAO,MAAM;AAChE,OAAI,CAAC,YAAY;AACf,UAAM,wDAAwD,QAAO;AACrE;;GAGF,MAAM,SAAS,eAAe,IAAI,EAAE,KAAK,IAAI,OAAO,EAAE,WAAW,IAAG;AAGpE,sBAAmB,KAAK,WAAW,KAAK,qBAAqB,OAAO,IAAG;AAEvE,mBAAgB,QAAQ,OAAO,KAAK,qBAAqB;IACvD,QAAQ,EAAE,KAAK,IAAI,OAAO;IAC1B,SAAS,EACP,uBAAuB,MACxB;IACF,CAAA;AAGD,UAAO,KAAK;IACV,MAAM;IACN,QAAQ;MACL,OAAO,aAAa,WAAW;MAC/B,OAAO,UAAU,OAAO;KAC1B;IACF,CAAA;AAED,SAAM,QAAO;;EAGf,MAAM,mCAAmC;AACvC,UAAO,eAAe,KAAK,EAAE,aAAa,qBAAqB,CAAA;;EAGjE,MAAM,UAAU,eAAe,cAAa;;uBAG1C,YAmCoB,2BAAA;IAlClB,KAAI;IACH,UAAQ,CAAG,IAAA,MAAI,MAAI,IAAA,CAAO,mBAAA;IAC1B,UAAQ;;IAME,SAAO,cAuBA,CAtBhB,YAsBgB,MAAA,cAAA,EAAA;iBArBL,mBAAA;qFAAkB,QAAA;KAC1B,SAAS,YAAA;;4BAYK,CAVP,YAAA,MAAY,SAAM,KAAA,WAAA,EAD1B,YAWe,MAAA,aAAA,EAAA;;MATb,OAAM;MACN,SAAQ;;6BAGC,CAFT,mBAES,QAAA,EAFF,OAAK,eAAE,mBAAA,QAAkB,aAAA,WAAA,EAAA,EAAA,gBAC9B,mBAAA,QAAqB,mBAAA,MAAmB,QAAK,oBAAA,EAAA,EAAA,EAE/C,YAGc,MAAA,WAAA,EAAA;OAFZ,OAAM;OACN,MAAK;OACL,MAAK;;;yBAET,YAMe,MAAA,aAAA,EAAA;;MAJb,OAAM;MACN,SAAQ;MACP,SAAO;;6BACuC,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAA/C,mBAA+C,QAAA,EAAzC,OAAM,YAAU,EAAC,qBAAiB,GAAA,CAAA,EAAA,CAAA;;;;;IAInC,QAAM,cAAgB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAf,mBAAe,GAAA,CAAA,EAAA,CAAA;2BA1BK,CAJtC,YAIsC,4BAAA;iBAH3B,IAAA;sEAAG,QAAA;KACZ,OAAM;KACN,aAAY;KACX,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,QAAS,OAAM"}

package/dist/components/CommandPalette/CommandPaletteTag.vue.js

@@ -0,0 +1,7 @@
+import CommandPaletteTag_vue_vue_type_script_setup_true_lang_default from "./CommandPaletteTag.vue.script.js";
+//#region src/components/CommandPalette/CommandPaletteTag.vue
+var CommandPaletteTag_default = CommandPaletteTag_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CommandPaletteTag_default as default };
+
+//# sourceMappingURL=CommandPaletteTag.vue.js.map

package/dist/components/CommandPalette/CommandPaletteTag.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteTag.vue.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarIcon, ScalarListbox } from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, ref } from 'vue'\n\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst { activeWorkspaceCollections, activeCollection } = useActiveEntities()\nconst { tagMutators } = useWorkspace()\nconst { toast } = useToasts()\n\nconst availableCollections = computed(() =>\n  activeWorkspaceCollections.value.map((collection) => ({\n    id: collection.uid,\n    label: collection.info?.title ?? '',\n  })),\n)\n\nconst name = ref('')\nconst selectedCollection = ref(\n  availableCollections.value.find(\n    (option) => option.id === activeCollection.value?.uid,\n  ),\n)\n\nconst handleSubmit = () => {\n  if (!name.value) {\n    toast('Please enter a name before creating a tag.', 'error')\n    return\n  }\n  if (!name.value || !selectedCollection.value) {\n    return\n  }\n\n  const tag = tagMutators.add(\n    {\n      name: name.value,\n    },\n    selectedCollection.value.id,\n  )\n  if (tag) {\n    emits('close')\n  }\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"!name.trim()\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"name\"\n      label=\"Tag Name\"\n      placeholder=\"Tag Name\"\n      @onDelete=\"emits('back', $event)\" />\n    <template #options>\n      <ScalarListbox\n        v-model=\"selectedCollection\"\n        :options=\"availableCollections\">\n        <ScalarButton\n          class=\"hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs\"\n          variant=\"outlined\">\n          <span :class=\"selectedCollection ? 'text-c-1' : 'text-c-3'\">{{\n            selectedCollection ? selectedCollection.label : 'Select Collection'\n          }}</span>\n          <ScalarIcon\n            class=\"text-c-3\"\n            icon=\"ChevronDown\"\n            size=\"md\" />\n        </ScalarButton>\n      </ScalarListbox>\n    </template>\n    <template #submit> Create Tag </template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}

package/dist/components/CommandPalette/CommandPaletteTag.vue.script.js

@@ -0,0 +1,70 @@
+import { useActiveEntities } from "../../store/active-entities.js";
+import { useWorkspace } from "../../store/store.js";
+import CommandActionForm_default from "./CommandActionForm.vue.js";
+import CommandActionInput_default from "./CommandActionInput.vue.js";
+import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { ScalarButton, ScalarIcon, ScalarListbox } from "@scalar/components";
+import { useToasts } from "@scalar/use-toasts";
+//#region src/components/CommandPalette/CommandPaletteTag.vue?vue&type=script&setup=true&lang.ts
+var CommandPaletteTag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CommandPaletteTag",
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emits = __emit;
+		const { activeWorkspaceCollections, activeCollection } = useActiveEntities();
+		const { tagMutators } = useWorkspace();
+		const { toast } = useToasts();
+		const availableCollections = computed(() => activeWorkspaceCollections.value.map((collection) => ({
+			id: collection.uid,
+			label: collection.info?.title ?? ""
+		})));
+		const name = ref("");
+		const selectedCollection = ref(availableCollections.value.find((option) => option.id === activeCollection.value?.uid));
+		const handleSubmit = () => {
+			if (!name.value) {
+				toast("Please enter a name before creating a tag.", "error");
+				return;
+			}
+			if (!name.value || !selectedCollection.value) return;
+			if (tagMutators.add({ name: name.value }, selectedCollection.value.id)) emits("close");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				disabled: !name.value.trim(),
+				onSubmit: handleSubmit
+			}, {
+				options: withCtx(() => [createVNode(unref(ScalarListbox), {
+					modelValue: selectedCollection.value,
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedCollection.value = $event),
+					options: availableCollections.value
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						class: "hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs",
+						variant: "outlined"
+					}, {
+						default: withCtx(() => [createElementVNode("span", { class: normalizeClass(selectedCollection.value ? "text-c-1" : "text-c-3") }, toDisplayString(selectedCollection.value ? selectedCollection.value.label : "Select Collection"), 3), createVNode(unref(ScalarIcon), {
+							class: "text-c-3",
+							icon: "ChevronDown",
+							size: "md"
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue", "options"])]),
+				submit: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Create Tag ", -1)])]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: name.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => name.value = $event),
+					label: "Tag Name",
+					placeholder: "Tag Name",
+					onOnDelete: _cache[1] || (_cache[1] = ($event) => emits("back", $event))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+export { CommandPaletteTag_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CommandPaletteTag.vue.script.js.map

package/dist/components/CommandPalette/CommandPaletteTag.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteTag.vue.script.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarIcon, ScalarListbox } from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, ref } from 'vue'\n\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst { activeWorkspaceCollections, activeCollection } = useActiveEntities()\nconst { tagMutators } = useWorkspace()\nconst { toast } = useToasts()\n\nconst availableCollections = computed(() =>\n  activeWorkspaceCollections.value.map((collection) => ({\n    id: collection.uid,\n    label: collection.info?.title ?? '',\n  })),\n)\n\nconst name = ref('')\nconst selectedCollection = ref(\n  availableCollections.value.find(\n    (option) => option.id === activeCollection.value?.uid,\n  ),\n)\n\nconst handleSubmit = () => {\n  if (!name.value) {\n    toast('Please enter a name before creating a tag.', 'error')\n    return\n  }\n  if (!name.value || !selectedCollection.value) {\n    return\n  }\n\n  const tag = tagMutators.add(\n    {\n      name: name.value,\n    },\n    selectedCollection.value.id,\n  )\n  if (tag) {\n    emits('close')\n  }\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"!name.trim()\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"name\"\n      label=\"Tag Name\"\n      placeholder=\"Tag Name\"\n      @onDelete=\"emits('back', $event)\" />\n    <template #options>\n      <ScalarListbox\n        v-model=\"selectedCollection\"\n        :options=\"availableCollections\">\n        <ScalarButton\n          class=\"hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs\"\n          variant=\"outlined\">\n          <span :class=\"selectedCollection ? 'text-c-1' : 'text-c-3'\">{{\n            selectedCollection ? selectedCollection.label : 'Select Collection'\n          }}</span>\n          <ScalarIcon\n            class=\"text-c-3\"\n            icon=\"ChevronDown\"\n            size=\"md\" />\n        </ScalarButton>\n      </ScalarListbox>\n    </template>\n    <template #submit> Create Tag </template>\n  </CommandActionForm>\n</template>\n"],"mappings":";;;;;;;;;;;;EAWA,MAAM,QAAQ;EAKd,MAAM,EAAE,4BAA4B,qBAAqB,mBAAkB;EAC3E,MAAM,EAAE,gBAAgB,cAAa;EACrC,MAAM,EAAE,UAAU,WAAU;EAE5B,MAAM,uBAAuB,eAC3B,2BAA2B,MAAM,KAAK,gBAAgB;GACpD,IAAI,WAAW;GACf,OAAO,WAAW,MAAM,SAAS;GAClC,EAAE,CACL;EAEA,MAAM,OAAO,IAAI,GAAE;EACnB,MAAM,qBAAqB,IACzB,qBAAqB,MAAM,MACxB,WAAW,OAAO,OAAO,iBAAiB,OAAO,IACnD,CACH;EAEA,MAAM,qBAAqB;AACzB,OAAI,CAAC,KAAK,OAAO;AACf,UAAM,8CAA8C,QAAO;AAC3D;;AAEF,OAAI,CAAC,KAAK,SAAS,CAAC,mBAAmB,MACrC;AASF,OANY,YAAY,IACtB,EACE,MAAM,KAAK,OACZ,EACD,mBAAmB,MAAM,GAC3B,CAEE,OAAM,QAAO;;;uBAKf,YA0BoB,2BAAA;IAzBjB,UAAQ,CAAG,KAAA,MAAK,MAAI;IACpB,UAAQ;;IAME,SAAO,cAeA,CAdhB,YAcgB,MAAA,cAAA,EAAA;iBAbL,mBAAA;qFAAkB,QAAA;KAC1B,SAAS,qBAAA;;4BAWK,CAVf,YAUe,MAAA,aAAA,EAAA;MATb,OAAM;MACN,SAAQ;;6BAGC,CAFT,mBAES,QAAA,EAFF,OAAK,eAAE,mBAAA,QAAkB,aAAA,WAAA,EAAA,EAAA,gBAC9B,mBAAA,QAAqB,mBAAA,MAAmB,QAAK,oBAAA,EAAA,EAAA,EAE/C,YAGc,MAAA,WAAA,EAAA;OAFZ,OAAM;OACN,MAAK;OACL,MAAK;;;;;;IAIF,QAAM,cAAa,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAZ,gBAAY,GAAA,CAAA,EAAA,CAAA;2BAlBQ,CAJtC,YAIsC,4BAAA;iBAH3B,KAAA;uEAAI,QAAA;KACb,OAAM;KACN,aAAY;KACX,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,QAAS,OAAM"}

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue.js

@@ -0,0 +1,7 @@
+import CommandPaletteWorkspace_vue_vue_type_script_setup_true_lang_default from "./CommandPaletteWorkspace.vue.script.js";
+//#region src/components/CommandPalette/CommandPaletteWorkspace.vue
+var CommandPaletteWorkspace_default = CommandPaletteWorkspace_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CommandPaletteWorkspace_default as default };
+
+//# sourceMappingURL=CommandPaletteWorkspace.vue.js.map

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteWorkspace.vue.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteWorkspace.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useToasts } from '@scalar/use-toasts'\nimport { ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { useWorkspace } from '@/store'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst { push } = useRouter()\nconst { toast } = useToasts()\nconst { workspaceMutators } = useWorkspace()\nconst workspaceName = ref('')\n\nconst handleSubmit = () => {\n  if (!workspaceName.value.trim()) {\n    toast('Please enter a name before creating a workspace.', 'error')\n    return\n  }\n\n  const workspace = workspaceMutators.add({\n    name: workspaceName.value,\n  })\n\n  push({\n    name: 'workspace',\n    params: {\n      workspace: workspace.uid,\n    },\n  })\n\n  emits('close')\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"!workspaceName.trim()\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"workspaceName\"\n      label=\"Workspace Name\"\n      placeholder=\"Workspace Name\"\n      @onDelete=\"emits('back', $event)\" />\n    <template #submit>Create Workspace</template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue.script.js

@@ -0,0 +1,49 @@
+import { useWorkspace } from "../../store/store.js";
+import CommandActionForm_default from "./CommandActionForm.vue.js";
+import CommandActionInput_default from "./CommandActionInput.vue.js";
+import { createBlock, createTextVNode, createVNode, defineComponent, openBlock, ref, withCtx } from "vue";
+import { useToasts } from "@scalar/use-toasts";
+import { useRouter } from "vue-router";
+//#region src/components/CommandPalette/CommandPaletteWorkspace.vue?vue&type=script&setup=true&lang.ts
+var CommandPaletteWorkspace_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CommandPaletteWorkspace",
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emits = __emit;
+		const { push } = useRouter();
+		const { toast } = useToasts();
+		const { workspaceMutators } = useWorkspace();
+		const workspaceName = ref("");
+		const handleSubmit = () => {
+			if (!workspaceName.value.trim()) {
+				toast("Please enter a name before creating a workspace.", "error");
+				return;
+			}
+			push({
+				name: "workspace",
+				params: { workspace: workspaceMutators.add({ name: workspaceName.value }).uid }
+			});
+			emits("close");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				disabled: !workspaceName.value.trim(),
+				onSubmit: handleSubmit
+			}, {
+				submit: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Create Workspace", -1)])]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: workspaceName.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => workspaceName.value = $event),
+					label: "Workspace Name",
+					placeholder: "Workspace Name",
+					onOnDelete: _cache[1] || (_cache[1] = ($event) => emits("back", $event))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+export { CommandPaletteWorkspace_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CommandPaletteWorkspace.vue.script.js.map

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteWorkspace.vue.script.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteWorkspace.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useToasts } from '@scalar/use-toasts'\nimport { ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { useWorkspace } from '@/store'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst { push } = useRouter()\nconst { toast } = useToasts()\nconst { workspaceMutators } = useWorkspace()\nconst workspaceName = ref('')\n\nconst handleSubmit = () => {\n  if (!workspaceName.value.trim()) {\n    toast('Please enter a name before creating a workspace.', 'error')\n    return\n  }\n\n  const workspace = workspaceMutators.add({\n    name: workspaceName.value,\n  })\n\n  push({\n    name: 'workspace',\n    params: {\n      workspace: workspace.uid,\n    },\n  })\n\n  emits('close')\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"!workspaceName.trim()\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"workspaceName\"\n      label=\"Workspace Name\"\n      placeholder=\"Workspace Name\"\n      @onDelete=\"emits('back', $event)\" />\n    <template #submit>Create Workspace</template>\n  </CommandActionForm>\n</template>\n"],"mappings":";;;;;;;;;;;EAUA,MAAM,QAAQ;EAKd,MAAM,EAAE,SAAS,WAAU;EAC3B,MAAM,EAAE,UAAU,WAAU;EAC5B,MAAM,EAAE,sBAAsB,cAAa;EAC3C,MAAM,gBAAgB,IAAI,GAAE;EAE5B,MAAM,qBAAqB;AACzB,OAAI,CAAC,cAAc,MAAM,MAAM,EAAE;AAC/B,UAAM,oDAAoD,QAAO;AACjE;;AAOF,QAAK;IACH,MAAM;IACN,QAAQ,EACN,WAPc,kBAAkB,IAAI,EACtC,MAAM,cAAc,OACrB,CAAA,CAKwB,KACtB;IACF,CAAA;AAED,SAAM,QAAO;;;uBAIb,YASoB,2BAAA;IARjB,UAAQ,CAAG,cAAA,MAAc,MAAI;IAC7B,UAAQ;;IAME,QAAM,cAAiB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAhB,oBAAgB,GAAA,CAAA,EAAA,CAAA;2BADI,CAJtC,YAIsC,4BAAA;iBAH3B,cAAA;gFAAa,QAAA;KACtB,OAAM;KACN,aAAY;KACX,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,QAAS,OAAM"}

package/dist/components/CommandPalette/TheCommandPalette.vue.js

@@ -0,0 +1,9 @@
+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/components/CommandPalette/TheCommandPalette.vue
+var TheCommandPalette_default = /* @__PURE__ */ _plugin_vue_export_helper_default(TheCommandPalette_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dd90fe74"]]);
+//#endregion
+export { TheCommandPalette_default as default };
+
+//# sourceMappingURL=TheCommandPalette.vue.js.map

package/dist/components/CommandPalette/TheCommandPalette.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TheCommandPalette.vue.js","names":[],"sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\n\nimport { importCurlCommand } from '@/libs/importers/curl'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport CommandPaletteCollection from './CommandPaletteCollection.vue'\nimport CommandPaletteExample from './CommandPaletteExample.vue'\nimport CommandPaletteImport from './CommandPaletteImport.vue'\nimport CommandPaletteImportCurl from './CommandPaletteImportCurl.vue'\nimport CommandPaletteServer from './CommandPaletteServer.vue'\nimport CommandPaletteTag from './CommandPaletteTag.vue'\nimport CommandPaletteWorkspace from './CommandPaletteWorkspace.vue'\n\n/**\n * The Command Palette\n *\n * This component is a singleton so should only exist in our app once we will use the event bus to trigger it\n */\nexport default {\n  name: 'TheCommandPalette',\n}\n\nconst PaletteComponents = {\n  'Import from OpenAPI/Swagger/Postman/cURL': CommandPaletteImport,\n  'Create Request': '',\n  'Create Workspace': CommandPaletteWorkspace,\n  'Add Tag': CommandPaletteTag,\n  'Add Server': CommandPaletteServer,\n  'Create Collection': CommandPaletteCollection,\n  'Add Example': CommandPaletteExample,\n  'Import from cURL': CommandPaletteImportCurl,\n} as const\n\n/** Infer the types from the commands  */\ntype CommandNames = keyof typeof PaletteComponents\n\nexport type CommandPaletteEvent = {\n  /** The command name which matches with the command palette */\n  commandName?: CommandNames\n  /** Any extra metadata we want to pass to the command palettes */\n  metaData?: Record<string, any>\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { Dialog, DialogPanel, DialogTitle } from '@headlessui/vue'\nimport { ScalarIcon, useModal } from '@scalar/components'\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { ROUTES } from '@/constants'\nimport type { HotKeyEvent } from '@/libs'\n\nconst modalState = useModal()\nconst router = useRouter()\nconst { activeWorkspace, activeWorkspaceCollections, activeCollection } =\n  useActiveEntities()\nconst { events, requestMutators } = useWorkspace()\n\n/** Available Commands for the Command Palette */\nconst availableCommands = [\n  {\n    label: '',\n    commands: [\n      {\n        name: 'Import from OpenAPI/Swagger/Postman/cURL',\n        icon: 'Import',\n      },\n      {\n        name: 'Create Request',\n        icon: 'ExternalLink',\n      },\n      {\n        name: 'Create Collection',\n        icon: 'Collection',\n      },\n      {\n        name: 'Add Tag',\n        icon: 'Folder',\n      },\n      {\n        name: 'Add Example',\n        icon: 'Example',\n      },\n      {\n        name: 'Add Server',\n        icon: 'Server',\n      },\n    ],\n  },\n  {\n    label: 'More Actions',\n    commands: [\n      {\n        name: 'Create Workspace',\n        icon: 'Workspace',\n      },\n      {\n        name: 'Add Environment',\n        icon: 'Brackets',\n        path: {\n          name: 'environment.default',\n          params: {\n            [PathId.Workspace]: activeWorkspace?.value?.uid ?? 'default',\n          },\n          query: { openEnvironmentModal: 'true' },\n        },\n      },\n      {\n        name: 'Add Cookie',\n        icon: 'Cookie',\n        path: {\n          name: 'cookies.default',\n          params: {\n            [PathId.Workspace]: activeWorkspace?.value?.uid ?? 'default',\n          },\n          query: { openCookieModal: 'true' },\n        },\n      },\n    ],\n  },\n  {\n    label: 'Pages',\n    commands: ROUTES.map((route) => ({\n      name: route.displayName,\n      icon: route.icon,\n      path: router.resolve({\n        ...route.to,\n        params: {\n          [PathId.Workspace]: activeWorkspace?.value?.uid ?? 'default',\n        },\n      }).href,\n    })),\n  },\n] as const\n\ntype Command = (typeof availableCommands)[number]['commands'][number]\n\n/** Additional metadata for the command palettes */\nconst metaData = ref<Record<string, any> | undefined>()\nconst commandQuery = ref('')\nconst activeCommand = ref<keyof typeof PaletteComponents | null>(null)\nconst selectedSearchResult = ref<number>(-1)\nconst commandRefs = ref<HTMLElement[]>([])\n\nconst searchResultsWithPlaceholderResults = computed(() =>\n  availableCommands.reduce((acc, group) => {\n    const filteredGroupCommands = group.commands.filter((command) =>\n      command.name.toLowerCase().includes(commandQuery.value.toLowerCase()),\n    )\n    return [...acc, ...filteredGroupCommands]\n  }, [] as Command[]),\n)\n\n/** Reset state on close */\nconst closeHandler = () => {\n  modalState.hide()\n  commandQuery.value = ''\n  activeCommand.value = null\n  selectedSearchResult.value = -1\n}\n\n/** Reset state on back */\nconst backHandler = (event: KeyboardEvent) => {\n  // Prevent delete event from removing query command character\n  if (commandQuery.value !== '') {\n    event?.preventDefault()\n  }\n  activeCommand.value = null\n  nextTick(() => commandInputRef.value?.focus())\n}\n\n/** Handle execution of the command, some have routes while others show another palette */\nconst executeCommand = (\n  command: (typeof availableCommands)[number]['commands'][number],\n) => {\n  if ('path' in command) {\n    router.push(command.path)\n    closeHandler()\n  } else if (command.name === 'Create Request') {\n    const draftsCollection = activeWorkspaceCollections.value.find(\n      (collection: Collection) => collection.info?.title === 'Drafts',\n    )\n\n    if (draftsCollection) {\n      const newRequest = requestMutators.add({}, draftsCollection.uid)\n\n      if (newRequest) {\n        router.push({\n          name: 'request',\n          params: {\n            workspace: activeWorkspace.value?.uid,\n            request: newRequest.uid,\n          },\n        })\n\n        closeHandler()\n\n        nextTick(() => {\n          events.hotKeys.emit({\n            focusAddressBar: new KeyboardEvent('keydown', { key: 'l' }),\n          })\n        })\n      }\n    } else {\n      closeHandler()\n    }\n  } else {\n    activeCommand.value = command.name\n  }\n}\n\nconst commandInputRef = ref<HTMLInputElement | null>()\n\n/** Handles opening the command pallete to the correct palette */\nconst openCommandPalette = ({\n  commandName,\n  metaData: _metaData,\n}: CommandPaletteEvent = {}) => {\n  activeCommand.value = commandName ?? null\n  metaData.value = _metaData\n  modalState.show()\n\n  // Need nextTick to focus after a click since focus goes to the button\n  nextTick(() => commandInputRef.value?.focus())\n}\n\n/** Focus on first result when conducting a search */\nwatch(commandQuery, (newQuery) => {\n  if (newQuery && searchResultsWithPlaceholderResults.value.length > 0) {\n    selectedSearchResult.value = 0\n  }\n})\n\n/** Handle up and down arrow keys in the menu */\nconst handleArrowKey = (direction: 'up' | 'down', ev: KeyboardEvent) => {\n  if (!modalState.open) return\n  ev.preventDefault()\n\n  const offset = direction === 'up' ? -1 : 1\n  const length = searchResultsWithPlaceholderResults.value.length\n\n  // Ensures we loop around the array by using the remainder\n  selectedSearchResult.value =\n    (selectedSearchResult.value + offset + length) % length\n\n  nextTick(() => {\n    const container = commandInputRef.value?.closest('.custom-scroll')\n    if (!container) return\n\n    // Scroll to the top if the first command is selected\n    if (selectedSearchResult.value === 0) {\n      container.scrollTop = 0\n      return\n    }\n\n    // Scroll to the selected command\n    const commandElement = commandRefs.value[selectedSearchResult.value]\n    if (!commandElement) return\n\n    // Set the height of the sticky header and the bottom margin\n    const stickyHeaderHeight =\n      (container.querySelector('.sticky')?.clientHeight || 0) + 16\n    const bottomMargin = 6\n\n    // Get the top and bottom of the command element\n    const elementTop = commandElement.offsetTop\n    const elementBottom = elementTop + commandElement.clientHeight\n\n    // Get the top and bottom of the viewport\n    const viewportTop = container.scrollTop + stickyHeaderHeight\n    const viewportBottom =\n      container.scrollTop + container.clientHeight - bottomMargin\n\n    // Scroll to the command if it's not in the viewport\n    if (elementTop < viewportTop) {\n      container.scrollTop = elementTop - stickyHeaderHeight\n    } else if (elementBottom > viewportBottom) {\n      container.scrollTop =\n        elementBottom - container.clientHeight + bottomMargin\n    }\n  })\n}\n\n/** The currently selected command */\nconst selectedCommand = computed(\n  () => searchResultsWithPlaceholderResults.value[selectedSearchResult.value],\n)\n\n/** Handle enter keydown in the menu */\nconst handleSelect = (ev: KeyboardEvent) => {\n  if (!selectedCommand.value || activeCommand.value) return\n  ev.preventDefault()\n  ev.stopPropagation()\n  executeCommand(selectedCommand.value)\n}\n\n/** Handle hotkeys */\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (!modalState.open) return\n  if (event?.closeModal) closeHandler()\n}\n\nconst handleInput = (value: string) => {\n  if (value.trim().toLowerCase().startsWith('curl')) {\n    events.commandPalette.emit({\n      commandName: 'Import from cURL',\n      metaData: {\n        parsedCurl: importCurlCommand(value),\n        collectionUid: activeCollection.value?.uid,\n      },\n    })\n    return\n  }\n  commandQuery.value = value\n}\n\nonMounted(() => {\n  events.commandPalette.on(openCommandPalette)\n  events.hotKeys.on(handleHotKey)\n})\nonBeforeUnmount(() => {\n  events.commandPalette.off(openCommandPalette)\n  events.hotKeys.off(handleHotKey)\n})\n</script>\n<template>\n  <Dialog\n    :open=\"modalState.open\"\n    @close=\"closeHandler()\">\n    <div class=\"commandmenu-overlay z-overlay\" />\n    <DialogPanel class=\"commandmenu z-overlay flex flex-col\">\n      <DialogTitle class=\"sr-only\">API Client Command Menu</DialogTitle>\n      <!-- Default palette (command list) -->\n      <div\n        v-if=\"!activeCommand\"\n        class=\"custom-scroll max-h-[50dvh] min-h-0 flex-1 rounded-lg p-1.5\">\n        <div\n          class=\"bg-b-2 focus-within:bg-b-1 sticky top-0 flex items-center rounded-md border border-transparent pl-2 shadow-[0_-8px_0_8px_var(--scalar-background-1),0_0_8px_8px_var(--scalar-background-1)] focus-within:border-(--scalar-background-3)\">\n          <label for=\"commandmenu\">\n            <ScalarIcon\n              class=\"text-c-2 mr-2.5\"\n              icon=\"Search\"\n              size=\"md\"\n              thickness=\"1.5\" />\n          </label>\n          <input\n            id=\"commandmenu\"\n            ref=\"commandInputRef\"\n            autocomplete=\"off\"\n            autofocus\n            class=\"w-full rounded border-none bg-none py-1.5 text-sm focus:outline-none\"\n            placeholder=\"Search commands...\"\n            type=\"text\"\n            :value=\"commandQuery\"\n            @input=\"handleInput(($event.target as HTMLInputElement).value)\"\n            @keydown.down.stop=\"handleArrowKey('down', $event)\"\n            @keydown.enter.stop=\"handleSelect\"\n            @keydown.up.stop=\"handleArrowKey('up', $event)\" />\n        </div>\n        <template\n          v-for=\"group in availableCommands\"\n          :key=\"group.label\">\n          <div\n            v-show=\"\n              group.commands.filter((command) =>\n                command.name.toLowerCase().includes(commandQuery.toLowerCase()),\n              ).length > 0\n            \"\n            class=\"text-c-3 mt-2 mb-1 px-2 text-xs font-medium\">\n            {{ group.label }}\n          </div>\n          <div\n            v-for=\"command in group.commands.filter((command) =>\n              command.name.toLowerCase().includes(commandQuery.toLowerCase()),\n            )\"\n            :key=\"command.name\"\n            :ref=\"\n              (el) => {\n                if (el) {\n                  const index = searchResultsWithPlaceholderResults.findIndex(\n                    (c) => c.name === command.name,\n                  )\n                  if (index !== -1) commandRefs[index] = el as HTMLElement\n                }\n              }\n            \"\n            class=\"commandmenu-item hover:bg-b-2 flex cursor-pointer items-center rounded px-2 py-1.5 text-sm\"\n            :class=\"{\n              'bg-b-2': command.name === selectedCommand?.name,\n            }\"\n            @click=\"executeCommand(command)\">\n            <ScalarIcon\n              class=\"text-c-2 mr-2.5\"\n              :icon=\"command.icon\"\n              size=\"md\"\n              thickness=\"1.5\" />\n            {{ command.name }}\n          </div>\n        </template>\n        <div\n          v-if=\"!searchResultsWithPlaceholderResults.length\"\n          class=\"text-c-3 p-2 pt-3 text-center text-sm\">\n          No commands found\n        </div>\n      </div>\n      <!-- Specific command palette -->\n      <div\n        v-else\n        class=\"flex-1 p-1.5\">\n        <button\n          class=\"hover:bg-b-3 text-c-3 active:text-c-1 absolute z-1 mt-[0.5px] rounded p-1.5\"\n          type=\"button\"\n          @click=\"activeCommand = null\">\n          <ScalarIcon\n            icon=\"ChevronLeft\"\n            size=\"md\"\n            thickness=\"1.5\" />\n        </button>\n        <component\n          :is=\"PaletteComponents[activeCommand]\"\n          v-bind=\"metaData ? { metaData: metaData } : {}\"\n          @back=\"backHandler($event)\"\n          @close=\"closeHandler\" />\n      </div>\n    </DialogPanel>\n  </Dialog>\n</template>\n<style scoped>\n/* command menu */\n.commandmenu {\n  box-shadow: var(--scalar-shadow-2);\n  border-radius: var(--scalar-radius-lg);\n  background-color: var(--scalar-background-1);\n  max-height: 60dvh;\n  width: 100%;\n  max-width: 580px;\n  margin: 12px;\n  position: fixed;\n  left: 50%;\n  top: 150px;\n  opacity: 0;\n  transform: translate3d(-50%, 10px, 0);\n  animation: fadeincommandmenu ease-in-out 0.3s forwards;\n  animation-delay: 0.1s;\n}\n.commandmenu-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.2);\n  animation: fadeincommand ease-in-out 0.3s forwards;\n  cursor: pointer;\n}\n@keyframes fadeincommand {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes fadeincommandmenu {\n  0% {\n    opacity: 0;\n    transform: translate3d(-50%, 10px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3d(-50%, 0, 0);\n  }\n}\n</style>\n"],"mappings":""}