@scalar/api-client 2.43.0 → 3.0.0

package/dist/v2/features/collection/components/Runner/hooks/use-runner-execution.d.ts

@@ -0,0 +1,73 @@
+import { useLoadingState } from '@scalar/components';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import { type ComputedRef, type Ref } from 'vue';
+import { type ResponseInstance } from '../../../../../../v2/blocks/operation-block/helpers/send-request.js';
+import type { SelectedItem } from './use-runner-selection.js';
+export type TestResult = {
+    title: string;
+    passed: boolean;
+    duration: number;
+    error?: string;
+    status: 'pending' | 'passed' | 'failed';
+};
+export type RunResult = {
+    item: SelectedItem;
+    result: ResponseInstance | null;
+    error: Error | null;
+    testResults: TestResult[];
+};
+export type RunSummary = {
+    total: number;
+    passed: number;
+    failed: number;
+    skipped: number;
+    duration: number | null;
+    allPassed: boolean;
+};
+type UseRunnerExecutionOptions = {
+    /** Workspace store */
+    workspaceStore: WorkspaceStore;
+    /** Document */
+    document: OpenApiDocument | null;
+    /** Document name */
+    documentName: string;
+    /** Whether the layout is web */
+    isWeb: boolean;
+    /** Ordered list of selected items to run */
+    selectedOrder: ComputedRef<SelectedItem[]>;
+};
+type UseRunnerExecutionReturn = {
+    /** Whether a run is currently in progress */
+    isRunning: Ref<boolean>;
+    /** Whether a run has completed */
+    hasRunCompleted: Ref<boolean>;
+    /** Current index being run (1-based) */
+    currentRunIndex: Ref<number | null>;
+    /** Loading state for the run button */
+    runLoader: ReturnType<typeof useLoadingState>;
+    /** Results from the run */
+    runResults: Ref<RunResult[]>;
+    /** Summary of the run results */
+    runSummary: ComputedRef<RunSummary | null>;
+    /** Start running the selected items */
+    run: () => Promise<void>;
+    /** Clear results and run again */
+    rerun: () => void;
+    /** Clear all results */
+    clearResults: () => void;
+    /** Get the result at a specific index */
+    getResultAtIndex: (index: number) => RunResult | null;
+    /** Check if a result passed */
+    isResultPassed: (result: RunResult | null) => boolean;
+    /** Check if a result was skipped */
+    isResultSkipped: (index: number) => boolean;
+    /** Get failed tests from a result */
+    getFailedTests: (result: RunResult | null) => TestResult[];
+};
+/**
+ * Composable for managing runner execution state and logic.
+ */
+export declare function useRunnerExecution({ workspaceStore, document, documentName, isWeb, selectedOrder, }: UseRunnerExecutionOptions): UseRunnerExecutionReturn;
+export {};
+//# sourceMappingURL=use-runner-execution.d.ts.map

package/dist/v2/features/collection/components/Runner/hooks/use-runner-execution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-runner-execution.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/hooks/use-runner-execution.ts"],"names":[],"mappings":"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"}

package/dist/v2/features/collection/components/Runner/hooks/use-runner-execution.js

@@ -0,0 +1,190 @@
+import { sendRequest } from "../../../../../blocks/operation-block/helpers/send-request.js";
+import { APP_VERSION } from "../../../../../constants.js";
+import { tryCatch } from "../../../../../helpers/safe-run.js";
+import { computed, ref } from "vue";
+import { useLoadingState } from "@scalar/components";
+import { isElectron } from "@scalar/helpers/general/is-electron";
+import { buildRequest, createVariablesStoreForRequest, getEnvironmentVariables, getRequestExampleContext, requestFactory } from "@scalar/workspace-store/request-example";
+import { executePostResponseScript, executePreRequestScript, getScript } from "@scalar/pre-post-request-scripts";
+//#region src/v2/features/collection/components/Runner/hooks/use-runner-execution.ts
+/**
+* Composable for managing runner execution state and logic.
+*/
+function useRunnerExecution({ workspaceStore, document, documentName, isWeb, selectedOrder }) {
+	const isRunning = ref(false);
+	const hasRunCompleted = ref(false);
+	const currentRunIndex = ref(null);
+	const runLoader = useLoadingState();
+	const runResults = ref([]);
+	const runStartTime = ref(null);
+	const runEndTime = ref(null);
+	const runSummary = computed(() => {
+		if (runResults.value.length === 0 && !hasRunCompleted.value) return null;
+		const ran = runResults.value.length;
+		const total = selectedOrder.value.length;
+		const passed = runResults.value.filter((r) => !r.error && r.testResults.every((t) => t.passed)).length;
+		const failed = ran - passed;
+		const skipped = total - ran;
+		return {
+			total,
+			passed,
+			failed,
+			skipped,
+			duration: runStartTime.value && runEndTime.value ? runEndTime.value - runStartTime.value : null,
+			allPassed: failed === 0 && skipped === 0
+		};
+	});
+	const clearResults = () => {
+		runResults.value = [];
+		hasRunCompleted.value = false;
+		runStartTime.value = null;
+		runEndTime.value = null;
+	};
+	const rerun = () => {
+		clearResults();
+		run();
+	};
+	const getResultAtIndex = (index) => {
+		return runResults.value[index] ?? null;
+	};
+	const isResultPassed = (result) => {
+		if (!result) return false;
+		if (result.error) return false;
+		if (result.testResults.some((t) => !t.passed)) return false;
+		return true;
+	};
+	const isResultSkipped = (index) => {
+		return hasRunCompleted.value && getResultAtIndex(index) === null;
+	};
+	const getFailedTests = (result) => {
+		if (!result) return [];
+		return result.testResults.filter((t) => !t.passed);
+	};
+	const getContext = (item) => {
+		return getRequestExampleContext(workspaceStore, documentName, {
+			path: item.path,
+			method: item.method,
+			exampleName: item.exampleKey
+		}, {
+			fallbackDocument: document,
+			isElectron: isElectron(),
+			layout: isWeb ? "web" : "other",
+			appVersion: APP_VERSION
+		});
+	};
+	const getRequestFactory = (ctx, item) => {
+		const globalCookies = [...ctx.cookies.workspace, ...ctx.cookies.document];
+		return requestFactory({
+			defaultHeaders: ctx.headers.default,
+			environment: ctx.environment.environment,
+			exampleName: item.exampleKey,
+			globalCookies,
+			method: item.method,
+			operation: ctx.operation,
+			path: item.path,
+			proxyUrl: ctx.proxy.url ?? "",
+			server: ctx.servers.selected,
+			selectedSecuritySchemes: ctx.security.selectedSchemes,
+			isElectron: isElectron()
+		});
+	};
+	const run = async () => {
+		if (isRunning.value || !document || selectedOrder.value.length === 0) return;
+		isRunning.value = true;
+		hasRunCompleted.value = false;
+		runLoader.start();
+		runResults.value = [];
+		currentRunIndex.value = 0;
+		runStartTime.value = performance.now();
+		runEndTime.value = null;
+		const variablesStore = createVariablesStoreForRequest();
+		for (let i = 0; i < selectedOrder.value.length; i++) {
+			currentRunIndex.value = i + 1;
+			const item = selectedOrder.value[i];
+			const runResult = {
+				item,
+				result: null,
+				error: null,
+				testResults: []
+			};
+			try {
+				const contextResult = getContext(item);
+				if (!contextResult.ok) {
+					runResult.error = new Error(contextResult.error);
+					runResults.value = [...runResults.value, runResult];
+					continue;
+				}
+				const { request: requestBuilder } = getRequestFactory(contextResult.data, item);
+				await executePreRequestScript(getScript(document["x-pre-request"], contextResult.data.operation["x-pre-request"]), {
+					requestBuilder,
+					variablesStore,
+					onTestResultsUpdate: (newResults) => {
+						runResult.testResults = [...newResults];
+					}
+				});
+				const envVariables = {
+					...getEnvironmentVariables(contextResult.data.environment.environment),
+					...variablesStore.getVariables()
+				};
+				const requestResult = await tryCatch(() => {
+					return buildRequest(requestBuilder, { envVariables });
+				});
+				if (!requestResult.ok) {
+					runResult.error = new Error(requestResult.error);
+					runResults.value = [...runResults.value, runResult];
+					continue;
+				}
+				const [sendError, sendResult] = await sendRequest({
+					isUsingProxy: requestResult.data.isUsingProxy,
+					request: requestResult.data.request
+				});
+				if (sendError) {
+					runResult.error = sendError;
+					runResults.value = [...runResults.value, runResult];
+					continue;
+				}
+				runResult.result = sendResult.response;
+				const postResponseScript = getScript(document["x-post-response"], contextResult.data.operation["x-post-response"]);
+				const preRequestResults = [...runResult.testResults];
+				await executePostResponseScript(postResponseScript, {
+					requestBuilder,
+					response: sendResult.originalResponse.clone(),
+					variablesStore,
+					onTestResultsUpdate: (postResponseResults) => {
+						runResult.testResults = [...preRequestResults, ...postResponseResults];
+					}
+				});
+				runResults.value = [...runResults.value, runResult];
+				if (runResult.testResults.some((t) => !t.passed)) break;
+			} catch (error) {
+				runResult.error = error instanceof Error ? error : new Error(String(error));
+				runResults.value = [...runResults.value, runResult];
+				break;
+			}
+		}
+		isRunning.value = false;
+		hasRunCompleted.value = true;
+		runEndTime.value = performance.now();
+		runLoader.clear();
+		currentRunIndex.value = null;
+	};
+	return {
+		isRunning,
+		hasRunCompleted,
+		currentRunIndex,
+		runLoader,
+		runResults,
+		runSummary,
+		run,
+		rerun,
+		clearResults,
+		getResultAtIndex,
+		isResultPassed,
+		isResultSkipped,
+		getFailedTests
+	};
+}
+//#endregion
+export { useRunnerExecution };
+
+//# sourceMappingURL=use-runner-execution.js.map

package/dist/v2/features/collection/components/Runner/hooks/use-runner-execution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-runner-execution.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/hooks/use-runner-execution.ts"],"sourcesContent":["import { useLoadingState } from '@scalar/components'\nimport { isElectron } from '@scalar/helpers/general/is-electron'\nimport { executePostResponseScript, executePreRequestScript, getScript } from '@scalar/pre-post-request-scripts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport {\n  type BuildRequestExampleContext,\n  buildRequest,\n  createVariablesStoreForRequest,\n  getEnvironmentVariables,\n  getRequestExampleContext,\n  requestFactory,\n} from '@scalar/workspace-store/request-example'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { type ComputedRef, type Ref, computed, ref } from 'vue'\n\nimport { type ResponseInstance, sendRequest } from '@/v2/blocks/operation-block/helpers/send-request'\nimport { APP_VERSION } from '@/v2/constants'\nimport { tryCatch } from '@/v2/helpers/safe-run'\n\nimport type { SelectedItem } from './use-runner-selection'\n\nexport type TestResult = {\n  title: string\n  passed: boolean\n  duration: number\n  error?: string\n  status: 'pending' | 'passed' | 'failed'\n}\n\nexport type RunResult = {\n  item: SelectedItem\n  result: ResponseInstance | null\n  error: Error | null\n  testResults: TestResult[]\n}\n\nexport type RunSummary = {\n  total: number\n  passed: number\n  failed: number\n  skipped: number\n  duration: number | null\n  allPassed: boolean\n}\n\ntype UseRunnerExecutionOptions = {\n  /** Workspace store */\n  workspaceStore: WorkspaceStore\n  /** Document */\n  document: OpenApiDocument | null\n  /** Document name */\n  documentName: string\n  /** Whether the layout is web */\n  isWeb: boolean\n  /** Ordered list of selected items to run */\n  selectedOrder: ComputedRef<SelectedItem[]>\n}\n\ntype UseRunnerExecutionReturn = {\n  /** Whether a run is currently in progress */\n  isRunning: Ref<boolean>\n  /** Whether a run has completed */\n  hasRunCompleted: Ref<boolean>\n  /** Current index being run (1-based) */\n  currentRunIndex: Ref<number | null>\n  /** Loading state for the run button */\n  runLoader: ReturnType<typeof useLoadingState>\n  /** Results from the run */\n  runResults: Ref<RunResult[]>\n  /** Summary of the run results */\n  runSummary: ComputedRef<RunSummary | null>\n  /** Start running the selected items */\n  run: () => Promise<void>\n  /** Clear results and run again */\n  rerun: () => void\n  /** Clear all results */\n  clearResults: () => void\n  /** Get the result at a specific index */\n  getResultAtIndex: (index: number) => RunResult | null\n  /** Check if a result passed */\n  isResultPassed: (result: RunResult | null) => boolean\n  /** Check if a result was skipped */\n  isResultSkipped: (index: number) => boolean\n  /** Get failed tests from a result */\n  getFailedTests: (result: RunResult | null) => TestResult[]\n}\n\n/**\n * Composable for managing runner execution state and logic.\n */\nexport function useRunnerExecution({\n  workspaceStore,\n  document,\n  documentName,\n  isWeb,\n  selectedOrder,\n}: UseRunnerExecutionOptions): UseRunnerExecutionReturn {\n  const isRunning = ref(false)\n  const hasRunCompleted = ref(false)\n  const currentRunIndex = ref<number | null>(null)\n  const runLoader = useLoadingState()\n  const runResults = ref<RunResult[]>([])\n  const runStartTime = ref<number | null>(null)\n  const runEndTime = ref<number | null>(null)\n\n  const runSummary = computed<RunSummary | null>(() => {\n    if (runResults.value.length === 0 && !hasRunCompleted.value) {\n      return null\n    }\n    const ran = runResults.value.length\n    const total = selectedOrder.value.length\n    const passed = runResults.value.filter((r) => !r.error && r.testResults.every((t) => t.passed)).length\n    const failed = ran - passed\n    const skipped = total - ran\n    const duration = runStartTime.value && runEndTime.value ? runEndTime.value - runStartTime.value : null\n    const allPassed = failed === 0 && skipped === 0\n    return { total, passed, failed, skipped, duration, allPassed }\n  })\n\n  const clearResults = () => {\n    runResults.value = []\n    hasRunCompleted.value = false\n    runStartTime.value = null\n    runEndTime.value = null\n  }\n\n  const rerun = () => {\n    clearResults()\n    void run()\n  }\n\n  const getResultAtIndex = (index: number): RunResult | null => {\n    return runResults.value[index] ?? null\n  }\n\n  const isResultPassed = (result: RunResult | null): boolean => {\n    if (!result) {\n      return false\n    }\n    if (result.error) {\n      return false\n    }\n    if (result.testResults.some((t) => !t.passed)) {\n      return false\n    }\n    return true\n  }\n\n  const isResultSkipped = (index: number): boolean => {\n    return hasRunCompleted.value && getResultAtIndex(index) === null\n  }\n\n  const getFailedTests = (result: RunResult | null): TestResult[] => {\n    if (!result) {\n      return []\n    }\n    return result.testResults.filter((t) => !t.passed)\n  }\n\n  const getContext = (item: SelectedItem) => {\n    const contextResult = getRequestExampleContext(\n      workspaceStore,\n      documentName,\n      { path: item.path, method: item.method, exampleName: item.exampleKey },\n      {\n        fallbackDocument: document,\n        isElectron: isElectron(),\n        layout: isWeb ? 'web' : 'other',\n        appVersion: APP_VERSION,\n      },\n    )\n\n    return contextResult\n  }\n\n  const getRequestFactory = (ctx: BuildRequestExampleContext, item: SelectedItem) => {\n    const globalCookies = [...ctx.cookies.workspace, ...ctx.cookies.document]\n    return requestFactory({\n      defaultHeaders: ctx.headers.default,\n      environment: ctx.environment.environment,\n      exampleName: item.exampleKey,\n      globalCookies,\n      method: item.method,\n      operation: ctx.operation,\n      path: item.path,\n      proxyUrl: ctx.proxy.url ?? '',\n      server: ctx.servers.selected,\n      selectedSecuritySchemes: ctx.security.selectedSchemes,\n      isElectron: isElectron(),\n    })\n  }\n\n  const run = async () => {\n    if (isRunning.value || !document || selectedOrder.value.length === 0) {\n      return\n    }\n\n    isRunning.value = true\n    hasRunCompleted.value = false\n    runLoader.start()\n    runResults.value = []\n    currentRunIndex.value = 0\n    runStartTime.value = performance.now()\n    runEndTime.value = null\n\n    const variablesStore = createVariablesStoreForRequest()\n\n    // Run each item in the selected order\n    for (let i = 0; i < selectedOrder.value.length; i++) {\n      currentRunIndex.value = i + 1\n      const item = selectedOrder.value[i]!\n\n      // Create a run result for the current item\n      const runResult: RunResult = {\n        item,\n        result: null,\n        error: null,\n        testResults: [],\n      }\n\n      try {\n        const contextResult = getContext(item)\n\n        if (!contextResult.ok) {\n          runResult.error = new Error(contextResult.error)\n          runResults.value = [...runResults.value, runResult]\n          continue\n        }\n\n        const { request: requestBuilder } = getRequestFactory(contextResult.data, item)\n\n        const preRequestScript = getScript(document['x-pre-request'], contextResult.data.operation['x-pre-request'])\n        await executePreRequestScript(preRequestScript, {\n          requestBuilder,\n          variablesStore,\n          onTestResultsUpdate: (newResults) => {\n            runResult.testResults = [...newResults]\n          },\n        })\n\n        const envVariables = {\n          ...getEnvironmentVariables(contextResult.data.environment.environment),\n          ...variablesStore.getVariables(),\n        }\n\n        const requestResult = await tryCatch(() => {\n          return buildRequest(requestBuilder, { envVariables })\n        })\n\n        if (!requestResult.ok) {\n          runResult.error = new Error(requestResult.error)\n          runResults.value = [...runResults.value, runResult]\n          continue\n        }\n\n        const [sendError, sendResult] = await sendRequest({\n          isUsingProxy: requestResult.data.isUsingProxy,\n          request: requestResult.data.request,\n        })\n\n        if (sendError) {\n          runResult.error = sendError\n          runResults.value = [...runResults.value, runResult]\n          continue\n        }\n\n        runResult.result = sendResult.response\n\n        const postResponseScript = getScript(\n          document['x-post-response'],\n          contextResult.data.operation['x-post-response'],\n        )\n\n        const preRequestResults = [...runResult.testResults]\n        await executePostResponseScript(postResponseScript, {\n          requestBuilder,\n          response: sendResult.originalResponse.clone(),\n          variablesStore,\n          onTestResultsUpdate: (postResponseResults) => {\n            runResult.testResults = [...preRequestResults, ...postResponseResults]\n          },\n        })\n\n        runResults.value = [...runResults.value, runResult]\n\n        const hasTestFailure = runResult.testResults.some((t) => !t.passed)\n        if (hasTestFailure) {\n          break\n        }\n      } catch (error) {\n        runResult.error = error instanceof Error ? error : new Error(String(error))\n        runResults.value = [...runResults.value, runResult]\n        break\n      }\n    }\n\n    isRunning.value = false\n    hasRunCompleted.value = true\n    runEndTime.value = performance.now()\n    void runLoader.clear()\n    currentRunIndex.value = null\n  }\n\n  return {\n    isRunning,\n    hasRunCompleted,\n    currentRunIndex,\n    runLoader,\n    runResults,\n    runSummary,\n    run,\n    rerun,\n    clearResults,\n    getResultAtIndex,\n    isResultPassed,\n    isResultSkipped,\n    getFailedTests,\n  }\n}\n"],"mappings":"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"}

package/dist/v2/features/collection/components/Runner/hooks/use-runner-selection.d.ts

@@ -0,0 +1,46 @@
+import type { HttpMethod } from '@scalar/helpers/http/http-methods';
+import { type ComputedRef, type Ref } from 'vue';
+/** One selectable row: operation example (path + method + exampleKey) with stable id */
+export type SelectedItem = {
+    id: string;
+    path: string;
+    method: HttpMethod;
+    exampleKey: string;
+    label: string;
+};
+type UseRunnerSelectionOptions = {
+    /** Whether selection modifications are locked (e.g., during a run) */
+    isLocked: () => boolean;
+};
+type UseRunnerSelectionReturn = {
+    /** Ordered list of selected items */
+    selectedOrder: Ref<SelectedItem[]>;
+    /** Whether any items are selected */
+    hasSelection: ComputedRef<boolean>;
+    /** Check if a specific operation example is selected */
+    isSelected: (path: string, method: HttpMethod, exampleKey: string) => boolean;
+    /** Toggle selection of an operation example */
+    toggle: (path: string, method: HttpMethod, exampleKey: string, label: string) => void;
+    /** Clear all selections */
+    clearAll: () => void;
+    /** Remove a specific item from the selection */
+    removeFromOrder: (item: SelectedItem) => void;
+    /** Drag state for reordering */
+    dragState: {
+        draggedIndex: Ref<number | null>;
+        dragOverIndex: Ref<number | null>;
+        dragOffset: Ref<'before' | 'after' | null>;
+    };
+    /** Drag event handlers */
+    handleDragStart: (index: number, event: DragEvent) => void;
+    handleDragOver: (index: number, event: DragEvent) => void;
+    handleDragLeave: () => void;
+    handleDrop: (event: DragEvent) => void;
+    handleDragEnd: () => void;
+};
+/**
+ * Composable for managing runner selection state and drag-and-drop reordering.
+ */
+export declare function useRunnerSelection({ isLocked }: UseRunnerSelectionOptions): UseRunnerSelectionReturn;
+export {};
+//# sourceMappingURL=use-runner-selection.d.ts.map

package/dist/v2/features/collection/components/Runner/hooks/use-runner-selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-runner-selection.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/hooks/use-runner-selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,GAAG,EAAiB,MAAM,KAAK,CAAA;AAE/D,wFAAwF;AACxF,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,sEAAsE;IACtE,QAAQ,EAAE,MAAM,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,qCAAqC;IACrC,aAAa,EAAE,GAAG,CAAC,YAAY,EAAE,CAAC,CAAA;IAClC,qCAAqC;IACrC,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAClC,wDAAwD;IACxD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAA;IAC7E,+CAA+C;IAC/C,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrF,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,gDAAgD;IAChD,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC7C,gCAAgC;IAChC,SAAS,EAAE;QACT,YAAY,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;QAChC,aAAa,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;QACjC,UAAU,EAAE,GAAG,CAAC,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC,CAAA;KAC3C,CAAA;IACD,0BAA0B;IAC1B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAC1D,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACzD,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACtC,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,GAAG,wBAAwB,CAuIpG"}

package/dist/v2/features/collection/components/Runner/hooks/use-runner-selection.js

@@ -0,0 +1,114 @@
+import { computed, ref } from "vue";
+//#region src/v2/features/collection/components/Runner/hooks/use-runner-selection.ts
+/**
+* Composable for managing runner selection state and drag-and-drop reordering.
+*/
+function useRunnerSelection({ isLocked }) {
+	const selectedOrder = ref([]);
+	const draggedIndex = ref(null);
+	const dragOverIndex = ref(null);
+	const dragOffset = ref(null);
+	const hasSelection = computed(() => selectedOrder.value.length > 0);
+	const isSelected = (path, method, exampleKey) => {
+		return selectedOrder.value.some((s) => s.path === path && s.method === method && s.exampleKey === exampleKey);
+	};
+	const toggle = (path, method, exampleKey, label) => {
+		if (isLocked()) return;
+		const id = `${path}|${method}|${exampleKey}`;
+		const idx = selectedOrder.value.findIndex((s) => s.id === id);
+		if (idx >= 0) selectedOrder.value = selectedOrder.value.filter((_, i) => i !== idx);
+		else selectedOrder.value = [...selectedOrder.value, {
+			id,
+			path,
+			method,
+			exampleKey,
+			label
+		}];
+	};
+	const clearAll = () => {
+		if (isLocked()) return;
+		selectedOrder.value = [];
+	};
+	const removeFromOrder = (item) => {
+		if (isLocked()) return;
+		selectedOrder.value = selectedOrder.value.filter((s) => s.id !== item.id);
+	};
+	const handleDragStart = (index, event) => {
+		if (isLocked()) {
+			event.preventDefault();
+			return;
+		}
+		draggedIndex.value = index;
+		if (event.dataTransfer) {
+			event.dataTransfer.effectAllowed = "move";
+			event.dataTransfer.setData("text/plain", String(index));
+		}
+	};
+	const handleDragOver = (index, event) => {
+		event.preventDefault();
+		if (draggedIndex.value === null || draggedIndex.value === index) {
+			dragOverIndex.value = null;
+			dragOffset.value = null;
+			return;
+		}
+		const rect = event.currentTarget.getBoundingClientRect();
+		const midpoint = rect.top + rect.height / 2;
+		const offset = event.clientY < midpoint ? "before" : "after";
+		dragOverIndex.value = index;
+		dragOffset.value = offset;
+	};
+	const handleDragLeave = () => {};
+	const handleDrop = (event) => {
+		event.preventDefault();
+		if (draggedIndex.value === null || dragOverIndex.value === null || dragOffset.value === null) return;
+		const fromIndex = draggedIndex.value;
+		const toIndex = dragOverIndex.value;
+		if (fromIndex === toIndex) {
+			resetDragState();
+			return;
+		}
+		const list = [...selectedOrder.value];
+		const [removed] = list.splice(fromIndex, 1);
+		if (!removed) {
+			resetDragState();
+			return;
+		}
+		let insertIndex = toIndex;
+		if (fromIndex < toIndex) insertIndex = dragOffset.value === "after" ? toIndex : toIndex - 1;
+		else insertIndex = dragOffset.value === "before" ? toIndex : toIndex + 1;
+		insertIndex = Math.max(0, Math.min(insertIndex, list.length));
+		list.splice(insertIndex, 0, removed);
+		selectedOrder.value = list;
+		resetDragState();
+	};
+	const handleDragEnd = () => {
+		resetDragState();
+	};
+	const resetDragState = () => {
+		draggedIndex.value = null;
+		dragOverIndex.value = null;
+		dragOffset.value = null;
+	};
+	return {
+		selectedOrder,
+		hasSelection,
+		isSelected,
+		toggle,
+		clearAll,
+		removeFromOrder,
+		dragState: {
+			draggedIndex,
+			dragOverIndex,
+			dragOffset
+		},
+		handleDragStart,
+		handleDragOver,
+		handleDragLeave,
+		handleDrop,
+		handleDragEnd
+	};
+}
+//#endregion
+export { useRunnerSelection };
+
+//# sourceMappingURL=use-runner-selection.js.map

package/dist/v2/features/collection/components/Runner/hooks/use-runner-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-runner-selection.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/hooks/use-runner-selection.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { type ComputedRef, type Ref, computed, ref } from 'vue'\n\n/** One selectable row: operation example (path + method + exampleKey) with stable id */\nexport type SelectedItem = {\n  id: string\n  path: string\n  method: HttpMethod\n  exampleKey: string\n  label: string\n}\n\ntype UseRunnerSelectionOptions = {\n  /** Whether selection modifications are locked (e.g., during a run) */\n  isLocked: () => boolean\n}\n\ntype UseRunnerSelectionReturn = {\n  /** Ordered list of selected items */\n  selectedOrder: Ref<SelectedItem[]>\n  /** Whether any items are selected */\n  hasSelection: ComputedRef<boolean>\n  /** Check if a specific operation example is selected */\n  isSelected: (path: string, method: HttpMethod, exampleKey: string) => boolean\n  /** Toggle selection of an operation example */\n  toggle: (path: string, method: HttpMethod, exampleKey: string, label: string) => void\n  /** Clear all selections */\n  clearAll: () => void\n  /** Remove a specific item from the selection */\n  removeFromOrder: (item: SelectedItem) => void\n  /** Drag state for reordering */\n  dragState: {\n    draggedIndex: Ref<number | null>\n    dragOverIndex: Ref<number | null>\n    dragOffset: Ref<'before' | 'after' | null>\n  }\n  /** Drag event handlers */\n  handleDragStart: (index: number, event: DragEvent) => void\n  handleDragOver: (index: number, event: DragEvent) => void\n  handleDragLeave: () => void\n  handleDrop: (event: DragEvent) => void\n  handleDragEnd: () => void\n}\n\n/**\n * Composable for managing runner selection state and drag-and-drop reordering.\n */\nexport function useRunnerSelection({ isLocked }: UseRunnerSelectionOptions): UseRunnerSelectionReturn {\n  const selectedOrder = ref<SelectedItem[]>([])\n  const draggedIndex = ref<number | null>(null)\n  const dragOverIndex = ref<number | null>(null)\n  const dragOffset = ref<'before' | 'after' | null>(null)\n\n  const hasSelection = computed(() => selectedOrder.value.length > 0)\n\n  const isSelected = (path: string, method: HttpMethod, exampleKey: string): boolean => {\n    return selectedOrder.value.some((s) => s.path === path && s.method === method && s.exampleKey === exampleKey)\n  }\n\n  const toggle = (path: string, method: HttpMethod, exampleKey: string, label: string): void => {\n    if (isLocked()) {\n      return\n    }\n    const id = `${path}|${method}|${exampleKey}`\n    const idx = selectedOrder.value.findIndex((s) => s.id === id)\n    if (idx >= 0) {\n      selectedOrder.value = selectedOrder.value.filter((_, i) => i !== idx)\n    } else {\n      selectedOrder.value = [...selectedOrder.value, { id, path, method, exampleKey, label }]\n    }\n  }\n\n  const clearAll = (): void => {\n    if (isLocked()) {\n      return\n    }\n    selectedOrder.value = []\n  }\n\n  const removeFromOrder = (item: SelectedItem): void => {\n    if (isLocked()) {\n      return\n    }\n    selectedOrder.value = selectedOrder.value.filter((s) => s.id !== item.id)\n  }\n\n  const handleDragStart = (index: number, event: DragEvent): void => {\n    if (isLocked()) {\n      event.preventDefault()\n      return\n    }\n    draggedIndex.value = index\n    if (event.dataTransfer) {\n      event.dataTransfer.effectAllowed = 'move'\n      event.dataTransfer.setData('text/plain', String(index))\n    }\n  }\n\n  const handleDragOver = (index: number, event: DragEvent): void => {\n    event.preventDefault()\n    if (draggedIndex.value === null || draggedIndex.value === index) {\n      dragOverIndex.value = null\n      dragOffset.value = null\n      return\n    }\n\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n    const midpoint = rect.top + rect.height / 2\n    const offset = event.clientY < midpoint ? 'before' : 'after'\n\n    dragOverIndex.value = index\n    dragOffset.value = offset\n  }\n\n  const handleDragLeave = (): void => {\n    // Do not clear hover state on leave - it will be updated by dragover or cleared on dragend\n    // This prevents flickering when moving between items\n  }\n\n  const handleDrop = (event: DragEvent): void => {\n    event.preventDefault()\n    if (draggedIndex.value === null || dragOverIndex.value === null || dragOffset.value === null) {\n      return\n    }\n\n    const fromIndex = draggedIndex.value\n    const toIndex = dragOverIndex.value\n\n    if (fromIndex === toIndex) {\n      resetDragState()\n      return\n    }\n\n    const list = [...selectedOrder.value]\n    const [removed] = list.splice(fromIndex, 1)\n    if (!removed) {\n      resetDragState()\n      return\n    }\n\n    let insertIndex = toIndex\n    if (fromIndex < toIndex) {\n      insertIndex = dragOffset.value === 'after' ? toIndex : toIndex - 1\n    } else {\n      insertIndex = dragOffset.value === 'before' ? toIndex : toIndex + 1\n    }\n\n    insertIndex = Math.max(0, Math.min(insertIndex, list.length))\n    list.splice(insertIndex, 0, removed)\n    selectedOrder.value = list\n\n    resetDragState()\n  }\n\n  const handleDragEnd = (): void => {\n    resetDragState()\n  }\n\n  const resetDragState = (): void => {\n    draggedIndex.value = null\n    dragOverIndex.value = null\n    dragOffset.value = null\n  }\n\n  return {\n    selectedOrder,\n    hasSelection,\n    isSelected,\n    toggle,\n    clearAll,\n    removeFromOrder,\n    dragState: {\n      draggedIndex,\n      dragOverIndex,\n      dragOffset,\n    },\n    handleDragStart,\n    handleDragOver,\n    handleDragLeave,\n    handleDrop,\n    handleDragEnd,\n  }\n}\n"],"mappings":";;;;;AA+CA,SAAgB,mBAAmB,EAAE,YAAiE;CACpG,MAAM,gBAAgB,IAAoB,EAAE,CAAC;CAC7C,MAAM,eAAe,IAAmB,KAAK;CAC7C,MAAM,gBAAgB,IAAmB,KAAK;CAC9C,MAAM,aAAa,IAA+B,KAAK;CAEvD,MAAM,eAAe,eAAe,cAAc,MAAM,SAAS,EAAE;CAEnE,MAAM,cAAc,MAAc,QAAoB,eAAgC;AACpF,SAAO,cAAc,MAAM,MAAM,MAAM,EAAE,SAAS,QAAQ,EAAE,WAAW,UAAU,EAAE,eAAe,WAAW;;CAG/G,MAAM,UAAU,MAAc,QAAoB,YAAoB,UAAwB;AAC5F,MAAI,UAAU,CACZ;EAEF,MAAM,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG;EAChC,MAAM,MAAM,cAAc,MAAM,WAAW,MAAM,EAAE,OAAO,GAAG;AAC7D,MAAI,OAAO,EACT,eAAc,QAAQ,cAAc,MAAM,QAAQ,GAAG,MAAM,MAAM,IAAI;MAErE,eAAc,QAAQ,CAAC,GAAG,cAAc,OAAO;GAAE;GAAI;GAAM;GAAQ;GAAY;GAAO,CAAC;;CAI3F,MAAM,iBAAuB;AAC3B,MAAI,UAAU,CACZ;AAEF,gBAAc,QAAQ,EAAE;;CAG1B,MAAM,mBAAmB,SAA6B;AACpD,MAAI,UAAU,CACZ;AAEF,gBAAc,QAAQ,cAAc,MAAM,QAAQ,MAAM,EAAE,OAAO,KAAK,GAAG;;CAG3E,MAAM,mBAAmB,OAAe,UAA2B;AACjE,MAAI,UAAU,EAAE;AACd,SAAM,gBAAgB;AACtB;;AAEF,eAAa,QAAQ;AACrB,MAAI,MAAM,cAAc;AACtB,SAAM,aAAa,gBAAgB;AACnC,SAAM,aAAa,QAAQ,cAAc,OAAO,MAAM,CAAC;;;CAI3D,MAAM,kBAAkB,OAAe,UAA2B;AAChE,QAAM,gBAAgB;AACtB,MAAI,aAAa,UAAU,QAAQ,aAAa,UAAU,OAAO;AAC/D,iBAAc,QAAQ;AACtB,cAAW,QAAQ;AACnB;;EAGF,MAAM,OAAQ,MAAM,cAA8B,uBAAuB;EACzE,MAAM,WAAW,KAAK,MAAM,KAAK,SAAS;EAC1C,MAAM,SAAS,MAAM,UAAU,WAAW,WAAW;AAErD,gBAAc,QAAQ;AACtB,aAAW,QAAQ;;CAGrB,MAAM,wBAA8B;CAKpC,MAAM,cAAc,UAA2B;AAC7C,QAAM,gBAAgB;AACtB,MAAI,aAAa,UAAU,QAAQ,cAAc,UAAU,QAAQ,WAAW,UAAU,KACtF;EAGF,MAAM,YAAY,aAAa;EAC/B,MAAM,UAAU,cAAc;AAE9B,MAAI,cAAc,SAAS;AACzB,mBAAgB;AAChB;;EAGF,MAAM,OAAO,CAAC,GAAG,cAAc,MAAM;EACrC,MAAM,CAAC,WAAW,KAAK,OAAO,WAAW,EAAE;AAC3C,MAAI,CAAC,SAAS;AACZ,mBAAgB;AAChB;;EAGF,IAAI,cAAc;AAClB,MAAI,YAAY,QACd,eAAc,WAAW,UAAU,UAAU,UAAU,UAAU;MAEjE,eAAc,WAAW,UAAU,WAAW,UAAU,UAAU;AAGpE,gBAAc,KAAK,IAAI,GAAG,KAAK,IAAI,aAAa,KAAK,OAAO,CAAC;AAC7D,OAAK,OAAO,aAAa,GAAG,QAAQ;AACpC,gBAAc,QAAQ;AAEtB,kBAAgB;;CAGlB,MAAM,sBAA4B;AAChC,kBAAgB;;CAGlB,MAAM,uBAA6B;AACjC,eAAa,QAAQ;AACrB,gBAAc,QAAQ;AACtB,aAAW,QAAQ;;AAGrB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;GACT;GACA;GACA;GACD;EACD;EACA;EACA;EACA;EACA;EACD"}

package/dist/v2/features/collection/components/Runner/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Runner } from './components/Runner.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/features/collection/components/Runner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/v2/features/collection/components/Runner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAA"}

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

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

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

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

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

@@ -26,8 +26,9 @@ var Tabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				"authentication",
 				"environment",
 				"cookies",
-				"settings",
-				"scripts"
+				"scripts",
+				"runner",
+				"settings"
 			];
 		});
 		return (_ctx, _cache) => {

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

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

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

@@ -1,7 +1,7 @@
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, onBeforeMount, onBeforeUnmount, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
-import { useRouter } from "vue-router";
-import { Dialog, DialogPanel, DialogTitle } from "@headlessui/vue";
 import { ScalarIconCaretLeft, ScalarIconMagnifyingGlass } from "@scalar/icons";
+import { Dialog, DialogPanel, DialogTitle } from "@headlessui/vue";
+import { useRouter } from "vue-router";
 //#region src/v2/features/command-palette/TheCommandPalette.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImport.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import Component\n *\n * Provides a form for importing OpenAPI descriptions from URL, file, or pasted JSON/YAML.\n * Postman collection JSON and Postman files open {@link CommandPaletteImportPostman}.\n * cURL commands redirect to {@link CommandPaletteImportCurl}.\n *\n * Supports watch mode for URL imports to automatically update when content changes.\n */\nexport default {\n  name: 'CommandPaletteImport',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarIcon,\n  ScalarTooltip,\n  useLoadingState,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n  createWorkspaceStore,\n  type WorkspaceStore,\n} 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 { useFileDialog } from '@/hooks'\nimport { getOpenApiDocumentDetails } from '@/v2/features/command-palette/helpers/get-openapi-document-details'\nimport { importDocumentToWorkspace } from '@/v2/features/command-palette/helpers/import-document-to-workspace'\nimport { isPostmanCollection } from '@/v2/features/command-palette/helpers/is-postman-collection'\nimport {\n  loadDocumentFromSource,\n  type ImportEventData,\n} from '@/v2/features/command-palette/helpers/load-document-from-source'\nimport { isUrl } from '@/v2/helpers/is-url'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst { workspaceStore, eventBus, fileLoader } = defineProps<{\n  /** The workspace store for adding documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** Loader plugin for file import */\n  fileLoader?: LoaderPlugin\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the import is complete or cancelled */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n  /** Slot for custom file upload component that can trigger import */\n  fileUpload(props: {\n    /** Function to trigger import with source content and type */\n    import: (source: string, type: 'file' | 'raw') => Promise<void>\n  }): void\n}>()\n\nconst { toast } = useToasts()\n\nconst router = useRouter()\nconst loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(false)\n\n/** Check if the input content is a URL */\nconst isUrlInput = computed<boolean>(() => isUrl(inputContent.value))\nconst isLocalUrlInput = computed<boolean>(\n  () => isUrlInput.value && isLocalUrl(inputContent.value),\n)\n\nconst documentDetails = computed(() =>\n  getOpenApiDocumentDetails(inputContent.value),\n)\n\n/** Get the document type for syntax highlighting */\nconst documentType = computed<string>(() =>\n  documentDetails.value ? documentDetails.value.type : 'json',\n)\n\n/** Check if the form should be disabled (when input is empty) */\nconst isDisabled = computed<boolean>(() => {\n  return !inputContent.value.trim()\n})\n\n/**\n * Toggle watchMode based on whether the input is a local URL.\n * Only enables watch mode for local URLs, not for files or pasted content.\n */\nwatch(isLocalUrlInput, (value: boolean) => {\n  watchMode.value = value\n})\n\n/**\n * Handles errors during the import process.\n * Shows an error toast, invalidates the loader to show an error state,\n * and closes the command palette modal.\n *\n * @param errorMessage - The error message to display and log\n */\nconst handleImportError = async (errorMessage: string) => {\n  // Log the error\n  console.error(errorMessage)\n  toast(errorMessage, 'error')\n\n  // Invalidate the loader to show the error state\n  await loader.invalidate()\n\n  // Close the command palette\n  emit('close')\n}\n\n/**\n * Directly imports a document into the workspace without showing the modal.\n * This is used when there is only one workspace and it is empty.\n */\nconst handleImport = async (\n  newSource: string,\n  type?: ImportEventData['type'],\n): Promise<void> => {\n  loader.start()\n\n  const TEMP_DOCUMENT_NAME = 'drafts'\n\n  // First load the document into a draft store\n  // This is to get the title of the document so we can generate a unique slug for store\n  const draftStore = createWorkspaceStore({\n    fileLoader,\n    meta: {\n      /** Ensure we use the active proxy to fetch documents */\n      'x-scalar-active-proxy':\n        workspaceStore.workspace['x-scalar-active-proxy'],\n    },\n  })\n\n  const eventType = (() => {\n    if (type) {\n      return type\n    }\n\n    if (isUrlInput.value) {\n      return 'url'\n    }\n\n    return 'raw'\n  })()\n\n  const isSuccessfullyLoaded = await loadDocumentFromSource(\n    draftStore,\n    { source: newSource, type: eventType },\n    TEMP_DOCUMENT_NAME,\n    watchMode.value,\n  )\n\n  if (!isSuccessfullyLoaded) {\n    return handleImportError('Failed to import document')\n  }\n\n  const importResult = await importDocumentToWorkspace({\n    workspaceStore,\n    workspaceState: draftStore.exportWorkspace(),\n    name: TEMP_DOCUMENT_NAME,\n  })\n\n  if (!importResult.ok) {\n    return handleImportError(importResult.error)\n  }\n\n  // Validate the loader to show the success state\n  await loader.validate()\n\n  // Navigate to the document overview page\n  navigateToDocument(importResult.slug)\n\n  // Close the command palette\n  emit('close')\n}\n\n/** Navigate to the document overview page after successful import */\nconst navigateToDocument = (documentName: string): void => {\n  router.push({\n    name: 'document.overview',\n    params: { documentSlug: documentName },\n  })\n}\n\n/**\n * Handle file selection and import from file dialog.\n * Reads the file as text and imports it as OpenAPI or Postman collection.\n * Shows loading state during the import process.\n */\nconst { open: openSpecFileDialog } = useFileDialog({\n  onChange: (files) => {\n    const [file] = files ?? []\n\n    if (!file) {\n      return\n    }\n\n    loader.start()\n\n    const onLoad = async (event: ProgressEvent<FileReader>): Promise<void> => {\n      const text = event.target?.result as string\n      if (isPostmanCollection(text)) {\n        eventBus.emit('ui:open:command-palette', {\n          action: 'import-postman-collection',\n          payload: {\n            inputValue: text,\n          },\n        })\n        await loader.clear()\n        return\n      }\n      await handleImport(text, 'raw')\n    }\n\n    const reader = new FileReader()\n    reader.onload = onLoad\n    reader.readAsText(file)\n  },\n  multiple: false,\n  accept: '.json,.yaml,.yml',\n})\n\n/**\n * Handle input changes.\n * Detects cURL commands and redirects to the cURL import command.\n */\nconst handleInput = (value: string): void => {\n  const trimmed = value.trim()\n\n  if (trimmed.toLowerCase().startsWith('curl')) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-curl-command',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  if (isPostmanCollection(trimmed)) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-postman-collection',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  inputContent.value = value\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    :loader\n    @submit=\"handleImport(inputContent)\">\n    <!-- URL or cURL input mode -->\n    <template v-if=\"!documentDetails || isUrlInput\">\n      <CommandActionInput\n        :modelValue=\"inputContent\"\n        placeholder=\"OpenAPI/Swagger/Postman URL or cURL\"\n        @delete=\"handleBack\"\n        @update:modelValue=\"handleInput\" />\n    </template>\n\n    <!-- Preview mode for pasted content -->\n    <template v-else>\n      <!-- Preview header with clear button -->\n      <div class=\"flex justify-between\">\n        <div class=\"text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs\">\n          Preview\n        </div>\n        <ScalarButton\n          class=\"hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs\"\n          variant=\"ghost\"\n          @click=\"inputContent = ''\">\n          Clear\n        </ScalarButton>\n      </div>\n\n      <!-- Code preview with syntax highlighting -->\n      <ScalarCodeBlock\n        v-if=\"documentDetails && !isUrlInput\"\n        class=\"bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm\"\n        :content=\"inputContent\"\n        :copy=\"false\"\n        :lang=\"documentType\" />\n    </template>\n\n    <!-- Actions: File upload and watch mode toggle -->\n    <template #options>\n      <div class=\"flex w-full flex-row items-center justify-between gap-3\">\n        <!-- Custom file upload slot or default button -->\n        <slot\n          :import=\"handleImport\"\n          name=\"fileUpload\">\n          <!-- Default file upload button -->\n          <ScalarButton\n            class=\"hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs\"\n            variant=\"outlined\"\n            @click=\"openSpecFileDialog\">\n            JSON, or YAML File\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"Upload\"\n              size=\"md\" />\n          </ScalarButton>\n        </slot>\n\n        <!-- Watch mode toggle (only enabled for URL imports) -->\n        <ScalarTooltip\n          :content=\"\n            isUrlInput\n              ? 'Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date.'\n              : 'Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.'\n          \"\n          placement=\"bottom\">\n          <WatchModeToggle\n            v-model=\"watchMode\"\n            :disabled=\"!isUrlInput\" />\n        </ScalarTooltip>\n      </div>\n    </template>\n\n    <!-- Dynamic submit button text based on import type -->\n    <template #submit>\n      Import\n      <template v-if=\"isUrlInput\">from URL</template>\n      <template v-else-if=\"documentDetails && documentType\">\n        <template v-if=\"documentDetails.title\">\n          \"{{ documentDetails.title }}\"\n        </template>\n        <template v-else>\n          {{ documentDetails.version }}\n        </template>\n      </template>\n      <template v-else>Collection</template>\n    </template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CommandPaletteImport.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import Component\n *\n * Provides a form for importing OpenAPI descriptions from URL, file, or pasted JSON/YAML.\n * Postman collection JSON and Postman files open {@link CommandPaletteImportPostman}.\n * cURL commands redirect to {@link CommandPaletteImportCurl}.\n *\n * Supports watch mode for URL imports to automatically update when content changes.\n */\nexport default {\n  name: 'CommandPaletteImport',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarIcon,\n  ScalarTooltip,\n  useLoadingState,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n  createWorkspaceStore,\n  type WorkspaceStore,\n} 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 { useFileDialog } from '@/hooks/use-file-dialog'\nimport { getOpenApiDocumentDetails } from '@/v2/features/command-palette/helpers/get-openapi-document-details'\nimport { importDocumentToWorkspace } from '@/v2/features/command-palette/helpers/import-document-to-workspace'\nimport { isPostmanCollection } from '@/v2/features/command-palette/helpers/is-postman-collection'\nimport {\n  loadDocumentFromSource,\n  type ImportEventData,\n} from '@/v2/features/command-palette/helpers/load-document-from-source'\nimport { isUrl } from '@/v2/helpers/is-url'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst { workspaceStore, eventBus, fileLoader } = defineProps<{\n  /** The workspace store for adding documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** Loader plugin for file import */\n  fileLoader?: LoaderPlugin\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the import is complete or cancelled */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n  /** Slot for custom file upload component that can trigger import */\n  fileUpload(props: {\n    /** Function to trigger import with source content and type */\n    import: (source: string, type: 'file' | 'raw') => Promise<void>\n  }): void\n}>()\n\nconst { toast } = useToasts()\n\nconst router = useRouter()\nconst loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(false)\n\n/** Check if the input content is a URL */\nconst isUrlInput = computed<boolean>(() => isUrl(inputContent.value))\nconst isLocalUrlInput = computed<boolean>(\n  () => isUrlInput.value && isLocalUrl(inputContent.value),\n)\n\nconst documentDetails = computed(() =>\n  getOpenApiDocumentDetails(inputContent.value),\n)\n\n/** Get the document type for syntax highlighting */\nconst documentType = computed<string>(() =>\n  documentDetails.value ? documentDetails.value.type : 'json',\n)\n\n/** Check if the form should be disabled (when input is empty) */\nconst isDisabled = computed<boolean>(() => {\n  return !inputContent.value.trim()\n})\n\n/**\n * Toggle watchMode based on whether the input is a local URL.\n * Only enables watch mode for local URLs, not for files or pasted content.\n */\nwatch(isLocalUrlInput, (value: boolean) => {\n  watchMode.value = value\n})\n\n/**\n * Handles errors during the import process.\n * Shows an error toast, invalidates the loader to show an error state,\n * and closes the command palette modal.\n *\n * @param errorMessage - The error message to display and log\n */\nconst handleImportError = async (errorMessage: string) => {\n  // Log the error\n  console.error(errorMessage)\n  toast(errorMessage, 'error')\n\n  // Invalidate the loader to show the error state\n  await loader.invalidate()\n\n  // Close the command palette\n  emit('close')\n}\n\n/**\n * Directly imports a document into the workspace without showing the modal.\n * This is used when there is only one workspace and it is empty.\n */\nconst handleImport = async (\n  newSource: string,\n  type?: ImportEventData['type'],\n): Promise<void> => {\n  loader.start()\n\n  const TEMP_DOCUMENT_NAME = 'drafts'\n\n  // First load the document into a draft store\n  // This is to get the title of the document so we can generate a unique slug for store\n  const draftStore = createWorkspaceStore({\n    fileLoader,\n    meta: {\n      /** Ensure we use the active proxy to fetch documents */\n      'x-scalar-active-proxy':\n        workspaceStore.workspace['x-scalar-active-proxy'],\n    },\n  })\n\n  const eventType = (() => {\n    if (type) {\n      return type\n    }\n\n    if (isUrlInput.value) {\n      return 'url'\n    }\n\n    return 'raw'\n  })()\n\n  const isSuccessfullyLoaded = await loadDocumentFromSource(\n    draftStore,\n    { source: newSource, type: eventType },\n    TEMP_DOCUMENT_NAME,\n    watchMode.value,\n  )\n\n  if (!isSuccessfullyLoaded) {\n    return handleImportError('Failed to import document')\n  }\n\n  const importResult = await importDocumentToWorkspace({\n    workspaceStore,\n    workspaceState: draftStore.exportWorkspace(),\n    name: TEMP_DOCUMENT_NAME,\n  })\n\n  if (!importResult.ok) {\n    return handleImportError(importResult.error)\n  }\n\n  // Validate the loader to show the success state\n  await loader.validate()\n\n  // Navigate to the document overview page\n  navigateToDocument(importResult.slug)\n\n  // Close the command palette\n  emit('close')\n}\n\n/** Navigate to the document overview page after successful import */\nconst navigateToDocument = (documentName: string): void => {\n  router.push({\n    name: 'document.overview',\n    params: { documentSlug: documentName },\n  })\n}\n\n/**\n * Handle file selection and import from file dialog.\n * Reads the file as text and imports it as OpenAPI or Postman collection.\n * Shows loading state during the import process.\n */\nconst { open: openSpecFileDialog } = useFileDialog({\n  onChange: (files) => {\n    const [file] = files ?? []\n\n    if (!file) {\n      return\n    }\n\n    loader.start()\n\n    const onLoad = async (event: ProgressEvent<FileReader>): Promise<void> => {\n      const text = event.target?.result as string\n      if (isPostmanCollection(text)) {\n        eventBus.emit('ui:open:command-palette', {\n          action: 'import-postman-collection',\n          payload: {\n            inputValue: text,\n          },\n        })\n        await loader.clear()\n        return\n      }\n      await handleImport(text, 'raw')\n    }\n\n    const reader = new FileReader()\n    reader.onload = onLoad\n    reader.readAsText(file)\n  },\n  multiple: false,\n  accept: '.json,.yaml,.yml',\n})\n\n/**\n * Handle input changes.\n * Detects cURL commands and redirects to the cURL import command.\n */\nconst handleInput = (value: string): void => {\n  const trimmed = value.trim()\n\n  if (trimmed.toLowerCase().startsWith('curl')) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-curl-command',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  if (isPostmanCollection(trimmed)) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-postman-collection',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  inputContent.value = value\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    :loader\n    @submit=\"handleImport(inputContent)\">\n    <!-- URL or cURL input mode -->\n    <template v-if=\"!documentDetails || isUrlInput\">\n      <CommandActionInput\n        :modelValue=\"inputContent\"\n        placeholder=\"OpenAPI/Swagger/Postman URL or cURL\"\n        @delete=\"handleBack\"\n        @update:modelValue=\"handleInput\" />\n    </template>\n\n    <!-- Preview mode for pasted content -->\n    <template v-else>\n      <!-- Preview header with clear button -->\n      <div class=\"flex justify-between\">\n        <div class=\"text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs\">\n          Preview\n        </div>\n        <ScalarButton\n          class=\"hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs\"\n          variant=\"ghost\"\n          @click=\"inputContent = ''\">\n          Clear\n        </ScalarButton>\n      </div>\n\n      <!-- Code preview with syntax highlighting -->\n      <ScalarCodeBlock\n        v-if=\"documentDetails && !isUrlInput\"\n        class=\"bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm\"\n        :content=\"inputContent\"\n        :copy=\"false\"\n        :lang=\"documentType\" />\n    </template>\n\n    <!-- Actions: File upload and watch mode toggle -->\n    <template #options>\n      <div class=\"flex w-full flex-row items-center justify-between gap-3\">\n        <!-- Custom file upload slot or default button -->\n        <slot\n          :import=\"handleImport\"\n          name=\"fileUpload\">\n          <!-- Default file upload button -->\n          <ScalarButton\n            class=\"hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs\"\n            variant=\"outlined\"\n            @click=\"openSpecFileDialog\">\n            JSON, or YAML File\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"Upload\"\n              size=\"md\" />\n          </ScalarButton>\n        </slot>\n\n        <!-- Watch mode toggle (only enabled for URL imports) -->\n        <ScalarTooltip\n          :content=\"\n            isUrlInput\n              ? 'Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date.'\n              : 'Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.'\n          \"\n          placement=\"bottom\">\n          <WatchModeToggle\n            v-model=\"watchMode\"\n            :disabled=\"!isUrlInput\" />\n        </ScalarTooltip>\n      </div>\n    </template>\n\n    <!-- Dynamic submit button text based on import type -->\n    <template #submit>\n      Import\n      <template v-if=\"isUrlInput\">from URL</template>\n      <template v-else-if=\"documentDetails && documentType\">\n        <template v-if=\"documentDetails.title\">\n          \"{{ documentDetails.title }}\"\n        </template>\n        <template v-else>\n          {{ documentDetails.version }}\n        </template>\n      </template>\n      <template v-else>Collection</template>\n    </template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}

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

@@ -1,4 +1,4 @@
-import { useFileDialog } from "../../../../hooks/useFileDialog.js";
+import { useFileDialog } from "../../../../hooks/use-file-dialog.js";
 import CommandActionForm_default from "./CommandActionForm.vue.js";
 import CommandActionInput_default from "./CommandActionInput.vue.js";
 import { isUrl } from "../../../helpers/is-url.js";
@@ -10,9 +10,9 @@ import WatchModeToggle_default from "./WatchModeToggle.vue.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
 import { ScalarButton, ScalarCodeBlock, ScalarIcon, ScalarTooltip, useLoadingState } from "@scalar/components";
 import { useToasts } from "@scalar/use-toasts";
-import { useRouter } from "vue-router";
-import { createWorkspaceStore } from "@scalar/workspace-store/client";
 import { isLocalUrl } from "@scalar/helpers/url/is-local-url";
+import { createWorkspaceStore } from "@scalar/workspace-store/client";
+import { useRouter } from "vue-router";
 //#region src/v2/features/command-palette/components/CommandPaletteImport.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex justify-between" };
 var _hoisted_2 = { class: "flex w-full flex-row items-center justify-between gap-3" };