@scalar/api-client 3.6.0 → 3.8.0

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

@@ -1,156 +0,0 @@
-import CommandActionForm_default from "./CommandActionForm.vue.js";
-import { generateUniqueSlug } from "../helpers/generate-unique-slug.js";
-import { getOpenApiFromPostman } from "../helpers/get-openapi-from-postman.js";
-import PostmanImportPreview_default from "./PostmanImportPreview.vue.js";
-import { applyPostmanFolderSelectionChange, applyPostmanRequestSelectionChange, buildPostmanRequestTree, countPostmanRequestLeaves } from "../helpers/postman-request-tree.js";
-import PostmanRequestTreeRow_default from "./PostmanRequestTreeRow.vue.js";
-import { getPostmanConvertOptions } from "../helpers/get-postman-convert-options.js";
-import { getPostmanDocumentDetails } from "../helpers/get-postman-document-details.js";
-import { getCollidingPostmanRequestPathKeys } from "../helpers/postman-request-collisions.js";
-import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, unref, watch, withCtx } from "vue";
-import { useLoadingState } from "@scalar/components";
-import { useToasts } from "@scalar/use-toasts";
-//#region src/v2/features/command-palette/components/CommandPaletteImportPostman.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex min-h-0 min-w-0 flex-1 flex-col gap-1.5 overflow-hidden" };
-var CommandPaletteImportPostman_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "CommandPaletteImportPostman",
-	props: {
-		workspaceStore: {},
-		eventBus: {},
-		inputValue: { default: "" }
-	},
-	emits: ["close", "back"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const { toast } = useToasts();
-		const loader = useLoadingState();
-		/** Document name to merge imported operations into. */
-		const importTargetDocumentName = ref(null);
-		const baseDocument = ref(null);
-		watch(importTargetDocumentName, async (value) => {
-			if (!value) {
-				baseDocument.value = null;
-				return;
-			}
-			baseDocument.value = await __props.workspaceStore.getEditableDocument(value.slug);
-		});
-		const mergeSamePathAndMethod = ref(false);
-		const postmanDocumentDetails = computed(() => getPostmanDocumentDetails(__props.inputValue));
-		const postmanRequestTree = computed(() => buildPostmanRequestTree(postmanDocumentDetails.value?.collection ?? []));
-		/** Path keys to import from the Postman collection. */
-		const importPathKeys = ref([]);
-		const onPostmanRequestSelectionChange = (key, selected) => {
-			importPathKeys.value = applyPostmanRequestSelectionChange(importPathKeys.value, key, selected);
-		};
-		const onPostmanFolderSelectionChange = (node, selected) => {
-			importPathKeys.value = applyPostmanFolderSelectionChange(importPathKeys.value, node, selected);
-		};
-		/** Wraps all top-level nodes in a single root folder so the tree row handles select-all. */
-		const rootTreeNode = computed(() => ({
-			path: [],
-			name: postmanDocumentDetails.value?.title ?? "Collection",
-			isFolder: true,
-			children: postmanRequestTree.value
-		}));
-		const collisionsPathKeys = computed(() => {
-			return getCollidingPostmanRequestPathKeys(postmanDocumentDetails.value?.collection ?? [], importPathKeys.value, baseDocument.value ?? void 0);
-		});
-		/** Navigate to a document in the workspace. */
-		const navigateToDocument = (documentName) => {
-			__props.eventBus.emit("ui:navigate", {
-				page: "document",
-				path: "overview",
-				documentSlug: documentName
-			});
-		};
-		/** Handle import error. */
-		const handleImportError = async (errorMessage) => {
-			console.error(errorMessage);
-			toast(errorMessage, "error");
-			await loader.invalidate();
-			emit("close");
-		};
-		/** Handle import. */
-		const handleImport = async () => {
-			loader.start();
-			const mergeTarget = importTargetDocumentName.value?.slug ?? "";
-			const mergeIntoExisting = mergeTarget.length > 0 && __props.workspaceStore.workspace.documents[mergeTarget] !== void 0;
-			const options = getPostmanConvertOptions({
-				document: (mergeIntoExisting ? await __props.workspaceStore.getEditableDocument(mergeTarget) : null) ?? void 0,
-				mergeOperation: mergeSamePathAndMethod.value,
-				importPathKeys: importPathKeys.value
-			});
-			const document = getOpenApiFromPostman(__props.inputValue ?? "", options);
-			if (document === null) return handleImportError("Failed to convert Postman collection to OpenAPI document. Please contact support.");
-			if (mergeIntoExisting) {
-				await __props.workspaceStore.replaceDocument(mergeTarget, document);
-				await loader.validate();
-				navigateToDocument(mergeTarget);
-				emit("close");
-				return;
-			}
-			const slug = await generateUniqueSlug(document.info?.title ?? "default", new Set(Object.keys(__props.workspaceStore.workspace.documents)));
-			if (!slug) return handleImportError("Failed to generate a unique slug for the imported document. Please contact support.");
-			await __props.workspaceStore.addDocument({
-				name: slug,
-				document
-			});
-			await loader.validate();
-			navigateToDocument(slug);
-			emit("close");
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(CommandActionForm_default, {
-				loader: unref(loader),
-				onSubmit: handleImport
-			}, {
-				submit: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Import Postman Collection ", -1)])]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "flex shrink-0 justify-between" }, [createElementVNode("div", { class: "text-c-2 min-h-7 w-full py-1.5 pl-12 text-center text-xs" }, " Postman collection ")], -1)), postmanDocumentDetails.value ? (openBlock(), createBlock(PostmanImportPreview_default, {
-					key: 0,
-					mergeSamePathAndMethod: mergeSamePathAndMethod.value,
-					"onUpdate:mergeSamePathAndMethod": _cache[0] || (_cache[0] = ($event) => mergeSamePathAndMethod.value = $event),
-					selectedTargetDocument: importTargetDocumentName.value,
-					"onUpdate:selectedTargetDocument": _cache[1] || (_cache[1] = ($event) => importTargetDocumentName.value = $event),
-					availableTargetDocuments: Object.entries(__props.workspaceStore.workspace.documents).map(([slug, document]) => ({
-						slug,
-						label: document.info?.title ?? slug
-					})),
-					hasCollisionPathKeys: collisionsPathKeys.value.length > 0,
-					schema: postmanDocumentDetails.value?.schemaLabel ?? void 0,
-					title: postmanDocumentDetails.value?.title ?? "",
-					totalRequests: unref(countPostmanRequestLeaves)(postmanDocumentDetails.value?.collection ?? []),
-					version: postmanDocumentDetails.value?.version ?? ""
-				}, {
-					treePicker: withCtx(() => [createVNode(PostmanRequestTreeRow_default, {
-						collisionPathKeys: collisionsPathKeys.value,
-						mergeSamePathAndMethod: mergeSamePathAndMethod.value,
-						node: rootTreeNode.value,
-						selectedKeys: importPathKeys.value,
-						onFolderSelectionChange: onPostmanFolderSelectionChange,
-						onRequestSelectionChange: onPostmanRequestSelectionChange
-					}, null, 8, [
-						"collisionPathKeys",
-						"mergeSamePathAndMethod",
-						"node",
-						"selectedKeys"
-					])]),
-					_: 1
-				}, 8, [
-					"mergeSamePathAndMethod",
-					"selectedTargetDocument",
-					"availableTargetDocuments",
-					"hasCollisionPathKeys",
-					"schema",
-					"title",
-					"totalRequests",
-					"version"
-				])) : createCommentVNode("", true)])]),
-				_: 1
-			}, 8, ["loader"]);
-		};
-	}
-});
-//#endregion
-export { CommandPaletteImportPostman_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=CommandPaletteImportPostman.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPaletteImportPostman.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImportPostman.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import Postman Component\n *\n * Imports Postman collections from URL, file, or pasted JSON, including\n * request selection, merge-into-existing, and convert options.\n */\nexport default {\n  name: 'CommandPaletteImportPostman',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { useLoadingState } from '@scalar/components'\nimport type { ConvertOptions } from '@scalar/postman-to-openapi'\nimport { useToasts } from '@scalar/use-toasts'\nimport { type WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref, watch } from 'vue'\n\nimport PostmanImportPreview from '@/v2/features/command-palette/components/PostmanImportPreview.vue'\nimport PostmanRequestTreeRow from '@/v2/features/command-palette/components/PostmanRequestTreeRow.vue'\nimport { generateUniqueSlug } from '@/v2/features/command-palette/helpers/generate-unique-slug'\nimport { getOpenApiFromPostman } from '@/v2/features/command-palette/helpers/get-openapi-from-postman'\nimport { getPostmanConvertOptions } from '@/v2/features/command-palette/helpers/get-postman-convert-options'\nimport { getPostmanDocumentDetails } from '@/v2/features/command-palette/helpers/get-postman-document-details'\nimport { getCollidingPostmanRequestPathKeys } from '@/v2/features/command-palette/helpers/postman-request-collisions'\nimport {\n  applyPostmanFolderSelectionChange,\n  applyPostmanRequestSelectionChange,\n  buildPostmanRequestTree,\n  countPostmanRequestLeaves,\n  type PostmanTreeNode,\n} from '@/v2/features/command-palette/helpers/postman-request-tree'\n\nimport CommandActionForm from './CommandActionForm.vue'\n\nconst {\n  workspaceStore,\n  eventBus,\n  inputValue = '',\n} = defineProps<{\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting import events */\n  eventBus: WorkspaceEventBus\n  /** Pre-filled collection JSON (e.g. from file pick or redirected paste) */\n  inputValue: string\n}>()\n\nconst emit = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\nconst { toast } = useToasts()\n\nconst loader = useLoadingState()\n\n/** Document name to merge imported operations into. */\nconst importTargetDocumentName = ref<{ slug: string; label: string } | null>(\n  null,\n)\nconst baseDocument = ref<OpenApiDocument | null>(null)\n\nwatch(importTargetDocumentName, async (value) => {\n  if (!value) {\n    baseDocument.value = null\n    return\n  }\n  baseDocument.value = await workspaceStore.getEditableDocument(value.slug)\n})\n\nconst mergeSamePathAndMethod = ref(false)\n\nconst postmanDocumentDetails = computed(() =>\n  getPostmanDocumentDetails(inputValue),\n)\nconst postmanRequestTree = computed(() =>\n  buildPostmanRequestTree(postmanDocumentDetails.value?.collection ?? []),\n)\n\n/** Path keys to import from the Postman collection. */\nconst importPathKeys = ref<string[]>([])\n\nconst onPostmanRequestSelectionChange = (\n  key: string,\n  selected: boolean,\n): void => {\n  importPathKeys.value = applyPostmanRequestSelectionChange(\n    importPathKeys.value,\n    key,\n    selected,\n  )\n}\n\nconst onPostmanFolderSelectionChange = (\n  node: PostmanTreeNode,\n  selected: boolean,\n): void => {\n  importPathKeys.value = applyPostmanFolderSelectionChange(\n    importPathKeys.value,\n    node,\n    selected,\n  )\n}\n\n/** Wraps all top-level nodes in a single root folder so the tree row handles select-all. */\nconst rootTreeNode = computed<PostmanTreeNode>(() => ({\n  path: [],\n  name: postmanDocumentDetails.value?.title ?? 'Collection',\n  isFolder: true,\n  children: postmanRequestTree.value,\n}))\n\nconst collisionsPathKeys = computed(() => {\n  return getCollidingPostmanRequestPathKeys(\n    postmanDocumentDetails.value?.collection ?? [],\n    importPathKeys.value,\n    baseDocument.value ?? undefined,\n  )\n})\n\n/** Navigate to a document in the workspace. */\nconst navigateToDocument = (documentName: string): void => {\n  eventBus.emit('ui:navigate', {\n    page: 'document',\n    path: 'overview',\n    documentSlug: documentName,\n  })\n}\n\n/** Handle import error. */\nconst handleImportError = async (errorMessage: string): Promise<void> => {\n  console.error(errorMessage)\n  toast(errorMessage, 'error')\n  await loader.invalidate()\n  emit('close')\n}\n\n/** Handle import. */\nconst handleImport = async (): Promise<void> => {\n  loader.start()\n\n  const mergeTarget = importTargetDocumentName.value?.slug ?? ''\n  const mergeIntoExisting =\n    mergeTarget.length > 0 &&\n    workspaceStore.workspace.documents[mergeTarget] !== undefined\n\n  const targetDocument = mergeIntoExisting\n    ? await workspaceStore.getEditableDocument(mergeTarget)\n    : null\n\n  const options: ConvertOptions = getPostmanConvertOptions({\n    document: (targetDocument as unknown) ?? undefined,\n    mergeOperation: mergeSamePathAndMethod.value,\n    importPathKeys: importPathKeys.value,\n  })\n\n  const document = getOpenApiFromPostman(inputValue ?? '', options)\n\n  if (document === null) {\n    return handleImportError(\n      'Failed to convert Postman collection to OpenAPI document. Please contact support.',\n    )\n  }\n\n  if (mergeIntoExisting) {\n    await workspaceStore.replaceDocument(mergeTarget, document)\n    await loader.validate()\n    navigateToDocument(mergeTarget)\n    emit('close')\n    return\n  }\n\n  // Otherwise create a new document\n  const slug = await generateUniqueSlug(\n    document.info?.title ?? 'default',\n    new Set(Object.keys(workspaceStore.workspace.documents)),\n  )\n\n  if (!slug) {\n    return handleImportError(\n      'Failed to generate a unique slug for the imported document. Please contact support.',\n    )\n  }\n\n  await workspaceStore.addDocument({\n    name: slug,\n    document,\n  })\n\n  await loader.validate()\n  navigateToDocument(slug)\n  emit('close')\n}\n</script>\n<template>\n  <CommandActionForm\n    :loader\n    @submit=\"handleImport\">\n    <div class=\"flex min-h-0 min-w-0 flex-1 flex-col gap-1.5 overflow-hidden\">\n      <div class=\"flex shrink-0 justify-between\">\n        <div class=\"text-c-2 min-h-7 w-full py-1.5 pl-12 text-center text-xs\">\n          Postman collection\n        </div>\n      </div>\n\n      <!-- Postman collection preview and tree picker -->\n      <PostmanImportPreview\n        v-if=\"postmanDocumentDetails\"\n        v-model:mergeSamePathAndMethod=\"mergeSamePathAndMethod\"\n        v-model:selectedTargetDocument=\"importTargetDocumentName\"\n        :availableTargetDocuments=\"\n          Object.entries(workspaceStore.workspace.documents).map(\n            ([slug, document]) => ({\n              slug,\n              label: document.info?.title ?? slug,\n            }),\n          )\n        \"\n        :hasCollisionPathKeys=\"collisionsPathKeys.length > 0\"\n        :schema=\"postmanDocumentDetails?.schemaLabel ?? undefined\"\n        :title=\"postmanDocumentDetails?.title ?? ''\"\n        :totalRequests=\"\n          countPostmanRequestLeaves(postmanDocumentDetails?.collection ?? [])\n        \"\n        :version=\"postmanDocumentDetails?.version ?? ''\">\n        <!-- Tree picker slot -->\n        <template #treePicker>\n          <PostmanRequestTreeRow\n            :collisionPathKeys=\"collisionsPathKeys\"\n            :mergeSamePathAndMethod=\"mergeSamePathAndMethod\"\n            :node=\"rootTreeNode\"\n            :selectedKeys=\"importPathKeys\"\n            @folderSelectionChange=\"onPostmanFolderSelectionChange\"\n            @requestSelectionChange=\"onPostmanRequestSelectionChange\" />\n        </template>\n      </PostmanImportPreview>\n    </div>\n    <template #submit> Import Postman Collection </template>\n  </CommandActionForm>\n</template>\n"],"mappings":"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"}

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

@@ -1,37 +0,0 @@
-import type { WorkspaceStore } from '@scalar/workspace-store/client';
-import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-/**
- * Command Palette OpenAPI Document Component
- *
- * Provides a form for creating a new empty document in the workspace.
- * Users can name the document and select an icon before creation.
- * Validates that the name is not empty and not already in use.
- *
- * @example
- * <CommandPaletteOpenApiDocument
- *   :workspaceStore="workspaceStore"
- *   :eventBus="eventBus"
- *   @close="handleClose"
- *   @back="handleBack"
- * />
- */
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
-    /** The workspace store for accessing existing documents */
-    workspaceStore: WorkspaceStore;
-    /** Event bus for emitting document creation events */
-    eventBus: WorkspaceEventBus;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
-    back: (keyboardEvent: KeyboardEvent) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    /** The workspace store for accessing existing documents */
-    workspaceStore: WorkspaceStore;
-    /** Event bus for emitting document creation events */
-    eventBus: WorkspaceEventBus;
-}> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onBack?: ((keyboardEvent: KeyboardEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-//# sourceMappingURL=CommandPaletteOpenApiDocument.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPaletteOpenApiDocument.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteOpenApiDocument.vue"],"names":[],"mappings":"AA4JA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAUvE;;;;;;;;;;;;;;GAcG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,2DAA2D;oBAC3C,cAAc;IAC9B,sDAAsD;cAC5C,iBAAiB;;;;;IAH3B,2DAA2D;oBAC3C,cAAc;IAC9B,sDAAsD;cAC5C,iBAAiB;;;;kFAiOzB,CAAC"}

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

@@ -1,7 +0,0 @@
-import CommandPaletteOpenApiDocument_vue_vue_type_script_setup_true_lang_default from "./CommandPaletteOpenApiDocument.vue.script.js";
-//#region src/v2/features/command-palette/components/CommandPaletteOpenApiDocument.vue
-var CommandPaletteOpenApiDocument_default = CommandPaletteOpenApiDocument_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { CommandPaletteOpenApiDocument_default as default };
-
-//# sourceMappingURL=CommandPaletteOpenApiDocument.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPaletteOpenApiDocument.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteOpenApiDocument.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette OpenAPI Document Component\n *\n * Provides a form for creating a new empty document in the workspace.\n * Users can name the document and select an icon before creation.\n * Validates that the name is not empty and not already in use.\n *\n * @example\n * <CommandPaletteOpenApiDocument\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n *   @close=\"handleClose\"\n *   @back=\"handleBack\"\n * />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, type ComputedRef } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport IconSelector from '@/components/IconSelector.vue'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst { workspaceStore, eventBus } = defineProps<{\n  /** The workspace store for accessing existing documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting document creation events */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the document 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\nconst router = useRouter()\n\nconst documentName = ref('')\nconst documentNameTrimmed = computed(() => documentName.value.trim())\n\n/** Default icon for new documents (folder icon) */\nconst documentIcon = ref('interface-content-folder')\n\n/**\n * Validation message surfaced under the input.\n *\n * Resolves to `null` when the form is valid; otherwise to a human-readable\n * reason the user can act on. Empty input is the default state so we keep\n * the field free of error styling - `isDisabled` still blocks submission\n * there, matching the `CreateVersionModal` pattern.\n */\nconst errorMessage: ComputedRef<string | null> = computed(() => {\n  if (!documentNameTrimmed.value) {\n    return null\n  }\n\n  if (\n    workspaceStore.workspace.documents[documentNameTrimmed.value] !== undefined\n  ) {\n    return `A document named \"${documentNameTrimmed.value}\" already exists. Try a different name.`\n  }\n\n  return null\n})\n\n/**\n * Submit is blocked while the input is empty or fails validation. We keep the\n * button disabled (rather than letting the user fire a no-op submit) because\n * the inline `errorMessage` already explains the fix out loud.\n */\nconst isDisabled = computed<boolean>(\n  () => !documentNameTrimmed.value || errorMessage.value !== null,\n)\n\n/** Handle form submission to create a new document */\nconst handleSubmit = (): void => {\n  if (isDisabled.value) {\n    return\n  }\n\n  eventBus.emit('document:create:empty-document', {\n    name: documentNameTrimmed.value,\n    icon: documentIcon.value,\n    callback: (success) => {\n      if (success) {\n        router.push({\n          name: 'document.overview',\n          params: {\n            documentSlug: documentNameTrimmed.value,\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\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"documentName\"\n      label=\"Document Name\"\n      placeholder=\"Document Name\"\n      @delete=\"handleBack\" />\n\n    <p\n      v-if=\"errorMessage\"\n      class=\"text-red px-2 pb-1 text-xs\"\n      data-testid=\"command-palette-document-error\"\n      role=\"alert\">\n      {{ errorMessage }}\n    </p>\n\n    <!-- Icon selector for choosing document icon -->\n    <template #options>\n      <IconSelector\n        v-model=\"documentIcon\"\n        placement=\"bottom-start\">\n        <ScalarButton\n          class=\"aspect-square h-auto px-0\"\n          variant=\"outlined\">\n          <LibraryIcon\n            class=\"text-c-2 size-4 stroke-[1.75]\"\n            :src=\"documentIcon\" />\n        </ScalarButton>\n      </IconSelector>\n    </template>\n\n    <template #submit>Create Document</template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}

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

@@ -1,105 +0,0 @@
-import CommandActionForm_default from "./CommandActionForm.vue.js";
-import CommandActionInput_default from "./CommandActionInput.vue.js";
-import IconSelector_default from "../../../../components/IconSelector.vue.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
-import { ScalarButton } from "@scalar/components";
-import { useRouter } from "vue-router";
-import { LibraryIcon } from "@scalar/icons/library";
-//#region src/v2/features/command-palette/components/CommandPaletteOpenApiDocument.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "text-red px-2 pb-1 text-xs",
-	"data-testid": "command-palette-document-error",
-	role: "alert"
-};
-var CommandPaletteOpenApiDocument_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "CommandPaletteOpenApiDocument",
-	props: {
-		workspaceStore: {},
-		eventBus: {}
-	},
-	emits: ["close", "back"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const router = useRouter();
-		const documentName = ref("");
-		const documentNameTrimmed = computed(() => documentName.value.trim());
-		/** Default icon for new documents (folder icon) */
-		const documentIcon = ref("interface-content-folder");
-		/**
-		* Validation message surfaced under the input.
-		*
-		* Resolves to `null` when the form is valid; otherwise to a human-readable
-		* reason the user can act on. Empty input is the default state so we keep
-		* the field free of error styling - `isDisabled` still blocks submission
-		* there, matching the `CreateVersionModal` pattern.
-		*/
-		const errorMessage = computed(() => {
-			if (!documentNameTrimmed.value) return null;
-			if (__props.workspaceStore.workspace.documents[documentNameTrimmed.value] !== void 0) return `A document named "${documentNameTrimmed.value}" already exists. Try a different name.`;
-			return null;
-		});
-		/**
-		* Submit is blocked while the input is empty or fails validation. We keep the
-		* button disabled (rather than letting the user fire a no-op submit) because
-		* the inline `errorMessage` already explains the fix out loud.
-		*/
-		const isDisabled = computed(() => !documentNameTrimmed.value || errorMessage.value !== null);
-		/** Handle form submission to create a new document */
-		const handleSubmit = () => {
-			if (isDisabled.value) return;
-			__props.eventBus.emit("document:create:empty-document", {
-				name: documentNameTrimmed.value,
-				icon: documentIcon.value,
-				callback: (success) => {
-					if (success) router.push({
-						name: "document.overview",
-						params: { documentSlug: documentNameTrimmed.value }
-					});
-				}
-			});
-			emit("close");
-		};
-		/** Handle back navigation when user presses backspace on empty input */
-		const handleBack = (event) => {
-			emit("back", event);
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(CommandActionForm_default, {
-				disabled: isDisabled.value,
-				onSubmit: handleSubmit
-			}, {
-				options: withCtx(() => [createVNode(IconSelector_default, {
-					modelValue: documentIcon.value,
-					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => documentIcon.value = $event),
-					placement: "bottom-start"
-				}, {
-					default: withCtx(() => [createVNode(unref(ScalarButton), {
-						class: "aspect-square h-auto px-0",
-						variant: "outlined"
-					}, {
-						default: withCtx(() => [createVNode(unref(LibraryIcon), {
-							class: "text-c-2 size-4 stroke-[1.75]",
-							src: documentIcon.value
-						}, null, 8, ["src"])]),
-						_: 1
-					})]),
-					_: 1
-				}, 8, ["modelValue"])]),
-				submit: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Create Document", -1)])]),
-				default: withCtx(() => [createVNode(CommandActionInput_default, {
-					modelValue: documentName.value,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => documentName.value = $event),
-					label: "Document Name",
-					placeholder: "Document Name",
-					onDelete: handleBack
-				}, null, 8, ["modelValue"]), errorMessage.value ? (openBlock(), createElementBlock("p", _hoisted_1, toDisplayString(errorMessage.value), 1)) : createCommentVNode("", true)]),
-				_: 1
-			}, 8, ["disabled"]);
-		};
-	}
-});
-//#endregion
-export { CommandPaletteOpenApiDocument_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=CommandPaletteOpenApiDocument.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPaletteOpenApiDocument.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteOpenApiDocument.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette OpenAPI Document Component\n *\n * Provides a form for creating a new empty document in the workspace.\n * Users can name the document and select an icon before creation.\n * Validates that the name is not empty and not already in use.\n *\n * @example\n * <CommandPaletteOpenApiDocument\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n *   @close=\"handleClose\"\n *   @back=\"handleBack\"\n * />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, type ComputedRef } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport IconSelector from '@/components/IconSelector.vue'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst { workspaceStore, eventBus } = defineProps<{\n  /** The workspace store for accessing existing documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting document creation events */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the document 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\nconst router = useRouter()\n\nconst documentName = ref('')\nconst documentNameTrimmed = computed(() => documentName.value.trim())\n\n/** Default icon for new documents (folder icon) */\nconst documentIcon = ref('interface-content-folder')\n\n/**\n * Validation message surfaced under the input.\n *\n * Resolves to `null` when the form is valid; otherwise to a human-readable\n * reason the user can act on. Empty input is the default state so we keep\n * the field free of error styling - `isDisabled` still blocks submission\n * there, matching the `CreateVersionModal` pattern.\n */\nconst errorMessage: ComputedRef<string | null> = computed(() => {\n  if (!documentNameTrimmed.value) {\n    return null\n  }\n\n  if (\n    workspaceStore.workspace.documents[documentNameTrimmed.value] !== undefined\n  ) {\n    return `A document named \"${documentNameTrimmed.value}\" already exists. Try a different name.`\n  }\n\n  return null\n})\n\n/**\n * Submit is blocked while the input is empty or fails validation. We keep the\n * button disabled (rather than letting the user fire a no-op submit) because\n * the inline `errorMessage` already explains the fix out loud.\n */\nconst isDisabled = computed<boolean>(\n  () => !documentNameTrimmed.value || errorMessage.value !== null,\n)\n\n/** Handle form submission to create a new document */\nconst handleSubmit = (): void => {\n  if (isDisabled.value) {\n    return\n  }\n\n  eventBus.emit('document:create:empty-document', {\n    name: documentNameTrimmed.value,\n    icon: documentIcon.value,\n    callback: (success) => {\n      if (success) {\n        router.push({\n          name: 'document.overview',\n          params: {\n            documentSlug: documentNameTrimmed.value,\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\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"documentName\"\n      label=\"Document Name\"\n      placeholder=\"Document Name\"\n      @delete=\"handleBack\" />\n\n    <p\n      v-if=\"errorMessage\"\n      class=\"text-red px-2 pb-1 text-xs\"\n      data-testid=\"command-palette-document-error\"\n      role=\"alert\">\n      {{ errorMessage }}\n    </p>\n\n    <!-- Icon selector for choosing document icon -->\n    <template #options>\n      <IconSelector\n        v-model=\"documentIcon\"\n        placement=\"bottom-start\">\n        <ScalarButton\n          class=\"aspect-square h-auto px-0\"\n          variant=\"outlined\">\n          <LibraryIcon\n            class=\"text-c-2 size-4 stroke-[1.75]\"\n            :src=\"documentIcon\" />\n        </ScalarButton>\n      </IconSelector>\n    </template>\n\n    <template #submit>Create Document</template>\n  </CommandActionForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAuCA,MAAM,OAAO;EAOb,MAAM,SAAS,WAAU;EAEzB,MAAM,eAAe,IAAI,GAAE;EAC3B,MAAM,sBAAsB,eAAe,aAAa,MAAM,MAAM,CAAA;;EAGpE,MAAM,eAAe,IAAI,2BAA0B;;;;;;;;;EAUnD,MAAM,eAA2C,eAAe;AAC9D,OAAI,CAAC,oBAAoB,MACvB,QAAO;AAGT,OACE,QAAA,eAAe,UAAU,UAAU,oBAAoB,WAAW,KAAA,EAElE,QAAO,qBAAqB,oBAAoB,MAAM;AAGxD,UAAO;IACR;;;;;;EAOD,MAAM,aAAa,eACX,CAAC,oBAAoB,SAAS,aAAa,UAAU,KAC7D;;EAGA,MAAM,qBAA2B;AAC/B,OAAI,WAAW,MACb;AAGF,WAAA,SAAS,KAAK,kCAAkC;IAC9C,MAAM,oBAAoB;IAC1B,MAAM,aAAa;IACnB,WAAW,YAAY;AACrB,SAAI,QACF,QAAO,KAAK;MACV,MAAM;MACN,QAAQ,EACN,cAAc,oBAAoB,OACnC;MACF,CAAA;;IAGN,CAAA;AAED,QAAK,QAAO;;;EAId,MAAM,cAAc,UAA+B;AACjD,QAAK,QAAQ,MAAK;;;uBAKlB,YAiCoB,2BAAA;IAhCjB,UAAU,WAAA;IACV,UAAQ;;IAgBE,SAAO,cAWD,CAVf,YAUe,sBAAA;iBATJ,aAAA;+EAAY,QAAA;KACrB,WAAU;;4BAOK,CANf,YAMe,MAAA,aAAA,EAAA;MALb,OAAM;MACN,SAAQ;;6BAGgB,CAFxB,YAEwB,MAAA,YAAA,EAAA;OADtB,OAAM;OACL,KAAK,aAAA;;;;;;IAKH,QAAM,cAAgB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAf,mBAAe,GAAA,CAAA,EAAA,CAAA;2BAzBR,CAJzB,YAIyB,4BAAA;iBAHd,aAAA;+EAAY,QAAA;KACrB,OAAM;KACN,aAAY;KACX,UAAQ;iCAGH,aAAA,SAAA,WAAA,EADR,mBAMI,KANJ,YAMI,gBADC,aAAA,MAAY,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

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

@@ -1,48 +0,0 @@
-import type { WorkspaceStore } from '@scalar/workspace-store/client';
-import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-/**
- * Command Palette Request Component
- *
- * Provides a form for creating a new API request (operation) in a document.
- * Users can specify the request path, HTTP method, document (collection),
- * and optionally assign it to a tag.
- *
- * Validates that no operation with the same path and method already exists
- * in the selected document to prevent duplicates.
- *
- * @example
- * <CommandPaletteRequest
- *   :workspaceStore="workspaceStore"
- *   :eventBus="eventBus"
- *   @close="handleClose"
- *   @back="handleBack"
- * />
- */
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
-    /** The workspace store for accessing documents and operations */
-    workspaceStore: WorkspaceStore;
-    /** Event bus for emitting operation creation events */
-    eventBus: WorkspaceEventBus;
-    /** Preselected document id to create the request in */
-    documentName?: string;
-    /** Preselected tag id to add the request to (optional) */
-    tagId?: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
-    back: (keyboardEvent: KeyboardEvent) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    /** The workspace store for accessing documents and operations */
-    workspaceStore: WorkspaceStore;
-    /** Event bus for emitting operation creation events */
-    eventBus: WorkspaceEventBus;
-    /** Preselected document id to create the request in */
-    documentName?: string;
-    /** Preselected tag id to add the request to (optional) */
-    tagId?: string;
-}> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onBack?: ((keyboardEvent: KeyboardEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-//# sourceMappingURL=CommandPaletteRequest.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteRequest.vue"],"names":[],"mappings":"AA+WA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAUvE;;;;;;;;;;;;;;;;;GAiBG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;IAEhB,iEAAiE;oBACjD,cAAc;IAC9B,uDAAuD;cAC7C,iBAAiB;IAC3B,uDAAuD;mBACxC,MAAM;IACrB,0DAA0D;YAClD,MAAM;;;;;IAPd,iEAAiE;oBACjD,cAAc;IAC9B,uDAAuD;cAC7C,iBAAiB;IAC3B,uDAAuD;mBACxC,MAAM;IACrB,0DAA0D;YAClD,MAAM;;;;kFAslBZ,CAAC"}

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

@@ -1,7 +0,0 @@
-import CommandPaletteRequest_vue_vue_type_script_setup_true_lang_default from "./CommandPaletteRequest.vue.script.js";
-//#region src/v2/features/command-palette/components/CommandPaletteRequest.vue
-var CommandPaletteRequest_default = CommandPaletteRequest_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { CommandPaletteRequest_default as default };
-
-//# sourceMappingURL=CommandPaletteRequest.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPaletteRequest.vue.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":""}