@scalar/api-client 2.38.3 → 2.39.0

package/dist/v2/features/command-palette/components/CommandPaletteRequest.vue.script.js

@@ -0,0 +1,226 @@
+import HttpMethod_default from "../../../blocks/operation-code-sample/components/HttpMethod.vue.js";
+import CommandActionForm_default from "./CommandActionForm.vue.js";
+import CommandActionInput_default from "./CommandActionInput.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
+import { ScalarButton, ScalarDropdown, ScalarDropdownItem, ScalarIcon, ScalarListbox } from "@scalar/components";
+import { useRouter } from "vue-router";
+import { HTTP_METHODS } from "@scalar/helpers/http/http-methods";
+//#region src/v2/features/command-palette/components/CommandPaletteRequest.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-1 gap-1" };
+var _hoisted_2 = { class: "flex items-center gap-2" };
+var _hoisted_3 = { class: "custom-scroll max-h-40" };
+var _hoisted_4 = { class: "custom-scroll max-h-40" };
+var _hoisted_5 = { class: "truncate" };
+var CommandPaletteRequest_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "CommandPaletteRequest",
+	props: {
+		workspaceStore: {},
+		eventBus: {},
+		documentName: {},
+		tagId: {}
+	},
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		/** HTTP method option type for selectors */
+		const router = useRouter();
+		const requestPath = ref("/");
+		const requestPathTrimmed = computed(() => requestPath.value.trim());
+		/** All available documents (collections) in the workspace */
+		const availableDocuments = computed(() => Object.entries(__props.workspaceStore.workspace.documents).map(([name, document]) => ({
+			id: name,
+			label: document.info.title || name
+		})));
+		/** Available HTTP methods for the dropdown (GET, POST, PUT, etc.) */
+		const availableMethods = HTTP_METHODS.map((method) => ({
+			id: method,
+			label: method.toUpperCase(),
+			method
+		}));
+		const selectedDocument = ref(__props.documentName ? availableDocuments.value.find((document) => document.id === __props.documentName) : availableDocuments.value[0] ?? void 0);
+		const selectedMethod = ref(availableMethods.find((method) => method.method === "get"));
+		/**
+		* All available tags for the selected document.
+		* Includes a "No Tag" option for operations without a tag assignment.
+		*/
+		const availableTags = computed(() => {
+			if (!selectedDocument.value) return [];
+			const document = __props.workspaceStore.workspace.documents[selectedDocument.value.id];
+			if (!document) return [];
+			return [{
+				id: "",
+				label: "No Tag"
+			}, ...document.tags?.map((tag) => ({
+				id: tag.name,
+				label: tag.name
+			})) ?? []];
+		});
+		const selectedTag = ref(__props.tagId ? availableTags.value.find((tag) => tag.id === __props.tagId) : void 0);
+		watch(selectedDocument, () => {
+			selectedTag.value = availableTags.value.find((tag) => tag.id === "");
+		});
+		/**
+		* Check if an operation with the same path and method already exists.
+		* Used to prevent creating duplicate operations.
+		*/
+		const operationExists = computed(() => {
+			if (!selectedDocument.value || !selectedMethod.value || !requestPathTrimmed.value) return false;
+			const document = __props.workspaceStore.workspace.documents[selectedDocument.value.id];
+			/** Ensure path starts with '/' for consistent lookup */
+			const normalizedPath = requestPathTrimmed.value.startsWith("/") ? requestPathTrimmed.value : `/${requestPathTrimmed.value}`;
+			return !!document?.paths?.[normalizedPath]?.[selectedMethod.value.method];
+		});
+		/**
+		* Check if the form should be disabled.
+		* Disabled when any required field is missing or operation already exists.
+		*/
+		const isDisabled = computed(() => {
+			if (!requestPathTrimmed.value || !selectedDocument.value || !selectedMethod.value) return true;
+			/** Prevent creating duplicate operations */
+			if (operationExists.value) return true;
+			return false;
+		});
+		/** Handle HTTP method selection from dropdown */
+		const handleSelectMethod = (method) => {
+			if (method) selectedMethod.value = method;
+		};
+		/** Handle tag selection from dropdown */
+		const handleSelectTag = (tag) => {
+			if (tag) selectedTag.value = tag;
+		};
+		/**
+		* Create the request and close the command palette.
+		* Emits an event to create a new operation with the specified details.
+		*/
+		const handleSubmit = () => {
+			if (isDisabled.value || !selectedDocument.value || !selectedMethod.value) return;
+			if (!__props.workspaceStore.workspace.documents[selectedDocument.value.id]) return;
+			__props.eventBus.emit("operation:create:operation", {
+				documentName: selectedDocument.value.id,
+				path: requestPathTrimmed.value,
+				method: selectedMethod.value.method,
+				operation: { tags: selectedTag.value?.id ? [selectedTag.value.id] : void 0 },
+				callback: (success) => {
+					if (success) {
+						/** Build the sidebar */
+						__props.workspaceStore.buildSidebar(selectedDocument.value?.id ?? "");
+						const path = requestPathTrimmed.value.startsWith("/") ? requestPathTrimmed.value : `/${requestPathTrimmed.value}`;
+						/** Navigate to the example */
+						router.push({
+							name: "example",
+							params: {
+								documentSlug: selectedDocument.value?.id,
+								pathEncoded: encodeURIComponent(path),
+								method: selectedMethod.value?.method,
+								exampleName: "default"
+							}
+						});
+					}
+				}
+			});
+			emit("close");
+		};
+		/** Handle back navigation when user presses backspace on empty input */
+		const handleBack = (event) => {
+			emit("back", event);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				disabled: isDisabled.value,
+				onSubmit: handleSubmit
+			}, {
+				options: withCtx(() => [createElementVNode("div", _hoisted_1, [
+					createVNode(unref(ScalarListbox), {
+						modelValue: selectedDocument.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedDocument.value = $event),
+						options: availableDocuments.value
+					}, {
+						default: withCtx(() => [createVNode(unref(ScalarButton), {
+							class: "hover:bg-b-2 max-h-8 w-[150px] min-w-[150px] justify-between gap-1 p-2 text-xs",
+							variant: "outlined"
+						}, {
+							default: withCtx(() => [createElementVNode("span", { class: normalizeClass(selectedDocument.value ? "text-c-1 truncate" : "text-c-3") }, toDisplayString(selectedDocument.value ? selectedDocument.value.label : "Select Document"), 3), createVNode(unref(ScalarIcon), {
+								class: "text-c-3",
+								icon: "ChevronDown",
+								size: "md"
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["modelValue", "options"]),
+					createVNode(unref(ScalarDropdown), {
+						placement: "bottom",
+						resize: ""
+					}, {
+						items: withCtx(() => [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(availableMethods), (method) => {
+							return openBlock(), createBlock(unref(ScalarDropdownItem), {
+								key: method.id,
+								class: "flex h-7 w-full items-center justify-center px-1",
+								onClick: ($event) => handleSelectMethod(method)
+							}, {
+								default: withCtx(() => [createVNode(HttpMethod_default, { method: method.method }, null, 8, ["method"])]),
+								_: 2
+							}, 1032, ["onClick"]);
+						}), 128))])]),
+						default: withCtx(() => [createVNode(unref(ScalarButton), {
+							class: "hover:bg-b-2 max-h-8 w-[100px] min-w-[100px] justify-between gap-1 p-2 text-xs",
+							variant: "outlined"
+						}, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_2, [selectedMethod.value ? (openBlock(), createBlock(HttpMethod_default, {
+								key: 0,
+								method: selectedMethod.value.method
+							}, null, 8, ["method"])) : createCommentVNode("", true), createVNode(unref(ScalarIcon), {
+								class: "text-c-3",
+								icon: "ChevronDown",
+								size: "md"
+							})])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					createVNode(unref(ScalarDropdown), {
+						placement: "bottom",
+						resize: ""
+					}, {
+						items: withCtx(() => [createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(availableTags.value, (tag) => {
+							return openBlock(), createBlock(unref(ScalarDropdownItem), {
+								key: tag.id,
+								class: "flex h-7 w-full items-center px-1",
+								onClick: ($event) => handleSelectTag(tag)
+							}, {
+								default: withCtx(() => [createElementVNode("span", _hoisted_5, toDisplayString(tag.label), 1)]),
+								_: 2
+							}, 1032, ["onClick"]);
+						}), 128))])]),
+						default: withCtx(() => [createVNode(unref(ScalarButton), {
+							class: "hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs",
+							disabled: !availableTags.value.length,
+							variant: "outlined"
+						}, {
+							default: withCtx(() => [createElementVNode("span", { class: normalizeClass(selectedTag.value ? "text-c-1 truncate" : "text-c-3") }, toDisplayString(selectedTag.value ? selectedTag.value.label : "Select Tag (Optional)"), 3), createVNode(unref(ScalarIcon), {
+								class: "text-c-3",
+								icon: "ChevronDown",
+								size: "md"
+							})]),
+							_: 1
+						}, 8, ["disabled"])]),
+						_: 1
+					})
+				])]),
+				submit: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Create Request", -1)])]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: requestPath.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => requestPath.value = $event),
+					label: "Request Path",
+					placeholder: "/users",
+					onDelete: handleBack
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+export { CommandPaletteRequest_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CommandPaletteRequest.vue.script.js.map

package/dist/v2/features/command-palette/components/CommandPaletteRequest.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteRequest.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteRequest.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Request Component\n *\n * Provides a form for creating a new API request (operation) in a document.\n * Users can specify the request path, HTTP method, document (collection),\n * and optionally assign it to a tag.\n *\n * Validates that no operation with the same path and method already exists\n * in the selected document to prevent duplicates.\n *\n * @example\n * <CommandPaletteRequest\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n *   @close=\"handleClose\"\n *   @back=\"handleBack\"\n * />\n */\nexport default {\n  name: 'CommandPaletteRequest',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarDropdown,\n  ScalarDropdownItem,\n  ScalarIcon,\n  ScalarListbox,\n} from '@scalar/components'\nimport {\n  HTTP_METHODS,\n  type HttpMethod,\n} from '@scalar/helpers/http/http-methods'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport HttpMethodBadge from '@/v2/blocks/operation-code-sample/components/HttpMethod.vue'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst { workspaceStore, eventBus, documentName, tagId } = defineProps<{\n  /** The workspace store for accessing documents and operations */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** Preselected document id to create the request in */\n  documentName?: string\n  /** Preselected tag id to add the request to (optional) */\n  tagId?: string\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the request is created successfully */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\n/** HTTP method option type for selectors */\ntype MethodOption = {\n  id: string\n  label: string\n  method: HttpMethod\n}\n\n/** Tag option type for selectors */\ntype TagOption = {\n  id: string\n  label: string\n}\n\nconst router = useRouter()\n\nconst requestPath = ref('/')\nconst requestPathTrimmed = computed(() => requestPath.value.trim())\n\n/** All available documents (collections) in the workspace */\nconst availableDocuments = computed(() =>\n  Object.entries(workspaceStore.workspace.documents).map(\n    ([name, document]) => ({\n      id: name,\n      label: document.info.title || name,\n    }),\n  ),\n)\n\n/** Available HTTP methods for the dropdown (GET, POST, PUT, etc.) */\nconst availableMethods: MethodOption[] = HTTP_METHODS.map((method) => ({\n  id: method,\n  label: method.toUpperCase(),\n  method,\n}))\n\nconst selectedDocument = ref<{ id: string; label: string } | undefined>(\n  documentName\n    ? availableDocuments.value.find((document) => document.id === documentName)\n    : (availableDocuments.value[0] ?? undefined),\n)\n\nconst selectedMethod = ref<MethodOption | undefined>(\n  availableMethods.find((method) => method.method === 'get'),\n)\n\n/**\n * All available tags for the selected document.\n * Includes a \"No Tag\" option for operations without a tag assignment.\n */\nconst availableTags = computed<TagOption[]>(() => {\n  if (!selectedDocument.value) {\n    return []\n  }\n\n  const document = workspaceStore.workspace.documents[selectedDocument.value.id]\n  if (!document) {\n    return []\n  }\n\n  return [\n    { id: '', label: 'No Tag' },\n    ...(document.tags?.map((tag) => ({\n      id: tag.name,\n      label: tag.name,\n    })) ?? []),\n  ]\n})\n\nconst selectedTag = ref<TagOption | undefined>(\n  tagId ? availableTags.value.find((tag) => tag.id === tagId) : undefined,\n)\n\n// Reset the selected tag to the \"No Tag\" option when the document changes\nwatch(selectedDocument, () => {\n  selectedTag.value = availableTags.value.find((tag) => tag.id === '')\n})\n\n/**\n * Check if an operation with the same path and method already exists.\n * Used to prevent creating duplicate operations.\n */\nconst operationExists = computed<boolean>(() => {\n  if (\n    !selectedDocument.value ||\n    !selectedMethod.value ||\n    !requestPathTrimmed.value\n  ) {\n    return false\n  }\n\n  const document = workspaceStore.workspace.documents[selectedDocument.value.id]\n\n  /** Ensure path starts with '/' for consistent lookup */\n  const normalizedPath = requestPathTrimmed.value.startsWith('/')\n    ? requestPathTrimmed.value\n    : `/${requestPathTrimmed.value}`\n\n  return !!document?.paths?.[normalizedPath]?.[selectedMethod.value.method]\n})\n\n/**\n * Check if the form should be disabled.\n * Disabled when any required field is missing or operation already exists.\n */\nconst isDisabled = computed<boolean>(() => {\n  if (\n    !requestPathTrimmed.value ||\n    !selectedDocument.value ||\n    !selectedMethod.value\n  ) {\n    return true\n  }\n\n  /** Prevent creating duplicate operations */\n  if (operationExists.value) {\n    return true\n  }\n\n  return false\n})\n\n/** Handle HTTP method selection from dropdown */\nconst handleSelectMethod = (method: MethodOption | undefined): void => {\n  if (method) {\n    selectedMethod.value = method\n  }\n}\n\n/** Handle tag selection from dropdown */\nconst handleSelectTag = (tag: TagOption | undefined): void => {\n  if (tag) {\n    selectedTag.value = tag\n  }\n}\n\n/**\n * Create the request and close the command palette.\n * Emits an event to create a new operation with the specified details.\n */\nconst handleSubmit = (): void => {\n  if (isDisabled.value || !selectedDocument.value || !selectedMethod.value) {\n    return\n  }\n\n  const document = workspaceStore.workspace.documents[selectedDocument.value.id]\n\n  if (!document) {\n    return\n  }\n\n  eventBus.emit('operation:create:operation', {\n    documentName: selectedDocument.value.id,\n    path: requestPathTrimmed.value,\n    method: selectedMethod.value.method,\n    operation: {\n      tags: selectedTag.value?.id ? [selectedTag.value.id] : undefined,\n    },\n    callback: (success) => {\n      if (success) {\n        /** Build the sidebar */\n        workspaceStore.buildSidebar(selectedDocument.value?.id ?? '')\n\n        const path = requestPathTrimmed.value.startsWith('/')\n          ? requestPathTrimmed.value\n          : `/${requestPathTrimmed.value}`\n\n        /** Navigate to the example */\n        router.push({\n          name: 'example',\n          params: {\n            documentSlug: selectedDocument.value?.id,\n            pathEncoded: encodeURIComponent(path),\n            method: selectedMethod.value?.method,\n            exampleName: 'default',\n          },\n        })\n      }\n    },\n  })\n\n  emit('close')\n}\n\n/** Handle back navigation when user presses backspace on empty input */\nconst handleBack = (event: KeyboardEvent): void => {\n  emit('back', event)\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    @submit=\"handleSubmit\">\n    <!-- Request path input -->\n    <CommandActionInput\n      v-model=\"requestPath\"\n      label=\"Request Path\"\n      placeholder=\"/users\"\n      @delete=\"handleBack\" />\n\n    <!-- Selectors for document, method, and tag -->\n    <template #options>\n      <div class=\"flex flex-1 gap-1\">\n        <!-- Document (collection) selector -->\n        <ScalarListbox\n          v-model=\"selectedDocument\"\n          :options=\"availableDocuments\">\n          <ScalarButton\n            class=\"hover:bg-b-2 max-h-8 w-[150px] min-w-[150px] justify-between gap-1 p-2 text-xs\"\n            variant=\"outlined\">\n            <span :class=\"selectedDocument ? 'text-c-1 truncate' : 'text-c-3'\">\n              {{\n                selectedDocument ? selectedDocument.label : 'Select Document'\n              }}\n            </span>\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"ChevronDown\"\n              size=\"md\" />\n          </ScalarButton>\n        </ScalarListbox>\n\n        <!-- HTTP method selector (GET, POST, PUT, etc.) -->\n        <ScalarDropdown\n          placement=\"bottom\"\n          resize>\n          <ScalarButton\n            class=\"hover:bg-b-2 max-h-8 w-[100px] min-w-[100px] justify-between gap-1 p-2 text-xs\"\n            variant=\"outlined\">\n            <div class=\"flex items-center gap-2\">\n              <HttpMethodBadge\n                v-if=\"selectedMethod\"\n                :method=\"selectedMethod.method\" />\n              <ScalarIcon\n                class=\"text-c-3\"\n                icon=\"ChevronDown\"\n                size=\"md\" />\n            </div>\n          </ScalarButton>\n\n          <!-- Dropdown list of all HTTP methods -->\n          <template #items>\n            <div class=\"custom-scroll max-h-40\">\n              <ScalarDropdownItem\n                v-for=\"method in availableMethods\"\n                :key=\"method.id\"\n                class=\"flex h-7 w-full items-center justify-center px-1\"\n                @click=\"handleSelectMethod(method)\">\n                <HttpMethodBadge :method=\"method.method\" />\n              </ScalarDropdownItem>\n            </div>\n          </template>\n        </ScalarDropdown>\n\n        <!-- Tag selector (optional) for organizing operations -->\n        <ScalarDropdown\n          placement=\"bottom\"\n          resize>\n          <ScalarButton\n            class=\"hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs\"\n            :disabled=\"!availableTags.length\"\n            variant=\"outlined\">\n            <span :class=\"selectedTag ? 'text-c-1 truncate' : 'text-c-3'\">\n              {{ selectedTag ? selectedTag.label : 'Select Tag (Optional)' }}\n            </span>\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"ChevronDown\"\n              size=\"md\" />\n          </ScalarButton>\n\n          <!-- Dropdown list of available tags -->\n          <template #items>\n            <div class=\"custom-scroll max-h-40\">\n              <ScalarDropdownItem\n                v-for=\"tag in availableTags\"\n                :key=\"tag.id\"\n                class=\"flex h-7 w-full items-center px-1\"\n                @click=\"handleSelectTag(tag)\">\n                <span class=\"truncate\">{{ tag.label }}</span>\n              </ScalarDropdownItem>\n            </div>\n          </template>\n        </ScalarDropdown>\n      </div>\n    </template>\n\n    <template #submit>Create Request</template>\n  </CommandActionForm>\n</template>\n"],"mappings":"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"}

package/dist/v2/features/command-palette/components/CommandPaletteTag.vue.js

@@ -0,0 +1,7 @@
+import CommandPaletteTag_vue_vue_type_script_setup_true_lang_default from "./CommandPaletteTag.vue.script.js";
+//#region src/v2/features/command-palette/components/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/v2/features/command-palette/components/CommandPaletteTag.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteTag.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteTag.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Tag Component\n *\n * Provides a form for creating or editing a tag in a document (collection).\n * Tags are used to organize and group related API operations.\n *\n * When `tag` is provided, the component enters edit mode where:\n * - The name input is pre-filled with the current tag name\n * - The collection selector is hidden (tag already belongs to a document)\n * - A cancel button is shown to close the modal without saving\n * - Back navigation is disabled (cannot go back with backspace)\n * - Submitting emits an 'edit' event instead of creating a new tag\n *\n * In create mode, validates that the tag name does not already exist\n * in the selected document to prevent duplicates.\n *\n * @example\n * // Create mode\n * <CommandPaletteTag\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n *   @close=\"handleClose\"\n *   @back=\"handleBack\"\n * />\n *\n * // Edit mode\n * <CommandPaletteTag\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n *   :tag=\"tag\"\n *   @close=\"handleClose\"\n *   @edit=\"handleEdit\"\n * />\n */\nexport default {\n  name: 'CommandPaletteTag',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarButton, ScalarIcon, ScalarListbox } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, ref } from 'vue'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst { workspaceStore, eventBus, documentName, tag } = defineProps<{\n  /** The workspace store for accessing documents and tags */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting tag creation events */\n  eventBus: WorkspaceEventBus\n  /** Preselected document id to create the tag in */\n  documentName?: string\n  /** When provided, the component enters edit mode with this name pre-filled */\n  tag?: TraversedTag\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the tag is created or edited successfully */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\nconst isEditMode = computed(() => tag !== undefined)\n\nconst name = ref(tag?.name ?? '')\nconst nameTrimmed = computed(() => name.value.trim())\n\n/** All available documents (collections) in the workspace */\nconst availableDocuments = computed(() =>\n  Object.entries(workspaceStore.workspace.documents).map(\n    ([name, document]) => ({\n      id: name,\n      label: document.info.title || name,\n    }),\n  ),\n)\n\nconst selectedDocument = ref<{ id: string; label: string } | undefined>(\n  documentName\n    ? availableDocuments.value.find((document) => document.id === documentName)\n    : (availableDocuments.value[0] ?? undefined),\n)\n\n/**\n * Check if the form should be disabled.\n *\n * In edit mode, disabled when:\n * - Tag name is empty\n * - Name is unchanged from the original\n * - The new name conflicts with an existing tag in the same document\n *\n * In create mode, disabled when:\n * - Tag name is empty\n * - No collection is selected\n * - The selected document does not exist\n * - A tag with the same name already exists in the selected document\n */\nconst isDisabled = computed<boolean>(() => {\n  const document =\n    workspaceStore.workspace.documents[selectedDocument.value?.id ?? '']\n  if (!nameTrimmed.value || !selectedDocument.value || !document) {\n    return true\n  }\n\n  // In edit mode, disable if the name has not changed\n  if (isEditMode.value) {\n    if (nameTrimmed.value === tag?.name) {\n      return true\n    }\n  }\n\n  // Prevent creating duplicate tags with the same name\n  if (document.tags?.some((tag) => tag.name === nameTrimmed.value)) {\n    return true\n  }\n\n  return false\n})\n\n/**\n * Handle form submission.\n * In edit mode, emits the new name. In create mode, creates the tag via the event bus.\n */\nconst handleSubmit = (): void => {\n  if (isDisabled.value || !selectedDocument.value) {\n    return\n  }\n\n  // In edit mode, emit the new name and close\n  if (isEditMode.value && tag) {\n    eventBus.emit(\n      'tag:edit:tag',\n      {\n        tag,\n        documentName: selectedDocument.value.id,\n        newName: nameTrimmed.value,\n      },\n      { skipUnpackProxy: true },\n    )\n    emit('close')\n    return\n  }\n\n  eventBus.emit('tag:create:tag', {\n    name: nameTrimmed.value,\n    documentName: selectedDocument.value.id,\n  })\n\n  emit('close')\n}\n\n/** Handle back navigation when user presses backspace on empty input */\nconst handleBack = (event: KeyboardEvent): void => {\n  // Do not allow back navigation in edit mode\n  if (isEditMode.value) {\n    return\n  }\n  emit('back', event)\n}\n\n/** Handle cancel action in edit mode */\nconst handleCancel = (): void => {\n  emit('close')\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    @submit=\"handleSubmit\">\n    <!-- Tag name input -->\n    <CommandActionInput\n      v-model=\"name\"\n      label=\"Tag Name\"\n      placeholder=\"Tag Name\"\n      @delete=\"handleBack\" />\n\n    <!-- Collection selector (hidden in edit mode) -->\n    <template #options>\n      <ScalarListbox\n        v-if=\"!isEditMode\"\n        v-model=\"selectedDocument\"\n        :options=\"availableDocuments\">\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=\"selectedDocument ? 'text-c-1' : 'text-c-3'\">\n            {{\n              selectedDocument ? selectedDocument.label : 'Select Collection'\n            }}\n          </span>\n          <ScalarIcon\n            class=\"text-c-3\"\n            icon=\"ChevronDown\"\n            size=\"md\" />\n        </ScalarButton>\n      </ScalarListbox>\n\n      <!-- Cancel button in edit mode -->\n      <ScalarButton\n        v-if=\"isEditMode\"\n        class=\"max-h-8 px-3 text-xs\"\n        variant=\"outlined\"\n        @click=\"handleCancel\">\n        Cancel\n      </ScalarButton>\n    </template>\n\n    <template #submit>{{ isEditMode ? 'Save' : 'Create Tag' }}</template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}

package/dist/v2/features/command-palette/components/CommandPaletteTag.vue.script.js

@@ -0,0 +1,126 @@
+import CommandActionForm_default from "./CommandActionForm.vue.js";
+import CommandActionInput_default from "./CommandActionInput.vue.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { ScalarButton, ScalarIcon, ScalarListbox } from "@scalar/components";
+var CommandPaletteTag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "CommandPaletteTag",
+	props: {
+		workspaceStore: {},
+		eventBus: {},
+		documentName: {},
+		tag: {}
+	},
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const isEditMode = computed(() => __props.tag !== void 0);
+		const name = ref(__props.tag?.name ?? "");
+		const nameTrimmed = computed(() => name.value.trim());
+		/** All available documents (collections) in the workspace */
+		const availableDocuments = computed(() => Object.entries(__props.workspaceStore.workspace.documents).map(([name, document]) => ({
+			id: name,
+			label: document.info.title || name
+		})));
+		const selectedDocument = ref(__props.documentName ? availableDocuments.value.find((document) => document.id === __props.documentName) : availableDocuments.value[0] ?? void 0);
+		/**
+		* Check if the form should be disabled.
+		*
+		* In edit mode, disabled when:
+		* - Tag name is empty
+		* - Name is unchanged from the original
+		* - The new name conflicts with an existing tag in the same document
+		*
+		* In create mode, disabled when:
+		* - Tag name is empty
+		* - No collection is selected
+		* - The selected document does not exist
+		* - A tag with the same name already exists in the selected document
+		*/
+		const isDisabled = computed(() => {
+			const document = __props.workspaceStore.workspace.documents[selectedDocument.value?.id ?? ""];
+			if (!nameTrimmed.value || !selectedDocument.value || !document) return true;
+			if (isEditMode.value) {
+				if (nameTrimmed.value === __props.tag?.name) return true;
+			}
+			if (document.tags?.some((tag) => tag.name === nameTrimmed.value)) return true;
+			return false;
+		});
+		/**
+		* Handle form submission.
+		* In edit mode, emits the new name. In create mode, creates the tag via the event bus.
+		*/
+		const handleSubmit = () => {
+			if (isDisabled.value || !selectedDocument.value) return;
+			if (isEditMode.value && __props.tag) {
+				__props.eventBus.emit("tag:edit:tag", {
+					tag: __props.tag,
+					documentName: selectedDocument.value.id,
+					newName: nameTrimmed.value
+				}, { skipUnpackProxy: true });
+				emit("close");
+				return;
+			}
+			__props.eventBus.emit("tag:create:tag", {
+				name: nameTrimmed.value,
+				documentName: selectedDocument.value.id
+			});
+			emit("close");
+		};
+		/** Handle back navigation when user presses backspace on empty input */
+		const handleBack = (event) => {
+			if (isEditMode.value) return;
+			emit("back", event);
+		};
+		/** Handle cancel action in edit mode */
+		const handleCancel = () => {
+			emit("close");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				disabled: isDisabled.value,
+				onSubmit: handleSubmit
+			}, {
+				options: withCtx(() => [!isEditMode.value ? (openBlock(), createBlock(unref(ScalarListbox), {
+					key: 0,
+					modelValue: selectedDocument.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedDocument.value = $event),
+					options: availableDocuments.value
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						class: "hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs",
+						variant: "outlined"
+					}, {
+						default: withCtx(() => [createElementVNode("span", { class: normalizeClass(selectedDocument.value ? "text-c-1" : "text-c-3") }, toDisplayString(selectedDocument.value ? selectedDocument.value.label : "Select Collection"), 3), createVNode(unref(ScalarIcon), {
+							class: "text-c-3",
+							icon: "ChevronDown",
+							size: "md"
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue", "options"])) : createCommentVNode("", true), isEditMode.value ? (openBlock(), createBlock(unref(ScalarButton), {
+					key: 1,
+					class: "max-h-8 px-3 text-xs",
+					variant: "outlined",
+					onClick: handleCancel
+				}, {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Cancel ", -1)])]),
+					_: 1
+				})) : createCommentVNode("", true)]),
+				submit: withCtx(() => [createTextVNode(toDisplayString(isEditMode.value ? "Save" : "Create Tag"), 1)]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: name.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => name.value = $event),
+					label: "Tag Name",
+					placeholder: "Tag Name",
+					onDelete: handleBack
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+export { CommandPaletteTag_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CommandPaletteTag.vue.script.js.map

package/dist/v2/features/command-palette/components/CommandPaletteTag.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteTag.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteTag.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Tag Component\n *\n * Provides a form for creating or editing a tag in a document (collection).\n * Tags are used to organize and group related API operations.\n *\n * When `tag` is provided, the component enters edit mode where:\n * - The name input is pre-filled with the current tag name\n * - The collection selector is hidden (tag already belongs to a document)\n * - A cancel button is shown to close the modal without saving\n * - Back navigation is disabled (cannot go back with backspace)\n * - Submitting emits an 'edit' event instead of creating a new tag\n *\n * In create mode, validates that the tag name does not already exist\n * in the selected document to prevent duplicates.\n *\n * @example\n * // Create mode\n * <CommandPaletteTag\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n *   @close=\"handleClose\"\n *   @back=\"handleBack\"\n * />\n *\n * // Edit mode\n * <CommandPaletteTag\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n *   :tag=\"tag\"\n *   @close=\"handleClose\"\n *   @edit=\"handleEdit\"\n * />\n */\nexport default {\n  name: 'CommandPaletteTag',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarButton, ScalarIcon, ScalarListbox } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, ref } from 'vue'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst { workspaceStore, eventBus, documentName, tag } = defineProps<{\n  /** The workspace store for accessing documents and tags */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting tag creation events */\n  eventBus: WorkspaceEventBus\n  /** Preselected document id to create the tag in */\n  documentName?: string\n  /** When provided, the component enters edit mode with this name pre-filled */\n  tag?: TraversedTag\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the tag is created or edited successfully */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\nconst isEditMode = computed(() => tag !== undefined)\n\nconst name = ref(tag?.name ?? '')\nconst nameTrimmed = computed(() => name.value.trim())\n\n/** All available documents (collections) in the workspace */\nconst availableDocuments = computed(() =>\n  Object.entries(workspaceStore.workspace.documents).map(\n    ([name, document]) => ({\n      id: name,\n      label: document.info.title || name,\n    }),\n  ),\n)\n\nconst selectedDocument = ref<{ id: string; label: string } | undefined>(\n  documentName\n    ? availableDocuments.value.find((document) => document.id === documentName)\n    : (availableDocuments.value[0] ?? undefined),\n)\n\n/**\n * Check if the form should be disabled.\n *\n * In edit mode, disabled when:\n * - Tag name is empty\n * - Name is unchanged from the original\n * - The new name conflicts with an existing tag in the same document\n *\n * In create mode, disabled when:\n * - Tag name is empty\n * - No collection is selected\n * - The selected document does not exist\n * - A tag with the same name already exists in the selected document\n */\nconst isDisabled = computed<boolean>(() => {\n  const document =\n    workspaceStore.workspace.documents[selectedDocument.value?.id ?? '']\n  if (!nameTrimmed.value || !selectedDocument.value || !document) {\n    return true\n  }\n\n  // In edit mode, disable if the name has not changed\n  if (isEditMode.value) {\n    if (nameTrimmed.value === tag?.name) {\n      return true\n    }\n  }\n\n  // Prevent creating duplicate tags with the same name\n  if (document.tags?.some((tag) => tag.name === nameTrimmed.value)) {\n    return true\n  }\n\n  return false\n})\n\n/**\n * Handle form submission.\n * In edit mode, emits the new name. In create mode, creates the tag via the event bus.\n */\nconst handleSubmit = (): void => {\n  if (isDisabled.value || !selectedDocument.value) {\n    return\n  }\n\n  // In edit mode, emit the new name and close\n  if (isEditMode.value && tag) {\n    eventBus.emit(\n      'tag:edit:tag',\n      {\n        tag,\n        documentName: selectedDocument.value.id,\n        newName: nameTrimmed.value,\n      },\n      { skipUnpackProxy: true },\n    )\n    emit('close')\n    return\n  }\n\n  eventBus.emit('tag:create:tag', {\n    name: nameTrimmed.value,\n    documentName: selectedDocument.value.id,\n  })\n\n  emit('close')\n}\n\n/** Handle back navigation when user presses backspace on empty input */\nconst handleBack = (event: KeyboardEvent): void => {\n  // Do not allow back navigation in edit mode\n  if (isEditMode.value) {\n    return\n  }\n  emit('back', event)\n}\n\n/** Handle cancel action in edit mode */\nconst handleCancel = (): void => {\n  emit('close')\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    @submit=\"handleSubmit\">\n    <!-- Tag name input -->\n    <CommandActionInput\n      v-model=\"name\"\n      label=\"Tag Name\"\n      placeholder=\"Tag Name\"\n      @delete=\"handleBack\" />\n\n    <!-- Collection selector (hidden in edit mode) -->\n    <template #options>\n      <ScalarListbox\n        v-if=\"!isEditMode\"\n        v-model=\"selectedDocument\"\n        :options=\"availableDocuments\">\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=\"selectedDocument ? 'text-c-1' : 'text-c-3'\">\n            {{\n              selectedDocument ? selectedDocument.label : 'Select Collection'\n            }}\n          </span>\n          <ScalarIcon\n            class=\"text-c-3\"\n            icon=\"ChevronDown\"\n            size=\"md\" />\n        </ScalarButton>\n      </ScalarListbox>\n\n      <!-- Cancel button in edit mode -->\n      <ScalarButton\n        v-if=\"isEditMode\"\n        class=\"max-h-8 px-3 text-xs\"\n        variant=\"outlined\"\n        @click=\"handleCancel\">\n        Cancel\n      </ScalarButton>\n    </template>\n\n    <template #submit>{{ isEditMode ? 'Save' : 'Create Tag' }}</template>\n  </CommandActionForm>\n</template>\n"],"mappings":";;;;;CAoCE,MAAM;;;;;;;;;EAyBR,MAAM,OAAO;EAOb,MAAM,aAAa,eAAe,QAAA,QAAQ,KAAA,EAAS;EAEnD,MAAM,OAAO,IAAI,QAAA,KAAK,QAAQ,GAAE;EAChC,MAAM,cAAc,eAAe,KAAK,MAAM,MAAM,CAAA;;EAGpD,MAAM,qBAAqB,eACzB,OAAO,QAAQ,QAAA,eAAe,UAAU,UAAU,CAAC,KAChD,CAAC,MAAM,eAAe;GACrB,IAAI;GACJ,OAAO,SAAS,KAAK,SAAS;GAC/B,EACF,CACH;EAEA,MAAM,mBAAmB,IACvB,QAAA,eACI,mBAAmB,MAAM,MAAM,aAAa,SAAS,OAAO,QAAA,aAAY,GACvE,mBAAmB,MAAM,MAAM,KAAA,EACtC;;;;;;;;;;;;;;;EAgBA,MAAM,aAAa,eAAwB;GACzC,MAAM,WACJ,QAAA,eAAe,UAAU,UAAU,iBAAiB,OAAO,MAAM;AACnE,OAAI,CAAC,YAAY,SAAS,CAAC,iBAAiB,SAAS,CAAC,SACpD,QAAO;AAIT,OAAI,WAAW;QACT,YAAY,UAAU,QAAA,KAAK,KAC7B,QAAO;;AAKX,OAAI,SAAS,MAAM,MAAM,QAAQ,IAAI,SAAS,YAAY,MAAM,CAC9D,QAAO;AAGT,UAAO;IACR;;;;;EAMD,MAAM,qBAA2B;AAC/B,OAAI,WAAW,SAAS,CAAC,iBAAiB,MACxC;AAIF,OAAI,WAAW,SAAS,QAAA,KAAK;AAC3B,YAAA,SAAS,KACP,gBACA;KACE,KAAE,QAAA;KACF,cAAc,iBAAiB,MAAM;KACrC,SAAS,YAAY;KACtB,EACD,EAAE,iBAAiB,MAAM,CAC3B;AACA,SAAK,QAAO;AACZ;;AAGF,WAAA,SAAS,KAAK,kBAAkB;IAC9B,MAAM,YAAY;IAClB,cAAc,iBAAiB,MAAM;IACtC,CAAA;AAED,QAAK,QAAO;;;EAId,MAAM,cAAc,UAA+B;AAEjD,OAAI,WAAW,MACb;AAEF,QAAK,QAAQ,MAAK;;;EAIpB,MAAM,qBAA2B;AAC/B,QAAK,QAAO;;;uBAIZ,YA0CoB,2BAAA;IAzCjB,UAAU,WAAA;IACV,UAAQ;;IASE,SAAO,cAkBA,CAAA,CAhBP,WAAA,SAAA,WAAA,EADT,YAiBgB,MAAA,cAAA,EAAA;;iBAfL,iBAAA;mFAAgB,QAAA;KACxB,SAAS,mBAAA;;4BAaK,CAZf,YAYe,MAAA,aAAA,EAAA;MAXb,OAAM;MACN,SAAQ;;6BAKD,CAJP,mBAIO,QAAA,EAJA,OAAK,eAAE,iBAAA,QAAgB,aAAA,WAAA,EAAA,EAAA,gBAE1B,iBAAA,QAAmB,iBAAA,MAAiB,QAAK,oBAAA,EAAA,EAAA,EAG7C,YAGc,MAAA,WAAA,EAAA;OAFZ,OAAM;OACN,MAAK;OACL,MAAK;;;;;sEAMH,WAAA,SAAA,WAAA,EADR,YAMe,MAAA,aAAA,EAAA;;KAJb,OAAM;KACN,SAAQ;KACP,SAAO;;4BAEV,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFwB,YAExB,GAAA,CAAA,EAAA,CAAA;;;IAGS,QAAM,cAAyC,CAAA,gBAAA,gBAArC,WAAA,QAAU,SAAA,aAAA,EAAA,EAAA,CAAA,CAAA;2BAjCN,CAJzB,YAIyB,4BAAA;iBAHd,KAAA;uEAAI,QAAA;KACb,OAAM;KACN,aAAY;KACX,UAAQ"}

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

@@ -0,0 +1,58 @@
+/**
+ * Full Postman collection import preview: metadata, request picker, merge target, and convert options.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    title: string;
+    version: string;
+    schema?: string;
+    totalRequests: number;
+    availableTargetDocuments: {
+        slug: string;
+        label: string;
+    }[];
+    hasCollisionPathKeys: boolean;
+} & {
+    selectedTargetDocument?: {
+        slug: string;
+        label: string;
+    } | null;
+    mergeSamePathAndMethod?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedTargetDocument": (value: {
+        slug: string;
+        label: string;
+    } | null | undefined) => any;
+    "update:mergeSamePathAndMethod": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    title: string;
+    version: string;
+    schema?: string;
+    totalRequests: number;
+    availableTargetDocuments: {
+        slug: string;
+        label: string;
+    }[];
+    hasCollisionPathKeys: boolean;
+} & {
+    selectedTargetDocument?: {
+        slug: string;
+        label: string;
+    } | null;
+    mergeSamePathAndMethod?: boolean;
+}> & Readonly<{
+    "onUpdate:selectedTargetDocument"?: ((value: {
+        slug: string;
+        label: string;
+    } | null | undefined) => any) | undefined;
+    "onUpdate:mergeSamePathAndMethod"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    treePicker: () => unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=PostmanImportPreview.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostmanImportPreview.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/PostmanImportPreview.vue"],"names":[],"mappings":"AAkNA;;GAEG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;WAET,MAAM;aACJ,MAAM;aACN,MAAM;mBACA,MAAM;8BACK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE;0BACrC,OAAO;;6BAiDJ;QACzB,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;KACd,GAAG,IAAI;6BACmB,OAAO;;;cAI1B,MAAM;eACL,MAAM;;;;WA/DN,MAAM;aACJ,MAAM;aACN,MAAM;mBACA,MAAM;8BACK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE;0BACrC,OAAO;;6BAiDJ;QACzB,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;KACd,GAAG,IAAI;6BACmB,OAAO;;;cAI1B,MAAM;eACL,MAAM;;;;gBArDD,MAAM,OAAO;EAwYvB,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/v2/features/command-palette/components/PostmanImportPreview.vue.js

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

package/dist/v2/features/command-palette/components/PostmanImportPreview.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostmanImportPreview.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/PostmanImportPreview.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Full Postman collection import preview: metadata, request picker, merge target, and convert options.\n */\nexport default {\n  name: 'PostmanImportPreview',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCheckboxInput,\n  ScalarIcon,\n  ScalarListbox,\n  ScalarTooltip,\n  type ScalarListboxOption,\n} from '@scalar/components'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  title: string\n  version: string\n  schema?: string\n  totalRequests: number\n  availableTargetDocuments: { slug: string; label: string }[]\n  hasCollisionPathKeys: boolean\n}>()\n\nconst slots = defineSlots<{\n  treePicker: () => unknown\n}>()\n\nconst selectedTargetDocument = defineModel<{\n  slug: string\n  label: string\n} | null>('selectedTargetDocument')\nconst mergeSamePathAndMethod = defineModel<boolean>('mergeSamePathAndMethod')\n\n/** Listbox id for \"create a new document\" — parent model stays `null`. */\nconst NEW_DOCUMENT_LISTBOX_ID = '__postman_import_new__'\n\nconst importDestinationOptions = computed<ScalarListboxOption[]>(() => [\n  { id: NEW_DOCUMENT_LISTBOX_ID, label: 'New document' },\n  ...props.availableTargetDocuments.map((d) => ({\n    id: d.slug,\n    label: d.label,\n  })),\n])\n\nconst resolvedImportDestinationOption = computed((): ScalarListboxOption => {\n  const options = importDestinationOptions.value\n  const fallback = options[0]!\n  const sel = selectedTargetDocument.value\n  if (!sel) {\n    return fallback\n  }\n  return options.find((o) => o.id === sel.slug) ?? fallback\n})\n\nconst onImportDestinationChange = (option: ScalarListboxOption): void => {\n  if (option.id === NEW_DOCUMENT_LISTBOX_ID) {\n    selectedTargetDocument.value = null\n    return\n  }\n  selectedTargetDocument.value = {\n    slug: option.id,\n    label: option.label,\n  }\n}\n</script>\n\n<template>\n  <div class=\"flex flex-1 flex-col gap-1.5 overflow-hidden\">\n    <div class=\"flex flex-1 flex-col gap-1.5 overflow-hidden\">\n      <div\n        class=\"border-border bg-b-2 text-c-2 shrink-0 rounded border px-2.5 py-1.5 text-xs leading-tight\">\n        <div class=\"text-c-1 truncate font-medium\">\n          {{ title }}\n        </div>\n        <div\n          class=\"text-c-3 mt-0.5 flex flex-wrap items-center gap-x-1.5 gap-y-0.5\">\n          <template v-if=\"schema\">\n            <span class=\"whitespace-nowrap\">\n              {{ schema }}\n            </span>\n            <span\n              aria-hidden=\"true\"\n              class=\"text-c-3 opacity-50\">\n              ·\n            </span>\n          </template>\n          <span class=\"whitespace-nowrap\"> v{{ version }} </span>\n          <span\n            aria-hidden=\"true\"\n            class=\"text-c-3 opacity-50\">\n            ·\n          </span>\n          <span class=\"whitespace-nowrap\">\n            {{ totalRequests }}\n            {{ totalRequests === 1 ? 'request' : 'requests' }}\n          </span>\n        </div>\n      </div>\n      <div\n        v-if=\"hasCollisionPathKeys\"\n        class=\"postman-import-path-conflict-callout w-full max-w-full rounded-md border px-2.5 py-1.5 text-xs leading-snug\">\n        <div class=\"[overflow-wrap:anywhere] [word-break:break-word]\">\n          <span class=\"font-semibold text-[var(--scalar-color-red)]\">\n            Conflict\n          </span>\n          <template v-if=\"selectedTargetDocument\">\n            — Same OpenAPI path + method as existing operations in\n            <span class=\"font-medium\">\n              {{ selectedTargetDocument.label }}\n            </span>\n            .\n            <template v-if=\"!mergeSamePathAndMethod\">\n              These will overwrite existing operations unless\n              <span class=\"font-medium\">Merge same path &amp; method</span>\n              is enabled.\n            </template>\n            <template v-else>\n              These will be merged with existing operations.\n            </template>\n          </template>\n          <template v-else>\n            — Same OpenAPI path + method for multiple selected requests. Turn on\n            <span class=\"font-medium\">Merge same path &amp; method</span>\n            to combine them; otherwise the last one wins.\n          </template>\n        </div>\n      </div>\n    </div>\n    <div class=\"max-h-[300px] overflow-y-auto\">\n      <slots.treePicker />\n    </div>\n\n    <section\n      class=\"border-border bg-b-2 flex shrink-0 flex-col gap-3 rounded-md border px-2.5 py-2.5\">\n      <div\n        v-if=\"availableTargetDocuments.length > 0\"\n        class=\"border-border flex flex-col gap-2 border-b border-dashed pb-3\">\n        <div>\n          <p class=\"text-c-1 text-xs font-semibold tracking-tight\">\n            Import destination\n          </p>\n          <p class=\"text-c-3 mt-1 text-xs leading-snug\">\n            Put operations into an existing API description, or create a new\n            document in this workspace.\n          </p>\n        </div>\n        <ScalarListbox\n          id=\"postman-import-target\"\n          label=\"Import destination\"\n          :modelValue=\"resolvedImportDestinationOption\"\n          :options=\"importDestinationOptions\"\n          placement=\"bottom-start\"\n          resize\n          @update:modelValue=\"onImportDestinationChange\">\n          <ScalarButton\n            class=\"hover:bg-b-2 h-9 w-full justify-between gap-2 px-2.5 py-2 text-left text-xs\"\n            variant=\"outlined\">\n            <span class=\"text-c-1 truncate font-medium\">\n              {{ resolvedImportDestinationOption.label }}\n            </span>\n            <ScalarIcon\n              class=\"text-c-3 shrink-0\"\n              icon=\"ChevronDown\"\n              size=\"md\" />\n          </ScalarButton>\n        </ScalarListbox>\n      </div>\n      <ScalarTooltip\n        content=\"When several Postman requests map to the same OpenAPI path and HTTP method, merge them into one operation instead of keeping duplicate operations.\"\n        placement=\"top\">\n        <div\n          class=\"[&>label]:bg-transparent [&>label]:p-0 [&>label]:shadow-none [&>label]:hover:bg-transparent\">\n          <ScalarCheckboxInput v-model=\"mergeSamePathAndMethod\">\n            <span class=\"text-c-1 text-xs leading-snug font-medium\">\n              Merge same path &amp; method\n            </span>\n          </ScalarCheckboxInput>\n        </div>\n      </ScalarTooltip>\n    </section>\n  </div>\n</template>\n\n<style scoped>\n.postman-import-path-conflict-callout {\n  border-color: var(--scalar-color-red);\n  background-color: var(--scalar-background-danger);\n  color: var(--scalar-color-1);\n}\n</style>\n"],"mappings":""}