@acutis/cli 0.1.2 → 0.2.0-dev.23

package/.output/server/chunks/build/{_...scenario_-DNqQ06NM.mjs → _...scenario_-qp56INdQ.mjs}

@@ -1,19 +1,11 @@
-import { v as useRoute, w as useFetch, x as createError$1, s as useAi, $ as $fetch$2, y as extractServerError, z as icon_default, q as _sfc_main$2, A as AI_OFF_HINT, e as _sfc_main$3, _ as _sfc_main$2$1, m as modal_default$1$1, B as navigateTo, C as _sfc_main$8, o as _sfc_main$6 } from '../virtual/entry.mjs';
-import { p as projectOrigin, _ as _sfc_main$5 } from './origin-_Ab6zkKk.mjs';
-import { _ as _sfc_main } from './Container-HW0bT_Wn.mjs';
-import { _ as _sfc_main$1 } from './Badge-BgyIJKeU.mjs';
-import { a as auth_status_default } from './auth-status-Bo2gxZ-H.mjs';
-import { _ as _sfc_main$4 } from './Alert-Q5hBYuxt.mjs';
-import { w as warnings_default } from './warnings-D8SWbHw0.mjs';
-import { p as phrases_default } from './phrases-CSDEYSbZ.mjs';
-import { u as useRunStream, v as videoUrlFor, f as formatTestedAt } from './run-stream-CNVDpZ_S.mjs';
-import { e as empty_default } from './empty-xO5aD2Ip.mjs';
-import { h as history_default } from './history-D-mei_D6.mjs';
-import { m as modal_default$2 } from './modal-81h_kbj9.mjs';
-import { c as codefield_default, m as modal_default$3 } from './modal-Cpj-bQgu.mjs';
-import { u as useWebdriver, e as eventsBaseUrl, t as tagColor, s as setup_default, a as timeline_default, c as confirm_default, d as draftFromScenario, b as contexts_default } from './tags-DrKY6Ah4.mjs';
+import { f as useRoute, g as useFetch, h as createError$1, i as useAi, $ as $fetch$1, j as extractServerError, k as icon_default, l as _sfc_main$7, A as AI_OFF_HINT, _ as _sfc_main$1, e as _sfc_main$5, n as navigateTo, m as _sfc_main$4, o as _sfc_main$6, p as modal_default$4, q as _sfc_main$1$2 } from '../virtual/entry.mjs';
+import { p as projectOrigin, _ as _sfc_main$2, a as _sfc_main$1$1, b as _sfc_main$8 } from './origin-DFFT7pGA.mjs';
+import { _ as _sfc_main$9 } from './Pagination-BXryRfUN.mjs';
+import { _ as _sfc_main } from './Container-C0k092cW.mjs';
+import { _ as _sfc_main$3 } from './Alert-WVcujYrW.mjs';
+import { u as useRunStream, a as useWebdriver, t as tagColor, w as warnings_default, s as setup_default, e as empty_default, b as timeline_default, c as codefield_default, d as confirm_default, m as modal_default$1$1, f as modal_default$3, v as videoUrlFor, g as formatTestedAt, h as draftFromScenario, i as contexts_default, p as phrases_default } from './tags-DXumXgr9.mjs';
 import { defineComponent, computed, ref, withAsyncContext, watch, mergeProps, unref, withCtx, createVNode, isRef, toDisplayString, createTextVNode, openBlock, createBlock, createCommentVNode, Fragment, renderList, useModel, mergeModels, useSSRContext } from 'vue';
-import { ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderAttr } from 'vue/server-renderer';
+import { ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderAttr, ssrRenderAttrs } from 'vue/server-renderer';
 import 'unhead/plugins';
 import 'unhead/utils';
 import '../routes/renderer.mjs';
@@ -57,19 +49,217 @@ import 'devalue';
 import 'fnv1a-64';
 import 'object-identity';
 import 'tailwindcss/colors';
-import './Pagination-FFamqWKD.mjs';
-import './Card-DLzZ816u.mjs';
-import './steps-CcAjZqHX.mjs';
 import './_plugin-vue_export-helper-BOaGB7Aw.mjs';
 import 'prismjs';
 
+//#region app/components/scenario/auth-status.vue?vue&type=script&setup=true&lang.ts
+var auth_status_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "auth-status",
+	__ssrInlineRender: true,
+	props: { status: {} },
+	setup(__props) {
+		/** Null em `unset`: aí quem conta o estado é o convite a gravar, e o badge só repetiria. */
+		const badge = computed(() => ({
+			configured: {
+				label: "Configurada",
+				icon: "i-ic-round-lock",
+				color: "success"
+			},
+			failing: {
+				label: "Falhando",
+				icon: "i-ic-round-error",
+				color: "error"
+			},
+			skipped: {
+				label: "Dispensada",
+				icon: "i-ic-round-lock-open",
+				color: "neutral"
+			}
+		})[__props.status] ?? null);
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UBadge = _sfc_main$2;
+			if (unref(badge)) _push(ssrRenderComponent(_component_UBadge, mergeProps({
+				variant: "soft",
+				icon: unref(badge).icon,
+				color: unref(badge).color,
+				label: unref(badge).label,
+				"data-testid": "cenario-auth-status"
+			}, _attrs), null, _parent));
+			else _push(`<!---->`);
+		};
+	}
+});
+//#endregion
+//#region app/components/scenario/auth-status.vue
+var _sfc_setup$7 = auth_status_vue_vue_type_script_setup_true_lang_default.setup;
+auth_status_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/scenario/auth-status.vue");
+	return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+};
+var auth_status_default = Object.assign(auth_status_vue_vue_type_script_setup_true_lang_default, { __name: "ScenarioAuthStatus" });
+//#endregion
+//#region app/components/scenario/test-run/history.vue?vue&type=script&setup=true&lang.ts
+var PAGE_SIZE = 6;
+var history_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "history",
+	__ssrInlineRender: true,
+	props: { runs: { default: () => [] } },
+	emits: ["open"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const statusItems = [
+			{
+				label: "Todos",
+				value: "todos"
+			},
+			{
+				label: "Sucesso",
+				value: "sucesso"
+			},
+			{
+				label: "Falha",
+				value: "falha"
+			}
+		];
+		const search = ref("");
+		const status = ref("todos");
+		const page = ref(1);
+		function testedAt(run) {
+			return new Date(run.started_at).toLocaleString("pt-BR", {
+				dateStyle: "short",
+				timeStyle: "short"
+			});
+		}
+		function took(run) {
+			return `${(run.duration_ms / 1e3).toLocaleString("pt-BR", { maximumFractionDigits: 1 })}s`;
+		}
+		/** O que a busca varre numa execução: data, branch, autor e o título do step que falhou. */
+		function searchable(run) {
+			return [
+				testedAt(run),
+				run.branch,
+				run.author,
+				...run.steps.filter((step) => step.status === "failed").map((step) => step.title)
+			].join(" ").toLowerCase();
+		}
+		const filtered = computed(() => __props.runs.filter((run) => {
+			return (status.value === "todos" || status.value === "sucesso" === run.passed) && searchable(run).includes(search.value.trim().toLowerCase());
+		}));
+		const paginated = computed(() => filtered.value.slice((page.value - 1) * PAGE_SIZE, page.value * PAGE_SIZE));
+		watch([search, status], () => {
+			page.value = 1;
+		});
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_BaseEmpty = empty_default;
+			const _component_UInput = _sfc_main$4;
+			const _component_USelect = _sfc_main$6;
+			const _component_UCard = _sfc_main$8;
+			const _component_UBadge = _sfc_main$2;
+			const _component_UPagination = _sfc_main$9;
+			_push(`<section${ssrRenderAttrs(_attrs)}>`);
+			if (__props.runs.length === 0) _push(ssrRenderComponent(_component_BaseEmpty, {
+				icon: "i-ic-round-play-circle-outline",
+				title: "Nenhum teste executado ainda",
+				description: "Rode o cenário em Testar. Cada execução fica registrada aqui com o resultado e o código que rodou.",
+				testid: "cenario-execucoes-vazio"
+			}, null, _parent));
+			else {
+				_push(`<!--[--><div class="mb-3 flex flex-col gap-2 sm:flex-row">`);
+				_push(ssrRenderComponent(_component_UInput, {
+					modelValue: unref(search),
+					"onUpdate:modelValue": ($event) => isRef(search) ? search.value = $event : null,
+					icon: "i-ic-round-search",
+					placeholder: "Buscar por data, branch, autor ou step que falhou",
+					class: "flex-1",
+					"data-testid": "execucoes-busca"
+				}, null, _parent));
+				_push(ssrRenderComponent(_component_USelect, {
+					modelValue: unref(status),
+					"onUpdate:modelValue": ($event) => isRef(status) ? status.value = $event : null,
+					items: statusItems,
+					class: "sm:w-40",
+					"data-testid": "execucoes-status"
+				}, null, _parent));
+				_push(`</div>`);
+				if (unref(filtered).length === 0) _push(ssrRenderComponent(_component_BaseEmpty, {
+					icon: "i-ic-round-search-off",
+					title: "Nenhuma execução encontrada",
+					description: "Nada no histórico casa com a busca e o status escolhidos. Limpe os filtros para ver as execuções de novo.",
+					testid: "cenario-execucoes-sem-resultado"
+				}, null, _parent));
+				else {
+					_push(`<div class="grid gap-3 sm:grid-cols-2"><!--[-->`);
+					ssrRenderList(unref(paginated), (run) => {
+						_push(ssrRenderComponent(_component_UCard, {
+							key: run.started_at,
+							class: "cursor-pointer transition-colors hover:bg-accented/75",
+							"data-testid": "cenario-execucao",
+							"data-status": run.passed ? "success" : "failed",
+							onClick: ($event) => emit("open", run)
+						}, {
+							default: withCtx((_, _push, _parent, _scopeId) => {
+								if (_push) {
+									_push(`<div class="flex items-center justify-between gap-4"${_scopeId}><div class="min-w-0"${_scopeId}><p class="text-sm text-muted"${_scopeId}> Testado em </p><p class="truncate"${_scopeId}>${ssrInterpolate(testedAt(run))} <span class="text-muted"${_scopeId}>em ${ssrInterpolate(took(run))}</span></p></div>`);
+									_push(ssrRenderComponent(_component_UBadge, {
+										variant: "soft",
+										color: run.passed ? "success" : "error",
+										icon: run.passed ? "i-ic-round-check-circle" : "i-ic-round-error",
+										label: run.passed ? "Sucesso" : "Falha"
+									}, null, _parent, _scopeId));
+									_push(`</div>`);
+								} else return [createVNode("div", { class: "flex items-center justify-between gap-4" }, [createVNode("div", { class: "min-w-0" }, [createVNode("p", { class: "text-sm text-muted" }, " Testado em "), createVNode("p", { class: "truncate" }, [createTextVNode(toDisplayString(testedAt(run)) + " ", 1), createVNode("span", { class: "text-muted" }, "em " + toDisplayString(took(run)), 1)])]), createVNode(_component_UBadge, {
+									variant: "soft",
+									color: run.passed ? "success" : "error",
+									icon: run.passed ? "i-ic-round-check-circle" : "i-ic-round-error",
+									label: run.passed ? "Sucesso" : "Falha"
+								}, null, 8, [
+									"color",
+									"icon",
+									"label"
+								])])];
+							}),
+							_: 2
+						}, _parent));
+					});
+					_push(`<!--]--></div>`);
+				}
+				if (unref(filtered).length > PAGE_SIZE) {
+					_push(`<div class="mt-4 flex justify-center">`);
+					_push(ssrRenderComponent(_component_UPagination, {
+						page: unref(page),
+						"onUpdate:page": ($event) => isRef(page) ? page.value = $event : null,
+						variant: "soft",
+						total: unref(filtered).length,
+						"items-per-page": PAGE_SIZE,
+						"data-testid": "execucoes-paginacao"
+					}, null, _parent));
+					_push(`</div>`);
+				} else _push(`<!---->`);
+				_push(`<!--]-->`);
+			}
+			_push(`</section>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/scenario/test-run/history.vue
+var _sfc_setup$6 = history_vue_vue_type_script_setup_true_lang_default.setup;
+history_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/scenario/test-run/history.vue");
+	return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+var history_default = Object.assign(history_vue_vue_type_script_setup_true_lang_default, { __name: "ScenarioTestRunHistory" });
+//#endregion
 //#region app/components/scenario/edit/modal.vue?vue&type=script&setup=true&lang.ts
-var modal_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineComponent({
+var modal_vue_vue_type_script_setup_true_lang_default$2 = /*@__PURE__*/ defineComponent({
 	__name: "modal",
 	__ssrInlineRender: true,
 	props: /*@__PURE__*/ mergeModels({
 		slug: {},
-		scenario: {}
+		scenario: {},
+		resumed: { default: null }
 	}, {
 		"open": {
 			type: Boolean,
@@ -81,12 +271,12 @@ var modal_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineCo
 	setup(__props, { emit: __emit }) {
 		const open = useModel(__props, "open");
 		const emit = __emit;
-		const draft = ref(draftFromScenario(__props.scenario));
+		const draft = ref(__props.resumed?.draft ?? draftFromScenario(__props.scenario));
 		const saving = ref(false);
 		const error = ref(null);
 		watch(open, (isOpen) => {
 			if (isOpen) {
-				draft.value = draftFromScenario(__props.scenario);
+				draft.value = __props.resumed?.draft ?? draftFromScenario(__props.scenario);
 				error.value = null;
 			}
 		});
@@ -95,9 +285,12 @@ var modal_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineCo
 			saving.value = true;
 			error.value = null;
 			try {
-				const updated = await $fetch$2(`/api/projects/${__props.slug}/scenarios/${scenarioId.value}`, {
+				const updated = await $fetch$1(`/api/projects/${__props.slug}/scenarios/${scenarioId.value}`, {
 					method: "PATCH",
-					body: draft.value
+					body: {
+						...draft.value,
+						events: __props.resumed?.events
+					}
 				});
 				open.value = false;
 				emit("updated", updated);
@@ -108,10 +301,10 @@ var modal_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineCo
 			}
 		}
 		return (_ctx, _push, _parent, _attrs) => {
-			const _component_BaseModal = modal_default$1$1;
+			const _component_BaseModal = modal_default$4;
 			const _component_ScenarioReviewContexts = contexts_default;
-			const _component_UAlert = _sfc_main$4;
-			const _component_UButton = _sfc_main$3;
+			const _component_UAlert = _sfc_main$3;
+			const _component_UButton = _sfc_main$1;
 			_push(ssrRenderComponent(_component_BaseModal, mergeProps({
 				open: open.value,
 				"onUpdate:open": ($event) => open.value = $event,
@@ -183,13 +376,324 @@ var modal_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineCo
 });
 //#endregion
 //#region app/components/scenario/edit/modal.vue
+var _sfc_setup$5 = modal_vue_vue_type_script_setup_true_lang_default$2.setup;
+modal_vue_vue_type_script_setup_true_lang_default$2.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/scenario/edit/modal.vue");
+	return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+var modal_default$2 = Object.assign(modal_vue_vue_type_script_setup_true_lang_default$2, { __name: "ScenarioEditModal" });
+//#endregion
+//#region app/components/scenario/suggestions/loading.vue?vue&type=script&setup=true&lang.ts
+var loading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "loading",
+	__ssrInlineRender: true,
+	setup(__props) {
+		const phrases = [
+			"Analisando os eventos gravados",
+			"Procurando seletores frágeis",
+			"Pensando em nomes de data-testid",
+			"Preparando as sugestões"
+		];
+		return (_ctx, _push, _parent, _attrs) => {
+			_push(ssrRenderComponent(phrases_default, mergeProps({
+				phrases,
+				"data-testid": "sugestoes-carregando"
+			}, _attrs), null, _parent));
+		};
+	}
+});
+//#endregion
+//#region app/components/scenario/suggestions/loading.vue
+var _sfc_setup$4 = loading_vue_vue_type_script_setup_true_lang_default.setup;
+loading_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/scenario/suggestions/loading.vue");
+	return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+var loading_default = Object.assign(loading_vue_vue_type_script_setup_true_lang_default, { __name: "ScenarioSuggestionsLoading" });
+//#endregion
+//#region app/components/scenario/suggestions/modal.vue?vue&type=script&setup=true&lang.ts
+var modal_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineComponent({
+	__name: "modal",
+	__ssrInlineRender: true,
+	props: /*@__PURE__*/ mergeModels({
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		suggestions: { default: () => [] },
+		error: { default: null }
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: ["update:open"],
+	setup(__props) {
+		const open = useModel(__props, "open");
+		const copied = ref(null);
+		function copy(testId, index) {
+			(void 0).clipboard?.writeText(testId);
+			copied.value = index;
+			setTimeout(() => {
+				if (copied.value === index) copied.value = null;
+			}, 1500);
+		}
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_BaseModal = modal_default$4;
+			const _component_ScenarioSuggestionsLoading = loading_default;
+			const _component_UAlert = _sfc_main$3;
+			const _component_UCard = _sfc_main$8;
+			const _component_UIcon = _sfc_main$5;
+			const _component_UBadge = _sfc_main$2;
+			const _component_UTooltip = _sfc_main$7;
+			const _component_UButton = _sfc_main$1;
+			_push(ssrRenderComponent(_component_BaseModal, mergeProps({
+				open: open.value,
+				"onUpdate:open": ($event) => open.value = $event,
+				title: "Sugestões de seletores",
+				loading: __props.loading,
+				wide: ""
+			}, _attrs), {
+				body: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						if (__props.loading) _push(ssrRenderComponent(_component_ScenarioSuggestionsLoading, null, null, _parent, _scopeId));
+						else if (__props.error) _push(ssrRenderComponent(_component_UAlert, {
+							color: "error",
+							variant: "soft",
+							icon: "i-ic-round-error-outline",
+							title: "Não foi possível gerar sugestões",
+							description: __props.error
+						}, null, _parent, _scopeId));
+						else if (__props.suggestions.length === 0) _push(ssrRenderComponent(_component_UAlert, {
+							color: "success",
+							variant: "soft",
+							icon: "i-ic-round-check-circle",
+							title: "Nenhuma sugestão necessária",
+							description: "Todos os eventos já têm um data-testid.",
+							"data-testid": "sugestoes-vazio"
+						}, null, _parent, _scopeId));
+						else {
+							_push(`<div class="flex flex-col gap-3"${_scopeId}><!--[-->`);
+							ssrRenderList(__props.suggestions, (suggestion, i) => {
+								_push(ssrRenderComponent(_component_UCard, {
+									key: i,
+									"data-testid": "sugestao-card"
+								}, {
+									default: withCtx((_, _push, _parent, _scopeId) => {
+										if (_push) {
+											_push(`<div class="flex gap-3"${_scopeId}><div class="flex size-9 shrink-0 items-center justify-center rounded-md bg-primary/10"${_scopeId}>`);
+											_push(ssrRenderComponent(_component_UIcon, {
+												name: "i-ic-round-select-all",
+												class: "size-5 text-primary"
+											}, null, _parent, _scopeId));
+											_push(`</div><div class="min-w-0 flex-1"${_scopeId}><p class="text-sm font-semibold"${_scopeId}>${ssrInterpolate(suggestion.event)}</p><p class="text-xs text-dimmed mt-0.5"${_scopeId}>${ssrInterpolate(suggestion.reason)}</p><div class="flex flex-wrap items-center gap-2 mt-3"${_scopeId}>`);
+											_push(ssrRenderComponent(_component_UBadge, {
+												color: "error",
+												class: "font-mono line-through decoration-error/50",
+												size: "xl"
+											}, {
+												default: withCtx((_, _push, _parent, _scopeId) => {
+													if (_push) _push(`${ssrInterpolate(suggestion.currentSelector)}`);
+													else return [createTextVNode(toDisplayString(suggestion.currentSelector), 1)];
+												}),
+												_: 2
+											}, _parent, _scopeId));
+											_push(ssrRenderComponent(_component_UIcon, {
+												name: "i-ic-round-keyboard-arrow-right",
+												class: "size-8 shrink-0 text-dimmed"
+											}, null, _parent, _scopeId));
+											_push(ssrRenderComponent(_component_UTooltip, {
+												text: unref(copied) === i ? "Copiado!" : "Clique para copiar",
+												"delay-duration": 0,
+												arrow: ""
+											}, {
+												default: withCtx((_, _push, _parent, _scopeId) => {
+													if (_push) _push(ssrRenderComponent(_component_UButton, {
+														color: unref(copied) === i ? "success" : "primary",
+														variant: "soft",
+														"trailing-icon": unref(copied) === i ? "i-ic-round-check" : "i-ic-round-content-copy",
+														"data-testid": "sugestao-testid",
+														size: "lg",
+														onClick: ($event) => copy(suggestion.suggestedTestId, i)
+													}, {
+														default: withCtx((_, _push, _parent, _scopeId) => {
+															if (_push) _push(`<code class="font-mono"${_scopeId}>data-testid=&quot;${ssrInterpolate(suggestion.suggestedTestId)}&quot;</code>`);
+															else return [createVNode("code", { class: "font-mono" }, "data-testid=\"" + toDisplayString(suggestion.suggestedTestId) + "\"", 1)];
+														}),
+														_: 2
+													}, _parent, _scopeId));
+													else return [createVNode(_component_UButton, {
+														color: unref(copied) === i ? "success" : "primary",
+														variant: "soft",
+														"trailing-icon": unref(copied) === i ? "i-ic-round-check" : "i-ic-round-content-copy",
+														"data-testid": "sugestao-testid",
+														size: "lg",
+														onClick: ($event) => copy(suggestion.suggestedTestId, i)
+													}, {
+														default: withCtx(() => [createVNode("code", { class: "font-mono" }, "data-testid=\"" + toDisplayString(suggestion.suggestedTestId) + "\"", 1)]),
+														_: 2
+													}, 1032, [
+														"color",
+														"trailing-icon",
+														"onClick"
+													])];
+												}),
+												_: 2
+											}, _parent, _scopeId));
+											_push(`</div></div></div>`);
+										} else return [createVNode("div", { class: "flex gap-3" }, [createVNode("div", { class: "flex size-9 shrink-0 items-center justify-center rounded-md bg-primary/10" }, [createVNode(_component_UIcon, {
+											name: "i-ic-round-select-all",
+											class: "size-5 text-primary"
+										})]), createVNode("div", { class: "min-w-0 flex-1" }, [
+											createVNode("p", { class: "text-sm font-semibold" }, toDisplayString(suggestion.event), 1),
+											createVNode("p", { class: "text-xs text-dimmed mt-0.5" }, toDisplayString(suggestion.reason), 1),
+											createVNode("div", { class: "flex flex-wrap items-center gap-2 mt-3" }, [
+												createVNode(_component_UBadge, {
+													color: "error",
+													class: "font-mono line-through decoration-error/50",
+													size: "xl"
+												}, {
+													default: withCtx(() => [createTextVNode(toDisplayString(suggestion.currentSelector), 1)]),
+													_: 2
+												}, 1024),
+												createVNode(_component_UIcon, {
+													name: "i-ic-round-keyboard-arrow-right",
+													class: "size-8 shrink-0 text-dimmed"
+												}),
+												createVNode(_component_UTooltip, {
+													text: unref(copied) === i ? "Copiado!" : "Clique para copiar",
+													"delay-duration": 0,
+													arrow: ""
+												}, {
+													default: withCtx(() => [createVNode(_component_UButton, {
+														color: unref(copied) === i ? "success" : "primary",
+														variant: "soft",
+														"trailing-icon": unref(copied) === i ? "i-ic-round-check" : "i-ic-round-content-copy",
+														"data-testid": "sugestao-testid",
+														size: "lg",
+														onClick: ($event) => copy(suggestion.suggestedTestId, i)
+													}, {
+														default: withCtx(() => [createVNode("code", { class: "font-mono" }, "data-testid=\"" + toDisplayString(suggestion.suggestedTestId) + "\"", 1)]),
+														_: 2
+													}, 1032, [
+														"color",
+														"trailing-icon",
+														"onClick"
+													])]),
+													_: 2
+												}, 1032, ["text"])
+											])
+										])])];
+									}),
+									_: 2
+								}, _parent, _scopeId));
+							});
+							_push(`<!--]--></div>`);
+						}
+					} else return [__props.loading ? (openBlock(), createBlock(_component_ScenarioSuggestionsLoading, { key: 0 })) : __props.error ? (openBlock(), createBlock(_component_UAlert, {
+						key: 1,
+						color: "error",
+						variant: "soft",
+						icon: "i-ic-round-error-outline",
+						title: "Não foi possível gerar sugestões",
+						description: __props.error
+					}, null, 8, ["description"])) : __props.suggestions.length === 0 ? (openBlock(), createBlock(_component_UAlert, {
+						key: 2,
+						color: "success",
+						variant: "soft",
+						icon: "i-ic-round-check-circle",
+						title: "Nenhuma sugestão necessária",
+						description: "Todos os eventos já têm um data-testid.",
+						"data-testid": "sugestoes-vazio"
+					})) : (openBlock(), createBlock("div", {
+						key: 3,
+						class: "flex flex-col gap-3"
+					}, [(openBlock(true), createBlock(Fragment, null, renderList(__props.suggestions, (suggestion, i) => {
+						return openBlock(), createBlock(_component_UCard, {
+							key: i,
+							"data-testid": "sugestao-card"
+						}, {
+							default: withCtx(() => [createVNode("div", { class: "flex gap-3" }, [createVNode("div", { class: "flex size-9 shrink-0 items-center justify-center rounded-md bg-primary/10" }, [createVNode(_component_UIcon, {
+								name: "i-ic-round-select-all",
+								class: "size-5 text-primary"
+							})]), createVNode("div", { class: "min-w-0 flex-1" }, [
+								createVNode("p", { class: "text-sm font-semibold" }, toDisplayString(suggestion.event), 1),
+								createVNode("p", { class: "text-xs text-dimmed mt-0.5" }, toDisplayString(suggestion.reason), 1),
+								createVNode("div", { class: "flex flex-wrap items-center gap-2 mt-3" }, [
+									createVNode(_component_UBadge, {
+										color: "error",
+										class: "font-mono line-through decoration-error/50",
+										size: "xl"
+									}, {
+										default: withCtx(() => [createTextVNode(toDisplayString(suggestion.currentSelector), 1)]),
+										_: 2
+									}, 1024),
+									createVNode(_component_UIcon, {
+										name: "i-ic-round-keyboard-arrow-right",
+										class: "size-8 shrink-0 text-dimmed"
+									}),
+									createVNode(_component_UTooltip, {
+										text: unref(copied) === i ? "Copiado!" : "Clique para copiar",
+										"delay-duration": 0,
+										arrow: ""
+									}, {
+										default: withCtx(() => [createVNode(_component_UButton, {
+											color: unref(copied) === i ? "success" : "primary",
+											variant: "soft",
+											"trailing-icon": unref(copied) === i ? "i-ic-round-check" : "i-ic-round-content-copy",
+											"data-testid": "sugestao-testid",
+											size: "lg",
+											onClick: ($event) => copy(suggestion.suggestedTestId, i)
+										}, {
+											default: withCtx(() => [createVNode("code", { class: "font-mono" }, "data-testid=\"" + toDisplayString(suggestion.suggestedTestId) + "\"", 1)]),
+											_: 2
+										}, 1032, [
+											"color",
+											"trailing-icon",
+											"onClick"
+										])]),
+										_: 2
+									}, 1032, ["text"])
+								])
+							])])]),
+							_: 2
+						}, 1024);
+					}), 128))]))];
+				}),
+				footer: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent(_component_UButton, {
+						label: "Fechar",
+						color: "neutral",
+						variant: "ghost",
+						"data-testid": "sugestoes-fechar",
+						onClick: ($event) => open.value = false
+					}, null, _parent, _scopeId));
+					else return [createVNode(_component_UButton, {
+						label: "Fechar",
+						color: "neutral",
+						variant: "ghost",
+						"data-testid": "sugestoes-fechar",
+						onClick: ($event) => open.value = false
+					}, null, 8, ["onClick"])];
+				}),
+				_: 1
+			}, _parent));
+		};
+	}
+});
+//#endregion
+//#region app/components/scenario/suggestions/modal.vue
 var _sfc_setup$3 = modal_vue_vue_type_script_setup_true_lang_default$1.setup;
 modal_vue_vue_type_script_setup_true_lang_default$1.setup = (props, ctx) => {
 	const ssrContext = useSSRContext();
-	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/scenario/edit/modal.vue");
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/scenario/suggestions/modal.vue");
 	return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
 };
-var modal_default$1 = Object.assign(modal_vue_vue_type_script_setup_true_lang_default$1, { __name: "ScenarioEditModal" });
+var modal_default$1 = Object.assign(modal_vue_vue_type_script_setup_true_lang_default$1, { __name: "ScenarioSuggestionsModal" });
 //#endregion
 //#region app/components/project/auth/credentials.vue?vue&type=script&setup=true&lang.ts
 var credentials_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -220,7 +724,7 @@ var credentials_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			saving.value = true;
 			error.value = null;
 			try {
-				await $fetch$2(`/api/projects/${__props.slug}/auth/credentials`, {
+				await $fetch$1(`/api/projects/${__props.slug}/auth/credentials`, {
 					method: "POST",
 					body: {
 						username: username.value,
@@ -236,11 +740,11 @@ var credentials_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			}
 		}
 		return (_ctx, _push, _parent, _attrs) => {
-			const _component_BaseModal = modal_default$1$1;
-			const _component_UAlert = _sfc_main$4;
-			const _component_UFormField = _sfc_main$8;
-			const _component_UInput = _sfc_main$6;
-			const _component_UButton = _sfc_main$3;
+			const _component_BaseModal = modal_default$4;
+			const _component_UAlert = _sfc_main$3;
+			const _component_UFormField = _sfc_main$1$2;
+			const _component_UInput = _sfc_main$4;
+			const _component_UButton = _sfc_main$1;
 			_push(ssrRenderComponent(_component_BaseModal, mergeProps({
 				open: open.value,
 				"onUpdate:open": ($event) => open.value = $event,
@@ -418,11 +922,11 @@ var modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const emit = __emit;
 		const open = useModel(__props, "open");
 		return (_ctx, _push, _parent, _attrs) => {
-			const _component_BaseModal = modal_default$1$1;
+			const _component_BaseModal = modal_default$4;
 			const _component_BaseLoadingPhrases = phrases_default;
-			const _component_UAlert = _sfc_main$4;
+			const _component_UAlert = _sfc_main$3;
 			const _component_BaseCodefield = codefield_default;
-			const _component_UButton = _sfc_main$3;
+			const _component_UButton = _sfc_main$1;
 			_push(ssrRenderComponent(_component_BaseModal, mergeProps({
 				open: open.value,
 				"onUpdate:open": ($event) => open.value = $event,
@@ -543,6 +1047,19 @@ 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: "ScenarioFixModal" });
 //#endregion
+//#region app/utils/recording-session.ts
+/** Os estados em que o projeto tem uma sessão gravada em disco. */
+var RECORDED = ["configured", "failing"];
+/**
+* O arquivo de sessão que a gravação carrega. Nada quando o projeto não gravou login, porque o
+* caminho existe no projeto de qualquer jeito e o gravador recusa arquivo que não está lá, e nada
+* para o cenário que roda fora da sessão.
+*/
+function sessionFor(project, isPublic = false) {
+	if (isPublic || !RECORDED.includes(project.auth_status)) return void 0;
+	return project.storage_state;
+}
+//#endregion
 //#region app/pages/projects/[projectSlug]/scenarios/[...scenario].vue?vue&type=script&setup=true&lang.ts
 var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "[...scenario]",
@@ -565,7 +1082,7 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		async function remove() {
 			removing.value = true;
 			try {
-				await $fetch$2(`/api/projects/${slug.value}/scenarios/${scenarioId.value}`, { method: "DELETE" });
+				await $fetch$1(`/api/projects/${slug.value}/scenarios/${scenarioId.value}`, { method: "DELETE" });
 				await navigateTo(`/projects/${slug.value}`);
 			} finally {
 				removing.value = false;
@@ -587,7 +1104,7 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			suggestionsError.value = null;
 			suggestions.value = [];
 			try {
-				suggestions.value = await $fetch$2(`/api/projects/${slug.value}/scenario-suggestions`, {
+				suggestions.value = await $fetch$1(`/api/projects/${slug.value}/scenario-suggestions`, {
 					method: "POST",
 					body: { scenarioId: scenarioId.value }
 				});
@@ -639,7 +1156,7 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			fix.value = null;
 			fixError.value = null;
 			try {
-				fix.value = await $fetch$2(`/api/projects/${slug.value}/scenario-fix`, {
+				fix.value = await $fetch$1(`/api/projects/${slug.value}/scenario-fix`, {
 					method: "POST",
 					body: {
 						scenarioId: scenarioId.value,
@@ -657,7 +1174,7 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			if (!fix.value) return;
 			applyingFix.value = true;
 			try {
-				await $fetch$2(`/api/projects/${slug.value}/scenarios/${scenarioId.value}`, {
+				await $fetch$1(`/api/projects/${slug.value}/scenarios/${scenarioId.value}`, {
 					method: "PATCH",
 					body: {
 						...draftFromScenario(scenario.value),
@@ -717,91 +1234,92 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const written = computed(() => !isAuth.value || scenario.value.playwright.trim().length > 0);
 		const { state: webdriver, startRecording, stopRecording } = useWebdriver();
 		const credentialsOpen = ref(false);
-		const writingAuth = ref(false);
-		const authError = ref(null);
+		const reviewOpen = ref(false);
 		const authWarnings = ref([]);
 		const dismissingAuth = ref(false);
 		async function dismissAuth() {
 			dismissingAuth.value = true;
 			try {
-				await $fetch$2(`/api/projects/${slug.value}/auth/skip`, { method: "POST" });
+				await $fetch$1(`/api/projects/${slug.value}/auth/skip`, { method: "POST" });
 				await refreshProject();
 			} finally {
 				dismissingAuth.value = false;
 			}
 		}
-		const AUTH_PHRASES = [
-			"Analisando os eventos gravados",
-			"Identificando os campos de usuário e senha",
-			"Escrevendo o fluxo de autenticação"
-		];
+		/** Só a tela que pediu a gravação revisa o resultado; o gravador é um estado compartilhado. */
+		const recordStarted = ref(false);
 		/** Gravar o login abre no sistema sem sessão, porque é justamente o login que vamos capturar. */
 		function recordLogin() {
-			authError.value = null;
 			authWarnings.value = [];
+			recordStarted.value = true;
 			startRecording("auth", { url: project.value.base_url ?? void 0 });
 		}
-		watch(() => webdriver.value.videoSessionId, async (sessionId) => {
-			if (!sessionId || !isAuth.value) return;
-			const baseUrl = eventsBaseUrl(webdriver.value.events);
-			if (!baseUrl) {
-				authError.value = "A gravação não registrou nenhuma página. Tente gravar novamente.";
+		/** Retomar do passo escolhido: o navegador refaz os anteriores e a gravação continua dali. */
+		const isPublic = computed(() => scenario.value.tags.includes("@publico"));
+		function resumeWith(events) {
+			recordStarted.value = true;
+			startRecording(isAuth.value ? "auth" : "scenario", {
+				url: project.value.base_url ?? void 0,
+				storageState: isAuth.value ? void 0 : sessionFor(project.value, isPublic.value),
+				replay: events
+			});
+		}
+		function resumeFrom(index) {
+			resumeWith(scenario.value.events.slice(0, index));
+		}
+		/** Gravar de novo do zero mantém o tipo do cenário, só descarta os passos que já existiam. */
+		function rerecord() {
+			return isAuth.value ? recordLogin() : resumeWith([]);
+		}
+		/** Enquanto a ferramenta refaz os passos, quem manda é a cortina na janela gravada. */
+		const recordingLabel = computed(() => {
+			if (webdriver.value.replayFailedStep) return "Aguardando você na janela";
+			if (webdriver.value.replaying) return "Refazendo os passos";
+			return "Parar gravação";
+		});
+		function openEdit() {
+			editOpen.value = true;
+		}
+		/** Toda gravação que sai desta tela passa pela revisão antes de virar cenário ou autenticação. */
+		watch(() => webdriver.value.videoSessionId, (sessionId) => {
+			if (!sessionId || !recordStarted.value) return;
+			recordStarted.value = false;
+			reviewOpen.value = true;
+		});
+		/** O que a revisão gerou: a autenticação segue para as credenciais ou para o teste. */
+		async function onReviewed(result) {
+			if (!result) return;
+			if (!isAuth.value) return onUpdated(result);
+			const generated = result;
+			authWarnings.value = generated.warnings ?? [];
+			await refreshScenario();
+			if (generated.credentialsNeeded) {
+				credentialsOpen.value = true;
 				return;
 			}
-			writingAuth.value = true;
-			try {
-				const response = await $fetch$2(`/api/projects/${slug.value}/auth/record`, {
-					method: "POST",
-					body: {
-						baseUrl,
-						events: webdriver.value.events.map((event) => ({
-							type: event.type,
-							timestamp: event.timestamp,
-							url: event.url ?? null,
-							selectors: event.selectors ?? null,
-							label: event.label ?? null,
-							value: event.value ?? null,
-							inputType: event.inputType ?? null,
-							html: event.html ?? null
-						}))
-					}
-				});
-				authWarnings.value = response.warnings ?? [];
-				await refreshScenario();
-				if (response.credentialsNeeded) {
-					credentialsOpen.value = true;
-					return;
-				}
-				runTest();
-			} catch (error) {
-				console.error("Falha ao gravar a autenticação:", error);
-				authError.value = "Não foi possível gerar a autenticação a partir da gravação. Tente novamente.";
-			} finally {
-				writingAuth.value = false;
-			}
-		});
+			runTest();
+		}
 		return (_ctx, _push, _parent, _attrs) => {
 			const _component_UContainer = _sfc_main;
 			const _component_BaseButtonIcon = icon_default;
-			const _component_UBadge = _sfc_main$1;
+			const _component_UBadge = _sfc_main$2;
 			const _component_ScenarioAuthStatus = auth_status_default;
-			const _component_UTooltip = _sfc_main$2;
-			const _component_UButton = _sfc_main$3;
+			const _component_UTooltip = _sfc_main$7;
+			const _component_UButton = _sfc_main$1;
 			const _component_ScenarioWarnings = warnings_default;
-			const _component_UAlert = _sfc_main$4;
+			const _component_UAlert = _sfc_main$3;
 			const _component_WebdriverSetup = setup_default;
-			const _component_UIcon = _sfc_main$2$1;
-			const _component_UTabs = _sfc_main$5;
+			const _component_UIcon = _sfc_main$5;
+			const _component_UTabs = _sfc_main$1$1;
 			const _component_BaseEmpty = empty_default;
 			const _component_ScenarioReviewTimeline = timeline_default;
 			const _component_BaseCodefield = codefield_default;
 			const _component_ScenarioTestRunHistory = history_default;
 			const _component_BaseConfirm = confirm_default;
-			const _component_ScenarioEditModal = modal_default$1;
-			const _component_ScenarioSuggestionsModal = modal_default$2;
+			const _component_ScenarioEditModal = modal_default$2;
+			const _component_ScenarioReviewModal = modal_default$1$1;
+			const _component_ScenarioSuggestionsModal = modal_default$1;
 			const _component_ScenarioTestRunModal = modal_default$3;
-			const _component_BaseModal = modal_default$1$1;
-			const _component_BaseLoadingPhrases = phrases_default;
 			const _component_ProjectAuthCredentials = credentials_default;
 			const _component_ScenarioFixModal = modal_default;
 			_push(ssrRenderComponent(_component_UContainer, mergeProps({
@@ -842,7 +1360,7 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							color: "neutral",
 							variant: "soft",
 							"data-testid": "cenario-editar",
-							onClick: ($event) => editOpen.value = true
+							onClick: openEdit
 						}, null, _parent, _scopeId));
 						else _push(`<!---->`);
 						if (!unref(isAuth)) _push(ssrRenderComponent(_component_UTooltip, {
@@ -883,11 +1401,12 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							_: 1
 						}, _parent, _scopeId));
 						else _push(`<!---->`);
-						if (unref(isAuth) && unref(webdriver).recording) _push(ssrRenderComponent(_component_UButton, {
-							label: "Parar gravação",
+						if (unref(webdriver).recording) _push(ssrRenderComponent(_component_UButton, {
+							label: unref(recordingLabel),
 							"trailing-icon": "i-ic-round-stop",
 							color: "error",
-							class: "animate-pulse",
+							disabled: unref(webdriver).replaying,
+							class: unref(webdriver).replayFailedStep ? "" : "animate-pulse",
 							"data-testid": "cenario-parar",
 							onClick: unref(stopRecording)
 						}, null, _parent, _scopeId));
@@ -897,7 +1416,6 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							color: "neutral",
 							variant: "soft",
 							disabled: !unref(webdriver).connected,
-							loading: unref(writingAuth),
 							"data-testid": "auth-gravar",
 							onClick: recordLogin
 						}, null, _parent, _scopeId));
@@ -929,13 +1447,13 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							slug: unref(slug),
 							class: "mt-6"
 						}, null, _parent, _scopeId));
-						if (unref(authError) || unref(webdriver).error) {
+						if (unref(webdriver).error) {
 							_push(`<div class="mt-6 flex flex-col gap-3"${_scopeId}>`);
 							_push(ssrRenderComponent(_component_UAlert, {
 								color: "error",
 								variant: "soft",
 								"data-testid": "webdriver-erro",
-								description: unref(authError) ?? unref(webdriver).error
+								description: unref(webdriver).error
 							}, null, _parent, _scopeId));
 							if (unref(webdriver).error?.includes("Chrome")) _push(ssrRenderComponent(_component_WebdriverSetup, null, null, _parent, _scopeId));
 							else _push(`<!---->`);
@@ -993,8 +1511,18 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 								}, null, _parent, _scopeId));
 								else _push(ssrRenderComponent(_component_ScenarioReviewTimeline, {
 									events: unref(scenario).events,
-									"data-testid": "cenario-eventos"
+									resumable: unref(webdriver).connected && !unref(webdriver).recording,
+									"data-testid": "cenario-eventos",
+									onResume: resumeFrom
 								}, null, _parent, _scopeId));
+								if (unref(webdriver).error) _push(ssrRenderComponent(_component_UAlert, {
+									color: "error",
+									variant: "soft",
+									description: unref(webdriver).error,
+									class: "mt-4",
+									"data-testid": "cenario-retomar-erro"
+								}, null, _parent, _scopeId));
+								else _push(`<!---->`);
 								_push(`<!--]-->`);
 							} else if (unref(tab) === "gherkin") _push(ssrRenderComponent(_component_BaseCodefield, {
 								"model-value": unref(scenario).gherkin,
@@ -1050,6 +1578,16 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							scenario: unref(scenario),
 							onUpdated
 						}, null, _parent, _scopeId));
+						_push(ssrRenderComponent(_component_ScenarioReviewModal, {
+							open: unref(reviewOpen),
+							"onUpdate:open": ($event) => isRef(reviewOpen) ? reviewOpen.value = $event : null,
+							slug: unref(slug),
+							scenario: unref(scenario),
+							"is-public": unref(isPublic),
+							onGenerated: onReviewed,
+							onRerecord: rerecord,
+							onResume: resumeWith
+						}, null, _parent, _scopeId));
 						_push(ssrRenderComponent(_component_ScenarioSuggestionsModal, {
 							open: unref(suggestionsOpen),
 							"onUpdate:open": ($event) => isRef(suggestionsOpen) ? suggestionsOpen.value = $event : null,
@@ -1073,24 +1611,6 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							output: unref(runOutput),
 							onFix: requestFix
 						}, null, _parent, _scopeId));
-						_push(ssrRenderComponent(_component_BaseModal, {
-							open: unref(writingAuth),
-							"onUpdate:open": ($event) => isRef(writingAuth) ? writingAuth.value = $event : null,
-							dismissable: false,
-							loading: ""
-						}, {
-							body: withCtx((_, _push, _parent, _scopeId) => {
-								if (_push) _push(ssrRenderComponent(_component_BaseLoadingPhrases, {
-									phrases: AUTH_PHRASES,
-									"data-testid": "auth-carregando"
-								}, null, _parent, _scopeId));
-								else return [createVNode(_component_BaseLoadingPhrases, {
-									phrases: AUTH_PHRASES,
-									"data-testid": "auth-carregando"
-								})];
-							}),
-							_: 1
-						}, _parent, _scopeId));
 						_push(ssrRenderComponent(_component_ProjectAuthCredentials, {
 							open: unref(credentialsOpen),
 							"onUpdate:open": ($event) => isRef(credentialsOpen) ? credentialsOpen.value = $event : null,
@@ -1153,8 +1673,8 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 								color: "neutral",
 								variant: "soft",
 								"data-testid": "cenario-editar",
-								onClick: ($event) => editOpen.value = true
-							}, null, 8, ["onClick"])) : createCommentVNode("", true),
+								onClick: openEdit
+							})) : createCommentVNode("", true),
 							!unref(isAuth) ? (openBlock(), createBlock(_component_UTooltip, {
 								key: 2,
 								text: unref(AI_OFF_HINT),
@@ -1178,25 +1698,30 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 								])])]),
 								_: 1
 							}, 8, ["text", "disabled"])) : createCommentVNode("", true),
-							unref(isAuth) && unref(webdriver).recording ? (openBlock(), createBlock(_component_UButton, {
+							unref(webdriver).recording ? (openBlock(), createBlock(_component_UButton, {
 								key: 3,
-								label: "Parar gravação",
+								label: unref(recordingLabel),
 								"trailing-icon": "i-ic-round-stop",
 								color: "error",
-								class: "animate-pulse",
+								disabled: unref(webdriver).replaying,
+								class: unref(webdriver).replayFailedStep ? "" : "animate-pulse",
 								"data-testid": "cenario-parar",
 								onClick: unref(stopRecording)
-							}, null, 8, ["onClick"])) : unref(isAuth) && unref(written) ? (openBlock(), createBlock(_component_UButton, {
+							}, null, 8, [
+								"label",
+								"disabled",
+								"class",
+								"onClick"
+							])) : unref(isAuth) && unref(written) ? (openBlock(), createBlock(_component_UButton, {
 								key: 4,
 								label: "Gravar novamente",
 								"trailing-icon": "i-ic-round-fiber-manual-record",
 								color: "neutral",
 								variant: "soft",
 								disabled: !unref(webdriver).connected,
-								loading: unref(writingAuth),
 								"data-testid": "auth-gravar",
 								onClick: recordLogin
-							}, null, 8, ["disabled", "loading"])) : createCommentVNode("", true),
+							}, null, 8, ["disabled"])) : createCommentVNode("", true),
 							unref(written) ? (openBlock(), createBlock(_component_UButton, {
 								key: 5,
 								label: "Testar",
@@ -1226,14 +1751,14 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							slug: unref(slug),
 							class: "mt-6"
 						}, null, 8, ["warnings", "slug"]),
-						unref(authError) || unref(webdriver).error ? (openBlock(), createBlock("div", {
+						unref(webdriver).error ? (openBlock(), createBlock("div", {
 							key: 2,
 							class: "mt-6 flex flex-col gap-3"
 						}, [createVNode(_component_UAlert, {
 							color: "error",
 							variant: "soft",
 							"data-testid": "webdriver-erro",
-							description: unref(authError) ?? unref(webdriver).error
+							description: unref(webdriver).error
 						}, null, 8, ["description"]), unref(webdriver).error?.includes("Chrome") ? (openBlock(), createBlock(_component_WebdriverSetup, { key: 0 })) : createCommentVNode("", true)])) : createCommentVNode("", true),
 						!unref(written) ? (openBlock(), createBlock("div", {
 							key: 3,
@@ -1296,8 +1821,17 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						})) : (openBlock(), createBlock(_component_ScenarioReviewTimeline, {
 							key: 1,
 							events: unref(scenario).events,
-							"data-testid": "cenario-eventos"
-						}, null, 8, ["events"]))], 64)) : unref(tab) === "gherkin" ? (openBlock(), createBlock(_component_BaseCodefield, {
+							resumable: unref(webdriver).connected && !unref(webdriver).recording,
+							"data-testid": "cenario-eventos",
+							onResume: resumeFrom
+						}, null, 8, ["events", "resumable"])), unref(webdriver).error ? (openBlock(), createBlock(_component_UAlert, {
+							key: 2,
+							color: "error",
+							variant: "soft",
+							description: unref(webdriver).error,
+							class: "mt-4",
+							"data-testid": "cenario-retomar-erro"
+						}, null, 8, ["description"])) : createCommentVNode("", true)], 64)) : unref(tab) === "gherkin" ? (openBlock(), createBlock(_component_BaseCodefield, {
 							key: 1,
 							"model-value": unref(scenario).gherkin,
 							language: "gherkin",
@@ -1353,6 +1887,22 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							"slug",
 							"scenario"
 						]),
+						createVNode(_component_ScenarioReviewModal, {
+							open: unref(reviewOpen),
+							"onUpdate:open": ($event) => isRef(reviewOpen) ? reviewOpen.value = $event : null,
+							slug: unref(slug),
+							scenario: unref(scenario),
+							"is-public": unref(isPublic),
+							onGenerated: onReviewed,
+							onRerecord: rerecord,
+							onResume: resumeWith
+						}, null, 8, [
+							"open",
+							"onUpdate:open",
+							"slug",
+							"scenario",
+							"is-public"
+						]),
 						createVNode(_component_ScenarioSuggestionsModal, {
 							open: unref(suggestionsOpen),
 							"onUpdate:open": ($event) => isRef(suggestionsOpen) ? suggestionsOpen.value = $event : null,
@@ -1396,18 +1946,6 @@ var ____scenario__vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							"playwright",
 							"output"
 						]),
-						createVNode(_component_BaseModal, {
-							open: unref(writingAuth),
-							"onUpdate:open": ($event) => isRef(writingAuth) ? writingAuth.value = $event : null,
-							dismissable: false,
-							loading: ""
-						}, {
-							body: withCtx(() => [createVNode(_component_BaseLoadingPhrases, {
-								phrases: AUTH_PHRASES,
-								"data-testid": "auth-carregando"
-							})]),
-							_: 1
-						}, 8, ["open", "onUpdate:open"]),
 						createVNode(_component_ProjectAuthCredentials, {
 							open: unref(credentialsOpen),
 							"onUpdate:open": ($event) => isRef(credentialsOpen) ? credentialsOpen.value = $event : null,
@@ -1453,4 +1991,4 @@ ____scenario__vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) =
 var ____scenario__default = ____scenario__vue_vue_type_script_setup_true_lang_default;
 
 export { ____scenario__default as default };
-//# sourceMappingURL=_...scenario_-DNqQ06NM.mjs.map
+//# sourceMappingURL=_...scenario_-qp56INdQ.mjs.map