@scalar/api-client 2.42.0 → 3.0.0

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

@@ -0,0 +1,124 @@
+import HttpMethod_default from "../../../../../blocks/operation-code-sample/components/HttpMethod.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref } from "vue";
+import { ScalarIconCheck, ScalarIconMinus, ScalarIconX } from "@scalar/icons";
+import { cva } from "@scalar/use-hooks/useBindCx";
+//#region src/v2/features/collection/components/Runner/components/RunnerResultRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex min-w-0 flex-1 flex-col gap-2" };
+var _hoisted_2 = { class: "flex items-center justify-between gap-3" };
+var _hoisted_3 = { class: "flex min-w-0 flex-1 items-center gap-1.5" };
+var _hoisted_4 = { class: "text-c-3 shrink-0 text-[0.65rem] tabular-nums" };
+var _hoisted_5 = ["title"];
+var _hoisted_6 = { class: "bg-b-3 text-c-3 shrink-0 rounded px-1.5 py-0.5 text-[0.6rem]" };
+var _hoisted_7 = {
+	key: 0,
+	class: "flex shrink-0 items-center gap-1.5"
+};
+var _hoisted_8 = { class: "text-c-3 text-[0.65rem] tabular-nums" };
+var _hoisted_9 = {
+	key: 1,
+	class: "text-c-3 text-[0.65rem] italic"
+};
+var _hoisted_10 = {
+	key: 0,
+	class: "bg-red/10 text-red rounded px-2.5 py-2 text-[0.7rem] leading-relaxed"
+};
+var _hoisted_11 = {
+	key: 1,
+	class: "bg-red/10 flex flex-col gap-1 rounded px-2.5 py-2"
+};
+var _hoisted_12 = { class: "text-red text-[0.7rem] font-medium" };
+var _hoisted_13 = {
+	key: 0,
+	class: "text-c-2 text-[0.65rem]"
+};
+var RunnerResultRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RunnerResultRow",
+	props: {
+		index: {},
+		method: {},
+		path: {},
+		exampleKey: {},
+		result: {},
+		isPassed: { type: Boolean },
+		isSkipped: { type: Boolean },
+		failedTests: {}
+	},
+	setup(__props) {
+		const status = computed(() => {
+			if (__props.isSkipped) return "skipped";
+			if (__props.isPassed) return "passed";
+			if (__props.result) return "failed";
+			return "pending";
+		});
+		const containerVariants = cva({
+			base: "group flex gap-3 rounded-lg border p-3 transition-colors duration-100",
+			variants: {
+				status: {
+					passed: "bg-green/8 border-green/20",
+					failed: "bg-red/8 border-red/20",
+					skipped: "bg-b-2 border-border-color",
+					pending: "bg-b-1 border-border-color"
+				},
+				hasBody: {
+					true: "items-start",
+					false: "items-center"
+				}
+			},
+			defaultVariants: {
+				status: "pending",
+				hasBody: false
+			}
+		});
+		const iconVariants = cva({
+			base: "flex size-5 shrink-0 items-center justify-center rounded-full",
+			variants: { status: {
+				passed: "bg-green text-white",
+				failed: "bg-red text-white",
+				skipped: "bg-b-3 text-c-3",
+				pending: "bg-b-3 text-c-3"
+			} },
+			defaultVariants: { status: "pending" }
+		});
+		const hasBody = computed(() => Boolean(__props.result?.error) || __props.failedTests.length > 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", { class: normalizeClass(unref(containerVariants)({
+				status: status.value,
+				hasBody: hasBody.value
+			})) }, [createElementVNode("div", { class: normalizeClass(unref(iconVariants)({ status: status.value })) }, [status.value === "passed" ? (openBlock(), createBlock(unref(ScalarIconCheck), {
+				key: 0,
+				class: "size-3"
+			})) : status.value === "failed" ? (openBlock(), createBlock(unref(ScalarIconX), {
+				key: 1,
+				class: "size-3"
+			})) : (openBlock(), createBlock(unref(ScalarIconMinus), {
+				key: 2,
+				class: "size-3"
+			}))], 2), createElementVNode("div", _hoisted_1, [
+				createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
+					createElementVNode("span", _hoisted_4, " #" + toDisplayString(__props.index + 1), 1),
+					createVNode(HttpMethod_default, {
+						class: "shrink-0 text-[0.6rem] font-bold uppercase",
+						method: __props.method,
+						short: ""
+					}, null, 8, ["method"]),
+					createElementVNode("span", {
+						class: "text-c-1 min-w-0 truncate text-[0.75rem] font-medium",
+						title: __props.path
+					}, toDisplayString(__props.path), 9, _hoisted_5),
+					createElementVNode("span", _hoisted_6, toDisplayString(__props.exampleKey), 1)
+				]), __props.result?.result ? (openBlock(), createElementBlock("div", _hoisted_7, [createElementVNode("span", { class: normalizeClass(["rounded px-1.5 py-0.5 text-[0.65rem] font-semibold tabular-nums", [__props.result.result.status >= 200 && __props.result.result.status < 300 ? "bg-green/15 text-green" : __props.result.result.status >= 400 ? "bg-red/15 text-red" : "bg-b-3 text-c-2"]]) }, toDisplayString(__props.result.result.status), 3), createElementVNode("span", _hoisted_8, toDisplayString(Math.round(__props.result.result.duration)) + "ms ", 1)])) : __props.isSkipped ? (openBlock(), createElementBlock("span", _hoisted_9, " skipped ")) : createCommentVNode("", true)]),
+				__props.result?.error ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(__props.result.error.message), 1)) : createCommentVNode("", true),
+				__props.failedTests.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.failedTests, (test, testIdx) => {
+					return openBlock(), createElementBlock("div", {
+						key: testIdx,
+						class: "flex flex-col gap-0.5"
+					}, [createElementVNode("span", _hoisted_12, toDisplayString(test.title), 1), test.error ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(test.error), 1)) : createCommentVNode("", true)]);
+				}), 128))])) : createCommentVNode("", true)
+			])], 2);
+		};
+	}
+});
+//#endregion
+export { RunnerResultRow_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RunnerResultRow.vue.script.js.map

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

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

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

@@ -0,0 +1,17 @@
+import type { RunResult, RunSummary, SelectedItem, TestResult } from '../hooks';
+type __VLS_Props = {
+    summary: RunSummary;
+    selectedOrder: SelectedItem[];
+    getResultAtIndex: (index: number) => RunResult | null;
+    isResultPassed: (result: RunResult | null) => boolean;
+    isResultSkipped: (index: number) => boolean;
+    getFailedTests: (result: RunResult | null) => TestResult[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    clear: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=RunnerResults.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerResults.vue.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerResults.vue"],"names":[],"mappings":"AAsKA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG/E,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,UAAU,CAAA;IACnB,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,GAAG,IAAI,CAAA;IACrD,cAAc,EAAE,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,KAAK,OAAO,CAAA;IACrD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,KAAK,UAAU,EAAE,CAAA;CAC3D,CAAC;AAkRF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerResults.vue.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerResults.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { formatMilliseconds } from '@scalar/helpers/formatters/format-milliseconds'\nimport {\n  ScalarIconCheckCircle,\n  ScalarIconMinusCircle,\n  ScalarIconTrash,\n  ScalarIconXCircle,\n} from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport { computed } from 'vue'\n\nimport type { RunResult, RunSummary, SelectedItem, TestResult } from '../hooks'\nimport RunnerResultRow from './RunnerResultRow.vue'\n\nconst {\n  summary,\n  selectedOrder,\n  getResultAtIndex,\n  isResultPassed,\n  isResultSkipped,\n  getFailedTests,\n} = defineProps<{\n  summary: RunSummary\n  selectedOrder: SelectedItem[]\n  getResultAtIndex: (index: number) => RunResult | null\n  isResultPassed: (result: RunResult | null) => boolean\n  isResultSkipped: (index: number) => boolean\n  getFailedTests: (result: RunResult | null) => TestResult[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'clear'): void\n}>()\n\ntype SummaryStatus = 'passed' | 'failed' | 'skipped'\n\nconst summaryPillVariants = cva({\n  base: 'inline-flex items-center gap-1 rounded-full px-2 py-1 text-[0.6875rem] font-medium',\n  variants: {\n    status: {\n      passed: 'text-green bg-green/10',\n      failed: 'text-red bg-red/10',\n      skipped: 'text-c-3 bg-b-3',\n    },\n  },\n})\n\nconst summaryBannerVariants = cva({\n  base: 'overflow-hidden rounded-xl border',\n  variants: {\n    outcome: {\n      passed: 'border-green/30',\n      failed: 'border-red/30',\n    },\n  },\n})\n\nconst summaryHeaderVariants = cva({\n  base: 'flex items-center gap-3 border-b px-4 py-3.5',\n  variants: {\n    outcome: {\n      passed: 'bg-green/10 border-green/15',\n      failed: 'bg-red/10 border-red/15',\n    },\n  },\n})\n\nconst pills = computed<\n  Array<{ status: SummaryStatus; count: number; label: string }>\n>(() =>\n  [\n    { status: 'passed' as const, count: summary.passed, label: 'passed' },\n    { status: 'failed' as const, count: summary.failed, label: 'failed' },\n    { status: 'skipped' as const, count: summary.skipped, label: 'skipped' },\n  ].filter((p) => p.status === 'passed' || p.count > 0),\n)\n\nconst pillIcon = {\n  passed: ScalarIconCheckCircle,\n  failed: ScalarIconXCircle,\n  skipped: ScalarIconMinusCircle,\n} as const\n\nconst outcome = computed<'passed' | 'failed'>(() =>\n  summary.allPassed ? 'passed' : 'failed',\n)\n</script>\n\n<template>\n  <div\n    class=\"bg-b-2\"\n    :class=\"summaryBannerVariants({ outcome: outcome })\">\n    <div :class=\"summaryHeaderVariants({ outcome: outcome })\">\n      <div\n        class=\"flex shrink-0 items-center justify-center\"\n        :class=\"summary.allPassed ? 'text-green' : 'text-red'\">\n        <ScalarIconCheckCircle\n          v-if=\"summary.allPassed\"\n          class=\"size-5\" />\n        <ScalarIconXCircle\n          v-else\n          class=\"size-5\" />\n      </div>\n      <div class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n        <span class=\"text-c-1 text-sm font-semibold\">\n          {{ summary.allPassed ? 'All tests passed' : 'Run failed' }}\n        </span>\n        <span class=\"text-c-3 text-xs\">\n          {{ summary.passed }}/{{ summary.total }} passed\n          <template v-if=\"summary.duration\">\n            · {{ formatMilliseconds(summary.duration) }}\n          </template>\n        </span>\n      </div>\n      <button\n        class=\"text-c-3 hover:text-c-1 hover:bg-b-3 flex cursor-pointer items-center justify-center rounded-md border-none bg-transparent p-1.5 transition-colors duration-150\"\n        title=\"Clear results\"\n        type=\"button\"\n        @click=\"emit('clear')\">\n        <ScalarIconTrash class=\"size-4\" />\n      </button>\n    </div>\n\n    <div\n      class=\"border-border-color bg-b-1 flex flex-wrap items-center gap-2 border-b px-4 py-3\">\n      <span\n        v-for=\"pill in pills\"\n        :key=\"pill.status\"\n        :class=\"summaryPillVariants({ status: pill.status })\">\n        <component\n          :is=\"pillIcon[pill.status]\"\n          class=\"size-3.5\" />\n        {{ pill.count }} {{ pill.label }}\n      </span>\n    </div>\n\n    <ul\n      aria-label=\"Run results\"\n      class=\"m-0 flex max-h-80 list-none flex-col gap-1 overflow-y-auto p-2\">\n      <RunnerResultRow\n        v-for=\"(item, idx) in selectedOrder\"\n        :key=\"item.id\"\n        :exampleKey=\"item.exampleKey\"\n        :failedTests=\"getFailedTests(getResultAtIndex(idx))\"\n        :index=\"idx\"\n        :isPassed=\"isResultPassed(getResultAtIndex(idx))\"\n        :isSkipped=\"isResultSkipped(idx)\"\n        :method=\"item.method\"\n        :path=\"item.path\"\n        :result=\"getResultAtIndex(idx)\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,126 @@
+import RunnerResultRow_default from "./RunnerResultRow.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref } from "vue";
+import { ScalarIconCheckCircle, ScalarIconMinusCircle, ScalarIconTrash, ScalarIconXCircle } from "@scalar/icons";
+import { formatMilliseconds } from "@scalar/helpers/formatters/format-milliseconds";
+import { cva } from "@scalar/use-hooks/useBindCx";
+//#region src/v2/features/collection/components/Runner/components/RunnerResults.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex min-w-0 flex-1 flex-col gap-0.5" };
+var _hoisted_2 = { class: "text-c-1 text-sm font-semibold" };
+var _hoisted_3 = { class: "text-c-3 text-xs" };
+var _hoisted_4 = { class: "border-border-color bg-b-1 flex flex-wrap items-center gap-2 border-b px-4 py-3" };
+var _hoisted_5 = {
+	"aria-label": "Run results",
+	class: "m-0 flex max-h-80 list-none flex-col gap-1 overflow-y-auto p-2"
+};
+var RunnerResults_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RunnerResults",
+	props: {
+		summary: {},
+		selectedOrder: {},
+		getResultAtIndex: { type: Function },
+		isResultPassed: { type: Function },
+		isResultSkipped: { type: Function },
+		getFailedTests: { type: Function }
+	},
+	emits: ["clear"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const summaryPillVariants = cva({
+			base: "inline-flex items-center gap-1 rounded-full px-2 py-1 text-[0.6875rem] font-medium",
+			variants: { status: {
+				passed: "text-green bg-green/10",
+				failed: "text-red bg-red/10",
+				skipped: "text-c-3 bg-b-3"
+			} }
+		});
+		const summaryBannerVariants = cva({
+			base: "overflow-hidden rounded-xl border",
+			variants: { outcome: {
+				passed: "border-green/30",
+				failed: "border-red/30"
+			} }
+		});
+		const summaryHeaderVariants = cva({
+			base: "flex items-center gap-3 border-b px-4 py-3.5",
+			variants: { outcome: {
+				passed: "bg-green/10 border-green/15",
+				failed: "bg-red/10 border-red/15"
+			} }
+		});
+		const pills = computed(() => [
+			{
+				status: "passed",
+				count: __props.summary.passed,
+				label: "passed"
+			},
+			{
+				status: "failed",
+				count: __props.summary.failed,
+				label: "failed"
+			},
+			{
+				status: "skipped",
+				count: __props.summary.skipped,
+				label: "skipped"
+			}
+		].filter((p) => p.status === "passed" || p.count > 0));
+		const pillIcon = {
+			passed: ScalarIconCheckCircle,
+			failed: ScalarIconXCircle,
+			skipped: ScalarIconMinusCircle
+		};
+		const outcome = computed(() => __props.summary.allPassed ? "passed" : "failed");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["bg-b-2", unref(summaryBannerVariants)({ outcome: outcome.value })]) }, [
+				createElementVNode("div", { class: normalizeClass(unref(summaryHeaderVariants)({ outcome: outcome.value })) }, [
+					createElementVNode("div", { class: normalizeClass(["flex shrink-0 items-center justify-center", __props.summary.allPassed ? "text-green" : "text-red"]) }, [__props.summary.allPassed ? (openBlock(), createBlock(unref(ScalarIconCheckCircle), {
+						key: 0,
+						class: "size-5"
+					})) : (openBlock(), createBlock(unref(ScalarIconXCircle), {
+						key: 1,
+						class: "size-5"
+					}))], 2),
+					createElementVNode("div", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(__props.summary.allPassed ? "All tests passed" : "Run failed"), 1), createElementVNode("span", _hoisted_3, [createTextVNode(toDisplayString(__props.summary.passed) + "/" + toDisplayString(__props.summary.total) + " passed ", 1), __props.summary.duration ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · " + toDisplayString(unref(formatMilliseconds)(__props.summary.duration)), 1)], 64)) : createCommentVNode("", true)])]),
+					createElementVNode("button", {
+						class: "text-c-3 hover:text-c-1 hover:bg-b-3 flex cursor-pointer items-center justify-center rounded-md border-none bg-transparent p-1.5 transition-colors duration-150",
+						title: "Clear results",
+						type: "button",
+						onClick: _cache[0] || (_cache[0] = ($event) => emit("clear"))
+					}, [createVNode(unref(ScalarIconTrash), { class: "size-4" })])
+				], 2),
+				createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(pills.value, (pill) => {
+					return openBlock(), createElementBlock("span", {
+						key: pill.status,
+						class: normalizeClass(unref(summaryPillVariants)({ status: pill.status }))
+					}, [(openBlock(), createBlock(resolveDynamicComponent(pillIcon[pill.status]), { class: "size-3.5" })), createTextVNode(" " + toDisplayString(pill.count) + " " + toDisplayString(pill.label), 1)], 2);
+				}), 128))]),
+				createElementVNode("ul", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.selectedOrder, (item, idx) => {
+					return openBlock(), createBlock(RunnerResultRow_default, {
+						key: item.id,
+						exampleKey: item.exampleKey,
+						failedTests: __props.getFailedTests(__props.getResultAtIndex(idx)),
+						index: idx,
+						isPassed: __props.isResultPassed(__props.getResultAtIndex(idx)),
+						isSkipped: __props.isResultSkipped(idx),
+						method: item.method,
+						path: item.path,
+						result: __props.getResultAtIndex(idx)
+					}, null, 8, [
+						"exampleKey",
+						"failedTests",
+						"index",
+						"isPassed",
+						"isSkipped",
+						"method",
+						"path",
+						"result"
+					]);
+				}), 128))])
+			], 2);
+		};
+	}
+});
+//#endregion
+export { RunnerResults_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RunnerResults.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerResults.vue.script.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerResults.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { formatMilliseconds } from '@scalar/helpers/formatters/format-milliseconds'\nimport {\n  ScalarIconCheckCircle,\n  ScalarIconMinusCircle,\n  ScalarIconTrash,\n  ScalarIconXCircle,\n} from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport { computed } from 'vue'\n\nimport type { RunResult, RunSummary, SelectedItem, TestResult } from '../hooks'\nimport RunnerResultRow from './RunnerResultRow.vue'\n\nconst {\n  summary,\n  selectedOrder,\n  getResultAtIndex,\n  isResultPassed,\n  isResultSkipped,\n  getFailedTests,\n} = defineProps<{\n  summary: RunSummary\n  selectedOrder: SelectedItem[]\n  getResultAtIndex: (index: number) => RunResult | null\n  isResultPassed: (result: RunResult | null) => boolean\n  isResultSkipped: (index: number) => boolean\n  getFailedTests: (result: RunResult | null) => TestResult[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'clear'): void\n}>()\n\ntype SummaryStatus = 'passed' | 'failed' | 'skipped'\n\nconst summaryPillVariants = cva({\n  base: 'inline-flex items-center gap-1 rounded-full px-2 py-1 text-[0.6875rem] font-medium',\n  variants: {\n    status: {\n      passed: 'text-green bg-green/10',\n      failed: 'text-red bg-red/10',\n      skipped: 'text-c-3 bg-b-3',\n    },\n  },\n})\n\nconst summaryBannerVariants = cva({\n  base: 'overflow-hidden rounded-xl border',\n  variants: {\n    outcome: {\n      passed: 'border-green/30',\n      failed: 'border-red/30',\n    },\n  },\n})\n\nconst summaryHeaderVariants = cva({\n  base: 'flex items-center gap-3 border-b px-4 py-3.5',\n  variants: {\n    outcome: {\n      passed: 'bg-green/10 border-green/15',\n      failed: 'bg-red/10 border-red/15',\n    },\n  },\n})\n\nconst pills = computed<\n  Array<{ status: SummaryStatus; count: number; label: string }>\n>(() =>\n  [\n    { status: 'passed' as const, count: summary.passed, label: 'passed' },\n    { status: 'failed' as const, count: summary.failed, label: 'failed' },\n    { status: 'skipped' as const, count: summary.skipped, label: 'skipped' },\n  ].filter((p) => p.status === 'passed' || p.count > 0),\n)\n\nconst pillIcon = {\n  passed: ScalarIconCheckCircle,\n  failed: ScalarIconXCircle,\n  skipped: ScalarIconMinusCircle,\n} as const\n\nconst outcome = computed<'passed' | 'failed'>(() =>\n  summary.allPassed ? 'passed' : 'failed',\n)\n</script>\n\n<template>\n  <div\n    class=\"bg-b-2\"\n    :class=\"summaryBannerVariants({ outcome: outcome })\">\n    <div :class=\"summaryHeaderVariants({ outcome: outcome })\">\n      <div\n        class=\"flex shrink-0 items-center justify-center\"\n        :class=\"summary.allPassed ? 'text-green' : 'text-red'\">\n        <ScalarIconCheckCircle\n          v-if=\"summary.allPassed\"\n          class=\"size-5\" />\n        <ScalarIconXCircle\n          v-else\n          class=\"size-5\" />\n      </div>\n      <div class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n        <span class=\"text-c-1 text-sm font-semibold\">\n          {{ summary.allPassed ? 'All tests passed' : 'Run failed' }}\n        </span>\n        <span class=\"text-c-3 text-xs\">\n          {{ summary.passed }}/{{ summary.total }} passed\n          <template v-if=\"summary.duration\">\n            · {{ formatMilliseconds(summary.duration) }}\n          </template>\n        </span>\n      </div>\n      <button\n        class=\"text-c-3 hover:text-c-1 hover:bg-b-3 flex cursor-pointer items-center justify-center rounded-md border-none bg-transparent p-1.5 transition-colors duration-150\"\n        title=\"Clear results\"\n        type=\"button\"\n        @click=\"emit('clear')\">\n        <ScalarIconTrash class=\"size-4\" />\n      </button>\n    </div>\n\n    <div\n      class=\"border-border-color bg-b-1 flex flex-wrap items-center gap-2 border-b px-4 py-3\">\n      <span\n        v-for=\"pill in pills\"\n        :key=\"pill.status\"\n        :class=\"summaryPillVariants({ status: pill.status })\">\n        <component\n          :is=\"pillIcon[pill.status]\"\n          class=\"size-3.5\" />\n        {{ pill.count }} {{ pill.label }}\n      </span>\n    </div>\n\n    <ul\n      aria-label=\"Run results\"\n      class=\"m-0 flex max-h-80 list-none flex-col gap-1 overflow-y-auto p-2\">\n      <RunnerResultRow\n        v-for=\"(item, idx) in selectedOrder\"\n        :key=\"item.id\"\n        :exampleKey=\"item.exampleKey\"\n        :failedTests=\"getFailedTests(getResultAtIndex(idx))\"\n        :index=\"idx\"\n        :isPassed=\"isResultPassed(getResultAtIndex(idx))\"\n        :isSkipped=\"isResultSkipped(idx)\"\n        :method=\"item.method\"\n        :path=\"item.path\"\n        :result=\"getResultAtIndex(idx)\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,OAAO;EAMb,MAAM,sBAAsB,IAAI;GAC9B,MAAM;GACN,UAAU,EACR,QAAQ;IACN,QAAQ;IACR,QAAQ;IACR,SAAS;IACV,EACF;GACF,CAAA;EAED,MAAM,wBAAwB,IAAI;GAChC,MAAM;GACN,UAAU,EACR,SAAS;IACP,QAAQ;IACR,QAAQ;IACT,EACF;GACF,CAAA;EAED,MAAM,wBAAwB,IAAI;GAChC,MAAM;GACN,UAAU,EACR,SAAS;IACP,QAAQ;IACR,QAAQ;IACT,EACF;GACF,CAAA;EAED,MAAM,QAAQ,eAGZ;GACE;IAAE,QAAQ;IAAmB,OAAO,QAAA,QAAQ;IAAQ,OAAO;IAAU;GACrE;IAAE,QAAQ;IAAmB,OAAO,QAAA,QAAQ;IAAQ,OAAO;IAAU;GACrE;IAAE,QAAQ;IAAoB,OAAO,QAAA,QAAQ;IAAS,OAAO;IAAW;GACzE,CAAC,QAAQ,MAAM,EAAE,WAAW,YAAY,EAAE,QAAQ,EAAE,CACvD;EAEA,MAAM,WAAW;GACf,QAAQ;GACR,QAAQ;GACR,SAAS;GACV;EAED,MAAM,UAAU,eACd,QAAA,QAAQ,YAAY,WAAW,SACjC;;uBAIE,mBA8DM,OAAA,EA7DJ,OAAK,eAAA,CAAC,UACE,MAAA,sBAAqB,CAAA,EAAA,SAAY,QAAA,OAAO,CAAA,CAAA,CAAA,EAAA,EAAA;IAChD,mBA6BM,OAAA,EA7BA,OAAK,eAAE,MAAA,sBAAqB,CAAA,EAAA,SAAY,QAAA,OAAO,CAAA,CAAA,EAAA,EAAA;KACnD,mBASM,OAAA,EARJ,OAAK,eAAA,CAAC,6CACE,QAAA,QAAQ,YAAS,eAAA,WAAA,CAAA,EAAA,EAAA,CAEjB,QAAA,QAAQ,aAAA,WAAA,EADhB,YAEmB,MAAA,sBAAA,EAAA;;MAAjB,OAAM;yBACR,YAEmB,MAAA,kBAAA,EAAA;;MAAjB,OAAM;;KAEV,mBAUM,OAVN,YAUM,CATJ,mBAEO,QAFP,YAEO,gBADF,QAAA,QAAQ,YAAS,qBAAA,aAAA,EAAA,EAAA,EAEtB,mBAKO,QALP,YAKO,CAAA,gBAAA,gBAJF,QAAA,QAAQ,OAAM,GAAG,MAAC,gBAAG,QAAA,QAAQ,MAAK,GAAG,YACxC,EAAA,EAAgB,QAAA,QAAQ,YAAA,WAAA,EAAxB,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAFuB,QAC9B,gBAAG,MAAA,mBAAkB,CAAC,QAAA,QAAQ,SAAQ,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA;KAI9C,mBAMS,UAAA;MALP,OAAM;MACN,OAAM;MACN,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;SACZ,YAAkC,MAAA,gBAAA,EAAA,EAAjB,OAAM,UAAQ,CAAA,CAAA,CAAA;;IAInC,mBAWM,OAXN,YAWM,EAAA,UAAA,KAAA,EATJ,mBAQO,UAAA,MAAA,WAPU,MAAA,QAAR,SAAI;yBADb,mBAQO,QAAA;MANJ,KAAK,KAAK;MACV,OAAK,eAAE,MAAA,oBAAmB,CAAA,EAAA,QAAW,KAAK,QAAM,CAAA,CAAA;uBACjD,YAEqB,wBADd,SAAS,KAAK,QAAM,EAAA,EACzB,OAAM,YAAU,CAAA,GAAA,gBAAG,MACrB,gBAAG,KAAK,MAAK,GAAG,MAAC,gBAAG,KAAK,MAAK,EAAA,EAAA,CAAA,EAAA,EAAA;;IAIlC,mBAcK,MAdL,YAcK,EAAA,UAAA,KAAA,EAXH,mBAUoC,UAAA,MAAA,WATZ,QAAA,gBAAd,MAAM,QAAG;yBADnB,YAUoC,yBAAA;MARjC,KAAK,KAAK;MACV,YAAY,KAAK;MACjB,aAAa,QAAA,eAAe,QAAA,iBAAiB,IAAG,CAAA;MAChD,OAAO;MACP,UAAU,QAAA,eAAe,QAAA,iBAAiB,IAAG,CAAA;MAC7C,WAAW,QAAA,gBAAgB,IAAG;MAC9B,QAAQ,KAAK;MACb,MAAM,KAAK;MACX,QAAQ,QAAA,iBAAiB,IAAG"}

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

@@ -0,0 +1,18 @@
+import type { HttpMethod } from '@scalar/helpers/http/http-methods';
+import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
+import type { SelectedItem } from '../hooks';
+type __VLS_Props = {
+    entries: TraversedEntry[];
+    selectedOrder: SelectedItem[];
+    isSelected: (path: string, method: HttpMethod, exampleKey: string) => boolean;
+    depth?: number;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    toggle: (path: string, method: "delete" | "head" | "get" | "options" | "put" | "post" | "patch" | "trace", exampleKey: string, label: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: ((path: string, method: "delete" | "head" | "get" | "options" | "put" | "post" | "patch" | "trace", exampleKey: string, label: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=RunnerTree.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerTree.vue.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerTree.vue"],"names":[],"mappings":"AA6NA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EACV,cAAc,EAGf,MAAM,4CAA4C,CAAA;AAGnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAI5C,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAA;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA0SF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerTree.vue.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type {\n  TraversedEntry,\n  TraversedExample,\n  TraversedOperation,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { computed } from 'vue'\n\nimport type { SelectedItem } from '../hooks'\nimport RunnerTreeGroup from './RunnerTreeGroup.vue'\nimport RunnerTreeOperation from './RunnerTreeOperation.vue'\n\nconst props = defineProps<{\n  entries: TraversedEntry[]\n  selectedOrder: SelectedItem[]\n  isSelected: (path: string, method: HttpMethod, exampleKey: string) => boolean\n  depth?: number\n  disabled?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (\n    e: 'toggle',\n    path: string,\n    method: HttpMethod,\n    exampleKey: string,\n    label: string,\n  ): void\n}>()\n\nconst depth = computed(() => props.depth ?? 0)\n\nconst ALLOWED_TYPES = new Set(['document', 'operation', 'example', 'tag'])\n\nconst filterEntries = (entries: TraversedEntry[]): TraversedEntry[] => {\n  return entries.filter((entry) => ALLOWED_TYPES.has(entry.type))\n}\n\nconst filteredEntries = computed(() => filterEntries(props.entries))\n\nconst getExamplesForOperation = (\n  op: TraversedOperation,\n): { id: string; name: string }[] => {\n  const examples = op.children?.filter(\n    (c): c is TraversedExample => c.type === 'example',\n  )\n  if (examples?.length) {\n    return examples.map((e) => ({ id: e.id, name: e.name }))\n  }\n  return [{ id: `${op.id}/default`, name: 'default' }]\n}\n\nconst getSelectionIndex = (\n  path: string,\n  method: HttpMethod,\n  exampleKey: string,\n): number => {\n  const idx = props.selectedOrder.findIndex(\n    (s) =>\n      s.path === path && s.method === method && s.exampleKey === exampleKey,\n  )\n  return idx >= 0 ? idx + 1 : -1\n}\n\nconst handleToggle = (\n  path: string,\n  method: HttpMethod,\n  exampleKey: string,\n): void => {\n  if (props.disabled) {\n    return\n  }\n  const label = `${method.toUpperCase()} ${path} — ${exampleKey}`\n  emit('toggle', path, method, exampleKey, label)\n}\n\nconst isOperationFullySelected = (op: TraversedOperation): boolean => {\n  const examples = getExamplesForOperation(op)\n  return examples.every((ex) => props.isSelected(op.path, op.method, ex.name))\n}\n\nconst toggleAllExamples = (op: TraversedOperation): void => {\n  const examples = getExamplesForOperation(op)\n  const allSelected = isOperationFullySelected(op)\n\n  for (const ex of examples) {\n    const isCurrentlySelected = props.isSelected(op.path, op.method, ex.name)\n    if (allSelected && isCurrentlySelected) {\n      handleToggle(op.path, op.method, ex.name)\n    } else if (!allSelected && !isCurrentlySelected) {\n      handleToggle(op.path, op.method, ex.name)\n    }\n  }\n}\n\ntype GroupStats = { total: number; selected: number }\n\n/**\n * Recursively computes selection statistics for a subtree of entries.\n *\n * Walks through all filtered entries and their children to count:\n * - total: the number of selectable examples across all operations\n * - selected: how many of those examples are currently selected\n *\n * This is an internal helper used by groupStatsMap to build the cache.\n */\nconst computeGroupStats = (entries: TraversedEntry[]): GroupStats => {\n  let total = 0\n  let selected = 0\n\n  const filtered = filterEntries(entries)\n  for (const entry of filtered) {\n    if (entry.type === 'operation') {\n      const examples = getExamplesForOperation(entry)\n      total += examples.length\n      selected += examples.filter((ex) =>\n        props.isSelected(entry.path, entry.method, ex.name),\n      ).length\n    } else if ('children' in entry && entry.children?.length) {\n      const childStats = computeGroupStats(entry.children)\n      total += childStats.total\n      selected += childStats.selected\n    }\n  }\n\n  return { total, selected }\n}\n\n/**\n * Pre-computed map of group statistics keyed by entry ID.\n *\n * This computed property builds a cache of stats for all group entries\n * (tags, documents with children) in a single pass. The template can then\n * do O(1) lookups instead of repeatedly traversing the tree.\n */\nconst groupStatsMap = computed(() => {\n  const map = new Map<string, GroupStats>()\n  for (const entry of filteredEntries.value) {\n    if ('children' in entry && entry.children?.length) {\n      const filteredChildren = filterEntries(entry.children)\n      if (filteredChildren.length > 0) {\n        map.set(entry.id, computeGroupStats(entry.children))\n      }\n    }\n  }\n  return map\n})\n\n/**\n * Checks whether an entry is a valid group (has children with selectable content).\n *\n * Returns true if the entry exists in the pre-computed groupStatsMap,\n * meaning it has filtered children that should be rendered as a collapsible group.\n */\nconst isGroupEntry = (entry: TraversedEntry): boolean => {\n  return groupStatsMap.value.has(entry.id)\n}\n\n/**\n * Retrieves the pre-computed selection statistics for a group entry.\n *\n * Returns the cached { total, selected } stats from groupStatsMap.\n * Falls back to zeros if the entry is not found (should not happen\n * if isGroupEntry was checked first).\n */\nconst getGroupStats = (entry: TraversedEntry): GroupStats => {\n  return groupStatsMap.value.get(entry.id) ?? { total: 0, selected: 0 }\n}\n</script>\n\n<template>\n  <ul\n    class=\"flex list-none flex-col gap-2 p-0\"\n    :class=\"[disabled && 'pointer-events-none']\">\n    <template\n      v-for=\"entry in filteredEntries\"\n      :key=\"entry.id\">\n      <!-- Operation -->\n      <RunnerTreeOperation\n        v-if=\"entry.type === 'operation'\"\n        :examples=\"getExamplesForOperation(entry)\"\n        :getSelectionIndex=\"\n          (exampleName) =>\n            getSelectionIndex(entry.path, entry.method, exampleName)\n        \"\n        :isDisabled=\"disabled\"\n        :isFullySelected=\"isOperationFullySelected(entry)\"\n        :isSelected=\"\n          (exampleName) => isSelected(entry.path, entry.method, exampleName)\n        \"\n        :method=\"entry.method\"\n        :path=\"entry.path\"\n        @toggle=\"\n          (exampleName) => handleToggle(entry.path, entry.method, exampleName)\n        \"\n        @toggleAll=\"toggleAllExamples(entry)\" />\n\n      <!-- Group (tag/document with children) -->\n      <RunnerTreeGroup\n        v-else-if=\"isGroupEntry(entry)\"\n        :selectedCount=\"getGroupStats(entry).selected\"\n        :title=\"entry.title\"\n        :totalCount=\"getGroupStats(entry).total\">\n        <RunnerTree\n          :depth=\"depth + 1\"\n          :disabled=\"disabled\"\n          :entries=\"'children' in entry ? (entry.children ?? []) : []\"\n          :isSelected=\"isSelected\"\n          :selectedOrder=\"selectedOrder\"\n          @toggle=\"\n            (path, method, exampleKey, label) =>\n              emit('toggle', path, method, exampleKey, label)\n          \" />\n      </RunnerTreeGroup>\n    </template>\n  </ul>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,180 @@
+import RunnerTreeGroup_default from "./RunnerTreeGroup.vue.js";
+import RunnerTreeOperation_default from "./RunnerTreeOperation.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, renderList, resolveComponent, withCtx } from "vue";
+//#region src/v2/features/collection/components/Runner/components/RunnerTree.vue?vue&type=script&setup=true&lang.ts
+/**
+* Recursively computes selection statistics for a subtree of entries.
+*
+* Walks through all filtered entries and their children to count:
+* - total: the number of selectable examples across all operations
+* - selected: how many of those examples are currently selected
+*
+* This is an internal helper used by groupStatsMap to build the cache.
+*/
+var RunnerTree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RunnerTree",
+	props: {
+		entries: {},
+		selectedOrder: {},
+		isSelected: { type: Function },
+		depth: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["toggle"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const depth = computed(() => props.depth ?? 0);
+		const ALLOWED_TYPES = new Set([
+			"document",
+			"operation",
+			"example",
+			"tag"
+		]);
+		const filterEntries = (entries) => {
+			return entries.filter((entry) => ALLOWED_TYPES.has(entry.type));
+		};
+		const filteredEntries = computed(() => filterEntries(props.entries));
+		const getExamplesForOperation = (op) => {
+			const examples = op.children?.filter((c) => c.type === "example");
+			if (examples?.length) return examples.map((e) => ({
+				id: e.id,
+				name: e.name
+			}));
+			return [{
+				id: `${op.id}/default`,
+				name: "default"
+			}];
+		};
+		const getSelectionIndex = (path, method, exampleKey) => {
+			const idx = props.selectedOrder.findIndex((s) => s.path === path && s.method === method && s.exampleKey === exampleKey);
+			return idx >= 0 ? idx + 1 : -1;
+		};
+		const handleToggle = (path, method, exampleKey) => {
+			if (props.disabled) return;
+			emit("toggle", path, method, exampleKey, `${method.toUpperCase()} ${path} — ${exampleKey}`);
+		};
+		const isOperationFullySelected = (op) => {
+			return getExamplesForOperation(op).every((ex) => props.isSelected(op.path, op.method, ex.name));
+		};
+		const toggleAllExamples = (op) => {
+			const examples = getExamplesForOperation(op);
+			const allSelected = isOperationFullySelected(op);
+			for (const ex of examples) {
+				const isCurrentlySelected = props.isSelected(op.path, op.method, ex.name);
+				if (allSelected && isCurrentlySelected) handleToggle(op.path, op.method, ex.name);
+				else if (!allSelected && !isCurrentlySelected) handleToggle(op.path, op.method, ex.name);
+			}
+		};
+		const computeGroupStats = (entries) => {
+			let total = 0;
+			let selected = 0;
+			const filtered = filterEntries(entries);
+			for (const entry of filtered) if (entry.type === "operation") {
+				const examples = getExamplesForOperation(entry);
+				total += examples.length;
+				selected += examples.filter((ex) => props.isSelected(entry.path, entry.method, ex.name)).length;
+			} else if ("children" in entry && entry.children?.length) {
+				const childStats = computeGroupStats(entry.children);
+				total += childStats.total;
+				selected += childStats.selected;
+			}
+			return {
+				total,
+				selected
+			};
+		};
+		/**
+		* Pre-computed map of group statistics keyed by entry ID.
+		*
+		* This computed property builds a cache of stats for all group entries
+		* (tags, documents with children) in a single pass. The template can then
+		* do O(1) lookups instead of repeatedly traversing the tree.
+		*/
+		const groupStatsMap = computed(() => {
+			const map = /* @__PURE__ */ new Map();
+			for (const entry of filteredEntries.value) if ("children" in entry && entry.children?.length) {
+				if (filterEntries(entry.children).length > 0) map.set(entry.id, computeGroupStats(entry.children));
+			}
+			return map;
+		});
+		/**
+		* Checks whether an entry is a valid group (has children with selectable content).
+		*
+		* Returns true if the entry exists in the pre-computed groupStatsMap,
+		* meaning it has filtered children that should be rendered as a collapsible group.
+		*/
+		const isGroupEntry = (entry) => {
+			return groupStatsMap.value.has(entry.id);
+		};
+		/**
+		* Retrieves the pre-computed selection statistics for a group entry.
+		*
+		* Returns the cached { total, selected } stats from groupStatsMap.
+		* Falls back to zeros if the entry is not found (should not happen
+		* if isGroupEntry was checked first).
+		*/
+		const getGroupStats = (entry) => {
+			return groupStatsMap.value.get(entry.id) ?? {
+				total: 0,
+				selected: 0
+			};
+		};
+		return (_ctx, _cache) => {
+			const _component_RunnerTree = resolveComponent("RunnerTree", true);
+			return openBlock(), createElementBlock("ul", { class: normalizeClass(["flex list-none flex-col gap-2 p-0", [__props.disabled && "pointer-events-none"]]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredEntries.value, (entry) => {
+				return openBlock(), createElementBlock(Fragment, { key: entry.id }, [entry.type === "operation" ? (openBlock(), createBlock(RunnerTreeOperation_default, {
+					key: 0,
+					examples: getExamplesForOperation(entry),
+					getSelectionIndex: (exampleName) => getSelectionIndex(entry.path, entry.method, exampleName),
+					isDisabled: __props.disabled,
+					isFullySelected: isOperationFullySelected(entry),
+					isSelected: (exampleName) => __props.isSelected(entry.path, entry.method, exampleName),
+					method: entry.method,
+					path: entry.path,
+					onToggle: (exampleName) => handleToggle(entry.path, entry.method, exampleName),
+					onToggleAll: ($event) => toggleAllExamples(entry)
+				}, null, 8, [
+					"examples",
+					"getSelectionIndex",
+					"isDisabled",
+					"isFullySelected",
+					"isSelected",
+					"method",
+					"path",
+					"onToggle",
+					"onToggleAll"
+				])) : isGroupEntry(entry) ? (openBlock(), createBlock(RunnerTreeGroup_default, {
+					key: 1,
+					selectedCount: getGroupStats(entry).selected,
+					title: entry.title,
+					totalCount: getGroupStats(entry).total
+				}, {
+					default: withCtx(() => [createVNode(_component_RunnerTree, {
+						depth: depth.value + 1,
+						disabled: __props.disabled,
+						entries: "children" in entry ? entry.children ?? [] : [],
+						isSelected: __props.isSelected,
+						selectedOrder: __props.selectedOrder,
+						onToggle: _cache[0] || (_cache[0] = (path, method, exampleKey, label) => emit("toggle", path, method, exampleKey, label))
+					}, null, 8, [
+						"depth",
+						"disabled",
+						"entries",
+						"isSelected",
+						"selectedOrder"
+					])]),
+					_: 2
+				}, 1032, [
+					"selectedCount",
+					"title",
+					"totalCount"
+				])) : createCommentVNode("", true)], 64);
+			}), 128))], 2);
+		};
+	}
+});
+//#endregion
+export { RunnerTree_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RunnerTree.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerTree.vue.script.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type {\n  TraversedEntry,\n  TraversedExample,\n  TraversedOperation,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { computed } from 'vue'\n\nimport type { SelectedItem } from '../hooks'\nimport RunnerTreeGroup from './RunnerTreeGroup.vue'\nimport RunnerTreeOperation from './RunnerTreeOperation.vue'\n\nconst props = defineProps<{\n  entries: TraversedEntry[]\n  selectedOrder: SelectedItem[]\n  isSelected: (path: string, method: HttpMethod, exampleKey: string) => boolean\n  depth?: number\n  disabled?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (\n    e: 'toggle',\n    path: string,\n    method: HttpMethod,\n    exampleKey: string,\n    label: string,\n  ): void\n}>()\n\nconst depth = computed(() => props.depth ?? 0)\n\nconst ALLOWED_TYPES = new Set(['document', 'operation', 'example', 'tag'])\n\nconst filterEntries = (entries: TraversedEntry[]): TraversedEntry[] => {\n  return entries.filter((entry) => ALLOWED_TYPES.has(entry.type))\n}\n\nconst filteredEntries = computed(() => filterEntries(props.entries))\n\nconst getExamplesForOperation = (\n  op: TraversedOperation,\n): { id: string; name: string }[] => {\n  const examples = op.children?.filter(\n    (c): c is TraversedExample => c.type === 'example',\n  )\n  if (examples?.length) {\n    return examples.map((e) => ({ id: e.id, name: e.name }))\n  }\n  return [{ id: `${op.id}/default`, name: 'default' }]\n}\n\nconst getSelectionIndex = (\n  path: string,\n  method: HttpMethod,\n  exampleKey: string,\n): number => {\n  const idx = props.selectedOrder.findIndex(\n    (s) =>\n      s.path === path && s.method === method && s.exampleKey === exampleKey,\n  )\n  return idx >= 0 ? idx + 1 : -1\n}\n\nconst handleToggle = (\n  path: string,\n  method: HttpMethod,\n  exampleKey: string,\n): void => {\n  if (props.disabled) {\n    return\n  }\n  const label = `${method.toUpperCase()} ${path} — ${exampleKey}`\n  emit('toggle', path, method, exampleKey, label)\n}\n\nconst isOperationFullySelected = (op: TraversedOperation): boolean => {\n  const examples = getExamplesForOperation(op)\n  return examples.every((ex) => props.isSelected(op.path, op.method, ex.name))\n}\n\nconst toggleAllExamples = (op: TraversedOperation): void => {\n  const examples = getExamplesForOperation(op)\n  const allSelected = isOperationFullySelected(op)\n\n  for (const ex of examples) {\n    const isCurrentlySelected = props.isSelected(op.path, op.method, ex.name)\n    if (allSelected && isCurrentlySelected) {\n      handleToggle(op.path, op.method, ex.name)\n    } else if (!allSelected && !isCurrentlySelected) {\n      handleToggle(op.path, op.method, ex.name)\n    }\n  }\n}\n\ntype GroupStats = { total: number; selected: number }\n\n/**\n * Recursively computes selection statistics for a subtree of entries.\n *\n * Walks through all filtered entries and their children to count:\n * - total: the number of selectable examples across all operations\n * - selected: how many of those examples are currently selected\n *\n * This is an internal helper used by groupStatsMap to build the cache.\n */\nconst computeGroupStats = (entries: TraversedEntry[]): GroupStats => {\n  let total = 0\n  let selected = 0\n\n  const filtered = filterEntries(entries)\n  for (const entry of filtered) {\n    if (entry.type === 'operation') {\n      const examples = getExamplesForOperation(entry)\n      total += examples.length\n      selected += examples.filter((ex) =>\n        props.isSelected(entry.path, entry.method, ex.name),\n      ).length\n    } else if ('children' in entry && entry.children?.length) {\n      const childStats = computeGroupStats(entry.children)\n      total += childStats.total\n      selected += childStats.selected\n    }\n  }\n\n  return { total, selected }\n}\n\n/**\n * Pre-computed map of group statistics keyed by entry ID.\n *\n * This computed property builds a cache of stats for all group entries\n * (tags, documents with children) in a single pass. The template can then\n * do O(1) lookups instead of repeatedly traversing the tree.\n */\nconst groupStatsMap = computed(() => {\n  const map = new Map<string, GroupStats>()\n  for (const entry of filteredEntries.value) {\n    if ('children' in entry && entry.children?.length) {\n      const filteredChildren = filterEntries(entry.children)\n      if (filteredChildren.length > 0) {\n        map.set(entry.id, computeGroupStats(entry.children))\n      }\n    }\n  }\n  return map\n})\n\n/**\n * Checks whether an entry is a valid group (has children with selectable content).\n *\n * Returns true if the entry exists in the pre-computed groupStatsMap,\n * meaning it has filtered children that should be rendered as a collapsible group.\n */\nconst isGroupEntry = (entry: TraversedEntry): boolean => {\n  return groupStatsMap.value.has(entry.id)\n}\n\n/**\n * Retrieves the pre-computed selection statistics for a group entry.\n *\n * Returns the cached { total, selected } stats from groupStatsMap.\n * Falls back to zeros if the entry is not found (should not happen\n * if isGroupEntry was checked first).\n */\nconst getGroupStats = (entry: TraversedEntry): GroupStats => {\n  return groupStatsMap.value.get(entry.id) ?? { total: 0, selected: 0 }\n}\n</script>\n\n<template>\n  <ul\n    class=\"flex list-none flex-col gap-2 p-0\"\n    :class=\"[disabled && 'pointer-events-none']\">\n    <template\n      v-for=\"entry in filteredEntries\"\n      :key=\"entry.id\">\n      <!-- Operation -->\n      <RunnerTreeOperation\n        v-if=\"entry.type === 'operation'\"\n        :examples=\"getExamplesForOperation(entry)\"\n        :getSelectionIndex=\"\n          (exampleName) =>\n            getSelectionIndex(entry.path, entry.method, exampleName)\n        \"\n        :isDisabled=\"disabled\"\n        :isFullySelected=\"isOperationFullySelected(entry)\"\n        :isSelected=\"\n          (exampleName) => isSelected(entry.path, entry.method, exampleName)\n        \"\n        :method=\"entry.method\"\n        :path=\"entry.path\"\n        @toggle=\"\n          (exampleName) => handleToggle(entry.path, entry.method, exampleName)\n        \"\n        @toggleAll=\"toggleAllExamples(entry)\" />\n\n      <!-- Group (tag/document with children) -->\n      <RunnerTreeGroup\n        v-else-if=\"isGroupEntry(entry)\"\n        :selectedCount=\"getGroupStats(entry).selected\"\n        :title=\"entry.title\"\n        :totalCount=\"getGroupStats(entry).total\">\n        <RunnerTree\n          :depth=\"depth + 1\"\n          :disabled=\"disabled\"\n          :entries=\"'children' in entry ? (entry.children ?? []) : []\"\n          :isSelected=\"isSelected\"\n          :selectedOrder=\"selectedOrder\"\n          @toggle=\"\n            (path, method, exampleKey, label) =>\n              emit('toggle', path, method, exampleKey, label)\n          \" />\n      </RunnerTreeGroup>\n    </template>\n  </ul>\n</template>\n"],"mappings":"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"}

package/dist/{components/Sidebar/Actions/EditSidebarListElement.vue.d.ts → v2/features/collection/components/Runner/components/RunnerTreeExample.vue.d.ts}

@@ -1,13 +1,14 @@
 type __VLS_Props = {
     name: string;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    orderIndex?: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
-    edit: (newName: string) => any;
+    toggle: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onEdit?: ((newName: string) => any) | undefined;
+    onToggle?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-//# sourceMappingURL=EditSidebarListElement.vue.d.ts.map
+//# sourceMappingURL=RunnerTreeExample.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerTreeExample.vue.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerTreeExample.vue"],"names":[],"mappings":"AAkEA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;AAuHF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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