@scalar/api-client 2.42.0 → 3.0.0

package/dist/v2/features/collection/components/Runner/components/Runner.vue.js

@@ -0,0 +1,7 @@
+import Runner_vue_vue_type_script_setup_true_lang_default from "./Runner.vue.script.js";
+//#region src/v2/features/collection/components/Runner/components/Runner.vue
+var Runner_default = Runner_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Runner_default as default };
+
+//# sourceMappingURL=Runner.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Runner.vue.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/Runner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconArrowCounterClockwise, ScalarIconPlay } from '@scalar/icons'\nimport { computed } from 'vue'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport Section from '@/v2/features/settings/components/Section.vue'\n\nimport { useRunnerExecution, useRunnerSelection } from '../hooks'\nimport RunnerCard from './RunnerCard.vue'\nimport RunnerOrderItem from './RunnerOrderItem.vue'\nimport RunnerResults from './RunnerResults.vue'\nimport RunnerTree from './RunnerTree.vue'\n\nconst { document, collectionType, workspaceStore, documentSlug, layout } =\n  defineProps<CollectionProps>()\n\nconst {\n  selectedOrder,\n  hasSelection,\n  isSelected,\n  toggle,\n  clearAll,\n  removeFromOrder,\n  dragState,\n  handleDragStart,\n  handleDragOver,\n  handleDragLeave,\n  handleDrop,\n  handleDragEnd,\n} = useRunnerSelection({\n  isLocked: () => isLocked.value,\n})\n\nconst {\n  isRunning,\n  hasRunCompleted,\n  currentRunIndex,\n  runLoader,\n  runSummary,\n  run,\n  rerun,\n  clearResults,\n  getResultAtIndex,\n  isResultPassed,\n  isResultSkipped,\n  getFailedTests,\n} = useRunnerExecution({\n  workspaceStore,\n  document,\n  documentName: documentSlug,\n  isWeb: layout === 'web',\n  selectedOrder: computed(() => selectedOrder.value),\n})\n\nconst isLocked = computed(() => isRunning.value || hasRunCompleted.value)\n\nconst { draggedIndex, dragOverIndex, dragOffset } = dragState\n\nconst navigationChildren = computed(() => {\n  return document?.['x-scalar-navigation']?.children ?? []\n})\n\nconst hasOperations = computed(() => navigationChildren.value.length > 0)\n</script>\n\n<template>\n  <Section v-if=\"collectionType === 'document'\">\n    <template #title>Runner</template>\n    <template #description>\n      Select operation examples, set the run order, then run them in sequence.\n      Variables set by pre-request or post-response scripts are shared between\n      runs.\n    </template>\n\n    <div class=\"flex flex-col gap-8 lg:flex-row lg:items-start\">\n      <!-- Left: Document operations tree -->\n      <RunnerCard\n        class=\"min-w-0 flex-1\"\n        subtitle=\"Check the examples you want to run. They will be added to the run order.\"\n        title=\"Select operations\">\n        <div\n          v-if=\"hasOperations\"\n          class=\"max-h-[28rem] overflow-y-auto\"\n          :class=\"{ 'opacity-60': isLocked }\">\n          <RunnerTree\n            :disabled=\"isLocked\"\n            :entries=\"navigationChildren\"\n            :isSelected=\"isSelected\"\n            :selectedOrder=\"selectedOrder\"\n            @toggle=\"toggle\" />\n        </div>\n        <div\n          v-else\n          class=\"py-6 text-center\">\n          <p class=\"text-c-3 text-sm\">No operations in this document.</p>\n          <p class=\"text-c-3 mt-1 text-xs\">\n            Add paths and methods to your API description to see them here.\n          </p>\n        </div>\n      </RunnerCard>\n\n      <!-- Right: Run order + actions + results -->\n      <div class=\"flex w-full shrink-0 flex-col gap-4 lg:w-96\">\n        <!-- Run order card -->\n        <RunnerCard title=\"Run order\">\n          <template #header>\n            <ScalarButton\n              class=\"transition-opacity duration-100\"\n              :class=\"\n                hasSelection && !isLocked\n                  ? 'opacity-100'\n                  : 'pointer-events-none opacity-0'\n              \"\n              size=\"xs\"\n              variant=\"ghost\"\n              @click=\"clearAll\">\n              <span class=\"hover:underline\">Clear all</span>\n            </ScalarButton>\n          </template>\n          <template #subtitle>\n            {{ selectedOrder.length }}\n            {{ selectedOrder.length === 1 ? 'item' : 'items' }} selected.\n            <template v-if=\"!isLocked\">Drag to reorder.</template>\n            <template v-else-if=\"hasRunCompleted\">\n              Clear results to modify.\n            </template>\n          </template>\n          <template #default>\n            <div\n              v-if=\"selectedOrder.length > 0\"\n              class=\"flex flex-col gap-0.5\"\n              :class=\"{ 'opacity-60': isLocked }\">\n              <RunnerOrderItem\n                v-for=\"(item, index) in selectedOrder\"\n                :key=\"item.id\"\n                :draggable=\"!isLocked\"\n                :exampleKey=\"item.exampleKey\"\n                :index=\"index\"\n                :isDragAfter=\"dragOverIndex === index && dragOffset === 'after'\"\n                :isDragBefore=\"\n                  dragOverIndex === index && dragOffset === 'before'\n                \"\n                :isDragging=\"draggedIndex === index\"\n                :isLocked=\"isLocked\"\n                :method=\"item.method\"\n                :path=\"item.path\"\n                @dragend=\"handleDragEnd\"\n                @dragleave=\"handleDragLeave\"\n                @dragover=\"handleDragOver(index, $event)\"\n                @dragstart=\"handleDragStart(index, $event)\"\n                @drop=\"handleDrop\"\n                @remove=\"removeFromOrder(item)\" />\n            </div>\n            <div\n              v-else\n              class=\"py-4 text-center\">\n              <p class=\"text-c-3 text-sm\">No items yet.</p>\n              <p class=\"text-c-3 mt-0.5 text-xs\">\n                Select operations from the list on the left.\n              </p>\n            </div>\n          </template>\n        </RunnerCard>\n\n        <!-- Run button -->\n        <div class=\"flex justify-end pt-1\">\n          <ScalarButton\n            v-if=\"!hasRunCompleted\"\n            class=\"min-w-40\"\n            :disabled=\"!hasSelection || isRunning\"\n            :icon=\"ScalarIconPlay\"\n            :loader=\"runLoader\"\n            size=\"md\"\n            variant=\"gradient\"\n            @click=\"run\">\n            Run sequence\n          </ScalarButton>\n          <ScalarButton\n            v-else\n            class=\"min-w-40\"\n            :disabled=\"!hasSelection || isRunning\"\n            :icon=\"ScalarIconArrowCounterClockwise\"\n            :loader=\"runLoader\"\n            size=\"md\"\n            variant=\"gradient\"\n            @click=\"rerun\">\n            Re-run sequence\n          </ScalarButton>\n        </div>\n\n        <!-- Running progress -->\n        <RunnerCard\n          v-if=\"\n            isRunning && currentRunIndex != null && selectedOrder.length > 0\n          \"\n          compact>\n          <p class=\"text-c-2 text-sm\">\n            Running step\n            <span class=\"text-c-1 font-medium\">\n              {{ currentRunIndex }} / {{ selectedOrder.length }}\n            </span>\n          </p>\n          <div\n            :aria-valuemax=\"selectedOrder.length\"\n            :aria-valuemin=\"0\"\n            :aria-valuenow=\"currentRunIndex\"\n            class=\"bg-b-3 mt-2 h-1.5 overflow-hidden rounded-full\"\n            role=\"progressbar\">\n            <div\n              class=\"bg-accent-color h-full rounded-full transition-[width] duration-200 ease-out\"\n              :style=\"{\n                width: `${(currentRunIndex / selectedOrder.length) * 100}%`,\n              }\" />\n          </div>\n        </RunnerCard>\n\n        <!-- Results -->\n        <RunnerResults\n          v-if=\"runSummary && hasRunCompleted\"\n          :getFailedTests=\"getFailedTests\"\n          :getResultAtIndex=\"getResultAtIndex\"\n          :isResultPassed=\"isResultPassed\"\n          :isResultSkipped=\"isResultSkipped\"\n          :selectedOrder=\"selectedOrder\"\n          :summary=\"runSummary\"\n          @clear=\"clearResults\" />\n      </div>\n    </div>\n  </Section>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,220 @@
+import Section_default from "../../../../settings/components/Section.vue.js";
+import { useRunnerExecution } from "../hooks/use-runner-execution.js";
+import { useRunnerSelection } from "../hooks/use-runner-selection.js";
+import RunnerCard_default from "./RunnerCard.vue.js";
+import RunnerOrderItem_default from "./RunnerOrderItem.vue.js";
+import RunnerResults_default from "./RunnerResults.vue.js";
+import RunnerTree_default from "./RunnerTree.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { ScalarButton } from "@scalar/components";
+import { ScalarIconArrowCounterClockwise, ScalarIconPlay } from "@scalar/icons";
+//#region src/v2/features/collection/components/Runner/components/Runner.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col gap-8 lg:flex-row lg:items-start" };
+var _hoisted_2 = {
+	key: 1,
+	class: "py-6 text-center"
+};
+var _hoisted_3 = { class: "flex w-full shrink-0 flex-col gap-4 lg:w-96" };
+var _hoisted_4 = {
+	key: 1,
+	class: "py-4 text-center"
+};
+var _hoisted_5 = { class: "flex justify-end pt-1" };
+var _hoisted_6 = { class: "text-c-2 text-sm" };
+var _hoisted_7 = { class: "text-c-1 font-medium" };
+var _hoisted_8 = ["aria-valuemax", "aria-valuenow"];
+var Runner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Runner",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function },
+		telemetry: { type: Boolean },
+		onUpdateTelemetry: { type: Function },
+		collectionType: {}
+	},
+	setup(__props) {
+		const { selectedOrder, hasSelection, isSelected, toggle, clearAll, removeFromOrder, dragState, handleDragStart, handleDragOver, handleDragLeave, handleDrop, handleDragEnd } = useRunnerSelection({ isLocked: () => isLocked.value });
+		const { isRunning, hasRunCompleted, currentRunIndex, runLoader, runSummary, run, rerun, clearResults, getResultAtIndex, isResultPassed, isResultSkipped, getFailedTests } = useRunnerExecution({
+			workspaceStore: __props.workspaceStore,
+			document: __props.document,
+			documentName: __props.documentSlug,
+			isWeb: __props.layout === "web",
+			selectedOrder: computed(() => selectedOrder.value)
+		});
+		const isLocked = computed(() => isRunning.value || hasRunCompleted.value);
+		const { draggedIndex, dragOverIndex, dragOffset } = dragState;
+		const navigationChildren = computed(() => {
+			return __props.document?.["x-scalar-navigation"]?.children ?? [];
+		});
+		const hasOperations = computed(() => navigationChildren.value.length > 0);
+		return (_ctx, _cache) => {
+			return __props.collectionType === "document" ? (openBlock(), createBlock(Section_default, { key: 0 }, {
+				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Runner", -1)])]),
+				description: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Select operation examples, set the run order, then run them in sequence. Variables set by pre-request or post-response scripts are shared between runs. ", -1)])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(RunnerCard_default, {
+					class: "min-w-0 flex-1",
+					subtitle: "Check the examples you want to run. They will be added to the run order.",
+					title: "Select operations"
+				}, {
+					default: withCtx(() => [hasOperations.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["max-h-[28rem] overflow-y-auto", { "opacity-60": isLocked.value }])
+					}, [createVNode(RunnerTree_default, {
+						disabled: isLocked.value,
+						entries: navigationChildren.value,
+						isSelected: unref(isSelected),
+						selectedOrder: unref(selectedOrder),
+						onToggle: unref(toggle)
+					}, null, 8, [
+						"disabled",
+						"entries",
+						"isSelected",
+						"selectedOrder",
+						"onToggle"
+					])], 2)) : (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[2] || (_cache[2] = [createElementVNode("p", { class: "text-c-3 text-sm" }, "No operations in this document.", -1), createElementVNode("p", { class: "text-c-3 mt-1 text-xs" }, " Add paths and methods to your API description to see them here. ", -1)])]))]),
+					_: 1
+				}), createElementVNode("div", _hoisted_3, [
+					createVNode(RunnerCard_default, { title: "Run order" }, {
+						header: withCtx(() => [createVNode(unref(ScalarButton), {
+							class: normalizeClass(["transition-opacity duration-100", unref(hasSelection) && !isLocked.value ? "opacity-100" : "pointer-events-none opacity-0"]),
+							size: "xs",
+							variant: "ghost",
+							onClick: unref(clearAll)
+						}, {
+							default: withCtx(() => [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "hover:underline" }, "Clear all", -1)])]),
+							_: 1
+						}, 8, ["class", "onClick"])]),
+						subtitle: withCtx(() => [createTextVNode(toDisplayString(unref(selectedOrder).length) + " " + toDisplayString(unref(selectedOrder).length === 1 ? "item" : "items") + " selected. ", 1), !isLocked.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("Drag to reorder.")], 64)) : unref(hasRunCompleted) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Clear results to modify. ")], 64)) : createCommentVNode("", true)]),
+						default: withCtx(() => [unref(selectedOrder).length > 0 ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(["flex flex-col gap-0.5", { "opacity-60": isLocked.value }])
+						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(selectedOrder), (item, index) => {
+							return openBlock(), createBlock(RunnerOrderItem_default, {
+								key: item.id,
+								draggable: !isLocked.value,
+								exampleKey: item.exampleKey,
+								index,
+								isDragAfter: unref(dragOverIndex) === index && unref(dragOffset) === "after",
+								isDragBefore: unref(dragOverIndex) === index && unref(dragOffset) === "before",
+								isDragging: unref(draggedIndex) === index,
+								isLocked: isLocked.value,
+								method: item.method,
+								path: item.path,
+								onDragend: unref(handleDragEnd),
+								onDragleave: unref(handleDragLeave),
+								onDragover: ($event) => unref(handleDragOver)(index, $event),
+								onDragstart: ($event) => unref(handleDragStart)(index, $event),
+								onDrop: unref(handleDrop),
+								onRemove: ($event) => unref(removeFromOrder)(item)
+							}, null, 8, [
+								"draggable",
+								"exampleKey",
+								"index",
+								"isDragAfter",
+								"isDragBefore",
+								"isDragging",
+								"isLocked",
+								"method",
+								"path",
+								"onDragend",
+								"onDragleave",
+								"onDragover",
+								"onDragstart",
+								"onDrop",
+								"onRemove"
+							]);
+						}), 128))], 2)) : (openBlock(), createElementBlock("div", _hoisted_4, [..._cache[4] || (_cache[4] = [createElementVNode("p", { class: "text-c-3 text-sm" }, "No items yet.", -1), createElementVNode("p", { class: "text-c-3 mt-0.5 text-xs" }, " Select operations from the list on the left. ", -1)])]))]),
+						_: 1
+					}),
+					createElementVNode("div", _hoisted_5, [!unref(hasRunCompleted) ? (openBlock(), createBlock(unref(ScalarButton), {
+						key: 0,
+						class: "min-w-40",
+						disabled: !unref(hasSelection) || unref(isRunning),
+						icon: unref(ScalarIconPlay),
+						loader: unref(runLoader),
+						size: "md",
+						variant: "gradient",
+						onClick: unref(run)
+					}, {
+						default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" Run sequence ", -1)])]),
+						_: 1
+					}, 8, [
+						"disabled",
+						"icon",
+						"loader",
+						"onClick"
+					])) : (openBlock(), createBlock(unref(ScalarButton), {
+						key: 1,
+						class: "min-w-40",
+						disabled: !unref(hasSelection) || unref(isRunning),
+						icon: unref(ScalarIconArrowCounterClockwise),
+						loader: unref(runLoader),
+						size: "md",
+						variant: "gradient",
+						onClick: unref(rerun)
+					}, {
+						default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" Re-run sequence ", -1)])]),
+						_: 1
+					}, 8, [
+						"disabled",
+						"icon",
+						"loader",
+						"onClick"
+					]))]),
+					unref(isRunning) && unref(currentRunIndex) != null && unref(selectedOrder).length > 0 ? (openBlock(), createBlock(RunnerCard_default, {
+						key: 0,
+						compact: ""
+					}, {
+						default: withCtx(() => [createElementVNode("p", _hoisted_6, [_cache[7] || (_cache[7] = createTextVNode(" Running step ", -1)), createElementVNode("span", _hoisted_7, toDisplayString(unref(currentRunIndex)) + " / " + toDisplayString(unref(selectedOrder).length), 1)]), createElementVNode("div", {
+							"aria-valuemax": unref(selectedOrder).length,
+							"aria-valuemin": 0,
+							"aria-valuenow": unref(currentRunIndex),
+							class: "bg-b-3 mt-2 h-1.5 overflow-hidden rounded-full",
+							role: "progressbar"
+						}, [createElementVNode("div", {
+							class: "bg-accent-color h-full rounded-full transition-[width] duration-200 ease-out",
+							style: normalizeStyle({ width: `${unref(currentRunIndex) / unref(selectedOrder).length * 100}%` })
+						}, null, 4)], 8, _hoisted_8)]),
+						_: 1
+					})) : createCommentVNode("", true),
+					unref(runSummary) && unref(hasRunCompleted) ? (openBlock(), createBlock(RunnerResults_default, {
+						key: 1,
+						getFailedTests: unref(getFailedTests),
+						getResultAtIndex: unref(getResultAtIndex),
+						isResultPassed: unref(isResultPassed),
+						isResultSkipped: unref(isResultSkipped),
+						selectedOrder: unref(selectedOrder),
+						summary: unref(runSummary),
+						onClear: unref(clearResults)
+					}, null, 8, [
+						"getFailedTests",
+						"getResultAtIndex",
+						"isResultPassed",
+						"isResultSkipped",
+						"selectedOrder",
+						"summary",
+						"onClear"
+					])) : createCommentVNode("", true)
+				])])]),
+				_: 1
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { Runner_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Runner.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Runner.vue.script.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/Runner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconArrowCounterClockwise, ScalarIconPlay } from '@scalar/icons'\nimport { computed } from 'vue'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport Section from '@/v2/features/settings/components/Section.vue'\n\nimport { useRunnerExecution, useRunnerSelection } from '../hooks'\nimport RunnerCard from './RunnerCard.vue'\nimport RunnerOrderItem from './RunnerOrderItem.vue'\nimport RunnerResults from './RunnerResults.vue'\nimport RunnerTree from './RunnerTree.vue'\n\nconst { document, collectionType, workspaceStore, documentSlug, layout } =\n  defineProps<CollectionProps>()\n\nconst {\n  selectedOrder,\n  hasSelection,\n  isSelected,\n  toggle,\n  clearAll,\n  removeFromOrder,\n  dragState,\n  handleDragStart,\n  handleDragOver,\n  handleDragLeave,\n  handleDrop,\n  handleDragEnd,\n} = useRunnerSelection({\n  isLocked: () => isLocked.value,\n})\n\nconst {\n  isRunning,\n  hasRunCompleted,\n  currentRunIndex,\n  runLoader,\n  runSummary,\n  run,\n  rerun,\n  clearResults,\n  getResultAtIndex,\n  isResultPassed,\n  isResultSkipped,\n  getFailedTests,\n} = useRunnerExecution({\n  workspaceStore,\n  document,\n  documentName: documentSlug,\n  isWeb: layout === 'web',\n  selectedOrder: computed(() => selectedOrder.value),\n})\n\nconst isLocked = computed(() => isRunning.value || hasRunCompleted.value)\n\nconst { draggedIndex, dragOverIndex, dragOffset } = dragState\n\nconst navigationChildren = computed(() => {\n  return document?.['x-scalar-navigation']?.children ?? []\n})\n\nconst hasOperations = computed(() => navigationChildren.value.length > 0)\n</script>\n\n<template>\n  <Section v-if=\"collectionType === 'document'\">\n    <template #title>Runner</template>\n    <template #description>\n      Select operation examples, set the run order, then run them in sequence.\n      Variables set by pre-request or post-response scripts are shared between\n      runs.\n    </template>\n\n    <div class=\"flex flex-col gap-8 lg:flex-row lg:items-start\">\n      <!-- Left: Document operations tree -->\n      <RunnerCard\n        class=\"min-w-0 flex-1\"\n        subtitle=\"Check the examples you want to run. They will be added to the run order.\"\n        title=\"Select operations\">\n        <div\n          v-if=\"hasOperations\"\n          class=\"max-h-[28rem] overflow-y-auto\"\n          :class=\"{ 'opacity-60': isLocked }\">\n          <RunnerTree\n            :disabled=\"isLocked\"\n            :entries=\"navigationChildren\"\n            :isSelected=\"isSelected\"\n            :selectedOrder=\"selectedOrder\"\n            @toggle=\"toggle\" />\n        </div>\n        <div\n          v-else\n          class=\"py-6 text-center\">\n          <p class=\"text-c-3 text-sm\">No operations in this document.</p>\n          <p class=\"text-c-3 mt-1 text-xs\">\n            Add paths and methods to your API description to see them here.\n          </p>\n        </div>\n      </RunnerCard>\n\n      <!-- Right: Run order + actions + results -->\n      <div class=\"flex w-full shrink-0 flex-col gap-4 lg:w-96\">\n        <!-- Run order card -->\n        <RunnerCard title=\"Run order\">\n          <template #header>\n            <ScalarButton\n              class=\"transition-opacity duration-100\"\n              :class=\"\n                hasSelection && !isLocked\n                  ? 'opacity-100'\n                  : 'pointer-events-none opacity-0'\n              \"\n              size=\"xs\"\n              variant=\"ghost\"\n              @click=\"clearAll\">\n              <span class=\"hover:underline\">Clear all</span>\n            </ScalarButton>\n          </template>\n          <template #subtitle>\n            {{ selectedOrder.length }}\n            {{ selectedOrder.length === 1 ? 'item' : 'items' }} selected.\n            <template v-if=\"!isLocked\">Drag to reorder.</template>\n            <template v-else-if=\"hasRunCompleted\">\n              Clear results to modify.\n            </template>\n          </template>\n          <template #default>\n            <div\n              v-if=\"selectedOrder.length > 0\"\n              class=\"flex flex-col gap-0.5\"\n              :class=\"{ 'opacity-60': isLocked }\">\n              <RunnerOrderItem\n                v-for=\"(item, index) in selectedOrder\"\n                :key=\"item.id\"\n                :draggable=\"!isLocked\"\n                :exampleKey=\"item.exampleKey\"\n                :index=\"index\"\n                :isDragAfter=\"dragOverIndex === index && dragOffset === 'after'\"\n                :isDragBefore=\"\n                  dragOverIndex === index && dragOffset === 'before'\n                \"\n                :isDragging=\"draggedIndex === index\"\n                :isLocked=\"isLocked\"\n                :method=\"item.method\"\n                :path=\"item.path\"\n                @dragend=\"handleDragEnd\"\n                @dragleave=\"handleDragLeave\"\n                @dragover=\"handleDragOver(index, $event)\"\n                @dragstart=\"handleDragStart(index, $event)\"\n                @drop=\"handleDrop\"\n                @remove=\"removeFromOrder(item)\" />\n            </div>\n            <div\n              v-else\n              class=\"py-4 text-center\">\n              <p class=\"text-c-3 text-sm\">No items yet.</p>\n              <p class=\"text-c-3 mt-0.5 text-xs\">\n                Select operations from the list on the left.\n              </p>\n            </div>\n          </template>\n        </RunnerCard>\n\n        <!-- Run button -->\n        <div class=\"flex justify-end pt-1\">\n          <ScalarButton\n            v-if=\"!hasRunCompleted\"\n            class=\"min-w-40\"\n            :disabled=\"!hasSelection || isRunning\"\n            :icon=\"ScalarIconPlay\"\n            :loader=\"runLoader\"\n            size=\"md\"\n            variant=\"gradient\"\n            @click=\"run\">\n            Run sequence\n          </ScalarButton>\n          <ScalarButton\n            v-else\n            class=\"min-w-40\"\n            :disabled=\"!hasSelection || isRunning\"\n            :icon=\"ScalarIconArrowCounterClockwise\"\n            :loader=\"runLoader\"\n            size=\"md\"\n            variant=\"gradient\"\n            @click=\"rerun\">\n            Re-run sequence\n          </ScalarButton>\n        </div>\n\n        <!-- Running progress -->\n        <RunnerCard\n          v-if=\"\n            isRunning && currentRunIndex != null && selectedOrder.length > 0\n          \"\n          compact>\n          <p class=\"text-c-2 text-sm\">\n            Running step\n            <span class=\"text-c-1 font-medium\">\n              {{ currentRunIndex }} / {{ selectedOrder.length }}\n            </span>\n          </p>\n          <div\n            :aria-valuemax=\"selectedOrder.length\"\n            :aria-valuemin=\"0\"\n            :aria-valuenow=\"currentRunIndex\"\n            class=\"bg-b-3 mt-2 h-1.5 overflow-hidden rounded-full\"\n            role=\"progressbar\">\n            <div\n              class=\"bg-accent-color h-full rounded-full transition-[width] duration-200 ease-out\"\n              :style=\"{\n                width: `${(currentRunIndex / selectedOrder.length) * 100}%`,\n              }\" />\n          </div>\n        </RunnerCard>\n\n        <!-- Results -->\n        <RunnerResults\n          v-if=\"runSummary && hasRunCompleted\"\n          :getFailedTests=\"getFailedTests\"\n          :getResultAtIndex=\"getResultAtIndex\"\n          :isResultPassed=\"isResultPassed\"\n          :isResultSkipped=\"isResultSkipped\"\n          :selectedOrder=\"selectedOrder\"\n          :summary=\"runSummary\"\n          @clear=\"clearResults\" />\n      </div>\n    </div>\n  </Section>\n</template>\n"],"mappings":"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"}

package/dist/{components/Sidebar/SidebarButton.vue.d.ts → v2/features/collection/components/Runner/components/RunnerCard.vue.d.ts}

@@ -1,10 +1,12 @@
 type __VLS_Props = {
-    click: () => void;
-    hotkey?: string;
+    title?: string;
+    subtitle?: string;
+    compact?: boolean;
 };
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_10) => any;
+type __VLS_Slots = {
+    header?: () => unknown;
+    subtitle?: () => unknown;
+    default?: () => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -15,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=SidebarButton.vue.d.ts.map
+//# sourceMappingURL=RunnerCard.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerCard.vue.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerCard.vue"],"names":[],"mappings":"AA6DA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAQF,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAA;CACxB,CAAC;AA2FF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/v2/features/collection/components/Runner/components/RunnerCard.vue.js

@@ -0,0 +1,7 @@
+import RunnerCard_vue_vue_type_script_setup_true_lang_default from "./RunnerCard.vue.script.js";
+//#region src/v2/features/collection/components/Runner/components/RunnerCard.vue
+var RunnerCard_default = RunnerCard_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RunnerCard_default as default };
+
+//# sourceMappingURL=RunnerCard.vue.js.map

package/dist/v2/features/collection/components/Runner/components/RunnerCard.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerCard.vue.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst {\n  title,\n  subtitle,\n  compact = false,\n} = defineProps<{\n  title?: string\n  subtitle?: string\n  compact?: boolean\n}>()\n\nconst slots = defineSlots<{\n  header?: () => unknown\n  subtitle?: () => unknown\n  default?: () => unknown\n}>()\n\nconst hasSubtitle = computed(() => subtitle || slots.subtitle)\n</script>\n\n<template>\n  <div\n    class=\"border-border-color bg-b-2 rounded-xl border\"\n    :class=\"compact ? 'px-5 py-3' : 'px-5 py-4'\">\n    <!-- Header row: title + subtitle on left, header slot on right -->\n    <div\n      v-if=\"title || hasSubtitle || slots.header\"\n      class=\"mb-4 flex items-start justify-between gap-4\">\n      <div class=\"min-w-0 flex-1\">\n        <h3\n          v-if=\"title\"\n          class=\"text-c-1 m-0 text-sm font-bold tracking-wide\">\n          {{ title }}\n        </h3>\n        <p\n          v-if=\"subtitle\"\n          class=\"text-c-2 m-0 mt-1 text-xs\">\n          {{ subtitle }}\n        </p>\n        <p\n          v-else-if=\"slots.subtitle\"\n          class=\"text-c-2 m-0 mt-1 text-xs\">\n          <slot name=\"subtitle\" />\n        </p>\n      </div>\n      <div\n        v-if=\"slots.header\"\n        class=\"shrink-0\">\n        <slot name=\"header\" />\n      </div>\n    </div>\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/v2/features/collection/components/Runner/components/RunnerCard.vue.script.js

@@ -0,0 +1,45 @@
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, useSlots } from "vue";
+//#region src/v2/features/collection/components/Runner/components/RunnerCard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "mb-4 flex items-start justify-between gap-4"
+};
+var _hoisted_2 = { class: "min-w-0 flex-1" };
+var _hoisted_3 = {
+	key: 0,
+	class: "text-c-1 m-0 text-sm font-bold tracking-wide"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "text-c-2 m-0 mt-1 text-xs"
+};
+var _hoisted_5 = {
+	key: 2,
+	class: "text-c-2 m-0 mt-1 text-xs"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "shrink-0"
+};
+var RunnerCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RunnerCard",
+	props: {
+		title: {},
+		subtitle: {},
+		compact: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const slots = useSlots();
+		const hasSubtitle = computed(() => __props.subtitle || slots.subtitle);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["border-border-color bg-b-2 rounded-xl border", __props.compact ? "px-5 py-3" : "px-5 py-4"]) }, [__props.title || hasSubtitle.value || slots.header ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_3, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.subtitle), 1)) : slots.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5, [renderSlot(_ctx.$slots, "subtitle")])) : createCommentVNode("", true)]), slots.header ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true)])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { RunnerCard_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RunnerCard.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerCard.vue.script.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst {\n  title,\n  subtitle,\n  compact = false,\n} = defineProps<{\n  title?: string\n  subtitle?: string\n  compact?: boolean\n}>()\n\nconst slots = defineSlots<{\n  header?: () => unknown\n  subtitle?: () => unknown\n  default?: () => unknown\n}>()\n\nconst hasSubtitle = computed(() => subtitle || slots.subtitle)\n</script>\n\n<template>\n  <div\n    class=\"border-border-color bg-b-2 rounded-xl border\"\n    :class=\"compact ? 'px-5 py-3' : 'px-5 py-4'\">\n    <!-- Header row: title + subtitle on left, header slot on right -->\n    <div\n      v-if=\"title || hasSubtitle || slots.header\"\n      class=\"mb-4 flex items-start justify-between gap-4\">\n      <div class=\"min-w-0 flex-1\">\n        <h3\n          v-if=\"title\"\n          class=\"text-c-1 m-0 text-sm font-bold tracking-wide\">\n          {{ title }}\n        </h3>\n        <p\n          v-if=\"subtitle\"\n          class=\"text-c-2 m-0 mt-1 text-xs\">\n          {{ subtitle }}\n        </p>\n        <p\n          v-else-if=\"slots.subtitle\"\n          class=\"text-c-2 m-0 mt-1 text-xs\">\n          <slot name=\"subtitle\" />\n        </p>\n      </div>\n      <div\n        v-if=\"slots.header\"\n        class=\"shrink-0\">\n        <slot name=\"header\" />\n      </div>\n    </div>\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,MAAM,QAAQ,UAAA;EAMd,MAAM,cAAc,eAAe,QAAA,YAAY,MAAM,SAAQ;;uBAI3D,mBA+BM,OAAA,EA9BJ,OAAK,eAAA,CAAC,gDACE,QAAA,UAAO,cAAA,YAAA,CAAA,EAAA,EAAA,CAGP,QAAA,SAAS,YAAA,SAAe,MAAM,UAAA,WAAA,EADtC,mBAyBM,OAzBN,YAyBM,CAtBJ,mBAgBM,OAhBN,YAgBM,CAdI,QAAA,SAAA,WAAA,EADR,mBAIK,MAJL,YAIK,gBADA,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAGF,QAAA,YAAA,WAAA,EADR,mBAII,KAJJ,YAII,gBADC,QAAA,SAAQ,EAAA,EAAA,IAGA,MAAM,YAAA,WAAA,EADnB,mBAII,KAJJ,YAII,CADF,WAAwB,KAAA,QAAA,WAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,EAIpB,MAAM,UAAA,WAAA,EADd,mBAIM,OAJN,YAIM,CADJ,WAAsB,KAAA,QAAA,SAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAG1B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/{components/Form/LabelInput.vue.d.ts → v2/features/collection/components/Runner/components/RunnerOrderItem.vue.d.ts}

@@ -1,15 +1,19 @@
-import type { ClientLayout } from '../../hooks/useLayout.js';
+import type { HttpMethod } from '@scalar/helpers/http/http-methods';
 type __VLS_Props = {
-    inputId: string;
-    placeholder: string;
-    value: string | undefined;
-    layout?: ClientLayout;
+    index: number;
+    method: HttpMethod;
+    path: string;
+    exampleKey: string;
+    isLocked?: boolean;
+    isDragging?: boolean;
+    isDragBefore?: boolean;
+    isDragAfter?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    updateValue: (value: string) => any;
+    remove: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onUpdateValue?: ((value: string) => any) | undefined;
+    onRemove?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-//# sourceMappingURL=LabelInput.vue.d.ts.map
+//# sourceMappingURL=RunnerOrderItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerOrderItem.vue.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerOrderItem.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAKnE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AA2MF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/Runner/components/RunnerOrderItem.vue.js

@@ -0,0 +1,7 @@
+import RunnerOrderItem_vue_vue_type_script_setup_true_lang_default from "./RunnerOrderItem.vue.script.js";
+//#region src/v2/features/collection/components/Runner/components/RunnerOrderItem.vue
+var RunnerOrderItem_default = RunnerOrderItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RunnerOrderItem_default as default };
+
+//# sourceMappingURL=RunnerOrderItem.vue.js.map

package/dist/v2/features/collection/components/Runner/components/RunnerOrderItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerOrderItem.vue.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerOrderItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { ScalarIconDotsSixVertical, ScalarIconX } from '@scalar/icons'\n\nimport HttpMethodBadge from '@/v2/blocks/operation-code-sample/components/HttpMethod.vue'\n\nconst {\n  index,\n  method,\n  path,\n  exampleKey,\n  isLocked = false,\n  isDragging = false,\n  isDragBefore = false,\n  isDragAfter = false,\n} = defineProps<{\n  index: number\n  method: HttpMethod\n  path: string\n  exampleKey: string\n  isLocked?: boolean\n  isDragging?: boolean\n  isDragBefore?: boolean\n  isDragAfter?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'remove'): void\n}>()\n</script>\n\n<template>\n  <div\n    class=\"group after:bg-blue relative flex h-8 items-center rounded-md after:pointer-events-none after:absolute after:inset-x-0 after:block after:rounded after:opacity-0\"\n    :class=\"{\n      'bg-b-2 cursor-default': isLocked,\n      'bg-b-1 cursor-grab': !isLocked,\n      'opacity-40': isDragging,\n      'after:-top-0.5 after:h-1 after:opacity-100': isDragBefore,\n      'after:-bottom-0.5 after:h-1 after:opacity-100': isDragAfter,\n    }\">\n    <!-- Drag handle -->\n    <div\n      v-if=\"!isLocked\"\n      class=\"text-c-3 flex h-full shrink-0 cursor-grab items-center px-1 opacity-40 transition-opacity duration-100 group-hover:opacity-100\"\n      title=\"Drag to reorder\">\n      <ScalarIconDotsSixVertical class=\"size-3\" />\n    </div>\n\n    <!-- Index -->\n    <span\n      class=\"text-c-3 shrink-0 text-[0.65rem] tabular-nums\"\n      :class=\"isLocked ? 'pr-1.5 pl-2' : 'pr-1.5'\">\n      #{{ index + 1 }}\n    </span>\n\n    <!-- Method + Path -->\n    <div class=\"flex min-w-0 flex-1 items-center gap-1.5 pr-2\">\n      <HttpMethodBadge\n        class=\"shrink-0 text-[0.6rem] font-bold uppercase\"\n        :method=\"method\"\n        short />\n      <span\n        class=\"text-c-2 min-w-0 flex-1 truncate text-[0.7rem]\"\n        :title=\"path\">\n        {{ path }}\n      </span>\n    </div>\n\n    <!-- Example key pill -->\n    <span\n      class=\"bg-b-3 text-c-3 mr-1 shrink-0 rounded px-1.5 py-0.5 text-[0.6rem]\">\n      {{ exampleKey }}\n    </span>\n\n    <!-- Remove button -->\n    <button\n      v-if=\"!isLocked\"\n      aria-label=\"Remove from run order\"\n      class=\"text-c-3 hover:bg-red/10 hover:text-red mr-1 flex size-5 shrink-0 cursor-pointer items-center justify-center rounded border-none bg-transparent p-0 opacity-0 transition-all duration-100 group-hover:opacity-100\"\n      type=\"button\"\n      @click.stop=\"emit('remove')\">\n      <ScalarIconX class=\"size-3\" />\n    </button>\n  </div>\n</template>\n"],"mappings":""}

package/dist/v2/features/collection/components/Runner/components/RunnerOrderItem.vue.script.js

@@ -0,0 +1,73 @@
+import HttpMethod_default from "../../../../../blocks/operation-code-sample/components/HttpMethod.vue.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withModifiers } from "vue";
+import { ScalarIconDotsSixVertical, ScalarIconX } from "@scalar/icons";
+//#region src/v2/features/collection/components/Runner/components/RunnerOrderItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "text-c-3 flex h-full shrink-0 cursor-grab items-center px-1 opacity-40 transition-opacity duration-100 group-hover:opacity-100",
+	title: "Drag to reorder"
+};
+var _hoisted_2 = { class: "flex min-w-0 flex-1 items-center gap-1.5 pr-2" };
+var _hoisted_3 = ["title"];
+var _hoisted_4 = { class: "bg-b-3 text-c-3 mr-1 shrink-0 rounded px-1.5 py-0.5 text-[0.6rem]" };
+var RunnerOrderItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RunnerOrderItem",
+	props: {
+		index: {},
+		method: {},
+		path: {},
+		exampleKey: {},
+		isLocked: {
+			type: Boolean,
+			default: false
+		},
+		isDragging: {
+			type: Boolean,
+			default: false
+		},
+		isDragBefore: {
+			type: Boolean,
+			default: false
+		},
+		isDragAfter: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["remove"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["group after:bg-blue relative flex h-8 items-center rounded-md after:pointer-events-none after:absolute after:inset-x-0 after:block after:rounded after:opacity-0", {
+				"bg-b-2 cursor-default": __props.isLocked,
+				"bg-b-1 cursor-grab": !__props.isLocked,
+				"opacity-40": __props.isDragging,
+				"after:-top-0.5 after:h-1 after:opacity-100": __props.isDragBefore,
+				"after:-bottom-0.5 after:h-1 after:opacity-100": __props.isDragAfter
+			}]) }, [
+				!__props.isLocked ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(ScalarIconDotsSixVertical), { class: "size-3" })])) : createCommentVNode("", true),
+				createElementVNode("span", { class: normalizeClass(["text-c-3 shrink-0 text-[0.65rem] tabular-nums", __props.isLocked ? "pr-1.5 pl-2" : "pr-1.5"]) }, " #" + toDisplayString(__props.index + 1), 3),
+				createElementVNode("div", _hoisted_2, [createVNode(HttpMethod_default, {
+					class: "shrink-0 text-[0.6rem] font-bold uppercase",
+					method: __props.method,
+					short: ""
+				}, null, 8, ["method"]), createElementVNode("span", {
+					class: "text-c-2 min-w-0 flex-1 truncate text-[0.7rem]",
+					title: __props.path
+				}, toDisplayString(__props.path), 9, _hoisted_3)]),
+				createElementVNode("span", _hoisted_4, toDisplayString(__props.exampleKey), 1),
+				!__props.isLocked ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					"aria-label": "Remove from run order",
+					class: "text-c-3 hover:bg-red/10 hover:text-red mr-1 flex size-5 shrink-0 cursor-pointer items-center justify-center rounded border-none bg-transparent p-0 opacity-0 transition-all duration-100 group-hover:opacity-100",
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("remove"), ["stop"]))
+				}, [createVNode(unref(ScalarIconX), { class: "size-3" })])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { RunnerOrderItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RunnerOrderItem.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerOrderItem.vue.script.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerOrderItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { ScalarIconDotsSixVertical, ScalarIconX } from '@scalar/icons'\n\nimport HttpMethodBadge from '@/v2/blocks/operation-code-sample/components/HttpMethod.vue'\n\nconst {\n  index,\n  method,\n  path,\n  exampleKey,\n  isLocked = false,\n  isDragging = false,\n  isDragBefore = false,\n  isDragAfter = false,\n} = defineProps<{\n  index: number\n  method: HttpMethod\n  path: string\n  exampleKey: string\n  isLocked?: boolean\n  isDragging?: boolean\n  isDragBefore?: boolean\n  isDragAfter?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'remove'): void\n}>()\n</script>\n\n<template>\n  <div\n    class=\"group after:bg-blue relative flex h-8 items-center rounded-md after:pointer-events-none after:absolute after:inset-x-0 after:block after:rounded after:opacity-0\"\n    :class=\"{\n      'bg-b-2 cursor-default': isLocked,\n      'bg-b-1 cursor-grab': !isLocked,\n      'opacity-40': isDragging,\n      'after:-top-0.5 after:h-1 after:opacity-100': isDragBefore,\n      'after:-bottom-0.5 after:h-1 after:opacity-100': isDragAfter,\n    }\">\n    <!-- Drag handle -->\n    <div\n      v-if=\"!isLocked\"\n      class=\"text-c-3 flex h-full shrink-0 cursor-grab items-center px-1 opacity-40 transition-opacity duration-100 group-hover:opacity-100\"\n      title=\"Drag to reorder\">\n      <ScalarIconDotsSixVertical class=\"size-3\" />\n    </div>\n\n    <!-- Index -->\n    <span\n      class=\"text-c-3 shrink-0 text-[0.65rem] tabular-nums\"\n      :class=\"isLocked ? 'pr-1.5 pl-2' : 'pr-1.5'\">\n      #{{ index + 1 }}\n    </span>\n\n    <!-- Method + Path -->\n    <div class=\"flex min-w-0 flex-1 items-center gap-1.5 pr-2\">\n      <HttpMethodBadge\n        class=\"shrink-0 text-[0.6rem] font-bold uppercase\"\n        :method=\"method\"\n        short />\n      <span\n        class=\"text-c-2 min-w-0 flex-1 truncate text-[0.7rem]\"\n        :title=\"path\">\n        {{ path }}\n      </span>\n    </div>\n\n    <!-- Example key pill -->\n    <span\n      class=\"bg-b-3 text-c-3 mr-1 shrink-0 rounded px-1.5 py-0.5 text-[0.6rem]\">\n      {{ exampleKey }}\n    </span>\n\n    <!-- Remove button -->\n    <button\n      v-if=\"!isLocked\"\n      aria-label=\"Remove from run order\"\n      class=\"text-c-3 hover:bg-red/10 hover:text-red mr-1 flex size-5 shrink-0 cursor-pointer items-center justify-center rounded border-none bg-transparent p-0 opacity-0 transition-all duration-100 group-hover:opacity-100\"\n      type=\"button\"\n      @click.stop=\"emit('remove')\">\n      <ScalarIconX class=\"size-3\" />\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,OAAO;;uBAMX,mBAoDM,OAAA,EAnDJ,OAAK,eAAA,CAAC,oKAAkK;6BAC/H,QAAA;2BAAuC,QAAA;kBAA8B,QAAA;kDAAgE,QAAA;qDAAqE,QAAA;;KAS1O,QAAA,YAAA,WAAA,EADT,mBAKM,OALN,YAKM,CADJ,YAA4C,MAAA,0BAAA,EAAA,EAAjB,OAAM,UAAQ,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAI3C,mBAIO,QAAA,EAHL,OAAK,eAAA,CAAC,iDACE,QAAA,WAAQ,gBAAA,SAAA,CAAA,EAAA,EAA6B,OAC5C,gBAAG,QAAA,QAAK,EAAA,EAAA,EAAA;IAIX,mBAUM,OAVN,YAUM,CATJ,YAGU,oBAAA;KAFR,OAAM;KACL,QAAQ,QAAA;KACT,OAAA;6BACF,mBAIO,QAAA;KAHL,OAAM;KACL,OAAO,QAAA;uBACL,QAAA,KAAI,EAAA,GAAA,WAAA,CAAA,CAAA;IAKX,mBAGO,QAHP,YAGO,gBADF,QAAA,WAAU,EAAA,EAAA;KAKN,QAAA,YAAA,WAAA,EADT,mBAOS,UAAA;;KALP,cAAW;KACX,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAO,KAAI,SAAA,EAAA,CAAA,OAAA,CAAA;QACjB,YAA8B,MAAA,YAAA,EAAA,EAAjB,OAAM,UAAQ,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/{components/AddressBar/AddressBarHistory.vue.d.ts → v2/features/collection/components/Runner/components/RunnerResultRow.vue.d.ts}

@@ -1,10 +1,16 @@
-import type { Operation } from '@scalar/oas-utils/entities/spec';
+import type { HttpMethod } from '@scalar/helpers/http/http-methods';
+import type { RunResult, TestResult } from '../hooks';
 type __VLS_Props = {
-    operation: Operation;
-    /** The id of the target to use for the popover (e.g. address bar) */
-    target: string;
+    index: number;
+    method: HttpMethod;
+    path: string;
+    exampleKey: string;
+    result: RunResult | null;
+    isPassed: boolean;
+    isSkipped: boolean;
+    failedTests: TestResult[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-//# sourceMappingURL=AddressBarHistory.vue.d.ts.map
+//# sourceMappingURL=RunnerResultRow.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerResultRow.vue.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerResultRow.vue"],"names":[],"mappings":"AAgLA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAOnE,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,SAAS,GAAG,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,UAAU,EAAE,CAAA;CAC1B,CAAC;AAuSF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/Runner/components/RunnerResultRow.vue.js

@@ -0,0 +1,7 @@
+import RunnerResultRow_vue_vue_type_script_setup_true_lang_default from "./RunnerResultRow.vue.script.js";
+//#region src/v2/features/collection/components/Runner/components/RunnerResultRow.vue
+var RunnerResultRow_default = RunnerResultRow_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RunnerResultRow_default as default };
+
+//# sourceMappingURL=RunnerResultRow.vue.js.map

package/dist/v2/features/collection/components/Runner/components/RunnerResultRow.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerResultRow.vue.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerResultRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { ScalarIconCheck, ScalarIconMinus, ScalarIconX } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport { computed } from 'vue'\n\nimport HttpMethodBadge from '@/v2/blocks/operation-code-sample/components/HttpMethod.vue'\n\nimport type { RunResult, TestResult } from '../hooks'\n\nconst {\n  index,\n  method,\n  path,\n  exampleKey,\n  result,\n  isPassed,\n  isSkipped,\n  failedTests,\n} = defineProps<{\n  index: number\n  method: HttpMethod\n  path: string\n  exampleKey: string\n  result: RunResult | null\n  isPassed: boolean\n  isSkipped: boolean\n  failedTests: TestResult[]\n}>()\n\nconst status = computed(() => {\n  if (isSkipped) {\n    return 'skipped'\n  }\n  if (isPassed) {\n    return 'passed'\n  }\n  if (result) {\n    return 'failed'\n  }\n  return 'pending'\n})\n\nconst containerVariants = cva({\n  base: 'group flex gap-3 rounded-lg border p-3 transition-colors duration-100',\n  variants: {\n    status: {\n      passed: 'bg-green/8 border-green/20',\n      failed: 'bg-red/8 border-red/20',\n      skipped: 'bg-b-2 border-border-color',\n      pending: 'bg-b-1 border-border-color',\n    },\n    hasBody: {\n      true: 'items-start',\n      false: 'items-center',\n    },\n  },\n  defaultVariants: {\n    status: 'pending',\n    hasBody: false,\n  },\n})\n\nconst iconVariants = cva({\n  base: 'flex size-5 shrink-0 items-center justify-center rounded-full',\n  variants: {\n    status: {\n      passed: 'bg-green text-white',\n      failed: 'bg-red text-white',\n      skipped: 'bg-b-3 text-c-3',\n      pending: 'bg-b-3 text-c-3',\n    },\n  },\n  defaultVariants: {\n    status: 'pending',\n  },\n})\n\nconst hasBody = computed(() => Boolean(result?.error) || failedTests.length > 0)\n</script>\n\n<template>\n  <li :class=\"containerVariants({ status: status, hasBody: hasBody })\">\n    <!-- Status icon -->\n    <div :class=\"iconVariants({ status: status })\">\n      <ScalarIconCheck\n        v-if=\"status === 'passed'\"\n        class=\"size-3\" />\n      <ScalarIconX\n        v-else-if=\"status === 'failed'\"\n        class=\"size-3\" />\n      <ScalarIconMinus\n        v-else\n        class=\"size-3\" />\n    </div>\n\n    <div class=\"flex min-w-0 flex-1 flex-col gap-2\">\n      <!-- Main row -->\n      <div class=\"flex items-center justify-between gap-3\">\n        <!-- Left: method + path -->\n        <div class=\"flex min-w-0 flex-1 items-center gap-1.5\">\n          <span class=\"text-c-3 shrink-0 text-[0.65rem] tabular-nums\">\n            #{{ index + 1 }}\n          </span>\n          <HttpMethodBadge\n            class=\"shrink-0 text-[0.6rem] font-bold uppercase\"\n            :method=\"method\"\n            short />\n          <span\n            class=\"text-c-1 min-w-0 truncate text-[0.75rem] font-medium\"\n            :title=\"path\">\n            {{ path }}\n          </span>\n          <span\n            class=\"bg-b-3 text-c-3 shrink-0 rounded px-1.5 py-0.5 text-[0.6rem]\">\n            {{ exampleKey }}\n          </span>\n        </div>\n\n        <!-- Right: status code + duration -->\n        <div\n          v-if=\"result?.result\"\n          class=\"flex shrink-0 items-center gap-1.5\">\n          <span\n            class=\"rounded px-1.5 py-0.5 text-[0.65rem] font-semibold tabular-nums\"\n            :class=\"[\n              result.result.status >= 200 && result.result.status < 300\n                ? 'bg-green/15 text-green'\n                : result.result.status >= 400\n                  ? 'bg-red/15 text-red'\n                  : 'bg-b-3 text-c-2',\n            ]\">\n            {{ result.result.status }}\n          </span>\n          <span class=\"text-c-3 text-[0.65rem] tabular-nums\">\n            {{ Math.round(result.result.duration) }}ms\n          </span>\n        </div>\n        <span\n          v-else-if=\"isSkipped\"\n          class=\"text-c-3 text-[0.65rem] italic\">\n          skipped\n        </span>\n      </div>\n\n      <!-- Error message -->\n      <div\n        v-if=\"result?.error\"\n        class=\"bg-red/10 text-red rounded px-2.5 py-2 text-[0.7rem] leading-relaxed\">\n        {{ result.error.message }}\n      </div>\n\n      <!-- Failed tests -->\n      <div\n        v-if=\"failedTests.length > 0\"\n        class=\"bg-red/10 flex flex-col gap-1 rounded px-2.5 py-2\">\n        <div\n          v-for=\"(test, testIdx) in failedTests\"\n          :key=\"testIdx\"\n          class=\"flex flex-col gap-0.5\">\n          <span class=\"text-red text-[0.7rem] font-medium\">\n            {{ test.title }}\n          </span>\n          <span\n            v-if=\"test.error\"\n            class=\"text-c-2 text-[0.65rem]\">\n            {{ test.error }}\n          </span>\n        </div>\n      </div>\n    </div>\n  </li>\n</template>\n"],"mappings":""}