@acutis/cli 0.5.1 → 0.6.0

package/.output/server/chunks/build/{_slug_-DjtFCLa7.mjs → _slug_-CCufladN.mjs}

@@ -1,9 +1,13 @@
-import { f as useRoute, g as useFetch, h as createError$1, k as icon_default, O as _sfc_main$4$1, _ as _sfc_main$6, m as _sfc_main$7, n as navigateTo, $ as $fetch$1, a as useComponentProps, b as useAppConfig, v as useForwardProps, w as reactivePick, t as tv, Q as DropdownMenuRoot_default, S as DropdownMenuTrigger_default, T as DropdownMenuArrow_default, U as refreshNuxtData, u as useNotify, l as _sfc_main$7$1, V as _sfc_main$5$1, c as useLocale, W as useFilter, X as usePortal, Y as useForwardPropsEmits, Z as reactiveOmit, a0 as createReusableTemplate, a1 as isArrayOfArray, e as _sfc_main$5$2, d as _sfc_main$3$1, x as get, a2 as _sfc_main$8$1, a3 as DropdownMenu, a4 as FieldGroupReset, a5 as _sfc_main$1$1, a6 as pickLinkProps, a7 as _sfc_main$2$2, a8 as omit, p as modal_default$4, q as _sfc_main$1$2, a9 as fieldGroupInjectionKey, P as Primitive, B as useVModel, z as useForwardExpose, C as useId$1, aa as useEventListener, E as Presence_default, F as createContext } from '../virtual/entry.mjs';
-import { p as projectOrigin, _ as _sfc_main$2$1, b as _sfc_main$8 } from './origin-D49r5-BY.mjs';
-import { _ as _sfc_main$4 } from './Container-Bw8GVIe-.mjs';
-import { _ as _sfc_main$5 } from './Alert-CGPbjyet.mjs';
-import { a as useRunStream, u as useGitSync, G as GIT_CONFLICT_HINT, k as GIT_UNAVAILABLE_HINT, b as useWebdriver, r as reportUrlFor, s as setup_default, m as modal_default$1$1, t as tagColor, g as modal_default$3, f as confirm_default, e as empty_default$1, p as phrases_default, l as failure_default, n as steps_default } from './tags-CU5wN20i.mjs';
-import { defineComponent, computed, ref, withAsyncContext, watch, mergeProps, unref, withCtx, createVNode, isRef, toDisplayString, openBlock, createBlock, createCommentVNode, Fragment, renderList, createTextVNode, useSlots, useModel, toRef, renderSlot, createSlots, mergeModels, resolveDynamicComponent, withModifiers, withKeys, provide, useId, toRefs, nextTick, useSSRContext } from 'vue';
+import { f as useRoute, g as useFetch, l as createError$1, u as useNotify, i as icon_default, Q as _sfc_main$4$1, _ as _sfc_main$7, p as _sfc_main$8, o as navigateTo, $ as $fetch$1, a as useComponentProps, b as useAppConfig, v as useForwardProps, w as reactivePick, t as tv, S as DropdownMenuRoot_default, T as DropdownMenuTrigger_default, U as DropdownMenuArrow_default, V as refreshNuxtData, h as _sfc_main$7$1, W as _sfc_main$5$1, c as useLocale, X as useFilter, Y as usePortal, Z as useForwardPropsEmits, a0 as reactiveOmit, a1 as createReusableTemplate, a2 as isArrayOfArray, e as _sfc_main$5$2, d as _sfc_main$3$1, x as get, a3 as _sfc_main$a, a4 as DropdownMenu, a5 as FieldGroupReset, a6 as _sfc_main$1$1, a7 as pickLinkProps, a8 as _sfc_main$2$1, a9 as omit, r as modal_default$4, s as _sfc_main$1$2, aa as fieldGroupInjectionKey, P as Primitive, B as useVModel, z as useForwardExpose, C as useId$1, ab as useEventListener, E as Presence_default, F as createContext } from '../virtual/entry.mjs';
+import { p as projectOrigin, c as confirm_default, a as _sfc_main$c } from './origin-COKNa406.mjs';
+import { _ as _sfc_main$9 } from './Pagination-DxUglDxC.mjs';
+import { _ as _sfc_main$4 } from './Container-D0WjluxO.mjs';
+import { _ as _sfc_main$6 } from './Alert-BJf39Ayb.mjs';
+import { _ as _sfc_main$5 } from './Badge-BMpCypXw.mjs';
+import { _ as _sfc_main$b } from './ContextMenu-CC085wXq.mjs';
+import { u as useRunStream, e as empty_default$1, r as reportUrlFor } from './run-stream-Dfh0fAdN.mjs';
+import { u as useGitSync, G as GIT_CONFLICT_HINT, g as GIT_UNAVAILABLE_HINT, a as useWebdriver, s as setup_default, m as modal_default$1$1, d as modal_default$3, t as tagColor, p as phrases_default, h as failure_default, i as steps_default } from './tags-BiGI0PZP.mjs';
+import { defineComponent, computed, ref, withAsyncContext, watch, nextTick, mergeProps, unref, withCtx, createVNode, isRef, toDisplayString, openBlock, createBlock, createTextVNode, createCommentVNode, Fragment, renderList, useSlots, useModel, toRef, renderSlot, createSlots, mergeModels, resolveDynamicComponent, withModifiers, withKeys, provide, useId, toRefs, useSSRContext } from 'vue';
 import { o as defu } from '../nitro/nitro.mjs';
 import { ssrRenderComponent, ssrRenderAttr, ssrInterpolate, ssrRenderList, ssrRenderSlot, ssrRenderAttrs, ssrRenderClass, ssrRenderVNode } from 'vue/server-renderer';
 import 'unhead/plugins';
@@ -303,7 +307,7 @@ var inline_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			}
 		}
 		return (_ctx, _push, _parent, _attrs) => {
-			const _component_UInput = _sfc_main$7;
+			const _component_UInput = _sfc_main$8;
 			const _component_BaseButtonIcon = icon_default;
 			const _component_UTooltip = _sfc_main$7$1;
 			if (unref(editing)) {
@@ -355,11 +359,11 @@ var inline_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 });
 //#endregion
 //#region app/components/project/rename/inline.vue
-var _sfc_setup$11 = inline_vue_vue_type_script_setup_true_lang_default.setup;
+var _sfc_setup$12 = inline_vue_vue_type_script_setup_true_lang_default.setup;
 inline_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
 	const ssrContext = useSSRContext();
 	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/rename/inline.vue");
-	return _sfc_setup$11 ? _sfc_setup$11(props, ctx) : void 0;
+	return _sfc_setup$12 ? _sfc_setup$12(props, ctx) : void 0;
 };
 var inline_default = Object.assign(inline_vue_vue_type_script_setup_true_lang_default, { __name: "ProjectRenameInline" });
 //#endregion
@@ -437,11 +441,11 @@ var _sfc_main$3 = {
 		};
 	}
 };
-var _sfc_setup$10 = _sfc_main$3.setup;
+var _sfc_setup$11 = _sfc_main$3.setup;
 _sfc_main$3.setup = (props, ctx) => {
 	const ssrContext = useSSRContext();
 	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../node_modules/.pnpm/@nuxt+ui@4.10.0_e9e3fcf18fb997bdd8dc5f7c218a2205/node_modules/@nuxt/ui/dist/runtime/components/FieldGroup.vue");
-	return _sfc_setup$10 ? _sfc_setup$10(props, ctx) : void 0;
+	return _sfc_setup$11 ? _sfc_setup$11(props, ctx) : void 0;
 };
 //#endregion
 //#region app/components/project/environments/select.vue?vue&type=script&setup=true&lang.ts
@@ -476,7 +480,7 @@ var select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		}
 		return (_ctx, _push, _parent, _attrs) => {
 			const _component_UTooltip = _sfc_main$7$1;
-			const _component_UButton = _sfc_main$6;
+			const _component_UButton = _sfc_main$7;
 			const _component_UFieldGroup = _sfc_main$3;
 			const _component_USelectMenu = _sfc_main$5$1;
 			const _component_BaseButtonIcon = icon_default;
@@ -563,11 +567,11 @@ var select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 });
 //#endregion
 //#region app/components/project/environments/select.vue
-var _sfc_setup$9 = select_vue_vue_type_script_setup_true_lang_default.setup;
+var _sfc_setup$10 = select_vue_vue_type_script_setup_true_lang_default.setup;
 select_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
 	const ssrContext = useSSRContext();
 	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/environments/select.vue");
-	return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+	return _sfc_setup$10 ? _sfc_setup$10(props, ctx) : void 0;
 };
 var select_default = Object.assign(select_vue_vue_type_script_setup_true_lang_default, { __name: "ProjectEnvironmentsSelect" });
 //#endregion
@@ -866,7 +870,7 @@ var _sfc_main$2 = {
 							else if (item.kbds?.length) {
 								_push(`<span data-slot="itemTrailingKbds" class="${ssrRenderClass(__props.ui.itemTrailingKbds({ class: [__props.uiOverride?.itemTrailingKbds, item.ui?.itemTrailingKbds] }))}"${_scopeId}><!--[-->`);
 								ssrRenderList(item.kbds, (kbd, kbdIndex) => {
-									_push(ssrRenderComponent(_sfc_main$8$1, mergeProps({
+									_push(ssrRenderComponent(_sfc_main$a, mergeProps({
 										key: kbdIndex,
 										size: item.ui?.itemTrailingKbdsSize || __props.uiOverride?.itemTrailingKbdsSize || __props.ui.itemTrailingKbdsSize()
 									}, { ref_for: true }, typeof kbd === "string" ? { value: kbd } : kbd), null, _parent, _scopeId));
@@ -989,7 +993,7 @@ var _sfc_main$2 = {
 							"data-slot": "itemTrailingKbds",
 							class: __props.ui.itemTrailingKbds({ class: [__props.uiOverride?.itemTrailingKbds, item.ui?.itemTrailingKbds] })
 						}, [(openBlock(true), createBlock(Fragment, null, renderList(item.kbds, (kbd, kbdIndex) => {
-							return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
+							return openBlock(), createBlock(_sfc_main$a, mergeProps({
 								key: kbdIndex,
 								size: item.ui?.itemTrailingKbdsSize || __props.uiOverride?.itemTrailingKbdsSize || __props.ui.itemTrailingKbdsSize()
 							}, { ref_for: true }, typeof kbd === "string" ? { value: kbd } : kbd), null, 16, ["size"]);
@@ -1024,7 +1028,7 @@ var _sfc_main$2 = {
 											"as-child": ""
 										}, {
 											default: withCtx((_, _push, _parent, _scopeId) => {
-												if (_push) _push(ssrRenderComponent(_sfc_main$7, mergeProps({
+												if (_push) _push(ssrRenderComponent(_sfc_main$8, mergeProps({
 													autofocus: "",
 													autocomplete: "off",
 													size: __props.size
@@ -1033,7 +1037,7 @@ var _sfc_main$2 = {
 													class: __props.ui.input({ class: __props.uiOverride?.input }),
 													onChange: () => {}
 												}), null, _parent, _scopeId));
-												else return [createVNode(_sfc_main$7, mergeProps({
+												else return [createVNode(_sfc_main$8, mergeProps({
 													autofocus: "",
 													autocomplete: "off",
 													size: __props.size
@@ -1257,7 +1261,7 @@ var _sfc_main$2 = {
 																			onSelect: item.onSelect
 																		}, {
 																			default: withCtx((_, _push, _parent, _scopeId) => {
-																				if (_push) _push(ssrRenderComponent(_sfc_main$2$2, mergeProps({ ref_for: true }, slotProps, {
+																				if (_push) _push(ssrRenderComponent(_sfc_main$2$1, mergeProps({ ref_for: true }, slotProps, {
 																					"data-slot": "item",
 																					class: __props.ui.item({
 																						class: [
@@ -1287,7 +1291,7 @@ var _sfc_main$2 = {
 																					}),
 																					_: 2
 																				}, _parent, _scopeId));
-																				else return [createVNode(_sfc_main$2$2, mergeProps({ ref_for: true }, slotProps, {
+																				else return [createVNode(_sfc_main$2$1, mergeProps({ ref_for: true }, slotProps, {
 																					"data-slot": "item",
 																					class: __props.ui.item({
 																						class: [
@@ -1319,7 +1323,7 @@ var _sfc_main$2 = {
 																			"text-value": unref(get)(item, props.labelKey),
 																			onSelect: item.onSelect
 																		}, {
-																			default: withCtx(() => [createVNode(_sfc_main$2$2, mergeProps({ ref_for: true }, slotProps, {
+																			default: withCtx(() => [createVNode(_sfc_main$2$1, mergeProps({ ref_for: true }, slotProps, {
 																				"data-slot": "item",
 																				class: __props.ui.item({
 																					class: [
@@ -1486,7 +1490,7 @@ var _sfc_main$2 = {
 																	"text-value": unref(get)(item, props.labelKey),
 																	onSelect: item.onSelect
 																}, {
-																	default: withCtx(() => [createVNode(_sfc_main$2$2, mergeProps({ ref_for: true }, slotProps, {
+																	default: withCtx(() => [createVNode(_sfc_main$2$1, mergeProps({ ref_for: true }, slotProps, {
 																		"data-slot": "item",
 																		class: __props.ui.item({
 																			class: [
@@ -1540,7 +1544,7 @@ var _sfc_main$2 = {
 											"onUpdate:modelValue": ($event) => searchTerm.value = $event,
 											"as-child": ""
 										}, {
-											default: withCtx(() => [createVNode(_sfc_main$7, mergeProps({
+											default: withCtx(() => [createVNode(_sfc_main$8, mergeProps({
 												autofocus: "",
 												autocomplete: "off",
 												size: __props.size
@@ -1699,7 +1703,7 @@ var _sfc_main$2 = {
 															"text-value": unref(get)(item, props.labelKey),
 															onSelect: item.onSelect
 														}, {
-															default: withCtx(() => [createVNode(_sfc_main$2$2, mergeProps({ ref_for: true }, slotProps, {
+															default: withCtx(() => [createVNode(_sfc_main$2$1, mergeProps({ ref_for: true }, slotProps, {
 																"data-slot": "item",
 																class: __props.ui.item({
 																	class: [
@@ -1756,7 +1760,7 @@ var _sfc_main$2 = {
 										"onUpdate:modelValue": ($event) => searchTerm.value = $event,
 										"as-child": ""
 									}, {
-										default: withCtx(() => [createVNode(_sfc_main$7, mergeProps({
+										default: withCtx(() => [createVNode(_sfc_main$8, mergeProps({
 											autofocus: "",
 											autocomplete: "off",
 											size: __props.size
@@ -1915,7 +1919,7 @@ var _sfc_main$2 = {
 														"text-value": unref(get)(item, props.labelKey),
 														onSelect: item.onSelect
 													}, {
-														default: withCtx(() => [createVNode(_sfc_main$2$2, mergeProps({ ref_for: true }, slotProps, {
+														default: withCtx(() => [createVNode(_sfc_main$2$1, mergeProps({ ref_for: true }, slotProps, {
 															"data-slot": "item",
 															class: __props.ui.item({
 																class: [
@@ -1975,7 +1979,7 @@ var _sfc_main$2 = {
 									"onUpdate:modelValue": ($event) => searchTerm.value = $event,
 									"as-child": ""
 								}, {
-									default: withCtx(() => [createVNode(_sfc_main$7, mergeProps({
+									default: withCtx(() => [createVNode(_sfc_main$8, mergeProps({
 										autofocus: "",
 										autocomplete: "off",
 										size: __props.size
@@ -2134,7 +2138,7 @@ var _sfc_main$2 = {
 													"text-value": unref(get)(item, props.labelKey),
 													onSelect: item.onSelect
 												}, {
-													default: withCtx(() => [createVNode(_sfc_main$2$2, mergeProps({ ref_for: true }, slotProps, {
+													default: withCtx(() => [createVNode(_sfc_main$2$1, mergeProps({ ref_for: true }, slotProps, {
 														"data-slot": "item",
 														class: __props.ui.item({
 															class: [
@@ -2188,11 +2192,11 @@ var _sfc_main$2 = {
 		};
 	}
 };
-var _sfc_setup$8 = _sfc_main$2.setup;
+var _sfc_setup$9 = _sfc_main$2.setup;
 _sfc_main$2.setup = (props, ctx) => {
 	const ssrContext = useSSRContext();
 	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../node_modules/.pnpm/@nuxt+ui@4.10.0_e9e3fcf18fb997bdd8dc5f7c218a2205/node_modules/@nuxt/ui/dist/runtime/components/DropdownMenuContent.vue");
-	return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+	return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
 };
 //#endregion
 //#region virtual:nuxt:node_modules%2F.cache%2Fnuxt%2F.nuxt%2Fui%2Fdropdown-menu.ts
@@ -2632,12 +2636,173 @@ var _sfc_main$1 = {
 		};
 	}
 };
-var _sfc_setup$7 = _sfc_main$1.setup;
+var _sfc_setup$8 = _sfc_main$1.setup;
 _sfc_main$1.setup = (props, ctx) => {
 	const ssrContext = useSSRContext();
 	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../node_modules/.pnpm/@nuxt+ui@4.10.0_e9e3fcf18fb997bdd8dc5f7c218a2205/node_modules/@nuxt/ui/dist/runtime/components/DropdownMenu.vue");
+	return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+};
+//#endregion
+//#region app/components/scenario/card.vue?vue&type=script&setup=true&lang.ts
+var card_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "card",
+	__ssrInlineRender: true,
+	props: {
+		scenario: {},
+		slug: {}
+	},
+	emits: [
+		"run",
+		"skip",
+		"remove"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		/** O id do cenário é o caminho do spec sem `tests/` e sem a extensão. */
+		const id = computed(() => __props.scenario.spec.replace(/^tests\//, "").replace(/\.spec\.ts$/, ""));
+		const page = computed(() => `/projects/${__props.slug}/scenarios/${id.value}`);
+		const actions = computed(() => [
+			[{
+				label: "Abrir o cenário",
+				icon: "i-ic-round-open-in-new",
+				testid: "cenario-menu-abrir",
+				onSelect: () => navigateTo(page.value)
+			}, {
+				label: "Ver a última execução",
+				icon: "i-ic-round-history",
+				testid: "cenario-menu-execucao",
+				onSelect: () => navigateTo(`${page.value}?tab=execucoes&run=ultima`)
+			}],
+			[
+				...__props.scenario.skipped ? [] : [{
+					label: "Rodar",
+					icon: "i-ic-round-play-arrow",
+					testid: "cenario-menu-rodar",
+					onSelect: () => emit("run")
+				}],
+				{
+					label: __props.scenario.skipped ? "Voltar a rodar" : "Pausar",
+					icon: __props.scenario.skipped ? "i-ic-round-play-circle" : "i-ic-round-pause-circle",
+					testid: "cenario-menu-pausar",
+					onSelect: () => emit("skip")
+				},
+				{
+					label: "Editar",
+					icon: "i-ic-round-edit",
+					testid: "cenario-menu-editar",
+					onSelect: () => navigateTo(`${page.value}?editar`)
+				}
+			],
+			[{
+				label: "Excluir",
+				icon: "i-ic-round-delete",
+				color: "error",
+				testid: "cenario-menu-remover",
+				onSelect: () => emit("remove")
+			}]
+		]);
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UContextMenu = _sfc_main$b;
+			const _component_UCard = _sfc_main$c;
+			const _component_UBadge = _sfc_main$5;
+			_push(ssrRenderComponent(_component_UContextMenu, mergeProps({ items: unref(actions) }, _attrs), {
+				"item-label": withCtx(({ item }, _push, _parent, _scopeId) => {
+					if (_push) _push(`<span${ssrRenderAttr("data-testid", item.testid)}${_scopeId}>${ssrInterpolate(item.label)}</span>`);
+					else return [createVNode("span", { "data-testid": item.testid }, toDisplayString(item.label), 9, ["data-testid"])];
+				}),
+				default: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent(_component_UCard, {
+						"data-testid": "cenario-card",
+						class: "cursor-pointer transition-colors hover:bg-accented/75",
+						onClick: ($event) => ("navigateTo" in _ctx ? _ctx.navigateTo : unref(navigateTo))(unref(page))
+					}, {
+						default: withCtx((_, _push, _parent, _scopeId) => {
+							if (_push) {
+								_push(`<div class="flex flex-col gap-2"${_scopeId}><p class="font-semibold truncate"${_scopeId}>${ssrInterpolate(__props.scenario.title)}</p><p class="text-sm text-muted italic truncate"${_scopeId}>${ssrInterpolate(__props.scenario.spec)}</p><div class="flex flex-wrap gap-1"${_scopeId}>`);
+								if (__props.scenario.skipped) _push(ssrRenderComponent(_component_UBadge, {
+									color: "warning",
+									variant: "soft",
+									size: "md",
+									icon: "i-ic-round-pause-circle",
+									label: "Pausado",
+									"data-testid": "cenario-card-pulado"
+								}, null, _parent, _scopeId));
+								else _push(`<!---->`);
+								_push(`<!--[-->`);
+								ssrRenderList(__props.scenario.tags, (tag) => {
+									_push(ssrRenderComponent(_component_UBadge, {
+										key: tag,
+										color: unref(tagColor)(tag),
+										size: "md",
+										label: tag
+									}, null, _parent, _scopeId));
+								});
+								_push(`<!--]--></div></div>`);
+							} else return [createVNode("div", { class: "flex flex-col gap-2" }, [
+								createVNode("p", { class: "font-semibold truncate" }, toDisplayString(__props.scenario.title), 1),
+								createVNode("p", { class: "text-sm text-muted italic truncate" }, toDisplayString(__props.scenario.spec), 1),
+								createVNode("div", { class: "flex flex-wrap gap-1" }, [__props.scenario.skipped ? (openBlock(), createBlock(_component_UBadge, {
+									key: 0,
+									color: "warning",
+									variant: "soft",
+									size: "md",
+									icon: "i-ic-round-pause-circle",
+									label: "Pausado",
+									"data-testid": "cenario-card-pulado"
+								})) : createCommentVNode("", true), (openBlock(true), createBlock(Fragment, null, renderList(__props.scenario.tags, (tag) => {
+									return openBlock(), createBlock(_component_UBadge, {
+										key: tag,
+										color: unref(tagColor)(tag),
+										size: "md",
+										label: tag
+									}, null, 8, ["color", "label"]);
+								}), 128))])
+							])];
+						}),
+						_: 1
+					}, _parent, _scopeId));
+					else return [createVNode(_component_UCard, {
+						"data-testid": "cenario-card",
+						class: "cursor-pointer transition-colors hover:bg-accented/75",
+						onClick: ($event) => ("navigateTo" in _ctx ? _ctx.navigateTo : unref(navigateTo))(unref(page))
+					}, {
+						default: withCtx(() => [createVNode("div", { class: "flex flex-col gap-2" }, [
+							createVNode("p", { class: "font-semibold truncate" }, toDisplayString(__props.scenario.title), 1),
+							createVNode("p", { class: "text-sm text-muted italic truncate" }, toDisplayString(__props.scenario.spec), 1),
+							createVNode("div", { class: "flex flex-wrap gap-1" }, [__props.scenario.skipped ? (openBlock(), createBlock(_component_UBadge, {
+								key: 0,
+								color: "warning",
+								variant: "soft",
+								size: "md",
+								icon: "i-ic-round-pause-circle",
+								label: "Pausado",
+								"data-testid": "cenario-card-pulado"
+							})) : createCommentVNode("", true), (openBlock(true), createBlock(Fragment, null, renderList(__props.scenario.tags, (tag) => {
+								return openBlock(), createBlock(_component_UBadge, {
+									key: tag,
+									color: unref(tagColor)(tag),
+									size: "md",
+									label: tag
+								}, null, 8, ["color", "label"]);
+							}), 128))])
+						])]),
+						_: 1
+					}, 8, ["onClick"])];
+				}),
+				_: 1
+			}, _parent));
+		};
+	}
+});
+//#endregion
+//#region app/components/scenario/card.vue
+var _sfc_setup$7 = card_vue_vue_type_script_setup_true_lang_default.setup;
+card_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/scenario/card.vue");
 	return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
 };
+var card_default = Object.assign(card_vue_vue_type_script_setup_true_lang_default, { __name: "ScenarioCard" });
 //#endregion
 //#region app/components/scenario/empty.vue?vue&type=script&setup=true&lang.ts
 var empty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -2651,7 +2816,7 @@ var empty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		return (_ctx, _push, _parent, _attrs) => {
-			const _component_UCard = _sfc_main$8;
+			const _component_UCard = _sfc_main$c;
 			const _component_UIcon = _sfc_main$5$2;
 			_push(`<div${ssrRenderAttrs(mergeProps({
 				"data-testid": "cenario-vazio",
@@ -2729,8 +2894,8 @@ var vars_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			return variable.secret && !revealed.value.includes(index) ? "password" : "text";
 		}
 		return (_ctx, _push, _parent, _attrs) => {
-			const _component_UInput = _sfc_main$7;
-			const _component_UButton = _sfc_main$6;
+			const _component_UInput = _sfc_main$8;
+			const _component_UButton = _sfc_main$7;
 			const _component_UTooltip = _sfc_main$7$1;
 			_push(`<div${ssrRenderAttrs(mergeProps({ class: "flex flex-col gap-2" }, _attrs))}><datalist${ssrRenderAttr("id", unref(keyListId))}><!--[-->`);
 			ssrRenderList(__props.knownKeys, (key) => {
@@ -2988,8 +3153,8 @@ var modal_vue_vue_type_script_setup_true_lang_default$2 = /*@__PURE__*/ defineCo
 		}
 		return (_ctx, _push, _parent, _attrs) => {
 			const _component_BaseModal = modal_default$4;
-			const _component_UButton = _sfc_main$6;
-			const _component_UInput = _sfc_main$7;
+			const _component_UButton = _sfc_main$7;
+			const _component_UInput = _sfc_main$8;
 			const _component_UFormField = _sfc_main$1$2;
 			const _component_ProjectEnvironmentsVars = vars_default;
 			const _component_BaseEmpty = empty_default$1;
@@ -3302,10 +3467,10 @@ var modal_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineCo
 		}
 		return (_ctx, _push, _parent, _attrs) => {
 			const _component_BaseModal = modal_default$4;
-			const _component_UAlert = _sfc_main$5;
+			const _component_UAlert = _sfc_main$6;
 			const _component_UFormField = _sfc_main$1$2;
-			const _component_UInput = _sfc_main$7;
-			const _component_UButton = _sfc_main$6;
+			const _component_UInput = _sfc_main$8;
+			const _component_UButton = _sfc_main$7;
 			_push(ssrRenderComponent(_component_BaseModal, mergeProps({
 				open: open.value,
 				"onUpdate:open": ($event) => open.value = $event,
@@ -3581,11 +3746,11 @@ var modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		}
 		return (_ctx, _push, _parent, _attrs) => {
 			const _component_BaseModal = modal_default$4;
-			const _component_UBadge = _sfc_main$2$1;
+			const _component_UBadge = _sfc_main$5;
 			const _component_BaseLoadingPhrases = phrases_default;
-			const _component_UAlert = _sfc_main$5;
+			const _component_UAlert = _sfc_main$6;
 			const _component_UCollapsible = _sfc_main;
-			const _component_UButton = _sfc_main$6;
+			const _component_UButton = _sfc_main$7;
 			const _component_ScenarioTestRunFailure = failure_default;
 			const _component_ScenarioTestRunSteps = steps_default;
 			_push(ssrRenderComponent(_component_BaseModal, mergeProps({
@@ -3856,6 +4021,7 @@ modal_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
 var modal_default = Object.assign(modal_vue_vue_type_script_setup_true_lang_default, { __name: "ProjectRunFilteredModal" });
 //#endregion
 //#region app/pages/projects/[slug].vue?vue&type=script&setup=true&lang.ts
+var DEFAULT_PAGE_SIZE = 9;
 var AUTH_SPEC = "tests/auth.setup.ts";
 var _slug__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "[slug]",
@@ -3882,14 +4048,86 @@ var _slug__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			if (!term) return all;
 			return all.filter((scenario) => scenario.title.toLowerCase().includes(term) || scenario.tags.some((tag) => tag.toLowerCase().includes(term)));
 		});
-		/** O cenário pulado fica na listagem, mas fora da execução: o Playwright não roda ele. */
+		/** O cenário pausado fica na listagem, mas fora da execução: o Playwright não roda ele. */
 		const runnable = computed(() => scenarios.value.filter((scenario) => !scenario.skipped));
+		/** O que o SSR pede antes de medir a tela: três colunas por três linhas cabem na maioria. */
+		const pageSize = ref(DEFAULT_PAGE_SIZE);
+		const page = ref(1);
+		const grid = ref();
+		const paginated = computed(() => scenarios.value.slice((page.value - 1) * pageSize.value, page.value * pageSize.value));
+		watch(scenarios, () => {
+			page.value = 1;
+		});
+		/** Quantos cards cabem na altura que sobra da tela, medindo o card e a grade do DOM. */
+		function fitPageSize() {
+			const gridEl = grid.value;
+			const card = gridEl?.firstElementChild;
+			if (!gridEl || !card) return;
+			const style = getComputedStyle(gridEl);
+			const gap = Number.parseFloat(style.rowGap) || 0;
+			const columns = style.gridTemplateColumns.split(" ").length;
+			const cardHeight = card.getBoundingClientRect().height;
+			if (cardHeight <= 0) return;
+			const free = (void 0).innerHeight - gridEl.getBoundingClientRect().top - 96;
+			const fits = Math.max(1, Math.floor((free + gap) / (cardHeight + gap))) * columns;
+			if (fits === pageSize.value) return;
+			page.value = 1;
+			pageSize.value = fits;
+		}
+		watch(paginated, () => nextTick(fitPageSize));
 		const filteredRun = useRunStream(() => slug.value);
 		const filteredRunOpen = ref(false);
 		/** O que roda é o que está na tela: os títulos filtrados viram o `--grep` do Playwright. */
 		function runFiltered() {
 			filteredRunOpen.value = true;
-			filteredRun.start({ grep: runnable.value.map((scenario) => scenario.title.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|") });
+			filteredRun.start({
+				grep: runnable.value.map((scenario) => scenario.title.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|"),
+				filter: search.value.trim() || void 0
+			});
+		}
+		/** Rodar um cenário só, pelo menu do card: é a mesma tela de resultado da execução filtrada. */
+		function runOne(scenario) {
+			filteredRunOpen.value = true;
+			filteredRun.start({ spec: scenario.spec });
+		}
+		const notify = useNotify();
+		async function toggleSkip(scenario) {
+			const id = scenarioIdOf(scenario);
+			try {
+				await $fetch$1(`/api/projects/${slug.value}/scenario-skip`, {
+					method: "PATCH",
+					body: {
+						scenarioId: id,
+						skipped: !scenario.skipped
+					}
+				});
+				notify.success(scenario.skipped ? "Cenário voltou a rodar." : "Cenário pausado.");
+				await refresh();
+			} catch (error) {
+				notify.failure(error, "Não foi possível mudar o cenário.");
+			}
+		}
+		const removingScenario = ref(null);
+		const removingScenarioBusy = ref(false);
+		function askRemoval(scenario) {
+			removingScenario.value = scenario;
+		}
+		async function removeScenario() {
+			const scenario = removingScenario.value;
+			removingScenarioBusy.value = true;
+			try {
+				await $fetch$1(`/api/projects/${slug.value}/scenarios/${scenarioIdOf(scenario)}`, { method: "DELETE" });
+				removingScenario.value = null;
+				notify.success("Cenário excluído.");
+				await refresh();
+			} catch (error) {
+				notify.failure(error, "Não foi possível excluir o cenário.");
+			} finally {
+				removingScenarioBusy.value = false;
+			}
+		}
+		function scenarioIdOf(scenario) {
+			return scenario.spec.replace(/^tests\//, "").replace(/\.spec\.ts$/, "");
 		}
 		const { conflict: gitConflict, unavailable: gitUnavailable, sync: syncGit } = useGitSync(slug.value);
 		async function syncLatest() {
@@ -4024,17 +4262,18 @@ var _slug__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		return (_ctx, _push, _parent, _attrs) => {
 			const _component_UContainer = _sfc_main$4;
 			const _component_BaseButtonIcon = icon_default;
-			const _component_UBadge = _sfc_main$2$1;
+			const _component_UBadge = _sfc_main$5;
 			const _component_ProjectRenameInline = inline_default;
 			const _component_ProjectEnvironmentsSelect = select_default;
 			const _component_UChip = _sfc_main$4$1;
-			const _component_UAlert = _sfc_main$5;
-			const _component_UButton = _sfc_main$6;
-			const _component_UInput = _sfc_main$7;
+			const _component_UAlert = _sfc_main$6;
+			const _component_UButton = _sfc_main$7;
+			const _component_UInput = _sfc_main$8;
 			const _component_UDropdownMenu = _sfc_main$1;
 			const _component_WebdriverSetup = setup_default;
 			const _component_ScenarioReviewModal = modal_default$1$1;
-			const _component_UCard = _sfc_main$8;
+			const _component_ScenarioCard = card_default;
+			const _component_UPagination = _sfc_main$9;
 			const _component_ScenarioEmpty = empty_default;
 			const _component_ProjectEnvironmentsModal = modal_default$2;
 			const _component_ProjectSettingsModal = modal_default$1;
@@ -4086,12 +4325,10 @@ var _slug__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 						}, null, _parent, _scopeId));
 						if (unref(project).has_report) _push(ssrRenderComponent(_component_BaseButtonIcon, {
 							icon: "i-ic-round-assessment",
-							label: "Relatório da última execução",
+							label: "Relatório das execuções",
 							color: "neutral",
 							variant: "soft",
-							to: unref(reportUrlFor)(unref(slug)),
-							target: "_blank",
-							external: "",
+							to: `/projects/${unref(slug)}/report`,
 							"data-testid": "projeto-relatorio"
 						}, null, _parent, _scopeId));
 						else _push(`<!---->`);
@@ -4317,60 +4554,29 @@ var _slug__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 						}, null, _parent, _scopeId));
 						if (unref(scenarios).length) {
 							_push(`<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"${_scopeId}><!--[-->`);
-							ssrRenderList(unref(scenarios), (scenario) => {
-								_push(ssrRenderComponent(_component_UCard, {
+							ssrRenderList(unref(paginated), (scenario) => {
+								_push(ssrRenderComponent(_component_ScenarioCard, {
 									key: scenario.spec,
-									"data-testid": "cenario-card",
-									class: "cursor-pointer",
-									onClick: ($event) => unref(navigateTo)(`/projects/${unref(slug)}/scenarios/${scenario.spec.replace(/^tests\//, "").replace(/\.spec\.ts$/, "")}`)
-								}, {
-									default: withCtx((_, _push, _parent, _scopeId) => {
-										if (_push) {
-											_push(`<div class="flex flex-col gap-2"${_scopeId}><p class="font-semibold truncate"${_scopeId}>${ssrInterpolate(scenario.title)}</p><p class="text-sm text-muted italic truncate"${_scopeId}>${ssrInterpolate(scenario.spec)}</p><div class="flex flex-wrap gap-1"${_scopeId}>`);
-											if (scenario.skipped) _push(ssrRenderComponent(_component_UBadge, {
-												color: "warning",
-												variant: "soft",
-												size: "md",
-												icon: "i-ic-round-pause-circle",
-												label: "Pulado",
-												"data-testid": "cenario-card-pulado"
-											}, null, _parent, _scopeId));
-											else _push(`<!---->`);
-											_push(`<!--[-->`);
-											ssrRenderList(scenario.tags, (tag) => {
-												_push(ssrRenderComponent(_component_UBadge, {
-													key: tag,
-													color: unref(tagColor)(tag),
-													size: "md",
-													label: tag
-												}, null, _parent, _scopeId));
-											});
-											_push(`<!--]--></div></div>`);
-										} else return [createVNode("div", { class: "flex flex-col gap-2" }, [
-											createVNode("p", { class: "font-semibold truncate" }, toDisplayString(scenario.title), 1),
-											createVNode("p", { class: "text-sm text-muted italic truncate" }, toDisplayString(scenario.spec), 1),
-											createVNode("div", { class: "flex flex-wrap gap-1" }, [scenario.skipped ? (openBlock(), createBlock(_component_UBadge, {
-												key: 0,
-												color: "warning",
-												variant: "soft",
-												size: "md",
-												icon: "i-ic-round-pause-circle",
-												label: "Pulado",
-												"data-testid": "cenario-card-pulado"
-											})) : createCommentVNode("", true), (openBlock(true), createBlock(Fragment, null, renderList(scenario.tags, (tag) => {
-												return openBlock(), createBlock(_component_UBadge, {
-													key: tag,
-													color: unref(tagColor)(tag),
-													size: "md",
-													label: tag
-												}, null, 8, ["color", "label"]);
-											}), 128))])
-										])];
-									}),
-									_: 2
-								}, _parent, _scopeId));
+									scenario,
+									slug: unref(slug),
+									onRun: ($event) => runOne(scenario),
+									onSkip: ($event) => toggleSkip(scenario),
+									onRemove: ($event) => askRemoval(scenario)
+								}, null, _parent, _scopeId));
 							});
 							_push(`<!--]--></div>`);
+						} else _push(`<!---->`);
+						if (unref(scenarios).length > unref(pageSize)) {
+							_push(`<div class="mt-6 flex justify-center"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_UPagination, {
+								page: unref(page),
+								"onUpdate:page": ($event) => isRef(page) ? page.value = $event : null,
+								variant: "soft",
+								total: unref(scenarios).length,
+								"items-per-page": unref(pageSize),
+								"data-testid": "cenario-paginacao"
+							}, null, _parent, _scopeId));
+							_push(`</div>`);
 						} else _push(ssrRenderComponent(_component_ScenarioEmpty, {
 							disabled: !unref(webdriver).connected,
 							onRecord: recordDefault
@@ -4416,6 +4622,17 @@ var _slug__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 							output: unref(authRun).output.value,
 							onFix: ($event) => unref(navigateTo)(unref(authPage))
 						}, null, _parent, _scopeId));
+						_push(ssrRenderComponent(_component_BaseConfirm, {
+							open: unref(removingScenario) !== null,
+							title: "Excluir cenário",
+							description: `Isso apaga os arquivos de teste, feature e eventos de "${unref(removingScenario)?.title}".`,
+							"confirm-label": "Excluir",
+							"confirm-color": "error",
+							"confirm-testid": "cenario-excluir-confirmar",
+							loading: unref(removingScenarioBusy),
+							"onUpdate:open": ($event) => removingScenario.value = $event ? unref(removingScenario) : null,
+							onConfirm: removeScenario
+						}, null, _parent, _scopeId));
 						_push(ssrRenderComponent(_component_BaseConfirm, {
 							open: unref(removeOpen),
 							"onUpdate:open": ($event) => isRef(removeOpen) ? removeOpen.value = $event : null,
@@ -4478,12 +4695,10 @@ var _slug__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 							unref(project).has_report ? (openBlock(), createBlock(_component_BaseButtonIcon, {
 								key: 0,
 								icon: "i-ic-round-assessment",
-								label: "Relatório da última execução",
+								label: "Relatório das execuções",
 								color: "neutral",
 								variant: "soft",
-								to: unref(reportUrlFor)(unref(slug)),
-								target: "_blank",
-								external: "",
+								to: `/projects/${unref(slug)}/report`,
 								"data-testid": "projeto-relatorio"
 							}, null, 8, ["to"])) : createCommentVNode("", true),
 							createVNode(_component_UChip, {
@@ -4658,38 +4873,42 @@ var _slug__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 						]),
 						unref(scenarios).length ? (openBlock(), createBlock("div", {
 							key: 4,
+							ref_key: "grid",
+							ref: grid,
 							class: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"
-						}, [(openBlock(true), createBlock(Fragment, null, renderList(unref(scenarios), (scenario) => {
-							return openBlock(), createBlock(_component_UCard, {
+						}, [(openBlock(true), createBlock(Fragment, null, renderList(unref(paginated), (scenario) => {
+							return openBlock(), createBlock(_component_ScenarioCard, {
 								key: scenario.spec,
-								"data-testid": "cenario-card",
-								class: "cursor-pointer",
-								onClick: ($event) => unref(navigateTo)(`/projects/${unref(slug)}/scenarios/${scenario.spec.replace(/^tests\//, "").replace(/\.spec\.ts$/, "")}`)
-							}, {
-								default: withCtx(() => [createVNode("div", { class: "flex flex-col gap-2" }, [
-									createVNode("p", { class: "font-semibold truncate" }, toDisplayString(scenario.title), 1),
-									createVNode("p", { class: "text-sm text-muted italic truncate" }, toDisplayString(scenario.spec), 1),
-									createVNode("div", { class: "flex flex-wrap gap-1" }, [scenario.skipped ? (openBlock(), createBlock(_component_UBadge, {
-										key: 0,
-										color: "warning",
-										variant: "soft",
-										size: "md",
-										icon: "i-ic-round-pause-circle",
-										label: "Pulado",
-										"data-testid": "cenario-card-pulado"
-									})) : createCommentVNode("", true), (openBlock(true), createBlock(Fragment, null, renderList(scenario.tags, (tag) => {
-										return openBlock(), createBlock(_component_UBadge, {
-											key: tag,
-											color: unref(tagColor)(tag),
-											size: "md",
-											label: tag
-										}, null, 8, ["color", "label"]);
-									}), 128))])
-								])]),
-								_: 2
-							}, 1032, ["onClick"]);
-						}), 128))])) : (openBlock(), createBlock(_component_ScenarioEmpty, {
+								scenario,
+								slug: unref(slug),
+								onRun: ($event) => runOne(scenario),
+								onSkip: ($event) => toggleSkip(scenario),
+								onRemove: ($event) => askRemoval(scenario)
+							}, null, 8, [
+								"scenario",
+								"slug",
+								"onRun",
+								"onSkip",
+								"onRemove"
+							]);
+						}), 128))], 512)) : createCommentVNode("", true),
+						unref(scenarios).length > unref(pageSize) ? (openBlock(), createBlock("div", {
 							key: 5,
+							class: "mt-6 flex justify-center"
+						}, [createVNode(_component_UPagination, {
+							page: unref(page),
+							"onUpdate:page": ($event) => isRef(page) ? page.value = $event : null,
+							variant: "soft",
+							total: unref(scenarios).length,
+							"items-per-page": unref(pageSize),
+							"data-testid": "cenario-paginacao"
+						}, null, 8, [
+							"page",
+							"onUpdate:page",
+							"total",
+							"items-per-page"
+						])])) : (openBlock(), createBlock(_component_ScenarioEmpty, {
+							key: 6,
 							disabled: !unref(webdriver).connected,
 							onRecord: recordDefault
 						}, null, 8, ["disabled"])),
@@ -4767,6 +4986,22 @@ var _slug__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 							"output",
 							"onFix"
 						]),
+						createVNode(_component_BaseConfirm, {
+							open: unref(removingScenario) !== null,
+							title: "Excluir cenário",
+							description: `Isso apaga os arquivos de teste, feature e eventos de "${unref(removingScenario)?.title}".`,
+							"confirm-label": "Excluir",
+							"confirm-color": "error",
+							"confirm-testid": "cenario-excluir-confirmar",
+							loading: unref(removingScenarioBusy),
+							"onUpdate:open": ($event) => removingScenario.value = $event ? unref(removingScenario) : null,
+							onConfirm: removeScenario
+						}, null, 8, [
+							"open",
+							"description",
+							"loading",
+							"onUpdate:open"
+						]),
 						createVNode(_component_BaseConfirm, {
 							open: unref(removeOpen),
 							"onUpdate:open": ($event) => isRef(removeOpen) ? removeOpen.value = $event : null,
@@ -4801,4 +5036,4 @@ _slug__vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
 var _slug__default = _slug__vue_vue_type_script_setup_true_lang_default;
 
 export { _slug__default as default };
-//# sourceMappingURL=_slug_-DjtFCLa7.mjs.map
+//# sourceMappingURL=_slug_-CCufladN.mjs.map