@scalar/api-client 2.43.0 → 3.0.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerTreeExample.vue.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerTreeExample.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCheck } from '@scalar/icons'\n\nconst {\n  name,\n  isSelected = false,\n  isDisabled = false,\n  orderIndex,\n} = defineProps<{\n  name: string\n  isSelected?: boolean\n  isDisabled?: boolean\n  orderIndex?: number\n}>()\n\nconst emit = defineEmits<{\n  (e: 'toggle'): void\n}>()\n</script>\n\n<template>\n  <button\n    :aria-pressed=\"isSelected\"\n    class=\"group flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-xs transition-colors duration-100\"\n    :class=\"[\n      isSelected\n        ? 'bg-accent-color/10 text-c-1'\n        : 'text-c-3 hover:bg-b-3 hover:text-c-2',\n      isDisabled && 'pointer-events-none opacity-50',\n    ]\"\n    :disabled=\"isDisabled\"\n    type=\"button\"\n    @click=\"emit('toggle')\">\n    <!-- Checkbox indicator -->\n    <span\n      class=\"flex size-3.5 shrink-0 items-center justify-center rounded-sm border transition-colors duration-100\"\n      :class=\"[\n        isSelected\n          ? 'border-accent-color bg-accent-color text-white'\n          : 'border-c-3 group-hover:border-c-2 bg-transparent',\n      ]\">\n      <ScalarIconCheck\n        v-if=\"isSelected\"\n        class=\"size-2.5\" />\n    </span>\n\n    <!-- Name -->\n    <span class=\"min-w-0 flex-1 truncate\">{{ name }}</span>\n\n    <!-- Order badge - always rendered to prevent layout shift -->\n    <span\n      class=\"shrink-0 text-[0.65rem] tabular-nums transition-opacity duration-100\"\n      :class=\"\n        isSelected && orderIndex != null && orderIndex > 0\n          ? 'text-c-3 opacity-100'\n          : 'opacity-0'\n      \">\n      #{{ orderIndex ?? 0 }}\n    </span>\n  </button>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,44 @@
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+import { ScalarIconCheck } from "@scalar/icons";
+//#region src/v2/features/collection/components/Runner/components/RunnerTreeExample.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-pressed", "disabled"];
+var _hoisted_2 = { class: "min-w-0 flex-1 truncate" };
+var RunnerTreeExample_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RunnerTreeExample",
+	props: {
+		name: {},
+		isSelected: {
+			type: Boolean,
+			default: false
+		},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		orderIndex: {}
+	},
+	emits: ["toggle"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				"aria-pressed": __props.isSelected,
+				class: normalizeClass(["group flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-xs transition-colors duration-100", [__props.isSelected ? "bg-accent-color/10 text-c-1" : "text-c-3 hover:bg-b-3 hover:text-c-2", __props.isDisabled && "pointer-events-none opacity-50"]]),
+				disabled: __props.isDisabled,
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle"))
+			}, [
+				createElementVNode("span", { class: normalizeClass(["flex size-3.5 shrink-0 items-center justify-center rounded-sm border transition-colors duration-100", [__props.isSelected ? "border-accent-color bg-accent-color text-white" : "border-c-3 group-hover:border-c-2 bg-transparent"]]) }, [__props.isSelected ? (openBlock(), createBlock(unref(ScalarIconCheck), {
+					key: 0,
+					class: "size-2.5"
+				})) : createCommentVNode("", true)], 2),
+				createElementVNode("span", _hoisted_2, toDisplayString(__props.name), 1),
+				createElementVNode("span", { class: normalizeClass(["shrink-0 text-[0.65rem] tabular-nums transition-opacity duration-100", __props.isSelected && __props.orderIndex != null && __props.orderIndex > 0 ? "text-c-3 opacity-100" : "opacity-0"]) }, " #" + toDisplayString(__props.orderIndex ?? 0), 3)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RunnerTreeExample_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RunnerTreeExample.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerTreeExample.vue.script.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerTreeExample.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCheck } from '@scalar/icons'\n\nconst {\n  name,\n  isSelected = false,\n  isDisabled = false,\n  orderIndex,\n} = defineProps<{\n  name: string\n  isSelected?: boolean\n  isDisabled?: boolean\n  orderIndex?: number\n}>()\n\nconst emit = defineEmits<{\n  (e: 'toggle'): void\n}>()\n</script>\n\n<template>\n  <button\n    :aria-pressed=\"isSelected\"\n    class=\"group flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-xs transition-colors duration-100\"\n    :class=\"[\n      isSelected\n        ? 'bg-accent-color/10 text-c-1'\n        : 'text-c-3 hover:bg-b-3 hover:text-c-2',\n      isDisabled && 'pointer-events-none opacity-50',\n    ]\"\n    :disabled=\"isDisabled\"\n    type=\"button\"\n    @click=\"emit('toggle')\">\n    <!-- Checkbox indicator -->\n    <span\n      class=\"flex size-3.5 shrink-0 items-center justify-center rounded-sm border transition-colors duration-100\"\n      :class=\"[\n        isSelected\n          ? 'border-accent-color bg-accent-color text-white'\n          : 'border-c-3 group-hover:border-c-2 bg-transparent',\n      ]\">\n      <ScalarIconCheck\n        v-if=\"isSelected\"\n        class=\"size-2.5\" />\n    </span>\n\n    <!-- Name -->\n    <span class=\"min-w-0 flex-1 truncate\">{{ name }}</span>\n\n    <!-- Order badge - always rendered to prevent layout shift -->\n    <span\n      class=\"shrink-0 text-[0.65rem] tabular-nums transition-opacity duration-100\"\n      :class=\"\n        isSelected && orderIndex != null && orderIndex > 0\n          ? 'text-c-3 opacity-100'\n          : 'opacity-0'\n      \">\n      #{{ orderIndex ?? 0 }}\n    </span>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,OAAO;;uBAMX,mBAsCS,UAAA;IArCN,gBAAc,QAAA;IACf,OAAK,eAAA,CAAC,4HAA0H,CAChH,QAAA,aAAA,gCAAA,wCAA2G,QAAA,cAAU,iCAAA,CAAA,CAAA;IAMpI,UAAU,QAAA;IACX,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;IAEZ,mBAUO,QAAA,EATL,OAAK,eAAA,CAAC,uGAAqG,CACzF,QAAA,aAAA,mDAAA,mDAAA,CAAA,CAAA,EAAA,EAAA,CAMV,QAAA,cAAA,WAAA,EADR,YAEqB,MAAA,gBAAA,EAAA;;KAAnB,OAAM;;IAIV,mBAAuD,QAAvD,YAAuD,gBAAd,QAAA,KAAI,EAAA,EAAA;IAG7C,mBAQO,QAAA,EAPL,OAAK,eAAA,CAAC,wEACW,QAAA,cAAc,QAAA,cAAU,QAAY,QAAA,aAAU,IAAA,yBAAA,YAAA,CAAA,EAAA,EAI7D,OACD,gBAAG,QAAA,cAAU,EAAA,EAAA,EAAA"}

package/dist/{components/DataTable/DataTableText.vue.d.ts → v2/features/collection/components/Runner/components/RunnerTreeGroup.vue.d.ts}

@@ -1,9 +1,11 @@
 type __VLS_Props = {
-    text?: string | number;
+    title: string;
+    selectedCount: number;
+    totalCount: number;
 };
-declare var __VLS_8: {};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_6) => any;
 };
 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>;
@@ -14,4 +16,4 @@ type __VLS_WithSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=DataTableText.vue.d.ts.map
+//# sourceMappingURL=RunnerTreeGroup.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerTreeGroup.vue.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerTreeGroup.vue"],"names":[],"mappings":"AA6FA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC;AAmJF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,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/RunnerTreeGroup.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerTreeGroup.vue.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerTreeGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport { computed, ref } from 'vue'\n\nconst { title, selectedCount, totalCount } = defineProps<{\n  title: string\n  selectedCount: number\n  totalCount: number\n}>()\n\nconst isCollapsed = ref(false)\n\nconst hasSelection = computed(() => selectedCount > 0)\nconst isFullySelected = computed(\n  () => selectedCount === totalCount && totalCount > 0,\n)\n\ntype SelectionState = 'full' | 'partial' | 'none'\n\nconst selectionState = computed<SelectionState>(() => {\n  if (isFullySelected.value) {\n    return 'full'\n  }\n  if (hasSelection.value) {\n    return 'partial'\n  }\n  return 'none'\n})\n\nconst badgeVariants = cva({\n  base: 'rounded-full px-1.5 py-0.5 text-[0.6rem] font-medium tabular-nums transition-colors duration-100',\n  variants: {\n    selection: {\n      full: 'bg-green/15 text-green',\n      partial: 'bg-accent-color/15 text-accent-color',\n      none: 'bg-b-3 text-c-3',\n    },\n  },\n  defaultVariants: {\n    selection: 'none',\n  },\n})\n\nfunction toggle(): void {\n  isCollapsed.value = !isCollapsed.value\n}\n</script>\n\n<template>\n  <li\n    class=\"border-border-color bg-b-1 flex flex-col rounded-lg border transition-colors duration-100\">\n    <!-- Header button -->\n    <button\n      :aria-expanded=\"!isCollapsed\"\n      class=\"group/toggle hover:bg-b-2 flex w-full cursor-pointer items-center gap-2 rounded-lg px-2.5 py-2 text-left transition-colors duration-100\"\n      type=\"button\"\n      @click=\"toggle\">\n      <!-- Caret -->\n      <span\n        class=\"text-c-3 flex size-4 items-center justify-center transition-transform duration-100\"\n        :class=\"!isCollapsed && 'rotate-90'\">\n        <ScalarIconCaretRight class=\"size-3\" />\n      </span>\n\n      <!-- Title -->\n      <span\n        class=\"min-w-0 flex-1 truncate text-xs\"\n        :class=\"hasSelection ? 'text-c-1 font-medium' : 'text-c-2'\">\n        {{ title }}\n      </span>\n\n      <!-- Counter badge -->\n      <span :class=\"badgeVariants({ selection: selectionState })\">\n        {{ selectedCount }}/{{ totalCount }}\n      </span>\n    </button>\n\n    <!-- Children -->\n    <ul\n      v-show=\"!isCollapsed\"\n      class=\"border-border-color m-0 flex list-none flex-col gap-1.5 border-t p-0 px-2.5 pt-2 pb-2\">\n      <slot />\n    </ul>\n  </li>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,53 @@
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, vShow, withDirectives } from "vue";
+import { ScalarIconCaretRight } from "@scalar/icons";
+import { cva } from "@scalar/use-hooks/useBindCx";
+//#region src/v2/features/collection/components/Runner/components/RunnerTreeGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "border-border-color bg-b-1 flex flex-col rounded-lg border transition-colors duration-100" };
+var _hoisted_2 = ["aria-expanded"];
+var _hoisted_3 = { class: "border-border-color m-0 flex list-none flex-col gap-1.5 border-t p-0 px-2.5 pt-2 pb-2" };
+var RunnerTreeGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RunnerTreeGroup",
+	props: {
+		title: {},
+		selectedCount: {},
+		totalCount: {}
+	},
+	setup(__props) {
+		const isCollapsed = ref(false);
+		const hasSelection = computed(() => __props.selectedCount > 0);
+		const isFullySelected = computed(() => __props.selectedCount === __props.totalCount && __props.totalCount > 0);
+		const selectionState = computed(() => {
+			if (isFullySelected.value) return "full";
+			if (hasSelection.value) return "partial";
+			return "none";
+		});
+		const badgeVariants = cva({
+			base: "rounded-full px-1.5 py-0.5 text-[0.6rem] font-medium tabular-nums transition-colors duration-100",
+			variants: { selection: {
+				full: "bg-green/15 text-green",
+				partial: "bg-accent-color/15 text-accent-color",
+				none: "bg-b-3 text-c-3"
+			} },
+			defaultVariants: { selection: "none" }
+		});
+		function toggle() {
+			isCollapsed.value = !isCollapsed.value;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", _hoisted_1, [createElementVNode("button", {
+				"aria-expanded": !isCollapsed.value,
+				class: "group/toggle hover:bg-b-2 flex w-full cursor-pointer items-center gap-2 rounded-lg px-2.5 py-2 text-left transition-colors duration-100",
+				type: "button",
+				onClick: toggle
+			}, [
+				createElementVNode("span", { class: normalizeClass(["text-c-3 flex size-4 items-center justify-center transition-transform duration-100", !isCollapsed.value && "rotate-90"]) }, [createVNode(unref(ScalarIconCaretRight), { class: "size-3" })], 2),
+				createElementVNode("span", { class: normalizeClass(["min-w-0 flex-1 truncate text-xs", hasSelection.value ? "text-c-1 font-medium" : "text-c-2"]) }, toDisplayString(__props.title), 3),
+				createElementVNode("span", { class: normalizeClass(unref(badgeVariants)({ selection: selectionState.value })) }, toDisplayString(__props.selectedCount) + "/" + toDisplayString(__props.totalCount), 3)
+			], 8, _hoisted_2), withDirectives(createElementVNode("ul", _hoisted_3, [renderSlot(_ctx.$slots, "default")], 512), [[vShow, !isCollapsed.value]])]);
+		};
+	}
+});
+//#endregion
+export { RunnerTreeGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RunnerTreeGroup.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerTreeGroup.vue.script.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerTreeGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport { computed, ref } from 'vue'\n\nconst { title, selectedCount, totalCount } = defineProps<{\n  title: string\n  selectedCount: number\n  totalCount: number\n}>()\n\nconst isCollapsed = ref(false)\n\nconst hasSelection = computed(() => selectedCount > 0)\nconst isFullySelected = computed(\n  () => selectedCount === totalCount && totalCount > 0,\n)\n\ntype SelectionState = 'full' | 'partial' | 'none'\n\nconst selectionState = computed<SelectionState>(() => {\n  if (isFullySelected.value) {\n    return 'full'\n  }\n  if (hasSelection.value) {\n    return 'partial'\n  }\n  return 'none'\n})\n\nconst badgeVariants = cva({\n  base: 'rounded-full px-1.5 py-0.5 text-[0.6rem] font-medium tabular-nums transition-colors duration-100',\n  variants: {\n    selection: {\n      full: 'bg-green/15 text-green',\n      partial: 'bg-accent-color/15 text-accent-color',\n      none: 'bg-b-3 text-c-3',\n    },\n  },\n  defaultVariants: {\n    selection: 'none',\n  },\n})\n\nfunction toggle(): void {\n  isCollapsed.value = !isCollapsed.value\n}\n</script>\n\n<template>\n  <li\n    class=\"border-border-color bg-b-1 flex flex-col rounded-lg border transition-colors duration-100\">\n    <!-- Header button -->\n    <button\n      :aria-expanded=\"!isCollapsed\"\n      class=\"group/toggle hover:bg-b-2 flex w-full cursor-pointer items-center gap-2 rounded-lg px-2.5 py-2 text-left transition-colors duration-100\"\n      type=\"button\"\n      @click=\"toggle\">\n      <!-- Caret -->\n      <span\n        class=\"text-c-3 flex size-4 items-center justify-center transition-transform duration-100\"\n        :class=\"!isCollapsed && 'rotate-90'\">\n        <ScalarIconCaretRight class=\"size-3\" />\n      </span>\n\n      <!-- Title -->\n      <span\n        class=\"min-w-0 flex-1 truncate text-xs\"\n        :class=\"hasSelection ? 'text-c-1 font-medium' : 'text-c-2'\">\n        {{ title }}\n      </span>\n\n      <!-- Counter badge -->\n      <span :class=\"badgeVariants({ selection: selectionState })\">\n        {{ selectedCount }}/{{ totalCount }}\n      </span>\n    </button>\n\n    <!-- Children -->\n    <ul\n      v-show=\"!isCollapsed\"\n      class=\"border-border-color m-0 flex list-none flex-col gap-1.5 border-t p-0 px-2.5 pt-2 pb-2\">\n      <slot />\n    </ul>\n  </li>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAWA,MAAM,cAAc,IAAI,MAAK;EAE7B,MAAM,eAAe,eAAe,QAAA,gBAAgB,EAAC;EACrD,MAAM,kBAAkB,eAChB,QAAA,kBAAkB,QAAA,cAAc,QAAA,aAAa,EACrD;EAIA,MAAM,iBAAiB,eAA+B;AACpD,OAAI,gBAAgB,MAClB,QAAO;AAET,OAAI,aAAa,MACf,QAAO;AAET,UAAO;IACR;EAED,MAAM,gBAAgB,IAAI;GACxB,MAAM;GACN,UAAU,EACR,WAAW;IACT,MAAM;IACN,SAAS;IACT,MAAM;IACP,EACF;GACD,iBAAiB,EACf,WAAW,QACZ;GACF,CAAA;EAED,SAAS,SAAe;AACtB,eAAY,QAAQ,CAAC,YAAY;;;uBAKjC,mBAkCK,MAlCL,YAkCK,CA/BH,mBAuBS,UAAA;IAtBN,iBAAa,CAAG,YAAA;IACjB,OAAM;IACN,MAAK;IACJ,SAAO;;IAER,mBAIO,QAAA,EAHL,OAAK,eAAA,CAAC,sFAAoF,CACjF,YAAA,SAAW,YAAA,CAAA,EAAA,EAAA,CACpB,YAAuC,MAAA,qBAAA,EAAA,EAAjB,OAAM,UAAQ,CAAA,CAAA,EAAA,EAAA;IAItC,mBAIO,QAAA,EAHL,OAAK,eAAA,CAAC,mCACE,aAAA,QAAY,yBAAA,WAAA,CAAA,EAAA,EAAA,gBACjB,QAAA,MAAK,EAAA,EAAA;IAIV,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,cAAa,CAAA,EAAA,WAAc,eAAA,OAAc,CAAA,CAAA,EAAA,EAAA,gBAClD,QAAA,cAAa,GAAG,MAAC,gBAAG,QAAA,WAAU,EAAA,EAAA;qCAKrC,mBAIK,MAJL,YAIK,CADH,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,CAFC,YAAA,MAAW,CAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,23 @@
+import type { HttpMethod } from '@scalar/helpers/http/http-methods';
+type __VLS_Props = {
+    path: string;
+    method: HttpMethod;
+    examples: {
+        id: string;
+        name: string;
+    }[];
+    isDisabled?: boolean;
+    isSelected: (exampleName: string) => boolean;
+    getSelectionIndex: (exampleName: string) => number;
+    isFullySelected: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    toggle: (exampleName: string) => any;
+    toggleAll: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: ((exampleName: string) => any) | undefined;
+    onToggleAll?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=RunnerTreeOperation.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerTreeOperation.vue.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerTreeOperation.vue"],"names":[],"mappings":"AA0FA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAOnE,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAA;IAC5C,iBAAiB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAA;IAClD,eAAe,EAAE,OAAO,CAAA;CACzB,CAAC;AAyLF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerTreeOperation.vue.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerTreeOperation.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { computed } from 'vue'\n\nimport HttpMethodBadge from '@/v2/blocks/operation-code-sample/components/HttpMethod.vue'\n\nimport RunnerTreeExample from './RunnerTreeExample.vue'\n\nconst props = defineProps<{\n  path: string\n  method: HttpMethod\n  examples: { id: string; name: string }[]\n  isDisabled?: boolean\n  isSelected: (exampleName: string) => boolean\n  getSelectionIndex: (exampleName: string) => number\n  isFullySelected: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'toggle', exampleName: string): void\n  (e: 'toggleAll'): void\n}>()\n\nconst hasMultipleExamples = computed(() => props.examples.length > 1)\nconst hasSelection = computed(() =>\n  props.examples.some((ex) => props.isSelected(ex.name)),\n)\nconst selectedCount = computed(\n  () => props.examples.filter((ex) => props.isSelected(ex.name)).length,\n)\n</script>\n\n<template>\n  <li\n    class=\"bg-b-1 rounded-lg border p-2.5 transition-colors duration-100 last:mb-0\"\n    :class=\"hasSelection ? 'border-accent-color/40' : 'border-border-color'\">\n    <!-- Header row: method + path + actions -->\n    <div class=\"flex items-center gap-2\">\n      <HttpMethodBadge\n        class=\"text-[0.625rem] font-semibold\"\n        :method=\"props.method\"\n        short />\n      <span\n        class=\"text-c-2 min-w-0 flex-1 truncate text-xs\"\n        :title=\"props.path\">\n        {{ props.path }}\n      </span>\n\n      <!-- Selection count -->\n      <span\n        v-if=\"hasSelection && hasMultipleExamples\"\n        class=\"text-c-3 text-[0.65rem] tabular-nums\">\n        {{ selectedCount }}/{{ props.examples.length }}\n      </span>\n\n      <!-- Select all button -->\n      <ScalarButton\n        class=\"transition-opacity duration-100\"\n        :class=\"\n          hasMultipleExamples && !props.isDisabled\n            ? 'opacity-100'\n            : 'pointer-events-none opacity-0'\n        \"\n        size=\"xs\"\n        variant=\"ghost\"\n        @click=\"emit('toggleAll')\">\n        <span class=\"hover:underline\">{{\n          props.isFullySelected ? 'Clear' : 'All'\n        }}</span>\n      </ScalarButton>\n    </div>\n\n    <!-- Examples list -->\n    <div class=\"border-border-color mt-2 flex flex-col gap-0.5 border-t pt-2\">\n      <RunnerTreeExample\n        v-for=\"ex in props.examples\"\n        :key=\"ex.id\"\n        :isDisabled=\"props.isDisabled\"\n        :isSelected=\"props.isSelected(ex.name)\"\n        :name=\"ex.name\"\n        :orderIndex=\"props.getSelectionIndex(ex.name)\"\n        @toggle=\"emit('toggle', ex.name)\" />\n    </div>\n  </li>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,75 @@
+import HttpMethod_default from "../../../../../blocks/operation-code-sample/components/HttpMethod.vue.js";
+import RunnerTreeExample_default from "./RunnerTreeExample.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { ScalarButton } from "@scalar/components";
+//#region src/v2/features/collection/components/Runner/components/RunnerTreeOperation.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex items-center gap-2" };
+var _hoisted_2 = ["title"];
+var _hoisted_3 = {
+	key: 0,
+	class: "text-c-3 text-[0.65rem] tabular-nums"
+};
+var _hoisted_4 = { class: "hover:underline" };
+var _hoisted_5 = { class: "border-border-color mt-2 flex flex-col gap-0.5 border-t pt-2" };
+var RunnerTreeOperation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RunnerTreeOperation",
+	props: {
+		path: {},
+		method: {},
+		examples: {},
+		isDisabled: { type: Boolean },
+		isSelected: { type: Function },
+		getSelectionIndex: { type: Function },
+		isFullySelected: { type: Boolean }
+	},
+	emits: ["toggle", "toggleAll"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const hasMultipleExamples = computed(() => props.examples.length > 1);
+		const hasSelection = computed(() => props.examples.some((ex) => props.isSelected(ex.name)));
+		const selectedCount = computed(() => props.examples.filter((ex) => props.isSelected(ex.name)).length);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", { class: normalizeClass(["bg-b-1 rounded-lg border p-2.5 transition-colors duration-100 last:mb-0", hasSelection.value ? "border-accent-color/40" : "border-border-color"]) }, [createElementVNode("div", _hoisted_1, [
+				createVNode(HttpMethod_default, {
+					class: "text-[0.625rem] font-semibold",
+					method: props.method,
+					short: ""
+				}, null, 8, ["method"]),
+				createElementVNode("span", {
+					class: "text-c-2 min-w-0 flex-1 truncate text-xs",
+					title: props.path
+				}, toDisplayString(props.path), 9, _hoisted_2),
+				hasSelection.value && hasMultipleExamples.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(selectedCount.value) + "/" + toDisplayString(props.examples.length), 1)) : createCommentVNode("", true),
+				createVNode(unref(ScalarButton), {
+					class: normalizeClass(["transition-opacity duration-100", hasMultipleExamples.value && !props.isDisabled ? "opacity-100" : "pointer-events-none opacity-0"]),
+					size: "xs",
+					variant: "ghost",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("toggleAll"))
+				}, {
+					default: withCtx(() => [createElementVNode("span", _hoisted_4, toDisplayString(props.isFullySelected ? "Clear" : "All"), 1)]),
+					_: 1
+				}, 8, ["class"])
+			]), createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.examples, (ex) => {
+				return openBlock(), createBlock(RunnerTreeExample_default, {
+					key: ex.id,
+					isDisabled: props.isDisabled,
+					isSelected: props.isSelected(ex.name),
+					name: ex.name,
+					orderIndex: props.getSelectionIndex(ex.name),
+					onToggle: ($event) => emit("toggle", ex.name)
+				}, null, 8, [
+					"isDisabled",
+					"isSelected",
+					"name",
+					"orderIndex",
+					"onToggle"
+				]);
+			}), 128))])], 2);
+		};
+	}
+});
+//#endregion
+export { RunnerTreeOperation_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RunnerTreeOperation.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerTreeOperation.vue.script.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerTreeOperation.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { computed } from 'vue'\n\nimport HttpMethodBadge from '@/v2/blocks/operation-code-sample/components/HttpMethod.vue'\n\nimport RunnerTreeExample from './RunnerTreeExample.vue'\n\nconst props = defineProps<{\n  path: string\n  method: HttpMethod\n  examples: { id: string; name: string }[]\n  isDisabled?: boolean\n  isSelected: (exampleName: string) => boolean\n  getSelectionIndex: (exampleName: string) => number\n  isFullySelected: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'toggle', exampleName: string): void\n  (e: 'toggleAll'): void\n}>()\n\nconst hasMultipleExamples = computed(() => props.examples.length > 1)\nconst hasSelection = computed(() =>\n  props.examples.some((ex) => props.isSelected(ex.name)),\n)\nconst selectedCount = computed(\n  () => props.examples.filter((ex) => props.isSelected(ex.name)).length,\n)\n</script>\n\n<template>\n  <li\n    class=\"bg-b-1 rounded-lg border p-2.5 transition-colors duration-100 last:mb-0\"\n    :class=\"hasSelection ? 'border-accent-color/40' : 'border-border-color'\">\n    <!-- Header row: method + path + actions -->\n    <div class=\"flex items-center gap-2\">\n      <HttpMethodBadge\n        class=\"text-[0.625rem] font-semibold\"\n        :method=\"props.method\"\n        short />\n      <span\n        class=\"text-c-2 min-w-0 flex-1 truncate text-xs\"\n        :title=\"props.path\">\n        {{ props.path }}\n      </span>\n\n      <!-- Selection count -->\n      <span\n        v-if=\"hasSelection && hasMultipleExamples\"\n        class=\"text-c-3 text-[0.65rem] tabular-nums\">\n        {{ selectedCount }}/{{ props.examples.length }}\n      </span>\n\n      <!-- Select all button -->\n      <ScalarButton\n        class=\"transition-opacity duration-100\"\n        :class=\"\n          hasMultipleExamples && !props.isDisabled\n            ? 'opacity-100'\n            : 'pointer-events-none opacity-0'\n        \"\n        size=\"xs\"\n        variant=\"ghost\"\n        @click=\"emit('toggleAll')\">\n        <span class=\"hover:underline\">{{\n          props.isFullySelected ? 'Clear' : 'All'\n        }}</span>\n      </ScalarButton>\n    </div>\n\n    <!-- Examples list -->\n    <div class=\"border-border-color mt-2 flex flex-col gap-0.5 border-t pt-2\">\n      <RunnerTreeExample\n        v-for=\"ex in props.examples\"\n        :key=\"ex.id\"\n        :isDisabled=\"props.isDisabled\"\n        :isSelected=\"props.isSelected(ex.name)\"\n        :name=\"ex.name\"\n        :orderIndex=\"props.getSelectionIndex(ex.name)\"\n        @toggle=\"emit('toggle', ex.name)\" />\n    </div>\n  </li>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;EAUd,MAAM,OAAO;EAKb,MAAM,sBAAsB,eAAe,MAAM,SAAS,SAAS,EAAC;EACpE,MAAM,eAAe,eACnB,MAAM,SAAS,MAAM,OAAO,MAAM,WAAW,GAAG,KAAK,CAAC,CACxD;EACA,MAAM,gBAAgB,eACd,MAAM,SAAS,QAAQ,OAAO,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,OACjE;;uBAIE,mBAkDK,MAAA,EAjDH,OAAK,eAAA,CAAC,2EACE,aAAA,QAAY,2BAAA,sBAAA,CAAA,EAAA,EAAA,CAEpB,mBAiCM,OAjCN,YAiCM;IAhCJ,YAGU,oBAAA;KAFR,OAAM;KACL,QAAQ,MAAM;KACf,OAAA;;IACF,mBAIO,QAAA;KAHL,OAAM;KACL,OAAO,MAAM;uBACX,MAAM,KAAI,EAAA,GAAA,WAAA;IAKP,aAAA,SAAgB,oBAAA,SAAA,WAAA,EADxB,mBAIO,QAJP,YAIO,gBADF,cAAA,MAAa,GAAG,MAAC,gBAAG,MAAM,SAAS,OAAM,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAI9C,YAae,MAAA,aAAA,EAAA;KAZb,OAAK,eAAA,CAAC,mCACa,oBAAA,SAAmB,CAAK,MAAM,aAAA,gBAAA,gCAAA,CAAA;KAKjD,MAAK;KACL,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,YAAA;;4BAGH,CAFT,mBAES,QAFT,YAES,gBADP,MAAM,kBAAe,UAAA,MAAA,EAAA,EAAA,CAAA,CAAA;;;OAM3B,mBASM,OATN,YASM,EAAA,UAAA,KAAA,EARJ,mBAOsC,UAAA,MAAA,WANvB,MAAM,WAAZ,OAAE;wBADX,YAOsC,2BAAA;KALnC,KAAK,GAAG;KACR,YAAY,MAAM;KAClB,YAAY,MAAM,WAAW,GAAG,KAAI;KACpC,MAAM,GAAG;KACT,YAAY,MAAM,kBAAkB,GAAG,KAAI;KAC3C,WAAM,WAAE,KAAI,UAAW,GAAG,KAAI"}

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

@@ -0,0 +1,3 @@
+export { useRunnerExecution, type RunResult, type RunSummary, type TestResult, } from './use-runner-execution.js';
+export { useRunnerSelection, type SelectedItem } from './use-runner-selection.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,UAAU,GAChB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,kBAAkB,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAA"}